API tools faq
paste
Advertisement
ammetrine

Garnet Theme by Ammetrine

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