API tools faq
paste
Advertisement
Kamikazex

Lunflesh layout

Kamikazex
Mar 30th, 2020 (edited)
164
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.29 KB | None | 0 0
raw download clone embed print report
  1. <body ondragstart="return false" onselectstart="return false" oncontextmenu="alert('LUNARFLESH@HT'); return false">
  2.  
  3.  
  4. <style type="text/css">
  5.  
  6. @font-face { font-family: "GregorianFLF" src: url('https://dl.dropboxusercontent.com/s/ie1octuk0pxf2k7/GregorianFLF.otf') ;}
  7.  
  8. @font-face {font-family:'znikomit';src: url('https://static.tumblr.com/v5c2jsf/Mzkneg70v/znikomit.otf');}
  9.  
  10.  
  11.  
  12. .lunarflesh { SCROLLBAR }
  13.  
  14. ::-webkit-scrollbar-thumb:vertical {background:#c8bbb1;}
  15.  
  16. ::-webkit-scrollbar-thumb:horizontal {background-color:transparent;}
  17.  
  18. ::-webkit-scrollbar {width:2px; height:2px; background-color:transparent;}
  19.  
  20.  
  21. .lunarflesh { BACKGROUND }
  22.  
  23. body {
  24. background-image:url('https://images2.imgbox.com/6a/7b/y4oLhlPr_o.png');
  25. background-color:#0000;
  26. background-repeat:no-repeat;
  27. background-attachment:fixed;
  28. }
  29.  
  30.  
  31. .lunarflesh { TEXT }
  32.  
  33. p, div, table, tr, td, font, br {
  34. font-family: gill sans;
  35. font-size: 9px;
  36. text-align:justify;
  37. letter-spacing: 2px;
  38. color:#93908a;
  39. font-weight: 400;}
  40.  
  41. .lunarflesh { TABLES }
  42.  
  43. table, tr, td {background:transparent; border:0px;}
  44.  
  45.  
  46. .lunarflesh { SPECIAL }
  47.  
  48. b {
  49. color:#3d0909;
  50. font-weight:bolder;
  51. font-family:georgia;
  52. font-size:10px;
  53. line-height:1px;
  54. letter-spacing:1px;
  55. text-transform:uppercase;
  56. border-left:1px solid #fff;
  57. }
  58.  
  59. blockquote {
  60. color:black;
  61. font-weight:bolder;
  62. font-family:georgia;
  63. font-size:11px;
  64. line-height:1px;
  65. letter-spacing:1px;
  66. text-transform:lowercase;
  67. text-shadow: 0px 1px 20px #FFFFFF;
  68. }
  69.  
  70.  
  71. tt {
  72. background-color:#725DF0;
  73. color:#fff;
  74. font-family:ms gothic;
  75. font-size:9px;
  76. padding:1px;
  77. letter-spacing:1px;
  78. text-transform:uppercase;
  79. }
  80.  
  81. strong {
  82. color:#000000;
  83. font-family:'znikomit';
  84. font-weight:bold;
  85. font-size:11px;
  86. line-height:11px;
  87. letter-spacing:-1px;
  88. text-transform:uppercase;}
  89.  
  90. i {
  91. font-style:italic;
  92. color:#93908a;
  93. letter-spacing:1px;
  94. font-family:georgia;
  95. font-size:10px;
  96. line-height:9px;
  97. text-transform:uppercase;
  98. text-shadow: 0px 1px 20px #FFFFFF;
  99. }
  100.  
  101.  
  102. big {
  103. font-style:italic;
  104. color:#E8DABB;
  105. font-family:georgia;
  106. font-weight:bold;
  107. font-size:13px;
  108. letter-spacing:-1px;
  109. line-height:11px;}
  110.  
  111.  
  112. small {
  113. color:#fff;
  114. font-family:consolas;
  115. font-weight:lighter;
  116. font-size:7px;
  117. letter-spacing:1px;
  118. line-height:11px;
  119. text-transform:uppercase;}
  120.  
  121.  
  122. u {
  123. background-color:#93908a;
  124. color:#fff;
  125. font-family:cambria;
  126. text-transform:uppercase;
  127. font-weight:lighter;
  128. font-size:10px;
  129. line-height:11px;
  130. letter-spacing:2px;
  131. text-decoration:none;
  132. border-bottom:1px dotted #fff;}
  133.  
  134. .lunarflesh { HEADERS }
  135.  
  136. h1{
  137. background-image:url('https://images2.imgbox.com/3c/04/goA17SIN_o.png');
  138. background-size:100%;
  139. font-family:'znikomit';
  140. font-size: 30px;
  141. line-height:5px;
  142. height:40px;
  143. margin-top:5px;
  144. padding-top:15px;
  145. letter-spacing: -1px;
  146. word-spacing: 0.8px;
  147. color: #93908a;
  148. text-align:center;
  149. text-transform:lowercase;
  150. font-weight: 400;
  151. text-shadow: 0px 1px 20px #FFFFFF;
  152. }
  153.  
  154. h2{
  155. background-color:black;
  156. font-family:times;
  157. font-style:italic;
  158. font-weight:lighter;
  159. font-size:18px;
  160. color:#c8bbb1;
  161. height:3px;
  162. text-align:center;
  163. letter-spacing:1px;
  164. line-height:1px;
  165. padding:10px;
  166. border:2px solid #93908a;
  167. }
  168.  
  169.  
  170. .lunarflesh { DIV SECTIONS }
  171.  
  172. .this{
  173. position: absolute;
  174. top: 2px;
  175. left:130px;
  176. width:300px;
  177. height: 580px;
  178. padding: 5px;
  179. }
  180.  
  181. .next{
  182. position: absolute;
  183. top: 2px;
  184. left:770px;
  185. width:300px;
  186. height: 580px;
  187. padding: 5px;
  188. }
  189.  
  190. .header{
  191. position: absolute;
  192. top: 2px;
  193. left:400px;
  194. width:400px;
  195. height: 130px;
  196. padding: 5px;
  197. }
  198.  
  199. .connectionspot{
  200. background-color:black;
  201. position: absolute;
  202. overflow:auto;
  203. top: 400px;
  204. left:160px;
  205. width:200px;
  206. height: 130px;
  207. padding: 10px;
  208. border-left:solid 5px #3d0909;
  209. border-right:solid 5px #3d0909;
  210. }
  211.  
  212.  
  213. .mainbio{
  214. background-color:black;
  215. position: absolute;
  216. overflow:auto;
  217. top: 400px;
  218. left:820px;
  219. width:200px;
  220. height: 130px;
  221. padding: 10px;
  222. border-left:solid 5px #3d0909;
  223. border-right:solid 5px #3d0909;
  224. }
  225.  
  226.  
  227. .basic{
  228. background-color:black;
  229. position: absolute;
  230. overflow:auto;
  231. top: 200px;
  232. left:440px;
  233. width:300px;
  234. height: 130px;
  235. padding: 10px;
  236. border-left:solid 5px #3d0909;
  237. border-right:solid 5px #3d0909;
  238. }
  239.  
  240. .basictitle{
  241. background-color:black;
  242. position: absolute;
  243. top: 145px;
  244. left:440px;
  245. width:300px;
  246. height: 40px;
  247. padding: 10px;
  248. border-left:solid 5px #3d0909;
  249. border-right:solid 5px #3d0909;
  250. }
  251.  
  252. .lititle{
  253. background-color:black;
  254. position: absolute;
  255. top: 352px;
  256. left:440px;
  257. width:300px;
  258. height: 40px;
  259. padding: 10px;
  260. border-left:solid 5px #3d0909;
  261. border-right:solid 5px #3d0909;
  262. }
  263.  
  264. .lipic{
  265. background-color:black;
  266. position: absolute;
  267. overflow:auto;
  268. top: 410px;
  269. left:440px;
  270. width:160px;
  271. height: 150px;
  272. padding: 10px;
  273. border-left:solid 5px #3d0909
  274. border-right:solid 5px #3d0909;
  275. }
  276.  
  277. .li{
  278. background-color:black;
  279. position: absolute;
  280. overflow:auto;
  281. top: 410px;
  282. left:617px;
  283. width:123px;
  284. height: 150px;
  285. padding: 10px;
  286. border-left:solid 5px #3d0909;
  287. border-right:solid 5px #3d0909;
  288. }
  289.  
  290.  
  291. .navi{
  292. position: absolute;
  293. top: 120px;
  294. left:395px;
  295. width:600px;
  296. height: 100px;
  297. }
  298.  
  299. .lunarflesh { LINKS }
  300.  
  301. a:active, a:visited, a:link {
  302. font-size:10px;
  303. font-family:cambria
  304. color:#fff;
  305. letter-spacing:6px;
  306. text-align:center;
  307. padding:2px;
  308. line-height:15px;
  309. text-decoration:none;
  310. text-transform:uppercase;
  311. -webkit-transition: all 0.5s linear;
  312. -moz-transition: all 0.5s linear;
  313. transition: all 0.5s linear;}
  314.  
  315. a:hover {
  316. color:#ffffff;
  317. background-color:#000000; }
  318.  
  319. .lunarflesh { NAVIGATION LINKS }
  320.  
  321. a.first, a.first:link, a.first:active, a.first:visited {
  322. background-color:#000000;
  323. font-family:times;
  324. border-top:1px solid #93908a;
  325. text-shadow: 0px 1px 20px #FFFFFF;
  326. font-style:italic;
  327. font-size: 11px;
  328. height:15px;
  329. width:80px;
  330. display:inline-block;
  331. float:left;
  332. letter-spacing:-1px;
  333. color:#93908a;
  334. padding-top:10px;
  335. text-align:center;
  336. overflow:hidden;
  337. border-radius:none
  338. text-transform:uppercase;
  339. }
  340.  
  341. a.first:hover {
  342. color:635c5f;
  343. letter-spacing: 1px;}
  344.  
  345. .lunarflesh { CONNECTION LINKS }
  346.  
  347. a.second, a.second:link, a.second:active, a.second:visited {
  348. background-color:#93908a;
  349. font-family:cambria;
  350. font-size: 8px;
  351. height:12px;
  352. width:195px;
  353. display:inline-block;
  354. color:#0d0d0e;
  355. padding:1px;
  356. float:left;
  357. text-align:center;
  358. overflow:hidden;
  359. text-transform:uppercase;
  360. border-radius:none;
  361. border:solid 1px black;
  362. }
  363.  
  364. a.second:hover {
  365. color:#000000;
  366. text-shadow: 0px 10px 20px #Fff;
  367. letter-spacing: 5px;}
  368.  
  369. .lunarflesh { LI LINK }
  370.  
  371. a.third, a.third:link, a.third:active, a.third:visited {
  372. background-color:#3d0909;
  373. font-family:times;
  374. border-top:1px solid #9FA88F;
  375. text-shadow: 0px 1px 20px #FFFFFF;
  376. font-style:italic;
  377. font-size: 11px;
  378. height:10px;
  379. width:90px;
  380. display:inline-block;
  381. float:center;
  382. letter-spacing:-1px;
  383. color:#FFFFFF;
  384. padding-top:5px;
  385. text-align:center;
  386. overflow:hidden;
  387. border-radius:none
  388. text-transform:uppercase;
  389. }
  390.  
  391. a.third:hover {
  392. color:635c5f;
  393. letter-spacing: 1px;}
  394.  
  395.  
  396.  
  397. .lunarflesh { HIDECODES }
  398. .blurbs{display:none;}
  399. .contactTable { display: none; }
  400. .interestsAndDetails { display:none;}
  401. .extendednetwork{display:none;}
  402. .orangetext15 {display:none;}
  403. .friendSpace{display:none;}
  404. .friendsComments{display:none;}
  405. #googlebar{display:none;}
  406. .clearfix{display:none;}
  407. #footerWarpper{display:none;}
  408. .userAlbums { display:none; }
  409. .whitetext12{display: none;}
  410. .lightbluetext8{display: none;}
  411. .profileinfo{display: none;}
  412. .userprofileurl {display:none;}
  413. .latestblogentry {display: none;}
  414. .contacttable {display:none;}
  415. .userprofiledetail{display:none;}
  416. .groups {display:none;}
  417. </style>
  418.  
  419. Who I want to meet:
  420.  
  421.  
  422. </td>
  423. </tr>
  424. </table>
  425. </td>
  426. </tr>
  427. </table>
  428.  
  429. <div class="this"><img src="https://images2.imgbox.com/9f/30/zO8tyALR_o.png"></div>
  430. <div class="next"><img src="https://images2.imgbox.com/95/d8/QzEaJSrC_o.png"></div>
  431.  
  432. <div class="header"><img src="https://images2.imgbox.com/c8/0e/VAmWvheG_o.png"></div>
  433.  
  434. <div class="connectionspot">
  435. <a href="/1274070" class="second"> Elijah M. </a>
  436. <a href="/1241997" class="second">Freya M.</a>
  437. <a href ="/1308925" class="second">Hayley M </a>
  438. <a href="/1352340" class="second">Henrik M.</a>
  439. <a href="/1605707" class="second">Huck M.</a>
  440. <a href="/997118" class="second">Jackson K.</a>
  441. <a href="/1271601" class="second">Kaden A.</a>
  442. <a href="/1541069" class="second">Klaus M.</a>
  443. <a href="/1509564" class="second">Lucifer M.</a>
  444. <a href="/locked_heart" class="second"> Mary S.</a>
  445. <a href="/1567596" class="second"> Niklaus M.</a>
  446. <a href="/1548085" class="second">Rebekah M.</a>
  447. <a href="/1542058" class="second">Thor O.</a>
  448. <a href ="/1545530" class="second">Tyler T.</a>
  449. <a href="/1593864" class="second">Vivianne L.</a>
  450. <a href="/XXXX" class="second">connection</a>
  451. <a href="/XXXX" class="second">connection</a>
  452. </div>
  453. </div>
  454.  
  455.  
  456. <div class="mainbio"> Hope is the tribrid daughter of Niklaus Mikaelson and Hayley Marshall-Kenner. She is the granddaughter of Ansel, Esther Mikaelson and two unnamed werewolves, as well as the step-granddaughter of Mikael. She is also the niece of Freya, Finn, Elijah, Kol, Rebekah, and Henrik Mikaelson, and the grand-niece of Dahlia. She is also a distant relative of Lana, Eve, and Cary. She is the adoptive younger sister of Marcel Gerard via her father. Because of his marriage to Hayley, Jackson Kenner was her step-father for almost a year. He died at the hands of Tristan de Martel.<br><br>
  457.  
  458. She was named Hope by her father, who took inspiration from his half-brother Elijah's words about his newborn child being their family's hope. She takes the surname of her paternal step-grandfather, Mikaelson.<br><br>
  459.  
  460. Hope was conceived in The Vampire Diaries season four episode Bring It On, and it was revealed that Hayley was pregnant four episodes later in The Originals. She was then born in The Originals season one episode From a Cradle to a Grave. As a result of her unique heritage, she is the world's first werewolf-witch-vampire hybrid. She inherited her werewolf gene from both of her parents, while her vampire and witch legacy came from her father who is the Original vampire-werewolf hybrid and the son of the Original Witch. Through her mother's Labonair lineage, Hope is werewolf royalty.
  461. </div>
  462.  
  463. <div style="width:225px; height:115px; padding:5px; overflow:auto; float:right; display:inline-block;">
  464. Even when she was a baby, Hope was said to be a fighter. It was said by both of her parents; Hayley in Girl in New Orleans, where she said to her doctor that her daughter was a tough one just like herself, and by Klaus when he said that both Hayley and Hope were fighters in A Closer Walk With Thee. Both times it is implied that Hope inherited this trait from her mother who got it herself from her own father, Hope's maternal grandfather. She also seems to be a very calm and happy. In Ashes to Ashes, Freya says that, like her paternal family, she is resilient.<br><br>
  465.  
  466. She is also seemingly very intelligent as she was able to use her magic to turn Camille's car on and off, despite still being a baby. Hope seems to be a kind and gentle young girl, with a sweet and innocent persona. She is also rather lonely, never having any other kids her own age to play with.<br><br>
  467.  
  468. As a teenager, Hope is shown to be stubborn and brave as she was willing to put herself through extreme pain and possible death in order to get her mother back. Both Klaus and Caroline describe Hope as being smart, possibly too smart for her own good, like her father. It has been shown that Hope has gained one of her father's traits of doing whatever she can to protect her family. Hope is always offering to help to save those she cares about and considers family, including Marcel. However, once Hope magically absorbs the Hollow’s soul, it nearly drives her insane because she constantly starts to hear whispers of voices in her head. The only way she can end the madness going on inside her head is by committing acts of violence. Instead of taking her anger and frustrations out on innocents, she takes it out on those she deems not innocent (provided with her father's assistance). However, her desire to quell the voices by using violence and magic causes her to kill someone who is innocent, although she intended not to.
  469. <br><br>
  470. Hope struggles to forge meaningful connections with other people and make friends with the other students at the Salvatore School, not only because of her one-of-a-kind supernatural classification, but also because she's already endured a lifetime of grief and heartbreak. To her peers, she seems closed off. She is forgiving to MG when she thought he killed her boyfriend Landon.
  471. <br><br>
  472. Due to her often disastrous past, she has resigned herself to isolation, considering it the path that will provide the least heartbreak in her life. She sees loneliness as less of a burden to bear than her formative experiences of loving so deeply and losing so terribly. However, she has begun to open up more to people, tediously forming friendships and entering a romantic relationship. She is slowly becoming more optimistic that she will be happy.
  473. </div>
  474.  
  475.  
  476.  
  477. <div class="basictitle"><h1>Basic Info</h1>
  478. </div>
  479. <div class="basic"><h2>BURN THE WITCH</h2>
  480. <img src="https://images2.imgbox.com/cf/12/yg5VEnnt_o.gif" ALIGN="right"/>
  481. <b>Name:</b> Hope Mikaelson.<br>
  482. <i>Alas:</i> Queen.<br>
  483. <B>Species:</B> Tribrid.<br>
  484. <i>Eye Color:</i> Hazel.<br>
  485. <B>Physical appearance:</B> Hope is a young woman with a curvy figure, around 5'3" tall. One of her most notable features is her long, wavy ginger-red hair that often drapes her left shoulder. She also has amber eyes, full lips, and rather pale skin. Undeniably, red lipstick is a signature part of her makeup look. Hope also dresses in very fashionable clothing; she typically wears modern, colorful dresses and skirts which show off her slender figure. She is always wearing Louboutins. In particular, Hope tends to favor red clothes.<br>
  486. <i>birthplace:</i> New Orleans, Louisiana. <br>
  487. <B>Current Living:</B> Mystic Falls<br>
  488. <i>Powers:</i> As the world's first hybrid of three supernatural species - a witch, a werewolf, and a vampire; the full extent and limits of Hope's powers are currently unknown. She has all powers of a witch and a wolf, as a vampire, her blood can heal, create hybrids, and cure werewolf bites. She is stronger than most vampires and heals a rapid rate.</div>
  489.  
  490. <div class="lititle"><h1>Love Life</h1></div>
  491. <div class="lipic"><img src="https://images2.imgbox.com/1b/fa/myVxCMw7_o.gif"></div>
  492. <div class="li">
  493. <h2>weak love </h2>
  494.  
  495. Lips like <u>morphine.</u> One kiss and you're <i>hooked</I> <br><br>
  496. <center> <a href="/XXXX" class="third">Multi LI.</a> </center> <br><br>
  497. <b>since:</b> Detail here?<br>
  498. <i>song:</i> Another one?<BR>
  499. <b>lyrics:</b> Detail here?<br>
  500. <i>memories:</i> Another one?<BR>
  501. <BR>
  502. </div>
  503.  
  504.  
  505. <div class="navi">
  506. <a href="/home.php" class="first">Ⅰ. Home</a>
  507. <a href="/send_message.php?member_id=1016102" class="first">Ⅱ. Message</a>
  508. <a href="/add_comment.php?member_id=1016102" class="first">Ⅲ. Comment</a>
  509. <a href="/view_group.php?group_id=28647" class="first">Ⅳ. Writing</a>
  510. <a href="/albums.php?member_id=1016102" class="first">Ⅴ. Gallery</a>
  511. </div>
  512. <div style="overflow:hidden;width:30px;height:30px;position:fixed;bottom:0px;left:0px;border:#0A0A0A 1px solid;">
  513. <audio src="https://od.lk/s/NTdfNzc3MTc3NjJf/Nurko%20ft.%20Zack%20Gray%20-%20Safe%20%28Msmrise%20Remix%29.mp3?dl=1" controls loop autoplay></audio>
  514. </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!