API tools faq
paste
Emmes

88.- Today (afiliación)

Emmes
Jun 2nd, 2019
222
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 7.27 KB | None | 0 0
raw download clone embed print report
  1. <div class="M88" style="background-image: url(https://i.imgur.com/wqAXBed.jpg);"><input type="radio" name="M88" id="aM88" checked><input type="radio" name="M88" id="bM88"><input type="radio" name="M88" id="cM88"><label for="aM88"></label><label for="bM88"></label><label for="cM88"></label>
  2.  
  3. <div class="conM88">
  4. <div class="inM88"><div class="ttM88"><a href="URLDELFORO">Nombre del Foro</a>
  5. <b>fantasía</b><b>+35</b><b>pbs reales</b></div>
  6. </div>
  7.  
  8. <div class="inM88" style="background: #fff0c4;">
  9. <div class="lateM88"><div class="coM88">conoce nuestra<b>Ambientación</b></div><div class="amM88">Powder apple pie sugar plum jelly chocolate jelly beans. Sesame snaps bear claw cotton candy chocolate cake macaroon cupcake sweet jelly-o gummi bears. Cotton candy sugar plum marshmallow marshmallow. Tart candy canes sugar plum. Cake sweet sweet dessert topping cake tootsie roll muffin powder.
  10.  
  11. Jelly oat cake bonbon jelly beans sweet roll sugar plum jelly cookie. Cotton candy chocolate bar donut tart cotton candy topping cotton candy. Dessert cake carrot cake cake. Dragée topping pastry. Cookie sweet tart lollipop pastry. Jujubes chocolate cake lemon drops cupcake jelly beans cheesecake chocolate biscuit apple pie. Croissant jelly-o icing lemon drops pastry marshmallow jelly beans. Gingerbread pie powder cookie apple pie candy biscuit sesame snaps cake. Gummi bears chocolate bar marshmallow biscuit lemon drops macaroon toffee. </div><a class="liM88" href="URL">Leer Más</a></div><div class="lateM88" style="background-image: url(https://i.imgur.com/HdeltZw.jpg?1);"><div class="exM88">
  12. <a href="URL" style="background-image: url(https://i.imgur.com/RKEdDsn.jpg?1);"><span><b>Nombre</b> <i>admin</i></span></a>
  13. <a href="URL" style="background-image: url(https://i.imgur.com/RKEdDsn.jpg?1);"><span><b>Nombre</b> <i>admin</i></span></a>
  14. <a href="URL" style="background-image: url(https://i.imgur.com/RKEdDsn.jpg?1);"><span><b>Nombre</b> <i>admin</i></span></a>
  15. </div></div>
  16. </div>
  17.  
  18. <div class="inM88" style="background: #f3dcec;">
  19. <div class="btM88">Botones</div>
  20. <div class="codM88">- code - code - code - code - code - code -
  21. - code - code - code - code - code - code -
  22. - code - code - code - code - code - code -
  23. - code - code - code - code - code - code -
  24. - code - code - code - code - code - code -
  25. - code - code - code - code - code - code -
  26. - code - code - code - code - code - code -</div>
  27. <div class="botM88" style="background-image: url(https://i.imgur.com/9FmKFCh.jpg);"><div>
  28. <a href="URL">Afiliaciones</a>
  29. <a href="URL">Reglamento</a>
  30. <a href="URL">Tumblr</a>
  31. <a href="URL">Discord</a>
  32. <a href="URL">e-Mail</a>
  33. </div></div>
  34. </div>
  35. </div></div><a href="https://emmescodes.tumblr.com/" title="Code by Emme" class="miM88">Emme</a>
  36.  
  37. <link href="https://fonts.googleapis.com/css?family=Gochi+Hand|Lato" rel="stylesheet"><style>.M88, .M88 * {box-sizing: border-box; transition: .5s;} .M88 br {display: none;} .M88 {width: 450px; height: 450px; background: pink; margin: auto; position: relative; overflow: hidden; background-position: center; font: 10px Lato;} .conM88 {height: 300%;} .inM88 {background: #3333; height: calc(100% / 3); position: relative;} .M88 input {display: none;} .M88 label {position: absolute; left: calc(50% - 30px); transform: rotate(180deg); bottom: 30px; z-index: 5; height: 10px; width: 60px;} .M88 label:hover:before, .M88 label:hover:after {transform: scale(1);} .M88 label:before, .M88 label:after {border-bottom: 10px solid #FFF; border-left: 30px solid transparent; border-right: 30px solid transparent; position: absolute; content:""; transform: scale(.7); transition: .2s; box-sizing: border-box;} .M88 label::before {margin: 1px; filter: invert(1) blur(2px); opacity: .8;} #aM88:checked ~ .conM88 {transform: translateY(0);} #bM88:checked ~ .conM88 {transform: translateY(calc(-100% / 3));} #cM88:checked ~ .conM88 {transform: translateY(calc(-100% / 3 * 2));} #aM88:checked ~ label:nth-of-type(1), #aM88:checked ~ label:nth-of-type(3), #cM88:checked ~ label:nth-of-type(1), #bM88:checked ~ label:nth-of-type(2), #cM88:checked ~ label:nth-of-type(3) {display: none;} #bM88:checked ~ label:nth-of-type(1), #cM88:checked ~ label:nth-of-type(2) {transform: rotate(0); bottom: calc(100% - 40px);} .inM88:nth-of-type(1) {border: 20px solid #FFFFFF4D;} .ttM88 {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #FFF; text-align: center;} .ttM88 a {font: 55px/40px Gochi Hand; color: #FFF; text-shadow: -1px -1px #a66545, 1px -1px #a66545, -1px 1px #a66545, 1px 1px #a66545, 0 0 15px #000; display: block;} .ttM88 a:hover {color: #a66545; text-shadow: -1px -1px #FFF, 1px -1px #FFF, -1px 1px #FFF, 1px 1px #FFF, 0 0 15px #000;} .ttM88 b {text-transform: uppercase; background: #a66545e6; padding: 2px 5px; margin: 0 1px; letter-spacing: 1px;} .imoM88 {width: 300px; height: 200px; background-position: center; position: absolute; top: 10px; left: 10px; box-shadow: 30px 20px 0 10px #ffd24d;} .lateM88 {display: inline-block; vertical-align: top; width: 50%; height: 100%; background-position: center;} .coM88 {position: relative; padding: 120px 20px 0; color: #975d40; font: 10px/30px Lato;} .coM88 b, .btM88 {font: 30px/23px Gochi Hand; color: #FFF; text-shadow: -1px -1px #a66545, 1px -1px #a66545, -1px 1px #a66545, 1px 1px #a66545; display: block;} .amM88 {background: #FFF9; border: 20px solid transparent; overflow: auto; height: 245px; font: 12px Lato; margin-top: -10px; text-align: justify; padding-right: 5px; color: #666;} .amM88 br, .codM88 br {display: block; margin: 5px;} .liM88 {display: block; background: #FFF; text-align: center; padding: 2px 0 0 5px; font: bold 10px/40px Lato; text-transform: uppercase; letter-spacing: 5px; color: #a66545 !important;} .liM88:hover {padding: 2px 0 0 10px; letter-spacing: 10px;} .exM88 {text-align: right; margin: 10px 10px 0 100px;} .exM88 a {display: inline-block; width: 80px; margin-bottom: 20px; height: 80px; background-position: center; background-size: cover; border: 5px solid; color: #fff0c4; box-shadow: -10px 10px; position: relative;} .exM88 a:hover {box-shadow: 5px -5px;} .exM88 a span {box-shadow: inset 0 0 0 50px; display: block; position: absolute; -webkit-text-fill-color: #444; text-align: center; font: 10px/8px Lato; top: 0%; right: -10px; padding: 2px; width: 85px; opacity: 0;} .exM88 a span b {display: block; letter-spacing: 2px;} .exM88 a:hover span {top: 100%; opacity: 1;} .botM88 {height: 150px; background-position: center; padding: 50px;} .botM88 div {margin: -70px 0 0; text-align: center; height: 120px; overflow: auto;} .botM88 a {display: inline-block; background: #d19fc2; color: #FFF; font: bold 10px Lato; text-transform: uppercase; letter-spacing: 2px; padding: 10px 10px 10px 12px; margin: 0 3px 5px;} .botM88 a:nth-of-type(odd) {background: #da223c;} .botM88 a:hover {letter-spacing: 3px;} .btM88 {padding: 50px 0 0; text-align: center;} .codM88 {border: 30px solid transparent; margin: -6px 50px 50px; height: 183px; overflow: auto; background: #FFF9; padding: 5px; box-shadow: 30px -46px #d19fc2, -30px 10px 0 -20PX #da223c; text-align: center;} .miM88 {font: 10px/15px Lato !important; display: block; text-align: center; transition: .5s;} .miM88:hover {letter-spacing: 5px;} .M88 div::-webkit-scrollbar {width: 3px !important; background: #0006 !important;} .M88 div::-webkit-scrollbar-thumb {background: #0006 !important;}</style>
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!