MediaWiki:Vector-dark.css: Difference between revisions
Appearance
![]() Cdjensen94 (talk | contribs) |
![]() Cdjensen94 (talk | contribs) |
||
(52 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
/* 🟠 Dark Theme - Header */ | /* 🟠 Dark Theme - Header */ | ||
Line 32: | Line 9: | ||
} | } | ||
a:hover { | a:hover { | ||
background: linear-gradient(to bottom, transparent, #FF851B); | background: linear-gradient(to bottom, transparent, #FF851B)!important; | ||
transition: background 0.3s ease; | transition: background 0.3s ease!important; | ||
text-decoration: none; /* Optional: removes underline on hover */ | text-decoration: none!important; /* Optional: removes underline on hover */ | ||
} | } | ||
/* 🔗 Links */ | /* 🔗 Links */ | ||
Line 40: | Line 17: | ||
color: #FF851B; /* Bright Orange */ | color: #FF851B; /* Bright Orange */ | ||
text-decoration: none; | text-decoration: none; | ||
} | } | ||
Line 72: | Line 44: | ||
} | } | ||
.mw-page-container h1, | .mw-page-container h1, | ||
Line 131: | Line 99: | ||
filter: invert(1) brightness(1.5); /* Lightens black SVGs */ | filter: invert(1) brightness(1.5); /* Lightens black SVGs */ | ||
} | } | ||
.filehistory td { | |||
background-color: var(--background-color-neutral-subtle) !important; | |||
color: var(--color-base) !important; | |||
margin: 1em 0; | |||
border: 1px solid var(--border-color-base) !important; | |||
border-collapse: collapse; | |||
} | |||
.cdx-message { | |||
background-color: var(--background-color-neutral-subtle) !important; | |||
} | |||
/* Highlight Links */ | /* Highlight Links */ | ||
a { | a { | ||
color: #ff851b; | color: #ff851b; | ||
text-decoration: none; | text-decoration: none; | ||
} | } | ||
Line 153: | Line 125: | ||
background-color: #ff851b; | background-color: #ff851b; | ||
color: #001933; | color: #001933; | ||
} | |||
fieldset { | |||
background: #002855 !important; | |||
background-color: #002855; | |||
} | |||
.oo-ui-widget | |||
{ | |||
background-color: #002855; | |||
} | |||
.picker-element-item { | |||
background-color: #002855 !important; | |||
} | } | ||
/*MediaWiki Forum Formating*/ | |||
th.mw-wikiforum-title { | th.mw-wikiforum-title { | ||
font-size: 120%; | font-size: 120%; | ||
Line 395: | Line 378: | ||
/* Subtle Text */ | /* Subtle Text */ | ||
--color-base--subtle: #FF851B; | --color-base--subtle: #FF851B; | ||
} | } | ||
/* ===== Global Styles ===== */ | /* ===== Global Styles ===== */ | ||
Line 426: | Line 385: | ||
background-color: #001F3F; /* Navy */ | background-color: #001F3F; /* Navy */ | ||
color: #FFFFFF; /* White text */ | color: #FFFFFF; /* White text */ | ||
} | } | ||
Line 435: | Line 393: | ||
color: #FF851B; /* Orange */ | color: #FF851B; /* Orange */ | ||
text-decoration: none; | text-decoration: none; | ||
} | } | ||
Line 457: | Line 410: | ||
color: #FF851B; /* Orange */ | color: #FF851B; /* Orange */ | ||
font-weight: bold; | font-weight: bold; | ||
} | } | ||
Line 496: | Line 444: | ||
#mw-panel a { | #mw-panel a { | ||
color: #FF851B; | color: #FF851B; | ||
} | } | ||
Line 515: | Line 458: | ||
/* ===== Table of Contents (TOC) ===== */ | /* ===== Table of Contents (TOC) ===== */ | ||
#toc { | #toc, .vector-toc {f | ||
background-color: #002B5C; | background-color: #002B5C; | ||
border: 2px solid #FF851B; | border: 2px solid #FF851B; | ||
Line 524: | Line 467: | ||
} | } | ||
#toc h2 { | #toc h2, .vector-pinnable-header-label h2 { | ||
font-family: ' | font-family: 'Modern Antiqua', cursive; | ||
color: #FF6300; | color: #FF6300; | ||
text-align: center; | text-align: center; | ||
Line 540: | Line 483: | ||
} | } | ||
#toc a { | #toc a, .vector-toc-text { | ||
color: #FF851B; | color: #FF851B; | ||
} | } | ||
Line 557: | Line 495: | ||
} | } | ||
#toc .current { | #toc .current, .vector-toc-contents{ | ||
background-color: # | background-color: #001933; | ||
color: #FFFFFF; | color: #FFFFFF; | ||
padding: 2px 4px; | padding: 2px 4px; | ||
Line 566: | Line 504: | ||
#pt-logout a { | #pt-logout a { | ||
color: #FF4500; | color: #FF4500; | ||
} | } | ||
Line 600: | Line 534: | ||
.mw-changeslist-legend a { | .mw-changeslist-legend a { | ||
color: #FF851B; | color: #FF851B; | ||
} | } | ||
Line 646: | Line 575: | ||
} | } | ||
/* Search bar */ | /* Search bar */ | ||
Line 677: | Line 603: | ||
background-color: #FFB84D; | background-color: #FFB84D; | ||
} | } | ||
.wikiEditor-ui-toolbar { | |||
background: #FFB84D !important; | |||
background-color: #FFB84D !important; | |||
} | |||
.oo-ui-buttonElement-button, #msupload-div { | |||
background: #EFA83D !important; | |||
background-color: #EFA83D !important; | |||
color: #99851B; | |||
} | |||
/* ===== Scrollbar ===== */ | /* ===== Scrollbar ===== */ | ||
::-webkit-scrollbar { | ::-webkit-scrollbar { | ||
Line 1,009: | Line 943: | ||
} | } | ||
/* Portable Infobox - Dark Theme with Navy & Orange */ | /* Portable Infobox - Dark Theme with Navy & Orange */ | ||
.portable-infobox .pi-secondary-background { | .portable-infobox .pi-secondary-background { | ||
Line 1,023: | Line 954: | ||
.pi-media-collection .pi-tab-link.current { | .pi-media-collection .pi-tab-link.current { | ||
background: #ff851b; /* Bright Orange title text */ | background: #ff851b; /* Bright Orange title text */ | ||
} | |||
li.pi-section-tab { | |||
border: 2px solid #ff851b; /* Bright Orange border */ | |||
border-color: #ff851b; | |||
background: var(--color-lighter-navy); | |||
} | } | ||
/* Infobox Title */ | /* Infobox Title */ | ||
Line 1,064: | Line 1,000: | ||
} | } | ||
h3.pi-data-label { | h3.pi-data-label { | ||
} | } | ||
/* Infobox Images */ | /* Infobox Images */ | ||
Line 1,089: | Line 1,024: | ||
.portable-infobox { | .portable-infobox { | ||
width: 100%; /* Change to desired width */ | width: 100%; /* Change to desired width */ | ||
max-width: | max-width: 340px; /* Prevent overflow on smaller screens */ | ||
margin: 0 auto; /* Center it horizontally */ | margin: 0 auto; /* Center it horizontally */ | ||
} | } | ||
Line 1,230: | Line 1,165: | ||
text-decoration: none; /* Remove underlines */ | text-decoration: none; /* Remove underlines */ | ||
color: #007BFF; /* Link color */ | color: #007BFF; /* Link color */ | ||
} | } | ||
Line 1,246: | Line 1,177: | ||
.mw-logo-wordmark, | .mw-logo-wordmark, | ||
#firstHeadingTitle { | #firstHeadingTitle { | ||
color: #FF6300; /* Bright Orange */ | color: #FF6300; /* Bright Orange */ | ||
} | |||
#msupload-dropzone { | |||
background: #223399; | |||
} | |||
/* Social Profiles, Blog, Comments, and VoteNY */ | |||
.blog-left-units { | |||
background: #223399; | |||
border: 2px solid #fff; | |||
border-radius: 10px; | |||
} | |||
#blog-page-right { | |||
float: right; | |||
width: 179px; | |||
padding: 8px 0 0 0; | |||
background: #223399; | |||
border-left: 1px solid #dcdcdc; | |||
border-bottom: 1px solid #dcdcdc; | |||
border: 2px solid #fff; | |||
border-radius: 10px; | |||
padding: 10px; | |||
overflow: hidden; | |||
} | |||
.site-button { | |||
background-color: #FF851B; | |||
color: #FFFFFF; | |||
border: none; | |||
padding: 8px 16px; | |||
border-radius: 4px; | |||
cursor: pointer; | |||
} | |||
.site-button:hover { | |||
background-color: #FFB84D; | |||
} | |||
select { | |||
background-color: #FF851B; | |||
color: #FFF; | |||
border: none; | |||
padding: 8px 16px; | |||
border-radius: 4px; | |||
cursor: pointer; | |||
} | |||
.profile-on { | |||
background-color: #FF851B; | |||
} | } |