Vorlage:Farbe und MediaWiki:Common.css: Unterschied zwischen den Seiten

Aus ZUM-Unterrichten
(Unterschied zwischen Seiten)
KKeine Bearbeitungszusammenfassung
 
KKeine Bearbeitungszusammenfassung
 
Zeile 1: Zeile 1:
<includeonly><nowiki>#</nowiki>{{#switch: {{{1|}}}
/* Kennzeichnung externer Links, hinzugefügt [[Benutzer:m.scharwies]] 7. Apr. 2018 */
|#default
|Hervorhebung1
|Frage
|Lernpfad
|primär          = {{#switch:{{{2|}}}|heller=FFF0A2|hell=FFEA77|#default=F1D850|dunkel=DEC229|dunkler=AF9612}}
|Hervorhebung2
|Merksatz
|sekundär-1      = {{#switch:{{{2|}}}|heller=E994BF|hell=D965A0|#default=C64285|dunkel=B6226D|dunkler=900F50}}
|Üben
|sekundär-2      = {{#switch:{{{2|}}}|heller=85C5CF|hell=52A1AD|#default=338894|dunkel=1B7A88|dunkler=0D5F6B}}
|Arbeitsmethode
|komplementär    = {{#switch:{{{2|}}}|heller=A592D7|hell=7B63BC|#default=5E43A5|dunkel=482998|dunkler=331878}}
|orange          = {{#switch:{{{2|}}}|heller=FFCEA2|hell=FFB877|#default=F19D50|dunkel=DD7F28|dunkler=AE5D12}}
|Unterrichtsidee
|Experimentieren
|grün            = {{#switch:{{{2|}}}|heller=D4F69C|hell=C0EF6F|#default=A8DF4A|dunkel=8FCD25|dunkler=6CA111}}
|links          = {{#switch:{{{2|}}}|heller      |hell      |#default=0077dd|dunkel      |dunkler=005599}}
|Meinung
|Lösung
|Download
|Kurzinfo
|grau            = {{#switch:{{{2|}}}|heller=F1F1F1|hell=ececec|#default=DBDBDB|dunkel=C8C8C8|dunkler=a0a0a0}}
|Zitat        = a0a0a0
|unspezifisch    = ececec}}</includeonly><noinclude>


Die Vorlage {{PAGENAME}} gibt dir eine Farbe aus dem ZUM-Farbschema zurück. Bitte verwende wenn möglich Farben mit Bedeutung, da sie leichter zu pflegen sind.
div#content a.external {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAVklEQVR4Xn3PgQkAMQhDUXfqTu7kTtkpd5RA8AInfArtQ2iRXFWT2QedAfttj2FsPIOE1eCOlEuoWWjgzYaB/IkeGOrxXhqB+uA9Bfcm0lAZuh+YIeAD+cAqSz4kCMUAAAAASUVORK5CYII=) center right no-repeat;
    padding-right: 13px;
}


== Farben mit Bedeutung ==
/* Floaten von Bildern, TOC, etc , hinzugefügt [[Benutzer:m.scharwies]] 7. Apr. 2018 */
{|class=wikitable style="width: 100%;"
!style="width: 25%"|Hervorhebung1
|{{Farbe/Beispiel|Hervorhebung1}}
!style="width: 25%"|Frage
|{{Farbe/Beispiel|Frage}}
|-
!style="width: 25%"|Lernpfad
|{{Farbe/Beispiel|Lernpfad}}
!Hervorhebung2
|{{Farbe/Beispiel|Hervorhebung2}}
|-
!Merksatz
|{{Farbe/Beispiel|Merksatz}}
!Üben
|{{Farbe/Beispiel|Üben}}
|-
!Arbeitsmethode
|{{Farbe/Beispiel|Arbeitsmethode}}
!Unterrichtsidee
|{{Farbe/Beispiel|Unterrichtsidee}}
|-
!Experimentieren
|{{Farbe/Beispiel|Experimentieren}}
!Meinung
|{{Farbe/Beispiel|Meinung}}
|-
!Lösung
|{{Farbe/Beispiel|Lösung}}
!Download
|{{Farbe/Beispiel|Download}}
|-
!Kurzinfo
|{{Farbe/Beispiel|Kurzinfo}}
!Zitat
|{{Farbe/Beispiel|Zitat}}
|}


== Farbschema ==
div.float-right, table.float-right, ul.float-right, .float-right {
{|class=wikitable
    clear: right;
!primär
    float: right;
|{{Farbe/Beispiel|primär|heller}}
    margin: 1em 0 1em 1em;
|{{Farbe/Beispiel|primär|hell}}
}
|{{Farbe/Beispiel|primär}}
|{{Farbe/Beispiel|primär|dunkel}}
|{{Farbe/Beispiel|primär|dunkler}}
|-
!sekundär-1
|{{Farbe/Beispiel|sekundär-1|heller}}
|{{Farbe/Beispiel|sekundär-1|hell}}
|{{Farbe/Beispiel|sekundär-1}}
|{{Farbe/Beispiel|sekundär-1|dunkel}}
|{{Farbe/Beispiel|sekundär-1|dunkler}}
|-
!sekundär-2
|{{Farbe/Beispiel|sekundär-2|heller}}
|{{Farbe/Beispiel|sekundär-2|hell}}
|{{Farbe/Beispiel|sekundär-2}}
|{{Farbe/Beispiel|sekundär-2|dunkel}}
|{{Farbe/Beispiel|sekundär-2|dunkler}}
|-
!komplementär
|{{Farbe/Beispiel|komplementär|heller}}
|{{Farbe/Beispiel|komplementär|hell}}
|{{Farbe/Beispiel|komplementär}}
|{{Farbe/Beispiel|komplementär|dunkel}}
|{{Farbe/Beispiel|komplementär|dunkler}}
|-
!orange
|{{Farbe/Beispiel|orange|heller}}
|{{Farbe/Beispiel|orange|hell}}
|{{Farbe/Beispiel|orange}}
|{{Farbe/Beispiel|orange|dunkel}}
|{{Farbe/Beispiel|orange|dunkler}}
|-
!grün
|{{Farbe/Beispiel|grün|heller}}
|{{Farbe/Beispiel|grün|hell}}
|{{Farbe/Beispiel|grün}}
|{{Farbe/Beispiel|grün|dunkel}}
|{{Farbe/Beispiel|grün|dunkler}}
|-
!links
|{{Farbe/Beispiel|links|heller}}
|{{Farbe/Beispiel|links|hell}}
|{{Farbe/Beispiel|links}}
|{{Farbe/Beispiel|links|dunkel}}
|{{Farbe/Beispiel|links|dunkler}}
|-
!grau
|{{Farbe/Beispiel|grau|heller}}
|{{Farbe/Beispiel|grau|hell}}
|{{Farbe/Beispiel|grau}}
|{{Farbe/Beispiel|grau|dunkel}}
|{{Farbe/Beispiel|grau|dunkler}}
|}


== CSS Code for Common.css ==
/***********
  * Farben [[Benutzer:Christian]]*
  **********/


/* Bedeutungsfarben */
/* Bedeutungsfarben */
.zum-farbe-Hervorhebung1  { color:{{Farbe|Hervorhebung1  }}; }
.zum-farbe-Hervorhebung1  { color:#F1D850; }
.zum-farbe-Frage          { color:{{Farbe|Frage          }}; }
.zum-farbe-Frage          { color:#F1D850; }
.zum-farbe-Lernpfad        { color:{{Farbe|Lernpfad        }}; }
.zum-farbe-Lernpfad        { color:#F1D850; }
.zum-farbe-Hervorhebung2  { color:{{Farbe|Hervorhebung2  }}; }
.zum-farbe-Hervorhebung2  { color:#C64285; }
.zum-farbe-Merksatz        { color:{{Farbe|Merksatz        }}; }
.zum-farbe-Merksatz        { color:#C64285; }
.zum-farbe-Ueben          { color:{{Farbe|Üben            }}; }
.zum-farbe-Ueben          { color:#338894; }
.zum-farbe-Arbeitsmethode  { color:{{Farbe|Arbeitsmethode  }}; }
.zum-farbe-Arbeitsmethode  { color:#5E43A5; }
.zum-farbe-Unterrichtsidee { color:{{Farbe|Unterrichtsidee }}; }
.zum-farbe-Unterrichtsidee { color:#A8DF4A; }
.zum-farbe-Experimentieren { color:{{Farbe|Experimentieren }}; }
.zum-farbe-Experimentieren { color:#A8DF4A; }
.zum-farbe-Arbeitsmethode  { color:{{Farbe|Arbeitsmethode  }}; }
.zum-farbe-Arbeitsmethode  { color:#5E43A5; }
.zum-farbe-Unterrichtsidee { color:{{Farbe|Unterrichtsidee }}; }
.zum-farbe-Unterrichtsidee { color:#A8DF4A; }
.zum-farbe-Experimentieren { color:{{Farbe|Experimentieren }}; }
.zum-farbe-Experimentieren { color:#A8DF4A; }
.zum-farbe-Meinung        { color:{{Farbe|Meinung        }}; }
.zum-farbe-Meinung        { color:#DBDBDB; }
.zum-farbe-Lösung          { color:{{Farbe|Lösung          }}; }
.zum-farbe-Lösung          { color:#DBDBDB; }
.zum-farbe-Download        { color:{{Farbe|Download        }}; }
.zum-farbe-Download        { color:#DBDBDB; }
.zum-farbe-Kurzinfo        { color:{{Farbe|Kurzinfo        }}; }
.zum-farbe-Kurzinfo        { color:#DBDBDB; }
.zum-farbe-Zitat          { color:{{Farbe|Zitat          }}; }
.zum-farbe-Zitat          { color:#a0a0a0; }
.zum-hintergrund-Hervorhebung1  { background-color:{{Farbe|Hervorhebung1  }}; }
.zum-hintergrund-Frage          { background-color:{{Farbe|Frage          }}; }
.zum-hintergrund-Lernpfad        { background-color:{{Farbe|Lernpfad        }}; }
.zum-hintergrund-Hervorhebung2  { background-color:{{Farbe|Hervorhebung2  }}; }
.zum-hintergrund-Merksatz        { background-color:{{Farbe|Merksatz        }}; }
.zum-hintergrund-Ueben          { background-color:{{Farbe|Üben            }}; }
.zum-hintergrund-Arbeitsmethode  { background-color:{{Farbe|Arbeitsmethode  }}; }
.zum-hintergrund-Unterrichtsidee { background-color:{{Farbe|Unterrichtsidee }}; }
.zum-hintergrund-Experimentieren { background-color:{{Farbe|Experimentieren }}; }
.zum-hintergrund-Arbeitsmethode  { background-color:{{Farbe|Arbeitsmethode  }}; }
.zum-hintergrund-Unterrichtsidee { background-color:{{Farbe|Unterrichtsidee }}; }
.zum-hintergrund-Experimentieren { background-color:{{Farbe|Experimentieren }}; }
.zum-hintergrund-Meinung        { background-color:{{Farbe|Meinung        }}; }
.zum-hintergrund-Lösung          { background-color:{{Farbe|Lösung          }}; }
.zum-hintergrund-Download        { background-color:{{Farbe|Download        }}; }
.zum-hintergrund-Kurzinfo        { background-color:{{Farbe|Kurzinfo        }}; }
.zum-hintergrund-Zitat          { background-color:{{Farbe|Zitat          }}; } 
/* komplettes Farbschema */
.zum-farbe-primaer                          { color: {{Farbe|primär                  }}; }
.zum-farbe-primaer.zum-farbe-heller          { color: {{Farbe|primär        |heller  }}; }
.zum-farbe-primaer.zum-farbe-hell            { color: {{Farbe|primär        |hell    }}; }
.zum-farbe-primaer.zum-farbe-dunkel          { color: {{Farbe|primär        |dunkel  }}; }
.zum-farbe-primaer.zum-farbe-dunkler        { color: {{Farbe|primär        |dunkler  }}; }
.zum-farbe-sekundaer-1                      { color: {{Farbe|sekundaer-1              }}; }
.zum-farbe-sekundaer-1.zum-farbe-heller      { color: {{Farbe|sekundaer-1    |heller  }}; }
.zum-farbe-sekundaer-1.zum-farbe-hell        { color: {{Farbe|sekundaer-1    |hell    }}; }
.zum-farbe-sekundaer-1.zum-farbe-dunkel      { color: {{Farbe|sekundaer-1    |dunkel  }}; }
.zum-farbe-sekundaer-1.zum-farbe-dunkler    { color: {{Farbe|sekundaer-1    |dunkler  }}; }
.zum-farbe-sekundaer-2                      { color: {{Farbe|sekundaer-2              }}; }
.zum-farbe-sekundaer-2.zum-farbe-heller      { color: {{Farbe|sekundaer-2    |heller  }}; }
.zum-farbe-sekundaer-2.zum-farbe-hell        { color: {{Farbe|sekundaer-2    |hell    }}; }
.zum-farbe-sekundaer-2.zum-farbe-dunkel      { color: {{Farbe|sekundaer-2    |dunkel  }}; }
.zum-farbe-sekundaer-2.zum-farbe-dunkler    { color: {{Farbe|sekundaer-2    |dunkler  }}; }
.zum-farbe-komplementaer-1                  { color: {{Farbe|komplementaer-1          }}; }
.zum-farbe-komplementaer-1.zum-farbe-heller  { color: {{Farbe|komplementaer-1|heller  }}; }
.zum-farbe-komplementaer-1.zum-farbe-hell    { color: {{Farbe|komplementaer-1|hell    }}; }
.zum-farbe-komplementaer-1.zum-farbe-dunkel  { color: {{Farbe|komplementaer-1|dunkel  }}; }
.zum-farbe-komplementaer-1.zum-farbe-dunkler { color: {{Farbe|komplementaer-1|dunkler  }}; }
.zum-farbe-orange-1                          { color: {{Farbe|orange                  }}; }
.zum-farbe-orange-1.zum-farbe-heller        { color: {{Farbe|orange        |heller  }}; }
.zum-farbe-orange-1.zum-farbe-hell          { color: {{Farbe|orange        |hell    }}; }
.zum-farbe-orange-1.zum-farbe-dunkel        { color: {{Farbe|orange        |dunkel  }}; }
.zum-farbe-orange-1.zum-farbe-dunkler        { color: {{Farbe|orange        |dunkler  }}; }
.zum-farbe-gruen                            { color: {{Farbe|gruen                    }}; }
.zum-farbe-gruen.zum-farbe-heller            { color: {{Farbe|gruen          |heller  }}; }
.zum-farbe-gruen.zum-farbe-hell              { color: {{Farbe|gruen          |hell    }}; }
.zum-farbe-gruen.zum-farbe-dunkel            { color: {{Farbe|gruen          |dunkel  }}; }
.zum-farbe-gruen.zum-farbe-dunkler          { color: {{Farbe|gruen          |dunkler  }}; }
.zum-farbe-grau                              { color: {{Farbe|grau                    }}; }
.zum-farbe-grau.zum-farbe-heller            { color: {{Farbe|grau          |heller  }}; }
.zum-farbe-grau.zum-farbe-hell              { color: {{Farbe|grau          |hell    }}; }
.zum-farbe-grau.zum-farbe-dunkel            { color: {{Farbe|grau          |dunkel  }}; }
.zum-farbe-grau.zum-farbe-dunkler            { color: {{Farbe|grau          |dunkler  }}; }
.zum-hintergrund-primaer                          { background-color: {{Farbe|primär                  }}; }
.zum-hintergrund-primaer.zum-farbe-heller          { background-color: {{Farbe|primär        |heller  }}; }
.zum-hintergrund-primaer.zum-farbe-hell            { background-color: {{Farbe|primär        |hell    }}; }
.zum-hintergrund-primaer.zum-farbe-dunkel          { background-color: {{Farbe|primär        |dunkel  }}; }
.zum-hintergrund-primaer.zum-farbe-dunkler        { background-color: {{Farbe|primär        |dunkler }}; }
.zum-hintergrund-sekundaer-1                      { background-color: {{Farbe|sekundaer-1            }}; }
.zum-hintergrund-sekundaer-1.zum-farbe-heller      { background-color: {{Farbe|sekundaer-1    |heller  }}; }
.zum-hintergrund-sekundaer-1.zum-farbe-hell        { background-color: {{Farbe|sekundaer-1    |hell    }}; }
.zum-hintergrund-sekundaer-1.zum-farbe-dunkel      { background-color: {{Farbe|sekundaer-1    |dunkel  }}; }
.zum-hintergrund-sekundaer-1.zum-farbe-dunkler    { background-color: {{Farbe|sekundaer-1    |dunkler }}; }
.zum-hintergrund-sekundaer-2                      { background-color: {{Farbe|sekundaer-2            }}; }
.zum-hintergrund-sekundaer-2.zum-farbe-heller      { background-color: {{Farbe|sekundaer-2    |heller  }}; }
.zum-hintergrund-sekundaer-2.zum-farbe-hell        { background-color: {{Farbe|sekundaer-2    |hell    }}; }
.zum-hintergrund-sekundaer-2.zum-farbe-dunkel      { background-color: {{Farbe|sekundaer-2    |dunkel  }}; }
.zum-hintergrund-sekundaer-2.zum-farbe-dunkler    { background-color: {{Farbe|sekundaer-2    |dunkler }}; }
.zum-hintergrund-komplementaer-1                  { background-color: {{Farbe|komplementaer-1        }}; }
.zum-hintergrund-komplementaer-1.zum-farbe-heller  { background-color: {{Farbe|komplementaer-1|heller  }}; }
.zum-hintergrund-komplementaer-1.zum-farbe-hell    { background-color: {{Farbe|komplementaer-1|hell    }}; }
.zum-hintergrund-komplementaer-1.zum-farbe-dunkel  { background-color: {{Farbe|komplementaer-1|dunkel  }}; }
.zum-hintergrund-komplementaer-1.zum-farbe-dunkler { background-color: {{Farbe|komplementaer-1|dunkler }}; }
.zum-hintergrund-orange-1                          { background-color: {{Farbe|orange                  }}; }
.zum-hintergrund-orange-1.zum-farbe-heller        { background-color: {{Farbe|orange        |heller  }}; }
.zum-hintergrund-orange-1.zum-farbe-hell          { background-color: {{Farbe|orange        |hell    }}; }
.zum-hintergrund-orange-1.zum-farbe-dunkel        { background-color: {{Farbe|orange        |dunkel  }}; }
.zum-hintergrund-orange-1.zum-farbe-dunkler        { background-color: {{Farbe|orange        |dunkler }}; }
.zum-hintergrund-gruen                            { background-color: {{Farbe|gruen                  }}; }
.zum-hintergrund-gruen.zum-farbe-heller            { background-color: {{Farbe|gruen          |heller  }}; }
.zum-hintergrund-gruen.zum-farbe-hell              { background-color: {{Farbe|gruen          |hell    }}; }
.zum-hintergrund-gruen.zum-farbe-dunkel            { background-color: {{Farbe|gruen          |dunkel  }}; }
.zum-hintergrund-gruen.zum-farbe-dunkler          { background-color: {{Farbe|gruen          |dunkler }}; }
.zum-hintergrund-grau                              { background-color: {{Farbe|grau                    }}; }
.zum-hintergrund-grau.zum-farbe-heller            { background-color: {{Farbe|grau          |heller  }}; }
.zum-hintergrund-grau.zum-farbe-hell              { background-color: {{Farbe|grau          |hell    }}; }
.zum-hintergrund-grau.zum-farbe-dunkel            { background-color: {{Farbe|grau          |dunkel  }}; }
.zum-hintergrund-grau.zum-farbe-dunkler            { background-color: {{Farbe|grau          |dunkler }}; }


.zum-hintergrund-Hervorhebung1  { background-color:#F1D850; }
.zum-hintergrund-Frage          { background-color:#F1D850; }
.zum-hintergrund-Lernpfad        { background-color:#F1D850; }
.zum-hintergrund-Hervorhebung2  { background-color:#C64285; }
.zum-hintergrund-Merksatz        { background-color:#C64285; }
.zum-hintergrund-Ueben          { background-color:#338894; }
.zum-hintergrund-Arbeitsmethode  { background-color:#5E43A5; }
.zum-hintergrund-Unterrichtsidee { background-color:#A8DF4A; }
.zum-hintergrund-Experimentieren { background-color:#A8DF4A; }
.zum-hintergrund-Arbeitsmethode  { background-color:#5E43A5; }
.zum-hintergrund-Unterrichtsidee { background-color:#A8DF4A; }
.zum-hintergrund-Experimentieren { background-color:#A8DF4A; }
.zum-hintergrund-Meinung        { background-color:#DBDBDB; }
.zum-hintergrund-Lösung          { background-color:#DBDBDB; }
.zum-hintergrund-Download        { background-color:#DBDBDB; }
.zum-hintergrund-Kurzinfo        { background-color:#DBDBDB; }
.zum-hintergrund-Zitat          { background-color:#a0a0a0; } 


</noinclude>
 
/* komplettes Farbschema */
.zum-farbe-primaer                          { color: #F1D850; }
.zum-farbe-primaer.zum-farbe-heller          { color: #FFF0A2; }
.zum-farbe-primaer.zum-farbe-hell            { color: #FFEA77; }
.zum-farbe-primaer.zum-farbe-dunkel          { color: #DEC229; }
.zum-farbe-primaer.zum-farbe-dunkler        { color: #AF9612; }
.zum-farbe-sekundaer-1                      { color: #F1D850; }
.zum-farbe-sekundaer-1.zum-farbe-heller      { color: #FFF0A2; }
.zum-farbe-sekundaer-1.zum-farbe-hell        { color: #FFEA77; }
.zum-farbe-sekundaer-1.zum-farbe-dunkel      { color: #DEC229; }
.zum-farbe-sekundaer-1.zum-farbe-dunkler    { color: #AF9612; }
.zum-farbe-sekundaer-2                      { color: #F1D850; }
.zum-farbe-sekundaer-2.zum-farbe-heller      { color: #FFF0A2; }
.zum-farbe-sekundaer-2.zum-farbe-hell        { color: #FFEA77; }
.zum-farbe-sekundaer-2.zum-farbe-dunkel      { color: #DEC229; }
.zum-farbe-sekundaer-2.zum-farbe-dunkler    { color: #AF9612; }
.zum-farbe-komplementaer-1                  { color: #F1D850; }
.zum-farbe-komplementaer-1.zum-farbe-heller  { color: #FFF0A2; }
.zum-farbe-komplementaer-1.zum-farbe-hell    { color: #FFEA77; }
.zum-farbe-komplementaer-1.zum-farbe-dunkel  { color: #DEC229; }
.zum-farbe-komplementaer-1.zum-farbe-dunkler { color: #AF9612; }
.zum-farbe-orange-1                          { color: #F19D50; }
.zum-farbe-orange-1.zum-farbe-heller        { color: #FFCEA2; }
.zum-farbe-orange-1.zum-farbe-hell          { color: #FFB877; }
.zum-farbe-orange-1.zum-farbe-dunkel        { color: #DD7F28; }
.zum-farbe-orange-1.zum-farbe-dunkler        { color: #AE5D12; }
.zum-farbe-gruen                            { color: #F1D850; }
.zum-farbe-gruen.zum-farbe-heller            { color: #FFF0A2; }
.zum-farbe-gruen.zum-farbe-hell              { color: #FFEA77; }
.zum-farbe-gruen.zum-farbe-dunkel            { color: #DEC229; }
.zum-farbe-gruen.zum-farbe-dunkler          { color: #AF9612; }
.zum-farbe-grau                              { color: #DBDBDB; }
.zum-farbe-grau.zum-farbe-heller            { color: #F1F1F1; }
.zum-farbe-grau.zum-farbe-hell              { color: #ececec; }
.zum-farbe-grau.zum-farbe-dunkel            { color: #C8C8C8; }
.zum-farbe-grau.zum-farbe-dunkler            { color: #a0a0a0; }
 
.zum-hintergrund-primaer                          { background-color: #F1D850; }
.zum-hintergrund-primaer.zum-farbe-heller          { background-color: #FFF0A2; }
.zum-hintergrund-primaer.zum-farbe-hell            { background-color: #FFEA77; }
.zum-hintergrund-primaer.zum-farbe-dunkel          { background-color: #DEC229; }
.zum-hintergrund-primaer.zum-farbe-dunkler        { background-color: #AF9612; }
.zum-hintergrund-sekundaer-1                      { background-color: #F1D850; }
.zum-hintergrund-sekundaer-1.zum-farbe-heller      { background-color: #FFF0A2; }
.zum-hintergrund-sekundaer-1.zum-farbe-hell        { background-color: #FFEA77; }
.zum-hintergrund-sekundaer-1.zum-farbe-dunkel      { background-color: #DEC229; }
.zum-hintergrund-sekundaer-1.zum-farbe-dunkler    { background-color: #AF9612; }
.zum-hintergrund-sekundaer-2                      { background-color: #F1D850; }
.zum-hintergrund-sekundaer-2.zum-farbe-heller      { background-color: #FFF0A2; }
.zum-hintergrund-sekundaer-2.zum-farbe-hell        { background-color: #FFEA77; }
.zum-hintergrund-sekundaer-2.zum-farbe-dunkel      { background-color: #DEC229; }
.zum-hintergrund-sekundaer-2.zum-farbe-dunkler    { background-color: #AF9612; }
.zum-hintergrund-komplementaer-1                  { background-color: #F1D850; }
.zum-hintergrund-komplementaer-1.zum-farbe-heller  { background-color: #FFF0A2; }
.zum-hintergrund-komplementaer-1.zum-farbe-hell    { background-color: #FFEA77; }
.zum-hintergrund-komplementaer-1.zum-farbe-dunkel  { background-color: #DEC229; }
.zum-hintergrund-komplementaer-1.zum-farbe-dunkler { background-color: #AF9612; }
.zum-hintergrund-orange-1                          { background-color: #F19D50; }
.zum-hintergrund-orange-1.zum-farbe-heller        { background-color: #FFCEA2; }
.zum-hintergrund-orange-1.zum-farbe-hell          { background-color: #FFB877; }
.zum-hintergrund-orange-1.zum-farbe-dunkel        { background-color: #DD7F28; }
.zum-hintergrund-orange-1.zum-farbe-dunkler        { background-color: #AE5D12; }
.zum-hintergrund-gruen                            { background-color: #F1D850; }
.zum-hintergrund-gruen.zum-farbe-heller            { background-color: #FFF0A2; }
.zum-hintergrund-gruen.zum-farbe-hell              { background-color: #FFEA77; }
.zum-hintergrund-gruen.zum-farbe-dunkel            { background-color: #DEC229; }
.zum-hintergrund-gruen.zum-farbe-dunkler          { background-color: #AF9612; }
.zum-hintergrund-grau                              { background-color: #DBDBDB; }
.zum-hintergrund-grau.zum-farbe-heller            { background-color: #F1F1F1; }
.zum-hintergrund-grau.zum-farbe-hell              { background-color: #ececec; }
.zum-hintergrund-grau.zum-farbe-dunkel            { background-color: #C8C8C8; }
.zum-hintergrund-grau.zum-farbe-dunkler            { background-color: #a0a0a0; }

Version vom 19. Oktober 2018, 04:34 Uhr

/* Kennzeichnung externer Links, hinzugefügt [[Benutzer:m.scharwies]] 7. Apr. 2018 */

div#content a.external {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAVklEQVR4Xn3PgQkAMQhDUXfqTu7kTtkpd5RA8AInfArtQ2iRXFWT2QedAfttj2FsPIOE1eCOlEuoWWjgzYaB/IkeGOrxXhqB+uA9Bfcm0lAZuh+YIeAD+cAqSz4kCMUAAAAASUVORK5CYII=) center right no-repeat;
    padding-right: 13px;
}

/* Floaten von Bildern, TOC, etc , hinzugefügt [[Benutzer:m.scharwies]] 7. Apr. 2018 */

div.float-right, table.float-right, ul.float-right, .float-right {
    clear: right;
    float: right;
    margin: 1em 0 1em 1em;
}

/***********
  * Farben [[Benutzer:Christian]]*
  **********/

/* Bedeutungsfarben */
.zum-farbe-Hervorhebung1   { color:#F1D850; }
.zum-farbe-Frage           { color:#F1D850; }
.zum-farbe-Lernpfad        { color:#F1D850; }
.zum-farbe-Hervorhebung2   { color:#C64285; }
.zum-farbe-Merksatz        { color:#C64285; }
.zum-farbe-Ueben           { color:#338894; }
.zum-farbe-Arbeitsmethode  { color:#5E43A5; }
.zum-farbe-Unterrichtsidee { color:#A8DF4A; }
.zum-farbe-Experimentieren { color:#A8DF4A; }
.zum-farbe-Arbeitsmethode  { color:#5E43A5; }
.zum-farbe-Unterrichtsidee { color:#A8DF4A; }
.zum-farbe-Experimentieren { color:#A8DF4A; }
.zum-farbe-Meinung         { color:#DBDBDB; }
.zum-farbe-Lösung          { color:#DBDBDB; }
.zum-farbe-Download        { color:#DBDBDB; }
.zum-farbe-Kurzinfo        { color:#DBDBDB; }
.zum-farbe-Zitat           { color:#a0a0a0; }

.zum-hintergrund-Hervorhebung1   { background-color:#F1D850; }
.zum-hintergrund-Frage           { background-color:#F1D850; }
.zum-hintergrund-Lernpfad        { background-color:#F1D850; }
.zum-hintergrund-Hervorhebung2   { background-color:#C64285; }
.zum-hintergrund-Merksatz        { background-color:#C64285; }
.zum-hintergrund-Ueben           { background-color:#338894; }
.zum-hintergrund-Arbeitsmethode  { background-color:#5E43A5; }
.zum-hintergrund-Unterrichtsidee { background-color:#A8DF4A; }
.zum-hintergrund-Experimentieren { background-color:#A8DF4A; }
.zum-hintergrund-Arbeitsmethode  { background-color:#5E43A5; }
.zum-hintergrund-Unterrichtsidee { background-color:#A8DF4A; }
.zum-hintergrund-Experimentieren { background-color:#A8DF4A; }
.zum-hintergrund-Meinung         { background-color:#DBDBDB; }
.zum-hintergrund-Lösung          { background-color:#DBDBDB; }
.zum-hintergrund-Download        { background-color:#DBDBDB; }
.zum-hintergrund-Kurzinfo        { background-color:#DBDBDB; }
.zum-hintergrund-Zitat           { background-color:#a0a0a0; }  


/* komplettes Farbschema */
.zum-farbe-primaer                           { color: #F1D850; }
.zum-farbe-primaer.zum-farbe-heller          { color: #FFF0A2; }
.zum-farbe-primaer.zum-farbe-hell            { color: #FFEA77; }
.zum-farbe-primaer.zum-farbe-dunkel          { color: #DEC229; }
.zum-farbe-primaer.zum-farbe-dunkler         { color: #AF9612; }
.zum-farbe-sekundaer-1                       { color: #F1D850; }
.zum-farbe-sekundaer-1.zum-farbe-heller      { color: #FFF0A2; }
.zum-farbe-sekundaer-1.zum-farbe-hell        { color: #FFEA77; }
.zum-farbe-sekundaer-1.zum-farbe-dunkel      { color: #DEC229; }
.zum-farbe-sekundaer-1.zum-farbe-dunkler     { color: #AF9612; }
.zum-farbe-sekundaer-2                       { color: #F1D850; }
.zum-farbe-sekundaer-2.zum-farbe-heller      { color: #FFF0A2; }
.zum-farbe-sekundaer-2.zum-farbe-hell        { color: #FFEA77; }
.zum-farbe-sekundaer-2.zum-farbe-dunkel      { color: #DEC229; }
.zum-farbe-sekundaer-2.zum-farbe-dunkler     { color: #AF9612; }
.zum-farbe-komplementaer-1                   { color: #F1D850; }
.zum-farbe-komplementaer-1.zum-farbe-heller  { color: #FFF0A2; }
.zum-farbe-komplementaer-1.zum-farbe-hell    { color: #FFEA77; }
.zum-farbe-komplementaer-1.zum-farbe-dunkel  { color: #DEC229; }
.zum-farbe-komplementaer-1.zum-farbe-dunkler { color: #AF9612; }
.zum-farbe-orange-1                          { color: #F19D50; }
.zum-farbe-orange-1.zum-farbe-heller         { color: #FFCEA2; }
.zum-farbe-orange-1.zum-farbe-hell           { color: #FFB877; }
.zum-farbe-orange-1.zum-farbe-dunkel         { color: #DD7F28; }
.zum-farbe-orange-1.zum-farbe-dunkler        { color: #AE5D12; }
.zum-farbe-gruen                             { color: #F1D850; }
.zum-farbe-gruen.zum-farbe-heller            { color: #FFF0A2; }
.zum-farbe-gruen.zum-farbe-hell              { color: #FFEA77; }
.zum-farbe-gruen.zum-farbe-dunkel            { color: #DEC229; }
.zum-farbe-gruen.zum-farbe-dunkler           { color: #AF9612; }
.zum-farbe-grau                              { color: #DBDBDB; }
.zum-farbe-grau.zum-farbe-heller             { color: #F1F1F1; }
.zum-farbe-grau.zum-farbe-hell               { color: #ececec; }
.zum-farbe-grau.zum-farbe-dunkel             { color: #C8C8C8; }
.zum-farbe-grau.zum-farbe-dunkler            { color: #a0a0a0; }

.zum-hintergrund-primaer                           { background-color: #F1D850; }
.zum-hintergrund-primaer.zum-farbe-heller          { background-color: #FFF0A2; }
.zum-hintergrund-primaer.zum-farbe-hell            { background-color: #FFEA77; }
.zum-hintergrund-primaer.zum-farbe-dunkel          { background-color: #DEC229; }
.zum-hintergrund-primaer.zum-farbe-dunkler         { background-color: #AF9612; }
.zum-hintergrund-sekundaer-1                       { background-color: #F1D850; }
.zum-hintergrund-sekundaer-1.zum-farbe-heller      { background-color: #FFF0A2; }
.zum-hintergrund-sekundaer-1.zum-farbe-hell        { background-color: #FFEA77; }
.zum-hintergrund-sekundaer-1.zum-farbe-dunkel      { background-color: #DEC229; }
.zum-hintergrund-sekundaer-1.zum-farbe-dunkler     { background-color: #AF9612; }
.zum-hintergrund-sekundaer-2                       { background-color: #F1D850; }
.zum-hintergrund-sekundaer-2.zum-farbe-heller      { background-color: #FFF0A2; }
.zum-hintergrund-sekundaer-2.zum-farbe-hell        { background-color: #FFEA77; }
.zum-hintergrund-sekundaer-2.zum-farbe-dunkel      { background-color: #DEC229; }
.zum-hintergrund-sekundaer-2.zum-farbe-dunkler     { background-color: #AF9612; }
.zum-hintergrund-komplementaer-1                   { background-color: #F1D850; }
.zum-hintergrund-komplementaer-1.zum-farbe-heller  { background-color: #FFF0A2; }
.zum-hintergrund-komplementaer-1.zum-farbe-hell    { background-color: #FFEA77; }
.zum-hintergrund-komplementaer-1.zum-farbe-dunkel  { background-color: #DEC229; }
.zum-hintergrund-komplementaer-1.zum-farbe-dunkler { background-color: #AF9612; }
.zum-hintergrund-orange-1                          { background-color: #F19D50; }
.zum-hintergrund-orange-1.zum-farbe-heller         { background-color: #FFCEA2; }
.zum-hintergrund-orange-1.zum-farbe-hell           { background-color: #FFB877; }
.zum-hintergrund-orange-1.zum-farbe-dunkel         { background-color: #DD7F28; }
.zum-hintergrund-orange-1.zum-farbe-dunkler        { background-color: #AE5D12; }
.zum-hintergrund-gruen                             { background-color: #F1D850; }
.zum-hintergrund-gruen.zum-farbe-heller            { background-color: #FFF0A2; }
.zum-hintergrund-gruen.zum-farbe-hell              { background-color: #FFEA77; }
.zum-hintergrund-gruen.zum-farbe-dunkel            { background-color: #DEC229; }
.zum-hintergrund-gruen.zum-farbe-dunkler           { background-color: #AF9612; }
.zum-hintergrund-grau                              { background-color: #DBDBDB; }
.zum-hintergrund-grau.zum-farbe-heller             { background-color: #F1F1F1; }
.zum-hintergrund-grau.zum-farbe-hell               { background-color: #ececec; }
.zum-hintergrund-grau.zum-farbe-dunkel             { background-color: #C8C8C8; }
.zum-hintergrund-grau.zum-farbe-dunkler            { background-color: #a0a0a0; }
Abgerufen von „https://unterrichten.zum.de/index.php?title=Vorlage:Farbe&oldid=67941“