API tools faq
paste
marshallsmyth

RS Scheherazade 6/7/21

marshallsmyth
Apr 27th, 2019 (edited)
501
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 7.04 KB | None | 0 0
raw download clone embed print report
  1. <body><style>
  2. @import url(https://fonts.googleapis.com/css?family=Allura|Parisienne|Calligraffitti|Charm|Philosopher);
  3. ::-webkit-scrollbar-thumb:vertical {  } ::-webkit-scrollbar-thumb:horizontal { background:blue; }
  4. ::-webkit-scrollbar { width:0px;height:3px; background:red; }
  5.  
  6.  body { background-size:499.9219% 100%; background-image:url(https://i.imgur.com/MGvEUXI.png); background-repeat:no-repeat;width:499.4%;height:44%; }
  7.  
  8. .clouds {position:fixed; left:0%; bottom:0%; width:100%; height:50%; display:inline; overflow: visible; pointer-events:none;
  9. opacity: 0.4; background:transparent url('https://i.imgur.com/geosgmp.png') repeat top center; z-index:0;
  10. -moz-animation:move-scrolling-front 500s linear infinite; -ms-animation:move-scrolling-front 500s linear infinite;
  11. -o-animation:move-scrolling-front 500s linear infinite; -webkit-animation:move-scrolling-front 500s linear infinite;
  12. animation:move-scrolling-front 500s linear infinite; } @keyframes move-scrolling-front{ from{background-position:0% 0%}
  13. to{background-position:300% 0%}} @-webkit-keyframes move-scrolling-front{from{background-position:0% 0%}
  14. to{background-position:300% 0%}} @-moz-keyframes move-scrolling-front{from{background-position:0% 0%}
  15. to{background-position:300% 0%}} @-ms-keyframes move-scrolling-front{from{background-position:0% 0%}
  16. to{background-position:300% 0%}}
  17.  
  18. </style>
  19.  
  20.  <div id="1"> </style> <style>
  21. #box1 { width:25%; height:9%; position:fixed; overflow:hidden; border-radius:30px; color:#bcf; transition:5s ease; background:#102; font-family:charm; font-size:35px; text-align:center; line-height:65px; padding:1px; left:0.6%; top:4%; }
  22. #box1:hover { width:100%; height:100%; transition:5s ease; left:0%; top:0%; z-index:1; overflow:auto; color:transparent; }
  23. </style> <div id="box1"> Scheherazade's Relativity <div class="clouds"> </div>
  24. <center><img src=" https://i.imgur.com/QI9NVHs.jpg " style="width:55%;"></center> </div></div>
  25.  
  26. <div id="2"> </style> <style>
  27. #box2 { width:25%; height:9%; position:fixed; overflow:hidden; border-radius:30px; color:#50f; transition:5s ease; background:#102;
  28. font-family:charm; font-size:40px; text-align:center; line-height:65px; padding:1px; left:0%; top:75%; }
  29. #box2:hover { width:100%; height:100%; transition:5s ease; left:0%; top:0%; z-index:1; overflow:auto; color:transparent; }
  30. </style> <div id="box2"> Scheherazade <div class="clouds"> </div>
  31. <center><img src=" https://i.imgur.com/oXUx3Bs.jpg " style="width:55%;"></center> </div></div>
  32.  
  33. <div id="3"> </style> <style>
  34. #box3 { width:25%; height:9%; position:fixed; overflow:hidden; border-radius:30px; color:#50f; transition:5s ease; background:#102; font-family:charm; font-size:40px; text-align:center; line-height:65px; padding:1px; left:25%; top:75%; }
  35. #box3:hover { width:100%; height:100%; transition:5s ease; left:0%; top:0%; z-index:1; overflow:auto; color:transparent; }
  36. </style> <div id="box3"> Timeline <div class="clouds"> </div>
  37. <center><img src=" https://i.imgur.com/i423etA.jpg " style="width:94%;"></center> </div></div>
  38.  
  39. <div id="4"> </style> <style>
  40. #box4 { width:25%; height:9%; position:fixed; overflow:hidden; border-radius:30px; color:#50f; transition:5s ease; background:#102;
  41. font-family:charm; font-size:40px; text-align:center; line-height:65px; padding:1px; left:50%; top:75%; }
  42. #box4:hover { width:100%; height:100%; transition:5s ease; left:0%; top:0%; z-index:1; overflow:auto; color:transparent; }
  43. </style> <div id="box4"> Updates <div class="clouds"> </div>
  44.  
  45. <div style="font-family:charm, times;font-size:50px;line-height:90px;color:#19a;
  46. text-align:center;margin-top:0px;"> Active Updates </div>
  47.  
  48. <div style="font-family:calligraffitti, times;color:#50f;font-size:244px;text-align:center;
  49. margin-top:190px;letter-spacing:5px;"> Scheherazade </div>
  50.  
  51. <div style="font-family:parisienne, arial;color:#a2f;font-size:80px;height:0px;
  52. text-align:center;padding:260px 0px 60px 0px;border-bottom:40px double #40f;">Scheherazade's Updates</div>
  53.  
  54. <ul style="list-style-type:square;font-family:charm, arial;color:#19a;font-size:50px;line-height:58px;
  55. padding:10px 30px 60px 55px;float:left;text-align:left;">
  56.  
  57. <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>
  58.  
  59. <div style="font-family:parisienne, arial;color:#82f;font-size:80px;line-height:40px;
  60. text-align:center;padding:10px 0px 40px 0px;border-bottom:40px double #40f;"> Continuing Story</div></div></div>
  61.  
  62.  <div id="5"> </style> <style>
  63. #box5 { width:25%; height:9%; position:fixed; overflow:hidden; border-radius:30px; color:#50f; transition:5s ease; background:#102;
  64. font-family:charm; font-size:40px; text-align:center; line-height:65px; padding:1px; left:75%; top:75%; }
  65. #box5:hover { width:100%; height:100%; transition:5s ease; left:0%; top:0%; z-index:1; overflow:auto; color:transparent; }
  66. </style> <div id="box5"> Images <div class="clouds"></div>
  67. <center><img src=" https://i.imgur.com/9zeTNJu.jpg " style="width:94%;"></center> </div></div>
  68.  
  69.  <div id="6"> </style> <style>
  70. #box6 { width:25%; height:9%; position:fixed; overflow:hidden; border-radius:30px; color:#bcf; transition:5s ease; background:#102;
  71. font-family:charm; font-size:35px; letter-spacing:-1.5px; text-align:center; line-height:65px; padding:1px; left:73.4%; top:4%; }
  72. #box6:hover { width:100%; height:100%; transition:5s ease; left:0%; top:0%; z-index:1; overflow:auto; color:transparent; }
  73. </style> <div id="box6"> Scheherazade's Adventures <div class="clouds"> </div>
  74. <center><img src=" https://i.imgur.com/a4TfPgf.jpg " style="width:55%;"></center> </div></div>
  75.  
  76. <div id="7"> </style> <style>
  77. #box7 { width:25%; height:9%; position:fixed; overflow:hidden; border-radius:30px; color:#bcf; transition:5s ease; background:#102;
  78. font-family:charm; font-size:40px; letter-spacing:0px; text-align:center; line-height:65px; padding:1px; left:0%; top:88%; }
  79. #box7:hover { width:100%; height:100%; transition:5s ease; left:0%; top:0%; z-index:1; overflow:auto; color:transparent; }
  80. </style> <div id="box7"> Overview <div class="clouds"> </div>
  81. <center><img src=" https://i.imgur.com/egaMyvR.jpg " style="width:55%;"></center> </div></div>
  82.  
  83. <div id="8"> </style> <style>
  84. #box8 { width:25%; height:9%; position:fixed; overflow:hidden; border-radius:30px; color:#bcf; transition:5s ease; background:#102;
  85. font-family:charm; font-size:40px; letter-spacing:0px; text-align:center; line-height:65px; padding:1px; left:75%; top:88%; }
  86. #box8:hover { width:100%; height:100%; transition:5s ease; left:0%; top:0%; z-index:1; overflow:auto; color:transparent; }
  87. </style> <div id="box8"> Background <div class="clouds"> </div>
  88. <center><img src=" https://i.imgur.com/1tffTYT.png " style="width:55%;"></center> </div></div>
  89.  
  90. <div id="end"></style><style>
  91. #boxend {left:0%;right:0%;top:94.5%;font-size:30px;text-align:center;font-family:charm;color:#bef;position:fixed;}
  92. </style><div id="boxend"> Scheherazade 6/7/21 </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!