User:Bearborg/vector.css

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: Hold Ctrl while clicking Refresh, or press Ctrl-F5
• Opera: Clear the cache in Tools → Preferences

#mw-panel {
  font-weight: bold !important;
  font-variant: small-caps;
  text-transform: lowercase;
}
 
#mw-panel li {
  height: 14px !important;
  border: 1px solid transparent !important;
}
 
#mw-panel li a {
  color: #446fa7 !important;
  margin-left: 3px;
}  
 
#mw-panel li:hover {
  background: #30558a; /* Old browsers */
  background: -moz-linear-gradient(top, #30558a 0%, #7baef1 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#30558a), color-stop(100%,#7baef1)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #30558a 0%,#7baef1 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #30558a 0%,#7baef1 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #30558a 0%,#7baef1 100%); /* IE10+ */
  background: linear-gradient(to bottom, #30558a 0%,#7baef1 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#30558a', endColorstr='#7baef1',GradientType=0 ); /* IE6-9 */
  border: 1px solid white !important;
  box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
  border-radius: 3px !important;
}
 
#mw-panel li:hover a {  
  color: white !important;
  text-decoration: none !important;
}