188 lines
3.0 KiB
CSS
188 lines
3.0 KiB
CSS
body {
|
|
background: #202124 ;
|
|
color: white;
|
|
max-width: 850px ;
|
|
margin: auto ;
|
|
padding: 0 16px ;
|
|
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: #50fa7b ;
|
|
}
|
|
|
|
#tagcloud {
|
|
list-style: none ;
|
|
text-align: center ;
|
|
padding: 0 ;
|
|
}
|
|
|
|
#tagcloud li {
|
|
display: inline-block ;
|
|
}
|
|
|
|
#tagcloud a {
|
|
margin: .1em .25em ;
|
|
}
|
|
|
|
a:hover {
|
|
color: #2a5816 ;
|
|
}
|
|
|
|
a:visited {
|
|
color: #38761d ;
|
|
}
|
|
|
|
h1 {
|
|
border-style: solid ;
|
|
border-width: 0px 0px 0px 0px ;
|
|
text-align: center ;
|
|
}
|
|
|
|
h1,h2 {
|
|
color: #bbeaa8 ;
|
|
text-align: center ;
|
|
}
|
|
|
|
footer {
|
|
margin-top: 3em ;
|
|
text-align: center ;
|
|
border-style: solid ;
|
|
border-width: 2px 0px 0px 0px ;
|
|
padding: 1em ;
|
|
}
|
|
|
|
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 ;
|
|
max-width: 600px ;
|
|
margin: auto ;
|
|
}
|
|
|
|
#tag_hamburguesa:before { content: "🍔" ; }
|
|
#tag_familiar:before { content: "👪" ; }
|
|
#tag_pollo:before { content: "🐔" ; }
|
|
#tag_fritas:before { content: "🍟" ; }
|
|
#tag_empanadas:before { content: "🥟" ; }
|
|
#tag_sandwiches:before { content: "🥪" ; }
|
|
#tag_parrilla:before { content: "🔥" ; }
|
|
#tag_uruguayo:before { content: "🇺🇾" ; }
|
|
#tag_pizza:before { content: "🍕" ; }
|
|
#tag_POS:before { content: "🏧" ; }
|
|
#tag_pos:before { content: "🏧" ; }
|
|
#tag_helado:before { content: "🍨" ; }
|
|
#tag_vegano:before { content: "🌿" ; }
|
|
#tag_celiaco:before { content: "🌾❌" ; }
|
|
#tag_pancho:before { content: "🌭" ; }
|
|
#tag_chivito:before { content: "🐐" ; }
|
|
#tag_pasta:before { content: "🍝" ; }
|
|
#tag_americano:before { content: "🇺🇸" ; }
|
|
#tag_milanesa:before { content: "🥩" ; }
|
|
#tag_mexicano:before { content: "🇲🇽" ; }
|
|
#tag_nachos:before { content: "🔺" ; }
|
|
#tag_vegetariano:before { content: "🥦" ; }
|