API tools faq
paste
Emmes

A6.- Very Important Things (listado paralelo)

Emmes
Jun 14th, 2019
202
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 4.48 KB | None | 0 0
raw download clone embed print report
  1. <div class="MA6"><div class="ttMA6"><b>Registro de Colores</b>
  2. listado</div><div class="xxMA6"><strong>¡Importante!</strong>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.
  3.  
  4. Gingerbread pie powder cookie apple pie candy biscuit sesame snaps cake. Gummi bears chocolate bar marshmallow biscuit lemon drops macaroon toffee. </div><div class="paMA6" style="color: #906d49;"><div class="omMA6" style="background-image: url(https://i.imgur.com/DKRVhae.jpg);"></div><div class="aqMA6">Grupo 01</div><div class="nomMA6"><a href="url">Nombre Apellido</a>
  5. <a href="url">Nombre Apellido</a>
  6. <a href="url">Nombre Apellido</a>
  7. <a href="url">Nombre Apellido</a>
  8. <a href="url">Nombre Apellido</a>
  9. <a href="url">Nombre Apellido</a>
  10. <a href="url">Nombre Apellido</a>
  11. <a href="url">Nombre Apellido</a></div></div><div class="paMA6" style="color: #ba4168;"><div class="omMA6" style="background-image: url(https://i.imgur.com/uqCz6T2.jpg);"></div><div class="aqMA6">Grupo 02</div><div class="nomMA6"><a href="url">Nombre Apellido</a>
  12. <a href="url">Nombre Apellido</a>
  13. <a href="url">Nombre Apellido</a>
  14. <a href="url">Nombre Apellido</a>
  15. <a href="url">Nombre Apellido</a>
  16. <a href="url">Nombre Apellido</a>
  17. <a href="url">Nombre Apellido</a>
  18. <a href="url">Nombre Apellido</a></div></div><div class="paMA6" style="color: #3e5d7a;"><div class="omMA6" style="background-image: url(https://i.imgur.com/sQJaw7m.jpg);"></div><div class="aqMA6">Grupo 03</div><div class="nomMA6"><a href="url">Nombre Apellido</a>
  19. <a href="url">Nombre Apellido</a>
  20. <a href="url">Nombre Apellido</a>
  21. <a href="url">Nombre Apellido</a>
  22. <a href="url">Nombre Apellido</a>
  23. <a href="url">Nombre Apellido</a>
  24. <a href="url">Nombre Apellido</a>
  25. <a href="url">Nombre Apellido</a></div></div><div class="paMA6" style="color: #a07f86;"><div class="omMA6" style="background-image: url(https://i.imgur.com/H3hq6kd.jpg);"></div><div class="aqMA6">Grupo 04</div><div class="nomMA6"><a href="url">Nombre Apellido</a>
  26. <a href="url">Nombre Apellido</a>
  27. <a href="url">Nombre Apellido</a>
  28. <a href="url">Nombre Apellido</a>
  29. <a href="url">Nombre Apellido</a>
  30. <a href="url">Nombre Apellido</a>
  31. <a href="url">Nombre Apellido</a>
  32. <a href="url">Nombre Apellido</a></div></div><a href="https://emmescodes.tumblr.com/" title="Code by Emme" class="miMA6">Emme's Codes</a></div>
  33.  
  34. <style>.MA6, .MA6 * {box-sizing: border-box; transition: .5s;} @font-face {font-family: 'Sketch Icons'; src: url('https://cdn.rawgit.com/EmmesCodes/Tipografias/9e530976/SketchIconsbold.ttf');} @font-face {font-family: 'AceSans'; src: url('https://cdn.rawgit.com/EmmesCodes/Tipografias/9e530976/AceSans-Demo.otf');} .MA6 {width: 402px; border: 1px solid transparent; margin: auto; background: #FFF padding-box; color: #333;} .ttMA6 {background: #0b2339; padding: 30px; position: relative; text-align: center; color: #FFF; font: 10px arial; letter-spacing: 5px;} .ttMA6 b {font: 20px AceSans; letter-spacing: normal;} .ttMA6::after, .liMA6 strong:after, .aqMA6:after {content: ""; position: absolute; border-top: 20px solid #0b2339; width: 30px; border-left: 15px solid transparent; border-right: 15px solid transparent; bottom: -20px; right: 42px; box-sizing: border-box;} .xxMA6 {text-align: justify; padding: 36px; font: 12px arial;} .xxMA6 strong {font: 15px AceSans; background: #71a7c2; letter-spacing: 3px; color: #FFF; padding: 22px; float: left; margin: -20px 5px 0 -45px;} .paMA6 {display: inline-block; width: calc(50% + 24px); vertical-align: top; margin: -17px -12px; transform: scale(.9); text-align: center; position: relative;} .paMA6:hover {transform: scale(1); z-index: 5;} .aqMA6 {font: 15px AceSans; -webkit-text-fill-color: #FFF; letter-spacing: 2px; padding: 15px 0; position: relative; box-shadow: inset 0 0 0 100px;} .nomMA6 {background: #FFF; padding: 20px 5px; overflow: auto; height: 200px;} .nomMA6 a {color: inherit; font: bold 12px/30px Arial;} .nomMA6 a:hover {letter-spacing: 2px;} .aqMA6::after {border-top: 20px solid; bottom: -15px; right: calc(50% - 10px);} .omMA6 {height: 100px; background-position: center; background-size: cover; margin-bottom: -5px;} .miMA6 {display: block; text-align: center; color: #FFF !important; background: #0b2339; font: 10px Arial; transition: .5s;} .miMA6:hover {letter-spacing: 3px;} .MA6 div::-webkit-scrollbar {width: 3px !important; background: #0006 !important;} .MA6 div::-webkit-scrollbar-thumb {background: #0006 !important;}</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!