source: t29-www/shared/css-v6/modules/13-footer.css @ 271

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

Dokumentation des RessourceLoader-Systems geschrieben. Pfade in den CSS-files zunaechst erst mal absolut gesetzt. Mit CSSMin werden diese spaeter vllt umgeschrieben bzw. kleine PNGs eingebettet.

File size: 3.8 KB
Line 
1/* Footer */
2footer {
3        clear: both;
4        height: 104px; width: 100%;
5        /* temp. um Navi-Kram zu uebermalen: */
6        position: relative; z-index: 20;
7       
8        /*border-top: 1px solid #5d5c58;*/
9        background: #f1f1f1 url("/shared/img-v6/line.header-footer.png") top left repeat-x;
10}
11
12/* "Beam Navigation" nav.guide */
13nav.guide {
14        position: absolute;
15        z-index: 5; /* ueber nav.rel */
16        top: -5px; left: -5px;
17        width: 900px; margin: 0 25px; /* wie #content, in breite ein paar px mehr wegen ueberstehenden bullets */
18}
19nav.guide ul, nav.guide li { display: inline; }
20nav.guide a {
21        float: left;
22        position: relative;
23}
24
25nav.guide a:hover, nav.guide a:focus {
26        background-color: inherit; /* Overwrite nav a:hover bg white */
27}
28
29nav.guide .text {
30        display: block;
31        /*font: 12px "Futura Std Book";*/
32        font-size: 12px; font-weight: bold;
33        text-transform: uppercase;
34        color: #5d5c58;
35        position: absolute;
36        top: -19px; left: 0;
37        white-space: nowrap;
38}
39
40nav.guide a.higher-text .text {
41        /* Labeltexte, die die default dargestellten Texte (.visible)
42           beim Hovern ueberpinseln und daher hoeher dargestellt werden */
43        top: -34px;
44}
45
46nav.guide .bullet {
47        width: 0; height: 0;
48        border: 2px solid #5d5c58;
49        padding: 4px;
50        margin: 1px;
51        display: inline-block;
52        border-radius: 6px;
53        position: relative;
54}
55
56nav.guide .visible > a > .bullet {
57        border-width: 6px;
58        padding: 0;
59}
60
61nav.guide .bullet, nav.guide .text { visibility: hidden; }
62nav.guide li.visible > a > .bullet, nav.guide .visible > a >  .text,
63nav.guide a:hover .bullet, nav.guide a:hover  .text,
64nav.guide a:focus .bullet, nav.guide a:focus .text { visibility:visible; }
65
66/*
67html.csstransitions nav.guide .bullet, html.csstransitions nav.guide .text {
68        visibility: visible; opacity: 0;
69        -webkit-transition: opacity .25s cubic-bezier(0.420, 0.000, 0.580, 1.000);
70        -moz-transition: opacity .25s cubic-bezier(0.420, 0.000, 0.580, 1.000);
71        -ms-transition: opacity .25s cubic-bezier(0.420, 0.000, 0.580, 1.000);
72        -o-transition: opacity .25s cubic-bezier(0.420, 0.000, 0.580, 1.000);
73        transition: opacity .25s cubic-bezier(0.420, 0.000, 0.580, 1.000);
74}
75html.csstransitions nav.guide li.visible > a > .bullet, html.csstransitions nav.guide .visible > a >  .text,
76html.csstransitions nav.guide a:hover .bullet, html.csstransitions nav.guide a:hover  .text,
77html.csstransitions nav.guide a:focus .bullet, html.csstransitions nav.guide a:focus .text {
78        opacity: 1;
79        -webkit-transition: opacity .25s cubic-bezier(0.420, 0.000, 0.580, 1.000);
80        -moz-transition: opacity .25s cubic-bezier(0.420, 0.000, 0.580, 1.000);
81        -ms-transition: opacity .25s cubic-bezier(0.420, 0.000, 0.580, 1.000);
82        -o-transition: opacity .25s cubic-bezier(0.420, 0.000, 0.580, 1.000);
83        transition: opacity .25s cubic-bezier(0.420, 0.000, 0.580, 1.000);
84}
85*/
86
87nav.guide a:hover .bullet, nav.guide a:focus .bullet {
88
89}
90
91/*nav.guide .current > a > .text { color: #40a8e2; }*/
92
93/* Relationale Navigation */
94nav.rel {
95        height: 20px;
96        position: absolute;
97        top: 20px; left: 40px;
98        z-index: 0;
99}
100
101nav.rel a {
102        /*font: 12px "Futura Std Medium";*/
103        font-size: 12px;
104        color: #40a8e2;
105        text-transform: uppercase;
106        display: inline-block;
107}
108
109nav.rel strong { display: block; }
110
111nav.rel li  a {
112        /*float: left;
113        width: 45%; *//* per JS automatisch angepasst */
114        padding: 10px; margin-top: 3px; /* footer bg */
115}
116
117nav.rel .prev  a {
118        text-align: right;
119}
120nav.rel .next a {
121        text-align: left;
122}
123
124nav.rel a:hover {
125        background-color: #dfeaf0;
126}
127
128/* Footer Icon-Sammlung und so */
129footer .right {
130        position: absolute;
131        top: 2px;
132        right: 0;
133        width: 230px;
134        padding: 15px;
135        text-align: right;
136}
137
138footer .right img.logo {
139        float: right;
140        width:30px;
141        padding-left: 10px;
142        padding-right: 11px;
143}
144
145footer .right div.icons {
146        clear: left;
147        padding-top: 8px;
148}
149
150footer .right .icons a { opacity: .5; }
151footer .right .icons a:hover, footer .right .icons a:focus { opacity: 1; }
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