Gerald Himmelein @ c't
Material zu Artikeln |
deutsch |
English |
Bork Bork
/* Style-Sheet zur CSS2-Demo, c't 9/99 */
/* fuer die Medien 'screen', 'print' und 'handheld' */
/* Hintergrundfarbe des ganzen Dokuments und Font-Info */
BODY {
font: 100pt "Arial Black";
/* Referenz-Groesse */
panose-1: 2 11 10 4 2 1 2 2 2 4;
em-square: 2048;
ascent: 2254;
descent: 634;
widths: U+0041-005A 1593 1593 1593 1593 1479 1366 1706 1706 797 1366 1706 1366 1933 1706 1706 1479 1706 1593 1479 1479 1706 1593 2048 1593 1593 1479;
bbox: -397 -628 3456 2219;
baseline: 0;
slant: 0;
background-color: rgb(90,185,220);
padding: 0;
margin: 0;
}
/* ----------------- */
/* Seitenaufteilung: */
/* Menue (Fusszeile)... */
#menue {
/* das Menue geht ueber die ganze Breite des */
/* Browserfensters und ist 1.6mal so hoch */
/* wie der Schriftzug 'nonsens' */
position: fixed;
bottom: 0;
top: auto;
left: 0;
right: 0;
height: 1.6ex;
background-color: rgb(90,185,220);
/* Sonst waere das Menue durchsichtig, */
/* es soll aber den Text verdecken */
}
/* ...und Textbereich */
#text {
position: fixed;
bottom: 1.6ex;
top: 0;
left: 0;
right: 0;
width: 100%;
height: auto;
margin-left: 2cm;
margin-top: 2cm;
}
/* ------------------------------------- */
/* Einstellungen fuer die Ueberschriften */
/* Haupttitel (nonsens) */
H1 {
font: inherit;
letter-spacing: -0.17em;
text-transform: lowercase;
color: rgb(131,202,229);
/* etwas heller als der Hintergrund */
margin: 0;
padding: 0;
position: absolute;
bottom: -0.3em;
left: -0.1em;
/* margins und Fonthoehe */
/* sind leider Fontabhaengig */
}
/* Titel fuer den einzelnen Text */
H2 {
font-size: 18%;
text-transform: uppercase;
color: white;
margin: 0;
/* Zusatzabstand zum vorhergehenden Text*/
margin-top: 2em;
padding: 0;
}
/* Autor */
H3 {
font-size: 8%;
text-transform: uppercase;
color: white;
/* Ueber den Titel (H2) schieben */
position: relative;
top: -3.3em;
margin-top: 0em;
margin-bottom: -2em;
padding: 0;
/* margins leider leicht fontabhaengig */
}
/* So sieht normaler Fliesstext aus */
P {
font-family: "Verdana";
/* Metrik-Daten */
em-square: 2048;
panose-1: 2 11 6 4 3 5 4 4 2 4;
ascent: 2059;
descent: 439;
width: U+0041-005A 1400 1404 1430 1578 1295 1177 1588 1539 862 931 1419 1140 1726 1532 1612 1235 1612 1424 1400 1262 1499 1400 2025 1403 1260 1403;
bbox: -102 -423 2963 2117;
baseline: 0;
slant: 0;
font-size: 10%;
line-height: 120%;
padding: 0;
margin-top: 0;
margin-bottom: 0.8em;
margin-left: 2em;
}
/* normale Links */
A:link {
color: white;
}
/* Fuer das Auswahlmenue am Fuss der Seite */
#categories {
text-transform: uppercase;
list-style-type: none;
text-align: right;
position: absolute;
bottom: 0.9ex;
right: 0;
/* Text darf nicht in die naechste */
/* Zeile ueberfliessen */
min-width: 4em;
max-width: none;
margin: 0;
padding: 0;
}
#categories LI {
font-size: 10%;
/* Kategorien nebeneinander, */
/* nicht untereinander */
display: inline;
/* Abstand zwischen Menüpunkten */
margin-left: 1em;
}
/* Kategorien sind Links, */
/* die sollen aber schwarz */
/* und nicht unterstrichen sein */
#categories LI A:link {
color: black;
text-decoration: none;
}
/* Submenues */
.submenu {
font-size: 16%;
line-height: 100%;
text-transform: uppercase;
color: white;
list-style-type: none;
text-align: left;
position: absolute;
top: 3.75ex;
margin: 0;
padding: 0;
}
.submenu LI {
display: inline;
margin-left: 0.5em;
}
/* Copyright-Zeug und so */
ADDRESS {
font: inherit;
font-size: 6%;
text-align: right;
margin-top: 4em;
margin-right: 2em;
}
/* Sprachabhängige Anführungszeichen */
Q:lang(en) {quotes: "“" "”" "&lsquo" "&rdquo";}
Q:lang(de) {quotes: "»" "«" "&rsaquo" "&lsaquo";}
Q:before {content: open-quote;}
Q:after {content: close-quote;}
EM {
color: white;
font-style: normal;
}
Autor: Alexander Oberdörster
Copyright: © 1999 Verlag Heinz Heise