xevv/local.css

60 lines
1.5 KiB
CSS

legend {
font-style: italic
}
.revert a img, .pagelinks .toggle img {
width: 5%
}
img {
display: block;
margin: auto;
max-width: 100%
}
body {
margin: 40px auto;
max-width: 70%;
padding: 0 10px;
line-height: 1.6;
font-family: sans-serif;
font-size: calc(14px + (26 - 14) * ((100vw - 360px) / (1600 - 360)))
}
td, th {
border-right: 1px solid;
border-top: 1px solid;
padding-right: 1em
}
h1, h2, h3, h4, h5, h6 {
font-family: serif
}
p {
position: relative
}
a {
text-decoration: underline dotted
}
blockquote {
border-left: 2px solid;
padding-left: 1em
}
.pageheader {
background: left / contain no-repeat url("/xevv/images/header.png");
image-rendering: crisp-edges
}
a {color: #92ebf0}
body {background-color: #0a0a0a; color: #eaeaea}
h1, h2, h3, h4, h5, h6 {color: #9a9a9a}
h3>span {color: #7a7a7a}
td, th, fieldset, blockquote, .pageheader .actions ul, #pageinfo {border-color: #eaeaea}
small {color: #777}
div.recentchanges {background: #1a1a1a !important; color: #eee !important}
.recentchanges .changelog {background: #2a2a2a !important; color: #fff !important}
@media(prefers-color-scheme: light) {
a {color: #2a7fe8}
body {background-color: #f5f5f5; color: #151515}
h1, h2, h3, h4, h5, h6 {color: #656565}
h3>span {color: #858585}
td, th, fieldset, blockquote, .pageheader .actions ul, #pageinfo {border-color: #151515}
small {color: #888}
div.recentchanges {background: #e5e5e5 !important; color: #111 !important}
.recentchanges .changelog {background: #d5d5d5 !important; color: #000 !important}
}