[Summary view] [Print] [Text view]

   1  /* $Id: superfish-navbar.css,v 1.1 2009/08/19 04:28:07 sociotech Exp $ */

   2  
   3  /*** adding the class sf-navbar in addition to sf-menu creates an all-horizontal nav-bar menu ***/
   4  .sf-navbar {
   5      background:        #BDD2FF;
   6      height:            2.5em;
   7      padding-bottom:    2.5em;
   8      position:        relative;
   9  }
  10  .sf-navbar li {
  11      background:        #AABDE6;
  12      position:        static;
  13  }
  14  .sf-navbar a {
  15      border-top:        none;
  16  }
  17  .sf-navbar li ul {
  18      width:            44em; /*IE6 soils itself without this*/
  19  }
  20  .sf-navbar li li {
  21      background:        #BDD2FF;
  22      position:        relative;
  23  }
  24  .sf-navbar li li ul {
  25      width:            13em;
  26  }
  27  .sf-navbar li li li {
  28      width:            100%;
  29  }
  30  .sf-navbar ul li {
  31      width:            auto;
  32      float:            left;
  33  }
  34  .sf-navbar a, .sf-navbar a:visited {
  35      border:            none;
  36  }
  37  .sf-navbar li.current {
  38      background:        #BDD2FF;
  39  }
  40  .sf-navbar li:hover,
  41  .sf-navbar li.sfHover,
  42  .sf-navbar li li.current,
  43  .sf-navbar a:focus, .sf-navbar a:hover, .sf-navbar a:active {
  44      background:        #BDD2FF;
  45  }
  46  .sf-navbar ul li:hover,
  47  .sf-navbar ul li.sfHover,
  48  ul.sf-navbar ul li:hover li,
  49  ul.sf-navbar ul li.sfHover li,
  50  .sf-navbar ul a:focus, .sf-navbar ul a:hover, .sf-navbar ul a:active {
  51      background:        #D1DFFF;
  52  }
  53  ul.sf-navbar li li li:hover,
  54  ul.sf-navbar li li li.sfHover,
  55  .sf-navbar li li.current li.current,
  56  .sf-navbar ul li li a:focus, .sf-navbar ul li li a:hover, .sf-navbar ul li li a:active {
  57      background:        #E6EEFF;
  58  }
  59  ul.sf-navbar .current ul,
  60  ul.sf-navbar ul li:hover ul,
  61  ul.sf-navbar ul li.sfHover ul {
  62      left:            0;
  63      top:            2.5em; /* match top ul list item height */
  64  }
  65  ul.sf-navbar .current ul ul {
  66      top:             -999em;
  67  }
  68  
  69  .sf-navbar li li.current > a {
  70      font-weight:    bold;
  71  }
  72  
  73  /*** point all arrows down ***/
  74  /* point right for anchors in subs */
  75  .sf-navbar ul .sf-sub-indicator { background-position: -10px -100px; }
  76  .sf-navbar ul a > .sf-sub-indicator { background-position: 0 -100px; }
  77  /* apply hovers to modern browsers */
  78  .sf-navbar ul a:focus > .sf-sub-indicator,
  79  .sf-navbar ul a:hover > .sf-sub-indicator,
  80  .sf-navbar ul a:active > .sf-sub-indicator,
  81  .sf-navbar ul li:hover > a > .sf-sub-indicator,
  82  .sf-navbar ul li.sfHover > a > .sf-sub-indicator {
  83      background-position: -10px -100px; /* arrow hovers for modern browsers*/
  84  }
  85  
  86  /*** remove shadow on first submenu ***/
  87  .sf-navbar > li > ul {
  88      background: transparent;
  89      padding: 0;
  90      -moz-border-radius-bottomleft: 0;
  91      -moz-border-radius-topright: 0;
  92      -webkit-border-top-right-radius: 0;
  93      -webkit-border-bottom-left-radius: 0;
  94  }