based.cooking/static/style.css

95 lines
1.1 KiB
CSS
Raw Normal View History

2021-03-10 17:02:35 +00:00
body {
background: #151515 ;
color: #ccc ;
2022-04-14 19:58:07 +00:00
max-width: 850px ;
2021-03-10 17:02:35 +00:00
margin: auto ;
padding: 0 16px ;
2021-03-10 17:02:35 +00:00
margin-bottom: 500px ;
scrollbar-color: gray #151515;
2021-03-10 17:02:35 +00:00
}
::-webkit-scrollbar {
width: .66vw;
background-color: #151515;
}
::-webkit-scrollbar-thumb {
background-color: gray;
border-radius: 5px;
}font-family: sans-serif ;
a {
color: lightblue ;
}
a:visited {
color: gray ;
2021-03-10 17:02:35 +00:00
}
h1 {
text-align: center ;
}
h2 {
color: tomato ;
}
2021-03-10 17:02:35 +00:00
footer {
text-align: center ;
}
img {
max-width: 600px ;
2022-04-15 20:30:05 +00:00
max-height: 400px ;
2021-03-10 17:02:35 +00:00
margin: auto ;
display: block ;
}
code {
overflow-wrap: break-word ;
color: lime ;
}
2022-04-14 19:58:07 +00:00
.taglist {
text-align: center ;
margin-bottom: 2em ;
margin-top: 2em ;
}
img[alt="BTC Logo"],
2022-04-15 17:59:09 +00:00
img[alt="ETH Logo"],
img[alt="XMR Logo"] {
max-width: 1em ;
max-height: 1em ;
display: inline ;
}
2022-04-15 20:51:18 +00:00
@media (pointer: coarse) {
li > a {
display: block;
height: 1.5rem
}
}
2021-03-11 10:49:58 +00:00
@media print {
a[href] {
text-decoration: none ;
color: black ;
}
2022-04-15 21:44:57 +00:00
footer,.taglist { display: none ; }
body {
margin: 0;
}
2021-03-11 10:49:58 +00:00
}
@media (min-width: 55em) {
#artlist { column-count: 2 ;}
}
@media (min-width: 100em) {
#artlist { column-count: 3 ;}
}