Advertisement
ammetrine

Liar Theme by Cxcti

Jan 29th, 2017
153
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 18.67 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <head>
  3. <script src=“http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js”></script>
  4. <script>
  5. (function($){
  6. $(document).ready(function(){
  7. $(“[title],a[title],img[title]”).style_my_tooltips({
  8. tip_follows_cursor:true,
  9. tip_delay_time:90,
  10. tip_fade_speed:600,
  11. attribute:“title”
  12. });
  13. });
  14. })(jQuery);
  15. </script>
  16.  
  17. <link href="https://fonts.googleapis.com/css?family=Tinos" rel="stylesheet">
  18. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
  19. <script type="text/javascript"
  20. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  21. <script>
  22. $(document).ready(function() {
  23. //
  24. $('a.poplight[href^=#]').click(function() {
  25. var popID = $(this).attr('rel'); //Get Popup Name
  26. var popURL = $(this).attr('href'); //Get Popup href to define size
  27. var query= popURL.split('?');
  28. var dim= query[1].split('&');
  29. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  30. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  31. var popMargTop = ($('#' + popID).height() + 80) / 2;
  32. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  33. //Apply Margin to Popup
  34. $('#' + popID).css({
  35. 'margin-top' : -popMargTop,
  36. 'margin-left' : -popMargLeft
  37. });
  38. $('body').append('<div id="fade"></div>');
  39. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  40. return false;
  41. });
  42. $('a.close, #fade').live('click', function() {
  43. $('#fade , .popup_block').fadeOut(function() {
  44. $('#fade, a.close').remove(); //fade them both out
  45. });
  46. return false;
  47. });
  48. });
  49. </script>
  50.  
  51.  
  52.  
  53.  
  54. <title>{Title}</title>
  55.  
  56. <link rel="shortcut icon" href="{Favicon}">
  57. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  58. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  59.  
  60.  
  61. <meta name="image:Background" content=""/>
  62. <meta name="color:Background" content="#ffffff"/>
  63. <meta name="color:Border" content="#E3CBC3"/>
  64. <meta name="color:Blog Title" content="#e3cbc3"/>
  65. <meta name="color:Description" content="#000000" />
  66. <meta name="color:Text" content="#000000"/>
  67. <meta name="color:Link" content="#E3CBC3"/>
  68. <meta name="color:Link Hover" content="#000000"/>
  69. <meta name="color:Navlink" content="#E3CBC3"/>
  70. <meta name="color:Navlink Hover" content="#000000"/>
  71. <meta name="color:Perma" content="#E3CBC3"/>
  72. <meta name="color:Perma Hover" content="#000000"/>
  73. <meta name="color:Perma Border" content="#000000"/>
  74. <meta name="color:Scrollbar" content="#E3CBC3"/>
  75. <meta name="color:Sidebar Border" content="#E3CBC3"/>
  76. <meta name="color:Credit BG" content="#ffffff"/>
  77.  
  78. <meta name="if:Show Custom Link 1" content="1"/>
  79. <meta name="if:Show Custom Link 2" content="1"/>
  80. <meta name="if:Show Custom Link 3" content="1"/>
  81.  
  82.  
  83. <meta name="text:Link 1 URL" content="" />
  84. <meta name="text:Link 2 URL" content="" />
  85. <meta name="text:Link 3 URL" content="" />
  86. <meta name="text:Link 1 Tooltip" content="" />
  87. <meta name="text:Link 2 Tooltip" content="" />
  88. <meta name="text:Link 3 Tooltip" content="" />
  89.  
  90.  
  91. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  92.  
  93.  
  94. <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  95. <script>
  96. (function($){
  97. $(document).ready(function(){
  98. $("[title]").style_my_tooltips({
  99. tip_follows_cursor:true,
  100. tip_delay_time:0,
  101. tip_fade_speed:0
  102. }
  103. );
  104. });
  105. })(jQuery);
  106. </script>
  107.  
  108.  
  109. <link href='http://fonts.googleapis.com/css?family=Lato' rel='stylesheet' type='text/css'>
  110.  
  111.  
  112. <style type="text/css">
  113. /** basic tooltip from tutorial-baby**/
  114. .tooltip{
  115. display:inline;
  116. position:relative;
  117. }
  118. #s-m-t-tooltip{
  119. max-width:300px; /*how big the tooltip can be at most*/
  120. border-radius: 0px; /*change your border radius*/
  121. padding:3px 4px 5px 4px; /*padding inside tooltip*/
  122. margin:20px 7px -2px 20px; /*distance from word*/
  123. background-color:#ffffff;/*background color*/
  124. font-size:9px; /*tooltip font size*/
  125. letter-spacing:2px; /*tooltip letter spacing*/
  126. text-transform:normal; /*makes the tooltip title uppercase*/
  127. color:{color:Text}; /*tooltip font color*/
  128. z-index:9999999999;
  129. }
  130.  
  131. #top {
  132. height:100px;
  133. width:100%;
  134. top:0;
  135. background-color:{color:Border};
  136. z-index:999;
  137. position:fixed;}
  138.  
  139. #left {
  140. width:240px;
  141. height:100%;
  142. background-color:{color:Border};
  143. z-index:999;
  144. left:0;
  145. position:fixed;}
  146.  
  147. #bottom {
  148. height:100px;
  149. width:100%;
  150. bottom:0;
  151. background-color:{color:Border};
  152. z-index:999;
  153. position:fixed;}
  154.  
  155. #right {
  156. width:240px;
  157. height:100%;
  158. right:0;
  159. background-color:{color:Border};
  160. z-index:999;
  161. position:fixed;}
  162.  
  163. ::-webkit-scrollbar-thumb{
  164. background-color:{color:scrollbar};
  165. border:1px solid {color:background};
  166. height:6px;
  167. }
  168.  
  169. ::-webkit-scrollbar {
  170. height:6px;
  171. width:4px;
  172. background-color:{color:background};
  173. }
  174.  
  175. #s-m-t-tooltip{
  176. position:absolute;
  177. margin-top: 15px;
  178. z-index:9999;
  179. background:{color:background};
  180. }
  181.  
  182.  
  183. body {
  184. background:{color:Background};
  185. color:{color:text};
  186. font-family: 'Tinos', serif;
  187. font-size:11px;
  188. text-align:center;
  189. margin:0;
  190. line-height:16px;
  191.  
  192.  
  193. background-color:{color:Background};
  194. background-image:url('{image:background}');
  195. background-attachment:fixed;
  196.  
  197. }
  198.  
  199.  
  200. a {
  201. color:{color:link};
  202. text-decoration:none;
  203. -webkit-transition: all 0.2s ease-in-out;
  204. -moz-transition: all 0.2s ease-in-out;
  205. -o-transition: all 0.2s ease-in-out;
  206. }
  207.  
  208.  
  209. #sidebar {
  210. text-align:left;
  211. position:fixed;
  212. right:305px;
  213. top:310px;
  214. width:170px;
  215. height:auto;
  216. padding:10px;
  217. z-index:999;
  218. background:transparent;
  219. border:solid 1px {color:Sidebar Border};
  220.  
  221. {block:if1column}
  222. width:auto;
  223. right:360px;
  224. {/block:if1column}
  225.  
  226. {block:if2column}
  227. width:auto;
  228. right:140px;
  229. {/block:if2column}
  230. }
  231.  
  232.  
  233. #blogt {
  234. margin-top:10px;
  235. font-size:22px;
  236. text-align:center;
  237. font-family: 'Tinos', serif;
  238. text-transform:normal;
  239. color:{color:Blog Title};
  240. border:solid 1px {color:Sidebar Border};
  241. padding:7px;
  242. }
  243.  
  244.  
  245. .navlinks {
  246. margin-top:10px;
  247. line-height:16px;
  248. text-transform:lowercase;
  249. position:relative;
  250. font-family: 'Tinos', serif;
  251. text-align:center;
  252. font-size:11px;
  253. border:solid 1px {color:Sidebar Border};
  254. padding-top:7px;
  255. padding-left:7px;
  256. padding-right:7px;
  257. padding-bottom:-3px;
  258. }
  259.  
  260.  
  261. .navlinks a {
  262. color:{color:Navlink};
  263. margin-right:5px;
  264. margin-bottom:5px;
  265. display:inline-block;
  266. }
  267.  
  268.  
  269. .navlinks a:hover {
  270. color:{color:Navlink Hover};
  271. -webkit-transition:opacity 0.3s ease-in-out; opacity: 0.5;
  272. -webkit-transition:all 0.3s ease-in-out;
  273. -moz-transition:all 0.3s ease-in-out;
  274. transition:all 0.3s ease-in-out;
  275. }
  276.  
  277.  
  278. #description {
  279. margin-top:10px;
  280. color:{color:Description};
  281. font-family: 'Tinos', serif;
  282. text-align:center;
  283. }
  284.  
  285.  
  286. #con {
  287. left:50%;
  288. margin-left:-250px;
  289. position:absolute;
  290. }
  291.  
  292.  
  293. #entries {
  294. margin-top:120px;
  295. width:630px;
  296. margin-left:-140px;
  297.  
  298. {block:PermalinkPage}
  299. width:500px;
  300. margin-right:30px;
  301. {/block:PermalinkPage}
  302. }
  303.  
  304.  
  305. .posts {
  306. background:transparent;
  307. width:200px;
  308. float:left;
  309. margin-right:40px;
  310. padding:25px 25px 0px 25px;
  311. {block:IndexPage}
  312. margin-bottom:40px;
  313. {/block:IndexPage}
  314.  
  315.  
  316. {block:PermalinkPage}
  317. width:500px;
  318. margin-bottom:30px;
  319. position:relative;
  320. float:left;
  321. {/block:PermalinkPage}
  322. }
  323.  
  324.  
  325. .posts img {
  326. max-width:250px;
  327. }
  328.  
  329. .posts img, .posts li, .posts blockquote {max-width: 100%;}
  330. .caption {width:100%;
  331. margin-top:10px;
  332.  
  333. }
  334.  
  335. #title {
  336. font-size:12px;
  337. line-height:18px;
  338. margin-bottom:7px;
  339. text-transform:normal;
  340. text-align:center;
  341. text-decoration:underline;
  342. }
  343.  
  344.  
  345. .text {
  346. font-size:11px;
  347. font-family: 'Tinos', serif;
  348. }
  349.  
  350.  
  351. .text a:hover {
  352. text-decoration:underline;
  353. -webkit-transition:opacity 0.3s ease-in-out; opacity: 0.5;
  354. -webkit-transition:all 0.3s ease-in-out;
  355. -moz-transition:all 0.3s ease-in-out;
  356. transition:all 0.3s ease-in-out;
  357. }
  358.  
  359.  
  360. #quote{
  361. text-align:left;
  362. font-size:14px;
  363. line-height:18px;
  364. font-weight:bold;
  365. }
  366.  
  367.  
  368. #quote a:hover {
  369. text-decoration:underline;
  370. -webkit-transition:opacity 0.3s ease-in-out; opacity: 0.5;
  371. -webkit-transition:all 0.3s ease-in-out;
  372. -moz-transition:all 0.3s ease-in-out;
  373. transition:all 0.3s ease-in-out;
  374. }
  375.  
  376.  
  377. #quotesource {
  378. margin-top:15px;
  379. margin-left:15px;
  380.  
  381. }
  382.  
  383.  
  384. .player {
  385. width:25px;
  386. height:25px;
  387. overflow:hidden;
  388. position:absolute;
  389. margin-left:12px;
  390. margin-top:12px;
  391. background:white;
  392. }
  393.  
  394.  
  395. .audioinfo {
  396. margin-left:70px;
  397. }
  398.  
  399.  
  400. .albumart {
  401. position:absolute;
  402. {block:IndexPage}
  403. width:60px;
  404. height:60px;
  405. {/block:IndexPage}
  406. {block:PermalinkPage}
  407. width:60px;
  408. height:60px;
  409. {/block:PermalinkPage}
  410. }
  411.  
  412.  
  413. .albumart img {
  414. float:left;
  415. {block:IndexPage}
  416. width:60px;
  417. height:60px;
  418. {/block:IndexPage}
  419. {block:PermalinkPage}
  420. width:60px;
  421. height:60px;
  422. {/block:PermalinkPage}
  423. }
  424.  
  425.  
  426. .question {
  427. margin-bottom:0px;
  428. padding-bottom:5px;
  429. border-bottom:solid 1px {color:Text};
  430. }
  431.  
  432. .asker {
  433. font-weight:bold;
  434. }
  435.  
  436.  
  437. .answer {
  438. margin-top:-10px;
  439. }
  440.  
  441.  
  442. .chat ol {
  443. padding:0;
  444. list-style:none;
  445. }
  446.  
  447.  
  448. .line {
  449. padding:5px 0;
  450. }
  451.  
  452.  
  453. .label {
  454. font-weight:bold;
  455. }
  456.  
  457. #permalink {
  458. margin-top:3px;
  459. margin-bottom:5px;
  460. font-size:11px;
  461. text-align:center;
  462. font-style:italic;
  463. padding:3px;
  464. background:transparent;
  465. border-radius:0px;
  466. border-top:solid 1px {color:Perma Border};
  467. }
  468.  
  469.  
  470. #permalink a {
  471. margin-left:10px;
  472. color:{color:Perma};
  473. padding:3px;
  474. }
  475.  
  476.  
  477. #permalink a:hover {
  478. padding:3px;
  479. color:{color:Perma Hover};
  480. -webkit-transition:opacity 0.3s ease-in-out; opacity: 0.5;
  481. -webkit-transition:all 0.3s ease-in-out;
  482. -moz-transition:all 0.3s ease-in-out;
  483. transition:all 0.3s ease-in-out;
  484. }
  485.  
  486.  
  487. .pagination {
  488. display:none;
  489. }
  490.  
  491.  
  492. .popup_block{
  493. display:none;
  494. background:#fff;
  495. padding:20px;
  496. border:1px solid #eee; /* if you want a solid white pop-up, delete this */
  497. float:left;
  498. position:fixed;
  499. top:50%;left:50%;
  500. z-index: 99999;
  501. -webkit-box-shadow: 0px 0px 20px #000; /* delete for solid white */
  502. -moz-box-shadow: 0px 0px 20px #000; /* delete for solid white */
  503. box-shadow: 0px 0px 20px #000; /* delete for solid white */
  504. }
  505.  
  506. *html #fade {position: absolute;}
  507. *html .popup_block {position: absolute;}
  508. #fade {
  509. display:none;
  510. position:fixed;
  511. left:0px;
  512. top:0px;
  513. width:100%;
  514. height:100%;
  515. z-index:9999;
  516. background:#000; /* change to #fff for solid white */
  517. opacity:0.5; /* change to opacity:1; */
  518. }
  519.  
  520.  
  521. .notes {
  522. padding-left:20px;
  523. font-size:11px;
  524. }
  525.  
  526. .pagination {
  527. display: none;
  528. }
  529.  
  530.  
  531. #credit {
  532. position:fixed;
  533. right:5px;
  534. bottom:5px;
  535. background:transparent;
  536. padding-top:5px;
  537. padding-right:5px;
  538. padding-left:5px;
  539. padding-bottom:2px;
  540. font-size:12px;
  541. font-family: 'Tinos', serif;
  542. z-index:9999;
  543. }
  544.  
  545. #credit a{
  546. color:#666;
  547. }
  548.  
  549. {CustomCSS}
  550. </style>
  551.  
  552. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  553.  
  554. <script src="http://static.tumblr.com/6hsqxdt/vmwm2rb4g/infinitescrolling.js"></script><script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  555.  
  556. <script>
  557. $(function(){
  558. var $container = $('#entries');
  559. $container.imagesLoaded(function(){
  560. $container.masonry({
  561. itemSelector: '.posts',
  562. });
  563. });
  564. $container.infinitescroll({
  565. itemSelector : ".posts",
  566. navSelector : "div.pagination",
  567. nextSelector : ".pagination a#next",
  568. loadingImg : "",
  569. loadingText : "<em></em>",
  570. bufferPx : 10000,
  571. extraScrollPx: 12000,
  572. },
  573. // trigger Masonry as a callback
  574. function( newElements ) {
  575. var $newElems = $( newElements ).css({ opacity: 0 });
  576. // ensure that images load before adding to masonry layout
  577. $newElems.imagesLoaded(function(){
  578. $newElems.animate({ opacity: 1 });
  579. $container.masonry( 'appended', $newElems, true );
  580. });
  581. }
  582. );
  583. });
  584. </script>
  585.  
  586.  
  587. </head>
  588.  
  589. <body>
  590.  
  591. <div id="top"></div>
  592. <div id="right"></div>
  593. <div id="bottom"></div>
  594. <div id="left"></div>
  595.  
  596. <div id="con">
  597.  
  598. <div id="credit"><a href="http://cxcti.tumblr.com/">CT</a></div>
  599.  
  600. <div id="sidebar">
  601.  
  602. <div id="blogt">{Title}</div>
  603. <div id="description">{Description}</div>
  604.  
  605. <div class="navlinks">
  606. <a href="/" title=home>.01</a>
  607. <a href="#?w=400" rel="box1" class="poplight" title=mail>.02</a>
  608. <a href="/archive" title=archive>.03</a>
  609. {block:ifShowCustomlink1}<a href="{text:Link 1 URL}" title={text:Link 1 Tooltip}>.04</a>{/block:ifShowCustomLink1}
  610. {block:ifShowCustomlink2}<a href="{text:Link 2 URL}" title={text:Link 2 Tooltip}>.05{/block:ifShowCustomLink2}
  611. {block:ifShowCustomlink3}<a href="{text:Link 3 URL}" title={text:Link 3 Tooltip}>.06</a>{/block:ifShowCustomLink3}
  612. <a href="http://cxcti.tumblr.com" target="_blank" title=credit><i class="fa fa-copyright"></i>
  613. </a>
  614. </div>
  615.  
  616. </div>
  617.  
  618.  
  619. <div id="entries">
  620.  
  621. {block:Posts}
  622.  
  623. <div class="posts">
  624.  
  625. {block:Quote}
  626. <div class="quote">
  627. '<strong><i>{Quote}</i></strong>'
  628. </div>
  629. {block:Source}
  630. <br><div class="quotesource">— {Source}</div>
  631. {/block:Source}
  632.  
  633. {block:IndexPage}
  634. <div id="permalink">
  635. {timeago}
  636. <a href="{Permalink}" >
  637. <i class="fa fa-heart-o" aria-hidden="true"></i></a>
  638. <a href="{ReblogURL}"><i class="fa fa-circle-thin" aria-hidden="true"></i></a>
  639. </div>
  640. {/block:IndexPage}
  641. {/block:Quote}
  642.  
  643.  
  644. {block:Text}
  645. {block:Title}
  646. <div id="title">{Title}</div>
  647. {/block:Title}
  648. <div class="text">
  649. {Body}
  650. </div>
  651.  
  652. {block:IndexPage}
  653. <div id="permalink">
  654. {timeago}
  655. <a href="{Permalink}" >
  656. <i class="fa fa-heart-o" aria-hidden="true"></i></a>
  657. <a href="{ReblogURL}"><i class="fa fa-circle-thin" aria-hidden="true"></i></a>
  658. </div>
  659. {/block:IndexPage}
  660. {/block:Text}
  661.  
  662.  
  663. {block:Link}
  664. <div id="title">
  665. <a href="{URL}">{Name}</a>
  666. </div>
  667. {block:Description}{Description}{/block:Description}
  668.  
  669. {block:IndexPage}
  670. <div id="permalink">
  671. {timeago}
  672. <a href="{Permalink}" >
  673. <i class="fa fa-heart-o" aria-hidden="true"></i></a>
  674. <a href="{ReblogURL}"><i class="fa fa-circle-thin" aria-hidden="true"></i></a>
  675. </div>
  676. {/block:IndexPage}
  677. {/block:Link}
  678.  
  679.  
  680. {block:Chat}
  681. {block:Title}
  682. <h1>{Title}</h1>
  683. {/block:Title}
  684. <div class="chat">
  685. <ol>{block:Lines}
  686. <li class="line {Alt}">
  687. {block:Label}
  688. <span class="label">
  689. {Label}</span>
  690. {/block:Label}{Line}</li>
  691. {/block:Lines}
  692. </ol>
  693. </div>
  694.  
  695. {block:IndexPage}
  696. <div id="permalink">
  697. {timeago}
  698. <a href="{Permalink}" >
  699. <i class="fa fa-heart-o" aria-hidden="true"></i></a>
  700. <a href="{ReblogURL}"</a>
  701. </div>
  702. {/block:IndexPage}
  703. {/block:Chat}
  704.  
  705.  
  706. {block:Photo}
  707. {block:IndexPage}
  708. <a href="{Permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}"/></a>
  709.  
  710. <div id="permalink">
  711. {timeago}
  712. <a href="{Permalink}" >
  713. <i class="fa fa-heart-o" aria-hidden="true"></i></a>
  714. <a href="{ReblogURL}"><i class="fa fa-circle-thin" aria-hidden="true"></i></a>
  715. </div>
  716. {/block:IndexPage}
  717.  
  718. {block:PermalinkPage}
  719. <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
  720. <br>
  721. {/block:PermalinkPage}
  722. {/block:Photo}
  723.  
  724.  
  725. {block:Photoset}
  726. <center>
  727. {block:Photos}
  728. {block:indexpage}
  729. <a href="{permalink}"><img src="{PhotoURL-500}" width="468px"/></a>
  730. {/block:indexpage}
  731. {block:permalinkpage}
  732. <img src="{PhotoURL-500}"/>
  733. {/block:permalinkpage}
  734. {/block:Photos}
  735. </center>
  736. <div id="permalink">
  737. {timeago}
  738. <a href="{Permalink}">
  739. <i class="fa fa-heart-o" aria-hidden="true"></i></a>
  740. <a href="{ReblogURL}"><i class="fa fa-circle-thin" aria-hidden="true"></i></a>
  741. </div>
  742. {/block:Photoset}
  743.  
  744.  
  745. {block:Video}
  746. {Video-250}
  747.  
  748. {block:IndexPage}
  749. <div id="permalink">
  750. {timeago}
  751. <a href="{Permalink}" >
  752. <i class="fa fa-heart-o" aria-hidden="true"></i></a>
  753. <a href="{ReblogURL}"><i class="fa fa-circle-thin" aria-hidden="true"></i></a>
  754. </div>
  755. {/block:IndexPage}
  756. {/block:Video}
  757.  
  758.  
  759. {block:Audio}
  760. {block:AlbumArt}
  761. <div class="albumart">
  762. <img src="{AlbumArtURL}">
  763. </div>
  764. {/block:AlbumArt}
  765. <div class="player">{AudioPlayerWhite}</div>
  766.  
  767. <div class="audioinfo">
  768. Title: {block:TrackName}{TrackName}{/block:TrackName}<br>
  769.  
  770. Artist: {block:Artist}{Artist}{/block:Artist}<br>
  771.  
  772. Plays: {block:PlayCount}{FormattedPlayCount}{/block:PlayCount}
  773.  
  774. {block:IndexPage}
  775. <div id="permalink">
  776. {timeago}
  777. <a href="{Permalink}" >
  778. <i class="fa fa-heart-o" aria-hidden="true"></i></a>
  779. <a href="{ReblogURL}"><i class="fa fa-circle-thin" aria-hidden="true"></i></a>
  780. </div>
  781. {/block:IndexPage}
  782. </div>
  783. {/block:Audio}
  784.  
  785.  
  786. {block:Answer}
  787. <div class="question">
  788. <div class="asker">{Asker} said: </div>
  789. {Question}
  790. </div>
  791. <div class="answer"><br><i>{Answer}</i></div>
  792.  
  793. {block:IndexPage}
  794. <div id="permalink">
  795. {timeago}
  796. <a href="{Permalink}" >
  797. <i class="fa fa-heart-o" aria-hidden="true"></i></a>
  798. <a href="{ReblogURL}"><i class="fa fa-circle-thin" aria-hidden="true"></i></a>
  799. </div>
  800. {/block:IndexPage}
  801. {/block:Answer}
  802.  
  803.  
  804.  
  805. {block:PermalinkPage}
  806. <div class="notes">
  807. {block:Date}{Caption} posted {TimeAgo}{/block:Date}
  808. {block:NoteCount} with {NoteCount} notes {/block:NoteCount}
  809. {block:RebloggedFrom}
  810. via <a href="{ReblogParentURL}">{ReblogParentName}</a>,
  811. {/block:RebloggedFrom}
  812. {block:ContentSource}originally from <a href="{SourceURL}">{SourceTitle} </a>{/block:ContentSource}
  813. <br>{block:hastags}{block:tags}#<a href="/tagged/{Tag}">{Tag}</a> &nbsp;&nbsp; {/block:tags}{/block:hastags}
  814. <br>{PostNotes}
  815. </div>
  816. {/block:PermalinkPage}
  817.  
  818. </div>
  819. {/block:Posts}
  820.  
  821. <div class="pagination">
  822. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">previous</a> &middot;{/block:PreviousPage} {block:NextPage}<a href="{NextPage}" id="next">next</a>{/block:NextPage}{/block:Pagination}
  823. </div>
  824.  
  825.  
  826.  
  827. </div>
  828.  
  829. </div>
  830.  
  831. </body>
  832.  
  833. <div id="box1" class="popup_block">
  834. <iframe frameborder="0" height="200" id="ask_form" scrolling="yes" src="http://www.tumblr.com/ask_form/{Name}.tumblr.com" width="100%"></iframe>
  835.  
  836. </div>
  837.  
  838.  
  839. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement