marshallsmyth

RRS 40 Michelle 5/14/20

May 14th, 2019
517
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 20.14 KB | None | 0 0
  1.  <body><style type="text/css">@import url(https://fonts.googleapis.com/css?family=Allura|Montez|Parisienne|Charm|Philosopher|Alex+Brush|Norican|Niconne|);
  2. ::-webkit-scrollbar-thumb:vertical { background:#990000;border-radius:20px;box-shadow: 0px 0px 0px #000; }
  3. ::-webkit-scrollbar-thumb:horizontal { background:#f00;border-radius:20px;box-shadow: 0px 0px 0px #000; }
  4. ::-webkit-scrollbar { width:0px; height:3px; background:#00f;border-radius:20px; }
  5.  
  6. body { background-size:827%; background-image:url( https://i.imgur.com/AgnZpAj.png );
  7. background-repeat:no-repeat;width:827%; }
  8. .tab { text-indent:70px; }
  9.  
  10.  .clouds {position:fixed; left:0%; bottom:0%; width:100%; height:40%;
  11. display:inline; overflow: visible; pointer-events:none; z-index:1; opacity: 0.4;
  12. background:transparent url('https://i.imgur.com/geosgmp.png') repeat top center;
  13. -moz-animation:move-scrolling-front 300s linear infinite; -ms-animation:move-scrolling-front 300s linear infinite;
  14. -o-animation:move-scrolling-front 300s linear infinite; -webkit-animation:move-scrolling-front 300s linear infinite;
  15. animation:move-scrolling-front 300s linear infinite; }
  16.  @keyframes move-scrolling-front{from{background-position:0% 0%}to{background-position:300% 0%}}
  17. @-webkit-keyframes move-scrolling-front{from{background-position:0% 0%}to{background-position:300% 0%}}
  18. @-moz-keyframes move-scrolling-front{from{background-position:0% 0%}to{background-position:300% 0%}}
  19. @-ms-keyframes move-scrolling-front{from{background-position:0% 0%}to{background-position:300% 0%}}
  20.  
  21. </style>
  22.  
  23.  <div id="1" class="genealogy"> </style> <style type="text/css">
  24. #box1 { width:13%; height:6%; left:0%; top:70%; position:fixed; overflow:hidden;
  25. transition:6s ease; padding:1px 8px 1px 1px; background:#105; border:solid 4px #777;
  26. border-radius:50px; font-family:philosopher, times; color:#ea8; font-size:36px;
  27. line-height:43px; font-weight:none; letter-spacing:-1.5px; text-align:center; }
  28.  #box1:hover { width:99%; height:98%; transition:6s ease; left:0%; top:0%; z-index:1;
  29. background:#06070d; opacity:1.0; background-size:100% 100%; background-image:url( ); background-repeat:no-repeat;
  30. border-radius:20px; border:solid 7px #c682f9; box-shadow:0px 0px 20px 300px #8e002e,inset 0px 0px 80px 1px #8e002e;
  31. overflow:auto; font-weight:none; color:transparent; padding:1px; font-size:20px; line-height:0px; }
  32. </style> <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:13%; height:6%; left:14.3%; top:70%; position:fixed; overflow:hidden;
  37. transition:6s ease; padding:1px 8px 1px 1px; background:#be8c66; border:solid 4px #777;
  38. border-radius:50px; font-family:philosopher, times; color:#444; font-size:36px;
  39. line-height:43px; font-weight:none; letter-spacing:2px; text-align:center; }
  40.  #box2:hover { width:99%; height:98%; transition:6s ease; left:0%; top:0%; z-index:1;
  41. background:#dda376; background-size:100% 100%; background-image:url( ); background-repeat:no-repeat;
  42. border-radius:20px; border:solid 7px #777; box-shadow:0px 0px 20px 300px #8e002e,inset 0px 0px 70px 40px #be8c66;
  43. overflow:auto; font-weight:none; color:transparent; padding:1px; font-size:20px; line-height:0px; }
  44. </style> <div id="box2"> Michelle <div class="clouds"> </div>
  45. <img src=" https://i.imgur.com/LqDBRQS.png " style="width:100%;"></div>
  46.  
  47.  <div id="3" class="genealogy"> </style> <style type="text/css">
  48. #box3 { width:13%; height:6%; left:28.6%; top:70%; position:fixed; overflow:hidden;
  49. transition:6s ease; padding:1px 8px 1px 1px; background:#be8c66; border:solid 4px #777;
  50. border-radius:50px; font-family:philosopher, times; color:#444; font-size:36px;
  51. line-height:43px; font-weight:none; letter-spacing:2px; text-align:center; }
  52.  #box3:hover { width:99%; height:98%; transition:6s ease; left:0%; top:0%; z-index:1;
  53. background:#211; background-size:100% 100%; background-image:url( ); background-repeat:no-repeat;
  54. border-radius:20px; border:solid 7px #777; box-shadow:0px 0px 20px 300px #8e002e,inset 0px 0px 350px 250px #744;
  55. overflow:auto; font-weight:none; color:transparent; padding:0px; font-size:20px; line-height:0px; }
  56. </style> <div id="box3"> Mission <div class="clouds"> </div>
  57.  
  58.  <div style="font-size:25px;line-height:30px;color:#be8c66; text-align:center;"> Safety Protocol Mission </div>
  59.  <div style="color:#777;font-size:254px;text-align:center;line-height:214px;
  60. text-shadow:4px 6px 8px #444;margin-top:50px;letter-spacing:22px;;"> Michelle<br>Mouse </div>
  61.  
  62. <div style="font-family:paprika, philosopher, times;font-size:56px;line-height:60px;color:#f17;text-align:justify;
  63. float:left;padding:300px 45px 30px 45px;text-shadow:none;font-style:italic;letter-spacing:0.2px;">
  64.  <li>I'm going on a big mission. This one is really important, and will involve the whole WayStone family, directly or indirectly. It's a mission all about safety methods to protect vulnerable non Gallan bearers like me, while also accomnplishing some scienceand collect some specimens. Natsuka and the intrepid little 4 year old Kathy Foster are going too. Esther, who has a little teency Gallan is going too. Believe it or not, her first time frame mission. We're called the Go Team, and Belladonna is leading us. Our Go team is large!
  65. <p><li>We'll be using the new WayStone1 combined capsule module rocket. It's 32 feet wide and 100 feet long. It was built on the moon. Designed to be self propelled in a variety of ways, or manually towed. It also fits easily as a module on Blaze.
  66.  
  67. <p><br>
  68.  
  69. <div style="font-family:parisienne, arial;font-size:44px;line-height:18px;color:#0bb;text-align:center;">
  70. <h3>Code by<br></h3>Kathy WayStone <p>
  71.  
  72. </div></div></div>
  73.  
  74. <div id="4" class="genealogy"> </style> <style type="text/css">
  75. #box4 { width:13%; height:6%; left:42.9%; top:70%; position:fixed; overflow:hidden;
  76. transition:6s ease; padding:1px 8px 1px 1px; background:#be8c66; border:solid 4px #777;
  77. border-radius:50px; font-family:philosopher, times; color:#444; font-size:36px;
  78. line-height:43px; font-weight:none; letter-spacing:2px; text-align:center; }
  79. #box4:hover { width:99%; height:98%; transition:6s ease; left:0%; top:0%; z-index:1;
  80. background:#dda376; background-size:100% 100%; background-image:url( ); background-repeat:no-repeat;
  81. border-radius:20px; border:solid 7px #777; box-shadow:0px 0px 20px 300px #8e002e,inset 0px 0px 90px 70px #742;
  82. overflow:auto; font-weight:none; color:transparent; padding:0px; font-size:20px; line-height:0px; }
  83. </style> <div id="box4"> Timeline <div class="clouds"> </div>
  84. <img src=" https://i.imgur.com/eZNOMt2.png " style="width:100%;"> </div> </div>
  85.  
  86. <div id="5" class="genealogy"> </style> <style type="text/css">
  87. #box5 { width:13%; height:6%; left:57.2%; top:70%; position:fixed; overflow:hidden;
  88. transition:6s ease; padding:1px 8px 1px 1px; background:#be8c66; border:solid 4px #777;
  89. border-radius:50px; font-family:philosopher, times; color:#444; font-size:36px;
  90. line-height:43px; font-weight:none; letter-spacing:2px; text-align:center; }
  91. #box5:hover { width:99%; height:97.6%; transition:6s ease; left:0%; top:0%; z-index:1;
  92. background-size:100% 99.5%; background-image:url( https://i.imgur.com/y6zbfvj.png ); background-repeat:no-repeat;
  93. border:solid 7px #d8f; box-shadow:0px 0px 20px 300px #903,inset 0px 0px 20px 2px #203;
  94. overflow:auto; color:transparent; padding:1px; font-size:20px; line-height:0px; border-radius:0px; }
  95. </style> <div id="box5"> Inlaws <div class="clouds"> </div>
  96. <img src=" https://i.imgur.com/kVpO9xz.png " style="width:100%;
  97. margin-top:3px;opacity:0.5;box-shadow:inset 0px 0px 200px 200px #203;"> </div></div>
  98.  
  99. <div id="6" class="genealogy"> </style> <style type="text/css">
  100. #box6 { width:13%; height:6%; left:71.5%; top:70%; position:fixed; overflow:hidden;
  101. transition:6s ease; padding:1px 8px 1px 1px; background:#be8c66; border:solid 4px #777;
  102. border-radius:50px; font-family:philosopher, arial; color:#444; font-size:36px;
  103. line-height:43px; font-weight:none; letter-spacing:2px; text-align:center; }
  104. #box6:hover { width:99%; height:98%; transition:6s ease; left:0%; top:0%; z-index:1;
  105. background:#dda376; background-size:100% 100%; background-image:url( ); background-repeat:no-repeat;
  106. border-radius:20px; border:solid 7px #777; box-shadow:0px 0px 20px 300px #8e002e,inset 0px 0px 70px 60px #953;
  107. overflow:auto; font-weight:none; color:transparent; padding:0px; font-size:20px; line-height:0px; }
  108. </style> <div id="box6"> Images <div class="clouds"></div>
  109. <img src=" https://i.imgur.com/5xwQXXf.png " style="width:100%;"> </div></div>
  110.  
  111. <div id="7" class="genealogy"> </style> <style type="text/css">
  112. #box7 { width:13%; height:6%; left:85.8%; top:70%; position:fixed; overflow:hidden;
  113. transition:6s ease; padding:1px 8px 1px 1px; background:#105; border:solid 4px #777;
  114. border-radius:50px; font-family:philosopher, times; color:#ea8; font-size:36px;
  115. line-height:43px; font-weight:none; letter-spacing:-1.5px; text-align:center; }
  116. #box7:hover { width:99%; height:98%; transition:6s ease; left:0%; top:0%; z-index:1;
  117. background:#06070d; opacity:1.0; background-size:100% 100%; background-image:url( ); background-repeat:no-repeat;
  118. border-radius:20px; border:solid 7px #c682f9; box-shadow:0px 0px 20px 300px #8e002e,inset 0px 0px 80px 1px #aa22dd;
  119. overflow:auto; font-weight:none; color:transparent; padding:1px; font-size:20px; line-height:0px; }
  120. </style> <div id="box7"> Background <div class="clouds"> </div>
  121. <img src=" https://i.imgur.com/1tffTYT.png " style="width:100%;margin-top:0px;"> </div>
  122.  
  123. <div id="8" class="genealogy"> </style> <style type="text/css">
  124. #box8 { width:13%; height:8%; left:42.9%; top:80%; position:fixed; overflow:hidden;
  125. transition:6s ease; padding:1px 8px 1px 1px; background:#be8c66; border:solid 4px #105;
  126. border-radius:50px; font-family:norican, niconne, philosopher, times; color:#105; font-size:46px;
  127. line-height:56px; font-weight:none; letter-spacing:2px; text-align:center; }
  128. #box8:hover { width:99%; height:98%; transition:6s ease; left:0%; top:0%; z-index:1;
  129. background:#dda376; background-size:100% 100%; background-image:url( ); background-repeat:no-repeat;
  130. border-radius:20px; border:solid 7px #777; box-shadow:0px 0px 20px 300px #8e002e,inset 0px 0px 50px 20px #742;
  131. overflow:auto; font-weight:none; color:transparent; padding:0px; font-size:20px; line-height:0px; }
  132. </style> <div id="box8"> Updates <div class="clouds"> </div>
  133.  
  134. <div style="color:#655;font-size:154px;text-align:center;line-height:154px;
  135. text-shadow:4px 6px 8px #444;margin-top:100px;letter-spacing:5px;;"> Michelle Mouse </div>
  136.  
  137. <div style="width:80%;height:27px;border-bottom:10px solid #208;color:#50d;margin:0% 0% 0% 10%;
  138. font-size:80px;letter-spacing:3px;padding-top:100px;font-family:norican, arial;"> Updates </div>
  139.  
  140. <ul style="list-style-type:square;color:#308;line-height:60px;
  141. margin:40px 80px -20px 60px;text-align:justify;font-size:50px;">
  142.  
  143. <li> Updates for the Safety Protocol Mission will be made in the Mission tab. <br>
  144. <li> These updates commence early April 2020. <br>
  145. <li> 5 April, I got pregnant! By Scheherazade, and will soon have a half succubus, half modern mouse baby! <br>
  146. <li> 8 April, we added Emelia South to our WayStone-Yayoi family <br>
  147. <li> 9 April, Emelia got the wings she wanted to have. First Sonia came over to prepare things and to help decide how she wanted the wings. As organic as possible. This would be difficult to decide how to do it. These wings were not to be simple holograph wings that could become solid. <p><br> </ul>
  148.  
  149. <div style="width:80%;height:27px;border-bottom:10px solid #208;color:#50d;margin:0% 0% 0% 10%;
  150. font-size:80px;letter-spacing:3px;"> Michelle Mouse's Continuing Story </div>
  151.  
  152. <div style="font-size:60px;line-height:60px;font-family:niconne, philosopher, times;
  153. text-align:left;padding:20px 35px 10px 65px;color:#404;letter-spacing:0.3px;">
  154. <center> Squeee, I love the beach! </center><br>
  155.  
  156. <center><img src=" https://i.imgur.com/SBy32zI.png " style="width:37%;box-shadow:0px 0px 30px 11px #50d;
  157. border-radius:15px;margin:-30px 0px -80px 0px;"></center><br> <p style="p:50px;">
  158.  
  159. <li> Most of the WayStone family is doing the stay in home order during this plague. Esther in state assembly has places she has to go, and Kathy in county board of supervisors also has places she must go. The rest of us are stay in place. We are also keeping the animals in the menagerie safe from the pandemic. One of the main places the WayStone family is staying is the 3rd Mansion. We have the gates closed and locked. Sorry to say, we have also closed the Miss Silk Memorial WildCat and Animal Menagerie to the public temporarily. A very few wildlife experts who have passed medical screenings and quarantine periods are on site.
  160. <p></div>
  161.  
  162. <div style="font-size:60px;line-height:60px;font-family:niconne, philosopher, times;
  163. text-align:left;padding:0px 35px 140px 65px;color:#50b;letter-spacing:0.5px;">
  164.  
  165. <li>Dr Uncle and Dr. Kazoku have created our own real time covid-19 test kits, which have gotten FDA approval for family use. Results take 33 to 52 minutes. Family protocol is to pass the test, use personal protective clothing, and only travel by flight from 1st, 2nd, and 3rd mansions, and the Mystic/Invisible Cabin compounds. Bayview Bed and Breakfast, and Tides are closed and kept disinfected. Crab and fish boats are off loaded at the Point, and docked at Spud.
  166. </div></div></div>
  167.  
  168. <div id="end" class="genealogy"></style><style type="text/css">
  169. #boxend {left:39%;top:1%;opacity:1;font-size:38px;font-family:charm, sans-serif;color:#f44;position:fixed;}
  170. </style><div id="boxend"> Michelle Mouse 5/14/20 </div></div>
  171. </script></body></html>
Add Comment
Please, Sign In to add comment