MediaWiki:Common.css: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
No edit summary |
||
| Line 1: | Line 1: | ||
/* === GLOBAL RESET & FONT === */ | /* === GLOBAL RESET & ARIAL FONT === */ | ||
* { | * { | ||
box-shadow: none !important; | box-shadow: none !important; | ||
border: none !important; | |||
border-radius: 0 !important; | border-radius: 0 !important; | ||
} | } | ||
body, .mw-body, .mw-page-container, #content, #mw-content-text, | body, | ||
.mw-body, | |||
p, li, ul, ol, td, th, input, textarea, select, button, .mw-headline { | .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; | background-color: #121212 !important; | ||
color: #ffffff !important; | color: #ffffff !important; | ||
font-family: Arial, sans-serif !important; | font-family: Arial, sans-serif !important; | ||
font-size: 15px; | 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 | /* === TOP SPACING FOR HEADER AREA === */ | ||
body { | body { | ||
padding-top: 20px !important; | padding-top: 20px !important; | ||
} | } | ||
/* === SIDEBAR: | /* === SIDEBAR: FULL HEIGHT, FIXED, BLACK === */ | ||
#mw-panel { | #mw-panel { | ||
position: fixed !important; | position: fixed !important; | ||
top: 0; | top: 0; bottom: 0; left: 0; | ||
width: 160px; | width: 160px; | ||
padding-top: 60px; | |||
overflow-y: auto; | overflow-y: auto; | ||
background-color: #000000 !important; | |||
border-right: 1px solid #333 !important; | border-right: 1px solid #333 !important; | ||
} | } | ||
#mw-head, #p-personal { | /* SHIFT CONTENT RIGHT OF SIDEBAR */ | ||
#mw-head, | |||
#p-personal { | |||
margin-left: 160px !important; | margin-left: 160px !important; | ||
} | } | ||
| Line 37: | Line 54: | ||
} | } | ||
/* === SIDEBAR SECTION TITLES === */ | /* === SIDEBAR SECTION TITLES (SEPARATORS KEPT) === */ | ||
.portal h3 { | .portal h3 { | ||
color: # | color: #bbbbbb !important; | ||
border-bottom: 1px solid #333 !important; | border-bottom: 1px solid #333 !important; | ||
margin-bottom: 6px; | margin-bottom: 6px; | ||
font-weight: 500 | font-weight: 500 !important; | ||
} | } | ||
/* === TABS ( | /* === TOP TABS (Read/Edit/History) WITH SEPARATORS === */ | ||
.vector-menu-tabs { | .vector-menu-tabs { | ||
border-bottom: 1px solid #444 !important; | border-bottom: 1px solid #444 !important; | ||
} | } | ||
.vector-menu-tabs li a { | .vector-menu-tabs li a { | ||
background-color: # | background-color: #1e1e1e !important; | ||
color: rgb(0, 122, 255) !important; | color: rgb(0, 122, 255) !important; | ||
border: 1px solid #2a2a2a !important; | border: 1px solid #2a2a2a !important; | ||
border-bottom: none !important; | border-bottom: none !important; | ||
padding: 6px 10px !important; | padding: 6px 10px !important; | ||
text-decoration: none !important; | |||
} | } | ||
.vector-menu-tabs li a:hover { | .vector-menu-tabs li a:hover { | ||
background-color: # | background-color: #2a2a2a !important; | ||
} | } | ||
/* === | /* === LINKS: RGB BLUE & NO UNDERLINE === */ | ||
a, a:link, a:visited { | a, a:link, a:visited { | ||
color: rgb(0, 122, 255) !important; | color: rgb(0, 122, 255) !important; | ||
| Line 78: | Line 88: | ||
} | } | ||
/* === | /* === HEADINGS WITH BOTTOM BORDER === */ | ||
h1, h2, h3, h4, h5, h6 { | |||
color: #ffffff !important; | color: #ffffff !important; | ||
font-weight: 600 !important; | |||
border-bottom: 1px solid #222 !important; | |||
font- | padding-bottom: 4px !important; | ||
border- | |||
} | } | ||
/* === SECTION | /* === SECTION UNDERLINES (TOC, HEADLINE) === */ | ||
#toc, .toc, .mw-headline { | #toc, .toc, .mw-headline { | ||
border-bottom: 1px solid #222 !important; | border-bottom: 1px solid #222 !important; | ||
} | } | ||
.gallerybox, .references, .navbox { | |||
/* === GALLERY & OTHER BOXES FLAT === */ | |||
.gallerybox, | |||
.references, | |||
.navbox { | |||
border: none !important; | border: none !important; | ||
background: transparent !important; | background: transparent !important; | ||
} | } | ||
.gallerybox .thumb { | .gallerybox .thumb { | ||
background: none !important; | background: none !important; | ||
| Line 106: | Line 113: | ||
} | } | ||
/* === | /* === INPUTS & FORMS FLAT DARK === */ | ||
#footer, #footer-info, #footer-icons, | input, textarea, select, button { | ||
.mw-footer-logo, .printfooter, | 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; | display: none !important; | ||
} | |||
/* === SEARCH BOX BORDER FIX === */ | |||
input#searchInput { | |||
background-color: #1e1e1e !important; | |||
color: #ffffff !important; | |||
border: 1px solid #444 !important; | |||
} | } | ||
Revision as of 12:26, 1 July 2025
/* === 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;
}