MediaWiki:Mobile.css: Difference between revisions

← Older edit

@@ Line 147: / Line 147: @@
 /* infobox */
-.infobox {
+@media screen and (max-width: 1280px) {
-  background-color: #00000000;
+  table.infobox {
-   position: relative;
+    width: 100% !important;
-  width: 100% !important;
+    margin: 0;
-  max-width: 100% !important;
+    padding: 0 0.5em;
-  box-sizing: border-box;
+     box-sizing: border-box;
-   overflow: visible !important;
+    table-layout: auto !important;
-  margin: 0 auto;
+    overflow-x: hidden !important;
-  box-shadow: 0 1px 3px rgba(0,0,0,0.1);
+  }
+   table.infobox > tbody {
+    display: block;
+    min-width: 100%;
+  }
+  table.infobox th,
+  table.infobox td {
+    text-align: center !important;
+    white-space: normal !important;
+    word-wrap: break-word !important;
+    padding: 0.5em;
+   }
+  table.infobox img {
+    display: block;
+    width: 100% !important;
+    height: auto !important;
+    margin: 0;
+  }
 }
-.infobox table {
+/* section dropdown */
-   width: 100% !important;
+.section-heading.collapsible-heading {
-  border-collapse: collapse;
+   display: block !important;
 }
-.infobox td,
+.section-heading.collapsible-heading > .mw-ui-icon,
-.infobox th {
+.section-heading.collapsible-heading > .mw-headline,
-  white-space: normal;
+.section-heading.collapsible-heading > .mw-editsection {
-}
+   display: block !important;
-.infobox img {
+   /* optional spacing if you want a little gap between icon/headline/edit link */
-  display: block;
+   margin-bottom: 0.25em;
-  width: 100% !important;
-  height: auto !important;
-  margin: 0 auto;
-}
-.infobox details {
-  display: block;
-  clear: both;
-  overflow: visible;
-  margin-top: 1em;
-}
-.infobox summary {
-  font-weight: bold;
-  cursor: pointer;
-  z-index: auto;
-}
-.infobox .infobox-list,
-.infobox > ul {
-   margin: 0 auto;
-   display: inline-block;
-   text-align: left;
 }
-.infobox .infobox-list li,
+.section-heading.collapsible-heading > .mw-ui-icon {
-.infobox > ul > li {
+   float: left;
-   text-align: center;
+  margin-right: 0.5em;
 }