MediaWiki:Vector.css: Difference between revisions
From Destinypedia, the Destiny wiki
No edit summary |
No edit summary |
||
Line 15: | Line 15: | ||
/* General */ | /* 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 { | tt, code, pre { | ||
background: #555; | background: #555; | ||
Line 23: | Line 36: | ||
#mw-page-base { | #mw-page-base { | ||
background: none; | 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; | |||
} | } | ||
Line 30: | Line 76: | ||
} | } | ||
.editOptions { | .editOptions { | ||
background-color: # | background-color: #666; | ||
} | } | ||
Line 53: | Line 99: | ||
.client-js #preferences fieldset { | .client-js #preferences fieldset { | ||
color: #000; | color: #000; | ||
} | } | ||
Line 75: | Line 118: | ||
.not-patrolled { | .not-patrolled { | ||
background-color: #0064; | 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 */ | /* Font color */ | ||
h1, h2, h3, h4, h5, h6, div#mw-panel div.portal h3 | h1, h2, h3, h4, h5, h6, div#mw-panel div.portal h3 { | ||
color: #fff; | 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 | 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; | color: #009CFF !important; | ||
} | } | ||
Line 112: | Line 174: | ||
list-style-image: none; | list-style-image: none; | ||
} | } | ||
#toc, .toc, div.thumbinner, li.gallerybox div.thumb, | #toc, .toc, div.thumbinner, li.gallerybox div.thumb, .tabcontainer, .tabtoc li.selected, .mw-datatable td, .catlinks { | ||
background: #404040; | |||
.tabcontainer, .tabtoc li.selected | |||
.catlinks { | |||
background: # | |||
} | } | ||
.mw-datatable th { | .mw-datatable th { | ||
Line 175: | Line 228: | ||
} | } | ||
.user-board-message-from { | .user-board-message-from { | ||
background: #222 | background: #222; | ||
} | } | ||
.user-board-message { | .user-board-message { | ||
background: #404040 | background: #404040; | ||
} | } | ||
.random-users-avatars h2 { | .random-users-avatars h2 { | ||
Line 197: | Line 250: | ||
color: #fff !important; | color: #fff !important; | ||
border: 1px solid #fff !important; | border: 1px solid #fff !important; | ||
} | } | ||
.infoboxheading { | .infoboxheading { | ||
color: #fff !important; | color: #fff !important; | ||
background-color: # | background-color: #555 !important; | ||
} | } | ||
.infoboxsubheading { | .infoboxsubheading { | ||
color: #fff !important; | color: #fff !important; | ||
background-color: # | background-color: #555 !important; | ||
} | } | ||
.infoboxcell { | .infoboxcell { | ||
color: #fff !important; | color: #fff !important; | ||
background-color: # | background-color: #666 !important; | ||
border-top: 1px solid #fff !important; | border-top: 1px solid #fff !important; | ||
border-bottom: 1px solid #fff !important; | border-bottom: 1px solid #fff !important; | ||
Line 221: | Line 267: | ||
.infoboxlabel { | .infoboxlabel { | ||
color: #fff !important; | color: #fff !important; | ||
background-color: # | background-color: #666 !important; | ||
border-top: 1px solid #fff !important; | border-top: 1px solid #fff !important; | ||
border-bottom: 1px solid #fff !important; | border-bottom: 1px solid #fff !important; | ||
Line 244: | Line 290: | ||
.navbox-list { | .navbox-list { | ||
color: #fff !important; | color: #fff !important; | ||
background-color: # | background-color: #555 !important; | ||
border-left: 2px solid # | border-left: 2px solid #555 !important; | ||
} | } | ||
.navbox a.selflink { | .navbox a.selflink { | ||
Line 270: | Line 316: | ||
/* Image licenses */ | /* Image licenses */ | ||
.image { | |||
background-color: #555 !important; | background-color: #555 !important; | ||
color: #fff !important; | color: #fff !important; | ||
Line 329: | Line 375: | ||
/* Fixes */ | /* Fixes */ | ||
.no-info-container { | .no-info-container { | ||
background-color: #555 | background-color: #555; | ||
color: #fff; | color: #fff; | ||
} | } |
Revision as of 18:20, August 19, 2019
/**********************/
/* 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 */
.diff-context {
background: #404040;
border-color: #a2a9b1;
color: #fff;
}
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;
}
#pagehistory li {
border: none;
}
pre, .mw-code {
background: rgba(242,242,242,0.7);
}
.tocnumber, #toc #toctitle, .toc #toctitle, #toc .toctitle, .toc .toctitle,
#contentSub, #contentSub2, .history-size, #pagehistory li.selected, .postedit-container {
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;
}
.noticebox {
color: #fff !important;
background: #333 !important;
border-color: #444 !important;
}
.noticebox td {
color:#fff !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-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;
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
}