css/menuv3.css

   1 body {\r
   2 behavior:url("css/csshover.htc");\r
   3 }\r
   4 \r
   5 #menu {\r
   6 width:100%;\r
   7 float:left;\r
   8 background:url(../image/bg_css_menu.png) repeat bottom;\r
   9 border:1px solid;\r
  10 border-color:#ccc #888 #555 #bbb;\r
  11 }\r
  12 \r
  13 #menu a, #menu h2, #menu div.x {\r
  14 font:11px/16px arial,helvetica,sans-serif;\r
  15 display:block;\r
  16 border:0;\r
  17 border-right:1px;\r
  18 border-style:solid;\r
  19 border-color:#ccc #888 #555 #bbb;\r
  20 white-space:nowrap;\r
  21 margin:0;\r
  22 padding:1px 0 1px 3px;\r
  23 }\r
  24 \r
  25 #menu h2 {\r
  26 color:#fff;\r
  27 padding:0 5px;\r
  28 }\r
  29 \r
  30 #menu a, #menu a:visited, #menu div.x, #menu div.x:visited {\r
  31 color:#000;\r
  32 text-decoration:none;\r
  33 /*border-width:1px;*/\r
  34 padding-right:10px;\r
  35 }\r
  36 \r
  37 #menu a {\r
  38 background:#eee;\r
  39 }\r
  40 \r
  41 #menu div.x, #menu div.x:visited {\r
  42 background:#eee url(../image/right.gif) no-repeat right;\r
  43 }\r
  44 \r
  45 #menu a:hover, #menu div.x:hover {\r
  46 color:#a00;\r
  47 background-color:#ddd;\r
  48 }\r
  49 \r
  50 #menu a:active, #menu div.x:active {\r
  51 color:#060;\r
  52 background-color:#ccc;\r
  53 }\r
  54 \r
  55 #menu ul {\r
  56 list-style:none;\r
  57 margin:0;\r
  58 padding:0;\r
  59 float:left;\r
  60 min-width:7em;\r
  61 }\r
  62 \r
  63 #menu li {\r
  64 position:relative;\r
  65 float:none;\r
  66 border:0;\r
  67 }\r
  68 \r
  69 /* IE6 spacing bug fix, <li>s without a bottom border get spaced to far */\r
  70 #menu ul ul li {\r
  71 border:solid;\r
  72 border-width:0 0 1px 0;\r
  73 }\r
  74 \r
  75 #menu ul ul {\r
  76 position:absolute;\r
  77 z-index:500;\r
  78 top:auto;\r
  79 display:none;\r
  80 }\r
  81 \r
  82 #menu ul ul ul {\r
  83 top:0;\r
  84 left:100%;\r
  85 }\r
  86 \r
  87 /* Begin non-anchor hover selectors */\r
  88 \r
  89 /* Enter the more specific element (div) selector\r
  90 on non-anchor hovers for IE5.x to comply with the\r
  91 older version of csshover.htc - V1.21.041022. It\r
  92 improves IE's performance speed to use the older\r
  93 file and this method */\r
  94 \r
  95 div#menu h2:hover {\r
  96 background:#A3C5FF;\r
  97 color:#a00;\r
  98 }\r
  99 \r
 100 div#menu li:hover {\r
 101 cursor:pointer;\r
 102 z-index:100;\r
 103 }\r
 104 \r
 105 div#menu li:hover ul ul,\r
 106 div#menu li li:hover ul ul,\r
 107 div#menu li li li:hover ul ul,\r
 108 div#menu li li li li:hover ul ul\r
 109 {display:none;}\r
 110 \r
 111 div#menu li:hover ul,\r
 112 div#menu li li:hover ul,\r
 113 div#menu li li li:hover ul,\r
 114 div#menu li li li li:hover ul\r
 115 {display:block;}\r
 116 \r
 117 /* End of non-anchor hover selectors */\r
 118 /*\r
 119 ul {\r
 120   list-style: none;\r
 121   padding: 0;\r
 122   margin: 0;\r
 123 }\r
 124 \r
 125 li {\r
 126   float:left;\r
 127   position:relative;\r
 128   border:solid;\r
 129   border-width:0px 0;\r
 130 }\r
 131 \r
 132 li#first {\r
 133   border-left-width: 1em;\r
 134 }\r
 135 \r
 136 li#last {\r
 137   border-right-width: 1em;\r
 138 }\r
 139 \r
 140 li ul {\r
 141   display: none;\r
 142   position: absolute;\r
 143   top: 100%;\r
 144   left: 0;\r
 145 \r
 146   font-weight: normal;\r
 147   background: url(images/ddbg3.gif) bottom left no-repeat;\r
 148   padding: 0.5em 0 1em 0;\r
 149   border-right: solid 1px #7d6340;\r
 150 }\r
 151 \r
 152 li>ul {\r
 153   top: auto;\r
 154   left: auto;\r
 155 }\r
 156 \r
 157 li li {\r
 158   display: block;\r
 159   float: none;\r
 160   background-color: transparent;\r
 161   border: 0;\r
 162 }\r
 163 \r
 164 li:hover ul, li.over ul {\r
 165   display: block;\r
 166 }\r
 167 \r
 168 hr {\r
 169   display: none;\r
 170 }\r
 171 \r
 172 p {\r
 173   clear: left;\r
 174   background: url(images/remora.gif) center left no-repeat;\r
 175   padding: 1em 1em 0 1em;\r
 176   margin: 0;\r
 177 }\r
 178 */\r