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