API tools faq
paste
Advertisement
wantoup

Theme 06: Tsukiyo

wantoup
Jan 1st, 2013
6,608
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 19.74 KB | None | 0 0
raw download clone embed print report
  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. <head><title>{Title}</title>
  4. <link rel="shortcut icon" href="{Favicon}">
  5. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  6. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  7.  
  8. <!--
  9.  
  10. Theme #06: Tsukiyo by viwan-th (http://viwan-th.tumblr.com)
  11.  
  12. Inspired NACJAC by gyapo (http://gyapo.tumblr.com)
  13. Scrolling Script from kryogenix.org (http://www.kryogenix.org/code/browser/smoothscroll/)
  14.  
  15. -->
  16.  
  17. <!-- META TAGS -->
  18.  
  19. <meta name="color:Background" content="#e4e4e4">
  20. <meta name="color:Body Text" content="#888888">
  21. <meta name="color:Body Links" content="#aa6655">
  22. <meta name="color:Body Links Hover" content="#bbbbaa">
  23. <meta name="color:Body Bold" content="#555555">
  24. <meta name="color:Blockquote" content="#cccccc">
  25. <meta name="color:Selection" content="#cc5555">
  26.  
  27. <meta name="color:Topbar" content="#333333">
  28. <meta name="color:Title" content="#ffffff">
  29. <meta name="color:Title Shadow" content="#aaaaaa">
  30. <meta name="color:Pagination" content="#cccccc">
  31. <meta name="color:Pagination Hover" content="#ffffff">
  32. <meta name="color:Pagination Border" content="#777777">
  33.  
  34. <meta name="color:Sidebar" content="#ffffff">
  35. <meta name="color:Links" content="#ffffff">
  36. <meta name="color:Links BG" content="#777788">
  37. <meta name="color:Links BG Hover" content="#443344">
  38.  
  39. <meta name="color:Navigation Header" content="#334466">
  40. <meta name="color:Navigation Text" content="#ffffff">
  41. <meta name="color:Navigation Links" content="#99aabb">
  42. <meta name="color:Navigation Links Hover" content="#778899">
  43.  
  44. <meta name="color:Posts" content="#ffffff">
  45. <meta name="color:Info" content="#777777">
  46. <meta name="color:Info Links" content="#dddddd">
  47. <meta name="color:Info Links Hover" content="#ffffff">
  48.  
  49. <link href='http://fonts.googleapis.com/css?family=Josefin+Sans' rel='stylesheet' type='text/css'>
  50.  
  51. <meta name="image:Sidebar" content="http://static.tumblr.com/mtdphun/6Ckmhvhbe/th_06.jpg">
  52. <meta name="image:Links" content="">
  53. <meta name="image:Background Image" content="">
  54. <meta name="image:Posts Background" content="">
  55. <meta name="image:Sidebar Background" content="">
  56. <meta name="image:Album Art" content="http://static.tumblr.com/mtdphun/ejtmfrlvt/06-art.jpg">
  57.  
  58. <meta name="if:400px Posts" content="0">
  59. <meta name="if:Infinite Scroll" content="0">
  60. <meta name="if:Photo Fade" content="1">
  61. <meta name="if:Show Captions" content="0">
  62. <meta name="if:Show Tags" content="1">
  63. <meta name="if:Links" content="1">
  64. <meta name="if:Reblog Link" content="1">
  65. <meta name="if:Lazy Load" content="0">
  66.  
  67. <meta name="text:Links Position" content="0">
  68. <meta name="text:Link 1" content="link one">
  69. <meta name="text:Link 1 URL">
  70. <meta name="text:Link 2" content="link two">
  71. <meta name="text:Link 2 URL">
  72. <meta name="text:Link 3" content="link three">
  73. <meta name="text:Link 3 URL">
  74. <meta name="text:Link 4" content="link four">
  75. <meta name="text:Link 4 URL">
  76. <meta name="text:Font Size" content="12">
  77.  
  78. <style type="text/css">
  79.  
  80. @font-face {
  81. font-family: "tinytots";
  82. src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');
  83. }
  84.  
  85. /* BODY */
  86.  
  87. body {
  88. font-family:cambria;
  89. background-attachment:fixed;
  90. background-image:url('{image:Background Image}');
  91. color:{color:Body Text};
  92. background-color:{color:Background};
  93. font-size:{text:Font Size}px;
  94. }
  95.  
  96. a {
  97. text-decoration:none;
  98. }
  99.  
  100. h1 {
  101. font-size:15px;
  102. text-align:center;
  103. margin-top:0px;
  104. margin-bottom:20px;
  105. border-left:3px solid {color:Blockquote};
  106. border-right:3px solid {color:Blockquote};
  107. color:{color:Body Bold};
  108. }
  109.  
  110. h1 a {
  111. color:{color:Body Bold};
  112. }
  113.  
  114. h1 a:hover {
  115. color:{color:Body Bold};
  116. }
  117.  
  118. b, strong {
  119. color:{color:Body Bold};
  120. }
  121.  
  122. blockquote {
  123. margin-left:10px;
  124. padding-left:10px;
  125. border-left:3px solid {color:Blockquote};
  126. }
  127.  
  128. /* TOPBAR */
  129.  
  130. #top {
  131. z-index:1;
  132. position:fixed;
  133. top:0px;
  134. left:0px;
  135. width:100%;
  136. height:50px;
  137. background-color:{color:Topbar};
  138. }
  139.  
  140. h3 {
  141. float:left;
  142. font-weight:normal;
  143. margin:2px 0 0 20px;
  144. width:340px;
  145. text-align:center;
  146. }
  147.  
  148. h3 a {
  149. font-size:23px;
  150. font-family:josefin sans;
  151. text-transform:uppercase;
  152. color:{color:Title};
  153. text-shadow: 2px 2px .2px {color:Title Shadow};
  154. }
  155.  
  156. h3 a:hover {
  157. text-decoration:none;
  158. color:{color:Title};
  159. }
  160.  
  161. #pagination {
  162. margin-left:380px;
  163. margin-top:13px;
  164. {block:ifNot400pxPosts}width:520px;{/block:ifNot400pxPosts}
  165. {block:if400pxPosts}width:420px;{/block:if400pxPosts}
  166. text-align:center;
  167. font-family:calibri;
  168. text-transform:uppercase;
  169. }
  170.  
  171. #pagination a {
  172. display:inline-block;
  173. width:70px;
  174. padding:5px;
  175. color:{color:Pagination};
  176. margin-left:5px;
  177. margin-right:5px;
  178. }
  179.  
  180. #pagination a:hover {
  181. color:{color:Pagination Hover};
  182. border-bottom:2px solid {color:Pagination Border};
  183. }
  184.  
  185. /* SIDEBAR */
  186.  
  187. #sidebar {
  188. position:fixed;
  189. top:50px;
  190. left:20px;
  191. background-image:url('{image:Sidebar Background}');
  192. width:300px;
  193. padding:20px 20px 0 20px;
  194. background-color:{color:Sidebar};
  195. }
  196.  
  197. #side {
  198. width:290px;
  199. display:block;
  200. padding:5px;
  201. border:1px solid {color:Blockquote};
  202. }
  203.  
  204. #desc {
  205. {block:ifLinks}border-bottom:1px solid #ccc;
  206. margin-bottom:10px;{/block:ifLinks}
  207. {block:ifNotLinks}margin-bottom:20px;{/block:ifNotLinks}
  208. }
  209.  
  210. #desc a {
  211. color:{color:Body Links};
  212. }
  213.  
  214. #desc a:hover {
  215. color:{color:Body Links Hover};
  216. text-decoration:underline;
  217. }
  218.  
  219. /* CUSTOM LINKS */
  220.  
  221. #image {
  222. margin-left:-20px;
  223. height:210px;
  224. }
  225.  
  226. #links {
  227. position:absolute;
  228. text-transform:uppercase;
  229. font-family:calibri;
  230. font-size:12px;
  231. height:210px;
  232. margin-left:{text:Links Position}px;
  233. }
  234.  
  235. #links a {
  236. display:inline-block;
  237. width:150px;
  238. height:14px;
  239. padding:5px;
  240. margin-bottom:10px;
  241. text-align:center;
  242. background-color:{color:Links BG};
  243. color:{color:Links};
  244. -webkit-transition:all 1s ease;
  245. -moz-transition:all 1s ease;
  246. -o-transition:all 1s ease;
  247. transition:all 1s ease-in-out;
  248. }
  249.  
  250. #links a:hover {
  251. background-color:{color:Links BG Hover};
  252. text-decoration:none;
  253. }
  254.  
  255. /* NAVIGATION BAR */
  256.  
  257. #right {
  258. position:fixed;
  259. top:50px;
  260. width:100px;
  261. border-radius:0 0 15px 15px;
  262. font-family:calibri;
  263. height:250px;
  264. background-image:url('{image:Sidebar Background}');
  265. background-color:{color:Sidebar};
  266. {block:ifNot400pxPosts}left:920px;{/block:ifNot400pxPosts}
  267. {block:if400pxPosts}left:820px;{/block:if400pxPosts}
  268. }
  269.  
  270. h2 {
  271. padding:10px;
  272. font-size:12px;
  273. text-align:center;
  274. font-weight:normal;
  275. text-transform:uppercase;
  276. margin:0;
  277. border-radius:0 0 15px 15px;
  278. background-color:{color:Navigation Header};
  279. color:{color:Navigation Text};
  280. }
  281.  
  282. #icon {
  283. height:80px;
  284. margin:0 0 10px 10px;
  285. }
  286.  
  287. #icon img {
  288. width:80px;
  289. border-radius:40px;
  290. -moz-radius:40px;
  291. -webkit-transition:all 1s ease;
  292. -moz-transition:all 1s ease;
  293. -o-transition:all 1s ease;
  294. transition:all 1s ease-in-out;
  295. }
  296.  
  297. #icon img:hover {
  298. border-radius:0px;
  299. }
  300.  
  301. /* NAVIGATION LINKS */
  302.  
  303. #nav {
  304. margin-top:10px;
  305. text-align:center;
  306. }
  307.  
  308. #nav a {
  309. display:inline-block;
  310. color:{color:Navigation Text};
  311. padding:5px;
  312. width:90px;
  313. margin-bottom:10px;
  314. font-size:12px;
  315. background-color:{color:Navigation Links};
  316. -webkit-transition:all 1s ease;
  317. -moz-transition:all 1s ease;
  318. -o-transition:all 1s ease;
  319. transition:all 1s ease-in-out;
  320. }
  321.  
  322. #nav a:hover {
  323. text-decoration:none;
  324. background-color:{color:Navigation Links Hover};
  325. }
  326.  
  327. /* POSTS */
  328.  
  329. #posts {
  330. padding:10px;
  331. margin:0 0 20px 372px;
  332. background-image:url('{image:Posts Background}');
  333. overflow:hidden;
  334. background-color:{color:Posts};
  335. {block:ifNot400pxPosts}width:500px;{/block:ifNot400pxPosts}
  336. {block:if400pxPosts}width:400px;{/block:if400pxPosts}
  337. {block:IndexPage}padding-bottom:0px;{/block:IndexPage}
  338. }
  339.  
  340. #posts a {
  341. color:{color:Body Links};
  342. }
  343.  
  344. #posts a:hover {
  345. text-decoration:underline;
  346. color:{color:Body Links Hover};
  347. }
  348.  
  349. #posts img {
  350. max-width:100%;
  351. }
  352.  
  353. #reblog {
  354. position:absolute;
  355. padding:5px;
  356. width:100px;
  357. text-align:center;
  358. opacity:0;
  359. text-transform:uppercase;
  360. font-family:tinytots;
  361. font-size:8px;
  362. background-color:{color:Posts};
  363. {block:ifNot400pxPosts}margin-left:390px;{/block:ifNot400pxPosts}
  364. {block:if400pxPosts}margin-left:290px;{/block:if400pxPosts}
  365. -webkit-transition:all 1s ease;
  366. -moz-transition:all 1s ease;
  367. -o-transition:all 1s ease;
  368. transition:all 1s ease-in-out;
  369. }
  370.  
  371. #reblog a {} #reblog a:hover {
  372. text-decoration:none;
  373. }
  374.  
  375. #posts:hover #reblog {
  376. opacity:0.7
  377. }
  378.  
  379. #photo {
  380. {block:ifPhotoFade}opacity:0.8;
  381. -webkit-transition:all 1s ease;
  382. -moz-transition:all 1s ease;
  383. -o-transition:all 1s ease;
  384. transition:all 1s ease-in-out;
  385. }
  386.  
  387. #photo:hover {
  388. opacity:1;{/block:ifPhotoFade}
  389. }
  390.  
  391. iframe.photoset {
  392. margin-bottom:-3px;
  393. }
  394.  
  395. /* AUDIO */
  396.  
  397. #art {
  398. position:absolute;
  399. margin-right:10px;
  400. height:92px;
  401. width:92px;
  402. padding:3px;
  403. border:1px solid {color:Blockquote};
  404. }
  405.  
  406. #audioinfo {
  407. font-size:11px;
  408. padding-left:10px;
  409. padding-bottom:1px;
  410. border-left:3px solid {color:Blockquote};
  411. margin:19px 0 27px 10px;
  412. }
  413.  
  414. #quote {
  415. font-size:15px;
  416. padding-bottom:5px;
  417. border-bottom:1px solid {color:Blockquote};
  418. }
  419.  
  420. /* BOTTOM BAR */
  421.  
  422. #bottom {
  423. position:relative;
  424. margin-top:10px;
  425. {block:Quote}margin-left:-30px;{/block:Quote}
  426. margin-left:-10px;
  427. background-color:{color:Info};
  428. color:{color:Info Links};
  429. font-size:11px;
  430. padding:3px;
  431. {block:ifNot400pxPosts}width:520px;{/block:ifNot400pxPosts}
  432. {block:if400pxPosts}width:420px;{/block:if400pxPosts}
  433. }
  434.  
  435. #bottom a {
  436. color:{color:Info Links};
  437. }
  438.  
  439. #bottom a:hover {
  440. text-decoration:none;
  441. color:{color:Info Links Hover};
  442. }
  443.  
  444. #tags {
  445. vertical-align:top;
  446. {block:ifNot400pxPosts}width:430px;{/block:ifNot400pxPosts}
  447. {block:if400pxPosts}width:330px;{/block:if400pxPosts}
  448. }
  449.  
  450. #info {
  451. float:right;
  452. text-align:right;
  453. }
  454.  
  455. #notes img {
  456. height:8px;
  457. border-radius:4px;
  458. margin-right:5px;
  459. }
  460.  
  461. #notes blockquote {
  462. margin-left:25px;
  463. }
  464.  
  465. ol.notes {
  466. list-style-type:none;
  467. margin-left:-30px;
  468. text-transform:uppercase;
  469. font-size:10px;
  470. }
  471.  
  472. /* MISC */
  473.  
  474. ::-webkit-scrollbar-thumb:vertical {
  475. width:5px;
  476. background-color:{color:Topbar};
  477. }
  478.  
  479. ::-webkit-scrollbar {
  480. width:5px;
  481. background-color:#fff;
  482. }
  483.  
  484. ::selection {
  485. color:#fff;
  486. background-color:{color:Selection};
  487. }
  488.  
  489. iframe#tumblr_controls {
  490. right:8px !important;
  491. top:12px !important;
  492. position:fixed !important;
  493. opacity:0.5;
  494. -webkit-transition: all 1s ease;
  495. -moz-transition: all 1s ease;
  496. -o-transition: all 1s ease;
  497. transition: all 1s ease-in-out;
  498. }
  499.  
  500. iframe#tumblr_controls:hover {
  501. opacity:1;
  502. }
  503.  
  504. </style>
  505.  
  506. <!-- SCRIPTS -->
  507.  
  508. <!-- INFINITE SCROLL SCRIPT -->
  509.  
  510. {block:ifInfiniteScroll}
  511.  
  512. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  513.  
  514. {/block:ifInfiniteScroll}
  515.  
  516. <!-- SMOOTH SCROLL SCRIPT -->
  517.  
  518. <script type="text/javascript" src="http://static.tumblr.com/mtdphun/QLwmf75xc/smooth_scroll.js"></script>
  519.  
  520. <!-- LAZY LOAD SCRIPTS -->
  521.  
  522. {block:ifLazyLoad}
  523.  
  524. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/8mXm7q8vn/jquery.js"></script>
  525. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/ogWm7q8w1/lazyload.js"></script>
  526. <script type="text/javascript" charset="utf-8"> var $j = jQuery.noConflict(); $j(function() { if (navigator.platform == "iPad" || navigator.platform == "iPhone") return; $j("img").lazyload({ placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif", effect: "fadeIn", }); }); </script>
  527.  
  528. {/block:ifLazyLoad}
  529.  
  530. <!-- END SCRIPTS -->
  531.  
  532. </head><body>
  533.  
  534. <!-- TOPBAR -->
  535.  
  536. <div id="top">
  537.  
  538. <h3><a href="/">{Title}</a></h3>
  539.  
  540.  
  541. <div id="pagination">{block:ifNotInfiniteScroll}{block:Pagination}
  542. {block:PreviousPage}<a href="{PreviousPage}">back</a>{/block:PreviousPage}
  543.  
  544. {block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}
  545. {/block:Pagination}{block:ifNotInfiniteScroll}
  546.  
  547. {block:ifInfiniteScroll}
  548. <a href="#top">back to top</a>
  549. {/block:ifInfiniteScroll}</div>
  550.  
  551. </div>
  552.  
  553. <!-- SIDEBAR -->
  554.  
  555. <div id="sidebar">
  556.  
  557. <!-- SIDEBAR CONTENT -->
  558.  
  559. <img src="{image:Sidebar}" width="290px" id="side">
  560.  
  561. <div id="desc"><p>{Description}</p></div>
  562.  
  563. <!-- CUSTOM LINKS -->
  564.  
  565. {block:ifLinks}
  566.  
  567. {block:ifLink1}
  568. <table id="links"><tr><td>
  569. <a href="{text:Link 1 URL}">{text:Link 1}</a>
  570. <a href="{text:Link 2 URL}">{text:Link 2}</a>
  571. <a href="{text:Link 3 URL}">{text:Link 3}</a>
  572. <a href="{text:Link 4 URL}">{text:Link 4}</a>
  573. {block:Pages}<a href="{URL}">{Label}</a></br>{/block:Pages}
  574. </td></tr></table>
  575. {/block:ifLink1}
  576.  
  577. <div id="image"><img src="{image:Links}" width="340px"></div>
  578.  
  579. {/block:ifLinks}
  580.  
  581. </div>
  582.  
  583. <!-- END SIDEBAR -->
  584.  
  585. <!-- NAVIGATION BAR -->
  586.  
  587. <div id="right">
  588.  
  589. <!-- NAVIGATION LINKS -->
  590.  
  591. <div id="nav">
  592. <a href="/">home</a>
  593. <a href="/ask">ask</a>
  594. <a href="/archive">archive</a>
  595. <a href="http://viwan-th.tumblr.com" target="blank" title="tsukiyo theme">theme</a><!-- PLEASE DO NOT REMOVE THEME CREDIT -->
  596. </div>
  597.  
  598. <div id="icon">
  599. <a href="#top" title="back to top"><img src="{PortraitURL-128}"></a>
  600. </div>
  601.  
  602. <h2>navigation</h2></div>
  603.  
  604. <!-- POSTS -->
  605.  
  606. <div style="position:relative;height:50px;margin-bottom:12px;"></div>
  607.  
  608. {block:ifInfiniteScroll}<div class="autopagerize_page_element">{/block:ifInfiniteScroll}
  609.  
  610. {block:Posts}
  611.  
  612. {block:ContentSource}
  613. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  614. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}">
  615. {/block:SourceLogo}
  616. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  617. {/block:ContentSource}
  618.  
  619. <!-- ENTRIES -->
  620.  
  621. <div id="posts">
  622.  
  623. {block:ifReblogLink}
  624. {block:IndexPage}
  625. <div id="reblog">
  626. {block:RebloggedFrom}
  627. <a href="{ReblogParentURL}">via</a> ·
  628. <a href="{ReblogRootURL}">source</a> ||
  629. {/block:RebloggedFrom}
  630.  
  631. <a href="{ReblogURL}" target="blank">reblog</a>
  632. </div>
  633. {/block:IndexPage}
  634. {/block:ifReblogLink}
  635.  
  636. <!-- TEXT -->
  637.  
  638. {block:Text}
  639.  
  640. {block:Title}<a href="{Permalink}"><h1>{Title}</h1></a>{/block:Title}
  641. <div style="margin-top:-10px;">{Body}</div>
  642.  
  643. {/block:Text}
  644.  
  645. <!--PHOTO-->
  646.  
  647. {block:Photo}
  648.  
  649. {block:ifNotShowCaptions}
  650. {block:ifNot400pxPosts}
  651. <div style="height:{PhotoHeight-500}px;">
  652. {/block:ifNot400pxPosts}
  653.  
  654. {block:if400pxPosts}
  655. <div style="height:{PhotoHeight-400}px;">
  656. {/block:if400pxPosts}
  657. {/block:ifNotShowCaptions}
  658.  
  659. {block:IndexPage}
  660. <a href="{Permalink}"><img src="{PhotoURL-HighRes}" id="photo"></a>
  661. {/block:IndexPage}
  662.  
  663. {block:PermalinkPage}
  664. {LinkOpenTag}<img src="{PhotoURL-HighRes}" id="photo">{LinkCloseTag}
  665. {/block:PermalinkPage}
  666.  
  667. {block:ifNotShowCaptions}</div>{/block:ifNotShowCaptions}
  668.  
  669. {block:ifShowCaptions}
  670. {block:Caption}
  671. {Caption}
  672. {/block:Caption}
  673. {/block:ifShowCaptions}
  674.  
  675. {/block:Photo}
  676.  
  677. <!-- PANORAMA -->
  678.  
  679. {block:Panorama}
  680.  
  681. {LinkOpenTag}<img src="{PhotoURL-Panorama}">{LinkCloseTag}
  682.  
  683. {block:ifShowCaptions}
  684. {block:Caption}
  685. {Caption}
  686. {/block:Caption}
  687. {/block:ifShowCaptions}
  688.  
  689. {/block:Panorama}
  690.  
  691. <!-- PHOTOSET -->
  692.  
  693. {block:Photoset}
  694.  
  695. <div id="photo">
  696. {block:ifNot400pxPosts}{Photoset-500}{/block:ifNot400pxPosts}
  697. {block:if400pxPosts}{Photoset-400}{/block:if400pxPosts}
  698. </div>
  699.  
  700. {block:ifShowCaptions}
  701. {block:Caption}
  702. {Caption}
  703. {/block:Caption}
  704. {/block:ifShowCaptions}
  705.  
  706. {/block:Photoset}
  707.  
  708. <!-- QUOTE -->
  709.  
  710. {block:Quote}
  711.  
  712. <div id="quote">"{Quote}"</div>
  713. <p align="right">- {Source}
  714.  
  715. {/block:Quote}
  716.  
  717. <!-- LINK -->
  718.  
  719. {block:Link}
  720.  
  721. <a href="{URL}" target="{Target}"><h1>{Name}</h1></a>
  722.  
  723. {block:Description}
  724. <div style="margin-top:-10px;">{Description}</div>
  725. {/block:Description}
  726.  
  727. {/block:Link}
  728.  
  729. <!-- CHAT -->
  730.  
  731. {block:Chat}
  732.  
  733. {block:Title}<h1>{Title}</h1>{/block:Title}
  734.  
  735. {block:Lines}
  736. {block:Label}<b>{Label}</b>{/block:Label} {Line}<br>
  737. {/block:Lines}
  738.  
  739. {/block:Chat}
  740.  
  741. <!-- AUDIO -->
  742.  
  743. {block:Audio}
  744.  
  745. {block:IndexPage}<a href="{Permalink}">{/block:IndexPage}
  746. <img src="{image:Album Art}" width="100px" id="art">
  747. {block:IndexPage}</a>{/block:IndexPage}
  748.  
  749. {block:AlbumArt}
  750. {block:IndexPage}<a href="{Permalink}">{/block:IndexPage}
  751. <img src="{AlbumArtURL}" width="100px" id="art">
  752. {block:IndexPage}</a>{/block:IndexPage}
  753. {/block:AlbumArt}
  754.  
  755. <div style="margin-left:110px;">
  756. <div style="overflow:hidden;height:27px;">{AudioPlayerBlack}</div>
  757.  
  758. <div id="audioinfo">
  759. <b>Track:</b> {block:TrackName}{TrackName}{/block:TrackName}</br>
  760. <b>Artist:</b> {block:Artist}{Artist}{/block:Artist}</br>
  761. <b>Album:</b> {block:Album}{Album}{/block:Album}
  762. </div></div>
  763.  
  764. {block:ifShowCaptions}
  765. {block:Caption}
  766. <div style="margin-top:29px;">{Caption}</div>
  767. {/block:Caption}
  768. {/block:ifShowCaptions}
  769.  
  770. {/block:Audio}
  771.  
  772. <!-- VIDEO -->
  773.  
  774. {block:Video}
  775.  
  776. {block:ifNot400pxPosts}{Video-500}{/block:ifNot400pxPosts}
  777. {block:if400pxPosts}{Video-400}{/block:if400pxPosts}
  778.  
  779. {block:ifShowCaptions}
  780. {block:Caption}
  781. {Caption}
  782. {/block:Caption}
  783. {/block:ifShowCaptions}
  784.  
  785. {/block:Video}
  786.  
  787. <!-- ANSWER -->
  788.  
  789. {block:Answer}
  790.  
  791. {Asker}: {Question}</br>
  792. {Answer}
  793.  
  794. {/block:Answer}
  795.  
  796. <!-- END ENTRIES -->
  797.  
  798. <!-- BOTTOM BAR -->
  799.  
  800. {block:IndexPage}
  801.  
  802. <table id="bottom">
  803.  
  804. {block:ifShowTags}
  805. <tr><td id="tags">
  806. {block:HasTags}Tagged with: {block:Tags}
  807. <a href="{TagURL}">#{Tag} </a>
  808. {/block:Tags}{/block:HasTags}
  809. </td>
  810.  
  811. <td id="info">
  812. <a href="{Permalink}">{TimeAgo}</a></br>
  813. <a href="{Permalink}">{NoteCountWithLabel}</a>
  814. </td></tr>
  815. {/block:ifShowTags}
  816.  
  817. {block:ifNotShowTags}
  818. <tr><td style="float:left;"><a href="{Permalink}">{TimeAgo}</a></td>
  819. <td style="float:right;"><a href="{Permalink}">{NoteCountWithLabel}</a></td></tr>
  820. {/block:ifNotShowTags}
  821.  
  822. </table>
  823.  
  824. {/block:IndexPage}
  825.  
  826. <!-- PERMALINK PAGE -->
  827.  
  828. {block:PermalinkPage}
  829.  
  830. {block:ifNotShowCaptions}
  831. {block:Caption}
  832. {Caption}
  833. {/block:Caption}
  834. {/block:ifNotShowCaptions}
  835.  
  836. <div style="margin-top:10px;font-size:11px;font-family:calibri;">
  837.  
  838. {block:Date}
  839. <div style="border-top:1px solid #ccc;margin-bottom:8px;"></div>
  840. {/block:Date}
  841.  
  842. {block:HasTags}
  843. Tagged with: {block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}
  844. </br>{/block:HasTags}
  845.  
  846. {block:Date}Posted {TimeAgo}{/block:Date}{block:NoteCount} with {NoteCountWithLabel}{/block:NoteCount}
  847.  
  848. {block:RebloggedFrom}
  849. || via: <a href="{ReblogParentURL}">{ReblogParentName}</a> |
  850. source: <a href="{ReblogRootURL}">{ReblogRootName}</a></br>
  851. {/block:RebloggedFrom}
  852.  
  853. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  854. </div>
  855.  
  856. {/block:PermalinkPage}
  857.  
  858. </div>
  859.  
  860. {/block:Posts}{block:ifInfiniteScroll}</div>{/block:ifInfiniteScroll}
  861.  
  862. <!-- END POSTS-->
  863.  
  864. </body></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!