Add styles for header and footer

This commit is contained in:
vimux 2018-02-11 09:39:37 +03:00
parent b0a726b194
commit 951d583cf4

View file

@ -32,6 +32,8 @@ section {
}
body {
max-width: 1200px;
margin: 0 auto;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 1rem;
font-weight: 400;
@ -310,3 +312,52 @@ summary {
display: list-item;
cursor: pointer;
}
/* Header */
.header {
margin: 0 0 5px;
overflow: auto;
background-color: #2a2a2a;
border-color: #333;
border-style: solid;
border-width: 0 0 1px;
}
@media screen and (min-width: 480px) {
.header {
margin: 0 5px 5px;
border-width: 0 1px 1px;
}
}
.logo {
display: inline-block;
float: left;
padding: 10px 12px;
font-size: 16px;
font-weight: 700;
}
.logo:hover {
color: #f8ae00;
text-decoration: none;
}
/* Footer */
.footer {
padding: 10px 0;
margin: 5px 0 0;
font-size: 13px;
color: #888;
border-top: 2px solid #333;
}
.footer__copyright {
text-align: center;
}
@media screen and (min-width: 480px) {
.footer {
margin: 5px 5px 0;
}
}