Difference between revisions of "MediaWiki:Headspace.css"

Revision as of 23:13, 1 March 2022

/* ========= */
/* SKINNING */
/* ========= */
/* fonts */
@font-face {
	font-family: 'OMORI_GAME';
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url(/static/OMORI_GAME.woff2) format('woff2');
}

@font-face {
	font-family: 'OMORI_GAME2';
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url(/static/OMORI_GAME2.woff2) format('woff2');
}

@keyframes slide {
	0%{
		background-position: 0px 0px;
	}
	100%{
		background-position: -1023px 0px;
	}
}

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

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

/* scrolling top bg */
#mw-page-base {
	background: url(images/5/50/SkinDW_Background.png) 0% 0% repeat;
	image-rendering: crisp-edges;
	animation: slide 100s linear infinite;
}

/* 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;
}

/* footer */
footer#footer.mw-footer {
	margin-left: 10em;
	border-left: 1px solid #7F7F7F !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;
	background-position: bottom left !important;
	background-repeat: no-repeat !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;
	background-position: bottom right !important;
	background-repeat: no-repeat !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;
	background-position: bottom left !important;
	background-repeat: no-repeat !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;
	background-position: bottom right !important;
	background-repeat: no-repeat !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;
	background-repeat: no-repeat;
}

/* 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;
	background-repeat: no-repeat;
	background-position: top right;
}

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

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

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

/* SEARCH TAB */
/* search bg */
#p-search {
	background-image: url(images/c/c4/SkinDefault_TabSearch.png) !important;
	background-position: bottom !important;
	background-repeat: no-repeat !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;
	background-position: top !important;
	background-repeat: no-repeat !important;
}

/* search button hover */
#searchButton:hover {
	background-position: 0px -18px !important;
}

/* main page styling */
.mp-content-table {
	background: #FCF6FE;
	border: 1px solid #5C347F;
}

.mp-content-header {
	background: #DDB5FF;
	border-bottom: 1px solid #5C347F;
	color: #000000;
}

div.mp-content-header-alt {
	background: #DDB5FF;
	border-bottom: 1px solid #5C347F;
	color: #000000;
}

.mp-content-spacer {
	background: #5C347F;
}