API tools faq
paste
Emmes

MM007.- Cutre Kawaii (archivero)

Emmes
Feb 27th, 2020
1,621
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 10.84 KB | None | 0 0
raw download clone embed print report
  1. <div class="MM007"><input type="radio" name="mm007" id="mm007-6"><input type="radio" name="mm007" id="mm007-5" /><input type="radio" name="mm007" id="mm007-4" /><input type="radio" name="mm007" id="mm007-3" /><input type="radio" name="mm007" id="mm007-2" /><input type="radio" name="mm007" id="mm007-1" /><input type="radio" name="mm007" id="mm007-0">
  2.  
  3. <label for="mm007-0" style="color: #7f87a4"><div><div class="MM007-txt"><b>Título Aquí</b><div class="MM007-img"><div style="background-image: url(https://i.postimg.cc/pdrJGXFq/01.jpg);"></div></div>
  4.  
  5. <div class="MM007-dd">
  6. <span><b>Edad:</b><i>Info Aquí</i></span>
  7. <span><b>Nacionalidad</b><i>Info Aquí</i></span>
  8. <span><b>Ocupación:</b><i>Info Aquí</i></span>
  9. <span><b>Raza:</b><i>Info Aquí</i></span>
  10. <span><b>Elemento:</b><i>Info Aquí</i></span>
  11. <span><b>PB:</b><i>Info Aquí</i></span>
  12. </div>
  13.  
  14. <div class="MM007-xx">Fall asleep upside-down asdflkjaertvlkjasntvkjn (sits on keyboard). Mark territory. Demand to have some of whatever the human is cooking, then sniff the offering and walk away check cat door for ambush 10 times before coming in burrow under covers scratch the box yet annoy owner until he gives you food say meow repeatedly until belly rubs, feels good, for intently stare at the same spot.</div></div></div></label>
  15.  
  16. <label for="mm007-1" style="color: #7f9fa4"><div><b>F</b><div class="MM007-txt"><b>Título Aquí</b><div class="MM007-img"><div style="background-image: url(https://i.postimg.cc/BbTTLjrQ/02.jpg);"></div></div>
  17.  
  18. <div class="MM007-dd">
  19. <span><b>Edad:</b><i>Info Aquí</i></span>
  20. <span><b>Nacionalidad</b><i>Info Aquí</i></span>
  21. <span><b>Ocupación:</b><i>Info Aquí</i></span>
  22. <span><b>Raza:</b><i>Info Aquí</i></span>
  23. <span><b>Elemento:</b><i>Info Aquí</i></span>
  24. <span><b>PB:</b><i>Info Aquí</i></span>
  25. </div>
  26.  
  27. <div class="MM007-xx">Fall asleep upside-down asdflkjaertvlkjasntvkjn (sits on keyboard). Mark territory. Demand to have some of whatever the human is cooking, then sniff the offering and walk away check cat door for ambush 10 times before coming in burrow under covers scratch the box yet annoy owner until he gives you food say meow repeatedly until belly rubs, feels good, for intently stare at the same spot.</div></div></div></label>
  28.  
  29. <label for="mm007-2" style="color: #7fa495"><div><b>E</b><div class="MM007-txt"><b>Título Aquí</b><div class="MM007-img"><div style="background-image: url(https://i.postimg.cc/NGm7PnKq/03.jpg);"></div></div>
  30.  
  31. <div class="MM007-dd">
  32. <span><b>Edad:</b><i>Info Aquí</i></span>
  33. <span><b>Nacionalidad</b><i>Info Aquí</i></span>
  34. <span><b>Ocupación:</b><i>Info Aquí</i></span>
  35. <span><b>Raza:</b><i>Info Aquí</i></span>
  36. <span><b>Elemento:</b><i>Info Aquí</i></span>
  37. <span><b>PB:</b><i>Info Aquí</i></span>
  38. </div>
  39.  
  40. <div class="MM007-xx">Fall asleep upside-down asdflkjaertvlkjasntvkjn (sits on keyboard). Mark territory. Demand to have some of whatever the human is cooking, then sniff the offering and walk away check cat door for ambush 10 times before coming in burrow under covers scratch the box yet annoy owner until he gives you food say meow repeatedly until belly rubs, feels good, for intently stare at the same spot.</div></div></div></label>
  41.  
  42. <label for="mm007-3" style="color: #c6c1a5"><div><b>D</b><div class="MM007-txt"><b>Título Aquí</b><div class="MM007-img"><div style="background-image: url(https://i.postimg.cc/7Y4MvNzC/04.jpg);"></div></div>
  43.  
  44. <div class="MM007-dd">
  45. <span><b>Edad:</b><i>Info Aquí</i></span>
  46. <span><b>Nacionalidad</b><i>Info Aquí</i></span>
  47. <span><b>Ocupación:</b><i>Info Aquí</i></span>
  48. <span><b>Raza:</b><i>Info Aquí</i></span>
  49. <span><b>Elemento:</b><i>Info Aquí</i></span>
  50. <span><b>PB:</b><i>Info Aquí</i></span>
  51. </div>
  52.  
  53. <div class="MM007-xx">Fall asleep upside-down asdflkjaertvlkjasntvkjn (sits on keyboard). Mark territory. Demand to have some of whatever the human is cooking, then sniff the offering and walk away check cat door for ambush 10 times before coming in burrow under covers scratch the box yet annoy owner until he gives you food say meow repeatedly until belly rubs, feels good, for intently stare at the same spot.</div></div></div></label>
  54.  
  55. <label for="mm007-4" style="color: #f7c7ac"><div><b>C</b><div class="MM007-txt"><b>Título Aquí</b><div class="MM007-img"><div style="background-image: url(https://i.postimg.cc/x1Tv8Ttn/05.jpg);"></div></div>
  56.  
  57. <div class="MM007-dd">
  58. <span><b>Edad:</b><i>Info Aquí</i></span>
  59. <span><b>Nacionalidad</b><i>Info Aquí</i></span>
  60. <span><b>Ocupación:</b><i>Info Aquí</i></span>
  61. <span><b>Raza:</b><i>Info Aquí</i></span>
  62. <span><b>Elemento:</b><i>Info Aquí</i></span>
  63. <span><b>PB:</b><i>Info Aquí</i></span>
  64. </div>
  65.  
  66. <div class="MM007-xx">Fall asleep upside-down asdflkjaertvlkjasntvkjn (sits on keyboard). Mark territory. Demand to have some of whatever the human is cooking, then sniff the offering and walk away check cat door for ambush 10 times before coming in burrow under covers scratch the box yet annoy owner until he gives you food say meow repeatedly until belly rubs, feels good, for intently stare at the same spot.</div></div></div></label>
  67.  
  68. <label for="mm007-5" style="color: #f7a095"><div><b>B</b><div class="MM007-txt"><b>Título Aquí</b><div class="MM007-img"><div style="background-image: url(https://i.postimg.cc/4N1vXhvW/06.jpg);"></div></div>
  69.  
  70. <div class="MM007-dd">
  71. <span><b>Edad:</b><i>Info Aquí</i></span>
  72. <span><b>Nacionalidad</b><i>Info Aquí</i></span>
  73. <span><b>Ocupación:</b><i>Info Aquí</i></span>
  74. <span><b>Raza:</b><i>Info Aquí</i></span>
  75. <span><b>Elemento:</b><i>Info Aquí</i></span>
  76. <span><b>PB:</b><i>Info Aquí</i></span>
  77. </div>
  78.  
  79. <div class="MM007-xx">Fall asleep upside-down asdflkjaertvlkjasntvkjn (sits on keyboard). Mark territory. Demand to have some of whatever the human is cooking, then sniff the offering and walk away check cat door for ambush 10 times before coming in burrow under covers scratch the box yet annoy owner until he gives you food say meow repeatedly until belly rubs, feels good, for intently stare at the same spot.</div></div></div></label>
  80.  
  81. <label for="mm007-6" style="color: #f45667"><div><b>A</b><div class="MM007-por">proyecto<b>Team Cutre Kawai</b></div></div></label>
  82.  
  83. </div><a class="miMM" href="https://emmescodes.tumblr.com/" title="Code by Emme">Emme</a><style>.MM007, .MM007 * { box-sizing: border-box; scrollbar-color: #0006 #0003; scrollbar-width: thin; } @font-face { font-family: Abingdon; src: url(https://dl.dropbox.com/s/uk9gywmg3pw9hmx/Abingdon.otf); } @font-face { font-family: Alata; src: url(https://dl.dropbox.com/s/e66nezdgh42lhnh/Alata.ttf); } .MM007 input, .MM007 br { display: none; } .MM007 div::-webkit-scrollbar { width: 5px !important; height: 5px !important; background: #0006 !important; } .MM007 div::-webkit-scrollbar-thumb { background: #0003 !important; } .MM007 { width: 500px; margin: auto; height: 350px; background: #DDD; position: relative; transform-style: preserve-3d; perspective: 3000px; font: 12px Alata; } .MM007 label > div { position: absolute; top: 0; left: 0; bottom: 0; right: 0; border-radius: 0 10px 10px 0; box-shadow: inset 0 0 0 300px, 1px 0 7px -5px #000; } .MM007 label[for*="-6"] { right: 240px; translate: 0 0 7px; } .MM007 label[for*="-5"] { right: 200px; translate: 0 0 6px; } .MM007 label[for*="-4"] { right: 160px; translate: 0 0 5px; } .MM007 label[for*="-3"] { right: 120px; translate: 0 0 4px; } .MM007 label[for*="-2"] { right: 80px; translate: 0 0 3px; } .MM007 label[for*="-1"] { right: 40px; translate: 0 0 2px; } .MM007 label[for*="-0"] { right: 0px; translate: 0 0 1px; } .MM007 label { transform-origin: left top; transition: .5s; position: absolute; top: 0; left: 0; bottom: 0; margin: 0; } .MM007 input ~ input ~ input ~ input ~ input ~ input:checked ~ label[for*="-1"] { transform: rotateY(-60deg); } .MM007 input ~ input ~ input ~ input ~ input:checked ~ label[for*="-2"] { transform: rotateY(-63deg); } .MM007 input ~ input ~ input ~ input:checked ~ label[for*="-3"] { transform: rotateY(-66deg); } .MM007 input ~ input ~ input:checked ~ label[for*="-4"] { transform: rotateY(-70deg); } .MM007 input ~ input:checked ~ label[for*="-5"] { transform: rotateY(-75deg); } .MM007 input:checked ~ label[for*="-6"] { transform: rotateY(-80deg); } .MM007 input[id*="-0"]:checked ~ label { transform: rotateY(0deg) !important; } .MM007 label > div > b { position: absolute; left: 100%; width: 30px; height: 60px; top: 20px; border-radius: 0 10px 10px 0; box-shadow: inset 0 0 0 50px, 2px 2px 5px -3px #0006; -webkit-text-fill-color: #FFF; display: flex; align-items: center; justify-content: center; text-shadow: 1px 1px #0006; font: 34px Abingdon; text-transform: lowercase; padding-right: 2px; } .MM007 label[for*="-5"] > div > b { top: 70px; } .MM007 label[for*="-4"] > div > b { top: 120px; } .MM007 label[for*="-3"] > div > b { top: 170px; } .MM007 label[for*="-2"] > div > b { top: 220px; } .MM007 label[for*="-1"] > div > b { top: 270px; } .MM007-txt { background: #FFF; position: absolute; width: 250px; box-shadow: 2px 2px 5px #0003; top: 15px; bottom: 15px; right: 50px; transition: .5s; border: 10px solid transparent; box-shadow: inset 0 0 0 1px; padding: 0 1px; overflow: auto; cursor: auto; } .MM007 input[id*="-1"]:checked ~ label[for*="-0"] .MM007-txt, .MM007 input[id*="-2"]:checked ~ label[for*="-1"] .MM007-txt, .MM007 input[id*="-3"]:checked ~ label[for*="-2"] .MM007-txt, .MM007 input[id*="-4"]:checked ~ label[for*="-3"] .MM007-txt, .MM007 input[id*="-5"]:checked ~ label[for*="-4"] .MM007-txt, .MM007 input[id*="-6"]:checked ~ label[for*="-5"] .MM007-txt { right: 15px; } .MM007-txt > b { display: block; text-align: center; border-bottom: 1px solid; padding: 5px; text-transform: uppercase; font-size: 10px; letter-spacing: 2px; box-shadow: inset 0 0 0 20px; -webkit-text-fill-color: #FFF; } .MM007-img { border-bottom: 1px solid; min-height: 142px; height: 142px; padding: 10px; } .MM007-img > div { height: 100%; background-position: center; background-size: cover; box-shadow: 2px 2px 5px #0006; border: 2px solid #FFF; transform: rotate(2deg); } .MM007 label:nth-of-type(odd) .MM007-img > div { transform: rotate(-1deg); } .MM007-dd { display: flex; flex-direction: column; } .MM007-dd > span { border-bottom: 1px solid; font-size: 10px; letter-spacing: 1px; display: flex; } .MM007-dd > span > b { padding: 3px 5px; border-right: 1px solid; } .MM007-dd > span > i { padding: 4px 5px 2px; flex: 1; text-align: right; color: #777; } .MM007-xx { padding: 10px 15px; text-align: justify; hyphens: auto; color: #777; } .MM007-por { color: #FFF; margin: 40px; text-align: center; border: 2px solid; padding: 5px 10px; box-shadow: 1px 1px #0004, inset 1px 1px #0004; text-shadow: 1px 1px #0004; } .MM007-por b { display: block; font-size: 14px; text-transform: uppercase; letter-spacing: 1px; } .miMM { display: block; font: bold 10px Calibri; letter-spacing: 2px; text-align: center; transition: .5s; text-transform: uppercase; padding: 3px; } .miMM: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!