Difference between revisions of "MediaWiki:Vector.css"
(56 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 */ | ||
+ | |||
+ | /* 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 { | 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 */ | |
− | + | #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 */ |
− | color: | + | div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited{ |
+ | color: white; | ||
} | } | ||
− | . | + | /* Unselected text to orange */ |
− | color: # | + | div.vectorTabs li a{ |
+ | color: #FFAC1C; | ||
} | } | ||
− | + | /* 'More' text to orange */ | |
− | + | div.vectorMenu h3 span{ | |
+ | color: #FFAC1C; | ||
} | } | ||
− | + | ||
− | background- | + | /* 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- | + | background-image:none; |
} | } | ||
− | + | /* Make new lines*/ | |
− | border: 1px solid | + | div.vectorMenu h3 a, div.vectorTabs li{ |
− | + | border-right: #223e66 1px solid; | |
} | } | ||
− | + | /* Fix leftmost line*/ | |
− | + | div.vectorTabs{ | |
+ | background: #223e66; | ||
} | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | div#content, | + | /* Body text color and such */ |
+ | div#content, div.wikiEditor-preview-contents{ | ||
color: white; | color: white; | ||
background-color: #04080E; | background-color: #04080E; | ||
− | |||
border-color: #223e66; | border-color: #223e66; | ||
} | } | ||
− | #mw- | + | 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 */ | |
− | color: white; | + | #preferences { |
+ | background-color: #223e66 !important; | ||
+ | } | ||
+ | #preferences legend{ | ||
+ | color: white !important; | ||
+ | } | ||
+ | #preftoc li { | ||
background-color: #061322; | background-color: #061322; | ||
− | background-image:none; | + | 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; | background-color: #223e66; | ||
} | } | ||
− | #toc, .toc, .mw-warning, .catlinks{ | + | |
+ | /* Boxes */ | ||
+ | #toc, .toc, .mw-warning, .catlinks, div.thumbinner, ul#filetoc{ | ||
background-color: #223e66; | background-color: #223e66; | ||
− | border- | + | border-color: white; |
} | } | ||
− | . | + | /* Troublesome tables */ |
+ | .wikitable , .wikitable td, table.mw_metadata td, table.mw_metadata th{ | ||
background-color: #223e66; | background-color: #223e66; | ||
+ | color: white; | ||
+ | } | ||
+ | .wikitable > * > tr > th, .wikitable > tr > th{ | ||
+ | background-color: #061322 !important; | ||
+ | color: white; | ||
} | } | ||
− | + | /* Top of Editor background */ | |
− | 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; | 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; }