API tools faq
paste
Advertisement
wantoup

Theme #29: Takeoff

wantoup
Jul 26th, 2016
1,434
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 22.10 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html><head><title>{Title}</title>
  3.  
  4. <link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
  5. <link href='http://fonts.googleapis.com/css?family=Josefin+Sans' rel='stylesheet' type='text/css'>
  6.  
  7. <!--
  8.  
  9. THEME #29: TAKEOFF BY VIWAN-TH (http://viwan-th.tumblr.com)
  10.  
  11. TERMS OF USE:
  12. 1. DO NOT REMOVE OR CHANGE THE CREDIT
  13. 2. DO NOT REDISTRIBUTE THE THEME AS YOUR OWN, NO MATTER HOW HEAVILY IT HAS BEEN EDITED
  14. 3. DO NOT REDISTRIBUTE THE THEME ON OTHER SITES WITHOUT MY PERMISSION
  15.  
  16. HOW TO INSTALL:
  17. 1. DELETE ALL THE CODE FROM YOUR OLD THEME
  18. 2. COPY AND PASTE IN ALL THE CODE OF THIS THEME
  19. 3. HIT UPDATE PREVIEW, HIT SAVE
  20.  
  21. -->
  22.  
  23. <meta name="color:Background" content="#eeeeee">
  24. <meta name="color:Body Text" content="#888888">
  25. <meta name="color:Body Links" content="#aaaaaa">
  26. <meta name="color:Body Links Hover" content="#666666">
  27. <meta name="color:Body Italics" content="#6699cc">
  28. <meta name="color:Body Bold" content="#555555">
  29. <meta name="color:Blockquote" content="#cccccc">
  30.  
  31. <meta name="color:Post Background" content="#000000">
  32. <meta name="color:Bar Main" content="#555555">
  33. <meta name="color:Bar Border" content="#888888">
  34.  
  35. <meta name="color:Nav Links" content="#333333">
  36. <meta name="color:Nav Links Hover" content="#111111">
  37. <meta name="color:Nav Links Text" content="#ffffff">
  38.  
  39. <meta name="color:Sidebar" content="#eeeeee">
  40. <meta name="color:Sidebar Text" content="#ffffff">
  41. <meta name="color:Sidebar Links" content="#ff6666">
  42. <meta name="color:Sidebar Links Hover" content="#aaaaaa">
  43. <meta name="color:Sidebar Bold" content="#555555">
  44. <meta name="color:Sidebar Italics" content="#888888">
  45. <meta name="color:Dropdown BG" content="#ffffff">
  46. <meta name="color:Dropdown Text" content="#888888">
  47.  
  48. <meta name="color:Posts" content="#ffffff">
  49. <meta name="color:Post Borders" content="#aaaaaa">
  50. <meta name="color:Chat Odd" content="#fcfcfc">
  51. <meta name="color:Chat Even" content="#eeeeee">
  52.  
  53. <meta name="color:Info" content="#555555">
  54. <meta name="color:Info Borders" content="#333333">
  55. <meta name="color:Info Text" content="#ffffff">
  56.  
  57. <meta name="if:Posts 500" content="0">
  58. <meta name="if:Posts 400" content="1">
  59. <meta name="if:Posts 250" content="0">
  60. <meta name="if:1 Column" content="0">
  61. <meta name="if:2 Column" content="1">
  62. <meta name="if:3 Column" content="0">
  63. <meta name="if:Infinite Scroll" content="1">
  64. <meta name="if:Dropdown Menu" content="1">
  65. <meta name="if:Show Tags" content="1">
  66. <meta name="if:Show Captions" content="1">
  67. <meta name="if:Sidebar" content="1">
  68. <meta name="if:Dark Sidebar BG" content="0">
  69.  
  70. <meta name="image:Album Art" content="http://static.tumblr.com/mtdphun/mrbmtls9g/albumart_gray.jpg">
  71. <meta name="image:Sidebar Image" content="">
  72. <meta name="image:Sidebar Background">
  73. <meta name="image:Background" content="">
  74. <meta name="image:Background" content="">
  75. <meta name="image:Posts Background" content="">
  76.  
  77. <meta name="text:Link 1" content="link 1">
  78. <meta name="text:Link 1 URL" content="">
  79. <meta name="text:Link 2" content="link 2">
  80. <meta name="text:Link 2 URL" content="">
  81. <meta name="text:Link 3" content="link 3">
  82. <meta name="text:Link 3 URL" content="">
  83. <meta name="text:Link 4" content="link 4">
  84. <meta name="text:Link 4 URL" content="">
  85.  
  86. <style type="text/css">
  87.  
  88. /* BODY STYLES */
  89.  
  90. body {
  91. background-image:url('http://24.media.tumblr.com/aa4d54ce2917b7976a75eba812617d44/tumblr_mt67noIbPl1ru3nbdo6_r1_250.png') fixed bottom right;
  92. background-color:{color:Background};
  93. color:{color:Body Text};
  94. font:11px calibri;
  95. text-align:justify;
  96. }
  97.  
  98. a {
  99. color:#aaa;
  100. text-decoration:none;
  101. -webkit-transition:all 1s ease;
  102. -moz-transition:all 1s ease;
  103. -o-transition:all 1s ease;
  104. transition:all 1s ease-in-out;
  105. }
  106.  
  107. .posts img {max-width:100%;}
  108.  
  109. blockquote {
  110. border-left:3px solid {color:Blockquote};
  111. padding-left:10px;
  112. margin-left:10px;
  113. }
  114.  
  115. /*POST SUPPORT*/
  116.  
  117. #wrap {
  118. position:absolute;
  119. top:0px;
  120. left:0px;
  121. }
  122.  
  123. #back {
  124. position:fixed;
  125. top:0px;
  126. left:50px;
  127. height:100%;
  128. background-color:{color:Post Background};
  129. background-image:url('http://38.media.tumblr.com/tumblr_lsdjv9k5E21r2gm7fo1_250.gif');
  130. {block:PermalinkPage}width:570px;{/block:PermalinkPage}
  131. {block:IndexPage}{block:if1Column}width:620px;{/block:if1Column}
  132. {block:if2Column}
  133. {block:ifPosts400}width:910px;{/block:ifPosts400}
  134. {block:ifPosts250}width:610px;{/block:ifPosts250}
  135. {/block:if2Column}
  136. {block:if3Column}width:900px;{/block:if3Column}{/block:IndexPage}
  137. }
  138.  
  139. /*BARS*/
  140.  
  141. .bar {
  142. position:fixed;
  143. top:0px;
  144. height:100%;
  145. width:50px;
  146. background:{color:Bar Main};
  147. }
  148.  
  149. #left {
  150. left:0px;
  151. border-right:10px solid {color:Bar Border};
  152. }
  153.  
  154. #right {
  155. left:500px;
  156. border-left:10px solid {color:Bar Border};
  157. {block:PermalinkPage}left:620px;{/block:PermalinkPage}
  158. {block:IndexPage}{block:if1Column}
  159. {block:ifPosts500}left:620px;{/block:ifPosts500}
  160. {block:ifPosts400}left:520px;{/block:ifPosts400}
  161. {block:ifPosts250}left:370px;{/block:ifPosts250}
  162. {/block:if1Column}
  163. {block:if2Column}
  164. {block:ifPosts400}left:960px;{/block:ifPosts400}
  165. {block:ifPosts250}left:660px;{/block:ifPosts250}
  166. {/block:if2Column}
  167. {block:if3Column}left:950px;{/block:if3Column}{/block:IndexPage}
  168. }
  169.  
  170. /*NAV LINKS*/
  171.  
  172. #nav {
  173. height:100%;
  174. }
  175.  
  176. #nav a {
  177. display:inline-block;
  178. width:50px;
  179. padding:10px 0;
  180. color:{color:Nav Links Text};
  181. background:{color:Nav Links};
  182. text-align:center;
  183. margin:5px 0;
  184. font-size:10px;
  185. text-transform:uppercase;
  186. }
  187.  
  188. #nav a:hover {
  189. background:{color:Nav Links Hover};
  190. }
  191.  
  192. /*SIDEBAR*/
  193.  
  194. #sidebar {
  195. position:fixed;
  196. top:0px;
  197. width:260px;
  198. height:100%;
  199. background:{color:Sidebar};
  200. {block:PermalinkPage}left:680px;{/block:PermalinkPage}
  201. {block:IndexPage}{block:if1Column}
  202. {block:ifPosts500}left:680px;{/block:ifPosts500}
  203. {block:ifPosts400}left:580px;{/block:ifPosts400}
  204. {block:ifPosts250}left:430px;{/block:ifPosts250}
  205. {/block:if1Column}
  206. {block:if2Column}
  207. {block:ifPosts400}left:1020px;{/block:ifPosts400}
  208. {block:ifPosts250}left:720px;{/block:ifPosts250}
  209. {/block:if2Column}
  210. {block:if3Column}left:1010px;{/block:if3Column}{/block:IndexPage}
  211. background-image:url('{image:Sidebar Background}');
  212. background-position:center;
  213. background-size:cover;
  214. }
  215.  
  216. .side {
  217. width:200px;
  218. margin:20px 20px 0 20px;
  219. text-align:center;
  220. color:{color:Sidebar Text};
  221. padding:10px;
  222. {block:ifNotDarkSidebarBG}background:rgba(255,255,255,0.2);{/block:ifNotDarkSidebarBG}
  223. {block:ifDarkSideBarBG}background:rgba(0,0,0,0.3);{/block:ifDarkSidebarBG}
  224. }
  225.  
  226. /*SIDEBAR TEXT*/
  227.  
  228. .side a {
  229. color:{color:Sidebar Links};
  230. }
  231.  
  232. .side a:hover {
  233. color:{color:Sidebar Links Hover};
  234. }
  235.  
  236. .side b, .side strong {
  237. color:{color:Sidebar Bold};
  238. }
  239.  
  240. .side i, .side em {
  241. color:{color:Sidebar Italics};
  242. }
  243.  
  244. /*SIDEBAR IMAGE*/
  245.  
  246. #image {
  247. margin-top:80px;
  248. }
  249.  
  250. #sideimage {
  251. width:200px;
  252. display:block;
  253. }
  254.  
  255. /*DROPDOWN MENU*/
  256.  
  257. #dropdown {
  258. width:100%;
  259. padding:3px;
  260. font-family:calibri;
  261. font-size:11px;
  262. color:{color:Dropdown Text};
  263. background:{color:Dropdown BG};
  264. border:0px;
  265. margin-top:10px;
  266. }
  267.  
  268. #dropdown option {
  269. padding:0px;
  270. }
  271.  
  272. /*POSTS*/
  273.  
  274. #container {
  275. margin-top:20px;
  276. margin-left:80px;
  277. margin-bottom:0px;
  278. {block:PermalinkPage}width:0px;{/block:PermalinkPage}
  279. {block:IndexPage}{block:if1Column}width:0px;{/block:if1Column}
  280. {block:if2Column}
  281. {block:ifPosts400}width:880px;{/block:ifPosts400}
  282. {block:ifPosts250}width:580px;{/block:ifPosts250}
  283. {/block:if2Column}
  284. {block:if3Column}width:870px;{/block:if3Column}{/block:IndexPage}
  285. }
  286.  
  287. #pwrap {
  288. float:left;
  289. {block:PermalinkPage}width:520px;{/block:PermalinkPage}
  290. {block:IndexPage}{block:ifPosts500}width:520px;{/block:ifPosts500}
  291. {block:ifPosts400}width:420px;{/block:ifPosts400}
  292. {block:ifPosts250}width:270px;{/block:ifPosts250}{/block:IndexPage}
  293. {block:PermalinkPage}width:520px;{/block:PermalinkPage}
  294. margin-right:20px;
  295. margin-bottom:20px;
  296. }
  297.  
  298. .posts {
  299. background:{color:Posts};
  300. padding:10px;
  301. color:{color:Body Text};
  302. }
  303.  
  304. /*POST STYLES*/
  305.  
  306. .title {
  307. color:#aaa;
  308. border-left:3px solid #aaa;
  309. border-right:3px solid #aaa;
  310. text-transform:lowercase;
  311. font-size:15px;
  312. text-align:center;
  313. display:block;
  314. }
  315.  
  316. .title a {color:#aaa;}
  317.  
  318. .content, .posts big, .posts small {font-size:{text:Font Size}px;}
  319. .content a {color:{color:Body Links};border-bottom:1px dotted {color:Blockquote};}
  320. .content b, .content strong {color:{color:Body Bold};}
  321. .content i, .content em {color:{color:Body Italics};}
  322. .content img {max-width:100%;}
  323.  
  324. /*POST CONTENT STYLES*/
  325.  
  326. #photo {
  327. {block:IndexPage}width:500px;{/block:IndexPage}
  328. max-width:100%;
  329. display:block;
  330. }
  331.  
  332. .quote {
  333. font-size:15px;
  334. text-transform:lowercase;
  335. text-align:center;
  336. }
  337.  
  338. .odd, .even {padding:5px;}
  339. .odd {background:{color:Chat Odd};}
  340. .even {background:{color:Chat Even};}
  341.  
  342. #audio {width:100%;}
  343.  
  344. #art, #alt {
  345. {block:ifNotPosts250}width:150px;
  346. height:150px;{/block:ifNotPosts250}
  347. {block:ifPosts250}height:250px;
  348. width:250px;{/block:ifPosts250}
  349. display:block;
  350. }
  351.  
  352. #player {
  353. z-index:99;
  354. position:absolute;
  355. padding:10px;
  356. background:rgba(0,0,0,0.3);
  357. {block:ifNotPosts250}margin:52px;{/block:ifNotPosts250}
  358. {block:ifPosts250}margin:101.5px;{/block:ifPosts250}
  359. opacity:0.3;
  360. -webkit-transition:all 1s ease;
  361. -moz-transition:all 1s ease;
  362. -o-transition:all 1s ease;
  363. transition:all 1s ease-in-out;
  364. }
  365.  
  366. #ainfo250 {
  367. position:absolute;
  368. background:rgba(0, 0, 0, 0.3);
  369. color:#fff;
  370. text-shadow:1px 1px .2px #000;
  371. width:230px;
  372. padding:10px;
  373. margin-top:-72px;
  374. opacity:0.3;
  375. -webkit-transition:all 1s ease;
  376. -moz-transition:all 1s ease;
  377. -o-transition:all 1s ease;
  378. transition:all 1s ease-in-out;
  379. }
  380.  
  381. .posts:hover #player, .posts:hover #ainfo250 {opacity:1;}
  382.  
  383. #art {position:absolute;}
  384.  
  385. #ainfo {
  386. overflow:hidden;
  387. text-align:left;
  388. background:{color:Chat Odd};
  389. padding-left:10px;
  390. margin-top:10px;
  391. margin-bottom:10px;
  392. margin-left:10px;
  393. padding:5px;
  394. }
  395.  
  396. #ask {
  397. padding:10px;
  398. background:{color:Chat Odd};
  399. }
  400.  
  401. #arrow {
  402. position:absolute;
  403. display:inline-block;
  404. color:{color:Chat Odd};
  405. font-size:30px;
  406. margin-left:20px;
  407. margin-top:-16px;
  408. }
  409.  
  410. #asker {
  411. display:inline-block;
  412. font-size:10px;
  413. text-transform:uppercase;
  414. margin-top:3px;
  415. margin-left:45px;
  416. }
  417.  
  418. /*INFO*/
  419.  
  420. .info {
  421. margin-top:10px;
  422. padding:3px 5px;
  423. background:{color:Info};
  424. color:{color:Info Text};
  425. font-size:10px;
  426. border-left:10px solid {color:Info Borders};
  427. border-right:10px solid {color:Info Borders};
  428. text-transform:uppercase;
  429. }
  430.  
  431. .info a {
  432. color:#fff;
  433. }
  434.  
  435. .tags {
  436. margin-top:5px;
  437. text-align:right;
  438. {block:ifNotShowTags}{block:IndexPage}display:none;{/block:IndexPage}{/block:ifNotShowTags}
  439. }
  440.  
  441. /*NOTES*/
  442.  
  443. ol.notes {
  444. z-index:9999;
  445. list-style-type:none;
  446. margin:20px 0 0 -50px;
  447. font-size:10px;
  448. text-transform:uppercase;
  449. }
  450.  
  451. ol.notes img {
  452. float:left;
  453. width:13px;
  454. margin-right:5px;
  455. }
  456.  
  457. .notes li {
  458. padding:5px;
  459. margin-bottom:2px;
  460. text-transform:uppercase;
  461. font-size:10px;
  462. background-color:{color:Posts};
  463. width:510px;
  464. }
  465.  
  466.  
  467. /* CREDITS */
  468.  
  469. #credit {
  470. z-index:999;
  471. position:fixed;
  472. bottom:5px;right:5px;
  473. width:10px;
  474. height:13px;
  475. word-wrap:break-word;
  476. overflow:hidden;
  477. -webkit-transition:all 1s ease;
  478. -moz-transition:all 1s ease;
  479. -o-transition:all 1s ease;
  480. transition:all 1s ease-in-out;
  481. }
  482.  
  483. #credit a {
  484. color:#888;
  485. text-transform:uppercase;
  486. font-size:10px;
  487. }
  488.  
  489. #credit:hover {
  490. width:83px;
  491. }
  492.  
  493. #credit span {
  494. text-shadow:1px 1px .2px #000;
  495. color:#fff;
  496. margin-right:5px;
  497. font-size:11px;
  498. }
  499.  
  500.  
  501. </style>
  502.  
  503. <!--INFINITE SCROLL-->
  504.  
  505. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  506.  
  507. <script type="text/javascript" src="http://static.tumblr.com/mtdphun/sh6mmt7d2/scrolltopcontrol_nb.js"></script>
  508.  
  509. {block:ifInfiniteScroll}<script src="http://static.tumblr.com/6hsqxdt/vmwm2rb4g/infinitescrolling.js"></script>{/block:ifInfiniteScroll}
  510. <script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  511.  
  512. <script>
  513. $(function(){
  514. var $container = $('#container');
  515. $container.imagesLoaded(function(){
  516. $container.masonry({
  517. itemSelector: '#pwrap',
  518. });
  519. });
  520. $container.infinitescroll({
  521. itemSelector : "#pwrap",
  522. navSelector : "div.pagination",
  523. nextSelector : ".pagination a#next",
  524. loadingImg : "",
  525. loadingText : "<em></em>",
  526. bufferPx : 10000,
  527. extraScrollPx: 12000,
  528. },
  529. // trigger Masonry as a callback
  530. function( newElements ) {
  531. var $newElems = $( newElements ).css({ opacity: 0 });
  532. // ensure that images load before adding to masonry layout
  533. $newElems.imagesLoaded(function(){
  534. $newElems.animate({ opacity: 1 });
  535. $container.masonry( 'appended', $newElems, true );
  536. });
  537. }
  538. );
  539. });
  540. </script>
  541.  
  542. </head><body>
  543.  
  544. <!--INFINITE SCROLL-->
  545.  
  546. <div class="pagination" style="display:none;">
  547. {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}
  548. </div>
  549.  
  550. <!--POSTS BG-->
  551.  
  552. <div id="back"></div>
  553.  
  554. <!--BARS-->
  555.  
  556. <div class="bar" id="left"></div>
  557. <div class="bar" id="right">
  558.  
  559. <!--NAV LINKS-->
  560. <table id="nav" cellpadding="0" cellspacing="0"><tr><td>
  561. <a href="/">home</a></br>
  562. <a href="/ask">ask</a></br>
  563. <a href="/archive">archive</a></br>
  564. <!--PLEASE DO NOT REMOVE THEME CREDIT-->
  565. <a href="http://viwan-th.tumblr.com" target="blank" title="takeoff theme">theme</a></br>
  566. <!--PLEASE DO NOT REMOVE THEME CREDIT-->
  567. {block:ifNotDropdownMenu}<a href="{text:Link 1 URL}">{text:Link 1}</a></br>
  568. <a href="{text:Link 2 URL}">{text:Link 2}</a></br>
  569. <a href="{text:Link 3 URL}">{text:Link 3}</a></br>
  570. <a href="{text:Link 4 URL}">{text:Link 4}</a></br>
  571. {block:Pages}<a href="{URL}">{Label}</a>{/block:Pages}{/block:ifNotDropdownMenu}
  572. </td></tr></table>
  573. </div>
  574.  
  575. <!--SIDEBAR-->
  576.  
  577. <div id="sidebar">
  578. <div class="side" id="image"><a href="/">
  579. <img src="{image:Sidebar Image}" id="sideimage">
  580. </a></div>
  581. <div class="side" id="desc">
  582.  
  583. <!--DESCRIPTION-->
  584.  
  585. <p><div style="margin:-10px 0;">{Description}</div></p>
  586.  
  587. <!--DROPDOWN-->
  588.  
  589. {block:ifDropdownMenu}<select id="dropdown">
  590. <option value="/">{Title}</option>
  591. <option value="{text:Link 1 URL}">&raquo; {text:Link 1}</option>
  592. <option value="{text:Link 2 URL}">&raquo; {text:Link 2}</option>
  593. <option value="{text:Link 3 URL}">&raquo; {text:Link 3}</option>
  594. <option value="{text:Link 4 URL}">&raquo; {text:Link 4}</option>
  595. {block:Pages}<option value="{URL}">&raquo; {Label}</option>{/block:Pages}
  596. <!-- To add more links, copy and paste one of these lines, and replace the url and name with your own. -->
  597. </select>{/block:ifDropdownMenu}
  598. {block:ifNotDropdownMenu}{Title}{/block:ifNotDropdownMenu}
  599. </div>
  600.  
  601. <!--PAGINATION-->
  602. {block:ifNotInfiniteScroll}{block:Pagination}<div class="side" id="pag">
  603. {block:PreviousPage}
  604. <a href="{PreviousPage}">&laquo;</a>
  605. {/block:PreviousPage}
  606.  
  607. {block:JumpPagination length="5"}
  608. {block:CurrentPage} · {PageNumber}{/block:CurrentPage}
  609. {block:JumpPage}
  610. · <a class="jump_page" href="{URL}">{PageNumber}</a>
  611. {/block:JumpPage}
  612. {/block:JumpPagination}
  613.  
  614. {block:NextPage}
  615. · <a href="{NextPage}">&raquo;</a>
  616. {/block:NextPage}
  617. </div>{/block:Pagination}{/block:ifNotInfiniteScroll}
  618. </div>
  619.  
  620. <!--POSTS-->
  621.  
  622. <div id="wrap">
  623.  
  624. <div id="container">
  625.  
  626. {block:ifInfiniteScroll}<div class="autopagerize_page_element">{/block:ifInfiniteScroll}{block:Posts}
  627.  
  628. {block:ContentSource}
  629. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  630. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}">
  631. {/block:SourceLogo}
  632. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  633. {/block:ContentSource}
  634.  
  635. <div id="pwrap">
  636. <div class="posts">
  637.  
  638. <!--TEXT-->
  639.  
  640. {block:Text}
  641. {block:Title}<a href="{Permalink}" class="title"><div style="margin-bottom:20px;">{Title}</div></a>{/block:Title}
  642. <p><div class="content" style="margin-top:-10px;">{Body}</div></p>
  643. {/block:Text}
  644.  
  645. <!--PHOTO-->
  646.  
  647. {block:Photo}
  648. {LinkOpenTag}<img src="{PhotoURL-HighRes}" id="photo">{LinkCloseTag}
  649. {block:ifShowCaptions}{block:Caption}<div class="content">{Caption}</div>{/block:Caption}{/block:ifShowCaptions}
  650. {/block:Photo}
  651.  
  652. {block:Panorama}
  653. {LinkOpenTag}<img src="{PhotoURL-Panorama}" id="photo">{LinkCloseTag}
  654. {block:ifShowCaptions}{block:Caption}<div class="content">{Caption}</div>{/block:Caption}{/block:ifShowCaptions}
  655. {/block:Panorama}
  656.  
  657. <!--PHOTOSET-->
  658.  
  659. {block:Photoset}
  660. <div id="photo">
  661. {block:IndexPage}
  662. {block:ifPosts500}{Photoset-500}{/block:ifPosts500}
  663. {block:ifPosts250}{Photoset-250}{/block:ifPosts250}
  664. {block:ifPosts400}{Photoset-400}{/block:ifPosts400}
  665. {/block:IndexPage}
  666. {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
  667. </div>
  668. {block:ifShowCaptions}{block:Caption}<div class="content">{Caption}</div>{/block:Caption}{/block:ifShowCaptions}
  669. {/block:Photoset}
  670.  
  671. <!--QUOTE-->
  672.  
  673. {block:Quote}
  674. <div class="content"><div class="quote">❝ {Quote} ❞</div>
  675. <p align="right">- {Source}</div>
  676. {/block:Quote}
  677.  
  678. <!--LINK-->
  679.  
  680. {block:Link}
  681. <div><a class="title" href="{URL}" target="{Target}">{Name} <span style"font-face:verdana">→</span></a></div>
  682. {block:Description}<div class="content">{Description}</div>{/block:Description}
  683. {/block:Link}
  684.  
  685. <!--CHAT-->
  686.  
  687. {block:Chat}
  688. {block:Title}<a class="title" href="{Permalink}"><div>{Title}</div></a>{/block:Title}
  689. <div class="content">{block:Lines}<div class="{Alt}">
  690. {block:Label}<b>{Label}</b>{/block:Label} {Line}
  691. </div>{/block:Lines}</div>
  692. {/block:Chat}
  693.  
  694. <!--AUDIO-->
  695.  
  696. {block:Audio}
  697. {block:ifNotPosts250}<table id="audio" cellpadding="0" cellspacing="0"><tr>
  698. <td width="150px">
  699. <div id="player"><div style="overflow:hidden;height:27px;width:27px;">{AudioPlayerBlack}</div></div><a href="{Permalink}">
  700. {block:AlbumArt}<img src="{AlbumArtURL}" id="art">{/block:AlbumArt}
  701. <img src="{image:Album Art}" id="alt">
  702. </a></td>
  703. <td>
  704. <div id="ainfo">
  705. {block:TrackName}<b>Track: </b>{TrackName}{/block:TrackName}</div>
  706. <div id="ainfo">
  707. {block:Artist}<b>Artist: </b>{Artist}{/block:Artist}</div>
  708. <div id="ainfo">
  709. {block:Album}<b>Album: </b>{Album}{/block:Album}</div>
  710. <div id="ainfo">
  711. {block:PlayCount}<b>Plays: </b>{FormattedPlayCount}{/block:PlayCount}</div>
  712. </td>
  713. </tr></table>{/block:ifNotPosts250}
  714. {block:ifPosts250}<div id="player"><div style="overflow:hidden;height:27px;width:27px;">{AudioPlayerBlack}</div></div>
  715. {block:AlbumArt}<img src="{AlbumArtURL}" id="art">{/block:AlbumArt}<img src="{image:Album Art}" id="alt">
  716. <div id="ainfo250">
  717. {block:TrackName}<b>Track: </b>{TrackName}</br>{/block:TrackName}
  718. {block:Artist}<b>Artist: </b>{Artist}</br>{/block:Artist}
  719. {block:Album}<b>Album: </b>{Album}</br>{/block:Album}
  720. {block:PlayCount}<b>Plays: </b>{FormattedPlayCount}</br>{/block:PlayCount}
  721. </div>
  722. {/block:ifPosts250}
  723. {block:ifShowCaptions}{block:Caption}<div class="content">{Caption}</div>{/block:Caption}{/block:ifShowCaptions}
  724. {/block:Audio}
  725.  
  726. <!--VIDEO-->
  727.  
  728. {block:Video}
  729. {block:IndexPage}
  730. {block:ifPosts500}{Video-500}{/block:ifPosts500}
  731. {block:ifPosts250}{Video-400}{/block:ifPosts250}
  732. {block:ifPosts400}{Video-250}{/block:ifPosts400}
  733. {/block:IndexPage}
  734. {block:PermalinkPage}{Video-500}{/block:PermalinkPage}
  735. {block:ifShowCaptions}{block:Caption}<div class="content">{Caption}</div>{/block:Caption}{/block:ifShowCaptions}
  736. {/block:Video}
  737.  
  738. <!--ANSWER-->
  739.  
  740. {block:Answer}
  741. <div id="ask">{Question}</div>
  742. <span id="arrow">◥</span>
  743. <span id="asker">{Asker}</span></p>
  744. <div class="content">{Answer}</div>
  745. {/block:Answer}
  746.  
  747. <!--PERMALINK CAPTION-->
  748.  
  749. {block:PermalinkPage}
  750. {block:ifNotShowCaptions}{block:Caption}<div class="content">{Caption}</div>{/block:Caption}{/block:ifNotShowCaptions}
  751. {/block:PermalinkPage}
  752.  
  753. <!--POST INFO-->
  754.  
  755. <div class="info">
  756. <div style="float:right;">{block:RebloggedFrom}
  757. <a href="{ReblogParentURL}" title="{ReblogParentName}">via</a> &middot;
  758. <a href="{ReblogRootURL}" title="{ReblogRootName}">source</a> &middot;
  759. {/block:RebloggedFrom}
  760. <a href="{ReblogURL}">reblog</a></div>
  761.  
  762. <a href="{Permalink}">{MonthNumberWithZero}.{DayofMonthWithZero}.{ShortYear}</a> &middot; <a href="{Permalink}">{NoteCount}</a>
  763. </div>
  764.  
  765. <!--TAGS-->
  766.  
  767. {block:HasTags}<div class="tags">
  768. &middot; {block:Tags} <a href="{TagURL}">{Tag}</a> &middot; {/block:Tags}
  769. </div>{/block:HasTags}
  770.  
  771. <!--POSTNOTES-->
  772.  
  773. {block:PermalinkPage}{block:PostNotes}<div style="float:left;">{PostNotes}{/block:PostNotes}</div>{/block:PermalinkPage}
  774.  
  775. </div><!--posts-->
  776.  
  777. </div><!--pwrap-->
  778.  
  779. {/block:Posts}{block:ifInfiniteScroll}</div>{/block:ifInfiniteScroll}
  780.  
  781. </div> <!--CONTAINER-->
  782. </div><!--WRAP-->
  783.  
  784. <div id="credit"><div style="width:82px;">
  785. <a href="http://viwan-th.tumblr.com" target="blank">
  786. <span>♣</span>viwan themes</a>
  787. </div></div>
  788.  
  789.  
  790. </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!