User:HudgynS/vector.css

/* COLORS */ color: #4C80DA; }
 * 1) mw-content-text a {

color: #40936D; }
 * 1) mw-content-text a:visited {

.mw-portlet-cactions, #ca-mobile { background-image: linear-gradient(to top,#77c1f6 0,#e8f2f8 2px,#ffffff 100%); background-position: left bottom; background-repeat: repeat-x; float: left; display: block; height: 100%; margin: 0; padding: 0; line-height: 1.125em; white-space: nowrap; }

.vector-search-box-input { background-color: #CCF1F7; }

.vector-search-box-input:focus, .vector-search-box-inner:hover .vector-search-box-input:focus { border-color: #807A1B !important; box-shadow: inset 0 0 0 1px #D2C233 !important; }

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button { background-color: #237093 !important; border-color: #235065 !important; color: #FFFFFF !important; }

.mw-rcfilters-ui-liveUpdateButtonWidget.oo-ui-toggleWidget-on !important { color: #FFFFFF !important; }

.mw-rcfilters-ui-liveUpdateButtonWidget.oo-ui-toggleWidget-on::after { background: #E3C731 !important; top: 0.35em !important; left: 0.627232145em !important; } @keyframes ripple { 0% {	transform:scale(0); opacity:0 } 5% {	opacity:0.9 } 100% {	opacity:0; transform:scale(12) } }

html, body { background: url(https://static.jojowiki.com/images/5/52/latest/20230206034247/HudPBTheme-bg.png) center !important; background-color: #0F4FAD !important; background-repeat: no-repeat !important; background-attachment: fixed !important; background-position: center top !important; }

padding-left: 0 !important; background-color: #337991 !important; background-image: url(https://static.jojowiki.com/images/customizations/SymbolBG.png) !important; background-blend-mode: multiply !important; background-size: 250px !important; background-position: -1.35% 75% !important; }
 * 1) mw-head-base {

background-image: url(https://static.jojowiki.com/images/2/21/latest/20230206034302/HudPBTheme-header.png) !important; background-repeat: no-repeat !important; background-position: 192px 0 !important; }
 * 1) mw-head {

/* MENU */

border: 2px solid #0C0E1C !important; background-color: #235065 !important; box-shadow: 2px 2px 3px #434343 !important; }
 * 1) menu .sub-menu {

background-color: #235065 !important; display: inline-block !important; border: 2px solid #1C2E2C !important; box-shadow: 1px 1px 2px #0C0E1C !important; }
 * 1) menu,
 * 2) toggle-menu {

background-color: #237093 !important; }
 * 1) menu a {

background-color: #17737C !important; color: #27B6C3 !important; }
 * 1) menu a:hover {

color: #27B6C3 !important; }
 * 1) menu .sub-menu a:hover {

background-color: #1A8588 !important; border: 2px solid #184546 !important; } }
 * 1) p-personal {

/* SIDEBAR */ background-color: #e6feff !important; border: 2px solid #184546 !important; }
 * 1) mw-panel .vector-menu-content-list {

background-color: #1A8588 !important; border: 2px solid #184546 !important; box-shadow: 1px 1px 2px #0C0E1C !important; }
 * 1) n-News, #n-Forum, #n-recentchanges, #n-Wiki-Policies {

background-color: #299F7E !important; }
 * 1) n-News:hover, #n-Forum:hover, #n-recentchanges:hover, #n-Wiki-Policies:hover {

background-color: #A8A241 !important; border: 2px solid #D3C86A !important; box-shadow: 1px 1px 2px #10B37D !important; }
 * 1) mw-panel .vector-menu-heading {

/* MAIN WIDTH */ background: none !important; }
 * 1) container {

background-color: #337991 !important; }
 * 1) mw-panel {

bottom: 0px !important; border-bottom-left-radius: 0px !important; }	position: sticky !important; top: 10px !important; }	position: sticky !important; top: 230px !important; }	position: sticky !important; top: 395px !important; }	position: sticky !important; top: 560px !important; }	position: sticky !important; top: 790px !important; }	position: fixed !important; top: 10px !important; right: 10px; height: 0px; }
 * 1) mw-panel {
 * 1) p-navigation {
 * 1) p-Community {
 * 1) p-Support_Us {
 * 1) p-tb {
 * 1) p-lang {
 * 1) sidepic {

/* TABLE OF CONTENTS */ .toc { border: 1px solid #1B5BAE !important; } .toctogglelabel { color: #1B5BAE; }

/* HEADINGS */ .mw-body .firstHeading { color: #1B5BAE; } .mw-headline { color: #124B8E; }