MediaWiki:Common.css: Unterschied zwischen den Versionen

Aus Delixs
Zur Navigation springen Zur Suche springen
(CSS wird für alle Benutzeroberflächen)
 
(Iconset)
 
(2 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 174: Zeile 174:
   padding-right: 18px;
   padding-right: 18px;
   margin-left: .5em;
   margin-left: .5em;
   background: url("http://src.selfhtml.org/dokf.gif") no-repeat right center;
   background: url("http://www.delixs.de/dwiki/images/f/fa/Dokf.gif") no-repeat right center;
}
}
.beispiel_url_code {
.beispiel_url_code {
Zeile 180: Zeile 180:
   padding-right: 18px;
   padding-right: 18px;
   margin-left: .5em;
   margin-left: .5em;
   background: url("http://src.selfhtml.org/dok.gif") no-repeat right center;
   background: url("http://www.delixs.de/dwiki/images/2/2c/Dok.gif") no-repeat right center;
}
}
   
   
Zeile 461: Zeile 461:
   vertical-align: top;
   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_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_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_chr5 img { top: -155px; left: -62px; }
.sicon_chr6 img { top: -155px; left: -93px; }
.sicon_chr7 img { top: -155px; left: -124px; }
.sicon_chr8 img { top: -155px; left: -155px; }
.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_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_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; }

Aktuelle Version vom 6. März 2012, 21:48 Uhr

/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */

/* 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,
.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://www.delixs.de/dwiki/images/f/fa/Dokf.gif") no-repeat right center;
}
.beispiel_url_code {
  float: right;
  padding-right: 18px;
  margin-left: .5em;
  background: url("http://www.delixs.de/dwiki/images/2/2c/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;
}