API tools faq
paste
Advertisement
singforabsolution

Theme 9 b

singforabsolution
Sep 18th, 2012
367
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 18.13 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: 650px;
  236. margin-left:170px;
  237. }
  238.  
  239. .entry {
  240. position:relative;
  241. {block:IndexPage}
  242. max-width:250px;
  243. {/block:IndexPage}
  244. {block:PermalinkPage}
  245. width: 500px;
  246. {/block:PermalinkPage}
  247. float:left;
  248. margin:10;
  249. padding:4px;
  250. background:white;
  251. }
  252.  
  253. .entry img{
  254. {block:IndexPage}
  255. max-width:250px;
  256. {/block:IndexPage}
  257. }
  258.  
  259. #permalink{
  260. {block:IndexPage}
  261. text-align:right;
  262. font-size:9px;
  263. line-height:10px;
  264. position:relative;
  265. margin-top:5px;
  266. padding:5px;
  267. letter-spacing:1px;
  268. text-transform:uppercase;
  269. {/block:IndexPage}
  270. }
  271.  
  272. @font-face {font-family: "print";src: url('http://static.tumblr.com/iuggpng/oQfm4mzne/princ___.ttf');}
  273.  
  274. #pg{
  275. text-align:center;
  276. position:fixed;
  277. width:180px;
  278. padding:10px;
  279. top:0;
  280. margin-left:-50px;
  281. z-index:120;
  282. margin-top:115px;
  283. }
  284.  
  285. #pg a{color:{color:Sidelinks Text};}
  286.  
  287. #side {
  288. text-align:center;
  289. position:fixed;
  290. overflow:hidden;
  291. width:180px;
  292. height:100%;
  293. top:0;
  294. margin-left:-50px;
  295. padding:10px;
  296. padding-top:170px;
  297. z-index:1;
  298. background:url({image:Sidebar 1});
  299. -webkit-transition: opacity 0.8s linear;
  300. -webkit-transition: all 0.8s linear;
  301. -moz-transition: all 0.8s linear;
  302. transition: all 0.8s linear;
  303. }
  304.  
  305. #side:hover{
  306. background:url({image:Sidebar 2});
  307. -webkit-transition: opacity 0.8s linear;
  308. -webkit-transition: all 0.8s linear;
  309. -moz-transition: all 0.8s linear;
  310. transition: all 0.8s linear;
  311. }
  312.  
  313. #side .desc{
  314. width:175px;
  315. text-align:center;
  316. overflow:hidden;
  317. position: relative;
  318. opacity:0;
  319. margin-left:3px;
  320. font-size:14px;
  321. line-height:15px;
  322. -webkit-transition: opacity 0.8s linear;
  323. -webkit-transition: all 0.8s linear;
  324. -moz-transition: all 0.8s linear;
  325. transition: all 0.8s linear;
  326. }
  327.  
  328. #side:hover .desc{
  329. z-index:1;
  330. opacity:.9;
  331. -webkit-transition: opacity 0.8s linear;
  332. -webkit-transition: all 0.8s linear;
  333. -moz-transition: all 0.8s linear;
  334. transition: all 0.8s linear;
  335. }
  336.  
  337. #side .nav1{
  338. width:180px;
  339. text-align:center;
  340. overflow:hidden;
  341. position:relative;
  342. opacity:0;
  343. margin-left:120px;
  344. -webkit-transition: opacity 0.8s linear;
  345. -webkit-transition: all 0.8s linear;
  346. -moz-transition: all 0.8s linear;
  347. transition: all 0.8s linear;
  348. }
  349.  
  350. #side:hover .nav1{
  351. margin-left:0px;
  352. z-index:1;
  353. opacity:.9;
  354. -webkit-transition: opacity 0.8s linear;
  355. -webkit-transition: all 0.8s linear;
  356. -moz-transition: all 0.8s linear;
  357. transition: all 0.8s linear;
  358. }
  359.  
  360. #side .nav2{
  361. width:180px;
  362. text-align:center;
  363. overflow:hidden;
  364. position:relative;
  365. opacity:0;
  366. margin-left:-120px;
  367. -webkit-transition: opacity 0.8s linear;
  368. -webkit-transition: all 0.8s linear;
  369. -moz-transition: all 0.8s linear;
  370. transition: all 0.8s linear;
  371. }
  372.  
  373. #side:hover .nav2{
  374. margin-left:0px;
  375. z-index:1;
  376. opacity:.9;
  377. -webkit-transition: opacity 0.8s linear;
  378. -webkit-transition: all 0.8s linear;
  379. -moz-transition: all 0.8s linear;
  380. transition: all 0.8s linear;
  381. }
  382.  
  383. #side .blogtitle{
  384. width:180px;
  385. text-align:center;
  386. overflow:hidden;
  387. position: absolute;
  388. opacity:1;
  389. z-index:100;
  390. margin-left:0px;
  391. -webkit-transition: opacity 0.8s linear;
  392. -webkit-transition: all 0.8s linear;
  393. -moz-transition: all 0.8s linear;
  394. transition: all 0.8s linear;
  395. }
  396.  
  397. #side:hover .blogtitle{
  398. z-index:0;
  399. opacity:0;
  400. -webkit-transition: opacity 0.8s linear;
  401. -webkit-transition: all 0.8s linear;
  402. -moz-transition: all 0.8s linear;
  403. transition: all 0.8s linear;
  404. -webkit-transform: scale(6);
  405. -moz-transform: scale(6);
  406. -ms-transform: scale(6);
  407. -o-transform: scale(6);
  408. transform: scale(6);
  409. }
  410.  
  411. #blogtitle{
  412. color:{color:Blogtitle};
  413. font-family:print;
  414. text-transform:uppercase;
  415. font-size:32px;
  416. line-height:40px;
  417. }
  418.  
  419. .navigate a{
  420. overflow:hidden;
  421. width:170px;
  422. height:13px;
  423. margin-left:3px;
  424. margin-top:3px;
  425. padding:3px;
  426. padding-top:4px;
  427. text-align:center;
  428. float:left;
  429. font-size:11px;
  430. text-transform:uppercase;
  431. z-index:1;
  432. opacity:.7;
  433. display:block;
  434. text-align:center;
  435. background-color:{color:Sidelinks};
  436. color:{color:Sidelinks Text};
  437. transition: all 0.5s ease-out;
  438. -o-transition-transition: all 0.5s ease-out;
  439. -webkit-transition: all 0.5s ease-out;
  440. -moz-transition: all 0.5s ease-out;
  441. }
  442.  
  443. .navigate a:hover{
  444. background-color:{color:Sidelinks Hover};
  445. color:{color:Sidelinks Text Hover};
  446. box-shadow: 0px 5px 20px rgba(0,0,0,0.35);
  447. transition: all 0.5s ease-out;
  448. -o-transition-transition: all 0.5s ease-out;
  449. -webkit-transition: all 0.5s ease-out;
  450. -moz-transition: all 0.5s ease-out;
  451. }
  452.  
  453. .posttitle{
  454. font-size: 20px;
  455. line-height: 20px;
  456. }
  457.  
  458. #postnotes{
  459. text-align: justify;}
  460.  
  461. #postnotes blockquote{
  462. border: 0px;}
  463.  
  464. #infscr-loading{
  465. bottom: -70px;
  466. position: absolute;
  467. left: 50%;
  468. margin-left:-8px;
  469. width:16px;
  470. height:11px;
  471. overflow:hidden;
  472. margin-bottom: 50px;
  473. }
  474.  
  475. blockquote{
  476. padding:0px 0px 2px 5px;
  477. margin:0px 0px 2px 7px;
  478. border-left: 3px solid #e8e8e8; background:{color:Blockquote};}
  479. blockquote p, ul{margin:0px; padding:0px;
  480. }
  481. .p { padding-top: 5px; }
  482. .ol, ul { margin-left: 10px; padding: 5px; }
  483. .ul { list-style-type: square; }
  484.  
  485. a img{border: 0px;}
  486.  
  487.  
  488. .chat .line{
  489. padding: 4px;
  490. }
  491. .chat .line.odd{
  492. }
  493.  
  494. .label {font-weight:bold; color:{color:text}}
  495.  
  496. .albumart { margin-bottom:0px; }
  497. .albumart img, .audio embed {
  498. width:73px;
  499. padding-right:25px;
  500. }
  501.  
  502. .albumartovr {
  503. background-image:url(http://static.tumblr.com/imovwvl/i1Hl4rcp8/vinyl.png);
  504. }
  505.  
  506. .name{
  507. font-size:14px;
  508. line-height:15px;
  509. margin-top:25px;
  510. padding-bottom:4px;
  511. }
  512.  
  513. {block:ifFadedImages}.albumartovr img{
  514. opacity:1;
  515. {/block:ifFadedImages}
  516. }
  517.  
  518. {block:ifInvertedImages}.albumartovr img:hover{
  519. opacity: 1;
  520. {/block:ifInvertedImages}
  521. }
  522.  
  523. .notes img{width:10px; position:left; top:3px;}
  524.  
  525. {CustomCSS}
  526. </style>
  527.  
  528. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
  529. <script type="text/javascript">
  530. $(function(){
  531. $("#pageLink").click(function(){
  532. $("#titlePages").fadeToggle(500);
  533. });
  534. });
  535. </script>
  536.  
  537. {block:IndexPage}
  538. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/4IKlvmzup/jquery.masonry.min.js"></script>
  539.  
  540. {block:ifInfiniteScrolling}
  541. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  542. {/block:ifInfiniteScrolling}
  543. <script type="text/javascript">
  544. $(window).load(function () {
  545. var $content = $('#posts');
  546. $content.masonry({
  547. itemSelector: '.entry',
  548. isAnimated: true
  549. }),
  550. $content.infinitescroll({
  551. navSelector : '#pagination',
  552. nextSelector : '#pagination a#nextPage',
  553. itemSelector : '.entry',
  554. loading: {
  555. finishedMsg: '',
  556. img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
  557. },
  558. bufferPx : 200,
  559. debug : false,
  560. },
  561. // call masonry as a callback.
  562. function( newElements ) {
  563. var $newElems = $( newElements );
  564. $newElems.hide();
  565. // ensure that images load before adding to masonry layout
  566. $newElems.imagesLoaded(function(){
  567. $content.masonry( 'appended',
  568. $newElems, true,
  569. function(){$newElems.fadeIn(300);}
  570. );
  571.  
  572.  
  573. });
  574. });
  575. });
  576. </script>
  577. {/block:IndexPage}
  578.  
  579. <title>{title}</title>
  580.  
  581. <link rel="shortcut icon" href="{Favicon}">
  582. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  583. <meta name="viewport" content="width=820" />
  584.  
  585. </head>
  586. <body>
  587. <div class="wrapper">
  588. <div id="pg">
  589. {block:ifNotInfiniteScrolling}
  590. <div style="font-size:39px; line-height:44px;">
  591. {block:Pagination}
  592. {block:PreviousPage} <a href="{PreviousPage}">«</a>{/block:PreviousPage}
  593.  
  594. {block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}
  595. {/block:Pagination}
  596. </div>
  597. {/block:ifNotInfiniteScrolling}
  598. </div>
  599. <div id="side">
  600. <div class="blogtitle">
  601. <div id="blogtitle">{Title}</div>
  602. </div>
  603. <div class="desc">
  604. <div style="
  605. background:{color:Sidelinks};
  606. color:{color:Sidelinks Text};
  607. padding:4px;
  608. opacity:.7;">
  609. {Description}
  610. </div>
  611. </div>
  612. <div class="nav1">
  613. <div class="navigate">
  614. <a href="{text:Link 1 URL}">{text:Link 1 name}</a>
  615. </div>
  616. </div>
  617.  
  618. <div class="nav2">
  619. <div class="navigate">
  620. <a href="{text:Link 2 URL}">{text:Link 2 name}</a>
  621. </div>
  622. </div>
  623.  
  624. <div class="nav1">
  625. <div class="navigate">
  626. <a href="{text:Link 3 URL}">{text:Link 3 name}</a>
  627. </div>
  628. </div>
  629.  
  630. <div class="nav2">
  631. <div class="navigate">
  632. <a href="http://tomkirk.tumblr.com/">theme</a>
  633. </div>
  634. </div>
  635.  
  636. </center>
  637. </div>
  638.  
  639. <div id="posts">
  640.  
  641. {block:Posts}
  642. <div class="entry">
  643.  
  644. {block:Text}
  645. {block:Title}
  646. <div class="posttitle">{Title}</div>
  647. {/block:Title}
  648. {Body}
  649. {/block:Text}
  650.  
  651. {block:Link}
  652. <div class="posttitle">
  653. <a href="{URL}">{Name}</a>
  654. </div>
  655. {block:Description}{Description}{/block:Description}
  656. {/block:Link}
  657.  
  658. {block:Photo}
  659. {block:IndexPage}{LinkOpenTag}<a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="250"/></a>{LinkCloseTag}
  660. {block:ContentSource}
  661. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  662. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  663. {/block:SourceLogo}
  664. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  665. {/block:ContentSource}
  666. {block:ReblogParentURL}
  667. <!-- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  668. {/block:ReblogParentURL}{/block:IndexPage}
  669. {block:PermalinkPage}{LinkOpenTag}<a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="500"/></a>{LinkCloseTag}{/block:PermalinkPage}
  670. {block:ifCaptions}
  671. {block:Caption}{Caption}{/block:Caption}
  672. {/block:ifCaptions}
  673. {/block:Photo}
  674.  
  675. {block:Photoset}
  676. {block:IndexPage}
  677. <center>
  678. <div class="photo">
  679. {Photoset-250}
  680. </div>
  681. </center>
  682. {/block:IndexPage}
  683. {block:PermalinkPage}
  684. <center>
  685. <div class="photo">
  686. {Photoset-500}
  687. </div>
  688. </center>
  689. {/block:PermalinkPage}
  690. {block:ifCaptions}
  691. {block:Caption}{Caption}{/block:Caption}
  692. {/block:ifCaptions}
  693. {/block:Photoset}
  694.  
  695. {block:Quote}
  696. <div class="posttitle">"{Quote}"</div>
  697. {block:Source}
  698. <i> - {Source}</i>
  699. {/block:Source}
  700. {/block:Quote}
  701.  
  702. {block:Chat}
  703. {block:Title}
  704. <div id="posttitle">
  705. {Title}
  706. </div>
  707. {/block:Title}
  708. <div class="chat">
  709. {block:Lines}
  710. <div class="chat">
  711. <div class="line {Alt}">
  712. <div class="{Alt} user_{UserNumber}">
  713. {block:Label}
  714. <b>{Label} </b>
  715. {/block:Label}
  716. {Line}
  717. </div>
  718. </div>
  719. </div>
  720. {/block:Lines}
  721. </div>
  722. {/block:Chat}
  723.  
  724. {block:Audio}
  725. <div style="background:black; height:27px; margin-bottom:3px;">
  726. {AudioPlayerBlack}
  727. </div>
  728. {block:albumart}
  729. <div class="albumartovr">
  730. <img src="http://static.tumblr.com/imovwvl/i1Hl4rcp8/vinyl.png" style="position:absolute; margin-left:-1px;">
  731. <div class="albumart">
  732. <img src="{albumarturl}" align="left">
  733. </div></div>
  734. {/block:albumart}
  735. <div class="name">
  736. {block:TrackName}<span><strong>Title</strong>:
  737. {TrackName}</span>{/block:TrackName}<br>
  738. {block:Artist}<span><strong>Artist:</strong>
  739. {Artist}</span>{/block:Artist}
  740. </div>
  741. <br>
  742. <br>
  743. {block:ifCaptions}
  744. {block:Caption}{Caption}{/block:Caption}
  745. {/block:ifCaptions}
  746. {/block:Audio}
  747.  
  748. {block:Video}
  749. <center>
  750. {block:IndexPage}
  751. {Video-250}
  752. {/block:IndexPage}
  753. </center>
  754. {block:PermalinkPage}
  755. <center>{Video-500}</center>
  756. {/block:PermalinkPage}
  757. {block:ifCaptions}
  758. {block:Caption}{Caption}{/block:Caption}
  759. {/block:ifCaptions}
  760. {/block:Video}
  761.  
  762. {block:IndexPage}
  763. <div id="permalink">
  764. posted
  765. <a href="{Permalink}"> {TimeAgo}</a>
  766. with
  767. <a href="{Permalink}">{NoteCountWithLabel}</a>
  768. </div>
  769. {/block:IndexPage}
  770.  
  771. {block:PermalinkPage}
  772. <div id="permalink">
  773. {block:Date}
  774. {TimeAgo} on
  775. {ShortMonth} {DayofMonth},{Year}
  776. {/block:Date}
  777. {block:NoteCount} · {NoteCountWithLabel}
  778. {/block:NoteCount}
  779. {block:HasTags} · Tags:
  780. {block:Tags}#<a href="{TagURL}">{Tag} </a>
  781. {/block:Tags}
  782. {/block:HasTags}
  783. <br>{block:RebloggedFrom}via: <a href="{ReblogParentURL}" target="_blank">{ReblogParentName}</a> · (©: <a href="{ReblogRootURL}" target="_blank">{ReblogRootName}</a>) {/block:RebloggedFrom}
  784. </div>
  785. {/block:PermalinkPage}
  786.  
  787. {/block:PermalinkPage}
  788.  
  789. {block:PostNotes}{PostNotes}
  790. {/block:PostNotes}
  791. </div>
  792.  
  793.  
  794. {/block:Posts}
  795. </div>
  796. </div>
  797. {block:IndexPage}<br>
  798. {block:Pagination}
  799. <div id="pagination">
  800. {block:NextPage}
  801. <a id="nextPage" href="{NextPage}"> </a>
  802. {/block:NextPage}
  803. {block:PreviousPage}
  804. <a href="{PreviousPage}"> </a>
  805. {/block:PreviousPage}
  806. </div>
  807. {/block:Pagination}
  808. {/block:IndexPage}
  809. </div>
  810. </div>
  811. </body>
  812. </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!