MediaWiki:Vector.css

From Halopedia, the Halo wiki

Revision as of 11:48, October 17, 2020 by Porplemontage (talk | contribs)

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.
/* CSS placed here will affect users of the Vector skin */

/* Hide sidebar items */
li#n-Gameplay,
li#n-Related-sites {
	display: none;
}
/* 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(/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 div.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 */
.page-Main_Page #mw-content-text .mw-parser-output div:not(.nomobile):not(.center-template),
.page-Main_Page #mw-content-text .mw-parser-output table.plainlinks th,
.page-Main_Page #mw-content-text .mw-parser-output table.plainlinks {
	background: #444 !important;
	color: #fff !important;
}

/* Vector elements */
h1, h2, h3, h4, h5, h6, div#mw-panel div.portal h3 {
	color: #fff;
}
#simpleSearch, #simpleSearch input {
	background: #333;
	color: #fff
}
#p-logo a, #p-logo a:hover {
	height: 175px;
}
body.page-Main_Page #footer-info-lastmod { 
	display: none;
}
/* 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 */
div#mw-panel div.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;
}
div#footer {
	background-color: #2a2a2a;
	border: 1px solid #666;
	background: linear-gradient(rgba(34,34,34,.2), #262626);
}
#bodyContent {
	background: none !important;
}
/* Tabs */
div.vectorMenu li a, div.vectorMenu h3 span,
div.vectorTabs li.selected a, div.vectorTabs li a {
	color: #009CFF !important;
}
div.vectorTabs li.new a, div.vectorTabs li.new a:visited {
	color: #FF1A1A !important;
}
div.vectorTabs ul > li {
	background: #2a2a2a; /* For browsers that do not support gradients */
	background: linear-gradient(rgba(34,34,34,.2), #262626);
}
div.vectorTabs li.selected {
	background: #444; /* For browsers that do not support gradients */
	background: linear-gradient(rgba(34,34,34,.2), #2a2a2a);
}
div.vectorTabs {
	border-left: 1px solid #777;
	background-image:none;
}
div.vectorTabs span {
	border-right: 1px solid #777;
	background-image: none;
}
div.vectorMenu div.menu {
	background: #444;
}
/* Misc */
.client-js #preftoc li {
	background: #333 !important;
}
#preferences, .client-js #preftoc li.selected a {
	background: #444 !important;
}
.client-js #preferences legend {
	color: #999 !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;
}