Advertisement
marshallsmyth

scheherazade ws

Jul 12th, 2020
1,248
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 6.92 KB | None | 0 0
  1. <body><style type="text/css">
  2. @import url(https://fonts.googleapis.com/css?family=Charm);
  3. ::-webkit-scrollbar-thumb:horizontal { background:blue;border-radius:20px;}
  4. ::-webkit-scrollbar { width:0px;height:3px; background:red;}
  5.  
  6.  body { background-size:827%; background-image:url( https://i.imgur.com/AgnZpAj.png );
  7. background-repeat:no-repeat;width:827%; }
  8.  
  9. </style>
  10.  
  11.  <div id="1" class="genealogy"> </style> <style type="text/css">
  12. #box1 { width:25%; height:8%; position:fixed; overflow:hidden; border-radius:500px; color:#bcf;
  13. transition:7s ease; background:#102; border:solid 6px #50f;
  14. font-family:charm, times; font-size:40px; letter-spacing:-0.5px; text-align:center;
  15. line-height:50px; padding:1px; box-shadow:0px 0px 8px 4px #eef; left:0.6%; top:4%; }
  16.  #box1:hover { width:99%; height:97.7%; transition:7s ease; left:0%; top:0%; z-index:1;
  17. border-radius:20px; box-shadow:0px 0px 20px 30px #50f;
  18. overflow:auto; font-size:0px; line-height:0px; }
  19. </style> <div id="box1"> Scheherazade's Relativity
  20. <img src=" https://i.imgur.com/QI9NVHs.jpg " style="width:100%;margin-top:5px;"> </div>
  21.  
  22. <div id="2" class="genealogy"> </style> <style type="text/css">
  23. #box2 { width:20%; height:8%; position:fixed; overflow:hidden; border-radius:500px; color:#50f;
  24. transition:7s ease; background:#102; border:solid 6px #50f;
  25. font-family:charm, times; font-size:48px; letter-spacing:-0.5px; text-align:center;
  26. line-height:50px; padding:1px; box-shadow:0px 0px 8px 4px #eef; left:0.6%; top:70%; }
  27. #box2:hover { width:99%; height:97.7%; transition:7s ease; left:0%; top:0%; z-index:1;
  28. border-radius:20px; box-shadow:0px 0px 20px 30px #50f;
  29. overflow:auto; font-size:0px; line-height:0px; }
  30. </style> <div id="box2"> Scheherazade
  31. <img src=" https://i.imgur.com/oXUx3Bs.jpg " style="width:100%;"> </div>
  32.  
  33. <div id="3" class="genealogy"> </style> <style type="text/css">
  34. #box3 { width:20%; height:8%; position:fixed; overflow:hidden; border-radius:500px; color:#50f;
  35. transition:7s ease; background:#102; border:solid 6px #50f;
  36. font-family:charm, times; font-size:48px; letter-spacing:-0.5px; text-align:center;
  37. line-height:50px; padding:1px; box-shadow:0px 0px 8px 4px #eef; left:26.5%; top:70%; }
  38. #box3:hover { width:99%; height:97.7%; transition:7s ease; left:0%; top:0%; z-index:1;
  39. border-radius:20px; box-shadow:0px 0px 20px 30px #50f;
  40. overflow:auto; font-size:0px; line-height:0px; }
  41. </style> <div id="box3"> Timeline
  42. <img src=" https://i.imgur.com/i423etA.jpg " style="width:100%;"> </div>
  43.  
  44. <div id="4" class="genealogy"> </style> <style type="text/css">
  45. #box4 { width:20%; height:8%; position:fixed; overflow:hidden; border-radius:500px; color:#50f;
  46. transition:7s ease; background:#102; border:solid 6px #50f;
  47. font-family:charm, times; font-size:48px; letter-spacing:-0.5px; text-align:center;
  48. line-height:50px; padding:1px; box-shadow:0px 0px 8px 4px #eef; left:52.5%; top:70%; }
  49. #box4:hover { width:97.2%; height:94.7%; transition:7s ease; left:0%; top:0%; z-index:1;
  50. border-radius:20px; border:solid 17px #50f; box-shadow:0px 0px 20px 30px #50f;
  51. overflow:auto; font-size:0px; line-height:0px; }
  52. </style> <div id="box4"> Updates
  53. <img src=" https://i.imgur.com/BWmEWfU.jpg " style="width:100%;"> </div>
  54.  
  55. <div id="5" class="genealogy"> </style> <style type="text/css">
  56. #box5 { width:20%; height:8%; position:fixed; overflow:hidden; border-radius:500px; color:#50f;
  57. transition:7s ease; background:#102; border:solid 6px #50f;
  58. font-family:charm, times; font-size:48px; letter-spacing:-0.5px; text-align:center;
  59. line-height:50px; padding:1px; box-shadow:0px 0px 8px 4px #eef; left:78.2%; top:70%; }
  60. #box5:hover { width:99%; height:97.7%; transition:7s ease; left:0%; top:0%; z-index:1;
  61. border-radius:20px; box-shadow:0px 0px 20px 30px #50f;
  62. overflow:auto; font-size:0px; line-height:0px; }
  63. </style> <div id="box5"> Images
  64. <img src=" https://i.imgur.com/9zeTNJu.jpg " style="width:100%;"> </div>
  65.  
  66. <div id="6" class="genealogy"> </style> <style type="text/css">
  67. #box6 { width:25%; height:8%; position:fixed; overflow:hidden; border-radius:500px; color:#bcf;
  68. transition:7s ease; background:#102; border:solid 6px #50f;
  69. font-family:charm, times; font-size:40px; letter-spacing:-1.5px; text-align:center;
  70. line-height:50px; padding:1px; box-shadow:0px 0px 8px 4px #eef; left:73.4%; top:4%; }
  71. #box6:hover { width:99%; height:97.7%; transition:7s ease; left:0%; top:0%; z-index:1;
  72. border-radius:20px; box-shadow:0px 0px 20px 30px #50f;
  73. overflow:auto; font-size:0px; line-height:0px; }
  74. </style> <div id="box6"> Scheherazade's Adventures
  75. <img src=" https://i.imgur.com/a4TfPgf.jpg " style="width:100%;"> </div>
  76.  
  77. <div id="7" class="genealogy"> </style> <style type="text/css">
  78. #box7 { width:20%; height:8%; position:fixed; overflow:hidden; border-radius:500px; color:#bcf;
  79. transition:7s ease; background:#102; border:solid 6px #50f;
  80. font-family:charm, times; font-size:40px; letter-spacing:0px; text-align:center;
  81. line-height:50px; padding:1px; box-shadow:0px 0px 8px 4px #eef; left:0.6%; top:85%; }
  82.  #box7:hover { width:99%; height:97.7%; transition:7s ease; left:0%; top:0%; z-index:1;
  83. border-radius:20px; box-shadow:0px 0px 20px 30px #50f;
  84. overflow:auto; font-size:0px; line-height:0px; }
  85. </style> <div id="box7"> Overview
  86. <img src=" https://i.imgur.com/egaMyvR.jpg " style="width:100%;"> </div>
  87.  
  88. <div id="8" class="genealogy"> </style> <style type="text/css">
  89. #box8 { width:20%; height:8%; position:fixed; overflow:hidden; border-radius:500px; color:#bcf;
  90. transition:7s ease; background:#102; border:solid 6px #50f;
  91. font-family:charm, times; font-size:40px; letter-spacing:0px; text-align:center;
  92. line-height:50px; padding:1px; box-shadow:0px 0px 8px 4px #eef; left:78.2%; top:85%; }
  93.  #box8:hover { width:99%; height:97.7%; transition:7s ease; left:0%; top:0%; z-index:1;
  94. border-radius:20px; box-shadow:0px 0px 20px 30px #50f;
  95. overflow:auto; font-size:0px; line-height:0px; }
  96. </style> <div id="box8"> Background
  97. <img src=" https://i.imgur.com/1tffTYT.png " style="width:100%;margin-top:5px;"> </div>
  98.  
  99. <div id="10" class="genealogy"> </style> <style type="text/css">
  100. #box10 { width:29%; height:8%; position:fixed; overflow:hidden; border-radius:500px; color:#bcf;
  101. transition:7s ease; background:#102; border:solid 6px #50f;
  102. font-family:charm, times; font-size:40px; letter-spacing:0px; text-align:center;
  103. line-height:50px; padding:1px; box-shadow:0px 0px 8px 4px #eef; left:35%; top:3%; }
  104.  #box10:hover { width:99%; height:97.7%; transition:7s ease; left:0%; top:0%; z-index:1; background:#60f;
  105. border-radius:20px; box-shadow:0px 0px 20px 30px #50f;
  106. overflow:auto; font-size:0px; line-height:0px; }
  107. </style> <div id="box10"> Scheherazade 6/10/20
  108. <center><img src=" https://i.imgur.com/sOlJUpK.png " style="width:100%;
  109. margin-top:10px;border-radius:20px;"></center> </div><script src="https://ajax.cloudflare.com/cdn-cgi/scripts/7089c43e/cloudflare-static/rocket-loader.min.js" data-cf-settings="cae5884d6c5af13fbdadd3a8-|49" defer=""></script></body>
  110.  
  111. </body>
  112. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement