web/www/css/web.css
2021-04-20 22:12:36 -05:00

74 lines
1.1 KiB
CSS

@namespace epub "http://www.idpf.org/2007/ops";
body{
font-family: Georgia, serif;
font-size: 18px;
padding: 0 3em;
margin: 3em auto;
max-width: 55ch;
}
body > nav,
body > section,
body > article{
min-height: 100vh;
}
body > section[epub|type~="titlepage"],
body > section[epub|type~="halftitlepage"]{
min-height: auto;
}
section + section,
section + article,
article + section,
article + article{
box-sizing: border-box;
margin-top: 12em !important;
padding: 0;
}
nav[epub|type~="toc"] ol{
list-style: none;
}
@media(max-width: 65ch){
body{
padding: 0 1em;
}
section[epub|type~="imprint"] p{
width: 100%;
}
}
@media(prefers-color-scheme: dark){
body{
background: #222222;
color: #ffffff;
}
/* These three link colors provide WCAG AAA compliance at 16px */
a:link{
color: #6bb9f0;
}
a:active{
color: #e6cc22;
}
a:visited{
color: #dda0dd;
}
img[epub|type~="se:color-depth.black-on-transparent"]{
filter: invert(1);
}
}
@media(pointer: coarse) or (pointer: none){
nav[epub|type~="toc"] ol li{
margin-top: 2em;
margin-bottom: 2em;
}
}