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: -8px;
}

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

#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%);
}

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