API tools faq
paste
Advertisement
NaotoShirgone

Lord Prometheus

NaotoShirgone
Feb 8th, 2017
125
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.22 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <body><style>
  3. body {
  4. background-image: url(https://s-media-cache-ak0.pinimg.com/originals/42/ab/ba/42abba433becac9ac99fde4ff3dd1e0d.jpg);
  5. background-attachment:fixed;
  6. background-repeat:no-repeat;
  7. background-size:100% 100%;
  8. background-color:#000000;
  9. color:#ffffff;
  10. text-align:center;
  11. }
  12. #content {
  13. position:absolute;
  14. margin-left:5%;
  15. width:1200px;
  16. }
  17. #navbar {
  18. z-index:2;
  19. position:absolute;
  20. top:125px;
  21. left:43%;
  22. height:300px;
  23. width:14%;
  24. }
  25. #navbar audio {
  26. width:100%;
  27. margin-bottom:5%;
  28. border-left:2px solid #ff0000;
  29. border-top:2px solid #ff0000;
  30. border-right:2px solid #990000;
  31. border-bottom:2px solid #990000;
  32. }
  33. #navbar a {
  34. width:100%;
  35. height:20%;
  36. margin-bottom:5%;
  37. display:inline-block;
  38. border:2px solid #990000;
  39. background-color:#000000;
  40. }
  41. #navbar a:hover {
  42. background-color:#ff0000;
  43. }
  44. #navbar a:nth-child(3):hover, #navbar a:nth-child(5):hover {
  45. background-color:#ff0000;
  46. }
  47. #navbar a:nth-child(3), #navbar a:nth-child(5) {
  48. border:2px solid #ff0000;
  49. background-color:#00000;
  50. }
  51. #Miku {
  52. z-index:1;
  53. position:absolute;
  54. left:-2.10%;
  55. height:600px;
  56. width:45%;
  57. text-align:left;
  58. border:2px solid #990000;
  59. background-color:#000000;
  60. }
  61. #Luka {
  62. z-index:1;
  63. position:absolute;
  64. left:57%;
  65. height:600px;
  66. width:45%;
  67. border:2px solid #ff0000;
  68. background-color:#000000;
  69. text-align:left;
  70. }
  71. .mugbox img, .statbox, .infobox {
  72. border:2px solid #ffffff;
  73. background-color:#000000;
  74. }
  75. .mugbox {
  76. position:absolute;
  77. top:2%;
  78. width:55%;
  79. height:50%;
  80. }
  81. .mugbox img {
  82. height:100%;
  83. }
  84. .statbox {
  85. position:absolute;
  86. top:3%;
  87. height:50%;
  88. width:37.5%;
  89. overflow-y:auto;
  90. text-align:center;
  91. }
  92. .infobox {
  93. position:absolute;
  94. top:55%;
  95. left:2%;
  96. height:39%;
  97. width:91%;
  98. padding:2%;
  99. }
  100. .tab {
  101. height:100%;
  102. width:100%;
  103. overflow-y:auto;
  104. }
  105. #Miku h3, #Miku b, #Luka a {
  106. color:#990000;
  107. }
  108. #Luka h3, #Luka b, #Miku a {
  109. color:#ff0000;
  110. }
  111. a {
  112. text-decoration:none;
  113. }
  114. #Miku ::-webkit-scrollbar {
  115. width:8px;
  116. height:8px;
  117. background-color:#000000;
  118. }
  119. #Miku ::-webkit-scrollbar-thumb:vertical {
  120. background-color:#990000;
  121. }
  122. #Miku ::-webkit-scrollbar-thumb:horizontal {
  123. background-color:#40e0d0;
  124. }
  125. #Luka ::-webkit-scrollbar {
  126. width:8px;
  127. height:8px;
  128. background-color:#000000;
  129. }
  130. #Luka ::-webkit-scrollbar-thumb:vertical {
  131. background-color:#ff0000;
  132. }
  133. #Luka ::-webkit-scrollbar-thumb:horizontal {
  134. background-color:#ff0000;
  135. }
  136. #credit {
  137. text-decoration:none;
  138. color:#007ba7;
  139. position:fixed;
  140. right:1%;
  141. bottom:0%;
  142. background-color:#ffffff;
  143. border-radius:5px;
  144. font-family: UnifrakturCook, Brush Script MT, script, cursive;
  145. font-size:16px;
  146. }
  147. </style>
  148.  
  149. <div id="content">
  150.  
  151. <div id="navbar">
  152. <audio controls loop="1" ="1">
  153. <source src="http://k003.kiwi6.com/hotlink/lyl1gr9134/Akatsuki_Arrival.mp3" type="audio/mpeg">
  154. </audio>
  155. <a href="#M1"><p style="font-family; color: #990000; font-size: 20px;"> Prome:History</p></a>
  156. <a href="#L1"><p style="font-family; color: #FF0000; font-size: 20px;"> Crimson:History</p></a>
  157. <a href="#M2"><p style="font-family; color: #990000; font-size: 20px;"> Family</p></a>
  158. <a href="#L2"><p style="font-family; color: #FF0000; font-size: 20px;"> OOC</p></a>
  159. </div>
  160.  
  161. <div id="Miku">
  162.  
  163. <div class="mugbox" style="left:2%;text-align:left;">
  164. <img src="http://i.imgur.com/nPpvOqz.jpg"/>
  165. </div>
  166.  
  167. <div class="statbox" style="right:2%;">
  168. <h2><font color= #990000> Prometheus "Flames"</font></h2>
  169. <p style="text-indent:0%;">
  170. <b>Species:</b>
  171. <br>Fire God
  172. <br><br>
  173. <b>Gender:</b>
  174. <br>Male
  175. <br><br>
  176. <b>Age:</b>
  177. <br>Immortal
  178. <br><br>
  179. <b>Hair:</b>
  180. <br>Black
  181. <br><br>
  182. <b>Eyes:</b>
  183. <br>Red
  184. <br><br>
  185. <b>Height:</b>
  186. <br>6'4"
  187. <br><br>
  188. <b>Weight:</b>
  189. <br>156lbs
  190. <br><br>
  191. <b>Build:</b>
  192. <br>Thin but toned
  193. <br><br>
  194. <b>Orientation:</b>
  195. <br>Straight
  196. <br><br>
  197. <b>Partner (NOT MATE!!):</b>
  198. <br><a target="_blank" href="https://roleplay.chat/profile.php?user=Lancer+Scathach" target="_blank">Lancer Scathach</a>
  199. </p>
  200. </div>
  201.  
  202. <div class="infobox">
  203. <div style="height:100%;width:100%;overflow:hidden;">
  204.  
  205. <div class="tab" id="M1">
  206. <h3>About</h3>
  207. <p>
  208. 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.
  209. </p>
  210. <a target="_blank" href="https://s-media-cache-ak0.pinimg.com/236x/78/ce/15/78ce15ef5886778533988abf8ed78528.jpg" target="_blank">Previous Form</a>
  211. </div>
  212.  
  213. <div class="tab" id="M2">
  214. <h3>Family</h3>
  215. <ul>
  216. <li>Little sister: <a target="_blank" href="https://roleplay.chat/profile.php?user=Jenna+saotome" target="_blank">Jenna Saotome</a> </li>
  217. <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>
  218. <li>Daughter(s) -C-: <a href = "https://roleplay.chat/profile.php?user=Lilian+Bunny+Tsubasa" target="_blank">Lilian</a></li>
  219. <li>Son(s):<a target="_blank" href="https://roleplay.chat/profile.php?user=Hiro+Tsubasa" target="_blank">Hiro Tsubasa</a></li>
  220. </ul>
  221. </div>
  222.  
  223. </div>
  224. </div>
  225.  
  226. </div>
  227.  
  228. <div id="Luka">
  229. <div class="mugbox" style="right:2%;text-align:right;">
  230. <img src="http://i.picpar.com/Phkc.png"/>
  231. </div>
  232.  
  233. <div class="statbox" style="left:2%;">
  234. <h2><font color= #ff0000>Crimson "Flames"</font></h2>
  235. <p style="text-indent:0%;">
  236. <b>Species:</b>
  237. <br>Fire Goddess
  238. <br><br>
  239. <b>Gender:</b>
  240. <br>Female
  241. <br><br>
  242. <b>Age:</b>
  243. <br>Immortal
  244. <br><br>
  245. <b>Hair:</b>
  246. <br>Crimson red
  247. <br><br>
  248. <b>Eyes:</b>
  249. <br>Red
  250. <br><br>
  251. <b>Height:</b>
  252. <br>5'4"
  253. <br><br>
  254. <b>Weight:</b>
  255. <br>Do you want to die?
  256. <br><br>
  257. <b>Build:</b>
  258. <br>Normal
  259. <br><br>
  260. <b>Orientation:</b>
  261. <br>Bi (lean: men)
  262. <br><br>
  263. <b>Mate:</b>
  264. <br>Single
  265. </p>
  266. </div>
  267.  
  268. <div class="infobox">
  269. <div style="height:100%;width:100%;overflow:hidden;">
  270. <div class="tab" id="L1">
  271. <h3>About</h3>
  272. <p>
  273. 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!
  274. </p>
  275. <a target="_blank" href="http://i.picpar.com/Ggec.png" target="_blank">Previous Dress</a>
  276. </div>
  277.  
  278. <div class="tab" id="L2">
  279. <h3>OOC</h3>
  280. <ul>
  281. <li>Is pm friendly :3 But be warned I dont Rp in Pm unless asked to.</li>
  282. <li>Pretty new to rping so please bear with small undetailed posts</li>
  283. <li>I am NOT willing to partake in certain rps</li>
  284. <li>My Default is Prometheus, but will play Crimson upon asking</li>
  285. <li><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></li>
  286. </ul>
  287. </div>
  288. </div>
  289.  
  290. </div>
  291. </div>
  292.  
  293. </div>
  294.  
  295. <a target="_blank" href="http://ladycerattani.wixsite.com/cera-codes" id="credit" target="_blank" title="VS#08
  296. Firefox 1366x768
  297. Inform me of issues.">Coder</a>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!