Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.




Die farbig markierten Bereiche können für farbliche Anpassungen verändert werden:









/* Layout

A

B */

/* Logo + Hintergrundfarbe */

.kiosk-layout-B .main-brand .main-logo {

    background-image: url([{img_logo}]);

    background-color:

#FFF

transparent;

}


/*

Hintergrundfarbe Menueblock

Hintergrund Anwendung */

.

masonry

kiosk-

stamp-navi {

    background-color: #3b529c !important;

}

/* Text erste Ebene */

layout-B .main-

navi a

page {

  

 font

 background-

size: 22px

image: url([{img_main}]);

  

 font

 background-

family: "Open Sans", Arial, Helvetica, sans-serif;

    color: #FFF;

    border-bottom: 1px solid #9ca0ca;

color: transparent;

}


/*

Text erste Ebene

Menuelement */

.kiosk-layout-B .main-navi li a span.description {

  

 font

 text-

size

align:

22px

left;

  

 font

 background-

family: "Open Sans", Arial, Helvetica, sans-serif

color: rgba(78, 78, 78, 0.75);

    color: #FFF;

    border-bottom: 1px solid #9ca0ca;

}



/*

Hintergrundfarbe 1. Ebene

Breadcrumb */

.

main-navi li

kiosk-layout-B .breadcrumb {

  

 background-color: transparent;  

 border-bottom: 1px solid

transparent

#c9c9c9;

}

/* Text erste Ebene, aktiv */


.

main-navi a.current {

    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:

#3b529c    font-family: "Open Sans", Arial, Helvetica, sans-serif;

#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:

#eee

#E30614;

}


/*

Hintergrundfarbe weitere Ebenen

Objektbox */

.

main-navi li li {

    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:

transparent

#d3d3d3;

}

/* Hintergrundfarbe + Textformatierung Headlinebalken Elemente */


.kiosk-layout-B .masonry-item-inner .main-headline {

    background-color:

#3b529c

#E30614;

  

 font-size

 color:

20px

#FFF;

  

 font

 text-

family: "Open Sans", Arial, Helvetica, sans-serif;    color: #fFFF

align: left;

}


/*

Textformatierung main-teaser

Unterkategorie */

.

item

kiosk-

expanded .main-teaser {

    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 !important

layout-B .masonry-item.category-item {

    border: 6px solid #E30614;

}