API tools faq
paste
marshallsmyth

scheherazade w

marshallsmyth
Sep 20th, 2020
134
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 8.11 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=Allura|Parisienne|Calligraffitti|Charm|Philosopher);
  3. ::-webkit-scrollbar-thumb:vertical { background:#4e004e;border-radius:20px;box-shadow: 0px 0px 0px #000; }
  4. ::-webkit-scrollbar-thumb:horizontal { background:blue;border-radius:20px;box-shadow: 0px 0px 0px #000; }
  5. ::-webkit-scrollbar { width:0px;height:7px; background:red;border-radius:20px; }
  6.  
  7.  body { background-size:491%; background-image:url( https://i.imgur.com/MGvEUXI.png );
  8. background-repeat:no-repeat;width:490%; }
  9.  
  10. .clouds {position:fixed; left:0%; bottom:0%; width:100%; height:50%; display:inline; overflow: visible; pointer-events:none;
  11. opacity: 0.9; background:transparent url('https://i.imgur.com/geosgmp.png') repeat top center; z-index:0;
  12. -moz-animation:move-scrolling-front 200s linear infinite; -ms-animation:move-scrolling-front 200s linear infinite;
  13. -o-animation:move-scrolling-front 200s linear infinite; -webkit-animation:move-scrolling-front 200s linear infinite;
  14. animation:move-scrolling-front 200s linear infinite; } @keyframes move-scrolling-front{ from{background-position:0% 0%}
  15. to{background-position:300% 0%}} @-webkit-keyframes move-scrolling-front{from{background-position:0% 0%}
  16. to{background-position:300% 0%}} @-moz-keyframes move-scrolling-front{from{background-position:0% 0%}
  17. to{background-position:300% 0%}} @-ms-keyframes move-scrolling-front{from{background-position:0% 0%}
  18. to{background-position:300% 0%}}
  19.  
  20. </style>
  21.  
  22. <div id="x" class="marker""> </style> <style type="text/css">
  23. #boxx { width:242px;height:89px;position:absolute;top:32.6%;left:358%;
  24. box-shadow:0px 0px 77px 55px #000; border-radius:11px; }
  25. </style><div id="boxx"></div>
  26.  
  27. <div id="1" class="genealogy"> </style> <style type="text/css">
  28. #box1 { width:25%; height:11%; position:fixed; overflow:hidden; border-radius:500px; color:#bcf;
  29. transition:7s ease; background:#102;
  30. font-family:charm, times; font-size:40px; letter-spacing:-0.5px; text-align:center;
  31. line-height:75px; padding:1px; left:0.6%; top:4%; }
  32. #box1:hover { width:100%; height:100%; transition:7s ease; left:0%; top:0%; z-index:1;
  33. border-radius:0px; overflow:auto; color:transparent; }
  34. </style> <div id="box1"> Scheherazade's Relativity <div class="clouds"> </div>
  35. <center><img src=" https://i.imgur.com/QI9NVHs.jpg " style="width:40%;"></center> </div></div>
  36.  
  37. <div id="2" class="genealogy"> </style> <style type="text/css">
  38. #box2 { width:20%; height:12%; position:fixed; overflow:hidden; border-radius:500px; color:#50f;
  39. transition:7s ease; background:#102;
  40. font-family:charm, times; font-size:48px; letter-spacing:-0.5px; text-align:center;
  41. line-height:80px; padding:1px; left:0.6%; top:74%; }
  42. #box2:hover { width:100%; height:100%; transition:7s ease; left:0%; top:0%; z-index:1;
  43. border-radius:0px; overflow:auto; color:transparent; }
  44. </style> <div id="box2"> Scheherazade <div class="clouds"> </div>
  45. <center><img src=" https://i.imgur.com/oXUx3Bs.jpg " style="width:40%;"></center> </div></div>
  46.  
  47. <div id="3" class="genealogy"> </style> <style type="text/css">
  48. #box3 { width:20%; height:12%; position:fixed; overflow:hidden; border-radius:500px; color:#50f;
  49. transition:7s ease; background:#102;
  50. font-family:charm, times; font-size:48px; letter-spacing:-0.5px; text-align:center;
  51. line-height:80px; padding:1px; left:26.5%; top:74%; }
  52. #box3:hover { width:100%; height:100%; transition:7s ease; left:0%; top:0%; z-index:1;
  53. border-radius:0px; overflow:auto; color:transparent; }
  54. </style> <div id="box3"> Timeline <div class="clouds"> </div>
  55. <center><img src=" https://i.imgur.com/i423etA.jpg " style="width:40%;"></center> </div></div>
  56.  
  57. <div id="4" class="genealogy"> </style> <style type="text/css">
  58. #box4 { width:20%; height:12%; position:fixed; overflow:hidden; border-radius:500px; color:#50f;
  59. transition:7s ease; background:#102;
  60. font-family:charm, times; font-size:48px; letter-spacing:-0.5px; text-align:center;
  61. line-height:80px; padding:1px; left:52.5%; top:74%; }
  62. #box4:hover { width:100%; height:100%; transition:7s ease; left:0%; top:0%; z-index:1;
  63. border-radius:0px; overflow:auto; color:transparent; }
  64. </style> <div id="box4"> Updates <div class="clouds"> </div>
  65.  
  66. <div style="font-family:charm, times;font-size:50px;line-height:90px;color:#19a;
  67. text-align:center;margin-top:0px;"> Active Updates </div>
  68.  
  69. <div style="font-family:calligraffitti, times;color:#50f;font-size:244px;text-align:center;
  70. margin-top:190px;letter-spacing:5px;"> Scheherazade </div>
  71.  
  72. <div style="font-family:parisienne, arial;color:#a2f;font-size:80px;height:0px;
  73. text-align:center;padding:260px 0px 60px 0px;border-bottom:40px double #40f;">Scheherazade's Updates</div>
  74.  
  75. <ul style="list-style-type:square;font-family:charm, arial;color:#19a;font-size:50px;line-height:58px;
  76. padding:10px 30px 60px 55px;float:left;text-align:left;">
  77.  
  78. <li> - 4/28/20 - Start of the active updates. Am a very busy Love Succubus! My time is spread out raising my youngest, Dee Dee Deeahndra. It is good her father is a very responsible and loving succubus. Also readying the backup team of the Safety Protocol Mission. <p> </ul>
  79.  
  80. <div style="font-family:parisienne, arial;color:#82f;font-size:80px;line-height:40px;
  81. text-align:center;padding:10px 0px 40px 0px;border-bottom:40px double #40f;"> Continuing Story</div></div></div>
  82.  
  83. <div id="5" class="genealogy"> </style> <style type="text/css">
  84. #box5 { width:20%; height:12%; position:fixed; overflow:hidden; border-radius:500px; color:#50f;
  85. transition:7s ease; background:#102;
  86. font-family:charm, times; font-size:48px; letter-spacing:-0.5px; text-align:center;
  87. line-height:80px; padding:1px; left:78.2%; top:74%; }
  88. #box5:hover { width:100%; height:100%; transition:7s ease; left:0%; top:0%; z-index:1;
  89. border-radius:0px; overflow:auto; color:transparent; }
  90. </style> <div id="box5"> Images <div class="clouds"></div>
  91. <center><img src=" https://i.imgur.com/9zeTNJu.jpg " style="width:44%;"></center> </div></div>
  92.  
  93. <div id="6" class="genealogy"> </style> <style type="text/css">
  94. #box6 { width:25%; height:11%; position:fixed; overflow:hidden; border-radius:500px; color:#bcf;
  95. transition:7s ease; background:#102;
  96. font-family:charm, times; font-size:40px; letter-spacing:-1.5px; text-align:center;
  97. line-height:75px; padding:1px; left:73.4%; top:4%; }
  98. #box6:hover { width:100%; height:100%; transition:7s ease; left:0%; top:0%; z-index:1;
  99. border-radius:0px; overflow:auto; color:transparent; }
  100. </style> <div id="box6"> Scheherazade's Adventures <div class="clouds"> </div>
  101. <center><img src=" https://i.imgur.com/a4TfPgf.jpg " style="width:40%;"></center> </div></div>
  102.  
  103. <div id="7" class="genealogy"> </style> <style type="text/css">
  104. #box7 { width:20%; height:9%; position:fixed; overflow:hidden; border-radius:500px; color:#bcf;
  105. transition:7s ease; background:#102;
  106. font-family:charm, times; font-size:40px; letter-spacing:0px; text-align:center;
  107. line-height:60px; padding:1px; left:0.6%; top:89%; }
  108. #box7:hover { width:100%; height:100%; transition:7s ease; left:0%; top:0%; z-index:1;
  109. border-radius:0px; overflow:auto; color:transparent; }
  110. </style> <div id="box7"> Overview <div class="clouds"> </div>
  111. <center><img src=" https://i.imgur.com/egaMyvR.jpg " style="width:40%;"></center> </div></div>
  112.  
  113. <div id="8" class="genealogy"> </style> <style type="text/css">
  114. #box8 { width:20%; height:9%; position:fixed; overflow:hidden; border-radius:500px; color:#bcf;
  115. transition:7s ease; background:#102;
  116. font-family:charm, times; font-size:40px; letter-spacing:0px; text-align:center;
  117. line-height:60px; padding:1px; left:78.2%; top:89%; }
  118. #box8:hover { width:100%; height:100%; transition:7s ease; left:0%; top:0%; z-index:1;
  119. border-radius:0px; overflow:auto; color:transparent; }
  120. </style> <div id="box8"> Background <div class="clouds"> </div>
  121. <center><img src=" https://i.imgur.com/1tffTYT.png " style="width:40%;"></center> </div></div>
  122.  
  123. <div id="end" class="genealogy"></style><style type="text/css">
  124. #boxend {left:0%;right:0%;top:95%;opacity:1;font-size:26px;text-align:center;
  125. font-family:charm, sans-serif;color:#101;position:fixed;}
  126. </style><div id="boxend"> Scheherazade (images) 8/30/20 </div></div>
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!