ÍndiceInvitado
Invitado
Link del mensaje
Post Master
El menos popular ha sido bloqueado y ha decidido visitar, irónicamente, a la que más veces ha sido influencer. ¿Cómo acabará este encuentro?
recordad que aquí os veis cara a cara así que tenéis que poner una imagen de vuestra persona real, si es que no sois quien decís ser.
code by EMMErecordad que aquí os veis cara a cara así que tenéis que poner una imagen de vuestra persona real, si es que no sois quien decís ser.
- 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]
