API tools faq
paste
Advertisement
wantoup

Theme 27: Apotheosis

wantoup
Mar 22nd, 2014
21,023
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 20.58 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 #27: APOTHEOSIS BY VIWAN THEMES
  11.  
  12. TERMS OF USE:
  13. 1. DO NOT REMOVE THE CREDIT OR CLAIM THE THEME AS YOUR OWN.
  14. 2. DO NOT REDISTRIBUTE THE CODE ON OTHER SITES.
  15.  
  16. -->
  17.  
  18. <link href='http://fonts.googleapis.com/css?family=Josefin+Sans' rel='stylesheet' type='text/css'>
  19.  
  20. <meta name="color:Background" content="#dddddd">
  21. <meta name="color:Body Text" content="#888888">
  22. <meta name="color:Body Links" content="#559999">
  23. <meta name="color:Body Links Hover" content="#22cccc">
  24. <meta name="color:Body Bold" content="#223344">
  25. <meta name="color:Body Italics" content="#aaaa77">
  26. <meta name="color:Blockquote" content="#cccccc">
  27.  
  28. <meta name="color:Headers Text" content="#669966">
  29. <meta name="color:Headers Links" content="#669999">
  30. <meta name="color:Headers Content" content="#ffffff">
  31.  
  32. <meta name="color:Topbar" content="#222222">
  33. <meta name="color:Topbar Title 1" content="#cccccc">
  34. <meta name="color:Topbar Title 1 Accent" content="#ffffff">
  35. <meta name="color:Topbar Title 2" content="#ffffff">
  36.  
  37. <meta name="color:Sidebar" content="#333333">
  38. <meta name="color:Description" content="#aaaaaa">
  39.  
  40. <meta name="color:Labels" content="#ffffff">
  41. <meta name="color:Custom Links" content="#555555">
  42. <meta name="color:Navigation 1" content="#559999">
  43. <meta name="color:Navigation 2" content="#999988">
  44. <meta name="color:Navigation 3" content="#dddddd">
  45. <meta name="color:Navigation 4" content="#bbccaa">
  46.  
  47. <meta name="color:Pagination" content="#ffffff">
  48. <meta name="color:Pagination Shadow" content="#000000">
  49.  
  50. <meta name="color:Posts" content="#ffffff">
  51. <meta name="color:Chat Odd" content="#fcfcfc">
  52. <meta name="color:Chat Even" content="#eeeeee">
  53. <meta name="color:Audio Info" content="#f4f4f4">
  54. <meta name="color:Ask Background" content="#eeeeee">
  55.  
  56. <meta name="color:Info" content="#555555">
  57. <meta name="color:Tags" content="#333333">
  58. <meta name="color:Tags Text" content="#ffffff">
  59. <meta name="color:Date" content="#333333">
  60. <meta name="color:Date Text" content="#ffffff">
  61. <meta name="color:Date Accent" content="#ff6666">
  62. <meta name="color:Date Shadow" content="#000000">
  63.  
  64. <meta name="color:Scrollbar" content="#333333">
  65. <meta name="color:Scrollbar BG" content="#aaaaaa">
  66.  
  67. <meta name="if:Show Captions" content="0">
  68. <meta name="if:Show Tags" content="1">
  69. <meta name="if:Alt Tags" content="0">
  70. <meta name="if:400px Posts" content="1">
  71. <meta name="if:Hover Navigation" content="1">
  72. <meta name="if:Infinite Scroll" content="0">
  73. <meta name="if:Photo Fade" content="0">
  74.  
  75. <meta name="image:Background" content="">
  76. <meta name="image:Sidebar" content="">
  77.  
  78. <meta name="text:Font Size" content="11">
  79. <meta name="text:Title 1" content="title">
  80. <meta name="text:Title 2" content="subtitle">
  81. <meta name="text:Music Player Code">
  82.  
  83. <meta name="text:Link 1" content="link one">
  84. <meta name="text:Link 1 URL" content="">
  85. <meta name="text:Link 2" content="link two">
  86. <meta name="text:Link 2 URL" content="">
  87. <meta name="text:Link 3" content="link three">
  88. <meta name="text:Link 3 URL" content="">
  89. <meta name="text:Link 4" content="link four">
  90. <meta name="text:Link 4 URL" content="">
  91. <meta name="text:Link 5" content="link five">
  92. <meta name="text:Link 5 URL" content="">
  93. <meta name="text:Link 6" content="link six">
  94. <meta name="text:Link 6 URL" content="">
  95.  
  96. <style type="text/css">
  97.  
  98. /* BODY */
  99.  
  100. body {
  101. font-family:calibri;
  102. font-size:11px;
  103. text-align:justify;
  104. background:url('{image:Background}') {color:Background} fixed bottom right;
  105. color:{color:Body Text};
  106. }
  107.  
  108. a {
  109. color:#aaa;
  110. text-decoration:none;
  111. -webkit-transition:all .5s ease;
  112. -moz-transition:all .5s ease;
  113. -o-transition:all .5s ease;
  114. transition:all .5s ease-in-out;
  115. }
  116.  
  117. ul {list-style-type:square;}
  118. img {max-width:100%;}
  119. #link {background:{color:Headers Links};}
  120.  
  121. h1, h1 a, h1 a:hover {
  122. font:21px josefin sans;
  123. text-transform:uppercase;
  124. background:{color:Headers Text};
  125. margin:0 0 10px 0;
  126. padding:5px 5px 8px 5px;
  127. text-align:center;
  128. color:{color:Headers Content};
  129. }
  130.  
  131. blockquote {
  132. margin-left:10px;
  133. border-left:3px solid {color:Blockquote};
  134. padding-left:10px;
  135. }
  136.  
  137. #wrap {
  138. position:absolute;
  139. top:0px;
  140. left:0px;
  141. }
  142.  
  143. /* TOPBAR */
  144.  
  145. #top {
  146. z-index:999;
  147. position:fixed;
  148. margin-top:0px;
  149. margin-left:0px;
  150. height:60px;
  151. width:100%;
  152. background:{color:Topbar};
  153. }
  154.  
  155. #header {
  156. {block:ifNot400pxPosts}width:520px;{/block:ifNot400pxPosts}
  157. {block:if400pxPosts}width:420px;{/block:if400pxPosts}
  158. display:inline-block;
  159. text-align:center;
  160. font-size:15px;
  161. color:{color:Title};
  162. margin-top:13px;
  163. margin-left:360px;
  164. }
  165.  
  166. #title::first-letter {color:{color:Topbar Title 1 Accent};}
  167.  
  168. #subtitle {
  169. font-size:10px;
  170. text-transform:uppercase;
  171. color:{color:Topbar Title 2};
  172. }
  173.  
  174. #bar {
  175. position:fixed;
  176. margin-top:0px;
  177. height:100%;
  178. width:100px;
  179. background:{color:Topbar};
  180. margin-left:240px;
  181. }
  182.  
  183. /* SIDEBAR */
  184.  
  185. #side {
  186. position:fixed;
  187. margin-top:80px;
  188. width:200px;
  189. text-align:center;
  190. margin-left:20px;
  191. }
  192.  
  193. #image {display:block;}
  194.  
  195. /* NAVIGATION */
  196.  
  197. #nav {
  198. z-index:999;
  199. width:200px;
  200. text-align:center;
  201. {block:ifHoverNavigation}position:absolute;{/block:ifHoverNavigation}
  202. {block:ifNotHoverNavigation}height:23px;{/block:ifNotHoverNavigation}
  203. }
  204.  
  205. #nav a {
  206. display:inline-block;
  207. float:left;
  208. width:25%;
  209. {block:ifNotHoverNavigation}height:13px;
  210. padding:10px 0;
  211. color:{color:Labels};{/block:ifNotHoverNavigation}
  212. {block:ifHoverNavigation}
  213. color:transparent;
  214. height:10px;
  215. overflow:hidden;
  216. }
  217.  
  218. #nav a:hover {padding:10px 0;height:13px;color:{color:Labels};{/block:ifHoverNavigation}}
  219. #desc {background:{color:Sidebar};padding:10px;color:{color:Description};}
  220. #links {margin-top:10px;}
  221.  
  222. /* SIDEBAR CONTENT */
  223.  
  224. #pagination span {font-family:verdana;}
  225. #pagination a {display:inline-block;color:{color:Pagination};text-shadow:1px 1px 2px {color:Pagination Shadow};font-size:20px;}
  226.  
  227. #desc a {color:{color:Navigation 1};}
  228. #desc a:hover {color:{color:Navigation 2};}
  229. #desc b, #desc strong {color:{color:Navigation 3};}
  230. #desc i, #desc em {color:{color:Navigation 4};}
  231.  
  232. #links a {
  233. display:inline-block;
  234. padding:3px 5px;
  235. background:{color:Custom Links};
  236. color:{color:Labels};
  237. margin-left:2px;
  238. margin-bottom:5px;
  239. }
  240.  
  241. /* POSTS */
  242.  
  243. #container {
  244. margin-top:80px;
  245. margin-left:340px;
  246. }
  247.  
  248. #posts {
  249. width:500px;
  250. margin:0 20px;
  251. background-color:{color:Posts};
  252. {block:ifNot400pxPosts}width:500px;{/block:ifNot400pxPosts}
  253. {block:if400pxPosts}width:400px;{/block:if400pxPosts}
  254. padding:10px;
  255. }
  256.  
  257. #posts pre {
  258. background:#eee;
  259. padding:10px;
  260. color:#888;
  261. white-space:pre-wrap;
  262. }
  263.  
  264. #posts small, #posts big {font-size:{text:Font Size}px;}
  265. #content a, #desc a {border-bottom:1px dotted #ccc;}
  266. #content a {color:{color:Body Links};}
  267. #content a:hover {color:{color:Body Links Hover};}
  268. #content b, #content strong {color:{color:Body Bold};}
  269. #content i, #content em {color:{color:Body Italics};}
  270.  
  271. /* PHOTO */
  272.  
  273. #photo, iframe.photoset {
  274. display:block;
  275. {block:ifPhotoFade}opacity:0.8;
  276. -webkit-transition:all 1s ease;
  277. -moz-transition:all 1s ease;
  278. -o-transition:all 1s ease;
  279. transition:all 1s ease-in-out;
  280. }
  281.  
  282. #photo:hover {opacity:1;{/block:ifPhotoFade}}
  283.  
  284. /* QUOTE */
  285.  
  286. #quote {
  287. font-size:18px;
  288. text-transform:lowercase;
  289. }
  290.  
  291. /* CHAT */
  292.  
  293. #odd, #even {padding:5px;}
  294. #odd {background:{color:Chat Odd};}
  295. #even {background:{color:Chat Even};}
  296.  
  297. /* AUDIO */
  298.  
  299. #audio {width:100%;}
  300. #audio b {color:#555;}
  301.  
  302. #art, #alt {
  303. width:150px;
  304. height:150px;
  305. display:block;
  306. }
  307.  
  308. #player {
  309. z-index:99;
  310. position:absolute;
  311. padding:10px;
  312. background:rgba(0,0,0,0.3);
  313. margin:52px;
  314. opacity:0.3;
  315. -webkit-transition:all 1s ease;
  316. -moz-transition:all 1s ease;
  317. -o-transition:all 1s ease;
  318. transition:all 1s ease-in-out;
  319. }
  320.  
  321. #art {position:absolute;}
  322. #audio:hover #player {opacity:1;}
  323.  
  324. #ainfo {
  325. overflow:hidden;
  326. line-height:13px;
  327. text-align:left;
  328. background:{color:Audio Info};
  329. padding-left:10px;
  330. margin-top:10px;
  331. margin-bottom:10px;
  332. margin-left:10px;
  333. padding:5px;
  334. height:13px;
  335. }
  336.  
  337. /* ASK */
  338.  
  339. #ask {
  340. padding:10px;
  341. background:{color:Ask Background};
  342. }
  343.  
  344. #arrow {
  345. position:absolute;
  346. display:inline-block;
  347. color:{color:Ask Background};
  348. font-size:30px;
  349. margin-left:20px;
  350. margin-top:-12px;
  351. }
  352.  
  353. #asker {
  354. display:inline-block;
  355. font-size:10px;
  356. text-transform:uppercase;
  357. margin-top:3px;
  358. margin-left:45px;
  359. }
  360.  
  361. /* INFO */
  362.  
  363. #info {
  364. margin:10px -10px -10px -10px;
  365. background:{color:Info};
  366. }
  367.  
  368. #tags a {
  369. display:inline-block;
  370. padding:3px;
  371. color:{color:Tags Text};
  372. background:{color:Tags};
  373. font-size:10px;
  374. margin-right:5px;
  375. }
  376.  
  377. /* DATE AND ALT TAGS */
  378.  
  379. .alt {width:90px;text-align:left;}
  380. .alt a {display:inline-block;}
  381.  
  382. #date {
  383. position:absolute;
  384. margin-left:-100px;
  385. width:90px;
  386. padding:0px 5px;
  387. font-size:10px;
  388. color:{color:Date Accent};
  389. }
  390.  
  391. #dcon {
  392. width:100px;
  393. background:{color:Date};
  394. padding:10px 0;
  395. text-align:center;
  396. margin:0 -5px 5px -5px;
  397. }
  398.  
  399. #date a {color:#fff;text-shadow:1px 1px .2px {color:Date Shadow};}
  400.  
  401. /* PERMALINK */
  402.  
  403. #perma {
  404. font-size:10px;
  405. text-align:center;
  406. border-top:1px dashed {color:Borders};
  407. padding-top:10px;
  408. margin-top:10px;
  409. }
  410.  
  411. /* POSTNOTES */
  412.  
  413. ol.notes {
  414. list-style-type:none;
  415. margin:0px 0 20px -20px;
  416. font-size:10px;
  417. text-transform:uppercase;
  418. }
  419.  
  420. ol.notes img {
  421. float:left;
  422. width:13px;
  423. margin-right:5px;
  424. }
  425.  
  426. .notes li {
  427. padding:5px;
  428. margin-bottom:2px;
  429. text-transform:uppercase;
  430. font-size:10px;
  431. background-color:{color:Posts};
  432. {block:ifNot400pxPosts}width:510px;{/block:ifNot400pxPosts}
  433. {block:if400pxPosts}width:410px;{/block:if400pxPosts}
  434. }
  435.  
  436. /* MUSIC */
  437.  
  438. #music {
  439. position:fixed;
  440. top:25px;
  441. left:0px;
  442. overflow:hidden;
  443. }
  444.  
  445. #billy {
  446. margin-top:11px;
  447. margin-bottom:-1px;
  448. opacity:0;
  449. }
  450.  
  451. #icon {margin-left:25px;}
  452.  
  453. #billy, #icon, #music{
  454. -webkit-transition:all 1s ease;
  455. -moz-transition:all 1s ease;
  456. -o-transition:all 1s ease;
  457. transition:all 1s ease-in-out;
  458. }
  459.  
  460. #music:hover {top:-5px;}
  461. #music:hover #icon {opacity:0;}
  462. #music:hover #billy {opacity:1;}
  463.  
  464. /* CREDITS */
  465.  
  466. #credit {
  467. z-index:999;
  468. position:fixed;
  469. bottom:5px;right:5px;
  470. width:10px;
  471. height:13px;
  472. word-wrap:break-word;
  473. overflow:hidden;
  474. -webkit-transition:all 1s ease;
  475. -moz-transition:all 1s ease;
  476. -o-transition:all 1s ease;
  477. transition:all 1s ease-in-out;
  478. }
  479.  
  480. #credit a {
  481. color:#888;
  482. text-transform:uppercase;
  483. font-size:10px;
  484. }
  485.  
  486. #credit:hover {
  487. width:83px;
  488. }
  489.  
  490. #credit span {
  491. text-shadow:1px 1px .2px #000;
  492. color:#fff;
  493. margin-right:5px;
  494. font-size:11px;
  495. }
  496.  
  497. /* MISC */
  498.  
  499. iframe#tumblr_controls {
  500. position:fixed !important;
  501. margin-top:5px !important;
  502. margin-right:5px !important;
  503. opacity:0.3 !important;
  504. -webkit-transition:all 1s ease;
  505. -moz-transition:all 1s ease;
  506. -o-transition:all 1s ease;
  507. transition:all 1s ease-in-out;
  508. }
  509.  
  510. iframe#tumblr_controls:hover {
  511. opacity:0.8 !important;
  512. }
  513.  
  514. ::-webkit-scrollbar-thumb:vertical {
  515. background-color:{color:Scrollbar};
  516. border-top:2px solid {color:Scrollbar BG};
  517. border-bottom:2px solid {color:Scrollbar BG};
  518. }
  519.  
  520. ::-webkit-scrollbar-button:vertical {
  521. height:6px;
  522. width:5px;
  523. background-color:{color:Scrollbar};
  524. }
  525.  
  526. ::-webkit-scrollbar-button:horizontal {
  527. width:6px;
  528. height:5px;
  529. background-color:{color:Scrollbar};
  530. }
  531.  
  532. ::-webkit-scrollbar {
  533. height:5px;
  534. width:5px;
  535. background-color:{color:Scrollbar BG};
  536. }
  537.  
  538. </style>
  539.  
  540. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  541.  
  542. {block:ifInfiniteScroll}
  543. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  544. {/block:ifInfiniteScroll}
  545.  
  546. </head><body>
  547.  
  548. <!-- TOPBAR -->
  549.  
  550. <div id="wrap">
  551. <div id="top">
  552. {block:IndexPage}{block:ifMusicPlayerCode}<div id="music">
  553. <img src="http://media.tumblr.com/tumblr_m7w2o3N94I1r6o8v2.gif" id="icon">
  554. <div id="billy">{text:Music Player Code}</div>
  555. </div>{/block:ifMusicPlayerCode}{/block:IndexPage}
  556. <a id="header" href="/">
  557. <div id="title">{text:Title 1}</div>
  558. <div id="subtitle">{text:Title 2}</div>
  559. </a></div>
  560. <div id="bar"></div>
  561.  
  562. <!-- SIDEBAR -->
  563.  
  564. <div id="side">
  565.  
  566. <div id="nav">
  567. <a style="background:{color:Navigation 1};" href="/">home</a>
  568. <a style="background:{color:Navigation 2};" href="/ask">ask</a>
  569. <a style="background:{color:Navigation 3};" href="/archive">archive</a>
  570. <a style="background:{color:Navigation 4};" href="http://viwan-th.tumblr.com" target="blank" title="apotheosis theme">theme</a>
  571. </div>
  572. <a href="/"><img src="{image:Sidebar}" id="image"></a>
  573. <div id="desc"><div style="margin:-10px 0;">
  574. <p>{Description}</p>
  575. </div></div>
  576. <div id="links">
  577. <a href="{text:Link 1 URL}">{text:Link 1}</a>
  578. <a href="{text:Link 2 URL}">{text:Link 2}</a>
  579. <a href="{text:Link 3 URL}">{text:Link 3}</a>
  580. <a href="{text:Link 4 URL}">{text:Link 4}</a>
  581. <a href="{text:Link 5 URL}">{text:Link 5}</a>
  582. <a href="{text:Link 6 URL}">{text:Link 6}</a>
  583. {block:Pages}<a href="{URL}">{Name}</a>{/block:Pages}
  584. </div>
  585. {block:ifNotInfiniteScroll}<div id="pagination"><center>
  586. {block:Pagination}
  587. {block:PreviousPage}<a href="{PreviousPage}">&laquo;</a>{/block:PreviousPage}
  588. {block:NextPage}<a href="{NextPage}">&raquo;</a>{/block:NextPage}
  589. {/block:Pagination}
  590. </center></div>{/block:ifNotInfiniteScroll}
  591. </div>
  592.  
  593. <div id="container">
  594.  
  595. <!-- POSTS BLOCK -->
  596.  
  597. {block:ifInfiniteScroll}<div class="autopagerize_page_element">{/block:ifInfiniteScroll}{block:Posts}
  598.  
  599. {block:ContentSource}
  600. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  601. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}">
  602. {/block:SourceLogo}
  603. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  604. {/block:ContentSource}
  605.  
  606. <table cellpadding="0" cellspacing="0" id="pwrap"><tr><td style="border-bottom:20px solid transparent;">
  607. <div id="posts">
  608.  
  609. <!-- ENTRIES -->
  610.  
  611. <!-- TEXT -->
  612.  
  613. {block:Text}
  614.  
  615. {block:Title}<a href="{Permalink}"><h1 style="margin-bottom:20px;">{Title}</h1></a>{/block:Title}
  616. <div id="content" style="margin-top:-10px"><p>{Body}</p></div>
  617.  
  618. {/block:Text}
  619.  
  620. <!-- PHOTO -->
  621.  
  622. {block:Photo}
  623.  
  624. {block:IndexPage}
  625. <a href="{Permalink}"><img src="{PhotoURL-highres}" id="photo"></a>
  626. {/block:IndexPage}
  627.  
  628. {block:PermalinkPage}{LinkOpenTag}
  629. <center><img src="{PhotoURL-500}" id="photo"></center>
  630. {LinkCloseTag}{/block:PermalinkPage}
  631.  
  632. {block:ifShowCaptions}
  633. {block:Caption}
  634. <div id="content">{Caption}</div>
  635. {/block:Caption}
  636. {block:ifShowCaptions}
  637.  
  638. {/block:Photo}
  639.  
  640. <!-- PANORAMA -->
  641.  
  642. {block:Panorama}
  643.  
  644. {LinkOpenTag}<img src="{PhotoURL-Panorama}" id="photo">{LinkCloseTag}
  645.  
  646. {block:ifShowCaptions}
  647. {block:Caption}
  648. <div id="content">{Caption}</div>
  649. {/block:Caption}
  650. {block:ifShowCaptions}
  651.  
  652. {/block:Panorama}
  653.  
  654. <!-- PHOTOSET -->
  655.  
  656. {block:Photoset}
  657.  
  658. <div id="photo">
  659. {block:ifNot400pxPosts}{Photoset-500}{/block:ifNot400pxPosts}
  660. {block:if400pxPosts}{Photoset-400}{/block:if400pxPosts}
  661. </div>
  662.  
  663. {block:ifShowCaptions}
  664. {block:Caption}
  665. <div id="content">{Caption}</div>
  666. {/block:Caption}
  667. {block:ifShowCaptions}
  668.  
  669. {/block:Photoset}
  670.  
  671. <!-- QUOTE -->
  672.  
  673. {block:Quote}
  674.  
  675. <center><span id="quote">❝ {Quote} ❞</span></center>
  676. <p align="right" id="content">- {Source}
  677.  
  678.  
  679. {/block:Quote}
  680.  
  681. <!-- LINK -->
  682.  
  683. {block:Link}
  684.  
  685. <a href="{URL}" target="{Target}"><h1 id="link">{Name} →</h1></a>
  686.  
  687. {block:Description}
  688. <div id="content">{Description}</div>
  689. {/block:Description}
  690.  
  691. {/block:Link}
  692.  
  693. <!-- CHAT -->
  694.  
  695. {block:Chat}
  696.  
  697. {block:Title}<a href="{Permalink}"><h1>{Title}</h1></a>{/block:Title}
  698.  
  699. <div id="content">{block:Lines}<div id="{Alt}">
  700. {block:Label}<b>{Label}</b>{/block:Label} {Line}
  701. </div>{/block:Lines}</div>
  702.  
  703. {/block:Chat}
  704.  
  705. <!-- AUDIO -->
  706.  
  707. {block:Audio}
  708.  
  709. <table id="audio" cellpadding="0" cellspacing="0"><tr>
  710. <td width="150px">
  711. <div id="player"><div style="overflow:hidden;height:27px;width:27px;">{AudioPlayerBlack}</div></div><a href="{Permalink}">
  712. {block:AlbumArt}<img src="{AlbumArtURL}" id="art">{/block:AlbumArt}
  713. <img src="{image:Album Art}" id="alt">
  714. </a></td>
  715. <td>
  716. <div id="ainfo"><b>Track: </b>{block:TrackName}{TrackName}{/block:TrackName}</div>
  717. <div id="ainfo"><b>Artist: </b>{block:Artist}{Artist}{/block:Artist}</div>
  718. <div id="ainfo"><b>Album: </b>{block:Album}{Album}{/block:Album}</div>
  719. <div id="ainfo"><b>Plays: </b>{block:PlayCount}{FormattedPlayCount}{/block:PlayCount}</div>
  720. </td>
  721. </tr></table>
  722.  
  723. {block:ifShowCaptions}
  724. {block:Caption}
  725. <div id="content">{Caption}</div>
  726. {/block:Caption}
  727. {block:ifShowCaptions}
  728.  
  729. {/block:Audio}
  730.  
  731. <!-- VIDEO -->
  732.  
  733. {block:Video}
  734.  
  735. {block:ifNot400pxPosts}{Video-500}{/block:ifNot400pxPosts}
  736. {block:if400pxPosts}{Video-400}{/block:if400pxPosts}
  737.  
  738. {block:ifShowCaptions}
  739. {block:Caption}
  740. <div id="content">{Caption}</div>
  741. {/block:Caption}
  742. {block:ifShowCaptions}
  743.  
  744. {/block:Video}
  745.  
  746. <!-- ANSWER -->
  747.  
  748. {block:Answer}
  749.  
  750. <div id="ask">{Question}</div>
  751. <span id="arrow">◥</span>
  752. <span id="asker">{Asker}</span></p>
  753.  
  754. <div id="content">{Answer}</div>
  755.  
  756. {/block:Answer}
  757.  
  758. <!-- END ENTRIES -->
  759.  
  760. {block:PermalinkPage}
  761.  
  762. {block:ifNotShowCaptions}
  763. {block:Caption}
  764. <div id="content">{Caption}</div>
  765. {/block:Caption}
  766. {/block:ifNotShowCaptions}
  767.  
  768. <!-- PERMALINK -->
  769.  
  770. {block:Date}<div id="perma">
  771. {12Hour}:{Minutes}<span style="text-transform:uppercase;">{AmPm}</span> &middot; {DayofWeek}, {Month} {DayofMonth}{DayofMonthSuffix}, {Year} &middot; {NoteCountWithLabel}</br>
  772. {block:HasTags}tags <span style="font-size:10px;">&raquo;</span> {block:Tags}<a href="{TagURL}">{Tag}</a> &middot; {/block:Tags}</br>{/block:HasTags}
  773. {block:RebloggedFrom}
  774. via: <a href="{ReblogParentURL}">{ReblogParentName}</a> &middot;
  775. source: <a href="{ReblogRootURL}">{ReblogRootName}</a>
  776. {/block:RebloggedFrom}
  777. </div>{/block:Date}
  778.  
  779. {/block:PermalinkPage}
  780.  
  781. <!-- TAGS -->
  782.  
  783. {block:IndexPage}<div id="info"><table cellpadding="0" cellspacing="0" width="100%"><tr>
  784. {block:ifShowTags}{block:ifNotAltTags}
  785. <td id="tags">
  786. {block:Tags}<a href="{TagURL}">{Tag}</a>{/block:Tags}
  787. </td>{/block:ifNotAltTags}{/block:ifShowTags}
  788. </tr></table></div>{/block:IndexPage}
  789.  
  790. </div><!-- posts --></td>
  791.  
  792. <!-- DATE INFO -->
  793.  
  794. {block:IndexPage}<div id="date">
  795. <div id="dcon">
  796. <a href="{Permalink}">{MonthNumberWithZero}.{DayofMonthWithZero}.{ShortYear} &middot; </a>
  797. <a href="{Permalink}">{NoteCount}</a></br>
  798. {block:RebloggedFrom}<a href="{ReblogParentURL}">via &middot; </a><a href="{ReblogRootURL}">source &middot; </a>{/block:RebloggedFrom}
  799. <a href="{ReblogURL}">reblog</a>
  800. </div>
  801. {block:ifShowTags}{block:ifAltTags}<div class="alt">
  802. {block:Tags}+ <a href="{TagURL}">{Tag}</a></br>{/block:Tags}
  803. </div>{/block:ifAltTags}{/block:ifShowTags}
  804. </div>{/block:IndexPage}
  805.  
  806. </tr>
  807.  
  808. <tr><td>{block:PostNotes}{PostNotes}{/block:PostNotes}</td></tr>
  809. </table>
  810.  
  811. {/block:Posts}{block:ifInfiniteScroll}</div>{/block:ifInfiniteScroll}
  812.  
  813. <!-- END POSTS BLOCK -->
  814.  
  815. </div><!-- container --></div><!-- wrap -->
  816.  
  817. <div id="credit"><div style="width:82px;">
  818. <a href="http://viwan-th.tumblr.com" target="blank">
  819. <span>♣</span>viwan themes</a>
  820. </div></div>
  821.  
  822. </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!