API tools faq
paste
marshallsmyth

esther waystone 9/3/20

marshallsmyth
Sep 3rd, 2020
177
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 9.20 KB | None | 0 0
raw download clone embed print report
  1. <body><style type="text/css">
  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:11px;background:#70a;border-radius:3px; }
  6.  
  7.  body { background-size:828%; background-image:url( https://i.imgur.com/ltXNeF1.png );
  8. background-repeat:no-repeat;width:827%; }
  9.  
  10.  .clouds {position:fixed; left:0%; bottom:0%; width:100%; height:40%;
  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; transition:6s ease; padding:1px 10px 1px 1px;
  25. background:#400; border:dotted 5px #f2c; border-radius:50px; font-family:charm, times; color:#f2c; font-size:43px;
  26. line-height:62px; letter-spacing:1.5px; text-align:center; }
  27.  #box1:hover { width:99%; height:98%; transition:7s ease; left:0.4%; top:0.5%; z-index:1;background:#06070d; border-radius:20px;
  28. border:dotted 1px #c682f9; box-shadow:0px 0px 20px 300px #803,inset 0px 0px 80px 1px #803; overflow:auto; color:transparent; }
  29. </style> <div id="box1"> Overview <div class="clouds"> </div>
  30. <img src=" https://i.imgur.com/egaMyvR.jpg " style="width:100%;"> </div></div>
  31.  
  32.  <div id="2" class="genealogy"> </style> <style type="text/css">
  33. #box2 { width:19%; height:9%; left:0%; top:77%; position:fixed; overflow:hidden; transition:6s ease; padding:1px;
  34. background:#515; border:dotted 5px #f2c; border-radius:50px; font-family:parisienne, times; color:#f2c; font-size:58px;
  35. line-height:72px; letter-spacing:1.5px; text-align:center; }
  36.  #box2:hover { width:99%; height:98%; transition:7s ease; left:0%; top:0%; z-index:1;background:#402; border-radius:20px;
  37. border:dotted 6px #c682f9; box-shadow:0px 0px 20px 300px #803,inset 0px 0px 80px 9px #202; overflow:auto; color:transparent; }
  38. </style> <div id="box2"> Esther <div class="clouds"> </div>
  39. <img src=" https://i.imgur.com/BjYttFF.png " style="width:100%;"> </div> </div>
  40.  
  41.  <div id="3" class="genealogy"> </style> <style type="text/css">
  42. #box3 { width:19%; height:9%; left:20.1%; top:77%; position:fixed; overflow:hidden; transition:6s ease; padding:1px;
  43. background:#515; border:dotted 5px #f2c; border-radius:50px; font-family:parisienne, times; color:#f2c; font-size:58px;
  44. line-height:72px; letter-spacing:1.5px; text-align:center; }
  45.  #box3:hover { width:99%; height:98%; transition:7s ease; left:0%; top:0.3%; z-index:1; opacity:1.0; overflow:auto;
  46. background-size:100% 100%; background-image:url( https://i.imgur.com/t9OO4e4.png ); background-repeat:no-repeat;
  47. border-radius:20px; border:double 6px #71e; box-shadow:0px 0px 20px 90px #71e,inset 0px 0px 90px 16px #202; color:transparent; }
  48. </style> <div id="box3"> Estate <div class="clouds"> </div>
  49.  <div style="width:93%;background:#40001d;opacity:0.95;margin:34% 0% 0% 3.5%;">
  50.  <img src=" https://i.imgur.com/j4Iyc3C.png " style="width:100%;"> </div> </div>
  51.  
  52.  <div id="4" class="genealogy"> </style> <style type="text/css">
  53. #box4 { width:19%; height:9%; left:40.2%; top:77%; position:fixed; overflow:hidden;
  54. transition:6s ease; padding:1px; background:#515; border:dotted 5px #f2c;
  55. border-radius:50px; font-family:parisienne, times; color:#f2c; font-size:58px;
  56. line-height:72px; font-weight:none; letter-spacing:1.5px; text-align:center; }
  57.  #box4:hover { width:99%; height:98%; transition:7s ease; left:0%; top:0.2%; z-index:1;
  58. background:#40001d; opacity:1.0; background-size:100% 100%; background-image:url( ); background-repeat:no-repeat;
  59. border-radius:20px; border:dotted 6px #1bf; box-shadow:0px 0px 20px 300px #8e002e,inset 0px 0px 80px 3px #202;
  60. overflow:auto; font-weight:none; color:transparent; padding:1px; font-size:20px; line-height:0px; }
  61. </style> <div id="box4"> Timeline <div class="clouds"> </div>
  62. <img src=" https://i.imgur.com/PprnQuD.png " style="width:100%;"> </div>
  63.  
  64.  <div id="5" class="genealogy"> </style> <style type="text/css">
  65. #box5 { width:19%; height:9%; left:60.4%; top:77%; 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.  #box5:hover { width:99%; height:98%; transition:7s ease; left:0%; top:0.2%; z-index:1; opacity:1;
  70. background-size:100% 100%; background-image:url( https://i.imgur.com/y6zbfvj.png ); background-repeat:no-repeat;
  71. border-radius:20px; border:dotted 6px #81e; box-shadow:0px 0px 20px 300px #8e002e,inset 0px 0px 80px 1px #40001d;
  72. overflow:auto; font-weight:none; color:transparent; padding:1px; font-size:20px; line-height:0px; }
  73. </style> <div id="box5"> Others <div class="clouds"> </div>
  74. <img src=" https://i.imgur.com/kVpO9xz.png " style="width:100%;opacity:0.7;"> </div></div></div>
  75.  
  76.  <div id="6" class="genealogy"> </style> <style type="text/css">
  77. #box6 { width:19%; height:9%; left:80.4%; top:77%; position:fixed; overflow:hidden;
  78. transition:6s ease; padding:1px; background:#515; border:dotted 5px #f2c;
  79. border-radius:50px; font-family:parisienne, times; color:#f2c; font-size:58px;
  80. line-height:72px; font-weight:none; letter-spacing:1.5px; text-align:center; }
  81.  #box6:hover { width:99%; height:98%; transition:7s ease; left:0%; top:0.2%; z-index:1;
  82. background:#40001d; opacity:1.0; background-size:100% 100%; background-image:url( ); background-repeat:no-repeat;
  83. border-radius:20px; border:dotted 6px #e44; box-shadow:0px 0px 20px 300px #8e002e,inset 0px 0px 80px 3px #ff8cc1;
  84. overflow:auto; font-weight:none; color:transparent; padding:1px; font-size:20px; line-height:0px; }
  85. </style> <div id="box6"> Images <div class="clouds"></div>
  86. <img src=" https://i.imgur.com/Y1pqfWf.jpg " style="width:100%;"> </div></div>
  87.  
  88.  <div id="7" class="genealogy"> </style> <style type="text/css">
  89. #box7 { width:20%; height:9%; left:78.7%; top:3%; position:fixed; overflow:hidden;
  90. transition:6s ease; padding:1px 10px 1px 1px; background:#400; border:dotted 5px #f2c;
  91. border-radius:50px; font-family:charm, times; color:#f2c; font-size:43px;
  92. line-height:62px; font-weight:none; letter-spacing:1.5px; text-align:center; }
  93.  #box7:hover { width:99%; height:97.7%; transition:7s ease; left:0%; top:0.3%; z-index:1;
  94. background:#06070d; opacity:1.0; background-size:100% 100%; background-image:url( ); background-repeat:no-repeat;
  95. border-radius:20px; border:dotted 6px #f4b; box-shadow:0px 0px 20px 300px #8e002e,inset 0px 0px 80px 1px #aa22dd;
  96. overflow:auto; font-weight:none; color:transparent; padding:1px; font-size:20px; line-height:0px; }
  97. </style> <div id="box7"> Background <div class="clouds"> </div>
  98. <img src=" https://i.imgur.com/1tffTYT.png " style="width:100%;margin-top:0px;"></div> </div>
  99.  
  100.  <div id="8" class="genealogy"> </style> <style type="text/css">
  101. #box8 { width:19%; height:9%; left:40.2%; top:88%; position:fixed; overflow:hidden;
  102. transition:6s ease; padding:1px; background:#515; border:dotted 5px #f2c;
  103. border-radius:50px; font-family:parisienne, times; color:#f2c; font-size:58px;
  104. line-height:72px; font-weight:none; letter-spacing:1.5px; text-align:center; }
  105.  #box8:hover { width:99%; height:97.7%; transition:7s ease; left:0%; top:0.3%; z-index:1;
  106. background:#40001d; opacity:1.0; background-size:100% 100%; background-image:url( ); background-repeat:no-repeat;
  107. border-radius:20px; border:dotted 6px #e59; box-shadow:0px 0px 20px 300px #8e002e,inset 0px 0px 80px 3px #202;
  108. overflow:auto; font-weight:none; color:transparent; padding:1px; font-size:20px; line-height:0px; }
  109. </style> <div id="box8"> Updates <div class="clouds"> </div>
  110.  
  111. <div style="font-family:parisienne, arial;font-size:104px;line-height:144px;letter-spacing:0.5px;
  112. font-style:italic;padding:88px 22px 11px 22px;text-align:center;color:#f5b;">
  113. Esther's Updates, from April 3rd, 2020 </div>
  114.  
  115. <div style="font-family:charm, arial;font-size:50px;line-height:58px;color:#fce;
  116. font-style:italic;text-align:left;padding:200px 40px 50px 40px;">
  117. Kannachan just made me pregnant on April 3rd, 2020. </div>
  118.  
  119. </div><div style="margin:5px 0px 0px 590px;opacity:0.8;font-size:50px;position:fixed;
  120. font-family:charm, times;font-style:italic;color:#80f;">
  121. Esther 8/29/20 <br> </div> </script></body></html></body>
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!