MediaWiki:Gadget-site-styles.css: Difference between revisions

MediaWiki:Gadget-site-styles.css (view source)

Revision as of 17:46, 25 October 2023

3,272 bytes added , 25 October 2023

no edit summary

Diamondback88

Bureaucrats, Interface administrators, Administrators

8,282

edits

@@ Line 537: / Line 537: @@
      border-image: url('filepath://Achievement_background.png') 8 fill repeat;
 }
+/* [[Template:Infobox]], [[Template:Infobox row]] */
+.notaninfobox {
+	position: relative;
+	clear: right;
+	margin: 0 0 1em 1em;
+	width: 300px;
+	font-size: 90%;
+	background: #FFF;
+	float: right;
+	border: 1px solid #CCC;
+	padding: 2px;
+	overflow: auto;
+	z-index: 1;
+}
+@media all and (max-width: 511px) {
+	.notaninfobox {
+		float: none;
+		margin-left: 0;
+		width: auto;
+	}
+}
+@media all and (max-width: 337px) {
+	.notaninfobox {
+		margin-left: -16px;
+		margin-right: -16px;
+		border-left: none;
+		border-right: none;
+	}
+}
+.notaninfobox > .infobox-title {
+	font-weight: bold;
+	text-align: center;
+	font-size: 120%;
+	border: none;
+}
+.notaninfobox th + td > ul {
+	list-style: none;
+	margin-left: unset
+}
+.infobox-imagearea {
+	text-align: center;
+	padding: 4px;
+}
+.infobox-imagearea > div:not(:first-child) {
+	padding-top: 1em;
+}
+/* Horizontally centre animated images */
+#mw-content-text .infobox-imagearea .animated {
+	display: inline-flex;
+	align-items: center;
+}
+/* Infoboxes with gallery */
+.infobox-imagearea li.gallerybox div.thumb {
+	background: none;
+	border: none;
+	margin: 0;
+}
+.infobox-imagearea ul.gallery,
+.infobox-imagearea li.gallerybox,
+.infobox-imagearea li.gallerybox div.thumb > div {
+	margin: 0 !important;
+}
+.infobox-imagearea li.gallerybox div.gallerytext {
+    font-weight: bold;
+    font-size: 100%;
+    padding: 0;
+}
+/* Infoboxes with tabber */
+.infobox-imagearea .tabber .tabbertab,
+.infobox-imagearea ul.tabbernav li a,
+.infobox-imagearea ul.tabbernav li.tabberactive a {
+    background: none;
+	border: none;
+}
+.infobox-imagearea ul.tabbernav {
+	font: inherit;
+	font-size: 100%;
+}
+.infobox-imagearea ul.tabbernav li a:hover,
+.infobox-imagearea ul.tabbernav li.tabberactive a:hover {
+    color: #000;
+}
+.infobox-imagearea ul.tabbernav > li {
+	margin-bottom: 5px;
+	padding: 0;
+}
+.infobox-imagearea ul.tabbernav > li > a {
+    color: #595959;
+	padding-bottom: 1px;
+	display: block;
+}
+/* To prevent the tabs from jumping around when they become active or inactive
+ * due to the font-weight changing from normal to bold and vice versa, add an
+ * invisible ::before which contains the same text as the tab's text, but
+ * bolded. This way the element in which unbolded text sits is sized according
+ * to the bolded text, preventing it from resizing upon being selected.
+ */
+.infobox-imagearea ul.tabbernav > li > a::before {
+	display: block;
+	content: attr(alt);
+	font-weight: bold;
+	height: 0;
+	color: transparent;
+	overflow: hidden;
+	visibility: hidden;
+}
+.infobox-imagearea ul.tabbernav > li.tabberactive {
+	border: none;
+}
+.infobox-imagearea ul.tabbernav > li.tabberactive > a {
+	font-weight: bold;
+	border-bottom: 2px solid var(--infobox-header-background-color);
+	color: #202122;
+}
+.notaninfobox .infobox-rows {
+	display: table;
+	margin: 0 !important;
+	width: 100% !important;
+	border-collapse: separate !important;
+	border-spacing: 1px !important;
+}
+.infobox-rows > tbody > tr > th {
+	text-align: left;
+	white-space: nowrap;
+}
+#mw-content-text .infobox-rows p {
+	margin: 0;
+}
+/* Merge adjacent dls in the infobox (since they're usually supposed to be one, but the wiki screws up sometimes) */
+.infobox-rows dl + dl {
+	margin-top: -0.4em;
+}
+.infobox-rows dl:last-child {
+	margin-bottom: 0.2em;
+}
+.infobox-footer {
+	text-align: center;
+}
 /* [[Template:Experience]]: