API tools faq
paste
Advertisement
singforabsolution

Theme 9 a

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