Guest User

anhocode

a guest
Aug 24th, 2019
249
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.50 KB | None | 0 0
  1. <style type="text/css">
  2. .pfor {
  3. display: none;
  4. }
  5.  
  6. body {
  7. margin: 0;
  8. padding: 0;
  9. background: repeat url(http://lumberjackfeud.com/wp-content/uploads/2013/05/paper3optimized-2.jpg) #fff;
  10. background-size: cover auto;
  11. }
  12.  
  13. #profile {
  14. padding: 0;
  15. text-align: left;
  16. width: 800px;
  17. background: transparent;
  18. margin-left: 350px;
  19. border: none;
  20. color: #242A3B;
  21. font-family: Monaco, Consolas, "Lucida Console", monospace;
  22. }
  23.  
  24. a {
  25. color: #C2B053;
  26. }
  27.  
  28. a:hover {
  29. color: #E7E6EA;
  30. }
  31.  
  32. ul {
  33. list-style: none;
  34. padding: 0;
  35. }
  36.  
  37. #nav-container {
  38. position: fixed;
  39. top: 0px;
  40. left: 0px;
  41. width: 250px;
  42. height: 150px;
  43. background: #242A3B;
  44. }
  45.  
  46. #nav {
  47.  
  48. }
  49.  
  50. #nav li {
  51. text-align: center;
  52. margin-bottom: 5px;
  53. }
  54.  
  55. #nav a {
  56. background: #242A3B;
  57. text-decoration: none;
  58. color: #C2B053;
  59. display: inline-block;
  60. width: 100px;
  61. }
  62.  
  63. #nav a:hover {
  64. background: #C2B053;
  65. }
  66.  
  67. #top-container {
  68. position: fixed;
  69. left: 250px;
  70. top: 0px;
  71. width: 550px;
  72. background: #C2B053;
  73. clear: right;
  74. border-bottom: 3px solid #242A3B;
  75.  
  76. }
  77.  
  78. #top-container h1 {
  79. font-family: Monaco, Consolas, "Lucida Console", monospace;
  80. font-size: 40px;
  81. font-variant: small-caps;
  82. letter-spacing: 1.3px;
  83. margin: 44px 0 0 0;
  84. font-weight: 100;
  85. text-align: right;
  86. color: #E7E6EA;
  87. margin-right: 50px;
  88. }
  89.  
  90. #pages-container {
  91. position: fixed;
  92. top: 90px;
  93. left: 247px;
  94. overflow: hidden;
  95. height: 547px;
  96. width: 597px;
  97. background: #fff;
  98. border: 1px solid #242A3B;
  99. border-width: 0 0 3px 3px;
  100.  
  101. }
  102.  
  103. .page {
  104. padding: 10px;
  105. overflow: auto;
  106. height: 530px; /*Should be 20px less than #pages-container height*/
  107. width: 580xp; /*Should be 20px less than #pages-container width*/
  108.  
  109. }
  110.  
  111. .page a {
  112. color: #242A3B;
  113. }
  114.  
  115. h2 {
  116. font-family: Monaco, Consolas, "Lucida Console", monospace;
  117. font-variant: small-caps;
  118. font-weight: 100;
  119. letter-spacing: 1.3px;
  120. margin-top: 0;
  121. }
  122.  
  123. #stats-container {
  124. position: fixed;
  125. top: 150px;
  126. width: 180px;
  127. height: 530px;
  128. padding: 10px;
  129. background: #242A3B;
  130. color: #E7E6EA;
  131. }
  132.  
  133. #stats-container li b {
  134. color: #C2B053;
  135. }
  136.  
  137. #c-stats {
  138. margin-left: 200px;
  139. }
  140.  
  141. #d-stats {
  142. margin-left: 140px;
  143. }
  144.  
  145.  
  146. </style>
  147. <div id="nav-container">
  148. <ul id="nav">
  149. <li><a href="#1">History</a></li>
  150. <li><a href="#2">Skills</a></li>
  151. <li><a href="#3">Inventory</a></li>
  152. <li><a href="#4">Qi</a></li>
  153. </ul>
  154. </div>
  155.  
  156. <div id="top-container">
  157. <h1>Haruki Oshiro</h1>
  158.  
  159. </div>
  160.  
  161. <div id="pages-container">
  162.  
  163. <a name="1"></a>
  164. <div class="page">
  165. <h2>History</h2>
  166.  
  167. <img src="http://i62.tinypic.com/2ntaiv5.png" align="right">
  168.  
  169. <p>Haruki's life began as the son to an ignoble rice farming family. His father was known to be careless with the scarce amount of money that was earned, along with the added benefit of being a notorious alcoholic. Perhaps the greatest tragedy in this was that Haruki's father had a violent temper while under the alluring taste of alcohol. As for the boy's mother? She was perhaps an angel of a woman many years ago, but by the time that Haruki was born she was nothing but a wretched hag of a person that hated others for having a happy life. The other children of the Oshiro family weren't anything to brag about either. The numerous sons were hardly looked after. Some ran away for a better life, others succumbed to starvation, with a few falling victim to tragic beatings that somehow turned into murder from their parents. Then of course, there were the boys sisters. Unfortunately for them, almost all were sold away to pay for numerous gambling debts. Which, in their defense, was probably the safest of all things for them. Considering how their brothers turned out at least.
  170. </p>
  171.  
  172. <p>Needless to say, Haruki did not have an ideal childhood. Even the pan handling children of Owari would sooner bless themselves for only being homeless rather than have to deal with such an ordeal every day. For thirteen some odd years the youngest of the family, and just about the only child who was still there, did as he parents commanded. Whether that was tend the fields so the two could do whatever it is adults did when alone or just try to snatch a fresh fish from the nearby market. It didn't matter to the boy's family, they cared for themselves, not the offspring that would have been better off drowned in a river. It was not until the next year of Haruki's life that he decided to rid himself of the parasite that was his family. Sure, being a child vagabond was far from luxurious, but it was still better than being beaten into unconsciousness on any given night of the week. </p>
  173.  
  174. <p>His journey was done in a somewhat subtle manner. Subtle for a child at least. The boy waited for both parents to fall into a drunken stupor in their small shack of a home. After which, he quickly gathered up what little valuables were in the house, if it could be called that, and ran into the night. There was nothing cunning of the plan, because there was no plan. Haruki had just decided to do this while he had the chance. So with a knapsack full of garbage, he picked one of the many ships that were docked at Owari at random. For better or worse, this one happened to be destined to port in Taejong.</p>
  175.  
  176. <p>Taejong was a fascinating place for someone that had spent their entire life in Suizei. Though it was still incredibly rough. Regardless of such a fact, the city was unable to consume Haruki and leave him for dead. Instead, the boy overcame many of the hardships that were thrown his way. From surviving by joining trifling street gangs to mugging fragile old women. It didn't really matter to him. Where there once might have been the capability for Haruki to become a proud young man full of integrity and honor, that ideal citizen was demolished from the day he was born. Instead, there was only a man who had adapted to whatever life had thrown his way. Surviving was all that he knew. Fortunately, surviving also coincided with collecting bounties for the law enforcement officials of Taejong. Though it was only by coincidence than out of the goodness of his heart. So while he might capture and sometimes eliminate the vast number of criminals, it does not put him above breaking the law to get what he wants.</p>
  177.  
  178. </div>
  179.  
  180. <a name="2"></a>
  181. <div class="page">
  182. <h2>Skills</h2>
  183.  
  184. <p> <b>Backstreet Brawler</b> - Haruki is far from a professionally trained fighter. While he might lack that underlying skill, he more than makes up for this by taking every advantage he can. A knee to the crotch, glass in someones eye, or any underhanded tactic in existence. This along with getting into a number of street alley fights has made the man more than capable of holding his own against most in close quarters.</p>
  185.  
  186. <p> <b>Street Savvy</b> - Black markets, gambling dens, whore houses, and more, it doesn't really matter. Haruki has an in-depth knowledge of where numerous illegal places are on the streets and how to get into them. Not that it's every benefited anyone but himself. </p>
  187.  
  188. <p> <b>Shady Shooter</b> - Haruki has a great affinity for small arms of all kind. However, his true skill shows when using smaller weapons such as handguns. In any case, the man is a crack shot in tight spaces and murky surroundings. While out in the open he might not be the best, he's still a formidable foe. Though once in the cozy confines of a city, he's nearly unparalleled</p>
  189.  
  190. <p> <b>Backdoor Bandit</b> - Stealing is something that mankind has done and known about since nearly the dawn of time. Unfortunately, it's not really an art that has needed to adapt over the years when there are always easy targets around. Haruki however has learned many new tricks to allow him to rob the wealthy and well guarded. Some of those skills are expressed in his ability to parkour in the streets of Taejong and being able to get into places where entrances were never known to exist. Other things are still kept a secret. </p>
  191.  
  192. </div>
  193.  
  194. <a name="3"></a>
  195. <div class="page">
  196. <h2>Inventory</h2>
  197.  
  198. <p> <b>Modified Pistol x2</b> - A set of mismatched pistols that were clearly bought on separate occasions. One is re-chambered to accept .50 Action Express Rounds, semi automatic. The other is an auto-pistol chambering 9mm rounds, sporting an extended magazine. Perfect for suppressing foes, but hardly for blasting through anything except wooden planks.</p>
  199.  
  200. <p> <b>Short Barreled Shotgun x2</b> - Upon closer inspection, it's obvious that the barrels of these shotguns were sawn off by a crude device. Made for easy concealment and chambers highly illegal 8-gauge shells.</p>
  201.  
  202. <p> <b>Metal Zip-ties</b> - In times were bounties are captured alive for whatever reason, these ties are perfect for securing someone. Not to mention they also dig into the skin, making escape an uncomfortable experience.</p>
  203.  
  204. <p> <b>Personal Digital Assistant</b> - A simple device used to keep track of outstanding warrants listed by police officials, bail skippers, and any other worthwhile listings for armed security.</p>
  205.  
  206. <p> <b>Steel Mesh Kevlar</b> - This lightweight set of clothing serves to lessen the impact from the kinetic force of small arms and protect the wearer from blunt force trauma. While not as great as a hulking suit of armor, it makes for a fine balance nonetheless.</p>
  207.  
  208. </div>
  209.  
  210. <a name="4"></a>
  211. <div class="page">
  212. <h2>Qi</h2>
  213.  
  214. <p> <b>Gambler's Tell (Heavenly, LV1)</b> - Haruki possesses an impressive perception in regards to things in the physical realm that are near his general vicinity. Little things like the flick of a hand or stretches are acutely able to be picked up by the this bounty hunter. Sometimes it's just used to cheat in poker, and other times it allows him to shoot a would be attacker before the opposition can draw their own weapon. While it doesn't allow him to predict the future in any sense, it does let Haruki prepare, even just momentarily, for what is immediately about to happen. Often times it's the little things that lead to the big things happening.</p>
  215.  
  216. <p> <b>Bullet Drizzle (Earthly, LV1)</b> - While some might expect an easily noticeable use of Qi, Haruki takes a more subtle approach where possible. For instance, whenever the man fires his weapons off, an extra round or two manages to find itself firing out of the barrel for the duration of this Qi skill. The average person might not notice it, but being able to turn a glancing shot into a fatal wound thanks to an extra bullet is invaluable in Haruki's line of work. (When activated this ability lasts until the weapon of choice has to be reloaded)</p>
  217.  
  218. <p> <b>All Skill (Earthly, LV1)</b> - Sometimes being an inch off is what can cost a man his life. Fortunately in Haruki's case, this is hardly an issue with him. Where a normal shot might have just missed because a variety of reasons, when Qi is forced into the equation, suddenly a skilled shooter can become an even more terrifying foe. When activated, the man's bullets suffer little to no effect from the weather conditions and auto compensate for any errors in trajectory. This doesn't allow a shot to curve around a corner and hit someone or fly after it's target for miles. Instead, it allows Haruki to be far more accurate when shooting hasty in closer quarters. </p>
  219.  
  220. <p> <b>Tough Times (Earthly, LV1)</b> - Ammo is always an issue no matter who you are. It's a necessity whenever firearms are involved in an equation. Sure, the weapons are deadly, but without anything to shoot, they're just metal bricks. Haruki has his life a little easier however. The man's Qi works to reload any empty magazines with a suitable nearby material (Within a arms distance). When activated, a nearby object is partially converted into ammunition. The practical use of this varies. Sometimes metals on par with regular ammunition are taken, other times it's just plastic and garbage. Most times materials only have a handful of their matter taken for the conversion, as bullets are relatively small objects. </p>
  221.  
  222. </div>
  223.  
  224. </div>
  225.  
  226. <div id="stats-container">
  227. <h2>Stats</h2>
  228. <ul>
  229. <li><b>Name:</b> Haruki Oshiro</li>
  230. <li><b>Title:</b> Red Fox</li>
  231. <li><b>Age:</b> 24</li>
  232. <li><b>Gender:</b> Male</li>
  233. <li><b>Race:</b> Human</li>
  234. <li><b>Height:</b> 5'9</li>
  235. <li><b>Weight:</b> 146 lbs</li>
  236. <li><b>Voice:</b> <a href="https://www.youtube.com/watch?v=8F4z95AySBE">[x]</a></li>
  237. <li><b>Theme:</b> <a href="https://www.youtube.com/watch?v=FlqsWWKLhWY">[x]</a><br>
  238. </ul>
  239.  
  240.  
  241. </div>
  242.  
  243. <div style="position: fixed; top: -10px; left: 700px; z-index: -99;">
  244.  
  245. <img src="http://i62.tinypic.com/2m4de0h.png" width="550px"></img>
  246.  
  247. </div>
Add Comment
Please, Sign In to add comment