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);
}