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

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

CSS modular sauber verteilt und JS-Loading-Framework generalisiert zu einem OOP RessourceLoader, der sowohl JS als auch CSS vom Verzeichnis einlesen kann, Cachefile erzeugt und mit Hooks sowie Postprozessor verarbeiten kann (etwa fuer Minify, LESS, usw.). Noch nicht ausgiebig getestet.

File size: 3.5 KB
Line 
1/* Header */
2header.banner {
3        position: absolute;
4        top: 0; left: 0; /*z-index: 1;*//* aus wegen nav.horizontal klappmenue*/
5        height: 107px; width: 100%;
6        text-align: right;
7       
8        /*border-bottom: 1px solid #5d5c58;*/
9        background: url("../img-v6/line.header-footer.png") bottom left repeat-x;
10}
11
12h1 { display: inline; }
13h1 a {
14        position: absolute;
15        top: 10px; left: 10px; z-index: 2;
16        text-indent: -9999px;
17        width: 310px; height: 84px;
18        background: url("../img-v6/banner.png");
19}
20
21/* Horizontal Navigation (Hauptnavigation) */
22nav.horizontal {
23        position: absolute;
24        right: 0; bottom: 0;
25        /*margin: 1em;*/ margin-right: 2em;
26}
27
28nav.horizontal .u1 > li {
29        display: inline-block;
30        /*margin-left: 1em;*/
31        position: relative;
32}
33
34nav.horizontal .u1 > li > a {
35        padding: 7px;
36        margin-bottom: 3px;
37}
38
39nav.horizontal .u1 > li.has-submenu > a {
40        padding-bottom: 10px;
41        margin-bottom: 0;
42}
43
44nav.horizontal .u1 > li:hover > a {
45        background-color: white;
46}
47
48nav.horizontal a {
49        /*font: 15px "Futura Std Book";*/
50        font-size: 15px;
51        font-weight: bold;
52        text-transform: uppercase;
53        /*color: #124b6b;*/
54}
55
56/* Aufklappnavigation der Horizontalen Navi */
57nav.horizontal .u2 { display: none; }
58nav.horizontal .u1 > li:hover .u2, nav.horizontal .u1 li.dev-force-open .u2 {
59        display: block;
60}
61
62
63nav.horizontal .u2 {
64        position: absolute;
65        z-index: 100; /* Ueber allem */
66        left: 0; /* top: 0; */
67        text-align: left;
68        width: 23em;
69        background-color: white;
70        border-bottom: 3px solid #888;
71}
72
73nav.horizontal .u2 a {
74        padding: .2em .9em;
75}
76
77nav.horizontal .u2 a:hover {
78        background-color: #efefef;
79}
80
81nav.horizontal .u2 > li.has-submenu {
82        display: block;
83        margin: 1em 0;
84}
85
86nav.horizontal .u3 > li > a {
87        padding-left: 1.9em;
88        font-weight: normal;
89}
90
91nav.horizontal ul.rich-text a {
92        padding-top: .9em; padding-bottom: .9em;
93}
94
95nav.horizontal ul.rich-text a:after {
96        content: ".";
97        display: block;
98        clear: left;
99        height: 0; line-height: 0;
100        visibility: hidden;
101}
102
103nav.horizontal ul.rich-text img {
104        float: left;
105        margin-right: 10px;
106}
107
108nav.horizontal ul.rich-text a:hover img {
109        box-shadow: 0px 0px 4px #1a5160;
110        /*outline: 1px solid #1a5160;*/
111}
112
113nav.horizontal ul.rich-text a em {
114        display: block;
115        color: black;
116        text-transform: none;
117        font-weight: normal;
118        font-style: normal;
119        font-size: 13px; /* like body */
120}
121
122/* Farben */
123nav.horizontal a, nav.top li.active a, nav.side a {
124        color: #1a5160;
125        font-weight: bold;
126        opacity: .8;
127}
128
129/* Topnavigation (Nebenheadernavigation) */
130nav.top {
131        position: absolute;
132        right: 0; top: 0;
133        margin: 1em; margin-right: 2em;
134}
135
136nav.top, nav.top input, nav.top a {
137        /*font: 15px "Futura Std Medium";*/
138        font-size: 15px;
139        text-transform: uppercase;
140        color: #757575;
141        font-weight: bold;
142}
143
144nav.top form, nav.top ul {
145        display: inline-block;
146        position: relative;
147}
148nav.top input.text, nav.top input.text.defaultvalue {
149        border: 1px solid transparent; background: transparent;
150        /*width: 4em; text-align: right;
151        padding-right: 22px;*/
152        border: 2px solid #d8d8d8;
153        width: 10em; padding-left: .3em;
154}
155nav.top input.text:focus, nav.top input.text.no-defaultvalue {
156/*      text-align: left; width: 8em;
157        border: 1px solid #bababa;*/
158        background-color: white;
159        text-transform: none;
160        color: #000;
161}
162nav.top input.button {
163        display: block;
164        text-indent: -999px; border: none;
165        background: url("../img-v6/lupe.png") no-repeat;
166        width: 13px; height: 13px;
167        position: absolute; right: 0px; top: 4px;
168       
169        display: none;
170}
171
172nav.top a {
173        display: inline-block;
174        margin-right: 1em;
175}
176nav.top li.active a {
177        /*color: #124b6b;*/
178        border-bottom: 2px solid #6F2A41;
179}
180
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