Thomas Peetz
110 lines
1.5 KiB
CSS
110 lines
1.5 KiB
CSS
body {
|
|
font-family: sans-serif;
|
|
color: #333333;
|
|
padding: 3em 0 4em;
|
|
}
|
|
|
|
body,
|
|
.wrapper {
|
|
margin: 10px auto;
|
|
/*max-width: 60em;*/
|
|
}
|
|
|
|
header, main, section, footer {
|
|
border-radius: 0px 0.5em 0.5em;
|
|
border: 1px solid;
|
|
padding: 10px;
|
|
margin: 10px;
|
|
}
|
|
|
|
header {
|
|
position:fixed;
|
|
top:0px;
|
|
left:0px;
|
|
right:0px;
|
|
text-align:center;
|
|
padding: 10px;
|
|
background: lightgrey;
|
|
/*border-bottom: 1px solid #d5d5d5;*/
|
|
}
|
|
|
|
nav {
|
|
/*position: fixed;*/
|
|
/*padding-top: 10em; */
|
|
|
|
border-radius: 0px 0.5em 0.5em;
|
|
border: 1px solid;
|
|
|
|
padding: 0;
|
|
margin: 10px;
|
|
|
|
font-size: 0.91em;
|
|
float: left;
|
|
width: 15em;
|
|
background: lightskyblue;
|
|
border-color: skyblue;
|
|
}
|
|
|
|
nav ul {
|
|
padding: 0;
|
|
}
|
|
|
|
nav li {
|
|
list-style: none;
|
|
margin: 0.4em;
|
|
padding: 0;
|
|
}
|
|
|
|
nav ul ul {
|
|
margin: 0 0 0 2em;
|
|
padding: 0;
|
|
border: none;
|
|
}
|
|
|
|
nav ul ul li {
|
|
margin: 0.3em 0;
|
|
}
|
|
|
|
nav a {
|
|
display: block;
|
|
padding: 0.4em;
|
|
text-decoration: none;
|
|
font-weight: bold;
|
|
border: 1px solid blue;
|
|
border-radius: 10px;
|
|
box-shadow: 0px 5px 10px white inset;
|
|
background-color: skyblue;
|
|
color: #333;
|
|
|
|
}
|
|
|
|
nav a:focus,
|
|
nav a:hover {
|
|
color: royalblue;
|
|
background-color: gold;
|
|
}
|
|
|
|
main {
|
|
display: block;
|
|
background: lightblue;
|
|
border-color: #8a9da8;
|
|
margin-left: 15em;
|
|
min-width: 16em; /* Mindestbreite (der Überschrift) verhindert Anzeigefehler in modernen Browsern */
|
|
}
|
|
|
|
footer {
|
|
position:fixed;
|
|
padding: 10px;
|
|
margin-top: 10px;
|
|
bottom:0;
|
|
left: 0;
|
|
right:0;
|
|
background: lightgrey;
|
|
border-color: grey;
|
|
}
|
|
|
|
footer p {
|
|
float:right;
|
|
margin: 0;
|
|
}
|