Advertisement
xariaaaa

[THEME] ᴀɴɢᴇʟ ᴏɴ sɪxᴛʜ ᴀᴠᴇɴᴜᴇ

Dec 3rd, 2016
195
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 23.01 KB | None | 0 0
  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="#e9e9e9" />
  12. <meta name="color:Background" content="#ffffff" />
  13. <meta name="color:Accent" content="#baa4a8" />
  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: "Darleston";
  223. color: {color:Accent};
  224. text-align:center;
  225. font-size: 30px;
  226. letter-spacing: 1px;
  227. }
  228.  
  229. .question {
  230. font-size: 10px;
  231. text-transform: uppercase;
  232. padding: 10px;
  233. border-top: 1px dotted {color:Accent};
  234. background-color: {color:Background};
  235. text-align: justify;
  236. }
  237.  
  238. /* POST PERMA */
  239.  
  240. .perma {
  241. margin-top: 15px;
  242. padding-top: 15px;
  243. line-height: 10px;
  244. border-top: 1px solid {color:Background};
  245. font-size: 9px;
  246. position: relative;
  247. text-transform :uppercase;
  248. }
  249.  
  250. .perma a {
  251. display:inline-block;
  252. }
  253.  
  254. .perma .pperma {
  255. float:right;
  256. display:inline-block;
  257. text-align:right;
  258. }
  259.  
  260. .pinfo {
  261. margin-top: 20px;
  262. padding-top: 10px;
  263. border-top: 1px solid white;
  264. font-family: "Aspex";
  265. font-size: 10px;
  266. text-align: center;
  267. }
  268.  
  269. .notes img {
  270. display: none;
  271. }
  272.  
  273. .notes {
  274. font-family: "Calibri";
  275. font-size: 10px;
  276. text-align: justify;
  277. text-transform: uppercase;
  278. }
  279.  
  280. #credit {
  281. position: fixed;
  282. bottom: 5px;
  283. left: 5px;
  284. font-family: "Calibri";
  285. font-size: 12px;
  286. text-transform: uppercase;
  287. }
  288.  
  289. .pagi {
  290. margin-top: 30px;
  291. font-size: 20px;
  292. font-family: "Bebas Neue";
  293. width: 250px;
  294. text-align: center;
  295. }
  296.  
  297. #s-m-t-tooltip{
  298. max-width: 200px;
  299. margin-top: 15px;
  300. margin-left: 15px;
  301. padding: 5px;
  302. border-left: 1px solid {color:Background};
  303. z-index:9999999999999999999999;
  304. background-color:{color:PostBackground};
  305. color: {color:Text};
  306. font-family: "Calibri";
  307. text-align: justify;
  308. font-size: 10px;
  309. line-height: 13px;
  310. letter-spacing: 1px;
  311. text-transform: uppercase;
  312. box-shadow: 0px 0px 10px {color:Background};
  313. }
  314.  
  315. /* POPUP */
  316.  
  317. /* POPUP BOX */
  318. .popup_block{
  319. top: 50%;
  320. left: 50%;
  321. float: left;
  322. display: none;
  323. padding: 25px;
  324. background: {color:PostBackground};
  325. max-height: 300px;
  326. overflow-y: auto;
  327. font-family: "Calibri";
  328. text-align: justify;
  329. color: {color:Text};
  330. font-size: 10px;
  331. text-transform: uppercase;
  332. position: fixed;
  333. overflow-y: auto;
  334. z-index: 9999999999;
  335. }
  336.  
  337. .popup_block h2 {
  338. font-family: "Aspex";
  339. font-size: 20px;
  340. color: {color:Accent};
  341. text-align: justify;
  342. }
  343.  
  344. *html #fade {
  345. position: absolute;
  346. }
  347.  
  348. *html .popup_block {
  349. position: absolute;
  350. }
  351.  
  352. #fade {
  353. opacity: 1;
  354. background-color: {color:Background};
  355. display: none;
  356. position: fixed;
  357. left: 0px;
  358. top: 0px;
  359. width: 100%;
  360. height: 100%;
  361. z-index: 99999999;
  362. }
  363.  
  364. #wrap {
  365. height: 500px;
  366. width: 500px;
  367. position: fixed;
  368. float: right;
  369. right: 200px;
  370. bottom: 0px;
  371. }
  372.  
  373. .princess1 {
  374. height: 504px;
  375. width: 170px;
  376. float: right;
  377. margin-right: -30px;
  378. }
  379.  
  380. .bottomline {
  381. position: absolute;
  382. z-index: -9;
  383. margin-top: 395px;
  384. height: 105px;
  385. width: 420px;
  386. }
  387.  
  388. .one {
  389. display: inline-block;
  390. margin-right: 5px;
  391. height: 85px;
  392. width: 65px;
  393. padding: 10px;
  394. background-color: {color:PostBackground};
  395. font-family: "Calibri";
  396. font-size: 9px;
  397. text-align: justify;
  398. text-transform: uppercase;
  399. color: {color:Text};
  400. line-height: 15px;
  401. }
  402.  
  403. .one c, .desc c {
  404. color: {color:Accent};
  405. padding: 2px;
  406. border: 1px solid {color:Accent};
  407. font-size: 12px;
  408. letter-spacing: 2px;
  409. }
  410.  
  411. .line1, line2 {
  412. width: 420px;
  413. height: 10px;
  414. background-color: {color:PostBackground};
  415. }
  416.  
  417. .line1 {
  418. margin-top: 380px;
  419. }
  420.  
  421. .princess2 {
  422. position: absolute;
  423. z-index: 999;
  424. margin-top: -309px;
  425. }
  426.  
  427. .desc {
  428. height: 90px;
  429. width: 300px;
  430. padding: 10px;
  431. background-color: {color:PostBackground};
  432. margin-left: 100px;
  433. margin-top: -125px;
  434. font-family: "Calibri";
  435. font-size: 10px;
  436. text-transform: uppercase;
  437. color: {color:Text};
  438. text-align: justify;
  439. line-height: 15px;
  440. }
  441.  
  442. .poup {
  443. height: 160px;
  444. width: 320px;
  445. margin-left: 100px;
  446. margin-top: -275px;
  447. position: absolute;
  448. z-index: -9;
  449. }
  450.  
  451. .ha {
  452. background-color: {color:PostBackground};
  453. margin-bottom: 5px;
  454. width: 310px;
  455. height: 40px;
  456. padding: 5px;
  457. }
  458.  
  459. .plm {
  460. width: 320px;
  461. height: 20px;
  462. background: {color:PostBackground};
  463. margin-left: 100px;
  464. margin-top: -300px;
  465. }
  466.  
  467. /* DARLESTON */
  468. @font-face { font-family: "darleston"; src: url('https://dl.dropboxusercontent.com/s/pon2nz49g2gofuu/Darleston.otf') }
  469.  
  470. .links {
  471. position: absolute;
  472. z-index: 1;
  473. font-family: "Bebas";
  474. font-size: 15px;
  475. text-align: justify;
  476. width: 320px;
  477. margin-left: 102px;
  478. margin-top: -22px;
  479. word-spacing: 16px;
  480. }
  481.  
  482. .xmas{
  483. margin-left: 50px;
  484. position: absolute;
  485. z-index: -1;
  486. margin-top: -60px;
  487. font-size: 40px;
  488. font-family: "darleston";
  489. color: {color:Accent};
  490. }
  491.  
  492. .crown {
  493. height: 30px;
  494. width: 30px;
  495. transform: rotate(40deg);
  496. margin-left: 70px;
  497. margin-top: -28px;
  498. }
  499. </style>
  500.  
  501. <!-- S-M-T-TOOLTIP JAVA -->
  502.  
  503. <script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js'></script>
  504. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  505. <script>
  506. (function($){
  507. $(document).ready(function(){
  508. $("[title]").style_my_tooltips();
  509. });
  510. })(jQuery);
  511. </script>
  512.  
  513. </head>
  514. <body>
  515.  
  516. <div id="rien" class="popup_block">
  517. <strike><h2>Dear Wu Daeryong,</h2>
  518. <p> still hate calling you that.</p></strike>
  519. <h2>Dear Rien,</h2>
  520. <p>
  521. 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 />
  522. 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 />
  523. 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 />
  524. 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 />
  525. <center><img src="https://s-media-cache-ak0.pinimg.com/236x/58/75/3b/58753b8042f31bfd6005082a40225c2f.jpg" /></center>
  526. </p>
  527. </div>
  528.  
  529. <div id="rome" class="popup_block">
  530. <h2>Dear Yu Barom,</h2>
  531. <p>
  532. 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 />
  533. 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 />
  534. 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 />
  535. <i>YU BAROM, I LOVE <strike>JAY PARK</strike> <a href="/tagged/*%20??s?x?????????????%20(%20ROME%20)">YOU</a></i>
  536. <center><img src="http://i.imgur.com/nblBBpz.gif" /></center>
  537. </p>
  538. </div>
  539.  
  540. <div id="friend" class="popup_block">
  541. <table>
  542. <tr>
  543. <td><img src="http://i.imgur.com/yXVDTJ9.gif" /></td>
  544. <td><b>BELOVED ???</b>,<br />
  545. 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.
  546. <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" />
  547. </td>
  548. </tr>
  549.  
  550.  
  551. <tr>
  552. <td><b>BELOVED JOO</b>,<br />
  553. 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.
  554. <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" />
  555. </td>
  556. <td><img src="http://i.imgur.com/ijxga45.gif" /></td>
  557. </tr>
  558.  
  559.  
  560. <tr>
  561. <td><img src="http://i.imgur.com/7l0aqKY.gif" /></td>
  562. <td>
  563. <b>BELOVED KIM DOYEON</b>,<br />
  564. 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.
  565. </td>
  566. </tr>
  567. <h2>UNDER CO!</h2>
  568. </table>
  569. </div>
  570.  
  571. <div id="wrap">
  572. <div class="princess1"><img src="http://i.imgur.com/hf5j05y.png" /></div>
  573. <div class="bottomline">
  574. <div class="one">
  575. &nbsp; &nbsp; &nbsp;<c>plus</c><br />
  576. Kind, patient, bright, sweet, art oriented, open minded, creative etc.
  577. </div>
  578. <div class="one">
  579. &nbsp; &nbsp;<c>minus</c><br />
  580. stubborn, un-stable, bipolar, spoiled, sar-castic, abrupt, critical etc
  581. </div>
  582. <div class="one">
  583. &nbsp; &nbsp; &nbsp; <c>like</c><br />
  584. ballet music, summer, pink, cats, shopping, drawing, tra, travelling etc
  585. </div>
  586. <div class="one">
  587. &nbsp;&nbsp;<c>dislike</c><br />
  588. cold, winter, loud noises, fighting, milk, drugs, hate, rudeness etc
  589. </div>
  590. </div>
  591. <div class="line1"></div>
  592.  
  593. <div class="princess2"><img src="http://i.imgur.com/W7RXSQd.png" /></div>
  594.  
  595. <div class="desc">
  596. <c>CHRISTINE VANCE</c>, a twenty years old young woman coming from Brighton to Seoul to pursue her mother's dream of becoming a successful ballerina. She's a quiet beauty-vlogger, that is mosty orientated on minimalist day-to-day make up; sometimes featuring kpop-inspired looks.
  597. </div>
  598. <div class="poup">
  599. <div class="ha">
  600. <a href="#?w=260" rel="friend" class="poplight" title="For all my friends, under co."><img src="http://i.imgur.com/Z2ifmtH.gif" /></a>
  601. </div>
  602. <div class="ha">
  603. <a href="#?w=260" rel="rome" class="poplight" title="For my best friend, my room mate and number once source of stress."><img src="http://i.imgur.com/WBsICmI.gif" /></a>
  604. </div>
  605. <div class="ha">
  606. <a href="#?w=260" rel="rien" class="poplight" title="for Rien, the only teddy bear I need as an adult."><img src="http://i.imgur.com/kQ01aut.gif" /></a>
  607. </div>
  608. </div>
  609. <div class="plm"></div>
  610.  
  611. <div class="links">
  612. <a href="/">HOME</a>
  613. <a href="/ask">INBOX</a>
  614. <a href="/archive">ARCHIVE</a>
  615. <a href="#">PROFILE</a>
  616. <a href="#">LINKS</a>
  617. </div>
  618. <div class="xmas">An angel on the corner of sixth avenue</div>
  619. <div class="crown"><a title="A princess that awaits for a prince"><img src="http://68.media.tumblr.com/tumblr_lwwm572JiV1qbs47q.gif" /></a></div>
  620. </div>
  621.  
  622. <div id="entries">
  623. {block:Posts}
  624.  
  625. {block:ContentSource}
  626. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  627. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  628. {/block:SourceLogo}
  629. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  630.  
  631. <!-- {ReblogParentURL}{block:ReblogParentLogo}<img src="{BlackLogoURL}"
  632. width="{LogoWidth}" height="{LogoHeight}" alt="{ReblogParentTitle}" />
  633. {/block:ReblogParentLogo}
  634. {block:NoReblogParentLogo}{ReblogParentLink}{/block:NoReblogParentLogo} -->
  635. {/block:ContentSource}
  636.  
  637. <div id="post">
  638.  
  639. <!-- TEXT POSTS -->
  640. {block:Text}
  641. <div class="posttitle">{block:Title}<a href="{Permalink}">{Title}</a>{/block:Title}</div>
  642. <div class="caption">{Body}</div>
  643. {/block:Text}
  644.  
  645. <!-- PHOTO POSTS -->
  646. {block:Photo}
  647. <div class="photopost"><center>{LinkOpenTag}<img src="{PhotoURL-250}">{LinkCloseTag}</center></div>
  648. <div class="caption">{block:Caption}{Caption}{/block:Caption}</div>
  649.  
  650. {/block:Photo}
  651.  
  652. <!-- PHOTOSET POSTS -->
  653. {block:Photoset}
  654. <div class="photosetpost">{Photoset-250}</div>
  655. <div class="caption">{block:Caption}{Caption}{/block:Caption}</div>
  656. {/block:Photoset}
  657.  
  658. <!-- QUOTE POSTS -->
  659. {block:Quote}
  660. <div class="quote">{Quote}</div>
  661. <div class="source">{block:Source} —{Source}{/block:Source}</div>
  662. {/block:Quote}
  663.  
  664. <!-- LINK POSTS -->
  665. {block:Link}
  666. <div class="posttitle"><a href="{URL}" {Target}>{Name}</a></div>
  667. {block:Description}{Description}{/block:Description}
  668. {/block:Link}
  669.  
  670. <!-- CHAT POSTS -->
  671. {block:Chat}
  672. <div class="posttitle">{block:Title}{Title}{/block:Title}</div>
  673. <div class="chat">
  674. {block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}</div>
  675. {/block:Chat}
  676.  
  677.  
  678. <!-- ASK POST -->
  679. {block:Answer}
  680. <div class="asker">{Asker}</div>
  681. <div class="question">{Question}</div>
  682. {Answer}
  683. {/block:Answer}
  684.  
  685. <!-- AUDIO POST -->
  686. {block:Audio}
  687. <div class="player">{AudioPlayerGrey}</div>
  688. <div class="details">
  689. {block:TrackName}{TrackName}{/block:TrackName} by {block:Artist}{Artist}{/block:Artist}</div>
  690. <div class="caption">{block:Caption}{Caption}{/block:Caption}</div>
  691. {/block:Audio}
  692.  
  693. <!-- VIDEO POST -->
  694. {block:Video}
  695. <div class="video">{Video-250}</div>
  696. <div class="caption">{block:Caption}{Caption}{/block:Caption}</div>
  697. {/block:Video}
  698.  
  699. {block:IndexPage}
  700. <div class="perma">
  701. <span class="pperma">
  702. <a href="{Permalink}" target="_blank" class="r">{NoteCountWithLabel}</a><br>
  703. <a href="{ReblogURL}" target="_blank" class="r">REBLOG?</a>
  704. </span>
  705. <a href="{Permalink}" target="_blank">{DayOfMonth} {Month}</a><br>
  706. <a href="{Permalink}" target="_blank" title="{block:HasTags}{block:Tags}#{Tag}{/block:Tags}{/block:HasTags}">TAGGED</a>
  707. </div>
  708. {/block:IndexPage}
  709.  
  710. {block:PermalinkPage}
  711. <div class="pinfo">
  712. Posted on {DayOfMonth} {Month} {Year} with {NoteCountWithLabel}.<br />
  713. Tagged as: {block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}{/block:HasTags}.
  714. </div>
  715.  
  716. <div class="notes">{block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  717. {/block:PermalinkPage}
  718.  
  719. </div>
  720. {/block:Posts}
  721.  
  722. {block:IndexPage}
  723. <div class="pagi">
  724. {block:PreviousPage}<a href="{PreviousPage}">PREV</a>{/block:PreviousPage} // {block:NextPage}<a href="{NextPage}">NEXT</a>{/block:NextPage}
  725. </div>
  726. {/block:IndexPage}
  727. </div>
  728.  
  729. <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>
  730. </div>
  731.  
  732. <script type="text/javascript" src="http://static.tumblr.com/qsifglb/mZjl87ts1/f8.js"></script>
  733.  
  734. <script type="text/javascript">
  735. snowStorm.snowColor = '#baa4a8'; //
  736. snowStorm.flakesMaxActive = 30;
  737. </script>
  738.  
  739. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement