rt/share/html/NoAuth/css/base/superfish-navbar.css

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