Emmes

MH0.- No Imgs (relaciones)

Nov 18th, 2019
460
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 7.73 KB | None | 0 0
  1. <div class="MH0" style="color: #72a277;"><div class="aMH0"><strong>Nombre Apellido</strong><span>Relaciones</span></div><div class="botMH0"><input type="radio" name="MH0" id="MH001" checked><label for="MH001">Good</label><div class="txtMH0">
  2.  
  3. <div><label><input type="checkbox"><b title="Nombre Apellido">A</b><div><strong>Nombre Apellido</strong><div>Caramels marshmallow liquorice caramels biscuit chocolate bar apple pie. Danish brownie danish bear claw donut. Jelly beans topping cake.
  4.  
  5. Cake gingerbread cake sweet roll fruitcake bonbon. Pastry sesame snaps candy.
  6.  
  7. Cake cupcake croissant. Icing tart sweet muffin marshmallow lemon drops cake cookie cake. Cake gingerbread biscuit sweet. Sweet roll jelly cake gingerbread.</div></div></label></div>
  8.  
  9. <div><label><input type="checkbox"><b title="Nombre Apellido">B</b><div><strong>Nombre Apellido</strong><div>Cake cupcake croissant. Icing tart sweet muffin marshmallow lemon drops cake cookie cake. Cake gingerbread biscuit sweet. Sweet roll jelly cake gingerbread.</div></div></label></div>
  10.  
  11. <div><label><input type="checkbox"><b title="Nombre Apellido">C</b><div><strong>Nombre Apellido</strong><div>Cake cupcake croissant. Icing tart sweet muffin marshmallow lemon drops cake cookie cake. Cake gingerbread biscuit sweet. Sweet roll jelly cake gingerbread.</div></div></label></div>
  12.  
  13. <div><label><input type="checkbox"><b title="Nombre Apellido">D</b><div><strong>Nombre Apellido</strong><div>Cake gingerbread cake sweet roll fruitcake bonbon. Pastry sesame snaps candy.</div></div></label></div>
  14.  
  15. <div><label><input type="checkbox"><b title="Nombre Apellido">D</b><div><strong>Nombre Apellido</strong><div>Cake cupcake croissant. Icing tart sweet muffin marshmallow lemon drops cake cookie cake. Cake gingerbread biscuit sweet. Sweet roll jelly cake gingerbread.</div></div></label></div>
  16.  
  17. <div><label><input type="checkbox"><b title="Nombre Apellido">E</b><div><strong>Nombre Apellido</strong><div>Cake cupcake croissant. Icing tart sweet muffin marshmallow lemon drops cake cookie cake. Cake gingerbread biscuit sweet. Sweet roll jelly cake gingerbread.</div></div></label></div>
  18.  
  19. </div><input type="radio" name="MH0" id="MH002"><label for="MH002">Bad</label><div class="txtMH0">
  20.  
  21. <div><label><input type="checkbox"><b title="Nombre Apellido">F</b><div><strong>Nombre Apellido</strong><div>Caramels marshmallow liquorice caramels biscuit chocolate bar apple pie. Danish brownie danish bear claw donut. Jelly beans topping cake.
  22.  
  23. Cake gingerbread cake sweet roll fruitcake bonbon. Pastry sesame snaps candy.
  24.  
  25. Cake cupcake croissant. Icing tart sweet muffin marshmallow lemon drops cake cookie cake. Cake gingerbread biscuit sweet. Sweet roll jelly cake gingerbread.</div></div></label></div>
  26.  
  27. <div><label><input type="checkbox"><b title="Nombre Apellido">G</b><div><strong>Nombre Apellido</strong><div>Cake cupcake croissant. Icing tart sweet muffin marshmallow lemon drops cake cookie cake. Cake gingerbread biscuit sweet. Sweet roll jelly cake gingerbread.</div></div></label></div>
  28.  
  29. <div><label><input type="checkbox"><b title="Nombre Apellido">H</b><div><strong>Nombre Apellido</strong><div>Cake cupcake croissant. Icing tart sweet muffin marshmallow lemon drops cake cookie cake. Cake gingerbread biscuit sweet. Sweet roll jelly cake gingerbread.</div></div></label></div>
  30.  
  31. <div><label><input type="checkbox"><b title="Nombre Apellido">I</b><div><strong>Nombre Apellido</strong><div>Cake gingerbread cake sweet roll fruitcake bonbon. Pastry sesame snaps candy.</div></div></label></div>
  32.  
  33. </div><input type="radio" name="MH0" id="MH003"><label for="MH003">V.I.P.</label><div class="txtMH0">
  34.  
  35. <div><label><input type="checkbox"><b title="Nombre Apellido">J</b><div><strong>Nombre Apellido</strong><div>Caramels marshmallow liquorice caramels biscuit chocolate bar apple pie. Danish brownie danish bear claw donut. Jelly beans topping cake.
  36.  
  37. Cake gingerbread cake sweet roll fruitcake bonbon. Pastry sesame snaps candy.
  38.  
  39. Cake cupcake croissant. Icing tart sweet muffin marshmallow lemon drops cake cookie cake. Cake gingerbread biscuit sweet. Sweet roll jelly cake gingerbread.</div></div></label></div>
  40.  
  41. <div><label><input type="checkbox"><b title="Nombre Apellido">K</b><div><strong>Nombre Apellido</strong><div>Cake cupcake croissant. Icing tart sweet muffin marshmallow lemon drops cake cookie cake. Cake gingerbread biscuit sweet. Sweet roll jelly cake gingerbread.</div></div></label></div>
  42.  
  43. <div><label><input type="checkbox"><b title="Nombre Apellido">L</b><div><strong>Nombre Apellido</strong><div>Cake cupcake croissant. Icing tart sweet muffin marshmallow lemon drops cake cookie cake. Cake gingerbread biscuit sweet. Sweet roll jelly cake gingerbread.</div></div></label></div>
  44.  
  45. <div><label><input type="checkbox"><b title="Nombre Apellido">M</b><div><strong>Nombre Apellido</strong><div>Cake gingerbread cake sweet roll fruitcake bonbon. Pastry sesame snaps candy.</div></div></label></div>
  46.  
  47. </div></div></div><a class="miMH0" href="https://emmescodes.tumblr.com/" title="Code by Emme">Emme</a>
  48.  
  49. <link href="https://fonts.googleapis.com/css?family=Quicksand:400,700|Source+Sans+Pro&display=swap" rel="stylesheet"><style>.MH0, .MH0 * {box-sizing: border-box; scrollbar-color: #0006 #0003; scrollbar-width: thin;} .MH0 {width: 402px; margin: auto; text-align: center; font: 12px Source Sans Pro; background: #fff; border-radius: 30px; overflow: hidden; border: 3px solid;} .aMH0 {padding: 40px 0 20px; -webkit-text-fill-color: #fff; box-shadow: inset 0 0 0 200px;} .aMH0 > strong {display: block; font: 30px Quicksand; letter-spacing: 1px;} .aMH0 > span {letter-spacing: 15px; display: block; padding-left: 15px; text-transform: lowercase;} .botMH0 {position: relative; padding-top: 35px;} .botMH0 input, .txtMH0 > br {display: none;} .botMH0 > label {position: absolute; top: 0; box-shadow: inset 0 0 0 50px; width: calc(100% / 3); left: 0; -webkit-text-fill-color: #fff; padding: 10px; text-transform: uppercase; letter-spacing: 3px; opacity: 0.6; transition: 0.3s;} .botMH0 label {cursor: pointer; color: inherit;} .botMH0 > label ~ label {transform: translate(100%);} .botMH0 > label ~ label ~ label {transform: translate(200%);} .botMH0 > label:hover {opacity: 0.8;} .botMH0 input:checked + label {opacity: 1;} .txtMH0 {margin: 20px; background: #0001; height: 220px; border-radius: 0 0 15px 15px; overflow: auto; display: none; border: 20px solid transparent; position: relative;} .botMH0 input:checked + label + .txtMH0 {display: block;} .txtMH0 > div {width: 30%; display: inline-block; vertical-align: top;} .txtMH0 > div > label > b {width: 50px; height: 50px; display: block; border-radius: 50%; margin: 20px auto; border: 3px solid; font-size: 55px; line-height: 15px; text-shadow: 2px 2px #FFF, -2px 2px #FFF, 2px -2px #FFF, -2px -2px #FFF; transition: .3s;} .txtMH0 > div > label:hover > b {font-size: 65px;} .txtMH0 > div > label > div {position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: #EEED; display: none;} .txtMH0 > div > label input:checked ~ div {display: block;} .txtMH0 > div > label > div > strong {display: block; padding: 10px 0 10px 1px; font-size: 15px; letter-spacing: 2px;} .txtMH0 > div > label > div > strong::before, .txtMH0 > div > label > div > strong::after {content: ""; display: inline-block; width: 30px; border-bottom: 2px solid; vertical-align: middle; margin: 0 5px;} .txtMH0 > div > label > div > div {color: #444; text-align: justify; hyphens: auto; height: calc(100% - 40px); overflow: auto; padding-right: 3px;} .miMH0 {display: block; font: 10px arial; letter-spacing: 2px; text-align: center; transition: 0.5s;} .miMH0:hover {letter-spacing: 10px;} .MH0 div::-webkit-scrollbar {width: 5px !important; height: 5px !important; background: #0006 !important;} .MH0 div::-webkit-scrollbar-thumb {background: #0003 !important;}</style>
Advertisement
Add Comment
Please, Sign In to add comment