MediaWiki:Common.css

/********************* COLORS *********************/
:root {
--dark: #23415F;
--medium: #97ACBF;
--medium3: #A9BBCA;
--bglight: #F2EFF1;
--bglight1: #F4F1F3;
--light: #F4D9CF;
--fontdark: #000000;
--fontlight: #fafafa;
--accentdark: #003D68;
--accent: #F2A794;
--accent1: #F5BFB1;
--accentlight: #fafafa;
--panther: #FF99C9;
--tweekiblue: #265A88;
--cielo: #FAFAFA;
}

/********************* TYPEFACES *********************/
/*FONT SOURCE SANS PRO */
/*@import url(https://fonts.googleapis.com/css?family=Lato);
* {font-family: 'Lato',sans-serif;}*/

@import url(https://fonts.googleapis.com/css?family=Poppins);
* {font-family: 'Poppins',sans-serif;}

/*after this, our base size to count from is about 10px (browser standard)*/
html {
	font-size: 62,5%; 
}

body,
p,
table p {
	font-size: 1.6rem;
}

body,
.navbar-default,
.navbar-brand {
	color: var(--dark);
}

/********************* LINKS *********************/
/*a:link
a:visited
a:hover
a:active
text-decoration: none;
*/

/* Get rid of the lock icon */
#content a.external[href^="https://"], 
.link-https {
	background: none;
}

/********************* HEADINGS *********************/
h1, h2, hr {
	color: var(--accent);
}

h1 {font-size: 5rem;}

/*h1#firstHeading.firstHeading, {
	font-family: 'Lato', sans-serif;
	color: #002A4A;
}*/

/********************* MAIN PAGE / BUTTONS *********************/
button,
.mw-ui-button.mw-ui-progressive, 
.mw-ui-button.mw-ui-primary {
	background: var(--tweekiblue);
	border: 1px solid var(--tweekiblue);
	color: var(--cielo);
}

button:hover,
.mw-ui-button.mw-ui-progressive:hover, 
.mw-ui-button.mw-ui-primary:hover {
	background: var(--dark);
	border: 1px solid var(--dark);
	color: var(--cielo);
}

.mw-ui-input:focus {
    box-shadow: inset 0 0 0 2px var(--panther);
    border-color: var(--panther);
    outline: 0;
}

/********************* BACKGROUND *********************/
.mw-body {border: 1px solid var(--light);}

#mw-page-base {
	background-image: linear-gradient(#ffffff 50%,#FFE9CF 100%);
	background-color: #ffffff;
}

body {background-color: var(--light);}

/*********************** HEADER/NAVBAR *********************/
/*https://css-tricks.com/snippets/css/css-box-shadow/*/
#mw-head.navbar-inner {
    background-image: linear-gradient(var(--accent1) 50%,var(--accent) 100%);
}
#mw-navigation.navbar {border-bottom-color: var(--accent);
/*	-webkit-box-shadow: 0 4px 3px -3px var(--accentdark);
	 -moz-box-shadow: 0 4px 3px -3px var(--accentdark);
	 box-shadow: 0 4px 3px -3px var(--accentdark);*/
}

}

/********************* TABLES ********************
.brand {
	margin: 1em 0;
	width: 90%;
	border-collapse: collapse;
	text-align: left;
}
.brand th {
	border-bottom: 2px solid  var(--accent);
	font-size: smaller;
	font-weight: normal;
	color: #FF9311;
	padding: 10px;
	vertical-align: top;
	text-align: left;
}

.brand td {
	border-bottom: 1px solid  #FFE9CF; 
	color: #002A4A;
	padding: .1em .4em 1em 1em;
}
*/
/* wird mit S Title gelöst
.ausarbeitungtitel {
font-size: 120%;
font-weight: bold;
} */

/********************* ANLEITUNGEN ********************
.anleitungtab {
	margin: 1em 0;
	width: 90%;
	border-collapse: collapse;
	text-align: left;
}
.anleitungtab th {
	border-bottom: 1px solid  #FFE9CF;
	font-size: smaller;
	font-weight: normal;
	color: #FF9311;
	padding: .5em .4em .1em .3em;
	vertical-align: top;
	text-align: left;
}

.anleitungtab td {
	border-bottom: 1px solid  #FFE9CF; 
	color: #002A4A;
	padding: .1em .4em 1em 1em;
}
*/