API tools faq
paste
Advertisement
marshallsmyth

48. Serene 11/25/18

marshallsmyth
Nov 25th, 2018
219
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 9.72 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 48</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;"> Serene </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.  
  116. <div id="01" class="thecontent">
  117.  
  118. <div style="width:90%;height:85%;margin:1.8% 0% 0% 3.4%;overflow:auto;border: dotted 1px #6a004a;box-shadow:0px 0px 60px 14px white;
  119. background:rgba(254, 250, 40, 0.6);opacity:1.0;
  120. font-family:quintessential, arial;font-size:20px;text-align:left;font-weight:bold;color:#2e001e;padding:20px;"><p><br>Page 48
  121.  
  122. <div style="font-size:114px;text-align:center;text-shadow:4px 4px 4px #7a002d;margin-top:-100px;"> Serene</div>
  123. <div style="font-size:50px;color:#2e001e;font-family:allura, times;"> Serene is half Angel</div>
  124.  
  125. <img src=" https://i.imgur.com/irykaDY.png" style="width:100%;">
  126.  
  127. <table style="width:100%;color:#3e003a;float:left;font-size:28px;font-weight:bold;"><tr>
  128.  
  129. <td style="width:200px;color:#6a004a;" valign="top">Name:</td><td>Serene WayStone-Lucunditas</td></tr><tr>
  130.  
  131. <td style="color:#6a004a;" valign="top">Parents:</td><td>Pollyanna WayStone-Lucunditas is mother. Polly forgot who the father is, but he is an Angel.</td></tr><tr>
  132.  
  133. <td style="color:#6a004a;" valign="top">Children:</td><td>None yet</td></tr><tr>
  134.  
  135. <td style="color:#6a004a;" valign="top">Birth:</td><td>November 7th, 18</td></tr><tr>
  136.  
  137. <td style="color:#6a004a;" valign="top">Gender:</td><td>Male</td></tr><tr>
  138.  
  139. <td style="color:#6a004a;" valign="top">Orientation:</td><td>Straight</td></tr><tr>
  140.  
  141. <td style="color:#6a004a;" valign="top">Further Notes:</td><td>Serene is 1/2 Angel, 1/4th Lucunditas, 1/8th Succubus, and 1/8th Human</td></tr><tr>
  142.  
  143. <td style="color:#6a004a;" valign="top">Occupation:</td><td>Serene is studying Ecology Systems Management</td></tr><tr>
  144.  
  145. <td style="color:#6a004a;" valign="top">Residence:</td><td>Mystic Cabin</td></tr><tr>
  146.  
  147. <td style="color:#6a004a;" valign="top">Height:</td><td>He is 6 feet tall</td></tr><tr>
  148.  
  149. <td style="color:#6a004a;" valign="top">Weight:</td><td>200 pounds</td></tr><tr>
  150.  
  151. <td style="color:#6a004a;" valign="top">Further ado:</td><td>He has Angel wings</td></tr><tr>
  152.  
  153.  <td style="color:#6a004a;" valign="top">Eyes:</td><td>Brown</td></tr><tr>
  154.  
  155. <td style="color:#6e004a;" valign="top">Hair:</td><td>Light brown</td></tr><tr>
  156.  
  157. <td style="color:#6e004a;" valign="top">Lips:</td><td>French</td></tr><tr>
  158.  
  159. <td style="color:#6e004a;" valign="top">Nails:</td><td>Normal, grow slowly</td></tr><tr>
  160.  
  161. <td style="color:#6e004a;" valign="top">Clothing Style:</td><td>Prefers cotton clothes</td></tr> <tr>
  162.  
  163. <td style="color:#6e004a;" valign="top">House Pets:</td><td>It would be wonderful!</td></tr><tr>
  164.  
  165. <td style="color:#6e004a;" valign="top">Image descriptions:</td><td>
  166.  
  167. <img src=" https://i.imgur.com/aVH9WXF.png" style="width:100%;margin-left:0px;"><br>Caption<br>
  168. <img src="smallimage"><br>Caption<br>
  169. <img src="smallimage"><br>Caption<br></td></tr><tr>
  170.  
  171. <td style="color:#7a002d;" valign="top">Essay:</td><td>
  172.  
  173. <div style="height:46px;border-bottom:30px solid #7a002d;color:#7a002d;font-size:40px;letter-spacing:3px;">Some Events</div>
  174.  
  175. <ul style="list-style-type:square;color:#3e003a;"><li> 2017 - words <li> 2017 - words <li>words
  176.  
  177. </ul><br><br><p></td> </tr><tr></tr></table>
  178.  
  179. <div style="font-size:40px;color:#7e006a;"><center><p>POV<p></center>words
  180.  
  181. </table></div></div></div></div>
  182.  
  183.  
  184.  
  185. <div id="genealogy">
  186. <div style="width:100%;margin:-10px 0px 0px 0px;font-family:parisienne, quintessential, arial;">
  187.  
  188.  
  189. <div style="text-align:center;margin:20px 0px 0px 0px;">Photos</center><p></div>
  190.  
  191. <div style="width:97%;padding:10px;float:left;margin-right:10px;text-align:left;margin-top:-40px;"><p><br><p>
  192.  
  193.  
  194. <img src="    " style="width:100%;">
  195. <img src="    " style="width:100%;">
  196. <img src="    " style="width:100%;">
  197. <img src="    " style="width:100%;">
  198. <img src="    " style="width:100%;">
  199. <img src="    " style="width:100%;">
  200. <img src="    " style="width:100%;">
  201. <img src="    " style="width:100%;"><p>
  202.  
  203.  
  204. </div></div> </div></body></html></body></html>
  205.  
  206.  
  207. <style type="text/css" onload="try { document.title = 'Slice of Heaven'; } catch (error) { }">
  208.  
  209.  
  210.  
  211. #bio {
  212. position: absolute; overflow: hidden;
  213. bottom: 90.5%;
  214. width: 7%;
  215. height: 5%;
  216. transition: 3.5s;
  217. right: 75%;
  218. border: 5px double #960235; border-radius:20px;
  219. background: #8e008e; padding: .25%; color: gold;
  220. box-shadow: 0px 0px 9px 3px darkblue, inset 0px 0px 7px 3px lavender;
  221. font-size:22px; font-weight:none;  
  222. font-family: parisienne, montez, allura, quintessential, Arial; z-index: 2 ;
  223. -webkit-transform: rotate(360deg) ; -moz-transform: rotate(360deg) ; -o-transform: rotate(360deg)
  224. }
  225. #bio:hover {
  226. position: fixed; overflow: auto;
  227. bottom: 2%;
  228. width: 70%;
  229. height: 94%;
  230. transition: 3.5s;
  231. right: 14.6%;  padding: .29%;
  232. background: #8e071e; color: skyblue;
  233. box-shadow: 0px 0px 16px 8px darkorchid, inset 0px 1px 16px #fff;
  234. font-size:32px; font-weight:none; letter-spacing: 3px; font-family: parisienne, montez, quintessential, Arial;
  235. }
  236.  
  237. </style>
  238. </div><div id="bio" style="font-weight:bold;"> Serene
  239. <a href="#01" class="tab">1. Serene  </a>
  240.  
  241. <a href="#reset" class="tab"> Title Page</a>
  242.  
  243. Updated, 7/29/18 1:00 a.m.
  244.  <p> <br><p>
  245.  
  246.  
  247.  
  248. </div>
  249.  
  250. 48. Serene 11/24/18
  251.  
  252. </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!