MediaWiki:Common.css: Difference between revisions
Update templates and main page |
Update templates and main page |
||
| Line 1: | Line 1: | ||
/* BezelBase — clean reference site | /* BezelBase — clean reference site with deep green accents */ | ||
/* ===== Typography ===== */ | /* ===== Typography ===== */ | ||
| Line 15: | Line 15: | ||
letter-spacing: -0.02em; | letter-spacing: -0.02em; | ||
border-bottom: none !important; | border-bottom: none !important; | ||
color: # | color: #1b3a2d; | ||
} | } | ||
/* ===== Headings ===== */ | /* ===== Headings — deep green accents ===== */ | ||
.mw-body-content h2 { | .mw-body-content h2 { | ||
font-size: 1.5em; | font-size: 1.5em; | ||
font-weight: 600; | font-weight: 600; | ||
border-bottom: 2px solid # | border-bottom: 2px solid #2d5e3f; | ||
padding-bottom: 0.3em; | padding-bottom: 0.3em; | ||
margin-top: 2em; | margin-top: 2em; | ||
color: # | color: #1b3a2d; | ||
} | } | ||
| Line 31: | Line 31: | ||
font-size: 1.2em; | font-size: 1.2em; | ||
font-weight: 600; | font-weight: 600; | ||
border-bottom: 1px solid # | border-bottom: 1px solid #d4e0d8; | ||
padding-bottom: 0.2em; | padding-bottom: 0.2em; | ||
margin-top: 1.5em; | margin-top: 1.5em; | ||
color: # | color: #1b3a2d; | ||
} | } | ||
/* ===== Links — dark | /* ===== Links — dark green ===== */ | ||
.mw-body-content a:not(.new) { | .mw-body-content a:not(.new) { | ||
color: # | color: #1b5e3b; | ||
text-decoration: none; | text-decoration: none; | ||
} | } | ||
.mw-body-content a:not(.new):hover { | .mw-body-content a:not(.new):hover { | ||
color: # | color: #0f3d25; | ||
text-decoration: underline; | text-decoration: underline; | ||
} | } | ||
.mw-body-content a.new { | .mw-body-content a.new { | ||
color: #b33; | color: #b33; | ||
} | } | ||
/* ===== Header bar — | /* ===== Header bar — light with green accent ===== */ | ||
.vector-header, | .vector-header, | ||
.mw-header { | .mw-header { | ||
background: # | background: #f7f9f7 !important; | ||
border-bottom: | border-bottom: 2px solid #2d5e3f !important; | ||
} | } | ||
/* Site name — dark green */ | |||
/* Site name | |||
.mw-logo-wordmark { | .mw-logo-wordmark { | ||
font-weight: 700 !important; | font-weight: 700 !important; | ||
letter-spacing: 0.05em !important; | letter-spacing: 0.05em !important; | ||
color: #1b3a2d !important; | |||
} | |||
.vector-header a { | |||
color: #1b3a2d !important; | |||
} | |||
.vector-header a:hover { | |||
color: #0f3d25 !important; | |||
} | } | ||
| Line 71: | Line 72: | ||
.vector-search-box-input { | .vector-search-box-input { | ||
border-radius: 6px !important; | border-radius: 6px !important; | ||
border: 1px solid # | border: 1px solid #c8d6cc !important; | ||
} | |||
.vector-search-box-input:focus { | |||
border-color: #2d5e3f !important; | |||
box-shadow: 0 0 0 1px #2d5e3f33 !important; | |||
} | } | ||
/* ===== Content area | /* ===== Content area ===== */ | ||
.mw-body { | .mw-body { | ||
max-width: 960px; | max-width: 960px; | ||
| Line 80: | Line 85: | ||
} | } | ||
/* ===== Tables | /* ===== Tables ===== */ | ||
.wikitable { | .wikitable { | ||
border-collapse: collapse; | border-collapse: collapse; | ||
border: 1px solid # | border: 1px solid #d4e0d8; | ||
background: #fff; | background: #fff; | ||
font-size: 0.92em; | font-size: 0.92em; | ||
} | } | ||
.wikitable th { | .wikitable th { | ||
background: # | background: #eef3ef; | ||
font-weight: 600; | font-weight: 600; | ||
padding: 0.5em 0.8em; | padding: 0.5em 0.8em; | ||
border: 1px solid # | border: 1px solid #d4e0d8; | ||
text-align: left; | text-align: left; | ||
color: #1b3a2d; | |||
} | } | ||
.wikitable td { | .wikitable td { | ||
padding: 0.5em 0.8em; | padding: 0.5em 0.8em; | ||
border: 1px solid # | border: 1px solid #e8ede9; | ||
} | } | ||
.wikitable tr:nth-child(even) { | .wikitable tr:nth-child(even) { | ||
background: # | background: #fafcfa; | ||
} | } | ||
/* ===== Images | /* ===== Images ===== */ | ||
.thumb { | .thumb { | ||
border: none !important; | border: none !important; | ||
| Line 108: | Line 114: | ||
} | } | ||
.thumbinner { | .thumbinner { | ||
border: 1px solid # | border: 1px solid #d4e0d8 !important; | ||
border-radius: 4px; | border-radius: 4px; | ||
background: # | background: #fafcfa !important; | ||
padding: 4px !important; | padding: 4px !important; | ||
} | } | ||
| Line 124: | Line 130: | ||
margin-bottom: 0.8em; | margin-bottom: 0.8em; | ||
font-size: 0.85em; | font-size: 0.85em; | ||
color: # | color: #5a7a63; | ||
} | } | ||
.mw-parser-output > small:first-of-type a { | .mw-parser-output > small:first-of-type a { | ||
color: # | color: #1b5e3b; | ||
} | } | ||
/* ===== TOC | /* ===== TOC ===== */ | ||
.vector-toc { | .vector-toc { | ||
font-size: 0.88em; | font-size: 0.88em; | ||
} | |||
.vector-toc .vector-toc-link:hover { | |||
color: #1b5e3b; | |||
} | } | ||
/* ===== Categories | /* ===== Categories ===== */ | ||
#catlinks { | #catlinks { | ||
background: # | background: #f3f7f4; | ||
border: 1px solid # | border: 1px solid #d4e0d8; | ||
border-radius: 4px; | border-radius: 4px; | ||
padding: 0.5em 1em; | padding: 0.5em 1em; | ||
| Line 145: | Line 154: | ||
} | } | ||
/* ===== Strip wiki UI ===== */ | |||
/* ===== Strip wiki UI | |||
/* Hide Discussion tab */ | /* Hide Discussion tab */ | ||
#ca-talk { | #ca-talk, | ||
li#ca-talk { | |||
display: none !important; | display: none !important; | ||
} | } | ||
/* Hide View history */ | /* Hide View history */ | ||
#ca-history { | #ca-history, | ||
li#ca-history { | |||
display: none !important; | display: none !important; | ||
} | } | ||
/* Hide | /* Hide "Read" tab (redundant) */ | ||
#ca-view, | |||
li#ca-view { | |||
display: none !important; | display: none !important; | ||
} | } | ||
/* Hide " | /* Hide "Reference" / namespace tab label — title is enough */ | ||
#ca- | #ca-nstab-reference, | ||
#ca-nstab-main, | |||
li#ca-nstab-reference, | |||
li#ca-nstab-main { | |||
display: none !important; | display: none !important; | ||
} | } | ||
/* Hide | /* 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 { | .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; | border-bottom: none !important; | ||
} | } | ||
/* Hide Tools dropdown for anonymous | /* Hide Tools dropdown for anonymous */ | ||
body:not(.mw-user-logged-in) #vector-page-tools { | body:not(.mw-user-logged-in) #vector-page-tools { | ||
display: none !important; | display: none !important; | ||
} | } | ||
/* Hide "Create account" | /* Hide "Create account" */ | ||
body:not(.mw-user-logged-in) #pt-createaccount { | body:not(.mw-user-logged-in) #pt-createaccount, | ||
body:not(.mw-user-logged-in) li#pt-createaccount { | |||
display: none !important; | display: none !important; | ||
} | } | ||
/* Hide | /* Hide categories for anonymous */ | ||
body:not(.mw-user-logged-in) #catlinks { | |||
display: none !important; | display: none !important; | ||
} | } | ||
/* | /* Hide sidebar hamburger for anonymous */ | ||
body.mw-user-logged-in | body:not(.mw-user-logged-in) .vector-main-menu-landmark { | ||
display: none !important; | |||
display: | |||
} | } | ||
/* | /* ===== Footer — minimal ===== */ | ||
#footer { | |||
border-top: 1px solid #d4e0d8; | |||
text-align: center; | |||
padding: 1.5em 0; | |||
color: #999; | |||
font-size: 0.82em; | |||
} | } | ||
#footer-info-copyright { | #footer-info-copyright { | ||
display: none; | display: none; | ||
} | } | ||
#footer-places { | #footer-places { | ||
display: none; | display: none; | ||
} | } | ||
#footer-icons { | #footer-icons { | ||
display: none; | display: none; | ||
} | } | ||
/* ===== External links ===== */ | |||
/* ===== External | |||
.mw-parser-output a.external { | .mw-parser-output a.external { | ||
background: none !important; | background: none !important; | ||
| Line 243: | Line 249: | ||
} | } | ||
/* ===== Lists | /* ===== Lists ===== */ | ||
.mw-body-content ul, .mw-body-content ol { | .mw-body-content ul, .mw-body-content ol { | ||
margin: 0.5em 0; | margin: 0.5em 0; | ||
| Line 254: | Line 260: | ||
/* ===== Blockquotes ===== */ | /* ===== Blockquotes ===== */ | ||
.mw-body-content blockquote { | .mw-body-content blockquote { | ||
border-left: 3px solid # | border-left: 3px solid #2d5e3f; | ||
margin: 1em 0; | margin: 1em 0; | ||
padding: 0.5em 1em; | padding: 0.5em 1em; | ||