marshallsmyth

Sonia 3/18/22

Mar 23rd, 2019 (edited)
496
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 7.72 KB | None | 0 0
  1. <!DOCTYPE html><html lang="en"><head><title>Sonia</title><style>
  2. @import url(https://fonts.googleapis.com/css?family=Macondo|Montez|Parisienne|Calligraffitti|Charm|Philosopher);
  3. ::-webkit-scrollbar-thumb:vertical { background:#703;border-radius:0;box-shadow:0 0 0 #000; }
  4. ::-webkit-scrollbar-thumb:horizontal { background:#ff004e;border-radius:0px;box-shadow:0 0 0 #000; }
  5. ::-webkit-scrollbar { width:25px; background:#103;border-radius:0; }        body {background:#308;}
  6.  
  7.    .front { position:fixed;background-size:100% 100%;background-image:url(https://i.imgur.com/wkXXhyz.jpg); top:1%;left:15%;
  8. background-repeat:no-repeat;width:70%;height:96.5%;transition:4s;opacity:0.06; }
  9.    .front:hover {transition:4s;opacity:0.7;z-index:-1;transition:4s;}
  10.  
  11.   .box1, .box2, .box3, .box4, .box5, .box6  {position:fixed;width:17%;height:7%;overflow:hidden;border-radius:40px;font-size:22px;letter-spacing:1px;color:lavender;
  12. transition:3s;background:#000;border:solid 2px #306;font-family:montez;text-align:center;line-height:39px;left:0%;}
  13.  
  14.   .box1 {top:5%;}  .box2 {top:17%;}  .box3 {top:29%;}  .box4 {top:41%;}  .box5 {top:53%;}  .box6 {top:65%;}
  15.  
  16.   .box1:hover, .box2:hover, .box3:hover, .box4:hover, .box5:hover, .box6:hover {width:99.9%;height:99.1%;top:0.02%;left:0%;background:#308;
  17.  z-index:1;overflow:auto;border-radius:0;border:solid 0px transparent;color:transparent;text-shadow:0 0 0 transparent;line-height:40px;}
  18.  
  19.   .table {width:94%;margin:44px 44px 66px 2px;font-family:montez;font-size:30px;text-align:left;text-indent:22px;
  20.  line-height:33px;color:lavender;word-spacing:0.5px;letter-spacing:0;}
  21.  
  22.   .table2 { width:100%;font-family:macondo;font-style:italic;padding:22px 25px 0  0;
  23. font-size:17px;line-height:17.5px;color:#0de;text-align:left;letter-spacing:1px; }
  24.  
  25.   .td {width:144px;height:88px;color:gold; border-right:4px ridge gold; border-top:4px ridge gold;padding-left:1px;letter-spacing:0px; }
  26.  
  27.   .bars {width:100%;margin:122px 0 0 0.1px;border-bottom:20px ridge #2aa;
  28.  font-family:montez;line-height:33px;font-size:44px;color:#204;}
  29.  
  30.   .bars2 {width:106%;margin:-5px 0 0 -12px;border-bottom:4px ridge gold;}
  31.  
  32.    .titles {margin-top:50px;text-align:center;font-family:montez;font-size:88px;color:#a0f;text-shadow:-1px -2px 3px #000;opacity:1;}
  33.    .titles2 {font-family:macondo;font-style:italic;padding:22px 0 11px 0;font-size:55px;color:#0de;text-align:center;letter-spacing:2px;}
  34.    .subtitles {font-size:33px;color:#000;text-align:center;margin:0px 0px 30px 0px;line-height:48px;}
  35.    .subtitles2 {margin:55px 0px 33px 0px;}
  36.  
  37.    .list {background:#004;list-style-type:square;margin:60px 33px -99px 33px;font-family:charm;font-size:33px;
  38. line-height:40px;word-spacing:-3px;color:#2dd;text-align:left;}
  39.    .captions {padding:15px 7px 1px 7px;font-family:montez;line-height:33px;font-size:33px;color:#204;text-align:center;}
  40.    .text {padding:66px 44px 17px 14px;font-family:charm;font-size:33px;font-style:italic;line-height:40px;
  41. word-spacing:1.7px;letter-spacing:-1.3px;color:#abe;text-indent:33px;text-align:left;font-size:33px;}
  42.    .textmargin {margin-top:-33px;}
  43.  
  44.    .center {display:block;margin-left:auto;margin-right:auto;margin-bottom:33px;
  45. border-radius:15px;box-shadow:0 0 33px 22px #204;border:5px solid #203;}
  46.  
  47.    .center2 {display:block;margin-left:auto;margin-right:auto;margin-bottom:33px;}
  48.  
  49.    .date {position:fixed;bottom:0.1%;right:1%;font-family:montez;font-size:17px;color:#fa1;z-index:1;}
  50.    .cssvalidator {position:fixed;bottom:0.7%;left:0.9%;z-index:99;opacity:1;}
  51.    .htmlvalidator {position:fixed;bottom:0.5%;left:7%;z-index:99;opacity:1;}
  52.  
  53. </style>
  54.  
  55. <div class="front"></div><div class="titles">Sonia</div>
  56.  <div class="box1">Sonia<img src="https://i.imgur.com/Ph56r2s.jpg" style="width:99%;" alt="fullpage" class="center2"></div>
  57.  
  58. <div class="box2">Missions<div class="subtitles">Sonia heads the Scientific Missions Department of WayStone Enterprises</div>
  59. <div class="titles">The Missions</div><div class="text">List of the many missions. Though some are more complex than others, there are no minor missions. It is against safety protocols to run a mission as if it were minor.<div class="titles2">Safety Protocol Mission</div>  <table class="table2"><tr>
  60.  <td class="td">Go Crew</td><td><strong>Team Leader</strong><li>Belladonna<br><strong>Deputy Team Leader</strong><li>Matilda<br>
  61. <strong>The Vulnerables</strong><li>Michelle Mouse<li>Natsuka Yayoi<li>Kathy Foster WayStone, 4 years old<li>Kannaditus<li>Esther<br>
  62.  <strong>Safety Escorts for the Vulnerables</strong><li>Arka<li>Drive<br> <strong>Medical Support</strong><li>Dr. Aisuruhito<li>Glimmer-Jewel<li>Dr. Uncle<br>
  63.  <strong>Principal Propulsion</strong><li>Blaze<br> <strong>Specialists</strong><li>SutaSakyuBasu<li>Natura<p>   </td></tr><tr>
  64.  <td class="td">Mission Control Crew</td><td> <strong>Team Leader</strong><li>EverTo<br><strong>Deputy Team Leader</strong><li>EverAngel<br>
  65. <strong>Medical Support team</strong><li>Dr. Yorokobi<br> <strong>Software Support, Monitors, Telemetry, Communications team</strong>
  66. <li>Kathy<li>Allannah<li>Prince Markus<li>Carole<li>Harmony<li>Nocturne<br><strong>Hardware Support team</strong><li>Atom<br>
  67.  <strong>Navigation team</strong><li>Thelielle<li>Pollyanna<li>Cassidy<br> <strong>Complex Systems Management team</strong><li>Xavier<p>   </td></tr><tr>
  68.  <td class="td">Backup Crew</td><td> <strong>Team Leader</strong><li>Scheherazade<br><strong>Deputy Team Leader</strong><li>OniSan<br>
  69.  <strong>Flight Leaders</strong><li>Taklamakan <li>Delphina<li>Brianna<li>Joshua<br>
  70.  <strong>Flight Support</strong><li>Naomi<li>Vera<li>Moreega-Vereega<li>Spextrum<li>Dessert<br>
  71.  <strong>Pilots</strong><li>Annapolis<li>Brandon<p>   </td></tr><tr>   </tr></table><div class="bars2">   </div></div></div></div>
  72.  
  73. <div class="box3">Timeline<img src=" https://i.imgur.com/1agS4KH.jpg " style="width:100%;" alt="fullpage" class="center2"></div></div>
  74.  
  75. <div class="box4">Images<img src=" https://i.imgur.com/wEZwPEO.jpg " style="width:99.5%;" alt="fullpage" class="center2"></div>
  76.  
  77. <div class="box5">Updates<div class="subtitles">Active Updates</div><div class="titles">Sonia</div><div class="bars">Sonia's Updates</div>
  78. <ul class="list"><li> - 4/28/20 - <mark>Start of the active updates. </mark><p>
  79. <li> - 4/30/20 - Meeting of team leaders, including home support team leader. Home support reports that they have all supplies for the go team and the backup team loaded, and that food and housing for mission control are also prepared. Veronica is liason for the home team. They also report that they are fully prepared to fill any position should the need arise. I have provided Veronica with a dossier describing all positions of all team members. <p>
  80. <li> - 5/1/20 - I announced to the team leaders that there will be a drill during the Safety Protocol Mission which will involve all of the teams. <br></ul>
  81. <div class="bars">Continuing Story</div><div class="captions">
  82. Perhaps the most valuable Vincent Van Gogh painting because it is not in his well known style, this one was stolen recently.
  83. <img src="https://i.imgur.com/msn9G2Z.png" style="width:76%" alt="photo" class="center"><br>
  84. <li> Because time frame travel is so dangerous, and because the main rescue mission will involve vulnerable persons and animals, I have decided to perform a safety protocol mission, which is now involving the entire WayStone family. <p><br>   </div></div>
  85.  
  86. <div class="box6">Lore<div class="titles">Sonia's Family Lore</div><div class="text">
  87.      
  88.  <div class="date">Coded by Esther 3/18/22</div>
  89. <div class="cssvalidator"><img src="http://jigsaw.w3.org/css-validator/images/vcss" style="width:44px;" alt="css" /></div>
  90. <div class="htmlvalidator"><img src="http://jigsaw.w3.org/css-validator/images/vcss-blue" style="width:44px;" alt="html" /></div> </html>
Add Comment
Please, Sign In to add comment