Difference between revisions of "MediaWiki:Vector.css"
(23 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 45: | Line 45: | ||
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 | /* Hide bright and long lines | ||
Between, Right of Tabs, Right of Menu, Right of Both */ | Between, Right of Tabs, Right of Menu, Right of Both */ | ||
div.vectorTabs, div.vectorTabs span, div.vectorMenu h3 a, div.vectorTabs ul{ | div.vectorTabs, div.vectorTabs span, div.vectorMenu h3 a, div.vectorTabs ul{ | ||
+ | background-image:none; | ||
+ | } | ||
+ | |||
+ | div#mw-head div.vectorMenu h3{ | ||
background-image:none; | background-image:none; | ||
} | } | ||
Line 87: | Line 101: | ||
color: #00b300; | color: #00b300; | ||
} | } | ||
+ | |||
/* Preferences Page */ | /* Preferences Page */ | ||
Line 92: | Line 107: | ||
/* Sections, notes, Tab Link text color */ | /* Sections, notes, Tab Link text color */ | ||
#preferences legend, .htmlform-tip, #preftoc a{ | #preferences legend, .htmlform-tip, #preftoc a{ | ||
− | color: white; | + | color: white !important; |
} | } | ||
/* Background */ | /* Background */ | ||
#preferences { | #preferences { | ||
− | background-color: #223e66; | + | background-color: #223e66 !important; |
+ | } | ||
+ | #preferences legend{ | ||
+ | color: white !important; | ||
} | } | ||
− | #preftoc li | + | #preftoc li { |
− | background-color: # | + | background-color: #061322; |
− | |||
border-top: white 1px solid; | border-top: white 1px solid; | ||
} | } | ||
− | + | #preftoc li.selected a { | |
− | + | background-color: #223e66 !important; | |
− | + | background-image: none !important; | |
− | + | color: white !important; | |
− | color: white; | ||
} | } | ||
− | /* 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: white; | 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 130: | Line 154: | ||
} | } | ||
/* Code text, ?? */ | /* Code text, ?? */ | ||
− | pre, .mw-code{ | + | pre, .mw-code, code, input, select{ |
background-color: #bfbfbf; | background-color: #bfbfbf; | ||
+ | color: black; | ||
} | } | ||
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; }