MediaWiki:Mobile.css: Difference between revisions

← Older edit Newer edit →

@@ Line 1: / Line 1: @@
 /* CSS for mobile version of VR & AR Wiki */
+/* --- START: Infobox on Mobile - Top --- */
+.infobox { /* Targeting by class is generally good */
+    display: table !important;   /* Override the template's inline 'display:inline-table!important' */
+                                 /* 'block' would also work, but 'table' maintains its table nature */
+    float: none !important;      /* Remove the float inherited from Common.css */
+    clear: both !important;      /* Ensure it clears any (unlikely) preceding floats and nothing floats beside it */
+    width: 100% !important;      /* Make it take the full width of its container */
+    margin-left: 0 !important;   /* Reset margins */
+    margin-right: 0 !important;
+    margin-top: 0 !important;    /* Ensure it's at the very top */
+    margin-bottom: 1em !important; /* Add some space after it, this will override your previous 0px */
+    box-sizing: border-box;      /* Include padding and border in the element's total width and height */
+}
+/* If you want to keep your specific th and td styling, ensure they are still present: */
+.infobox tr th { /* Changed from table.infobox to just .infobox for consistency */
+  text-align: center !important;
+}
+.infobox tr td:nth-child(1) { /* Changed from table.infobox to just .infobox for consistency */
+  padding: 5px 10px !important; /* Simplified padding */
+}
+/* --- END: Infobox on Mobile - Top --- */