User:Spartacus/vector.css: Difference between revisions
From Halopedia, the Halo wiki
No edit summary |
No edit summary |
||
Line 1: | Line 1: | ||
/* CSS placed here will affect users of the Vector skin */ | |||
#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 { | |||
font-family: monospace, sans-serif; | |||
} | |||
/* Who's Online spacing */ | |||
#WhosOnlineDiv { | |||
margin-bottom: -8px; | |||
} | |||
/* Main background */ | |||
body, div#mw-head { | |||
background: #222 url(/images/c/c2/H5-Map_Forge-Parallax_halo_03.PNG) no-repeat fixed top; | |||
} | |||
#mw-page-base { | |||
background: none; | |||
} | |||
/* Sitenotice */ | |||
#siteNotice { | |||
border: 2px solid #708090; | |||
border-radius:1em; | |||
} | |||
/* Sidebar */ | |||
div#mw-panel div.portal { | |||
border-radius:0.5em; | |||
border: 1px solid #DCDCDC; | |||
background: #222; | |||
} | |||
/* 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)); | |||
} | |||
/* 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; | |||
} | |||
/* Recentchanges */ | |||
.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; | |||
} | |||
/* Infobox and navbox color override */ | |||
.infobox { | .infobox { | ||
background-color: #555 !important; | background-color: #555 !important; | ||
border: | border:1px solid #fff !important; | ||
} | } | ||
.infoboxheading { | .infoboxheading { | ||
background-color: #555 !important; | |||
color: #fff !important; | color: #fff !important; | ||
} | } | ||
Line 16: | Line 301: | ||
background-color: #666 !important; | background-color: #666 !important; | ||
color: #fff !important; | color: #fff !important; | ||
border-top: 1px solid #fff !important; | |||
border-bottom: 1px solid #fff !important; | |||
} | } | ||
Line 21: | Line 308: | ||
background-color: #666 !important; | background-color: #666 !important; | ||
color: #fff !important; | color: #fff !important; | ||
border-top: 1px solid #fff !important; | |||
border-bottom: 1px solid #fff !important; | |||
} | } | ||
Line 36: | Line 321: | ||
background-color: #333 !important; | background-color: #333 !important; | ||
color: #fff !important; | color: #fff !important; | ||
border-right: 1px solid #333 !important; | |||
} | } | ||
Line 51: | Line 337: | ||
.plainlinksneverexpand, .plainlinksneverexpand span { | .plainlinksneverexpand, .plainlinksneverexpand span { | ||
background: #333 !important; | background: #333 !important; | ||
} | |||
/* Forums */ | |||
.forum { | |||
background-color: #555 !important; | |||
border:1px solid #fff !important; | |||
color: #fff !important; | |||
} | } |
Revision as of 11:58, October 9, 2017
/* CSS placed here will affect users of the Vector skin */
#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 {
font-family: monospace, sans-serif;
}
/* Who's Online spacing */
#WhosOnlineDiv {
margin-bottom: -8px;
}
/* Main background */
body, div#mw-head {
background: #222 url(/images/c/c2/H5-Map_Forge-Parallax_halo_03.PNG) no-repeat fixed top;
}
#mw-page-base {
background: none;
}
/* Sitenotice */
#siteNotice {
border: 2px solid #708090;
border-radius:1em;
}
/* Sidebar */
div#mw-panel div.portal {
border-radius:0.5em;
border: 1px solid #DCDCDC;
background: #222;
}
/* 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));
}
/* 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;
}
/* Recentchanges */
.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;
}
/* Infobox and navbox color override */
.infobox {
background-color: #555 !important;
border:1px solid #fff !important;
}
.infoboxheading {
background-color: #555 !important;
color: #fff !important;
}
.infoboxsubheading {
background-color: #555 !important;
color: #fff !important;
}
.infoboxcell {
background-color: #666 !important;
color: #fff !important;
border-top: 1px solid #fff !important;
border-bottom: 1px solid #fff !important;
}
.infoboxlabel {
background-color: #666 !important;
color: #fff !important;
border-top: 1px solid #fff !important;
border-bottom: 1px solid #fff !important;
}
.navbox {
background-color: #333 !important;
border:1px solid #fff !important;
color: #fff !important;
}
.navbox-group {
background-color: #333 !important;
color: #fff !important;
border-right: 1px solid #333 !important;
}
.navbox-title {
background-color: #333 !important;
color: #fff !important;
}
.navbox-list {
background-color: #555 !important;
color: #fff !important;
border-left: 2px solid #555 !important;
}
.plainlinksneverexpand, .plainlinksneverexpand span {
background: #333 !important;
}
/* Forums */
.forum {
background-color: #555 !important;
border:1px solid #fff !important;
color: #fff !important;
}