Difference between revisions of "MediaWiki:Vector.css"
| (106 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
/* CSS placed here will affect users of the Vector skin */ | /* CSS placed here will affect users of the Vector skin */ | ||
| − | body, | + | /* Colors |
| + | hi-blue: #223e66 | ||
| + | mid-blue: #061322 | ||
| + | low-blue: #04080E | ||
| + | |||
| + | hi-orange: #FFAC1C | ||
| + | mid-orange: #CC8A16 | ||
| + | |||
| + | hi-green: #00ff00; | ||
| + | mid-green: #00b300; | ||
| + | */ | ||
| + | |||
| + | /* Wallpaper stuff */ | ||
| + | |||
| + | body { | ||
| + | background: url(https://wiki.haloruns.com/images/hex-half.png) repeat; | ||
| + | background-color: #04080E; | ||
| + | background: -moz-linear-gradient(top, rgba(10,28,50,0.7), rgba(5,17,30,0)) no-repeat, url(https://wiki.haloruns.com/images/hex-half.png) repeat; | ||
| + | background: -webkit-gradient(linear, left top, left bottom, from(rgba(10,28,50,0.7)), to(rgba(5,17,30,0))) no-repeat, url(https://wiki.haloruns.com/images/hex-half.png) repeat; | ||
| + | background: linear-gradient(to bottom, rgba(10,28,50,0.7), rgba(5,17,30,0)) no-repeat, url(https://wiki.haloruns.com/images/hex-half.png) repeat; | ||
| + | } | ||
| + | |||
| + | /* Clear Header backgrounds */ | ||
| + | #mw-page-base, #mw-head-base, #mw-head{ | ||
| + | background:none; | ||
| + | } | ||
| + | |||
| + | |||
| + | /* Header Tabs */ | ||
| + | /* Gradient */ | ||
| + | div.vectorTabs ul li{ | ||
| + | background-color: #061322; | ||
| + | background: -moz-linear-gradient(#061322, #192f4d) ; | ||
| + | background: -webkit-linear-gradient(#061322, #192f4d); | ||
| + | background: linear-gradient(#061322, #192f4d); | ||
| + | } | ||
| + | /* Selected to Blue */ | ||
| + | div.vectorTabs li.selected{ | ||
| + | background: #223e66; | ||
| + | } | ||
| + | /* Selected text to white */ | ||
| + | div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited{ | ||
color: white; | color: white; | ||
} | } | ||
| − | + | /* Unselected text to orange */ | |
| − | background-image: | + | div.vectorTabs li a{ |
| + | color: #FFAC1C; | ||
| + | } | ||
| + | |||
| + | /* 'More' text to orange */ | ||
| + | div.vectorMenu h3 span{ | ||
| + | color: #FFAC1C; | ||
| + | } | ||
| + | |||
| + | /* Hide bright and long lines | ||
| + | Between, Right of Tabs, Right of Menu, Right of Both */ | ||
| + | div.vectorTabs, div.vectorTabs span, div.vectorMenu h3 a, div.vectorTabs ul{ | ||
| + | background-image:none; | ||
| + | } | ||
| + | |||
| + | div#mw-head div.vectorMenu h3{ | ||
| + | background-image:none; | ||
| + | } | ||
| + | /* Make new lines*/ | ||
| + | div.vectorMenu h3 a, div.vectorTabs li{ | ||
| + | border-right: #223e66 1px solid; | ||
| + | } | ||
| + | /* Fix leftmost line*/ | ||
| + | div.vectorTabs{ | ||
| + | background: #223e66; | ||
| + | } | ||
| + | |||
| + | |||
| + | /* Body text color and such */ | ||
| + | div#content, div.wikiEditor-preview-contents{ | ||
| + | color: white; | ||
background-color: #04080E; | background-color: #04080E; | ||
| + | border-color: #223e66; | ||
} | } | ||
| + | h1,h2,h3,h4,h5,h6{color: white} | ||
| + | |||
| + | /* LINKS | ||
| − | a { | + | Normal, Sidebar Links*/ |
| + | a, div#mw-panel div.portal div.body ul li a{ | ||
color: #FFAC1C; | color: #FFAC1C; | ||
text-decoration: none; | text-decoration: none; | ||
outline: 0; | outline: 0; | ||
| + | } | ||
| + | a:visited, div#mw-panel div.portal div.body ul li a:visited{ | ||
| + | color: #CC8A16; | ||
| + | } | ||
| + | |||
| + | /* External Links */ | ||
| + | .mw-body a.external{ | ||
| + | color: #00ff00; | ||
| + | } | ||
| + | .mw-body a.external:visited{ | ||
| + | color: #00b300; | ||
| + | } | ||
| + | |||
| + | |||
| + | /* Preferences Page */ | ||
| + | |||
| + | /* Sections, notes, Tab Link text color */ | ||
| + | #preferences legend, .htmlform-tip, #preftoc a{ | ||
| + | color: white !important; | ||
| + | } | ||
| + | |||
| + | /* Background */ | ||
| + | #preferences { | ||
| + | background-color: #223e66 !important; | ||
| + | } | ||
| + | #preferences legend{ | ||
| + | color: white !important; | ||
| + | } | ||
| + | #preftoc li { | ||
| + | background-color: #061322; | ||
| + | border-top: white 1px solid; | ||
| + | } | ||
| + | #preftoc li.selected a { | ||
| + | background-color: #223e66 !important; | ||
| + | background-image: none !important; | ||
| + | color: white !important; | ||
} | } | ||
| − | + | /* Background of Editor Options*/ | |
| − | color: # | + | .editOptions{ |
| + | background-color: #223e66; | ||
} | } | ||
| − | + | /* Boxes */ | |
| − | color: # | + | #toc, .toc, .mw-warning, .catlinks, div.thumbinner, ul#filetoc{ |
| + | background-color: #223e66; | ||
| + | border-color: white; | ||
} | } | ||
| − | + | /* Troublesome tables */ | |
| + | .wikitable , .wikitable td, table.mw_metadata td, table.mw_metadata th{ | ||
| + | background-color: #223e66; | ||
| + | color: white; | ||
| + | } | ||
| + | .wikitable > * > tr > th, .wikitable > tr > th{ | ||
| + | background-color: #061322 !important; | ||
color: white; | color: white; | ||
| − | |||
| − | |||
} | } | ||
| − | + | /* Top of Editor background */ | |
| + | .wikiEditor-ui-controls, .wikiEditor-ui-buttons{ | ||
| + | background-color: #808080; | ||
| + | border-top: none; | ||
| + | } | ||
| + | /* Code text, ?? */ | ||
| + | pre, .mw-code, code, input, select{ | ||
| + | background-color: #bfbfbf; | ||
| + | color: black; | ||
| + | } | ||
| + | |||
| + | textarea { | ||
| + | background-color: #cccccc; | ||
| + | } | ||
| + | |||
| + | .mw-datatable td, #pagehistory li.selected{ | ||
| + | background-color: #223e66; | ||
| + | } | ||
| − | + | /* Diff Page */ | |
| − | + | .diffchange{ | |
| + | color: black; | ||
} | } | ||
| − | + | table.diff{ | |
| + | background-color: #061322; | ||
| + | } | ||
| + | td.diff-context{ | ||
| + | background-color: #223e66; | ||
color: white; | color: white; | ||
| − | |||
| − | |||
} | } | ||
Latest revision as of 04:09, 31 January 2018
/* CSS placed here will affect users of the Vector skin */
/* Colors
hi-blue: #223e66
mid-blue: #061322
low-blue: #04080E
hi-orange: #FFAC1C
mid-orange: #CC8A16
hi-green: #00ff00;
mid-green: #00b300;
*/
/* Wallpaper stuff */
body {
background: url(https://wiki.haloruns.com/images/hex-half.png) repeat;
background-color: #04080E;
background: -moz-linear-gradient(top, rgba(10,28,50,0.7), rgba(5,17,30,0)) no-repeat, url(https://wiki.haloruns.com/images/hex-half.png) repeat;
background: -webkit-gradient(linear, left top, left bottom, from(rgba(10,28,50,0.7)), to(rgba(5,17,30,0))) no-repeat, url(https://wiki.haloruns.com/images/hex-half.png) repeat;
background: linear-gradient(to bottom, rgba(10,28,50,0.7), rgba(5,17,30,0)) no-repeat, url(https://wiki.haloruns.com/images/hex-half.png) repeat;
}
/* Clear Header backgrounds */
#mw-page-base, #mw-head-base, #mw-head{
background:none;
}
/* Header Tabs */
/* Gradient */
div.vectorTabs ul li{
background-color: #061322;
background: -moz-linear-gradient(#061322, #192f4d) ;
background: -webkit-linear-gradient(#061322, #192f4d);
background: linear-gradient(#061322, #192f4d);
}
/* Selected to Blue */
div.vectorTabs li.selected{
background: #223e66;
}
/* Selected text to white */
div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited{
color: white;
}
/* Unselected text to orange */
div.vectorTabs li a{
color: #FFAC1C;
}
/* 'More' text to orange */
div.vectorMenu h3 span{
color: #FFAC1C;
}
/* Hide bright and long lines
Between, Right of Tabs, Right of Menu, Right of Both */
div.vectorTabs, div.vectorTabs span, div.vectorMenu h3 a, div.vectorTabs ul{
background-image:none;
}
div#mw-head div.vectorMenu h3{
background-image:none;
}
/* Make new lines*/
div.vectorMenu h3 a, div.vectorTabs li{
border-right: #223e66 1px solid;
}
/* Fix leftmost line*/
div.vectorTabs{
background: #223e66;
}
/* Body text color and such */
div#content, div.wikiEditor-preview-contents{
color: white;
background-color: #04080E;
border-color: #223e66;
}
h1,h2,h3,h4,h5,h6{color: white}
/* LINKS
Normal, Sidebar Links*/
a, div#mw-panel div.portal div.body ul li a{
color: #FFAC1C;
text-decoration: none;
outline: 0;
}
a:visited, div#mw-panel div.portal div.body ul li a:visited{
color: #CC8A16;
}
/* External Links */
.mw-body a.external{
color: #00ff00;
}
.mw-body a.external:visited{
color: #00b300;
}
/* Preferences Page */
/* Sections, notes, Tab Link text color */
#preferences legend, .htmlform-tip, #preftoc a{
color: white !important;
}
/* Background */
#preferences {
background-color: #223e66 !important;
}
#preferences legend{
color: white !important;
}
#preftoc li {
background-color: #061322;
border-top: white 1px solid;
}
#preftoc li.selected a {
background-color: #223e66 !important;
background-image: none !important;
color: white !important;
}
/* Background of Editor Options*/
.editOptions{
background-color: #223e66;
}
/* Boxes */
#toc, .toc, .mw-warning, .catlinks, div.thumbinner, ul#filetoc{
background-color: #223e66;
border-color: white;
}
/* Troublesome tables */
.wikitable , .wikitable td, table.mw_metadata td, table.mw_metadata th{
background-color: #223e66;
color: white;
}
.wikitable > * > tr > th, .wikitable > tr > th{
background-color: #061322 !important;
color: white;
}
/* Top of Editor background */
.wikiEditor-ui-controls, .wikiEditor-ui-buttons{
background-color: #808080;
border-top: none;
}
/* Code text, ?? */
pre, .mw-code, code, input, select{
background-color: #bfbfbf;
color: black;
}
textarea {
background-color: #cccccc;
}
.mw-datatable td, #pagehistory li.selected{
background-color: #223e66;
}
/* Diff Page */
.diffchange{
color: black;
}
table.diff{
background-color: #061322;
}
td.diff-context{
background-color: #223e66;
color: white;
}