API tools faq
paste
Advertisement
marshallsmyth

47. Drive 11/25/18

marshallsmyth
Nov 25th, 2018
274
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 11.40 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:150%;
  18. display:inline;
  19. overflow: visible;
  20. pointer-events:none;
  21. opacity: 0.4;
  22. background:transparent url('https://i.imgur.com/geosgmp.png') repeat top center;
  23. z-index:2;
  24. -moz-animation:move-scrolling-front 200s linear infinite;
  25. -ms-animation:move-scrolling-front 200s linear infinite;
  26. -o-animation:move-scrolling-front 200s linear infinite;
  27. -webkit-animation:move-scrolling-front 200s linear infinite;
  28. animation:move-scrolling-front 200s 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:lavender;"> Page 47</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;"> Drive </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:85%;margin:1.8% 0% 0% 3.4%;overflow:auto;border: dotted 1px #2ec05a;box-shadow:0px 0px 60px 14px #7a002d;
  118. background:rgba(82, 140, 82, 1.0);opacity:1.0;
  119. font-family:quintessential, arial;font-size:20px;text-align:left;font-weight:bold;color:#2e001e;padding:20px;"><p><br>Page 47
  120.  
  121. <div style="font-size:114px;text-align:center;text-shadow:4px 4px 4px #7a002d;margin-top:-100px;"> Drive </div>
  122. <div style="font-size:50px;color:#2e001e;font-family:allura, times;"> Drive is a fully sapient Stallion</div>
  123.  
  124. <img src=" https://i.imgur.com/APGNyfy.png" style="width:100%;">
  125.  
  126. <table style="width:100%;color:#3e004a;float:left;font-size:28px;font-weight:bold;"><tr>
  127.  
  128. <td style="width:200px;color:#7e003a;" valign="top">Name:</td> <td>Drive WayStone-Lucunditas</td></tr><tr>
  129.  
  130. <td style="color:#7e003a;" valign="top">Parents:</td><td>Pollyanna WayStone-Lucunditas is his mother.
  131. Drive's wonderful father, so masculine and gentle, will be told soon as he can be found. </td></tr><tr>
  132.  
  133. <td style="color:#7e003a;" valign="top">Children:</td><td>None yet</td></tr><tr>
  134.  
  135. <td style="color:#7e003a;" valign="top">Birth:</td><td>November 4th, 18</td></tr><tr>
  136.  
  137. <td style="color:#7e003a;" valign="top">Gender:</td><td>Drive is a Stallion</td></tr><tr>
  138.  
  139. <td style="color:#7e003a;" valign="top">Orientation:</td><td>He loves women, females, Mares</td></tr><tr>
  140.  
  141. <td style="color:#7e003a;" valign="top">Further Notes:</td><td>Drive is 1/4th horse, 1/4th Lucunditas, 1/8th Succubus, and 3/8ths Human.
  142. Drive however is most similar to a Pegasus.<li> Though Drive has a hard time speaking because of how his mouth is made, he has a tool he holds in his mouth to type with, and he types 15 good words a minute. </td></tr><tr>
  143.  
  144. <td style="color:#7e003a;" valign="top">Lovers:</td><td>None yet.<br>More? Ok</td> </tr><tr>
  145.  
  146. <td style="color:#7e003a;" valign="top">Occupation:</td><td>Drive is very intelligent, and is studying a great many things, excelling in all his studies. His desire is toward the physical trainings, and works hard toward that end.
  147. Lately he has been working with Blaze pulling tonnage up to speed.
  148. Blaze pulls 40 ton bags of equipment or Alchems around planets and moons to get them nearly to 10 million miles per hour.</td></tr><tr>
  149.  
  150. <td style="color:#7e003a;" valign="top">Residence:</td><td>An Oat pasture near 1st mansion. Oh, supplies are kept in the barn.</td></tr><tr>
  151.  
  152. <td style="color:#7e003a;" valign="top">Height:</td><td>Many hands</td></tr><tr>
  153.  
  154. <td style="color:#7e003a;" valign="top">Weight:</td><td>1,200 pounds or so?</td></tr><tr>
  155.  
  156. <td style="color:#7e003a;" valign="top">Dominance Status:</td><td>Drive is accidentally gently dominant.</td></tr><tr>
  157.  
  158. <td style="color:#7e003a;" valign="top">Further ado:</td><td>For recreation, and mutual enjoyment, Drive enjoys stud work</td></tr><tr>
  159.  
  160. <td style="color:#7e003a;" valign="top">Eyes:</td><td>Turquoise</td></tr><tr>
  161.  
  162. <td style="color:#7e003a;" valign="top">Hair:</td><td>White</td></tr><tr>
  163.  
  164. <td style="color:#7e003a;" valign="top">Lips:</td><td>White/Flesh</td></tr><tr>
  165.  
  166. <td style="color:#7e003a;" valign="top">Tattoos:</td><td>No</td></tr><tr>
  167.  
  168. <td style="color:#7e003a;" valign="top">Scars:</td><td>No</td></tr><tr>
  169.  
  170. <td style="color:#7e003a;" valign="top">Canine Teeth:</td><td>Don't much have canines</td></tr><tr>
  171.  
  172. <td style="color:#7e003a;" valign="top">Nails:</td><td>You mean hooves. Every once in awhile that Kennedy gal from the nail shop comes over and cleans and shines my hooves, then paints some handsome marks on them. I like her, so I give her rides. Next time I'll make sure she has the pressure suit and Oxygen, and take her above the atmosphere.</td></tr><tr>
  173.  
  174. <td style="color:#7e003a;" valign="top">Clothing Style:</td><td>Oh. Clothes. Don't much wear them. I'll use a soft bitless bridle. Just say where we're going, and hold on, no need to steer me. </td></tr> <tr>
  175.  
  176. <td style="color:#7e003a;" valign="top">Guiltiest Pleasures:</td><td>Waaal, shucks. Not one much for this.</td></tr><tr>
  177.  
  178. <td style="color:#7e003a;" valign="top">thing:</td><td>Yes. Have one. It's about the size of my aunt Cherie-Amour's. </td></tr><tr>
  179.  
  180. <td style="color:#000;" valign="top">Images:</td><td>About them <br>
  181.  
  182. <img src="smallimage" style="width:100%;margin-left:0px;"><br>words<br>
  183. <img src="smallimage"><br>words<br>
  184. <img src="smallimage"><br>words <p> </td></tr><tr>
  185.  
  186. <td style="color:#f9008b;" valign="top">Essay:</td><td>One <p>Two <p>
  187.  
  188. <div style="height:46px;border-bottom:40px double #7a002d;color:#f9008b;font-size:40px;letter-spacing:3px;">Some Events</div>
  189.  
  190. <ul style="list-style-type:square;color:#000;"> <li> 2012 - words <li> 2017 - Born, November. <li>words </ul><br><br><p></td> </tr><tr></tr></table>
  191.  
  192. <div style="font-size:40px;color:#7a002d;"><center><p>POV<p></center>words
  193.  
  194. </table></div></div></div></div>
  195.  
  196.  
  197.  
  198.  
  199. <div id="genealogy">
  200. <div style="width:100%;margin:-10px 0px 0px 0px;font-family:parisienne, quintessential, arial;">
  201.  
  202.  
  203. <div style="text-align:center;margin:20px 0px 0px 0px;">Photos</center><p></div>
  204.  
  205. <div style="width:97%;padding:10px;float:left;margin-right:10px;text-align:left;margin-top:-40px;"><p><br><p>
  206.  
  207.  
  208. <img src="    " style="width:100%;">
  209. <img src="    " style="width:100%;">
  210. <img src="    " style="width:100%;">
  211. <img src="    " style="width:100%;">
  212. <img src="    " style="width:100%;">
  213. <img src="    " style="width:100%;">
  214. <img src="    " style="width:100%;">
  215. <img src="    " style="width:100%;"><p>
  216.  
  217.  
  218. </div></div> </div></body></html></body></html>
  219.  
  220.  
  221. <style type="text/css" onload="try { document.title = 'Slice of Heaven'; } catch (error) { }">
  222.  
  223.  
  224.  
  225. #bio {
  226. position: absolute; overflow: hidden;
  227. bottom: 90.5%;
  228. width: 7%;
  229. height: 5%;
  230. transition: 3.5s;
  231. right: 75%;
  232. border: 5px double #960235; border-radius:20px;
  233. background: #8e008e; padding: .25%; color: gold;
  234. box-shadow: 0px 0px 9px 3px darkblue, inset 0px 0px 7px 3px lavender;
  235. font-size:22px; font-weight:none;  
  236. font-family: parisienne, montez, allura, quintessential, Arial; z-index: 2 ;
  237. -webkit-transform: rotate(360deg) ; -moz-transform: rotate(360deg) ; -o-transform: rotate(360deg)
  238. }
  239. #bio:hover {
  240. position: fixed; overflow: auto;
  241. bottom: 2%;
  242. width: 70%;
  243. height: 94%;
  244. transition: 3.5s;
  245. right: 14.6%;  padding: .29%;
  246. background: #8e071e; color: skyblue;
  247. box-shadow: 0px 0px 16px 8px darkorchid, inset 0px 1px 16px #fff;
  248. font-size:32px; font-weight:none; letter-spacing: 3px; font-family: parisienne, montez, quintessential, Arial;
  249. }
  250.  
  251. </style>
  252. </div><div id="bio" style="font-weight:bold;"> Drive
  253. <a href="#01" class="tab">1. Drive  </a>
  254.  
  255. <a href="#reset" class="tab"> Title Page</a>
  256.  
  257. Updated, 7/29/18 1:00 a.m.
  258.  <p> <br><p>
  259.  
  260. </div>
  261.  
  262. 47. Drive 11/24/18
  263.  
  264. </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!