API tools faq
paste
Emmes

A3.- Very Important Things (registros)

Emmes
Jun 14th, 2019
257
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 4.06 KB | None | 0 0
raw download clone embed print report
  1. <div class="MA3"><img src="https://i.imgur.com/SXYEKYd.jpg?1" class="imMA3"><div class="ttMA3"><b>Registro</b>
  2. <span>de colores</span></div><div class="xxMA3"><strong>1</strong>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.
  3.  
  4. <strong>2</strong>Tart candy canes sugar plum. Cake sweet sweet dessert topping cake tootsie roll muffin powder. Jelly oat cake bonbon jelly beans sweet roll sugar plum jelly cookie.
  5.  
  6. <strong>3</strong>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.
  7.  
  8. <strong>4</strong>Jujubes chocolate cake lemon drops cupcake jelly beans cheesecake chocolate biscuit apple pie. Croissant jelly-o icing lemon drops pastry marshmallow jelly beans.
  9.  
  10. <strong>5</strong>Gingerbread pie powder cookie apple pie candy biscuit sesame snaps cake. Gummi bears chocolate bar marshmallow biscuit lemon drops macaroon toffee. </div><div class="subMA3 aa" style="background: #f663d5;"><b>Formulario</b>
  11. cálidos<div class="baMA3" style="background-image: url(https://i.imgur.com/c07sp0M.jpg?2);"></div></div><div class="coMA3">- code - code - code -
  12. - code - code - code - code -
  13. - code - code - code -
  14. - code - code - code - code -
  15. - code - code - code -
  16. </div><div class="subMA3 bb" style="background: #267bd5;"><b>Formulario</b>
  17. fríos<div class="baMA3" style="background-image: url(https://i.imgur.com/by5FJog.jpg?1);"></div></div><div class="coMA3">- code - code - code -
  18. - code - code - code - code -
  19. - code - code - code -
  20. - code - code - code - code -
  21. - code - code - code -
  22. </div><a href="https://emmescodes.tumblr.com/" title="Code by Emme" class="miMA3">Emme's Codes</a></div>
  23.  
  24. <style>.MA3, .MA3* {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');} .MA3 {width: 402px; border: 1px solid transparent; margin: auto; background: #FFF padding-box; color: #333;} .ttMA3 {background: #0b2339; padding: 30px; position: relative; text-align: center; color: #FFF; font: 10px arial; letter-spacing: 5px;} .ttMA3 b {font: 20px AceSans; letter-spacing: normal;} .ttMA3::after {content: ""; position: absolute; border-top: 20px solid #0b2339; width: 30px; border-left: 15px solid transparent; border-right: 15px solid transparent; bottom: -20px; left: 42px; box-sizing: border-box;} .imMA3 {width: 100%;} .xxMA3 {text-align: justify; padding: 36px; font: 12px arial;} .xxMA3 strong {font: bold 30px/30px AceSans; float: left; background: #568094; width: 40px; text-align: center; margin: 3px 5px 0 0; color: #FFF; padding: 4px 0 6px; animation: wave 3s infinite;} .xxMA3 strong:nth-of-type(odd) {background: #71a7c2;} @keyframes wave {90%{transform: scale(1);} 95% {transform: scale(1.2);} 100% {transform: scale(1);}} .xxMA3 strong:nth-of-type(2n) {animation-delay: .2s;} .xxMA3 strong:nth-of-type(3n) {animation-delay: .4s;} .xxMA3 strong:nth-of-type(4n) {animation-delay: .6s;} .xxMA3 strong:nth-of-type(5n) {animation-delay: .8s;} .xxMA3 strong:nth-of-type(6n) {animation-delay: 1s;} .subMA3 {background: #0b2339; padding: 20px; position: relative; color: #FFF; font: 10px arial; letter-spacing: 5px;} .subMA3 b {font: 15px AceSans;} .baMA3 {width: 130px; height: 100%; position: absolute; top: 0;} .subMA3.aa .baMA3 {right: 0; clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 calc(50% + 15px), 20px 50%, 0 calc(50% - 15px), 0 0);} .subMA3.bb {text-align: right;} .subMA3.bb .baMA3 {left: 0; clip-path: polygon(100% 0, 100% calc(50% - 15px), calc(100% - 20px) 50%, 100% calc(50% + 15px), 100% 100%, 0 100%, 0 0);} .coMA3 {padding: 30px; text-align: center; font: 10px Arial;} .miMA3 {display: block; text-align: center; color: #FFF !important; background: #0b2339; font: 10px Arial; transition: .5s;} .miMA3:hover {letter-spacing: 3px;}</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!