MediaWiki:Vector.css

From Journey ShoutWiki
Jump to navigation Jump to search

Note: After saving, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
/* CSS placed here will affect users of the Vector skin */


/* Code for editing the top section background colors */
#mw-page-base{height:5em;background-position:bottom left;background-repeat:repeat-x;background-image:url('skins/Vector/images/page-fade.png');background-color:#EEDFAC;background-image:-moz-linear-gradient(top, #EAD7A1 50%, #EEDFAC 100%);background-image:-webkit-gradient(linear, left top, left bottom, color-stop(50%, #EAD7A1), color-stop(100%, #EEDFAC));background-image:-webkit-linear-gradient(top, #EAD7A1 50%, #EEDFAC 100%);background-image:linear-gradient(#EAD7A1 50%, #EEDFAC 100%);background-color:#EAD7A1}

/* Code for navigation tabs */
#left-navigation div.vectorTabs,
/* #right-navigation div.vectorTabs{background-image:inherit;background-color:#250b2d} - Outline color for tabs */
#left-navigation div.vectorTabs ul,
#right-navigation div.vectorTabs ul{background-color:#250b2d}  /* Affects part of the tab outlines, but for some reason, looks better uncommented, despite having a color I'd like to leave out */
#left-navigation div.vectorTabs ul li,
#right-navigation div.vectorTabs ul li{background-color:#EEDFAC;background-image:-moz-linear-gradient(top, #EAD7A1 20%, #EEDFAC 100%);background-image:-webkit-gradient(linear, left top, left bottom, color-stop(20%, #EAD7A1), color-stop(100%, #EEDFAC));background-image:-webkit-linear-gradient(top, #EAD7A1 20%, #EEDFAC 100%);background-image:linear-gradient(#EAD7A1 20%, #EEDFAC 100%)}
#left-navigation div.vectorTabs li.new a,
#right-navigation div.vectorTabs li.new a,
#left-navigation div.vectorTabs li.new a:visited,
#right-navigation div.vectorTabs li.new a:visited{color:#d44}
#left-navigation div.vectorTabs li.selected,
#right-navigation div.vectorTabs li.selected{background-color:#F4DFB3;background-image:-moz-linear-gradient(top, #F2DAA9 0, #F4DFB3 10%);background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #F2DAA9), color-stop(10%, #F4DFB3));background-image:-webkit-linear-gradient(top, #F2DAA9 0, #F4DFB3 10%);background-image:linear-gradient(#F2DAA9 0, #F4DFB3 10%)}
#left-navigation div.vectorTabs li.selected a,
#right-navigation div.vectorTabs li.selected a,
#left-navigation div.vectorTabs li.selected a:visited,
/* #right-navigation div.vectorTabs li.selected a:visited{color:#8a7f6c}  - Text color for current tab? */
#left-navigation div.vectorTabs li a,
/* #right-navigation div.vectorTabs li a{color:#F2DAA9} - Text color for tabs? */
#left-navigation div.vectorTabs span,
#right-navigation div.vectorTabs span{background:transparent}div

#mw-head 
#right-navigation div.vectorMenu h3{background:inherit}div
/* "More" link color?
#mw-head 
#right-navigation div.vectorMenu h3{background:inherit}div
#mw-head div.vectorMenu h3 span{color:#e69710}
div.vectorMenu h3 a{background:inherit}
div.vectorMenu ul{background-color:black;border:solid 1px #0c0c0c}
div.vectorMenu li a{color:#e69710}
div.vectorMenu li.selected a,div.vectorMenu li.selected a:visited{color:#8a7f6c;text-decoration:none}
div.vectorMenu  */