API tools faq
paste
Advertisement
singforabsolution

Theme 13

singforabsolution
Oct 13th, 2012
1,968
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.87 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. Theme by tomkirk.tumblr.com
  3. -->
  4.  
  5. <html>
  6. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  7. <html xmlns="http://www.w3.org/1999/xhtml">
  8. <head>
  9.  
  10. <!--Default Variables-->
  11. <!--Colors-->
  12. <meta name="color:Background" content="#ffffff"/>
  13. <meta name="color:Blog Title" content="#5a5959"/>
  14. <meta name="color:Post Title" content="#5a5959"/>
  15. <meta name="color:Link" content="#b1b3b4"/>
  16. <meta name="color:Link Hover" content="#8f8c81"/>
  17. <meta name="color:Scrollbar" content="#f0f0f0"/>
  18. <meta name="color:Scrollbar Background" content="#ffffff"/>
  19. <meta name="color:Text" content="#5a5959"/>
  20. <meta name="color:Border" content="#f0f0f0"/>
  21. <meta name="color:Posts" content="#ffffff"/>
  22.  
  23. <!--Images-->
  24. <meta name="image:Background" content""/>
  25. <meta name="image:Sidebar" content""/>
  26.  
  27. <!--Options-->
  28. <meta name="if:3 Columns" content=""/>
  29. <meta name="if:Custom Links" content="1"/>
  30. <meta name="if:Blog Title" content="1"/>
  31. <meta name="if:Sidebar Img" content=""/>
  32. <meta name="if:Borders" content=""/>
  33. <meta name="if:Clear Posts" content=""/>
  34. <meta name="if:Img Hover Camera Flash" content=""/>
  35. <meta name="if:Img Hover Black and White" content=""/>
  36. <meta name="if:Img Hover Sepia" content=""/>
  37. <meta name="if:Img Hover Blur" content=""/>
  38. <meta name="if:Img Hover Enlarge" content=""/>
  39. <meta name="if:Img Hover Shrink" content=""/>
  40. <meta name="if:Faded Images" content=""/>
  41. <meta name="if:Inverted Images" content=""/>
  42. <meta name="if:Link Hover Italics" content=""/>
  43. <meta name="if:Link Hover Strikethrough" content=""/>
  44. <meta name="if:Link Hover Underline" content=""/>
  45.  
  46. <!--Links-->
  47. <meta name="text:Margin Top" content="120"/>
  48. <meta name="text:Body" content="12"/>
  49. <meta name="text:Blog Title" content="22"/>
  50. <meta name="text:Post Title" content="20"/>
  51. <meta name="text:Link 1 URL" content="/"/>
  52. <meta name="text:Link 1 name" content=""/>
  53. <meta name="text:Link 2 URL" content="/"/>
  54. <meta name="text:Link 2 name" content=""/>
  55. <meta name="text:Link 3 URL" content="/"/>
  56. <meta name="text:Link 3 name" content=""/>
  57. <meta name="text:Link 4 URL" content="/"/>
  58. <meta name="text:Link 4 name" content=""/>
  59.  
  60. <meta name="font:Font" content="cambria">
  61.  
  62. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
  63.  
  64. <script src="jquery.js"></script>
  65. <script>
  66. $(document).ready(function(){
  67. $("#flip").click(function(){
  68. $("#panel").slideToggle("fast");
  69. });
  70. });
  71. </script>
  72.  
  73. <style type="text/css">
  74.  
  75.  
  76. .wrapper{
  77. margin:auto;
  78. width: 717px;
  79. }
  80.  
  81. #tumblr_controls{
  82. position:fixed !important;
  83. top: 3px;
  84. right: 3px;
  85. }
  86.  
  87. {block:ifInvertedImages}img{
  88. opacity: 1;
  89. filter:alpha(opacity=10);
  90. -moz-opacity: 0.1;
  91. -moz-transition: all .9s ease;
  92. -o-transition: all .9s ease;
  93. transition: all .9s ease;
  94. -webkit-transition: all .9s ease;}
  95. {/block:ifInvertedImages}
  96.  
  97.  
  98. {block:ifInvertedImages} img:hover{
  99. opacity: .8;
  100. filter:alpha(opacity=100);
  101. -moz-opacity: 1;
  102. -moz-transition: all .9s ease;
  103. -o-transition: all .9s ease;
  104. transition: all .9s ease;
  105. -webkit-transition: all .9s ease;}
  106. {/block:ifInvertedImages}
  107.  
  108. {block:ifFadedImages}img{
  109. opacity: .8;
  110. filter:alpha(opacity=10);
  111. -moz-opacity: 0.1;
  112. -moz-transition: all .9s ease;
  113. -o-transition: all .9s ease;
  114. transition: all .9s ease;
  115. -webkit-transition: all .9s ease;}
  116. {/block:ifFadedImages}
  117.  
  118.  
  119. {block:ifFadedImages} img:hover{
  120. opacity: 1;
  121. filter:alpha(opacity=100);
  122. -moz-opacity: 1;
  123. -moz-transition: all .9s ease;
  124. -o-transition: all .9s ease;
  125. transition: all .9s ease;
  126. -webkit-transition: all .9s ease;}
  127. {/block:ifFadedImages}
  128.  
  129. iframe#tumblr_controls {right:3px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.2;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  130.  
  131.  
  132. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity: 1;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
  133.  
  134.  
  135. {block:ifInvertedImages}.photo {
  136. opacity: 1;
  137. filter:alpha(opacity=10);
  138. -moz-opacity: 0.1;
  139. -moz-transition: all .9s ease;
  140. -o-transition: all .9s ease;
  141. transition: all .9s ease;
  142. -webkit-transition: all .9s ease;}
  143. {/block:ifInvertedImages}
  144.  
  145.  
  146. {block:ifInvertedImages}.photo:hover{
  147. opacity: .8;
  148. filter:alpha(opacity=100);
  149. -moz-opacity: 1;
  150. -moz-transition: all .9s ease;
  151. -o-transition: all .9s ease;
  152. transition: all .9s ease;
  153. -webkit-transition: all .9s ease;}
  154. {/block:ifInvertedImages}
  155.  
  156. {block:ifFadedImages}.photo {
  157. opacity: .8;
  158. filter:alpha(opacity=10);
  159. -moz-opacity: 0.1;
  160. -moz-transition: all .9s ease;
  161. -o-transition: all .9s ease;
  162. transition: all .9s ease;
  163. -webkit-transition: all .9s ease;}
  164. {/block:ifFadedImages}
  165.  
  166.  
  167. {block:ifFadedImages}.photo:hover{
  168. opacity: 1;
  169. filter:alpha(opacity=100);
  170. -moz-opacity: 1;
  171. -moz-transition: all .9s ease;
  172. -o-transition: all .9s ease;
  173. transition: all .9s ease;
  174. -webkit-transition: all .9s ease;}
  175. {/block:ifFadedImages}
  176.  
  177. .photo{
  178. -webkit-transition: all .5s linear;
  179. -moz-transition: all .5s linear;
  180. transition: all .5s linear
  181. }
  182.  
  183. .photo:hover{
  184. {block:ifImgHoverCameraFlash}
  185. -webkit-filter: brightness(15%);z-index: -99px;
  186. {/block:ifImgHoverCameraFlash}
  187.  
  188. {block:ifImgHoverBlur}
  189. -webkit-filter: blur(1px);z-index: -99px;
  190. {/block:ifImgHoverBlur}
  191.  
  192. {block:ifImgHoverSepia}
  193. -webkit-filter: sepia(100%);z-index: -99px;
  194. {/block:ifImgHoverSepia}
  195.  
  196. {block:ifImgHoverBlackAndWhite}
  197. -webkit-filter: grayscale(100%);z-index: -99px;
  198. {/block:ifImgHoverBlackAndWhite}
  199.  
  200. {block:ifImgHoverEnlarge}
  201. -webkit-transform: scale(1.10);
  202. {/block:ifImgHoverEnlarge}
  203.  
  204. {block:ifImgHoverShrink}
  205. -webkit-transform: scale(0.90);
  206. {/block:ifImgHoverShrink}
  207. }
  208.  
  209. ::-webkit-scrollbar {width: 5px; height: 5px; background:{color:Scrollbar Background}; }
  210. ::-webkit-scrollbar-thumb { background-color: {color:Scrollbar};
  211. -webkit-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px;}
  212.  
  213. body{
  214. background-color: {color:Background};
  215. background-image: url({image:Background});
  216. background-attachment: fixed;
  217. background-repeat: repeat;
  218. background-position: center;
  219. font-family:{font:Font};
  220. font-size:{text:Body}px;
  221. line-height:{text:Font Size}px;
  222. color:{color:Text};
  223. }
  224.  
  225. a:link, a:active, a:visited{
  226. color: {color:Link};
  227. text-decoration:none;
  228. -webkit-transition: all 0.1s linear;
  229. -moz-transition: all 0.1s linear;
  230. transition: all 0.1s linear;
  231. }
  232. a:hover{
  233. color: {color:Link Hover};
  234. {block:ifLinkHoverItalics}
  235. font-style:italic;
  236. {/block:ifLinkHoverItalics}
  237. {block:ifLinkHoverStrikethrough}
  238. text-decoration:line-through;
  239. {/block:ifLinkHoverStrikethrough}
  240. {block:ifLinkHoverUnderline}
  241. text-decoration:underline;
  242. {/block:ifLinkHoverUnderline}
  243. }
  244.  
  245. .entry {
  246. overflow: hidden;
  247. position:relative;
  248. padding:10px;
  249. {block:ifBorders}
  250. border:1px solid {color:Border};
  251. {/block:ifBorders}
  252. {block:IfClearPosts}
  253. background:transparent;
  254. {/block:IfClearPosts}
  255. {block:IfNotClearPosts}
  256. background:{color:Posts};
  257. {/block:IfNotClearPosts}
  258. {block:PermalinkPage}
  259. width:500px;
  260. float:left;
  261. margin:20px;
  262. {/block:PermalinkPage}
  263. {block:IndexPage}
  264. margin:15px;
  265. float:left;
  266. width:250px;
  267. {/block:IndexPage}
  268. }
  269.  
  270. .entry img{
  271. {block:IndexPage}
  272. max-width:250px;
  273. {/block:IndexPage}
  274. -webkit-transition: all .5s linear;
  275. -moz-transition: all .5s linear;
  276. transition: all .5s linear
  277. }
  278.  
  279. .entry img:hover{
  280. {block:ifImgHoverCameraFlash}
  281. -webkit-filter: brightness(15%);z-index: -99px;
  282. {/block:ifImgHoverCameraFlash}
  283.  
  284. {block:ifImgHoverBlur}
  285. -webkit-filter: blur(1px);z-index: -99px;
  286. {/block:ifImgHoverBlur}
  287.  
  288. {block:ifImgHoverSepia}
  289. -webkit-filter: sepia(100%);z-index: -99px;
  290. {/block:ifImgHoverSepia}
  291.  
  292. {block:ifImgHoverBlackAndWhite}
  293. -webkit-filter: grayscale(100%);z-index: -99px;
  294. {/block:ifImgHoverBlackAndWhite}
  295.  
  296. {block:ifImgHoverEnlarge}
  297. -webkit-transform: scale(1.10);
  298. {/block:ifImgHoverEnlarge}
  299.  
  300. {block:ifImgHoverShrink}
  301. -webkit-transform: scale(0.90);
  302. {/block:ifImgHoverShrink}
  303. }
  304.  
  305. #posts {
  306. position:relative;
  307. {block:IndexPage}
  308. {block:if3Columns}
  309. width:950px;
  310. margin-left:-20px;
  311. {block:if3Columns}
  312. {block:ifNot3Columns}
  313. width:650px;
  314. margin-left:100px;
  315. {block:ifNot3Columns}
  316. {/block:IndexPage}
  317. {block:PermalinkPage}
  318. width: 604px;
  319. margin-left:100px;
  320. {/block:PermalinkPage}
  321. }
  322.  
  323. #permalink{
  324. text-align:right;
  325. position:relative;
  326. margin-top:3px;
  327. padding-top:1px;
  328. }
  329.  
  330. #side {
  331. position:fixed;
  332. text-align:center;
  333. top:0;
  334. z-index:19999;
  335. padding:7px;
  336. z-index:2;
  337. width:200px;
  338. margin-top:{text:Margin Top}px;
  339. {block:if3Columns}
  340. {block:IndexPage}
  341. margin-left:-240px;
  342. {/block:IndexPage}
  343. {block:PermalinkPage}
  344. margin-left:-120px;
  345. {/block:PermalinkPage}
  346. {block:if3Columns}
  347. {block:ifNot3Columns}
  348. margin-left:-120px;
  349. {block:ifNot3Columns}
  350. {block:ifBorders}
  351. border:1px solid {color:Border};
  352. {/block:ifBorders}
  353. {block:IfClearPosts}
  354. background:transparent;
  355. {/block:IfClearPosts}
  356. {block:IfNotClearPosts}
  357. background:{color:Posts};
  358. {/block:IfNotClearPosts}
  359. }
  360.  
  361. .navigate {
  362. padding-top:2px;
  363. padding-bottom:2px;
  364. }
  365.  
  366. .blogtitle{
  367. font-size:{text:Blog Title}px;
  368. line-height:{text:Blog Title}px;
  369. padding-top:2px;
  370. }
  371.  
  372. .blogtitle a{color:{color:Blog Title}}
  373.  
  374. .blogtitle a:hover{color:{color:Link Hover}}
  375.  
  376. .posttitle{
  377. font-size:{text:Post Title}px;
  378. line-height:{text:Post Title}px;
  379. color:{color:Post Title}
  380. }
  381.  
  382. .posttitle a{color:{color:Post Title}}
  383.  
  384. .posttitle a:hover{color:{color:Link Hover}}
  385.  
  386. #postnotes{
  387. text-align: justify;}
  388.  
  389. #postnotes blockquote{
  390. border: 0px;}
  391.  
  392. #infscr-loading{
  393. bottom: -70px;
  394. position: absolute;
  395. left: 50%;
  396. margin-left:-8px;
  397. width:16px;
  398. height:11px;
  399. overflow:hidden;
  400. margin-bottom: 50px;
  401. }
  402.  
  403. blockquote{
  404. padding:0px 0px 2px 5px;
  405. margin:0px 0px 2px 7px;
  406. border-left: 3px solid {color:Text};}
  407. blockquote p, ul{margin:0px; padding:0px;
  408. }
  409.  
  410.  
  411. .p { padding-top: 5px; }
  412. .ol, ul { margin-left: 10px; padding: 5px; }
  413. .ul { list-style-type: square; }
  414.  
  415. a img{border: 0px;}
  416.  
  417.  
  418. .chat .line{
  419. margin-top:-2px;
  420. padding: 4px;
  421. }
  422. .chat .line.odd{
  423. margin-top:-2px;
  424. }
  425.  
  426. .cover {position: absolute; z-index: 1; width:65px;}
  427.  
  428. .playbox {background-color: #000; position: absolute; z-index: 1000;}
  429.  
  430. .playbutton {width: 20px; height: 30px; overflow: hidden; position: relative; z-index: 1000; margin: 11px 20px 8px 11px;}
  431.  
  432. .playbox {background-color: white; position: absolute; z-index: 1000; margin-top: 8px; margin-left: 8px; opacity:.5;
  433. -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear;}
  434.  
  435. .playbox:hover {opacity:.8;}
  436.  
  437. .title{
  438. width:
  439. position:absolute;
  440. line-height:14px;
  441. margin-left:65px;
  442. padding:4px;
  443. z-index: 1000;
  444. text-transform:uppercase;
  445. }
  446.  
  447. .artist{
  448. width:
  449. position:absolute;
  450. line-height:14px;
  451. margin-left:65px;
  452. padding:5px;
  453. z-index: 1000;
  454. text-transform:uppercase;
  455. }
  456.  
  457. .notes img{width:10px; position:left; top:3px;}
  458.  
  459. #panel,#flip{
  460. padding-bottom:1px;
  461. }
  462.  
  463. #flip:hover{cursor:help}
  464.  
  465. #panel{
  466. padding:1px;
  467. padding-top:5px;
  468. padding-bottom:5px;
  469. display:none;
  470. }
  471.  
  472. #credit {
  473. position:fixed !important;
  474. height:auto;
  475. font-size:10px;
  476. font-family:calibri;
  477. letter-spacing:1px;
  478. padding-bottom:4px;
  479. padding-right:4px;
  480. bottom:0;
  481. right:0;
  482. }
  483.  
  484. {CustomCSS}
  485. </style>
  486.  
  487. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
  488. <script type="text/javascript">
  489. $(function(){
  490. $("#pageLink").click(function(){
  491. $("#titlePages").fadeToggle(500);
  492. });
  493. });
  494. </script>
  495.  
  496. {block:IndexPage}
  497. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/4IKlvmzup/jquery.masonry.min.js"></script>
  498. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  499. <script type="text/javascript">
  500. $(window).load(function () {
  501. var $content = $('#posts');
  502. $content.masonry({
  503. itemSelector: '.entry',
  504. isAnimated: true
  505. }),
  506. $content.infinitescroll({
  507. navSelector : '#pagination',
  508. nextSelector : '#pagination a#nextPage',
  509. itemSelector : '.entry',
  510. loading: {
  511. finishedMsg: '',
  512. img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
  513. },
  514. bufferPx : 200,
  515. debug : false,
  516. },
  517. // call masonry as a callback.
  518. function( newElements ) {
  519. var $newElems = $( newElements );
  520. $newElems.hide();
  521. // ensure that images load before adding to masonry layout
  522. $newElems.imagesLoaded(function(){
  523. $content.masonry( 'appended',
  524. $newElems, true,
  525. function(){$newElems.fadeIn(300);}
  526. );
  527.  
  528.  
  529. });
  530. });
  531. });
  532. </script>
  533. {/block:IndexPage}
  534.  
  535. <title>{title}</title>
  536.  
  537. <link rel="shortcut icon" href="{Favicon}">
  538. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  539. <meta name="viewport" content="width=820" />
  540.  
  541. </head>
  542. <body>
  543. <div class="wrapper">
  544. <div id="side">
  545. {block:ifBlogTitle}
  546. <div class="blogtitle"><a href="/">{Title}</a></div>
  547. {/block:ifBlogTitle}
  548.  
  549. {block:ifSidebarImg}
  550. <a href="/"><img src="{image:Sidebar}" width="180" style="padding:5px;"></a>
  551. {/block:ifSidebarImg}
  552.  
  553. {block:ifCustomLinks}
  554. <div class="navigate">
  555. <a href="{text:Link 1 URL}">{text:Link 1 name}</a> &nbsp;&nbsp;&nbsp;
  556. <a href="{text:Link 2 URL}">{text:Link 2 name}</a> &nbsp;&nbsp;&nbsp;
  557. <a href="{text:Link 3 URL}">{text:Link 3 name}</a> &nbsp;&nbsp;&nbsp;
  558. <a href="{text:Link 4 URL}">{text:Link 4 name}</a>
  559. </div>
  560. {/block:ifCustomLinks}
  561.  
  562. <div style="padding:3px;">
  563. {Description}
  564. </div>
  565. </div>
  566.  
  567. <div id="posts">
  568.  
  569. {block:Posts}
  570. <div class="entry">
  571.  
  572. {block:Text}
  573. {block:Title}
  574. <div class="posttitle">
  575. {Title}
  576. </div>
  577. {/block:Title}
  578. {Body}
  579. {block:IndexPage}
  580. <div id="permalink">
  581. <a href="{Permalink}" target="_blank">{Month} {DayOfMonth}, {Year}</a>
  582. </div>
  583. {/block:IndexPage}
  584. {/block:Text}
  585.  
  586. {block:Link}
  587. <div class="posttitle">
  588. <a href="{URL}">{Name}</a>
  589. </div>
  590. {block:Description}{Description}{/block:Description}
  591. {block:IndexPage}
  592. <div id="permalink">
  593. <a href="{Permalink}" target="_blank">{Month} {DayOfMonth}, {Year}</a>
  594. </div>
  595. {/block:IndexPage}
  596. {/block:Link}
  597.  
  598. {block:Photo}
  599. {block:IndexPage}{LinkOpenTag}<a href="{Permalink}" target="_blank" title="{Month} {DayOfMonth}, {Year}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="250"/></a>{LinkCloseTag}
  600. {block:ContentSource}
  601. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  602. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  603. {/block:SourceLogo}
  604. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  605. {/block:ContentSource}
  606. {block:ReblogParentURL}
  607. <!-- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  608. {/block:ReblogParentURL}{/block:IndexPage}
  609. {block:PermalinkPage}{LinkOpenTag}<a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="500"/></a>{LinkCloseTag}{/block:PermalinkPage}
  610. {block:Caption}{Caption}{/block:Caption}
  611. {/block:Photo}
  612.  
  613. {block:Photoset}
  614. {block:IndexPage}
  615. <center>
  616. <div class="photo">
  617. {Photoset-250}
  618. </div>
  619. </center>
  620. <br>
  621. {block:Caption}{Caption}{/block:Caption}
  622. {/block:IndexPage}
  623. {block:PermalinkPage}
  624. <center>
  625. <div class="photo">
  626. {Photoset-500}
  627. </div>
  628. </center>
  629. <br>
  630. {block:Caption}{Caption}{/block:Caption}
  631. {/block:PermalinkPage}
  632. {block:IndexPage}
  633. <div id="permalink">
  634. <a href="{Permalink}" target="_blank">{Month} {DayOfMonth}, {Year}</a>
  635. </div>
  636. {/block:IndexPage}
  637. {/block:Photoset}
  638.  
  639. {block:Quote}
  640. <div class="posttitle">"{Quote}"</div>
  641. {block:Source}<br><i>-{Source}</i>{/block:Source}
  642. {block:IndexPage}
  643. <div id="permalink">
  644. <a href="{Permalink}" target="_blank">{Month} {DayOfMonth}, {Year}</a>
  645. </div>
  646. {/block:IndexPage}
  647. {/block:Quote}
  648.  
  649. {block:Chat}
  650. {block:Title}
  651. <div id="posttitle"><center>{Title}<br></center></div>{/block:title}<div class="chat">{block:Lines}<div class="chat"><div class="line {Alt}"><div class="{Alt} user_{UserNumber}">
  652. {block:Label}<span class="label"><b>{Label} </b></span>{/block:Label}{Line}</div></div></div>{/block:Lines}</div>
  653. {block:IndexPage}
  654. <div id="permalink">
  655. <a href="{Permalink}" target="_blank">{Month} {DayOfMonth}, {Year}</a>
  656. </div>
  657. {/block:IndexPage}
  658. {/block:Chat}
  659.  
  660. {block:Audio}
  661. <div class="playbox">
  662. <div class="playbutton">
  663. {block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}
  664. </div></div>
  665. {block:AlbumArt}
  666. <img src="{AlbumArtURL}" class="cover">
  667. {/block:AlbumArt}
  668.  
  669. <div class="title">
  670. {block:TrackName}
  671. <b>Title</b>:{TrackName}
  672. {/block:TrackName}
  673. </div>
  674.  
  675. <div class="artist">
  676. {block:Artist}
  677. <b>Artist:</b>{Artist}
  678. {/block:Artist}
  679. </div>
  680.  
  681. <div class="title">
  682. {PlayCountWithLabel}
  683. </div>
  684.  
  685. <br>
  686. {block:Caption}{Caption}{/block:Caption}
  687. {block:IndexPage}
  688. <div id="permalink">
  689. <a href="{Permalink}" target="_blank">{Month} {DayOfMonth}, {Year}</a>
  690. </div>
  691. {/block:IndexPage}
  692. {/block:Audio}
  693.  
  694. {block:Video}
  695. <center>
  696. {block:IndexPage}
  697. {Video-250}
  698. {/block:IndexPage}
  699. </center>
  700. {block:PermalinkPage}
  701. <center>{Video-500}</center>
  702. {/block:PermalinkPage}
  703. {block:Caption}{Caption}{/block:Caption}
  704. {block:IndexPage}
  705. <div id="permalink">
  706. <a href="{Permalink}" target="_blank">{Month} {DayOfMonth}, {Year}</a>
  707. </div>
  708. {/block:IndexPage}
  709. {block:Video}
  710.  
  711. {block:PermalinkPage}
  712. <center>
  713. {block:Date}
  714. {TimeAgo} at {12Hour}:{Minutes}{AmPm} on {Month} {DayOfMonth}, {Year}
  715. {/block:Date}
  716. {block:NoteCount} · {NoteCountWithLabel}
  717. {/block:NoteCount}
  718. {block:HasTags} · Tags:
  719. {block:Tags}#<a href="{TagURL}">{Tag} </a>
  720. {/block:Tags}
  721. {/block:HasTags}
  722. <br>{block:RebloggedFrom}via: <a href="{ReblogParentURL}" target="_blank">{ReblogParentName}</a> · (©: <a href="{ReblogRootURL}" target="_blank">{ReblogRootName}</a>) {/block:RebloggedFrom}
  723. </center>
  724. {/block:PermalinkPage}
  725.  
  726. {/block:PermalinkPage}
  727.  
  728. {block:PostNotes}{PostNotes}
  729. {/block:PostNotes}
  730. </div>
  731.  
  732. {/block:Posts}
  733.  
  734. <div style="position:fixed;bottom:0;right:0;padding:3px;font-size:11px;">
  735. <a href="http://tomkirk.tumblr.com/">theme ©</a>
  736. </div>
  737. </div>
  738. </div>
  739. {block:IndexPage}<br>
  740. {block:Pagination}
  741. <div id="pagination">
  742. {block:NextPage}
  743. <a id="nextPage" href="{NextPage}"> </a>
  744. {/block:NextPage}
  745. {block:PreviousPage}
  746. <a href="{PreviousPage}"> </a>
  747. {/block:PreviousPage}
  748. </div>
  749. {/block:Pagination}
  750. {/block:IndexPage}
  751. </div>
  752. </body>
  753. </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!