MediaWiki:Vector.css

/**********************/
/* Not So Dark Vector */
/**********************/

/* Hide sidebar items */
li#n-Gameplay,
li#n-Related-sites {
	display: none;
}

/* External self-links */
a.external[href^="https://www.halopedia.org"] {
	background: none;
	padding: 0;
}

/* Main background */
body, div#mw-head {
	background: #222 url(/images/c/c2/H5-Map_Forge-Parallax_halo_03.PNG) no-repeat fixed top; 
}

/* Special:WikiForum */
table.mw-wikiforum-frame,
td.mw-wikiforum-title,
tr.mw-wikiforum-marked,
td.mw-wikiforum-thread-sub {
	background: #333 !important;
}
tr.mw-wikiforum-sticky td.mw-wikiforum-title,
tr.mw-wikiforum-sticky,
tr.mw-wikiforum-normal,
td.mw-wikiforum-thread-main,
.mw-wikiforum-frame blockquote {
	background: #444 !important;
}
.mw-wikiforum-frame #wpTextbox1 {
	color: #fff !important;
	background: #444 !important;
}
tr.mw-wikiforum-title,
th.mw-wikiforum-thread-top {
	background: #555 !important;
}
/* Halo fixes */
.rootpage-Data_Drop #mw-content-text table {
	background: #444 !important;
}
#jump-template {
	background: #333 !important;
}

/* Vector elements */
h1, h2, h3, h4, h5, h6, div#mw-panel div.portal h3, .tocnumber,
.profile-info-container b, .profile-info-container div {
	color: #fff;
}
#p-logo a, #p-logo a:hover {
	height: 175px;
}
#title-linktabs { 
	top: -30px;
}
.rc-floatlinks {
	font-size: 85%;
	line-height: 21px;
}
#rc-welcome, .needed-points {
	background: #333 !important;
	color: #fff;
}
body.page-Main_Page #footer-info-lastmod { 
	display: none;
}
#WhosOnlineDiv {
	margin-bottom: -7px;
}
/* Site notice */
#siteNotice {
	margin-bottom: 8px;
		border: 2px solid #708090;
		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: #333;
	color: #fff;
}
div#footer {
	background-color: #333;
	border: 1px solid #666;
	background: linear-gradient(rgba(34,34,34,.2), rgba(38,38,38,1));
}
#bodyContent {
	background: none !important;
}
/* Tabs */
div.vectorTabs ul > li {
	background: #333; /* For browsers that do not support gradients */
	background: linear-gradient(rgba(34,34,34,.2), rgba(38,38,38,1));
}
div.vectorTabs li.selected {
	background: #444; /* For browsers that do not support gradients */
	background: linear-gradient(rgba(34,34,34,.2), rgba(51,51,51,1));
}
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;
}
/* 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 {
	background: #444 !important;
	color: #fff !important;
}
.mw-ui-input, .mw-ui-button {
	background: #555 !important;
	color: #fff !important;
	border-color: #666 !important;
	box-shadow: inset 0 0 0 0.1em #333 !important;
}
/* 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;
}
.noticebox, .noticebox td, .noticebox td font, .noticebox div,
.darker, .darker tr, .darker td,
table.wikitable,
table.plainlinks,
.scrollbox {
	color: #fff !important;
}

/* General */
.darker th {
	color: #fff !important;
}
.darker, .darker th {
	background: #444 !important;
}
.darker tr, .darker td {
	background: #555 !important;
}
tt, code {
	background: #555;
	color: #fff;
	border: none;
	font-family: monospace, sans-serif;
}
#mw-page-base {
	background: none;
}

/* Special:Search */
#mw-searchoptions, .mw-search-profile-tabs {
	background: #333 !important;
	color: #fff !important;
}
.search-types .current a {
	color: #fff !important;
	font-weight: bold;
}

/* Edit page */
#editpage-copywarn a, .editOptions .editHelp a {
	color: #fff !important;
}
#wpTextbox0 {
	background-color: #eee !important;
}
#wpTextbox1 {
	background-color: #eee;
	color: #000;
}
.wikiEditor-ui-toolbar {
	background: #BBB !important;
}
.wikiEditor-ui-toolbar .sections .section {
	background: #DDD !important;
}
.wikiEditor-ui-toolbar .booklet .index .current {
	background: #999 !important;
}
.wikiEditor-ui-toolbar .tabs span.tab a, .wikiEditor-ui-toolbar .tabs span.tab a:visited,
.wikiEditor-ui-toolbar .group .tool-select .label, .wikiEditor-ui-toolbar .group .tool-select .options .option {
	color: #111 !important;
}
.wikiEditor-ui-toolbar .booklet .index div,
#wikiEditor-section-help h2, #wikiEditor-section-help h3, 
#wikiEditor-section-help h4, #wikiEditor-section-help h5 {
	color: #333 !important;
}
.wikiEditor-ui-toolbar .page-characters div span:hover {
	border-color: #333;
}
.wikiEditor-preview-contents {
	background-color: #333;
}
.editOptions {
	background-color: #999;
}

/* Images */
.filehistory a img, #file img {
	background: url(/images/checker-dark.png) repeat !important;
}
ul#filetoc {
	text-align: center;
	border: 1px solid #666;
	background-color: #444;
}
table.filehistory td {
	vertical-align: top;
	background-color: #333;
	color: #fff;
}
table.wikitable > * > tr > th,
table.plainlinks > * > tr > th {
	color: #fff;
	background-color: #555;
	text-align: center;
}
table.wikitable,
table.plainlinks,
table.wikitable td,
table.plainlinks td {
	background: #333 !important;
}

/* Interface elements */
.client-js #preferences fieldset {
	color: #fff !important;
}
fieldset {
	border-color: #999 !important;
}
input[type="submit"], input[type="button"], button[type="submit"] {
	border: 1px solid #c8ccd1;
	padding: 2px 10px;
	background: #333 !important;
	color: #fff !important;
}
input[type="submit"]:hover, input[type="button"]:hover, button[type="submit"]:hover {
	background: #444 !important;
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
	border: none !important;
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button {
	background-color: #d33 !important;
}
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:focus:checked + span,
.client-js .mw-ui-checkbox:not(#noop) [type="checkbox"]:enabled:checked + label::before,
.client-js .mw-ui-checkbox:not(#noop) [type="checkbox"]:enabled:focus:checked + label::before {
	background-color: #333;
	border-color: #333;
}
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:focus + span,
.client-js .mw-ui-checkbox:not(#noop) [type="checkbox"]:enabled:focus + label::before {
	box-shadow: inset 0 0 0 1px #555;
}
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:focus + span,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:hover + span,
.client-js .mw-ui-checkbox:not(#noop) [type="checkbox"]:enabled:focus + label::before,
.client-js .mw-ui-checkbox:not(#noop) [type="checkbox"]:enabled:hover + label::before {
	border-color: #555;
}
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:hover + span,
.client-js .mw-ui-checkbox:not(#noop) [type="checkbox"]:enabled:checked:hover + label::before {
	background-color: #555;
	border-color: #555;
}
.oo-ui-menuSelectWidget,
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle {
	background: #333 !important;  
	color: #fff !important;
}
.oo-ui-optionWidget.oo-ui-labelElement .oo-ui-labelElement-label {
	color: #fff !important;
}
.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected,
.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted {
	background: #666 !important;
}
.oo-ui-indicator-down {
	background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2212%22 height=%2212%22 viewBox=%220 0 12 12%22%3E%3Ctitle%3Edown%3C/title%3E%3Cpath fill=%22%23fff%22 d=%22M11.05 3.996l-.965-1.053-4.035 3.86-3.947-3.86L1.05 3.996l5 5 5-5%22/%3E%3C/svg%3E");
}
.mw-ui-button.mw-ui-progressive,
#mw-createaccount-join {
	background: #333 !important;
	border: 2px solid #666 !important;
}
.mw-ui-button.mw-ui-progressive:hover,
#mw-createaccount-join:hover{
	background: #444 !important;
	border-color: #777 !important;
}
#mw-createaccount-join {
	color: #fff !important;
}
#wpEmail, .createboxInput {
	box-shadow: none !important;
}
.postedit-container {
	color: #fff !important;
}
.postedit:after {
	background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E %3Cpath fill=%22%23fff%22 d=%22M3.636 2.222l14.142 14.142-1.414 1.414L2.222 3.636z%22/%3E %3Cpath fill=%22%23fff%22 d=%22M17.778 3.636L3.636 17.778l-1.414-1.414L16.364 2.222z%22/%3E %3C/svg%3E");
}
.mw-number-text {
	color: #888 !important;
}
.htmlform-tip {
	color: #999 !important;
}

/* Revisions */
.diff-context {
	background: #404040;
	border-color: #a2a9b1;
	color: #fff;
}
.diff-deletedline {
	border-color: orange !important;
}
.diff-addedline {
	border-color: cornflowerblue !important;
}
td.diff-addedline .diffchange {
	background: darkgreen !important;
}
td.diff-deletedline .diffchange {
	background: darkred !important;
}
.mw-notification {
	background-color: #333 !important;
}
.not-patrolled {
	background-color: #0064;
}

/* Font color */
a:not(.oo-ui-buttonElement-button), div#mw-panel div.portal div.body ul li a, div.vectorTabs li.selected a, div.vectorTabs li a, div.vectorMenu li a, div.vectorMenu h3 span {
	color: #009CFF !important;
}
.mw-body a.extiw, .mw-body a.extiw:active, .mw-body a.external {
	color: #54BDFF !important;
}
a:visited {
	color: #0083D7;
}
div.vectorTabs li.new a, div.vectorTabs li.new a:visited, a.new {
	color: #ff1a1a !important;
}
div#footer ul li {
	color: #CECECE;
}
.mw-warning {
	color: #fff;
	background-color: #555;
}

/* Recent changes */
.mw-plusminus-neg {
	color: #ff1a1a;
}
.mw-plusminus-pos {
	color: #33cc33;
}

/* Miscellaneous */
ul { /* Bulleted list */
	list-style-image: none;
}
#toc, .toc, div.thumbinner, li.gallerybox div.thumb, .tabcontainer, .tabtoc li.selected, .mw-datatable td, .mw_metadata th {
	background: #333;
}
ul.mw-gallery-packed-hover li.gallerybox:hover div.gallerytextwrapper, ul.mw-gallery-packed-overlay li.gallerybox div.gallerytextwrapper, ul.mw-gallery-packed-hover li.gallerybox.mw-gallery-focused div.gallerytextwrapper {
	background: rgba(255,255,255,0.2);
}
.tabsection div, .tabsection table {
	color: #fff !important;
	background: #444 !important;
}
.tabtoc li a {
	color: #fff !important;
}
#Uploadtext, .mw-widget-dateInputWidget-handle, input.mw-input, .mw-input input:not([type="file"]), .mw-input textarea, select, .mw-input-with-label input, input[type="number"], input[type="text"] {
	background: #333 !important;
	color: #fff !important;
}
input:not([type]), textarea {
	background: #333;
	color: #fff;
}
.boilerplate {
	background: #666 !important;
	color: #fff !important;
	border-color: #999 !important;
}
.mw_metadata td, ol.references li:target, sup.reference:target {
	background: #444;
}
.catlinks {
	background: #333 !important;
}
.mw-datatable th {
	background: #303030;
}
.mw-datatable tr:hover td, #pagehistory li.selected {
	background: #0064;
}
#pagehistory li {
	border: none;
}
pre {
	color: #fff;
	background: #444;
}
.mw-code {
	color: #000;
	background: rgba(242,242,242,0.8);
}
#toc #toctitle, .toc #toctitle, #toc .toctitle, .toc .toctitle,
#contentSub, #contentSub2, .history-size, #pagehistory li.selected {
	color: #fff;
}
div#imageLicenseText {
	color: #000;
}
.oo-ui-dropdownWidget-handle {
	color: #000;
}
.oo-ui-optionWidget.oo-ui-labelElement .oo-ui-labelElement-label {
	color: #000;
}

/* Social profile */
input.site-button,
select#message_type,
textarea#message,
div.page-nav a,
.mw-special-UpdateProfile input,
.mw-special-UpdateProfile select,
.mw-special-UpdateProfile textarea,
.mw-special-EditProfile input,
.mw-special-EditProfile select,
.mw-special-EditProfile textarea {
	color: #fff !important;
	background: #333 !important;
}
.page-nav a:hover,
input.site-button:hover {
	background: #444 !important;
}
input.site-button {
	border: 1px solid #c8ccd1;
	padding: 2px 10px;
}
.random-users-avatars h2 {
	color: #fff !important;
}
#profile-toggle-button {
	border-radius: 1em;
	background: #666;
	border: 2px solid #708090;
}
#profile-toggle-button a {
	color: #fff !important;
}
.profile-on {
	background-color: #2e2e2e; 
}
.profile-tab-on {
	background-color: #666;
	color: #fff !important;
	border: 1px solid #fff;
}
.profile-tab {
	border: 1px solid #fff;
	background-color: #2e2e2e;
}
.profile-tab-on a, .profile-tab a {
	color: #0645ad !important;
}
.profile-tab a:hover, .profile-update-title {
	color: #fff !important;
}
#profile-image img,
.user-relationship-container img,
.user-gift-container img,
.user-board-message {
	background: #333 !important;
}
.user-board-message-from {
	background: #444 !important;
}
.random-users-avatars h2 {
	color: #000;
}
.mp-welcome-image img {
	background: #333 !important;
}
.top-fan-nav h1 {
	color: #fff;
}
#points-level a {
	color: #fff !important;
}

/* Infobox and navbox color override */
.infobox {
	color: #fff !important;
	border: 1px solid #fff !important;
	background-color: #444 !important;
}
.infobox tr, .infobox td {
	color: #fff !important;
	border-color: #fff !important;
	background: #333 !important;
}
.infobox tr th, .infobox tr td[colspan="2"], .infobox tr td[colspan="3"] {
	color: #fff !important;
	background-color: #666 !important;
}
.infoboxheading {
	color: #fff !important;
	background-color: #333 !important;
}
.infoboxsubheading {
	color: #fff !important;
	background-color: #333 !important;
}
.infoboxcell {
	color: #fff !important;
	background-color: #333 !important;
	border-top: 1px solid #fff !important;
	border-bottom: 1px solid #fff !important;
}
.infoboxlabel {
	color: #fff !important;
	background-color: #333 !important;
	border-top: 1px solid #fff !important;
	border-bottom: 1px solid #fff !important;
}
.navbox {
	color: #fff !important;
	background-color: #333 !important;
	border:1px solid #fff !important;
}
.navbox-group {
	color: #fff !important;
	background-color: #333 !important;
	border-right: 1px solid #333 !important;
}
.navbox-title, .navbox div {
	color: #fff !important;
	background-color: #333 !important;
}
.navbox-title.light, .navbox-title.light a, .navbox-title.light span, .navbox span {
	color: #fff !important;
}
.navbox-list {
	color: #fff !important;
	background-color: #333 !important;
	border-left: 2px solid #333 !important;
}
.navbox a.selflink, .navbox a.mw-collapsible-text, .navbox div, .navbox div span {
	color: #fff !important;
}
.toccolours {
	color: #fff !important;
	background: #333 !important;
}
.toccolours td {
	color: #fff !important;
	background: #333 !important;
}
.toccolours th:first-of-type,
.toccolours tr:first-of-type td {
	color: #fff !important;
	background: #444 !important;
}
.toccolours font {
	color: #fff !important;
}
.plainlinksneverexpand, .plainlinksneverexpand span {
	background: #333 !important;
}
.noticebox {
	background: #333 !important;
	border-color: #444 !important;
}
.noticebox div {
	background: #333 !important;
	border: none !important;
}

/* Forums */
.forum {
	background-color: #444 !important;
	border: 1px solid #fff !important;
	color: #fff !important;
}

/* Image licenses */
table.image {
	background-color: #555 !important;
	color: #fff !important;
	border-color: #888 !important;
}
div#imageLicenseText {
	background-color: #555 !important;
	color: #fff !important;
}
div#imageLicense.boilerplate {
	background-color: #555 !important;
}

/* Page previews */
.mwe-popups {
	background: #404040;
}
.mwe-popups.flipped_y:after {
	border-top: 11px solid #404040;
}
.mwe-popups.mwe-popups-no-image-tri:after {
	border-bottom: 11px solid #404040;
}
.mwe-popups .mwe-popups-container a {
	color: #fff !important;
}
.mwe-popups-settings-icon:hover {
	background-color: #333;
}
.mwe-popups-settings-icon:active {
	background-color: #666;
}
.mwe-popups .mwe-popups-extract[dir='ltr']:after {
	background-image: linear-gradient(to right,rgba(255,255,255,0),#404040 50%);
}
.mwe-popups .mwe-popups-extract[dir='rtl']:after {
	background-image: linear-gradient(to left,rgba(255,255,255,0),#404040 50%);
}

/* Reference tooltips */
.rt-tooltip {
	color: #fff;
	border-color:#404040;
	background: #404040;
}
.rt-tooltipTail {
	background: #888;
}
.rt-tooltipTail:after {
	background: #404040;
}
.rt-settingsLink:hover {
	background-color: #333;
}
.rt-settingsLink:active {
	background-color: #666;
}

/* Fixes */
.no-info-container {
	background-color: #555 !important;
	color: #fff;
}
#containerTem {
	border-radius:0.5em;
	border: 1px solid #DCDCDC;
	background: #222;
	color:#fff;
}
.scrollbox {
	background: #333 !important;
}

/* Social talk tabs */
.ns-200 #ca-talk a,
.ns-202 #ca-talk a {
	color: #009CFF !important
}