Advertisement
zuvia

T15 - WILD ONES

Sep 3rd, 2012
24,492
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.35 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. <!--
  5.  
  6. THEME #15 WILD ONES
  7. BY ZUVIA @ TUMBLR
  8.  
  9. -->
  10.  
  11. <html>
  12. <title>{title}</title>
  13. <link rel="shortcut icon" href="{Favicon}">
  14. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  15. {block:Description}
  16. <meta name="description" content="{MetaDescription}" />
  17. {/block:Description}
  18. <meta name="color:Background" content="#ffffff" />
  19. <meta name="color:Border" content="#eeebe2"/>
  20. <meta name="color:Post Wrap" content="#ffffff" />
  21. <meta name="color:Entry" content="#ffffff" />
  22. <meta name="color:Entry text" content="#616161" />
  23. <meta name="color:Entries bold" content="#6d899d" />
  24. <meta name="color:Entries italic" content="#aeaeae" />
  25. <meta name="color:Sidebar" content="#ffffff" />
  26. <meta name="color:Sidebar text" content="#999999" />
  27. <meta name="color:Title" content="#87ACA2" />
  28. <meta name="color:Title Bg" content="#eeeeee" />
  29. <meta name="color:Mainlink" content="#ffffff" />
  30. <meta name="color:Mainlink bg" content="#C9C3B2" />
  31. <meta name="color:Mainlink hover" content="#505050" />
  32. <meta name="color:Mainlink bg hover" content="#ddd7c9" />
  33. <meta name="color:Link" content="#9BCACF" />
  34. <meta name="color:Link hover" content="#999999" />
  35. <meta name="color:Navig bg" content="#bdd3cf" />
  36. <meta name="color:Navig" content="#ffffff" />
  37. <meta name="color:Navig bg hover" content="#bdd3cf" />
  38. <meta name="color:Navig hover" content="#eeebe2" />
  39. <meta name="color:perma link" content="#9C9C9C" />
  40. <meta name="color:nextpage arrow" content="#6d899d" />
  41. <meta name="color:nextpage arrow hover" content="#6D9E75" />
  42. <meta name="color:scrollbar face" content="#A6BECF" />
  43. <meta name="color:scrollbar bg" content="#ffffff" />
  44.  
  45. <meta name="image:background" content="http://static.tumblr.com/jtqlgf2/6jNm2e0lt/tumblr_ltqq73kh5g1qhvdofo5_250.png" />
  46. <meta name="image:border" content="http://static.tumblr.com/jtqlgf2/e6am2e0n5/bg-2.jpg" />
  47. <meta name="image:sidebar" content="http://static.tumblr.com/jtqlgf2/XHVm2dxpu/a2.gif" />
  48. <meta name="image:small sidebar" content="http://static.tumblr.com/jtqlgf2/3vZm2e0c7/a3.gif" />
  49.  
  50. <meta name="text:Link1" content="" />
  51. <meta name="text:Link1URL" content=""/>
  52. <meta name="text:Link2" content="" />
  53. <meta name="text:Link2URL" content=""/>
  54. <meta name="text:Link3" content="" />
  55. <meta name="text:Link3URL" content=""/>
  56. <meta name="text:Link4" content="" />
  57. <meta name="text:Link4URL" content=""/>
  58. <meta name="text:Link5" content="" />
  59. <meta name="text:Link5URL" content=""/>
  60.  
  61. <meta name="font:Body" content="georgia" />
  62.  
  63. <meta name="if:ShowCaptions" content="0" />
  64. <meta name="if:InfiniteScroll" content="0" />
  65. <meta name="if:Bigger Posts" content="1" />
  66. <meta name="if:ShowTags" content="0" />
  67. <meta name="if:Links" content="1" />
  68. <meta name="if:HoverLinks" content="1" />
  69. <meta name="if:BoxShadows" content="0" />
  70.  
  71. <head>
  72.  
  73. <style type="text/css">
  74.  
  75. @font-face {
  76. font-family: "badscript-regular";
  77. src: url('http://static.tumblr.com/jtqlgf2/laBm2aqgb/badscript-regular.ttf');
  78. }
  79.  
  80. @font-face {
  81. font-family: "ruluko-regular";
  82. src: url('http://static.tumblr.com/jtqlgf2/PtUm2dquz/ruluko-regular.ttf');
  83. }
  84.  
  85. @font-face {
  86. font-family: "dawningofanewday";
  87. src: url('http://static.tumblr.com/jtqlgf2/SeUm2ds6e/dawningofanewday.ttf');
  88. }
  89. body {
  90. background-color:{color:background};
  91. background-image: url('{image:Background}');
  92. background-attachment:fixed;
  93. font-family:{font:body};
  94. font-size:10px;
  95. line-height:14px;
  96. text-align:justify;}
  97.  
  98. ::-webkit-scrollbar-thumb:vertical {
  99. background-color: {color:scrollbar face};
  100. height: 30px;}
  101.  
  102. ::-webkit-scrollbar {
  103. height: 30px;
  104. width: 4px;
  105. background-color: {color:scrollbar bg};}
  106.  
  107. iframe#tumblr_controls {
  108. position: fixed !important;
  109. right:2px !important;
  110. -moz-transition: all 0.8s ease-out;
  111. -webkit-transition: opacity 0.7s linear;
  112. -webkit-transition: all 0.8s ease-out;
  113. transition: all 0.8s ease-out;
  114. opacity: 0.5;}
  115.  
  116. iframe#tumblr_controls:hover {
  117. -webkit-transition: opacity 0.7s linear;
  118. -moz-transition: all 0.4s ease-out;
  119. -webkit-transition: all 0.4s ease-out;
  120. transition: all 0.4s ease-out;
  121. opacity: 1;}
  122.  
  123. #posts {
  124. width:415px;
  125. {block:IfLinks}margin-left:479px;{/block:IfLinks}
  126. {block:IfNotLinks}margin-left:379px;{/block:ifNotLinks}
  127. margin-top:-10px;
  128. {block:IfBiggerPosts}width:515px;{/block:IfBiggerPosts}
  129. padding-left:8px;
  130. padding-right:8px;
  131. padding-top:8px;
  132. background-attachment:fixed;
  133. background-color:{color:post wrap};}
  134.  
  135. .post {
  136. {block:IfNotBiggerPosts}width:410px;{/block:IfNotBiggerPosts}
  137. {block:IfBiggerPosts}width:510px;{/block:IfBiggerPosts}
  138. }
  139.  
  140. .entries {
  141. color:{color:entry text};
  142. overflow:hidden;
  143. background-color:{color:entry};
  144. {block:IfBiggerPosts}width:500px;{/block:IfBiggerPosts}
  145. {block:IfNotBiggerPosts}width:400px;{/block:IfNotBiggerPosts}
  146. margin-bottom:10px;
  147. position:relative;
  148. z-index:6;
  149. text-align:justify;
  150. font-size:11px;
  151. font-family:{font:body};
  152. padding:8px;
  153. }
  154.  
  155. .entries blockquote {
  156. border-left: 3px solid {color:link};
  157. padding-left: 8px;
  158. margin-left: 10px;
  159. }
  160.  
  161. .entries b, strong{
  162. color: {color:entries bold};}
  163.  
  164. .entries i, em{
  165. color:{color:entries italic};}
  166.  
  167. .entries a{
  168. color:{color:link};
  169. text-decoration:none;
  170. }
  171.  
  172. .entries a:hover{
  173. color:{color:link hover};}
  174.  
  175. .entries h1 {
  176. font-family: "ruluko-regular";
  177. font-size:20px;
  178. text-align:left;
  179. border-left: 13px solid {color:link};
  180. padding-left:10px;
  181. }
  182.  
  183. .entries h2 {
  184. font-family: "badscript-regular";
  185. font-size:16px;
  186. font-weight:normal;
  187. padding-left:10px;
  188. padding-right:10px;
  189. line-height:15px;
  190. text-align:center;
  191. padding-bottom:8px;
  192. margin-left:10px;
  193. border-bottom:1px dotted {Color:entry text};
  194. }
  195.  
  196. .entries h3 {
  197. font-family: "ruluko-regular";
  198. font-size:20px;
  199. line-height:12px;
  200. text-align:left;
  201. border-left: 13px solid {color:link};
  202. padding-left:10px;}
  203.  
  204. .entries img {
  205. {block:IfNotBiggerPosts}max-width:400px;{/block:IfNotBiggerPosts}
  206. {block:IfBiggerPosts}max-width:500px;{/block:IfBiggerPosts}}
  207.  
  208. .post:hover .wraps{
  209. opacity:1;}
  210.  
  211. .ask {
  212. {block:IfNotBiggerPosts}
  213. width:385px;
  214. {/block:IfNotBiggerPosts}
  215. {block:IfBiggerPosts}
  216. width:485px;
  217. {/block:IfBiggerPosts}
  218. padding-left:8px;
  219. padding-top:8px;
  220. padding-bottom:8px;
  221. padding-right:8px;
  222. font-style:none;
  223. font-size:15px;
  224. font-family: "badscript-regular";
  225. border-bottom:1px dotted {color:entry text};}
  226.  
  227. .ask a{
  228. color:{color:link};
  229. font-style:none;
  230. font-size:15px;
  231. font-family: "badscript-regular";}
  232.  
  233. .answer{
  234. padding-bottom:4px;
  235. margin-left:0px;}
  236.  
  237. .chat{
  238. padding-top:5px;
  239. line-height:14px;}
  240.  
  241. .chat .lines {
  242. margin-left:0px;}
  243.  
  244. .chat .lines .line{
  245. padding:4px;}
  246.  
  247. .chat .lines .odd {
  248. background-color: {color:post wrap};
  249. padding:4px;}
  250.  
  251.  
  252. .audio{
  253. background: #e4e4e4;
  254. display:block;
  255. margin-bottom:0px;
  256. padding-top:2px;}
  257.  
  258. .cover{
  259. margin-left:0px;}
  260.  
  261. .cover img{
  262. max-width:80px;
  263. border:8px solid {color:border};
  264. float:left;}
  265.  
  266. .what{
  267. position:relative;
  268. margin-top:5px;
  269. margin-left:100px;
  270. border-left: 8px solid {color:border};
  271. padding-left:10px;
  272. line-height:16px;
  273. font-size:13px;}
  274.  
  275.  
  276. .wraps {
  277. position:absolute;
  278. border-left:5px solid {color:border};
  279. color:{color:entry text};
  280. padding:4px;
  281. {block:ifnotbiggerposts}
  282. margin-left:425px;
  283. {/block:Ifnotbiggerposts}
  284. {block:ifbiggerposts}
  285. margin-left:525px;
  286. {/block:ifbiggerposts}
  287. opacity:0;
  288. line-height:16px;
  289. -webkit-transition: all 0.5s ease-in-out;
  290. -moz-transition: all 0.5s ease-in-out;
  291. -o-transition: all 0.5s ease-in-out;
  292. -ms-transition: all 0.5s ease-in-out;
  293. transition: all 0.5s ease-in-out;}
  294.  
  295. .wraps a{
  296. text-decoration:none;
  297. color:{color:perma link};}
  298.  
  299. .wraps a:hover{
  300. color:{color:link};}
  301.  
  302.  
  303. .letags {
  304. border-left:5px solid {color:link};
  305. padding-left:5px;
  306. padding-right:5px;}
  307.  
  308.  
  309. {block:PermalinkPage}
  310. .permalink {
  311. {block:IfBiggerPosts}width:516px;{/block:IfBiggerPosts}
  312. {block:IfNotBiggerPosts}width:416px;{/block:IfNotBiggerPosts}
  313. text-align: left;
  314. margin-left:-10px;
  315. margin-top:5px;
  316. padding-left:10px;
  317. padding-bottom:10px;
  318. margin-bottom:5px;
  319. font-size:10px;
  320. line-height:11px;
  321. letter-spacing:1px;
  322. font-family:tahoma;
  323. text-align:center;
  324. color: {color:entry text};
  325. position: relative;
  326. }
  327. {/block:PermalinkPage}
  328.  
  329. .permalink a {
  330. color: {color:link};
  331. text-decoration: none;
  332. font-family:tahoma;
  333. letter-spacing:1px;
  334. font-size:10px;
  335. }
  336.  
  337. .permalink a:hover {
  338. color: {color:link hover};
  339. text-decoration: none;
  340. }
  341.  
  342. ol.notes {
  343. padding-left:10px;
  344. font-family:tahoma;
  345. font-size:10px;
  346. padding-top:10px;
  347. margin-top:5px;
  348. letter-spacing:1px;
  349. letter-spacing: 0px;
  350. border: 0px;
  351. margin-left:5px;
  352. list-style-type: decimal;
  353. }
  354.  
  355. ol.notes li.note {
  356. padding: 1px;
  357. letter-spacing: 0px;
  358. text-align: left;
  359. }
  360.  
  361. ol.notes li.note a{
  362. color:{color:link};}
  363.  
  364. ol.notes li.note img.avatar {
  365. vertical-align: -4px;
  366. margin-right: 5px;
  367. width: 10px;
  368. height: 10px;
  369. }
  370.  
  371. #pages {
  372. margin-top:5px;
  373. margin-left:-6px;
  374. width:282px;
  375. position:fixed;
  376. z-index:9999;
  377. text-align:center;
  378. color:{color:sidebar text};
  379. font-size:10px;
  380. font-family:tahoma;
  381. padding-bottom:4px;
  382. background-color:{color:sidebar};
  383. }
  384.  
  385. #pages a{
  386. color:{color:nextpage arrow};
  387. font-family:tahoma;
  388. font-size:17px;
  389. text-align:center;
  390. text-decoration:none;}
  391.  
  392. #pages a:hover{
  393. color:{color:nextpage arrow hover};}
  394.  
  395. #border{
  396. position:fixed;
  397. left:0px;
  398. top:0px;
  399. width:60px;
  400. height:100%;
  401. background-color:{color:border};
  402. background-image: url('{image:border}');
  403. background-attachment:fixed; }
  404.  
  405. #sidebar{
  406. position:fixed;
  407. width:270px;
  408. top:100px;
  409. left:60px;
  410. padding:6px;
  411. background-color:{color:sidebar};}
  412.  
  413. #sidebar img{
  414. max-width:270px;
  415. opacity:.8;}
  416.  
  417. #desci{
  418. width:260px;
  419. margin-top:-8px;
  420. padding:4px;
  421. color:{color:sidebar text};}
  422.  
  423. #desci img{
  424. width:auto;}
  425.  
  426. #desci h1{
  427. font-family: "dawningofanewday";
  428. text-align:center;
  429. font-weight:normal;
  430. font-size:30px;
  431. background-color: {color:Title Bg};
  432. color:{color:Title};
  433. padding-bottom:7px;
  434. padding-top:2px;
  435. margin-top:5px;
  436. opacity:.8;
  437. margin-bottom:6px;
  438. {block:IfBoxShadows}
  439. margin-left:-15px;
  440. width:292px;
  441. box-shadow: 1px 1px 5px {color:sidebar text};{/block:IfBoxShadows}
  442. {block:IfNotBoxShadows}
  443. margin-left:-10px;
  444. width:282px;
  445. {/block:IfNotBoxShadows}}
  446.  
  447. #desci a{
  448. text-decoration:none;
  449. color:{color:link};}
  450.  
  451. #border2{
  452. position:fixed;
  453. z-index:-1;
  454. margin-top:-5px;
  455. margin-left:-1px;
  456. width:150px;
  457. height:30px;
  458. background-color:{color:border};}
  459.  
  460. #smallimg{
  461. position:fixed;
  462. margin-left:272px;
  463. margin-top:-201px;}
  464.  
  465. #smallimg img{
  466. max-width:145px;}
  467.  
  468. #extras{
  469. position:fixed;
  470. margin-top:-4px;
  471. margin-left:-58px;
  472. text-align:center;}
  473.  
  474. #extras:hover #lelinks{
  475. opacity:1;}
  476.  
  477. #extras h1{
  478. font-family: "ruluko-regular";
  479. font-size:15px;
  480. font-weight:normal;
  481. padding-bottom:4px;
  482. letter-spacing:3px;
  483. background-color:transparent;
  484. box-shadow: 0px 0px 0px;
  485. color:{color:Title};}
  486.  
  487. #lelinks{
  488. text-align:center;
  489. {block:IfHoverLinks}opacity:0;{/block:IfHoverLinks}
  490. {block:IfNotHoverLinks}opacity:1;{/block:IfNotHoverLinks}
  491. margin-top:15px;
  492. margin-left:75px;
  493. -webkit-transition: all 0.5s ease-in-out;
  494. -moz-transition: all 0.5s ease-in-out;
  495. -o-transition: all 0.5s ease-in-out;
  496. -ms-transition: all 0.5s ease-in-out;
  497. transition: all 0.5s ease-in-out;}
  498.  
  499. #lelinks a{
  500. display:block;
  501. width:100px;
  502. padding:4px;
  503. font-family: consolas;
  504. text-transform:uppercase;
  505. text-decoration:none;
  506. font-size:10px;
  507. letter-spacing:1px;
  508. color:{color:Navig};
  509. background-color:{color:Navig Bg};
  510. margin-top:4px;
  511. -webkit-transition: all 0.5s ease-in-out;
  512. -moz-transition: all 0.5s ease-in-out;
  513. -o-transition: all 0.5s ease-in-out;
  514. -ms-transition: all 0.5s ease-in-out;
  515. transition: all 0.5s ease-in-out;}
  516.  
  517. #lelinks a:hover{
  518. color:{color:navig hover};
  519. background-color:{color:navig bg hover};}
  520.  
  521. #mainlinks{
  522. position:fixed;
  523. margin-top:50px;
  524. margin-left:-60px;
  525. z-index:9;}
  526.  
  527. #mainlinks a{
  528. display:block;
  529. padding:6px;
  530. text-align:center;
  531. margin-top:10px;
  532. background-color:{color:Mainlink bg};
  533. color:{color:mainlink};
  534. font-family:consolas;
  535. font-size:8px;
  536. text-transform:uppercase;
  537. text-decoration:none;
  538. letter-spacing:1px;
  539. -webkit-transition: all 0.5s ease-in-out;
  540. -moz-transition: all 0.5s ease-in-out;
  541. -o-transition: all 0.5s ease-in-out;
  542. -ms-transition: all 0.5s ease-in-out;
  543. transition: all 0.5s ease-in-out;}
  544.  
  545. #mainlinks a:hover{
  546. color:{color:mainlink hover};
  547. background-color:{color:mainlink bg hover};}
  548.  
  549. {CustomCSS}
  550.  
  551. </style>
  552.  
  553. {block:IfInfiniteScroll}
  554. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  555. {/block:IfInfiniteScroll}
  556. </head>
  557.  
  558. <body>
  559.  
  560. <div id="border"></div>
  561. <div id="sidebar">
  562.  
  563.  
  564.  
  565. <div id="mainlinks">
  566. <a href="/" class="mainlinks">home</a>
  567. <a href="/ask" class="mainlinks">ask</a>
  568. <a href="/archive" class="mainlinks">archive</a>
  569. <a href="http://zuvia.tumblr.com" class="mainlinks">theme</a>
  570. </div>
  571. <img src="{image:sidebar}">
  572. <div id="desci">
  573.  
  574. {block:IfLinks}
  575. <div id="smallimg">
  576. <img src="{image:small sidebar}">
  577. <div id="border2"></div>
  578. <div id="extras">
  579. <h1>navigate</h1>
  580.  
  581. <div id="lelinks">
  582. {block:IfLink1}<a href="{text:Link1URL}" class="lelink">{text:Link1}</a>{/block:IfLink1}
  583. {block:IfLink2}<a href="{text:Link2URL}" class="lelink">{text:Link2}</a>{/block:IfLink2}
  584. {block:IfLink3}<a href="{text:Link3URL}" class="lelink">{text:Link3}</a>{/block:IfLink3}
  585. {block:IfLink4}<a href="{text:Link4URL}" class="lelink">{text:Link4}</a>{/block:IfLink4}
  586. {block:IfLink5}<a href="{text:Link5URL}" class="lelink">{text:Link5}</a>{/block:IfLink5}
  587. </div>
  588. </div></div>
  589.  
  590. {/block:IfLinks}
  591. <h1>{title}</h1>
  592. {Description}
  593. </div>
  594. {block:IfNotInfiniteScroll}
  595. <div id="pages">
  596. {block:Pagination}
  597. {block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage} {CurrentPage} / {TotalPages} {block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}
  598. {/block:Pagination}
  599. </div>
  600. {/block:IfNotInfiniteScroll}
  601. </div>
  602.  
  603.  
  604. <div id="posts">
  605.  
  606. {block:Posts}
  607.  
  608. <div class="post">
  609.  
  610. {block:IndexPage}
  611. <div class="wraps">
  612. <a href="{Permalink}">{TimeAgo}</a></br>
  613. <div class="letags">
  614. ■ <a href="{Permalink}">{NoteCount} notes</a></br>
  615. {block:IfShowTags}{block:HasTags}{block:Tags}
  616. <a href="{TagURL}">#{Tag}</a></br>{/block:Tags}{/block:HasTags}{/block:IfShowTags}
  617. </div>
  618. </div>
  619. {/block:IndexPage}
  620.  
  621. <div class="entries">
  622.  
  623.  
  624. {block:Text}
  625. {block:Title}
  626. <h1><a href="{Permalink}">{Title}</a></h1>
  627. {/block:Title}
  628. {Body}
  629. {/block:Text}
  630.  
  631. {block:Photo}
  632. <center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}">{LinkCloseTag}</center>
  633. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  634. {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
  635. {Caption}
  636. {/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  637. {/block:Photo}
  638.  
  639. {block:Photoset}
  640. {block:IfNotBiggerPosts}{Photoset-400}{/block:IfNotBiggerPosts}
  641. {block:IfBiggerPosts}{Photoset-500}{/block:IfBiggerPosts}
  642. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  643. {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
  644. {Caption}{/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  645. {/block:Photoset}
  646.  
  647. {block:Quote}
  648. <h2>“ {Quote} ”</h2>
  649. {block:Source}
  650. <div style="text-align:center; margin-top:-10px; font-size:9px; text-transform:lowercase; letter-spacing:2px;">─ {Source} ─</div>{/block:Source}
  651. {/block:Quote}
  652.  
  653. {block:Link}
  654. <h3><a href="{URL}" class="link" {Target}>{Name} →</a> </h3>
  655. {block:Description}
  656. <div class="description">{Description}</div>
  657. {/block:Description}
  658. {/block:Link}
  659.  
  660. {block:Chat}
  661. {block:Title}<h1>{Title}</h1>{/block:Title}
  662. <div class="chat">{block:Lines}
  663. <div class="lines"><div class="line {Alt}">
  664. {block:Label}<b>{Label}</b> {/block:Label}{Line}
  665. </div></div>{/block:Lines}</div>
  666. {/block:Chat}
  667.  
  668.  
  669. {block:Video}
  670. {block:IfNotBiggerPosts}{Video-400}{block:IfNotBiggerPosts}
  671. {block:IfBiggerPosts}{Video-500}{/block:IfBiggerPosts}
  672. <center><i>{FormattedPlayCount}</i> plays</center><br />
  673. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  674. {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
  675. {Caption}
  676. {/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  677. {/block:Video}
  678.  
  679. {block:Audio}
  680. <div class="cover">{block:AlbumArt}
  681. <img src="{AlbumArtURL}">
  682. {/block:AlbumArt}</div><div class="audio">{AudioPlayerGrey}</div>
  683. <div class="what">
  684. {block:Artist}
  685. <b>Artist:</b> {Artist}
  686. {/block:Artist} </br> {block:TrackName}
  687. <b>Song:</b> "{TrackName}"
  688. {/block:TrackName} </div>
  689. {block:IfShowCaptions}{block:Caption}<br />{Caption}{/block:Caption}{/block:IfShowCaptions}
  690. {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}<br />
  691. {Caption}
  692. {/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  693. {/block:Audio}
  694.  
  695. {block:Answer}
  696. <div class="ask">{Asker} asked: “ {Question} ”</div>
  697. <div class="answer"> {Answer}</div>
  698. {/block:Answer}
  699.  
  700. </div>
  701.  
  702.  
  703. </div>
  704.  
  705. {block:PermalinkPage}
  706.  
  707. <div class="permalink">
  708. {block:Date}Posted {TimeAgo}{/block:Date} {block:NoteCount} | {NoteCount} note(s){/block:NoteCount}<br>
  709. {block:RebloggedFrom}
  710. <b>origin:</b> <a href="{ReblogRootURL}">{ReblogRootName}</a> | <b>via:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom} <br>
  711. {block:HasTags}tags: {block:Tags}
  712. <a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags}
  713. {block:PostNotes}
  714. {PostNotes}
  715. {/block:PostNotes}
  716. </div>
  717.  
  718. {/block:PermalinkPage}
  719.  
  720. {/block:Posts}
  721.  
  722. </div>
  723. </div>
  724.  
  725. </body>
  726. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement