Theme 2017

Ein pragmatisches Customer CSS für den Beispielkurs. Es beinhaltet mehr, als das was am Kurs gezeigt wird.

/*
 * Theme Name:   twentysixteen Child
 * Theme URI:    twentysixteen
 * Description:  twentysixteen Child Theme
 * Author:       Markus Winter
 * Author URI:   https://Markus-Winter.ch
 * Template:     twentysixteen
 * Version:      1.0.0
 * License:      GNU General Public License v2 or later
 * License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 * Tags:         
 * Text Domain:  twentysixteen -child
 * */
 

:root {

	
/* Linke Side Bar*/
--boxLiSiBa:	lightsalmo;
--BoxBak: 	palegreen;
--FntCol: 	Red;
--BrdCol:	green;
--BrdThi:	4px;
}

@media screen and (min-width: 44.375em) {
	body:not(.custom-background-image):before,
	body:not(.custom-background-image):after {
	height: 0px;
	}
}	

h1,h2,h3{clear:none;}
.page-header		{border-top:none;}
.site			{margin:0pt;}
.site-info 		{visibility: hidden;}
.site-footer 		{margin:0pt;}

#menu-mnu-deutsch{
	border-style:	solid;
	border-width:	1px;
	margin:		0px;
	padding:	20px;
	background:	lightsalmon;	
}

.site-main{
	border-style:	solid;
	padding:  	1em;
	border-width: 	var(--BrdThi);
	border-color: 	var(--BrdCol);
	border-radius:	15px 15px 15px 15px;
	background:	var(--BoxBak); 
}

body	{background:	var(--BoxBak);}

div.site-header-menu{
	background:	var(--BoxBak);
	box-sizing: 	border-box;
	border-radius: 	15px 15px 15px 15px;
	border-width: 	var(--BrdThi);
	border-style: 	solid;
	border-color: 	var(--BrdCol);
}

.widget {
	background:	var(--BoxBak);
	box-sizing: 	border-box;
	border-radius:	15px 15px 15px 15px;
	margin: 	1em;
	padding:    	1em;
	border-style:	solid;
	border-width:	var(--BrdThi);
	border-color: 	var(--BrdCol);
}

.widget-res {
	border-top:	none;
	background:	var(--BoxBak);
}