API tools faq
paste
Advertisement
wantoup

Theme 20: Land of Hope

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