Projekt

Allgemein

Profil

« Zurück | Weiter » 

Revision 1067492c

Von Sven Schöling vor mehr als 7 Jahren hinzugefügt

  • ID 1067492cb4e6fdfedfaa0f394a1665eab182ceb3
  • Vorgänger 339f80aa
  • Nachfolger 99a7753d

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

Unterschiede anzeigen:

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