forked from moepman/bk-dss
94 lines
1.1 KiB
CSS
94 lines
1.1 KiB
CSS
html {
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
*, ::before, ::after {
|
|
box-sizing: inherit;
|
|
}
|
|
|
|
body{
|
|
margin: 10px auto;
|
|
max-width: 60em;
|
|
font-family: sans-serif;
|
|
color: #111111;
|
|
}
|
|
|
|
header, nav, nav a, main, article, section, aside, footer {
|
|
border: 1px solid;
|
|
padding: 10px;
|
|
margin: 10px;
|
|
}
|
|
|
|
header {
|
|
background: #F7F7F7;
|
|
border-color: #DDDDDD;
|
|
}
|
|
|
|
header img {
|
|
width: 13em;
|
|
height: 5em;
|
|
margin-right: 50px;
|
|
float: left;
|
|
}
|
|
|
|
nav {
|
|
font-size: 0.91em;
|
|
float: left;
|
|
width: 15em;
|
|
padding: 0;
|
|
margin-top: 0;
|
|
background: #E6E6E6;
|
|
border-color: #CCCCCC;
|
|
}
|
|
|
|
nav ul {
|
|
padding:0;
|
|
}
|
|
|
|
nav li {
|
|
list-style: none;
|
|
margin: 0;
|
|
padding: 0.5em;
|
|
}
|
|
|
|
nav a {
|
|
display: block;
|
|
padding: 0.2em 10px;
|
|
font-weight: bold;
|
|
text-decoration: none;
|
|
background-color: #e7c157;
|
|
color: #333;
|
|
}
|
|
|
|
nav ul a:hover,
|
|
nav ul a:active {
|
|
color: #fffbf0;
|
|
background-color: #dfac20;;
|
|
}
|
|
|
|
main {
|
|
background: #D5D5D5;
|
|
border-color: #BBBBBB;
|
|
margin-left: 15em;
|
|
min-width: 16em;
|
|
}
|
|
|
|
section {
|
|
background: #F1F3F4;
|
|
border-color: slateblue;
|
|
}
|
|
|
|
footer {
|
|
background: #C4C4C4;
|
|
border-color: #AAAAAA;
|
|
clear: both;
|
|
}
|
|
|
|
footer a, footer p {
|
|
margin: 0;
|
|
}
|
|
|
|
* {
|
|
box-shadow: none!important;
|
|
}
|