96 lines
1.7 KiB
CSS
96 lines
1.7 KiB
CSS
/*
|
|
* Die Headerleiste
|
|
*/
|
|
|
|
header {
|
|
font-family: Orbitron-Medium;
|
|
text-align: center;
|
|
clear: both;
|
|
/* float: left;*/
|
|
width: 98%;
|
|
margin: 0 1% 0 1%;
|
|
background-color: #FF8100;
|
|
}
|
|
|
|
header img{
|
|
display: block; /*inline elemente wie img fügen standardmäßig eine bottom margin hinzu (für schriftzeichen, die unter die Grundlinie gehen)*/
|
|
}
|
|
img.styleBannerPromo{
|
|
width:20%;
|
|
height:auto;
|
|
float:left;
|
|
}
|
|
img.styleBannerCwsv{
|
|
width:17.5%;
|
|
height:auto;
|
|
float:right;
|
|
}
|
|
|
|
|
|
.cwsvHeader{
|
|
display: flex;
|
|
justify-content: space-between;
|
|
flex-direction: row;
|
|
align-items: stretch;
|
|
text-align: center;
|
|
background-color: #FF8100;
|
|
}
|
|
|
|
.cwsvHeaderZitat{
|
|
font-family: "Orbitron-Medium", Impact, Charcoal, sans-serif;
|
|
padding-top: .2em;/* wg. Orbitron */
|
|
}
|
|
|
|
.cwsvHeaderTitle{
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: space-around;
|
|
align-items: center;
|
|
font-family: "Orbitron-Medium", Impact, Charcoal, sans-serif;
|
|
padding-top: .2em;
|
|
}
|
|
.cwsvHeaderTitle h1{
|
|
font-size: 1.5em;
|
|
}
|
|
.cwsvHeaderPromoPic{
|
|
display: none;
|
|
height: 5em;
|
|
}
|
|
|
|
.cwsvHeaderPromoPic img{
|
|
height: 100%;
|
|
width: auto;
|
|
}
|
|
.cwsvHeaderLogoPic{
|
|
height: 5em;
|
|
}
|
|
.cwsvHeaderLogoPic img{
|
|
height: 100%;
|
|
width: auto;
|
|
}
|
|
|
|
/* \0000a0 ist unicode für
|
|
* \00202F ist unicode für  */
|
|
.cwsvHeaderTitle h1::before{
|
|
content: 'CWSV\0000a0e.\00202FV. - ';
|
|
}
|
|
@media (min-width: 640px){
|
|
.cwsvHeaderTitle h1::before{
|
|
content: 'Chemnitzer WSV\0000a0e.\00202FV. - ';
|
|
}
|
|
}
|
|
@media (min-width: 1280px){
|
|
.cwsvHeaderTitle h1::before{
|
|
content: 'Chemnitzer Freizeit- und Wohngebietssportverein\0000a0e.\00202FV. - ';
|
|
}
|
|
}
|
|
|
|
|
|
@media (min-width: 1280px){
|
|
.cwsvHeaderPromoPic{
|
|
display: initial;
|
|
}
|
|
.cwsvHeaderLogoPic{
|
|
}
|
|
}
|