static/css/icon_nav_rice.css

   1
   2 #icon_nav, #icon_nav ul { /* all lists */
   3         padding: 0 0 0 0;
   4         margin: 0 0 0 0;
   5         list-style: none;
   6         line-height: 1;
   7 }
   8
   9 #icon_nav a {
  10         display: block;
  11         width: 19em;
  12         background: none;
  13         color: #000099;
  14 }
  15 #icon_nav a:visited {
  16         color: #000099;
  17 }
  18
  19 #icon_nav li { /* all list items */
  20         float: left;
  21         /* width: 10em; width needed or else Opera goes nuts */
  22 }
  23
  24 #icon_nav li ul { /* second-level lists */
  25         position: absolute;
  26         left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
  27 }
  28
  29 #icon_nav li ul li {
  30         margin-left: 1em;
  31         font-family: verdana, arial, helvetica, serif;
  32         /* cancel any transparency on submenus */
  33         filter: alpha(opacity=100); /* IE */
  34         opacity: 1.0; /* standard */
  35 }
  36
  37 #icon_nav li:hover ul, #icon_nav li.sfhover ul { /* lists nested under hovered list items */
  38         left: auto;
  39         z-index: 10;
  40 }
  41 #icon_nav img {
  42         border: 1px solid transparent;
  43         padding: 2px;
  44         -webkit-border-radius: 13px;
  45         -moz-border-radius: 13px;
  46 }
  47 #icon_nav li:hover > a > img, #icon_nav li.sfhover > a > img {
  48         background: #e6e6e6;
  49         border: 1px solid #ccc;
  50 }
  51
  52 #icon_nav {
  53         font-family: arial, helvetica, serif;
  54         background-image: url("/documents/img/rice/ricebackground.jpg");
  55         background-repeat: no-repeat;
  56         width: 800px;
  57         height: 500px;
  58
  59 }
  60
  61 #icon_nav .submenu {
  62         background-color: #ccccff;
  63         border: 1px solid gray;
  64         filter: alpha(opacity=90); /* IE */
  65         opacity: 0.9; /* standard */
  66         width: 20em;
  67         padding: 10px;
  68         font-size: 12px;
  69         font-weight: bold;
  70         line-height: 16px;
  71         white-space: nowrap;
  72         z-index: 1;
  73 }
  74