Advertisement
NaotoShirgone

Prome&Crim

Feb 6th, 2017
153
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 7.94 KB | None | 0 0
  1.  
  2. <style>
  3. body {
  4. background-image: url(http://img.7te.org/images/570x363/animation-free-footage-hd-red-abstract-black-background-youtube-14824543.jpg);
  5. background-attachment:fixed;
  6. background-color:#000000;
  7. font-family:serif;
  8. text-align:center;
  9. }
  10. #left, #navbar2, #navbar2 a {
  11. background-color:#690000;
  12. border:5px solid #FF0000;
  13. color:#ffffff;
  14. }
  15. #right, #navbar1, #navbar1 a {
  16. background-color:#FF0000;
  17. border:5px solid #690000;
  18. color:#ffffff;
  19. }
  20. #left {
  21. z-index:2;
  22. position:fixed;
  23. height:84%;
  24. width:48%;
  25. left:1%;
  26. top:12%;
  27. }
  28. #right {
  29. z-index:2;
  30. position:fixed;
  31. right:1%;
  32. bottom:12%;
  33. height:84%;
  34. width:48%;
  35. }
  36. #navbar1 {
  37. z-index:3;
  38. position:fixed;
  39. top:4%;
  40. left:3%;
  41. height:4%;
  42. width:42%;
  43. }
  44. #navbar2 {
  45. z-index:3;
  46. position:fixed;
  47. bottom:4%;
  48. right:3%;
  49. height:4%;
  50. width:42%;
  51. }
  52. #navbar1 a {
  53. display:inline-block;
  54. position:relative;
  55. top:50%;
  56. padding:1%;
  57. font-weight:bold;
  58. }
  59. #navbar2 a {
  60. display:inline-block;
  61. position:relative;
  62. top:-100%;
  63. padding:1%;
  64. font-weight:bold;
  65. }
  66. #left h3 {
  67. color:#ffffff;
  68. }
  69. #right h3 {
  70. color:#ffffff;
  71. }
  72. h4 {
  73. text-align:left;
  74. }
  75. .tab {
  76. width:100%;
  77. height: 100%;
  78. overflow: auto;
  79. }
  80. img {
  81. width:90%;
  82. }
  83. h2 {
  84. }
  85. b {
  86. font-size:105%;
  87. }
  88. p {
  89. text-indent:5%;
  90. text-align:left;
  91. }
  92. a {
  93. text-decoration:none;
  94. }
  95. ::-webkit-scrollbar {
  96. width:8px;
  97. height:8px;
  98. background-color:#630000;
  99. box-shadow:inset 0px 0px 5px #000000;
  100. }
  101. ::-webkit-scrollbar-thumb:vertical {
  102. background-color:#000000;
  103. border-radius:10px;
  104. box-shadow:0px 0px 5px #000000;
  105. }
  106. ::-webkit-scrollbar-thumb:horizontal {
  107. background-color:#690000;
  108. border-radius:10px;
  109. box-shadow:0px 0px 5px #000000;
  110. }
  111. #credit {
  112. z-index:1;
  113. text-decoration:none;
  114. color:007ba7;
  115. position:fixed;
  116. right:1%;
  117. bottom:0%;
  118. background-color:#ffffff;
  119. border-radius:5px;
  120. font-family: UnifrakturCook, Brush Script MT, script, cursive;
  121. font-size:16px;
  122. }
  123. </style>
  124.  
  125. <div id="left">
  126. <div style="height: 100%;overflow:hidden;padding-left:1%;padding-right:1%;">
  127.  
  128. <div class="tab" id="1A">
  129. <h2><Font Color= FF0000>Prometheus "Flames"</font></h2>
  130. <img src="http://i.imgur.com/TddAT54.gif">
  131. <p style="text-align:center;text-indent:0%;">
  132. <br>
  133. <b><font color= "FF0000">Species:</font></b> Fire God
  134. <br>
  135. <b><font color= "FF0000">Gender:</font></b> Male
  136. <br>
  137. <b><font color= "FF0000">Age:</font></b>Immortal
  138. <br>
  139. <b><font color= "FF0000">Hair:</font></b> Black
  140. <br>
  141. <b><font color= "FF0000">Eyes:</font></b> Crimson
  142. <br>
  143. <b><font color= "FF0000">Height:</font></b> 6'4
  144. <br>
  145. <b><font color= "FF0000">Weight:</font></b> 156lbs
  146. <br>
  147. <b><font color= "FF0000">Build:</font></b> Thin But Toned
  148. <br>
  149. <b><font color= "FF0000">Orientation:</font></b> Straight
  150. <br>
  151. <b><font color= "FF0000">Partner/Mate:</font></b> Lancer Scathach
  152. </p>
  153. </div>
  154.  
  155. <div class="tab" id="1B">
  156. <h2>Background</h2>
  157. <img src="https://www.walldevil.com/wallpapers/a88/8065-katekyo-hitman-reborn-reborn-kyoya-hibari.jpg"/>
  158. <p>
  159. I'm Prometheus. The more quiet and subtle one out of the two of us. So I guess I have to tell you a bit about my life, well I grew up in a quiet area before having to join the military. After a while, I was a stone cold killer.With my rifle on my back, I'd walk around being feared as the Unseen Killer. So being that as it may I was fairly alone due to what I was and what I am, a fire god. Fast forward a few thousand years of minor details, and we come to the date of my last days of being a Mercenary. I was one of the most popular yet feared mercs around, with zero failed missions and countless confirmed kills in the battlefield. Fast forward a couple of months and I was now part of a secret private military. Showing my skills in battle, I have reached the highest rank in my corporations naval Military; The Admiral of the fleet. Now, the rest of my life is just small details and a lot of loose ends, so I think that will be the end of this log. Date of entry 11/24/1992. Prometheus signing out.</p>
  160. <p>
  161.  
  162. </p>
  163. </div>
  164.  
  165. <div class="tab" id="1C">
  166. <h2>Abilities</h2>
  167. <p>
  168. Paragraph.
  169. </p>
  170. </div>
  171.  
  172. <div class="tab" id="1D">
  173. <h2>Innovatory </h2>
  174. <h4>Innovatory</h4>
  175.  
  176. <br>
  177. <br>
  178.  
  179.  
  180. </div>
  181. <div class="tab" id="1E">
  182. <h2>Family</h2>
  183. <h4>Family</h4>
  184. <align =left>
  185. <ul>
  186. <li>Little sister: <a target="_blank" href="https://roleplay.chat/profile.php?user=Jenna+saotome" target="_blank">Jenna Saotome</a> </li>
  187. <li>Daughter(s): <a target="_blank" href="https://roleplay.chat/profile.php?user=Aki+Tsubasa" target="_blank">Aki Tsubasa</a>, <a target="_blank" href="https://roleplay.chat/profile.php?user=Emerald Sea Flames" target="_blank"> Emerald Sea Flames</a></li>
  188. <li>Daughter(s) -C-: <a href = "https://roleplay.chat/profile.php?user=Lilian+Bunny+Tsubasa" target="_blank">Lilian</a></li>
  189. <li>Son(s):<a target="_blank" href="https://roleplay.chat/profile.php?user=Hiro+Tsubasa" target="_blank">Hiro Tsubasa</a></li>
  190. </ul>
  191.  
  192.  
  193. </div>
  194.  
  195.  
  196. <div class="tab" id="1F">
  197. <h2>OOC</h2>
  198. <h4>OOC-</h4>
  199. <ul>
  200. <li>Is pm friendly :3 But be warned I dont Rp in Pm unless asked to.</li>
  201. <li>Pretty new to rping so please bear with small undetailed posts</li>
  202. <li>I am NOT willing to partake in certain rps</li>
  203. <li>My Default is Prometheus, but will play Crimson upon asking</li>
  204. </ul>
  205. <br>
  206. <br>
  207. <div align='center'><a target='_blank' href='http://www.hit-counts.com'><img src='http://www.hit-counts.com/counter.php?t=MTQwMzk1OA==' border='0' alt='Visitor Counter'></a><BR>
  208.  
  209.  
  210. </div>
  211.  
  212. </div>
  213. </div>
  214.  
  215. <div id="navbar1">
  216. <a href="#1A">Stats</a>
  217. <a href="#1B">Background</a>
  218. <a href="#1C">Abilities</a>
  219. <a href="#1D">Innovatory</a>
  220. <a href="#1E">Family</a>
  221. <a href="#1F">OOC</a>
  222. </div>
  223.  
  224. <div id="right">
  225. <div style="height:100%;overflow-y:hidden;padding-left:1%;padding-right:1%;">
  226.  
  227. <div class="tab" id="2A">
  228. <h2><font color= #690000>Crimson "Flame" </font></h2>
  229. <img src="http://img03.deviantart.net/ba51/i/2016/182/c/d/elesis_dark_knight_wallpaper_by_gakuko130-da8diyc.jpg"/>
  230. <p style="text-align:center;text-indent:0%;">
  231. <br>
  232. <b><font color= "690000">Species:</font></b>Fire Goddess
  233. <br>
  234. <b><font color= "690000">Gender:</font></b>Female
  235. <br>
  236. <b><font color= "690000">Age:</font></b> Immortal
  237. <br>
  238. <b><font color= "690000">Hair:</font></b> Crimson Red
  239. <br>
  240. <b><font color= "690000">Eyes:</font></b> Red
  241. <br>
  242. <b><font color= "690000">Height:</font></b> 5'4
  243. <br>
  244. <b><font color= "690000">Weight:</font></b>Want to Die?
  245. <br>
  246. <b><font color= "690000">Build:</font></b> Normal
  247. <br>
  248. <b><font color= "690000">Orientation:</font></b>Bi(Male Lean)
  249. <br>
  250. <b><font color= "690000">Partner/Mate:</font> </b> Single
  251. <br>
  252. </p>
  253. </div>
  254.  
  255. <div class="tab" id="2B">
  256. <h2>Background</h2>
  257. <img src="https://i.ytimg.com/vi/-wr0MchxCrM/maxresdefault.jpg"/>
  258. <p>
  259. Hiya! I'm Crimson, or Crim for short. I'm the more loving and outgoing one out of the both of us. As for my story? Hmm, well all i can really tell you is that I have been with my brother Prometheus since we were born. I was in a "stasis" for a majority of our life, and only been out and about recently since there were no threats that could kill us anymore. Although i haven't gotten any cool nicknames like my brother, I'm still feared on the battlefield. As for just normal living you ask? Well all I've really known is life to the battlefield, I've only been living a "normal life" just recently when i went to this weird but amazing bar. As for the rest? Well if you wish to know anything just come to where i usually reside at in the bar. For now I've got to go! I have a mission to complete!
  260. </p>
  261. </div>
  262.  
  263. <div class="tab" id="2C">
  264. <h2>Personality</h2>
  265. <p>
  266. Paragraph.
  267. </p>
  268. </div>
  269.  
  270. <div class="tab" id="2D">
  271. <h2>Abilities</h2>
  272. <h4>Ability here-</h4>
  273. <p>
  274. Description here.
  275. </p>
  276. <h4>Ability here-</h4>
  277. <p>
  278. Description here.
  279. </p>
  280. </div>
  281.  
  282. <div class="tab" id="2E">
  283. <h2>Inventory</h2>
  284. <h4>Item-</h4>
  285. <p>
  286. Description here.
  287. </p>
  288. </div>
  289.  
  290. </div>
  291. </div>
  292.  
  293. <div id="navbar2">
  294. <a href="#2A">Stats</a>
  295. <a href="#2B">Background</a>
  296. <a href="#2C">Personality</a>
  297. <a href="#2D">Abilities</a>
  298. <a href="#2E">Inventory</a>
  299. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement