Advertisement
NaotoShirgone

Darious

Feb 19th, 2017
103
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.82 KB | None | 0 0
  1. <html>
  2. <body><style type="text/css" onload="try { document.title = 'Darius Levalle'; } catch (e) { }">
  3. body {
  4. background-image: url(http://1.bp.blogspot.com/-5SfQufHB5fM/UoISL7EOi1I/AAAAAAAABqY/UQETZoWDXck/s1600/City%2BAnime%2BLandscape%2B%255BScenery%2B-%2BBackground%255D%2B80.jpg);
  5. background-repeat:no-repeat;
  6. background-size:100% 100%;
  7. height:97.5%;
  8. background-color:white;
  9. color:black;
  10. font-family:Goudy Old Style, serif;
  11. font-size:110%;
  12. font-style: italic;
  13. }
  14. .pfor {
  15. display:none;
  16. }
  17. #profile {
  18. background-color:transparent;
  19. border:none;
  20. }
  21. #mugshot {
  22. position:fixed;
  23. top:10%;
  24. left:60%;
  25. height:90%;
  26. width:50%;
  27. }
  28. #infobox {
  29. z-index:3;
  30. position:fixed;
  31. height:90%;
  32. width:32.5%;
  33. top:5%;
  34. left:32.5%;
  35. border:6px ridge goldenrod;
  36. background-color: #664420;
  37. text-align:left;
  38. opacity:0.25;
  39. -o-transition:.8s;
  40. -ms-transition:.8s;
  41. -moz-transition:.8s;
  42. -webkit-transition:.8s;
  43. transition:.8s;
  44. }
  45. #infobox:hover {
  46. opacity:0.95;
  47. }
  48. #info {
  49. position:absolute;
  50. top:2%;
  51. left:2%;
  52. height:96%;
  53. width:96%;
  54. overflow:hidden;
  55. }
  56. .tab {
  57. height:100%;
  58. width:100%;
  59. overflow-y:auto;
  60. }
  61. #info img {
  62. width:90%;
  63. text-align:center;
  64. }
  65. #wheel {
  66. position:fixed;
  67. left:-100px;
  68. bottom:-210px;
  69. height:600px;
  70. width:600px;
  71. background-image:url(http://i.imgur.com/7WzI7xp.png);
  72. background-repeat:no-repeat;
  73. background-size:100%;
  74. }
  75. .spoke {
  76. position:absolute;
  77. height:75px;
  78. width:5%;
  79. border-radius:100%;
  80. }
  81. h2 {
  82. border: 4px ridge goldenrod;
  83. background-color:#111111;
  84. color:#EEEEEE;
  85. text-align:center;
  86. }
  87. h3 {
  88. color:#EEEEEE;
  89. text-align:center;
  90. font-weight:bold;
  91. }
  92. a {
  93. color:goldenrod;
  94. text-decoration:none;
  95. }
  96. p {
  97. text-indent: 4%;
  98. }
  99. #credit {
  100. text-decoration:none;
  101. color:#EEEEEE;
  102. position:fixed;
  103. right:1%;
  104. top:0%;
  105. font-family: UnifrakturCook, Brush Script MT, script, cursive;
  106. }
  107. </style>
  108.  
  109. <img src="http://orig03.deviantart.net/d6d1/f/2015/293/e/4/pedido_04_by_shamshir_durendal-d9dqq4j.png" id="mugshot"/>
  110.  
  111. <div id="wheel">
  112. <a href="#01" class="spoke" style="right:61.5% ;top:2%;-ms-transform: rotate(-15deg);-webkit-transform: rotate(-15deg);transform: rotate(-15deg);" title="Stats">
  113. </a>
  114. <a href="#02" class="spoke" style="right:34.5% ;top:2%;-ms-transform: rotate(28deg);-webkit-transform: rotate(28deg);transform: rotate(28deg);" title="About">
  115. </a>
  116. <a href="#03" class="spoke" style="right:16% ;top:18%;ms-transform: rotate(75deg);-webkit-transform: rotate(75deg);transform: rotate(75deg);" title="History">
  117. </a>
  118. <a href="#04" class="spoke" style="right:15%;top:42%;ms-transform: rotate(110deg);-webkit-transform: rotate(110deg);transform: rotate(110deg);" title="OOC">
  119. </a>
  120. <a href="#05" style="position:absolute;height:50px;width:50px;right:46.5%;top:30%;border-radius:50%;">
  121. </a>
  122. </div>
  123.  
  124. <div id="infobox">
  125. <div id="info">
  126.  
  127. <a name="01"></a>
  128. <div class="tab">
  129. <h2>Stats</h2>
  130. <p style="text-indent:0%;">
  131.  
  132. <b>Name:</b> Darius Levalle
  133. <br>
  134. <br><b>Species:</b> Human/Vampire
  135. <br>
  136. <br><b>Age:</b> 32/eternal!
  137. <br>
  138. <br><b>Hair:</b> Messy brown
  139. <br>
  140. <br><b>Eyes:</b> Black
  141. <br>
  142. <br><b>Height:</b> 5'10
  143. <br>
  144. <br><b>Weight:</b> 180
  145. <br>
  146. <br><b>Build:</b> Average
  147. <br>
  148. <br><b>Orientation:</b> Straight
  149. </p>
  150. <p>
  151. <b>Click the spokes to navigate.</b>
  152. </p>
  153. </div>
  154.  
  155. <a name="02"></a>
  156. <div class="tab">
  157. <h2>About</h2>
  158. <p>
  159. Personality: Flirty, witty, charming, and a bit goofy. He is known for having a silver tongue and good charm, swift reflexes, and vast intellect. He strives for success, and helping people in any way he can. He is extraordinarily generous, and very determined. Also note that each person listed below is set in a different rp universe/timeline, so they are non-conflicting unless stated otherwise.
  160. </p>
  161. <p>
  162. Darius is an engineer, business owner, and as well as being very eccentric, he creates special and unique devices, some way ahead of their times, he is a family man first and foremost, doing all he can to take care of those important to him, he earns his keep through his inventions, with great focus on fine detail, any task or obstacle he gets he takes pride in doing as flawlessly as able. He enjoys oddities, unique features, and especially robotics, being a strong forefront in their creation and design. He never gave up his past though, and enjoys occasionally piloting aircraft, and designing buildings. For now he remains a business owner and close to home. (rp flexible though, dont hesitate to offer ideas!, each rp is its own unique entity, which i give proper respect to each person involved) </p>
  163. <h3>Special People Of Note:</h3>
  164. <p style="text-indent:0%;">
  165. Crew:<br></br>
  166. Dating/married to: <a href=https://1.roleplay.chat/profile.php?user=Daynie> Daynie </a>
  167. <br></br>
  168. Dating: <a href=https://roleplay.chat/profile.php?user=HitomiNekoNya> My perfect Hito </a> <br></br>
  169. Dating: <a href=https://roleplay.chat/profile.php?user=aya+kimasiro> Aya (Nov 3.) </a> ,
  170. <br></br>
  171. Pet/Collared: <a href=https://roleplay.chat/profile.php?user=Yamiko> Yamiko </a> <br></br>
  172. Assistant/slave: <a href=https://roleplay.chat/profile.php?user=Aaron+Heavyblade> Aaron </a>
  173. <br></br>
  174. Perfect Special Stepdaughter: <a href=https://roleplay.chat/profile.php?user=Yui+Lisona+Nya> Yui Lisona Nya </a>
  175. <br></br>
  176. Maids (Special!): <a href=http://roleplay.chat/profile.php?user=Fuko> Fuko </a> , <a href=https://roleplay.chat/profile.php?user=Mayla+jonesy> Mayla </a>
  177. <br></br>
  178. Guardian: <a href=https://roleplay.chat/profile.php?user=Arcee> Arcee </a>
  179. <br></br>
  180. Trouble and make it double(Breeding lovers): <a href=https://roleplay.chat/profile.php?user=A+Kings+Breeding+tool> Carla x Lana </a>
  181. <br></br>
  182. Friends!: <a href=https://roleplay.chat/profile.php?user=PetNeko> Michiko!</a> ,
  183. <a href=http://roleplay.chat/profile.php?user=Fluid> Fluid </a> ,
  184. <a href=http://roleplay.chat/profile.php?user=Shiva> Shiva </a> ,
  185. <a href=https://roleplay.chat/profile.php?user=Beth> Beth </a> ,
  186. <a href=https://roleplay.chat/profile.php?user=Tavor> Tavor </a> ,
  187. <a href=https://roleplay.chat/profile.php?user=Roanoke> Arven </a> ,
  188. <a href=https://https://roleplay.chat/profile.php?user=ZoneTan> Zonetan </a>
  189. <a href=https://roleplay.chat/profile.php?user=KittenRawr> Nova (Nov 4)</a> <br> </br>
  190. Friends w/ benefits: <a href=https://roleplay.chat/profile.php?user=Tracer+Oxton> Tracer!</a>
  191. <br></br>
  192. Special partners: <a href=https://roleplay.chat/profile.php?user=Hircey> Hircey</a> , <a href=https://roleplay.chat/profile.php?user=Love+D+va> D. va </a>
  193. <br> </br>
  194.  
  195. <br></br>
  196.  
  197. <b>Special Events:</b> Got engaged to Daynie on November fourth 2015! At the Bottoms up strip club. Got turned into a vampire!
  198. <br></br>
  199. Married to Daynie! January 31st! 2016, doublemarriage Via Hasfoth and Aurellia. precisely 7:55 Am!
  200. <br></br>
  201. Lillianne was born 9/8/2016
  202. </p>
  203. <h3>Gallery</h3>
  204. </p>
  205. <p style="text-indent:0%:text-align:center;">
  206. <img src="https://s-media-cache-ak0.pinimg.com/736x/f4/ee/1c/f4ee1c909a72cad684cae1f9656d00c4.jpg"/>
  207. <br>
  208. Elizabeth Hito Levalle (daughter with Aya)
  209. </p>
  210. <p style="text-indent:0%:text-align:center;">
  211. <img src="http://oi62.tinypic.com/33nxg09.jpg%22"/>
  212. <br>
  213. Lilianne Levalle (daughter with Daynie)
  214. </p>
  215. <p style="text-indent:0%:text-align:center;">
  216. <img src="https://lastsinner.files.wordpress.com/2011/10/fault_date_kiss.jpg"/>
  217. <br>
  218. Hito x Darius
  219. </p>
  220. <p style="text-indent:0%:text-align:center;">
  221. <img src="http://i.imgur.com/ECcjFie.jpg"/>
  222. <br>
  223. Anthro appearance
  224. </p>
  225. <p style="text-indent:0%:text-align:center;">
  226. <img src="http://i.imgbox.com/vJXBW0tr.jpg"/>
  227. <br>
  228. Relaxed
  229. </p>
  230. <p style="text-indent:0%:text-align:center;">
  231. <img src="http://i.imgur.com/xdjbdwf.png"/>
  232. <br>
  233. Drawn by Lovella
  234. </p>
  235. <p style="text-indent:0%:text-align:center;">
  236. <img src="http://31.media.tumblr.com/6131b8e9e6cbb0b72d15ed3ebae5826f/tumblr_inline_nqlt46UNJU1txvckp_500.gif"/>
  237. <br>
  238. When working with Beth
  239. </p>
  240. </div>
  241.  
  242. <a name="03"></a>
  243. <div class="tab">
  244. <h2>History</h2>
  245. Powers: Shadowjumping <br></br>
  246. Shadow creation (creating temporary physical objects from shadow <br></br>
  247. Enhanced speed, strength, stamina. <br></br>
  248. Shadowrealm usage (can use a realm of shadow for storage, movement, or hiding)<br></br>
  249. regenration! <br></br>
  250. </div>
  251.  
  252. <a name="04"></a>
  253. <div class="tab">
  254. <h2>OOC</h2>
  255. <ul>
  256. <li>I'm a gentleman IRL! Darius and I are quite similar though. </li>
  257. <li>I will always be respectful to you, please return the favor. </li>
  258. <li>I have an alt! If Darius isn't your cup of tea: <a href=https://roleplay.chat/profile.php?user=Hasfoth> Hasfoth </a></li>
  259. <li>Have to put this here: I am straight! I can talk to other gentleman, but not into anything more!</li>
  260. <li>If ~if~ i ever disappear, I will return with apologies and much complaints about my internet. I do not poof unless I literally fall asleep or internet died.</li>
  261. <li> <a target="_blank" href="https://www.f-list.net/c/darius levalle"> F-list</a> </li>
  262. </ul>
  263. </div>
  264.  
  265. <a name="05"></a>
  266. <div class="tab">
  267.  
  268. </div>
  269.  
  270. </div>
  271. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement