MediaWiki:Common.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.
/* ============================================================
KH LEAF THEME - TOTAL COMPLIANCE VERSION
============================================================ */
/* 1. INFOBOX SECTION */
body.mediawiki .portable-infobox {
background-color: #ffffff !important;
border: 2px solid #003366 !important;
width: 300px !important;
float: right !important;
margin: 0 0 1em 1em !important;
font-family: "Georgia", serif !important;
box-shadow: 2px 2px 8px rgba(0,0,0,0.1) !important;
}
.pi-title { background-color: #003366 !important; color: #fff !important; text-align: center !important; padding: 10px !important; }
.pi-header { background-color: #3e5a47 !important; color: #fff !important; text-align: center !important; padding: 6px 0 !important; font-size: 11px !important; }
/* Data Rows Side-by-Side */
.pi-data { display: flex !important; border-bottom: 1px solid #eee !important; }
.pi-data-label { background-color: #f9f9f9 !important; padding: 8px !important; flex: 0 0 40% !important; border-right: 1px solid #ddd !important; font-size: 11px !important; font-weight: bold !important; }
.pi-data-value { padding: 8px !important; flex: 1 !important; font-size: 11px !important; }
.pi-data-value li::before { content: "\1F343 " !important; font-size: 10px !important; }
/* 2. THE HEADERS (SCOPED TO ARTICLE ONLY) */
.mw-parser-output h2, .mw-parser-output h3 {
border-bottom: 2px solid #3e5a47 !important;
color: #003366 !important;
padding-bottom: 5px !important;
margin-top: 1.5em !important;
}
.mw-parser-output h2::before { content: "\1F343 " !important; font-size: 20px !important; }
.mw-parser-output h3::before { content: "\1F343 " !important; font-size: 16px !important; }
/* 3. SEARCH BAR & UI FIXES (FORCE RIGHT) */
#p-search, .vector-search-box, #searchform {
float: right !important;
margin-left: auto !important;
position: relative !important;
padding: 0 !important;
display: block !important;
}
/* Prevents leaves from appearing in search or navigation */
#p-search h3::before, .vector-menu-heading::before, #mw-panel h3::before {
content: none !important;
display: none !important;
}
/* Resets Sidebar headers to normal padding */
.vector-menu-heading, #mw-panel h3 {
padding: 0 !important;
margin: 0 !important;
}