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