MediaWiki:Vector.css

/* 
 * SlyMods custom Vector CSS
 * Adapted from custom styles used at https://zeldamods.org
 */

/* body background color */
body.skin-vector {
    background-color: #010239;
}

.skin-vector #mw-page-base {
    background: transparent;
}

/* article content area */
.skin-vector #content {
    border: none;
    margin-right: 1em;
    border-radius: 3px;
    box-shadow: 0px 0px 50px 1px #225787;
}

/* all links not in sidebar or article content*/
.skin-vector #mw-head a,.skin-vector #mw-panel .portal .body li a,.skin-vector #mw-panel .portal .body li a:visited,.skin-vector div#mw-head div.vectorMenu h3 span,.skin-vector #footer a {
    color: #fcffe4;
}

/* sidebar links */
#mw-panel * > .mw-list-item a {
    color: #8FA9CC !important;
}

/* redlinks */
.skin-vector #mw-head a.new,#mw-head .new a {
    color: #ff5e5e !important;
}

/* miscellaneous */
.skin-vector #mw-panel .portal h3 {
    color: #ababab;
}

.skin-vector #footer ul li {
    color: #deddc8;
}

#pt-uls .uls-trigger:before {
    filter: invert(1);
}

/* article tabs */
.vectorTabs,.vectorTabs ul,.vectorTabs ul li,.vectorTabs li.selected,.vectorTabs ul li span,div#mw-head div.vectorMenu h3,.vector-menu-tabs * > .mw-list-item {
    background: transparent;
}

.vector-menu-tabs,.vector-menu-tabs a,#mw-head .vector-menu-dropdown h3 {
    background: none;
}

/* more menu stuff */
.vector-menu-dropdown h3 {
    color: #29d1fc;
}

.vector-menu-dropdown * > a {
    color: black !important;
}

.vector-menu-heading-label {
    color: #BEBFBF;
}

.vectorTabs li.selected a {
    color: #fcffe4 !important;
}

div.vectorMenu h3 span:after {
    background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M11.05 3.996l-.965-1.053-4.035 3.86-3.947-3.86L1.05 3.996l5 5 5-5' fill='%23bfbfbf'/%3E%3C/svg%3E");
}

/* search box *
.skin-vector #simpleSearch input {
    color: #c8d9ea;
    border-top: none;
    border-left: none;
    border-right: none;
}

#searchInput {
    background-color: transparent;
}

#searchInput:focus,#simpleSearch:hover #searchInput:focus {
    box-shadow: none;
    outline: 1px #3366cc solid;
}

.skin-vector #simpleSearch #searchButton {
    background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2212%22 height=%2213%22%3E %3Cg fill=%22none%22 stroke=%22%23c0c0c0%22 stroke-width=%222%22%3E %3Cpath d=%22M11.29 11.71l-4-4%22/%3E %3Ccircle cx=%225%22 cy=%225%22 r=%224%22/%3E %3C/g%3E %3C/svg%3E");
} */

.skin-vector #simpleSearch input {
    color: white;
}
.skin-vector #simpleSearch input::placeholder {
    color: lightgray;
}

/* miscellaneous */
.skin-vector #mw-panel .portal .body {
    background: none;
}

.skin-vector #mw-panel .portal h3 {
    border-bottom: 1px solid #5f5f5f;
}

.mw-content-ltr td ol,.mw-content-rtl .mw-content-ltr td ol {
    margin-left: 1.5em;
}

.link-to-stub {
    color: #673ab7 !important;
}

.page-Main_Page #firstHeading,.page-Main_Page .heading-holder {
    display: none !important;
}

.resloc-box {
    border: 1px solid #d2d2d2;
    padding: 2px 5px;
    font-size: 85%;
    border-left: 5px solid #000000;
}

.resloc-box-aoc {
    border-left-color: #90c;
}

.resloc-box-normal {
    border-left-color: #36c;
}

.no-rstb-box-color {
    border-left-color: #c00;
}

.resloc-box p {
    margin: 0;
}

.resloc-box + .resloc-box,.resloc-box + link + .resloc-box {
    border-top: 0;
}

.ambox + .resloc-box {
    margin-top: 10px;
}

.resloc-box + .ambox,.resloc-box + .toc {
    margin-top: 10px;
}

/* hide dark mode link */
.skin-vector .darkmode-link {
    display: none;
}

/* invert echo notification badges */
.skin-vector .mw-echo-notifications-badge {
    filter: invert(1);
}