Seite mit Beispielen
Sie finden hier Beispiele für Farben, Hintergründe, etc.
Verwendete Farben
Hellgrau
#f1f2f3
Sandfarben Hell
#f3e5c4
Sandfarben Dunkel
#edd7a6
Dunkelblau
Für Überschriften
#002855
Dunkelblau
Etwas heller
#002f6c
Grün
Kontrastfarbe
#5bc500
Dunkelgrau
Für Bodytext
#666666
Sandfarbe ganz hell
Geöffneter Toggle
#fbf7ed
Hellgrün
Zum markieren, etc.
#DEF3CC
Mittelgrün
Für Sport
#279F00
Dunkelgrün
Für Sport
#007A33
Mittelblau
Für Bildung
#00b5e2
Orange
Für Leben
#FF7F41
Lime
Für Gesundheit
#C0DF16
Türkis
Für Internat
#00BAB3
Rotorange
#ff6a39
Flamingo
#FF585D
Lila
#61007D
Gelb
#FEDB00
Maisgelb
#FFAD00
Aubergine
#840B55
Hintergründe mit CSS Mustern
Hintergrund "Sandfarbene Wellen"
Inhalt -> Hintergrund -> Farbeimer: #f3e5c4
Erweitert -> CSS-Klasse: back-cham-welle
Hintergrund "Sandfarbene Wellen"
Inhalt -> Hintergrund -> Farbeimer: #edd7a6
Erweitert -> CSS-Klasse: back-cham-welle
Hintergrund "Dunkelblaue Wellen"
Inhalt -> Hintergrund -> Farbeimer: keine Farbe
Erweitert -> CSS-Klasse: back-blau-welle
Hintergrund "Dunkelblau Carbon-Fibre"
Inhalt -> Hintergrund -> Farbeimer: keine Farbe
Erweitert -> CSS-Klasse: back-carbon-fibre
Hintergründe mit SVG und CSS Mustern
Hintergrund "Wabe"
Inhalt -> Hintergrund -> Farbeimer: keine Farbe
Erweitert -> CSS-Klasse: back-wabe
Hintergrund "Green Stripes"
Inhalt -> Hintergrund -> Farbeimer: keine Farbe
Erweitert -> CSS-Klasse: back-green-stripes
Hintergrund "Green Diamond"
Inhalt -> Hintergrund -> Farbeimer: keine Farbe
Erweitert -> CSS-Klasse: back-green-diamond
Hintergrund "Green ZigZag"
Inhalt -> Hintergrund -> Farbeimer: keine Farbe
Erweitert -> CSS-Klasse: back-green-zigzag
Hintergrund "Green Square"
Inhalt -> Hintergrund -> Farbeimer: keine Farbe
Erweitert -> CSS-Klasse: back-green-square
Hintergrund "Blue Square"
Inhalt -> Hintergrund -> Farbeimer: keine Farbe
Erweitert -> CSS-Klasse: back-blue-square
Hintergrund "Triangel"
Inhalt -> Hintergrund -> Farbeimer: keine Farbe
Erweitert -> CSS-Klasse: back-triangel
Hintergrund "Rainbow Vortex"
Inhalt -> Hintergrund -> Farbeimer: keine Farbe
Erweitert -> CSS-Klasse: back-rainbow-vortex
Hintergrund "White Carbon"
Inhalt -> Hintergrund -> Farbeimer: keine Farbe
Erweitert -> CSS-Klasse: back-white-carbon
Hintergrund "White Stripes"
Inhalt -> Hintergrund -> Farbeimer: keine Farbe
Erweitert -> CSS-Klasse: back-white-stripes
Hintergrund "Cross Stripes"
Inhalt -> Hintergrund -> Farbeimer: keine Farbe
Erweitert -> CSS-Klasse: back-cross-stripes
Hintergrund "Speckled Noise"
Inhalt -> Hintergrund -> Farbeimer: keine Farbe
Erweitert -> CSS-Klasse: back-speckled-noise
Zusätzliche Hintergründe
Diese wurden nicht verwendet
Hintergrund "Diamond"
Inhalt -> Hintergrund -> Farbeimer: keine Farbe
Erweitert -> CSS-Klasse: back-diamond
Hintergrund "Wellen"
Inhalt -> Hintergrund -> Farbeimer: keine Farbe
Erweitert -> CSS-Klasse: back-wellen
Hintergrund "Wabe"
Inhalt -> Hintergrund -> Farbeimer: keine Farbe
Erweitert -> CSS-Klasse: back-wabe-fair
Hintergrund "Liniertes Papier"
Inhalt -> Hintergrund -> Farbeimer: keine Farbe
Erweitert -> CSS-Klasse: back-lined-paper
Hintergrund "Card"
Inhalt -> Hintergrund -> Farbeimer: keine Farbe
Erweitert -> CSS-Klassen: back-card gridify tiny
Hintergrund "Card Inverted"
Inhalt -> Hintergrund -> Farbeimer: keine Farbe
Erweitert -> CSS-Klassen: back-card inverted gridify tiny
Hintergrund "Dunkelgrau Carbon-Fibre"
Inhalt -> Hintergrund -> Farbeimer: keine Farbe
Erweitert -> CSS-Klasse: back-carbon-fibre-grau
Hintergrund "Pyramiden"
Inhalt -> Hintergrund -> Farbeimer: keine Farbe
Erweitert -> CSS-Klasse: back-pyramiden
Header – mit Fotografenbezeichnung
Erweitert -> Benutzerdefiniertes CSS:
content:“(Foto: Christian Daum / pixelio.de)“; color: #ccc; font-size: 0.7em; position: absolute; right: 5px; bottom: 5px;