based.cooking/data/style.css
2021-04-24 12:30:07 +02:00

99 lines
1.2 KiB
CSS

body {
background: #151515 ;
color: white ;
max-width: 800px ;
margin: auto ;
padding: 0 16px ;
margin-bottom: 500px ;
font-family: sans-serif ;
scrollbar-color: gray #151515;
}
::-webkit-scrollbar {
width: .66vw;
background-color: #151515;
}
::-webkit-scrollbar-thumb {
background-color: gray;
border-radius: 5px;
}
a {
color: lightblue ;
}
a:visited {
color: gray ;
}
h1 {
text-align: center ;
}
h2 {
color: tomato ;
}
footer {
text-align: center ;
}
img {
max-width: 600px ;
width: 100% ;
margin: auto ;
display: block ;
}
code {
overflow-wrap: break-word ;
color: lime ;
}
img[alt="BTC logo"],
img[alt="XMR Logo"] {
max-width: 1em ;
max-height: 1em ;
display: inline ;
}
@media (prefers-color-scheme: light) {
body {
background: white ;
color: black ;
scrollbar-color: gray white;
}
::-webkit-scrollbar {
background-color: white;
}
::-webkit-scrollbar-thumb {
background-color: gray;
}
a {
color: blue ;
}
a:visited {
color: purple ;
}
h2 {
color: inherit ;
}
code {
color: forestgreen ;
}
}
@media print {
a[href] {
text-decoration: none ;
color: black ;
}
}
@media (min-width: 55em) {
#artlist { column-count: 2 ;}
}
@media (min-width: 100em) {
#artlist { column-count: 3 ;}
}