Jump to content

MediaWiki:Vector-dark.css: Difference between revisions

← Older edit
 
(56 intermediate revisions by the same user not shown)
Line 1: Line 1:
@import url('https://fonts.googleapis.com/css2?family=Bona+Nova+SC:ital,wght@0,400;0,700;1,400&family=Bona+Nova:ital,wght@0,400;0,700;1,400&family=Metamorphous&display=swap');
.bona-nova-regular {
  font-family: "Bona Nova", serif;
  font-weight: 400;
  font-style: normal;
}
.bona-nova-bold {
  font-family: "Bona Nova", serif;
  font-weight: 700;
  font-style: normal;
}
.bona-nova-regular-italic {
  font-family: "Bona Nova", serif;
  font-weight: 400;
  font-style: italic;
}
.metamorphous-regular {
  font-family: "Metamorphous", serif;
  font-weight: 400;
  font-style: normal;
}


/* 🟠 Dark Theme - Header */
/* 🟠 Dark Theme - Header */
Line 31: Line 8:
     padding: 10px;
     padding: 10px;
}
}
 
a:hover {
    background: linear-gradient(to bottom, transparent, #FF851B)!important;
    transition: background 0.3s ease!important;
    text-decoration: none!important; /* Optional: removes underline on hover */
}
/* 🔗 Links */
/* 🔗 Links */
.mw-header a {
.mw-header a {
     color: #FF851B; /* Bright Orange */
     color: #FF851B; /* Bright Orange */
     text-decoration: none;
     text-decoration: none;
}
.mw-header a:hover {
    color: #FFB84D; /* Soft Peach */
    text-decoration: underline;
}
}


Line 68: Line 44:
}
}


.mw-page-container a:hover {
    color: #FFB84D; /* Soft Peach */
    text-decoration: underline;
}


.mw-page-container h1,
.mw-page-container h1,
Line 127: 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;
}
a:hover {
    color: #ffb84d; /* Soft Peach on hover */
    text-decoration: underline;
}
}


Line 150: Line 126:
     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 158: Line 147:
     border-bottom: 2px solid #ff6300;
     border-bottom: 2px solid #ff6300;
     background-color: #002B5C;
     background-color: #002B5C;
}
tr.mw-wikiforum-title {
background-color: #002B5C;
}
}
table.mw-wikiforum-frame {
table.mw-wikiforum-frame {
Line 163: Line 155:
     width: 100%;
     width: 100%;
     background: #002b5c;
     background: #002b5c;
     border: 2px solid #ff6300;
     border: 1px solid #FF851B;
     margin-bottom: 1.2em;
     margin-bottom: 1.2em;
}
}
th.mw-wikiforum-admin {
    border-top: 1px solid #ff6300;
    border-bottom: 1px solid #ff6300;
    text-align: right;
}
th.mw-wikiforum-value {
    width: 90px;
    border-top: 1px solid #ff6300;
    border-bottom: 1px solid #ff6300;
    text-align: center;
}
th.mw-wikiforum-lastpost {
    width: 180px;
    border-top: 1px solid #ff6300;
    border-bottom: 1px solid #ff6300;
    text-align: center;
}
td.mw-wikiforum-innerframe {
    border: 1px solid #ff6300;
}
.mw-message-box-error {
.mw-message-box-error {
     background-color: #ff4500;
     background-color: #ff4500;
Line 364: Line 378:
     /* Subtle Text */
     /* Subtle Text */
     --color-base--subtle: #FF851B;
     --color-base--subtle: #FF851B;
}
.bona-nova-regular {
    font-family: "Bona Nova", serif;
    font-weight: 400;
    font-style: normal;
}
.bona-nova-bold {
    font-family: "Bona Nova", serif;
    font-weight: 700;
    font-style: normal;
}
.bona-nova-regular-italic {
    font-family: "Bona Nova", serif;
    font-weight: 400;
    font-style: italic;
}
.metamorphous-regular {
    font-family: "Metamorphous", serif;
    font-weight: 600;
    font-style: normal;
}
}
/* ===== Global Styles ===== */
/* ===== Global Styles ===== */
Line 395: Line 385:
     background-color: #001F3F; /* Navy */
     background-color: #001F3F; /* Navy */
     color: #FFFFFF; /* White text */
     color: #FFFFFF; /* White text */
    font-family: 'Bona Nova', serif;
}
}


Line 404: Line 393:
     color: #FF851B; /* Orange */
     color: #FF851B; /* Orange */
     text-decoration: none;
     text-decoration: none;
}
a:hover {
    color: #FFB84D; /* Soft Peach */
    text-decoration: underline;
}
}


Line 426: Line 410:
     color: #FF851B; /* Orange */
     color: #FF851B; /* Orange */
     font-weight: bold;
     font-weight: bold;
}
#p-personal a:hover {
    color: #FFB84D; /* Soft Peach */
    text-decoration: underline;
}
}


Line 465: Line 444:
#mw-panel a {
#mw-panel a {
     color: #FF851B;
     color: #FF851B;
}
#mw-panel a:hover {
    color: #FFB84D;
    text-decoration: underline;
}
}


Line 484: 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 493: Line 467:
}
}


#toc h2 {
#toc h2, .vector-pinnable-header-label h2 {
     font-family: 'Metamorphous', cursive;
     font-family: 'Modern Antiqua', cursive;
     color: #FF6300;
     color: #FF6300;
     text-align: center;
     text-align: center;
Line 509: Line 483:
}
}


#toc a {
#toc a, .vector-toc-text {
     color: #FF851B;
     color: #FF851B;
}
#toc a:hover {
    color: #FFB84D;
    text-decoration: underline;
}
}


Line 526: Line 495:
}
}


#toc .current {
#toc .current, .vector-toc-contents{
     background-color: #FF4500;
     background-color: #001933;
     color: #FFFFFF;
     color: #FFFFFF;
     padding: 2px 4px;
     padding: 2px 4px;
Line 535: Line 504:
#pt-logout a {
#pt-logout a {
     color: #FF4500;
     color: #FF4500;
}
#pt-logout a:hover {
    color: #FF6347;
}
}


Line 569: Line 534:
.mw-changeslist-legend a {
.mw-changeslist-legend a {
     color: #FF851B;
     color: #FF851B;
}
.mw-changeslist-legend a:hover {
    color: #FFB84D;
    text-decoration: underline;
}
}


Line 615: Line 575:
}
}


.vector-sticky-header a:hover {
    color: #FFB84D;
}


/* Search bar */
/* Search bar */
Line 646: 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 978: Line 943:
}
}


.navbar-links a:hover {
    color: #FFB84D;
}
/* 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 992: 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,033: Line 1,000:
}
}
h3.pi-data-label {
h3.pi-data-label {
    font-family: 'Bona Nova' !important;
}
}
/* Infobox Images */
/* Infobox Images */
Line 1,058: Line 1,024:
.portable-infobox {
.portable-infobox {
width: 100%; /* Change to desired width */
width: 100%; /* Change to desired width */
     max-width: 360px; /* Prevent overflow on smaller screens */
     max-width: 340px; /* Prevent overflow on smaller screens */
     margin: 0 auto; /* Center it horizontally */
     margin: 0 auto; /* Center it horizontally */
}
}
Line 1,199: Line 1,165:
     text-decoration: none; /* Remove underlines */
     text-decoration: none; /* Remove underlines */
     color: #007BFF; /* Link color */
     color: #007BFF; /* Link color */
}
nav a:hover {
    text-decoration: underline; /* Hover effect */
}
}


Line 1,215: Line 1,177:
.mw-logo-wordmark,
.mw-logo-wordmark,
#firstHeadingTitle {
#firstHeadingTitle {
    font-family: 'Metamorphous', cursive;
     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;
}
}
Retrieved from "https://continuum-universes.com/wiki/MediaWiki:Vector-dark.css"