MediaWiki:Common.css: Difference between revisions

← Older edit

@@ Line 1: / Line 1: @@
-/* === Wikipedia-style mobile infobox (full width) === */
-@media screen and (max-width: 720px) {
-  /* Infobox container */
-  .infobox {
-    float: none !important;
-    width: 100vw !important;
-    max-width: 100vw !important;
-    margin: 0 -16px 16px -16px !important;
-    border-left: none !important;
-    border-right: none !important;
-    box-sizing: border-box;
-  }
-  /* Infobox title */
-  .infobox th[colspan="2"] {
-    font-size: 1.3em;
-    padding: 12px 10px !important;
-    text-align: center;
-  }
-  /* Infobox image */
-  .infobox img {
-    width: 100% !important;
-    height: auto !important;
-    max-width: 100% !important;
-    display: block;
-    margin: 0 auto;
-  }
-  /* Image caption */
-  .infobox caption,
-  .infobox .infobox-caption {
-    padding: 8px 10px;
-    font-size: 0.9em;
-  }
-  /* Table cells spacing */
-  .infobox td,
-  .infobox th {
-    padding: 8px 10px !important;
-  }
-}
 /* ============================= */
-/* Wikipedia Infobox Styling */
+/* Wikipedia-style Infobox Look */
 /* ============================= */
 .infobox {
-   background-color: #f8f9fa;
+   background: #f8f9fa;
    border: 1px solid #a2a9b1;
+  border-collapse: collapse;
    color: #202122;
-   border-spacing: 0;
+   font-size: 90%;
-   border-collapse: collapse;
+}
+.infobox-above {
+  background: #eaecf0;
+  font-size: 125%;
+   font-weight: bold;
+  text-align: center;
+  padding: 8px;
 }
@@ Line 59: / Line 23: @@
    padding: 6px 8px;
    vertical-align: top;
-  font-size: 90%;
 }
 .infobox th {
-   background-color: #eaecf0;
+   background: #eaecf0;
-  font-weight: bold;
    text-align: left;
-}
-.infobox-above {
-  background-color: #eaecf0;
-  font-size: 125%;
-  font-weight: bold;
-  text-align: center;
-  padding: 8px;
-}
-.infobox caption {
-  font-size: 90%;
-  text-align: center;
-  color: #54595d;
 }
@@ Line 87: / Line 35: @@
 }
-/* Remove ugly gaps */
+/* ============================= */
-.infobox tr + tr th,
+/* Desktop infobox alignment */
-.infobox tr + tr td {
+/* ============================= */
-  border-top: 1px solid #a2a9b1;
-}
-/* Mobile infobox full width (Minerva skin) */
-@media screen and (max-width: 720px) {
-  .infobox {
-    width: 100% !important;
-    float: none !important;
-    margin: 0 0 1em 0 !important;
-  }
-}
-/* Desktop infobox (Wikipedia style) */
 @media screen and (min-width: 721px) {
    .infobox {
@@ Line 110: / Line 47: @@
 }
-/* Mobile infobox full width */
+/* ============================= */
+/* Mobile infobox (let Minerva handle width) */
+/* ============================= */
 @media screen and (max-width: 720px) {
    .infobox {
-     width: 100% !important;
+     width: auto;
-     float: none !important;
+     float: none;
-     margin: 0 0 1em 0 !important;
+     margin: 0 0 1em 0;
    }
 }
+/* Remove ugly gaps */
+.infobox tr + tr th, .infobox tr + tr td { border-top: 1px solid #a2a9b1; }