Advertisement
Lizellea

Himani

Mar 5th, 2016
82
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.98 KB | None | 0 0
  1. <style type="text/css">
  2.  
  3. @import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300);
  4. @import url(http://fonts.googleapis.com/css?family=Raleway:300);
  5. @import url(https://fonts.googleapis.com/css?family=Kristi);
  6. @import url(https://fonts.googleapis.com/css?family=Rationale);
  7. @import url(https://fonts.googleapis.com/css?family=Meddon);
  8. @import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300);
  9. @import url(https://fonts.googleapis.com/css?family=Redressed);
  10. @import url(https://fonts.googleapis.com/css?family=Ruthie);
  11. @import url(https://fonts.googleapis.com/css?family=Sofia);
  12.  
  13. body, a:hover {cursor: url(http://33.media.tumblr.com/tumblr_lqs4qdUu8n1qfoi4t.png), progress !important;}
  14.  
  15. .pfor {display:none;}
  16.  
  17. #profile { border: hidden; background-color: transparent; }
  18.  
  19. body{
  20. background-color:#400000;
  21. background-image:url();
  22. background-position: center;
  23. background-size:100%;
  24. background-repeat:no-repeat;}
  25.  
  26. #splashart {
  27. position: fixed;
  28. right: 0%;
  29. bottom: 0%;
  30. border: 4px solid #bf3636;
  31. border-radius: 7px;}
  32. #splashart img {
  33. height: 50%;}
  34.  
  35. #text{
  36. position:absolute;
  37. top:440px;
  38. left:370px;
  39. height:55px;
  40. width:40px;
  41. font-size: 12px;
  42. text-align: center;
  43. z-index: 100;
  44. color:000;
  45. overflow: auto;
  46. font-family: Ruthie;background-color:111;
  47. opacity: 0;
  48. border:1px solid #000;
  49. text-shadow: 0px 0px 7px #8f8f8f;
  50. }
  51.  
  52. #text:hover{
  53. opacity: 1.0;
  54. }
  55.  
  56. #navcontainer{
  57. position:absolute;
  58. left:225%;
  59. top: 0%;
  60. height: 30px;
  61. width: 250px;
  62. background: transparent;
  63. }
  64.  
  65. #nav {
  66. float: right;
  67. margin-bottom: 0px;
  68. margin-left: 0px;
  69. height: 0px;
  70. width: 500px;
  71. z-index: 999;
  72. }
  73.  
  74. #nav a {
  75. text-decoration: none;
  76. text-align: center;
  77. float: right;
  78. font-size: 15px;
  79. font-family: ruthie;
  80. background: url();
  81. background-size:13%;
  82. background-color: #bf3636;
  83. border-radius: 7px;
  84. color: #FFF;
  85. width: 90px;
  86. height: 19px;
  87. opacity: 1;
  88. letter-spacing: 1px;
  89. word-spacing: 1px;
  90. margin-left: 10px;
  91. line-height: 19px;
  92. transition: all 0.5s ease-in-out;
  93. -webkit-transition: all 0.5s ease-in-out;
  94. -moz-transition: all 0.5s ease-in-out;
  95. -o-transition: all 0.5s ease-in-out;
  96. -ms-transition: all 0.5s ease-in-out;
  97. }
  98.  
  99. #nav a:hover {
  100. opacity: .5;
  101. background-color: FFF;
  102. box-shadow: 0px 0px 10px #bf3636;
  103. color: #000;
  104. transition: all 0.3s ease-in-out;
  105. -webkit-transition: all 0.3s ease-in-out;
  106. -moz-transition: all 0.3s ease-in-out;
  107. -o-transition: all 0.3s ease-in-out;
  108. -ms-transition: all 0.3s ease-in-out;
  109. }
  110.  
  111. .pages {
  112. position: fixed;
  113. left: 320px;
  114. top: 50px;
  115. width: 460px;
  116. height: 420px;
  117. border-radius: 7px;
  118. border-top: 4px solid #ccc;
  119. border-bottom: 4px solid #ccc;
  120. border-left: 4px solid #ccc;
  121. border-right: 4px solid #ccc;
  122. background-color: #;
  123. background-image: url();
  124. background-repeat: repeat;
  125. color: #ccc;
  126. padding: 10px;
  127. font-family: Rationale;
  128. font-size: 16px;
  129. letter-spacing: 0px;
  130. word-spacing: 1px;
  131. line-height: 13px;
  132. text-align: center;
  133. opacity: 0;
  134. z-index: ;
  135. overflow: auto;
  136. transition: all 0.7s ease-in-out;
  137. -webkit-transition: all 0.7s ease-in-out;
  138. -moz-transition: all 0.7s ease-in-out;
  139. -o-transition: all 0.7s ease-in-out;
  140. -ms-transition: all 0.7s ease-in-out;
  141. }
  142.  
  143. .pages:target {
  144. top: 10%;
  145. left: 30%;
  146. opacity: 1;
  147. z-index: 1;
  148. transition: all 0.7s ease-in-out;
  149. -webkit-transition: all 0.7s ease-in-out;
  150. -moz-transition: all 0.7s ease-in-out;
  151. -o-transition: all 0.7s ease-in-out;
  152. -ms-transition: all 0.7s ease-in-out;
  153. }
  154.  
  155.  
  156. .pages2 {
  157. position: fixed;
  158. left: 320px;
  159. top: 464px;
  160. width: 460px;
  161. height: 530px;
  162. border-radius: 7px;
  163. border-top: 4px solid #ccc;
  164. border-bottom: 4px solid #ccc;
  165. border-left: 4px solid #ccc;
  166. border-right: 4px solid #ccc;
  167. background-color: #;
  168. background-image: url();
  169. background-repeat: repeat;
  170. color: #ccc;
  171. padding: 10px;
  172. font-family: Rationale;
  173. font-size: 16px;
  174. letter-spacing: 0px;
  175. word-spacing: 1px;
  176. line-height: 13px;
  177. text-align: center;
  178. opacity: 0;
  179. z-index: ;
  180. overflow: auto;
  181. transition: all 0.7s ease-in-out;
  182. -webkit-transition: all 0.7s ease-in-out;
  183. -moz-transition: all 0.7s ease-in-out;
  184. -o-transition: all 0.7s ease-in-out;
  185. -ms-transition: all 0.7s ease-in-out;
  186. }
  187.  
  188. .pages2:target {
  189. top: 10%;
  190. left: 30%;
  191. opacity: 1;
  192. z-index: 1;
  193. transition: all 0.7s ease-in-out;
  194. -webkit-transition: all 0.7s ease-in-out;
  195. -moz-transition: all 0.7s ease-in-out;
  196. -o-transition: all 0.7s ease-in-out;
  197. -ms-transition: all 0.7s ease-in-out;
  198. }
  199.  
  200. .pages3 {
  201. position: fixed;
  202. left: 320px;
  203. top: 800px;
  204. width: 460px;
  205. height: 420px;
  206. border-radius: 7px;
  207. border-top: 4px solid #ccc;
  208. border-bottom: 4px solid #ccc;
  209. border-left: 4px solid #ccc;
  210. border-right: 4px solid #ccc;
  211. background-color: #;
  212. background-image: url();
  213. background-repeat: repeat;
  214. color: #ccc;
  215. padding: 10px;
  216. font-family: Rationale;
  217. font-size: 16px;
  218. letter-spacing: 0px;
  219. word-spacing: 1px;
  220. line-height: 13px;
  221. text-align: center;
  222. opacity: 0;
  223. z-index: ;
  224. overflow: auto;
  225. transition: all 0.7s ease-in-out;
  226. -webkit-transition: all 0.7s ease-in-out;
  227. -moz-transition: all 0.7s ease-in-out;
  228. -o-transition: all 0.7s ease-in-out;
  229. -ms-transition: all 0.7s ease-in-out;
  230. }
  231.  
  232. .pages3:target {
  233. top: 10%;
  234. left: 30%;
  235. opacity: 1;
  236. z-index: 1;
  237. transition: all 0.7s ease-in-out;
  238. -webkit-transition: all 0.7s ease-in-out;
  239. -moz-transition: all 0.7s ease-in-out;
  240. -o-transition: all 0.7s ease-in-out;
  241. -ms-transition: all 0.7s ease-in-out;
  242. }
  243.  
  244. .pages4 {
  245. position: fixed;
  246. left: -320px;
  247. top: 500px;
  248. width: 460px;
  249. height: 540px;
  250. border-radius: 7px;
  251. border-top: 4px solid #ccc;
  252. border-bottom: 4px solid #ccc;
  253. border-left: 4px solid #ccc;
  254. border-right: 4px solid #ccc;
  255. background-color: #;
  256. background-image: url();
  257. background-repeat: repeat;
  258. color: #ccc;
  259. padding: 10px;
  260. font-family: Rationale;
  261. font-size: 16px;
  262. letter-spacing: 0px;
  263. word-spacing: 1px;
  264. line-height: 13px;
  265. text-align: center;
  266. opacity: 0;
  267. z-index: ;
  268. overflow: auto;
  269. transition: all 0.7s ease-in-out;
  270. -webkit-transition: all 0.7s ease-in-out;
  271. -moz-transition: all 0.7s ease-in-out;
  272. -o-transition: all 0.7s ease-in-out;
  273. -ms-transition: all 0.7s ease-in-out;
  274. }
  275.  
  276. .pages4:target {
  277. top: 10%;
  278. left: 30%;
  279. opacity: 1;
  280. z-index: 1;
  281. transition: all 0.7s ease-in-out;
  282. -webkit-transition: all 0.7s ease-in-out;
  283. -moz-transition: all 0.7s ease-in-out;
  284. -o-transition: all 0.7s ease-in-out;
  285. -ms-transition: all 0.7s ease-in-out;
  286. }
  287.  
  288.  
  289. .pages5 {
  290. position: fixed;
  291. left: 820px;
  292. top: 600px;
  293. width: 460px;
  294. height: 340px;
  295. border-radius: 7px;
  296. border-top: 5px solid #ccc;
  297. border-bottom: 5px solid #ccc;
  298. border-left: 5px solid #ccc;
  299. border-right: 5px solid #ccc;
  300. background-color: #;
  301. background-image: url();
  302. background-repeat: repeat;
  303. color: #ccc;
  304. padding: 10px;
  305. font-family: Rationale;
  306. font-size: 16px;
  307. letter-spacing: 0px;
  308. word-spacing: 1px;
  309. line-height: 13px;
  310. text-align: left;
  311. opacity: 0;
  312. z-index: ;
  313. overflow: auto;
  314. transition: all 0.7s ease-in-out;
  315. -webkit-transition: all 0.7s ease-in-out;
  316. -moz-transition: all 0.7s ease-in-out;
  317. -o-transition: all 0.7s ease-in-out;
  318. -ms-transition: all 0.7s ease-in-out;
  319. }
  320.  
  321. .pages5:target {
  322. top: 10%;
  323. left: 30%;
  324. opacity: 1;
  325. z-index: 1;
  326. transition: all 0.7s ease-in-out;
  327. -webkit-transition: all 0.7s ease-in-out;
  328. -moz-transition: all 0.7s ease-in-out;
  329. -o-transition: all 0.7s ease-in-out;
  330. -ms-transition: all 0.7s ease-in-out;
  331. }
  332.  
  333.  
  334. #love{
  335. position:absolute;
  336. top:5%;
  337. left:40px;
  338. height:375px;
  339. width:300px;
  340. background: url("http://i.imgur.com/woERS4W.jpg?1");
  341. background-position: -30px -30px;
  342. background-repeat: no-repeat;
  343. background-size: 340px 425px;
  344. z-index:99;
  345. border-top: 4px solid #bf3636;
  346. border-bottom: 4px solid #bf3636;
  347. border-left: 4px solid #bf3636;
  348. border-right: 4px solid #bf3636;
  349. border-radius: 7px;
  350. transition: all .6s ease-in-out;
  351. -webkit-transition: all .6s ease-in-out;
  352. -moz-transition: all .6s ease-in-out;
  353. -o-transition: all .6s ease-in-out;
  354. -ms-transition: all .6s ease-in-out;
  355. }
  356.  
  357.  
  358. b {
  359. color: #D29D9D;
  360. font-family: ruthie;
  361. font-size: 22px;
  362. font-weight:normal;
  363. letter-spacing: 1px;
  364. }
  365.  
  366. b:hover {
  367.  
  368. color: #fff;
  369. }
  370.  
  371. i{
  372. font-weight:light;
  373. font-family: jura;
  374. font-style: normal;
  375. letter-spacing: 1px;
  376. text-shadow: 0px 0px 5px #BF0000;
  377. }
  378.  
  379. u{
  380. text-decoration:none;
  381. border-bottom:1px dashed #889999;
  382. }
  383.  
  384. a:active, a:link, a:visited{
  385. color:#00FFDA;
  386. text-decoration:none;
  387. }
  388.  
  389. a:hover{
  390. cursor:help;
  391. color:#8f8f8f;
  392. text-decoration:line-through;
  393. background: url("");
  394. }
  395.  
  396. h1 {
  397. font-family: redressed;
  398. align: right;
  399. font-size: 26px;
  400. font-space: 23px;
  401. }
  402.  
  403.  
  404.  
  405. ::-webkit-scrollbar-thumb {
  406. width: 0px;
  407. background-color: transparent;}
  408. ::-webkit-scrollbar {
  409. width: 0px;
  410. background-color: transparent;}
  411.  
  412.  
  413. </style>
  414.  
  415. <div id="splashart"><img src="http://i.imgur.com/rRRigsA.png?2"></div>
  416.  
  417. <div id="1" class="pages">
  418.  
  419. All you have to do is ask to be added.
  420.  
  421. </div>
  422.  
  423. <div id="2" class="pages2">
  424.  
  425.  
  426. She carries around a colapsable staff hidden under her robes. Looks like a small metal rod.<p>
  427.  
  428. <b>Flurries:</b> This is a minor spell and one she uses frequently. It is a minor manipulation of water particles in the air, to allow her to make objects or just to create snow when she pleases. Though the spell is limited on size of objects and how much snow is produced it is still a rather nifty trick. She mostly uses it to make children happy.<p>
  429.  
  430. <b>Ice Shield:</b> As it's name states it is a an ability that causes a wall of ice to jut up from the ground in front of the castor to protect from frontal attacks.<p>
  431.  
  432. <b>Snow Puppet:</b> Allows the castor to create one or more, but no more then five snow men like structures that can move and function according to the will of the castor.<p>
  433.  
  434. <b>Blizzard:</b> As the name states the castor has the ability to create a snow blizzard. However this is at great cost to energy and the larger the storm the faster the energy is used and depleted.<p>
  435.  
  436. <b>Ice Lance:</b> The castor creates a lance made of ice that is blasted from the castor's center, it shoots in a strait line and not able to be controlled once used. It can be dodged.<p>
  437.  
  438. <b>Freeze:</b> This ability allows Himani to freeze her whole body and a small area under her feet, encasing herself in a ice for protection<p>
  439.  
  440. <b>Ice Arrows:</b> A volley of ice arrow freeze and soar at their target in a frontal arc. Can be dodged or blocked.<p>
  441.  
  442. <b>Whiteout:</b> This is an illusion spell cast to cover the area in a pure white mist like fog that allows for escape or sneak attacks.<p>
  443.  
  444. <b>Transformation:</b> This ability allows Himani to transform into her fox appearance.<br><br>
  445. </div>
  446.  
  447. <div id="3" class="pages3">
  448.  
  449.  
  450. Will add this when I am not lazy.
  451. </div>
  452.  
  453. <div id="4" class="pages4">
  454. <center>
  455. <br>
  456. <b>Name:</b> Himani Kai
  457. <p><b>Nicknames:</b> Snowflake
  458. <p><b>Gender:</b> Female
  459. <p><b>Race:</b> Ice Kitsune
  460. <p><b>Height:</b> 5'
  461. <p><b>Weight:</b> Not telling
  462. <p><b>Hair:</b> White
  463. <p><b>Eyes:</b> Blue
  464. <p><b>Body:</b> Athletic, Curvy
  465. <p><b>Age:</b> Unknown
  466. <p><b>Markings:</b> None
  467. <p><b>Scent:</b> Cherry Blossoms
  468. <p><b>Orientation:</b> Demi-sexual
  469. <p><b>Marital Status:</b> <a href="profile.php?user=Karen Eros" target="_blank">This Blonde</a>
  470. <p><b>Occupation:</b> Ice Sorceress
  471. <p><b>Location:</b> The Drunken Fox<p>
  472. </center>
  473. <center>Cursed with Siren's voice. <br>Chooses to be mute.</center>
  474.  
  475. </div>
  476. <div id="5" class="pages5">
  477.  
  478. <center> If you PM me and I don't respond, it is one of the following factors. I am either afk, busy, not interested or having techinical issues. Please don't keep PMing me because that is a quick spot on the ignore list.</center>
  479. <p>
  480. <font color="#40bf00" font size="4">✔</font> Be nice and respectful. You can catch more flies with honey then with vinigar.
  481. <br>
  482. <font color="#40bf00" font size="4">✔</font> I am PM OOC friendly. Don't be afraid to say "Hi."
  483. <br>
  484. <font color="#40bf00" font size="4">✔</font> Talk with me before rping. It will make it smoother.
  485. <br>
  486. <font color="#40bf00" font size="4">✔</font> Be polite, say if you need to afk or leave.
  487. <br>
  488. <font color="#40bf00" font size="4">✔</font> Story is very much prefered over anything else.
  489. <br>
  490. <font color="#40bf00" font size="4">✔</font> 3rd person roleplayer. Semi-para and on depending on my muse. I will some times do oneliners but that is when I am tired, chit-chatting, or just messing around.
  491. <br>
  492. <font color="#40bf00" font size="4">✔</font> Long-term is best. But short stories are good too. Still helps build character.
  493. <br>
  494. <font color="#40bf00" font size="4">✔</font> Pics are not mine.
  495. <br>
  496. <br>
  497.  
  498. <font color="#950000" font size="4">✘</font> Don't be grammar nazi. I'm trying my best. I am not perfect.
  499. <br>
  500. <font color="#950000" font size="4">✘</font> No drama!
  501. <br>
  502. <font color="#950000" font size="4">✘</font> IC is NOT OOC
  503. <br>
  504. <font color="#950000" font size="4">✘</font> No OOC info given do don't ask.
  505. <br>
  506. <font color="#950000" font size="4">✘</font> No profile, no rp. Plain and simple
  507. <br>
  508. <font color="#950000" font size="4">✘</font> Real Life first.
  509. <br>
  510. <font color="#950000" font size="4">✘</font> Have right to refuse rp so if I say no don't be a butt hurt little whiner.
  511. <br>
  512. <font color="#950000" font size="4">✘</font> I will not smut rp with anyone that plays a child or looks like one. I will not play a child.
  513. <br>
  514. <font color="#950000" font size="4">✘</font> You want SMUT then you are wasting your time. That is reserved for my long term partner only. Have a nice day.
  515. <br>color: AB1D48
  516. <br>
  517. <br>
  518.  
  519.  
  520. </div>
  521.  
  522. <div id="love1"></div>
  523. <div id="love2"></div>
  524. <div id="love3"></div>
  525. </div>
  526. </div>
  527.  
  528. <div id="love">
  529. <div id="navcontainer">
  530. <div id="nav">
  531. <a href="#1">F r i e n d s</a>
  532. <a href="#2">A b i l i t i e s</a>
  533. <a href="#3">S t o r y</a>
  534. <a href="#4">D o s s i e r</a>
  535. <a href="#5">O O C</a>
  536.  
  537. </div></div></div></center>
  538. <center><embed src="http://www.sheepproductions.com/billy/billy.swf?autoplay=true&f0=http://puu.sh/mits0/c2c72d757c.mp3&t0=Cherry Blossoms&total=1" quality="high" wmode="transparent" width="200" height="10" name="billy" align="middle" type="application/x-shockwave-flash" /></center>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement