API tools faq
paste
Emmes

Librito Peque

Emmes
Jul 25th, 2019
174
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 13.34 KB | None | 0 0
raw download clone embed print report
  1. <div class="M98"><div class="conM98">
  2.  
  3. <input type="checkbox" name="porM98" id="M98">
  4. <label for="M98" class="porM98 aa"><div style="background-image: url(https://i.imgur.com/xwUwkmQ.gif); color: #FFF0A1;">
  5. <div class="ttM98">esto es
  6. <b>El Título</b>
  7. del librito</div>
  8. <strong>(abrir)</strong></div><div style="background-image: url(https://i.imgur.com/l1EKUcF.jpg);"><strong>(cerrar)</strong></div></label>
  9.  
  10. <input type="checkbox" id="aaM98"><label class="bpM98" for="aaM98">01</label><span><i><div class="pagM98">Pág. 001<div class="subM98">Título Aquí</div><div class="xxM98">Sesame snaps dragée candy cake cotton candy cotton candy brownie wafer cotton candy. Macaroon candy canes croissant tart toffee. Dessert cake lollipop lemon drops chocolate bar danish lemon drops cotton candy. Icing jelly beans pie chocolate cake tart.
  11.  
  12. Croissant powder pastry halvah. Gummies chupa chups powder tiramisu gummies pastry tootsie roll. Dessert biscuit biscuit tiramisu apple pie candy cake.
  13.  
  14. Icing candy cookie. Biscuit liquorice chocolate. Gummi bears cake marshmallow.
  15.  
  16. Wafer lemon drops pastry topping jelly-o halvah bonbon halvah. Ice cream halvah marzipan sesame snaps chocolate cake wafer. Pudding dessert apple pie donut.</div></div><div class="pagM98">Pág. 002<div class="albM98">
  17. <div class="imgM98 uno" style="background-image: url(https://i.imgur.com/bqD7pBi.jpg);"></div>
  18. </div></div></i></span>
  19.  
  20. <input type="checkbox" id="bbM98"><label class="bpM98" for="bbM98">02</label><span><i><div class="pagM98">Pág. 003<div class="littM98">Enlaces</div><div class="linksM98">
  21. <a href="URL" title="¿Dónde llevo?">01</a>
  22. <a href="URL" title="¿Dónde llevo?">02</a>
  23. <a href="URL" title="¿Dónde llevo?">03</a>
  24. <a href="URL" title="¿Dónde llevo?">04</a>
  25. <a href="URL" title="¿Dónde llevo?">05</a>
  26. <a href="URL" title="¿Dónde llevo?">06</a>
  27. <a href="URL" title="¿Dónde llevo?">07</a>
  28. <a href="URL" title="¿Dónde llevo?">08</a>
  29. <a href="URL" title="¿Dónde llevo?">09</a>
  30. <a href="URL" title="¿Dónde llevo?">10</a>
  31. <a href="URL" title="¿Dónde llevo?">11</a>
  32. <a href="URL" title="¿Dónde llevo?">12</a>
  33. </div></div><div class="pagM98">Pág. 004<div class="albM98">
  34. <div class="imgM98 dosv" style="background-image: url(https://i.imgur.com/ZjoJjL0.jpg?1);"></div>
  35. <div class="imgM98 dosv" style="background-image: url(https://i.imgur.com/f2z6LE6.jpg?1);"></div>
  36. </div></div></i></span>
  37.  
  38. <input type="checkbox" id="ccM98"><label class="bpM98" for="ccM98">03</label><span><i><div class="pagM98">Pág. 005<div class="ddM98">Icing candy cookie. Biscuit liquorice chocolate. Gummi bears cake marshmallow.</div><div class="xxM98">Dragée candy cake cotton candy cotton candy brownie wafer cotton candy. Macaroon candy canes croissant tart toffee. Dessert cake lollipop lemon drops chocolate bar danish lemon drops cotton candy. Icing jelly beans pie chocolate cake tart.
  39.  
  40. Croissant powder pastry halvah. Gummies chupa chups powder tiramisu gummies pastry tootsie roll. Dessert biscuit biscuit tiramisu apple pie candy cake.
  41.  
  42. Icing candy cookie. Biscuit liquorice chocolate. Gummi bears cake marshmallow.
  43.  
  44. Wafer lemon drops pastry topping jelly-o halvah bonbon halvah. Ice cream halvah marzipan sesame snaps chocolate cake wafer. Pudding dessert apple pie donut.</div></div><div class="pagM98">Pág. 006<div class="albM98">
  45. <div class="imgM98 dosh" style="background-image: url(https://i.imgur.com/1D5oEic.jpg?1);"></div>
  46. <div class="imgM98 dosh" style="background-image: url(https://i.imgur.com/FJkEysH.jpg?1);"></div>
  47. </div></div></i></span>
  48.  
  49. <input type="checkbox" id="ddM98"><label class="bpM98" for="ddM98">04</label><span><i><div class="pagM98">Pág. 007<div class="littM98">Mi Música</div><div class="ldosM98 mus">
  50. <span>Nombre canción 01<div><audio src="https://dl.dropboxusercontent.com/s/07uc2k8bubxsyet/Tha%27s%20What%20Happened%20%28Bee%20%26%20Puppycat-themed%20Remix%29.mp3" controls></audio></div></span>
  51. <span>Nombre canción 02<div><audio src="canción.mp3" controls></audio></div></span>
  52. <span>Nombre canción 03<div><audio src="canción.mp3" controls></audio></div></span>
  53. <span>Nombre canción 04<div><audio src="canción.mp3" controls></audio></div></span>
  54. <span>Nombre canción 05<div><audio src="canción.mp3" controls></audio></div></span>
  55. <span>Nombre canción 06<div><audio src="canción.mp3" controls></audio></div></span>
  56. <span>Nombre canción 07<div><audio src="canción.mp3" controls></audio></div></span>
  57. </div></div><div class="pagM98">Pág. 008<div class="albM98">
  58. <div class="imgM98 tresv" style="background-image: url(https://i.imgur.com/jDLwOCJ.jpg?1);"></div>
  59. <div class="imgM98 tresv" style="background-image: url(https://i.imgur.com/QbtWeqK.jpg);"></div>
  60. <div class="imgM98 tresv" style="background-image: url(https://i.imgur.com/KUJygVk.jpg);"></div>
  61. </div></div></i></span>
  62.  
  63. <input type="checkbox" id="eeM98"><label class="bpM98" for="eeM98">05</label><span><i><div class="pagM98">Pág. 009<div class="fraM98">Icing candy cookie. Biscuit liquorice chocolate. Gummi bears cake marshmallow.</div></div><div class="pagM98">Pág. 010<div class="albM98">
  64. <div class="imgM98 tresh" style="background-image: url(https://i.imgur.com/iF6sxQm.jpg?1);"></div>
  65. <div class="imgM98 tresh" style="background-image: url(https://i.imgur.com/ciypfSp.jpg);"></div>
  66. <div class="imgM98 tresh" style="background-image: url(https://i.imgur.com/gvwEka9.jpg);"></div>
  67. </div></div></i></span>
  68.  
  69. <input type="checkbox" id="ffM98"><label class="bpM98" for="ffM98">06</label><span><i><div class="pagM98">Pág. 011<div class="subM98">Título Aquí</div><div class="xxM98"><div class="imcM98" style="background-image: url(https://i.imgur.com/dLmRr1v.jpg?1);"></div>Candy cake cotton candy cotton candy brownie wafer cotton candy. Macaroon candy canes croissant tart toffee. Dessert cake lollipop lemon drops chocolate bar danish lemon drops cotton candy. Icing jelly beans pie chocolate cake tart.
  70.  
  71. Croissant powder pastry halvah. Gummies chupa chups powder tiramisu gummies pastry tootsie roll. Dessert biscuit biscuit tiramisu apple pie candy cake.
  72.  
  73. Icing candy cookie. Biscuit liquorice chocolate. Gummi bears cake marshmallow.
  74.  
  75. Wafer lemon drops pastry topping jelly-o halvah bonbon halvah. Ice cream halvah marzipan sesame snaps chocolate cake wafer. Pudding dessert apple pie donut.</div></div><div class="pagM98">Pág. 012<div class="albM98">
  76. <div class="imgM98 cua" style="background-image: url(https://i.imgur.com/MtqXOsR.jpg?1);"></div>
  77. <div class="imgM98 cua" style="background-image: url(https://i.imgur.com/H2D8bUJ.jpg?1);"></div>
  78. <div class="imgM98 cua" style="background-image: url(https://i.imgur.com/fI14PlH.jpg?1);"></div>
  79. <div class="imgM98 cua" style="background-image: url(https://i.imgur.com/q3fmt5G.jpg?1);"></div>
  80. </div></div></i></span>
  81.  
  82. <input type="checkbox" id="ggM98"><label class="bpM98" for="ggM98">07</label><span><i><div class="pagM98">Pág. 013<div class="littM98">Listado</div><div class="feM98"><span><strong>00</strong>Marzipan carrot cake tart jelly beans chocolate cake topping carrot cake. </span>
  83. <span><strong>01</strong>Croissant chupa chups halvah gummi bears biscuit. Cake pastry cake. Chocolate tootsie roll donut tiramisu pie bear claw sweet roll.</span>
  84. <span><strong>02</strong>Powder soufflé fruitcake croissant wafer tiramisu.</span>
  85. <span><strong>03</strong>Tiramisu powder tiramisu jelly-o oat cake croissant croissant marshmallow gingerbread. Muffin croissant cheesecake chocolate cake sesame snaps jelly-o cheesecake donut candy canes. Topping cake ice cream topping gingerbread.</span>
  86. <span><strong>04</strong>Marzipan carrot cake tart jelly beans chocolate cake topping carrot cake. </span>
  87. <span><strong>05</strong>Croissant chupa chups halvah gummi bears biscuit. Cake pastry cake. Chocolate tootsie roll donut tiramisu pie bear claw sweet roll.</span>
  88. <span><strong>06</strong>Powder soufflé fruitcake croissant wafer tiramisu.</span>
  89. <span><strong>07</strong>Tiramisu powder tiramisu jelly-o oat cake croissant croissant marshmallow gingerbread. Muffin croissant cheesecake chocolate cake sesame snaps jelly-o cheesecake donut candy canes. Topping cake ice cream topping gingerbread.</span>
  90. </div></div><div class="pagM98">Pág. 014<div class="albM98">
  91. <div class="imgM98 cua" style="background-image: url(https://i.imgur.com/V2BCLj7.jpg);"></div>
  92. <div class="imgM98 cua" style="background-image: url(https://i.imgur.com/dmK1mBP.jpg?1);"></div>
  93. <div class="imgM98 dosh" style="background-image: url(https://i.imgur.com/oNxF7Rd.jpg);"></div>
  94. </div></div></i></span>
  95.  
  96. <input type="checkbox" id="hhM98"><label class="bpM98" for="hhM98">08</label><span><i><div class="pagM98">Pág. 015<div class="littM98">Enlaces</div><div class="ldosM98"><a href="URL" title="¿Dónde llevo?">Enlace 01</a>
  97. <a href="URL" title="¿Dónde llevo?">Enlace 02</a>
  98. <a href="URL" title="¿Dónde llevo?">Enlace 03</a>
  99. <a href="URL" title="¿Dónde llevo?">Enlace 04</a>
  100. <a href="URL" title="¿Dónde llevo?">Enlace 05</a>
  101. <a href="URL" title="¿Dónde llevo?">Enlace 06</a>
  102. <a href="URL" title="¿Dónde llevo?">Enlace 07</a>
  103. <a href="URL" title="¿Dónde llevo?">Enlace 08</a></div></div><div class="pagM98">Pág. 016<div class="albM98">
  104. <div class="imgM98 dosv" style="background-image: url(https://i.imgur.com/jnWpdjm.jpg?1);"></div>
  105. <div class="imgM98 cua" style="background-image: url(https://i.imgur.com/MNkcgh2.jpg?1);"></div>
  106. <div class="imgM98 cua" style="background-image: url(https://i.imgur.com/KAtBwzw.jpg?2); float: right; transform: translateY(calc(-100% - 10px));"></div>
  107. </div></div></i></span>
  108.  
  109. <input type="checkbox" id="iiM98"><label class="bpM98" for="iiM98">09</label><span><i><div class="pagM98">Pág. 017<div class="albM98">
  110. <div class="imgM98 cua" style="background-image: url(https://i.imgur.com/7umbmBd.jpg?1);"></div>
  111. <div class="imgM98 dosv" style="background-image: url(https://i.imgur.com/SDt7Cod.jpg?1);"></div>
  112. <div class="imgM98 cua" style="background-image: url(https://i.imgur.com/N0cxRfY.jpg?1); float: left; transform: translateY(calc(-100% - 10px));"></div>
  113. </div></div><div class="pagM98">Pág. 018<div class="albM98">
  114. <div class="imgM98 ico" style="background-image: url(https://i.imgur.com/Pqv396I.jpg?1);"></div>
  115. <div class="imgM98 ico" style="background-image: url(https://i.imgur.com/Z0csanc.jpg);"></div>
  116. <div class="imgM98 ico" style="background-image: url(https://i.imgur.com/iNPN3Pt.jpg);"></div>
  117. <div class="imgM98 cen" style="background-image: url(https://i.imgur.com/iJ56Rl2.jpg);"></div>
  118. <div class="imgM98 ico" style="background-image: url(https://i.imgur.com/7oPaV6E.jpg); margin-left: 0px;"></div>
  119. <div class="imgM98 ico" style="background-image: url(https://i.imgur.com/hg0LLZn.jpg);"></div>
  120. <div class="imgM98 ico" style="background-image: url(https://i.imgur.com/8NCfyfn.jpg);"></div>
  121. </div></div></i></span>
  122.  
  123. <input type="checkbox" id="jjM98"><label class="bpM98" for="jjM98">10</label><span><i><div class="pagM98">Pág. 019<div class="littM98">Mi Música</div><div class="ldosM98 mdos">
  124. <span title="Nombre de la Canción">01<div><audio src="https://dl.dropboxusercontent.com/s/07uc2k8bubxsyet/Tha%27s%20What%20Happened%20%28Bee%20%26%20Puppycat-themed%20Remix%29.mp3" controls></audio></div></span>
  125. <span title="Nombre de la Canción">02<div><audio src="canción.mp3" controls></audio></div></span>
  126. <span title="Nombre de la Canción">03<div><audio src="canción.mp3" controls></audio></div></span>
  127. <span title="Nombre de la Canción">04<div><audio src="canción.mp3" controls></audio></div></span>
  128. <span title="Nombre de la Canción">05<div><audio src="canción.mp3" controls></audio></div></span>
  129. <span title="Nombre de la Canción">06<div><audio src="canción.mp3" controls></audio></div></span>
  130. <span title="Nombre de la Canción">07<div><audio src="canción.mp3" controls></audio></div></span>
  131. </div></div><div class="pagM98">Pág. 020<br><div class="albM98 mini">
  132. <div class="imgM98 tresh" style="background-image: url(https://i.imgur.com/c8FlXpB.jpg?1);"></div>
  133. <div class="imgM98 tresh" style="background-image: url(https://i.imgur.com/lg5dlMA.jpg?1);"></div>
  134. <div class="imgM98 tresh" style="background-image: url(https://i.imgur.com/tLR2m6l.jpg?1);"></div>
  135. </div><div class="xxM98 mini">Sesame snaps dragée candy cake cotton candy cotton candy brownie wafer cotton candy. Macaroon candy canes croissant tart toffee. Dessert cake lollipop lemon drops chocolate bar danish lemon drops cotton candy. Icing jelly beans pie chocolate cake tart.
  136.  
  137. Croissant powder pastry halvah. Gummies chupa chups powder tiramisu gummies pastry tootsie roll. Dessert biscuit biscuit tiramisu apple pie candy cake.
  138.  
  139. Icing candy cookie. Biscuit liquorice chocolate. Gummi bears cake marshmallow.
  140.  
  141. Wafer lemon drops pastry topping jelly-o halvah bonbon halvah. Ice cream halvah marzipan sesame snaps chocolate cake wafer. Pudding dessert apple pie donut.</div></div><a href="https://emmescodes.tumblr.com/" title="Code by Emme" class="miM98">Emme</a></i></span>
  142.  
  143. <div class="pagM98 con" style="background-image: url(https://i.imgur.com/l1EKUcF.jpg);"></div></div>
  144.  
  145. </div>
  146.  
  147. <style>.conM98 {width: 250px; /**ANCHO x PAGINA**/ height: 350px;  /**ALTURA**/} #M98:checked ~ .porM98.aa {margin-left: 125px; /**MITAD DEL ANCHO x PAGINA**/} .bpM98 {left: 125px; /**MITAD DEL ANCHO x PAGINA**/}</style><link href="https://fonts.googleapis.com/css?family=Montserrat:400,900|Ruge+Boogie|Lora&display=swap" rel="stylesheet"><link href="https://cdn.statically.io/gh/EmmesCodes/CSS/61ac1cae/M98P.css" rel="stylesheet">
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!