API tools faq
paste
Advertisement
wantoup

Theme 21: Hunter

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