You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
160 lines
2.0 KiB
CSS
160 lines
2.0 KiB
CSS
body {
|
|
background: #151515 ;
|
|
color: navajowhite ;
|
|
max-width: 850px ;
|
|
margin: auto ;
|
|
padding: 0 16px ;
|
|
margin-bottom: 500px ;
|
|
scrollbar-color: gray #151515;
|
|
font-family: sans-serif ;
|
|
}
|
|
|
|
::-webkit-scrollbar {
|
|
width: .66vw;
|
|
background-color: #151515;
|
|
}
|
|
::-webkit-scrollbar-thumb {
|
|
background-color: gray;
|
|
border-radius: 5px;
|
|
}
|
|
|
|
a {
|
|
color: gold ;
|
|
}
|
|
|
|
#tagcloud {
|
|
list-style: none ;
|
|
text-align: center ;
|
|
}
|
|
|
|
#tagcloud li {
|
|
display: inline-block ;
|
|
}
|
|
|
|
#tagcloud a {
|
|
margin: .1em .25em ;
|
|
}
|
|
|
|
a:hover {
|
|
color: beige ;
|
|
}
|
|
|
|
a:visited {
|
|
color: darkgoldenrod ;
|
|
}
|
|
|
|
h1 {
|
|
border-style: solid ;
|
|
border-width: 0px 0px 2px 0px ;
|
|
text-align: center ;
|
|
}
|
|
|
|
h2 {
|
|
color: tomato ;
|
|
text-align: center ;
|
|
}
|
|
|
|
footer {
|
|
margin: 3em ;
|
|
text-align: center ;
|
|
}
|
|
|
|
img {
|
|
max-width: 90% ;
|
|
max-height: 400px ;
|
|
margin: auto ;
|
|
display: block ;
|
|
}
|
|
|
|
code {
|
|
overflow-wrap: break-word ;
|
|
color: lime ;
|
|
}
|
|
|
|
.taglist {
|
|
text-align: center ;
|
|
margin-bottom: 2em ;
|
|
margin-top: 2em ;
|
|
}
|
|
|
|
img[alt="BTC Logo"],
|
|
img[alt="ETH Logo"],
|
|
img[alt="XMR Logo"] {
|
|
max-width: 1em ;
|
|
max-height: 1em ;
|
|
display: inline ;
|
|
}
|
|
|
|
@media (pointer: coarse) {
|
|
li > a {
|
|
display: inline-block;
|
|
padding: 0.2em 0;
|
|
}
|
|
}
|
|
|
|
@media print {
|
|
a[href] {
|
|
text-decoration: none ;
|
|
color: black ;
|
|
}
|
|
|
|
footer,.taglist { display: none ; }
|
|
|
|
body {
|
|
margin: 0;
|
|
}
|
|
|
|
|
|
}
|
|
|
|
@media (min-width: 55em) {
|
|
#artlist { column-count: 2 ;}
|
|
}
|
|
|
|
@media (min-width: 100em) {
|
|
#artlist { column-count: 3 ;}
|
|
}
|
|
|
|
|
|
input#search {
|
|
all: unset;
|
|
background: #222;
|
|
color: #fff;
|
|
padding: 0.7rem 1rem;
|
|
border-radius: 5px;
|
|
width: 100%;
|
|
}
|
|
|
|
.search {
|
|
width: 400px;
|
|
max-width: 85vw;
|
|
position: relative;
|
|
margin: 0.5rem auto 1.2rem;
|
|
display: flex;
|
|
}
|
|
|
|
button.clear-search {
|
|
all: unset;
|
|
position: absolute;
|
|
right: 4px;
|
|
top: 5px;
|
|
height: 30px;
|
|
width: 30px;
|
|
color: #888;
|
|
cursor: pointer;
|
|
transition: color 180ms ease-in-out;
|
|
}
|
|
button.clear-search:hover {
|
|
color: #eee;
|
|
}
|
|
|
|
|
|
.matched-recipe {
|
|
font-size: x-large ;
|
|
}
|
|
|
|
.list-searched {
|
|
column-count: 1 !important ;
|
|
list-style: decimal ;
|
|
}
|