/* ============================================================
Basis-Stylesheet mit Reset, Restaurierung und Basisformatierung
Datei: fundament.css
Datum: ...
Autor: ...
==============================================================*/
/*=================================================
TEIL I - Reset
=================================================*/
html {overflow-y: scroll;}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
padding: 0;
margin: 0;
border: 0;
vertical-align: baseline;
font-size: 100%;
font: inherit;
}
/*=================================================
TEIL II - Abstaende restaurieren
=================================================*/
/* margin-bottom fuer Ueberschriften, Absaetze, isten etc. */
h1, h2, h3, h4, h5, h6, p, blockquote, pre, ul, ol, dl {
margin-bottom: 1em;
margin-top: 0.5em;
}
/* Zitate einruecken */
blockquote {
margin:1em 2em;
}
/* Alle Listen etwas einruecken */
ul, ol, dl {
margin-left: 1em;
}
/* Listenelemente etwas mehr einruecken */
li {
margin-left: 0.8em;
}
/* Definitionen in Definitionslisten noch mehr einruecken */
dd {
margin-left: 2em;
}
/* Verschachtelte isten ohne Auszenabstand oben/unten */
ul ul, ul ol, ul dl,
ol ul, ol ol, ol dl,
dl ul, dl ol, dl dl {
margin-top: 0;
margin-bottom: 0;
}
/* Aufzaehlungszeiche fuer Listenkisten */
/* Ebene 1 - ul:square - ausgefuelltes Rechteck; ol: Dezimalzahlen */
ul {
list-style-type:square;
}
ol {
list-style-type: decimal;
}
/* Ebene 2 - ul: disc - ausgefuellter Kreis; ol: kleine Buchstaben */
ul ul { list-style-type: disc;}
ol ol {list-style-type: lower-alpha;}
ul ol { list-style-type: decimal; }
ol ul { list-style-type: square; }
/* Ebene 3 - ul und ol mit circle - nicht ausgefuellter kreis */
ol ol ol, ol ol ul, ol ul ul, ol ul ol,
ul ul ul, ul ul ol, ul ol ol, ul ol ul {
list-style-type: circle;
}
/* Tabellen benoetigen noch cellspacing="0" im HTM */
table {
border-collapse: collapse;
border-spacing: 0;
}
/* Rahmen um fieldset und verlinkte Bilder entfernen */
fieldset, a img { border:none;}
/*=================================================
TEIL III - Grundlegende Formatierungen
=================================================*/
/* =================================================
1. Body */
body {
background-color: white;
color: black;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 81.25%;
line-height: 1;
}
/* =================================================
2. Schriftformatierung fuer Ueberschriften */
/* Serfenschrift fuer Uberschriften */
h1, h2, h3, h4, h5, h6 {
font-family: Georgia, "Times New Roman", "Times Roman", serif;
font-weight: bold;
}
/* Ueberschriftengroessen, auf Basis von 13px */
h1 { font-size: 200%; } /* 26px */
h2 { font-size: 184.62%; } /* 24px */
h3 { font-size: 153.85%; } /* 20px */
h4 { font-size: 138.46%; } /* 18px */
h5 { font-size: 123.08%; } /* 16px */
h6 { font-size: 107.69%; } /* 14px */
blockquote, q {
font-style: italic;
}
/*=================================================
TEIL IV - Allgemeine Klassen
=================================================*/
/* =================================================
1. Clearfix: Floats umschlieszen */
/* Der Kern von Clearfix */
.clearfix:after {
content:".";
display:block;
clear:both;
font-size:0;
height: 0;
visibility:hidden;
}
/* Patch fuer IE7 */
*:first-child+html .clearfix { min-height: 0; }
/* Patch fuer IE6 */
* html .clearfix { height: 1%; }
/* =================================================
2. Gefloatete Elemente umschliessen */
.containingfloats {
overflow: hidden;
}
/* =================================================
3. Floats clearen */
.clearing {
clear:both;
}
/* =================================================
4. Elemente verstecken */
.versteckmich {
position: absolute;
left: -32768px;
top: -32768px;
width: 0;
height: 0;
}
/* =================================================
5. Skiplinks aus .versteckmich wieder einblenden */
a.skiplink:focus, a.skiplink:active {
position: absolute;
left: 32768px;
top: 32768px;
width: 274px; /* je nach layout anspassen */
height: auto;
color: black;
background-color: white;
border: 1px solid #d90000;
padding: 3px;
}
/* ====================================================
Ende fundament.css
=====================================================*/
|
Download
