source: t29-www/shared/css/fresh.css @ 31

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

VERSION 5.8.0 GAMMA
===================

Im Rahmen des Zieles, alle Spezialseiten in das Seitendesign zu
integrieren (wie es mit der Univac-Kosten-Seite bereits gemacht
wurde) wurden zunächst alle englischen Extraseiten umgewandelt.

  • Spezialseitenredesign:
    • /en/devices/: Alle Seiten geändert
    • /shared/css/fresh.design.css: Einige Styles dafuer hinzugefuegt.
    • /en/inc/menu.inc.shtm: Extra-Anweisungen hinzugefuegt
    • /en/inc/head.inc.shtm: Fixes
  • Korrektur der Sprachabhängigkeit des Magnetdrahtspeicherbildes:
    • /shared/photos/rechnertechnik/speichermedien/magnetdrahtspeicher.jpg: Neues zweisprachiges Bild generiert
    • /en/computer/storage-media.shtm und /de/rechnertechnik/speichermedien.shtm dafuer geaendert
  • Andere allgemeine Berichtigungen (Fehler, etc.)

-- Sven @ workstation

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