source: t29-www/shared/css/fresh.css @ 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: 21.6 KB
Line 
1/***************************************************************************\
2|       _         _         _                                               |
3|      /\ \     /\ \      / /\          technikum29.de                      |
4|      \_\ \   /  \ \    / /  \         Screendesign der Version 5.7        |
5|      /\__ \ / /\ \ \  / / /\ \                                            |
6|     / /_ \ \\/_/\ \ \/_/ /\ \ \       Seit Version 5.7 default-css fuer   |
7|    / / /\ \ \   / / /\ \ \_\ \ \      die Homepage. screen.css steht      |
8|   / / /  \/_/  / / /  \ \/__\ \ \     jedoch immer noch als gleichwertige |
9|  / / /        / / /  _ \_____\ \ \    Alternative zur Verfuegung.         |
10| / / /        / / /_/\_\       \ \ \                                       |
11|/_/ /        / /_____/ /        \ \ \  Alle "Spezialstyles" fuer einzelne  |
12|\_\/         \________/          \_\/  Inhaltsseiten sind in common.css    |
13|                                       mit dem ehemal. print.css           |
14|                                       zusammengefasst.                    |
15|                                                                           |
16| IE6-Workarounds sind hauptsaechlich in fresh-iefixing.css festgehalten!   |
17\***************************************************************************/
18
19/*
20** Changelog seit v5.7:
21**   v5.7FINAL: eingeführt
22**   v5.7.1:    Schriftgröße runtergesetzt, Menü l3 nun ständig angezeigt
23**   v5.7.5:    Kosmetische Verbesserungen (Sourcecode), Verallgemeinerungen
24**              für Textabstand zu links floatenden Bildern, Restrukturierung
25**              Navibereich, Transfer von allgemeinen Teilen (bildboxen) zu
26**              common.css, Styleswticher, etc.
27**   v5.7.6:    opacity:.99; für Safari2-Bug
28**   v5.7.21:   Seitenmindesthöhe vergrößert
29**
30**
31**
32*/
33
34
35/*
36** "fresh" -- das klingt nach Freiheit, Frische, Vitalitaet, ein Design, was
37** alte Zoepfe abschneidet trotzdem aestetisch schoen ist. So oder so aehnlich
38** war es auch in der ersten Version geplant -- was in dieser hier vorliegenden
39** Endfassung davon uebrig geblieben ist, haben viele Leute unabhaengig von-
40** einander auf den Punkt gebracht: Konservativ. Jedes einzige der "frischen"
41** Elemente wurde in einer zaehen, langen Woche Stueck fuer Stueck entfernt
42** und durch etwas ersetzt, was in seiner Ganzheit nun von einigen Leuten als
43** schlichtweg "haesslich", von anderen als "konservativ" und "altbacken" be-
44** zeichnet wird. Eigentlich trifft nur eins zu: Es trifft vermutl. im Grossen
45** und ganzen die Vorstellungen des "Kunden", wenn auch jede Hoffnung auf das,
46** was man von einem "Redesign" erhoffen koennte, weitgehend gestorben ist.
47** So bleibt nur noch der Name, den ich - entgegen jedem Frust - aus Hoffnung
48** heraus nicht in "conservative.css" geaendert habe. Denn auch Rueckschritt
49** kann Frische bringen, und, um mit den Worten der Leute zu schliessen, die
50** das Design als "neutral" und "nicht schlecht" empfunden haben, es passt doch
51** zu einem Museum auch ein bisschen.
52** In diesem Sinne viel Spass beim Lesen eines Stylesheets, was meinem Empfinden
53** nach fuer ein solches Aussehen ueberpropertional umfangreich ist.
54**  -- Sven, 15.07.2007 23:00
55*/
56
57
58body {
59    margin: 0; padding: 0;
60    color: #000; background-color: #fff;
61    font-family: Verdana,Tahoma,Helvetica,Arial,sans-serif;
62    /* exiplit keine font-size */
63}
64
65.hidden { display: none; }
66img     { border: none; }
67.center { text-align: center; }
68.left   { text-align: left; }
69.block, .justify  { text-align: justify; }
70.clear  { /* clearendes element, inhalt egal */
71          display: block; clear: both;
72          height: 2px; overflow: hidden; }
73
74/*
75** Table of contents:
76**   1. Banner
77**   2. General page layout (#wrapper, #page, #menu, #content,...)
78**   3. Sidebar (Menu, language link,...)
79**   4. Common content
80**   5. Footer (Relations, copyright)
81**
82*/
83
84
85/******************************************************************************
86**  1. Banner
87*/
88
89h1 {
90    margin: 0; padding: 0;
91    height: 98px;
92    text-align: center;
93    background-color: #5E7FAD;
94    background-repeat: repeat-x;
95    background-image: url(../img/fresh.design/freshbanner.bg.png);
96}
97
98h1 a {
99    /* Schriftzug als Link zu /[Sprache]/ */
100    position: absolute;
101    top: 0;
102    left: 50%;
103    margin-left: -438px;
104    /*margin-left: auto;
105    margin-right: auto;*/
106    display: block;
107
108    /* background-image: multilangual => h1.[lang] a */
109    background-position: top center;
110    background-repeat: no-repeat;
111    width: 877px;
112    height: 96px;
113}
114
115h1.de a {
116    /* Deutscher Banner */
117    background-image: url(../img/banner/big.de.png);
118}
119
120h1.en a {
121    /* English banner */
122    background-image: url(../img/banner/big.en.png);
123}
124
125h1.int a {
126    /* International banner (Deutsch grosse Schrift, englisch klein drunter) */
127    background-image: url(../img/banner/int.jpg);
128}
129
130h1.dev a {
131    /* Banner fuer Development-Zone (weil er nun mal hier im Verzeichnis steckt) */
132    background-image: url(../img/banner/dev.png);
133}
134
135h1.none a {
136    /* Banner with no subtitle in any language */
137    /* Banner mit ueberhaupt keinem Subtitel */
138    background-image: url(../img/banner/logo.png);
139}
140
141h1 a span, h1 .old, #h1-subtitle {
142    /* a span: Beschriftung fuer Druck/designlose Darstellung */
143    /* h1 .old, #h1-subtitle: Legacylast zwecks Kombatibilitaet screen.css */
144    /* #h1-subtitle hiess frueher #h1border und wird jetzt im printlayout genutzt */
145    display: none;
146}
147
148
149/******************************************************************************
150**  2. General Page Layout (#sidebar, #content, #page,...)
151**
152**  An dieser Stelle nur allgemeine grundlegende Bereiche beschreiben, kein
153**  Design.
154*/
155
156#wrapper {
157    /* Wrapper, der #content und #sidebar umfliesst. Er ist fuer
158       min-width notwendig, damit #sidebar aus dem Bildschirm ver-
159       schwinden kann. Hier wird auch der Hintergrund definiert */
160    position: relative;
161    min-width: 1000px; /* seit v5.7.1 nur 1000px damit ein 1024px-Bildschirm nicht scrollen braucht */
162
163    background-position: top right;
164    background-image: url(../img/fresh.design/menu-bg/binary.png);
165    background-repeat: repeat-y;
166    /*background-attachment: fixed; netter effekt, aber komisch */
167}
168
169/* NAVIGATIONSLEISTENHINTERGRUENDE
170** Die Klasse um #wrapper rum ist einfach die $location-SSI-Variable.
171** Wegen IE6 braucht's leider noch einen Wrapper um den #wrapper :/
172*/
173.rundfunk #wrapper, .tontechnik #wrapper { background-image: url(../img/fresh.design/menu-bg/rundfunk.jpg); }
174.fernsehen #wrapper { background-image: url(../img/fresh.design/menu-bg/fernsehen.jpg); }
175.messtechnik #wrapper { background-image: url(../img/fresh.design/menu-bg/messtechnik.jpg); }
176.elektro-mechanik #wrapper { background-image: url(../img/fresh.design/menu-bg/elektro-mechanik.jpg); }
177.tabelliermaschine #wrapper { background-image: url(../img/fresh.design/menu-bg/tabelliermaschine.png); }
178.lochkarten #wrapper { background-image: url(../img/fresh.design/menu-bg/lochkarte.jpg); }
179.speichermedien #wrapper { background-image: url(../img/fresh.design/menu-bg/speichermedien.png); }
180.transistoren #wrapper { background-image: url(../img/fresh.design/menu-bg/transistoren.png); }
181.fruehe-computer #wrapper { background-image: url(../img/fresh.design/menu-bg/fruehe-computer.png); }
182.analogrechner #wrapper { background-image: url(../img/fresh.design/menu-bg/analogrechner.png); }
183.elektronenroehren #wrapper { background-image: url(../img/fresh.design/menu-bg/elektronenroehren.jpg); }
184/*
185   Es fehlen noch spezielle Hintergründe für:
186    * Faxtechnik
187    * Programmierbare Rechner 2. Generation
188    * 3. Generation mit ICs
189    * Kommerzielle Rechner
190    * Univac
191*/
192
193
194#sidebar {
195    /* Rechte Seitenleiste, relativ zum #wrapper */
196    /* "Navigation rechts" empfinden Manche als "sehr ungewöhnlich". Es gibt allerdings sehr häufig,
197       vor allem in letzter Zeit, rechtsausgerichtete Navigationen, z.B. in sehr, sehr vielen Blog-
198       designs. Wissenschaftliche Studien meinen, es wäre ergonomisch sinnvoller und würde zu
199       schnellerer Navigation auf Webseiten führen, weil der Abstand zu den Scrollleisten nicht so
200       groß ist. Wie dem auch sei, im fresh-Design habe ich bewusst eine rechtsausgerichtete Navigation
201       gewählt, damit die Schrift nicht so an den Rand geklatscht aussieht -- dadurch, dass sie links
202       ausgerichtet ist, entsteht mehr Freiraum. Außerdem ist es ein weiterer Indiz dafür, dass es sich
203       nicht um ein stinknormales langweiliges Layout handelt.
204    */
205    position: absolute;
206    right: 0; top: 98px;
207    width: 210px;
208    padding: 10px 20px 0 0;
209}
210
211#content, .content {
212    /* Allgemeines fuer Inhalt */
213    /*font-family: "Times New Roman", "Times", serif;*/
214    font-size: 90%; /*  kleinere Schrift für Inhalt, seit v5.7.1 gewünscht*/
215    /* problematishce Sache. VOrher stand font-size:105% ausgeklammert, d.h. 100% wurde genutzt.
216       Afaik soll sogar ein Schriftwechsler implementiert werden.
217   
218    */
219    line-height: 125%; /* 1.5em sieht auch nett aus */
220}
221
222#content {
223    /* Inhalt (nur in Zusammenhang mit #menu nutzen!) */
224    margin-right: 230px; /* #sidebar.width + 2*#sidebar.padding! */
225    padding: 5%;
226    padding-bottom: 0;  /* Kleines Workaround, um keine Riesenabstaende */
227    margin-bottom: 5%;  /* unten zu kriegen, denn margins ueberlagern sich */
228
229    min-height: 1100px;
230    height: 1100px; /* IE workaround */
231    overflow: visible;
232    position: relative; /* für #sidebar-footnote, absolut dazu positiniert */
233}
234
235html>body #content { height: auto; }
236
237#page, .content {
238    /* Fuer seiten ohne #menu */
239    /* muss man ggf. noch anders regeln */
240    margin: 2em;
241}
242
243/******************************************************************************
244**  3. Sidebar: Menue, Languagelink, Footnote
245*/
246
247#sidebar {
248    font-size: 12px;
249    /*background-color: #fafafa; geregelt als img für #wrapper */
250    font-weight: bold; /* Herihässlich */
251}
252
253/* Sprachlink */
254#lang {
255    /* Link auf englische/deutsche Version, auffällig  */
256    margin: 12px 0 20px 0;
257}
258
259#lang a {
260    display: block;
261    line-height: 140%;
262    padding: 5px 12px 5px 20px;
263    background-color: #fff;
264    /*background-image: url(../img/fresh.design/langbg.menu.png);*/
265    text-decoration: none;
266    border: 1px solid #5D7EAB;
267}
268
269#lang a:hover, #lang a:focus {
270    border: 1px outset #5D7EAB;
271    color: #000;
272    background: #f0c194 url(../img/fresh.design/orangebg.menu.png) repeat-x;
273}
274
275/* Schriftgroesseneinstellung/Styleswitcher */
276#styleswitcher {
277    border: 1px solid #555;
278    background-color: #fff;
279    padding: 5px 20px;
280    text-align: right;
281}
282
283#styleswitcher em {
284    display: block;
285    text-align: center;
286    font-style: normal;
287}
288
289#styleswitcher a.small {
290    float: left;
291}
292
293
294
295/* Menue */
296#menu ul.l1, #menu li {
297    /* Menue Level1, Hauptmenue */
298    list-style: none;
299    margin: 0; padding: 0;
300}
301
302#menu li {
303    display: inline;
304}
305
306#menu ul ul {
307    margin: 0; padding: 0;
308}
309
310/* Beschreibung aller allgemeinen Links */
311#menu a, #menu em {
312    /* a=link, em=Kategorieueberschrift, a.on=hier ist man */
313    text-decoration: none;
314    display: block;
315    padding: 6px 3px 6px 20px;
316    position: relative; /* fuer absolut positionierbares #menu a span */
317}
318
319/* Beschreibung der Elemente der Hauptkategorie */
320#menu em.l2, #menu li.l1 a:link, #menu li.l1 a:visited, #menu li.l1 a.on {
321    /* die zwei Ueberschriften fuer Hauptunterkategorien &      ^--- a.on nur wegen margin-top-dominanz!
322       Ausserdem die Links der Hauptkategorie
323       Achtung: #menu a.on muss das hier teilweise ueberschreiben, siehe
324                weiter unten
325    */
326    margin-top: 15px !important; /* wird sonst von #menu a:link ueberschrieben */
327    /*text-align: right;*/
328    font-weight: bold;
329    font-style: normal;
330    color: #fff;  /*#5D7EAB;*/
331    /*background-color: #5d7eab;*/
332    background-image: url(../img/fresh.design/headl1-bg.menu.png);
333    /*border: 1px outset #5d7eab; IE machts komisch, also aufgesplittet: */
334    border-top: 2px solid #d9e0ea;
335    border-left: 2px solid #d9e0ea;
336    border-right: 2px solid #929dad;
337    border-bottom: 2px solid #929dad;
338}
339
340/* Allgemeiner Orange-Hover-Effekt (muss unter li.l1 a stehen) */
341#menu a:hover, #menu li.l1 a:hover {
342    /* alle gehoverten Links */
343    background-color: #F0C494; /*#f0d994*/
344    background-image: url(../img/fresh.design/orangebg.menu.png);
345    background-repeat: repeat-x;
346    color: #000;
347    border: 1px outset #ffbf00;
348    padding: 5px 2px 5px 19px; /* um den 1px border zu kompensieren (gegen ruckeln) */
349}
350
351#menu li.l1 a:hover {
352    /* Um 1px Rahmen wieder zu ueberschreiben */
353    border-width: 2px;
354    /* und um 2px-Kompensation zu überschreiben, da sich rahmenbreite nicht ändert */
355    padding: 6px 3px 6px 20px;
356}
357
358#menu li.long a:hover, #menu li.long3 a:hover {
359    /* fuer mehrzeilige (lange) Links langer Hintergrund */
360    /* long3 wird zwar bis jetzt nicht mehr genutzt, aber egal. */
361    background-image: url(../img/fresh.design/orangebg-long.menu.png);
362}
363
364#menu ul.l2 {
365    /* Erstes Unterkategorielevel Abstand von erstem Link
366       kompensieren um direkten Anschluss an die Ueberschrift
367       zu gewaehrleisten */
368    /*margin-top: -2px;*/
369    padding: 7px 0;
370}
371
372#menu li.l2:hover ul.l2, #menu li div.on ul.l2 {
373    /* Unterkategorien gehovert/aktiv - allgemein - Hintergrundfarbe */
374    /*background-color: #DEE5EE;*/
375    background-image: url(../img/fresh.design/catl1-bg.menu.png);
376}
377
378#menu ul.l2 a {
379    /* Ein bisschen Abstand fuer normale Links */
380    margin-top: 1px;
381    margin-bottom: 1px;
382}
383
384/*
385Besuchte-Seiten-Haeckchen letzendlich voellig entfernt :(
386#menu ul.l2 a:visited span {
387    * Link-Span fuer Haeckchen fuer bereits besuchte
388       Seiten anzeigen nutzen *
389    right: 0;
390    width: 18px; height: 26px;
391    background-image: url(../img/fresh.design/visitedbg.menu.png);
392}
393#menu ul.l2 li.long a:visited span,
394#menu ul.l2 li.long3 a:visited span {
395    height: 42px;
396}
397*/
398
399#menu ul.l2 a:link span, #menu ul.l2 a:visited span, #menu li.l3 em span {
400    /* Allgemeine Listenpunkte (kleine blaue Pfeile) */
401    display: block;
402    position: absolute;
403    top: 0; left: 0;
404    width: 20px; height: 20px;
405    overflow: hidden; /* wegen  -Inhalt */
406    background-image: url(../img/fresh.design/arrowbg.menu.png);
407    background-repeat: no-repeat;
408    background-position: 6px 7px;
409}
410
411html>body #menu ul.l2 a:hover span { /* IE darf nicht mitmachen, der positioniert anders */
412    /* position:absolute geht nach border, und der ist jetzt 1px breit */
413    top: -1px; left: -1px;
414}
415
416#menu ul.l2 a:focus span {
417    /* Ausblenden bei focus -> da kommt der schwarze grosse Pfeil */
418    display: none;
419}
420
421/* Beschreibung der Elemente zur 3. Unterkategorie */
422#menu li.l3 div {
423    /* Abstand 3. Unterkategorie zu anderen Punkten */
424    margin: 10px 0;
425}
426
427#menu li.l3 em {
428    /* Ueberschriften der Unterkategorien Level3 */
429    font-weight: bold;
430    font-style: normal;
431    color: #224B88;
432    /* siehe auch z.317 direkt hier drueber wegen allgemeinen Listenpunkten */
433    /* -> nein. keine allgemeinen Listenpunkte mehr. Nur noch runtergehende */
434}
435
436#menu li.l3 ul {
437    /* Unterkategorien Level3 */
438    display: block;
439    /*margin-top: -2px;*/
440    padding: 5px 0 5px 10px;
441    background-image: url(../img/fresh.design/catl2-bg.menu.png);
442    /*background-color: #BACEEC;*/
443    /*border-left: 5px solid #d4d4d4;*/
444    opacity: 0.7;
445}
446
447#menu li.l3:hover ul, #menu li.l3 div.on ul {
448    opacity: .99; /* Safari2-Bug: opacity:1 blendet das Ding komplett aus! */
449}
450
451#menu li.l3 em {
452    background-image: url(../img/fresh.design/catl2-bg.menu.png);
453}
454
455#menu li.l3:hover em, #menu li.l3 div.on em {
456    /* Ueberschrift der Unterkategorien Level3 -- gehovert oder aktiv */
457    /*border-bottom: 1px solid #d4d4d4;*/ /* Border ruckelt -- wozu zum Teufel border? */
458    background-image: url(../img/fresh.design/headl2-bg.menu.png);
459    color: #000;
460}
461
462#menu li.l3 em span, #menu li.l3 div.on em span {
463    /* Icon ist immer runtergefahren */
464    background-image: url(../img/fresh.design/subarrow.menu.png);
465    background-position: 4px 10px;
466}
467
468#menu a.on, #menu a.on:hover, #menu a:focus, #menu li.l1 a.on, #menu li.l1 a:focus { /* #menu a.on.l1, #menu a.on.l1:hover */
469    /* Formatierung des Dings, wo man gerade ist */
470    /* Dort soll ein schwarzer Pfeil links raushaengen */
471    background-image: url(../img/fresh.design/blackarrow.menu.png);
472    background-position: left center;
473    background-repeat: no-repeat;
474    color: #000;
475    margin-left: -12px;
476    padding: 6px 5px 6px 31px; /* gegen :hover-Ueberschreibung */
477    font-weight: bold;
478    height: 19px;
479    /* gegen allgemeines #menu a:hover */
480    background-color: inherit !important;
481    border: none !important;
482}
483
484#menu li.long a.on, #menu li.long a.on:hover, #menu li.long a:focus {
485    /* Zweizeilige oder dreizeilige Elemente */
486    background-image: url(../img/fresh.design/blackarrow-long.menu.png);
487    height: 32px;
488    /* ggf. :focus-Teil entfernen, der laesst den Pfeil bereits */
489    /* vor dem Laden der neuen Seite erscheinen */
490}
491
492#menu li.long3 a.on, #menu li.long3 a.on:hover, #menu li.long3 a:focus {
493    /* Dreizeilige Elemente */
494    background-image: url(../img/fresh.design/blackarrow-long3.menu.png);
495    height: 48px;
496}
497
498#sidebar-footnote {
499    /* Container, der in #content steckt und rechts in der Seitenleiste
500       angeordnet wird und z.B. benutzt werden kann, um auf den Hintergrund
501       einzugehen. */
502    position: absolute;
503    /* Position relativ zum inneren padding von #content! */
504    bottom: 0;
505    right: -230px;
506    width: 230px;
507}
508
509#sidebar-footnote a {
510    display: block;
511    padding: 1em;
512    text-align: center;
513}
514
515
516/******************************************************************************
517**  4. Common Content
518*/
519
520h2 {
521    font-weight: bold;
522    font-size: 160%;
523    line-height: 125%; /* wird sonst relativ zu falscher schriftgroesse vererbt */
524    margin: 0 0 0.7em 0;
525    padding: 0;
526}
527
528p { text-align: justify; }
529
530a:link, a:visited {
531    color: #224B88;
532    text-decoration: underline;
533}
534
535a:hover, a:active, a:focus {
536    color: #882224;
537    text-decoration: underline;
538}
539
540/*
541  Links mit Pfeilen: a.go & a.arrow
542  entweder mit Bildern oder mit »-Dooppelpfeil
543*/
544
545/*a.arrow:before, a.go:before {
546    content: "»";
547    text-decoration: none;
548    padding-right: 0.5em;
549    font-weight: bold;
550}*/
551
552html>body a.arrow,
553html>body a.go {
554    background-position: center left;
555    background-repeat: no-repeat;
556    padding-left: 13px;
557}
558
559html>body a.arrow:link,
560html>body a.arrow:visited,
561html>body a.go:link,
562html>body a.go:visited {
563    background-image: url(../img/fresh.design/arrowbg.a.png);
564}
565
566html>body a.arrow:hover,
567html>body a.arrow:active,
568html>body a.arrow:focus,
569html>body a.go:hover,
570html>body a.go:active,
571html>body a.go:focus {
572    background-image: url(../img/fresh.design/arrowbg-hot.a.png);
573}
574
575html>body #content ul {
576    /* Allgemeine Listen: Listenzeichen Dreieck */
577    list-style-image: url(../img/fresh.design/arrowbg.menu.png);
578    /* transparentes PNG => IE bitte nicht. */
579}
580
581/*  Navigationslisten: <ul class="nav">/<ul id="nav">
582    werden im Prinzip nur von Extraseiten (/de/geraete) verwendet
583*/
584
585ul.nav, ul#nav {
586    list-style: none;
587    padding: 0;
588}
589
590ul.nav li, ul#nav li {
591    margin: 0;
592    padding: 0;
593}
594
595ul.nav li a, ul#nav li a {
596    padding-left: 13px;
597    background-position: bottom left;
598    background-repeat: no-repeat;
599}
600
601ul.nav li a:link, ul#nav li a:link,
602ul.nav li a:visited, ul#nav li a:visited {
603    background-image: url(../img/double.a.png);
604}
605
606ul.nav li a:hover, ul#nav li a:hover,
607ul.nav li a:active, ul#nav li a:active,
608ul.nav li a:focus, ul#nav li a:focus {
609    background-image: url(../img/double-hot.a.png);
610}
611
612
613/******************************************************************************
614**  5. FOOTER, COPYRIGHT
615*/
616
617#footer {
618    /* Seitenrelationenleiste ganz unten */
619    clear: both; padding: 0;
620    font-size: 12px;
621
622    /*border-top: 2px solid #C8C8C8; color: #eee;*/
623    /*background: #5F80AE url(../img/fresh.designbody.bg.png) repeat-y top left;*/
624    background-image: url(../img/fresh.design/bg.footer.png);
625    background-repeat: repeat-x;
626    background-position: top left;
627    background-color: #5D7EAB; /* ehemals #305690 als fallback */
628
629    position: relative;
630    min-height: 58px; /* eigentlich height:, aber große Schriftgroessen fliegen dann raus */
631    height: 4em; /* Wenn jemand die Schriftgroessen aufdreht, ist die Box groß genug */
632
633    border-top: 1px solid #0B0F07;
634}
635
636* html #footer { height: 58px; } /* Damit IE keinen Quatsch macht */
637
638#footer .border {
639    /* Legacy zwecks Kompatibilitaet zu screen.css */
640    display: none;
641}
642
643#footer ul, #footer li {
644    list-style: none;
645    margin: 0; padding: 0;
646    display: inline;
647}
648
649#footer li a {
650    color: #000;
651    display: block;
652    position: absolute;
653    top: 0;
654    text-decoration: none;
655
656    color: #fff;
657    margin: 8px 20px;
658    padding: 5px;
659    /*min-width: 30%;*/
660    background-repeat: no-repeat;
661}
662
663#footer a:hover, #footer a:focus {
664    background-color: #b5c4d9;
665    color: #000;
666}
667
668#footer li.prev a {
669    left: 0;
670    background-position: left center;
671    background-image: url(../img/fresh.design/white-left.footer.png);
672    padding-left: 22px;
673}
674
675#footer li.next a {
676    right: 220px;
677    background-position: right center;
678    background-image: url(../img/fresh.design/white-right.footer.png);
679    padding-right: 22px;
680    text-align: right;
681}
682
683#footer li.up a {
684    right: 5px;
685    width: 195px;
686    background-position: right center;
687    background-image: url(../img/fresh.design/white-up.footer.png);
688    padding-right: 22px;
689    margin-left: 0;
690    margin-right: 0;
691    text-align: right;
692}
693
694#footer span {
695    /* Dummyelement für IE6-Kompatibilität */
696    display: none;
697}
698
699#copyright  {
700    background-color: #fff; /* um bodybg auszublenden */
701    margin: 0;
702    padding: 17px 5%; /* 20% war vorher*/
703
704    font-size: 13px;
705    font-weight: bold;
706    color: #808f93;
707    text-align: center;
708}
709
710
711/* EOF */
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