MediaWiki:Mobile.css: Difference between revisions

← Older edit Newer edit →

@@ Line 147: / Line 147: @@
 /* infobox */
-.infobox {
+@media screen and (max-width: 1280px) {
-  background-color: #00000000;
+   table.infobox {
-  width: 100% !important;
+    width: 100% !important;
-  max-width: 100% !important;
+    margin: 0;
-   table-layout: fixed !important;
+    padding: 0 0.5em;
-  box-sizing: border-box;
+    box-sizing: border-box;
-}
+    overflow-x: auto;
+    -webkit-overflow-scrolling: touch;
-.infobox table {
+   }
-  width: 100% !important;
+   table.infobox > tbody {
-  border-collapse: collapse;
+    display: block;
-}
+    min-width: 100%;
+   }
-.infobox td,
+   table.infobox th,
-.infobox th {
+  table.infobox td {
-  text-align: center !important;
+    text-align: center !important;
-  padding: 0.5em !important;
+    white-space: normal;  }
-  word-break: break-word;
-  white-space: normal;
-}
-.infobox img {
-  display: block;
-  width: 100% !important;
-  max-width: 100% important;
-   height: auto !important;
-   margin: auto;
-}
-.infobox details,
-.infobox summary {
-  display: block;
-  clear: both;
-  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,
-.infobox > ul > li {
-  text-align: center;
 }