/*

 Benutzer-Stylesheet fuer alle Foren des SELFHTML-Universums / Classic Forum 3.4.x
 <http://skop.net/self/selfforum.css>
 2002 - 2008 Roland Skop, letzte Aenderung: 2008-10-08
 
 Getestet mit Opera 8.x und Firefox 1.x
 Optimiert ;-) fuer Opera 9

 Einzubinden von registrierten Benutzern via
 <http://forum.de.selfhtml.org/cgi-bin/user/fo_userconf#experten>

 Folgende Auswahl ist zu treffen, um alle Deklarationen darzustellen:

 - Anzeige als XHTML 1.0
 - Eigene CSS-Datei: (URI)
 - Anzeige von Signaturen
 - Threadbaum komplett anzeigen
 - Farbe zitierter Texte
 - Farbe fuer eigene Postings
 - Whitelist
 - Farbliche Hervorhebung von Kategorien
 - Farbe besuchter Postings
 - Auswahl Posting/Vorschau via Button
 
Weitere alternative Stylesheets:

<http://www.christian-seiler.de/temp/selfforum.css>
  von Christian Seiler

<http://forum.de.selfhtml.org/owncss01.css>
  von Christian Kruse

<http://jeenaparadies.net/t/self.css>
  von Jeena Paradies

<http://www.ploetzli.ch/forumtst/forum3.css>
<http://www.ploetzli.ch/forum/css/forum3-syntax.css>
  von Henryk Ploetz

<http://download.noctus.net/css/self.css>
  von Ashura

<http://files.cdauth.de/selfforum/selfforum.css>
  von Candid Dauth
 
*/



/* Formatierung molilys JS-Goodies */
@import url("http://forum.de.selfhtml.org/js/javascript.css");



/* Grundsaetzliches */
body {
  color:#000;
  background-color:#ddd;
  font-family:Arial,sans-serif;
  line-height:1.5em;
  font-family:"bitstream vera sans";
  font-size:14px;
  margin:0;
  padding:0;
}

strong {
  font-weight:normal;
}



/* nutzloses Geraffel ausblenden */
h1, h2, h3, label, span.q+br,
#aktuellenachrichten,
#altenachrichten,
#bottom,
#doppelpostinghinweis,
#formular-email,
#formular-grafik,
#formular-homepage,
#formular-name,
#formular-rechtschreibung,
#kopf-down,
#kopf-einleitung,
#kopf-logo,
#kopf-seitentyp,
#kopf-titel,
#link-aktuellenachrichten,
#link-altenachrichten,
#link-neuenachricht>img,
#mitmachen,
#nachricht-antworten,
#nachricht-bewerten + p,
#nachricht-bezug,
#nachricht-bild,
#nachricht-feed-rss,
#nachricht-feed-atom,
#nachricht-lesen,
#nachrichtabo-link,
#nachrichtantworten-link,
#nachrichtlesen-link,
#nachricht-view-nested,
#nachricht-view-list,
#newslink,
#optionen-threads-einblenden,
#pfadunten,
#quicklinks,
#quicklink-francais,
#quicklink-archiv,
#quicklink-faq,
#quicklink-selfhtml,
#quicklink-selfaktuell,
#quicklink-suche,
#selfforumheader,
#selfforum-hauptseite form,
#selfforum-hauptseite p,
#suchausdruck,
#threads-gelesen-markieren,
#tipoftheday,
#top,
#zu_diesem_Forum,
.link-thread-ausblenden,
.link-thread-gelesen,
.link-thread-zuklappen,
.posting .category,
.tn.braces,
.updown {
  display:none;
}



/* Antworten + Kategorien */
.answers + .posting .subject .category, .answers + .posting .subject .cathigh {
  display:block;
  font-weight:bold;
  font-size:1.2em;
  font-style:italic;
  position:relative;
  top:-1.5em;
  left:-1.2em;
  background-color:#eee;
  text-align:left;
  border-width:1px 1px 0 1px;
  border-style:solid;
  border-color:#888;
  padding-left:3.5em;
  margin-right:-1.22em;
}

.answers {
  display:block;
  width:3em;
  float:left;
  position:relative;
  top:-1.6em;
  left:-3em;
  color:#888;
}

.thread-start {
  border:1px solid #aaa;
  padding:0 0 1em 0;
  margin-bottom:5em;
}

#antwortformular {
  margin:auto;
  max-width:80em;
}

#antwortformular textarea {
  max-height:50em;
}



/* Verweise und deren Klassen */
a:link {
  color:#007;
  background-color:#d5d5da;
  text-decoration:underline;
}

a:visited {
  background-color:#e6e6e6 !important;
  text-decoration:underline;
}

*:visited {
  color:#666 !important;
  text-decoration:underline;
}

a:active {
  color:#ffd;
  background-color:#9a9;
  text-decoration:underline;
}

a:hover {
  color:#aaa;
  background-color:#00a;
  text-decoration:underline;
}

*.visited {
  background-color:#e6e6e6 !important;
}



/* Admin */
#tipoftheday + p {
  display:block !important;
  position:fixed;
  top:5em;
  left:2em;
  background-color:#ffe;
  border:.5em solid #a00 !important;
  padding:1em;
  z-index:2;
}

a[class*="admin"] {
  color:#666 !important;
  background-color:#e6e6e6 !important;
  font-size:80%;
  text-decoration:none !important;
}

a[class*="admin"]:before {
  content:" | ";
}

a[class*="admin"]:hover {
  color:#ff4 !important;
  background-color:#900 !important;
}

a[class*="admin"][onclick*="remove"] {
  color:#ff0 !important;
  background-color:#900 !important;
}



/* Formatierung von molilys Forums-Script, siehe http://skop.net/self/forum.js */
#followup-notice {
  display:block;
  margin:4em 1em 1em .5em;
  padding:0 2em .3em 0;
  font-size:.75em;
  background-color:#eee;
  text-align:left;
  border-width:1px;
  border-style:solid;
  border-color:#888;
}

#followup-notice ul:before {
  content:"Antworten";
  display:block;
  font-weight:bold;
  font-size:1.35em;
  font-style:italic;
  background-color:#f2f2f2;
  text-transform:uppercase;
  margin:-.75em -1.5em 1.2em -2.5em;
  padding:0 .3em;
}

#followup-notice ul {
  margin-left:0;
}

#followup-notice li {
  margin-left:0;
}



.deleted {
  text-decoration:line-through;
  color:#900;
}

#optionen {
  z-index:2;
}

#optionen {
  display:block;
  position:fixed;
  top:-1em;
  right:0;
}

#optionen ul li {
  display:block;
  float:right;
}

#optionen a {
  display:block;
  background:transparent url("fixed_bg.png");
  border-width:1px;
  border-style:solid;
  border-color:#ccc #aaa #aaa #ccc;
  margin:.1em .2em .1em 0;
  padding:0 .2em;
  font-size:.8em;
  text-align:center;
  text-decoration:none;
}

#link-neuenachricht a {
  display:block;
  position:fixed;
  top:2.8em;
  right:.25em;
  padding:0 .2em;
  font-size:75%;
  background:transparent url("fixed_bg.png");
  border-width:1px;
  border-style:solid;
  border-color:#ccc #aaa #aaa #ccc;
  z-index:2;
}

#ladezeitpunkt {
  display:block !important;
  position:fixed;
  width:10em;
  top:-4.5em;
  left:-5.6em;
  padding:.1em .2em;
  font-size:75%;
  text-align:right;
  background:transparent url("fixed_bg.png");
  border-width:1px;
  border-style:solid;
  border-color:#ccc #aaa #aaa #ccc;
  overflow:hidden;
  z-index:2;
}





/* Thread-Anzeige */
#root {
  margin:0;
  padding:.5em; /*
  border-width:1px;
  border-style:solid;
  border-color:#ccc #aaa #aaa #ccc;
  background-color:#e6e6e6; */
  font-size:1em;
  line-height:1.8em;
  z-index:0;
}

.thread-start {
  background-color:#e8e8e8;
}

span.category {
  font-style:italic;
  font-weight:bold;
  font-size:.9em;
}





/* Thread-Listen formatieren */
ol li, ul li {
  margin:0;
  white-space:nowrap;
  list-style-type:none;
  position:relative;
}

/* Rahmen um Bilder entfernen */
img {
  border:0;
}

a.function-link-mark-interesting {
  position:absolute;
  top:-1.7em; left:-1em;
  background-color:transparent;
}

a.function-link-hide  {
  position:absolute;
  top:-1.7em; left:.25em;
  background-color:transparent;
}

a.function-link-mark-visited {
  position:absolute;
  top:-1.7em; left:1.5em;
  background-color:transparent;
}

span+span+span+span+span+span a {
  background-color:transparent;
}


/* Aktives Posting im Threadbaum hervorheben */
#active-post {
  border:1px solid #9c9;
  display:inline-block;
  background-color:#f0f0f0 !important;
}

#active-post * {
  background-color:#f0f0f0 !important;
}


/* Lieblings-Kategorien hervorheben */
#root .cathigh {
  color:#060;
  background-color:#aea;
}

/* eigene Postings hervorheben */
.author.own-posting {
  color:#ee0;
  background-color:#900;
  border:1px solid #600;
}

/* gelesene Postings mit Haekchen markieren */
.visited.*:after {
  content: "   \2714";
  color:#888;
  background-color:inherit;
}

/* Poster aus der Whitelist hervorheben ... */
#root .author.whitelist {
  color:#060;
  background-color:#dfd !important;
  border:1px solid #aca !important;
}

/* ... und mit (x) markieren */
#root .author.whitelist:after {
  content:" \2718";
  font-weight:normal;
  vertical-align:top;
}

/* Interessante Threads markieren */

.interesting:before {
  content:"interessant";
  font-style:italic;
  font-weight:bold;
  font-size:3em;
  letter-spacing:-.1em;
  color:#c00;
  position:relative;
  float:right;
  top:-.35em;
  right:.25em;
  z-index:3;
  /* Firefox-Workaround */  
  text-align:right;
  display:block;
  height:1.3em;
}


#selfforum-hauptseite ol > li {
  margin-top:1.5em;
}

.author, .date {
  color:#222;
}




/* Postings + Zitate  */

span.q {
  font-family:"bitstream vera sans mono","courier new";
  display:block;
  font-size:1em;
  line-height:1.5em;
  margin:.5em -.5em;
  padding:.5em;
  color:#00a;
  background-color:#f0f0f4;
  border-top:1px solid #d8d8d8;
  border-bottom:1px solid #d8d8d8;
  max-width:70em;
}

#nachricht-text, textarea#body, tt {
  font-family:"bitstream vera sans mono","courier new";
  max-width:75em;
  font-size:1.1em;
  margin:auto;
  background-color:#eee !important;
}

#root {
  padding-top:2em;
}

#nachricht-autor {
  font-size:.8em;
  max-width:80em;
}

#nachricht-text, #nachricht-autor {
  margin:0 auto .5em auto;
  background-color:#f4f4f4;
  border-width:1px;
  border-style:solid;
  border-color:#ccc #aaa #aaa #ccc;
  padding:.5em;
}

.sig {
  display:block;
  color:#777;
  background-color:#eee;
  font-size:0.9em;
  border-top:1px solid #ddd;
  margin:1.5em -.5em -.5em -.5em;
  padding:.5em;
}

#selfforum-nachricht {
  padding-top:2em;
}


/* Syntax-Highlighting (via Daniel aus #selfhtml)  */

code {
  color:#000;
  background-color:#f6f6ee;
  display:inline-block;
  margin-left:-.5em;
  padding-left:.5em;
  font-weight:bold;
/*  border-top:1px solid #ccc;
  border-bottom:1px solid #ccc; */

}

code .apache-directive { color: rgb(0, 128, 0); }
code .apache-known-option { color: rgb(128, 0, 0); }
code .apache-method {  }
code .apache-region { font-weight: bold; color: rgb(0, 0, 255); }
code .at-rule { color: rgb(0, 0, 255); font-weight: bold; }
code .attribute { color: rgb(0, 128, 0); font-weight: normal; }
code .comment { color: rgb(128, 128, 128); font-style: italic; }
code .element-selector {  }
code .empty-tag { color: rgb(0, 0, 255); font-weight: bold; }
code .entity { font-style: italic; }
code .entityinvalid { background-color: rgb(255, 0, 0); font-style: italic; }
code .function { font-weight: bold; }
code .heredoc { color: rgb(255, 0, 0); }
code .hexnumber { color: rgb(0, 128, 128); }
code .keyword { color: rgb(0, 0, 255); font-weight: bold; }
code .known-methods { font-weight: bold; }
Code .mediatype { color: rgb(128, 0, 0); }
code .name {  }
code .number { color: rgb(0, 128, 128); }
code .octnumber { color: rgb(0, 128, 128); }
code .operator {  }
code .preprocessor { color: rgb(128, 128, 0); }
code .processing-instruction { color: rgb(255, 0, 0); font-weight: bold; }
code .property { color: rgb(0, 128, 0); }
code .property-value { color: rgb(128, 0, 0); }
code .prop-function { text-decoration: none; font-style: italic; font-weight: bold; }
code .prop-quoted { color: rgb(255, 0, 255); }
code .pseudo-class-selector { color: rgb(0, 0, 255); }
code .shebang { color: rgb(128, 128, 0); }
code .string { color: rgb(255, 0, 0); }
code .symbol { font-weight: bold; }
code .tag { color: rgb(0, 0, 255); font-weight: bold; }
code .unknown-property { color: rgb(0, 128, 0); background-color: rgb(255, 0, 0); }
code .value { color: rgb(128, 0, 0); }
code .variable { color: rgb(0, 128, 0); }



/* Formular */

form {
  background-color:#f8f8f8;
  padding:.1em;
  border-width:1px;
  border-style:solid;
  border-color:#ccc #aaa #aaa #ccc;
}

#formular-nachricht {
  margin:auto;
  background-color:#fafaff;
  font-size:1em;
}

input[value="Nachricht absenden"]:hover {
  color:#ee0;
  background-color:#f00;
}
input[value="Vorschau generieren"]:hover {
  color:#080;
  background-color:#efe;
}



/* Posting-Bewertung */

#nachricht-bewerten-div p {
  display:block;
  position:fixed;
  top:0em;
  right:.1em;
  width:100%;
  font-size:75%;
  text-align:center;
  padding:.2em;
  background-image:url("fixed_bg.png");
  border-bottom:1px solid #ddd;
}

#nachricht-bewerten-div a {
  padding:0 .1em;
  border-width:1px;
  border-style:solid;
  border-color:#ccc #aaa #aaa #ccc;
}





















#nachricht-autor:contains("84.56"), #nachricht-autor:contains("84.57"), #nachricht-autor:contains("80.226") {
  background-color:#900;
  color:#990;
}