ÍndiceInvitado
Invitado
Link del mensaje
¡Alerta!
Mae ha decidido a quien quiere ir a ver, Kole, eres el elegido. La puerta de tu apartamento se abre y aparece Mae para pasar un rato contigo.
Chat libre, donde podréis hablar un poco, conspirar otro, quedar para cuando salgáis... Vosotros decidís. Recordad siempre en HIDE.
code by EMMEChat libre, donde podréis hablar un poco, conspirar otro, quedar para cuando salgáis... Vosotros decidís. Recordad siempre en HIDE.
- Post de rol:
- Código:
[hide]<div id="mirku"><div id="si-rku" style="background: url(https://via.placeholder.com/285x330)">
<div id="hov-si">
<p>01# Nicky Minaj</p><txt>
Hola, soy tu espacio favorito para poner texto, jeje.
</txt></div></div>
<div id="li-rku"><div class="li-txt">
<span class="th th-bubble-heart-o"></span>
<p>Ayo! Tell 'em to back off</p>
</div></div></div><div class="crdts"><a href="http://illmakegaycodesforu.tumblr.com/">— gitano;</a></div>
<style>#mirku br{display: none;}#mirku {width: 500px; background: #fff; border: 1px solid #eee; height: 350px; margin: 0 auto; position: relative; margin-top: 30px;}#mirku #li-rku {position: absolute; top: 10px; right: 10px; bottom: 10px; width: 200px; background: #c1ccd5; border: 1px solid #a3b1bd; display: flex; align-items: center; justify-content: center;text-shadow: 1px 1px 0 #a3b1bd, -1px 1px 0 #a3b1bd, 1px -1px 0 #a3b1bd, -1px -1px 0 #a3b1bd;}#mirku .li-txt {color: #fff; display: flex; flex-direction: column; align-items: center; justify-content: center;}#mirku .li-txt span {font-size: 47px; margin-bottom: 5px;}#mirku .li-txt p {font: 9px 'Roboto Mono', monospace; text-shadow: none; color: #a3b1bd; background: #fff; padding: 10px; text-transform: uppercase; position: relative; max-width: 140px; text-align: center; line-height: 100%;}#mirku .li-txt p:before {content: ''; width: 25px; height: 10px; background: #a3b1bd; position: absolute; top: -2px; left: -9px; transform: rotate(-45deg); opacity: .7}#mirku .li-txt p:after {content: ''; width: 25px; height: 10px; background: #a3b1bd; position: absolute; bottom: -2px; right: -9px; transform: rotate(-45deg); opacity: .7}#mirku #si-rku {position: absolute; top: 10px; left: 10px; bottom: 10px; width: 280px; border: 1px solid #eaeaea; overflow: hidden;}#mirku #hov-si {position: absolute; bottom: -200px; left: 0px; right: 0px; height: 200px; background: #fefefe; border-top: 1px solid #eaeaea; transition: 1s}#si-rku:hover #hov-si {bottom: 0px;}#mirku #hov-si p {position: absolute; top: -23px; background: #fefefe; border-right: 1px solid #eaeaea; border-top: 1px solid #eaeaea; padding: 5px 10px; font: 9px 'Roboto Mono', monospace; text-transform: uppercase; border-radius: 0px 9px 0px 0px; font-weight: 700; color:#a3b1bd}#mirku #hov-si txt {display: block; text-align: justify; position: absolute; top: 10px; left: 10px; right: 20px; bottom: 10px; font: 11px 'Montserrat', sans-serif; justify-content: center; align-items: center; overflow-y: auto; padding: 10px; color: #222;}.crdts {text-decoration:none; font-family: verdana; font-size: 9px; text-align: center}#mirku #hov-si txt br {display: block!important; margin: 5px;}</style><link href="https://fonts.googleapis.com/css?family=Roboto+Mono:300,400,700&display=swap" rel="stylesheet"><link href="https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,500,600,700,800,900&display=swap" rel="stylesheet"><link href="//dl.dropbox.com/s/vpi3f9s7nhpe7v7/honeybee.css" rel="stylesheet">[/hide]
