Advertisement
Lizellea

Himani final

Mar 21st, 2016
79
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.85 KB | None | 0 0
  1. <style type="text/css">
  2.  
  3.  
  4. @import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300);
  5. @import url(http://fonts.googleapis.com/css?family=Raleway:300);
  6. @import url(https://fonts.googleapis.com/css?family=Kristi);
  7. @import url(https://fonts.googleapis.com/css?family=Rationale);
  8. @import url(https://fonts.googleapis.com/css?family=Meddon);
  9. @import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300);
  10. @import url(https://fonts.googleapis.com/css?family=Redressed);
  11. @import url(https://fonts.googleapis.com/css?family=Ruthie);
  12. @import url(https://fonts.googleapis.com/css?family=Sofia);
  13.  
  14.  
  15.  
  16.  
  17.  
  18.  
  19.  
  20. body, a:hover {cursor: url(http://33.media.tumblr.com/tumblr_lqs4qdUu8n1qfoi4t.png), progress !important;}
  21.  
  22. .pfor {display:none;}
  23.  
  24.  
  25.  
  26. #profile { border: hidden; background-color: transparent; }
  27.  
  28. body{
  29. background-color:#5B0020;
  30. background-image:url(http://i.imgur.com/G2BpDzj.png);
  31. background-position: center;
  32. background-size:100% 100%;
  33. background-repeat:no-repeat;}
  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;
  47. background-color:111;
  48. opacity: 0;
  49. border:1px solid #000;
  50. text-shadow: 0px 0px 7px #8f8f8f;
  51. }
  52.  
  53. #text:hover{
  54. opacity: 1.0;
  55. }
  56.  
  57. #navcontainer{
  58. position:absolute;
  59. left:35%;
  60. top: 2%;
  61. height: 30px;
  62. width: 250px;
  63. background: transparent;
  64. }
  65.  
  66. #nav {
  67. float: left;
  68. margin-bottom: 0px;
  69. margin-left: 0px;
  70. height: 0px;
  71. width: 620px;
  72. z-index: 999;
  73. }
  74.  
  75. #nav a {
  76. text-decoration: none;
  77. text-align: center;
  78. float: right;
  79. font-size: 15px;
  80. font-family: ruthie;
  81. background: url();
  82. background-size:13%;
  83. background-color: #bf3636;
  84. border: 1px solid #ccc;
  85. border-radius: 7px;
  86. color: #FFF;
  87. width: 90px;
  88. height: 19px;
  89. opacity: 1;
  90. letter-spacing: 1px;
  91. word-spacing: 1px;
  92. margin-left: 10px;
  93. line-height: 19px;
  94. transition: all 0.5s ease-in-out;
  95. -webkit-transition: all 0.5s ease-in-out;
  96. -moz-transition: all 0.5s ease-in-out;
  97. -o-transition: all 0.5s ease-in-out;
  98. -ms-transition: all 0.5s ease-in-out;
  99. }
  100.  
  101. #nav a:hover {
  102. opacity: .5;
  103. background-color: FFF;
  104. box-shadow: 0px 0px 10px #bf3636;
  105. color: #000;
  106. transition: all 0.3s ease-in-out;
  107. -webkit-transition: all 0.3s ease-in-out;
  108. -moz-transition: all 0.3s ease-in-out;
  109. -o-transition: all 0.3s ease-in-out;
  110. -ms-transition: all 0.3s ease-in-out;
  111. }
  112.  
  113.  
  114.  
  115. .pages {
  116. position: fixed;
  117. left: 320px;
  118. top: 50px;
  119. width: 460px;
  120. height: 420px;
  121. border-radius: 7px;
  122. border-top: 4px solid #ccc;
  123. border-bottom: 4px solid #ccc;
  124. border-left: 4px solid #ccc;
  125. border-right: 4px solid #ccc;
  126. background-color: #571227;
  127. background-image: url();
  128. background-repeat: repeat;
  129. color: #ccc;
  130. padding: 10px;
  131. font-family: Rationale;
  132. font-size: 16px;
  133. letter-spacing: 0px;
  134. word-spacing: 1px;
  135. line-height: 13px;
  136. text-align: center;
  137. opacity: 0;
  138. z-index: ;
  139. overflow: auto;
  140. transition: all 0.7s ease-in-out;
  141. -webkit-transition: all 0.7s ease-in-out;
  142. -moz-transition: all 0.7s ease-in-out;
  143. -o-transition: all 0.7s ease-in-out;
  144. -ms-transition: all 0.7s ease-in-out;
  145. }
  146.  
  147. .pages:target {
  148. top: 20%;
  149. left: 36.50%;
  150. opacity: 1;
  151. z-index: 1;
  152. transition: all 0.7s ease-in-out;
  153. -webkit-transition: all 0.7s ease-in-out;
  154. -moz-transition: all 0.7s ease-in-out;
  155. -o-transition: all 0.7s ease-in-out;
  156. -ms-transition: all 0.7s ease-in-out;
  157. }
  158.  
  159.  
  160. .pages2 {
  161. position: fixed;
  162. left: 320px;
  163. top: 800px;
  164. width: 460px;
  165. height: 420px;
  166. border-radius: 7px;
  167. border-top: 4px solid #ccc;
  168. border-bottom: 4px solid #ccc;
  169. border-left: 4px solid #ccc;
  170. border-right: 4px solid #ccc;
  171. background-color: #571227;
  172. background-image: url();
  173. background-repeat: repeat;
  174. color: #ccc;
  175. padding: 10px;
  176. font-family: Rationale;
  177. font-size: 16px;
  178. letter-spacing: 0px;
  179. word-spacing: 1px;
  180. line-height: 13px;
  181. text-align: center;
  182. opacity: 0;
  183. z-index: ;
  184. overflow: auto;
  185. transition: all 0.7s ease-in-out;
  186. -webkit-transition: all 0.7s ease-in-out;
  187. -moz-transition: all 0.7s ease-in-out;
  188. -o-transition: all 0.7s ease-in-out;
  189. -ms-transition: all 0.7s ease-in-out;
  190. }
  191.  
  192. .pages2:target {
  193. top: 20%;
  194. left: 36.50%;
  195. opacity: 1;
  196. z-index: 1;
  197. transition: all 0.7s ease-in-out;
  198. -webkit-transition: all 0.7s ease-in-out;
  199. -moz-transition: all 0.7s ease-in-out;
  200. -o-transition: all 0.7s ease-in-out;
  201. -ms-transition: all 0.7s ease-in-out;
  202. }
  203.  
  204. .pages3 {
  205. position: fixed;
  206. left: 320px;
  207. top: 800px;
  208. width: 460px;
  209. height: 420px;
  210. border-radius: 7px;
  211. border-top: 4px solid #ccc;
  212. border-bottom: 4px solid #ccc;
  213. border-left: 4px solid #ccc;
  214. border-right: 4px solid #ccc;
  215. background-color: #571227;
  216. background-image: url();
  217. background-repeat: repeat;
  218. color: #ccc;
  219. padding: 10px;
  220. font-family: Rationale;
  221. font-size: 16px;
  222. letter-spacing: 0px;
  223. word-spacing: 1px;
  224. line-height: 13px;
  225. text-align: center;
  226. opacity: 0;
  227. z-index: ;
  228. overflow: auto;
  229. transition: all 0.7s ease-in-out;
  230. -webkit-transition: all 0.7s ease-in-out;
  231. -moz-transition: all 0.7s ease-in-out;
  232. -o-transition: all 0.7s ease-in-out;
  233. -ms-transition: all 0.7s ease-in-out;
  234. }
  235.  
  236. .pages3:target {
  237. top: 20%;
  238. left: 36.50%;
  239. opacity: 1;
  240. z-index: 1;
  241. transition: all 0.7s ease-in-out;
  242. -webkit-transition: all 0.7s ease-in-out;
  243. -moz-transition: all 0.7s ease-in-out;
  244. -o-transition: all 0.7s ease-in-out;
  245. -ms-transition: all 0.7s ease-in-out;
  246. }
  247.  
  248. .pages4 {
  249. position: fixed;
  250. left: -320px;
  251. top: 500px;
  252. width: 460px;
  253. height: 540px;
  254. border-radius: 7px;
  255. border-top: 4px solid #ccc;
  256. border-bottom: 4px solid #ccc;
  257. border-left: 4px solid #ccc;
  258. border-right: 4px solid #ccc;
  259. background-color: #571227;
  260. background-image: url();
  261. background-repeat: repeat;
  262. color: #ccc;
  263. padding: 10px;
  264. font-family: Rationale;
  265. font-size: 16px;
  266. letter-spacing: 0px;
  267. word-spacing: 1px;
  268. line-height: 13px;
  269. text-align: center;
  270. opacity: 0;
  271. z-index: ;
  272. overflow: auto;
  273. transition: all 0.7s ease-in-out;
  274. -webkit-transition: all 0.7s ease-in-out;
  275. -moz-transition: all 0.7s ease-in-out;
  276. -o-transition: all 0.7s ease-in-out;
  277. -ms-transition: all 0.7s ease-in-out;
  278. }
  279.  
  280. .pages4:target {
  281. top: 20%;
  282. left: 36.50%;
  283. opacity: 1;
  284. z-index: 1;
  285. transition: all 0.7s ease-in-out;
  286. -webkit-transition: all 0.7s ease-in-out;
  287. -moz-transition: all 0.7s ease-in-out;
  288. -o-transition: all 0.7s ease-in-out;
  289. -ms-transition: all 0.7s ease-in-out;
  290. }
  291.  
  292.  
  293. .pages5 {
  294. position: fixed;
  295. left: 820px;
  296. top: 600px;
  297. width: 460px;
  298. height: 340px;
  299. border-radius: 7px;
  300. border-top: 5px solid #ccc;
  301. border-bottom: 5px solid #ccc;
  302. border-left: 5px solid #ccc;
  303. border-right: 5px solid #ccc;
  304. background-color: #571227;
  305. background-image: url();
  306. background-repeat: repeat;
  307. color: #ccc;
  308. padding: 10px;
  309. font-family: Rationale;
  310. font-size: 16px;
  311. letter-spacing: 0px;
  312. word-spacing: 1px;
  313. line-height: 13px;
  314. text-align: left;
  315. opacity: 0;
  316. z-index: ;
  317. overflow: auto;
  318. transition: all 0.7s ease-in-out;
  319. -webkit-transition: all 0.7s ease-in-out;
  320. -moz-transition: all 0.7s ease-in-out;
  321. -o-transition: all 0.7s ease-in-out;
  322. -ms-transition: all 0.7s ease-in-out;
  323. }
  324.  
  325. .pages5:target {
  326. top: 20%;
  327. left: 36.50%;
  328. opacity: 1;
  329. z-index: 1;
  330. transition: all 0.7s ease-in-out;
  331. -webkit-transition: all 0.7s ease-in-out;
  332. -moz-transition: all 0.7s ease-in-out;
  333. -o-transition: all 0.7s ease-in-out;
  334. -ms-transition: all 0.7s ease-in-out;
  335. }
  336.  
  337.  
  338. b {
  339. color: #D29D9D;
  340. font-family: ruthie;
  341. font-size: 22px;
  342. font-weight:normal;
  343. letter-spacing: 1px;
  344. }
  345.  
  346. b:hover {
  347.  
  348. color: #fff;
  349. }
  350.  
  351. i{
  352. font-weight:light;
  353. font-family: jura;
  354. font-style: normal;
  355. letter-spacing: 1px;
  356. text-shadow: 0px 0px 5px #BF0000;
  357. }
  358.  
  359. u{
  360. text-decoration:none;
  361. border-bottom:1px dashed #889999;
  362. }
  363.  
  364. a:active, a:link, a:visited{
  365. color:#00FFDA;
  366. text-decoration:none;
  367. }
  368.  
  369. a:hover{
  370. cursor:help;
  371. color:#8f8f8f;
  372. text-decoration:line-through;
  373. background: url("");
  374. }
  375.  
  376. h1 {
  377. font-family: redressed;
  378. align: right;
  379. font-size: 26px;
  380. font-space: 23px;
  381. }
  382.  
  383.  
  384.  
  385. ::-webkit-scrollbar-thumb {
  386. width: 0px;
  387. background-color: transparent;}
  388. ::-webkit-scrollbar {
  389. width: 0px;
  390. background-color: transparent;}
  391.  
  392.  
  393. </style>
  394.  
  395.  
  396. <div id="1" class="pages">
  397. All you have to do is ask to be added.
  398.  
  399. </div>
  400.  
  401. <div id="2" class="pages2">
  402. <b>Extra pics</b>
  403. <br><br>
  404. <a href="http://i.imgur.com/IUV4qFg.jpg">Himani young...</a>
  405. <br><br>
  406. <a href="http://i.imgur.com/fReNZID.jpg">Himani young2...</a>
  407. <br><br><br><br>
  408. <b>NSFW</b>
  409. <br><br>
  410. <a href="http://i.imgur.com/b2fLz5V.jpg">Cute no?</a>
  411. <br><br>
  412. <a href="http://i.imgur.com/jkR8CWp.jpg">All grown up.</a>
  413.  
  414. </div>
  415.  
  416. <div id="3" class="pages3">
  417.  
  418. She carries around a colapsable staff hidden under her robes. Looks like a small metal rod.<p>
  419.  
  420. <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>
  421.  
  422. <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>
  423.  
  424. <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>
  425.  
  426. <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>
  427.  
  428. <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>
  429.  
  430. <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>
  431.  
  432. <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>
  433.  
  434. <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>
  435.  
  436. <b>Transformation:</b> This ability allows Himani to transform into her fox appearance.<p>
  437.  
  438. <b>Siren's Voice:</b> After being cursed, the poor little kitsune is forever cursed, or until it is broken, to have the voice of a Siren. Where as any time she speaks or sings, she can cause a feeling of attraction on whoever listens. This can often end with misfortune to the one that does not have the will to resist the call. <br>
  439. <b>P.S. ~</b> Keep in mind. All because it says needs will... if you just say you resist I will stop rping with you. Not every one can be immuned and if you do it just because you think you will get lucky then you can fuck off. Be god damn realistic.
  440. </div>
  441.  
  442. <div id="4" class="pages4">
  443. <center>
  444. <br>
  445. <b>Name:</b> Himani Kai
  446. <p><b>Nicknames:</b> Snowflake
  447. <p><b>Gender:</b> Female
  448. <p><b>Race:</b> Ice Kitsune
  449. <p><b>Height:</b> 5'
  450. <p><b>Weight:</b> Not telling
  451. <p><b>Hair:</b> White
  452. <p><b>Eyes:</b> Golden Brown
  453. <p><b>Body:</b> Athletic, Curvy
  454. <p><b>Age:</b> Unknown
  455. <p><b>Markings:</b> None
  456. <p><b>Scent:</b> Cherry Blossoms
  457. <p><b>Orientation:</b> Demi-sexual
  458. <p><b>Relationship Status:</b> <a href="profile.php?user=Gaia" target="_blank">HIS PET</a>
  459. <p><b>Occupation:</b> Ice Sorceress
  460. <p><b>Location:</b> The Drunken Fox<p>
  461. </center>
  462. <center>Cursed with Siren's voice. <br>Chooses to be mute.</center>
  463.  
  464. </div>
  465. <div id="5" class="pages5">
  466.  
  467. <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>
  468. <p>
  469. <font color="#40bf00" font size="4">✔</font> Be nice and respectful. You can catch more flies with honey then with vinigar.
  470. <br>
  471. <font color="#40bf00" font size="4">✔</font> I am PM OOC friendly. Don't be afraid to say "Hi."
  472. <br>
  473. <font color="#40bf00" font size="4">✔</font> Talk with me before rping. It will make it smoother.
  474. <br>
  475. <font color="#40bf00" font size="4">✔</font> Be polite, say if you need to afk or leave.
  476. <br>
  477. <font color="#40bf00" font size="4">✔</font> Story is very much prefered over anything else.
  478. <br>
  479. <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.
  480. <br>
  481. <font color="#40bf00" font size="4">✔</font> Long-term is best. But short stories are good too. Still helps build character.
  482. <br>
  483. <font color="#40bf00" font size="4">✔</font> Pics are not mine.
  484. <br>
  485. <br>
  486.  
  487. <font color="#950000" font size="4">✘</font> Don't be grammar nazi. I'm trying my best. I am not perfect.
  488. <br>
  489. <font color="#950000" font size="4">✘</font> No drama!
  490. <br>
  491. <font color="#950000" font size="4">✘</font> IC is NOT OOC
  492. <br>
  493. <font color="#950000" font size="4">✘</font> No OOC info given do don't ask.
  494. <br>
  495. <font color="#950000" font size="4">✘</font> No profile, no rp. Plain and simple
  496. <br>
  497. <font color="#950000" font size="4">✘</font> Real Life first.
  498. <br>
  499. <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.
  500. <br>
  501. <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.
  502. <br>
  503. <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.
  504. <br>color: AB1D48
  505. <br>
  506. <br>
  507.  
  508.  
  509. </div>
  510.  
  511. <div id="love1"></div>
  512. <div id="love2"></div>
  513. <div id="love3"></div>
  514. </div>
  515. </div>
  516.  
  517. <div id="love">
  518. <div id="navcontainer">
  519. <div id="nav">
  520. <a href="#1">F r i e n d s</a>
  521. <a href="#2">E x t r a s</a>
  522. <a href="#3">A b i l i t i e s</a>
  523. <a href="#4">D o s s i e r</a>
  524. <a href="#5">O O C</a>
  525. <a href="#6">R e s e t</a>
  526.  
  527. </div></div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement