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

Azurblau

Kontrastfarbe

#4285f4

Dunkelbgrau

Für Bodytext

#666666

Sandfarbe ganz hell

Geöffneter Toggle

#fbf7ed

Hellblau

Zum markieren, etc.

#D9E7FD

Türkis

Fair-Trade

#00b5e2

Gelb

Fair-Trade

#FFD700

Blau FMT

FMT

#0000FF

Zusätzliche Farben

Grün

Nobby Store

#85b354

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 "Türkise Wellen"

Inhalt -> Hintergrund -> Farbeimer: keine Farbe

Erweitert -> CSS-Klasse: back-ftc-welle

Hintergrund "Dunkelblau Carbon-Fibre"

Inhalt -> Hintergrund -> Farbeimer: keine Farbe

Erweitert -> CSS-Klasse: back-carbon-fibre

Hintergründe mit SVG Mustern

Hintergrund "Wabe"

Inhalt -> Hintergrund -> Farbeimer: keine Farbe

Erweitert -> CSS-Klasse: back-wabe

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;

Countdown-Timer: Bis zum Ende des Schuljahrs 2020/21

Tag(e)

:

Stunde(n)

:

Minute(n)

:

Sekunde(n)