Vorlage:Farbe: Unterschied zwischen den Versionen

Aus ZUM Grundschullernportal
(Die Seite wurde neu angelegt: „<includeonly><nowiki>#</nowiki>{{#switch: {{{1|}}} |#default |Hervorhebung1 |Frage |primaer |primär = {{#switch:{{{2|}}}|xx-heller=fffcf0|x-heller=ff…“)
Markierung: 2017-Quelltext-Bearbeitung
 
(Beispiele als Tabelle, Code geändert)
Markierung: 2017-Quelltext-Bearbeitung
 
(Eine dazwischenliegende Version desselben Benutzers wird nicht angezeigt)
Zeile 31: Zeile 31:
|unspezifisch    = ececec}}</includeonly><noinclude>
|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.
Die Vorlage {{PAGENAME}} gibt 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.
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.
Zeile 37: Zeile 37:
Farben mit Bedeutung sollten, wenn möglich, nicht mit Helligkeitsangaben modifiziert werden.
Farben mit Bedeutung sollten, wenn möglich, nicht mit Helligkeitsangaben modifiziert werden.


;Farbnamen mit Bedeutung
*'''Farbnamen mit Bedeutung:''' Hervorhebung1, Frage, Lernpfad, Hervorhebung2, Merksatz, Üben, Arbeitsmethode, Unterrichtsidee, Experimentieren, Arbeitsmethode, Unterrichtsidee, Experimentieren, Meinung, Lösung, Download, Kurzinfo, Zitat
: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
;Farbnamen aus dem Farbschema
*'''Helligkeitsangaben:''' :heller, hell, dunkel, dunkler
:primär, sekundär-1, sekundär-2, komplementär, orange, grün, grau
;Helligkeitsangaben
:heller, hell, dunkel, dunkler


== Beispiele ==
==Beispiele==


{| class="wikitable"
|+ Beschriftung
! Das schreibt man: !! Das sieht man:
|-
| <nowiki>{{Farbe|Merksatz}}</nowiki> || {{Farbe | Merksatz}}
|-
| <nowiki>{{Farbe|komplementär|heller}}</nowiki> || {{Farbe | komplementär|heller}}
|-
| <nowiki><span style="color:{{Farbe|Merksatz}}">Text in Farbe ''Merksatz''</span></nowiki> || <span style="color:{{Farbe|Merksatz}}">Text in Farbe ''Merksatz''</span>
|-
| <nowiki><span class="brainy hdg-school uk-icon-large" style="color:{{Farbe|Merksatz}}"></span></nowiki> || <span class="brainy hdg-school uk-icon-large" style="color:{{Farbe|Merksatz}}"></span>
|}


{{Box
==Farbtabellen==
|einfache Farbe mit Bedeutung
===Farben mit Bedeutung===
|{{#tag: pre| <nowiki>{{Farbe|Merksatz}}</nowiki>}}{{Farbe | Merksatz}}
{| class="wikitable" style="width: 100%;"
|Experimentieren
! style="width: 25%" |Hervorhebung1
}}
 
{{Box
|einfache Farbe aus Schema mit Helligkeitsangabe
|{{#tag: pre| <nowiki>{{Farbe|komplementär|heller}}</nowiki>}}{{Farbe | komplementär|heller}}
|Experimentieren
}}
 
 
{{Box
|Verwendung über CSS-Klasse für Farbe mit Bedeutung
|{{#tag: pre| <nowiki><span class="zum-farbe-Merksatz">Text in Farbe ''Merksatz''</span></nowiki>}}{{#tag: span | Text in Farbe ''Merksatz'' |class = zum-farbe-Merksatz}}
|Experimentieren
}}
 
{{Box
|Verwendung über CSS-Klasse zum Icon Färben
|{{#tag: pre| <nowiki><span class="zum-farbe-Merksatz brainy hdg-school uk-icon-large"></span></nowiki>}}{{#tag: span ||class = zum-farbe-Merksatz brainy hdg-school uk-icon-large}}
|Experimentieren
}}
 
 
 
== Farbtabellen ==
=== Farben mit Bedeutung ===
{|class="wikitable" style="width: 100%;"
!style="width: 25%"|Hervorhebung1
|{{Farbe/Beispiel|Hervorhebung1}}
|{{Farbe/Beispiel|Hervorhebung1}}
!style="width: 25%"|Frage
! style="width: 25%" |Frage
|{{Farbe/Beispiel|Frage}}
|{{Farbe/Beispiel|Frage}}
|-
|-
!style="width: 25%"|Lernpfad
! style="width: 25%" |Lernpfad
|{{Farbe/Beispiel|Lernpfad}}
|{{Farbe/Beispiel|Lernpfad}}
!Hervorhebung2
!Hervorhebung2
Zeile 113: Zeile 95:
|}
|}


=== Farbschema ===
===Farbschema===
{|class="wikitable"
{| class="wikitable"
!primär
!primär
|{{Farbe/Beispiel|primär|xx-heller}}
|{{Farbe/Beispiel|primär|xx-heller}}
Zeile 188: Zeile 170:
|}
|}


== CSS Code for Common.css ==
==CSS Code for Common.css==


  /* Bedeutungsfarben */
  /* Bedeutungsfarben */
Zeile 437: Zeile 419:
  .mediawiki .uk-button:disabled      { background-color: {{Farbe|grau|hell    }}; }
  .mediawiki .uk-button:disabled      { background-color: {{Farbe|grau|hell    }}; }
  .mediawiki .uk-button-link:disabled {            color: {{Farbe|grau|hell    }}; }
  .mediawiki .uk-button-link:disabled {            color: {{Farbe|grau|hell    }}; }
{{Approved template}}
</noinclude>
</noinclude>

Aktuelle Version vom 6. April 2020, 11:58 Uhr


Die Vorlage Farbe gibt 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

Beispiele

Beschriftung
Das schreibt man: Das sieht man:
{{Farbe|Merksatz}} #C64285
{{Farbe|komplementär|heller}} #A592D7
<span style="color:{{Farbe|Merksatz}}">Text in Farbe ''Merksatz''</span> Text in Farbe Merksatz
<span class="brainy hdg-school uk-icon-large" style="color:{{Farbe|Merksatz}}"></span>

Farbtabellen

Farben mit Bedeutung

Hervorhebung1 #F1D850

{{Farbe |Hervorhebung1}}

Frage #F1D850

{{Farbe |Frage}}

Lernpfad #F19D50

{{Farbe |Lernpfad}}

Hervorhebung2 #C64285

{{Farbe |Hervorhebung2}}

Merksatz #C64285

{{Farbe |Merksatz}}

Üben #338894

{{Farbe |Üben}}

Arbeitsmethode #5E43A5

{{Farbe |Arbeitsmethode}}

Unterrichtsidee #A8DF4A

{{Farbe |Unterrichtsidee}}

Experimentieren #A8DF4A

{{Farbe |Experimentieren}}

Meinung #DBDBDB

{{Farbe |Meinung}}

Lösung #DBDBDB

{{Farbe |Lösung}}

Download #DBDBDB

{{Farbe |Download}}

Kurzinfo #DBDBDB

{{Farbe |Kurzinfo}}

Zitat #a0a0a0

{{Farbe |Zitat}}

Farbschema

primär #fffcf0

{{Farbe |primär |xx-heller}}

#fff6cc

{{Farbe |primär |x-heller}}

#F1D850

{{Farbe |primär |heller}}

#FFEA77

{{Farbe |primär |hell}}

#F1D850

{{Farbe |primär}}

#DEC229

{{Farbe |primär |dunkel}}

#AF9612

{{Farbe |primär |dunkler}}

sekundär-1 #f7d9e8

{{Farbe |sekundär-1 |xx-heller}}

#f1bbd6

{{Farbe |sekundär-1 |x-heller}}

#E994BF

{{Farbe |sekundär-1 |heller}}

#D965A0

{{Farbe |sekundär-1 |hell}}

#C64285

{{Farbe |sekundär-1}}

#B6226D

{{Farbe |sekundär-1 |dunkel}}

#900F50

{{Farbe |sekundär-1 |dunkler}}

sekundär-2 #c4e3e8

{{Farbe |sekundär-2 |xx-heller}}

#a7d6dd

{{Farbe |sekundär-2 |x-heller}}

#85C5CF

{{Farbe |sekundär-2 |heller}}

#52A1AD

{{Farbe |sekundär-2 |hell}}

#338894

{{Farbe |sekundär-2}}

#1B7A88

{{Farbe |sekundär-2 |dunkel}}

#0D5F6B

{{Farbe |sekundär-2 |dunkler}}

komplementär #dad2ee

{{Farbe |komplementär |xx-heller}}

#c2b5e3

{{Farbe |komplementär |x-heller}}

#A592D7

{{Farbe |komplementär |heller}}

#7B63BC

{{Farbe |komplementär |hell}}

#5E43A5

{{Farbe |komplementär}}

#482998

{{Farbe |komplementär |dunkel}}

#331878

{{Farbe |komplementär |dunkler}}

orange #fffcfa

{{Farbe |orange |xx-heller}}

#ffe7d1

{{Farbe |orange |x-heller}}

#FFCEA2

{{Farbe |orange |heller}}

#FFB877

{{Farbe |orange |hell}}

#F19D50

{{Farbe |orange}}

#DD7F28

{{Farbe |orange |dunkel}}

#AE5D12

{{Farbe |orange |dunkler}}

grün #f7fdec

{{Farbe |grün |xx-heller}}

#e6fac7

{{Farbe |grün |x-heller}}

#D4F69C

{{Farbe |grün |heller}}

#C0EF6F

{{Farbe |grün |hell}}

#A8DF4A

{{Farbe |grün}}

#8FCD25

{{Farbe |grün |dunkel}}

#6CA111

{{Farbe |grün |dunkler}}

links #f5faff

{{Farbe |links |xx-heller}}

#cce7ff

{{Farbe |links |x-heller}}

#47a9ff

{{Farbe |links |heller}}

#1492ff

{{Farbe |links |hell}}

#0077dd

{{Farbe |links}}

#0068bd

{{Farbe |links |dunkel}}

#005599

{{Farbe |links |dunkler}}

grau #fcfcfc

{{Farbe |grau |xx-heller}}

#f7f7f7

{{Farbe |grau |x-heller}}

#F1F1F1

{{Farbe |grau |heller}}

#ececec

{{Farbe |grau |hell}}

#DBDBDB

{{Farbe |grau}}

#C8C8C8

{{Farbe |grau |dunkel}}

#a0a0a0

{{Farbe |grau |dunkler}}

CSS Code for Common.css

/* Bedeutungsfarben */
.zum-farbe-Hervorhebung1   { color:#F1D850; }
.zum-farbe-Frage           { color:#F1D850; }
.zum-farbe-Lernpfad        { color:#F19D50; }
.zum-farbe-Hervorhebung2   { color:#C64285; }
.zum-farbe-Merksatz        { color:#C64285; }
.zum-farbe-Üben,
.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,
.zum-farbe-Loesung         { 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:#F19D50; }
.zum-hintergrund-Hervorhebung2   { background-color:#C64285; }
.zum-hintergrund-Merksatz        { background-color:#C64285; }
.zum-hintergrund-Üben,
.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,
.zum-hintergrund-Loesung         { 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-primär                            { color: #F1D850; }
.zum-farbe-primär.zum-farbe-xx-heller        { color: #fffcf0; }
.zum-farbe-primär.zum-farbe-x-heller         { color: #fff6cc; }
.zum-farbe-primär.zum-farbe-heller           { color: #F1D850; }
.zum-farbe-primär.zum-farbe-hell             { color: #FFEA77; }
.zum-farbe-primär.zum-farbe-dunkel           { color: #DEC229; }
.zum-farbe-primär.zum-farbe-dunkler          { color: #AF9612; }
.zum-farbe-sekundär-1                        { color: #C64285; }
.zum-farbe-sekundär-1.zum-farbe-xx-heller    { color: #f7d9e8; }
.zum-farbe-sekundär-1.zum-farbe-x-heller     { color: #f1bbd6; }
.zum-farbe-sekundär-1.zum-farbe-heller       { color: #E994BF; }
.zum-farbe-sekundär-1.zum-farbe-hell         { color: #D965A0; }
.zum-farbe-sekundär-1.zum-farbe-dunkel       { color: #B6226D; }
.zum-farbe-sekundär-1.zum-farbe-dunkler      { color: #900F50; }
.zum-farbe-sekundär-2                        { color: #338894; }
.zum-farbe-sekundär-2.zum-farbe-xx-heller    { color: #c4e3e8; }
.zum-farbe-sekundär-2.zum-farbe-x-heller     { color: #a7d6dd; }
.zum-farbe-sekundär-2.zum-farbe-heller       { color: #85C5CF; }
.zum-farbe-sekundär-2.zum-farbe-hell         { color: #52A1AD; }
.zum-farbe-sekundär-2.zum-farbe-dunkel       { color: #1B7A88; }
.zum-farbe-sekundär-2.zum-farbe-dunkler      { color: #0D5F6B; }
.zum-farbe-komplementär                      { color: #5E43A5; }
.zum-farbe-komplementär.zum-farbe-xx-heller  { color: #dad2ee; }
.zum-farbe-komplementär.zum-farbe-x-heller   { color: #c2b5e3; }
.zum-farbe-komplementär.zum-farbe-heller     { color: #A592D7; }
.zum-farbe-komplementär.zum-farbe-hell       { color: #7B63BC; }
.zum-farbe-komplementär.zum-farbe-dunkel     { color: #482998; }
.zum-farbe-komplementär.zum-farbe-dunkler    { color: #331878; }
.zum-farbe-orange                            { color: #F19D50; }
.zum-farbe-orange.zum-farbe-xx-heller        { color: #fffcfa; }
.zum-farbe-orange.zum-farbe-x-heller         { color: #ffe7d1; }
.zum-farbe-orange.zum-farbe-heller           { color: #FFCEA2; }
.zum-farbe-orange.zum-farbe-hell             { color: #FFB877; }
.zum-farbe-orange.zum-farbe-dunkel           { color: #DD7F28; }
.zum-farbe-orange.zum-farbe-dunkler          { color: #AE5D12; }
.zum-farbe-grün                              { color: #A8DF4A; }
.zum-farbe-grün.zum-farbe-xx-heller          { color: #f7fdec; }
.zum-farbe-grün.zum-farbe-x-heller           { color: #e6fac7; }
.zum-farbe-grün.zum-farbe-heller             { color: #D4F69C; }
.zum-farbe-grün.zum-farbe-hell               { color: #C0EF6F; }
.zum-farbe-grün.zum-farbe-dunkel             { color: #8FCD25; }
.zum-farbe-grün.zum-farbe-dunkler            { color: #6CA111; }
.zum-farbe-grau                              { color: #DBDBDB; }
.zum-farbe-grau.zum-farbe-xx-heller          { color: #fcfcfc; }
.zum-farbe-grau.zum-farbe-x-heller           { color: #f7f7f7; }
.zum-farbe-grau.zum-farbe-heller             { color: #F1F1F1; }
.zum-farbe-grau.zum-farbe-heller             { color: #F1F1F1; }
.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-farbe-links                             { color: #0077dd; }
.zum-farbe-links.zum-farbe-xx-heller         { color: #f5faff; }
.zum-farbe-links.zum-farbe-x-heller          { color: #cce7ff; }
.zum-farbe-links.zum-farbe-heller            { color: #47a9ff; }
.zum-farbe-links.zum-farbe-heller            { color: #47a9ff; }
.zum-farbe-links.zum-farbe-heller            { color: #47a9ff; }
.zum-farbe-links.zum-farbe-hell              { color: #1492ff; }
.zum-farbe-links.zum-farbe-dunkel            { color: #0068bd; }
.zum-farbe-links.zum-farbe-dunkler           { color: #005599; }

. 
.zum-hintergrund-primär                            { background-color: #F1D850; }
.zum-hintergrund-primär.zum-farbe-xx-heller        { background-color: #fffcf0; }
.zum-hintergrund-primär.zum-farbe-x-heller         { background-color: #fff6cc; }
.zum-hintergrund-primär.zum-farbe-heller           { background-color: #F1D850; }
.zum-hintergrund-primär.zum-farbe-hell             { background-color: #FFEA77; }
.zum-hintergrund-primär.zum-farbe-dunkel           { background-color: #DEC229; }
.zum-hintergrund-primär.zum-farbe-dunkler          { background-color: #AF9612; }
.zum-hintergrund-sekundär-1                        { background-color: #C64285; }
.zum-hintergrund-sekundär-1.zum-farbe-xx-heller    { background-color: #f7d9e8; }
.zum-hintergrund-sekundär-1.zum-farbe-x-heller     { background-color: #f1bbd6; }
.zum-hintergrund-sekundär-1.zum-farbe-heller       { background-color: #E994BF; }
.zum-hintergrund-sekundär-1.zum-farbe-hell         { background-color: #D965A0; }
.zum-hintergrund-sekundär-1.zum-farbe-dunkel       { background-color: #B6226D; }
.zum-hintergrund-sekundär-1.zum-farbe-dunkler      { background-color: #900F50; }
.zum-hintergrund-sekundär-2                        { background-color: #338894; }
.zum-hintergrund-sekundär-2.zum-farbe-xx-heller    { background-color: #c4e3e8; }
.zum-hintergrund-sekundär-2.zum-farbe-x-heller     { background-color: #a7d6dd; }
.zum-hintergrund-sekundär-2.zum-farbe-heller       { background-color: #85C5CF; }
.zum-hintergrund-sekundär-2.zum-farbe-hell         { background-color: #52A1AD; }
.zum-hintergrund-sekundär-2.zum-farbe-dunkel       { background-color: #1B7A88; }
.zum-hintergrund-sekundär-2.zum-farbe-dunkler      { background-color: #0D5F6B; }
.zum-hintergrund-komplementär                      { background-color: #5E43A5; }
.zum-hintergrund-komplementär.zum-farbe-xx-heller  { background-color: #dad2ee; }
.zum-hintergrund-komplementär.zum-farbe-x-heller   { background-color: #c2b5e3; }
.zum-hintergrund-komplementär.zum-farbe-heller     { background-color: #A592D7; }
.zum-hintergrund-komplementär.zum-farbe-hell       { background-color: #7B63BC; }
.zum-hintergrund-komplementär.zum-farbe-dunkel     { background-color: #482998; }
.zum-hintergrund-komplementär.zum-farbe-dunkler    { background-color: #331878; }
.zum-hintergrund-orange                            { background-color: #F19D50; }
.zum-hintergrund-orange.zum-farbe-xx-heller        { background-color: #fffcfa; }
.zum-hintergrund-orange.zum-farbe-x-heller         { background-color: #ffe7d1; }
.zum-hintergrund-orange.zum-farbe-heller           { background-color: #FFCEA2; }
.zum-hintergrund-orange.zum-farbe-hell             { background-color: #FFB877; }
.zum-hintergrund-orange.zum-farbe-dunkel           { background-color: #DD7F28; }
.zum-hintergrund-orange.zum-farbe-dunkler          { background-color: #AE5D12; }
.zum-hintergrund-grün                              { background-color: #A8DF4A; }
.zum-hintergrund-grün.zum-farbe-xx-heller          { background-color: #f7fdec; }
.zum-hintergrund-grün.zum-farbe-x-heller           { background-color: #e6fac7; }
.zum-hintergrund-grün.zum-farbe-heller             { background-color: #D4F69C; }
.zum-hintergrund-grün.zum-farbe-hell               { background-color: #C0EF6F; }
.zum-hintergrund-grün.zum-farbe-dunkel             { background-color: #8FCD25; }
.zum-hintergrund-grün.zum-farbe-dunkler            { background-color: #6CA111; }
.zum-hintergrund-grau                              { background-color: #DBDBDB; }
.zum-hintergrund-grau.zum-farbe-xx-heller          { background-color: #fcfcfc; }
.zum-hintergrund-grau.zum-farbe-x-heller           { background-color: #f7f7f7; }
.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; } 
.zum-hintergrund-links                             { background-color: #0077dd; }
.zum-hintergrund-links.zum-farbe-xx-heller         { background-color: #f5faff; }
.zum-hintergrund-links.zum-farbe-x-heller          { background-color: #cce7ff; }
.zum-hintergrund-links.zum-farbe-heller            { background-color: #47a9ff; }
.zum-hintergrund-links.zum-farbe-hell              { background-color: #1492ff; }
.zum-hintergrund-links.zum-farbe-dunkel            { background-color: #0068bd; }
.zum-hintergrund-links.zum-farbe-dunkler           { background-color: #005599; } 
 
/* overrides 
 * uses mediawiki parent selector to establish override
 */
.mediawiki .box.hervorhebung1   { border-left-color:#F1D850; }
.mediawiki .box.frage           { border-left-color:#F1D850; }
.mediawiki .box.lernpfad        { border-left-color:#F19D50; }
.mediawiki .box.hervorhebung2   { border-left-color:#C64285; }
.mediawiki .box.merksatz        { border-left-color:#C64285; }
.mediawiki .box.üben,
.mediawiki .box.ueben           { border-left-color:#338894; }
.mediawiki .box.arbeitsmethode  { border-left-color:#5E43A5; }
.mediawiki .box.unterrichtsidee { border-left-color:#A8DF4A; }
.mediawiki .box.experimentieren { border-left-color:#A8DF4A; }
.mediawiki .box.arbeitsmethode  { border-left-color:#5E43A5; }
.mediawiki .box.unterrichtsidee { border-left-color:#A8DF4A; }
.mediawiki .box.experimentieren { border-left-color:#A8DF4A; }
.mediawiki .box.meinung         { border-left-color:#DBDBDB; }
.mediawiki .box.lösung,
.mediawiki .box.loesung         { border-left-color:#DBDBDB; }
.mediawiki .box.download        { border-left-color:#DBDBDB; }
.mediawiki .box.kurzinfo        { border-left-color:#DBDBDB; }
.mediawiki .box.zitat           { border-left-color:#a0a0a0; } 

.mediawiki .button-left a,
.mediawiki .button-center a,
.mediawiki .button-right a      { background-color: #DBDBDB;      }

.mediawiki .button-left a:hover,   
.mediawiki .button-left a:focus,
.mediawiki .button-center a:hover, 
.mediawiki .button-center a:focus,
.mediawiki .button-right a:hover,
.mediawiki .button-right a:focus           { background-color: #ececec;     }

.mediawiki .button-left.button-primary a,
.mediawiki .button-center.button-primary a,
.mediawiki .button-right.button-primary a  { background-color: #0068bd;     }

.mediawiki .button-left.button-primary a:hover,
.mediawiki .button-left.button-primary a:focus,
.mediawiki .button-center.button-primary a:hover,
.mediawiki .button-center.button-primary a:focus,
.mediawiki .button-right.button-primary a:hover
.mediawiki .button-right.button-primary a:focus { background-color: #1492ff;  }

.mediawiki .uk-text-muted         { color: #a0a0a0 !important; }
.mediawiki .uk-text-primary       { color: #1B7A88 !important; }
.mediawiki .uk-text-success       { color: #6CA111 !important; }
.mediawiki .uk-text-warning       { color: #AE5D12 !important; }
.mediawiki .uk-text-danger        { color: #B6226D !important; }
.mediawiki .uk-text-contrast      { color: #fff !important;    }

.mediawiki .uk-button             { background-color: #DBDBDB; }
.mediawiki .uk-button:hover,
.mediawiki .uk-button:focus       { background-color: #ececec; }
.mediawiki .uk-button.uk-active,
.mediawiki .uk-button:active      { background-color: #F1F1F1; }

.mediawiki .uk-button-primary        { background-color: #0068bd; }
.mediawiki .uk-button-primary:hover,
.mediawiki .uk-button-primary:focus  { background-color: #0077dd; }
.mediawiki .uk-button-primary.uk-active,
.mediawiki .uk-button-primary:active { background-color: #1492ff; }

.mediawiki .uk-button-success        { background-color: #6CA111; }
.mediawiki .uk-button-success:hover,
.mediawiki .uk-button-success:focus  { background-color: #8FCD25; }
.mediawiki .uk-button-success.uk-active,
.mediawiki .uk-button-success:active { background-color: #A8DF4A; }

.mediawiki .uk-button-danger        { background-color: #B6226D; }
.mediawiki .uk-button-danger:hover,
.mediawiki .uk-button-danger:focus  { background-color: #C64285; }
.mediawiki .uk-button-danger.uk-active,
.mediawiki .uk-button-danger:active { background-color: #D965A0; }

.mediawiki .uk-button-link        { color: #0068bd; }
.mediawiki .uk-button-link:hover,
.mediawiki .uk-button-link:focus,
.mediawiki .uk-button-link.uk-active,
.mediawiki .uk-button-link:active { color: #0077dd; }


.mediawiki .uk-button:disabled      { background-color: #ececec; }
.mediawiki .uk-button-link:disabled {            color: #ececec; }


Überprüfte Vorlage
Ein Admin hat diese Vorlage überprüft und entschieden, dass diese Vorlage benötigt wird.


Abgerufen von „https://grundschullernportal.zum.de/index.php?title=Vorlage:Farbe&oldid=16376“