Stylesheet
2008-11-05Kurze Erläuterung der cms4ds.css-File:
#histFrame { display:none;visibility:hidden; }
versteckt des History-Frame, welche ja nur technischer Natur ist.
body { text-align:center;margin:1px;padding:1px;font:13px 'Trebuchet MS',Trebuchet, Arial, Verdana, Sans-serif;overflow:scroll; }
ordnet den body-Bereich zentriert an; justiert die Browserspezifischen Abstände auf 1px und legt den Standard-Font fest.
#basecontainer { width:800px;top:0px;margin:0 auto;text-align:left; background-image:url(_media/syno_c1.jpg); background-repeat:no-repeat; }
definiert die Anzeige-Breite und legt die Hintergrundgrfik fest.
#top { font-size:58px ;height:130px;width:100%;border-bottom:1px solid #aaa; text-align:right;color:#999; }
legt die Höhe des Kopfbereiches fest und definiert Kopfschriftfarbe und Ränder.
#top span { font-size:0.5em;line-height:60px; }
legt die Font-Size für die Unterüberschrift fest.
#menu { width:100%; }
Breite der Menüzeile.
#menu a { padding-right:20px; padding-left:20px; cursor:pointer;text-decoration:none; color:#000; background-color:#ccc; -moz-border-radius-bottomleft:11px; -webkit-border-bottom-right-radius:11px; -moz-border-radius-bottomright:11px; -webkit-border-bottom-left-radius:11px; }
Abstände, Farbe und Formen der Menüzeile.
#menu a:hover { background-color:rgb(230,191,158); -moz-border-radius-bottomleft:11px; -webkit-border-bottom-right-radius:11px; -moz-border-radius-bottomright:11px; -webkit-border-bottom-left-radius:11px; }
Verhalten der Menüzeile, wenn der Cursor über die Einträge streift.
#container { margin-top:10px;margin-bottom:20px; }
Anstände des Containers.
#content { width:70%; border-right:1px solid #aaa; border-right:expression('0px'); float:expression('left'); }
Breite der Inhalts-Spalte, Randdefinition; IE-spezifische float-Marke.
#content p { padding-right:6px; }
Absatz-Defnition innerhalb des Content.
#content * li { padding-right:6px; }
Listen-Definition innerhalb des Content.
#content a { text-decoration:none;color:#468; }
Verweis-Definition innerhalb des Content.
#container_col { width:29.8%;float:right;border-left:1px solid #aaa; height:expression( document.getElementById('content').offsetHeight) }
Breite der Themen-Auswahl-Spalte; IE-spezifische Höhen-Marke.
#index div { padding:5px;cursor:pointer;border-bottom:1px dotted #69c; }
Aussehen eines Themen-Auswahl-Eintrags.
#index a { padding:5px;width:100%;text-decoration:none;color:#000; }
Aussehen des Auswahl-Bereichs.
#index div:hover { background-color:#69c;}
Aussehen des Auswahl-Bereichs wenn der Corsor darüber liegt.
#index div { hover:expression(this.onmouseover=new Function("this.style.background='#69c'") , this.onmouseout=new Function("this.style.background='#fff'")); }
Aussehen des Auswahl-Bereichs wenn der Corsor darüber liegt speziell für den IE.
h3,#content h3,.h3 { font:20 Georgia, Serif;color:#69c;cursor:pointer; }
Definition der Überschrift.
#counter { margin-left:-1px;padding:5px; text-align:center; background-color:#999; color:#fff; font:12px Georgia, Serif ;}
Aussehen des Counter-Bereichs<(p>
#footer { position:relative;clear:both; text-align:center; background-color:#ccc; border-top:1px solid #aaa; -moz-border-radius-bottomleft:11px; -webkit-border-bottom-right-radius:11px; -moz-border-radius-bottomright:11px; -webkit-border-bottom-left-radius:11px; }
Aussehen des Fußzeilen-Bereichs.
input,textarea { font:13px 'Trebuchet MS',Trebuchet,Arial, Verdana, Sans-serif; }
Aussehen der Eingabe-Felder.
#search { width:237px; }
Breite des Such-Feldes.
u { background-color:rgb(230,191,158);text-decoration:none; }
Dieses Tag wird zur Anzeige von Fundstellen verwendet und hebt die Fundstelle per Hinergrundfarbe hervor.
#feed { padding:5px;background-color:#69c; }
Aussehen des Feed-Bereichs.
.feed { text-decoration:none;font-size:11px;color:#000; }
Aussehen einer Feedauswahlzeile.
.feed_title { margin-top:-3px;margin-bottom:2px; }
Aussehen des Feed-Titels.
#feed h4 { font:18 Georgia, Serif; color:#fff; text-align:right; border-bottom:1px solid #fff; padding-bottom:3px }
Aussehen eines alternative Feed-Titels.
#timer { text-align:center; }
Zentrierung der Times-Anzeige.
.img { cursor:pointer;color:#468; }
Aussehen eines Bilder-Links.
.in { padding-left:30px; padding-top:5px; padding-bottom:5px; border:1px solid #69c; border-right:0px solid #69c; font:11px Consolas,monospace; }
Aussehen eines Code-Absatzes.
tt { font:11px Consolas,monospace; }
Aussehen eines tt-Bereichs
b, strong { color:rgb(187,47,46); }
Aussehen eines Hervorhebungs-Bereichs (fett)
h4 { font:13 Georgia, Serif; color:#69c;}
Aussehen eines h4-Absatzes
#content * a { text-decoration:none; color:#000; }
Aussehen eines innenliegenden Link-Verweises
#content * a:hover { background-color:rgb(230,191,158); }
Aussehen eines innenliegenden Link-Verweises beim Überfahren mit der Maus