API tools faq
paste
Emmes

MM069.- La Niña Bonita (resumen)

Emmes
May 23rd, 2022 (edited)
865
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 6.09 KB | None | 0 0
raw download clone embed print report
  1. <div class="MM069"><div>
  2.  
  3. <div class="MM069-fx">
  4. <div class="MM069-fr"><span class="th th-quote-up"></span>La vida es como una caja de bombones, nunca sabes lo que vas a encontrar.<span class="th th-quote-down"></span></div>
  5. <div class="MM069-li"></div>
  6. <div class="MM069-img rg" style="background-image: url(https://i.postimg.cc/XvsjLTC0/p3.png);"></div>
  7. </div>
  8.  
  9. <div class="MM069-ho"></div>
  10. <div class="MM069-gr">Título Coqueto</div>
  11. <div class="MM069-ho"></div>
  12.  
  13. <div class="MM069-rt"><b>Resumen</b>Oat cake fruitcake liquorice marzipan. Topping bonbon jelly-o. Cotton candy candy canes bonbon toffee powder macaroon toffee.
  14.  
  15. Fruitcake soufflé tart cake danish. Lemon drops soufflé gummies chocolate cake. Halvah cotton candy cotton candy. Cake carrot cake oat cake lollipop sweet dessert liquorice cookie.Oat cake fruitcake liquorice marzipan. Topping bonbon jelly-o. Cotton candy candy canes bonbon toffee powder macaroon toffee.
  16.  
  17. Fruitcake soufflé tart cake danish. Lemon drops soufflé gummies chocolate cake. Halvah cotton candy cotton candy. Cake carrot cake oat cake lollipop sweet dessert liquorice cookie.</div>
  18.  
  19. <div class="MM069-ho"></div>
  20. <div class="MM069-gr">Participantes</div>
  21. <div class="MM069-ho"></div>
  22.  
  23. <div class="MM069-fx">
  24. <div class="MM069-img mi" style="background-image: url(https://i.postimg.cc/fbzWxwkK/p6.png);"></div>
  25. <div class="MM069-li"></div>
  26. <div class="MM069-no">
  27. <div class="MM069-tt">Nombre Apellido</div>
  28. <div class="MM069-rd"><b>Edad</b>
  29. <b>Ocupación</b>
  30. <b>Nacionalidad</b>
  31. <b>Raza</b>
  32. <b>Afinidad</b>
  33. <b>Físico</b></div></div></div>
  34.  
  35. <div class="MM069-ho"></div>
  36.  
  37. <div class="MM069-fx rg">
  38. <div class="MM069-img mi" style="background-image: url(https://i.postimg.cc/0yd2M65j/p4.png);"></div>
  39. <div class="MM069-li"></div>
  40. <div class="MM069-no">
  41. <div class="MM069-tt">Nombre Apellido</div>
  42. <div class="MM069-rd"><b>Edad</b>
  43. <b>Ocupación</b>
  44. <b>Nacionalidad</b>
  45. <b>Raza</b>
  46. <b>Afinidad</b>
  47. <b>Físico</b></div></div></div>
  48.  
  49. </div><a href="https://emmescodes.tumblr.com/" class="MM069-MM">emme</a></div><link rel="preconnect" href="https://fonts.gstatic.com"><link href="https://fonts.googleapis.com/css2?family=Raleway:wght@400;700&display=swap" rel="stylesheet"><link href="//solrainha.github.io/honeybee/honeybee.css" rel="stylesheet"><style>@font-face { font-family: 'PinkS'; src: url(//dl.dropbox.com/s/z30jel1s8hrvpa1/PinkS.otf); } .MM069, .MM069 * { box-sizing: border-box; scrollbar-color: #0006 #0002 !important; scrollbar-width: thin; transition: .5s; } .MM069 input, .MM069 br { display: none; } .MM069 { --mm-a0: #fff3e6; --mm-a1: #f2d6c1; --mm-a2: #d7b6ac; --mm-a3: #99ac9e; --mm-a4: #788d83; --mm-a5: #51484d; --mm-a6: repeating-linear-gradient(to left, var(--mm-a3), var(--mm-a3) 10px, var(--mm-a4) 10px, var(--mm-a4) 11px, var(--mm-a3) 11px, var(--mm-a3) 21px, var(--mm-a4) 21px, var(--mm-a4) 23px ); --mm-a7: repeating-linear-gradient(45deg, var(--mm-a1), var(--mm-a1) 10px, var(--mm-a0) 10px, var(--mm-a0) 11px, var(--mm-a1) 11px, var(--mm-a1) 21px, var(--mm-a0) 21px, var(--mm-a0) 23px ); } .MM069 { width: 450px; margin: 0 auto 20px; text-align: center; font: 10px Raleway; color: var(--mm-a5); background: var(--mm-a7); padding: 60px; border: 1px solid var(--mm-a1); box-shadow: 0 20px 20px -20px var(--mm-a5); position: relative; } .MM069 > div { background: var(--mm-a0); border: 1px solid var(--mm-a2); padding: 10px; box-shadow: 0 10px 20px -10px var(--mm-a5); border-radius: 5px; display: flex; flex-direction: column; } .MM069-fx { display: flex; } .MM069-img { min-width: 120px; min-height: 200px; border: 1px solid var(--mm-a2); border-radius: 5px; margin-left: -21px; background-color: var(--mm-a0); box-shadow: 0 5px 10px -5px; background-position: center; background-size: cover; } .MM069-ho { margin: 10px -10px; border-top: 1px solid var(--mm-a2); } .MM069-rt { border: 1px solid var(--mm-a2); background: var(--mm-a1); padding: 8px; border-radius: 5px; position: relative; box-shadow: 0 5px 10px -5px var(--mm-a5); text-shadow: 1px -1px var(--mm-a0), -1px 1px var(--mm-a0), -1px -1px var(--mm-a0), 1px 1px var(--mm-a0); } .MM069-gr { margin: 0 -21px; padding: 15px 10px 10px; border-radius: 5px; font: 50px/24px PinkS; } .MM069-MM { position: absolute; bottom: 0; left: 50%; padding: 5px 5px 5px 10px; color: var(--mm-a0) !important; transform: translate(-50%, 50%); font-weight: bold; letter-spacing: 5px; border-radius: 5px; } .MM069-rt > b { position: absolute; text-transform: uppercase; font-size: 8px; top: -5px; left: 8px; letter-spacing: 2px; } .MM069-gr, .MM069-tt, .MM069-MM { background: var(--mm-a6); color: var(--mm-a0); box-shadow: 0 5px 10px -5px var(--mm-a5); border: 1px solid var(--mm-a4); text-shadow: 1px 1px var(--mm-a4), -1px 1px var(--mm-a4), 1px -1px var(--mm-a4), -1px -1px var(--mm-a4); } .MM069-tt { margin: 10px auto 0 -22px; padding: 5px 10px; border-radius: 0 5px 5px 0; font-size: 12px; font-weight: bold; letter-spacing: 1px; } .MM069-rt { margin: 10px -21px 10px 10px; text-align: justify; padding: 20px; } .MM069-li { border-left: 1px solid var(--mm-a2); margin: -10px 10px; } .MM069-rt > br { display: block; } /***/ .MM069-fr { display: flex; flex-direction: column; justify-content: center; padding: 20px; font-size: 14px; font-style: italic; flex: 1; } .MM069-fr > span { font-size: 30px; margin: 20px; color: var(--mm-a3); text-shadow: 0px 3px 6px var(--mm-a5); } .MM069-img.rg { margin: 0 -21px 0 0; } .MM069-img.mi { min-height: 80px; min-width: 100px; } .MM069-no { display: flex; flex-direction: column; flex: 1; justify-content: center; } .MM069-rd { display: flex; margin: 17.5px -23.5px 7.5px 7.5px; flex-wrap: wrap; } .MM069-rd > b { padding: 5px 8px 4px 10px; flex-grow: 1; margin: 2.5px; border: 1px solid var(--mm-a2); background: var(--mm-a1); border-radius: 5px; text-transform: uppercase; font-size: 8px; letter-spacing: 2px; text-shadow: 1px -1px var(--mm-a0), -1px 1px var(--mm-a0), -1px -1px var(--mm-a0), 1px 1px var(--mm-a0); } .MM069-fx.rg { flex-direction: row-reverse; } .rg .MM069-tt { margin: 10px -22px 0 auto; border-radius: 5px 0 0 5px; } .rg .MM069-img.mi { margin: 0 -21px 0 0; } .rg .MM069-rd { margin: 17.5px 7.5px 7.5px -23.5px; }</style>
Advertisement
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!