API tools faq
paste
Advertisement
marshallsmyth

34. Dravenita 11/24/18

marshallsmyth
Nov 24th, 2018
260
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 14.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:93%;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:21px;margin-top:-10px;"> Page 34</div>
  90.  
  91. <div style="font-size:126px;margin:-35px 0px 0px 0px;padding:20px;text-align:center;text-shadow:1px 2px 1px black;">Title goes here<p>
  92.  
  93. <div style="font-size:84px;margin-top:-60px;text-shadow:1px 1px 1px black;">Subtitle part, </div><div style="color:skyblue;text-shadow:2px 2px 2px black;"> Dravenita </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;">Author</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="background:#4e008e;box-shadow:0px 0px 0px 90px #4e008e;">
  119. <div style="width:95%;height:89%;margin:0.1% 0% 0% 0%;overflow:auto;border:double 10px yellow;box-shadow:0px 0px 70px 16px rgba(161,90, 251, 1.0);background:radial-gradient(circle,rgba(250,100,250,0.9) 80%,transparent);border-radius:5%;
  120. font-family:parisienne, quintessential, arial;font-size:20px;text-align:left;color:#2e001e;padding:20px;"><p><br>Page 34
  121.  
  122. <div style="font-size:114px;text-align:center;text-shadow:4px 4px 4px #8e003e;margin-top:-100px;">  Dravenita  </div>
  123. <div style="font-size:50px;color:#5e5eee;"> desc  </div>
  124.  
  125. <img src="    " style="width:50%;">
  126. <div style="font-size:46px;margin-left:0px;color:#7e003e;font-weight:bold;"><br><center> Greetings <br><br></center></div><br><br>
  127. <img src="    " style="width:50%;"><br>
  128.  
  129. <table style="width:100%;color:#1e003e;float:left;font-size:56px;text-shadow:0px 1px 1px red;"><tr>
  130.  
  131. <td style="width:200px;color:#000;" valign="top">Name:  </td><td><li>    <p></td></tr><tr>  
  132.  
  133. <td style="color:#000;" valign="top">Parents:           </td><td><li>Father; Marcus Dravenmoore  <li>Mother; Vera WayStone   <p></td></tr><tr>
  134.  
  135. <td style="color:#000;" valign="top">Children:          </td><td><li>    <p></td></tr><tr>  
  136.  
  137. <td style="color:#000;" valign="top">Lovers:            </td><td><li>    <p></td></tr><tr>
  138.  
  139. <td style="color:#000;" valign="top">Birth:             </td><td><li>    <br>
  140.  
  141.  
  142. <img src="    " style="width:50%;"> <p></td></tr><tr>
  143.  
  144.  
  145. <td style="color:#000;" valign="top">Currently:       </td><td><li>    <p></td></tr><tr>
  146.  
  147. <td style="color:#000;" valign="top">Gender:          </td><td><li>    <p></td></tr><tr>  
  148.  
  149. <td style="color:#000;" valign="top">Orientation:     </td><td><li>    <p></td></tr><tr>  
  150.  
  151. <td style="color:#000;" valign="top">Residence:       </td><td><li>    <br>
  152.  
  153.  
  154. <img src="    " style="width:40%;"><p></td></tr><tr>
  155.  
  156.  
  157. <td style="color:#000;" valign="top">Training:         </td><td><li>    <p></td></tr><tr>  
  158.  
  159. <td style="color:#000;" valign="top">Occupation:       </td><td><li>    <p></td></tr><tr>
  160.  
  161. <td style="color:#000;" valign="top">Height:           </td><td><li>    <p></td></tr><tr>
  162.  
  163. <td style="color:#000;" valign="top">Weight:           </td><td><li>    <p></td></tr><tr>  
  164.  
  165. <td style="color:#000;" valign="top">Build:            </td><td><li>    <p></td></tr><tr>
  166.  
  167. <td style="color:#000;" valign="top">Hair:             </td><td><li>    <p></td></tr><tr>  
  168.  
  169. <td style="color:#000;" valign="top">Eyes:             </td><td><li>    <br>
  170.  
  171.  
  172. <img src="    " style="width:50%;"><br></td></tr><tr>
  173.  
  174.  
  175. <td style="color:#000;" valign="top">Ears:            </td><td><li>   <p></td></tr><tr>
  176.  
  177. <td style="color:#000;" valign="top">Scars:           </td><td><li>   <p></td></tr><tr>
  178.  
  179. <td style="color:#000;" valign="top">Tattoos:         </td><td><li>   <p></td></tr><tr>  
  180.  
  181. <td style="color:#000;" valign="top">Teeth:           </td><td><li>   <p></td></tr><tr>
  182.  
  183. <td style="color:#000;" valign="top">Lips:            </td><td><li>   <p></td></tr><tr>
  184.  
  185. <td style="color:#000;" valign="top">Nails:           </td><td><li>   <p></td></tr><tr>  
  186.  
  187. <td style="color:#000;" valign="top">Breast Size:     </td><td><li>   <p></td></tr><tr>  
  188.  
  189. <td style="color:#000;" valign="top">Aureola Color:   </td><td><li>   <p></td></tr><tr>
  190.  
  191. <td style="color:#000;" valign="top">Pets:            </td><td><li>   <p></td></tr><tr>
  192.  
  193. <td style="color:#000;" valign="top">Clothing Style:  </td><td><li>   <br><p>
  194.  
  195.  
  196. <img src="    " style="width:50%;"><p></td></tr><tr>  
  197.  
  198.  
  199. <td style="color:#000;" valign="top">Emotional State:       </td><td><li>   <p></td></tr><tr>
  200.  
  201. <td style="color:#000;" valign="top">Dominance Status:      </td><td><li>   <p></td></tr><tr>  
  202.  
  203. <td style="color:#000;" valign="top">Guiltiest Pleasures:   </td><td><li>   <p></td></tr><tr>
  204.  
  205. <td style="color:#000;" valign="top">Further Notes:         </td><td><li>   <p></td></tr><tr>
  206.  
  207.  
  208. <td style="color:skyblue;" valign="top">Images:        </td><td>
  209.  
  210. <img src="    " style="width:100%;"><br>Image description<br><p>
  211. <img src="    " style="width:100%;"><br>Image description<br><p>
  212. <img src="    " style="width:100%;"><br>Image Description<p></td></tr><tr>
  213.  
  214. <td style="color:#49000e;" valign="top">Essay:</td><td><li>words<p>
  215.  
  216. <div style="height:46px;border-bottom:10px solid #35000e;color:#69000e;font-size:40px;letter-spacing:3px;">Some Events</div>
  217.  
  218. <ul style="list-style-type:square;"> <li> 2017 - highlights <li> 2018 - highlights <li> 2019 - highlights </ul><br><br><p></td> </tr><tr></tr></table>
  219.  
  220. <div style="font-size:40px;color:black;"><center><p> Currently <p></center>The current updates go here
  221.  
  222. </table></div></div></div></div>
  223.  
  224.  
  225.  
  226.  
  227.  
  228.  
  229. <div id="02" class="thecontent">
  230.  
  231. <div style="background:blue;box-shadow:0px 0px 0px 90px blue;">
  232. <div style="width:1320px;height:634px;margin:-1px 0px 0px 17px;overflow:auto;border-radius:5px;border:dotted 1.5px gold;box-shadow:0px 0px 3px 1px tomato;background:teal;font-family:parisienne, quintessential, arial;font-size:20px;text-align:left;font-weight:none;color:#250142;padding:0px;">
  233.  
  234. <img src="  https://i.imgur.com/FXJ6lUk.png  " style="width:100%;">
  235. <div style="font-size:50px;color:#ab0041;padding:40px;">
  236. Pas ici, cette pièce est vide. Paz eesee, sayt peeAysay est veeday
  237. </div>
  238.  
  239. <div style="margin-top:20px;">Page
  240. <div style="font-size:114px;text-align:center;text-shadow:3px 3px 1px lavender;margin-top:-30px;">  blank  </div>
  241.  
  242.  
  243. <table style="width:100%;color:#250142;float:left;font-size:34px;font-weight:none;padding:10px;letter-spacing:2px;"><tr>
  244.  
  245. <td style="width:200px;font-weight:bold;color:#94000e;" valign="top">Name:</td><td>   <p></td></tr><tr>
  246.  
  247. <td style="font-weight:bold;color:#94000e;" valign="top">Parents:</td><td>            </td></tr><tr>
  248.  
  249. <td style="font-weight:bold;color:#94000e;" valign="top">Children:</td><td>           <p><li> </td></tr><tr>
  250.  
  251. <td style="font-weight:bold;color:#94000e;" valign="top">Birthdate:</td><td>          </td></tr><tr>
  252.  
  253. <td style="font-weight:bold;color:#94000e;" valign="top">Gender:</td><td>             </td></tr><tr>
  254.  
  255. <td style="font-weight:bold;color:#94000e;" valign="top">Orientation:</td><td>        </td></tr><tr>
  256.  
  257. <td style="font-weight:bold;color:#94000e;" valign="top">Currently:</td><td>          </td></tr><tr>
  258.  
  259. <td style="font-weight:bold;color:#94000e;" valign="top">Training:</td><td>           <p></li> </td></tr><tr>
  260.  
  261. <td style="font-weight:bold;color:#94000e;" valign="top">Education:</td><td>          <p><li>  </td></tr><tr>
  262.  
  263. <td style="font-weight:bold;color:#94000e;" valign="top">Occupation:</td><td>         </td></tr><tr>
  264.  
  265. <td style="font-weight:bold;color:#94000e;" valign="top">Residence:</td><td>          </td></tr><tr>
  266.  
  267. <td style="font-weight:bold;color:#94000e;" valign="top">Height:</td><td>             </td></tr><tr>
  268.  
  269. <td style="font-weight:bold;color:#94000e;" valign="top">Weight:</td><td>             </td></tr><tr>
  270.  
  271. <td style="font-weight:bold;color:#94000e;" valign="top">Build:</td><td>              </td></tr><tr>
  272.  
  273. <td style="font-weight:bold;color:#94000e;" valign="top">Hair:</td><td>               </td></tr><tr>
  274.  
  275. <td style="font-weight:bold;color:#94000e;" valign="top">Eyes:</td><td>               </td></tr><tr>
  276.  
  277. <td style="font-weight:bold;color:#94000e;" valign="top">Teeth:</td><td>              </td></tr><tr>
  278.  
  279. <td style="font-weight:bold;color:#94000e;" valign="top">Dominance:</td><td>          </td></tr><tr>
  280.  
  281. <td style="font-weight:bold;color:#94000e;" valign="top">Further:</td><td>            </td></tr><tr></table>
  282.  
  283. <td style="color:#000;" valign="top">Family album:</td><td> <p>
  284.  
  285. <img src="    " style="width:50%;"><br><p>
  286. <img src="    " style="width:50%;"><br><p>
  287. <img src="    " style="width:50%;"><br><p>
  288. <img src="    " style="width:50%;"><br><br> </td></tr><tr>
  289.  
  290. <td style="color:#000;" valign="top"></td><td>
  291.  
  292. <div style="height:46px;border-bottom:25px double #45001e;color:#75001e;font-size:40px;letter-spacing:3px;">Some Events</div>
  293.  
  294. <ul style="list-style-type:square;color:#75001e;"> <li> 2018 - <li> 2019 - <li> 2020 - </ul> </td></tr><tr></table>
  295.  
  296. <div style="height:46px;border-bottom:25px double #45001e;color:#95001e;font-size:40px;letter-spacing:3px;"></div>
  297.  
  298. <div style="width:1198px;font-size:40px;color:black;padding:55px;"><p><center><h1> pov </h1></center><p>
  299.  
  300. </div></div></div></div></div></table>
  301.  
  302.  
  303.  
  304.  
  305.  
  306.  
  307. <div id="genealogy">
  308. <div style="width:100%;margin:-10px 0px 0px 0px;font-family:parisienne, quintessential, arial;">
  309.  
  310.  
  311. <div style="text-align:center;margin:20px 0px 0px 0px;">Photos</center><p></div>
  312.  
  313. <div style="width:97%;padding:10px;float:left;margin-right:10px;text-align:left;margin-top:-40px;"><p><br><p>
  314.  
  315.  
  316. <img src="    " style="width:100%;"><p>
  317.  
  318.  
  319. </div></div> </div></body></html></body></html>
  320.  
  321.  
  322. <style type="text/css" onload="try { document.title = 'Slice of Heaven'; } catch (error) { }">
  323.  
  324.  
  325.  
  326. #bio {
  327. position: absolute; overflow: hidden;
  328. bottom: 90.5%;
  329. width: 7%;
  330. height: 5%;
  331. transition: 3.5s;
  332. right: 75%;
  333. border: 5px double #960235; border-radius:20px;
  334. background: #8e008e; padding: .25%; color: gold;
  335. box-shadow: 0px 0px 9px 3px darkblue, inset 0px 0px 7px 3px lavender;
  336. font-size:22px; font-weight:none;  
  337. font-family: parisienne, montez, allura, quintessential, Arial; z-index: 2 ;
  338. -webkit-transform: rotate(360deg) ; -moz-transform: rotate(360deg) ; -o-transform: rotate(360deg)
  339. }
  340. #bio:hover {
  341. position: fixed; overflow: auto;
  342. bottom: 2%;
  343. width: 70%;
  344. height: 94%;
  345. transition: 3.5s;
  346. right: 14.6%;  padding: .29%;
  347. background: #8e071e; color: skyblue;
  348. box-shadow: 0px 0px 16px 8px darkorchid, inset 0px 1px 16px #fff;
  349. font-size:32px; font-weight:none; letter-spacing: 3px; font-family: parisienne, montez, quintessential, Arial;
  350. }
  351.  
  352. </style>
  353. </div><div id="bio" style="font-weight:bold;"> Dravenita
  354. <a href="#01" class="tab">1. Dravenita  </a>
  355. <a href="#02" class="tab">2. blank  </a>
  356.  
  357. <a href="#reset" class="tab"> Title Page</a>
  358.  
  359. Updated, 7/29/18 1:00 a.m.
  360.  <p> <br><p>
  361.  
  362.  
  363.  
  364. </div>
  365.  
  366. 34. Dravenita 11/24/18
  367.  
  368. </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!