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 === */ | ||
* { | * { | ||
box-shadow: none !important; | box-shadow: none !important; | ||
border-radius: 0 !important; | border-radius: 0 !important; | ||
} | } | ||
body, .mw-body, .mw-page-container, #content, #mw-content-text, | |||
#mw-panel, .vector-menu, .vector-menu h3, h1, h2, h3, h4, h5, h6, | |||
body, .mw-body, .mw-page-container, #content, #mw-content-text, | p, li, ul, ol, td, th, input, textarea, select, button, .mw-headline { | ||
background-color: #121212 !important; | background-color: #121212 !important; | ||
color: #ffffff !important; | color: #ffffff !important; | ||
| Line 14: | Line 13: | ||
} | } | ||
/* === | /* === TOP SPACING (for header area) === */ | ||
body { | body { | ||
padding-top: 20px !important; | padding-top: 20px !important; | ||
} | } | ||
/* === | /* === SIDEBAR: black + scrolling + left-fixed + separations visible === */ | ||
#mw-panel { | #mw-panel { | ||
background-color: #000000 !important; | background-color: #000000 !important; | ||
| Line 29: | Line 28: | ||
overflow-y: auto; | overflow-y: auto; | ||
padding-top: 60px; | padding-top: 60px; | ||
border-right: 1px solid #333 !important; | |||
} | } | ||
#mw-head, #p-personal { | #mw-head, #p-personal { | ||
margin-left: 160px !important; | margin-left: 160px !important; | ||
} | } | ||
.mw-body { | .mw-body { | ||
margin-left: 170px !important; | margin-left: 170px !important; | ||
} | } | ||
/* === | /* === SIDEBAR SECTION TITLES === */ | ||
.portal h3 { | .portal h3 { | ||
color: #bbbbbb !important; | color: #bbbbbb !important; | ||
border-bottom: 1px solid # | border-bottom: 1px solid #333 !important; | ||
margin-bottom: 6px; | margin-bottom: 6px; | ||
font-weight: 500; | font-weight: 500; | ||
} | } | ||
/* === | /* === HEADINGS === */ | ||
h1, h2, h3, h4, h5, h6 { | |||
color: #ffffff !important; | |||
font-weight: 600; | |||
border-bottom: 1px solid #222 !important; | |||
padding-bottom: 4px; | |||
} | |||
/* === TABS (top menu) – flat with visible separators === */ | |||
.vector-menu-tabs { | |||
border-bottom: 1px solid #444 !important; | |||
} | |||
.vector-menu-tabs li a { | .vector-menu-tabs li a { | ||
background-color: #1e1e1e !important; | background-color: #1e1e1e !important; | ||
| Line 59: | Line 68: | ||
} | } | ||
/* === | /* === LINK COLORS === */ | ||
a, a:link, a:visited { | |||
color: | color: rgb(0, 122, 255) !important; | ||
text-decoration: none !important; | |||
} | } | ||
a:hover { | |||
color: #66bfff !important; | |||
# | text-decoration: underline !important; | ||
} | } | ||
/* === | /* === INPUTS, FORMS, BUTTONS === */ | ||
input, textarea, select, button { | input, textarea, select, button { | ||
background-color: #1e1e1e !important; | background-color: #1e1e1e !important; | ||
| Line 78: | Line 84: | ||
border: 1px solid #444 !important; | border: 1px solid #444 !important; | ||
padding: 6px 8px !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; | |||
} | } | ||
/* === | /* === SECTION ELEMENTS & TOC === */ | ||
#toc, .toc, .mw-headline { | |||
border-bottom: 1px solid #222 !important; | |||
} | } | ||
.gallerybox, .references, .navbox { | |||
border: none !important; | |||
background: transparent !important; | |||
} | } | ||
/* === | /* === GALLERY FIXES === */ | ||
.gallerybox .thumb { | |||
background: none !important; | |||
border: none !important; | |||
} | } | ||
/* === | /* === FOOTER & LOGOS – remove everything unnecessary === */ | ||
. | #footer, #footer-info, #footer-icons, | ||
.mw-footer-logo, .printfooter, | |||
#p-logo, .mw-wiki-logo, .ccicons, .license { | |||
display: none !important; | |||
} | } | ||
Revision as of 11:37, 1 July 2025
/* === GLOBAL RESET & FONT === */
* {
box-shadow: none !important;
border-radius: 0 !important;
}
body, .mw-body, .mw-page-container, #content, #mw-content-text,
#mw-panel, .vector-menu, .vector-menu h3, h1, h2, h3, h4, h5, h6,
p, li, ul, ol, td, th, input, textarea, select, button, .mw-headline {
background-color: #121212 !important;
color: #ffffff !important;
font-family: Arial, sans-serif !important;
font-size: 15px;
}
/* === TOP SPACING (for header area) === */
body {
padding-top: 20px !important;
}
/* === SIDEBAR: black + scrolling + left-fixed + separations visible === */
#mw-panel {
background-color: #000000 !important;
position: fixed !important;
top: 0;
bottom: 0;
left: 0;
width: 160px;
overflow-y: auto;
padding-top: 60px;
border-right: 1px solid #333 !important;
}
#mw-head, #p-personal {
margin-left: 160px !important;
}
.mw-body {
margin-left: 170px !important;
}
/* === SIDEBAR SECTION TITLES === */
.portal h3 {
color: #bbbbbb !important;
border-bottom: 1px solid #333 !important;
margin-bottom: 6px;
font-weight: 500;
}
/* === HEADINGS === */
h1, h2, h3, h4, h5, h6 {
color: #ffffff !important;
font-weight: 600;
border-bottom: 1px solid #222 !important;
padding-bottom: 4px;
}
/* === TABS (top menu) – flat with visible 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;
}
.vector-menu-tabs li a:hover {
background-color: #2a2a2a !important;
}
/* === LINK COLORS === */
a, a:link, a:visited {
color: rgb(0, 122, 255) !important;
text-decoration: none !important;
}
a:hover {
color: #66bfff !important;
text-decoration: underline !important;
}
/* === INPUTS, FORMS, BUTTONS === */
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;
}
/* === SECTION ELEMENTS & TOC === */
#toc, .toc, .mw-headline {
border-bottom: 1px solid #222 !important;
}
.gallerybox, .references, .navbox {
border: none !important;
background: transparent !important;
}
/* === GALLERY FIXES === */
.gallerybox .thumb {
background: none !important;
border: none !important;
}
/* === FOOTER & LOGOS – remove everything unnecessary === */
#footer, #footer-info, #footer-icons,
.mw-footer-logo, .printfooter,
#p-logo, .mw-wiki-logo, .ccicons, .license {
display: none !important;
}