User:Makendo/vector.css

body { background-image: url("//cdn.wikimg.net/en/splatoonwiki/images/d/d4/S2_background_stripe_pattern.svg"); background-repeat: repeat; }

/* Styles the account information box in the top right corner */ all: unset; }
 * 1) p-personal.vector-menu-dropdown {

padding-left: initial; }
 * 1) p-personal.vector-menu-dropdown ul {

background-color: white; top: -0.09em; margin-left: 4em; margin-right: 4em; padding: 2px 12px 2px 0; border-radius: 2px 2px 10px 10px; border-style: solid; border-color: #AADC00; border-width: 2px; }
 * 1) p-personal.vector-user-menu-legacy {

padding-left: 0; }
 * 1) p-personal.vector-user-menu-legacy .vector-menu-content-list {

/* Margins */ margin-left: 12em; }
 * 1) left-navigation,
 * 2) content {

margin-right: 5em; }
 * 1) right-navigation,
 * 2) content {

/* Tab stuff */ background-image: none; }
 * 1) left-navigation .vector-menu-content a,
 * 2) right-navigation .vector-menu-content a {

.vector-menu-tabs li, .vector-menu-dropdown-noicon { background-color: #f3f3f3; background-image: none; border-radius: 0.95em 0.95em 0 0; height: 1.85em; line-height: 1px; margin-right: 0.15em; margin-top: 0.5em; border-style: dashed dashed solid dashed; border-color: #aadc00; border-width: 1px; min-width: 30px; }

.vector-menu-dropdown-noicon > .vector-menu-heading { color: var(--link-internal, #378B00); height: 30px; padding-right: 8px; text-align: center; }

.vector-menu-dropdown-noicon > .vector-menu-heading::after { right: 0; padding: 0.5em; background-position: initial; /** This brings the arrow in-line with the middle of the e from "More" */ top: 0.6em; margin-left: 0.2em; /* Make the dropdown arrow play nicely */ position: inherit; }

.vector-menu-dropdown .vector-menu-content { border-width: 1px; top: 100%; }

nav#p-views .selected, nav#p-namespaces .selected { background: #ffffff; }

padding-top: 21px; padding-bottom: 21px; padding-left: 24px; margin-top: -5px; }
 * 1) ca-unwatch.icon a,
 * 2) ca-watch.icon a {

overflow: visible; display: inline; }
 * 1) right-navigation {

left: -1em; margin-top: -185px; margin-left: -15px; }
 * 1) p-logo {

background-image: none; background-color: rgba(255, 255, 255, 0); opacity: 0; }
 * 1) mw-page-base {

background-color: white; box-sizing: border-box; max-width: 10em; margin-left: 0.8em; margin-right: 0.8em; margin-top: 11em; padding: 1em 0.5em 1em 0.5em; border-style: solid; border-color: #AADC00; border-width: 2px 2px 2px 10px; border-radius: 2px; }
 * 1) mw-panel {

border-style: solid; border-color: #AADC00; border-width: 1px 2px 0 2px; background-color: #ffffff; }
 * 1) content {

.mw-body h1, .mw-body h2 { font-family: sans-serif; }

/* ink splotches on headers */ .mw-body h1, .mw-body h2 { position: relative; }

/* ::before element is needed for opacity */ .mw-body h1::before, .mw-body h2::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: .6; z-index: -1; background-image: url(//cdn.wikimg.net/splatoonwiki/images/5/5c/Drip-heading.png); background-repeat: no-repeat; }

.mw-body h1::before { background-position: 95% -2.5%; }

/* green */ .mw-body h2:nth-of-type(6n-5)::before { background-position: 95% 20%; }

/* purple */ .mw-body h2:nth-of-type(6n-4)::before { background-position: 95% 40%; }

/* blue */ .mw-body h2:nth-of-type(6n-3)::before { background-position: 95% 60%; }

/* orange */ .mw-body h2:nth-of-type(6n-2)::before { background-position: 95% 80%; }

/* pink */ .mw-body h2:nth-of-type(6n-1)::before { background-position: 95% 100%; }

/* cyan */ .mw-body h2:nth-of-type(6n)::before { background-position: 95% 0%; }

/* green */ background: none; }
 * 1) toc h2::before {

/* prevent splotches from showing on table of contents header */ z-index: 0; }
 * 1) firstHeading {

/* fix splotch not showing on title header */

/* prevent h1 help links from becoming unclickable due to the ::before elements */ div.mw-indicators.mw-body-content { position: relative; z-index: 1; }

background-color: white; background-image: url("//cdn.wikimg.net/splatoonwiki/images/b/b4/Featured-bg.png"); border-style: solid; border-color: #AADC00; border-width: 1px 2px 1px 2px; margin-right: 5em; margin-bottom: 16px; border-radius: 0 0 10px 10px; padding-bottom: 48px; }
 * 1) footer {

/* Make margins of footer and search consistent */ .mw-footer { margin-left: 11em; }

/*================================================== Interface improvements

=
=====================================*/

/*=NAVIGATION=*/

/* "More" menu */ .vectorMenu h3 { border-radius: 0.95em 0.95em 0 0 !important; padding-bottom: 2px !important; }

.vectorMenu h3 span:after { top: 6px !important; }

.vectorMenu span { top: 2px; }

.vectorMenu .menu { border-radius: 0 0 10px 10px; left: 1.5px; min-width: 86.5%; }

.vectorMenu .menu ul { position: relative; left: -1px; }

/* Remove blue background from the tab */ .vector-menu-tabs, .vector-menu-tabs a,   background: none; }
 * 1) mw-head .vector-menu-dropdown h3 {

/* Fix watch tab from overflow and bouncing */ .vector-menu-tabs .mw-watchlink.icon a { padding: 0.5em; }

width: inherit; }
 * 1) ca-watch.icon a,
 * 2) ca-unwatch.icon a {

/* Search */ margin-right: unset; }
 * 1) p-search {

background: #f3f3f3; bottom: 3px; border-radius: 0.95em 0.95em 0 0; border-style: dashed dashed solid dashed !important; border-width: 1px; border-color: #aadc00; padding-bottom: 0px; padding-top: 4px; padding-left: 5px; padding-right: 5px;
 * 1) simpleSearch {

-webkit-transition: background-color 100ms linear; -ms-transition: background-color 100ms linear; transition: background-color 100ms linear; }

background-color: #ffffff; /* border-color:transparent; */ }
 * 1) simpleSearch:hover {

border: none; }
 * 1) searchInput {

-webkit-box-shadow: none; /* Disables blue border when focused */ box-shadow: none; }
 * 1) searchInput:focus,
 * 2) simpleSearch:hover #searchInput:focus {

top: 1px; right: 5px; }
 * 1) searchButton {