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

Last change on this file since 289 was 289, checked in by sven, 12 years ago

Viele Detailarbeiten:

  • Relationale Navigation (Vor/Zurück-Pfeile) im Footer aufgehübscht (sieht jetzt mehr wie auf alter Homepage aus)
  • Beam-Navigation (Punkte auf Strich) im Footer mal wieder repariert
  • Neuen Footer unterhalb des jetzigen Footers eingeführt, dort exemplarischen Inhalt hingeschrieben
  • Aktiv-Zustände werden in der horizontalen Navigation jetzt etwas angezeigt
  • Menü kann nun im Titel der Links anzeigen, was sie sind
  • messages.php kann nun serverseitig für Instanzen Nachrichten überschreiben, genutzt im template.php
  • Property svn:keywords set to Id
File size: 3.9 KB
Line 
1/**
2 * t29v6 Design header.css
3 * $Id: 11-header.css 289 2012-08-16 18:03:29Z 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;
63}
64
65nav.horizontal a {
66        /*font: 15px "Futura Std Book";*/
67        font-size: 15px;
68        font-weight: bold;
69        text-transform: uppercase;
70        /*color: #124b6b;*/
71}
72
73/* Aufklappnavigation der Horizontalen Navi */
74nav.horizontal .u2 { display: none; }
75nav.horizontal .u1 > li:hover .u2, nav.horizontal .u1 li.dev-force-open .u2 {
76        display: block;
77}
78
79
80nav.horizontal .u2 {
81        position: absolute;
82        z-index: 100; /* Ueber allem */
83        left: 0; /* top: 0; */
84        text-align: left;
85        width: 23em;
86        background-color: white;
87        border-bottom: 3px solid #888;
88}
89
90nav.horizontal .u2 a {
91        padding: .2em .9em;
92}
93
94nav.horizontal .u2 a:hover {
95        background-color: #efefef;
96}
97
98nav.horizontal .u2 > li.has-submenu {
99        display: block;
100        margin: 1em 0;
101}
102
103nav.horizontal .u3 > li > a {
104        padding-left: 1.9em;
105        font-weight: normal;
106}
107
108nav.horizontal ul.rich-text a {
109        padding-top: .9em; padding-bottom: .9em;
110}
111
112nav.horizontal ul.rich-text a:after {
113        content: ".";
114        display: block;
115        clear: left;
116        height: 0; line-height: 0;
117        visibility: hidden;
118}
119
120nav.horizontal ul.rich-text img {
121        float: left;
122        margin-right: 10px;
123}
124
125nav.horizontal ul.rich-text a:hover img {
126        box-shadow: 0px 0px 4px #1a5160;
127        /*outline: 1px solid #1a5160;*/
128}
129
130nav.horizontal ul.rich-text a em {
131        display: block;
132        color: black;
133        text-transform: none;
134        font-weight: normal;
135        font-style: normal;
136        font-size: 13px; /* like body */
137}
138
139/* Farben */
140nav.horizontal a, nav.top li.active a, nav.side a {
141        color: #1a5160;
142        font-weight: bold;
143        opacity: .8;
144}
145
146/* Topnavigation (Nebenheadernavigation) */
147nav.top {
148        position: absolute;
149        right: 0; top: 0;
150        margin: 1em; margin-right: 2em;
151}
152
153nav.top, nav.top input, nav.top a {
154        /*font: 15px "Futura Std Medium";*/
155        font-size: 15px;
156        text-transform: uppercase;
157        color: #757575;
158        font-weight: bold;
159}
160
161nav.top form, nav.top ul {
162        display: inline-block;
163        position: relative;
164}
165nav.top input.text, nav.top input.text.defaultvalue {
166        border: 1px solid transparent; background: transparent;
167        /*width: 4em; text-align: right;
168        padding-right: 22px;*/
169        border: 2px solid #d8d8d8;
170        width: 10em; padding-left: .3em;
171}
172nav.top input.text:focus, nav.top input.text.no-defaultvalue {
173/*      text-align: left; width: 8em;
174        border: 1px solid #bababa;*/
175        background-color: white;
176        text-transform: none;
177        color: #000;
178}
179nav.top input.button {
180        display: block;
181        text-indent: -999px; border: none;
182        background: url("/shared/img-v6/lupe.png") no-repeat;
183        width: 13px; height: 13px;
184        position: absolute; right: 0px; top: 4px;
185       
186        display: none;
187}
188
189nav.top a {
190        display: inline-block;
191        margin-right: 1em;
192}
193nav.top li.active a {
194        /*color: #124b6b;*/
195        border-bottom: 2px solid #6F2A41;
196}
197
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