API tools faq
paste
Emmes

Recetario (multi - pestañas)

Emmes
Jun 13th, 2020
1,675
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 7.83 KB | None | 0 0
raw download clone embed print report
  1. <div class="MM013"><div class="MM013-tt"><b></b><strong>Recetario de Nombre Apellido</strong><div>
  2. <a href="URL" class="th th-home" title="Expediente"></a>
  3. <a href="URL" class="th th-key-o" title="Mensaje"></a>
  4. <a href="URL" class="th th-open-lock" title="Random"></a>
  5. </div></div>
  6.  
  7. <input type="radio" name="MM013" id="MM013-01" checked><input type="radio" name="MM013" id="MM013-02"><input type="radio" name="MM013" id="MM013-03"><input type="radio" name="MM013" id="MM013-04"><input type="radio" name="MM013" id="MM013-05"><div class="MM013-bot">
  8. <label for="MM013-01">Fresa</label>
  9. <label for="MM013-02">Limón</label>
  10. <label for="MM013-03">Melón</label>
  11. <label for="MM013-04">Cereza</label>
  12. <label for="MM013-05">Piña</label>
  13. </div>
  14.  
  15. <div class="MM013-txt m1"><b><span class="th th-strawberry"></span>Strawberry Cookies</b><div><div style="background-image: url(https://i.pinimg.com/564x/13/b7/52/13b752a617662b1f13b9bca64c0f9994.jpg);"></div><span>Cheesecake bear claw chocolate cake cake. Jelly beans cotton candy bear claw icing cupcake. Lollipop pie jelly-o danish.
  16.  
  17. Apple pie caramels sesame snaps wafer muffin. Candy canes cookie jelly. Macaroon cake bonbon.
  18.  
  19. Jelly-o oat cake marzipan powder liquorice brownie dragée chupa chups. Candy cotton candy chupa chups. Sweet liquorice liquorice. Chupa chups muffin pudding.
  20.  
  21. Icing gummies cake tootsie roll cupcake. Cookie cheesecake candy bonbon marshmallow. Lollipop danish jujubes gummi bears jujubes muffin fruitcake jelly-o tootsie roll.</span></div></div>
  22.  
  23. <div class="MM013-txt m2"><b><span class="th th-lemon"></span>Lemon PIe</b><div><div style="background-image: url(https://i.pinimg.com/564x/c7/49/85/c749859df7ae75413428614efff4a48d.jpg);"></div><span>Icing gummies cake tootsie roll cupcake. Cookie cheesecake candy bonbon marshmallow. Lollipop danish jujubes gummi bears jujubes muffin fruitcake jelly-o tootsie roll.
  24.  
  25. Cupcake donut gummies donut jelly beans muffin bonbon. Wafer pastry macaroon caramels cotton candy. Powder lollipop jujubes brownie sweet roll sweet jelly sweet gingerbread. Chocolate cake lemon drops brownie cookie cake gummies cake.</span></div></div>
  26.  
  27. <div class="MM013-txt m3"><b><span class="th th-watermelon"></span>Melon Smoothie</b><div><div style="background-image: url(https://i.pinimg.com/564x/b8/5c/73/b85c7355d7345dd2dd160030fd8f957a.jpg);"></div><span>Apple pie caramels sesame snaps wafer muffin. Candy canes cookie jelly. Macaroon cake bonbon.
  28.  
  29. Jelly-o oat cake marzipan powder liquorice brownie dragée chupa chups. Candy cotton candy chupa chups. Sweet liquorice liquorice. Chupa chups muffin pudding.
  30.  
  31. Icing gummies cake tootsie roll cupcake. Cookie cheesecake candy bonbon marshmallow. Lollipop danish jujubes gummi bears jujubes muffin fruitcake jelly-o tootsie roll.</span></div></div>
  32.  
  33. <div class="MM013-txt m4"><b><span class="th th-cherry"></span>Sweet Cherry Pie Cupcakes</b><div><div style="background-image: url(https://i.pinimg.com/564x/a8/ad/1d/a8ad1dcd245444d8d685d3dd5538690a.jpg);"></div><span>Jelly-o oat cake marzipan powder liquorice brownie dragée chupa chups. Candy cotton candy chupa chups. Sweet liquorice liquorice. Chupa chups muffin pudding.
  34.  
  35. Icing gummies cake tootsie roll cupcake. Cookie cheesecake candy bonbon marshmallow. Lollipop danish jujubes gummi bears jujubes muffin fruitcake jelly-o tootsie roll.
  36.  
  37. Cupcake donut gummies donut jelly beans muffin bonbon. Wafer pastry macaroon caramels cotton candy. Powder lollipop jujubes brownie sweet roll sweet jelly sweet gingerbread. Chocolate cake lemon drops brownie cookie cake gummies cake.</span></div></div>
  38.  
  39. <div class="MM013-txt m5"><b><span class="th th-pineapple"></span>Pineapple Crumb Bars</b><div><div style="background-image: url(https://i.pinimg.com/564x/b2/02/d4/b202d4242c0cb416cedbe1bd1be01765.jpg);"></div><span>Cupcake donut gummies donut jelly beans muffin bonbon. Wafer pastry macaroon caramels cotton candy. Powder lollipop jujubes brownie sweet roll sweet jelly sweet gingerbread. Chocolate cake lemon drops brownie cookie cake gummies cake.</span></div></div>
  40.  
  41. </div><a class="miMM" href="https://emmescodes.tumblr.com/" title="Code by Emme">Emme</a><link href="//dl.dropbox.com/s/vpi3f9s7nhpe7v7/honeybee.css" rel="stylesheet"><style>.MM013, .MM013 * { box-sizing: border-box; scrollbar-color: var(--mm-uno) #0003; scrollbar-width: thin; } .MM013 { --mm-uno: #c4d4c2; --mm-dos: #9eb79b; --mm-som: 1px 1px var(--mm-dos), -1px 1px var(--mm-dos), 1px -1px var(--mm-dos), -1px -1px var(--mm-dos); width: 500px; margin: auto; background: #f6f6f6; border: 1px solid var(--mm-uno); border-radius: 10px; overflow: hidden; font: 10px Calibri; color: #444; min-height: 300px; text-transform: uppercase; position: relative; } .MM013-tt { border-bottom: 1px solid var(--mm-uno); display: flex; align-items: center; padding: 8px; box-shadow: 0 -6px 10px #000; position: relative; } .MM013-tt > b::before, .MM013-tt > b::after, .MM013-tt > b { width: 10px; height: 10px; border-radius: 50%; background: var(--mm-uno); position: relative; border: 1px solid var(--mm-dos); } .MM013-tt > b::before, .MM013-tt > b::after { content:""; position: absolute; top: -1px; } .MM013-tt > b::before { left: calc(100% + 5px); } .MM013-tt > b::after { left: calc(200% + 10px); } .MM013-tt > strong { position: absolute; left: 50%; transform: translate(-50%); font: bold 10px calibri; letter-spacing: 1px; background: var(--mm-uno); padding: 0 8px 1px 9px; border-radius: 15px; top: calc(50% - 7px); text-shadow: var(--mm-som); color: #FFF; border: 1px solid var(--mm-dos); } .MM013-tt > div { flex: 1; text-align: right; } .MM013-tt a { color: var(--mm-uno); margin-left: 5px; } .MM013-tt a:hover { color: #444; } .MM013-bot { display: flex; border-bottom: 1px solid var(--mm-uno); } .MM013-bot label { margin: 0; padding: 2px 0 2px 3px; letter-spacing: 3px; flex-grow: 1; text-align: center; color: #999; } .MM013-bot label ~ label { border-left:1px solid var(--mm-uno); } #MM013-01:checked ~ div label[for*="-01"], #MM013-02:checked ~ div label[for*="-02"], #MM013-03:checked ~ div label[for*="-03"], #MM013-04:checked ~ div label[for*="-04"], #MM013-05:checked ~ div label[for*="-05"] { background: #FFF9; position: relative; color: #444; } .MM013-txt { margin: 10px; border: 1px solid var(--mm-uno); background: #FFF9; position: relative; opacity: 0; transition: 1s; pointer-events: none; } .MM013-txt ~ .MM013-txt { position: absolute; bottom: 0; left: 0; right: 0; } #MM013-01:checked ~ .MM013-txt.m1, #MM013-02:checked ~ .MM013-txt.m2, #MM013-03:checked ~ .MM013-txt.m3, #MM013-04:checked ~ .MM013-txt.m4, #MM013-05:checked ~ .MM013-txt.m5 { opacity: 1; pointer-events: auto; } .MM013-txt > b { display: block; border-bottom: 1px solid var(--mm-uno); padding: 5px 5px 5px 10px; letter-spacing: 5px; } .MM013-txt > b span { float: right; background: var(--mm-uno); padding: 7px; margin: -6px; color: #FFF; letter-spacing: 0; text-shadow: var(--mm-som); } .MM013-txt > div { height: 220px; display: flex; } .MM013-txt > div > div { border: 10px solid transparent; background-clip: content-box; box-shadow: 1px 0 var(--mm-uno); width: 150px; background-position: center; background-size: cover; } .MM013-txt:nth-of-type(odd) > div { flex-direction: row-reverse; } .MM013-txt:nth-of-type(odd) > div > div { box-shadow: -1px 0 var(--mm-uno); } .MM013-txt > div > span { margin: 20px; flex: 1; overflow: auto; padding-right: 3px; text-transform: none; font-size: 12px; text-align: justify; hyphens: auto; } .MM013-txt > div > span br { display: block; margin: 5px; } .MM013 input, .MM013 br { display: none; } .MM013 div::-webkit-scrollbar { width: 5px !important; height: 5px !important; background: #0006 !important; } .MM013 div::-webkit-scrollbar-thumb { background: var(--mm-uno) !important; } .miMM { display: block; font: bold 10px Calibri; letter-spacing: 2px; text-align: center; transition: 0.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!