/*
Benutzerstylesheet für die XHTML-Version des Selfforums und den Benutzeragent Mozilla.
Dieses Werk ist herrenlos und steht dem Netzkollektiv frei zur Verfügung.
Anpassungen von Christian Seiler (hehe)
*/

/* globale Formatierungen des body-Elements */
body {
margin-top:10px; margin-bottom:10px;
color:#000; background-color:#fff;
font-family:arial,sans-serif;
}

/* Überschriftformatierungen */
h1 {font-size:26px;}
h2 {font-size:21px;}
h3 {font-size:16px;}

/* absolute Schriftgröße für alle Elemente */
p,h4,ul,ol,li,div,th,td,th,address,nobr,b,i,dl,dd,dt {font-size:14px;}

/* Zeige trotz versteckter Grafiken eine Linie zwischen Postingtext und "Nachricht beantworten" */
.updown {height:5px; color:inherit; background-color:#eeeeee;}

/* Deaktiviere den linken Rand des Postingbaums */
#root {padding-left:0;}
/* #root > li {margin-left:0; padding-left:0;} */

/* Formatierungen des Postingbaums */
ol li {
margin-top:0; margin-bottom:0;
white-space:nowrap;
list-style-type:none;
}
ul li {
margin-top:0; margin-bottom:0;
white-space:nowrap;
list-style-image:url(http://selfforum.teamone.de/src/x3.gif);
}


/*
* Bereits besuchte Postings mit 'nem Haekchen versehen
*/
/*
span.visited:after {
content: " \2714";
color:#0B0;
}
*/

/* Formatierung des Postingtexts */
tt {
font-family:'courier new',courier,monospace;
color:#0000c0;
display:block;
background-color:#eee;
border:1px solid #999;
padding:5px;
}

/* verhindern, dass das Textfeld umrandet wird */
form tt {
font-family:'courier new',courier,monospace;
color:#0000c0;
display:inline;
border:none;
background-color:transparent;
padding:0;
}

/* Die versteckten Eingabefelder sind leider in einem div mit display:inline... */
form > div {display:none;}

/* Mache die Tabelle ansehnlicher */
form table {color:inherit; background-color:#eeeeee; border-width:0 15px 10px 15px; border-style:solid; border-color:#eeeeee;}

/* Setze Submitbuttons ein wenig abseits */
form table tr:last-child td[colspan="2"] {padding-top:10px; text-align:center;}

/* Mache die Eingabefelder sichtbarerer */
textarea, input[type="text"] {color:#0000c0; background-color:#f5f5f5; border:1px solid #005; padding:2px;}

/* Klebe das label nicht direkt an das Eingabefeld */
input[type="text"] {margin-left:5px;}

/* Linkformatierungen */
a:link {color:#AA5522; text-decoration:underline;}
a:visited {color:#552200; text-decoration:underline;}
a:active {color:#000000; text-decoration:underline;}

/* Zeige keinen Rahmen um Grafiken */
a img {border:0;}

/* Zitatformatierung */
/* ...wird durch die userconf-Einstellung geregelt. */
span.q {
color:#444;
background-color:#ddd;
display:block;
padding:5px;
border:1px dashed #999;
margin-left:20px;
}

/* signatur */
span.sig {
color:#666;
background-color:#fff;
display:block;
padding:5px;
border-top:1px solid #999;
margin-top:5px;
}


/* --- Layoutbereiche zum Verstecken --- */

/* Zelle mit dem Selfhtml-Bapperl */
#selfforumheader thead td:first-child,

/* Link zur Selfaktuell Live, inklusive Ordnersymbol davor */
.nav a[href="http://selfaktuell.teamone.de/"] + img,
.nav a[href="http://selfaktuell.teamone.de/live/"],

/* Link zu Neuigkeiten (mit Auge) */
.quicklinks p:first-child,

/* Suchformular */
.quicklinks form,

/* Diverse Quicklinks */

/* Französisches Forum */
.quicklinks a[href="http://selfforum.selfhtml.com.fr/"],

/* nutzloses Java-IRC-Applet */
.quicklinks a[href="http://selfaktuell.teamone.de/live/chat.htm"],

/* nutzlose Statistik */
.quicklinks a[href="http://www.atomic-eggs.com/selfspezial/sstattop.html"],

/* Die zugehörigen Linebreak-Elemente */
.quicklinks a[href="http://selfforum.selfhtml.com.fr/"] + br,
.quicklinks a[href="http://selfaktuell.teamone.de/live/chat.htm"] + br,
.quicklinks a[href="http://www.atomic-eggs.com/selfspezial/sstattop.html"] + br,

/* Der Schriftzug "QuickLink:" samt Linebreak */
.quicklinks b,
.quicklinks b + br,

/* "Aktuelle Nachrichten" (Forumshauptseite) beziehungsweise "Nachricht lesen"
und "Nachricht beantworten" (Postingansicht) samt Linebreaks */
a[href="#a1"],
a[href="#a2"],
a[href="#a1"] + br,
a[href="#a2"] + br,

/* Tabellenzeile mit dem "Nach unten"-Link */
#selfforumheader td[colspan="2"],

/* Der Absatz direkt nach der Kopftabelle und vor dem Threadbaum ("Mitmachen: ..." und "Tip: ...") */
#selfforumheader + p,

/* "Nach oben"-Link am Ende der Seite */
#selfforumbottom,

/* Niemand braucht Copyright ;) */
.nav + p,

/* Grafik: Pfeil nach unten */
img[src="/src/xgdown.gif"],

/* Grafik: Pfeil nach oben */
img[src="/src/xgoup.gif"],

/* Grafik: Informationsseite */
img[src="/src/x5.gif"],

/* Grafik: Thread ausblenden */
img[src="/src/del.gif"],

/* Überschrift "Ältere Nachrichten" */
#root + h2,

/* Wir klicken nicht, brauchen also auch keine diesbezüglichen Warnungen. */
form[accept-charset] + p,



/* Anzahl der Followups */
span.answers

/* So, und jetzt ab in die Versenkung: */
{display:none;}

/* --- Tabellendekonstruktion --- */

/* Zeige unter den breadcrumb trail-Links 5 Pixel Abstand zur Überschrift */
.nav:first-child {margin-bottom:5px;}

/* Zeige die Kopftabelle als Blockelement anstatt als Tabelle an,
positioniere sie relativ mit keinem abwechenden Wert, um darin die Quicklinks
absolut positionieren zu können. Deaktiviere die Außenränder und setze die
Innenränder auf 5 Pixel. Zeichne einen dünnen dunkelgrauen Rahmen um den Kopf. */
#selfforumheader {
display:block;
position:relative;
margin:0;
padding:5px 0 5px 5px;
border:1px outset #888;
background-color:#eee;
}

/* Stelle alle Elemente der Tabelle als Inline-Elemente dar, deaktiviere Innen-
und Außenränder, setze die Hintergrundfarbe auf transparent und umggehe die
style-Attribute. */
#selfforumheader thead, #selfforumheader thead tr, #selfforumheader thead td,
#selfforumheader tbody, #selfforumheader tbody tr, #selfforumheader tbody td {
display:inline;
margin:0;
padding:0;
color:inherit;
background-color:transparent;
/* Zeige die Elemente zur Verdeutlichung */
/* border:1px solid green; */
}

/* Da die Inline-Elemente dennoch zusammen eine Zeile in Anspruch nehmen, lasse
die selbige rechts an der Überschrift vorbeifließen */
#selfforumheader h2 {float:left; margin:0; padding:0;}

/* Der "Neue Nachricht verfassen"-Link soll jedoch unter der Überschrift stehen */
#selfforumheader + h2 {clear:both;}

/* Positioniere die Quicklinks in der rechten Ecke des Kopfteils,
gebe ihr eine feste Breite und eine Hintergrundfarbe. */
/* #selfforumheader tbody td:first-child */
.quicklinks {
display:block;
position:absolute;
top:-20px;
right:5px;
margin:0;
padding:0;
width:150px !important;
text-align:center;
background-color:#eee !important;
font-size:10px !important;
border:1px outset #888;
}

/* force 10px font size */
.quicklinks * {
font-size:10px !important;
}

/* Verstecke alle Absätze in der rechten Zelle */
#selfforumheader td:last-child p {display:none;}

/* Zeige jedoch "Neue Nachricht verfassen"-Link */
#selfforumheader td:last-child p:first-child {display:block; clear:left; margin:0; padding:5px 0 0 0;}

/* Zeige jedoch den Ladezeitpunkt, float:left, um die Inline-Elemente der
Tabelle dahinter und nicht darunter anzuzeigen */
#selfforumheader td:last-child p:last-child {display:block; float:left; margin:0; padding:5px 0 5px 0;}

/* Unterdrücke alle Ränder des div-Elements in der rechts positionierten Zelle */
.quicklinks {margin:0; padding:0;}

/* formatiere die navigationsleiste anders */
div.nav {
display:block;
background-color:#eee !important;
border:1px outset #888;
}

div.nav a {
text-decoration:none !important;
}

/* EOF */