Layouts- und Rahmen für farbige Hintergründe und mehr
In der neuen Seite werden Layouts und Rahmen dazu verwendet um Element mit Hintergründen, Hintergrundfarben und Rahmen zu versehen. Außerdem kann über die Layouts der Hintergrund jedes Elements auf die komplette Seitenbreite umgestellt werden (das macht keinen Sinn bei Rahmen).
Content-Element mit Standard-Layout und Standart-Rahmen
Layout: Standard / Rahmen: Standard
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer tincidunt, arcu et varius ultrices, lacus lacus lacinia nisi, nec dignissim massa massa nec tellus.
Heller Grauton im Hintergrund [greytone1]
Layout: Standard / Rahmen: Hellgrauer Hintergrund
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer tincidunt, arcu et varius ultrices, lacus lacus lacinia nisi, nec dignissim massa massa nec tellus.
Mittlerer Grauton im Hintergrund [greytone2]
Layout: default / Rahmen: Mittelgrauer Hintergrund
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer tincidunt, arcu et varius ultrices, lacus lacus lacinia nisi, nec dignissim massa massa nec tellus.
Dunkler Grauton im Hintergrund [greytone3]
Layout: default / Rahmen: Dunkelgrauer Hintergrund
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer tincidunt, arcu et varius ultrices, lacus lacus lacinia nisi, nec dignissim massa massa nec tellus.
Helle Sekundärfarbe 1 im Hintergrund [lightSecondaryColor2]
Layout: default / Rahmen: Hintergrund helle Sekundärfarbe 1
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer tincidunt, arcu et varius ultrices, lacus lacus lacinia nisi, nec dignissim massa massa nec tellus.
Helle Sekundärfarbe 2 im Hintergrund [lightSecondaryColor2]
Layout: default / Rahmen: Hintergrund helle Sekundärfarbe 2
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer tincidunt, arcu et varius ultrices, lacus lacus lacinia nisi, nec dignissim massa massa nec tellus.
Dunkle Sekundärfarbe im Hintergrund [darkSecondaryColor]
Layout: default / Rahmen: Hintergrund dunkle Sekundärfarbe
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer tincidunt, arcu et varius ultrices, lacus lacus lacinia nisi, nec dignissim massa massa nec tellus.
Warnhinweis-Farbe im Hintergrund [warningColor]
Layout: default / Rahmen: Hintergrund in Warnfarbe
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer tincidunt, arcu et varius ultrices, lacus lacus lacinia nisi, nec dignissim massa massa nec tellus.
Hinweisfarbe im Hintergrund [messageColor]
Layout: default / Rahmen: Hintergrund in Hinweisfarbe
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer tincidunt, arcu et varius ultrices, lacus lacus lacinia nisi, nec dignissim massa massa nec tellus.
Heller Grauton im Hintergrund [greytone1] und abgerundete Ecken
Layout: abgerundete Ecken / Rahmen: Hellgrauer Hintergrund
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer tincidunt, arcu et varius ultrices, lacus lacus lacinia nisi, nec dignissim massa massa nec tellus.
Mittlerer Grauton im Hintergrund [greytone2] und abgerundete Ecken
Layout: abgerundete Ecken / Rahmen: Mittelgrauer Hintergrund
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer tincidunt, arcu et varius ultrices, lacus lacus lacinia nisi, nec dignissim massa massa nec tellus.
Dunkler Grauton im Hintergrund [greytone3] und abgerundete Ecken
Layout: abgerundete Ecken / Rahmen: Dunkelgrauer Hintergrund
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer tincidunt, arcu et varius ultrices, lacus lacus lacinia nisi, nec dignissim massa massa nec tellus.
Helle Sekundärfarbe 1 im Hintergrund [lightSecondaryColor1] und abgerundete Ecken
Layout: abgerundete Ecken / Rahmen: Hintergrund helle Sekundärfarbe 1
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer tincidunt, arcu et varius ultrices, lacus lacus lacinia nisi, nec dignissim massa massa nec tellus.
Helle Sekundärfarbe 2 im Hintergrund [lightSecondaryColor2] und abgerundete Ecken
Layout: abgerundete Ecken / Rahmen: Hintergrund helle Sekundärfarbe 2
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer tincidunt, arcu et varius ultrices, lacus lacus lacinia nisi, nec dignissim massa massa nec tellus.
Dunkle Sekundärfarbe im Hintergrund [darkSecondaryColor] und abgerundete Ecken
Layout: abgerundete Ecken / Rahmen: Hintergrund dunkle Sekundärfarbe
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer tincidunt, arcu et varius ultrices, lacus lacus lacinia nisi, nec dignissim massa massa nec tellus.
Warnhinweis-Farbe im Hintergrund [warningColor] und abgerundete Ecken
Layout: abgerundete Ecken / Rahmen: Hintergrund in Warnfarbe
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer tincidunt, arcu et varius ultrices, lacus lacus lacinia nisi, nec dignissim massa massa nec tellus.
Hinweis-Farbe im Hintergrund [messageColor] und abgerundete Ecken
Layout: abgerundete Ecken / Rahmen: Hintergrund in Hinweisfarbe
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer tincidunt, arcu et varius ultrices, lacus lacus lacinia nisi, nec dignissim massa massa nec tellus.
Hell-grauer Rahmen [greytone1]
Layout: default / Rahmen: Hellgrauer Rahmen
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer tincidunt, arcu et varius ultrices, lacus lacus lacinia nisi, nec dignissim massa massa nec tellus.
Mittel-grauer Rahmen [greytone2]
Layout: default / Rahmen: Mittelgrauer Rahmen
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer tincidunt, arcu et varius ultrices, lacus lacus lacinia nisi, nec dignissim massa massa nec tellus.
Dunkel-grauer Rahmen [greytone3]
Layout: Standard / Rahmen: Dunkelgrauer Rahmen
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer tincidunt, arcu et varius ultrices, lacus lacus lacinia nisi, nec dignissim massa massa nec tellus.
Rahmen in heller Sekundärfarbe 1 [lightSecondaryColor1]
Layout: default / Rahmen: Rahmen in heller Sekundärfarbe 1
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer tincidunt, arcu et varius ultrices, lacus lacus lacinia nisi, nec dignissim massa massa nec tellus.
Rahmen in heller Sekundärfarbe 2 [lightSecondaryColor2]
Layout: default / Rahmen: Rahmen in heller Sekundärfarbe 2
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer tincidunt, arcu et varius ultrices, lacus lacus lacinia nisi, nec dignissim massa massa nec tellus.
Rahmen in dunkler Sekundärfarbe [darkSecondaryColor]
Layout: default / Rahmen: Rahmen in dunkler Sekundärfarbe
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer tincidunt, arcu et varius ultrices, lacus lacus lacinia nisi, nec dignissim massa massa nec tellus.
Rahmen in Warn-Hinweise-Farbe [warningColor]
Layout: Standard / Rahmen: Rahmen in Warnfarbe
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer tincidunt, arcu et varius ultrices, lacus lacus lacinia nisi, nec dignissim massa massa nec tellus.
Rahmen in Hinweise-Farbe [messageColor]
Layout: Standard / Rahmen: Rahmen in Hinweisfarbe
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer tincidunt, arcu et varius ultrices, lacus lacus lacinia nisi, nec dignissim massa massa nec tellus.
Hell-grauer Rahmen [greytone1] und abgerundete Ecken
Layout: abgerundete Ecken / Rahmen: Hellgrauer Rahmen
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer tincidunt, arcu et varius ultrices, lacus lacus lacinia nisi, nec dignissim massa massa nec tellus.
Mittel-grauer Rahmen [greytone2] und abgerundete Ecken
Layout: abgerundete Ecken / Rahmen: Mittelgrauer Rahmen
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer tincidunt, arcu et varius ultrices, lacus lacus lacinia nisi, nec dignissim massa massa nec tellus.
Dunkel-grauer Rahmen [greytone3] und abgerundete Ecken
Layout: abgerundete Ecken / Rahmen: Dunkelgrauer Rahmen
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer tincidunt, arcu et varius ultrices, lacus lacus lacinia nisi, nec dignissim massa massa nec tellus.
Rahmen in heller Sekundärfarbe 1 [lightSecondaryColor1] und abgerundete Ecken
Layout: abgerundete Ecken / Rahmen: Rahmen in heller Sekundärfarbe 1
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer tincidunt, arcu et varius ultrices, lacus lacus lacinia nisi, nec dignissim massa massa nec tellus.
Rahmen in heller Sekundärfarbe 2 [lightSecondaryColor2] und abgerundete Ecken
Layout: abgerundete Ecken / Rahmen: Rahmen in heller Sekundärfarbe 2
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer tincidunt, arcu et varius ultrices, lacus lacus lacinia nisi, nec dignissim massa massa nec tellus.
Rahmen in dunkler Sekundärfarbe [darkSecondaryColor] und abgerundete Ecken
Layout: abgerundete Ecken / Rahmen: Rahmen in dunkler Sekundärfarbe
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer tincidunt, arcu et varius ultrices, lacus lacus lacinia nisi, nec dignissim massa massa nec tellus.
Rahmen in Warn-Hinweise-Farbe [warningColor] und abgerundete Ecken
Layout: abgerundete Ecken / Rahmen: Rahmen in Warnfarbe
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer tincidunt, arcu et varius ultrices, lacus lacus lacinia nisi, nec dignissim massa massa nec tellus.
Rahmen in Hinweise-Farbe [messageColor] und abgerundete Ecken
Layout: abgerundete Ecken / Rahmen: Rahmen in Hinweisfarbe
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer tincidunt, arcu et varius ultrices, lacus lacus lacinia nisi, nec dignissim massa massa nec tellus.