API tools faq
paste
Advertisement
marshallsmyth

RS Esther 4/6/20

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