API tools faq
paste
Advertisement
marshallsmyth

53. Spextrum 11/25/18

marshallsmyth
Nov 25th, 2018
247
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 11.14 KB | None | 0 0
raw download clone embed print report
  1. <body>
  2. <style type="text/css" onload="try { document.title = 'Slice of Heaven'; } catch (error) { }">
  3. @import url(https://fonts.googleapis.com/css?family=Quintessential|Montez);
  4. @import url(https://fonts.googleapis.com/css?family=Parisienne|Allura);
  5. ::-webkit-scrollbar { width: 15px;}
  6. ::-webkit-scrollbar-track { border-radius: 5px; background-color: #007fff;}
  7. ::-webkit-scrollbar-thumb { border-radius:5px; background-color: #8e003e;box-shadow: 0px 0px 36px 16px #000;}
  8.  
  9.  <body>Solange's Family
  10. { background-color:orchid; }
  11.  
  12. .clouds {
  13. position:absolute;
  14. left:0.5%;
  15. bottom:1%;
  16. width:99%;
  17. height:70%;
  18. display:inline;
  19. overflow: visible;
  20. pointer-events:none;
  21. opacity: 1.0;
  22. background:transparent url('https://i.imgur.com/geosgmp.png') repeat top center;
  23. z-index:2;
  24. -moz-animation:move-scrolling-front 100s linear infinite;
  25. -ms-animation:move-scrolling-front 100s linear infinite;
  26. -o-animation:move-scrolling-front 100s linear infinite;
  27. -webkit-animation:move-scrolling-front 100s linear infinite;
  28. animation:move-scrolling-front 100s linear infinite;
  29. }
  30.  
  31. @keyframes move-scrolling-front{
  32. from{background-position:0% 0%}
  33. to{background-position:300% 0%}
  34. }
  35. @-webkit-keyframes move-scrolling-front{
  36. from{background-position:0% 0%}
  37. to{background-position:300% 0%}
  38. }
  39. @-moz-keyframes move-scrolling-front{
  40. from{background-position:0% 0%}
  41. to{background-position:300% 0%}
  42. }
  43. @-ms-keyframes move-scrolling-front{
  44. from{background-position:0% 0%}
  45. to{background-position:300% 0%}
  46. }
  47.  
  48.  
  49. a.tab:active, a.tab:link, a.tab:visited
  50. { background: #3e3eee; border: #5eee8e 4px double;
  51. display: block; height: 35px; line-height: 35px; width: 50%;
  52. font-family:quintessential, times; font-weight:bold; font-size:17px; color:#000; text-decoration: none; margin-top:14px;
  53. -webkit-transition: all 3.1s ease-in; -moz-transition: all 3.1s ease-in; -ms-transition: all 3.1s ease-in; -o-transition: all 3.1s ease-in; transition: all 3.1s ease-in;
  54. -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px; }
  55.  
  56. a.tab:hover
  57. { background-color: skyblue; border: #1a007a 4px double; margin-top:4px;  width:80%; }
  58.  
  59.  
  60.  
  61. .thecontent{ position: fixed; top: 0px; right: 0px;
  62. width: 0px; height: 0px; background-color: #; border: double # 0px; color: #; font-size: 24px;
  63. font-family: quintessential;opacity: 0.0; overflow: auto; padding: 0px; text-align: center;}
  64.  
  65. .thecontent:target{position: fixed; top: 0px; right: 0px; bottom: 0px;
  66. width: 1356px; height: 645px;font-family:quintessential;
  67. background-color: #000;
  68. border: double lightsalmon 0px; opacity: 1.0;
  69. overflow: hidden; padding: 5px; z-index: 1; }
  70.  
  71.  
  72. #genealogy
  73. { height:5%;   background:#8e008e;   overflow:auto;  width:7%;  transition:3.5s;   z-index:1;   overflow:hidden;
  74. position:fixed;  line-height:5px;  right:20%;   bottom:90.5%;
  75. padding-top:5px;   text-align:center;   font-size:21px;   color:gold;   border:5px double #000;
  76. border-radius:20px;     box-shadow:0px 0px 9px 3px darkblue, inset 0px 0px 7px 3px lavender; }
  77.  
  78. #genealogy:hover
  79. {background:#8e071e;  transition:3.5s;   height:94%;   bottom:2%;   width:70%;  right:20%;  
  80. overflow:auto;   font-size:41px;   line-height:40px;; }
  81.  
  82.  
  83. </style>
  84. <div id="body">
  85. <div style="background:#3e009e;box-shadow:0px 0px 0px 90px #3e009e;">
  86.  
  87. <div style="width:97%;height:87%;margin:-0.25% 0% 0% -.25%;overflow:auto;border-radius:6px;border:solid 3px #007fff;box-shadow:0px 0px 140px 10px darkorchid;background:radial-gradient(circle,rgba(250,250,100,0.4) 30%,transparent);font-family:parisienne, montez, quintessential, arial;font-size:20px;text-align:left;color:#a90000;padding:20px;">
  88.  
  89. <div style="font-size:24px;margin-top:-10px;color:white;"> Page 53</div>
  90.  
  91. <div style="font-size:126px;margin:-35px 0px 0px 0px;padding:20px;text-align:center;text-shadow:1px 2px 1px black;"> The Present Degeneracy<p>
  92.  
  93. <div style="font-size:84px;margin-top:-60px;text-shadow:1px 1px 1px black;"> Time-Frames </div><div style="color:skyblue;text-shadow:2px 2px 2px black;"> Spextrum </div>
  94.  
  95. <div style="font-size:64px;text-shadow:1px 0px 1px black;"> Character's story description <p>  optional short description <p>
  96.  
  97. <div style="text-shadow:1px 2px 1px black;">Written by, Kathy WayStone-Yayoi</div>
  98.  
  99. <div style="width:1250px;height:0px;"></div>
  100.  
  101. <div style="font-size:46px;font-weight:bold;font-family:quintessential, Arial;text-shadow:3px 3px 9px #35000b;color:#84001b;letter-spacing:3px;">Overview</div>
  102.  
  103. <div style="font-size:46px;color:skyblue;font-family:parisienne, quintessential, times;text-align:left;text-shadow:0px 0px 0px;"> <div>
  104.  
  105.  HISTORY-Story
  106.  
  107.  
  108.  
  109. </div></div></div></div>
  110.  
  111.  
  112. <div class="clouds">
  113. </div>
  114.  
  115. <div id="01" class="thecontent">
  116.  
  117. <div style="width:90%;height:83%;margin:1.8% 0% 0% 3.4%;overflow:auto;border: solid 1px #7a002d;box-shadow:0px 0px 60px 14px #4e004e;
  118. background:rgba(22, 22, 22, 1.0);opacity:1.0;text-shadow:4px 4px 4px #7a002d;
  119. font-family:quintessential, arial;font-size:28px;text-align:left;font-weight:none;color:#4e004e;padding:20px;"><p><br><div style="color:lightblue;">Page 53</div>
  120.  
  121. <div style="font-size:154px;text-align:center;text-shadow:5px 5px 9px #7a002d;margin-top:-210px;letter-spacing:2px;"> Spextrum </div>
  122. <div style="font-size:80px;color:#4e004e;font-family:allura, times;letter-spacing:3px;text-shadow:0px 0px 0px;"> Spextrum's Photo description</div>
  123.  
  124. <img src=" https://i.imgur.com/5JUojV1.png" style="width:100%;">
  125.  
  126. <table style="width:100%;color:rgba(111, 0, 0, 1.0);float:left;font-size:28px;font-weight:bold;text-shadow:0px 0px 0px;"><tr>
  127.  
  128. <td style="width:200px;color:#9e009e;" valign="top">Name:</td><td>Spextrum Smith-WayStoneLucunditas</td></tr><tr>
  129.  
  130. <td style="color:#9e009e;" valign="top">Parents:</td> <td>Victoria Brenda is father, and Pollyanna WayStone-Lucunditas is mother.</td></tr><tr>
  131.  
  132. <td style="color:#9e009e;" valign="top">Children:</td> <td>None yet</td></tr><tr>
  133.  
  134. <td style="color:#9e009e;" valign="top">Birth:</td> <td>November 30th, 16</td></tr><tr>
  135.  
  136. <td style="color:#9e009e;" valign="top">Gender:</td> <td>Male</td></tr><tr>
  137.  
  138. <td style="color:#9e009e;" valign="top">Further Notes:</td> <td>Spextrum is 7/8ths winged, and 1/8th Human. This is more than any in our family. <br>
  139.  
  140. <img src="https://i.imgur.com/q3FrI9p.png" style="width:100%;"><p></td> </tr><tr>
  141.  
  142. <td style="color:#9e009e;" valign="top">Lovers:</td> <td>He is being physically trained very hard beginning early by Scheherazade, Taklamakan, and Brandon. His schooling is under the charge of Sonia. Much is expected of Spex.</td> </tr><tr>
  143.  
  144. <td style="color:#9e009e;" valign="top">Occupation:</td> <td>He has been brought to lunar orbit and landing before he reached 5 years. At 7 years, Scheherazade and Atom took him on an inner planet flyby tour of Earth, the moon, Venus, Mercury, Sol, Mercury, Venus, Earth's moon, and a swing around Mars, followed by a rendesvous with Blaze. Spextrum withstood 47 g at Venus, using a strong Alchem lotion, and a sygaldry ingot. While doing this he completed the second triad of readings and the tests of it. He is to do a solo flight to Uranus using time-frame methods beginning next week.</td></tr><tr>
  145.  
  146. <td style="color:#9e009e;" valign="top">Residence:</td> <td>Supplies are on Blaze.</td></tr><tr>
  147.  
  148. <td style="color:#9e009e;" valign="top">Height:</td> <td>6 foot 4</td></tr><tr>
  149.  
  150. <td style="color:#9e009e;" valign="top">Weight:</td> <td>190</td></tr><tr>
  151.  
  152. <td style="color:#9e009e;" valign="top">Dominance Status:</td> <td>Esther is training him.</td></tr><tr>
  153.  
  154. <td style="color:#9e009e;" valign="top">Further ado:</td> <td>Hi everyone! I hope to meet my dad soon as I finish my 4th triad of studies!</td></tr><tr>
  155.  
  156. <td style="color:#9e009e;" valign="top">Eyes:</td> <td>Brown</td></tr><tr>
  157.  
  158. <td style="color:#9e009e;" valign="top">Hair:</td> <td>Purple/brown</td></tr><tr>
  159.  
  160. <td style="color:#9e009e;" valign="top">Lips:</td> <td>French</td></tr><tr>
  161.  
  162. <td style="color:#9e009e;" valign="top">Canine Teeth:</td><td>Moderately vampish</td></tr><tr>
  163.  
  164. <td style="color:#9e009e;" valign="top">Nails:</td> <td>Titanium/Calcium</td></tr><tr>  
  165.  
  166. <td style="color:#9e009e;" valign="top">Clothing Style:</td> <td>Uniforms</td></tr> <tr>
  167.  
  168. <td style="color:#9e009e;" valign="top">House Pets:</td> <td>Once I settle in, I hope to get a Bird ancestor, something like Archaeopteryx.<br>answer</td></tr><tr>
  169.  
  170. <td style="color:#9e009e;" valign="top">Guiltiest Pleasures:</td> <td>I used real mayonnaise in my tuna salad yesterday!</td></tr><tr>
  171.  
  172. <td style="color:#9e009e;" valign="top">thing:</td> <td>Ha! Good one.</td></tr><tr>
  173.  
  174. <td style="color:#9e009e;" valign="top">Images:</td> <td>About <br>
  175.  
  176. <img src="smallimage" style="width:100%;"><br>Caption<br>
  177. <img src="smallimage" style="width:100%;"><br>Caption<br>
  178. <img src="smallimage" style="width:100%;"><p></td></tr><tr>
  179.  
  180. <td style="color:#f9008b;" valign="top">Schedules:</td><td>
  181.  
  182. <div style="height:46px;border-bottom:1px dotted #f9008b;color:#f9008b;font-size:40px;letter-spacing:3px;">Some Events</div>
  183.  
  184. <ul style="list-style-type:square;color:#000;"> <li> 2018 - Schedule <li> 2018 - Schedule <li> 2019 - Schedule </ul><br><br><p></td> </tr><tr></tr></table>
  185.  
  186. <div style="font-size:40px;color:#9e009e;"><center><p>POV<p></center>words
  187.  
  188. </table></div></div></div></div>
  189.  
  190.  
  191.  
  192. <div id="genealogy">
  193. <div style="width:100%;margin:-10px 0px 0px 0px;font-family:parisienne, quintessential, arial;">
  194.  
  195.  
  196. <div style="text-align:center;margin:20px 0px 0px 0px;">Photos</center><p></div>
  197.  
  198. <div style="width:97%;padding:10px;float:left;margin-right:10px;text-align:left;margin-top:-40px;"><p><br><p>
  199.  
  200.  
  201. <img src="    " style="width:100%;">
  202. <img src="    " style="width:100%;">
  203. <img src="    " style="width:100%;">
  204. <img src="    " style="width:100%;">
  205. <img src="    " style="width:100%;">
  206. <img src="    " style="width:100%;">
  207. <img src="    " style="width:100%;">
  208. <img src="    " style="width:100%;"><p>
  209.  
  210.  
  211. </div></div> </div></body></html></body></html>
  212.  
  213.  
  214. <style type="text/css" onload="try { document.title = 'Slice of Heaven'; } catch (error) { }">
  215.  
  216.  
  217.  
  218. #bio {
  219. position: absolute; overflow: hidden;
  220. bottom: 90.5%;
  221. width: 7%;
  222. height: 5%;
  223. transition: 3.5s;
  224. right: 75%;
  225. border: 5px double #960235; border-radius:20px;
  226. background: #8e008e; padding: .25%; color: gold;
  227. box-shadow: 0px 0px 9px 3px darkblue, inset 0px 0px 7px 3px lavender;
  228. font-size:22px; font-weight:none;  
  229. font-family: parisienne, montez, allura, quintessential, Arial; z-index: 2 ;
  230. -webkit-transform: rotate(360deg) ; -moz-transform: rotate(360deg) ; -o-transform: rotate(360deg)
  231. }
  232. #bio:hover {
  233. position: fixed; overflow: auto;
  234. bottom: 2%;
  235. width: 70%;
  236. height: 94%;
  237. transition: 3.5s;
  238. right: 14.6%;  padding: .29%;
  239. background: #8e071e; color: skyblue;
  240. box-shadow: 0px 0px 16px 8px darkorchid, inset 0px 1px 16px #fff;
  241. font-size:32px; font-weight:none; letter-spacing: 3px; font-family: parisienne, montez, quintessential, Arial;
  242. }
  243.  
  244. </style>
  245. </div><div id="bio" style="font-weight:bold;"> Spextrum
  246. <a href="#01" class="tab">1. Spextrum  </a>
  247.  
  248. <a href="#reset" class="tab"> Title Page</a>
  249.  
  250. Updated, 7/29/18 1:00 a.m.
  251.  <p> <br><p>
  252.  
  253.  
  254.  
  255. </div>
  256.  
  257. 53. Spextrum 11/24/18
  258.  
  259. </div></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!