Quelltext der CSS-Datei:
html, body{
display: flex;
flex-flow: row wrap;
margin: 0 auto; /*Seite wird zentriert*/
max-width: 80em;
color: blue;
}
header, nav, footer{
flex: 1 100%;
}
section{
}
h1{
color: red;
background-color: #ccc;
border-radius: .5em;
padding-left: 1em;
}
aside, article {
flex: 1 100%;
margin: 0.5em;
border: thin solid;
padding: 0.5em;
background: #EFF;
color:#ccc;
box-shadow: 0 0 0.25em #033;
}
article{
height: 100%;
}
@media all and (min-width: 30em) {
article {
flex: 3 1 0%;
}
aside {
flex: 1 1 0%;
}
}
ol{
list-style-type: decimal ;
}
li{
}
a:link {
color: blue;
text-decoration: none;
}
a:visited:focus {
color: red;
}
a:focus { /* Deklarationen */ }
a:hover { /* Deklarationen */ }
a:active { /* Deklarationen */ }
iframe{
display: flex;
width: 100%;
height: 100%;
border: hidden;
}
1