API tools faq
paste
Advertisement
Carneficine

Vainglorious bastard code

Carneficine
Jan 17th, 2017
174
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.73 KB | None | 0 0
raw download clone embed print report
  1.  
  2. <html>
  3. <body><style type="text/css">
  4. @import url('https://fonts.googleapis.com/css?family=El+Messiri:700');
  5. @import url('https://fonts.googleapis.com/css?family=Great+Vibes');
  6.  
  7.  
  8.  
  9.  
  10. #contain{
  11. position: absolute;
  12. top: 114px;
  13. left: -190px;
  14. height: 250px;
  15. width: 90%;
  16. border: 0px solid;
  17. }
  18.  
  19. .title{
  20. position: absolute;
  21. top: 60px;
  22. left: 900px;
  23. height: 100px;
  24. width: 400px;
  25. font-family: 'Great Vibes', cursive;
  26. font-size: 150px;
  27. color: #000;
  28. text-shadow: 4px 3px 0 #420707;}
  29.  
  30. .subtitle{
  31. position: absolute;
  32. top: 195px;
  33. left: 1175px;
  34. height: 20px;
  35. width: 300px;
  36. font-family: 'tahoma';
  37. text-transform: uppercase;
  38. letter-spacing: 1px;
  39. word-spacing: 2px;
  40. font-size: 9px;
  41. color: #000;}
  42.  
  43. span.break{
  44. display: block;
  45. position: relative;
  46. top: 6px;
  47. left: -48px;
  48. height: 1px;
  49. width: 40px;
  50. background-color: #000;}
  51.  
  52. .banner{
  53. position: fixed;
  54. top: 160px;
  55. left: 0px;
  56. height: 178px;
  57. width: 100%;
  58. border: 0px solid;
  59. background: #571414;}
  60.  
  61. .bgpic{
  62. position: absolute;
  63. height: 250px;
  64. width: 250px;
  65. top: 0px;
  66. left: 550px;
  67. padding: 7px;
  68. background-color: #000;
  69. border: 7px solid #571414;
  70. outline: 15px solid #000;
  71. background-image:url('http://i.imgur.com/23uSqZW.jpg');
  72. background-repeat: no-repeat;
  73. background-position: center;
  74. background-size: 100%;}
  75.  
  76.  
  77.  
  78. /* CONTENT SPACE */
  79.  
  80. .bio{
  81. position: absolute;
  82. margin-top: -5px;
  83. top: 0px;
  84. left: 135px;
  85. height: 160px;
  86. width: 405px;
  87. overflow: auto;
  88. border: 0px solid #aaa;}
  89.  
  90. .textbg{
  91. position: absolute;
  92. top: 47px;
  93. left: 289px;
  94. height: 160px;
  95. width: 543px;
  96. border: 0px solid #aaa;
  97. overflow: hidden;
  98. -webkit-transition: all 2s ease;
  99. -moz-transition: all 2s ease;
  100. -o-transition: all 2s ease;}
  101.  
  102. .textspace{
  103. position: absolute;
  104. top: -188px;
  105. margin-left: 5px;
  106. height: 160px;
  107. width: 647px;
  108. background: #000;
  109. overflow: auto;
  110. -webkit-transition: all 2s ease;
  111. -moz-transition: all 2s ease;
  112. -o-transition: all 2s ease;}
  113.  
  114. .bgpic:hover .textspace{
  115. top: 0px;}
  116.  
  117. .textspace p{
  118. font-family: 'El Messiri', sans-serif;
  119. padding-right: 4px;
  120. padding-bottom: 1px;
  121. text-align: justify;
  122. word-spacing: -1px;
  123. font-size: 10px;
  124. color: #DEDEDE;
  125. margin-left: 12px;
  126. margin-right: 5px;
  127. line-height: 12px;}
  128.  
  129. p::first-letter{
  130. display: block;
  131. font-family: 'biko';
  132. text-transform: uppercase;
  133. font-size: 40px;
  134. line-height: 34px;
  135. padding: 4px 4px 4px 4px;
  136. color: #000;
  137. border: 1px solid #661D1D;
  138. background-color: #661D1D;
  139. margin: 2px 4px 0px 0px;
  140. float: left;}
  141.  
  142. em, italic{
  143. font-family: 'cambriaIT';
  144. font-size: 12px;
  145. line-height: 12px;
  146. letter-spacing: .5px;
  147. word-spacing: .5px;
  148. margin-left: 1px;
  149. margin-right: 1px;}
  150.  
  151.  
  152.  
  153.  
  154.  
  155. /* TABLE STYLE */
  156.  
  157. table.left{
  158. position: absolute;
  159. border-collapse: collapse;
  160. width: 117px;
  161. height: 150px;
  162. line-height: 8px;
  163. top: 7px;
  164. left: 12px;}
  165.  
  166. td{
  167. max-width: 70px;}
  168.  
  169. table, th{
  170. border: none;}
  171.  
  172. span.first{
  173. font-family: 'maps';
  174. position: relative;
  175. z-index: 999;
  176. background: #000;
  177. display: inline-block;
  178. color: #eee;
  179. font-size: 8px;
  180. text-transform: uppercase;
  181. padding-left: 2px;
  182. padding-right: 5px;}
  183.  
  184. span.second{
  185. font-family: 'maps';
  186. position: relative;
  187. z-index: 999;
  188. display: inline-block;
  189. background: #000;
  190. color: #A83B3B;
  191. font-size: 8px;
  192. text-transform: uppercase;
  193. padding-right: 1px;
  194. padding-left: 5px;}
  195.  
  196. .filler1,
  197. .filler2,
  198. .filler3{
  199. z-index: 1;
  200. position: relative;
  201. color: transparent;
  202. display: block;
  203. text-align: center;
  204. top: -4px;
  205. left: 25px;
  206. background: #5C4C4C;
  207. height: 1px;
  208. width: 95px;}
  209.  
  210. /* SCROLLBAR */
  211.  
  212. ::-webkit-scrollbar {
  213. width: 8px; }
  214.  
  215. ::-webkit-scrollbar-thumb:vertical {
  216. min-height: 0px;
  217. border-top: 17px solid #000;
  218. border-bottom: 10px solid #000;
  219. border-right: 7px solid #000;
  220. background: #661D1D; }
  221.  
  222.  
  223.  
  224.  
  225.  
  226.  
  227. /* LINK STYLE */
  228.  
  229. a:link, a:active, a:visited {
  230. color: #A13A3A;
  231. font-size: 8px;
  232. text-decoration: none;
  233. -webkit-transition: all 0.5s ease;
  234. -moz-transition: all 0.5s ease;
  235. -o-transition: all 0.5s ease;}
  236.  
  237. a.intj{
  238. font-family: 'maps';
  239. font-size: 8px;
  240. color: #A13A3A;}
  241.  
  242. a:hover{
  243. color: #fff;
  244. text-shadow: 0 0 7px #fff;
  245. -webkit-transition: all 0.5s ease;
  246. -moz-transition: all 0.5s ease;
  247. -o-transition: all 0.5s ease;}
  248.  
  249. </style>
  250.  
  251. <div id="contain">
  252. <div class="banner"> </div>
  253. <div class="title">Maestro</div>
  254. <div class="subtitle"><span class="break"> </span>the firstborne sin.</div>
  255. <div class="bgpic">
  256. <div class="textbg">
  257. <div class="textspace">
  258. <table class="left" border="0" cellspacing="0" width="168">
  259. <tr>
  260. <td style="text-align: left;"><span class="first">Namesake</span>
  261. <div class="filler1">&nsbp;</div>
  262. </td>
  263. <td style="text-align: right;"><span class="second">Maestro</span></td>
  264. </tr>
  265. <tr>
  266. <td style="text-align: left;"><span class="first">Gender</span>
  267. <div class="filler3">&nsbp;</div>
  268. </td>
  269. <td style="text-align: right;"><span class="second">Masculine</span></td>
  270. </tr>
  271. <tr>
  272. <td style="text-align: left;"><span class="first">Age</span>
  273. <div class="filler1">&nsbp;</div>
  274. </td>
  275. <td style="text-align: right;"><span class="second">Primordial</span></td>
  276. </tr>
  277. <tr>
  278. <td style="text-align: left;"><span class="first">Specified</span>
  279. <div class="filler1">&nsbp;</div>
  280. </td>
  281. <td style="text-align: right;"><span class="second">Vampire</span></td>
  282. </tr>
  283. <tr>
  284. <td style="text-align: left;"><span class="first">Height</span>
  285. <div class="filler1">&nsbp;</div>
  286. </td>
  287. <td style="text-align: right;"><span class="second">6' 2"</span></td>
  288. </tr>
  289. <tr>
  290. <td style="text-align: left;"><span class="first">Weight</span>
  291. <div class="filler1">&nsbp;</div>
  292. </td>
  293. <td style="text-align: right;"><span class="second">192 lbs</span></td>
  294. </tr>
  295. <tr>
  296. <td style="text-align: left;"><span class="first">Lean</span>
  297. <div class="filler1">&nsbp;</div>
  298. </td>
  299. <td style="text-align: right;"><span class="second">vagitarian</span></td>
  300. </tr>
  301. <tr>
  302. <td style="text-align: left;"><span class="first">Theme</span>
  303. <div class="filler1">&nsbp;</div>
  304. </td>
  305. <td style="text-align: right;"><span class="second"><a target="_blank" href="https://www.youtube.com/watch?v=Y6zR2kbltPE" target="_blank">PLAY IT</a></span></td>
  306. </tr>
  307.  
  308. </table>
  309. <div class="bio">
  310. <p>Addressed by his title as the second Prince of Hell, under Lucifer's dedicated reign, and commander of seventy-two demonic legions, Maestro may, in fact, take more pride in his work than the devil himself. Generally displaying himself through naturally charismatic undertones, Maestro is keen in the arts of betrayal, tact, and manipulation in order to see as much satisfaction from his efforts as possible.
  311. <br><br>
  312. Within the obvious spectrum that personifies this demon - Pride as one of the seven deadly sins, Maestro could also be considered the malignant overseer of time itself. As it so happens, Maestro possesses a remarkable influence over the future, past, and present. Maestro is also the overseer of all the gambling houses in the court of Hell, making his yearning for all things gratifying that much more insatiable.
  313. <br><br>
  314. But, while his obligations include some of the most conniving schemes imaginable, his demeanor says everything to the contrary. Polite, charming, well-mannered and socially charismatic are all traits of his personality that quickly render him a well-liked and respected individual by many others. And rightfully so — given his rank amid the depths and reputation to solidify it.
  315. <br><br>
  316. Unfortunately, Maestro is no longer a resident of the underworld. Due to his egotistical tendencies, and self-belief that he was a better fit to rule than Lucifer himself, Maestro challenged the devil for the crown. While Maestro exhibited promising strength to overthrow Lucifer, he was still outmatched and ultimately banished from the depths of Hell to coexist with the humans on their Earthly plane.
  317. <br><br>
  318. While some would consider this banishment to be a blessing, a second chance at life, even. To Maestro, an immortal being, he was eternally cursed. Forced to live under the sun, he had grown powerless. In order to survive, the man had built himself a castle floating in the sky, and with the last of his strength, he formed a barrier around his new home to shield it from the sunlight.
  319. <br><br>
  320. The castle cannot be seen by the untrained eye, and the only times it becomes visible is under the luminescent glow of a full moon. Maestro then took to his slumber, and for one-thousand years he would lie dormant until he had regained all of his strength, to one day seek out his vengeance upon the true ruler of Hell, and challenge Lucifer yet again.
  321. </p>
  322. </div>
  323. </div>
  324. </div>
  325. </div>
  326. </div><script type="text/javascript">
  327. //<![CDATA[
  328. try{if (!window.CloudFlare) {var CloudFlare=[{verbose:0,p:0,byc:0,owlid:"cf",bag2:1,mirage2:0,oracle:0,paths:{cloudflare:"/cdn-cgi/nexp/dok3v=1613a3a185/"},atok:"a59d857346be2a9569761b4f6baaa688",petok:"3a61c87a48bc88c8c8f8d25522f645524a5840b7-1484638634-1800",adblock:1,betok:"901e941611b367231eda316a38a408e6ee59cedf-1484638634-120",zone:"roleplay.chat",rocket:"0",apps:{"ga_key":{"ua":"UA-33787108-1","ga_bs":"2"},"abetterbrowser":{"ie":"7","opera":null,"chrome":null,"safari":null,"firefox":null}}}];!function(a,b){a=document.createElement("script"),b=document.getElementsByTagName("script")[0],a.async=!0,a.src="//ajax.cloudflare.com/cdn-cgi/nexp/dok3v=f2befc48d1/cloudflare.min.js",b.parentNode.insertBefore(a,b)}()}}catch(e){};
  329. //]]>
  330. </script>
  331. <script type="text/javascript">
  332. /* <![CDATA[ */
  333. var _gaq = _gaq || [];
  334. _gaq.push(['_setAccount', 'UA-33787108-1']);
  335. _gaq.push(['_trackPageview']);
  336.  
  337. (function() {
  338. var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
  339. ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
  340. var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  341. })();
  342.  
  343. (function(b){(function(a){"__CF"in b&&"DJS"in b.__CF?b.__CF.DJS.push(a):"addEventListener"in b?b.addEventListener("load",a,!1):b.attachEvent("onload",a)})(function(){"FB"in b&&"Event"in FB&&"subscribe"in FB.Event&&(FB.Event.subscribe("edge.create",function(a){_gaq.push(["_trackSocial","facebook","like",a])}),FB.Event.subscribe("edge.remove",function(a){_gaq.push(["_trackSocial","facebook","unlike",a])}),FB.Event.subscribe("message.send",function(a){_gaq.push(["_trackSocial","facebook","send",a])}));"twttr"in b&&"events"in twttr&&"bind"in twttr.events&&twttr.events.bind("tweet",function(a){if(a){var b;if(a.target&&a.target.nodeName=="IFRAME")a:{if(a=a.target.src){a=a.split("#")[0].match(/[^?=&]+=([^&]*)?/g);b=0;for(var c;c=a[b];++b)if(c.indexOf("url")===0){b=unescape(c.split("=")[1]);break a}}b=void 0}_gaq.push(["_trackSocial","twitter","tweet",b])}})})})(window);
  344. /* ]]> */
  345. </script>
  346. </body>
  347. </html>
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!