MediaWiki:Mobile.css: Difference between revisions
Created page with "→All CSS here will be loaded for users of the mobile site: →Chrono Odyssey Wiki - Dark Fantasy Mobile Theme: →MediaWiki:Mobile.css - Version 1.43.0 Compatible: →===== MOBILE VARIABLES =====: :root { --mobile-header-height: 50px; --mobile-padding: 15px; --touch-target-size: 44px; } →===== MOBILE BODY =====: body.skin-minerva { background: #0d0d0d; color: #c9c9c9; } →===== MOBILE HEADER =====: .header-container { backgrou..." |
No edit summary |
||
| Line 361: | Line 361: | ||
.skin-minerva body { | .skin-minerva body { | ||
background: #0d0d0d !important; | background: #0d0d0d !important; | ||
color: #c9c9c9 !important; | |||
} | |||
/* ===== COMPREHENSIVE DARK THEME OVERRIDES ===== */ | |||
/* Force dark background on all elements */ | |||
.skin-minerva * { | |||
background-color: transparent; | |||
} | |||
/* Main containers */ | |||
html, | |||
body, | |||
.mw-body, | |||
#mw-mf-page-center, | |||
.overlay-enabled, | |||
#mw-mf-viewport { | |||
background: #0d0d0d !important; | |||
color: #c9c9c9 !important; | |||
} | |||
/* Header elements */ | |||
.header-container, | |||
.header, | |||
.header-chrome { | |||
background: linear-gradient(180deg, #0a0a0a 0%, #1a0f0f 100%) !important; | |||
color: #c9c9c9 !important; | |||
} | |||
/* Fix any white backgrounds */ | |||
[style*="background: white"], | |||
[style*="background:white"], | |||
[style*="background-color: white"], | |||
[style*="background-color:white"], | |||
[style*="background: #fff"], | |||
[style*="background:#fff"], | |||
[style*="background-color: #fff"], | |||
[style*="background-color:#fff"], | |||
[style*="background: #ffffff"], | |||
[style*="background:#ffffff"], | |||
[style*="background-color: #ffffff"], | |||
[style*="background-color:#ffffff"] { | |||
background: #0d0d0d !important; | |||
} | |||
/* Ensure readable text */ | |||
[style*="color: black"], | |||
[style*="color:black"], | |||
[style*="color: #000"], | |||
[style*="color:#000"], | |||
[style*="color: #000000"], | |||
[style*="color:#000000"] { | |||
color: #c9c9c9 !important; | color: #c9c9c9 !important; | ||
} | } | ||