Teh_Mouse

Nordis Profile

Apr 16th, 2019
182
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.45 KB | None | 0 0
  1. <style>
  2. body {
  3. background:#660066 url(https://i.imgur.com/vd7b5x7.jpg) center no-repeat fixed;
  4. background-size:cover;
  5. color:#eefae1;
  6. font-size:105%;
  7. }
  8. @keyframes rise {
  9. from {bottom:-80%;}
  10. to {}
  11. }
  12. @-o-keyframes rise {
  13. from {bottom:-80%;}
  14. to {}
  15. }
  16. @-moz-keyframes rise {
  17. from {bottom:-80%;}
  18. to {}
  19. }
  20. @-webkit-keyframes rise {
  21. from {bottom:-80%;}
  22. to {}
  23. }
  24. #mugshot {
  25. z-index:2;
  26. position:fixed;
  27. bottom:0%;
  28. right:65%;
  29. height:85%;
  30. border-top:8px solid #eeb4b4;
  31. border-left:3px solid #eeb4b4;
  32. border-right:3px solid #eeb4b4;
  33. border-radius:100% 100% 0% 0%;
  34. animation:rise 3s;
  35. -o-animation:rise 3s;
  36. -moz-animation:rise 3s;
  37. -webkit-animation:rise 3s;
  38. }
  39. #navbar {
  40. z-index:1;
  41. position:fixed;
  42. top:25%;
  43. left:33%;
  44. height:50%;
  45. width:25%;
  46. text-align:center;
  47. }
  48. @keyframes unfurl {
  49. 0% {opacity:0;top:-45%;left:-40%;transform:rotateZ(-35deg);}
  50. 50% {opacity:0;top:-45%;left:-40%;transform:rotateZ(-25deg);}
  51. 100% {}
  52. }
  53. @-o-keyframes unfurl {
  54. 0% {opacity:0;top:-45%;left:-40%;transform:rotateZ(-35deg);}
  55. 50% {opacity:0;top:-45%;left:-40%;transform:rotateZ(-25deg);}
  56. 100% {}
  57. }
  58. @-moz-keyframes unfurl {
  59. 0% {opacity:0;top:-45%;left:-40%;transform:rotateZ(-35deg);}
  60. 50% {opacity:0;top:-45%;left:-40%;transform:rotateZ(-25deg);}
  61. 100% {}
  62. }
  63. @-webkit-keyframes unfurl {
  64. 0% {opacity:0;top:-45%;left:-40%;transform:rotateZ(-35deg);}
  65. 50% {opacity:0;top:-45%;left:-40%;transform:rotateZ(-25deg);}
  66. 100% {}
  67. }
  68. #navbar a {
  69. display:inline-block;
  70. position:absolute;
  71. width:90%;
  72. padding:10px 0px;
  73. margin:10px 0px;
  74. font-size:30px;
  75. background-color:;
  76. border-radius:100% 0% 100% 0%;
  77. box-shadow:2px 2px 10px #eefae1;
  78. animation:unfurl 6s;
  79. -o-animation:unfurl 6s;
  80. -moz-animation:unfurl 6s;
  81. -webkit-animation:unfurl 6s;
  82. }
  83.  
  84. #navbar a:first-child {
  85. top:-12%;
  86. left:-7%;
  87. transform:rotateZ(-25deg);
  88. -o-transform:rotateZ(-25deg);
  89. -moz-transform:rotateZ(-25deg);
  90. -webkit-transform:rotateZ(-25deg);
  91. }
  92. #navbar a:nth-child(2) {
  93. top:5%;
  94. left:0%;
  95. transform:rotateZ(-12deg);
  96. -o-transform:rotateZ(-12deg);
  97. -moz-transform:rotateZ(-12deg);
  98. -webkit-transform:rotateZ(-12deg);
  99. }
  100. #navbar a:nth-child(3) {
  101. top:21%;
  102. left:4%;
  103. transform:rotateZ(-5deg);
  104. -o-transform:rotateZ(-5deg);
  105. -moz-transform:rotateZ(-5deg);
  106. -webkit-transform:rotateZ(-5deg);
  107. }
  108. #navbar a:nth-child(4) {
  109. top:36%;
  110. left:6%;
  111. transform:rotateZ(-2deg);
  112. -o-transform:rotateZ(-2deg);
  113. -moz-transform:rotateZ(-2deg);
  114. -webkit-transform:rotateZ(-2deg);
  115. }
  116. #navbar a:nth-child(5) {
  117. top:51%;
  118. left:6.5%;
  119. }
  120. #navbar a:nth-child(6) {
  121. top:66%;
  122. left:6.5%;
  123. }
  124. .tab {
  125. z-index:3;
  126. position:fixed;
  127. top:-20%;
  128. left:60%;
  129. max-height:100%;
  130. width:35%;
  131. text-shadow:1px 1px 2px #030000;
  132. text-align:center;
  133. overflow-y:auto;
  134. opacity:0;
  135. transition:2s;
  136. -o-transition:2s;
  137. -moz-transition:2s;
  138. -webkit-transition:2s;
  139. }
  140. .tab:target {
  141. z-index:4;
  142. top:50%;
  143. opacity:1;
  144. transform:translateY(-50%);
  145. -o-transform:translateY(-50%);
  146. -moz-transform:translateY(-50%);
  147. -webkit-transform:translateY(-50%);
  148. }
  149. .tab img {
  150. width:100%;
  151. }
  152. a {
  153. text-decoration:none;
  154. text-shadow:1px 1px 2px #030000;
  155. color:#eeb4b4;
  156. }
  157. a:hover {
  158. text-shadow:0px 0px 1px #030000;
  159. }
  160. h1 {
  161. font-family:'Dancing Script', script,serif;
  162. }
  163. ::-webkit-scrollbar {
  164. width:8px;
  165. height:8px;
  166. background-color:transparent;
  167. }
  168. ::-webkit-scrollbar-thumb:vertical {
  169. background-color:#eefa;
  170. border-radius:8px;
  171. }
  172. ::-webkit-scrollbar-thumb:horizontal {
  173. background-color:#eefae1;
  174. border-radius:100%;
  175. }
  176. #credit {
  177. text-decoration:none;
  178. color:#007ba7;
  179. position:fixed;
  180. right:1%;
  181. bottom:0%;
  182. background-color:#d5e1a6;
  183. border-radius:5px;
  184. font-family: UnifrakturCook, Brush Script MT, script, cursive;
  185. font-size:16px;
  186. }
  187. #music-bg{
  188. position:fixed;
  189. left: 0px;
  190. top: 0px;
  191. width: 35px;
  192. height: 35px;
  193. background-color: #92c990;
  194. border: solid 3px #938ecc;
  195. border-radius: 50%;
  196. z-index: 3; }
  197.  
  198. .sheetmusic {
  199. position: fixed;
  200. top: 10px;
  201. left: 15px;
  202. opacity:1;
  203. -webkit-transition: all .7s ease-out;
  204. transition: all .5s ease-out;
  205. transition-delay: 0.4s;
  206. color: #a561a2;
  207. overflow: hidden;
  208. z-index: 1000000; }
  209.  
  210. .sheetmusic:hover {color: #FFF;}
  211.  
  212. .song {
  213. margin-top: -20px;
  214. margin-left: 0px;
  215. height: 20px;
  216. width: 20px;
  217. overflow: hidden;
  218. opacity: 0; }
  219. }
  220. </style>
  221. <style>
  222. @import url('https://fonts.googleapis.com/css?family=Dancing+Script');
  223. </style>
  224.  
  225. <img src="https://media.giphy.com/media/4QFzZXhTlSB1geC2LA/giphy.gif" id="mugshot"/>
  226.  
  227. <div id="navbar">
  228. <a href="#01">Stats</a>
  229. <a href="#02">History</a>
  230. <a href="#03">Gallery</a>
  231. <a href="#04">Friends</a>
  232. <a href="#05">OOC</a>
  233. <a href="#00">Reset</a>
  234. </div>
  235.  
  236. <div class="tab" id="01">
  237. <h1>Nordis Coventina </h1>
  238. <h3>Nickname's:
  239. <br>Species: Human...well half Crow Yokai
  240. <br>Gender: Female
  241. <br>Age: Looks in her teens is in her mid 20's (24)
  242. <br>Date of Birth: November 17th
  243. <br>Hair: Silvery White
  244. <br>Eye Color: Opal pale- grey iris might as well be blinde for the most part. Has a second sight but its mostly souls and is sensitive to powerful auras.
  245. <br>Skin Tone: Milky White
  246. <br>Height: 5'2"
  247. <br>Weight: 6 Stones = 84Lbs
  248. <br>Build: Lithe and Agile
  249. <br>Scent: Rain and spring breeze
  250. <br>Brair Length: Longest so far is 32 feet
  251. <br>Zodiac: Scorpio
  252. </h3>
  253.  
  254. <h3>Relationship: <a href="https://roleplay.chat/profile.php?user=Cricket">Cricket</a>
  255. <br>Mother: Deceased. Never got the chance to know her <i>{The last known female White crow yokai of the Northern Clan}</i>
  256. <br>Birth-Father: Abandoned her at four years old. Never knew him. <i>{Was the druid sent to lift the curse of her mothers clan}</i>
  257. <br>Father: <a href="https://roleplay.chat/profile.php?user=Lindsay%20Hollowell">Oyaji</a>
  258. <br>Cousin: <a href="https://i.pinimg.com/736x/47/c1/e3/47c1e30593e7ceea9b8deff1614f79b0--hunter-manga-visual-arts.jpg">Yuki-Chan</a>
  259. </h3>
  260.  
  261. <h3>Personality:
  262. <br>Likes:
  263. <br>Dislikes: </h3>
  264.  
  265.  
  266. <h3></h3>
  267. </div>
  268.  
  269. <div class="tab" id="02">
  270. <h1>History</h1>
  271. <h2>The Beginning</h2>
  272. <hr>
  273. Nordis has a good heart and head on her shoulders tends to be a bit distant since she cant touch people. And with all the new things in her life even more so. <br> Nordis can see the lights in a person the spiritual life force or soul if you will she is considered more or less blind as she cants see how others see. She's beginning to see colors and has been more or less able to see everyday items again now but when in a headache fit she reverts back to near blindness.<br>Ended up in Fenster Falls now owns the general Store. <br>In her new home her love of all things nature as well as Japanese and Celtic is everywhere. <br>Norids has been having horrible dizzy spells and headaches so bad that she passed out its because she was too close to a spirit or light that might have attacked. With all thats been happening the more obvious things Nordis is hiding now is the fact her arms and legs have begun to turn black from the tips of her digits up to her elbows and knees now. This is easy to hide, the briars now growing from the back of her neck both wrists her ankles and her lower back. <br> Since she knows she can take the 'Light' from others eyes if they look into her eyes she avoids this as much as possible thanks to Crickets glasses this is now not such a concern. Now able to use her magicks she can create mana flowers they never die and are like the living counterparts. She is making living constructs as well to aid her in her endevours. <p>
  274.  
  275.  
  276. <h2>The Middle</h2>
  277. <hr>
  278. She's found her new home in Fenster <br><br> Shes now aware of many things such as that her mother was a Yokai that was changed by Mushi falling in love with a Druid human who was sent to watch the curse on her clan. When her mother died, Nordis is four years old, her father abandoned her when he saw what Nordis did. The old man (her grandfather) who stepped in and helped her taught her how to see the world around her and other beings not of her own realm. She discovers her ability to take someone's light its painful for both parties, for her it makes her skin burn and she loses control and is destructive if the light is not discharged. She will be weak and need to recover in running water preferably in nature a river or stream. The human half weakened her but its this Yokai half what gives her her <a target="_blank" href="http://mushi-shi.wikia.com/wiki/Mushi" target="_blank"><i>sight</i></a> Uses Holly her parasitic energy to shield her from the crows that hunt her. Holly is harsh more often then not.<p>
  279.  
  280. <h2>The Current</h2>
  281. <a target="_blank" href="http://goimrs2000.com/wp-content/uploads/2016/05/imore.jpg" target="_blank"><i>"I dont want to see peoples spirits.. <br>and I <b>HATE</b> to see the ones who wont move on either!"</i>
  282. </a>
  283. <hr>
  284.  
  285. </p>
  286.  
  287. </div>
  288.  
  289. <div class="tab" id="03">
  290. <h1>Gallery</h1><hr>
  291. <figure style="float:left;margin:0px 15px 10px 9px;text-align:center;"><a target="_blank" href="https://i.imgur.com/Atfg3od.jpg"><img src="https://i.imgur.com/Atfg3od.jpg" style="width:250px;height:250px;border:1px solid #928A7D;border-radius:10px;"></a><figcaption>Jakkan <br>Her living doll familiar made by <br>her love Cricket as a gift.<br>Has never met a stranger and is waterproof.</figcaption></figure>
  292.  
  293. <figure style="float:left;margin:0px 15px 10px 9px;text-align:center;"><a target="_blank" href="https://i.imgur.com/rGDZRuE.jpg?1"><img src="https://i.imgur.com/rGDZRuE.jpg?1" style="width:250px;height:250px;border:1px solid #928A7D;border-radius:10px;"></a><figcaption>Holly <br> The parasitic Energy that exsists inside Nordis<br>Acts as a shield or buffer <br>to bright souls and the elements. <br>Can be very confrontational and <br>rude for no reason. <br><b>Currently out of commission</b></figcaption></figure>
  294. <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
  295.  
  296. <figure style="float:left;margin:0px 15px 10px 9px;text-align:center;"><a target="_blank" href="https://i.pinimg.com/736x/47/c1/e3/47c1e30593e7ceea9b8deff1614f79b0--hunter-manga-visual-arts.jpg"><img src="https://i.pinimg.com/736x/47/c1/e3/47c1e30593e7ceea9b8deff1614f79b0--hunter-manga-visual-arts.jpg" style="width:250px;height:250px;border:1px solid #928A7D;border-radius:10px;"></a><figcaption>Cousin: Yuki-chan<br>The proxy servant made by her servant Tyco.<br> About 5 ft.</figcaption></figure>
  297.  
  298. <figure style="float:left;margin:0px 15px 10px 9px;text-align:center;"><a target="_blank" href="https://fensterfalls.weebly.com/general-and-grocery-store.html"><img src="https://i.imgur.com/POy2CF5.jpg" style="width:250px;height:250px;border:1px solid #928A7D;border-radius:10px;"></a><figcaption>Home<br>The General Store in Fenster Falls</figcaption></figure>
  299.  
  300. <figure style="float:left;margin:0px 15px 10px 9px;text-align:center;"><a target="_blank" href="https://i.pinimg.com/564x/24/6d/42/246d42a2191ae8446e1f11cc7714a629.jpg"><img src="https://i.pinimg.com/564x/24/6d/42/246d42a2191ae8446e1f11cc7714a629.jpg" style="width:250px;height:250px;border:1px solid #928A7D;border-radius:10px;"></a><figcaption>Growing Flowers</figcaption></figure>
  301. <br>
  302.  
  303.  
  304. </div>
  305.  
  306. <div class="tab" id="04">
  307. <h1>Friends</h1>
  308.  
  309.  
  310.  
  311.  
  312.  
  313. <figure style="float:left;margin:0px 15px 10px 9px;text-align:center;"><a target="_blank" href="https://roleplay.chat/profile.php?user=Lindsay%20Hollowell"><img src="https://i.gyazo.com/b1fee9085c3773fdfdf13c8b0ac69979.jpg" style="width:250px;height:250px;border:1px solid #928A7D;border-radius:10px;"></a><figcaption>Lindsay 'Lin- Oyaji' Hollowell<br> The closest thing to a father shes ever had. <br>If asked about her father she'll tell you about Lin. <br>Cares a great deal for the mage can become <br>very protective of him and his reputation.</figcaption></figure>
  314.  
  315. <figure style="float:left;margin:0px 15px 10px 9px;text-align:center;"><a target="_blank" href="https://roleplay.chat/profile.php?user=Cricket"><img src="https://i.imgur.com/fnQd6H9.jpg" style="width:250px;height:250px;border:1px solid #928A7D;border-radius:10px;"></a><figcaption>Cricket <br>Love, no maybe about it, this <br>cutie is her girlfriend! <br>Watch out everybody bad mouth her <br>cricket and she'll use her Briar's on you.<br></figcaption></figure>
  316.  
  317. <figure style="float:left;margin:0px 15px 10px 9px;text-align:center;"><a target="_blank" href="https://roleplay.chat/profile.php?user=Shaneen"><img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQfl-WQKo2RNMpao7qFBYUDEGzSyAB6EOBQJMiclIQGHRhs7kMC" style="width:250px;height:250px;border:1px solid #928A7D;border-radius:10px;"></a><figcaption>Close Interest; Shaneen<br>A strange woman that Nordi has grown attatched to.</figcaption></figure>
  318.  
  319. <figure style="float:left;margin:0px 15px 10px 9px;text-align:center;"><a target="_blank" href="https://roleplay.chat/profile.php?user=.Domino"><img src="https://i.imgur.com/ABA5Psh.jpg" style="width:250px;height:250px;border:1px solid #928A7D;border-radius:10px;"></a><figcaption>Friend: Domino<br>The DJ of Fenster and good guy to all.</figcaption></figure>
  320.  
  321.  
  322. </div>
  323.  
  324. <div class="tab" id="05">
  325. <h1>OOC</h1>
  326. <li>Easing back in</li>
  327. <li>The so called real world sadly comes first</li>
  328. <li> Works swing shifts... *hangs head</li>
  329. <li>Trying to flesh her out so...yeah if you wanna help her out feel free</li>
  330. <li>She can see spirits... i can not! </li>
  331. <li>Central Time Zone
  332. <li>No clue what else... ask?</li>
  333.  
  334. </div>
  335.  
  336. <div id="music-bg"></div>
  337.  
  338. <div class="sheetmusic"><font size="4">▶</font>
  339. <div class="song">
  340. <audio controls>
  341. <source src="http://k003.kiwi6.com/hotlink/08bpa91sqq/Heaven_s_Lullaby_Beautiful_Piano_Song_1_.mp3"></audio>
  342. </div></div></div>
  343.  
  344. <a target="_blank" href="http://ladycerattani.wixsite.com/cera-codes" id="credit" target="_blank" title="Firefox 1366x768
  345. Inform me of issues.">Coder</a>
Add Comment
Please, Sign In to add comment