API tools faq
paste
Advertisement
marshallsmyth

LS Joshua 5/22/20

marshallsmyth
Mar 28th, 2019
380
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 25.42 KB | None | 0 0
raw download clone embed print report
  1. <body>
  2.  
  3. <body><style type="text/css"> @import url(https://fonts.googleapis.com/css?family=Allura|Montez|Parisienne|Trade+Winds|Charm|Philosopher|UnifrakturMaguntia|Niconne);
  4. ::-webkit-scrollbar-thumb:vertical { background:#209;border-radius:20px;border:dotted 3px #f00; }
  5. ::-webkit-scrollbar-thumb:horizontal {border:dotted 3px #ff0; background:#709;border-radius:20px;box-shadow:32px 0px 12px #ff0; }
  6. ::-webkit-scrollbar { width:0px;height:3px; background:#007;border-radius:0px; }
  7.  
  8.  .tab { text-indent:70px; }
  9.  
  10.  .clouds {position:fixed;left:0%;bottom:0%;width:100%;height:52%;
  11. display:inline;overflow:visible;pointer-events:none;opacity:0.7;
  12. background:transparent url('https://i.imgur.com/geosgmp.png') repeat top center;
  13. z-index:1; -moz-animation:move-scrolling-front 200s linear infinite; -ms-animation:move-scrolling-front 200s linear infinite;
  14. -o-animation:move-scrolling-front 200s linear infinite; -webkit-animation:move-scrolling-front 200s linear infinite;
  15. animation:move-scrolling-front 200s 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%} to{background-position:300% 0%}}
  19.  
  20. body { background-size:829%; background-image:url( https://i.imgur.com/AgnZpAj.png );
  21. background-repeat:no-repeat;width:828.2%; }
  22.  </style>
  23.  
  24.  <div id="1" class="genealogy"> </style> <style type="text/css">
  25. #box1 { width:21%; height:12%; left:0%; top:2%; position:fixed; overflow:hidden;
  26. transition:7s ease; padding:5px 32px 10px 0px; background:#000; border:solid 4px #f03;
  27. border-radius:50px; font-family:allura, times; color:#c0f;
  28. font-size:70px; line-height:84px; letter-spacing:0px; text-align:center; box-shadow:inset 0px 0px 30px 10px #f03; }
  29.       #box1:hover { width:99%; height:97.7%; transition:6s ease; left:0%; top:0%; z-index:1;background:#112;
  30. border-radius:20px; border:solid 7px #c682f9; box-shadow:0px 0px 20px 30px #206;
  31. overflow:auto; color:transparent; padding:1px; font-size:20px; line-height:0px; }</style>
  32. <div id="box1"> Overview <div class="clouds"> </div>
  33. <img src=" https://i.imgur.com/egaMyvR.jpg " style="width:100%;">   </div></div>
  34.  
  35.  <div id="2" class="genealogy"> </style> <style type="text/css">
  36. #box2 { width:21%;height:12%;left:75.5%;top:2%;position:fixed;overflow:hidden;
  37. transition:7s ease;padding:5px 32px 10px 0px;background:#000;border:solid 4px #f03;
  38. border-radius:50px;font-family:allura, times; color:#c0f; font-size:70px; letter-spacing:0px;
  39. line-height:84px;text-align:center; box-shadow:inset 0px 0px 30px 10px #f03; }
  40.       #box2:hover { width:99%;height:97.7%;transition:6s ease;left:0%;top:0%;z-index:1;
  41. border-radius:20px;border:solid 6px #c682f9;box-shadow:0px 0px 20px 30px #206;
  42. overflow:auto;color:transparent;padding:1px;font-size:20px;line-height:0px;}
  43. </style> <div id="box2"> Background <div class="clouds"> </div>
  44. <img src=" https://i.imgur.com/1tffTYT.png " style="width:100%;margin-top:0px;">   </div>
  45.  
  46.  <div id="3" class="genealogy"> </style> <style type="text/css">
  47. #box3 { width:17%; height:11%; left:0%; top:74%; position:fixed; overflow:hidden;
  48. transition:7s ease; padding:0px 20px 0px 0px; background:#ff0; border:solid 4px #f03;
  49. border-radius:50px; font-family:allura, times; color:#606;
  50. font-size:70px; line-height:84px; letter-spacing:0px; text-align:center; box-shadow:inset 0px 0px 30px 5px #f03; }
  51.       #box3:hover { width:99%; height:97.7%; transition:6s ease; left:0%; top:0%; z-index:1;
  52. background:#500;
  53. border-radius:20px; border:solid 7px #803; box-shadow:0px 0px 20px 30px #206,inset 0px 0px 700px 300px #500;
  54. overflow:auto; color:transparent; padding:0px; font-size:20px; line-height:0px; }
  55. </style> <div id="box3"> <i>Joshua</i>  <div class="clouds"> </div>
  56. <img src="  https://i.imgur.com/XOkmmaM.jpg  " style="width:100%;">   </div></div>
  57.  
  58.  <div id="4" class="genealogy"> </style> <style type="text/css">
  59. #box4 { width:17%; height:11%; left:20.2%; top:74%; position:fixed; overflow:hidden;
  60. transition:7s ease; padding:0px 20px 0px 0px; background:#ff0; border:solid 4px #f03;
  61. border-radius:50px; font-family:allura, times; color:#606;  
  62. font-size:70px; line-height:84px; letter-spacing:0px; text-align:center; box-shadow:inset 0px 0px 30px 5px #f03; }
  63.       #box4:hover { width:99%; height:97.7%; transition:6s ease; left:0%; top:0%; z-index:1; background:#ff0;
  64. border-radius:20px; border:solid 6px #50a; box-shadow:0px 0px 20px 30px #206;
  65. overflow:auto; color:transparent; padding:0px; font-size:20px; line-height:0px; }
  66. </style> <div id="box4"> <i>Mission</i>  <div class="clouds"> </div>
  67. <img src="  https://i.imgur.com/gG2ojZx.png  " style="width:100%;">  </div></div>
  68.  
  69. <div id="5" class="genealogy"> </style> <style type="text/css">
  70. #box5 { width:17%; height:11%; left:40.4%; top:74%; position:fixed; overflow:hidden;
  71. transition:7s ease; padding:0px 20px 0px 0px; background:#ff0; border:solid 4px #f03;
  72. border-radius:50px; font-family:allura, times; color:#606;  
  73. font-size:70px; line-height:84px; letter-spacing:0px; text-align:center; box-shadow:inset 0px 0px 30px 5px #f03; }
  74.       #box5:hover { width:99%; height:97.7%; transition:6s ease; left:0%; top:0%; z-index:1;
  75. background:#ff0;
  76. border-radius:20px; border:solid 7px #ffa; box-shadow:0px 0px 20px 30px #206;
  77. overflow:auto; color:transparent; padding:0px; font-size:20px; line-height:0px; }
  78. </style> <div id="box5"> <i>Timeline</i>  <div class="clouds"> </div>
  79. <img src="  https://i.imgur.com/xYmsbnB.png  " style="width:100%;">  </div></div>
  80.  
  81. <div id="6" class="genealogy"> </style> <style type="text/css">
  82. #box6 { width:17%; height:11%; left:60.6%; top:74%; position:fixed; overflow:hidden;
  83. transition:7s ease; padding:0px 20px 0px 0px; background:#ff0; border:solid 4px #f03;
  84. border-radius:50px; font-family:allura, times; color:#606;  
  85. font-size:70px; line-height:84px; letter-spacing:0px; text-align:center; box-shadow:inset 0px 0px 30px 5px #f03; }
  86.       #box6:hover { width:99%; height:97.7%; transition:6s ease; left:0%; top:0%; z-index:1;
  87. background-size:100% 99.5%; background-image:url( https://i.imgur.com/y6zbfvj.png ); background-repeat:no-repeat;
  88. border-radius:20px; border:solid 7px #ff9; box-shadow:0px 0px 20px 30px #206;
  89. overflow:auto; color:transparent; padding:1px; font-size:20px; line-height:0px; }
  90. </style> <div id="box6"> <i>Inlaws</i>   <div class="clouds"> </div>
  91.  <img src=" https://i.imgur.com/kVpO9xz.png " style="width:100%;margin-top:10px;opacity:0.5;">  </div></div>
  92.  
  93.  <div id="7" class="genealogy"> </style> <style type="text/css">
  94. #box7 { width:17%; height:11%; left:80.3%; top:74%; position:fixed; overflow:hidden;
  95. transition:7s ease; padding:0px 20px 0px 0px; background:#ff0; border:solid 4px #f03;
  96. border-radius:50px; font-family:allura, sans-serif; color:#606;  
  97. font-size:70px; line-height:84px; letter-spacing:0px; text-align:center; box-shadow:inset 0px 0px 30px 5px #f03; }
  98.       #box7:hover { width:99%; height:97.7%; transition:6s ease; left:0%; top:0%; z-index:1;   background:#e06;
  99. border-radius:20px; border:solid 6px #50a; box-shadow:0px 0px 20px 30px #206;
  100. overflow:auto; color:transparent; padding:0px; font-size:20px; line-height:0px; }
  101. </style> <div id="box7"> <i> Images </i>  <div class="clouds"></div>
  102. <img src="  https://i.imgur.com/7SlMIup.jpg  " style="width:100%;">  </div>  </div>
  103.  
  104.  
  105.  <div id="8" class="genealogy"> </style> <style type="text/css">
  106. #box8 { width:17%; height:11%; left:40.4%; top:87%; position:fixed; overflow:hidden;
  107. transition:7s ease; padding:0px 20px 0px 0px; background:#ff0; border:solid 4px #f03;
  108. border-radius:50px; font-family:allura, sans-serif; color:#606;  
  109. font-size:70px; line-height:84px; letter-spacing:0px; text-align:center; box-shadow:inset 0px 0px 30px 5px #f03; }
  110.      #box8:hover { width:99%; height:97.7%; transition:6s ease; left:0%; top:0%; z-index:1;
  111. background:#ff0;
  112. border-radius:20px; border:solid 7px #50a; box-shadow:0px 0px 20px 30px #206;
  113. overflow:auto;  color:transparent; padding:0px; font-size:20px; line-height:0px; }
  114. </style> <div id="box8"> Updates <div class="clouds"> </div>
  115.  
  116.  <div style="color:#308;font-size:164px;text-align:center;line-height:154px;
  117. text-shadow:4px 6px 8px #444;margin-top:120px;letter-spacing:5px;font-family:unifrakturmaguntia, times;"> Joshua </div>
  118.  
  119.  <div style="width:60%;height:22px;border-bottom:10px solid #20d;color:#30a;margin:0% 0% 0% 20%;
  120. font-size:80px;letter-spacing:3px;padding-top:140px;font-family:trade winds, norican, arial;"> Updates </div>
  121.  
  122.  <ul style="list-style-type:square;color:#308;line-height:66px;font-family:charm, arial;
  123. margin:40px 60px -20px 60px;text-align:left;font-size:50px;letter-spacing:0px;">
  124.  
  125.  <center> Updates for the Safety Protocol Mission will be made in this tab along with all other updates in Joshua's pov.
  126. </center><br>
  127.  <li> 4/20/20 Things have gotten seriously busy for everyone in the WayStone family. Each of us has our set of responsibilities stepped up and increased. For we have the Safety Protocol Mission coming up, and are also trying to take care of all the humans during this pandemic.
  128. <br> I was just recently talking with Dr Uncle about the plagues in the medieval days. He said in 1332 there was no modern medicine and that people didn't even have a clue about germs at all. It spread entirely uncontrolled. This one is somewhat under control, but not entirely. Human nature is what it is. <br>
  129.  <li> ... <br>
  130.  <li> ... <br>
  131.  <li> ... <p><br> </ul>
  132.  
  133. <div style="width:90%;height:22px;border-bottom:10px solid #20d;color:#30a;margin:0% 0% 0% 5%;
  134. font-size:80px;letter-spacing:3px;font-family:trade winds, arial;"> Joshua's Continuing Story </div>
  135.  
  136. <div style="font-size:60px;line-height:60px;font-family:niconne, philosopher, times;
  137. text-align:left;padding:20px 35px 10px 65px;color:#404;letter-spacing:0.3px;">
  138. <center> When I do get a day or two off, this is where I rest. </center><br>
  139.  
  140. <center><img src="  https://i.imgur.com/6De0wof.png  " style="width:45%;box-shadow:0px 0px 44px 22px #1a9;
  141. border-radius:15px;margin:-30px 0px -80px 0px;border:solid 5px #187;"></center><br> <p style="p:50px;">  
  142.  
  143. Almost every day we practice routines with Boeings 5 and 6, most we will never have to do.
  144. </div   </div>   </div>
  145.  
  146. <div id="end" class="genealogy"></style><style type="text/css">
  147. #boxend {left:36.8%;top:1%;opacity:1;font-size:54px;font-family:unifrakturmaguntia, sans-serif;font-style:italic;color:#f03;position:fixed;}
  148. </style><div id="boxend"> Joshua 5/22/20 </div></div>
  149. </script></body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!