API tools faq
paste
Advertisement
xariaaaa

[THEME] ᴘʀɪɴᴄᴇss ᴏғ ᴛʜᴇ ɢʀᴀᴄᴇғᴜʟ

xariaaaa
Dec 3rd, 2016
95
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 27.76 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <head><title>{Title}</title>
  4. <link rel="shortcut icon" href="{Favicon}">
  5. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  6. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  7.  
  8. <!-- ʙᴀsᴇ ʙʏ ᴇɴᴛᴇʀᴘʀɪᴢᴇʀ. ᴛʜᴇᴍᴇ ʙʏ ᴀʀɪᴀsʀᴘʜ ᴘʟᴇᴀsᴇ ᴅᴏ ɴᴏᴛ sᴛᴇᴀʟ ɪᴛ! ᴇᴅɪᴛɪɴɢ ɪs ᴀʟᴏᴡᴇᴅ, ʙᴜᴛ ᴘʟᴇᴀsᴇ ʟᴇᴀᴠᴇ ᴛʜᴇ ᴄʀᴇᴅɪᴛɪɴɢ ɪɴᴛᴀᴄᴛ. -->
  9.  
  10.  
  11. <meta name="color:PostBackground" content="#eaeaea" />
  12. <meta name="color:Background" content="#ffffff" />
  13. <meta name="color:Accent" content="#bcb4c5" />
  14. <meta name="color:Text" content="#898989" />
  15.  
  16.  
  17. <script type="text/javascript"
  18. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  19. <script>
  20. $(document).ready(function() {
  21. //
  22. $('a.poplight[href^=#]').click(function() {
  23. var popID = $(this).attr('rel'); //Get Popup Name
  24. var popURL = $(this).attr('href'); //Get Popup href to define size
  25. var query= popURL.split('?');
  26. var dim= query[1].split('&');
  27. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  28. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  29. var popMargTop = ($('#' + popID).height() + 80) / 2;
  30. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  31. //Apply Margin to Popup
  32. $('#' + popID).css({
  33. 'margin-top' : -popMargTop,
  34. 'margin-left' : -popMargLeft
  35. });
  36. $('body').append('<div id="fade"></div>');
  37. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  38. return false;
  39. });
  40. $('a.close, #fade').live('click', function() {
  41. $('#fade , .popup_block').fadeOut(function() {
  42. $('#fade, a.close').remove(); //fade them both out
  43. });
  44. return false;
  45. });
  46. });
  47. </script>
  48.  
  49.  
  50. <style type="text/css">
  51. /* GASARA */
  52. @font-face { font-family: "gasara"; src: url('https://dl.dropbox.com/s/9mird7ef2oyhzbc/gasara.ttf'); }
  53.  
  54. /* BEBAS NEUE */
  55. @font-face { font-family: "bebas neue"; src: url('https://dl.dropboxusercontent.com/u/67800931/bebasneue.otf'); }
  56.  
  57. *, body, a {
  58. cursor: url(http://31.media.tumblr.com/tumblr_lqs4idHqTZ1qfoi4t.png), auto;
  59. }
  60.  
  61. a:hover {
  62. cursor: url(http://i.imgur.com/IepP2.jpg), auto;
  63. }
  64.  
  65. ::-webkit-scrollbar-thumb {
  66. height: auto;
  67. background-color: {color:PostBackground};
  68. }
  69.  
  70. ::-webkit-scrollbar {
  71. height:9px;
  72. width:4px;
  73. background-color: {color:Background};
  74. }
  75.  
  76. body {
  77. background-color: {color:Background};
  78. }
  79.  
  80. a {
  81. text-decoration:none;
  82. outline:none;
  83. -moz-outline-style:none;
  84. color: {color:Accent};
  85. }
  86.  
  87. blockquote, blockquote blockquote {
  88. border-left: 1px solid {color:Accent};
  89. padding-left:5px;
  90. margin-left: 5px;
  91. }
  92.  
  93. blockquote img, blockquote blockquote img, #post img, .photopost, .photosetpost, .video {
  94. opacity: 0.3;
  95. -webkit-filter: grayscale(100%);
  96. -webkit-transition: opacity 0.7s linear;
  97. -webkit-transition: all 0.7s ease-out;
  98. -moz-transition: all 0.7s ease-out;
  99. transition: all 0.7s ease-out;
  100. }
  101.  
  102. blockquote img:hover, blockquote blockquote img:hover, #post img:hover, .photopost:hover, .photosetpost:hover, .video {
  103. opacity: 0.8;
  104. -webkit-filter: grayscale(30%);
  105. -webkit-transition: opacity 0.7s linear;
  106. -webkit-transition: all 0.7s ease-out;
  107. -moz-transition: all 0.7s ease-out;
  108. transition: all 0.7s ease-out;
  109. }
  110.  
  111. blockquote img {
  112. max-width: 240px;
  113. height: auto;
  114. }
  115.  
  116. blockquote blockquote img {
  117. max-width: 180px;
  118. height: auto;
  119. }
  120.  
  121. h1, h2, h3 {
  122. color: {color:Accent};
  123. font-family: "Bebas Neue";
  124. font-size: 30px;
  125. letter-spacing: 1px;
  126. }
  127.  
  128. pre, code {
  129. font-family: "Calibri";
  130. font-size: 10px;
  131. text-align: justify;
  132. text-transform: uppercase;
  133. padding: 20px;
  134. background-color: {color:Background};
  135. white-space:pre-wrap;
  136. word-wrap:break-word;
  137. }
  138.  
  139. small, sub, sup {
  140. font-size: 10px;
  141. }
  142.  
  143. #entries {
  144. width: 260px;
  145. height: 100%;
  146. float: left;
  147. margin-top: 20px;
  148. margin-left: 300px;
  149. }
  150.  
  151. #post {
  152. background-color: {color:PostBackground};
  153. color: {color:Text};
  154. margin-bottom: 80px;
  155. padding: 20px;
  156. width: 250px;
  157. font-family: "Calibri";
  158. font-size: 12px;
  159. text-align: justify;
  160. }
  161.  
  162. .posttitle {
  163. font-family: "Bebas Neue";
  164. font-size: 30px;
  165. padding-bottom: 5px;
  166. margin-bottom: 10px;
  167. -webkit-transition: opacity 0.7s linear;
  168. -webkit-transition: all 0.7s ease-out;
  169. -moz-transition: all 0.7s ease-out;
  170. transition: all 0.7s ease-out;
  171. }
  172.  
  173. .quote {
  174. font-family: "Bebas Neue";
  175. font-size: 20px;
  176. text-align: justify;
  177. }
  178.  
  179. .source {
  180. font-family: "Calibri";
  181. font-size: 10px;
  182. text-transform: uppercase;
  183. text-align: right;
  184. }
  185.  
  186. .player {
  187. width: 27px;
  188. height: 27px;
  189. left: 16px;
  190. top: 16px;
  191. opacity: 0.4;
  192. line-height: 0;
  193. overflow: hidden;
  194. }
  195.  
  196. .details {
  197. margin-top: -20px;
  198. margin-left: 28px;
  199. font-family: "Calibri";
  200. font-size: 10px;
  201. text-transform: uppercase;
  202. }
  203.  
  204. .caption a {
  205. font-size: 10px;
  206. text-transform: uppercase;
  207. }
  208.  
  209. .caption b, .caption strong, .chat b, .chat strong {
  210. font-family: "Bebas Neue";
  211. font-size: 15px;
  212. letter-spacing: 1px;
  213. }
  214.  
  215. .caption i, .caption em {
  216. font-family: "Gasara";
  217. font-size: 8px;
  218. font-weight: none;
  219. }
  220.  
  221. .asker {
  222. font-family: "Bebas Neue";
  223. font-size: 30px;
  224. letter-spacing: 1px;
  225. }
  226.  
  227. .question {
  228. font-size: 10px;
  229. text-transform: uppercase;
  230. padding: 10px;
  231. background-color: {color:Background};
  232. text-align: justify;
  233. }
  234.  
  235. /* POST PERMA */
  236.  
  237. .perma {
  238. margin-top: 15px;
  239. padding-top: 15px;
  240. line-height: 10px;
  241. border-top: 1px solid {color:Background};
  242. font-size: 9px;
  243. position: relative;
  244. text-transform :uppercase;
  245. }
  246.  
  247. .perma a {
  248. display:inline-block;
  249. }
  250.  
  251. .perma .pperma {
  252. float:right;
  253. display:inline-block;
  254. text-align:right;
  255. }
  256.  
  257. .pinfo {
  258. margin-top: 20px;
  259. padding-top: 10px;
  260. border-top: 1px solid white;
  261. font-family: "Aspex";
  262. font-size: 10px;
  263. text-align: center;
  264. }
  265.  
  266. .notes img {
  267. display: none;
  268. }
  269.  
  270. .notes {
  271. font-family: "Calibri";
  272. font-size: 10px;
  273. text-align: justify;
  274. text-transform: uppercase;
  275. }
  276.  
  277. #credit {
  278. position: fixed;
  279. bottom: 5px;
  280. left: 5px;
  281. font-family: "Calibri";
  282. font-size: 12px;
  283. text-transform: uppercase;
  284. }
  285.  
  286. .pagi {
  287. margin-top: 30px;
  288. font-size: 20px;
  289. font-family: "Bebas Neue";
  290. width: 250px;
  291. text-align: center;
  292. }
  293.  
  294. #s-m-t-tooltip{
  295. max-width: 200px;
  296. margin-top: 15px;
  297. margin-left: 15px;
  298. padding: 5px;
  299. border-left: 1px solid {color:Background};
  300. z-index:9999999999999999999999;
  301. background-color:{color:PostBackground};
  302. color: {color:Text};
  303. font-family: "Calibri";
  304. text-align: justify;
  305. font-size: 10px;
  306. line-height: 13px;
  307. letter-spacing: 1px;
  308. text-transform: uppercase;
  309. box-shadow: 0px 0px 10px {color:Background};
  310. }
  311.  
  312. #bor {
  313. background-color: {color:PostBackground};
  314. position: fixed ;
  315. z-index: 9999999999999999;
  316. height: 130px;
  317. width: 120%;
  318. bottom: -60px;
  319. left: -10px;
  320. transform: rotate(5deg);
  321. }
  322.  
  323. #wrapper {
  324. z-index: 99999;
  325. height: 450px;
  326. width: 500px;
  327. float: right;
  328. position: fixed;
  329. bottom: 75px;
  330. right: 200px;
  331. }
  332.  
  333. .chris {
  334. position: absolute;
  335. }
  336.  
  337. .desc1 {
  338. height: 100px;
  339. width: 200px;
  340. padding: 10px;
  341. background-color: {color:Background};
  342. color: {color:Text};
  343. font-family: "Calibri";
  344. font-size: 10px;
  345. text-transform: uppercase;
  346. margin-left: 100px;
  347. margin-top: 330px;
  348. line-height: 14px;
  349. text-align: justify;
  350. }
  351.  
  352. .desc1 b, .desc2 i {
  353. color: {color:Accent};
  354. }
  355.  
  356. .desc2 {
  357. height: 100px;
  358. width: 100px;
  359. padding: 10px;
  360. background-color: {color:Background};
  361. line-height: 14px;
  362. text-align: justify;
  363. color: {color:Text};
  364. font-family: "Calibri";
  365. font-size: 10px;
  366. text-transform: uppercase;
  367. margin-left: 325px;
  368. margin-top: -120px;
  369. }
  370.  
  371. /* SIGNARITA */
  372. @font-face{ font-family:"signarita"; src: url('https://dl.dropboxusercontent.com/s/gc29howy3wio7t8/signarita%20zhai%20rhianne.ttf?dl=1');}
  373.  
  374. .title {
  375. position: absolute;
  376. font-family: "signarita";
  377. font-size: 22px;
  378. color: {color:text};
  379. margin-top: -160px;
  380. margin-left: 110px;
  381. }
  382.  
  383. .desc3 {
  384. z-index: -10;
  385. position: absolute;
  386. margin-left: 110px;
  387. margin-top: -255px;
  388. width: 310px;
  389. color: {color:Text};
  390. background-color: {color:Background};
  391. height: 80px;
  392. padding: 10px;
  393. font-family: "Calibri";
  394. line-height: 14px;
  395. font-size: 10px;
  396. text-transform: uppercase;
  397. text-align: justify;
  398. }
  399.  
  400. .chriss1 {
  401. margin-top: -340px;
  402. margin-left: 420px;
  403. }
  404.  
  405. .links {
  406. z-index: -1;
  407. position: absolute;
  408. margin-top: -260px;
  409. margin-left: 120px;
  410. font-family: "Bebas Neue";
  411. font-size: 23px;
  412. }
  413.  
  414. .qualities {
  415. position: absolute;
  416. z-index: -1;
  417. width: 400px;
  418. height: 75px;
  419. margin-left: 120px;
  420. margin-top: -335px;
  421. display: inline-block;
  422. }
  423.  
  424. .plus {
  425. display: inline-block;
  426. height: 62px;
  427. width: 62px;
  428. padding: 5px;
  429. margin-right: 5px;
  430. font-family: "Calibri";
  431. font-size: 9px;
  432. text-align: justify;
  433. color: {color:text};
  434. text-transform: uppercase;
  435. background-color: {color:PostBackground};
  436. line-height: 14px !important;
  437. }
  438.  
  439. .plus b {
  440. font-family: "Bebas Neue";
  441. font-size: 17px;
  442. color: {color:Accent};
  443. }
  444.  
  445. .mmusic {
  446. margin-left: 130px;
  447. margin-top: -360px;
  448. position: fixed;
  449. padding: 4px;
  450. width: 15px;
  451. height: 15px;
  452. z-index: 2;
  453. }
  454.  
  455. .mp3player {
  456. position: fixed;
  457. margin-top: 1px;
  458. width: 15px;
  459. height: 15px;
  460. position: fixed;
  461. z-index: -1;
  462. }
  463.  
  464. /* MP3 */
  465.  
  466. .box {
  467. position: absolute;
  468. z-index: -1;
  469. overflow: hidden;
  470. position: fixed;
  471. width: 15px;
  472. height: 15px;
  473. }
  474.  
  475. .icon {
  476. margin-top: 0px;
  477. margin-left: 0px;
  478. -webkit-transition: all 0.5s linear;
  479. -moz-transition: all 0.5s linear;
  480. transition: all 0.5s linear;
  481. }
  482.  
  483. .box:hover .icon {
  484. margin-top: -15px;
  485. -webkit-transition: all 0.5s linear;
  486. -moz-transition: all 0.5s linear;
  487. transition: all 0.5s linear;
  488. }
  489.  
  490. .musicbox {
  491. width: 10px;
  492. height: 10px;
  493. overflow: hidden;
  494. margin-top: 0px;
  495. margin-left: 5px;
  496. }
  497.  
  498. .music{
  499. margin-top: -6px;
  500. margin-left: -35px;
  501. }
  502.  
  503. .song {
  504. width: 200px;
  505. height: 12px;
  506. font-family: "Calibri";
  507. text-align: left;
  508. text-transform: uppercase;
  509. font-size: 10px;
  510. margin-top: -352px;
  511. margin-left: 160px;
  512. }
  513.  
  514. .song b {
  515. color: {color:Accent};
  516. text-transform: none !important;
  517. font-family: "aspex";
  518. }
  519.  
  520. .loev {
  521. height: 175px;
  522. width: 85px;
  523. margin-top: -99px;
  524. margin-left: 350px;
  525. }
  526.  
  527. .heartcrown {
  528. position: absolute;
  529. z-index: 99;
  530. height: 25px;
  531. width: 85px;
  532. margin-top: -179px;
  533. margin-left: 348px;
  534. }
  535.  
  536. .heartbeat {
  537. margin-left: 395px;
  538. margin-top: -100px;
  539. }
  540.  
  541. .frd {
  542. margin-top: -105px;
  543. margin-left: 310px;
  544. height: 85px;
  545. width: 40px;
  546. }
  547.  
  548. .frd img {
  549. height: 40px;
  550. width: auto;
  551. margin-top: 5px;
  552. }
  553.  
  554. .desc4 {
  555. margin-left: 110px;
  556. margin-top: -60px;
  557. padding: 10px;
  558. height: 50px;
  559. width: 175px;
  560. font-family: "Calibri";
  561. font-size: 10px;
  562. text-align: justify;
  563. text-transform: uppercase;
  564. }
  565.  
  566. .line {
  567. margin-top: -70px;
  568. margin-left: 120px;
  569. height: 5px;
  570. width: 175px;
  571. background-color: {color:Accent};
  572. }
  573.  
  574. .coll {
  575. margin-top: -20px;
  576. margin-left: 120px;
  577. font-family: "Aspex";
  578. font-size: 9px;
  579. text-align: justify;
  580. text-transform: uppercase;
  581. letter-spacing: -1px;
  582. }
  583.  
  584. /* POPUP */
  585.  
  586. /* POPUP BOX */
  587. .popup_block{
  588. top: 50%;
  589. left: 50%;
  590. float: left;
  591. display: none;
  592. padding: 25px;
  593. background: {color:PostBackground};
  594. max-height: 300px;
  595. overflow-y: auto;
  596. font-family: "Calibri";
  597. text-align: justify;
  598. color: {color:Text};
  599. font-size: 10px;
  600. text-transform: uppercase;
  601. position: fixed;
  602. overflow-y: auto;
  603. z-index: 9999999999;
  604. }
  605.  
  606. .popup_block h2 {
  607. font-family: "Aspex";
  608. font-size: 20px;
  609. color: {color:Accent};
  610. text-align: justify;
  611. }
  612.  
  613. *html #fade {
  614. position: absolute;
  615. }
  616.  
  617. *html .popup_block {
  618. position: absolute;
  619. }
  620.  
  621. #fade {
  622. opacity: 1;
  623. background-color: {color:Background};
  624. display: none;
  625. position: fixed;
  626. left: 0px;
  627. top: 0px;
  628. width: 100%;
  629. height: 100%;
  630. z-index: 99999999;
  631. }
  632. </style>
  633.  
  634. <!-- S-M-T-TOOLTIP JAVA -->
  635.  
  636. <script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js'></script>
  637. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  638. <script>
  639. (function($){
  640. $(document).ready(function(){
  641. $("[title]").style_my_tooltips();
  642. });
  643. })(jQuery);
  644. </script>
  645.  
  646.  
  647. </head>
  648. <body>
  649.  
  650. <div id="rien" class="popup_block">
  651. <strike><h2>Dear Wu Daeryong,</h2>
  652. <p> still hate calling you that.</p></strike>
  653. <h2>Dear Rien,</h2>
  654. <p>
  655. Dear troublesome friend, dear soulmate, dear personal teddy bear, my dearest friend <strike>and favourite cuddler</strike>, I have a lot of things I must tell you, but I don't know how to explain them to you.<br />
  656. You've known me for so long, I think we've lived together more, rather than not knowing eachother. Memories go back to first meeting you, when we were about the same height, to the moments in which I needed you the most, to the day <strike>back in 6th grade</strike> when I stopped growing, or you stole all my height from me. Regardless of all that, Rien, I am still your biggest fan.<br />
  657. As the first person to ever hear a HYDRA, as your fan even before you thought you would be famous, as your <strike>favourite person</strike> cutest friend, I have three words for you: <i>I LOVE YOU</i>. I'm the clingiest, neediest, most loving person you know and that will probably never change. Though I'm sure you already knew that, I just like reminding you. I've not once told you words like <i>I missed you</i> or <i>I wanna see you</i> because, thanks to you, I ended up being a needy child still, running back to hide behind you whenever my life isn't a fairy tale.<br />
  658. I don't mind it at all. Wu Daeryong, you're the luckiest person in today's society: my personal <a href="/tagged/*%20ᴘᴇʀsᴏɴᴀʟ%20ᴛᴇᴅᴅʏ%20ʙᴇᴀʀ%20(%20RIEN%20)">favourite</a>.<br />
  659. <center><img src="https://s-media-cache-ak0.pinimg.com/236x/58/75/3b/58753b8042f31bfd6005082a40225c2f.jpg" /></center>
  660. </p>
  661. </div>
  662.  
  663. <div id="rome" class="popup_block">
  664. <h2>Dear Yu Barom,</h2>
  665. <p>
  666. We've known eachother for a while, right? We've had our ups and downs and I, for a fact, had times when I wished I could hated you. There's many things you know about me and, at this point, I'm quite sure you know me better than I know myself. Who thought that, after all the times I've been gone and you've been away, we would still end here, together?<br />
  667. I still hate Mila and I do get pissed off when you worry about the most annoying things, like an old man, but I love you regardless. There's more things I love about you, rather than things that I hate and, above all, I think I'm too scared to ever let you go, that we can't go anywhere than where we are right now. And, maybe I like where we are, I've put most of my trust in you, I hope you know you're a very important person for me.<br />
  668. Behind all the jokes or mean things I may say, all the chessy ideas and insecurities, you sure know what kind of person I am. I'm your little star just like you're my weird egg, but I wouldn't trade you or the world. Have I ever told you that? I don't think so, but I sure hope you knew that.<br />
  669. <i>YU BAROM, I LOVE <strike>JAY PARK</strike> <a href="/tagged/*%20ʏᴜsᴇxʏᴍᴏᴛʜᴇʀғᴜᴄᴋᴇʀ%20(%20ROME%20)">YOU</a></i>
  670. <center><img src="http://i.imgur.com/nblBBpz.gif" /></center>
  671. </p>
  672. </div>
  673.  
  674. <div id="friend" class="popup_block">
  675. <table>
  676. <tr>
  677. <td><img src="http://i.imgur.com/yXVDTJ9.gif" /></td>
  678. <td><b>BELOVED 김종인</b>,<br />
  679. I hereby announce you that you're one of the important people in my life. My affection is expressed through both extremes: very much kissing or being a sour, sarcastic asshole. Regardless of all these, I very much love you and love talking to you.
  680. <a href="/tagged/*%20sᴡᴇᴇᴛ%20ʟɪᴋᴇ%20ᴀ%20ᴛɪɴʏ%20ᴘᴜᴘᴘʏ%20(%20JONGIN%20)" title="This is you, a hot puppy."><img src="http://24.media.tumblr.com/tumblr_lnnebdgK2w1qlue6co1_100.gif" height="20px" width="auto" />
  681. </td>
  682. </tr>
  683.  
  684.  
  685. <tr>
  686. <td><b>BELOVED JOO</b>,<br />
  687. As you may or may not know, I consider you my friend, my cuddle buddy and the only person I will say "oppa pls" on a daily basis to consider that my day can be ended succsessfully. You're a cute little person, especially when you get all cuddly. ILYSM.
  688. <a href="/tagged/*%20ᴀ%20ᴛʀᴀsʜᴄᴀɴ%20ᴏғ%20sᴇxʏ%20ᴘᴏᴛᴀᴛᴏᴇs%20(%20JOO%20)" title="My favourite loser of the losers."><img src="https://s-media-cache-ak0.pinimg.com/originals/9e/0a/85/9e0a8567f01987492a3f23b43b69663d.gif" height="20px" width="auto" />
  689. </td>
  690. <td><img src="http://i.imgur.com/ijxga45.gif" /></td>
  691. </tr>
  692.  
  693.  
  694. <tr>
  695. <td><img src="http://i.imgur.com/7l0aqKY.gif" /></td>
  696. <td>
  697. <b>BELOVED KIM DOYEON</b>,<br />
  698. My tall princess and sweetheart angel, I can't say how much you've grown onto me in the last couple of days. You're a piece of sunshine and somehow you always put me in a better mood. Just stay by my side because otherwise I'll just be a grumpy bean.
  699. </td>
  700. </tr>
  701. <h2>UNDER CO!</h2>
  702. </table>
  703. </div>
  704.  
  705.  
  706. <div id="bor"></div>
  707.  
  708. <div id="wrapper">
  709.  
  710. <div class="chris"><img src="http://i.imgur.com/YQ0zIe0.png" /></div>
  711. <div class="desc1"><b>CHRISTINE GRACE VANCE</b>, a 20 years old aspiring ballerina and owner of a <b>BEAUTY YOUTUBER</b>, is now residing in <b>SEOUL</b>, South Korea, leaving from <b>BRIGHTON</b>, England. She is a strong believer in using fashion as a <b>TOOL</b>, putting the spotlight on <b>YOURSELF</b>, bring yourself to be <b>THE BEST</b>.</div>
  712. <div class="desc2">
  713. she bares her name <i>PROUD</i> through the streets of a city she <i>BARELY</i> knows, but her steps are <i>EVER STEADY</i>, she can not be broken or bent.
  714. </div>
  715.  
  716. <div class="title">Princess of the <a href="">graceful,</a></div>
  717.  
  718. <div class="desc3">The pretty girl doesn’t know if she shows off her red lips, hips, legs, then everything is solved, it’s so comfortable. Everyone calls me a witch, comparing me with her, the victorious goddess smiles only at her, baby doll. I heard so much about the pretty girl in fairy tales; people listen close to her words in this strange land. Your eyes and nose, nothing looks special, even your slightly superior smile has a nervous light to it. Why's that?
  719. </div>
  720. <div class="chriss1">
  721. <img src="http://i.imgur.com/3rQpxOP.png" />
  722. </div>
  723.  
  724. <div class="links">
  725. <a href="/">home</a>
  726. <a href="/ask">inbox</a>
  727. <a href="/archive">past</a>
  728. <a href="/oo1">profile</a>
  729. <a href="/oo2">links</a>
  730. <a title="I'm not the real Krystal Jung, not affiliated with her, f(x) or SM Ent. My views do not reflect hers. Please don't approach my muse as hers, all messages as such will be ignored. Literate and selective. Plotting is encouraged!">disclaimer</a>
  731. </div>
  732. <div class="qualities">
  733. <div class="plus">
  734. <b>+</b> Kind, sweet, affectionate, caring, calm, observant etc
  735. </div>
  736. <div class="plus">
  737. <b>-</b> sarcastic, perfectionist, competitive, introverted
  738. </div>
  739. <div class="plus">
  740. <img src="http://i.imgur.com/oXcwJvZ.png" /> romcoms, fruits, beach, summer, make up, books etc
  741. </div>
  742. <div class="plus">
  743. <img src="http://i.imgur.com/M1tBmjr.png" /> cold, drama, night, alcohol, loud music etc
  744. </div>
  745. </div>
  746.  
  747. <div class="mmusic">
  748. <div class="mp3player">
  749. <div class="box">
  750. <div class="icon"><img src="http://67.media.tumblr.com/tumblr_m7w2o3N94I1r6o8v2.gif"></div>
  751. <div class="musicbox">
  752. <div class="music">
  753. <object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_multi.swf" width="200" height="100">
  754. <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_multi.swf" />
  755. <param name="bgcolor" value="{color:Background}" />
  756. <param name="FlashVars" value="mp3=http://k003.kiwi6.com/hotlink/674tpveuza/Lena_Park_and_Dynamic_Duo_-_SsSs.mp3
  757.  
  758. &amp;volume=50&amp;autoplay=1&amp;loop=1&amp;loadingcolor=888888&amp;bgcolor=d4d4d4&amp;bgcolor1=ffffff&amp;bgcolor2=ffffff&amp;buttoncolor=888888&amp;buttonovercolor=c9c9c9&amp;textcolor=888888" />
  759. </object>
  760. </div>
  761. </div>
  762. </div>
  763. </div>
  764. </div>
  765.  
  766. <div class="song">
  767. <b>SsSs</b> by Dynamic Duo & Lena Park (<a href="https://www.youtube.com/watch?v=7OjPBG-AuyU">source</a>)
  768. </div>
  769.  
  770. <div class="loev">
  771. <img src="http://i.imgur.com/sxH2pum.png" />
  772. </div>
  773. <div class="heartcrown">
  774. <a title="Love is like a box of chocolate and I'm lactose intolerant."><img src="http://i.imgur.com/M70V0ZU.png" /></a>
  775. </div>
  776. <div class="heartbeat">
  777. <a href="#?w=260" rel="friend" class="poplight" title="For all my friends, under co."><img src="http://orig06.deviantart.net/1721/f/2008/156/c/f/floating_hearts_1_by_catluvr2.gif" /></a>
  778. </div>
  779.  
  780. <div class="frd">
  781. <a href="#?w=260" rel="rome" class="poplight" title="My Romeo, my roommate, the biggest loser in my life."><img src="http://i.imgur.com/0PtHarK.png" /></a>
  782. <a href="#?w=260" rel="rien" class="poplight" title="My personal teddy bear, a match for your tiny person."><img src="http://i.imgur.com/FB3CaGN.png" /></a>
  783. </div>
  784.  
  785. <div class="desc4">
  786. She doesn't call it pain, she calls it passion. She doesn't say she's put effort into it, she says she's dedicated. She walks as grace now.
  787. </div>
  788. <div class="line"></div>
  789. <div class="coll">
  790. <a href="http://ktubers.tumblr.com/">KTUBERS</a> && <a href="http://klinerp.tumblr.com/">KLINERS</a> && <a href="http://originalites.tumblr.com/">ORIGINALS</a>
  791. </div>
  792. </div>
  793.  
  794.  
  795.  
  796. <div id="entries">
  797. {block:Posts}
  798.  
  799. {block:ContentSource}
  800. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  801. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  802. {/block:SourceLogo}
  803. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  804.  
  805. <!-- {ReblogParentURL}{block:ReblogParentLogo}<img src="{BlackLogoURL}"
  806. width="{LogoWidth}" height="{LogoHeight}" alt="{ReblogParentTitle}" />
  807. {/block:ReblogParentLogo}
  808. {block:NoReblogParentLogo}{ReblogParentLink}{/block:NoReblogParentLogo} -->
  809. {/block:ContentSource}
  810.  
  811. <div id="post">
  812.  
  813. <!-- TEXT POSTS -->
  814. {block:Text}
  815. <div class="posttitle">{block:Title}<a href="{Permalink}">{Title}</a>{/block:Title}</div>
  816. <div class="caption">{Body}</div>
  817. {/block:Text}
  818.  
  819. <!-- PHOTO POSTS -->
  820. {block:Photo}
  821. <div class="photopost"><center>{LinkOpenTag}<img src="{PhotoURL-250}">{LinkCloseTag}</center></div>
  822. <div class="caption">{block:Caption}{Caption}{/block:Caption}</div>
  823.  
  824. {/block:Photo}
  825.  
  826. <!-- PHOTOSET POSTS -->
  827. {block:Photoset}
  828. <div class="photosetpost">{Photoset-250}</div>
  829. <div class="caption">{block:Caption}{Caption}{/block:Caption}</div>
  830. {/block:Photoset}
  831.  
  832. <!-- QUOTE POSTS -->
  833. {block:Quote}
  834. <div class="quote">{Quote}</div>
  835. <div class="source">{block:Source} —{Source}{/block:Source}</div>
  836. {/block:Quote}
  837.  
  838. <!-- LINK POSTS -->
  839. {block:Link}
  840. <div class="posttitle"><a href="{URL}" {Target}>{Name}</a></div>
  841. {block:Description}{Description}{/block:Description}
  842. {/block:Link}
  843.  
  844. <!-- CHAT POSTS -->
  845. {block:Chat}
  846. <div class="posttitle">{block:Title}{Title}{/block:Title}</div>
  847. <div class="chat">
  848. {block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}</div>
  849. {/block:Chat}
  850.  
  851.  
  852. <!-- ASK POST -->
  853. {block:Answer}
  854. <div class="asker">{Asker} SAID:</div>
  855. <div class="question">{Question}</div>
  856. {Answer}
  857. {/block:Answer}
  858.  
  859. <!-- AUDIO POST -->
  860. {block:Audio}
  861. <div class="player">{AudioPlayerGrey}</div>
  862. <div class="details">
  863. {block:TrackName}{TrackName}{/block:TrackName} by {block:Artist}{Artist}{/block:Artist}</div>
  864. <div class="caption">{block:Caption}{Caption}{/block:Caption}</div>
  865. {/block:Audio}
  866.  
  867. <!-- VIDEO POST -->
  868. {block:Video}
  869. <div class="video">{Video-250}</div>
  870. <div class="caption">{block:Caption}{Caption}{/block:Caption}</div>
  871. {/block:Video}
  872.  
  873. {block:IndexPage}
  874. <div class="perma">
  875. <span class="pperma">
  876. <a href="{Permalink}" target="_blank" class="r">{NoteCountWithLabel}</a><br>
  877. <a href="{ReblogURL}" target="_blank" class="r">REBLOG?</a>
  878. </span>
  879. <a href="{Permalink}" target="_blank">{DayOfMonth} {Month}</a><br>
  880. <a href="{Permalink}" target="_blank" title="{block:HasTags}{block:Tags}#{Tag}{/block:Tags}{/block:HasTags}">TAGGED</a>
  881. </div>
  882. {/block:IndexPage}
  883.  
  884. {block:PermalinkPage}
  885. <div class="pinfo">
  886. Posted on {DayOfMonth} {Month} {Year} with {NoteCountWithLabel}.<br />
  887. Tagged as: {block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}{/block:HasTags}.
  888. </div>
  889.  
  890. <div class="notes">{block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  891. {/block:PermalinkPage}
  892.  
  893. </div>
  894. {/block:Posts}
  895.  
  896. {block:IndexPage}
  897. <div class="pagi">
  898. {block:PreviousPage}<a href="{PreviousPage}">PREV</a>{/block:PreviousPage} // {block:NextPage}<a href="{NextPage}">NEXT</a>{/block:NextPage}
  899. </div>
  900. {/block:IndexPage}
  901. </div>
  902.  
  903. <div id="credit"><a href="http://chrvstn.tumblr.com/" title="Theme by mun. Please don't steal the codes! Optimized for Chrome 1366 x 786">♕</a>
  904. </div>
  905. </body></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!