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

Last change on this file since 347 was 347, checked in by sven, 11 years ago

Diverse Verbesserungen am Homepagesystem, die bereits lange anstanden.

  • Die Suche ist endlich implementiert, wenngleich auch relativ unschoen mittels einer eingebundenen Google-Suche.

Bugfixes:

  • de/news.php: Syntaxfehler im Neuigkeiten-Menü

Backend-Aenderungen:

  • Englischsprachige Benutzer, die auf die deutsche Seite kommen oder andersrum erhalten einen Hinweis, dass es die andere Sprachversion gibt (noch nicht vollständig implementiert)
  • Es gibt ein besseres Logging-System, welches Client- und Serverausgaben verbindet
  • Das System generiert jetzt selbst Clean-URLs direkt (zumindest aus Menue/Template, Inhalte werden nicht touchiert). Das reduziert die Anzahl der Zugriffe erheblich.
  • Ein paar CSS-Details
  • navigation.xml: "#DUMME-VERLINKUNG"-Einträge entfernt
  • Property svn:keywords set to Id
File size: 4.3 KB
Line 
1/**
2 * t29v6 Design header.css
3 * $Id: 11-header.css 347 2013-03-06 02:58:15Z sven $
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        background: url("/shared/img-v6/banner.png");
31}
32
33/* Horizontal Navigation (Hauptnavigation) */
34nav.horizontal {
35        position: absolute;
36        right: 0; bottom: 0;
37        /*margin: 1em;*/ margin-right: 2em;
38}
39
40nav.horizontal .u1 > li {
41        display: inline-block;
42        /*margin-left: 1em;*/
43        position: relative;
44}
45
46nav.horizontal .u1 > li > a {
47        padding: 7px;
48        margin-bottom: 3px;
49}
50
51nav.horizontal .u1 > li.has-submenu > a {
52        padding-bottom: 10px;
53        margin-bottom: 0;
54}
55
56nav.horizontal .u1 > li:hover > a {
57        background-color: white;
58}
59
60nav.horizontal .u1 > li.active > a,
61nav.horizontal .u2 > li.active > a {
62        /*color: #6F2A41; *//* gedecktes bordot */
63        color: #E90015; /* knalliges Rot von rechter Navi */
64}
65
66nav.horizontal a {
67        /*font: 15px "Futura Std Book";*/
68        font-size: 15px;
69        font-weight: bold;
70        text-transform: uppercase;
71        /*color: #124b6b;*/
72}
73
74/* Aufklappnavigation der Horizontalen Navi */
75nav.horizontal .u2 { display: none; } 
76nav.horizontal .u1 > li:hover .u2, nav.horizontal .u1 li.dev-force-open .u2 {
77        display: block;
78}
79
80/* devel: Menu statisch anzeigen */
81/*nav.horizontal li.current.active .u2 { display: block; }*/
82
83
84nav.horizontal .u2 {
85        position: absolute;
86        z-index: 100; /* Ueber allem */
87        left: 0; /* top: 0; */
88        text-align: left;
89        width: 23em;
90        background-color: white;
91        border-bottom: 3px solid #888;
92}
93
94nav.horizontal li.open-to-left .u2 {
95        left: inherit;
96        right: 0;
97}
98
99nav.horizontal .u2 a {
100        padding: .2em .9em;
101}
102
103nav.horizontal .u2 a:hover {
104        background-color: #efefef;
105}
106
107nav.horizontal .u2 > li.has-submenu {
108        display: block;
109        margin: 1em 0;
110}
111
112nav.horizontal .u3 > li > a {
113        padding-left: 1.9em;
114        font-weight: normal;
115}
116
117nav.horizontal ul.rich-text a {
118        padding-top: .7em; padding-bottom: .7em;
119}
120
121nav.horizontal ul.rich-text a:after {
122        content: ".";
123        display: block;
124        clear: left;
125        height: 0; line-height: 0;
126        visibility: hidden;
127}
128
129nav.horizontal ul.rich-text img {
130        float: left;
131        margin-right: 10px;
132        display: none; /* ausblenden */
133}
134
135nav.horizontal ul.rich-text a:hover img {
136        box-shadow: 0px 0px 4px #1a5160;
137        /*outline: 1px solid #1a5160;*/
138}
139
140nav.horizontal ul.rich-text a em {
141        display: block;
142        color: black;
143        text-transform: none;
144        font-weight: normal;
145        font-style: normal;
146        font-size: 13px; /* like body */
147}
148
149/* Farben */
150nav.horizontal a, nav.top li.active a, nav.side a {
151        color: #1a5160;
152        font-weight: bold;
153        opacity: .8;
154}
155
156/* Topnavigation (Nebenheadernavigation) */
157nav.top {
158        position: absolute;
159        right: 0; top: 0;
160        margin: 1em; margin-right: 2em;
161}
162
163nav.top, nav.top input, nav.top a {
164        /*font: 15px "Futura Std Medium";*/
165        font-size: 15px;
166        text-transform: uppercase;
167        color: #757575;
168        font-weight: bold;
169}
170
171nav.top form, nav.top ul {
172        display: inline-block;
173        position: relative;
174}
175
176nav.top form {
177        /* Suche, solange sie noch nicht fertig ist, ausblenden. */
178        /*display: none;*/ /* Online gegangen im Maerz 2013 */
179}
180
181nav.top input.text, nav.top input.text.defaultvalue {
182        border: 1px solid transparent; background: transparent;
183        /*width: 4em; text-align: right;
184        padding-right: 22px;*/
185        border: 2px solid #d8d8d8;
186        width: 10em; padding-left: .3em;
187}
188nav.top input.text:focus, nav.top input.text.no-defaultvalue {
189/*      text-align: left; width: 8em;
190        border: 1px solid #bababa;*/
191        background-color: white;
192        text-transform: none;
193        color: #000;
194}
195nav.top input.button {
196        display: block;
197        text-indent: -999px; border: none;
198        background: url("/shared/img-v6/lupe.png") no-repeat;
199        width: 13px; height: 13px;
200        position: absolute; right: 0px; top: 4px;
201       
202        display: none;
203}
204
205nav.top a {
206        display: inline-block;
207        margin-right: 1em;
208}
209nav.top li.active a {
210        /* Aktuell ausgewaehlte Farben */
211        /*color: #124b6b;*/
212        border-bottom: 2px solid #E90015; /* war gedeckte Farbe #6F2A41 */
213}
214
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