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;
-   color: black;
+   color: #000;
    padding: .2em;
    font-size: .9em;
@@ Line 18: / Line 29: @@
    text-align: left;
    vertical-align: top;
+}
+.infobox .infobox-above,
+.infobox .infobox-title {
+  font-size: 1.25em;
+  font-weight: bold;
+  text-align: center !important;
+}
+.infobox .infobox-caption {
+  font-weight: normal !important;
+  text-align: center !important;
 }
@@ Line 23: / Line 46: @@
    font-size: 1.1em;
    font-weight: bold;
+  text-align: center !important;
 }
 .infobox .infobox-label {
    font-weight: bold;
+}
+/* Fixes weird stretching bug with the Vector skin */
+.infobox img {
+  display: block;
+  margin: 0 auto;
+  max-width: 100%;
+  height: auto;
 }
 @media (max-width: 640px) {
    .infobox {
+    width: 100%;
      float: none;
      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;
@@ Line 58: / Line 85: @@
      width: 22em;
    }
-}
-.infobox .infobox-caption td {
-  text-align: center;
-}
-/* Fixes weird stretching bug on Vector */
-.infobox img {
-  display: block;
-  margin: 0 auto;
-  max-width: 100%;
-  height: auto;
-}
-/* Remove .infobox when element selectors above are removed */
-.infobox .infobox-above,
-.infobox .infobox-title,
-/* Remove element selector when every .infobox thing is using the standard module/templates  */
-.infobox caption {
-  font-size: 125%;
-  font-weight: bold;
-  text-align: center !important;
-}
-.infobox-caption {
-  font-size: .9em;
-  text-align: center !important;
 }