Intern: Customizer-CSS

Customizer – CSS

/* Farbvariablen festlegen */

:root {
–me-Weiss: #FFFFFF;
–me-HellHell: #efeaf4;
–me-Hell: #cfc1dc;
–me-Dunkel: #946ea9;
–me-DunkelDunkel: #6b3689;
–me-KGBGelb: #ebe14e;
–me-KGBGruen: #7788AA;
–me-KGBBlau: #a8dded;
–me-Schwarz: #000000;
}

 

/* Seiteneinstellungen */
/*
==================
Theme Site / Page
==================
*/

.header-main {
background: var(–me-HellHell) !important;
}

.site {
color: var(–me-DunkelDunkel) !important;
}

.site-title a:link,
.site-title a:visited {
background: var(–me-HellHell) !important;
color: var(–me-HellHell) !important;
}
.site-title a:hover,
.site-title a:active {
background: var(–me-HellHell) !important;
color: var(–me-HellHell) !important;
}

.site-content {
background-color: var(–me-HellHell) !important;
color: var(–me-DunkelDunkel) !important;
}

.page-title
{
color: var(–me-DunkelDunkel) !important;
}

/* Hintergrund */
body.custom-background {
background-color: var(–me-HellHell) !important;
}

.scroll-to-top-button
{
color: var(–me-Hell) !important;
background: var(–me-DunkelDunkel) !important;
}

/* TopNavigation */

.header-bar-wrap {
color: var(–me-Hell) !important;
background: var(–me-HellHell);
}

.top-navigation-menu {
float: right;
background: transparent;
color: var(–me-DunkelDunkel)
}

.top-navigation-menu a {
text-transform: lowercase;
font-size: 0.75rem;
}

.top-navigation-menu a:link,
.top-navigation-menu a:visited {
color: var(–me-DunkelDunkel);
}

.top-navigation-menu a:hover,
.top-navigation-menu a:active {
color: var(–me-Hell);
}

/* Hauptemue */
/*
=======================
Main-Navigation
primary =grosser Screen – PC Laptop
secendary = kleiner Screen – Smartphone
=======================
*/

.primary-navigation {
background: var(–me-DunkelDunkel) !important;
color: var(–me-HellHell) !important;
}

.main-navigation-menu a:link,
.main-navigation-menu a:visited {
background: var(–me-DunkelDunkel);
color: var(–me-KGBBlau);
}

.main-navigation-menu a:hover,
.main-navigation-menu a:active
{
background: var(–me-Hell);
color: var(–me-KGBBlau);
}

/* Letzte Zeile im Footer */

.site-footer {
border-top: 4px solid var(–me-Hell);
background: var(–me-DunkelDunkel);
}

.site-footer
.site-info
{
float: right;
background: var(–me-DunkelDunkel);
color: var(–me-HellHell);
}

/*
****************************
* Footer *
****************************
*/

/* Titel im Footer */

.footer-widgets
.widget-title
{
color: var(–me-Hell);
background: var(–me-DunkelDunkel);
}

.footer-widgets
.widget-header
{
background: var(–me-DunkelDunkel);
}

.footer-widgets-background
{
background: var(–me-Hell) !important;
}

.footer-widgets .widget a:link,
.footer-widgets .widget a:visited
{
color: var(–me-HellHell) !important;
background: var(–me-Hell) !important;
}

.footer-widgets .widget a:hover,
.footer-widgets .widget a:active
{
color: var(–me-Hell) !important;
background: var(–me-HellHell) !important;
}

/* Letzte Zeile im Footer */

.site-footer {
border-top: 4px solid var(–me-Hell);
background: var(–me-DunkelDunkel);
}

.site-footer
.site-info
{
float: right;
background: var(–me-DunkelDunkel);
color: var(–me-HellHell);
}