User:HudgynS/vector.css

Note: This is a user's personal page attached to their profile!
This is not an actual article, may not be related to JoJo or Araki, and is not associated with the wiki. As such, it may not adhere to the policies.

Note: After publishing, you may have to bypass your browser's cache to see the changes.

Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
Opera: Press Ctrl-F5.

/* COLORS */
#mw-content-text a:not(.tabber__tab) {
	color: #4478CB;
}

#mw-panel .vector-menu-portal:not(#p-navigation) .vector-menu-content li a {
	color: #4478CB !important;
}

#mw-content-text a:visited {
	color: #389B5D;
}

#mw-panel .vector-menu-portal:not(#p-navigation):not(#p-toc) .vector-menu-content li a:visited {
	color: #389B5D !important;
}

.vector-menu-tabs-legacy li a, .vector-menu-heading, .vector-menu-dropdown span {
	color: #3B90CB !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;
	animation-duration: 2.3s !important;
	animation-delay: 0s !important;
	animation-iteration-count: infinite !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;
}

#mw-head-base {
	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;
}

#mw-head {
	background-image: url(https://static.jojowiki.com/images/2/21/latest/20240207025202/HudPBTheme-header.png) !important;
	background-repeat: no-repeat !important;
}

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

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

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

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

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

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

.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;
}

.searchButton {
	background-color: rgba(0, 0, 0, 0) !important;
}

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

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

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

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

#p-Affiliate_Item .vector-menu-content-list {
	display: none;
}

.mw-list-item::marker {
	color: #C04F4F !important;
}

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

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

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

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

User:HudgynS/vector.css

Navigation menu

Search