/
Theme-CSS Datei - Basislayout Standard

Theme-CSS Datei - Basislayout Standard




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






Auswirkung / Änderung

/* Layout A */

/* Logo + Hintergrundfarbe */

.main-brand .main-logo {

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

    background-color: #FFF;

}

Dünne Linie am Logo


Wenn das Logo transparent auf dem Gesamthintergrundbild stehen soll, muss folgende Änderung vorgenommen werden:
background-color: transparent;


/* Hintergrundfarbe Menueblock */

.masonry-stamp-navi {

    background-color: #3b529c !important;

}

Hintergrundfarbe Auflistungspunkt

/* Text erste Ebene */

.main-navi a {

    font-size: 22px;

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

    color: #FFF;

    border-bottom: 1px solid #9ca0ca;

}

Trennlinie 1


/* Hintergrundfarbe 1. Ebene */

.main-navi li {

    background-color: transparent;

    border-bottom: 1px solid transparent;

}

Trennlinie 2

/* Text erste Ebene, aktiv */

.main-navi a.current {

    font-size: 22px;

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

    color: #3b529c;

}

Text erste Ebene angewählt

/* Hintergrundfarbe 1. Ebene, aktiv */

.main-navi li.current {

    background-color: #FFF;

}

Hintergrundfarbe 1. Ebene

/* Text weitere Ebenen */

.main-navi li li a {

    font-size: 18px;

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

    color: #eee;

}

Text weitere Ebenen

/* Hintergrundfarbe weitere Ebenen */

.main-navi li li {

    background-color: #9ca0ca;

}

Hintergrundfarbe weitere Ebenen

/* Hintergrundfarbe weitere Ebenen, aktiv */

.main-navi li li.current {

    background-color: #FFF;

}

Hintergrundfarbe aktive Ebenen

/* 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;

    background-color: transparent;

}


/* Hintergrundfarbe + Textformatierung Headlinebalken Elemente */

.masonry-item-inner .main-headline {

    background-color: #3b529c;

    font-size: 20px;

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

    color: #fFFF;

}


/* Textformatierung main-teaser */

.item-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;

}


Related content

Theme-CSS Angepasstes Layout Standard Einstellungen ändern:
Theme-CSS Angepasstes Layout Standard Einstellungen ändern:
More like this
Themes Basislayout
Themes Basislayout
More like this
Themes Angepasstes Layout (Theme mit Kachelmenu und fester Blockgröße)
Themes Angepasstes Layout (Theme mit Kachelmenu und fester Blockgröße)
More like this
ICS - Kalenderabruf | Beispiel Ratsinformationskalender
ICS - Kalenderabruf | Beispiel Ratsinformationskalender
More like this
Facebook | Vorbereitung zur Einbindung der Datenschnittstelle und Umsetzung
Facebook | Vorbereitung zur Einbindung der Datenschnittstelle und Umsetzung
More like this