MediaWiki:Mobile.css
From Lenn's Fun Stuff
Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.
/* FORCE MIRAHEZE MOBILE STYLE */
@import url("/wiki/index.php?title=MediaWiki:Common.css&action=raw&ctype=text/css");
/* 1. Mobile Background & Card */
body {
background-color: #f9fdfa !important; /* KH Light Green */
}
#cosmos-content {
padding: 10px !important;
margin: 0 !important;
width: 100% !important;
}
#cosmos-content-main {
background: #ffffff !important;
border-radius: 8px !important;
box-shadow: 0 2px 4px rgba(0,0,0,0.1) !important;
padding: 20px !important;
box-sizing: border-box !important;
width: 100% !important;
float: none !important;
}
/* 2. Hide Desktop Elements on Mobile */
#cosmos-right-rail, .cosmos-right-rail {
display: none !important;
}
/* 3. Infobox Mobile Fix */
.portable-infobox {
width: 100% !important;
float: none !important;
margin: 10px 0 20px 0 !important;
display: table !important; /* Keeps labels/data aligned on mobile */
}
/* 4. Mobile Typography */
.mw-body h1, .mw-body h2 {
font-size: 1.5em !important;
margin-top: 15px !important;
}