MediaWiki:Vector.css: Difference between revisions

From Halopedia, the Halo wiki

No edit summary
No edit summary
Line 80: Line 80:


/* Vector elements */
/* Vector elements */
a.mw-logo { color: #fff !important; }
h1, h2 { border-color: #515860 !important; }
h1, h2 { border-color: #515860 !important; }
h1, h2, h3, h4, h5, h6, div#mw-panel nav.portal h3 {
h1, h2, h3, h4, h5, h6, div#mw-panel nav.portal h3 {
color: #fff;
color: #fff;
}
#p-logo a, #p-logo a:hover {
height: 175px;
}
}
#searchInput {
#searchInput {
Line 89: Line 91:
color: #fff
color: #fff
}
}
#p-logo a, #p-logo a:hover {
/* New Vector */
height: 175px;
a.mw-logo { color: #fff !important; }
.mw-header #mw-sidebar-button {
filter: invert(1);
}
}
/* Indicator icons */
/* Indicator icons */

Revision as of 02:08, February 6, 2022

/* CSS placed here will affect users of the Vector skin */

/* External self-links */
.mw-body a.external[href^="https://www.halopedia.org"] {
	color: #009CFF !important;
	background: none;
	padding: 0;
}
/* Main background */
body, div#mw-head {
	background: #222 url(https://halo.wiki.gallery/images/0/01/HP_Dark-bg.jpg) no-repeat fixed top; 
}
/* Halo fixes */
.action-view .bodySearchWrap .mw-ui-button {
	padding-bottom: 6.5px !important;
}
@-moz-document url-prefix() { 
	.action-view .bodySearchWrap .mw-ui-button {
		padding-top: 7px !important;
		padding-bottom: 6px !important;
	}
}

/* Larger headings */
.mw-body h1, .mw-body-content h1 { font-size: 2.00em; }
.mw-body h2, .mw-body-content h2 { font-size: 1.75em; }
.mw-body h3, .mw-body-content h3 { font-size: 1.45em; }
.mw-body h4, .mw-body-content h4 { font-size: 1.32em; }
.mw-body h5, .mw-body-content h5 { font-size: 1.15em; }
.mw-body h6, .mw-body-content h6 { font-size: 1.00em; }
.fakeh2 {
	font-family: 'Linux Libertine','Georgia','Times',serif;
	line-height: 1.3;
	padding: 0;
	margin: 1em 0 0.25em;
}
.tabcontainer .fakeh2:nth-of-type(2) {
	margin-top: 0.25em;
}
/* Link overrides */
a:not(.oo-ui-buttonElement-button), div#mw-panel nav.portal div.body ul li a {
	color: #009CFF !important;
}
a.new {
	color: #FF1A1A !important;
}
/* Button overrides */
input[type="submit"]:not(.searchButton), input[type="button"], button[type="submit"]:not(.mw-ui-button) {
	border: 1px solid #c8ccd1;
	padding: 2px 10px;
	background: #333 !important;
	color: #fff !important;
}
input[type="submit"]:not(.searchButton):hover, input[type="button"]:hover, button[type="submit"]:not(.mw-ui-button):hover {
	background: #444 !important;
}
.mw-body-content .mw-ui-input,
.mw-body-content .mw-ui-button {
	background: #555 !important;
	color: #fff !important;
	border-color: #666 !important;
	box-shadow: inset 0 0 0 0.1em #333 !important;
}

/* Main page */
body.page-Main_Page.action-view #footer-info-lastmod {
	display: none !important;
}
body .containerTem, body .containerContent,
.containerTem div:not(.nomobile):not(.center-template),
table.affiliates.plainlinks, table.affiliates.plainlinks th {
	background: #444 !important;
	color: #fff !important;
}

/* Widget popups */
.oo-ui-popupWidget-body-padded {
	margin-top: 6px;
}

/* Vector elements */
h1, h2 { border-color: #515860 !important; }
h1, h2, h3, h4, h5, h6, div#mw-panel nav.portal h3 {
	color: #fff;
}
#p-logo a, #p-logo a:hover {
	height: 175px;
}
#searchInput {
	background: #333;
	color: #fff
}
/* New Vector */
a.mw-logo { color: #fff !important; }
.mw-header #mw-sidebar-button {
	 filter: invert(1);
}
/* Indicator icons */
.mw-indicators {
	top: 8px;
}
#mw-indicator-rc {
	top: 16px;
	font-size: 85%;
}
/* Site notice */
#siteNotice {
	margin-bottom: 8px;
	border: 2px solid #808080;
	border-radius: 1em;
}
/* Sidebar */
#mw-panel .portal-first h3 {
	display: block;
}
div#mw-panel nav.portal {
	border-radius: 0.5em;
	border: 1px solid #DCDCDC;
	background: #222;
	margin-bottom: 10px;
}
/* Article background */
.mw-body {
	border: 1px solid #777;
	background-color: #2a2a2a;
	color: #fff;
}
footer#footer {
	background-color: #2a2a2a;
	border: 1px solid #666;
	background: linear-gradient(rgba(34,34,34,.2), #262626);
}
.mw-footer li {
	color: #fff;
}
#bodyContent {
	background: none !important;
}
/* Tabs */
nav.vector-menu li a, #p-cactions-label span,
nav.vectorTabs li.selected a, nav.vectorTabs li a {
	color: #009CFF !important;
}
nav.vectorTabs li.new a, nav.vectorTabs li.new a:visited {
	color: #FF1A1A !important;
}
nav.vectorTabs ul > li {
	background: #2a2a2a; /* For browsers that do not support gradients */
	background: linear-gradient(rgba(34,34,34,.2), #262626);
}
nav.vectorTabs li.selected {
	background: #444; /* For browsers that do not support gradients */
	background: linear-gradient(rgba(34,34,34,.2), #2a2a2a);
}
nav.vectorTabs {
	border-left: 1px solid #777;
	background-image:none;
}
nav.vectorTabs span {
	border-right: 1px solid #777;
	background-image: none;
}
.vector-menu-dropdown .vector-menu-content-list {
	background: #444;
}
/* Misc */
.client-js #preftoc li {
	background: #333 !important;
}
#preferences, .client-js #preftoc li.selected a {
	background: #444 !important;
}
@-moz-document url-prefix() { 
	.bodySearchWrap .mw-ui-button, .createboxButton {
		padding-bottom: 6px !important;
	}
}
.mw-content-ltr .redirectText li:first-child {
	background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2247%22 height=%2220%22 viewBox=%220 0 47 20%22%3E %3Cpath fill=%22none%22 stroke=%22%23fff%22 stroke-width=%222%22 stroke-miterlimit=%2210%22 d=%22M14.98 2.5V11c0 1.04 1.02 1.98 2.02 1.98h6l3 .02%22/%3E %3Cpath fill=%22%23fff%22 d=%22M23.48 9.5l.02 7L30 13z%22/%3E %3C/svg%3E") !important;
}
.noticebox, .noticebox td, .noticebox td font, .noticebox div,
.darker, .darker tr, .darker td, .darker div,
.history-size, #pagehistory li.selected,
table.wikitable,
table.plainlinks,
.scrollbox {
	color: #fff !important;
}