Emmes

MF4.- Businessman (expediente)

Oct 7th, 2019
1,632
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 8.22 KB | None | 0 0
  1. <div class="MF4" style="background-color: #1c1b20;"><div class="ttMF4">Todo sobre<br><b>Nombre Apellido</b></div><input type="radio" name="MF4" id="MF4-1" checked><input type="radio" name="MF4" id="MF4-2"><input type="radio" name="MF4" id="MF4-3"><input type="radio" name="MF4" id="MF4-4"><div class="scMF4"><div class="inMF4"><div class="imMF4" style="background-image: url(https://i.postimg.cc/cH6hPBwV/tumblr-nuuctvtk-EC1qliiilo9-1280.jpg);"></div><div class="ddMF4">
  2. <span><b>age</b>Info Aquí</span>
  3. <span><b>country</b>Info Aquí</span>
  4. <span><b>job</b>Info Aquí</span>
  5. <span><b>race</b>Info Aquí</span>
  6. <span><b>color</b>Info Aquí</span>
  7. <span><b>face</b>Info Aquí</span>
  8. </div></div>
  9.  
  10. <div class="inMF4"><div class="stMF4"><b>Estadísticas:</b>
  11. <div><span>Honestidad</span><div><b style="width: 70%;"></b></div></div>
  12. <div><span>Perversión</span><div><b style="width: 50%;"></b></div></div>
  13. <div><span>Lealtad</span><div><b style="width: 30%;"></b></div></div>
  14. <div><span>Amabilidad</span><div><b style="width: 100%;"></b></div></div>
  15. <div><span>Paciencia</span><div><b style="width: 5%;"></b></div></div>
  16. <div><span>Ingenio</span><div><b style="width: 60%;"></b></div>
  17. </div>
  18.  
  19. <span><b>Buena<br>Persona</b><div>Carrot cake wafer jujubes jelly-o bear claw sugar plum chocolate carrot cake. Liquorice topping liquorice sweet roll. Powder chocolate bar jelly jujubes topping.
  20.  
  21. Cotton candy macaroon cookie jelly candy sesame snaps muffin. Cookie powder jelly-o jelly-o jelly beans lollipop icing cookie. Marshmallow toffee pie sugar plum gummi bears.
  22.  
  23. Powder pastry chupa chups. Brownie icing marshmallow fruitcake gummies. Jujubes jelly pudding pie danish. Pudding candy gummi bears.</div></span>
  24. </div></div>
  25.  
  26. <div class="inMF4 aa"><div class="reMF4"><b>Resumen:</b><div>Carrot cake wafer jujubes jelly-o bear claw sugar plum chocolate carrot cake. Liquorice topping liquorice sweet roll. Powder chocolate bar jelly jujubes topping. Cotton candy macaroon cookie jelly candy sesame snaps muffin. Cookie powder jelly-o.
  27.  
  28. Jujubes jelly-o bear claw sugar plum chocolate carrot cake. Liquorice topping liquorice sweet roll. Powder chocolate bar jelly jujubes topping. Cotton candy macaroon cookie jelly candy sesame snaps muffin. Cookie powder jelly-o jelly-o jelly.
  29.  
  30. Beans lollipop icing cookie. Marshmallow toffee pie sugar plum gummi bears. Powder pastry chupa chups. Brownie icing marshmallow fruitcake gummies. Jujubes jelly pudding pie danish. Pudding candy gummi bears.</div></div><div class="imMF4" style="background-image: url(https://i.postimg.cc/zfz0FrBD/tumblr-nuuctvtk-EC1qliiilo6-1280.jpg);"></div></div>
  31.  
  32.  
  33. <div class="inMF4 bb"><div><div class="imMF4" style="background-image: url(https://i.postimg.cc/tgBDrMZ3/tumblr-nuuctvtk-EC1qliiilo7-1280.jpg);"></div><b>Like:</b><div>Cotton candy macaroon cookie jelly candy sesame snaps muffin. Cookie powder jelly-o jelly-o jelly beans lollipop icing cookie. Marshmallow toffee pie sugar plum gummi bears.
  34.  
  35. Powder pastry chupa chups. Brownie icing marshmallow fruitcake gummies.
  36.  
  37. Jujubes jelly pudding pie danish. Pudding candy gummi bears.</div></div><div><div class="imMF4" style="background-image: url(https://i.postimg.cc/vZdPD9wV/tumblr-nuuctvtk-EC1qliiilo1-1280.jpg);"></div><b>Dislike:</b><div>Cotton candy macaroon cookie jelly candy sesame snaps muffin. Cookie powder jelly-o jelly-o. Jelly beans lollipop icing cookie.
  38.  
  39. Marshmallow toffee pie sugar plum gummi bears. Powder pastry chupa chups. Brownie icing marshmallow fruitcake gummies.
  40. Jujubes jelly pudding pie danish. Pudding candy gummi bears.</div></div></div></div><div class="laMF4"><label for="MF4-1"></label><label for="MF4-2"></label><label for="MF4-3"></label><label for="MF4-4"></label></div></div><a class="miMF4" href="https://emmescodes.tumblr.com/" title="Code by Emme">Emme</a>
  41.  
  42. <link href="https://fonts.googleapis.com/css?family=Libre+Baskerville|Source+Sans+Pro:400,900&display=swap" rel="stylesheet"><style>.scMF4 > br, .ddMF4 > br, .inMF4 > br, .stMF4 > br, .stMF4 > b br{display: none;} .MF4, .MF4 * {box-sizing: border-box; scrollbar-color: #0006 #0003; scrollbar-width: thin;} .MF4 {width: 500px; margin: auto; font: 10px Source Sans Pro; color: #888; text-align: center; background-image: url(https://www.onlygfx.com/wp-content/uploads/2019/03/6-grunge-dots-overlay-2.png); background-size: cover; overflow: hidden;} .ttMF4 {padding: 30px 0 35px; background: linear-gradient(to bottom, #0000 0%, #0005 100%);} .ttMF4 b {font: 12px Libre Baskerville; color: #bbb; letter-spacing: 2px; position: relative;} .ttMF4 b::after {content: ""; position: absolute; border-bottom: 1px solid; bottom: -5px; left: 20px; right: 20px; opacity: 0.6;} .MF4 input {display: none;} .laMF4 {padding: 10px; background: linear-gradient(to bottom, #0005 0%, #0000 100%);} .laMF4 label {display: inline-block; box-shadow: inset 0 0 0 50px, 0 0 0 1px; width: 13px; height: 13px; margin: 5px; border-radius: 50%; transform: scale(0.8); opacity: 0.6; cursor: pointer; border: 3px solid transparent; color: #999;} .laMF4 label:hover {transform: scale(1);} #MF4-1:checked ~ .laMF4 label:nth-of-type(1), #MF4-2:checked ~ .laMF4 label:nth-of-type(2), #MF4-3:checked ~ .laMF4 label:nth-of-type(3), #MF4-4:checked ~ .laMF4 label:nth-of-type(4) {transform: scale(1); opacity: 1;} #MF4-2:checked ~ .scMF4 {margin-left: -100%;} #MF4-3:checked ~ .scMF4 {margin-left: -200%;} #MF4-4:checked ~ .scMF4 {margin-left: -300%;} .scMF4 {position: relative; white-space: nowrap; width: 400%; font-size: 0px; height: 400px; transition: 1s;} .inMF4 {display: inline-block; width: 25%; height: 100%; vertical-align: top; position: relative; white-space: normal;} .imMF4 {width: 180px; height: 100%; background-position: center; background-size: cover;} .ddMF4 {position: absolute; left: 180px; right: 0; top: 50%; transform: translateY(-50%); padding: 0 10px; white-space: normal;} .ddMF4 span {position: relative; font-size: 10px; display: inline-block; width: 80px; margin: 10px; padding: 30px 0 20px; letter-spacing: 1px;} .ddMF4 b {position: absolute; font: bold 30px Source Sans Pro; left: 50%; transform: translate(-50%); color: transparent; -webkit-text-stroke: 1px #666; opacity: 0.7; top: 0; letter-spacing: normal;} .stMF4 > b, .inMF4.aa > div > b, .inMF4.bb > div > b {font: 12px Libre Baskerville; color: #bbb; letter-spacing: 1px; display: block; margin-bottom: 10px;} .stMF4 {padding: 30px; text-align: left;} .stMF4 > div {display: inline-block; vertical-align: top; height: 10px; width: calc(50% - 20px); margin: 10px; font-size: 10px; letter-spacing: 2px; text-transform: uppercase;} .stMF4 > div > div {height: 2px; background: #FFF2; margin: 5px 0 0 5px; position: relative;} .stMF4 > div > div > b {width: 50%; position: absolute; box-shadow: inset 0 0 0 10px; height: 5px; margin-top: -2px; opacity: 0.7;} .stMF4 > span {display: block; font-size: 12px; margin-top: 40px;} .stMF4 > span > b, .stMF4 > span > div {display: inline-block; vertical-align: middle;} .stMF4 > span > b {font: 12px Libre Baskerville; color: #bbb; letter-spacing: 1px; width: 100px; text-align: right;} .stMF4 > span > div {width: calc(100% - 115px); padding: 0 5px 0 8px; max-height: 185px; overflow: auto; text-align: justify; hyphens: auto; border-left: 2px solid #9994; margin-left: 5px;} .inMF4.aa > div {vertical-align: top; display: inline-block;} .reMF4 {width: calc(100% - 180px); padding: 30px; text-align: left;} .reMF4 > div {font-size: 12px; margin-left: 10px; text-align: justify; hyphens: auto; height: 305px; overflow: auto; padding-right: 5px;} .inMF4.bb > div {height: 50%; position: relative; padding: 30px; text-align: left;} .inMF4.bb > div:nth-of-type(1) {padding-left: 210px;} .inMF4.bb > div:nth-of-type(2) {padding-right: 210px;} .inMF4.bb .imMF4 {position: absolute; top: 0;} .inMF4.bb div:nth-of-type(1) .imMF4 {left: 0;} .inMF4.bb div:nth-of-type(2) .imMF4 {right: 0;} .inMF4.bb .imMF4 ~ div {font-size: 12px; height: calc(100% - 30px); overflow: auto; margin-left: 10px; text-align: justify; hyphens: auto; padding-right: 5px;} .miMF4 {display: block; font: 10px arial; letter-spacing: 2px; text-align: center; transition: 0.5s;} .miMF4:hover {letter-spacing: 10px;} .MF4 div::-webkit-scrollbar {width: 5px !important; height: 5px !important; background: #0006 !important;} .MF4 div::-webkit-scrollbar-thumb {background: #0003 !important;}</style>
Advertisement
Add Comment
Please, Sign In to add comment