Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <div class="ma-jjby">
- <input type="checkbox" name="juju" id="juju"/>
- <div class="sup-jjby"><h1>You should see me in a crown</h1>
- <h2>Your silence is my favorite sound</h2>
- </div>
- <div class="bg-imby" style="background: url(https://via.placeholder.com/260x380);"></div><div class="dta-jjby">
- <p><b>Nombre <i class="cp cp-cross"></i></b> <span>Lee Juyeon</span></p>
- <p><b>Profesión <i class="cp cp-cross"></i></b> <span>Miembro de TBZ</span></p>
- <p><b>Fecha de Nacimiento <i class="cp cp-cross"></i></b> <span>15 de Enero 1998</span></p>
- <p><b>Estatura <i class="cp cp-cross"></i></b> <span>1.81mt</span></p>
- <p><b>Signo Zodiacal <i class="cp cp-cross"></i></b> <span>Capricornio</span></p>
- <p><b>Agencia <i class="cp cp-cross"></i></b> <span>Cre.Ker Entertainment</span></p>
- </div>
- <div class="txt-jjby"><h1>About <i class="cp cp-crown"></i></h1>
- Espacio para escribir.
- </div><div class="mini-jjby"> I'm gonna run this nothing town </div>
- <div class="op-ni"><label for="juju">¿Más información? <i class="cp cp-cursor"></i></label></div></div><div class="crdts"><a href="http://illmakegaycodesforu.tumblr.com/">gitano</a></div>
- <style>.crdts{text-align:center;margin:10px}.crdts a{border:1px solid #eaeaea;background:#fefefe;border-radius:25px;padding:5px 10px;font:8px verdana;letter-spacing:2px}.ma-jjby br {display: none}.ma-jjby{width: 500px; height: 520px; background: #f6f6f6; border: 1px solid #222; position: relative; overflow: hidden; margin: 0 auto;}.sup-jjby{border-bottom: 1px solid #222; color: #222; font: 9px Poppins; padding: 10px 30px; text-transform: uppercase; font-weight: 500; position: relative; height: 100px; background: #f9f9f9; display: flex; flex-direction: column; justify-content: center;}.sup-jjby h1{font-weight: 900; font-size: 20px; -webkit-text-stroke: 1px black;color: transparent!important;padding: 0px; margin: -2px; line-height: 125%;}.sup-jjby h2{font-weight: 900; font-size: 20px; margin: -2px; padding: 0px; line-height: 125%; color: #222!important}.bg-imby{position: absolute; top: 130px; bottom: 10px; width: 260px; right: 10px; border: 1px solid #222;}.dta-jjby{width: 210px; position: absolute; left: 10px; top: 130px; bottom: 60px; display: flex; height: 330px; flex-direction: column; justify-content: space-between;}.dta-jjby p{margin: 0px; padding:0px; border: 1px solid #222; font: 10px Poppins; display: flex; flex-direction: column; background: #f9f9f9;}.dta-jjby p b{padding: 3px; border-bottom: 1px solid #222; text-transform: uppercase; font-size: 9px; display: flex; justify-content: space-between; align-items: center; position: relative;}.dta-jjby p span{text-align: right; padding: 3px;}.dta-jjby b i{font-size: 7px; font-weight: 900; background: #222; position: absolute; right: 0px; color: #f9f9f9; width: 21px; height: 21px; display: flex; align-items: center; justify-content: center;}.ma-jjby input{display: none;}.op-ni{position: absolute; bottom: 10px; left: 10px; width: 210px; display: flex; align-items: center; justify-content: center;height: 40px; background: #222;}.op-ni label{background: #222; color: #f9f9f9; padding: 10px; font: 8px Poppins; text-transform: uppercase; letter-spacing: 1px; width: 150px; display: flex; align-items: center; justify-content: space-between; cursor: pointer;}.op-ni label i{transform: scale(-1,1)}#juju:checked ~ .mini-jjby{bottom: 10px; transition-delay: 0.4s}#juju:checked ~ .txt-jjby{top: 130px; transition-delay: 0.4s}.txt-jjby{position: absolute; top: 520px;border: 1px solid #222; left: 10px; right: 10px; height: 309px;background: #f9f9f9; padding: 15px; text-align: justify; overflow-y: auto; overflow-x: hidden; font: 11px Poppins; line-height: 135%;transition: 0.6s ease;}.txt-jjby h1{display: flex; align-items: center; justify-content: space-between; padding: 10px; border: 1px solid #222; margin: -16px; margin-bottom: 10px; font: 10px Poppins; font-weight: 700; text-transform: uppercase;}.mini-jjby{position: absolute; bottom: -40px; right: 10px; border: 1px solid #222; height: 38px; width: 268px;display: flex; align-items: center; justify-content: center; font: 8px Poppins; text-transform: uppercase; font-weight: 800; line-height: 135%;transition: 0.6s ease; background: #f9f9f9;}.txt-jjby br{display: block; margin: 5px;}</style><link href="//icons.cappuccicons.com/cpf.css" rel="stylesheet">
- <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@100;500;600;900&display=swap" rel="stylesheet">
Advertisement
Comments
-
- Excelente trabajo, es justo lo que buscaba muchas gracias!
Add Comment
Please, Sign In to add comment