Advertisement
yeoli

Theme 16

Jul 27th, 2013
12,260
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 19.25 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4. <!--- THEME 16 - MADE BY YEOLI-THM.TUMBLR.COM --->
  5.  
  6. <head>
  7.  
  8. <title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title>
  9. <link rel="shortcut icon" href="{Favicon}" />
  10. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  11. <meta name="color:Background" content="#fdfdfd"/>
  12. <meta name="color:Borders" content="#f7f7f7"/>
  13. <meta name="color:Text" content="#cccccc"/>
  14. <meta name="color:Links" content="#a7efff"/>
  15. <meta name="color:Links Hover" content="#cccccc"/>
  16. <meta name="color:Post Bg" content="#ffffff">
  17. <meta name="color:Captions Bg" content="#fdfdfd"/>
  18. <meta name="color:Permalink Text" content="#cccccc"/>
  19. <meta name="color:Sidebar Bg" content="#ffffff"/>
  20. <meta name="color:Sidebar Text" content="#cccccc"/>
  21. <meta name="color:Scrollbar" content="#e7e7e7"/>
  22. <meta name="image:Sidebar Image" content=""/>
  23. <meta name="image:Background" content=""/>
  24. <meta name="image:Sidebar Bg" content=""/>
  25. <meta name="if:250px" content="0"/>
  26. <meta name="if:400px" content="1"/>
  27. <meta name="if:500px" content="0"/>
  28. <meta name="if:Infinite Scroll" content="1"/>
  29. <meta name="if:Show Captions" content="1"/>
  30. <meta name="if:Show Tags" content="1"/>
  31. <meta name="text:Link1 URL"content=""/>
  32. <meta name="text:Link1" content="Link 1"/>
  33. <meta name="text:Link2 URL"content=""/>
  34. <meta name="text:Link2" content="Link 2"/>
  35. <meta name="text:Link3 URL"content=""/>
  36. <meta name="text:Link3" content="Link 3"/>
  37. <meta name="text:Link4 URL"content=""/>
  38. <meta name="text:Link4" content="Link 4"/>
  39. <meta name="text:Link5 URL"content=""/>
  40. <meta name="text:Link5" content="Link 5"/>
  41. <meta name="text:Link6 URL"content=""/>
  42. <meta name="text:Link6" content="Link 6"/>
  43.  
  44. <style type="text/css">
  45.  
  46. #tumblr_controls, .tmblr-iframe{
  47. position:fixed!important;
  48. z-index:99999!important;
  49. top:0px!important;
  50. right:0px!important;
  51. }
  52.  
  53. ::-webkit-scrollbar{
  54. width:4px;
  55. height:4px;
  56. background-color:{color:Background};
  57. }
  58.  
  59. ::-webkit-scrollbar-thumb{
  60. background-color:{color:Scrollbar};
  61. }
  62.  
  63. body{
  64. cursor: url(http://i.imgur.com/ZOrzC.png), auto;
  65. margin:0px;
  66. padding:0px;
  67. font-family:cambria;
  68. font-size:9px;
  69. color:{color:Text};
  70. background-color:{color:Background};
  71. background-attachment:fixed;
  72. background-repeat:repeat;
  73. background-image:url('{image:Background}');
  74. }
  75.  
  76. a, a:link, a:visited{
  77. cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), auto;
  78. text-decoration:none;
  79. color:{color:Links};
  80. -webkit-transition: all 0.3s ease-in-out;
  81. -moz-transition: all 0.3s ease-in-out;
  82. transition: all 0.3s ease-in-out;
  83. }
  84.  
  85. a:hover, a:active{
  86. cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), auto;
  87. color:{color:Links Hover};
  88. -webkit-transition: all 0.3s ease-in-out;
  89. -moz-transition: all 0.3s ease-in-out;
  90. transition: all 0.3s ease-in-out;
  91. }
  92.  
  93. #content{
  94. margin:0px;
  95. padding:1px 0px;
  96. }
  97.  
  98. .posts{
  99. padding:15px;
  100. background:{color:Post Bg};
  101. border:4px double {color:Borders};
  102. {block:IndexPage}
  103. {block:If250px}margin:40px 0px 40px 535px;width:250px;{/block:If250px}
  104. {block:If400px}margin:60px 0px 60px 460px;width:400px;{/block:If400px}
  105. {block:If500px}margin:60px 0px 60px 460px;width:500px;{/block:If500px}
  106. {/block:IndexPage}
  107. {block:PermalinkPage}
  108. {block:IfNot500px}margin:60px 0px 60px 460px;width:400px;{/block:IfNot500px}
  109. {block:If500px}margin:60px 0px 60px 460px;width:500px;{/block:If500px}
  110. {/block:PermalinkPage}
  111. }
  112.  
  113. .posts img{
  114. max-width:100%;
  115. }
  116.  
  117. blockquote{
  118. overflow:auto;
  119. margin:10px;
  120. padding:5px;
  121. background:{color:Captions Bg};
  122. border:1px solid {color:Borders};
  123. }
  124.  
  125. h1{
  126. padding:5px;
  127. font-size:11px;
  128. font-weight:lighter;
  129. letter-spacing:1px;
  130. text-transform:uppercase;
  131. text-align:center;
  132. font-family:calibri;
  133. border-bottom:1px solid {color:Borders};
  134. }
  135.  
  136. h2{
  137. padding:5px;
  138. font-size:10px;
  139. font-weight:lighter;
  140. text-transform:uppercase;
  141. text-align:center;
  142. font-family:calibri;
  143. border-bottom:1px solid {color:Borders};
  144. }
  145.  
  146. .chat{
  147. border-bottom:1px solid {color:Borders};
  148. }
  149.  
  150. .chat li{
  151. list-style:none;
  152. padding:5px 10px;
  153. background:{color:Captions Bg};
  154. border-top:1px solid {color:Borders};
  155. }
  156.  
  157. .chat li.even{
  158. background:{color:Post Bg};
  159. }
  160.  
  161. span.label{
  162. font-weight:bold;
  163. margin-right:2px;
  164. }
  165.  
  166. .ask{
  167. padding-top:5px;
  168. padding-bottom:10px;
  169. border-bottom:1px solid {color:Borders};
  170. }
  171.  
  172. .ask img{
  173. display:block;
  174. padding:5px;
  175. float:right;
  176. margin-top:-5px;
  177. margin-left:10px;
  178. border:4px double {color:Borders};
  179. }
  180.  
  181. .asker{
  182. padding:5px 2px;
  183. font-style:italic;
  184. font-size:11px;
  185. text-align:right;
  186. letter-spacing:1px;
  187. background:{color:Captions Bg};
  188. border-bottom:1px solid {color:Borders};
  189. }
  190.  
  191. .asker a{
  192. color:{color:Text};
  193. }
  194.  
  195. .asker a:hover{
  196. color:{color:Links};
  197. }
  198.  
  199. .audiobox{
  200. position:relative;
  201. width:220px;
  202. height:220px;
  203. overflow:hidden;
  204. {block:IndexPage}{block:If250px}margin:15px 15px 0px 15px;{/block:If250px}{/block:IndexPage}
  205. }
  206.  
  207. .audio{
  208. opacity:0.5;
  209. position:relative;
  210. margin-top:159px;
  211. padding:17px 2px 15px 8px;
  212. background:#e4e4e4;
  213. }
  214.  
  215. .art{
  216. margin-top:-220px;
  217. width:220px;
  218. height:220px;
  219. overflow:hidden;
  220. -webkit-transition: all 0.5s ease-in-out;
  221. -moz-transition: all 0.5s ease-in-out;
  222. transition: all 0.5s ease-in-out;
  223. }
  224.  
  225. .art img{
  226. display:block;
  227. }
  228.  
  229. .art1{
  230. position:relative;
  231. overflow:hidden;
  232. width:100px;
  233. height:100px;
  234. overflow:hidden;
  235. background:#ffffff;
  236. padding:60px 65px 60px 55px;
  237. -webkit-transition: all 0.5s ease-in-out;
  238. -moz-transition: all 0.5s ease-in-out;
  239. transition: all 0.5s ease-in-out;
  240. }
  241.  
  242. .art2{
  243. position:relative;
  244. }
  245.  
  246. .art2 img{
  247. overflow:hidden;
  248. opacity:1;
  249. width:220px;
  250. height:220px;
  251. margin-top:-220px;
  252. }
  253.  
  254. .posts:hover .art{
  255. margin-top:-281px;
  256. -webkit-transition: all 0.5s ease-in-out;
  257. -moz-transition: all 0.5s ease-in-out;
  258. transition: all 0.5s ease-in-out;
  259. }
  260.  
  261. .posts:hover .art1{
  262. margin-top:30px;
  263. -webkit-transition: all 0.5s ease-in-out;
  264. -moz-transition: all 0.5s ease-in-out;
  265. transition: all 0.5s ease-in-out;
  266. }
  267.  
  268. .audioinfo{
  269. overflow:hidden;
  270. text-align:center;
  271. background:{color:Captions Bg};
  272. {block:IndexPage}
  273. {block:If250px}margin:0px 15px;{/block:If250px}
  274. {block:IfNot250px}margin-top:-220px;margin-left:220px;height:195px;padding:15px 10px 10px 10px;{/block:IfNot250px}
  275. {/block:IndexPage}
  276. {block:PermalinkPage}margin-top:-220px;margin-left:220px;height:195px;padding:15px 10px 10px 10px;{/block:PermalinkPage}
  277. }
  278.  
  279. #perma{
  280. position:absolute;
  281. opacity:0;
  282. margin-left:-15px;
  283. margin-top:20px;
  284. padding:2px 0px;
  285. font-size:8px;
  286. font-family:calibri;
  287. letter-spacing:1px;
  288. color:{color:Permalink Text};
  289. {block:If250px}width:280px;{/block:If250px}
  290. {block:If400px}width:430px;{/block:If400px}
  291. {block:If500px}width:530px;{/block:If500px}
  292. -webkit-transition: all 0.5s ease-in-out;
  293. -moz-transition: all 0.5s ease-in-out;
  294. transition: all 0.5s ease-in-out;
  295. }
  296.  
  297. .r{
  298. text-align:right;
  299. margin-top:-10px;
  300. {block:If250px}width:280px;{/block:If250px}
  301. {block:If400px}width:430px;{/block:If400px}
  302. {block:If500px}width:530px;{/block:If500px}
  303. }
  304.  
  305. .tag a{
  306. display:inline-block;
  307. margin:0px 2px;
  308. font-style:italic;
  309. font-family:cambria;
  310. }
  311.  
  312. .posts:hover #perma{
  313. opacity:1;
  314. -webkit-transition: all 0.5s ease-in-out;
  315. -moz-transition: all 0.5s ease-in-out;
  316. transition: all 0.5s ease-in-out;
  317. }
  318.  
  319. #info{
  320. margin-left:464px;
  321. margin-top:-58px;
  322. margin-bottom:60px;
  323. text-transform:uppercase;
  324. letter-spacing:1px;
  325. font-family:calibri;
  326. font-size:8px;
  327. color:{color:Permalink Text};
  328. {block:If250PX}width:430px;{/block:If250px}
  329. {block:If400px}width:430px;{/block:If400px}
  330. {block:If500px}width:530px;{/block:If500px}
  331. }
  332.  
  333. ol.notes{
  334. font-size:8px;
  335. padding-left:0px;
  336. {block:If250PX}width:430px;{/block:If250px}
  337. {block:If400px}width:430px;{/block:If400px}
  338. {block:If500px}width:530px;{/block:If500px}
  339. }
  340.  
  341. .notes{
  342. margin-left:7px;
  343. }
  344.  
  345. .notes img{
  346. display:inline;
  347. margin-right:2px;
  348. }
  349.  
  350. .notes li{
  351. padding:2px 0px;
  352. }
  353.  
  354. #info a:hover{
  355. color:{color:Links};
  356. }
  357.  
  358. #perma a, #info a{
  359. color:{color:Permalink Text};
  360. }
  361.  
  362. #perma a:hover, .nav a:hover, .links a:hover{
  363. text-decoration:line-through;
  364. }
  365.  
  366. .d:after{
  367. content:"";
  368. display: table;
  369. clear: both;
  370. }
  371.  
  372. #sidebar{
  373. position:fixed;
  374. top:0px;
  375. height:100%;
  376. left:0px;
  377. width:330px;
  378. background:{color:Sidebar Bg};
  379. border-right:4px double {color:Borders};
  380. background-attachment:fixed;
  381. background-repeat:repeat;
  382. background-image:url('{image:Sidebar Bg}');
  383. }
  384.  
  385. .b{
  386. margin-top:80px;
  387. margin-left:20px;
  388. width:280px;
  389. border-top:1px solid {color:Borders};
  390. border-bottom:1px solid {color:Borders};
  391. }
  392.  
  393. .title{
  394. float:left;
  395. margin:35px 0px 0px 20px;
  396. width:138px;
  397. font-family:cambria;
  398. font-size:12px;
  399. font-style:italic;
  400. text-align:center;
  401. line-height:12px;
  402. letter-spacing:1px;
  403. }
  404.  
  405. .title a{
  406. color:{color:Sidebar Text};
  407. }
  408.  
  409. .icon{
  410. margin-top:15px;
  411. margin-bottom:15px;
  412. margin-left:177px;
  413. width:64px;
  414. height:64px;
  415. padding:5px;
  416. background:{color:Sidebar Bg};
  417. border:4px double {color:Borders};
  418. }
  419.  
  420. .icon img{
  421. opacity:0.8;
  422. width:64px;
  423. height:64px;
  424. }
  425.  
  426. .navi{
  427. margin-left:20px;
  428. width:240px;
  429. padding:2px 20px;
  430. border-bottom:1px solid {color:Borders};
  431. }
  432.  
  433. .nav{
  434. float:left;
  435. width:138px;
  436. text-transform:uppercase;
  437. text-align:center;
  438. font-size:8px;
  439. font-family:calibri;
  440. letter-spacing:1px;
  441. }
  442.  
  443. .nav a{
  444. display:block;
  445. color:{color:Sidebar Text};
  446. }
  447.  
  448. .pg{
  449. margin-left:158px;
  450. margin-top:10px;
  451. width:80px;
  452. text-align:center;
  453. font-family:times;
  454. font-size:12px;
  455. }
  456.  
  457. .pg a{
  458. display:inline;
  459. margin:0px 3px;
  460. color:{color:Sidebar Text};
  461. }
  462.  
  463. .c{
  464. margin-top:15px;
  465. padding-bottom:15px;
  466. margin-left:20px;
  467. width:280px;
  468. border-bottom:1px solid {color:Borders};
  469. }
  470.  
  471. .image{
  472. float:left;
  473. margin-left:20px;
  474. width:120px;
  475. padding:5px;
  476. background:{color:Sidebar Bg};
  477. border:4px double {color:Borders};
  478. }
  479.  
  480. .description{
  481. font-style:italic;
  482. text-align:justify;
  483. font-family:cambria;
  484. font-size:9px;
  485. color:{color:Sidebar Text};
  486. {block:IfSidebarImageImage}margin-left:178px;width:80px;{/block:IfSidebarImageImage}
  487. {block:IfNotSidebarImageImage}margin-left:20px;width:240px;{/block:IfNotSidebarImageImage}
  488. }
  489.  
  490. .links{
  491. margin-left:20px;
  492. width:260px;
  493. padding:2px 10px;
  494. text-align:right;
  495. text-transform:uppercase;
  496. font-size:8px;
  497. font-family:calibri;
  498. letter-spacing:1px;
  499. }
  500.  
  501. .links a{
  502. display:inline-block;
  503. margin:0px 5px;
  504. color:{color:Sidebar Text};
  505. border-bottom:0px solid {color:Borders};
  506. }
  507.  
  508. #t{
  509. cursor: url(http://i.imgur.com/ExXmLHW.png), auto;
  510. position:fixed;
  511. z-index:99;
  512. bottom:5px;
  513. right:15px;
  514. font-family:calibri;
  515. font-size:8px;
  516. text-transform:uppercase;
  517. letter-spacing:1px;
  518. color:{color:Permalink Text};
  519. }
  520.  
  521. #t:hover{
  522. text-decoration:line-through;
  523. }
  524.  
  525. </style>
  526. <style type="text/css">{CustomCSS}</style>
  527. </head>
  528.  
  529. <body>
  530.  
  531. <div id="sidebar">
  532. <div class="b">
  533. <div class="title"><a href="/">{title}</a></div>
  534. <div class="icon"><img src="{PortraitURL-64}"/></div>
  535. </div>
  536. <div class="navi">
  537. <div class="nav">
  538. <a href="/">home</a>
  539. <a href="/ask">message</a>
  540. <a href="/archive">archive</a>
  541. <a href="http://yeoli-thm.tumblr.com">©</a>
  542. </div>
  543. {block:IfNotInfiniteScroll}
  544. <div class="pg">
  545. {block:Pagination}
  546. {block:PreviousPage}<a href="{PreviousPage}">←</a> {/block:PreviousPage}{block:NextPage}<a href="{NextPage}">→</a>{/block:NextPage}{/block:Pagination}
  547. </div>
  548. {/block:IfNotInfiniteScroll}
  549. <div class="d"></div>
  550. </div>
  551. <div class="c">
  552. {block:IfSidebarImageImage}<div class="image"><img src="{image:Sidebar Image}" width="120px"/></div>{/block:IfSidebarImageImage}
  553. <div class="description">{description}</div>
  554. <div class="d"></div>
  555. </div>
  556. <div class="links">
  557. {block:IfLink1}<a href="{text:Link1 URL}">{text:Link1}</a>{/block:IfLink1}
  558. {block:IfLink2}<a href="{text:Link2 URL}">{text:Link2}</a>{/block:IfLink2}
  559. {block:IfLink3}<a href="{text:Link3 URL}">{text:Link3}</a>{/block:IfLink3}
  560. {block:IfLink4}<a href="{text:Link4 URL}">{text:Link4}</a>{/block:IfLink4}
  561. {block:IfLink5}<a href="{text:Link5 URL}">{text:Link5}</a>{/block:IfLink5}
  562. {block:IfLink6}<a href="{text:Link6 URL}">{text:Link6}</a>{/block:IfLink6}
  563. </div>
  564. </div>
  565.  
  566. <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script> <script type='text/javascript'> $(function() { $.fn.scrollToTop = function() { $(this).hide().removeAttr("href"); if ($(window).scrollTop() != "0") { $(this).fadeIn("slow") } var scrollDiv = $(this); $(window).scroll(function() { if ($(window).scrollTop() == "0") { $(scrollDiv).fadeOut("slow") } else { $(scrollDiv).fadeIn("slow") } }); $(this).click(function() { $("html, body").animate({ scrollTop: 0 }, "slow") }) } }); $(function() { $("#t").scrollToTop(); }); </script>
  567. <a id="t" href='#' style="display:none;">back to top</a>
  568.  
  569. {block:IfInfiniteScroll}<script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:IfInfiniteScroll}
  570.  
  571. <div id="content">
  572. <div class = "autopagerize_page_element">
  573. {block:Posts}
  574. <div class="posts">
  575.  
  576. {block:ContentSource}
  577. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}-->
  578. {/block:ContentSource}
  579.  
  580. {block:Text}
  581. {block:Title}<h1>{Title}</h1>{/block:Title}
  582. {Body}
  583. {/block:Text}
  584.  
  585. {block:Photo}
  586. {block:IndexPage}
  587. {block:If250px}<img src="{PhotoURL-500}" style="display:block; width:250px"/>{/block:If250px}
  588. {block:If400px}<img src="{PhotoURL-500}" style="display:block; width:400px"/>{/block:If400px}
  589. {block:If500px}<img src="{PhotoURL-500}" style="display:block; width:500px"/>{/block:If500px}
  590. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  591. {/block:IndexPage}
  592. {block:PermalinkPage}
  593. {block:IfNot500px}<img src="{PhotoURL-500}" style="display:block; width:400px"/>{/block:IfNot500px}
  594. {block:If500px}<img src="{PhotoURL-500}" style="display:block; width:500px"/>{/block:If500px}
  595. {block:Caption}{Caption}{/block:Caption}
  596. {/block:PermalinkPage}
  597. {/block:Photo}
  598.  
  599. {block:Photoset}
  600. {block:IndexPage}
  601. {block:If250px}{Photoset-250}{/block:If250px}
  602. {block:If400px}{Photoset-400}{/block:If400px}
  603. {block:If500px}{Photoset-500}{/block:If500px}
  604. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  605. {/block:IndexPage}
  606. {block:PermalinkPage}
  607. {block:IfNot500px}{Photoset-400}{/block:IfNot500px}
  608. {block:If500px}{Photoset-500}{/block:If500px}
  609. {block:Caption}{Caption}{/block:Caption}
  610. {/block:PermalinkPage}
  611. {/block:Photoset}
  612.  
  613. {block:Video}
  614. {block:IndexPage}
  615. {block:If250px}{Video-250}{/block:If250px}
  616. {block:If400px}{Video-400}{/block:If400px}
  617. {block:If500px}{Video-500}{/block:If500px}
  618. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  619. {/block:IndexPage}
  620. {block:PermalinkPage}
  621. {block:IfNot500px}{Video-400}{/block:IfNot500px}
  622. {block:If500px}{Video-500}{/block:If500px}
  623. {block:Caption}{Caption}{/block:Caption}
  624. {/block:PermalinkPage}
  625. {/block:Video}
  626.  
  627. {block:Quote}
  628. <div style="font-style:italic;padding-bottom:10px;border-bottom:1px solid {color:Borders};">{Quote}</div>
  629. {block:Source}<div style="text-align:right;margin-top:5px;">- {Source}</div>{/block:Source}
  630. {/block:Quote}
  631.  
  632. {block:Link}
  633. <h2><a href="{URL}" target="{Target}">{Name}</a></h2>
  634. {block:Description}{Description}{/block:Description}
  635. {/block:Link}
  636.  
  637. {block:Chat}
  638. {block:Title}<h2>{Title}</h2>{/block:Title}
  639. <div class="chat">{block:Lines}<li class="{Alt} user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}{Line}</li>{/block:Lines}</div>
  640. {/block:Chat}
  641.  
  642. {block:Answer}
  643. <div class="ask"><img src="{AskerPortraitURL-30}"/>{Question}
  644. <div class="d"></div></div>
  645. <div class="asker">{Asker}</div>
  646. {Answer}
  647. {/block:Answer}
  648.  
  649. {block:Audio}
  650. <div class="audiobox">
  651. <div class="audio">{AudioPlayerGrey}</div>
  652. <div class="art">
  653. <div class="art1"><img src="http://media.tumblr.com/54069ebef561b50072881dd315e23c47/tumblr_inline_mnnxqaVaBo1qz4rgp.jpg"/></div>
  654. {block:AlbumArt}<div class="art2"><img src="{AlbumArtURL}"/></div>{/block:AlbumArt}
  655. </div>
  656. </div>
  657. <div class="audioinfo">
  658. {block:TrackName}<div style="border-bottom:1px solid {color:Borders};padding:5px 0;"><b>Title:</b><br/>{TrackName}</div>{/block:TrackName}
  659. {block:Artist}<div style="border-bottom:1px solid {color:Borders};padding:5px 0"><b>Artist:</b><br/>{Artist}</div>{/block:Artist}
  660. {block:Album}<div style="border-bottom:1px solid {color:Borders};padding:5px 0;"><b>Album:</b><br/>{Album}</div>{/block:Album}
  661. {block:PlayCount}<div style="border-bottom:1px solid {color:Borders};padding:5px 0;"><b>Played:</b><br/>{FormattedPlayCount} times</div>{/block:PlayCount}
  662. </div>
  663. {block:IndexPage}
  664. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  665. {/block:IndexPage}
  666. {block:PermalinkPage}
  667. {block:Caption}{Caption}{/block:Caption}
  668. {/block:PermalinkPage}
  669. {/block:Audio}
  670.  
  671. {block:IndexPage}
  672. <div id="perma"><div style="text-transform:uppercase">
  673. Posted on {ShortMonth} {DayOfMonthWithZero}
  674. <div class="r"><a href="{Permalink}">{NoteCountWithLabel}</a> /
  675. <a href="{ReblogURL}" target="_blank">reblog</a></div></div>
  676. {block:IfShowTags}<div class="tag">{block:HasTags}TAGGED: {block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}{/block:HasTags}</div>{/block:IfShowTags}
  677. </div>
  678. {/block:IndexPage}
  679.  
  680. </div>
  681.  
  682. {block:PermalinkPage}
  683. <div id="info">
  684. {block:Date}<div style="float:left">Posted on {ShortMonth} {DayOfMonthWithZero}, {Year}</div>{/block:Date}
  685. {block:RebloggedFrom}
  686. <div style="text-align:right;">Via: <a href="{ReblogParentURL}">{ReblogParentName}</a> / Source: <a href="{ReblogRootURL}">{ReblogRootName}</a></div>
  687. {/block:RebloggedFrom}
  688. <div class="d"></div>
  689. {block:HasTags}Tagged: {block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}{/block:HasTags}
  690. {block:PostNotes}
  691. <p>{NoteCountWithLabel}:
  692. <div class="notes">{block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  693. {/block:PostNotes}
  694. </div>
  695. {/block:PermalinkPage}
  696.  
  697. {/block:Posts}
  698. </div>
  699. </div>
  700.  
  701. </body>
  702. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement