API tools faq
paste
marshallsmyth

LS 78 Scotia 5/14/20

marshallsmyth
Sep 15th, 2019
477
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 17.35 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|Montez|Parisienne|Charm|Philosopher);
  3. ::-webkit-scrollbar-thumb:vertical { background:#000;} ::-webkit-scrollbar-thumb:horizontal { background:#000;}
  4. ::-webkit-scrollbar { width:0px;height:3px; background:#6c82f9; }
  5.  
  6. body { background-size:827%; background-image:url( https://i.imgur.com/AgnZpAj.png );
  7. background-repeat:no-repeat;width:827%; }
  8.  
  9. .tab { text-indent:70px; }
  10.  
  11. .clouds {position:fixed;left:0%;bottom:0%;width:100%; height:60%; display:inline;overflow: visible;pointer-events:none;
  12. opacity: 0; background:transparent url('https://i.imgur.com/geosgmp.png') repeat top center;z-index:1;
  13. -moz-animation:move-scrolling-front 800s linear infinite;-ms-animation:move-scrolling-front 800s linear infinite;
  14. -o-animation:move-scrolling-front 800s linear infinite;-webkit-animation:move-scrolling-front 800s linear infinite;
  15. animation:move-scrolling-front 800s linear infinite; } @keyframes move-scrolling-front{from{background-position:0% 0%}
  16. to{background-position:300% 0%}}@-webkit-keyframes move-scrolling-front{from{background-position:0% 0%}
  17. to{background-position:300% 0%}}@-moz-keyframes move-scrolling-front{from{background-position:0% 0%}
  18. to{background-position:300% 0%}}@-ms-keyframes move-scrolling-front{from{background-position:0% 0%}
  19. to{background-position:300% 0%}}
  20.  
  21. </style>
  22.  
  23.  <div id="1" class="genealogy"> </style><style type="text/css">
  24. #box1 { width: 12%; height:7%; left:0%; top:3%; position:fixed; overflow:hidden;
  25. transition:6s ease; padding:1px 15px 4px 1px; background:#000; border:dotted 8px darkgreen;
  26. border-radius:50px; font-family:charm, times; color:#fff; font-size:38px;
  27. line-height:53px; font-weight:none; letter-spacing:0px; text-align:center; }
  28.  #box1:hover { width:99%; height:97.7%; transition:7s ease; left:0%; top:0%; z-index:1;background:#102;
  29. border-radius:20px; border:solid 6px darkgreen; box-shadow:0px 0px 20px 30px #8e002e;
  30. overflow:auto; font-weight:none; color:transparent; padding:1px; font-size:20px; line-height:0px; }
  31. </style> <div id="box1"> Overview <div class="clouds"> </div>
  32. <img src=" https://i.imgur.com/egaMyvR.jpg " style="width:100%;"></div>
  33.  
  34. <div id="2" class="genealogy"> </style><style type="text/css">
  35. #box2 { width:12%; height:7%; left:0%; top:70%; position:fixed; overflow:hidden;
  36. transition:6s ease; padding:1px 15px 4px 1px; background:#7b4; border:dotted 2px darkgreen;
  37. border-radius:50px; font-family:charm, times; color:#1e001e; font-size:38px;
  38. line-height:53px; font-weight:none; letter-spacing:1px; text-align:center; }
  39.  #box2:hover { width:99%; height:97.7%; transition:7s ease; left:0%; top:0%; z-index:1;
  40. background:#7b4; border-radius:20px; border:solid 6px darkgreen; box-shadow:0px 0px 20px 30px #8e002e;
  41. overflow:auto; font-weight:none; color:transparent; padding:1px; font-size:20px; line-height:0px; }
  42. </style> <div id="box2"> Scotia <div class="clouds"> </div>
  43.  <img src=" https://i.imgur.com/V15sKhd.png " style="width:100%;"></div></div>
  44.  
  45. <div id="3" class="genealogy"> </style><style type="text/css">
  46. #box3 { width:12%; height:7%; left:28.6%; top:70%; position:fixed; overflow:hidden;
  47. transition:6s ease; padding:1px 15px 4px 1px; background:#7b4; border:dotted 2px darkgreen;
  48. border-radius:50px; font-family:charm, times; color:#1e001e; font-size:38px;
  49. line-height:53px; font-weight:none; letter-spacing:1px; text-align:center; }
  50.  #box3:hover { width:99%; height:97.7%; transition:7s ease; left:0%; top:0%; z-index:1;background:#afa;
  51. border-radius:20px; border:solid 6px darkgreen; box-shadow:0px 0px 20px 30px #8e002e;
  52. overflow:auto; font-weight:none; color:transparent; padding:1px; font-size:20px; line-height:0px; }
  53. </style> <div id="box3"> Lore <div class="clouds"> </div>
  54. <img src=" https://i.imgur.com/ZtzFSlN.png " style="width:100%;"></div></div>
  55.  
  56. <div id="4" class="genealogy"> </style><style type="text/css">
  57. #box4 { width:12%; height:7%; left:42.9%; top:70%; position:fixed; overflow:hidden;
  58. transition:6s ease; padding:1px 15px 4px 1px; background:#7b4; border:dotted 2px darkgreen;
  59. border-radius:50px; font-family:charm, times; color:#1e001e; font-size:38px;
  60. line-height:53px; font-weight:none; letter-spacing:1px; text-align:center; }
  61.  #box4:hover { width:99%; height:97.7%; transition:7s ease; left:0%; top:0%; z-index:1;background:#7b4;
  62. border-radius:20px; border:solid 6px darkgreen; box-shadow:0px 0px 20px 30px #8e002e;
  63. overflow:auto; font-weight:none; color:transparent; padding:1px; font-size:20px; line-height:0px; }
  64. </style> <div id="box4"> Timeline <div class="clouds"> </div>
  65.  
  66. <div style="text-align:center;font-size:294px;
  67. margin-top:310px;color:#a01;letter-spacing:10px;"> Scotia </div>
  68.  
  69. <div style="line-height:55px;border-bottom:20px double #50a;color:#a01;font-size:80px;
  70. letter-spacing:3px;margin-top:420px;"> Life History Events </div>
  71. <div style="font-family:philosopher, times;font-size:44px;color:#a01;">
  72.  
  73. <ul style="list-style-type:square;background:transparent;line-height:70px;margin:60px 30px -20px 60px;text-align:justify;">
  74.  
  75. <li> 2019 - ... <p>
  76. <li> 2020 - ... </div></ul>
  77.  
  78. <div style="line-height:55px;border-bottom:20px double #50a;
  79. color:#a01;font-size:80px;letter-spacing:3px;padding-top:90px;"> Scotia's Point of View Story </div>
  80.  
  81. <div style="font-size:54px;line-height:62px;font-family:philosopher, times;
  82. text-align:justify;padding:60px 30px 10px 30px;color:#60b;">
  83.  
  84. <center> Caption <br><br></center>
  85.  
  86. <center><img src=" x " style="width:55%;border-radius:20px;"></center><br>
  87.  
  88. <li> ...
  89.  
  90. </div></div></div>
  91.  
  92. <div id="5" class="genealogy"> </style><style type="text/css">
  93. #box5 { width:12%; height:7%; left:57.2%; top:70%; position:fixed; overflow:hidden;
  94. transition:6s ease; padding:1px 15px 4px 1px; background:#7b4; border:dotted 2px darkgreen;
  95. border-radius:50px; font-family:charm, times; color:#1e001e; font-size:38px;
  96. line-height:53px; font-weight:none; letter-spacing:1px; text-align:center; }
  97. #box5:hover { width:99%; height:97.7%; transition:7s ease; left:0%; top:0%; z-index:1;opacity:1;
  98. background-size:100% 100%; background-image:url( https://i.imgur.com/y6zbfvj.png ); background-repeat:no-repeat;
  99. border-radius:20px; border:solid 6px darkgreen; box-shadow:0px 0px 20px 30px #8e002e;
  100. overflow:auto; font-weight:none; color:transparent; padding:1px; font-size:20px; line-height:20px; }
  101. </style> <div id="box5"> Others<div class="clouds"> </div>
  102. <img src=" https://i.imgur.com/pdk62x5.png " style="width:100%;opacity:1;margin-top:530px;"> </div></div>
  103.  
  104. <div id="6" class="genealogy"> </style><style type="text/css">
  105. #box6 { width:12%; height:7%; left:85.8%; top:70%; position:fixed; overflow:hidden;
  106. transition:6s ease; padding:1px 15px 4px 1px; background:#7b4; border:dotted 2px darkgreen;
  107. -webkit-transform:rotate(0deg);
  108. border-radius:500px; font-family:charm, times; color:#1e001e; font-size:38px;
  109. line-height:53px; font-weight:none; letter-spacing:1px; text-align:center; }
  110. #box6:hover { width:99%; height:97.7%; transition:7s ease; left:0%; top:0%; z-index:1;
  111. -webkit-transform:rotate(0deg);
  112. background:#7b4; border-radius:20px; border:solid 6px darkgreen; box-shadow:0px 0px 20px 30px #8e002e;
  113. overflow:auto; font-weight:none; color:transparent; padding:1px; font-size:20px; line-height:0px; }
  114. </style> <div id="box6"> Images <div class="clouds"></div>
  115.  
  116. <div style="font-size:40px;line-height:90px;color:#701;text-align:center;"> Profile Images
  117. <div style="font-size:294px;text-shadow:4px 4px 2px lavender;margin:150px 0px 0px 0px;letter-spacing:40px;"> Scotia </div> </div>
  118.  
  119. <div style="font-family:philosopher, times;color:#606;font-size:44px;line-height:42px;text-align:center;padding:0px 17px 5px 17px;">
  120.  
  121. <center><img src=" " style="width:33%;border:dotted 2px #5e005e;border-radius:15px;margin-top:380px;">
  122. </center> ... <p>
  123.  
  124. <center><img src=" " style="width:33%;border:dotted 2px #5e005e;border-radius:15px;margin-top:100px;">
  125. </center> ... <p>
  126.  
  127. <center><img src=" " style="width:33%;border:dotted 2px #5e005e;border-radius:15px;margin-top:100px;">
  128. </center> ... <p>
  129.  
  130. <center><img src=" " style="width:33%;border:dotted 2px #5e005e;border-radius:15px;margin-top:100px;">
  131. </center> ... <p>
  132.  
  133. <center><img src=" " style="width:33%;border:dotted 2px #5e005e;border-radius:15px;margin-top:100px;">
  134. </center> ... <p>
  135.  
  136. <center><img src=" " style="width:33%;border:dotted 2px #5e005e;border-radius:15px;margin-top:100px;">
  137. </center> ... <p>
  138.  
  139. </div></div>
  140.  
  141. <div id="7" class="genealogy"> </style><style type="text/css">
  142. #box7 { width:12%; height:7%; left:85.8%; top:3%; position:fixed; overflow:hidden;
  143. transition:6s ease; padding:1px 15px 4px 1px; background:#000; border:dotted 8px darkgreen;
  144. border-radius:50px; font-family:charm, philosopher, times; color:#fff; font-size:38px;
  145. line-height:53px; font-weight:none; letter-spacing:-1px; text-align:center; }
  146. #box7:hover { width:99%; height:97.7%; transition:7s ease; left:0%; top:0%; z-index:1;background:#112;
  147. border-radius:20px; border:solid 6px darkgreen; box-shadow:0px 0px 20px 30px #8e002e;
  148. overflow:auto; font-weight:none; color:transparent; padding:1px; font-size:20px; line-height:0px; }
  149. </style> <div id="box7"> Background <div class="clouds"> </div>
  150. <img src=" https://i.imgur.com/1tffTYT.png " style="width:100%;margin-top:0px;"></div>
  151.  
  152. <div id="end" class="genealogy"></style><style type="text/css">
  153. #boxend {left:42%;top:1%;opacity:1;font-size:38px;font-family:charm, sans-serif;color:#f44;position:fixed;}
  154. </style><div id="boxend"> Scotia 5/14/20 </div></div>
  155. </script></body></html>
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!