API tools faq
paste
Advertisement
htpremadesbb

THE HYBRID - Klaus Mikaelson Div Layout

htpremadesbb
Mar 30th, 2017
714
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.65 KB | None | 0 0
raw download clone embed print report
  1. <link href="https://fonts.googleapis.com/css?family=Anton" rel="stylesheet">
  2. <link href="https://fonts.googleapis.com/css?family=Parisienne" rel="stylesheet">
  3.  
  4.  
  5. </td></tr></table></td></tr></table>
  6. <body oncontextmenu="return false">
  7. <style type="text/css">
  8.  
  9.  
  10. .BITCHCRAFT { BACKGROUND & TABLE PROPERTIES }
  11.  
  12. table, tr, td { display:none; }
  13. body { background-color: #0A0702; background-image: url("https://i.imgbox.com/QIvyjKNb.gif"); background-repeat: repeat; background-attachment: fixed;
  14. overflow-y:auto; overflow-x:auto; }
  15.  
  16.  
  17.  
  18.  
  19.  
  20. .BITCHCRAFT { SCROLLBAR PROPERTIES }
  21.  
  22. ::-webkit-scrollbar-thumb:vertical {background-color:#1A0D16;}
  23. ::-webkit-scrollbar-thumb:horizontal {background-color:#1A0D16;}
  24. ::-webkit-scrollbar {width:5px; height:5px; background-color:#43080E;}
  25.  
  26.  
  27.  
  28.  
  29. .BITCHCRAFT { DIV BOXES }
  30.  
  31. .music {
  32. bottom:6px;
  33. right:-308px;
  34. width:340px;
  35. height:33px;
  36. position:fixed!important;
  37. -webkit-transition: all .3s linear;
  38. -moz-transition: all .3s linear;
  39. -o-transition: all .3s linear;}
  40.  
  41. .music:hover {
  42. right:-268px; }
  43.  
  44.  
  45.  
  46. .credit {
  47. top: 25px;
  48. left: 25px;
  49. width: 46px;
  50. height: 16px;
  51. background-color: #1A0D16;
  52. padding: 0px 0px 0px 0px;
  53. margin: 10px;
  54. border: 1px solid #AE090D;
  55. outline: 3px solid #1A0D16; }
  56.  
  57.  
  58. .backgroundbox {
  59. top:230px;
  60. left:270px;
  61. height:135px;
  62. width:845px;
  63. margin:0px;
  64. padding:35px 0px 0px 5px;
  65. background-color:#790900;
  66. border: 1px solid #1A0D16;
  67. outline: 10px solid #AE090D;
  68. overflow:hidden;
  69. position:absolute;
  70. z-index:2;}
  71.  
  72.  
  73. .displayname {
  74. top:150px;
  75. left:265px;
  76. height:250px;
  77. width:870px;
  78. margin:0px;
  79. padding:0px;
  80. overflow:hidden;
  81. position:absolute;
  82. z-index:0;
  83. text-align: center;}
  84.  
  85. .navigation {
  86. top:235px;
  87. left:275px;
  88. height:30px;
  89. width:856px;
  90. margin:0px 0px 0px 0px;
  91. padding: 9px 0px 0px 0px;
  92. overflow:hidden;
  93. position:absolute;
  94. z-index:3;}
  95.  
  96.  
  97.  
  98.  
  99. .BITCHCRAFT { TEXT PROPERTIES }
  100.  
  101. .text, table, tr, td, li, p, div {
  102. color: #1A0D16;
  103. font-family:georgia;
  104. font-size: 11.5px;
  105. font-weight: 0px;
  106. letter-spacing: 0px;
  107. margin: 0px 0px 0px 0px;
  108. line-height: 13px;
  109. text-transform: none;
  110. text-decoration: ;
  111. text-shadow: 0px;
  112. text-align: justify;}
  113.  
  114.  
  115.  
  116. .BITCHCRAFT { TEXT STYLE PROPERTIES }
  117.  
  118. b {
  119. color: #444444;
  120. font-family:courier new;
  121. font-size: 12px;
  122. font-style: none;
  123. font-weight: 0px;
  124. letter-spacing: 0px;
  125. margin: 0px 0px 0px 0px;
  126. text-transform: none;
  127. text-decoration: none;
  128. text-shadow: 0px;
  129. text-align: center;}
  130.  
  131. i {
  132. color: #888888;
  133. font-family:courier new;
  134. font-size: 12px;
  135. font-style: none;
  136. font-weight: 0px;
  137. letter-spacing: 0px;
  138. margin: 0px 0px 0px 0px;
  139. text-transform: none;
  140. text-decoration: none;
  141. text-shadow: 0px;
  142. text-align: center;}
  143.  
  144. u {
  145. color: #ffffff;
  146. font-family:courier new;
  147. font-size: 12px;
  148. font-style: none;
  149. font-weight: 0px;
  150. letter-spacing: 0px;
  151. margin: 0px 0px 0px 0px;
  152. text-transform: none;
  153. text-decoration: none;
  154. text-shadow: 0px;
  155. text-align: center;}
  156.  
  157. small {
  158. color: #ffffff;
  159. font-family:courier new;
  160. font-size: 12px;
  161. font-style: none;
  162. font-weight: 0px;
  163. letter-spacing: 0px;
  164. margin: 0px 0px 0px 0px;
  165. text-transform: none;
  166. text-decoration: none;
  167. text-shadow: 0px;
  168. text-align: center;}
  169.  
  170. big {
  171. color: #ffffff;
  172. font-family:courier new;
  173. font-size: 12px;
  174. font-style: none;
  175. font-weight: 0px;
  176. letter-spacing: 0px;
  177. margin: 0px 0px 0px 0px;
  178. text-transform: none;
  179. text-decoration: none;
  180. text-shadow: 0px;
  181. text-align: center;}
  182.  
  183. em {
  184.  
  185. color: #AE090D;
  186. font-family:arial black;
  187. font-size: 20px;
  188. font-style: none;
  189. font-weight: 0px;
  190. letter-spacing: .5px;
  191. margin: 0px 0px 5px 0px;
  192. padding: 0px 0px 0px 5px;
  193. text-transform: uppercase;
  194. text-decoration: none;
  195. text-shadow: 2px 2px #0A0702;
  196. text-align: center;}
  197.  
  198.  
  199. cite {
  200. color: #ffffff;
  201. background-color: #e7c96d;
  202. border-left: 10px solid #792921;
  203. border-right: 10px solid #792921;
  204. font-family: courier new;
  205. font-size: 12px;
  206. font-style: none;
  207. font-weight: 0px;
  208. line-height: 0px;
  209. letter-spacing: 0px;
  210. margin: 0px 0px 0px 0px;
  211. padding: 10px;
  212. text-transform: uppercase;
  213. text-decoration: none;
  214. text-shadow: 0px;
  215. text-align: center;}
  216.  
  217.  
  218. .firstcharacter {
  219. color: #1A0D16;
  220. float: left;
  221. font-family: Georgia;
  222. background-color: #AE090D;
  223. font-size: 40px;
  224. line-height: 22px;
  225. padding: 5px 5px 7px 5px;
  226. margin: 0px 5px 0px 3px;
  227. border: 1px solid #1A0D16;
  228. outline: 3px solid #AE090D;
  229. }
  230.  
  231.  
  232.  
  233.  
  234. color: #1A0D16;
  235. font-family:georgia;
  236. font-size: 11.5px;
  237. font-weight: 0px;
  238. letter-spacing: 0px;
  239. margin: 0px 0px 0px 0px;
  240. line-height: 13px;
  241. text-transform: none;
  242. text-decoration: ;
  243. text-shadow: 0px;
  244. text-align: justify;}
  245.  
  246.  
  247.  
  248.  
  249.  
  250.  
  251. .BITCHCRAFT { HEADERS }
  252.  
  253. h1{
  254. color: #AE090D;
  255. font-family:arial black;
  256. font-size: 90px;
  257. font-style: none;
  258. font-weight: 0px;
  259. letter-spacing: -5px;
  260. margin: 0px 0px 0px -15px;
  261. padding: 31px 0px 0px 0px;
  262. text-transform: uppercase;
  263. text-decoration: none;
  264. text-shadow: 2px 2px #790900;
  265. text-align: center;}
  266.  
  267.  
  268. h2 {
  269. color: #AE090D;
  270. background-color:#1A0D16;
  271. font-family:courier new;
  272. font-size: 11px;
  273. font-style: none;
  274. font-weight: 0px;
  275. letter-spacing: 0px;
  276. margin: 0px 0px 5px 0px;
  277. padding: 0px 0px 0px 5px;
  278. text-transform: uppercases;
  279. text-decoration: none;
  280. text-shadow: 0px;
  281. text-align: left;}
  282.  
  283.  
  284.  
  285. h3{
  286. color: #AE090D;
  287. background-color:#1A0D16;
  288. font-family:arial black;
  289. font-size: 20px;
  290. font-style: none;
  291. font-weight: 0px;
  292. letter-spacing: 0px;
  293. margin: 0px 0px 5px 0px;
  294. padding: 0px 0px 0px 5px;
  295. text-transform: uppercases;
  296. text-decoration: none;
  297. text-shadow: 0px;
  298. text-align: justify;}
  299.  
  300.  
  301.  
  302.  
  303.  
  304. h4{
  305. color: #e7c96d;
  306. font-family:arial black;
  307. font-size: 20px;
  308. font-style: none;
  309. font-weight: 0px;
  310. line-height: 0px;
  311. letter-spacing: -2px;
  312. margin: 0px 0px 0px 0px;
  313. padding: 0px 0px 15px 0px;
  314. text-transform: uppercase;
  315. text-decoration: none;
  316. text-shadow: 0px;
  317. text-align: center;}
  318.  
  319.  
  320.  
  321.  
  322.  
  323.  
  324.  
  325. .BITCHCRAFT { REGULAR LINK PROPERTIES }
  326.  
  327. a:active, a:visited, a:link {
  328. font-size:12px;
  329. font-family:quicksand;
  330. color:#6C5685;
  331. text-shadow: 0px 0px #6C5685;
  332. text-align:center;
  333. letter-spacing:0px;
  334. line-height:17px;
  335. padding: 10px 0px -2px 0px;
  336. text-decoration:none;
  337. text-transform:uppercase;
  338. -webkit-transition: all 0.5s linear;
  339. -moz-transition: all 0.5s linear;
  340. transition: all 0.5s linear;}
  341.  
  342. a:hover {
  343. color:#4E3960;
  344. letter-spacing:2px;
  345. }
  346.  
  347.  
  348.  
  349.  
  350.  
  351. .BITCHCRAFT { NAVIGATION LINK PROPERTIES }
  352.  
  353. a.first, a.first:link, a.first:active, a.first:visited {
  354. display:inline-block;
  355. float:left;
  356. width:136px;
  357. color:#0A0702;
  358. background-color: #AE090D;
  359. font-family:arial black;
  360. text-align:center;
  361. font-size:10px;
  362. line-height:27px;
  363. letter-spacing:3px;
  364. margin: -9px 5px 0px 0px;
  365. text-transform:uppercase;
  366. }
  367.  
  368. a.first:hover {
  369. background-color:#43080E;
  370. color: #AE090D;
  371. letter-spacing: -1px;}
  372.  
  373.  
  374.  
  375.  
  376.  
  377. .slayMONADE { CONNECTIONS LINK PROPERTIES }
  378.  
  379.  
  380.  
  381.  
  382.  
  383. a.second, a.second:link, a.second:active, a.second:visited {
  384. color: #AE090D;
  385. font-family:arial black;
  386. font-size: 10px;
  387. font-style: none;
  388. font-weight: 0px;
  389. letter-spacing: 0px;
  390. margin: 0px 0px 0px 0px;
  391. padding: 2px 0px 2px 1.8px;
  392. text-transform: uppercase;
  393. text-decoration: none;
  394. text-align: center;}
  395.  
  396.  
  397. a.second:hover {
  398. color: #790900;}
  399.  
  400.  
  401.  
  402.  
  403.  
  404. .slayMONADE { HIDE CODES }
  405.  
  406. .clearfix { display: none; }
  407. .lightbluetext8 { display:none; }
  408. .contacttable { display:none; }
  409. .whitetext12 { display:none; }
  410. .interestsanddetails { display:none; }
  411. .userProfiledetail { display:none; }
  412. .friendSpace { display:none; }
  413. .friendsComments { display:none; }
  414. .latestBlogEntry { display:none; }
  415. .navigationBar { display:none; }
  416. .navbar { visibility:hidden; }
  417. .orangetext15 { display:none; }
  418. .profileinfo { display:none; }
  419. .userProfileURL { display:none; }
  420. .extendedNetwork { display:none; }
  421. .blurbs { display:none; }
  422. .userAlbums { display:none; }
  423. .mslogo { display: none; }
  424. #footerWarpper{ display:none; }
  425. </style>
  426.  
  427.  
  428.  
  429.  
  430.  
  431.  
  432.  
  433.  
  434.  
  435.  
  436.  
  437.  
  438.  
  439.  
  440.  
  441.  
  442.  
  443.  
  444.  
  445.  
  446.  
  447. </td>
  448. </tr>
  449. </table>
  450. </td>
  451. </tr>
  452. </table>
  453.  
  454.  
  455. <div class ="displayname"><h1>K. Mikaelson ♕</h1></div>
  456. <div class="navigation">
  457.  
  458. <a href="/home.php" class="first">home</a>
  459. <a href="/send_message.php?member_id=1079725" class="first">message</a>
  460. <a href="/add_comment.php?member_id=1079725" class="first">comment</a>
  461. <a href="/gallery.php?member_id=1079725" class="first">gallery</a>
  462. <a href="view_blog.php?id=1079725" class="first">blogs</a>
  463. <a href="view_blog.php?id=1079725" class="first">bulletins</a>
  464. </div>
  465. <div class="backgroundbox">
  466.  
  467. <div style="float: left; width: 235px; height: 106px; background-color: #; overflow-x:hidden; overflow-y: auto; padding: 0px 0px 0px 0px; margin: 0px 5px 5px 0px;"><h2> Powers and Abilities </h2> <span class="firstcharacter">A</span>s an Original Vampire, later the Original Hybrid, Klaus is the second strongest of the original vampires, second only to his step-father. His Werewolf side has given him additional powers and advantages the others do not possess, making him the one of the most physically powerful immortal beings in the world. Although stronger than his maternal half-sibling due to his werewolf heritage, some of his siblings have been shown to be willing to fight with him with no fear, with Elijah actually able to do so on almost even terms, Elijah seems to have no difficulty trying to start and end fights with Klaus, usually having the upper hand on Klaus himself for a short period of time; before the latter turns the tables on Elijah. Klaus' step-father being notable for surpassing him and whom he initially feared greatly; made worse when Mikael had possessed the White Oak Stake.
  468. Tumblr mzfvr5vB2I1tpcjv2o2 500
  469. Klaus' powers improve with the consumption of human blood, assuming his werewolf form or utilizing his lycanthropic enhancements and the full moon. In Live and Let Die, it is shown that Mikael was slightly stronger than Klaus, and it should be noted that Mikael was still affected with werewolf venom and Papa Tunde's Blade, therefore not even at full strength yet still demonstrated superior strength than his son. With the death of Mikael, Klaus was at the time the single most physically strongest being around, however, after Lucien and Marcel took the serum and become the Beasts, they had outmatched him in sheer power. Klaus currently remains the second strongest.
  470. Even before Klaus became an original vampire, later the original hybrid, he was a fairly skilled swordsman, even though he rarely uses a sword, due to his supernatural powers, Klaus' swordsman skills have not diminished.
  471.  
  472. <br><br>Klaus using lycanthropic enhancement
  473. Klaus has shown to be an expert fighter even when unarmed; When Marcel's army took him on, despite being overwhelmed to begin with, he was able to fight them, almost evenly and overpowered most of them, through his fighting skills and original hybrid powers. In that single fight, he killed roughly twenty four non-original vampires single-handedly, showing his skills as a combatant even further. Klaus is far less calm, composed, and strategic in battle than Elijah but has a better mind for coming up with long term plans and back ups, being nearly always one step ahead of his enemies. Due to his long existence, Klaus has seen countless battles and is very experienced in battle. In Fire with Fire, Klaus was able to take out six evolved werewolves without any difficulty, when he faced off against Hayley and Jackson, although he had some difficulty taking them both on at the same time, he ultimately got the upper hand; overpowers and defeats them.
  474. <br><br>
  475. His supernatural attributes aside, Klaus' greatest asset is his sharp intellect. His penchant for strategies and forming contingencies way ahead of time, despite the fact that Elijah's penchant for strategies and forming contingencies surpasses his, Klaus has outsmarted Elijah on more than one occasion, Klaus is able to discern a great deal of whatever or whoever is presented to him after only a few keen observations, he was able to figure out that Hope would be sacrificed at the cemetery because it was where the Harvest and the Reaping took place as well as the location of the ancestral witches' burial place, He was able to deduce that his mother was possessing Cassie, he also came up with a plan, to make it look like he has turned against his maternal half-siblings and Hayley, after Elijah daggered him, and after Hayley tried to take his daughter Hope away from him, in order to gain Dahlia's trust to take her down. According to Dahlia, Klaus is arguably the most intelligent of his maternal half-siblings with Elijah occasionally rivalling him.
  476. </div>
  477.  
  478.  
  479.  
  480.  
  481.  
  482.  
  483.  
  484.  
  485.  
  486. <div style="float: left; width: 359px; height: 106px; background-color: #ffffff; overflow:hidden; padding: 0px 0px 0px 0px; margin: 0px 5px 5px 0px;"><img src="https://i.imgur.com/9AVwdBS.gif"> </div>
  487.  
  488.  
  489.  
  490.  
  491.  
  492.  
  493.  
  494. <div style="float: left; width: 235px; height: 106px; background-color: #; overflow-x:hidden; overflow-y: auto; padding: 0px 0px 0px 0px; margin: 0px 5px 5px 0px;"><h2> Present Day - New Orleans </h2> <span class="firstcharacter">N</span>iklaus Mikaelson (Elder Futhark: ᚾᛁᚲᛚᚨᚢᛋ ᛗᛁᚲᚨᛖᛚᛋᛟᚾ) is the main protagonist (and sometimes antagonist/anti-hero) of The Originals. He is a former main character, antagonist/anti-hero of The Vampire Diaries. Klaus is an Original Vampire and a Werewolf, making him the Original Hybrid.
  495. <br><br>
  496.  
  497. Klaus is the biological son of Ansel and Esther Mikaelson, step-son of Mikael, nephew of Dahlia, maternal younger half-brother of Freya Mikaelson, Finn Mikaelson, Elijah Mikaelson, maternal older half-brother of Kol Mikaelson, Rebekah Mikaelson, and Henrik Mikaelson, and uncle of an unnamed and unborn nephew. Klaus is also the father of Hope Mikaelson, the mother being Hayley Marshall-Kenner, as well as the adopted father of Marcel Gerard - an orphan boy he rescued.
  498. <br><br>
  499.  
  500. Klaus was first mentioned in the second season of The Vampire Diaries in Rose, during a conversation between Rose and Stefan Salvatore. Rose warns Stefan about the Original Vampires which led to Elena Gilbert believing Klaus was the oldest vampire in history. Elijah later mentions that Klaus is a recluse and trusts very few people, usually only in his inner circle.
  501. <br><br>
  502.  
  503. For over a thousand years, Klaus had been trying to break a curse placed on him. He created the myth of the sun and moon curse in order to find the moonstone and the Petrova Doppelgänger, both of which were needed to break the actual curse. His goal was to liberate his werewolf side so he could sire his own super species of werewolf-vampire hybrids.
  504. <br><br>
  505.  
  506. In 1492, he finally got the chance to break his curse when he met Katerina Petrova, the final piece necessary to break the curse. However, Katerina managed to foil his plan to use her in the sacrifice by turning into a vampire. For the next 500 years, Klaus searched for a way to break the curse without the doppelgänger, forcing generations of witches to help him. During his search for a way to break the curse, Klaus hunted down his family and neutralized them. He also hunted Katerina, who had escaped him and stolen his moonstone. However, it should also be noted that he was also on the run from his step-father, Mikael, as Klaus had an abusive childhood.
  507. <br><br>
  508.  
  509. Besides his family, during the 1920's, Klaus formed a strong bond and brotherly relationship with Stefan. He then met with the vampire, Caroline Forbes, and starts to care about her eventually falling in love with her and tried to win her love, after a long time they were friends. In New Orleans, he has a father/son bond relationship with Marcel whom he works with in ruling New Orleans until Klaus discovered his treachery for bringing Mikael to New Orleans. They reformed their friendship when Marcel saved his daughter and they worked together to bring down their enemies. They are now enemies once again as of season 3 finale. He also cared for the bartender Camille O'Connell, with whom he had fallen in love before her death.
  510.  
  511. <br><br>
  512.  
  513. Klaus is primarily a member of the Mikaelson Family, and a member of an unnamed Family of Werewolves. He is connected to the Labonair Family, a royal werewolf family via his daughter, and a member of the North East Atlantic Pack as well as an unnamed Witch Family.
  514. </div>
  515.  
  516.  
  517.  
  518.  
  519. <div style="float:left; margin: 2px 0px 0px 0px; padding: 0px 0px 0px 8px; text-align: center;">
  520. <em> "Sometimes, the world turns good people into bad people."</em>
  521. </div>
  522.  
  523.  
  524.  
  525.  
  526.  
  527.  
  528. </div>
  529.  
  530.  
  531. <div class="credit"><a href="/view_profile.php?member_id=1228421" class="second">credit</a></div>
  532.  
  533. <div class="music"><div style="float:left; height:33px; width:24px; font-size:28px; line-height:33px; color:#000000;">♕</div><div style="float:right;"><audio autoplay controls loop><source src="http://k003.kiwi6.com/hotlink/d8049x55pk/Halsey_-_Gasoline_Audio_.mp3">
  534. </audio>
  535. </div>
  536. </div>
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!