Advertisement
RageQxeen

Celestial

Jan 18th, 2020
1,541
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.87 KB | None | 0 0
  1. <html>
  2. <body><style type="text/css">
  3.  
  4. @import url(https://fonts.googleapis.com/css?family=Indie+Flower|Pacifico|Shadows+Into+Light|Dancing+Script|Architects+Daughter|Kaushan+Script|Gloria+Hallelujah|Satisfy|Courgette|Handlee|Rock+Salt|Cookie|Shadows+Into+Light+Two|Tangerine|Pinyon+Script|Great+Vibes|Bad+Script|Marck+Script|Damion|Niconne|Alex+Brush|Yellowtail|Nothing+You+Could+Do|Kalam|Sacramento|Homemade+Apple|Calligraffitti|Just+Another+Hand|Waiting+for+the+Sunrise|Allura|Rancho|Crafty+Girls|Reenie+Beanie|Parisienne|Rochester|Leckerli+One|Grand+Hotel|Merienda+One|Italianno|Montez|Petit+Formal+Script|Give+You+Glory|Delius|Mr+Dafoe|The+Girl+Next+Door|Arizonia|La+Belle+Aurore|Qwigley|Norican|Euphoria+Script|Dawning+of+a+New+Day|Bilbo+Swash+Caps|Meddon|Fondamento|Clicker+Script|Aladin|Delius+Swash+Caps|Rouge+Script|Engagement|Redressed|Aref+Ruqaa);
  5.  
  6. html, body {
  7. background: #fff0f3;
  8. background-image:url("https://d2v9y0dukr6mq2.cloudfront.net/video/thumbnail/moving-through-stars-in-space_-1zccenlb__F0000.png");
  9. background-size: 100%;
  10. background-repeat: no-repeat;
  11. background-position: center bottom;
  12. }
  13.  
  14. ::-webkit-scrollbar-button:vertical:{
  15. background-color: #transparent;}
  16.  
  17. ::-webkit-scrollbar-thumb:vertical {
  18. background-color:#transparent;
  19. height:150px;}
  20.  
  21. ::-webkit-scrollbar-thumb:horizontal {
  22. background-color:#transparent;
  23. height:60px;}
  24.  
  25.  
  26. ::-webkit-scrollbar {
  27. height:60px;
  28. width:5px;
  29. background-color:#transparent;}
  30.  
  31. #image {
  32. width: 725px;
  33. margin: 0px;
  34. border: none;
  35. height: 216px;
  36. background-color:transparent;
  37. position: absolute;
  38. right: 25%;
  39. top: 5%;
  40. background-image:url("http://i.picpar.com/KSrd.jpg");
  41. background-repeat:no-repeat;
  42. background-position: bottom;
  43. background-size: 100%;
  44. border: 3px solid #000;
  45. box-shadow: 0px 0px 5px #0000FF;
  46. }
  47.  
  48. #name {
  49. z-index:15;
  50. position: absolute;
  51. right: 34%;
  52. top: 33%;
  53. margin: auto;
  54. background: #000;
  55. width: 35vw;
  56. height: 50px;
  57. font-family: Great Vibes;
  58. font-size: 4vw;
  59. background: url(http://i.picpar.com/7ked.gif) -20px -20px repeat;
  60. -webkit-text-fill-color: transparent;
  61. -webkit-background-clip: text;
  62. background-position: center;
  63. display:block;
  64. text-align: center;
  65. letter-spacing: 1px;
  66. -webkit-transition:opacity 2s linear;
  67. line-height:3.6vw;
  68. }
  69.  
  70. #nameunder{
  71. z-index:15;
  72. position: absolute;
  73. right: 34%;
  74. top: 33%;
  75. margin: auto;
  76. background: #000;
  77. width: 35vw;
  78. height: 50px;
  79. font-family: Great Vibes;
  80. font-size: 4vw;
  81. -webkit-text-fill-color: #000;
  82. text-transform: none;
  83. -webkit-background-clip: text;
  84. display:block;
  85. text-shadow: -1px 0 #def5ff, 0 1px #def5ff,1px 0 #def5ff, 0 -1px #def5ff;
  86. text-align: center;
  87. letter-spacing: 1px;
  88. -webkit-transition:opacity 2s linear;
  89. line-height:3.6vw;
  90. }
  91.  
  92. #content {
  93. background-color: #f3f3f3;
  94. width: 715px;
  95. height: 350px;
  96. padding: 5px;
  97. margin:auto;
  98. position: absolute;
  99. right: 25%;
  100. bottom: 10%;
  101. font-family: 'Aref Ruqaa';
  102. z-index:1;
  103. border: #000000 solid 3px;
  104. box-shadow: 0px 0px 5px #0000FF;
  105. }
  106.  
  107. #nav {
  108. background-color: transparent;
  109. width: 300px;
  110. height:45px;
  111. margin:auto;
  112. position: absolute;
  113. right: 40%;
  114. bottom: 3%;
  115. text-align: center;
  116. text-decoration: none;
  117. z-index:1;
  118. }
  119.  
  120. #nav a, #nav a:link, #nav a:visited {
  121. display:inline-block;
  122. text-decoration: none;
  123. text-align: center;
  124. background: #000;
  125. color: transparent;
  126. box-shadow: 0px 0px 5px #0000FF;
  127. padding: 4px;
  128. height: 4px;
  129. width: 30px;
  130. border-radius: 5px;
  131. }
  132.  
  133. #nav a:active, #nav a:hover {
  134. display:inline-block;
  135. height: 4px;
  136. width: 30px;
  137. text-decoration:none;
  138. background: #0000FF;
  139. box-shadow: 0px 0px 5px #000;
  140. color: transparent;
  141. margin: 0px;
  142. }
  143.  
  144. .credit{
  145. position: fixed;
  146. bottom: 0px;
  147. left: 2px;
  148. height: 25px;
  149. width: 25px;
  150. line-height: 15px;
  151. font-size: 10px;
  152. color: #000;
  153. text-align: center;
  154. font-family: roboto;
  155. }
  156.  
  157. i{color: #002435;}
  158. b{color: #00344c;}
  159. a{color: #333; text-decoration: none;}
  160.  
  161. #Layout {position: fixed; left: 0px; top: 0px; right: 0px; bottom: 0px;}
  162. </style>
  163. <div id="container">
  164. <div id="content">
  165. <div style="width: 715px; height: 350px; overflow-y: hidden;">
  166.  
  167. <a name="one"></a>
  168. <div style="width: 715px; height: 350px; overflow: auto;" align="center">
  169. <span style="float:left;"><b>Name</b></span><span style="float:right;">Steorra</span><br>
  170. <span style="float:left;"><b>Alias(es)</b></span><span style="float:right;"><a title="">Hover</a>.</span><br><br>
  171. <span style="float:left;"><b>Gender</b></span><span style="float:right;">Female</span><br>
  172. <span style="float:left;"><b>Age</b></span><span style="float:right;">899</span><br>
  173. <span style="float:left;"><b>Height</b></span><span style="float:right;">170 cm</span><br>
  174. <span style="float:left;"><b>Weight</b></span><span style="float:right;">72 kg</span><br><br>
  175. <span style="float:left;"><b>Orientation</b></span><span style="float:right;">Heterosexual</span><br>
  176. <span style="float:left;"><b>Relationship</b></span><span style="float:right;">None</span><br><br>
  177. <span style="float:left;"><b>Race</b></span><span style="float:right;">Kitsune</span><br>
  178. <span style="float:left;"><b>Eyes</b></span><span style="float:right;">Gold</span><br>
  179. <span style="float:left;"><b>Hair</b></span><span style="float:right;">Silver</span><br></div>
  180.  
  181. <a name="two"></a>
  182. <div style="width: 715px; height: 350px; overflow: auto;" align="center">
  183. <b>Illusions</b>: <br><br>
  184. <b>Shapeshifting</b>: A basic ability of the foxes once they mature to a hundred years, Steorra has had well over 800 of them perfectly the art of deception. First by making her true appearance shift, then again by adding in illusions to be a distraction from the true Shapeshifting power. She is able to transform herself to anything from a past loved one, to a secondary moon if desired. <br>-- Mastery: Advanced<br><br>
  185. <b>Flight</b>: By using low level Gravity spells, she is able to drastically increase or decrease her or others weight, then shift it to initiate flight to the desired location. She is also able to complete this on objects and willing participants. If the victim is not so willing and struggles, she has a harder time allowing them flight. <br>-- Mastery: Intermediate<br><br>
  186. <b>Dream Walker</b>: As it might suggest, Dream Walker is the ability to enter ones dreams. Because she would be considered a stable source within a reality that has no real bindings to the physical plane and it's rules, Steorra is unable to interact with anything within the dream, only gain information before stepping back out as she pleases. <br>-- Mastery: Intermediate<br><br>
  187. <b>Possession</b>: Just as many other kitsune, Steorra is able to possess another being if necessary. This tends to take a lot of energy and control, mostly by containing the original soul somewhere safe so the body does not degrade while under her control. She must win out in a battle of wits and illusions to retain the body. (In fighting terms, she must roll for a 16 or higher to maintain possession against the opposing. EX. Steorra rolls an 18, while the Victim rolls a 2, allowing Steorra to possess them freely since 18-2=16.)<br> -- Mastery: Beginner-Intermediate<br><br>
  188. <b>Void/Dark</b>: <br><br>
  189. </div>
  190.  
  191. <a name="three"></a>
  192. <div style="width: 715px; height: 350px; overflow: auto;" align="center">
  193. History will go here.
  194. </div>
  195.  
  196. <a name="four"></a>
  197. <div style="width: 715px; height: 350px; overflow: auto;" align="center">
  198. <a target="_blank" href="PROFILE LINK HERE"><img src="IMAGE LINK HERE" height="75" width="75" align="left" border="3"></a>
  199. <center><b>- Name -</b><br> <i>foe/friend/neutral</i></center> small note.<br><br><br><br>
  200. <a target="_blank" href="PROFILE LINK HERE"><img src="IMAGE LINK HERE" height="75" width="75" align="left" border="3"></a>
  201. <center><b>- Name -</b><br> <i>foe/friend/neutral</i></center> small note.<br><br><br><br>
  202. <a target="_blank" href="PROFILE LINK HERE"><img src="IMAGE LINK HERE" height="75" width="75" align="left" border="3"></a>
  203. <center><b>- Name -</b><br> <i>foe/friend/neutral</i></center> small note.<br><br><br><br>
  204. <a target="_blank" href="PROFILE LINK HERE"><img src="IMAGE LINK HERE" height="75" width="75" align="left" border="3"></a>
  205. <center><b>- Name -</b><br> <i>foe/friend/neutral</i></center> small note.
  206. </div>
  207.  
  208. <a name="five"></a>
  209. <div style="width: 715px; height: 350px; overflow: auto;" align="left">
  210. <b>00</b>. Made by RageQxeen, free codes can be found <a target="_blank" href="/profile.php?user=RageQxeen">here</a>.<br><br>
  211. <b>01</b>. OOC.<br><br>
  212. <b>02</b>. OOC.<br><br>
  213. <b>03</b>. OOC.<br><br>
  214. <b>04</b>. OOC.<br><br>
  215. <b>05</b>. OOC.<br><br>
  216. </div>
  217. </div>
  218. </div>
  219. </div>
  220.  
  221. <div id="nameunder">Celestial Kumiho</div><div id="name">Celestial Kumiho</div>
  222.  
  223. <div id="image"></div>
  224.  
  225. <div id="container2">
  226. <div id="nav">
  227. <a href="#one"></a>
  228. <a href="#two"></a>
  229. <a href="#three"></a>
  230. <a href="#four"></a>
  231. <a href="#five"></a>
  232. </div>
  233. </div>
  234.  
  235. <div id="Layout" oncontextmenu="return false;">
  236. <div class="credit" title="Profile by RageQxeen">♛</div>
  237. </div>
  238. </body>
  239. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement