MediaWiki:Common.css und Vorlage:Farbe: Unterschied zwischen den Seiten
KKeine Bearbeitungszusammenfassung |
KKeine Bearbeitungszusammenfassung |
||
Zeile 1: | Zeile 1: | ||
/ | <includeonly><nowiki>#</nowiki>{{#switch: {{{1|}}} | ||
|#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. | |||
Es gibt sowohl Farbnamen mit Bedeutung als auch das vollständige Farbschema. Die Vorlage verwendet bis zu 2 Parameter. Der erste Parameter ist der Farbname, der zweite kann verwendet werden um hellere oder dunklere Töne zu erhalten. | |||
Farben mit Bedeutung sollten, wenn möglich, nicht mit Helligkeitsangaben modifiziert werden. | |||
;Farbnamen mit Bedeutung | |||
:Hervorhebung1, Frage, Lernpfad, Hervorhebung2, Merksatz, Üben, Arbeitsmethode, Unterrichtsidee, Experimentieren, Arbeitsmethode, Unterrichtsidee, Experimentieren, Meinung, Lösung, Download, Kurzinfo, Zitat | |||
;Farbnamen aus dem Farbschema | |||
:primär, sekundär-1, sekundär-2, komplementär, orange, grün, grau | |||
;Helligkeitsangaben | |||
:heller, hell, dunkel, dunkler | |||
{{Box | |||
| Farbe mit Bedeutung | |||
| {{ Farbe | Frage }} <span class="zum-farbe-Frage">Text in Farbe ```Frage```</span> test | |||
| Experimentieren | |||
}} | |||
== Farbtabellen == | |||
=== Farben mit Bedeutung === | |||
{|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}} | |||
.zum- | !Download | ||
.zum- | |{{Farbe/Beispiel|Download}} | ||
|- | |||
!Kurzinfo | |||
|{{Farbe/Beispiel|Kurzinfo}} | |||
!Zitat | |||
|{{Farbe/Beispiel|Zitat}} | |||
|} | |||
=== Farbschema === | |||
{|class=wikitable | |||
!primär | |||
|{{Farbe/Beispiel|primär|heller}} | |||
|{{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 == | |||
/* Bedeutungsfarben */ | |||
.zum-farbe-Hervorhebung1 { color:{{Farbe|Hervorhebung1 }}; } | |||
.zum-farbe-Frage { color:{{Farbe|Frage }}; } | |||
.zum-farbe-Lernpfad { color:{{Farbe|Lernpfad }}; } | |||
.zum-farbe-Hervorhebung2 { color:{{Farbe|Hervorhebung2 }}; } | |||
.zum-farbe-Merksatz { color:{{Farbe|Merksatz }}; } | |||
.zum-farbe-Ueben { color:{{Farbe|Üben }}; } | |||
.zum-farbe-Arbeitsmethode { color:{{Farbe|Arbeitsmethode }}; } | |||
.zum-farbe-Unterrichtsidee { color:{{Farbe|Unterrichtsidee }}; } | |||
.zum-farbe-Experimentieren { color:{{Farbe|Experimentieren }}; } | |||
.zum-farbe-Arbeitsmethode { color:{{Farbe|Arbeitsmethode }}; } | |||
.zum-farbe-Unterrichtsidee { color:{{Farbe|Unterrichtsidee }}; } | |||
.zum-farbe-Experimentieren { color:{{Farbe|Experimentieren }}; } | |||
.zum-farbe-Meinung { color:{{Farbe|Meinung }}; } | |||
.zum-farbe-Lösung { color:{{Farbe|Lösung }}; } | |||
.zum-farbe-Download { color:{{Farbe|Download }}; } | |||
.zum-farbe-Kurzinfo { color:{{Farbe|Kurzinfo }}; } | |||
.zum-farbe-Zitat { color:{{Farbe|Zitat }}; } | |||
.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 }}; } | |||
</noinclude> |
Version vom 19. Oktober 2018, 04:50 Uhr
Die Vorlage Farbe gibt dir eine Farbe aus dem ZUM-Farbschema zurück. Bitte verwende wenn möglich Farben mit Bedeutung, da sie leichter zu pflegen sind.
Es gibt sowohl Farbnamen mit Bedeutung als auch das vollständige Farbschema. Die Vorlage verwendet bis zu 2 Parameter. Der erste Parameter ist der Farbname, der zweite kann verwendet werden um hellere oder dunklere Töne zu erhalten.
Farben mit Bedeutung sollten, wenn möglich, nicht mit Helligkeitsangaben modifiziert werden.
- Farbnamen mit Bedeutung
- Hervorhebung1, Frage, Lernpfad, Hervorhebung2, Merksatz, Üben, Arbeitsmethode, Unterrichtsidee, Experimentieren, Arbeitsmethode, Unterrichtsidee, Experimentieren, Meinung, Lösung, Download, Kurzinfo, Zitat
- Farbnamen aus dem Farbschema
- primär, sekundär-1, sekundär-2, komplementär, orange, grün, grau
- Helligkeitsangaben
- heller, hell, dunkel, dunkler
Experimentieren
Farbtabellen
Farben mit Bedeutung
Hervorhebung1 | #F1D850
|
Frage | #F1D850
|
---|---|---|---|
Lernpfad | #F1D850
|
Hervorhebung2 | #C64285
|
Merksatz | #C64285
|
Üben | #338894
|
Arbeitsmethode | #5E43A5
|
Unterrichtsidee | #A8DF4A
|
Experimentieren | #A8DF4A
|
Meinung | #DBDBDB
|
Lösung | #DBDBDB
|
Download | #DBDBDB
|
Kurzinfo | #DBDBDB
|
Zitat | #a0a0a0
|
Farbschema
primär | #FFF0A2
|
#FFEA77
|
#F1D850
|
#DEC229
|
#AF9612
|
---|---|---|---|---|---|
sekundär-1 | #E994BF
|
#D965A0
|
#C64285
|
#B6226D
|
#900F50
|
sekundär-2 | #85C5CF
|
#52A1AD
|
#338894
|
#1B7A88
|
#0D5F6B
|
komplementär | #A592D7
|
#7B63BC
|
#5E43A5
|
#482998
|
#331878
|
orange | #FFCEA2
|
#FFB877
|
#F19D50
|
#DD7F28
|
#AE5D12
|
grün | #D4F69C
|
#C0EF6F
|
#A8DF4A
|
#8FCD25
|
#6CA111
|
links | #0077dd
|
#0077dd
|
#0077dd
|
#005599
|
#005599
|
grau | #F1F1F1
|
#ececec
|
#DBDBDB
|
#C8C8C8
|
#a0a0a0
|
CSS Code for Common.css
/* 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; }