API tools faq
paste
Advertisement
marshallsmyth

esther archive 4/11/20

marshallsmyth
Apr 11th, 2020
524
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 9.79 KB | None | 0 0
raw download clone embed print report
  1.  <body><style type="text/css" onload="try { document.title = 'Slice of Heaven'; } catch (error) { }">
  2. @import url(https://fonts.googleapis.com/css?family=Quintessential|Allura|Montez|Parisienne|Amita|Charm|Philosopher);
  3. ::-webkit-scrollbar-thumb:vertical { background:#6c82f9;border-radius:4px;box-shadow:0px 22px 22px #000; }
  4. ::-webkit-scrollbar-thumb:horizontal { background:#903;border-radius:0px;box-shadow: 0px 13px 13px #000; }
  5. ::-webkit-scrollbar { width:0px; height:4px;background:#70a;border-radius:3px; }
  6.  
  7.  
  8. body { background-size:500.5% 100%; background-image:url( https://i.imgur.com/1XsNrSG.png);
  9. background-repeat:no-repeat;width:499.4%;height:43%; }
  10.  
  11.  
  12. .clouds {position:fixed; left:0%; bottom:0%; width:100%; height:35%;
  13. display:inline; overflow:visible; pointer-events:none; opacity:0.9;
  14. background:transparent url('https://i.imgur.com/geosgmp.png') repeat top center;
  15. z-index:1; -moz-animation:move-scrolling-front 800s linear infinite;
  16. -ms-animation:move-scrolling-front 800s linear infinite; -o-animation:move-scrolling-front 800s linear infinite;
  17. -webkit-animation:move-scrolling-front 800s linear infinite; animation:move-scrolling-front 800s linear infinite; }
  18.  @keyframes move-scrolling-front{from{background-position:0% 0%}to{background-position:300% 0%}}
  19. @-webkit-keyframes move-scrolling-front{from{background-position:0% 0%}to{background-position:300% 0%}}
  20. @-moz-keyframes move-scrolling-front{from{background-position:0% 0%}to{background-position:300% 0%}}
  21. @-ms-keyframes move-scrolling-front{from{background-position:0% 0%}to{background-position:300% 0%}}
  22.  
  23. </style>
  24.  
  25.  <div id="1" class="genealogy"> </style>
  26. <style type="text/css">
  27. #box1 { width:20%; height:9%; left:0%; top:3%; position:fixed; overflow:hidden;
  28. transition:6s ease; padding:1px 10px 1px 1px; background:#400; border:dotted 5px #f2c;
  29. border-radius:50px; font-family:charm, times; color:#f2c; font-size:43px;
  30. line-height:62px; font-weight:none; letter-spacing:1.5px; text-align:center; }
  31.  
  32. #box1:hover { width:99%; height:98%; transition:7s ease; left:0.4%; top:0.5%; z-index:1;
  33. background:#06070d; opacity:1.0; background-size:100% 100%; background-image:url( ); background-repeat:no-repeat;
  34. border-radius:20px; border:dotted 1px #c682f9; box-shadow:0px 0px 20px 300px #8e002e,inset 0px 0px 80px 1px #8e002e;
  35. overflow:auto; font-weight:none; color:transparent; padding:1px; font-size:20px; line-height:20px; }
  36. </style> <div id="box1"> Overview
  37. <div class="clouds"> </div>
  38. <img src=" https://i.imgur.com/egaMyvR.jpg " style="width:100%;">
  39.  </div></div>
  40.  
  41.  
  42. <div id="2" class="genealogy"> </style>
  43. <style type="text/css">
  44. #box2 { width:19%; height:9%; left:0%; top:60%; position:fixed; overflow:hidden;
  45. transition:6s ease; padding:1px; background:#515; border:dotted 5px #f2c;
  46. border-radius:50px; font-family:parisienne, times; color:#f2c; font-size:58px;
  47. line-height:72px; font-weight:none; letter-spacing:1.5px; text-align:center; }
  48.  
  49. #box2:hover { width:99%; height:98%; transition:7s ease; left:0%; top:0%; z-index:1;
  50. background:#40001d; opacity:1.0; background-size:100% 100%; background-image:url( ); background-repeat:no-repeat;
  51. border-radius:20px; border:dotted 6px #c682f9; box-shadow:0px 0px 20px 300px #8e002e,inset 0px 0px 80px 9px #202;
  52. overflow:auto; font-weight:none; color:transparent; padding:1px; font-size:20px; line-height:0px; }
  53. </style> <div id="box2"> Esther
  54. <div class="clouds"> </div>
  55. <img src=" https://i.imgur.com/BjYttFF.png " style="width:100%;">
  56. </div> </div>
  57.  
  58.  
  59. <div id="3" class="genealogy"> </style>
  60. <style type="text/css">
  61. #box3 { width:19%; height:9%; left:20.1%; top:60%; position:fixed; overflow:hidden;
  62. transition:6s ease; padding:1px; background:#515; border:dotted 5px #f2c;
  63. border-radius:50px; font-family:parisienne, times; color:#f2c; font-size:58px;
  64. line-height:72px; font-weight:none; letter-spacing:1.5px; text-align:center; }
  65.  
  66. #box3:hover { width:98.2%; height:96%; transition:7s ease; left:0%; top:0.2%; z-index:1;
  67. opacity:1.0; background-size:100% 100%; background-image:url( https://i.imgur.com/t9OO4e4.png );
  68. background-repeat:no-repeat;
  69. border-radius:20px; border:double 12px #419; box-shadow:0px 0px 20px 90px #71e,inset 0px 0px 90px 46px #81e;
  70. overflow:auto; font-weight:none; color:transparent; padding:1px; font-size:20px; line-height:0px; }
  71. </style> <div id="box3"> Estate
  72. <div class="clouds"> </div>
  73.  <div style="width:93%;background:#40001d;opacity:0.95;margin:34% 0% 0% 3.5%;">
  74.  <img src=" https://i.imgur.com/j4Iyc3C.png " style="width:100%;">
  75.  </div> </div>
  76.  
  77.  
  78.  <div id="4" class="genealogy"> </style>
  79. <style type="text/css">
  80. #box4 { width:19%; height:9%; left:40.2%; top:60%; position:fixed; overflow:hidden;
  81. transition:6s ease; padding:1px; background:#515; border:dotted 5px #f2c;
  82. border-radius:50px; font-family:parisienne, times; color:#f2c; font-size:58px;
  83. line-height:72px; font-weight:none; letter-spacing:1.5px; text-align:center; }
  84.  
  85. #box4:hover { width:99%; height:98%; transition:7s ease; left:0%; top:0.2%; z-index:1;
  86. background:#81e; opacity:1.0; background-size:100% 100%; background-image:url( ); background-repeat:no-repeat;
  87. border-radius:20px; border:dotted 7px #f2a; box-shadow:0px 0px 20px 300px #8e002e,inset 0px 0px 10px 33px #202;
  88. overflow:auto; font-weight:none; color:transparent; padding:0px; font-size:20px; line-height:0px; }
  89. </style> <div id="box4"> Timeline
  90. <div class="clouds"> </div>
  91. <img src=" https://i.imgur.com/PprnQuD.png " style="width:100%;">
  92.  </div>
  93.  
  94.  
  95.  <div id="5" class="genealogy"> </style>
  96. <style type="text/css">
  97. #box5 { width:19%; height:9%; left:60.4%; top:60%; position:fixed; overflow:hidden;
  98. transition:6s ease; padding:1px; background:#515; border:dotted 5px #f2c;
  99. border-radius:50px; font-family:parisienne, times; color:#f2c; font-size:58px;
  100. line-height:72px; font-weight:none; letter-spacing:1.5px; text-align:center; }
  101.  
  102. #box5:hover { width:99%; height:98%; transition:7s ease; left:0%; top:0.2%; z-index:1; opacity:1;
  103. background-size:100% 100%; background-image:url( https://i.imgur.com/y6zbfvj.png ); background-repeat:no-repeat;
  104. border-radius:20px; border:dotted 6px #81e; box-shadow:0px 0px 20px 300px #8e002e,inset 0px 0px 80px 1px #40001d;
  105. overflow:auto; font-weight:none; color:transparent; padding:1px; font-size:20px; line-height:0px; }
  106. </style> <div id="box5"> Others
  107. <div class="clouds"> </div>
  108. <img src=" https://i.imgur.com/kVpO9xz.png " style="width:100%;margin-top:0px;opacity:0.7;">
  109.  </div></div></div>
  110.  
  111.  
  112.  <div id="6" class="genealogy"> </style>
  113. <style type="text/css">
  114. #box6 { width:19%; height:9%; left:80.4%; top:60%; position:fixed; overflow:hidden;
  115. transition:6s ease; padding:1px; background:#515; border:dotted 5px #f2c;
  116. border-radius:50px; font-family:parisienne, times; color:#f2c; font-size:58px;
  117. line-height:72px; font-weight:none; letter-spacing:1.5px; text-align:center; }
  118.  
  119. #box6:hover { width:99%; height:98%; transition:7s ease; left:0%; top:0.2%; z-index:1;
  120. background:#40001d; opacity:1.0; background-size:100% 100%; background-image:url( ); background-repeat:no-repeat;
  121. border-radius:20px; border:dotted 6px #e44; box-shadow:0px 0px 20px 300px #8e002e,inset 0px 0px 80px 3px #ff8cc1;
  122. overflow:auto; font-weight:none; color:transparent; padding:1px; font-size:20px; line-height:0px; }
  123. </style> <div id="box6"> Images
  124. <div class="clouds"></div>
  125. <img src=" https://i.imgur.com/Y1pqfWf.jpg " style="width:100%;">
  126. </div></div>
  127.  
  128.  
  129. <div id="7" class="genealogy"> </style>
  130. <style type="text/css">
  131. #box7 { width:20%; height:9%; left:78.7%; top:3%; position:fixed; overflow:hidden;
  132. transition:6s ease; padding:1px 10px 1px 1px; background:#400; border:dotted 5px #f2c;
  133. border-radius:50px; font-family:charm, times; color:#f2c; font-size:43px;
  134. line-height:62px; font-weight:none; letter-spacing:1.5px; text-align:center; }
  135.  
  136. #box7:hover { width:99%; height:97.7%; transition:7s ease; left:0%; top:0.3%; z-index:1;
  137. background:#06070d; opacity:1.0; background-size:100% 100%; background-image:url( ); background-repeat:no-repeat;
  138. border-radius:20px; border:dotted 6px #f4b; box-shadow:0px 0px 20px 300px #8e002e,inset 0px 0px 80px 1px #aa22dd;
  139. overflow:auto; font-weight:none; color:transparent; padding:1px; font-size:20px; line-height:0px; }
  140. </style> <div id="box7"> Background
  141. <div class="clouds"> </div>
  142. <img src=" https://i.imgur.com/1tffTYT.png " style="width:100%;margin-top:0px;"></div> </div>
  143.  
  144.  
  145.  <div id="8" class="genealogy"> </style>
  146. <style type="text/css">
  147. #box8 { width:19%; height:9%; left:40.2%; top:80%; position:fixed; overflow:hidden;
  148. transition:6s ease; padding:1px; background:#515; border:dotted 5px #f2c;
  149. border-radius:50px; font-family:parisienne, times; color:#f2c; font-size:58px;
  150. line-height:72px; font-weight:none; letter-spacing:1.5px; text-align:center; }
  151.  
  152. #box8:hover { width:99%; height:97.7%; transition:7s ease; left:0%; top:0.3%; z-index:1;
  153. background:#40001d; opacity:1.0; background-size:100% 100%; background-image:url( ); background-repeat:no-repeat;
  154. border-radius:20px; border:dotted 6px #e59; box-shadow:0px 0px 20px 300px #8e002e,inset 0px 0px 80px 3px #202;
  155. overflow:auto; font-weight:none; color:transparent; padding:1px; font-size:20px; line-height:0px; }
  156. </style> <div id="box8"> Updates
  157. <div class="clouds"> </div>
  158.  
  159. <div style="font-family:parisienne, arial;font-size:104px;line-height:144px;letter-spacing:0.5px;
  160. font-style:italic;padding:88px 22px 11px 22px;text-align:center;color:#f5b;">
  161. Esther's Updates, from April 3rd, 2020 </div>
  162.  
  163. <div style="font-family:charm, arial;font-size:50px;line-height:58px;color:#fce;
  164. font-style:italic;text-align:left;padding:200px 40px 50px 40px;">
  165. Kannachan just made me pregnant on April 3rd, 2020. </div>
  166.  
  167.  
  168. </div><div style="margin:40px 0px 0px 630px;opacity:1;font-size:50px;
  169. font-family:charm, times;font-style:italic;color:#306;">
  170. Esther 4/6/20 <br> </div> </script></body></html>
  171. </body>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!