MediaWiki:Mobile.css: Difference between revisions

← Older edit

@@ Line 1: / Line 1: @@
-h2, h3, h4 {color:red;background-color:blue}
+/* Cleaned MediaWiki:Mobile.css
+   Minimal mobile-specific styles only
+*/
-body {
+/* Base page adjustments for mobile */
-  background-color: lightgrey;
-  color: blue;
-}
-h1 {
-  background-color: black;
-  color: white;
-}
 @media (max-width: 800px) {
+  /* Hide desktop sidebars on narrow viewports */
    #mw-panel, .mw-sidebar, .vectorSidebar {
      display: none !important;
    }
+  /* Ensure content uses full width on mobile */
    #content, #mw-content-text {
      margin-left: 0 !important;
      padding-left: 1rem !important;
+  }
+}
+/* Tame the Minerva logo/title and make the clickable area comfortable */
+@media (max-width: 800px) {
+  .minerva-logo, .minerva-logo-link img, .mw-logo {
+    max-height: 36px !important;
+    width: auto !important;
+    display: inline-block !important;
+    vertical-align: middle !important;
+  }
+  .minerva-header .site-title, .minerva-header .minerva-title {
+    font-size: 1rem !important;
+    line-height: 1.2 !important;
+    padding: 0.15rem 0.35rem !important;
+    background: transparent !important;
+    border: none !important;
+    box-shadow: none !important;
+  }
+  .minerva-logo-link {
+    display: inline-block;
+    padding: 4px 6px;
+    text-decoration: none;
+  }
+}
+/* Small accessibility and touch targets */
+@media (max-width: 800px) {
+  .minerva-header a, .minerva-header .minerva-logo-link {
+    -webkit-tap-highlight-color: rgba(0,0,0,0.08);
+    touch-action: manipulation;
+  }
+}
+/* Light visual reset to avoid heavy defaults bleeding into mobile */
+@media (max-width: 800px) {
+  /* Keep headings readable without forcing color schemes */
+  .minerva-header h1, .minerva-header h2 {
+    margin: 0;
+    font-weight: 600;
    }
 }