MediaWiki:Common.css
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.
/* === GLOBAL RESET & ARIAL FONT === */
* {
box-shadow: none !important;
border: none !important;
border-radius: 0 !important;
}
body,
.mw-body,
.mw-page-container,
#content,
#mw-content-text,
div, p, li, ul, ol, td, th,
input, textarea, select, button,
h1, h2, h3, h4, h5, h6,
.mw-headline {
background-color: #121212 !important;
color: #ffffff !important;
font-family: Arial, sans-serif !important;
font-size: 15px !important;
}
/* === REMOVE WHITE HEADER BACKGROUNDS === */
#mw-page-base,
#mw-head-base,
.vector-header-container,
#mw-header,
#mw-head {
background-color: #000000 !important;
border: none !important;
}
/* === TOP SPACING FOR HEADER AREA === */
body {
padding-top: 20px !important;
}
/* === SIDEBAR: FULL HEIGHT, FIXED, BLACK === */
#mw-panel {
position: fixed !important;
top: 0; bottom: 0; left: 0;
width: 160px;
padding-top: 60px;
overflow-y: auto;
background-color: #000000 !important;
border-right: 1px solid #333 !important;
}
/* SHIFT CONTENT RIGHT OF SIDEBAR */
#mw-head,
#p-personal {
margin-left: 160px !important;
}
.mw-body {
margin-left: 170px !important;
}
/* === SIDEBAR SECTION TITLES (SEPARATORS KEPT) === */
.portal h3 {
color: #bbbbbb !important;
border-bottom: 1px solid #333 !important;
margin-bottom: 6px;
font-weight: 500 !important;
}
/* === TOP TABS (Read/Edit/History) WITH SEPARATORS === */
.vector-menu-tabs {
border-bottom: 1px solid #444 !important;
}
.vector-menu-tabs li a {
background-color: #1e1e1e !important;
color: rgb(0, 122, 255) !important;
border: 1px solid #2a2a2a !important;
border-bottom: none !important;
padding: 6px 10px !important;
text-decoration: none !important;
}
.vector-menu-tabs li a:hover {
background-color: #2a2a2a !important;
}
/* === LINKS: RGB BLUE & NO UNDERLINE === */
a, a:link, a:visited {
color: rgb(0, 122, 255) !important;
text-decoration: none !important;
}
a:hover {
color: #66bfff !important;
text-decoration: underline !important;
}
/* === HEADINGS WITH BOTTOM BORDER === */
h1, h2, h3, h4, h5, h6 {
color: #ffffff !important;
font-weight: 600 !important;
border-bottom: 1px solid #222 !important;
padding-bottom: 4px !important;
}
/* === SECTION UNDERLINES (TOC, HEADLINE) === */
#toc, .toc, .mw-headline {
border-bottom: 1px solid #222 !important;
}
/* === GALLERY & OTHER BOXES FLAT === */
.gallerybox,
.references,
.navbox {
border: none !important;
background: transparent !important;
}
.gallerybox .thumb {
background: none !important;
border: none !important;
}
/* === INPUTS & FORMS FLAT DARK === */
input, textarea, select, button {
background-color: #1e1e1e !important;
color: #ffffff !important;
border: 1px solid #444 !important;
padding: 6px 8px !important;
font-family: Arial, sans-serif !important;
}
input:focus, textarea:focus, select:focus {
border-color: rgb(0, 122, 255) !important;
outline: none !important;
}
/* === HIDE ALL LOGOS & FOOTER ICONS === */
#p-logo,
.mw-wiki-logo,
#footer,
#footer-info,
#footer-icons,
.mw-footer-logo,
.printfooter,
.ccicons,
.license,
.flickrBadge {
display: none !important;
}
/* === SEARCH BOX BORDER FIX === */
input#searchInput {
background-color: #1e1e1e !important;
color: #ffffff !important;
border: 1px solid #444 !important;
}