nixos-config/machines/renge/services/psycho-power-papagei.de/style.css

95 lines
1.3 KiB
CSS
Raw Permalink Normal View History

2022-09-08 11:10:47 +02:00
body {
font-family: -apple-system, "Segoe UI", system-ui, Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif;
margin: 0px;
min-height: 100vh;
display: flex;
flex-direction: column;
}
main {
display: flex;
flex-direction: column;
}
#quote {
width: 100%;
text-align: center;
display: flex;
flex-direction: column;
justify-content: center;
}
#quote-body {
margin: 1rem;
font-size: 2rem;
}
@media (max-aspect-ratio: 4/3) {
img#attribution-landscape {
display: none;
}
img#parrot-landscape {
display: none;
}
footer {
margin-top: auto;
font-size: 0.75rem;
}
#attribution-landscape {
display: none;
}
}
@media (min-aspect-ratio: 4/3) {
main {
flex-direction: row;
height: 100vh;
}
img#parrot-portrait {
display: none;
}
img#parrot-landscape {
height: 100%;
}
#attribution-portrait {
display: none;
}
footer {
position: absolute;
bottom: 0px;
left: 0px;
right: 0px;
margin-top: auto;
background: rgba(0,0,0,0.5);
box-shadow: 0px 0px 10px 10px rgba(0,0,0,0.5);
color: white;
}
footer a {
color: inherit;
}
}
footer ul {
list-style: none;
text-align: center;
}
footer ul li {
display: inline;
}
footer ul li:not(:first-child)::before {
content: "· "
}