MediaWiki:Common.css: Difference between revisions
MediaWiki interface page
More actions
Mostknown663 (talk | contribs) Created page with "→── Global reset ──: body { background-color: #1a0a0a; →fallback: } →── LEFT SIDE: Dark Red (sidebar/navigation) ──: #mw-site-navigation, #mw-panel, .mw-site-navigation { background-color: #3b0a0a !important; border-right: 2px solid #6b1a1a; } #mw-site-navigation a, #mw-panel a { color: #ffaaaa !important; } #mw-site-navigation a:hover, #mw-panel a:hover { color: #ffffff !important; text-decoration: underline; } /*..." |
Mostknown663 (talk | contribs) No edit summary |
||
| Line 1: | Line 1: | ||
/* ── Global reset ── */ | /* ── Global reset ── */ | ||
body { | body { | ||
background-color: # | background-color: #1a0a12; | ||
} | } | ||
/* ── LEFT SIDE: Dark | /* ── LEFT SIDE: Dark Pink (sidebar/navigation) ── */ | ||
#mw-site-navigation, | #mw-site-navigation, | ||
#mw-panel, | #mw-panel, | ||
.mw-site-navigation { | .mw-site-navigation { | ||
background-color: # | background-color: #3b0a20 !important; | ||
border-right: 2px solid # | border-right: 2px solid #8b1a4a; | ||
} | } | ||
#mw-site-navigation a, | #mw-site-navigation a, | ||
#mw-panel a { | #mw-panel a { | ||
color: # | color: #ffaacc !important; | ||
} | } | ||
| Line 26: | Line 26: | ||
.portal h3, | .portal h3, | ||
#mw-site-navigation h3 { | #mw-site-navigation h3 { | ||
color: # | color: #ff66aa !important; | ||
border-bottom: 1px solid # | border-bottom: 1px solid #8b1a4a !important; | ||
} | } | ||
/* ── RIGHT SIDEBAR | /* ── RIGHT SIDE: Cyan (content area) ── */ | ||
#mw-content-container, | |||
.mw-content-container, | |||
#content, | |||
#bodyContent { | |||
background-color: #001f1f !important; | |||
color: #ccffff !important; | |||
} | |||
/* Content links */ | |||
#bodyContent a { | |||
color: #00ffff !important; | |||
} | |||
#bodyContent a:hover { | |||
color: #ffffff !important; | |||
} | |||
/* ── RIGHT SIDEBAR: Cyan ── */ | |||
#mw-related-navigation { | #mw-related-navigation { | ||
background-color: # | background-color: #001f1f !important; | ||
border-left: 2px solid # | border-left: 2px solid #007a7a; | ||
} | } | ||
#mw-related-navigation h3, | |||
#mw-related-navigation | #mw-related-navigation h4 { | ||
color: # | color: #00ffff !important; | ||
border-bottom: 1px solid # | border-bottom: 1px solid #007a7a !important; | ||
} | } | ||
#mw-related-navigation a { | #mw-related-navigation a { | ||
color: # | color: #99ffff !important; | ||
} | } | ||
| Line 51: | Line 68: | ||
} | } | ||
#mw-related-navigation .portal, | |||
#mw-related-navigation . | #mw-related-navigation .mw-portlet { | ||
background-color: # | background-color: #002a2a !important; | ||
border | border: 1px solid #007a7a !important; | ||
} | } | ||
# | /* ── HEADER: Pink to Cyan gradient ── */ | ||
#mw-header-container, | |||
.mw-header { | |||
background: linear-gradient(to right, #3b0a20 0%, #3b0a20 40%, #001f1f 60%, #001f1f 100%) !important; | |||
border-bottom: 2px solid #555; | |||
} | } | ||
#p-logo { | #p-logo { | ||
background-color: # | background-color: #3b0a20 !important; | ||
} | } | ||
/* ── PAGE TITLE ── */ | |||
#firstHeading, | |||
.firstHeading { | |||
color: #00ffff !important; | |||
border-bottom: 1px solid #007a7a !important; | |||
} | |||
/* ── FOOTER ── */ | /* ── FOOTER ── */ | ||
#footer { | #footer { | ||
background: linear-gradient(to right, # | background: linear-gradient(to right, #2a0818, #001a1a) !important; | ||
color: #aaa !important; | color: #aaa !important; | ||
border-top: 2px solid # | border-top: 2px solid #555; | ||
} | } | ||
#footer a { | #footer a { | ||
color: # | color: #ffaacc !important; | ||
} | } | ||
/* ── TABS | /* ── TABS ── */ | ||
#p-views .selected a, | #p-views .selected a, | ||
#p-views li.selected a { | #p-views li.selected a { | ||
background-color: # | background-color: #001f1f !important; | ||
color: # | color: #00ffff !important; | ||
} | } | ||
#p-views a { | #p-views a { | ||
color: # | color: #ccffff !important; | ||
background-color: # | background-color: #002a2a !important; | ||
} | } | ||
/* ── SEARCH BAR ── */ | /* ── SEARCH BAR ── */ | ||
#p-search input { | #p-search input { | ||
background-color: # | background-color: #002a2a !important; | ||
color: # | color: #ccffff !important; | ||
border: 1px solid # | border: 1px solid #007a7a !important; | ||
} | |||
/* ── TALK PAGES ── */ | |||
.ns-talk #content { | |||
background-color: #001a2a !important; | |||
} | |||
/* ── SPECIAL PAGES ── */ | |||
.ns-special #content { | |||
background-color: #001a1a !important; | |||
} | } | ||