Navigation - Untermen├╝
[website] / src / main / webapp / css / base / navigation.css
1 #menu
2 {
3   position: relative;
4   width: 200%;
5   top: -7em;
6   right: 100%;
7   text-align: right;
8   list-style-type: none;
9   margin: 0;
10   padding: 0;
11 }
12 #menu > li.m
13 {
14   display: inline-block;
15   padding: 0 0 0 4em;
16 }
17 #menu > li.m > .m
18 {
19   font-family: 'BPreplay', Helvetica, Arial, sans-serif;
20   font-weight: bold;
21   font-size: 250%; /** 40px */
22   color: #0ACF00;
23 }
24 #menu > li.m > a.m
25 {
26   border-color: #0ACF00;
27 }
28 #menu > li.m > a.m:hover
29 {
30   border-color: #078600;
31 }
32 #menu > li.m > a.m:hover,
33 #menu > li.m > strong.m
34 {
35   border-style: solid;
36 }
37 #menu > li.m > a.m:hover
38 {
39   color: #078600;
40 }
41 #menu > li.m > a.m:hover:before,
42 #menu > li.m > a.m.selected:before,
43 #menu > li.m > strong.m:before
44 {
45   content: '> ';
46   margin-left: -.92em;
47 }
48
49 #nav > h1.nav,
50 #nav > h2.nav.menu
51 {
52   display: none;
53 }
54 #nav > h2.nav.submenu
55 {
56   font-size: 125%; /** 20px */
57   line-height: 1em; /** 20px */
58   margin: 1.5em 0 .5em 0; /** 30px 0 10px 0 */
59   padding: 0 0 0 1.65em; /** 0 0 0 33px */
60 }
61 #nav > h2.nav.submenu:before
62 {
63   content: 'V ';
64   margin: 0 .75em 0 -1.7em; /** 0 15em 0 -34px */
65 }
66 #nav > h2.nav.submenu > span.s
67 {
68   display: none;
69 }
70 #nav > h2.nav.submenu > a.s
71 {
72   color: #fff;
73   border-style: dashed;
74   border-color: #fff;
75 }
76 #nav > h2.nav.submenu > a.s:hover,
77 #nav > h2.nav.submenu > a.s:focus,
78 #nav > h2.nav.submenu > a.s:active
79 {
80   border-style: solid;
81 }
82
83 #submenu
84 {
85   font-family: 'BPreplay', Helvetica, Arial, sans-serif;
86   font-weight: bold;
87   font-size: 125%; /** 20 px */
88   list-style-type: none;
89   margin: 1em 0 4em 0;
90   padding: 0 0 0 1.65em; /** 0 0 0 33px */
91 }
92 #submenu ul.s
93 {
94   margin: 1em 0 0 0; /** 16px 0 0 0 */
95   padding: 0;
96   list-style-type: none;
97 }
98 #submenu li.s
99 {
100   margin: 0 0 .5em 0; /** 0 0 10px 0 */
101   padding: 0;
102 }
103 #submenu li.s.off
104 {
105   display: none;
106 }
107 #submenu li.s > a.selected,
108 #submenu li.s > strong.s
109 {
110   color: #fff;
111   border-color: #fff;
112 }
113 #submenu li.s > strong.s
114 {
115   border-bottom: 1px solid #fff;
116 }
117 #submenu li.s > a.s.selected:before,
118 #submenu li.s > a.s:hover:before,
119 #submenu li.s > a.s:focus:before,
120 #submenu li.s > a.s:active:before,
121 #submenu li.s > strong.s:before
122 {
123   content: '> ';
124   margin: 0 .75em 0 -1.7em; /** 0 15px 0 -34px = Warum auch immer?!? */
125 }
126 #submenu li.s.sub > a.s.selected:before,
127 #submenu li.s.sub > a.s:hover:before,
128 #submenu li.s.sub > a.s:focus:before,
129 #submenu li.s.sub > a.s:active:before,
130 #submenu li.s.sub > strong.s:before
131 {
132   content: 'V ';
133 }