ins Document eingebunden */ { background-color : #FFFF80; /* blass-gelb */ } p.ganz-wichtig /* wird mit
ins Document eingebunden */ { background-color : #FF8080; /* blass-rot */ } p.ganz-wichtig:active /* ein ganz Wichtiger beim Anklicken */ { background-color : #FF8080; /* blass-rot */ direction : rtl; } /* pre = Pre-Formated = gleich Vorformatiert (fuer Quelltexte etc.) */ /* zum Beispiel bleiben bei
Zeilenumbrueche erhalten. */
pre
{
/* Box-Attribute - werden nicht von Body an P vererbt!!! */
margin-top : 10px; /* auesserer Rand oben */
margin-bottom : 10px; /* aeusserer Rand unten */
margin-left : 10px; /* aeusserer Rand links */
margin-right : 10px; /* aeusserer Rand rechts */
border : 1px solid #000000;
padding-top : 10px; /* innerer Rand oben */
padding-bottom : 10px; /* innerer Rand unten */
padding-left : 10px; /* innerer Rand links */
padding-right : 10px; /* innerer Rand rechts */
background-color : #F0F0F0;
}
pre:hover
{
border : 1px solid #FF0000;
}
/* Listen */
ul
{
margin-top : 10px;
margin-bottom : 10px;
margin-left : 20px;
margin-right : 10px;
border-top : 1px solid #000000;
border-bottom : 3px double #000000;
border-right : 3px double #000000;
border-left : 1px solid #000000;
padding-top : 10px;
padding-bottom : 10px;
padding-left : 10px;
padding-right : 10px;
list-style : none;
font-size : 0.9EM;
background-color : #E0E0E0;
}
ul:hover
{
border : ridge;
background-color : white;
border-color : blue;
border-width:0.5em;
font-size : 90%;
border-radius : 0 3em 0 3em;
width : 90%;
}
/* einzelner Listenpunkt */
li
{
margin-top : 5px;
margin-bottom : 5px;
margin-left : 5px;
margin-right : 5px;
border-top : 1px dashed #000000;
border-bottom : 1px dotted #000000;
border-right : 1px dotted #000000;
border-left : 1px dashed #000000;
padding-top : 5px;
padding-bottom : 5px;
padding-left : 5px;
padding-right : 5px;
/* width : 300px; */
background-color : #E8E8E8;
color : #505050;
}
li:hover
{
background-color : #FFFFFF;
}
/* Listenpunkt mit Anker (Link) */
ul li a
{
color : #0000AA;
/* text-decoration auf none - sonst werden links unterstrichen */
text-decoration : none;
}
/* Listenpunkt wenn Anker bereits geklickt war */
ul li a:visited
{
color : #AA0000; /* dunkelrot */
}
/* Listenpunkt mit Anker (Link) waehrend Mauskontakt besteht */
ul li a:hover
{
/*background-color : #D0D0D0; */
text-shadow : #101010 0.3em 0.2em 0.07em;
}
/* Listenpunkt mit Anker (Link) waehrend des Klickens */
ul li a:active
{
color : #FF8080; /* hellrot */
background-color : #707070; /* grau */
}
/* horizontal rule = Querlinie */
/* als Line durch die Proportionsangaben etwas verunstaltet */
hr
{
width : 40px;
height : 30px;
background-color : #C0C0C0;
border-top : 15px solid #AAAAAA;
border-right : 15px solid #444444;
border-bottom : 15px solid #000000;
border-left : 15px solid #999999;
}
hr:hover
{
background-color : #C0C0C0;
border-top : 10px solid #AAAAAA;
border-right : 10px solid #444444;
border-bottom : 10px solid #000000;
border-left : 10px solid #999999;
}
hr:active /* beim Kllicken mit der Maus */
{
background-color : #FF0000;
border-top : 5px solid #AAAAAA;
border-right : 5px solid #444444;
border-bottom : 5px solid #000000;
border-left : 5px solid #999999;
/* nachfolg. "content" geht nicht ?!? */
content:url(/icons/favicon.ico);
}
table
{
background-color : #D0D0D0;
}
/* Einige Zeichen aus der HTML-Zeichenreferenz (z.B. oder
fuer Leerzeichen der Breite vom m oder n) werden nicht
immer korret angezeigt, wenn sie nicht wie folgt formatiert
werden. Als Vorlage diente
http://de.selfhtml.org/css/formate/anzeige/selfhtmlcss.txt
bzw.
http://de.selfhtml.org/src/selfhtml.css
Da ich allerding auf das Gedoens
keine Lust habe, ist dieser Eintrag wohl überfzessig.
*/
.unicode
{
font-size:15px; font-family:"Arial Unicode MS",Arial,sans-serif;
}
/* Links wenn sie mit http (extern) anfangen */
a[href^="http"]:hover
{
background-color: #a0a0a0;
}
/*Folgendes fast unveraendert aus
http://de.selfhtml.org/css/eigenschaften/pseudoformate.htm#anfuehrungszeichen
uebernommen:
*/
:lang(de) { quotes:"\201E" "\201C" "\201A" "\2018"; }
:lang(de-DE) { quotes:"\00BB" "\00AB" "\203A" "\2039"; }
:lang(de-CH) { quotes:"\00AB" "\00BB" "\2039" "\203A"; }
:lang(en) { quotes:"\201C" "\201D" "\2018" "\2019"; }
:lang(fr) { quotes:"\00AB\00A0" "\00A0\00BB" "\2039\00A0" "\00A0\203A"; }
q:before { content:open-quote; font-style:italic; }
q:after { content:close-quote; font-style:italic; }
q q:before { content:open-quote; font-style:italic; }
q q:after { content:close-quote; font-style:italic; }
/* Formatierung fuer das permanent sicht- und anklickbare Info Element.
Die Position als relative definieren damit sich der Infokasten
daran ausrichten kann */
.my_info_button
{
color:blue;
position:relative;
cursor:help;
}
/* Alle Formatierungen des Infokasten.
Die Positonsangabe absolute bezieht sich auf die obige
Relativangabe. Nur das display:non muss bei Bedarf geaendert
werden */
.my_info_button span
{
display:none;
position:absolute;
top:1.5em;
left:-2cm;
z-index:10;
border:1px solid black;
padding:2px;
color:black;
font-size:0.7em;
/* die Prozentangabe bei line-height: bezieht sich auf
die soeben eingestellt font-size: */
line-height:120%;
background:white;
}
/* Wenn .my_info_button angeklickt wird, dann wird das
Kindelement span auf display:inline; gesetzt. */
.my_info_button:active span
{
display:inline;
}
.box_schatten
{
/* die drei Schatten sind von
{{Benutzer:Knochen/Uhr|float=right|width=400}}
abgekupfert */
-webkit-box-shadow: 0px 0px 16px #808080;
-moz-box-shadow: 0px 0px 16px #808080;
box-shadow: 0px 0px 16px #808080;
}