xevv/local.css

94 lines
2.1 KiB
CSS

.feedbutton {
background: #54435f;
border-left: 2px solid #8b6f9d;
border-top: 2px solid #bf99d8;
border-right: 2px solid #3e3247;
border-bottom: 2px solid #271f2d;
border-radius: 7px
}
legend {
font-style: italic
}
.revert a img, .pagelinks .toggle img {
width: 5%
}
img {
display: block;
margin: auto;
max-width: 100%
}
blockquote {
margin: auto;
max-width: 85%;
}
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: 2ex
}
.ibox td, .ibox th {
font-size: 0.75em
}
.ibox-img {
max-height: 200px
}
h1, h2, h3, h4, h5, h6 {
font-family: serif
}
p {
position: relative
}
a {
text-decoration: underline dotted
}
blockquote {
border-left: 2px solid;
padding-left: 2ex
}
.pageheader {
background: left / contain no-repeat url("/xevv/images/header.png");
image-rendering: crisp-edges
}
.ibox-head {
text-align: center;
margin-top: 0.5em;
margin-bottom: 0.5em
}
.sidebar {
padding: 0ex 1ex;
min-width: 20ex;
max-width: 40%;
width: auto;
position: relative;
z-index: 99
}
pre {
white-space: pre-wrap
}
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, .sidebar, .toc {background-color: #1a1a1a !important; color: #eee !important}
.recentchanges .changelog {background-color: #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, .sidebar, .toc {background-color: #e5e5e5 !important; color: #111 !important}
.recentchanges .changelog {background-color: #d5d5d5 !important; color: #000 !important}
}