MediaWiki:Vector.css - Revision history

Boba: dropdown bg

2025-08-25T04:34:07Z

dropdown bg

← Older revision		Revision as of 06:34, 25 August 2025
Line 150:		Line 150:

	/* more dropdown menu bg */		/* more dropdown menu bg */
	~~nav.vectorMenu~~ ul {		#p-cactions ul {
	background-image: url(images/3/33/SkinDefault_MoreDropdown.png) !important;		background-image: url(images/3/33/SkinDefault_MoreDropdown.png) !important;
	background-color: #676562 !important;		background-color: #676562 !important;
Line 156:		Line 156:

	/* more dropdown color forcing */		/* more dropdown color forcing */
	~~nav~~#p-cactions~~.vector-menu.vector-menu-dropdown.vectorMenu~~ ul li a {		#p-cactions ul li a {
	color: #EDECEB !important;		color: #EDECEB !important;
	}		}

Boba: more tab fixing

2025-08-25T04:30:54Z

more tab fixing

← Older revision		Revision as of 06:30, 25 August 2025
Line 124:		Line 124:
	/* MORE TAB */		/* MORE TAB */
	/* left */		/* left */
	~~nav.vectorMenu~~ {		#p-cactions {
	background-image: url(images/5/5a/SkinDefault_TabOffLeft.png) !important;		background-image: url(images/5/5a/SkinDefault_TabOffLeft.png) !important;
	}		}

	/* center */		/* center */
	h3#p-cactions~~-label:~~:before {		#p-cactions:before {
	background-image: url(images/0/04/SkinDefault_TabOffCenter.png) !important;		background-image: url(images/0/04/SkinDefault_TabOffCenter.png) !important;
	}		}

	/* right ~~- this is really hacky and will break in an update guaranteed~~ */		/* right */
	~~nav~~#p-cactions~~.vector-menu.vector-menu-dropdown.vectorMenu:~~:after {		#p-cactions:after {
	background-image: url(images/3/31/SkinDefault_TabOffRight.png) !important;		background-image: url(images/3/31/SkinDefault_TabOffRight.png) !important;
	}		}

	/* ~~more tab font~~ */		/* text styling */
	~~nav.vectorMenu h3 span~~ {		#p-cactions-label {
	color: #EDECEB;		color: #EDECEB !important;
	font-family: 'OMORI_GAME2';		font-family: "OMORI_GAME2" !important;
	}		}

	/* replace default more down arrow */		/* replace default more down arrow */
	h3#p-cactions-label:after {		#p-cactions-label:after {
	background-image: url(images/7/7c/SkinDefault_MoreArrow.png) !important;		background-image: url(images/7/7c/SkinDefault_MoreArrow.png) !important;
	}		}

Boba: move over to new tab identifiers

2025-08-25T03:50:39Z

move over to new tab identifiers

← Older revision		Revision as of 05:50, 25 August 2025
Line 54:		Line 54:

	/* font and whatnot */		/* font and whatnot */
	nav.~~vectorTabs~~ ul li * {		nav.vector-menu-tabs ul li * {
	color: #EDECEB !important;		color: #EDECEB !important;
	font-family: "OMORI_GAME2" !important;		font-family: "OMORI_GAME2" !important;
Line 60:		Line 60:

	/* bright on hover */		/* bright on hover */
	nav.~~vectorTabs~~ ul li:hover * {		nav.vector-menu-tabs ul li:hover * {
	color: #ffffff !important;		color: #ffffff !important;
	}		}
Line 66:		Line 66:
	/* UNSELECTED TAB */		/* UNSELECTED TAB */
	/* tab positioning and left */		/* tab positioning and left */
	nav.~~vectorTabs~~ ul li {		nav.vector-menu-tabs ul li {
	background-image: url(images/5/5a/SkinDefault_TabOffLeft.png) !important;		background-image: url(images/5/5a/SkinDefault_TabOffLeft.png) !important;
	}		}

	/* center */		/* center */
	nav.~~vectorTabs~~ ul li:before {		nav.vector-menu-tabs ul li:before {
	background-image: url(images/0/04/SkinDefault_TabOffCenter.png) !important;		background-image: url(images/0/04/SkinDefault_TabOffCenter.png) !important;
	}		}

	/* tab positioning and right */		/* tab positioning and right */
	nav.~~vectorTabs~~ ul li a {		nav.vector-menu-tabs ul li a {
	background-image: url(images/3/31/SkinDefault_TabOffRight.png) !important;		background-image: url(images/3/31/SkinDefault_TabOffRight.png) !important;
	}		}
Line 82:		Line 82:
	/* UNCREATED TAB */		/* UNCREATED TAB */
	/* left */		/* left */
	nav.~~vectorTabs~~ ul li.new {		nav.vector-menu-tabs ul li.new {
	background-image: url(images/8/82/SkinDefault_TabNewLeft.png) !important;		background-image: url(images/8/82/SkinDefault_TabNewLeft.png) !important;
	}		}

	/* center */		/* center */
	nav.~~vectorTabs~~ ul li.new:before {		nav.vector-menu-tabs ul li.new:before {
	background-image: url(images/3/3a/SkinDefault_TabNewCenter.png) !important;		background-image: url(images/3/3a/SkinDefault_TabNewCenter.png) !important;
	}		}

	/* right */		/* right */
	nav.~~vectorTabs~~ ul li.new a {		nav.vector-menu-tabs ul li.new a {
	background-image: url(images/d/de/SkinDefault_TabNewRight.png) !important;		background-image: url(images/d/de/SkinDefault_TabNewRight.png) !important;
	}		}
Line 98:		Line 98:
	/* SELECTED TAB */		/* SELECTED TAB */
	/* left */		/* left */
	nav.~~vectorTabs~~ ul li.selected {		nav.vector-menu-tabs ul li.selected {
	background-image: url(images/7/76/SkinDefault_TabOnLeft.png) !important;		background-image: url(images/7/76/SkinDefault_TabOnLeft.png) !important;
	}		}

	/* center */		/* center */
	nav.~~vectorTabs~~ ul li.selected:before {		nav.vector-menu-tabs ul li.selected:before {
	background-image: url(images/c/c8/SkinDefault_TabOnCenter.png) !important;		background-image: url(images/c/c8/SkinDefault_TabOnCenter.png) !important;
	}		}

	/* right */		/* right */
	nav.~~vectorTabs~~ ul li.selected a {		nav.vector-menu-tabs ul li.selected a {
	background-image: url(images/c/c0/SkinDefault_TabOnRight.png) !important;		background-image: url(images/c/c0/SkinDefault_TabOnRight.png) !important;
	}		}

	/* disable text coloring for selected tabs */		/* disable text coloring for selected tabs */
	nav.~~vectorTabs~~ ul li.selected * {		nav.vector-menu-tabs ul li.selected * {
	color: #4d4743 !important;		color: #4d4743 !important;
	}		}

	/* force text coloring for uncreated tabs */		/* force text coloring for uncreated tabs */
	nav.~~vectorTabs~~ ul li.selected.new * {		nav.vector-menu-tabs ul li.selected.new * {
	color: #733c17 !important;		color: #733c17 !important;
	}		}

Boba: screw it, just do this for now

2025-08-25T03:31:21Z

screw it, just do this for now

New page

/* ======== */
/* SKINNING */
/* ======== */
@keyframes slide {
0%{
background-position: 0px 0px;
}
100%{
background-position: -1023px 0px;
}
}

/* scrolling top bg - Width/6 = A, A/2 = B, Width/B = 12 */
#mw-page-base {
background: url(images/1/14/SkinHSP_Background.png) 0% 0% repeat;
image-rendering: crisp-edges;
animation: slide 85.25s linear infinite;
}

/* replace logo with hq logo because we're epic */
.mw-wiki-logo {
background-image: url(images/0/0d/SkinDefault_Logo.png) !important;
}

.logo-text {
background-image: url(images/3/36/SkinDefault_LogoText.png) !important;
}

/* logo bg */
#p-logo
{
background: url(images/5/59/SkinDefault_SidebarTop.png) repeat-y #f1f0ef !important;
}

/* main content bg and borders */
#content {
background: url(images/5/59/SkinDefault_Content.png) repeat-x #fdfdfd !important;
}

/* sidebar background */
body {
background: url(images/5/5a/SkinDefault_Sidebar.png) repeat-y #f1f0ef !important;
}

/* sidebar custom color */
ul.vector-menu-content-list li a {
color: #27211c !important;
}

/* sidebar separator */
h3#p-tb-label {
background-image: url(images/0/04/SkinDefault_Separator.png) !important;
}

/* font and whatnot */
nav.vectorTabs ul li * {
color: #EDECEB !important;
font-family: "OMORI_GAME2" !important;
}

/* bright on hover */
nav.vectorTabs ul li:hover * {
color: #ffffff !important;
}

/* UNSELECTED TAB */
/* tab positioning and left */
nav.vectorTabs ul li {
background-image: url(images/5/5a/SkinDefault_TabOffLeft.png) !important;
}

/* center */
nav.vectorTabs ul li:before {
background-image: url(images/0/04/SkinDefault_TabOffCenter.png) !important;
}

/* tab positioning and right */
nav.vectorTabs ul li a {
background-image: url(images/3/31/SkinDefault_TabOffRight.png) !important;
}

/* UNCREATED TAB */
/* left */
nav.vectorTabs ul li.new {
background-image: url(images/8/82/SkinDefault_TabNewLeft.png) !important;
}

/* center */
nav.vectorTabs ul li.new:before {
background-image: url(images/3/3a/SkinDefault_TabNewCenter.png) !important;
}

/* right */
nav.vectorTabs ul li.new a {
background-image: url(images/d/de/SkinDefault_TabNewRight.png) !important;
}

/* SELECTED TAB */
/* left */
nav.vectorTabs ul li.selected {
background-image: url(images/7/76/SkinDefault_TabOnLeft.png) !important;
}

/* center */
nav.vectorTabs ul li.selected:before {
background-image: url(images/c/c8/SkinDefault_TabOnCenter.png) !important;
}

/* right */
nav.vectorTabs ul li.selected a {
background-image: url(images/c/c0/SkinDefault_TabOnRight.png) !important;
}

/* disable text coloring for selected tabs */
nav.vectorTabs ul li.selected * {
color: #4d4743 !important;
}

/* force text coloring for uncreated tabs */
nav.vectorTabs ul li.selected.new * {
color: #733c17 !important;
}

/* MORE TAB */
/* left */
nav.vectorMenu {
background-image: url(images/5/5a/SkinDefault_TabOffLeft.png) !important;
}

/* center */
h3#p-cactions-label::before {
background-image: url(images/0/04/SkinDefault_TabOffCenter.png) !important;
}

/* right - this is really hacky and will break in an update guaranteed */
nav#p-cactions.vector-menu.vector-menu-dropdown.vectorMenu::after {
background-image: url(images/3/31/SkinDefault_TabOffRight.png) !important;
}

/* more tab font */
nav.vectorMenu h3 span {
color: #EDECEB;
font-family: 'OMORI_GAME2';
}

/* replace default more down arrow */
h3#p-cactions-label:after {
background-image: url(images/7/7c/SkinDefault_MoreArrow.png) !important;
}

/* more dropdown menu bg */
nav.vectorMenu ul {
background-image: url(images/3/33/SkinDefault_MoreDropdown.png) !important;
background-color: #676562 !important;
}

/* more dropdown color forcing */
nav#p-cactions.vector-menu.vector-menu-dropdown.vectorMenu ul li a {
color: #EDECEB !important;
}

/* SEARCH TAB */
/* left */
#p-search {
background-image: url(images/5/5a/SkinDefault_TabOffLeft.png) !important;
}

/* center */
#p-search form#searchform {
background-image: url(images/0/04/SkinDefault_TabOffCenter.png) !important;
}

/* right */
#p-search::after {
background-image: url(images/3/31/SkinDefault_TabOffRight.png) !important;
}

/* search input */
#searchInput {
background: #666361 !important;
color: #FFFFFF !important;
}

/* search input placeholder color */
#searchInput::placeholder {
color: #C7C6C5 !important;
}

/* search button */
#searchButton {
background-image: url(images/1/17/SkinDefault_ButtonSearch.png) !important;
}

/* external link colors */
.mw-parser-output a.external {
color: #0b0080;
}

.mw-parser-output a.extiw:visited, .mw-parser-output a.external:visited {
color: #0b0080;
}

/* ======== */
/* COLORING */
/* ======== */
/* generic colors */
.theme-generic-light {
background: #FCF6FE;
color: #000000;
}

.theme-generic-dark {
background: #DDB5FF;
color: #000000;
}

.theme-generic-darkest {
background: #5C347F;
color: #000000;
}

.theme-generic-border {
border: 1px solid #5C347F !important;
}

.theme-generic-border-bottom {
border-bottom: 1px solid #5C347F !important;
}

/* ambox divider */
table.ambox-divider,td.ambox-divider {
border-left: 10px solid #5C347F;
}