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)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
/* BezelBase — clean reference site with deep green accents */
/* ===== Typography ===== */
body, .mw-body, .mw-body-content {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
line-height: 1.7;
color: #1a1a1a;
}
/* ===== Page title ===== */
.mw-page-title-main,
.mw-first-heading {
font-weight: 700;
font-size: 2em;
letter-spacing: -0.02em;
border-bottom: none !important;
color: #1b3a2d;
}
/* ===== Headings — deep green accents ===== */
.mw-body-content h2 {
font-size: 1.5em;
font-weight: 600;
border-bottom: 2px solid #2d5e3f;
padding-bottom: 0.3em;
margin-top: 2em;
color: #1b3a2d;
}
.mw-body-content h3 {
font-size: 1.2em;
font-weight: 600;
border-bottom: 1px solid #d4e0d8;
padding-bottom: 0.2em;
margin-top: 1.5em;
color: #1b3a2d;
}
/* ===== Links — dark green ===== */
.mw-body-content a:not(.new) {
color: #1b5e3b;
text-decoration: none;
}
.mw-body-content a:not(.new):hover {
color: #0f3d25;
text-decoration: underline;
}
.mw-body-content a.new {
color: #b33;
}
/* ===== Header bar — light with green accent ===== */
.vector-header,
.mw-header {
background: #f7f9f7 !important;
border-bottom: 2px solid #2d5e3f !important;
}
/* Site name — dark green */
.mw-logo-wordmark {
font-weight: 700 !important;
letter-spacing: 0.05em !important;
color: #1b3a2d !important;
}
.vector-header a {
color: #1b3a2d !important;
}
.vector-header a:hover {
color: #0f3d25 !important;
}
/* ===== Search box ===== */
.vector-search-box-input {
border-radius: 6px !important;
border: 1px solid #c8d6cc !important;
}
.vector-search-box-input:focus {
border-color: #2d5e3f !important;
box-shadow: 0 0 0 1px #2d5e3f33 !important;
}
/* ===== Content area — centered ===== */
.mw-body {
max-width: 960px;
margin: 0 auto !important;
padding: 1.5em 2em;
}
/* Center the content container in Vector 2022 */
.mw-page-container {
max-width: 1200px;
margin: 0 auto !important;
}
.vector-column-start {
/* Keep TOC but don't push content off-center */
}
/* When TOC is hidden, content should still be centered */
.mw-content-container {
max-width: 960px;
margin: 0 auto !important;
}
/* ===== Tables ===== */
.wikitable {
border-collapse: collapse;
border: 1px solid #d4e0d8;
background: #fff;
font-size: 0.92em;
}
.wikitable th {
background: #eef3ef;
font-weight: 600;
padding: 0.5em 0.8em;
border: 1px solid #d4e0d8;
text-align: left;
color: #1b3a2d;
}
.wikitable td {
padding: 0.5em 0.8em;
border: 1px solid #e8ede9;
}
.wikitable tr:nth-child(even) {
background: #fafcfa;
}
/* ===== Images ===== */
.thumb {
border: none !important;
background: none !important;
}
.thumbinner {
border: 1px solid #d4e0d8 !important;
border-radius: 4px;
background: #fafcfa !important;
padding: 4px !important;
}
.thumbcaption {
font-size: 0.85em;
color: #666;
padding: 4px 6px;
}
/* ===== Breadcrumb ===== */
.mw-parser-output > small:first-of-type {
display: block;
margin-bottom: 0.8em;
font-size: 0.85em;
color: #5a7a63;
}
.mw-parser-output > small:first-of-type a {
color: #1b5e3b;
}
/* ===== TOC ===== */
.vector-toc {
font-size: 0.88em;
}
.vector-toc .vector-toc-link:hover {
color: #1b5e3b;
}
/* ===== Categories ===== */
#catlinks {
background: #f3f7f4;
border: 1px solid #d4e0d8;
border-radius: 4px;
padding: 0.5em 1em;
font-size: 0.85em;
margin-top: 2em;
}
/* ===== Strip wiki UI ===== */
/* Hide Discussion tab */
#ca-talk,
li#ca-talk {
display: none !important;
}
/* Hide View history */
#ca-history,
li#ca-history {
display: none !important;
}
/* Hide "Read" tab (redundant) */
#ca-view,
li#ca-view {
display: none !important;
}
/* Hide "Reference" / namespace tab label — title is enough */
#ca-nstab-reference,
#ca-nstab-main,
li#ca-nstab-reference,
li#ca-nstab-main {
display: none !important;
}
/* Hide View source for logged-out */
body:not(.mw-user-logged-in) #ca-viewsource,
body:not(.mw-user-logged-in) li#ca-viewsource {
display: none !important;
}
/* Clean up tab bar */
.vector-page-toolbar {
border-bottom: none !important;
}
nav.vector-menu-tabs {
border-bottom: none !important;
}
.mw-body .vector-page-toolbar-container {
border-bottom: none !important;
}
/* Hide Tools dropdown for anonymous */
body:not(.mw-user-logged-in) #vector-page-tools {
display: none !important;
}
/* Hide "Create account" */
body:not(.mw-user-logged-in) #pt-createaccount,
body:not(.mw-user-logged-in) li#pt-createaccount {
display: none !important;
}
/* Hide categories for anonymous */
body:not(.mw-user-logged-in) #catlinks {
display: none !important;
}
/* Hide sidebar hamburger for anonymous */
body:not(.mw-user-logged-in) .vector-main-menu-landmark {
display: none !important;
}
/* ===== Footer — minimal ===== */
#footer {
border-top: 1px solid #d4e0d8;
text-align: center;
padding: 1.5em 0;
color: #999;
font-size: 0.82em;
}
#footer-info-copyright {
display: none;
}
#footer-places {
display: none;
}
#footer-icons {
display: none;
}
/* ===== External links ===== */
.mw-parser-output a.external {
background: none !important;
padding-right: 0 !important;
}
.mw-parser-output a.external::after {
content: " \2197";
font-size: 0.75em;
color: #999;
}
/* ===== Lists ===== */
.mw-body-content ul, .mw-body-content ol {
margin: 0.5em 0;
padding-left: 1.5em;
}
.mw-body-content li {
margin: 0.3em 0;
}
/* ===== Blockquotes ===== */
.mw-body-content blockquote {
border-left: 3px solid #2d5e3f;
margin: 1em 0;
padding: 0.5em 1em;
color: #444;
font-style: italic;
}