Difference between revisions of "MediaWiki:Vector.css"
(44 intermediate revisions by the same user not shown) | |||
Line 16: | Line 16: | ||
body { | body { | ||
− | background: url( | + | background: url(https://wiki.haloruns.com/images/hex-half.png) repeat; |
background-color: #04080E; | background-color: #04080E; | ||
− | background: -moz-linear-gradient(top, rgba(10,28,50,0.7), rgba(5,17,30,0)) no-repeat, url( | + | 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( | + | 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( | + | 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 */ | /* Clear Header backgrounds */ | ||
− | #mw-page-base, #mw-head-base{ | + | #mw-page-base, #mw-head-base, #mw-head{ |
background:none; | background:none; | ||
} | } | ||
Line 30: | Line 30: | ||
/* Header Tabs */ | /* Header Tabs */ | ||
+ | /* Gradient */ | ||
div.vectorTabs ul li{ | div.vectorTabs ul li{ | ||
background-color: #061322; | background-color: #061322; | ||
− | background- | + | background: -moz-linear-gradient(#061322, #192f4d) ; |
− | + | background: -webkit-linear-gradient(#061322, #192f4d); | |
− | + | background: linear-gradient(#061322, #192f4d); | |
} | } | ||
− | + | /* Selected to Blue */ | |
− | background | + | div.vectorTabs li.selected{ |
+ | background: #223e66; | ||
} | } | ||
+ | /* Selected text to white */ | ||
div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited{ | div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited{ | ||
color: white; | 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 */ | /* Body text color and such */ | ||
− | div#content{ | + | div#content, div.wikiEditor-preview-contents{ |
color: white; | color: white; | ||
background-color: #04080E; | background-color: #04080E; | ||
Line 50: | Line 81: | ||
} | } | ||
h1,h2,h3,h4,h5,h6{color: white} | h1,h2,h3,h4,h5,h6{color: white} | ||
− | |||
/* LINKS | /* LINKS | ||
Line 72: | Line 102: | ||
} | } | ||
− | |||
− | Tab | + | /* Preferences Page */ |
− | #preftoc | + | |
− | + | /* Sections, notes, Tab Link text color */ | |
− | + | #preferences legend, .htmlform-tip, #preftoc a{ | |
+ | color: white !important; | ||
} | } | ||
− | /* | + | /* Background */ |
− | #preferences legend | + | #preferences { |
− | color: white; | + | 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 | + | /* Background of Editor Options*/ |
− | .editOptions | + | .editOptions{ |
background-color: #223e66; | background-color: #223e66; | ||
} | } | ||
− | |||
− | |||
/* Boxes */ | /* Boxes */ | ||
− | #toc, .toc, .mw-warning, .catlinks, div.thumbinner{ | + | #toc, .toc, .mw-warning, .catlinks, div.thumbinner, ul#filetoc{ |
background-color: #223e66; | background-color: #223e66; | ||
− | border-color: # | + | 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; | ||
} | } | ||
Line 104: | Line 154: | ||
} | } | ||
/* Code text, ?? */ | /* Code text, ?? */ | ||
− | pre, .mw-code{ | + | pre, .mw-code, code, input, select{ |
background-color: #bfbfbf; | background-color: #bfbfbf; | ||
+ | color: black; | ||
} | } | ||
Line 114: | Line 165: | ||
.mw-datatable td, #pagehistory li.selected{ | .mw-datatable td, #pagehistory li.selected{ | ||
background-color: #223e66; | background-color: #223e66; | ||
+ | } | ||
+ | |||
+ | /* Diff Page */ | ||
+ | .diffchange{ | ||
+ | color: black; | ||
+ | } | ||
+ | table.diff{ | ||
+ | background-color: #061322; | ||
+ | } | ||
+ | td.diff-context{ | ||
+ | background-color: #223e66; | ||
+ | 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; }