Advertisement
Guest User

Untitled

a guest
May 22nd, 2018
94
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.50 KB | None | 0 0
  1. <style>
  2. .pfor {
  3. display: none;}
  4. #profile {
  5. background-color: transparent;
  6. border: transparent;}
  7.  
  8. body {
  9. background-image: url(http://i.imgur.com/qwgbl81.jpg);}
  10.  
  11. #splashart {
  12. position: fixed;
  13. z-index: -1;
  14. left: 5;
  15. bottom: 0;}
  16.  
  17. #splashart img {
  18. height: 75%;}
  19.  
  20. #fillbox {
  21. position: fixed;
  22. left: 510;
  23. top: 120;
  24. background-color: #111111;
  25. border: 10px solid #c2a415;
  26. width: 580px;
  27. height: 380px;}
  28.  
  29. #infobox {
  30. position: fixed;
  31. left: 524;
  32. top: 165;
  33. color: #ffffff;
  34. font-family: Lucida Grande;
  35. font-size: 13px;
  36. background-color: #333333;
  37. border: 1px solid #e3c84a;
  38. width: 402px;
  39. height: 318px;
  40. padding: 10px;}
  41.  
  42. #iconart {
  43. position: fixed;
  44. left: 952;
  45. top: 133;
  46. z-index: 1;
  47. border: 1px solid #e3c84a;}
  48.  
  49. #iconart img {
  50. width: 142px;
  51. height: 142px;}
  52.  
  53. #navi {
  54. position: fixed;
  55. left: 500;
  56. top: 133;
  57. text-align: center;
  58. width: 472px;}
  59.  
  60. #navi a {
  61. display: inline-block;
  62. width: 12%;
  63. padding-left: 11px;
  64. padding-right: 11px;
  65. padding-top: 5px;
  66. padding-bottom: 5px;
  67. font-family: Lucida Grande;
  68. font-size: 13px;
  69. text-align: center;
  70. text-decoration: none;
  71. color: #ffffff;
  72. border: 1px solid #e3c84a;
  73. background-color: #333333;
  74. transition: all 0.5s ease-in-out;
  75. -moz-transition: all 0.5s ease-in-out;
  76. -webkit-transition: all 0.5s ease-in-out;}
  77.  
  78. #navi a:hover {
  79. color: #000000;
  80. border: 1px solid #999999;
  81. background-color: #ffffff;
  82. transition: all 0.6s ease-in-out;
  83. -moz-transition: all 0.6s ease-in-out;
  84. -webkit-transition: all 0.6s ease-in-out;}
  85.  
  86. #navi a:active {
  87. color: #000000;
  88. background-color: #ffffff;}
  89.  
  90. #miscbox {
  91. position: fixed;
  92. left: 952;
  93. top: 281;
  94. background-color: #333333;
  95. border: 1px solid #e3c84a;
  96. width: 122px;
  97. height: 202px;
  98. padding: 10px;}
  99.  
  100. img.gall {
  101. width: 120px;
  102. height: 45px;
  103. border: 1px solid #e3c84a;}
  104.  
  105. a {
  106. color: #e3c84a;
  107. text-decoration: none;
  108. transition: all 0.4s ease-in-out;
  109. -moz-transition: all 0.4s ease-in-out;
  110. -webkit-transition: all 0.4s ease-in-out;}
  111.  
  112. a:hover {
  113. color: #000000;
  114. transition: all 0.4s ease-in-out;
  115. -moz-transition: all 0.4s ease-in-out;
  116. -webkit-transition: all 0.4s ease-in-out;}
  117.  
  118. ::-webkit-scrollbar-thumb {
  119. width: 0px;
  120. background-color: transparent;}
  121. ::-webkit-scrollbar {
  122. width: 0px;
  123. background-color: transparent;}
  124.  
  125. a.credit {
  126. position: fixed;
  127. right: 5;
  128. top: 5;
  129. color: #33ff00;
  130. font-family: monospace;
  131. font-size: 11px;
  132. font-weight: 300;
  133. text-decoration: none;}
  134. </style>
  135.  
  136. <a target="_blank" href="http://adokenrazahl.deviantart.com/gallery/45571364" class="credit" target="_blank" title="@ Adoken Razahl">credit</a>
  137.  
  138. <div id="splashart">
  139. <img src="http://i.imgur.com/M0kOH47.png">
  140. </div>
  141.  
  142. <div id="fillbox"></div>
  143. <div id="navi">
  144. <a href="#01">General</a>
  145. <a href="#02">History</a>
  146. <a href="#03">Equipment</a>
  147. <a href="#04">Abilities</a>
  148. <a href="#05">OOC</a>
  149. </div>
  150.  
  151. <div id="infobox">
  152. <div style="height: 100%; overflow-y: hidden;">
  153. <a name="01"></a>
  154. <div style="width:100%; height: 100%; top: 100px; overflow: auto;" align="Left">
  155. Name: Go fuck yourself.
  156. <br>Age: 34
  157. <br>Alias: Spades
  158. <br>Occupation: Ex-military, Mercenary, Bounty Hunter, Pirate
  159. <br>Sexuality: Bisexual, Male Lean
  160. <P>
  161. Notable Features:
  162. <br><i>Earned her nickname "Spades" at the ripe age of 18. The nickname originates from a tattoo on her right hip of two playing cards; the queen of hearts and the queen of spades, the spades being the top card.
  163. <P>
  164. Her real name? None of your fucking business. Only a few know it.</i>
  165. <P>
  166.  
  167.  
  168. </div>
  169.  
  170. <a name="02"></a>
  171.  
  172. Spades started her life in poverty and little to no family. She ran with gangs until getting arrested and pressured to join the military. It was a good fit and she excelled in combat. Her accomplishments had her transferred to an elite squadron dedicated to preserving peace in the known worlds and exploring possible new habitable planets. She found herself new experiences, new life, new scars and even love. After all the exploring and all the warfare, she settled down with a fellow member of her team and got married soon after.
  173. <P>
  174. Life was getting good. She found a new joy and form of peace through her son and daughter. She still did some off-world work as a military trainer and security. Her husband had become a PI that got himself too deeply involved with a mega-corporation. His constant intruding led to the corporation retaliating. They tried to attack Spades while she was off-world while simultaneously deplying a unit to destroy their home. Spades survived the ambush and tried to rush home to safe her children. She was too late. Her house burned and her children lay dead inside. Spades blamed her husband for everything and left him.. but was not finished with the mega-corporation. Her husband tried to lawful approach to bringing down the corrupt business. Spades used violence.
  175. <P>
  176. After many explosive and bloody battles, she stood over the corpses of her children's murderes. Her honor was gone. She continued on her path of destruction and took on the role of bounty hunter, mercenary and pirate.
  177.  
  178. <div style="width:100%; height: 100%; top: 100px; overflow: auto;" align="Left">
  179.  
  180. </div>
  181.  
  182. <a name="03"></a>
  183.  
  184. <b> --Cybernetics--</b>
  185. <P><b>Ocular Filter -</b> A processor placed in the occipital lobe. It acts much like a computer, allowing her to zoom in on certain targets, see in different image fields and access information.
  186. <P>
  187. <b>--Firearms--</b>
  188. <p>
  189. <b>Mustang Arms Diamondback .357 Heavy Pistol -</b> Taken from the men who killed her family. Extremely accurate with a good amount of kick. This weapon is aways at her side.
  190. <br><b>Militech Raider CS-36 Combat Shotgun -</b> Semiautomatic shotgun used mostly by the military and police forces. 25 round drum for maximum destruction.
  191. <br><b>Armalite "Vortex" Light Assault Rifle -</b> An assault rifle that can withstand just about any environment.
  192. <p><b>--Armor--</b>
  193. <P>
  194. <b><a target="_blank" href="https://i.imgur.com/SvRqo7F.jpg">QTS-662 Mark IV Medium Assault Armor</a> -</b> Tungsten rolled, ceramic plating with built-in thrusters for space combat. The thrusters also come in handy for long distance leaps and very short flight-times. The armor was 'requisitioned' from a now leveled military complex.
  195.  
  196. <div style="width:100%; height: 100%; top: 100px; overflow: auto;" align="Left">
  197.  
  198. </div>
  199.  
  200. <a name="04"></a>
  201. <u>Abilities</u>
  202. <P>
  203. <b>Heavy Bone, Skin and Muscle Weaving -</b> With the use of synthetic fibers, Spades is able to endure more than normal humans. Her bones are harder to break, her skin harder to penetrate and her muscles do not tire as quickly. It also allows a faster healing process.
  204. <P>
  205. <b>Drug Addict - </b> This is as much of an ability as it is a curse. Spades tends to get doped up quite often. During times of conflict, she may inject herself with combat stimulators. Her armor allows direct flow right into her veins when needed.
  206.  
  207. <div style="width:100%; height: 100%; top: 100px; overflow: auto;" align="Left">
  208.  
  209. </div>
  210.  
  211. <a name="05"></a>
  212. <u>OOC</u>
  213. <P>
  214. 1. OOC is separate from IC. My character can and will act like a total bitch at times.. but I'm a very nice person! If Spades is too much to handle, please message me and I'll tone it down!
  215. <P>
  216. 2. Once again, IC and OOC are separate. Just here to have fun. Don't take shit too seriously.
  217. <P>
  218. 3. <a target="_blank" href="http://i.imgur.com/V78rETx.jpg">Smut</a> can happen.
  219. <P>
  220. 4. Please do not start with a post. Let's discuss RP beforehand.
  221. <P>
  222. 5. What happens in PMs will most likely stay in PM's. Room RP's are a separate entity.
  223. <P>
  224. 6. Mass Effect, Cyberpunk influenced profile. I'm happy to work with many forms of sci-fi!
  225. <div style="width:100%; height: 100%; top: 100px; overflow: auto;" align="Left">
  226.  
  227. </div>
  228. </div>
  229. </div>
  230.  
  231. <div id="iconart">
  232. <img src="http://i.imgur.com/IhVMsoi.jpg">
  233. </div>
  234. <div id="miscbox">
  235. <div style="height: 100%; overflow-y: hidden;">
  236. <a name="a"></a>
  237. <div style="width:100%; height: 100%; top: 100px; overflow: auto;" align="Left">
  238. <marquee behavior="scroll" direction="up" onmouseover="this.stop();" onmouseout="this.start();">
  239. <a target="_blank" href="http://i.imgur.com/Ji1RKTw.jpg"><img src="http://i.imgur.com/DBME6LX.jpg?1" target="_blank" class="gall"></a>
  240. <br><br>
  241. <a target="_blank" href="http://i.imgur.com/LYOq57y.jpg"><img src="http://i.imgur.com/UnNEYI6.jpg?1" target="_blank" class="gall"></a>
  242. <br><br>
  243. <a target="_blank" href="http://i.imgur.com/oKzMEPD.jpg"><img src="http://i.imgur.com/DwM8syK.jpg?1" target="_blank" class="gall"></a>
  244. <br><br>
  245. <a target="_blank" href="http://i.imgur.com/ivyQD0I.jpg"><img src="http://i.imgur.com/C9OhyyG.jpg?1" target="_blank" class="gall"></a>
  246. <br><br>
  247. <a target="_blank" href="http://i.imgur.com/w2CdzS3.png?1"><img src="http://i.imgur.com/zUOaGU7.png?1" target="_blank" class="gall"></a>
  248. <br><br>
  249. <a target="_blank" href="https://i.imgur.com/bG9o4hM.png"><img src="https://i.imgur.com/bG9o4hM.png" target="_blank" class="gall"></a>
  250. <br><br>
  251. <a target="_blank" href="https://i.imgur.com/7YVvpV4.jpg"><img src="https://i.imgur.com/7YVvpV4.jpg" target="_blank" class="gall"></a>
  252. <br><br>
  253. <a target="_blank" href="http://i.imgur.com/FSPACpY.jpg?1"><img src="http://i.imgur.com/VflnZOT.jpg?1" target="_blank" class="gall"></a>
  254. <br><br>
  255. <a target="_blank" href="http://i.imgur.com/WSdGItA.jpg"><img src="http://i.imgur.com/NMi1yVN.jpg?1" target="_blank" class="gall"></a>
  256. <br><br>
  257. <a target="_blank" href="https://i.imgur.com/DP5lu9Z.jpg"><img src="https://i.imgur.com/DP5lu9Z.jpg" target="_blank" class="gall"></a>
  258. <br><br>
  259. </marquee>
  260. </div>
  261. </div>
  262. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement