/**************************************************************\ * TTTTT EEEE CCCC H H N N III K K U U M M 222 999 * * T E C H H NN N I K K U U MM MM 2 2 9 9 * * T EEE C HHHH N N N I KK U U M M M 2 99999 * * T E C H H N NN I K K U U M M 2 9 * * T EEEE CCCC H H N N III K K UUUU M M 22222 9 * * * * technikum29.de - Design * * S C R E E N C S S * * * * ab Version v5.7 ist fresh.css das neue Standardcss fuer Bild- * * schirmanzeige. Das Screen-Design ist zwar fuer "kleine" * * Anzeigebereiche (Breite < 900px) besser geeignet, soll jedoch * * nicht mehr benutzt werden. Trotzdem steht es als mehr oder * * weniger "gleichwertige" Alternative dank XHTML-Quelltext- * * kompatibilitaet zur Verfuegung und laesst sich mit der * * Browserfunktion zum CSS-Wechseln aktivieren. * * Internet Explorer der Version 5 werden automatisch auf dieses * * Design umgestellt (Anteil der IE5s im Jahr 2008 an den * * Homepagebesuchern: 0% IE5 25% IE6, 25% IE7). * * * * fuer v5.7 wurde diese Datei so angepasst, dass sie sowohl fuer* * alte Quelltexte als auch neue gleichzeitig nutzbar ist. In der* * Uebergangsphase, wo /en noch alt ist, war dies noetig. * * 12.07.07 2:15 v5.7BETA * * $Id:: screen.css 187 2010-09-03 03:09:34Z heribert $ * \**************************************************************/ /* ** Changelog seit v5.7: ** v5.7FINAL: Changelog gestartet ** v5.7.5: Diverse Anpassungen für besseres Aussehen ** v5.8: Einige Fixes, damit das Design zumindest noch ** benutzbar waere. ** ** ** */ body { margin: 0; padding: 0; color: #000; font: 13px Verdana,Tahoma,Helvetica,Arial,sans-serif; } .hidden { display: none; } img { border: none; } .center { text-align: center; } .left { text-align: left; } .block, .justify { text-align: justify; } .clear { /* clearendes element, inhalt egal */ display: block; clear: both; height: 2px; overflow: hidden; } /***** HEAD *****/ h1 { margin: 0; padding: 0; height: 67px; /* real height: 67px */ text-align: center; background-color: #5E7FAD; z-index: 12; } html > body h1 { /* For intelligent browsers */ height: 67px; } h1 a { position: absolute; top: 0; left: 50%; margin-left: -380px; z-index: 11; display: block; /* background-image: multilangual, so look at h1.[lang] a */ background-position: top center; background-repeat: no-repeat; width: 760px; height: 67px; } h1.de a { /* Deutscher Banner */ background-image: url(../img/banner/big.de-old.jpg); } h1.en a { /* English banner */ background-image: url(../img/banner/big.en-old.jpg); } h1.int a { /* International banner (Deutsch grosse Schrift, englisch klein drunter) */ background-image: url(../img/banner/int.jpg); } h1.none a { /* Banner with no subtitle in any language */ /* Banner mit ueberhaupt keinem Subtitel */ background-image: url(../img/banner/logo.jpg); } h1 a span { display: none; } h1 span.old, h1 span.d { /* span.d war der alte Name, span.old ist der neue */ background-color: #0C377A; display: block; width: 50%; height: 67px; position: absolute; top: 0; left: 0; z-index: 10; } h2 { font: bold 140% Verdana,Arial,Helvetica,sans-serif; margin: 30px 0 10px 0; padding: 0; } div#lang a { /*