source: t29-www/shared/old/css.old/extra.css-BACKUP @ 20

Last change on this file since 20 was 20, checked in by sven, 16 years ago

Migrierung der Homepage in das Subversionsrepositorium
======================================================

Schritt 2: Import des /shared-Verzeichnisses. Jetzt richtig.

File size: 5.3 KB
Line 
1
2/*------------------------------------------*
3 *          T E C H N I K U M 2 9           *
4 *             Extrastylesheet              *
5 * Ersatzstylesheet für screen.css mit      *
6 * kleinerem banner (dazu etwas abgespeckt),*
7 * *nur* zu benutzen für Spezialseiten      *
8 * (Details & Geräte)                       *
9 *------------------------------------------*/
10
11body {
12    margin: 0; padding: 0;
13    color: #000;
14    font: 13px Verdana,Tahoma,Helvetica,Arial,sans-serif;
15}
16
17.hidden {
18    display: none;
19}
20
21img {
22    border: none;
23}
24
25
26/***** HEAD *****/
27h1 {
28    margin: 0; padding: 0;
29    height: 47px; /* real height: 67px */
30    border-bottom: 1px solid #3A6198;
31    text-align: center;
32    background-color: #5E7FAD;
33
34    z-index: 12;
35}
36
37html > body h1 {
38    /* For intelligent browsers */
39    height: 47px;
40}
41
42h1 a {
43    position: absolute;
44    top: 0;
45    left: 50%;
46    margin-left: -380px;
47    z-index: 11;
48    display: block;
49
50    /* background-image: see h1 a.[lang] */
51    background-position: top center;
52    background-repeat: no-repeat;
53    width: 760px;
54    height: 47px;
55}
56
57h1 a.de {
58    background-image: url(../img/banner/small.de.jpg);
59}
60
61h1 a span {
62    display: none;
63}
64
65h1 span.d {
66    background-color: #0C377A;
67    display: block;
68    width: 50%;
69    height: 47px;
70    position: absolute;
71    top: 0; left: 0;
72    z-index: 10;
73}
74
75h2 {
76    font: bold 140% Verdana,Arial,Helvetica,sans-serif;
77    margin: 10px 0 10px 0;
78    padding: 0;
79}
80
81/* Abstand zwischen h2 und h1 */
82.a {
83    height: 10px;
84    display: block;
85}
86
87
88#h1border {
89    /* border hilfsmittel */
90    background-color: #C8C8C8;
91    position: absolute; z-index: 10;
92/*  border: 10px solid red; */
93    display: block;
94    height: 2px; width: 100%;
95    overflow: hidden;
96    margin: 0; padding: 0;
97}
98
99
100/* Seiteninhalt */
101
102#page {
103    margin: 40px 35px;
104}
105
106/* Seitenelemente */
107
108p {
109    text-align: justify;
110}
111
112a:link, a:visited {
113    color: #224B88;
114    text-decoration: underline;
115}
116
117a:hover, a:active, a:focus {
118    color: #882224;
119    text-decoration: underline;
120}
121
122/*
123  Links mit Pfeilen: a.go & a.arrow:
124  Momentan noch kein IE-Workaround gefunden
125  (Bei mehrzeiligen Links pfeile im text)
126  Siehe auch Changelog (/CHANGELOG.txt)
127*/
128
129html>body a.arrow,
130html>body a.go {
131    background-position: bottom left;
132    background-repeat: no-repeat;
133    padding-left: 13px;
134}
135
136html>body a.arrow:link,
137html>body a.arrow:visited,
138html>body a.go:link,
139html>body a.go:visited {
140    background-image: url(../img/double.a.png);
141}
142
143html>body a.arrow:hover,
144html>body a.arrow:active,
145html>body a.arrow:focus,
146html>body a.go:hover,
147html>body a.go:active,
148html>body a.go:focus {
149    background-image: url(../img/double-hot.a.png);
150}
151
152/* Definitionslisten */
153
154dt {
155   margin-top: 1.2em;
156   font-weight: bold;
157   display: block;
158}
159dd {
160    text-align: justify;
161    margin: 0; padding: 0;
162}
163
164
165/* Navigationsleisten mit Pfeilen: Auch
166   Benutzung für IE */
167
168
169ul.nav, ul#nav {
170    list-style: none;
171    padding: 0;
172}
173ul.nav li, ul#nav li {
174    margin: 0;
175    padding: 0;
176}
177ul.nav li a, ul#nav li a {
178    padding-left: 13px;
179    background-position: bottom left;
180    background-repeat: no-repeat;
181}
182
183ul.nav li a:link,
184ul#nav li a:link,
185ul.nav li a:visited,
186ul#nav li a:visited {
187    background-image: url(../img/double.a.png);
188}
189
190ul.nav li a:hover, ul#nav li a:hover,
191ul.nav li a:active, ul#nav li a:active,
192ul.nav li a:focus, ul#nav li a:focus {
193    background-image: url(../img/double-hot.a.png);
194}
195
196
197/****** IMAGES & MORE *****/
198
199p.bildtext {
200    /* Bildbeschreibung */
201    margin: 10px 10%;
202}
203
204div.bildtext {
205    /* Bildbeschreibung, die in irgendeiner
206    Art Spalte angezeigt wird, daher kein
207    relativer Rand (10%, siehe p.bildtext) */
208    text-align: justify;
209}
210
211.center {
212    /* bild über text, alles zentriert */
213    text-align: center;
214/*  border: 1px solid #B6C6D4;
215    background-color: #F1FCFE; */
216    margin: 10px;
217}
218
219.center .boxleft {
220    /*
221        zentrierter inhalt mit .center
222        box mit bestimmter breite und
223        text-align: left;
224    */
225    text-align: left !important;
226}
227
228html>body .center .boxleft {
229    /* intelligent browsers only */
230    margin-left: auto;
231    margin-right: auto;
232    text-align: left;
233}
234
235.right {
236    /* Image -> left, text -> right */
237    margin: 10px;
238}
239
240.right img {
241    float: left;
242    margin: 1px;
243}
244
245.right p.bildtext {
246    padding: 5px;
247    margin: 0 15px 5px 15px;
248}
249
250.left {
251    /* Image -> right, text -> left */
252    margin: 10px;
253}
254
255.left img {
256    float: right;
257}
258
259.left p.bildtext {
260    padding: 5px;
261}
262
263.clear {
264    /* clearendes element, inhalt egal */
265    display: block;
266    clear: both;
267    height: 2px;
268    overflow: hidden;
269}
270
271blockquote {
272    margin: 5px 0px;
273    padding: 0px;
274    color: #2F319D;
275    text-align: justify;
276}
277
278
279/* spezialseitennavigation (kleine <ul>) */
280ul#nav {
281    text-align: left;
282}
283
284
285/* Mehrspaltigkeit */
286
287
288.cols {
289    /* Mehrspaltiger Inhalt. */
290}
291
292.cols .leftcol,
293.cols .rightcol {
294    padding: 5px 10px;
295/*  border: 3px dashed red;*/
296}
297
298.col .leftcol {
299    float: left; width: 43%;
300}
301
302.col .rightcol {
303    float: right; width: 43%;
304}
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