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;
-  z-index: 10;
+    margin: 0;
-   overflow: auto;
+    padding: 0 0.5em;
-  box-shadow: 0 1px 3px rgba(0,0,0,0.1);
+     box-sizing: border-box;
+    table-layout: auto !important;
+    overflow-x: hidden !important;
+  }
+   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 td,
+/* section dropdown */
-.infobox th {white-space: normal;}
+.section-heading.collapsible-heading {
-.infobox img {
+   display: block !important;
-   display: block;
-  width: 100% !important;
-  height: auto !important;
-  margin: 0 auto;
 }
+.section-heading.collapsible-heading > .mw-ui-icon,
+.section-heading.collapsible-heading > .mw-headline,
+.section-heading.collapsible-heading > .mw-editsection {
+  display: block !important;
+  /* optional spacing if you want a little gap between icon/headline/edit link */
+  margin-bottom: 0.25em;
+}
+.section-heading.collapsible-heading > .mw-ui-icon {
+  float: left;
+  margin-right: 0.5em;
 }