/* CSS an dieser Stelle wirkt sich auf alle Skins aus */
/* Quick-Syntax-Box */ .selfhtml_quick_syntax_examples {
margin: 1em 0; padding: 0.2em 0; border: 1px solid rgb(102, 102, 255); border-top: none; background-color: rgb(250, 250, 255);
} .selfhtml_quick_syntax_examples caption {
padding: 0.1em 0.5em; border: 1px solid rgb(102, 102, 255); border-bottom: none; background-color: rgb(250, 250, 255); text-align: left; font-weight: bold;
} .selfhtml_quick_syntax_examples th {
padding: 0 0.5em; text-align: left;
} .selfhtml_quick_syntax_examples td {
padding: 0 0.5em; vertical-align: top;
}
- selfhtml_quick_syntax_examples_lastline {
padding-bottom: .5em; padding-top: 1em;
}
/* CharInsert-Extension */
- specialchars {
margin-top: 10px; padding:1px; border: 1px solid #aaaaaa; text-align: center; display: block;
}
- specialchars a {
color: blue;
}
/* Inhaltsverzeichnis (TOC) */ .toc td {
padding: 5px 10px;
}
/* Vorlage TOC */ .tocleft {
float: left; margin-right: 1.5em; border-right: 1em solid white;
} .tocright {
float: right; margin-left: 1.5em; border-left: 1em solid white;
} .toclimit-1 .toclevel-1 ul, .toclimit-2 .toclevel-2 ul, .toclimit-3 .toclevel-3 ul, .toclimit-4 .toclevel-4 ul, .toclimit-5 .toclevel-5 ul, .toclimit-6 .toclevel-6 ul {
display: none;
}
/* Infoboxen: Achtung, Hinweis, Info, ToDo, Löschen, URLMove */ /* allgemein */ .note-box {
border: solid 1px; font-size: 100%; margin: 10px 0;
} .note-box-title {
margin: 0; font-size: 102%; font-weight: bold; padding: 2px 10px; color: #fff;
} .note-box-text {
padding: 4px 12px; background-color: #fff; color: #000;
}
/* Achtung */ .note-box-attention {
border-color: #d30; background-color: #d30;
}
/* Löschen */ .note-box-question {
border-color: #fc0; background-color: #fc0;
} .note-box-question .note-box-title {
color: black;
}
/* Hinweis */ .note-box-advice {
border-color: #690; background-color: #690;
}
/* Info */ .note-box-info {
border-color: #aaa; background-color: #aaa;
}
/* ToDo, URLmove */ .note-box-private1 {
border-color: #69c; background-color: #69c;
}
/* n.v. */ .note-box-private2 {
border-color: #ccc; background-color: #ccc;
}
/* AutorBox */ .note-box-autor .note-box-title {
margin: 0; padding: 2px 4px; font-weight: bold; font-size: 92%; color: #fff;
} .note-box-autor .note-box-text {
padding: 2px 4px;
} .note-box-autor {
width: 350px; border-color: #aaa; background-color: #aaa;
} .note-box-autor-text {
margin: 0 5px 0 0; padding: 0; font-weight: bold; font-size: 90%; float: left;
} .note-box-autor-info {
margin: 0; padding: 0; font-size: 90%;
}
/* Vorlagen Beachten und Empfehlung */ .vorlage_beachten {
padding-left: 15px; margin: 10px 0; border-left: 5px solid #fcc;
} .vorlage_empfehlung {
padding-left: 15px; margin: 10px 0; border-left: 5px solid #8fc;
}
/* Vorlage HtmlElement */ .vorlage_htmlelement {
margin-bottom: 10px;
} .vorlage_htmlelement caption {
font-size: larger; font-weight: bold; text-align: left;
} .vorlage_htmlelement, .vorlage_htmlelement th, .vorlage_htmlelement td {
border: 1px solid silver; border-collapse: collapse;
} .vorlage_htmlelement th {
vertical-align: top; text-align: left; padding-right: 1em;
} .vorlage_htmlelement td { }
/* Vorlage Verbergen */ .verbergen_alles a, a.verbergen_schalter {
color: blue;
}
/* Vorlage Beispiel */ .vorlage_beispiel {
margin: 10px 0; overflow: auto;
}
.vorlage_beispiel_head {
background-color: #edc; padding: 2px 5px; font-weight: bold;
} .beispiel_url {
float: right;
padding-right: 18px;
margin-left: .5em;
background: url("http://src.selfhtml.org/dokf.gif") no-repeat right center;
} .beispiel_url_code {
float: right;
padding-right: 18px;
margin-left: .5em;
background: url("http://src.selfhtml.org/dok.gif") no-repeat right center;
}
.vorlage_beispiel_body {
margin: 0; padding: 10px 5px; border: #edc 1px solid; border-top: none; background-color: #ffe; overflow: auto;
}
div.vorlage_beispiel_code {
font-family: monospace; font-size: 1em; white-space: pre;
}
div.vorlage_beispiel_code .ln-xtra, div.vorlage_beispiel_code li.ln-xtra, div.vorlage_beispiel_code div.ln-xtra {
background-color: #fcc;
}
div.vorlage_beispiel_code pre {
margin: 0; padding: 0; border: none; background-color: transparent;
}
.vorlage_beispiel_comment {
margin: 0; padding: 5px; border: #edc 1px solid; border-top: none;
}
/* Vorlagen ÜsimX */
.vorlage_heading {
font-family: Verdana,sans-serif; background: none repeat scroll 0 0 transparent; color: black; margin-bottom: 0.3em; margin-top: 0.5em; padding-bottom: 0.17em; padding-top: 0.5em;
}
.vorlage_h1 {
font-size: 160%; font-weight: normal; border-bottom: 1px solid #AAAAAA;
}
.vorlage_h2 {
font-size: 150%; font-weight: normal; border-bottom: 1px solid #AAAAAA;
}
.vorlage_h3 {
font-size: 120%; font-weight: bold;
}
.vorlage_h4 {
font-size: 100%; font-weight: bold;
}
.vorlage_h5 {
font-size: 90%; font-weight: bold;
}
.vorlage_h6 {
font-size: 90%; font-weight: bold;
}
/* Vorlage Editstatus */ .vorlage_editstatus_container {
margin: 20px 0;
} .vorlage_editstatus_clear {
clear: both;
}
.vorlage_editstatus {
list-style: none; margin: 0; padding: 0;
}
.vorlage_editstatus li {
width: 150px; height: 40px; float: left; margin: 1px; border: 1px solid #aaa;
}
.vorlage_editstatus div {
float: left; width: 35px; height: 30px; padding: 10px 0 0 0; background-color: #ddd; text-align: center; font-size: 14pt;
}
.vorlage_editstatus p {
margin: 0; padding: 5px 0 0 40px; font-size: 8pt; line-height: 1.25em;
}
.vorlage_editstatus0 .vorlage_editstatus0 {
border: 1px solid red;
} .vorlage_editstatus0 .vorlage_editstatus0 div {
background-color: red;
}
.vorlage_editstatus1 .vorlage_editstatus1 {
border: 1px solid #f60;
} .vorlage_editstatus1 .vorlage_editstatus1 div {
background-color: #f60;
}
.vorlage_editstatus2 .vorlage_editstatus2 {
border: 1px solid #fd3;
} .vorlage_editstatus2 .vorlage_editstatus2 div {
background-color: #fd3;
}
.vorlage_editstatus3 .vorlage_editstatus3 {
border: 1px solid #9e0;
} .vorlage_editstatus3 .vorlage_editstatus3 div {
background-color: #bf3;
}
.vorlage_editstatus4 .vorlage_editstatus4 {
border: 1px solid #3c3;
} .vorlage_editstatus4 .vorlage_editstatus4 div {
background-color: #3c3;
}
/* Calendar extension */
.calendar {
border: 1px solid #bbbbbb; font-size: 9px; line-height: normal; background-color: #dddddd;
}
.calendar a {
color: #000000;
}
.calendar td {
text-align: center; padding: 4px; margin: 0;
}
.calendarTop td {
background-color: #bbbbbb; font-weight: bold;
}
.calendarTop a {
color: #000000;
}
.calendarDayNames {
background-color: #dddddd;
}
.calendarupcoming {
border: 1px solid #bbbbbb; font-size: 10px; line-height: normal; margin-top: 6px;
}
.calendarupcomingTop {
padding-top: 2px; padding-bottom: 2px; padding-left: 3px; padding-right: 3px; background-color: #bbbbbb; font-weight: bold;
}
.calendarupcomingBottom {
padding: 2px 3px 2px 3px; background-color: #bbbbbb; font-weight: bold;
}
.calendarupcomingBottom a {
color: #000000;
}
.calendarupcoming-today {
font-weight: bold;
}
.calendarupcomingRow1 {
padding: 3px;
}
.calendarupcomingRow2 {
padding: 3px; border-top: 1px dotted #bbbbbb;
}
.calendarupcomingRow1 a {
color: #000000;
}
.calendarupcomingRow1 a:visited {
color: #000000;
}
.calendarupcomingRow2 a {
color: #000000;
}
.calendarupcomingRow2 a:visited {
color: #000000;
}
.cal-weekend {
}
td.cal-today {
font-weight: bold; background-color: #BBBBBB;
}
td.cal-eventday {
font-weight: bold;
}
td.cal-eventtoday {
background-color: #ff8800;
}
td.cal-eventtoday a {
color:#ffffff; font-weight: bold;
}
/* Sonstiges */
div.wikisyntaxsample {
border: 1px solid #ccc; padding: 10px; background: #eee;
}
table {
border-collapse: collapse; border-color: #BBBBBB;
} th {
vertical-align: top;
}
/* Vorlagen Icon und Iconset */ .smetadaten {
float: right;
} .siconset {
margin: 0; padding: 0; list-style-type: none; list-style-image: none;
} span.sicon {
display: inline-block; position: relative; width: 32px; height: 32px; overflow: hidden;
} li.sicon {
float: left; position: relative; width: 32px; height: 32px; overflow: hidden; margin: 0; padding: 0;
} .sicon img {
position: absolute; border: 0;
} .sicon_op img { top: -0px; left: -0px; } .sicon_op5_12 img { top: -0px; left: -31px; } .sicon_op6 img { top: -0px; left: -62px; } .sicon_op7 img { top: -0px; left: -93px; } .sicon_op7_1 img { top: -0px; left: -124px; } .sicon_op7_2 img { top: -0px; left: -155px; } .sicon_op7_5 img { top: -0px; left: -186px; } .sicon_op7_6 img { top: -0px; left: -217px; } .sicon_op8 img { top: -0px; left: -248px; } .sicon_op9 img { top: -0px; left: -279px; } .sicon_op9_10 img { top: -0px; left: -310px; } .sicon_op9_50 img { top: -0px; left: -341px; } .sicon_op10 img { top: -0px; left: -372px; } .sicon_op10_10 img { top: -0px; left: -403px; } .sicon_op10_50 img { top: -0px; left: -434px; } .sicon_op11 img { top: -0px; left: -465px; }
.sicon_ie img { top: -31px; left: -0px; } .sicon_ie1 img { top: -31px; left: -31px; } .sicon_ie2 img { top: -31px; left: -62px; } .sicon_ie3 img { top: -31px; left: -93px; } .sicon_ie4 img { top: -31px; left: -124px; } .sicon_ie5 img { top: -31px; left: -155px; } .sicon_ie5_5 img { top: -31px; left: -186px; } .sicon_ie6 img { top: -31px; left: -217px; } .sicon_ie7 img { top: -31px; left: -248px; } .sicon_ie8 img { top: -31px; left: -279px; } .sicon_ie9 img { top: -31px; left: -310px; } .sicon_ie10 img { top: -31px; left: -341px; }
.sicon_fx img { top: -62px; left: -0px; } .sicon_fx1 img { top: -62px; left: -31px; } .sicon_fx1_5 img { top: -62px; left: -62px; } .sicon_fx2 img { top: -62px; left: -93px; } .sicon_fx3 img { top: -62px; left: -124px; } .sicon_fx3_5 img { top: -62px; left: -155px; } .sicon_fx3_6 img { top: -62px; left: -186px; } .sicon_fx3_7 img { top: -62px; left: -217px; } .sicon_fx4 img { top: -62px; left: -248px; } .sicon_fx5 img { top: -62px; left: -279px; } .sicon_fx6 img { top: -62px; left: -310px; } .sicon_fx7 img { top: -62px; left: -341px; } .sicon_fx8 img { top: -62px; left: -372px; } .sicon_fx9 img { top: -62px; left: -403px; } .sicon_fx10 img { top: -62px; left: -434px; } .sicon_fx11 img { top: -62px; left: -465px; } .sicon_fx12 img { top: -62px; left: -496px; } .sicon_fx13 img { top: -62px; left: -527px; } .sicon_fx14 img { top: -62px; left: -558px; } .sicon_fx15 img { top: -62px; left: -589px; } .sicon_fx16 img { top: -62px; left: -620px; } .sicon_fx17 img { top: -62px; left: -651px; } .sicon_fx18 img { top: -62px; left: -682px; } .sicon_fx19 img { top: -62px; left: -713px; } .sicon_fx20 img { top: -62px; left: -744px; }
.sicon_saf img { top: -93px; left: -0px; } .sicon_saf1_0 img { top: -93px; left: -31px; } .sicon_saf1_1 img { top: -93px; left: -62px; } .sicon_saf1_2 img { top: -93px; left: -93px; } .sicon_saf1_3 img { top: -93px; left: -124px; } .sicon_saf2_0 img { top: -93px; left: -155px; } .sicon_saf2_x img { top: -93px; left: -186px; } .sicon_saf3 img { top: -93px; left: -217px; } .sicon_saf4 img { top: -93px; left: -248px; } .sicon_saf5 img { top: -93px; left: -279px; }
.sicon_konq img { top: -124px; left: -0px; } .sicon_konq3_1 img { top: -124px; left: -31px; } .sicon_konq3_2 img { top: -124px; left: -62px; } .sicon_konq3_3 img { top: -124px; left: -93px; } .sicon_konq3_4 img { top: -124px; left: -124px; } .sicon_konq3_5 img { top: -124px; left: -155px; } .sicon_konq4_x img { top: -124px; left: -186px; } .sicon_konq5_x img { top: -124px; left: -217px; }
.sicon_chr img { top: -155px; left: -0px; } .sicon_chr4 img { top: -155px; left: -31px; } .sicon_chr4_1 img { top: -155px; left: -62px; } .sicon_chr5 img { top: -155px; left: -93px; } .sicon_chr6 img { top: -155px; left: -124px; } .sicon_chr7 img { top: -155px; left: -155px; } .sicon_chr8 img { top: -155px; left: -186px; } .sicon_chr9 img { top: -155px; left: -217px; } .sicon_chr10 img { top: -155px; left: -248px; } .sicon_chr11 img { top: -155px; left: -279px; } .sicon_chr12 img { top: -155px; left: -310px; } .sicon_chr13 img { top: -155px; left: -341px; } .sicon_chr14 img { top: -155px; left: -372px; } .sicon_chr15 img { top: -155px; left: -403px; } .sicon_chr16 img { top: -155px; left: -434px; } .sicon_chr17 img { top: -155px; left: -465px; } .sicon_chr18 img { top: -155px; left: -496px; } .sicon_chr19 img { top: -155px; left: -527px; } .sicon_chr20 img { top: -155px; left: -558px; } .sicon_chr21 img { top: -155px; left: -589px; } .sicon_chr22 img { top: -155px; left: -620px; } .sicon_chr23 img { top: -155px; left: -651px; } .sicon_chr24 img { top: -155px; left: -682px; } .sicon_chr25 img { top: -155px; left: -713px; } .sicon_chr26 img { top: -155px; left: -744px; }
.sicon_html2 img { top: -186px; left: -0px; } .sicon_html3_2 img { top: -186px; left: -31px; } .sicon_html4 img { top: -186px; left: -62px; } .sicon_html5 img { top: -186px; left: -93px; } .sicon_html5v img { top: -186px; left: -124px; }
.sicon_xhtml1 img { top: -186px; left: -217px; } .sicon_xhtml1_1 img { top: -186px; left: -248px; }
.sicon_css1 img { top: -217px; left: -0px; } .sicon_css2 img { top: -217px; left: -31px; } .sicon_css2_1 img { top: -217px; left: -62px; } .sicon_css3 img { top: -217px; left: -93px; }
.sicon_dom1 img { top: -217px; left: -465px; } .sicon_dom2 img { top: -217px; left: -434px; } .sicon_dom3 img { top: -217px; left: -403px; }
.sicon_ecma1 img { top: -217px; left: -186px; } .sicon_ecma2 img { top: -217px; left: -217px; } .sicon_ecma3 img { top: -217px; left: -248px; } .sicon_ecma4 img { top: -217px; left: -279px; } .sicon_ecma5 img { top: -217px; left: -310px; }
.sicon_js_ms img { top: -248px; left: -0px; } .sicon_js1_0 img { top: -248px; left: -31px; } .sicon_js1_1 img { top: -248px; left: -62px; } .sicon_js1_2 img { top: -248px; left: -93px; } .sicon_js1_3 img { top: -248px; left: -124px; } .sicon_js1_4 img { top: -248px; left: -155px; } .sicon_js1_5 img { top: -248px; left: -186px; } .sicon_js1_6 img { top: -248px; left: -217px; } .sicon_js1_7 img { top: -248px; left: -248px; } .sicon_js1_8 img { top: -248px; left: -279px; }
.sicon_jq img { top: -310px; left: -0px; } .sicon_jq1_0 img { top: -310px; left: -31px; } .sicon_jq1_1 img { top: -310px; left: -62px; } .sicon_jq1_2 img { top: -310px; left: -93px; } .sicon_jq1_3 img { top: -310px; left: -124px; } .sicon_jq1_4 img { top: -310px; left: -155px; } .sicon_jq1_5 img { top: -310px; left: -186px; } .sicon_jq1_6 img { top: -310px; left: -217px; }
.sicon_achtung img { top: -279px; left: -0px; } .sicon_visuell img { top: -279px; left: -31px; } .sicon_aural img { top: -279px; left: -62px; } .sicon_print img { top: -279px; left: -93px; } .sicon_ro img { top: -279px; left: -124px; } .sicon_rw img { top: -279px; left: -155px; } .sicon_frei img { top: -279px; left: -186px; } .sicon_leer img { top: -279px; left: -217px; } .sicon_leer1 img { top: -279px; left: -248px; } .sicon_leer2 img { top: -279px; left: -279px; }
.sicon_xml1 img { top: -186px; left: -403px; } .sicon_xslt1 img { top: -186px; left: -434px; } .sicon_xpath1 img { top: -186px; left: -465px; }
.sicon_svg1 img { top: -279px; left: -0px; } .sicon_svg1_1 img { top: -279px; left: -31px; } .sicon_svg1_2 img { top: -279px; left: -62px; }
.sicon_mathml1 img { top: -279px; left: -186px; } .sicon_mathml2 img { top: -279px; left: -217px; } .sicon_mathml3 img { top: -279px; left: -248px; }
.sicon_php4 img { top: -0px; left: -0px; } .sicon_php5 img { top: -0px; left: -31px; } .sicon_php6 img { top: -0px; left: -62px; }
.sicon_perl5_6 img { top: -31px; left: -0px; } .sicon_perl5_8 img { top: -31px; left: -31px; } .sicon_perl5_10 img { top: -31px; left: -62px; } .sicon_perl6 img { top: -31px; left: -93px; }
.sicon_java img { top: -341px; left: 0; } .sicon_java0 img { top: -341px; left: -31px; } .sicon_java1 img { top: -341px; left: -62px; } .sicon_java2 img { top: -341px; left: -93px; } .sicon_java3 img { top: -341px; left: -124px; } .sicon_java4 img { top: -341px; left: -155px; } .sicon_java5 img { top: -341px; left: -186px; } .sicon_java6 img { top: -341px; left: -217px; } .sicon_java7 img { top: -341px; left: -248px; } .sicon_java8 img { top: -341px; left: -279px; }
.sicon_as1 img { top: -62px; left: -0px; } .sicon_as2 img { top: -62px; left: -31px; } .sicon_as3 img { top: -62px; left: -62px; }
.sicon_flash2 img { top: -93px; left: -0px; } .sicon_flash3 img { top: -93px; left: -31px; } .sicon_flash4 img { top: -93px; left: -62px; } .sicon_flash5 img { top: -93px; left: -93px; } .sicon_flash6 img { top: -93px; left: -124px; } .sicon_flash7 img { top: -93px; left: -155px; } .sicon_flash8 img { top: -93px; left: -186px; } .sicon_flash9 img { top: -93px; left: -217px; } .sicon_flash10 img { top: -93px; left: -248px; }
.sicon_sl1 img { top: -124px; left: -0px; } .sicon_sl2 img { top: -124px; left: -31px; } .sicon_sl3 img { top: -124px; left: -62px; } .sicon_sl4 img { top: -124px; left: -93px; }
.sicon_ap1_3 img { top: -155px; left: -0px; } .sicon_ap2_0 img { top: -155px; left: -31px; } .sicon_ap2_2 img { top: -155px; left: -62px; } .sicon_ap2_4 img { top: -155px; left: -93px; }
.sicon_iis1 img { top: -186px; left: -0px; } .sicon_iis2 img { top: -186px; left: -31px; } .sicon_iis3 img { top: -186px; left: -62px; } .sicon_iis4 img { top: -186px; left: -93px; } .sicon_iis5 img { top: -186px; left: -124px; } .sicon_iis5_1 img { top: -186px; left: -155px; } .sicon_iis6 img { top: -186px; left: -186px; } .sicon_iis7 img { top: -186px; left: -217px; } .sicon_iis7_5 img { top: -186px; left: -248px; }
.sicon_cgi1_0 img { top: -217px; left: -0px; } .sicon_cgi1_1 img { top: -217px; left: -31px; }
.sicon_http1_0 img { top: -217px; left: -62px; } .sicon_http1_1 img { top: -217px; left: -93px; }
.sicon_ssl1 img { top: -248px; left: -62px; } .sicon_ssl2 img { top: -248px; left: -93px; } .sicon_ssl3 img { top: -248px; left: -124px; }
.sicon_tls1_0 img { top: -248px; left: -155px; } .sicon_tls1_1 img { top: -248px; left: -186px; } .sicon_tls1_2 img { top: -248px; left: -217px; }
.sicon_ssi img { top: -248px; left: -31px; } .sicon_ftp img { top: -217px; left: -124px; } .sicon_mime1 img { top: -248px; left: -0px; }
/* Vorlage Cursordemo */ .cursordemo { padding: 0 2em 0 .2em;
border: thin solid;
font-weight: bold;
background: #e8ddca; }
/* Vorlagen zur Begriffsklärung */ .vorlage_bk {
margin: 10px 0; padding-left: 10px; border: 1px solid #d51; border-left-width: 10px; background-color: #eee;
}
/* Brotkrume */ .skin-selfhtml span.subpages {
margin: 10px 0; padding-left: 10px; border: 1px solid #e8ddca; border-left-width: 10px; background-color: #fbf4e8; padding-top: 4px; padding-bottom: 4px; margin-left: -10px; color: #333;
} .skin-selfhtml span.subpages a:link {
color: #780000;
} .skin-selfhtml span.subpages a:visited {
color: #780000;
}
/* Tabelle CSS-Eigenschaftsreferenz */ table.css_property_reference th {
vertical-align: middle;
}
table.css_property_reference span.sicon {
vertical-align: middle;
}