MediaWiki:Common.css: Difference between revisions
Jump to navigation
Jump to search
Blanked the page Tag: Blanking |
No edit summary Tag: Reverted |
||
| Line 1: | Line 1: | ||
/* === RESET: Remove all inherited styles === */ | |||
* { | |||
margin: 0 !important; | |||
padding: 0 !important; | |||
box-shadow: none !important; | |||
border: none !important; | |||
border-radius: 0 !important; | |||
background: transparent !important; | |||
color: inherit !important; | |||
font: inherit !important; | |||
} | |||
/* === BASE LAYOUT === */ | |||
body, .mw-body, .mw-page-container { | |||
background-color: #121212 !important; | |||
color: #ffffff !important; | |||
font-family: Arial, sans-serif !important; | |||
font-size: 15px !important; | |||
line-height: 1.5 !important; | |||
} | |||
/* === HEADER AREA (fix white bars) === */ | |||
#mw-page-base, #mw-head-base, | |||
.vector-header-container, #mw-header, #mw-head { | |||
background-color: #000 !important; | |||
} | |||
/* === SIDEBAR === */ | |||
#mw-panel { | |||
position: fixed !important; | |||
top: 0; bottom: 0; left: 0; | |||
width: 180px; | |||
padding-top: 60px; | |||
overflow-y: auto; | |||
background-color: #000 !important; | |||
} | |||
.mw-body { | |||
margin-left: 190px !important; | |||
} | |||
/* === SIDEBAR SECTION HEADINGS === */ | |||
.portal h3 { | |||
color: #bbb !important; | |||
border-bottom: 1px solid #333 !important; | |||
margin: 8px 0 !important; | |||
padding-bottom: 4px !important; | |||
font-weight: 500 !important; | |||
} | |||
/* === TOP TABS === */ | |||
.vector-menu-tabs { | |||
border-bottom: 1px solid #444 !important; | |||
margin-left: 190px !important; | |||
} | |||
.vector-menu-tabs li a { | |||
display: inline-block !important; | |||
background-color: #1e1e1e !important; | |||
color: rgb(0,122,255) !important; | |||
padding: 6px 12px !important; | |||
text-decoration: none !important; | |||
} | |||
.vector-menu-tabs li a:hover { | |||
background-color: #2a2a2a !important; | |||
} | |||
/* === CONTENT HEADINGS === */ | |||
h1, h2, h3, h4, h5, h6 { | |||
color: #fff !important; | |||
font-weight: 600 !important; | |||
border-bottom: 1px solid #222 !important; | |||
padding-bottom: 6px !important; | |||
margin-top: 16px !important; | |||
} | |||
/* === LINKS === */ | |||
a, a:link, a:visited { | |||
color: rgb(0,122,255) !important; | |||
text-decoration: none !important; | |||
} | |||
a:hover { | |||
color: #66bfff !important; | |||
text-decoration: underline !important; | |||
} | |||
/* === FORMS & BUTTONS === */ | |||
input, textarea, select, button { | |||
background-color: #1e1e1e !important; | |||
color: #fff !important; | |||
padding: 6px 8px !important; | |||
border: 1px solid #444 !important; | |||
} | |||
/* === SEPARATOR LINES IN SECTIONS === */ | |||
#toc, .toc, .mw-headline { | |||
border-bottom: 1px solid #222 !important; | |||
} | |||
/* === GALLERY & BOXES CLEANUP === */ | |||
.gallerybox, .references, .navbox { | |||
background: none !important; | |||
border: none !important; | |||
} | |||
.gallerybox .thumb { | |||
background: none !important; | |||
border: none !important; | |||
} | |||
/* === HIDE LOGOS & FOOTER ICONS === */ | |||
#p-logo, .mw-wiki-logo, | |||
#footer, #footer-info, #footer-icons, | |||
.mw-footer-logo, .printfooter, | |||
.ccicons, .license { | |||
display: none !important; | |||
} | |||
/* === SEARCH BOX === */ | |||
#p-search { | |||
margin-left: 190px !important; | |||
} | |||
input#searchInput { | |||
background-color: #1e1e1e !important; | |||
color: #fff !important; | |||
border: 1px solid #444 !important; | |||
} | |||
Revision as of 17:47, 1 July 2025
/* === RESET: Remove all inherited styles === */
* {
margin: 0 !important;
padding: 0 !important;
box-shadow: none !important;
border: none !important;
border-radius: 0 !important;
background: transparent !important;
color: inherit !important;
font: inherit !important;
}
/* === BASE LAYOUT === */
body, .mw-body, .mw-page-container {
background-color: #121212 !important;
color: #ffffff !important;
font-family: Arial, sans-serif !important;
font-size: 15px !important;
line-height: 1.5 !important;
}
/* === HEADER AREA (fix white bars) === */
#mw-page-base, #mw-head-base,
.vector-header-container, #mw-header, #mw-head {
background-color: #000 !important;
}
/* === SIDEBAR === */
#mw-panel {
position: fixed !important;
top: 0; bottom: 0; left: 0;
width: 180px;
padding-top: 60px;
overflow-y: auto;
background-color: #000 !important;
}
.mw-body {
margin-left: 190px !important;
}
/* === SIDEBAR SECTION HEADINGS === */
.portal h3 {
color: #bbb !important;
border-bottom: 1px solid #333 !important;
margin: 8px 0 !important;
padding-bottom: 4px !important;
font-weight: 500 !important;
}
/* === TOP TABS === */
.vector-menu-tabs {
border-bottom: 1px solid #444 !important;
margin-left: 190px !important;
}
.vector-menu-tabs li a {
display: inline-block !important;
background-color: #1e1e1e !important;
color: rgb(0,122,255) !important;
padding: 6px 12px !important;
text-decoration: none !important;
}
.vector-menu-tabs li a:hover {
background-color: #2a2a2a !important;
}
/* === CONTENT HEADINGS === */
h1, h2, h3, h4, h5, h6 {
color: #fff !important;
font-weight: 600 !important;
border-bottom: 1px solid #222 !important;
padding-bottom: 6px !important;
margin-top: 16px !important;
}
/* === LINKS === */
a, a:link, a:visited {
color: rgb(0,122,255) !important;
text-decoration: none !important;
}
a:hover {
color: #66bfff !important;
text-decoration: underline !important;
}
/* === FORMS & BUTTONS === */
input, textarea, select, button {
background-color: #1e1e1e !important;
color: #fff !important;
padding: 6px 8px !important;
border: 1px solid #444 !important;
}
/* === SEPARATOR LINES IN SECTIONS === */
#toc, .toc, .mw-headline {
border-bottom: 1px solid #222 !important;
}
/* === GALLERY & BOXES CLEANUP === */
.gallerybox, .references, .navbox {
background: none !important;
border: none !important;
}
.gallerybox .thumb {
background: none !important;
border: none !important;
}
/* === HIDE LOGOS & FOOTER ICONS === */
#p-logo, .mw-wiki-logo,
#footer, #footer-info, #footer-icons,
.mw-footer-logo, .printfooter,
.ccicons, .license {
display: none !important;
}
/* === SEARCH BOX === */
#p-search {
margin-left: 190px !important;
}
input#searchInput {
background-color: #1e1e1e !important;
color: #fff !important;
border: 1px solid #444 !important;
}