MediaWiki:Mobile.css: Difference between revisions
Created page with "→Version 1.1.4 - Universal KH Leaf (Clean Base for Cosmos & Anisa): @import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@700&family=Crimson+Pro:wght@400;700&display=swap'); →1. GLOBAL VARIABLES: :root { --kh-green: #3e5a47; --kh-yellow: #ffd700; --kh-dark-text: #2d4234; --kh-light-bg: #f9fdfa; --kh-label-bg: #f2f2f2; --kh-data-bg: #ffffff; --kh-border: 2px solid var(--kh-green); } →2. UNIVERSAL COLORS & FONTS: body {..." Tags: Mobile edit Mobile web edit |
No edit summary Tags: Mobile edit Mobile web edit |
||
| Line 128: | Line 128: | ||
width: 1200px !important; | width: 1200px !important; | ||
display: flex !important; | display: flex !important; | ||
} | |||
/* FORCE DESKTOP STRUCTURE ON MOBILE VIEW */ | |||
/* 1. Reset the main container to allow side-by-side */ | |||
.mw-body, #cosmos-content { | |||
display: flex !important; | |||
flex-direction: row !important; /* Forces side-by-side */ | |||
flex-wrap: nowrap !important; | |||
width: 1200px !important; /* Or whatever width you prefer */ | |||
margin: 0 auto !important; | |||
} | |||
/* 2. Force the Content area to not take up 100% */ | |||
#cosmos-content-main, .mw-content-ltr { | |||
width: 850px !important; /* Content width */ | |||
flex: 0 0 850px !important; | |||
} | |||
/* 3. Force the Rail (Sidebar) to show up */ | |||
#cosmos-right-rail, .cosmos-right-rail { | |||
display: block !important; | |||
visibility: visible !important; | |||
width: 300px !important; /* Sidebar width */ | |||
flex: 0 0 300px !important; | |||
margin-left: 20px !important; | |||
} | |||
/* 4. Stop the Header from collapsing */ | |||
#cosmos-header { | |||
display: flex !important; | |||
width: 1200px !important; | |||
justify-content: space-between !important; | |||
} | } | ||