Advertisement
Guest User

Untitled

a guest
Jan 16th, 2019
51
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.97 KB | None | 0 0
  1. <style>
  2. .sf,td{display:none;}
  3. body{color:#ffffff;font:7pt verdana;overflow:hidden;background: #080807 url('https://i.ibb.co/cDWSKZK/mm.png') top left no-repeat fixed;}
  4.  
  5. a{color:#e2f1ef;text-decoration:none;font-weight:bold;}
  6. a:hover{color:#8fc2bd;}
  7.  
  8. .one,.two{top:0px;height:365px;width:340px;overflow:hidden;}
  9.  
  10. .one{left:60px;}
  11. .two{left:600px;}
  12.  
  13. .spacer{width:300px;height:607px;overflow:hidden;}
  14. .part{width:300px;height:325px;overflow:auto;text-align:justify;padding:20px;background:url('https://i.imgur.com/gYcQd8A.png');}
  15.  
  16. .three{top:0px;left:0px;height:222px;width:1000px;}
  17. .part3{width:540px;height:262px;overflow:auto;text-align:justify;padding:20px;background:url('https://i.imgur.com/gYcQd8A.png');}
  18.  
  19. .main{top:10000px;left:0px;width:1000px;height:785px;overflow:auto;}
  20. .main3{top:20000px;left:0px;width:1000px;height:785px;overflow:auto;}
  21. .wakeup{top:0px;left:0px;width:100%;height:100%;background:url('https://i.imgur.com/gYcQd8A.png');z-index:-1;}
  22. .w{top:350px;display:block;font:40pt verdana;text-align:center;width:1000px;}
  23. </style>
  24.  
  25. <div class="wakeup" id="clear" style="position:absolute;"></div>
  26. <a href="#one" class="w" style="position:absolute;">WAKE UP</a>
  27.  
  28.  
  29.  
  30.  
  31. <div class="main" id="one" style="position:absolute;">
  32.  
  33.  
  34.  
  35.  
  36.  
  37. <div style="position:absolute;" class="one">
  38. <center>
  39.  
  40. <div class="part">
  41. First box! <b>Bold</b> <i>italic</i> <a href="#two">link to second box</a><br>
  42. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce sed vulputate lectus. Suspendisse diam ex, efficitur vel lacinia ut, condimentum quis tortor. Aenean rutrum sollicitudin felis vitae viverra. Aenean eu lectus commodo, scelerisque nulla a, feugiat neque. Sed id ultricies ex. Integer scelerisque consectetur lacus eget dictum. Maecenas faucibus eget dui sit amet elementum. Ut vestibulum maximus nibh. Suspendisse potenti. Ut imperdiet pellentesque. Nullam fringilla diam quis risus luctus pretium. Nam vulputate viverra ante, non cursus elit rutrum in. Sed nec porta neque. Fusce convallis pulvinar quam vel feugiat. Maecenas congue mi lectus, at tempor arcu cursus et. Nullam faucibus ante nec nisi bibendum placerat ac id nibh.
  43. <p>
  44. Nam sit amet ante ullamcorper, condimentum metus consectetur, efficitur nulla. Pellentesque dictum faucibus nisl vel ullamcorper. Morbi et lacus rutrum, efficitur mauris et, ullamcorper dolor. Pellentesque nulla massa, viverra vitae massa eu, dignissim bibendum quam. Donec posuere magna quam, eget tristique ligula tempor nec. Nam augue arcu, vulputate sit amet odio vitae, mollis vulputate arcu. Aenean pulvinar libero non sem mattis, posuere volutpat est mattis. Morbi tempus congue ligula id sollicitudin. Aliquam ultrices mi eget convallis placerat. Vivamus rutrum, lacus vitae vehicula, nunc elit pellentesque leo, non luctus nibh velit id felis. Nulla a massa in lectus ultricies pretium. Mauris commodo nunc sed mi congue rutrum. Maecenas sapien diam, ullamcorper nec nulla a, faucibus ultricies augue. Nullam est dolor, pellentesque sed imperdiet id, feugiat eget elit. Curabitur volutpat nibh ex, mollis sagittis elit pharetra sit amet.
  45. <p>
  46. Fusce viverra nibh sed lacus fringilla aliquet. Cras venenatis velit purus, ac venenatis ante gravida sit amet. Sed ante lectus, interdum vitae ultrices id, imperdiet in erat. Vivamus sed quam eleifend, pretium sapien ut, suscipit leo. Aenean auctor tortor lacinia libero mattis egestas. Mauris tincidunt diam a purus placerat, vitae ultrices elit malesuada. Fusce aliquam, ex eu viverra ornare, nulla augue interdum nisl, sit amet placerat sem nisi sed dui. Nulla malesuada a sapien auctor congue. Mauris ut iaculis erat. Cras egestas mi vitae arcu volutpat blandit. Integer cursus vulputate felis. Morbi eu condimentum nibh, dictum dapibus mauris. Vestibulum non convallis augue.
  47. </div>
  48. </div>
  49.  
  50.  
  51.  
  52.  
  53.  
  54.  
  55.  
  56.  
  57.  
  58.  
  59.  
  60.  
  61.  
  62.  
  63.  
  64.  
  65.  
  66. <div style="position:absolute;" class="two">
  67. <center>
  68. <div class="spacer"></div><br>
  69.  
  70. <div class="part" id="two">
  71. Second box! <b>Bold</b> <i>italic</i> <a href="#three">link to third box</a><br>
  72. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce sed vulputate lectus. Suspendisse diam ex, efficitur vel lacinia ut, condimentum quis tortor. Aenean rutrum sollicitudin felis vitae viverra. Aenean eu lectus commodo, scelerisque nulla a, feugiat neque. Sed id ultricies ex. Integer scelerisque consectetur lacus eget dictum. Maecenas faucibus eget dui sit amet elementum. Ut vestibulum maximus nibh. Suspendisse potenti. Ut imperdiet pellentesque. Nullam fringilla diam quis risus luctus pretium. Nam vulputate viverra ante, non cursus elit rutrum in. Sed nec porta neque. Fusce convallis pulvinar quam vel feugiat. Maecenas congue mi lectus, at tempor arcu cursus et. Nullam faucibus ante nec nisi bibendum placerat ac id nibh.
  73. <p>
  74. Nam sit amet ante ullamcorper, condimentum metus consectetur, efficitur nulla. Pellentesque dictum faucibus nisl vel ullamcorper. Morbi et lacus rutrum, efficitur mauris et, ullamcorper dolor. Pellentesque nulla massa, viverra vitae massa eu, dignissim bibendum quam. Donec posuere magna quam, eget tristique ligula tempor nec. Nam augue arcu, vulputate sit amet odio vitae, mollis vulputate arcu. Aenean pulvinar libero non sem mattis, posuere volutpat est mattis. Morbi tempus congue ligula id sollicitudin. Aliquam ultrices mi eget convallis placerat. Vivamus rutrum, lacus vitae vehicula, nunc elit pellentesque leo, non luctus nibh velit id felis. Nulla a massa in lectus ultricies pretium. Mauris commodo nunc sed mi congue rutrum. Maecenas sapien diam, ullamcorper nec nulla a, faucibus ultricies augue. Nullam est dolor, pellentesque sed imperdiet id, feugiat eget elit. Curabitur volutpat nibh ex, mollis sagittis elit pharetra sit amet.
  75. <p>
  76. Fusce viverra nibh sed lacus fringilla aliquet. Cras venenatis velit purus, ac venenatis ante gravida sit amet. Sed ante lectus, interdum vitae ultrices id, imperdiet in erat. Vivamus sed quam eleifend, pretium sapien ut, suscipit leo. Aenean auctor tortor lacinia libero mattis egestas. Mauris tincidunt diam a purus placerat, vitae ultrices elit malesuada. Fusce aliquam, ex eu viverra ornare, nulla augue interdum nisl, sit amet placerat sem nisi sed dui. Nulla malesuada a sapien auctor congue. Mauris ut iaculis erat. Cras egestas mi vitae arcu volutpat blandit. Integer cursus vulputate felis. Morbi eu condimentum nibh, dictum dapibus mauris. Vestibulum non convallis augue.
  77. </div>
  78. </div>
  79.  
  80.  
  81.  
  82.  
  83.  
  84.  
  85.  
  86.  
  87.  
  88. </div>
  89.  
  90. <div class="main3" id="three" style="position:absolute;">
  91.  
  92.  
  93.  
  94.  
  95.  
  96.  
  97.  
  98.  
  99. <div style="position:absolute;" class="three">
  100. <center>
  101.  
  102. <div class="part3">
  103. Third box! <b>Bold</b> <i>italic</i> <a href="#clear">link to the wake up part</a><br>
  104. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce sed vulputate lectus. Suspendisse diam ex, efficitur vel lacinia ut, condimentum quis tortor. Aenean rutrum sollicitudin felis vitae viverra. Aenean eu lectus commodo, scelerisque nulla a, feugiat neque. Sed id ultricies ex. Integer scelerisque consectetur lacus eget dictum. Maecenas faucibus eget dui sit amet elementum. Ut vestibulum maximus nibh. Suspendisse potenti. Ut imperdiet pellentesque. Nullam fringilla diam quis risus luctus pretium. Nam vulputate viverra ante, non cursus elit rutrum in. Sed nec porta neque. Fusce convallis pulvinar quam vel feugiat. Maecenas congue mi lectus, at tempor arcu cursus et. Nullam faucibus ante nec nisi bibendum placerat ac id nibh.
  105. <p>
  106. Nam sit amet ante ullamcorper, condimentum metus consectetur, efficitur nulla. Pellentesque dictum faucibus nisl vel ullamcorper. Morbi et lacus rutrum, efficitur mauris et, ullamcorper dolor. Pellentesque nulla massa, viverra vitae massa eu, dignissim bibendum quam. Donec posuere magna quam, eget tristique ligula tempor nec. Nam augue arcu, vulputate sit amet odio vitae, mollis vulputate arcu. Aenean pulvinar libero non sem mattis, posuere volutpat est mattis. Morbi tempus congue ligula id sollicitudin. Aliquam ultrices mi eget convallis placerat. Vivamus rutrum, lacus vitae vehicula, nunc elit pellentesque leo, non luctus nibh velit id felis. Nulla a massa in lectus ultricies pretium. Mauris commodo nunc sed mi congue rutrum. Maecenas sapien diam, ullamcorper nec nulla a, faucibus ultricies augue. Nullam est dolor, pellentesque sed imperdiet id, feugiat eget elit. Curabitur volutpat nibh ex, mollis sagittis elit pharetra sit amet.
  107. <p>
  108. Fusce viverra nibh sed lacus fringilla aliquet. Cras venenatis velit purus, ac venenatis ante gravida sit amet. Sed ante lectus, interdum vitae ultrices id, imperdiet in erat. Vivamus sed quam eleifend, pretium sapien ut, suscipit leo. Aenean auctor tortor lacinia libero mattis egestas. Mauris tincidunt diam a purus placerat, vitae ultrices elit malesuada. Fusce aliquam, ex eu viverra ornare, nulla augue interdum nisl, sit amet placerat sem nisi sed dui. Nulla malesuada a sapien auctor congue. Mauris ut iaculis erat. Cras egestas mi vitae arcu volutpat blandit. Integer cursus vulputate felis. Morbi eu condimentum nibh, dictum dapibus mauris. Vestibulum non convallis augue.
  109. </div>
  110. </div>
  111.  
  112.  
  113.  
  114.  
  115.  
  116.  
  117.  
  118.  
  119.  
  120.  
  121.  
  122.  
  123.  
  124.  
  125.  
  126.  
  127.  
  128.  
  129. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement