Die farbig markierten Bereiche können für farbliche Anpassungen verändert werden:
| Auswirkung / Änderung | |
|---|---|
| Standart ohne Hintergrundbild | Hintergrundbild wurde geladen laden |
| Standart ohne Logo | Logo wurde als png Datei geladen |
Farbeinstellungen deckende Farben als Hexadezimalwert: z.B. #454545 Farbeinstellung Farbe mit tranzparenzen als rgba Wert: z.B: rgba(78, 78, 78, 0.75) (RGB Wert plus Deckkraft) | |
/* Layout B */ /* Logo + Hintergrundfarbe */ .kiosk-layout-B .main-brand .main-logo { background-image: url([{img_logo}]); background-color: transparent; } | Hintergrundfarbe Logo |
/* Hintergrund Anwendung */ .kiosk-layout-B .main-page { background-image: url([{img_main}]); background-color: transparent; } | Die Hintergrundfarbe der gesammte Kiosk Darstellung wenn kein Hintergrundbild geladen ist. |
/* Menuelement */ .kiosk-layout-B .main-navi li a { background-color: transparent; } | Hintergrundfarbe oberer Menupunktreihe (gefüllte Fläche mit Farbwert zb: Hexadezimalfarbwert #454545 füllen. |
.kiosk-layout-B .main-navi li.current a { outline: 4px solid #4e4e4e; } | Rahmenfarbe für aktives Menu in der oberen Menüreihe |
.kiosk-layout-B .main-navi li a span.description { text-align: left; background-color: rgba(78, 78, 78, 0.75); color: #FFF; } | Ausrichtung Text obere Menureihe Hintergrundfarbe Balken der Inhalte obere Menüreihe (Hexadezimalwert oder wie im Beispiel rgba Wert wegen möglicher transparenzen) Schriftfarbe im Balken der Inhalte |
/* Breadcrumb */ .kiosk-layout-B .breadcrumb { border-bottom: 1px solid #c9c9c9; } | Linie unter der Breadcrumb |
.kiosk-layout-B .breadcrumb a { color: #595959; } | Schriftfarbe Text in der Breadcrumb |
.kiosk-layout-B .breadcrumb a.active { color: #E30614; } | Schriftfarbe Text in der Breadcrumb aktiver Menüpunkt |
/* Objektbox */ .kiosk-layout-B .masonry-item-inner .item-content, .kiosk-layout-B .masonry-stamp-inner .item-content { background-color: transparent; } | Hintergrundfarbe Hauptmenupunkte Startseite |
.kiosk-layout-B .masonry-item-inner .main-headline { background-color: #E30614; color: #FFF; text-align: left; } | Hintergrundfarbe Balken der Inhalte Schriftfarbe im Balken der Inhalte Ausrichtung Text |
} /* Unterkategorie */ .kiosk-layout-B .masonry-item.category-item, .kiosk-layout-B .masonry-item.category-item .masonry-item-inner { border border: 6px solid solid #E30614; } | Stärke und Rahmenfarbe der Untermenupunkte |