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 100% 100%;\r
   9 border-right-width:1px;\r
  10 border-top-width:1px;\r
  11 border-bottom-width:1px;\r
  12 border-left-width:0px;\r
  13 border-style:solid;\r
  14 border-color:#ccc #888 #555 #bbb;\r
  15 }\r
  16 \r
  17 #menu a, #menu h2, #menu div.x {\r
  18 font:11px/16px arial,helvetica,sans-serif;\r
  19 display:block;\r
  20 border-right-width:1px;\r
  21 border-left-width:0px;\r
  22 border-top-width:0px;\r
  23 border-bottom-width:0px;\r
  24 border-style:solid;\r
  25 border-color:#ccc #888 #555 #bbb;\r
  26 white-space:nowrap;\r
  27 margin:0;\r
  28 padding:1px 0 1px 3px;\r
  29 }\r
  30 \r
  31 #menu h2{\r
  32 color:#fff;\r
  33 background:#000 url(../image/bg_css_menu.png) repeat 100% 100%;\r
  34 }\r
  35 \r
  36 #menu a{\r
  37 background:#eee;\r
  38 text-decoration:none;\r
  39 border-width:1px;\r
  40 padding:2px;\r
  41 }\r
  42 \r
  43 #menu a, #menu a:visited{\r
  44 color:#000;\r
  45 }\r
  46 \r
  47 #menu a:hover{\r
  48 color:#a00;\r
  49 background:#ddd;\r
  50 }\r
  51 \r
  52 #menu a:active{\r
  53 color:#060;\r
  54 background:#ccc;\r
  55 }\r
  56 \r
  57 #menu ul{\r
  58 list-style:none;\r
  59 margin:0;\r
  60 padding:0;\r
  61 float:left;\r
  62 min-width:7em;\r
  63 }\r
  64 \r
  65 #menu li{\r
  66 position:relative;\r
  67 }\r
  68 \r
  69 #menu ul ul{\r
  70 position:absolute;\r
  71 z-index:500;\r
  72 top:auto;\r
  73 display:none;\r
  74 }\r
  75 \r
  76 #menu ul ul ul{\r
  77 top:0;\r
  78 left:100%;\r
  79 }\r
  80 \r
  81 /* Begin non-anchor hover selectors */\r
  82 \r
  83 /* Enter the more specific element (div) selector\r
  84 on non-anchor hovers for IE5.x to comply with the\r
  85 older version of csshover.htc - V1.21.041022. It\r
  86 improves IE's performance speed to use the older\r
  87 file and this method */\r
  88 \r
  89 div#menu h2:hover{\r
  90 background:#A3C5FF url(../image/expand3.gif) no-repeat -999px -9999px;\r
  91 color:#a00;\r
  92 }\r
  93 \r
  94 div#menu li:hover{\r
  95 cursor:pointer;\r
  96 z-index:100;\r
  97 }\r
  98 \r
  99 div#menu li:hover ul ul,\r
 100 div#menu li li:hover ul ul,\r
 101 div#menu li li li:hover ul ul,\r
 102 div#menu li li li li:hover ul ul\r
 103 {display:none;}\r
 104 \r
 105 div#menu li:hover ul,\r
 106 div#menu li li:hover ul,\r
 107 div#menu li li li:hover ul,\r
 108 div#menu li li li li:hover ul\r
 109 {display:block;}\r
 110 \r
 111 /* End of non-anchor hover selectors */\r
 112 \r
 113 /* Styling for Expand */\r
 114 \r
 115 #menu a.x, #menu a.x:visited{\r
 116 /*font-weight:bold;*/\r
 117 color:#000;\r
 118 background:#eee url(../image/right.png) no-repeat 100% 50%;\r
 119 }\r
 120 \r
 121 #menu a.x:hover{\r
 122 color:#fff;\r
 123 background:#000;\r
 124 }\r
 125 \r
 126 #menu a.x:active{\r
 127 color:#060;\r
 128 background:#ccc;\r
 129 }\r
 130 \r
 131 #menu div.x, #menu div.x:visited{\r
 132 /*font-weight:bold;*/\r
 133 color:#000;\r
 134 background:#eee url(../image/right.png) no-repeat 100% 50%;\r
 135 }\r
 136 \r
 137 #menu div.x:hover{\r
 138 color:#a00;\r
 139 background:#ddd;\r
 140 }\r
 141 \r
 142 #menu div.x:active{\r
 143 color:#060;\r
 144 background:#ccc;\r
 145 }\r