API tools faq
paste
Advertisement
marshallsmyth

scheher working 10/26/24

marshallsmyth
Jan 26th, 2024 (edited)
950
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 6.74 KB | None | 0 0
raw download clone embed print report
  1.  <!DOCTYPE html><html lang="en"><head><title>Scheherazade</title><style>
  2.  @import url(https://fonts.googleapis.com/css?family=Shalimar|Grechen+Fuemen|Caveat|Calligraffitti);
  3.  ::-webkit-scrollbar-thumb:vertical { background:#4e004e;border-radius:0px;box-shadow: 0px 0px 0px #000; }
  4.  ::-webkit-scrollbar-thumb:horizontal { background:#4e004e;border-radius:0px;box-shadow: 0px 0px 0px #000; }
  5.  ::-webkit-scrollbar { width:7px; background:#8e008e;border-radius:0px; }
  6.  body { background:#103; }
  7.  
  8.  .front { position:fixed;top:0%;left:33%;background-size:100% 100%;background-image:url(https://i.imgur.com/UyRE0H4.png);
  9.  background-repeat:no-repeat;width:40%;height:99%;transition:1s;opacity:0.09; }
  10.  .front:hover { opacity:1;z-index:-1; }
  11.  
  12.  .titles { position:fixed;top:0vh;left:36vw;font-family:"grechen fuemen";font-size:60px;line-height:60px;color:#60f; opacity:1;z-index:-9; }
  13.  .list { background:#000;list-style-type:square;margin:60px 33px -88px 33px;font-family:"grechen fuemen";font-size:33px;
  14.  font-weight:bold;line-height:33px;word-spacing:-3px;color:#60f;text-align:justify; }
  15.  .captions { padding:15px 7px 1px 7px;font-family:"grechen fuemen";font-size:44px;line-height:50px;color:#f08;text-align:center; }
  16.  .text { padding:35px 44px 17px 44px;font-family:caveat;font-size:44px;font-style:italic;line-height:40px;word-spacing:2px;
  17.  letter-spacing:0px;color:#f08;text-indent:55px;text-align:left; }
  18.  .text2 { font-family:caveat;font-size:22px;line-height:19px;color:#fa1;text-align:left;text-indent:22px;font-style:italic;padding:11px; }
  19.  .text3 { position:fixed;top:0vh;left:36vw;font-family:"grechen fuemen";font-size:60px;line-height:60px;color:#60f; opacity:1;z-index:60; }
  20.  
  21.  .bars { width:100%;margin:122px 0px 0px 0.1px;border-bottom:20px ridge #60f;font-family:shalimar;font-size:50px;line-height:19px;letter-spacing:3px;font-style:italic;color:#f08;}
  22.  .center { margin-top:-53px;margin-left:auto;margin-right:auto; }
  23.  
  24.  .cssvalidator {position:fixed;top:93%;left:0.9%;z-index:99;opacity:1;} .htmlvalidator {position:fixed;top:93%;left:7.3%;z-index:99;opacity:1; }
  25.  .date { position:fixed;top:94%;right:1%;transition:.1s;font-family:shalimar;font-size:20px;line-height:18px;
  26.  font-style:italic;letter-spacing:1.5px;color:#fb1;text-align:center;width:44%; }
  27.  .date:hover { height:90vh;top:10vh;overflow:auto;width:72%;background:#206; }
  28.  
  29.  #navi { position:absolute;top:53px;left:0vw;z-index:3; } a.nav:link, a.nav:active, a.nav:visited
  30.  { display:inline-block;width:25vw;height:44px;font-size:27px;color:#109;font-family:"grechen fuemen";text-align:center;
  31.  text-decoration:none;-webkit-transition:all .5s ease-out;-moz-transition:all .5s ease-out; }
  32.  a.nav:hover { background:#207;color:#f01; }
  33.  
  34.  .content { position:fixed;z-index:-1;top:3px;left:25vw;width:50vw;height:88vh;background:#300;overflow:auto;
  35.  font-family:macondo;font-size:55px;text-align:justify;line-height:56px;padding:6px;opacity:1;color:#0f0;border-radius:5px;transition:1s; }
  36.  .content:target { position:fixed;z-index:60;opacity:1; }
  37.  
  38.  
  39.  </style>
  40.  <div class="titles">Scheherazade </div> <div class="front"></div>
  41.  <br><div class="text" style="margin-left:70vw;">Futa/Herm </div>
  42.  
  43.  
  44.  <div id="navi"><a class="nav" href="#1"> Scheherazade</a>
  45.  <div id="navi"><a class="nav" href="#2"> Timeline</a>
  46.  <div id="navi"><a class="nav" href="#3"> Active Updates</a>
  47.  <div id="navi"><a class="nav" href="#4"> Images</a>
  48.  <div id="navi"><a class="nav" href="#5"> Her Adventures</a>
  49.  <div id="navi"><a class="nav" href="#6"> Her Relativity</a>
  50.  <div id="navi"><a class="nav" href="#7"> Front Page</a> </div>
  51.  
  52.  
  53.  <div id="1" class="content"> Scheherazade<img src="https://i.imgur.com/oXUx3Bs.jpg" style="width:100%;" alt="screenshot" class="center"></div>
  54.  
  55.  
  56.  <div id="2" class="content">​Timeline<img src="https://i.imgur.com/i423etA.jpg" style="width:100%;" alt="screenshot" class="center"></div> </div>
  57.  
  58.  <div id="3" class="content" style="color:transparent">Active Updates<div class="text3">Scheherazade</div><div class="bars">Scheherazade's Updates</div>
  59. <ul class="list"> <li>2020, April -Start of the active updates. Am a very busy Love Succubus! My time is spread out raising my youngest, Dee Dee Deeahndra. It is good her father is a very responsible and loving succubus. Also readying the backup team of the Safety Protocol Mission.</ul>
  60. <div class="bars">Continuing Story</div><div class="captions">Taken as Scheher was convalescing</div><br>
  61. <img src="https://i.imgur.com/B5NNAYC.png" style="width:33%;" alt="another" class="center">
  62. <div class="text" style="font-size:44px;line-height:50px;">
  63. <p>...<p style="margin-top:-44px;">...</p><p style="margin-top:-44px;">...</p></ul> </div> </div>
  64.  
  65. ​<div id="4" class="content">Images<img src="https://i.imgur.com/9zeTNJu.jpg" style="width:100%;" alt="screenshot" class="center"></div>
  66.  
  67. ​<div id="5" class="content">Scheherazade's Adventures<img src="https://i.imgur.com/a4TfPgf.jpg" style="width:100%;margin-top:-106px;" alt="screenshot" class="center"></div>
  68.  
  69. <div id="6" class="content">Scheherazade's Relativity<img src="https://i.imgur.com/QI9NVHs.jpg" style="width:100%;margin-top:-106px;" alt="screenshot" class="center"></div> </div>
  70. ​
  71. ​<div class="date">Scheherazade 3/16/22 Coded by Esther<div class="text2"><p><br>There is a history of coders for all the characters of this story. It began as my daughter Kathy WayStone's story which she wrote as an outgrowth of internet roleplaying, simultaneous with it. Elements of her roleplaying grew into her story. My elderly uncle became interested in her story as did I. The three of us then worked together with her roleplay story. Just about the time we started collaborating, my daughter suddenly suffered Guillaine-Barre syndrome. It was severe, and its onset was very rapid. She nearly died. Yes, she had an out of body experience as she was intubated. That was February 2017. Her near total paralysis left her intubated for 5 days. Never had the neurologists known of a person more determined to heal. It was expected she would walk in 6 months, but with a physical therapist's help, she had her feet on the ground sitting upright at the edge of her bed while still intubated. After her breathing tube was removed she was in the hospital another 3 weeks, and then a week at a physical therapy hospital.<p>When she returned home 85% recovered, she began a new phase of writing with my uncle and I as 3 equal partners. She learned CSS on her own, at first doing it wrong but making it work. We all began creating new characters organically.
  72. </div>
  73.  
  74. <div class="cssvalidator"><img src="http://jigsaw.w3.org/css-validator/images/vcss" style="width:66px;" alt="css" /></div>
  75. <div class="htmlvalidator"><img src="http://jigsaw.w3.org/css-validator/images/vcss-blue" style="width:66px;" alt="html" /></div>
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!