Boxen

Boxen (wie diese) können spezielle oder wichtige Inhalte visuell vom restlichen Inhalt abheben. Damit ihre Wirkung nicht verloren geht, sollten sie sparsam verwendet werden.

Boxen bestehen aus einem DIV-Container, der mit einer Formatvorlagenklasse box versehen ist. Standard-Box ist hellgrau. Man findet sie in den Vorlagen (Sitemap > Standard-Box).

Varianten

Zur grauen Standard-Box stehen weitere Varianten zur Verfügung. Die Formatvorlagenklasse  box  bleibt dabei immer bestehen, wird aber mit einer zusätzlichen Klasse (separiert durch einen Wortabstand) ergänzt:

Mit Schatten

box box-shadow

Mit Schatten nach innen

box box-shadow-inset

Farben

Zusätzlich könnte Boxen eine der definierten Standardfarben mitgegeben werden. Farben sollten nur in absoluten Ausnahmefällen Verwendung finden.
Auch Farben werden mittels zusätzlicher Formatvorlagenklasse zu bestehenden Boxen-Klassen ergänzt. Hier nur ein Auszug (alle Farben in der detaillierten Farbliste):

Dunkelbraun

box bg-darkbrown

Dunkelgrün

box bg-darkgreen

Dunkelblau

box bg-darkblue

Hellbraun

box bg-brown

Hellgrün

box bg-green

Hellblau

box bg-blue