API tools faq
paste
Emmes

MF5.- Flamingo (expediente)

Emmes
Oct 7th, 2019
435
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 6.43 KB | None | 0 0
raw download clone embed print report
  1. <div class="MF5" style="background: #ffe6c4;"><div class="ttMF5">Título Aquí <b></b></div><div class="deMF5" style="background: #caa99b;"><span class="th th-flamingo"></span>
  2. <b>Nombre <br>Apellido</b>
  3. <div><b>Edad:</b>Info Aquí</div>
  4. <div><b>Ocupación:</b>Info Aquí</div>
  5. <div><b>Nacionalidad:</b>Info Aquí</div>
  6. <div><b>Raza:</b>Info Aquí</div>
  7. <div><b>PB:</b>Info Aquí</div>
  8. </div><div class="izMF5">
  9.  
  10. <input type="radio" name="MF5" id="inMF5-1" checked><label class="boMF5" for="inMF5-1" style="background: #a49aa3;"><span class="th th-box-1"></span>Perso</label><div class="txtMF5" style="background-image: url(https://i.pinimg.com/564x/65/2c/f6/652cf608ed2e52d1ff9be8dd81270d0b.jpg);"></div><div class="txtMF5"><div>Cupcake lemon drops pie cupcake. Sweet candy danish chocolate bar fruitcake cookie chocolate cake. Jujubes sugar plum bear claw gummies icing macaroon carrot cake.
  11.  
  12. Oat cake lollipop bonbon halvah. Chocolate cake brownie marzipan dessert gingerbread ice cream cookie sesame snaps. Chocolate dragée muffin cheesecake icing candy brownie.
  13.  
  14. Sesame snaps brownie cake gummies. Apple pie gingerbread topping marzipan. Cotton candy cookie brownie.
  15.  
  16. Pie lemon drops ice cream gummi bears jelly gummies tiramisu. Jelly beans cupcake marshmallow cotton candy. Chocolate lemon drops marzipan muffin pastry.
  17.  
  18. Gingerbread jelly lemon drops marshmallow tart. Jelly beans cheesecake fruitcake cake. Macaroon toffee donut biscuit.</div></div>
  19.  
  20. <input type="radio" name="MF5" id="inMF5-2"><label class="boMF5 medio" for="inMF5-2" style="background: #7d8a7d;"><span class="th th-clover"></span>Historia</label><div class="txtMF5" style="background-image: url(https://i.pinimg.com/564x/ce/ea/db/ceeadb8c7a61fb97c92065856edd416e.jpg);"></div><div class="txtMF5"><div>Oat cake lollipop bonbon halvah. Chocolate cake brownie marzipan dessert gingerbread ice cream cookie sesame snaps. Chocolate dragée muffin cheesecake icing candy brownie.
  21.  
  22. Sesame snaps brownie cake gummies. Apple pie gingerbread topping marzipan. Cotton candy cookie brownie.
  23.  
  24. Pie lemon drops ice cream gummi bears jelly gummies tiramisu. Jelly beans cupcake marshmallow cotton candy. Chocolate lemon drops marzipan muffin pastry.
  25.  
  26. Gingerbread jelly lemon drops marshmallow tart. Jelly beans cheesecake fruitcake cake. Macaroon toffee donut biscuit.</div></div>
  27.  
  28. <input type="radio" name="MF5" id="inMF5-3"><label class="boMF5" for="inMF5-3" style="background: #d46c5b;"><span class="th th-drop"></span>Extras</label><div class="txtMF5" style="background-image: url(https://i.pinimg.com/564x/b2/3d/ea/b23deaace1d14e94cb401680ca2f76fa.jpg);"></div><div class="txtMF5"><div>Jujubes sugar plum bear claw gummies icing macaroon carrot cake.
  29.  
  30. Oat cake lollipop bonbon halvah. Chocolate cake brownie marzipan dessert gingerbread ice cream cookie sesame snaps. Chocolate dragée muffin cheesecake icing candy brownie.
  31.  
  32. Sesame snaps brownie cake gummies. Apple pie gingerbread topping marzipan. Cotton candy cookie brownie.
  33.  
  34. Pie lemon drops ice cream gummi bears jelly gummies tiramisu. Jelly beans cupcake marshmallow cotton candy. Chocolate lemon drops marzipan muffin pastry.
  35.  
  36. Gingerbread jelly lemon drops marshmallow tart. Jelly beans cheesecake fruitcake cake. Macaroon toffee donut biscuit.</div></div></div></div><a class="miMF5" href="https://emmescodes.tumblr.com/" title="Code by Emme">Emme</a>
  37.  
  38. <link href="https://fonts.googleapis.com/css?family=Be+Vietnam|Roboto+Mono&display=swap" rel="stylesheet"><link href="//dl.dropbox.com/s/vpi3f9s7nhpe7v7/honeybee.css" rel="stylesheet"><style>.deMF5 > br, .izMF5 > br {display: none;} .MF5, .MF5 * {box-sizing: border-box; scrollbar-color: #0006 #0003; scrollbar-width: thin;} .MF5 {width: 500px; margin: auto; border-radius: 25px; border: 10px solid #FFF; color: #888; overflow: hidden; position: relative; font-size: 0px;} .ttMF5 {padding: 15px 15px 12px; font: bold 10px Roboto Mono; letter-spacing: 5px; border-bottom: 2px solid #FFF;} .ttMF5 b {position: relative; float: right; margin: 1px;} .ttMF5 b, .ttMF5 b:before, .ttMF5 b:after {width: 8px; height: 8px; box-shadow: inset 0 0 0 10px, 0 0 0 1px #FFF; border-radius: 50%;} .ttMF5 b:before, .ttMF5 b:after {position: absolute; content:"";} .ttMF5 b:before {right: calc(100% + 7px);} .ttMF5 b:after {right: calc(100% + 23px);} .deMF5, .izMF5 {width: 202px; display: inline-block; vertical-align: top; height: 350px;} .izMF5 {width: calc(100% - 200px); position: relative;} .deMF5, .boMF5 {font: 12px Be Vietnam;} .boMF5 {display: inline-block; width: calc(100% / 3); color: #FFF; border-bottom: 2px solid #FFF; height: 120px; text-align: center; border-left: 2px solid #FFF; text-transform: uppercase; letter-spacing: 2px; font: 8px Roboto Mono; cursor: pointer; margin: 0;} .boMF5 span, .deMF5 > span {display: block; font-size: 30px; padding-top: 55px; color: transparent; -webkit-text-stroke: 1px #FFF; text-shadow: -5px -5px 2px #FFF3;} .boMF5 > span {padding: 40px 0 5px;} .deMF5 {text-align: center; color: #FFF; border-right: 2px solid; margin-right: -2px;} .deMF5 > span {font-size: 70px; -webkit-text-stroke: 2px #FFF;} .deMF5 > b {font: bold 10px Roboto Mono; letter-spacing: 2px; display: block; margin: 20px 0;} .deMF5 > div {font-size: 10px; margin-bottom: 10px; padding-left: calc(50% + 10px); text-align: left; position: relative;} .deMF5 > div::before {content: ""; position: absolute; border-bottom: 2px dotted; width: 16px; bottom: 3px; right: calc(50% - 7px);} .deMF5 > div > b {position: absolute; right: calc(50% + 10px);} .izMF5 input {display: none;} .txtMF5 {border-left: 2px solid #FFF; position: absolute; bottom: 0; right: 0; left: 0; top: 120px; background: pink; transform: translateY(100%); transition: .5s; background-position: center; background-size: cover;} .izMF5 input:checked + label {box-shadow: inset 0 0 0 3px;} .izMF5 input:checked + label + div,.izMF5 input:checked + label + div + div {transform: translateY(0%); z-index: 5;} .txtMF5 + .txtMF5 {transition-delay: .3s !important; background: #FFF9;} .txtMF5 > div {margin: 20px; border: 10px solid transparent; background: #FFF9; font: 12px Be Vietnam; text-align: justify; hyphens: auto; height: calc(100% - 40px); overflow: auto; padding-right: 5px;} .miMF5 {display: block; font: 10px arial; letter-spacing: 2px; text-align: center; transition: .5s;} .miMF5:hover {letter-spacing: 10px;} .MF5 div::-webkit-scrollbar {width: 5px !important; height: 5px !important; background: #0006 !important;} .MF5 div::-webkit-scrollbar-thumb {background: #0003 !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!