MediaWiki:Common.css: Difference between revisions

← Older edit

@@ Line 1: / Line 1: @@
+/* ------------------
+--- General Style ---
+------------------ */
+:root {
+  color-scheme: light !important;
+}
+:root, .skin-invert, .no-theme {
+}
 /* -----------------
 --- Infoboxes ---
@@ Line 4: / Line 16: @@
 .infobox {
-    background-color: #f8f9fa;
+  border: 1px solid #a2a9b1;
-	border: 1px solid #a2a9b1;
+  color: #000;
-	color: black;
+  padding: .2em;
-	padding: .2em;
+  font-size: .9em;
-	font-size: .9em;
+  line-height: 1.5em;
-	line-height: 1.5em;
+  border-spacing: 3px;
-	border-spacing: 3px;
 }
-.infobox th {
+.infobox th,
-    font-size: 1.1em;
+.infobox td {
-    font-weight: bold;
+  padding: .2em .5em;
-    text-align: left;
+  text-align: left;
-	vertical-align: top;
+  vertical-align: top;
 }
-.infobox td {
+.infobox .infobox-above,
-    padding: .2em .5em;
+.infobox .infobox-title {
-    text-align: left;
+  font-size: 1.25em;
-	vertical-align: top;
+  font-weight: bold;
+  text-align: center !important;
 }
-@media (max-width: 640px) {
+.infobox .infobox-caption {
-	.infobox {
+  font-weight: normal !important;
-        float: none;
+  text-align: center !important;
-        clear: both;
-        width: 100% !important;
-        margin: 0 0 1em 0;
-        table-layout: fixed;
-	}
-    .infobox th,
-    .infobox td {
-        width: 100% !important;
-}
-	.infobox .nowrap {
-		white-space: normal;
-	}
 }
-@media (min-width: 640px) {
+.infobox .infobox-header {
-	.infobox {
+  font-size: 1.1em;
-		/* @noflip */
+  font-weight: bold;
-		margin: 0.5em 0 0.5em 1em;
+  text-align: center !important;
-		/* @noflip */
-		float: right;
-		/* @noflip */
-		clear: right;
-		width: 22em;
-	}
 }
-.infobox .infobox-caption td {
+.infobox .infobox-label {
-    text-align: center;
+  font-weight: bold;
 }
-/* Fixes weird stretching bug on Vector */
+/* Fixes weird stretching bug with the Vector skin */
 .infobox img {
-    display: block;
+  display: block;
-    margin: 0 auto;
+  margin: 0 auto;
-    max-width: 100%;
+  max-width: 100%;
-    height: auto;
+  height: auto;
 }
-/* Remove .infobox when element selectors above are removed */
+@media (max-width: 640px) {
-.infobox .infobox-above,
+  .infobox {
-.infobox .infobox-title,
+    width: 100%;
-/* Remove element selector when every .infobox thing is using the standard module/templates  */
+    float: none;
-.infobox caption {
+    clear: both;
-	font-size: 125%;
+    margin: 0 0 1em 0;
-	font-weight: bold;
+    table-layout: fixed;
-	text-align: center !important;
+  }
+  .infobox .nowrap {
+    white-space: normal;
+  }
 }
-.infobox-caption {
+@media (min-width: 640px) {
-     font-size: .9em;
+  .infobox {
-     text-align: center !important;
+     /* @noflip */
+    margin: 0.5em 0 0.5em 1em;
+     /* @noflip */
+    float: right;
+    /* @noflip */
+    clear: right;
+    width: 22em;
+  }
 }