include/chrometheme/chromestyle2.css

   1 .chromestyle{
   2 width: 99%;
   3 font-weight: bold;
   4 }
   5
   6 .chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
   7 content: ".";
   8 display: block;
   9 height: 0;
  10 clear: both;
  11 visibility: hidden;
  12 }
  13
  14 .chromestyle ul{
  15 border: 1px solid #BBB;
  16 width: 100%;
  17 background: url(chromebg2.gif) center center repeat-x; /*THEME CHANGE HERE*/
  18 padding: 4px 0;
  19 margin: 0;
  20 text-align: center; /*set value to "left", "center", or "right"*/
  21 }
  22
  23 .chromestyle ul li{
  24 display: inline;
  25 }
  26
  27 .chromestyle ul li a{
  28 color: #494949;
  29 padding: 4px 7px;
  30 margin: 0;
  31 text-decoration: none;
  32 border-right: 1px solid #B5E2FE; /*THEME CHANGE HERE*/
  33 }
  34
  35 .chromestyle ul li a:hover, .chromestyle ul li a.selected{ /*script dynamically adds a class of "selected" to the current active menu item*/
  36 background: url(chromebg2-over.gif) center center repeat-x; /*THEME CHANGE HERE*/
  37 }
  38
  39
  40 /* ######### Style for Drop Down Menu ######### */
  41
  42 .dropmenudiv{
  43 position:absolute;
  44 top: 0;
  45 border: 1px solid #B5E2FE; /*THEME CHANGE HERE*/
  46 border-bottom-width: 0;
  47 font:normal 12px Verdana;
  48 line-height:18px;
  49 z-index:100;
  50 background-color: white;
  51 width: 200px;
  52 visibility: hidden;
  53 filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); /*Add Shadow in IE. Remove if desired*/
  54 }
  55
  56
  57 .dropmenudiv a{
  58 width: 100%;
  59 display: block;
  60 text-indent: 3px;
  61 border-bottom: 1px solid #B5E2FE; /*THEME CHANGE HERE*/
  62 padding: 2px 0;
  63 text-decoration: none;
  64 font-weight: bold;
  65 color: black;
  66 }
  67
  68 .dropmenudiv a:hover{ /*THEME CHANGE HERE*/
  69 background-color: #EBF7FF;
  70 }