Farben

Im Template „fhs-motley-tiles“ sind 21 CSS-Klassen für Hintergrundfarben und 22 für Texte vorbereitet. Alle Farben können für Beides verwendet werden, man muss nur das entsprechende Präfix anfügen. Für Hintergründe „bgFarbname“ – für Texte „txtFarbname“.

„Weiß“ ist die Standard-Hintergrundfarbe und muss bzw. darf nicht explizit angegeben werden. Die Angabe der Textfarbe ist optional. Wird keine angegeben, wird der Text schwarz.

In den folgenden Farbfeldern stehen die Farbnamen in lesbarer Klarschrift in der ersten Zeile. In der zweiten Zeile stehen die CSS-Klassen, wie sie für das jeweilige Feld gesetz wurden. Das Schema sieht so aus:
wBreite [txtTextfarbe] bgHintergundfarbe
Die Klassen werden nur durch ein Leerzeichen getrennt. Die Reihenfolge spielt bei der Eingabe keine Rolle – die korrekte Schreibweise aber schon!

Wem das alles hier „zu bunt“ ist (ich habe in dieser Demonstration absichtlich etwas übertrieben), der könnte sich problemlos eine eigene Farbpalette zusammenstellen und im Stylesheet einbinden. Zum Beispiel beliebig viele Blau-Töne oder Graustufen oder … – unendliche Möglichkeiten.

Feel free to create all kinds of weird and wacky colors!

Light Grey

w25 bgLightGrey

Grey

w25 bgGrey

Dark Grey

w25 txtWhite bgDarkGrey

Black

w25 txtWhite bgBlack

Red

w25 txtYellow bgRed

Pink

w25 txtWhite bgPink

Purple

w25 txtWhite bgPurple

Deep Purple

w25 txtWhite bgDeepPurple

Cyan

w25 bgCyan

Light Blue

w25 bgLightBlue

Blue

w25 txtWhite bgBlue

Indigo

w25 txtAmber bgIndigo

Lime

w25 bgLime

Light Green

w25 bgLightGreen

Green

w25 txtWhite bgGreen

Teal

w25 txtWhite bgTeal

Yellow

w25 bgYellow

Amber

w25 bgAmber

Orange

w25 txtWhite bgOrange

Deep Orange

w25 txtWhite bgDeepOrange

Brown

w50 txtWhite bgBrown

White

w50 – ohne weitere Angaben (Standard)