API tools faq
paste
Emmes

A4.- Very Important Things (listado)

Emmes
Jun 14th, 2019
477
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 8.87 KB | None | 0 0
raw download clone embed print report
  1. <div class="MA4"><div class="ttMA4"><b>Registro de Colores</b>
  2. listado</div><div class="xxMA4"><strong>Recuerda:</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="liMA4"><div class="inlMA4" style="background-image: url(https://i.imgur.com/yPXrRtv.jpg);"><div class="genMA4 fem"></div></div><strong>Female</strong><div class="listMA4">
  5. <span><b>A</b>•<b>B</b>•<b>C</b>•<b>D</b>•<b>E</b></span>
  6.  
  7. <b>Nombre Apellido</b> es <a href="URL" style="color: #4e56c5;">Nombre Apellido</a>
  8. <b>Nombre Apellido</b> es <a href="URL" style="color: #4e56c5;">Nombre Apellido</a>
  9. <b>Nombre Apellido</b> es <a href="URL" style="color: #4e56c5;">Nombre Apellido</a>
  10. <b>Nombre Apellido</b> es <a href="URL" style="color: #4e56c5;">Nombre Apellido</a>
  11.  
  12. <span><b>F</b>•<b>G</b>•<b>H</b>•<b>I</b>•<b>J</b></span>
  13.  
  14. <b>Nombre Apellido</b> es <a href="URL" style="color: #4e56c5;">Nombre Apellido</a>
  15. <b>Nombre Apellido</b> es <a href="URL" style="color: #4e56c5;">Nombre Apellido</a>
  16. <b>Nombre Apellido</b> es <a href="URL" style="color: #4e56c5;">Nombre Apellido</a>
  17. <b>Nombre Apellido</b> es <a href="URL" style="color: #4e56c5;">Nombre Apellido</a>
  18.  
  19. <span><b>K</b>•<b>L</b>•<b>M</b>•<b>N</b>•<b>Ñ</b></span>
  20.  
  21. <b>Nombre Apellido</b> es <a href="URL" style="color: #4e56c5;">Nombre Apellido</a>
  22. <b>Nombre Apellido</b> es <a href="URL" style="color: #4e56c5;">Nombre Apellido</a>
  23. <b>Nombre Apellido</b> es <a href="URL" style="color: #4e56c5;">Nombre Apellido</a>
  24. <b>Nombre Apellido</b> es <a href="URL" style="color: #4e56c5;">Nombre Apellido</a>
  25.  
  26. <span><b>O</b>•<b>P</b>•<b>Q</b>•<b>R</b>•<b>S</b></span>
  27.  
  28. <b>Nombre Apellido</b> es <a href="URL" style="color: #4e56c5;">Nombre Apellido</a>
  29. <b>Nombre Apellido</b> es <a href="URL" style="color: #4e56c5;">Nombre Apellido</a>
  30. <b>Nombre Apellido</b> es <a href="URL" style="color: #4e56c5;">Nombre Apellido</a>
  31. <b>Nombre Apellido</b> es <a href="URL" style="color: #4e56c5;">Nombre Apellido</a>
  32.  
  33. <span><b>T</b>•<b>U</b>•<b>V</b>•<b>W</b>•<b>X</b></span>
  34.  
  35. <b>Nombre Apellido</b> es <a href="URL" style="color: #4e56c5;">Nombre Apellido</a>
  36. <b>Nombre Apellido</b> es <a href="URL" style="color: #4e56c5;">Nombre Apellido</a>
  37. <b>Nombre Apellido</b> es <a href="URL" style="color: #4e56c5;">Nombre Apellido</a>
  38. <b>Nombre Apellido</b> es <a href="URL" style="color: #4e56c5;">Nombre Apellido</a>
  39.  
  40. <span><b>Y</b>•<b>Z</b></span>
  41.  
  42. <b>Nombre Apellido</b> es <a href="URL" style="color: #4e56c5;">Nombre Apellido</a>
  43. <b>Nombre Apellido</b> es <a href="URL" style="color: #4e56c5;">Nombre Apellido</a>
  44. <b>Nombre Apellido</b> es <a href="URL" style="color: #4e56c5;">Nombre Apellido</a>
  45. <b>Nombre Apellido</b> es <a href="URL" style="color: #4e56c5;">Nombre Apellido</a>
  46.  
  47. </div></div><div class="liMA4"><div class="inlMA4" style="background-image: url(https://i.imgur.com/KeyzP8v.jpg);"><div class="genMA4 mas"></div></div><strong>Male</strong><div class="listMA4">
  48. <span><b>A</b>•<b>B</b>•<b>C</b>•<b>D</b>•<b>E</b></span>
  49.  
  50. <b>Nombre Apellido</b> es <a href="URL" style="color: #4e56c5;">Nombre Apellido</a>
  51. <b>Nombre Apellido</b> es <a href="URL" style="color: #4e56c5;">Nombre Apellido</a>
  52. <b>Nombre Apellido</b> es <a href="URL" style="color: #4e56c5;">Nombre Apellido</a>
  53. <b>Nombre Apellido</b> es <a href="URL" style="color: #4e56c5;">Nombre Apellido</a>
  54.  
  55. <span><b>F</b>•<b>G</b>•<b>H</b>•<b>I</b>•<b>J</b></span>
  56.  
  57. <b>Nombre Apellido</b> es <a href="URL" style="color: #4e56c5;">Nombre Apellido</a>
  58. <b>Nombre Apellido</b> es <a href="URL" style="color: #4e56c5;">Nombre Apellido</a>
  59. <b>Nombre Apellido</b> es <a href="URL" style="color: #4e56c5;">Nombre Apellido</a>
  60. <b>Nombre Apellido</b> es <a href="URL" style="color: #4e56c5;">Nombre Apellido</a>
  61.  
  62. <span><b>K</b>•<b>L</b>•<b>M</b>•<b>N</b>•<b>Ñ</b></span>
  63.  
  64. <b>Nombre Apellido</b> es <a href="URL" style="color: #4e56c5;">Nombre Apellido</a>
  65. <b>Nombre Apellido</b> es <a href="URL" style="color: #4e56c5;">Nombre Apellido</a>
  66. <b>Nombre Apellido</b> es <a href="URL" style="color: #4e56c5;">Nombre Apellido</a>
  67. <b>Nombre Apellido</b> es <a href="URL" style="color: #4e56c5;">Nombre Apellido</a>
  68.  
  69. <span><b>O</b>•<b>P</b>•<b>Q</b>•<b>R</b>•<b>S</b></span>
  70.  
  71. <b>Nombre Apellido</b> es <a href="URL" style="color: #4e56c5;">Nombre Apellido</a>
  72. <b>Nombre Apellido</b> es <a href="URL" style="color: #4e56c5;">Nombre Apellido</a>
  73. <b>Nombre Apellido</b> es <a href="URL" style="color: #4e56c5;">Nombre Apellido</a>
  74. <b>Nombre Apellido</b> es <a href="URL" style="color: #4e56c5;">Nombre Apellido</a>
  75.  
  76. <span><b>T</b>•<b>U</b>•<b>V</b>•<b>W</b>•<b>X</b></span>
  77.  
  78. <b>Nombre Apellido</b> es <a href="URL" style="color: #4e56c5;">Nombre Apellido</a>
  79. <b>Nombre Apellido</b> es <a href="URL" style="color: #4e56c5;">Nombre Apellido</a>
  80. <b>Nombre Apellido</b> es <a href="URL" style="color: #4e56c5;">Nombre Apellido</a>
  81. <b>Nombre Apellido</b> es <a href="URL" style="color: #4e56c5;">Nombre Apellido</a>
  82.  
  83. <span><b>Y</b>•<b>Z</b></span>
  84.  
  85. <b>Nombre Apellido</b> es <a href="URL" style="color: #4e56c5;">Nombre Apellido</a>
  86. <b>Nombre Apellido</b> es <a href="URL" style="color: #4e56c5;">Nombre Apellido</a>
  87. <b>Nombre Apellido</b> es <a href="URL" style="color: #4e56c5;">Nombre Apellido</a>
  88. <b>Nombre Apellido</b> es <a href="URL" style="color: #4e56c5;">Nombre Apellido</a>
  89.  
  90. </div></div><a href="https://emmescodes.tumblr.com/" class="miMA4">Emme's Codes</a></div>
  91.  
  92. <style>.MA4, .MA4 * {box-sizing: border-box;} @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');} .MA4 {width: 402px; border: 1px solid transparent; margin: auto; background: #FFF padding-box; color: #333;} .ttMA4 {background: #0b2339; padding: 30px; position: relative; text-align: center; color: #FFF; font: 10px arial; letter-spacing: 5px;} .ttMA4 b {font: 20px AceSans; letter-spacing: normal;} .ttMA4::after, .liMA4 strong: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;} .xxMA4 {text-align: justify; padding: 36px; font: 12px arial;} .xxMA4 strong {font: 15px AceSans; background: #71a7c2; letter-spacing: 3px; color: #FFF; padding: 22px; float: left; margin: -20px 5px 0 -45px;} .liMA4 {padding: 0 150px 20px 0; position: relative; padding-bottom: 20px;} .liMA4:nth-of-type(2n) {padding: 0 0 20px 150px; text-align: right;} .inlMA4 {position: absolute; top: 0; right: 0; width: 150px; height: 100%; overflow: hidden;} .liMA4:nth-of-type(2n) .inlMA4{right: inherit; left: 0;} .genMA4 {background: #FFF; mask-size: 100% 100%; -webkit-mask-size: 100% 100%; position: absolute;} .genMA4.fem {width: 150px; height: 220px; mask-image: url(https://i.imgur.com/TYkYkbN.png); -webkit-mask-image: url(https://i.imgur.com/TYkYkbN.png); right: -30px; top: -30px;} .genMA4.mas {width: 170px; height: 200px; mask-image: url(https://i.imgur.com/DtUO5oz.png); -webkit-mask-image: url(https://i.imgur.com/DtUO5oz.png); left: -30px; bottom: -30px;} .liMA4 strong {background: #0b2339; color: #FFF; display: block; font: 15px AceSans; padding: 15px; letter-spacing: 2px; position: relative;} .listMA4 {border: 10px solid transparent; text-align: center; font: 10px Arial; margin: 20px -130px 0 20px; position: relative; background: #FFFD; height: 200px; overflow: auto;} .liMA4:nth-of-type(2n) .listMA4 {margin: 20px 20px 0 -130px;} .liMA4 strong:after {right: inherit; left: 30px;} .liMA4:nth-of-type(2n) strong:after {right:30px; left: inherit;} .listMA4 span b {background: #71a7c2; font: bold 15px/20px AceSans; width: 20px; display: inline-block; color: #FFF; margin: 0 5px; animation: wave 3s infinite;} .listMA4 span b:nth-of-type(odd) {background: #568094;} @keyframes wave {90%{transform: scale(1);} 95% {transform: scale(1.2);} 100% {transform: scale(1);}} .listMA4 span b:nth-of-type(2n) {animation-delay: .2s;} .listMA4 span b:nth-of-type(3n) {animation-delay: .4s;} .listMA4 span b:nth-of-type(4n) {animation-delay: .6s;} .listMA4 span b:nth-of-type(5n) {animation-delay: .8s;} .listMA4 > b {font: 12px AceSans; letter-spacing: 1px;} .listMA4 a {font-weight: bolder; font-size: 12px;} .miMA4 {display: block; text-align: center; color: #FFF !important; background: #0b2339; font: 10px Arial; transition: .5s;} .miMA4:hover {letter-spacing: 3px;} .MA4 div::-webkit-scrollbar {width: 3px !important; background: #0006 !important;} .MA4 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!