Die farbig markierten Bereiche können für farbliche Anpassungen verändert werden:
/* Layout |
B */ /* Logo + Hintergrundfarbe */ .kiosk-layout-B .main-brand .main-logo { background-image: url([{img_logo}]); background-color: |
transparent; } | |
/* |
Hintergrund Anwendung */ . |
kiosk- |
background-color: #3b529c !important;
}
/* Text erste Ebene */
layout-B .main- |
page {
|
background- |
image: url([{img_main}]);
|
background- |
color: #FFF;
border-bottom: 1px solid #9ca0ca;
color: transparent; } | |
/* |
Menuelement */ .kiosk-layout-B .main-navi li a span.description {
|
text- |
align: |
left;
|
background- |
color: rgba(78, 78, 78, 0.75); color: #FFF; |
border-bottom: 1px solid #9ca0ca;
} | |
/* |
Breadcrumb */ . |
kiosk-layout-B .breadcrumb {
|
border-bottom: 1px solid |
#c9c9c9; } |
. |
font-size: 22px;
font-family: "Open Sans", Arial, Helvetica, sans-serif;
color: #3b529c;
}
/* Text erste Ebene, aktiv */
.main-navi a.current {
font-size: 22px;
font-family: "Open Sans", Arial, Helvetica, sans-serif;kiosk-layout-B .breadcrumb a { color: |
#595959; } |
/* Hintergrundfarbe 1. Ebene, aktiv */
.main-navi li.current {
background-color: #FFF;
}
/* Text weitere Ebenen */
.main-navi li li a {
font-size: 18px;
.kiosk-layout-B .breadcrumb a.active { color: |
#E30614; } | |
/* |
Objektbox */ . |
background-color: #9ca0ca;
}
/* Hintergrundfarbe weitere Ebenen, aktiv */
.main-navi li li.current {
background-color: #FFF;
}
/* Hintergrund Anwendung */
.main-page {
background-image: url([{img_main}]);
background-color: transparent;
}
/* Hintergrund zwischenraum */
.masonry-gutter-top, .masonry-gutter-right, .masonry-gutter-bottom,
.masonry-gutter-left {
background-image: none;kiosk-layout-B .masonry-item-inner .item-content, .kiosk-layout-B .masonry-stamp-inner .item-content { background-color: |
#d3d3d3; } |
/* Hintergrundfarbe + Textformatierung Headlinebalken Elemente */
.kiosk-layout-B .masonry-item-inner .main-headline { background-color: |
#E30614;
|
color: |
#FFF;
|
text- |
align: left; } | |
/* |
Unterkategorie */ . |
kiosk- |
font-size: 16px;
font-family: "Open Sans", Arial, Helvetica, sans-serif;
color: #000;
}
.masonry-stamp-brand.masonry-stamp {
background-color: transparent;
}
.masonry-stamp-brand .masonry-gutter-top, .masonry-stamp-brand .masonry-gutter-bottom,
.masonry-stamp-brand .masonry-gutter-left, .masonry-stamp-brand .masonry-gutter-right
{
background-color: transparent;
}
.masonry-stamp-brand .masonry-stamp-inner {
border-color: transparent;
background-color: transparent;
}
.masonry-stamp-brand .masonry-stamp-inner {
border-color: transparent;
background-color: transparent;
}
.masonry-stamp-brand .main-brand {
background-color: transparent !important;
}
.masonry-stamp-brand .main-brand .main-logo {
background-color: transparent;
}
.main-navi a.current, .main-navi a.active {
text-transform: none !importantlayout-B .masonry-item.category-item { border: 6px solid #E30614; } |