/***********************************************************************************\ ** ,---.-, ** ** ___ ,----, ' ,' '. technikum29.de ** ** ,--.'|_ .' .' \ / / \ Screendesign der Version 5.8 ** ** | | :,' ,----,' |. ; ,/. : ** ** : : ' : | : . ;' | | : ; Seit Version 5.7 ist fresh.css das ** ** .;__,' / ; |.' / ' | ./ : Standarddesign der Homepage. ** ** | | | `----'/ ; | : , screen.css steht jedoch immer noch ** ** :__,'| : / ; / \ \ | als gleichwertige Alternative zur ** ** ' : |__ ; / /-, `---`--- ; Verfuegung. ** ** | | '.'| / / /.`| | | | ** ** ; : ;./__; : ' : ; "Spezialstyles" fuer einzelne ** ** | , / | : .' | | ' Inhaltsseiten sind in common.css ** ** ---`-' ; | .' ; |.' zusammengefasst. ** ** `---' '---' ** ** Workarounds fuer den IE6 sind haupt- ** ** saechlich in fresh-iefixing.css ** ** This is $Revision:: 21#$ from festgehalten, fuer den IE7 hier. ** ** $Author:: heribert $, latest change at ** ** $Date:: 2006-07-22 21:42:37 -0700 (Sat, Jul 2006)$ ** ** ** ** Alle technikum29-CSS sind valide CSS3: http://tinyurl.com/t29-css-valid ** ** ** ************************************************************************************* ** ** ** Changelog seit v5.7 ** ** ** ** v5.7FINAL: eingeführt ** ** v5.7.1: Schriftgröße runtergesetzt, Menü l3 nun ständig angezeigt ** ** v5.7.5: Kosmetische Verbesserungen (Sourcecode), Verallgemeinerungen ** ** für Textabstand zu links floatenden Bildern, Restrukturierung ** ** Navibereich, Transfer von allgemeinen Teilen (bildboxen) zu ** ** common.css, Styleswticher, etc. ** ** v5.7.6: opacity:.99; für Safari2-Bug ** ** v5.7.21: Seitenmindesthöhe vergrößert ** ** v5.8.0: Extraseiten-Hintergründe hinzugefügt. Generalüberholung des ** ** gesamten Stylesheets, Kommentare aufgeräumt, Menünavigation ** ** verschönert (:focus-Effekt jetzt identisch zu :hover). Neuer ** ** Beginn des Stylesheets, Neues Design fuer Sprachlinks ** ** (Registerkartenimitate) ** ** ** ************************************************************************************* ** ** ** Ueber dieses Design ** ** ** ** Dieses Design hat seit der Idee viele Veränderungen durchgemacht. So wundert ** ** wenig, wie ich damals davon gesprochen habe: ** ** ** *** "fresh" -- das klingt nach Freiheit, Frische, Vitalitaet, ein Design, was ** *** alte Zoepfe abschneidet trotzdem aestetisch schoen ist. So oder so aehnlich ** *** war es auch in der ersten Version geplant -- was in dieser hier vorliegenden ** *** Endfassung davon uebrig geblieben ist, haben viele Leute unabhaengig von- ** *** einander auf den Punkt gebracht: Konservativ. Jedes einzige der "frischen" ** *** Elemente wurde in einer zaehen, langen Woche Stueck fuer Stueck entfernt ** *** und durch etwas ersetzt, was in seiner Ganzheit nun von einigen Leuten als ** *** schlichtweg "haesslich", von anderen als "konservativ" und "altbacken" be- ** *** zeichnet wird. Eigentlich trifft nur eins zu: Es trifft vermutl. im Grossen ** *** und ganzen die Vorstellungen des "Kunden", wenn auch jede Hoffnung auf das, ** *** was man von einem "Redesign" erhoffen koennte, weitgehend gestorben ist. ** *** So bleibt nur noch der Name, den ich - entgegen jedem Frust - aus Hoffnung ** *** heraus nicht in "conservative.css" geaendert habe. Denn auch Rueckschritt ** *** kann Frische bringen, und, um mit den Worten der Leute zu schliessen, die ** *** das Design als "neutral" und "nicht schlecht" empfunden haben, es passt doch ** *** zu einem Museum auch ein bisschen. ** *** In diesem Sinne viel Spass beim Lesen eines Stylesheets, was meinem Empfinden ** *** nach fuer ein solches Aussehen ueberpropertional umfangreich ist. ** *** -- Sven, 15.07.2007 23:00 ** ** ** ** ** ************************************************************************************* ** ** ** Table of contents ** ** ** ** Da dieses CSS recht lang ist (dieser aussergewoehnlich lange Kommentar am ** ** Anfang tut dazu sein uebriges), wurde es in verschiedene nummerierte Abschnitte ** ** eingeteilt: (typische tags) ** ** ** ** 1. banner (h1, #h1-subtitle) ** ** 2. general (#wrapper, #page, #sidebar, #footer) ** ** 3. sidebar (#sidebar, #lang) ** ** 4. menu (#menu, #menu ul.l[123].a, #menu li em, ...) ** ** 4. content (h2, p, a, a:hover, a:focus, ul.nav) ** ** 5. footer (#footer, #footer li a, #copyright) ** ** ** \***********************************************************************************/ body { margin: 0; padding: 0; color: #000; background-color: #fff; font-family: Verdana,Dejavu Sans,Helvetica,Arial,sans-serif; /* exiplit keine font-size */ } .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; } /***********************************************************************************\ ** _ _ Der Banner besteht aus dem System ** ** /| | | |__ __ _ _ __ _ __ ___ _ __