Basis-Layout f├╝r veraltete Browser (IE6 & Co.) ├╝berarbeitet
[website] / src / main / webapp / less / screen / navigation.less
1 @import '../variables.less';
2
3 #nav > hr
4 {
5   display: none;
6 }
7 #menu
8 {
9   position: relative;
10   width: 200%;
11   top: -7em;
12   right: 100%;
13   text-align: right;
14   list-style-type: none;
15   margin: 0;
16   padding: 0;
17 }
18 #menu > li.m
19 {
20   display: inline-block;
21   padding: 0 0 0 4em;
22 }
23 #menu > li.m > .m
24 {
25   font-size: 250%; /** 40px */
26   color: @normal;
27 }
28 #menu > li.m > a.m
29 {
30   border-color: @normal;
31 }
32 #menu > li.m > a.m:hover
33 {
34   border-color: @dunkler;
35 }
36 #menu > li.m > a.m:hover,
37 #menu > li.m > strong.m
38 {
39   border-style: solid;
40 }
41 #menu > li.m > a.m.selected
42 {
43   color: @normal;
44 }
45 #menu > li.m > a.m:hover
46 {
47   color: @dunkler;
48 }
49 #menu > li.m > a.m:hover:before,
50 #menu > li.m > a.m.selected:before,
51 #menu > li.m > strong.m:before
52 {
53   content: '> ';
54   margin-left: -.92em;
55 }
56
57 #breadcrumb
58 {
59   position: absolute;
60   top: 8.4em;
61   left: 13.4em;
62   z-index: 3;
63 }
64 #breadcrumb > strong.b
65 {
66 }
67 #breadcrumb > ol.b
68 {
69 }
70 #breadcrumb > ol.b > li.b
71 {
72   margin: 0 .5em 0 0;
73 }
74 #breadcrumb > ol.b > li.b:before
75 {
76   content: '> ';
77   margin-right: .25em;
78 }
79 #breadcrumb > ol.b > li.b:first-child:before
80 {
81   content: '';
82   margin: 0 0 0 1em;
83 }
84 #breadcrumb > ol.b > li.b > strong.b
85 {
86 }
87 #breadcrumb > ol.b > li.b > a.b
88 {
89 }
90 #breadcrumb > ol.b > li.b > a.b:hover,
91 #breadcrumb > ol.b > li.b > a.b:focus,
92 #breadcrumb > ol.b > li.b > a.b:active
93 {
94 }
95 #breadcrumb > a.hide
96 {
97   position: absolute;
98 }
99
100 #nav > h1.nav,
101 #nav > h2.nav.menu
102 {
103   display: none;
104 }
105 #nav > h2.nav.submenu
106 {
107   font-size: 125%; /** 20px */
108   line-height: 1em; /** 20px */
109   margin: 1.5em 0 .5em 0; /** 30px 0 10px 0 */
110   padding: 0 0 0 1.65em; /** 0 0 0 33px */
111   border: none;
112 }
113 #nav > h2.nav.submenu:before
114 {
115   content: 'V ';
116   margin: 0 .75em 0 -1.7em; /** 0 15em 0 -34px */
117 }
118 #nav > h2.nav.submenu > span.s
119 {
120   display: none;
121 }
122 #nav > h2.nav.submenu > a.s
123 {
124   color: @hintergrund;
125   border-style: dashed;
126   border-color: @hintergrund;
127 }
128 #nav > h2.nav.submenu > a.s:hover,
129 #nav > h2.nav.submenu > a.s:focus,
130 #nav > h2.nav.submenu > a.s:active
131 {
132   border-style: solid;
133 }
134
135 #submenu
136 {
137   font-size: 125%; /** 20 px */
138   list-style-type: none;
139   margin: 1em 0 4em 0;
140   padding: 0 0 0 1.65em; /** 0 0 0 33px */
141 }
142 #submenu ul.s
143 {
144   margin: 1em 0 0 0; /** 16px 0 0 0 */
145   padding: 0;
146   list-style-type: none;
147 }
148 #submenu li.s
149 {
150   margin: 0 0 .5em 0; /** 0 0 10px 0 */
151   padding: 0;
152 }
153 #submenu li.s.off
154 {
155   display: none;
156 }
157 #submenu li.s > a.s
158 {
159   color: @dunkler;
160 }
161 #submenu li.s > a.s.selected,
162 #submenu li.s > strong.s
163 {
164   color: @hintergrund;
165   border-color: @hintergrund;
166 }
167 #submenu li.s > strong.s
168 {
169   border-bottom: 1px solid @hintergrund;
170 }
171 #submenu li.s > a.s.selected:before,
172 #submenu li.s > a.s:hover:before,
173 #submenu li.s > a.s:focus:before,
174 #submenu li.s > a.s:active:before,
175 #submenu li.s > strong.s:before
176 {
177   content: '> ';
178   margin: 0 .75em 0 -1.7em; /** 0 15px 0 -34px = Warum auch immer?!? */
179 }
180 #submenu li.s.sub > a.s.selected:before,
181 #submenu li.s.sub > a.s:hover:before,
182 #submenu li.s.sub > a.s:focus:before,
183 #submenu li.s.sub > a.s:active:before,
184 #submenu li.s.sub > strong.s:before
185 {
186   content: 'V ';
187 }