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 { | #p-logo a, #p-logo a:hover { | ||
height: 175px; | height: 175px; | ||
} | } | ||
#title-linktabs { | #title-linktabs { | ||
top: -30px; | top: -30px; | ||
} | } | ||
.rc-floatlinks { | .rc-floatlinks { | ||
font-size: 85%; | font-size: 85%; | ||
line-height: 21px; | line-height: 21px; | ||
} | } | ||
body.page-Main_Page #footer-info-lastmod { | body.page-Main_Page #footer-info-lastmod { | ||
display: none; | display: none; | ||
} | } | ||
tt, code, pre { | tt, code, pre { | ||
background: #555; | background: #555; | ||
Line 39: | Line 34: | ||
font-family: monospace, sans-serif; | font-family: monospace, sans-serif; | ||
} | } | ||
#mw-page-base { | #mw-page-base { | ||
background: none; | |||
} | } | ||
#WhosOnlineDiv { | #WhosOnlineDiv { | ||
margin-bottom: -8px; | margin-bottom: -8px; | ||
Line 49: | Line 42: | ||
/* Site notice */ | /* Site notice */ | ||
#siteNotice { | #siteNotice { | ||
margin-bottom: 8px; | margin-bottom: 8px; | ||
border: 2px solid #708090; | |||
border-radius: 1em; | |||
} | } | ||
/* Sidebar */ | /* Sidebar */ | ||
div#mw-panel div.portal { | div#mw-panel div.portal { | ||
border-radius: 0.5em; | |||
border: 1px solid #DCDCDC; | |||
background: #222; | |||
margin-bottom: 10px; | |||
} | } | ||
/* Article background */ | /* Article background */ | ||
.mw-body { | .mw-body { | ||
border: 1px solid #777; | |||
background-color: #333; | |||
color: #FFF; | |||
} | } | ||
div#footer { | div#footer { | ||
background-color: #333; | |||
border: 1px solid #666; | |||
background: linear-gradient(rgba(34,34,34,.2), rgba(38,38,38,1)); | |||
} | } | ||
#bodyContent { | #bodyContent { | ||
background: none !important; | |||
} | } | ||
/* Edit page */ | /* Edit page */ | ||
.wikiEditor-preview-contents { | .wikiEditor-preview-contents { | ||
background-color: #333; | |||
} | } | ||
.editOptions { | .editOptions { | ||
background-color: #666; | |||
} | } | ||
/* Images */ | /* Images */ | ||
ul#filetoc { | ul#filetoc { | ||
text-align: center; | |||
border: 1px solid #666; | |||
background-color: #444; | |||
} | } | ||
table.filehistory td { | table.filehistory td { | ||
vertical-align: top; | |||
background-color: #333; | |||
color: #fff; | |||
} | } | ||
table.wikitable > * > tr > th { | table.wikitable > * > tr > th { | ||
color: #fff; | |||
background-color: #555; | |||
text-align: center; | |||
} | } | ||
/* Preferences */ | /* Preferences */ | ||
.client-js #preferences fieldset { | .client-js #preferences fieldset { | ||
color: #000; | |||
} | } | ||
/* Revisions */ | /* Revisions */ | ||
td.diff-deletedline .diffchange { | td.diff-deletedline .diffchange { | ||
background: #fc0000; | |||
} | } | ||
td.diff-addedline .diffchange { | td.diff-addedline .diffchange { | ||
background: #00e64d; | |||
} | } | ||
.mw-notification { | .mw-notification { | ||
background-color: #333 !important; | |||
} | } | ||
.not-patrolled { | .not-patrolled { | ||
background-color: #0064; | |||
} | } | ||
/* Tabs */ | /* Tabs */ | ||
div.vectorTabs ul > li { | 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 { | 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 { | div.vectorTabs { | ||
border-left: 1px solid #777; | |||
background-image:none; | |||
} | } | ||
div.vectorTabs span { | div.vectorTabs span { | ||
border-right: 1px solid #777; | |||
background-image: none; | |||
} | } | ||
div.vectorMenu div.menu { | 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; | |||
} | } | ||
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 { | 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 { | a:visited { | ||
color: #0083D7; | |||
} | } | ||
div.vectorTabs li.new a, div.vectorTabs li.new a:visited, a.new { | div.vectorTabs li.new a, div.vectorTabs li.new a:visited, a.new { | ||
color: #ff1a1a !important; | |||
} | } | ||
div#footer ul li { | div#footer ul li { | ||
color: #CECECE; | |||
} | } | ||
.mw-warning { | .mw-warning { | ||
color: #fff; | |||
background-color: #555; | |||
} | } | ||
/* Recent changes */ | /* Recent changes */ | ||
.mw-plusminus-neg { | .mw-plusminus-neg { | ||
color: #ff1a1a; | |||
} | } | ||
.mw-plusminus-pos { | .mw-plusminus-pos { | ||
color: #33cc33; | |||
} | } | ||
/* Miscellaneous */ | /* Miscellaneous */ | ||
ul { /* Bulleted list */ | ul { /* Bulleted list */ | ||
list-style-image: none; | |||
} | } | ||
#toc, .toc, div.thumbinner, li.gallerybox div.thumb, .tabcontainer, .tabtoc li.selected, .mw-datatable td, .catlinks { | #toc, .toc, div.thumbinner, li.gallerybox div.thumb, .tabcontainer, .tabtoc li.selected, .mw-datatable td, .catlinks { | ||
background: #404040; | |||
} | } | ||
.mw-datatable th { | .mw-datatable th { | ||
background: #303030; | |||
} | } | ||
.mw-datatable tr:hover td, #pagehistory li.selected { | .mw-datatable tr:hover td, #pagehistory li.selected { | ||
background: #0064; | |||
} | } | ||
pre, .mw-code { | pre, .mw-code { | ||
background: rgba(242,242,242,0.7); | |||
} | } | ||
#toc #toctitle, .toc #toctitle, #toc .toctitle, .toc .toctitle { | #toc #toctitle, .toc #toctitle, #toc .toctitle, .toc .toctitle { | ||
color: #000; | |||
} | } | ||
#contentSub, #contentSub2 { | #contentSub, #contentSub2 { | ||
color: #fff; | |||
} | } | ||
div#imageLicenseText { | div#imageLicenseText { | ||
color: #000; | |||
} | } | ||
.oo-ui-dropdownWidget-handle { | .oo-ui-dropdownWidget-handle { | ||
color: #000; | |||
} | } | ||
.oo-ui-optionWidget.oo-ui-labelElement .oo-ui-labelElement-label { | .oo-ui-optionWidget.oo-ui-labelElement .oo-ui-labelElement-label { | ||
color: #000; | |||
} | } | ||
/* Social profile */ | /* Social profile */ | ||
#profile-toggle-button { | #profile-toggle-button { | ||
border-radius:1em; | |||
background:#666; | |||
border: 2px solid #708090; | |||
} | } | ||
.profile-info-container b, .profile-info-container div { | .profile-info-container b, .profile-info-container div { | ||
color: #FFF; | |||
} | } | ||
.profile-on { | .profile-on { | ||
background-color: #2e2e2e; | |||
} | } | ||
.profile-tab-on { | .profile-tab-on { | ||
background-color: #2e2e2e; | |||
color: #ffffff !important; | |||
border: 1px solid #fff; | |||
} | } | ||
.profile-tab { | .profile-tab { | ||
border: 1px solid #fff; | |||
background-color: #2e2e2e; | |||
} | } | ||
.profile-tab-on a, .profile-tab a { | .profile-tab-on a, .profile-tab a { | ||
color: #0645ad !important; | |||
} | } | ||
.user-board-message-from { | .user-board-message-from { | ||
background: #222; | |||
} | } | ||
.user-board-message { | .user-board-message { | ||
background: #404040; | |||
} | } | ||
.random-users-avatars h2 { | .random-users-avatars h2 { | ||
color: #000; | |||
} | } | ||
#rc-welcome { | #rc-welcome { | ||
background: #333 !important; | |||
} | } | ||
.top-fan-nav h1 { | .top-fan-nav h1 { | ||
color: #fff; | |||
} | } | ||
#points-level a { | #points-level a { | ||
color: #fff !important; | |||
} | } | ||
/* Infobox and navbox color override */ | /* Infobox and navbox color override */ | ||
.infobox { | .infobox { | ||
color: #fff !important; | |||
border: 1px solid #fff !important; | |||
} | } | ||
.infoboxheading { | .infoboxheading { | ||
color: #fff !important; | |||
background-color: #555 !important; | |||
} | } | ||
.infoboxsubheading { | .infoboxsubheading { | ||
color: #fff !important; | |||
background-color: #555 !important; | |||
} | } | ||
.infoboxcell { | .infoboxcell { | ||
color: #fff !important; | |||
background-color: #666 !important; | |||
border-top: 1px solid #fff !important; | |||
border-bottom: 1px solid #fff !important; | |||
} | } | ||
.infoboxlabel { | .infoboxlabel { | ||
color: #fff !important; | |||
background-color: #666 !important; | |||
border-top: 1px solid #fff !important; | |||
border-bottom: 1px solid #fff !important; | |||
} | } | ||
.navbox { | .navbox { | ||
color: #fff !important; | |||
background-color: #333 !important; | |||
border:1px solid #fff !important; | |||
} | } | ||
.navbox-group { | .navbox-group { | ||
color: #fff !important; | |||
background-color: #333 !important; | |||
border-right: 1px solid #333 !important; | |||
} | } | ||
.navbox-title { | .navbox-title { | ||
color: #fff !important; | |||
background-color: #333 !important; | |||
} | } | ||
.navbox-title.light, .navbox-title.light a, .navbox-title.light span { | .navbox-title.light, .navbox-title.light a, .navbox-title.light span { | ||
color: #fff !important; | |||
} | } | ||
.navbox-list { | .navbox-list { | ||
color: #fff !important; | |||
background-color: #555 !important; | |||
border-left: 2px solid #555 !important; | |||
} | } | ||
.navbox a.selflink { | .navbox a.selflink { | ||
color: #fff !important; | |||
} | } | ||
.plainlinksneverexpand, .plainlinksneverexpand span { | .plainlinksneverexpand, .plainlinksneverexpand span { | ||
background: #333 !important; | |||
} | } | ||
/* Forums */ | /* Forums */ | ||
.forum { | .forum { | ||
background-color: #555 !important; | |||
border:1px solid #fff !important; | |||
color: #fff !important; | |||
} | } | ||
/* Image licenses */ | /* Image licenses */ | ||
.image { | .image { | ||
background-color: #555 !important; | |||
color: #fff !important; | |||
} | } | ||
div#imageLicenseText { | div#imageLicenseText { | ||
background-color: #555 !important; | |||
color: #fff !important; | |||
} | } | ||
div#imageLicense.boilerplate { | div#imageLicense.boilerplate { | ||
background-color: #555 !important; | |||
} | } | ||
/* Page previews */ | /* Page previews */ | ||
.mwe-popups { | .mwe-popups { | ||
background: #404040; | background: #404040; | ||
Line 412: | Line 338: | ||
/* Fixes */ | /* Fixes */ | ||
.no-info-container { | .no-info-container { | ||
background-color: #555; | |||
color: #fff; | |||
} | } | ||
#containerTem { | #containerTem { | ||
border-radius:0.5em; | |||
border: 1px solid #DCDCDC; | |||
background: #222; | |||
color:#fff; | |||
} | } | ||
Revision as of 05:35, March 7, 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: -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
}