Advertisement
RageQxeen

Kuzunoha

Jun 11th, 2018
296
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 6.60 KB | None | 0 0
  1. <html>
  2. <body>
  3.  
  4. <style type="text/css">
  5.  
  6. @import url(https://fonts.googleapis.com/css?family=Great+Vibes|Aref+Ruqaa);
  7.  
  8. html, body {
  9. background: #fefefe;
  10. background-image:url("");
  11. background-size:400px;
  12. background-repeat:no-repeat;
  13. background-position:center bottom;
  14. }
  15.  
  16. ::-webkit-scrollbar-button:vertical:{
  17. background-color: #transparent;}
  18.  
  19. ::-webkit-scrollbar-thumb:vertical {
  20. background-color:#transparent;
  21. height:150px;}
  22.  
  23. ::-webkit-scrollbar-thumb:horizontal {
  24. background-color:#transparent;
  25. height:60px;}
  26.  
  27. ::-webkit-scrollbar {
  28. height:60px;
  29. width:5px;
  30. background-color:#transparent;}
  31.  
  32. #image {
  33. width: 500px;
  34. margin: 0px;
  35. border: none;
  36. height: 600px;
  37. background-color:transparent;
  38. position: absolute;
  39. right: 0%;
  40. bottom: 0%;
  41. background-image:url("http://i.picpar.com/zFGc.png");
  42. background-repeat:no-repeat;
  43. background-position: bottom;
  44. background-size: 100%;
  45. }
  46.  
  47. .header{
  48. position:absolute;
  49. width:500px;
  50. background:#transparent;
  51. height:100px;
  52. overflow:hidden;
  53. font-family: 'Great Vibes', cursive;
  54. font-size: 40px;
  55. font-weight:lighter;
  56. font-style:none;
  57. color:#000000;
  58. letter-spacing: 0px;
  59. text-transform:none;
  60. text-align:center;
  61. }
  62.  
  63. .header2{
  64. position:absolute;
  65. width:500px;
  66. background:#transparent;
  67. height:100px;
  68. overflow:hidden;
  69. font-family: 'Great Vibes', cursive;
  70. font-size: 50px;
  71. font-weight: none;
  72. font-style:none;
  73. color:#9932CC;
  74. letter-spacing: 0px;
  75. text-transform:none;
  76. text-align:center;
  77. }
  78.  
  79. #content {
  80. background-color:transparent;
  81. width: 550px;
  82. height: 300px;
  83. margin:auto;
  84. position: absolute;
  85. left: 12%;
  86. bottom: 28%;
  87. text-align: center;
  88. font-family: 'Aref Ruqaa';
  89. font-size: 15px;
  90. color: #000;
  91. overflow: auto;
  92. z-index:1;
  93. }
  94.  
  95. #nav {
  96. background-color: transparent;
  97. width: 300px;
  98. height:45px;
  99. margin:auto;
  100. position: absolute;
  101. left: 8%;
  102. top: 22.5%;
  103. text-align: center;
  104. text-decoration: none;
  105. z-index:1;
  106. }
  107.  
  108. #nav a, #nav a:link, #nav a:visited {
  109. display:inline-block;
  110. text-decoration: none;
  111. text-align: center;
  112. background: #000;
  113. color: transparent;
  114. box-shadow: 0px 0px 5px #9932CC;
  115. padding: 4px;
  116. height: 4px;
  117. width: 30px;
  118. border-radius: 5px;
  119. }
  120.  
  121. #nav a:active, #nav a:hover {
  122. display:inline-block;
  123. height: 4px;
  124. width: 30px;
  125. text-decoration:none;
  126. background: #9932CC;
  127. box-shadow: 0px 0px 5px #000;
  128. color: transparent;
  129. margin: 0px;
  130. }
  131.  
  132. #container1 {
  133. background-color:#000;
  134. width: 370px;;
  135. height: 4px;
  136. margin:auto;
  137. position: absolute;
  138. left: 32%;
  139. top: 23%;
  140. border-radius: 50px;
  141. box-shadow: 0px 0px 5px #9932CC;
  142. z-index:999;
  143. }
  144.  
  145. #container2 {
  146. background-color:#9932CC;
  147. width: 4px;;
  148. height: 370px;
  149. margin:auto;
  150. position: absolute;
  151. left: 55%;
  152. top: 22%;
  153. border-radius: 50px;
  154. box-shadow: 0px 0px 5px #000;
  155. z-index:999;
  156. }
  157.  
  158. #container3 {
  159. background-color:#9932CC;
  160. width: 370px;;
  161. height: 4px;
  162. margin:auto;
  163. position: absolute;
  164. left: 8%;
  165. bottom: 23%;
  166. border-radius: 50px;
  167. box-shadow: 0px 0px 5px #000;
  168. z-index:999;
  169. }
  170.  
  171. #container4 {
  172. background-color:#000;
  173. width: 4px;;
  174. height: 370px;
  175. margin:auto;
  176. position: absolute;
  177. left: 10%;
  178. bottom: 18%;
  179. border-radius: 50px;
  180. box-shadow: 0px 0px 5px #9932CC;
  181. z-index:999;
  182. }
  183.  
  184. h1 {
  185. font-family: 'Great Vibes', cursive;
  186. font-size: 30px;
  187. line-height: 22px;
  188. color:#000;
  189. text-align: center;
  190. letter-spacing:1px;
  191. word-spacing: 2px;
  192. text-decoration:none!important;
  193. }
  194.  
  195. .credit{
  196. position: fixed;
  197. bottom: 0px;
  198. right: 2px;
  199. height: 25px;
  200. width: 25px;
  201. line-height: 15px;
  202. font-size: 10px;
  203. color: #999;
  204. text-align: center;
  205. font-family: roboto;
  206. }
  207.  
  208. #Layout {position: fixed; left: 0px; top: 0px; right: 0px; bottom: 0px;}
  209.  
  210. </style>
  211. <div id="Layout" oncontextmenu="return false;">
  212.  
  213. <div class="credit" title="Profile by RageQxeen">♛</div>
  214.  
  215. <div id="container2"></div>
  216. <div id="container3"></div>
  217. <div id="container4"></div>
  218.  
  219. <div id="nav">
  220. <a href="#one">Main</a>
  221. <a href="#two">Seco</a>
  222. <a href="#three">Thir</a>
  223. <a href="#four">Four</a>
  224. <a href="#five">Five</a>
  225. </div>
  226.  
  227. <div id="image"></div>
  228.  
  229. <div class="header2" style="bottom: 10%; left: 27%;">Kuzunoha</div>
  230. <div class="header" style="top: 19%; left: 23%;">The Mother of Kitsune</div>
  231.  
  232. <div id="content">
  233. <div style="width: 550px; height: 300px; overflow-y: hidden;">
  234.  
  235. <a name="one"></a>
  236. <div style="width: 550px; height: 300px; overflow: auto;" align="center">
  237. <span style="float:left;"><b>Name</b></span><span style="float:right;">Kuzunoha</span><br>
  238. <span style="float:left;"><b>Alias(es)</b></span><span style="float:right;"><a title="Mother of Kitsunes, The Lady">Hover</a>.</span><br>
  239. <br><span style="float:left;"><b>Gender</b></span><span style="float:right;">Female</span><br>
  240. <span style="float:left;"><b>Age</b></span><span style="float:right;">Unknown</span><br>
  241. <br><span style="float:left;"><b>Height</b></span><span style="float:right;">172 cm</span><br>
  242. <span style="float:left;"><b>Weight</b></span><span style="float:right;">145 lbs</span><br>
  243. <br><span style="float:left;"><b>Orientation</b></span><span style="float:right;">Heterosexual</span><br>
  244. <span style="float:left;"><b>Relationship</b></span><span style="float:right;">None</span><br>
  245. <br><span style="float:left;"><b>Race</b></span><span style="float:right;">Kitsune</span><br>
  246. <span style="float:left;"><b>Eyes</b></span><span style="float:right;">Orchid</span><br>
  247. <span style="float:left;"><b>Hair</b></span><span style="float:right;">White</span><br>
  248. </div>
  249.  
  250. <a name="two"></a>
  251. <div style="width: 550px; height: 300px; overflow: auto;" align="center">
  252. Powers here
  253. </div>
  254.  
  255.  
  256. <a name="three"></a>
  257. <div style="width: 550px; height: 300px; overflow: auto;" align="center">
  258. History here
  259. </div>
  260.  
  261.  
  262. <a name="four"></a>
  263. <div style="width: 550px; height: 300px; overflow: auto;" align="center">
  264. <br>
  265. <a href="profile.php?user=" target="_blank"><img src="" class="circle" width="70" height="70" border="1px solid #000000" a title="Words"></a><br>
  266. </div>
  267.  
  268.  
  269. <a name="five"></a>
  270. <div style="width: 550px; height: 300px; overflow: auto;" align="center">
  271. <br>
  272. <b>00</b>. Code belongs to me, do not steal. Ask.<br>
  273. <b>01</b>. IC =/= OOC.<br>
  274. <b>02</b>. Smut is 99.99999% more likely with story, but I am not against it otherwise.<br>
  275. <b>03</b>. PM Friendly.<br>
  276. <b>04</b>. Female Typist whom is taken IRL.<br>
  277. <b>05</b>. 10 years RP experience, 7 on RPC.<br>
  278. <b>06</b>. Discord/Skype is earned.<br>
  279. <b>07</b>. Anything else that does not belong to me is the rightful property of their creators, etc. etc.<br>
  280. <b>08</b>. I'm very friendly with the block button, don't be a brat.<br>
  281. <b>09</b>. Any questions, comments or concerns? Please don't hesitate to PM me.<br>
  282. </div>
  283. </div>
  284. </div>
  285. </div>
  286.  
  287. </body>
  288. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement