API tools faq
paste
RageQxeen

Bakeneko

RageQxeen
Jun 11th, 2018
150
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.10 KB | None | 0 0
raw download clone embed print report
  1. <body>
  2. <html>
  3. <body>
  4. <style type="text/css">
  5.  
  6. @import url(https://fonts.googleapis.com/css?family=Great+Vibes);
  7.  
  8. html, body {
  9. background: #1a1521;
  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. #container {
  33. background-color:transparent;
  34. width: 400px;
  35. height: 550px;
  36. margin:auto;
  37. border: 5px solid #000;
  38. position: absolute;
  39. right: 15%;
  40. bottom: 5%;
  41. z-index:1;
  42. }
  43.  
  44. #image {
  45. width: 450px;
  46. height: 100%;
  47. margin: 0px;
  48. border: none;
  49. background-color:transparent;
  50. position: absolute;
  51. left: 10%;
  52. bottom: 0%;
  53. background-image:url("http://i.picpar.com/T9Ec.png");
  54. background-repeat:no-repeat;
  55. background-position: bottom;
  56. background-size: 100%;
  57. }
  58.  
  59. #image2 {
  60. width: 400px;
  61. height: 550px;
  62. margin: 0px;
  63. position: absolute;
  64. right: 0%;
  65. bottom: 0%;
  66. background-image:url("http://i.picpar.com/Z9Ec.jpg");
  67. background-repeat:no-repeat;
  68. background-position: center;
  69. background-size: 100%;
  70. }
  71.  
  72. #image3 {
  73. width: 150px;
  74. height: 100px;
  75. margin: 0px;
  76. position: absolute;
  77. right: 28%;
  78. top: -10%;
  79. background-image:url("https://static.tumblr.com/caa90067a1fc6ffa479c5a12a36a30c3/1fem7ry/dz7nuaksw/tumblr_static_3cggjc87a9a8s844sgocks0kg.png");
  80. background-repeat:no-repeat;
  81. background-position: center;
  82. background-size: 100%;
  83. }
  84.  
  85. .links{
  86. position: absolute;
  87. margin: auto;
  88. top: 35%;
  89. right: 44%;
  90. text-align: left;
  91. }
  92.  
  93. .links a{
  94. display: block;
  95. height: 20px;
  96. width: 80px;
  97. margin-top: 15px;
  98. margin-left: 2.5px;
  99. text-align: center;
  100. font-family: 'roboto';
  101. font-size: 9px;
  102. box-shadow: 0px 0px 0.5px #eee;
  103. color: #eee; /*-- links font color --*/
  104. border: 1px solid #333; /*-- links font border color --*/
  105. background-color: #000; /*-- links background color --*/
  106. text-transform: uppercase;
  107. text-decoration: none;
  108. line-height: 20px;
  109. transition: .9s linear;
  110. }
  111.  
  112. .links a:hover{
  113. color: #999; /*-- links font color hover --*/
  114. border: 1px solid #999; /*-- links border color hover --*/
  115. transition: .9s linear;
  116. }
  117.  
  118. .links2 {
  119. position: absolute;
  120. margin: auto;
  121. top: 35%;
  122. right: 10%;
  123. text-align: right;
  124. }
  125.  
  126. .links2 a{
  127. display: block;
  128. height: 20px;
  129. width: 80px;
  130. margin-top: 15px;
  131. margin-left: 2.5px;
  132. text-align: center;
  133. font-family: 'roboto';
  134. font-size: 9px;
  135. box-shadow: 0px 0px 0.5px #eee;
  136. color: #eee; /*-- links font color --*/
  137. border: 1px solid #333; /*-- links font border color --*/
  138. background-color: #000; /*-- links background color --*/
  139. text-transform: uppercase;
  140. text-decoration: none;
  141. line-height: 20px;
  142. transition: .9s linear;
  143. }
  144.  
  145. .links2 a:hover{
  146. color: #999; /*-- links font color hover --*/
  147. border: 1px solid #999; /*-- links border color hover --*/
  148. transition: .9s linear;
  149. }
  150.  
  151. body:hover #tab1{
  152. -moz-animation: tabin 1s forwards;
  153. -webkit-animation: tabin 1s forwards;
  154. animation: tabin 1s forwards;
  155. }
  156.  
  157. .tabbed{
  158. position: absolute;
  159. margin: auto;
  160. bottom: 0; left: 0; top: 0; right: 0;
  161. height: 550px;
  162. width: 400px;
  163. background-color: #333; /*-- tab background --*/
  164. overflow: hidden;
  165. opacity: 0;
  166. visibility: hidden;
  167. transition: .9s linear;
  168. }
  169. .tabbed:target{
  170. opacity: 0.95;
  171. visibility: visible;
  172. transition: .9s linear;
  173. }
  174.  
  175. .text{
  176. height: 550px;
  177. width: 399px;
  178. padding-top: 50px;
  179. padding-bottom: 50px;
  180. text-align: center;
  181. font-family: dosis;
  182. font-size: 12px;
  183. color: #999;
  184. overflow: scroll;
  185. }
  186.  
  187. h1 {
  188. font-family: 'Great Vibes', cursive;
  189. font-size: 30px;
  190. line-height: 22px;
  191. color: #b031e0;
  192. text-align: center;
  193. letter-spacing:1px;
  194. word-spacing: 2px;
  195. text-decoration:none!important;
  196. }
  197.  
  198. h2 {
  199. font-family: 'Great Vibes', cursive;
  200. font-size: 20px;
  201. line-height: 22px;
  202. color: #b031e0;
  203. text-align: center;
  204. letter-spacing:1px;
  205. word-spacing: 2px;
  206. text-decoration:none!important;
  207. }
  208.  
  209. .header{
  210. position:absolute;
  211. width:500px;
  212. background:#transparent;
  213. height:50px;
  214. overflow:hidden;
  215. font-family: 'Great Vibes', cursive;
  216. font-size: 25px;
  217. font-weight:lighter;
  218. font-style:none;
  219. color:#333;
  220. letter-spacing: 0px;
  221. text-transform:none;
  222. text-align:center;
  223. }
  224. .credit{
  225. position: fixed;
  226. bottom: 0px;
  227. left: 0px;
  228. height: 25px;
  229. width: 25px;
  230. line-height: 15px;
  231. font-size: 10px;
  232. color: #999;
  233. text-align: center;
  234. font-family: roboto;
  235. }
  236.  
  237. .credit2 {
  238. position: fixed;
  239. bottom: 0px;
  240. right: 2px;
  241. height: 25px;
  242. width: 25px;
  243. line-height: 15px;
  244. font-size: 10px;
  245. color: #999;
  246. text-align: center;
  247. font-family: roboto;
  248. }
  249.  
  250. i{color: #EE82EE;}
  251. b{color: #9932CC;}
  252. a{color: #9370DB; text-decoration: none;}
  253. </style>
  254. <div class="credit" title="Info Box and Navigation by 100% Juice">©</div>
  255. <div class="credit2" title="Profile by RageQxeen">♛</div>
  256.  
  257. <div class="header" style="top: 27.5%; left: 15%;"></div>
  258. <div class="header" style="bottom: 0%; left: 53.8%;"></div>
  259.  
  260. <div id="image"></div>
  261.  
  262. <div class="links">
  263. <a href="#1">Stats</a>
  264. <a href="#2">Abilities</a>
  265. <a href="#3">History</a>
  266. </div>
  267.  
  268. <div class="links2">
  269. <a href="#4">Friends</a>
  270. <a href="#5">OOC</a>
  271. <a href="#">Reset</a>
  272. </div>
  273.  
  274.  
  275. <div id="container">
  276. <div id="image2"></div>
  277.  
  278. <div class="tabbed" id="1"><div class="text">
  279. <font style=float:left><b>Name</b></font> <font style=float:right>Abo Hitomi</font><br>
  280. <font style=float:left><b>Nickname</b></font> <font style=float:right><a title="Miss Abo, Hitomi, Kitten, etc.">hover</a></font><br>
  281. <font style=float:left><b>Gender</b></font> <font style=float:right>Female</font><br>
  282. <font style=float:left><b>Apparent Age</b></font> <font style=float:right>19</font><br>
  283. <font style=float:left><b>Race</b></font> <font style=float:right>Avalonian Beast</font><br><br>
  284. <font style=float:left><b>Height</b></font> <font style=float:right>5'6"</font><br>
  285. <font style=float:left><b>Weight</b></font> <font style=float:right>135 lbs</font><br>
  286. <font style=float:left><b>Tresses</b></font> <font style=float:right>Light Purple</font><br>
  287. <font style=float:left><b>Irises</b></font> <font style=float:right>Violet</font><br><br>
  288. <font style=float:left><b>Marital</b></font> <font style=float:right>Single</font><br>
  289. <font style=float:left><b>Orientation</b></font> <font style=float:right>Pansexual</font><br><br>
  290. <font style=float:left><b>Master</b></font> <font style=float:right><a target="_blank" href="https://roleplay.chat/profile.php?user=Scarecrow" target="_blank">The Scarecrow</a></font><br><br>
  291.  
  292. </div></div>
  293.  
  294. <div class="tabbed" id="2"><div class="text">
  295. <h2><center>The Cat</center></h2>
  296. <font>
  297. <b><a target="_blank" href="http://orig06.deviantart.net/af0b/f/2013/187/3/f/tattoed_bakeneko_by_norizz_san-d6c9ckm.jpg" target="_blank">The Transformation</a>:</b><br>
  298. More so a breaking of the illusion she casts to appear human- which up until a point is as real as any other person- she transitions into a massive purple cat as the picture depicts. From shoulder to ground she stands at 5 ft/12.7cm, her length from nose to the end of her tail is 8.5 ft/21.87 cm. Weight is averaged out at about 850 lbs/385 kg.<br><br>
  299. <b>The Body of the Feline:</b><br>
  300. Similar to her Yokai form, she has enhanced agility, balance, bite, flexibility, jump, senses, speed, strength, along with an immunity to most things- especially poison. She is also able to camouflage and see in darkness, climb and stealth her way around; and with her being a spirit she is also well aware of those of spiritual body. Her body can also process and digest an unknown amount of things that would normally kill anyone else- this includes dangerous items such as battery acid; she is also able to fly.<br><br>
  301. <b>Walk Within Dreams:</b><br>
  302. Being a nekomata (Or bakeneko if you prefer), Hitomi is able to enter another's dreams, while she cannot do much else but observe, there have been many secrets she has uncovered because of this sneaky ability.<br><br>
  303. <b>Ghost Fire</b><br>
  304. The ability to generate violet flames that cannot be snuffed out by water, generating a lot of wind or suffocating the flame usually works however.<br><br>
  305.  
  306. <h2><center>Knowledge</center></h2>
  307. <b>Illusions:</b><br>
  308. Able to manipulate the senses of those surrounding her to appear as a tiny, fragile girl, it's strength is extensive enough that those who have mastered this ability even have trouble telling it isn't really her.<br><br>
  309. <b>Telepathy:</b><br>
  310. She actually speaks through this method, and has just learned the move her lips along with what she is saying in order to appear as if she is speaking, though this is all she can do because she saw no need to train on it.<br><br>
  311. <b>Elemental Magic:</b><br>
  312. With more than just fire, she can manipulate the force of her spiritually demonic aura to make the elements around her submit to her will. This also, however, is only so extensive.<br><br>
  313. <b>Supernatural Lore/History:</b><br>
  314. Having been around for quite some time, Hitomi has shown to have extensive knowledge on the supernatural side of the world, though her more in depth knowledge surrounds Japan.<br><br>
  315.  
  316.  
  317. <h2>Item List</h2>
  318.  
  319. <b>The Bell</b>:<br>
  320. A small cat bell given to her by her Master Scarecrow, which upon ringing it and speaking "Abo" will allow her true form to shift into that of a human form that she normally takes upon casting the constant illusion she normally has. It is currently unknown what type of magic this is, but it does relieve a lot of pressure on Hitomi's 'mana pool', thus gives her more freedom to do as she pleases with her magic.<br><br>
  321. <i>Always a growing list</i><br><br>
  322.  
  323. </font>
  324. </div></div>
  325.  
  326. <div class="tabbed" id="3"><div class="text">
  327.  
  328. </div></div>
  329.  
  330. <div class="tabbed" id="4"><div class="text">
  331.  
  332. </div></div>
  333.  
  334. <div class="tabbed" id="5"><div class="text">
  335. <center><br>OOC =/= IC<br>
  336. Not against smut<br>
  337. Para and up<br>
  338. PM Friendly<br>
  339. Story > Smut > T1<br>
  340. Basic T1<br>
  341. Female typist<br>
  342. No OOC relationships<br>
  343. Skype? Got it.<br>
  344. Anything else? Just ask!<br>
  345. </center>
  346. </div></div>
  347. <div id="image3"></div>
  348.  
  349. </div>
  350.  
  351. </body>
  352. </html>
  353. </body>
  354. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!