source: t29-www/shared/css-v6/modules/11-header.css @ 929

Last change on this file since 929 was 929, checked in by heribert, 8 years ago

Layoutgrundveränderungen Maerz 2016:

  • Uppercase-Schrift in Navigation ersetzt durch Normal, Schriftgröße von 15px auf 17px vergrößert, Futura-ähnliche Webschrift ausprobiert
  • Alternativen Body-Hintergrund ausprobiert, aber noch nicht aktiviert (ist im Commit aber enthalten)
  • Property svn:keywords set to Id
File size: 4.7 KB
Line 
1/**
2 * t29v6 Design header.css
3 * $Id: 11-header.css 929 2016-03-25 17:53:43Z heribert $
4 * In dieser Datei:
5 *
6 *   header.banner = Hauptnavigation (beinhaltet nav.horizontal, nav.top)
7 *   h1 = Banner (Bild, ganz oben)
8 *   nav.horizontal = Horizontal-Hauptnavigation (mit Aufklapp)
9 *   nav.top = Metanavigation (Sprachwahl, Suche)
10 *
11 **/
12
13/* Header */
14header.banner {
15        position: absolute;
16        top: 0; left: 0; /*z-index: 1;*//* aus wegen nav.horizontal klappmenue*/
17        height: 107px; width: 100%;
18        text-align: right;
19       
20        /*border-bottom: 1px solid #5d5c58;*/
21        background: url("/shared/img-v6/line.header-footer.png") bottom left repeat-x;
22}
23
24h1 { display: inline; }
25h1 a {
26        position: absolute;
27        top: 10px; left: 10px; z-index: 2;
28        text-indent: -9999px;
29        width: 310px; height: 84px;
30}
31
32body.lang-de h1 a { background-image: url("/shared/img-v6/banner.de.png"); }
33body.lang-en h1 a { background-image: url("/shared/img-v6/banner.en.png"); }
34
35/* Horizontal Navigation (Hauptnavigation) */
36nav.horizontal {
37        position: absolute;
38        right: 0; bottom: 0;
39        /*margin: 1em;*/ margin-right: 2em;
40}
41
42nav.horizontal .u1 > li {
43        display: inline-block;
44        /*margin-left: 1em;*/
45        position: relative;
46}
47
48nav.horizontal .u1 > li > a {
49        padding: 7px;
50        margin-bottom: 3px;
51}
52
53nav.horizontal .u1 > li.has-submenu > a {
54        padding-bottom: 10px;
55        margin-bottom: 0;
56}
57
58nav.horizontal .u1 > li:hover > a {
59        background-color: white;
60}
61
62nav.horizontal .u1 > li.active > a,
63nav.horizontal .u2 > li.active > a {
64        /*color: #6F2A41; *//* gedecktes bordot */
65        color: #E90015; /* knalliges Rot von rechter Navi */
66}
67
68nav.horizontal a {
69        /*font: 15px "Futura Std Book";*/
70        font-size: 17px;
71        /*font-weight: bold;*/
72        /*text-transform: uppercase;*/
73        /*color: #124b6b;*/
74}
75
76nav.horizontal a.hidden-in-nav {
77        /* Items which shall not be visible in the header navigation display */
78        display: none;
79}
80
81/* Aufklappnavigation der Horizontalen Navi */
82nav.horizontal .u2 { display: none; } 
83nav.horizontal .u1 > li:hover .u2, nav.horizontal .u1 li.dev-force-open .u2 {
84        display: block;
85}
86
87/* devel: Menu statisch anzeigen */
88/*nav.horizontal li.current.active .u2 { display: block; }*/
89
90
91nav.horizontal .u2 {
92        position: absolute;
93        z-index: 100; /* Ueber allem */
94        left: 0; /* top: 0; */
95        text-align: left;
96        width: 23em;
97        background-color: white;
98        border-bottom: 3px solid #888;
99}
100
101nav.horizontal li.open-to-left .u2 {
102        left: inherit;
103        right: 0;
104}
105
106nav.horizontal .u2 a {
107        padding: .2em .9em;
108}
109
110nav.horizontal .u2 a:hover {
111        background-color: #efefef;
112}
113
114nav.horizontal .u2 > li.has-submenu {
115        display: block;
116        margin: 1em 0;
117}
118
119nav.horizontal .u3 > li > a {
120        padding-left: 1.9em;
121        font-weight: normal;
122}
123
124nav.horizontal ul.rich-text a {
125        padding-top: .7em; padding-bottom: .7em;
126}
127
128nav.horizontal ul.rich-text a:after {
129        content: ".";
130        display: block;
131        clear: left;
132        height: 0; line-height: 0;
133        visibility: hidden;
134}
135
136nav.horizontal ul.rich-text img {
137        float: left;
138        margin-right: 10px;
139        /*display: none;*/ /* ausblenden */ /* warum ausblenden? */
140}
141
142nav.horizontal ul.rich-text a:hover img {
143        box-shadow: 0px 0px 4px #1a5160;
144        /*outline: 1px solid #1a5160;*/
145}
146
147nav.horizontal ul.rich-text a em {
148        display: block;
149        color: black;
150        text-transform: none;
151        font-weight: normal;
152        font-style: normal;
153        font-size: 13px; /* like body */
154}
155
156nav.horizontal li.small-screen-only {
157        display: none;
158}
159
160/* Farben */
161nav.horizontal a, nav.top li.active a, nav.side a {
162        color: #1a5160;
163        /*font-weight: bold;*/
164        opacity: .8;
165}
166
167/* Topnavigation (Nebenheadernavigation) */
168nav.top {
169        position: absolute;
170        right: 0; top: 0;
171        margin: 1em; margin-right: 2em;
172}
173
174nav.top, nav.top input, nav.top a {
175        /*font: 15px "Futura Std Medium";*/
176        font-size: 17px;
177        /*text-transform: uppercase;*/
178        color: #757575;
179        /*font-weight: bold;*/
180}
181
182nav.top form, nav.top ul {
183        display: inline-block;
184        position: relative;
185}
186
187nav.top form {
188        /* Suche, solange sie noch nicht fertig ist, ausblenden. */
189        /*display: none;*/ /* Online gegangen im Maerz 2013 */
190}
191
192nav.top input.text, nav.top input.text.defaultvalue {
193        border: 1px solid transparent; background: transparent;
194        /*width: 4em; text-align: right;
195        padding-right: 22px;*/
196        border: 2px solid #d8d8d8;
197        width: 10em; padding-left: .3em;
198}
199nav.top input.text:focus, nav.top input.text.no-defaultvalue {
200/*      text-align: left; width: 8em;
201        border: 1px solid #bababa;*/
202        background-color: white;
203        text-transform: none;
204        color: #000;
205}
206nav.top input.button {
207        display: block;
208        text-indent: -999px; border: none;
209        background: url("/shared/img-v6/lupe.png") no-repeat;
210        width: 13px; height: 13px;
211        position: absolute; right: 0px; top: 4px;
212       
213        display: none;
214}
215
216nav.top a {
217        display: inline-block;
218        margin-right: 1em;
219}
220nav.top li.active a {
221        /* Aktuell ausgewaehlte Farben */
222        /*color: #124b6b;*/
223        border-bottom: 2px solid #E90015; /* war gedeckte Farbe #6F2A41 */
224}
225
Note: See TracBrowser for help on using the repository browser.
© 2008 - 2013 technikum29 • Sven Köppel • Some rights reserved
Powered by Trac
Expect where otherwise noted, content on this site is licensed under a Creative Commons 3.0 License