Revision 1067492c
Von Sven Schöling vor mehr als 7 Jahren hinzugefügt
css/lx-office-erp/menu.css | ||
---|---|---|
1 | 1 |
|
2 | 2 |
body.menu { |
3 |
background-image: url("../../image/fade.png");background-repeat:repeat-x; |
|
4 | 3 |
font-family: Verdana, Arial, Helvetica, sans-serif; |
5 | 4 |
font-size: 80%; |
6 | 5 |
color: black; |
... | ... | |
9 | 8 |
table.menunew { |
10 | 9 |
border: 0; |
11 | 10 |
width: 100%; |
12 |
background-image: url("../../image/bg_titel.gif");
|
|
11 |
background-color: #f0efde;
|
|
13 | 12 |
border-spacing: 0; |
14 | 13 |
} |
15 | 14 |
|
16 | 15 |
table.menunew td { |
17 | 16 |
padding: 0; |
18 |
color:white;
|
|
17 |
color:black;
|
|
19 | 18 |
font-family: Verdana, Arial, sans-serif; |
20 | 19 |
} |
21 | 20 |
|
... | ... | |
24 | 23 |
margin:0px; |
25 | 24 |
} |
26 | 25 |
|
26 |
#main_menu_div { |
|
27 |
background-color: #d0cfc9 |
|
28 |
} |
|
29 |
|
|
30 |
#main_menu_div ~ div.layout-actionbar { |
|
31 |
top: 45px; |
|
32 |
} |
|
33 |
|
|
34 |
#main_menu_div ~ #content { |
|
35 |
padding-top: 25px; |
|
36 |
} |
|
37 |
#main_menu_div ~ div.layout-actionbar ~ #content { |
|
38 |
padding-top: 54px; |
|
39 |
} |
|
40 |
|
|
27 | 41 |
#menuv3 { |
28 |
width:99.8%; |
|
29 |
float:left; |
|
30 |
background:url(../../image/bg_css_menu.png) repeat bottom; |
|
31 |
border:1px solid; |
|
32 |
border-color:#ccc #888 #555 #bbb; |
|
42 |
width: 100%; |
|
43 |
position: fixed; |
|
44 |
background-color: #d0cfc9; |
|
45 |
border-color:#ccc #888 #555 #bbb; |
|
46 |
z-index: 30; |
|
47 |
} |
|
48 |
|
|
49 |
#menuv3 ~ div.layout-actionbar { |
|
50 |
top: 40px; |
|
51 |
} |
|
52 |
#menuv3 ~ #content { |
|
53 |
padding-top: 35px; |
|
54 |
} |
|
55 |
#menuv3 ~ div.layout-actionbar ~ #content { |
|
56 |
padding-top: 64px; |
|
33 | 57 |
} |
34 | 58 |
|
35 | 59 |
#menuv3 a, #menuv3 h2, #menuv3 div.x { |
36 |
font:11px/16px arial,helvetica,sans-serif; |
|
60 |
font-size:13px; |
|
61 |
font-weight: normal; |
|
37 | 62 |
display:block; |
38 | 63 |
border:0; |
39 | 64 |
border-right:1px; |
... | ... | |
45 | 70 |
} |
46 | 71 |
|
47 | 72 |
#menuv3 h2 { |
48 |
color:#fff;
|
|
73 |
color: black;
|
|
49 | 74 |
padding:2px 10px; |
50 | 75 |
} |
51 | 76 |
|
... | ... | |
63 | 88 |
} |
64 | 89 |
|
65 | 90 |
#menuv3 a:hover, #menuv3 div.x:hover { |
66 |
color:#a00; |
|
67 |
background-color:#ddd; |
|
91 |
/*color:#a00; |
|
92 |
background-color:#ddd;*/ |
|
93 |
background-color: #c6c39b; |
|
68 | 94 |
} |
69 | 95 |
|
70 | 96 |
#menuv3 a:active, #menuv3 div.x:active { |
71 |
color:#060;
|
|
72 |
background-color:#ccc;
|
|
97 |
color:#000;
|
|
98 |
background-color:#c6c39b;
|
|
73 | 99 |
} |
74 | 100 |
|
75 | 101 |
#menuv3 ul { |
... | ... | |
83 | 109 |
position:relative; |
84 | 110 |
float:none; |
85 | 111 |
border:0; |
112 |
border-width:0 0 1px 0; |
|
86 | 113 |
} |
87 | 114 |
|
88 | 115 |
/* IE6 spacing bug fix, <li>s without a bottom border get spaced to far |
... | ... | |
105 | 132 |
* causing the menu to close. Opera 9 has the same bug btw. */ |
106 | 133 |
#menuv3 ul ul { |
107 | 134 |
position:absolute; |
108 |
z-index:500; |
|
109 |
top:auto; |
|
135 |
z-index: 500; |
|
110 | 136 |
display:none; |
111 | 137 |
} |
112 | 138 |
|
... | ... | |
124 | 150 |
file and this method */ |
125 | 151 |
|
126 | 152 |
div#menuv3 h2:hover { |
127 |
background:#A3C5FF;
|
|
128 |
color:#a00;
|
|
153 |
background:#c6c39b;
|
|
154 |
color:#000;
|
|
129 | 155 |
} |
130 | 156 |
|
131 | 157 |
div#menuv3 li:hover { |
132 | 158 |
cursor:pointer; |
133 |
z-index:100; |
|
134 | 159 |
} |
135 | 160 |
|
136 | 161 |
div#menuv3 li:hover ul ul, |
Auch abrufbar als: Unified diff
css: funktionales revamp für actionbar
- z-index für v3 und javascript gefixt
- flat styling, weil die gradienten kaputt aussehen
- top margins für actionbar und ohne gefixt
- position:fixed korrigiert