yeoli

Theme 15

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