MediaWiki:Common.css: Difference between revisions

Retrieved from "https://wiki.doctor/index.php/MediaWiki:Common.css"

@@ Line 1: / Line 1: @@
-/* CSS placed here will be applied to all skins */
+/* ============================= */
-/* Mobile infobox fix */
+/* Wikipedia-style Infobox Look */
-@media screen and (max-width: 720px) {
+/* ============================= */
-   .infobox {
-    float: none !important;
+.infobox {
-    width: 100% !important;
+  background: #f8f9fa;
-    margin: 0 0 15px 0 !important;
+  border: 1px solid #a2a9b1;
-   }
+  border-collapse: collapse;
+  color: #202122;
+   font-size: 90%;
+}
+.infobox-above {
+  background: #eaecf0;
+  font-size: 125%;
+  font-weight: bold;
+  text-align: center;
+   padding: 8px;
+}
+.infobox th,
+.infobox td {
+  padding: 6px 8px;
+  vertical-align: top;
+}
+.infobox th {
+  background: #eaecf0;
+  text-align: left;
 }
-/* Infobox image scaling */
 .infobox img {
    max-width: 100%;
    height: auto;
 }
+/* ============================= */
+/* Desktop infobox alignment */
+/* ============================= */
+@media screen and (min-width: 721px) {
+  .infobox {
+    width: 22em;
+    float: right;
+    margin: 0 0 1em 1em;
+  }
+}
+/* ============================= */
+/* Mobile infobox (let Minerva handle width) */
+/* ============================= */
+@media screen and (max-width: 720px) {
+  .infobox {
+    width: auto;
+    float: none;
+    margin: 0 0 1em 0;
+  }
+}
+/* Remove ugly gaps */
+.infobox tr + tr th, .infobox tr + tr td { border-top: 1px solid #a2a9b1; }