53 lines
667 B
CSS
53 lines
667 B
CSS
|
/* header and footer */
|
||
|
|
header {
|
||
|
|
display: flex;
|
||
|
|
align-items: center;
|
||
|
|
min-width: min-content;
|
||
|
|
}
|
||
|
|
|
||
|
|
footer {
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
|
||
|
|
#headerimg {
|
||
|
|
border-right: 3px solid black;
|
||
|
|
width: 128px;
|
||
|
|
background-image: url("/images/watching.jpg");
|
||
|
|
flex: initial;
|
||
|
|
align-self: stretch;
|
||
|
|
}
|
||
|
|
|
||
|
|
#headermain {
|
||
|
|
text-align: center;
|
||
|
|
flex: auto;
|
||
|
|
}
|
||
|
|
|
||
|
|
#headermain a {
|
||
|
|
color: blue;
|
||
|
|
text-decoration: none;
|
||
|
|
text-transform: uppercase;
|
||
|
|
}
|
||
|
|
|
||
|
|
#headermain a:hover {
|
||
|
|
text-decoration: underline;
|
||
|
|
}
|
||
|
|
|
||
|
|
#headermain nav {
|
||
|
|
font-size: x-large;
|
||
|
|
}
|
||
|
|
|
||
|
|
nav ul,
|
||
|
|
footer ul {
|
||
|
|
padding: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
nav ul li,
|
||
|
|
footer ul li {
|
||
|
|
display: inline;
|
||
|
|
}
|
||
|
|
|
||
|
|
nav ul li + li::before,
|
||
|
|
footer ul li + li::before {
|
||
|
|
content: " | ";
|
||
|
|
}
|