MediaWiki:Mobile.css: Difference between revisions

← Older edit Newer edit →

@@ Line 1: / Line 1: @@
-/* FORCE MIRAHEZE MOBILE STYLE */
+/* Version 10.0 - MIRAHEZE MOBILE OVERRIDE */
 @import url("/wiki/index.php?title=MediaWiki:Common.css&action=raw&ctype=text/css");
-/* 1. Mobile Background & Card */
+/* 1. Background and Card Look */
 body {
-     background-color: #f9fdfa !important; /* KH Light Green */
+     background-color: #f9fdfa !important;
 }
 #cosmos-content {
-     padding: 10px !important;
+     padding: 8px !important;
-    margin: 0 !important;
      width: 100% !important;
+    box-sizing: border-box !important;
 }
 #cosmos-content-main {
      background: #ffffff !important;
-     border-radius: 8px !important;
+     border-radius: 4px !important;
-    box-shadow: 0 2px 4px rgba(0,0,0,0.1) !important;
+     padding: 15px !important;
-     padding: 20px !important;
-    box-sizing: border-box !important;
      width: 100% !important;
      float: none !important;
+    box-shadow: 0 1px 3px rgba(0,0,0,0.1) !important;
 }
-/* 2. Hide Desktop Elements on Mobile */
+/* 2. Hide the Right Rail (Sidebar) on Mobile */
 #cosmos-right-rail, .cosmos-right-rail {
      display: none !important;
 }
-/* 3. Infobox Mobile Fix */
+/* 3. Infobox Mobile Expansion */
 .portable-infobox {
      width: 100% !important;
      float: none !important;
-     margin: 10px 0 20px 0 !important;
+     margin: 10px 0 !important;
-    display: table !important; /* Keeps labels/data aligned on mobile */
 }
-/* 4. Mobile Typography */
+/* 4. Mobile Header Color Fix */
-.mw-body h1, .mw-body h2 {
+.cosmos-header-title {
-     font-size: 1.5em !important;
+     color: var(--kh-yellow) !important;
-    margin-top: 15px !important;
 }