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