Alternate Stylesheets für die Layout-Varianten hinzugefügt
[website] / dist / less / screen / menu.less
1 #nav > h1.nav,
2 #nav > h2.nav.menu
3 {
4   display: none;
5 }
6 #nav > h2.nav.submenu
7 {
8   font-size: 125%; /** 20px */
9   line-height: 1em; /** 20px */
10   margin: 1.5em 0 .5em 0; /** 30px 0 10px 0 */
11   padding: 0 0 0 1.65em; /** 0 0 0 33px */
12   border: none;
13 }
14 #nav > h2.nav.submenu:before
15 {
16   content: 'V ';
17   color: @hintergrund;
18   margin: 0 .75em 0 -1.7em; /** 0 15em 0 -34px */
19 }
20 #nav > h2.nav.submenu > span.s
21 {
22   display: none;
23 }
24 #nav > h2.nav.submenu > a.s
25 {
26   color: @hintergrund;
27   border-style: dashed;
28   border-color: @hintergrund;
29 }
30 #nav > h2.nav.submenu > a.s:hover,
31 #nav > h2.nav.submenu > a.s:focus,
32 #nav > h2.nav.submenu > a.s:active
33 {
34   border-style: solid;
35 }
36
37 #submenu
38 {
39   font-size: 125%; /** 20 px */
40   list-style-type: none;
41   margin: 1em 0 4em 0;
42   padding: 0 0 0 1.65em; /** 0 0 0 33px */
43   border-style: none;
44 }
45 #submenu ul.s
46 {
47   margin: 1em 0 0 0; /** 16px 0 0 0 */
48   padding: 0;
49   list-style-type: none;
50 }
51 #submenu.selected,
52 #submenu ul.s.selected
53 {
54   margin-top: 2em; /** 32px */
55 }
56 #submenu ul.active
57 {
58   margin-top: 1.5em; /** 24px */
59 }
60 #submenu li.s
61 {
62   margin: 0 0 .5em 0; /** 0 0 10px 0 */
63   padding: 0;
64 }
65 #submenu li.s.off
66 {
67   display: none;
68 }
69 #submenu li.s > a.s
70 {
71   color: @dunkler;
72 }
73 #submenu li.s > a.s.selected,
74 #submenu li.s > strong.s
75 {
76   color: @hintergrund;
77   border-color: @hintergrund;
78 }
79 #submenu li.s > strong.s
80 {
81   border-bottom: 1px solid @hintergrund;
82 }
83 #submenu li.s > a.s.selected:before,
84 #submenu li.s > a.s:hover:before,
85 #submenu li.s > a.s:focus:before,
86 #submenu li.s > a.s:active:before,
87 #submenu li.s > strong.s:before
88 {
89   content: '> ';
90   margin: 0 .75em 0 -1.7em; /** 0 15px 0 -34px = Warum auch immer?!? */
91 }
92 #submenu li.s.sub > a.s.selected:before,
93 #submenu li.s.sub > a.s:hover:before,
94 #submenu li.s.sub > a.s:focus:before,
95 #submenu li.s.sub > a.s:active:before,
96 #submenu li.s.sub > strong.s:before
97 {
98   content: 'V ';
99 }