Link to article: Tiendita De Minerales 0.
@import url('https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&display=swap');
body {
cursor: url('https://scp-yerko-6.wdfiles.com/local--files/secret%3Anecronomiamai/cursor.png'), auto;
}
.container {
background-color: transparent;
border-radius: 13px;
padding: 0;
margin-bottom: 15px;
}
.container::after {
content: "";
clear: both;
display: table;
}
.container img {
float: left;
max-width: 80px;
width: 100%;
margin-right: 20px;
border-radius: 50%;
border: solid 2px black;
box-shadow: 0px 7px 13px 0px rgba(0,0,0,0.8);
}
.container img.right {
float: right;
margin-left: 20px;
margin-right: 0;
}
.dialogo-npc {
float: left;
border: solid 2px #f8b0a4;
background-color: #f5cac3;
border-radius: 13px;
padding: 10px;
max-width: 73% !important;
font-family: "Merriweather", serif;
font-size: 113%;
box-shadow: inset 0px 7px 0px 0px rgba(255,255,255,0.3),0px 7px 13px 0px rgba(0,0,0,0.8);
margin-top: 5px;
}
.dialogo-yo {
float: right;
border: solid 2px #f35f5c;
background-color: #f1a7a5;
border-radius: 13px;
padding: 10px;
max-width: 73% !important;
font-family: "Merriweather", serif;
font-size: 113%;
box-shadow: inset 0px 7px 0px 0px rgba(255,255,255,0.3),0px 7px 13px 0px rgba(0,0,0,0.8);
margin-top: 5px;
}
.imagen {
position: relative;
}
.es-372 {
position: absolute;
width: 4.5%;
height: 8%;
top: 3.5%;
left: 86%;
}
.puerta {
position: absolute;
width: 30.8%;
height: 67%;
top: 18%;
left: 66%;
}
.pescados {
position: absolute;
width: 6.3%;
height: 14%;
top: 47%;
left: 29%;
}
.voladoras {
position: absolute;
width: 6%;
height: 8%;
top: 27%;
left: 29.5%;
}
.libros1 {
position: absolute;
width: 6%;
height: 8%;
top: 27%;
left: 36.2%;
}
.libros2 {
position: absolute;
width: 6%;
height: 7%;
top: 35.5%;
left: 29.5%;
}
.libros3 {
position: absolute;
width: 15.5%;
height: 6%;
top: 52%;
left: 42.8%;
}
.libros4 {
position: absolute;
width: 9.5%;
height: 4.8%;
top: 68.5%;
left: 27.5%;
}
.areñas {
position: absolute;
width: 2%;
height: 3%;
top: 12%;
left: 4%;
}
.ventana {
position: absolute;
width: 10%;
height: 15%;
top: 40%;
left: 6%;
}
.vela-corazon {
position: absolute;
width: 3.4%;
height: 11%;
top: 59%;
left: 5.2%;
}
.waos {
position: absolute;
width: 1.7%;
height: 4%;
top: 66.7%;
left: 3.5%;
}
.pocion1 {
position: absolute;
width: 3%;
height: 7%;
top: 29%;
left: 53.8%;
}
.pocion2 {
position: absolute;
width: 5%;
height: 10.5%;
top: 25%;
left: 59%;
}
.pocion3 {
position: absolute;
width: 12%;
height: 9.8%;
top: 40.5%;
left: 43.8%;
}
.pocion4 {
position: absolute;
width: 7%;
height: 9.8%;
top: 40.5%;
left: 57%;
}
.pocion5 {
position: absolute;
width: 6%;
height: 4.9%;
top: 52.2%;
left: 58.7%;
}
.pocion6 {
position: absolute;
width: 6.5%;
height: 13%;
top: 71.5%;
left: 9.3%;
}
.pocion7 {
position: absolute;
width: 14%;
height: 10%;
top: 75%;
left: 40%;
}
.baston {
position: absolute;
width: 5%;
height: 20%;
top: 58.3%;
left: 59.5%;
}
.prenhita {
position: absolute;
background-image: url(https://scp-yerko-6.wdfiles.com/local--files/secret%3Anecronomiamai/asset_prenhita.png);
background-position: center center;
background-size: contain;
background-repeat: no-repeat;
width: 9%;
height: 11.2%;
top: 50.8%;
left: 32%;
}
.prenhita:hover,
.prenhita:focus-within {
background-image: url(https://scp-yerko-6.wdfiles.com/local--files/secret:necronomiamai/asset_prenhita_brillante.png);
}
.kyanita {
position: absolute;
background-image: url(https://scp-yerko-6.wdfiles.com/local--files/secret:necronomiamai/asset_kyanita.png);
background-position: center center;
background-size: contain;
background-repeat: no-repeat;
width: 13%;
height: 18%;
top: 42.5%;
left: 33.5%;
}
.kyanita:hover,
.kyanita:focus-within {
background-image: url(https://scp-yerko-6.wdfiles.com/local--files/secret:necronomiamai/asset_kyanita_brillante.png);
}
.corazon {
position: absolute;
background-image: url(https://scp-yerko-6.wdfiles.com/local--files/secret:necronomiamai/asset_bariopharmacosiderita.png);
background-position: center center;
background-size: contain;
background-repeat: no-repeat;
width: 9%;
height: 9%;
top: 34%;
left: 35.5%;
}
.corazon:hover,
.corazon:focus-within {
background-image: url(https://scp-yerko-6.wdfiles.com/local--files/secret:necronomiamai/asset_bariopharmacosiderita_brillante.png);
}
.huevo {
position: absolute;
background-image: url(https://scp-yerko-6.wdfiles.com/local--files/secret%3Anecronomiamai/asset_huevo.png);
background-position: center center;
background-size: contain;
background-repeat: no-repeat;
width: 5%;
height: 10%;
top: 73.5%;
left: 30.5%;
}
.huevo:hover,
.huevo:focus-within {
background-image: url(https://scp-yerko-6.wdfiles.com/local--files/secret%3Anecronomiamai/asset_huevo_brillante.png);
}
.jamon {
position: absolute;
background-image: url(https://scp-yerko-6.wdfiles.com/local--files/secret%3Anecronomiamai/asset_jamon.png);
background-position: center center;
background-size: contain;
background-repeat: no-repeat;
width: 8%;
height: 7%;
top: 55%;
left: 46%;
}
.jamon:hover,
.jamon:focus-within {
background-image: url(https://scp-yerko-6.wdfiles.com/local--files/secret%3Anecronomiamai/asset_jamon_brillante.png);
}
.pirita {
position: absolute;
background-image: url(https://scp-yerko-6.wdfiles.com/local--files/secret%3Anecronomiamai/asset_pirita_gif.gif);
background-position: center center;
background-size: contain;
background-repeat: no-repeat;
width: 9%;
height: 5%;
top: 63.5%;
left: 46%;
}
.pirita:hover,
.pirita:focus-within {
background-image: url(https://scp-yerko-6.wdfiles.com/local--files/secret%3Anecronomiamai/asset_pirita_brillante_gif.gif);
}
.rodonita {
position: absolute;
background-image: url(https://scp-yerko-6.wdfiles.com/local--files/secret%3Anecronomiamai/asset_rodonita.png);
background-position: center center;
background-size: contain;
background-repeat: no-repeat;
width: 11%;
height: 5.3%;
top: 68.7%;
left: 44%;
animation: respira 2s linear 0s infinite;
}
.rodonita:hover,
.rodonita:focus-within {
background-image: url(https://scp-yerko-6.wdfiles.com/local--files/secret%3Anecronomiamai/asset_rodonita_brillante.png);
}
.obsidiana {
position: absolute;
background-image: url(https://scp-yerko-6.wdfiles.com/local--files/secret%3Anecronomiamai/asset_obsidiana.png);
background-position: center center;
background-size: contain;
background-repeat: no-repeat;
width: 7.5%;
height: 5.5%;
top: 68.5%;
left: 37.5%;
}
.obsidiana:hover,
.obsidiana:focus-within {
background-image: url(https://scp-yerko-6.wdfiles.com/local--files/secret%3Anecronomiamai/asset_obsidiana_brillante.png);
}
.lunitas {
position: absolute;
background-image: url(https://scp-yerko-6.wdfiles.com/local--files/secret%3Anecronomiamai/asset_piedraluna.png);
background-position: center center;
background-size: contain;
background-repeat: no-repeat;
width: 8%;
height: 5.5%;
top: 63%;
left: 37.5%;
}
.lunitas:hover,
.lunitas:focus-within {
background-image: url(https://scp-yerko-6.wdfiles.com/local--files/secret%3Anecronomiamai/asset_piedraluna_brillante.png);
}
.benito {
position: absolute;
background-image: url(https://scp-yerko-6.wdfiles.com/local--files/secret%3Anecronomiamai/asset_benitoita.png);
background-position: center center;
background-size: contain;
background-repeat: no-repeat;
width: 10.5%;
height: 5.2%;
top: 63%;
left: 27%;
}
.benito:hover,
.benito:focus-within {
background-image: url(https://scp-yerko-6.wdfiles.com/local--files/secret%3Anecronomiamai/asset_benitoita_brillante.png);
}
.velas {
position: absolute;
background-image: url(https://scp-yerko-6.wdfiles.com/local--files/secret%3Anecronomiamai/asset_velas.png);
background-position: center center;
background-size: contain;
background-repeat: no-repeat;
width: 11%;
height: 15%;
top: 55%;
left: 5.2%;
}
.velas:hover,
.velas:focus-within {
background-image: url(https://scp-yerko-6.wdfiles.com/local--files/secret%3Anecronomiamai/asset_velas_brillante.png);
}
.gaymostron {
position: absolute;
background-image: url(https://scp-yerko-6.wdfiles.com/local--files/secret%3Anecronomiamai/asset_trono.png);
background-position: center center;
background-size: contain;
background-repeat: no-repeat;
width: 8%;
height: 15%;
top: 71.5%;
left: 1.3%;
}
.gaymostron:hover,
.gaymostron:focus-within {
background-image: url(https://scp-yerko-6.wdfiles.com/local--files/secret%3Anecronomiamai/asset_trono_brillante.png);
}
.cinabrio {
position: absolute;
background-image: url(https://scp-yerko-6.wdfiles.com/local--files/secret%3Anecronomiamai/asset_cinabrio.png);
background-position: center center;
background-size: contain;
background-repeat: no-repeat;
width: 7%;
height: 10%;
top: 28%;
left: 45.8%;
}
.cinabrio:hover,
.cinabrio:focus-within {
background-image: url(https://scp-yerko-6.wdfiles.com/local--files/secret%3Anecronomiamai/asset_cinabrio_brillante.png);
}
.diamante {
position: absolute;
background-image: url(https://scp-yerko-6.wdfiles.com/local--files/secret%3Anecronomiamai/asset_diamante.png);
background-position: center center;
background-size: contain;
background-repeat: no-repeat;
width: 9%;
height: 49%;
top: 27%;
left: 18.8%;
}
.diamante:hover,
.diamante:focus-within {
background-image: url(https://scp-yerko-6.wdfiles.com/local--files/secret%3Anecronomiamai/asset_diamante_brillante.png);
}
.objeto {
align-content: stretch;
transition: outline 0.135s ease-out;
outline: #333 solid 0rem;
position: relative;
color: rgba(0,0,0,0);
height: 100%;
}
/* .objeto:hover, .objeto:focus-within {*/
/* outline: #333 solid 0.5rem; */
/*} */
.objeto > a[href="javascript:;"] {
display: block;
position: absolute;
top: 0; left: 0;
width: 100%;
height: 100%;
font-size: 0rem;
user-select: none;
outline-width: 0;
cursor: url('https://scp-yerko-6.wdfiles.com/local--files/secret%3Anecronomiamai/cursor-dedo.png'), auto;
}
.caja {
display: block;
position: fixed;
height: 100vh;
width: 40rem;
bottom: 0;
top: 0;
right: -54rem;
background-color: transparent;
color: black;
transition: right 0.3s ease-out;
overflow-y: scroll;
direction: rtl;
will-change: right;
border-left: solid 3px #000;
outline-left: solid 3px black;
z-index: 11;
background-image: url(https://scp-yerko-6.wdfiles.com/local--files/secret%3Anecronomiamai/madera.png);
background-position: top left;
background-repeat: repeat;
}
.caja::-webkit-scrollbar {
width: 1px;
}
.contenido {
color: black;
background-color: transparent;
}
.caja .contenido {
direction: ltr;
padding: 0px;
}
.easter-egg {
color: black;
background-color: transparent;
padding: 15px;
direction: ltr;
}
.objeto > div.thumbnail {
font-family: 'Poppins', sans-serif;
font-weight: bold;
font-size: 1.2rem;
text-transform: uppercase;
color: #1e1e1e;
background-color: rgb(255,255,255);
box-shadow: 0 0 0.4rem rgba(0,0,0,0.2);
display: flex;
flex-wrap: wrap;
width: 100%;
flex-grow: 1;
justify-content: center;
min-height: 3rem;
padding: 0.5rem 0;
align-items: center;
}
#page-content .objeto > a:focus + .caja,
#page-content .objeto > a:active + .caja,
#page-content .objeto .caja:hover,
#page-content .objeto .caja:active {
right: 0;
}
#page-content .objeto .caja:focus-within {
right: 0;
}
@media (pointer: coarse) {
.objeto > a:hover + .caja,
.objeto .caja:hover {
right: 0;
}
}
@media only screen and (max-width: 45rem) {
#page-content .caja {
right: 0!important;
left: 0;
width: 100%;
max-width: 100%;
height: 50vh;
bottom: -60vh;
top: initial;
transition: bottom 0.3s ease-out;
will-change: bottom;
}
#page-content .objeto > a:focus + .caja,
#page-content .objeto > a:active + .caja,
#page-content .objeto .caja:hover,
#page-content .objeto .caja:active {
bottom: 0;
}
#page-content .objeto .caja:focus-within {
bottom: 0;
}
}
#page-content {
width: 100%;
max-width: 954px;
min-height: 100vh;
}
#main-content {
max-width: 100%;
}
outline: solid 5px black; box-shadow: 0px 0px 100px -3px rgba(251,121,83,0.4);
border-radius: 50%;
border-radius: 50%;
border-radius: 50%;
border-radius: 50%;
border-radius: 50%;
border-radius: 50%;
border-radius: 50%;
border-radius: 50%;
border-radius: 50%;
border-radius: 50%;
border-radius: 50%;
border-radius: 50%;
border-radius: 50%;
border-radius: 50%;
border-radius: 50%;
border-radius: 50%;
border-radius: 50%;
border-radius: 50%;
border-radius: 50%;
border-radius: 50%;
border-radius: 50%;
border-radius: 50%;
border-radius: 50%;
border-radius: 50%;
border-radius: 50%;
border-radius: 50%;
border-radius: 50%;
border-radius: 50%;
border-radius: 50%;
border-radius: 50%;
border-radius: 50%;
border-radius: 50%;
border-radius: 50%;
border-radius: 50%;
border-radius: 50%;
border-radius: 50%;
border-radius: 50%;
border-radius: 50%;
border-radius: 50%;
border-radius: 50%;
border-radius: 50%;
border-radius: 50%;
border-radius: 50%;
border-radius: 50%;
border-radius: 50%;
border-radius: 50%;
border-radius: 50%;
border-radius: 50%;
border-radius: 50%;
border-radius: 50%;
border-radius: 50%;
border-radius: 50%;
border-radius: 50%;
border-radius: 50%;
border-radius: 50%;
border-radius: 50%;
border-radius: 50%;
border-radius: 50%;
border-radius: 50%;
border-radius: 50%;
border-radius: 50%;
border-radius: 50%;
border-radius: 50%;
border-radius: 50%;
border-radius: 50%;
border-radius: 50%;
border-radius: 50%;
border-radius: 50%;
border-radius: 50%;
border-radius: 50%;
border-radius: 50%;
border-radius: 50%;
border-radius: 50%;
border-radius: 50%;
border-radius: 50%;
border-radius: 50%;
border-radius: 50%;
border-radius: 50%;
border-radius: 50%;
border-radius: 50%;
border-radius: 50%;
border-radius: 50%;
border-radius: 50%;
border-radius: 50%;
border-radius: 50%;
border-radius: 50%;
border-radius: 50%;
border-radius: 50%;
border-radius: 50%;
border-radius: 50%;
border-radius: 50%;
border-radius: 50%;
border-radius: 50%;
border-radius: 50%;
border-radius: 50%;
border-radius: 50%;
border-radius: 50%;
border-radius: 50%;
border-radius: 50%;
border-radius: 50%;
border-radius: 50%;
border-radius: 50%;
border-radius: 50%;
border-radius: 50%;
border-radius: 50%;
border-radius: 50%;
border-radius: 50%;
border-radius: 50%;
border-radius: 50%;
border-radius: 50%;
border-radius: 50%;
border-radius: 50%;
border-radius: 50%;
imagen
diamante
objeto
caja
contenido
cinabrio
objeto
caja
contenido
pocion6
objeto
caja
easter-egg
container
dialogo-npc
container
right
dialogo-yo
container
dialogo-npc
container
dialogo-npc
container
right
dialogo-yo
container
dialogo-npc
container
dialogo-npc
container
dialogo-npc
container
right
dialogo-yo
container
dialogo-npc
container
right
dialogo-yo
container
dialogo-npc
container
right
dialogo-yo
container
dialogo-npc
container
right
dialogo-yo
container
dialogo-npc
gaymostron
objeto
caja
contenido
ventana
objeto
caja
easter-egg
container
dialogo-npc
container
right
dialogo-yo
container
dialogo-npc
container
right
dialogo-yo
velas
objeto
caja
contenido
vela-corazon
objeto
caja
easter-egg
container
dialogo-npc
container
right
dialogo-yo
container
dialogo-npc
container
right
dialogo-yo
container
dialogo-npc
waos
objeto
caja
easter-egg
container
dialogo-npc
container
right
dialogo-yo
container
dialogo-npc
benito
objeto
caja
contenido
lunitas
objeto
caja
contenido
obsidiana
objeto
caja
contenido
rodonita
objeto
caja
contenido
pirita
objeto
caja
contenido
kyanita
objeto
caja
contenido
libros3
objeto
caja
easter-egg
container
right
dialogo-yo
container
dialogo-npc
container
dialogo-npc
container
right
dialogo-yo
container
dialogo-npc
container
right
dialogo-yo
container
dialogo-npc
container
right
dialogo-yo
container
dialogo-npc
container
dialogo-npc
container
dialogo-npc
container
right
dialogo-yo
container
dialogo-npc
container
dialogo-npc
container
right
dialogo-yo
container
dialogo-npc
container
dialogo-npc
container
right
dialogo-yo
huevo
objeto
caja
contenido
corazon
objeto
caja
contenido
jamon
objeto
caja
contenido
prenhita
objeto
caja
contenido
baston
objeto
caja
easter-egg
container
dialogo-npc
container
right
dialogo-yo
container
dialogo-npc
container
right
dialogo-yo
container
dialogo-npc
container
right
dialogo-yo
container
dialogo-npc
container
right
dialogo-yo
container
dialogo-npc
pocion7
objeto
caja
easter-egg
container
dialogo-npc
pocion5
objeto
caja
easter-egg
container
dialogo-npc
pocion4
objeto
caja
easter-egg
container
dialogo-npc
pocion3
objeto
caja
easter-egg
container
right
dialogo-yo
container
dialogo-npc
container
right
dialogo-yo
pocion2
objeto
caja
easter-egg
container
dialogo-npc
container
right
dialogo-yo
container
dialogo-npc
container
right
dialogo-yo
container
dialogo-npc
pocion1
objeto
caja
easter-egg
container
dialogo-npc
container
right
dialogo-yo
container
dialogo-npc
container
right
dialogo-yo
container
dialogo-npc
libros4
objeto
caja
easter-egg
container
dialogo-npc
container
right
dialogo-yo
libros2
objeto
caja
easter-egg
container
right
dialogo-yo
container
dialogo-npc
container
dialogo-npc
container
dialogo-npc
container
right
dialogo-yo
container
dialogo-npc
container
dialogo-npc
container
dialogo-npc
container
right
dialogo-yo
container
dialogo-npc
libros1
objeto
caja
easter-egg
container
right
dialogo-yo
container
dialogo-npc
container
dialogo-npc
container
dialogo-npc
container
dialogo-npc
container
dialogo-npc
container
dialogo-npc
container
right
dialogo-yo
container
dialogo-npc
voladoras
objeto
caja
easter-egg
container
dialogo-npc
container
dialogo-npc
container
dialogo-npc
container
dialogo-npc
container
right
dialogo-yo
container
dialogo-npc
container
right
dialogo-yo
container
dialogo-npc
container
right
dialogo-yo
pescados
objeto
caja
easter-egg
container
dialogo-npc
container
right
dialogo-yo
container
dialogo-npc
container
right
dialogo-yo
puerta
objeto
caja
easter-egg
container
dialogo-npc
container
dialogo-npc
es-372
objeto
caja
easter-egg
container
dialogo-npc
container
dialogo-npc
container
dialogo-npc
container
dialogo-npc
areñas
objeto
caja
easter-egg
container
dialogo-npc
container
right
dialogo-yo