MediaWiki:Vector.css

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.
/**********************/
/* Not So Dark Vector */
/**********************/

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

/* Main background */
body, div#mw-head {
	background: #222 url(/images/f/f4/Ocean_of_storms_desktop.jpg) no-repeat fixed top; 
}

/* General */
#p-logo a, #p-logo a:hover {
	height: 175px;
}
#title-linktabs { 
	top: -30px;
}
.rc-floatlinks {
	font-size: 85%;
	line-height: 21px;
}
body.page-Main_Page #footer-info-lastmod { 
	display: none;
}
tt, code, pre {
	background: #555;
	color: #fff;
	border: none;
	font-family: monospace, sans-serif;
}
#mw-page-base {
	background: 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;
}

/* Edit page */
.wikiEditor-preview-contents {
	background-color: #333;
}
.editOptions {
	background-color: #666;
}

/* Images */
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 {
	color: #fff;
	background-color: #555;
	text-align: center;
}

/* Preferences */
.client-js #preferences fieldset {
	color: #000;
}

/* Revisions */
td.diff-deletedline .diffchange {
	background: #fc0000;
}
td.diff-addedline .diffchange {
	background: #00e64d;
}
.mw-notification {
	background-color: #333 !important;
}
.not-patrolled {
	background-color: #0064;
}

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

/* Font color */
h1, h2, h3, h4, h5, h6, div#mw-panel div.portal h3 {
	color: #FFF;
}
a:not(.oo-ui-buttonElement-button), .mw-body a.extiw, .mw-body a.extiw:active, 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, .mw-body a.external {
	color: #009CFF !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, .catlinks {
	background: #404040;
}
.mw-datatable th {
	background: #303030;
}
.mw-datatable tr:hover td, #pagehistory li.selected {
	background: #0064;
}
pre, .mw-code {
	background: rgba(242,242,242,0.7);
}
#toc #toctitle, .toc #toctitle, #toc .toctitle, .toc .toctitle {
	color: #000;
}
.tocnumber, #contentSub, #contentSub2 {
	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 */
#profile-toggle-button {
	border-radius:1em;
	background:#666;
	border: 2px solid #708090;
}
.profile-info-container b, .profile-info-container div {
	color: #FFF;
}
.profile-on {
	background-color: #2e2e2e; 
}
.profile-tab-on {
	background-color: #2e2e2e;
	color: #ffffff !important;
	border: 1px solid #fff;
}
.profile-tab {
	border: 1px solid #fff;
	background-color: #2e2e2e;
}
.profile-tab-on a, .profile-tab a {
	color: #0645ad !important;
}
.user-board-message-from {
	background: #222;
}
.user-board-message {
	background: #404040;
}
.random-users-avatars h2 {
	color: #000;
}
#rc-welcome {
	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;
}
.infoboxheading {
	color: #fff !important;
	background-color: #555 !important;
}
.infoboxsubheading {
	color: #fff !important;
	background-color: #555 !important;
}
.infoboxcell {
	color: #fff !important;
	background-color: #666 !important;
	border-top: 1px solid #fff !important;
	border-bottom: 1px solid #fff !important;
}
.infoboxlabel {
	color: #fff !important;
	background-color: #666 !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 {
	color: #fff !important;
	background-color: #333 !important;
}
.navbox-title.light, .navbox-title.light a, .navbox-title.light span {
	color: #fff !important;
}
.navbox-list {
	color: #fff !important;
	background-color: #555 !important;
	border-left: 2px solid #555 !important;
}
.navbox a.selflink {
	color: #fff !important;
}
.plainlinksneverexpand, .plainlinksneverexpand span {
	background: #333 !important;
}

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

/* Image licenses */
.image {
	background-color: #555 !important;
	color: #fff !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-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;
	color: #fff;
}
#containerTem {
	border-radius:0.5em;
	border: 1px solid #DCDCDC;
	background: #222;
	color:#fff;
}

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