API tools faq
paste
Advertisement
wantoup

Theme 07: Cosmonaut

wantoup
Jan 7th, 2013
9,355
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 23.20 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 #07: Cosmonaut by viwan-th (http://viwan-th.tumblr.com)
  11.  
  12. Masonry script from desandro.com (http://masonry.desandro.com)
  13. Album Artwork PSD from daffyloins (http://daffyloins.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. <link href='http://fonts.googleapis.com/css?family=Josefin+Sans' rel='stylesheet' type='text/css'>
  20.  
  21. <meta name="color:Background Color" content="#ffffff">
  22. <meta name="color:Blockquote" content="#cccccc">
  23. <meta name="color:Borders" content="#cccccc">
  24. <meta name="color:Body Text" content="#888888">
  25. <meta name="color:Body Bold" content="#9c9c78">
  26. <meta name="color:Body Links" content="#aaaaaa">
  27. <meta name="color:Body Links Hover" content="#666666">
  28. <meta name="color:Selection" content="#bbdddd">
  29. <meta name="color:Header" content="#333333">
  30.  
  31. <meta name="color:Sidebar" content="#fbf9f4">
  32. <meta name="color:Sidebar Titles" content="#aaaaaa">
  33. <meta name="color:Page Links" content="#777777">
  34. <meta name="color:Page Links Border" content="#888888">
  35.  
  36. <meta name="color:Posts" content="#ffffff">
  37. <meta name="color:Odd Chat Lines" content="#eeeeee">
  38. <meta name="color:Even Chat Lines" content="#fafafa">
  39. <meta name="color:Info" content="#ffffff">
  40. <meta name="color:Info Shadow" content="#333333">
  41. <meta name="color:Tags Background" content="#555555">
  42.  
  43. <meta name="if:400px Posts" content="0">
  44. <meta name="if:500px Posts" content="1">
  45. <meta name="if:250px Posts" content="0">
  46. <meta name="if:Show Captions" content="1">
  47. <meta name="if:Show Tags" content="1">
  48. <meta name="if:Photo Fade" content="1">
  49. <meta name="if:Full Background" content="1">
  50. <meta name="if:Infinite Scroll" content="0">
  51.  
  52. <meta name="image:Background Image" content="">
  53. <meta name="image:Sidebar" content="">
  54. <meta name="image:Album Art" content="http://static.tumblr.com/mtdphun/uaimgabwh/5cm_album.jpg">
  55. <meta name="image:Sidebar Background" content="">
  56. <meta name="image:Posts Background" content="">
  57. <meta name="image:Tags Background" content="http://static.tumblr.com/mtdphun/LtTmga8wx/untitled-1opacity.jpg">
  58.  
  59. <meta name="text:Title" content="title">
  60. <meta name="text:Subtitle" content="subitle">
  61. <meta name="text:Sidebar Height" content="100">
  62. <meta name="text:Music Player Code" content="">
  63. <meta name="text:Background Position" content="bottom right">
  64. <meta name="text:Font Size" content="12">
  65. <meta name="text:Read More" content="Read More">
  66. <meta name="text:Link 1" content="link one">
  67. <meta name="text:Link 1 URL" content="">
  68. <meta name="text:Link 2" content="link two">
  69. <meta name="text:Link 2 URL" content="">
  70. <meta name="text:Link 3" content="link three">
  71. <meta name="text:Link 3 URL" content="">
  72.  
  73. <style type="text/css">
  74.  
  75. /* BODY */
  76.  
  77. body {
  78. background-color:{color:Background Color};
  79. font-family:calibri;
  80. color:{color:body Text};
  81. font-size:{text:Font Size}px;
  82. background-image:url('{image:Background Image}');
  83. background-attachment:fixed;
  84. background-position:{text:Background Position};
  85. {block:ifFullBackground}background-size:cover;
  86. -moz-background-size:cover;
  87. -o-background-size:cover;
  88. -webkit-background-size:cover;{/block:ifFullBackground}
  89. }
  90.  
  91. img {
  92. display:block;
  93. }
  94.  
  95. a {
  96. text-decoration:none;
  97. }
  98.  
  99. b, strong {
  100. font-weight:normal;
  101. color:{color:Body Bold};
  102. }
  103.  
  104. h1 {
  105. text-transform:uppercase;
  106. margin-top:0px;
  107. font-family:josefin sans;
  108. font-weight:normal;
  109. font-size:15px;
  110. text-align:center;
  111. margin-bottom:15px;
  112. color:{color:Header};
  113. }
  114.  
  115. h1 a {
  116. color:{color:Header};
  117. }
  118.  
  119. h1 a:hover {
  120. text-decoration:none;
  121. color:{color:Header};
  122. }
  123.  
  124. blockquote {
  125. margin-left:10px;
  126. padding-left:10px;
  127. border-left:3px solid {color:Blockquote};
  128. }
  129.  
  130. img {
  131. display:block;
  132. }
  133.  
  134. /* SIDEBAR */
  135.  
  136. #side {
  137. position:fixed;
  138. top:0px;
  139. left:0px;
  140. width:300px;
  141. padding:20px;
  142. height:100%;
  143. font-family:trebuchet ms;
  144. font-size:9px;
  145. background-image:url('{image:Sidebar Background}');
  146. box-shadow:0 0 15px {color:Sidebar};
  147. background-color:{color:Sidebar};
  148. }
  149.  
  150. /* TITLES */
  151.  
  152. h2 {
  153. text-align:center;
  154. text-transform:uppercase;
  155. font-family:josefin sans;
  156. font-size:21px;
  157. font-weight:normal;
  158. color:{color:Sidebar Titles};
  159. margin-top:{text:Sidebar Height}px;
  160. }
  161.  
  162. h3 {
  163. margin-top:-25px;
  164. text-align:center;
  165. text-transform:uppercase;
  166. font-family:josefin sans;
  167. font-size:12px;
  168. font-weight:normal;
  169. color:{color:Sidebar Titles};
  170. }
  171.  
  172. #sideimage {
  173. width:290px;
  174. padding:5px;
  175. margin-top:10px;
  176. display:block;
  177. border:1px solid {color:Borders};
  178. }
  179.  
  180. /* DESCRIPTION AND NAVIGATION */
  181.  
  182. #nav {
  183. margin-top:10px;
  184. text-align:center;
  185. }
  186.  
  187. #nav a {
  188. color:{color:Body Links};
  189. }
  190.  
  191. #nav a:hover {
  192. text-decoration:none;
  193. color:{color:Body Links Hover};
  194. }
  195.  
  196. #desc {
  197. line-height:150%;
  198. text-align:justify;
  199. border-bottom:1px solid {color:Borders};
  200. }
  201.  
  202. #desc a {
  203. color:{color:Body Links};
  204. }
  205.  
  206. #desc a:hover {
  207. text-decoration:underline;
  208. color:{color:Body Links Hover};
  209. }
  210.  
  211. #pagination {
  212. margin-top:10px;
  213. font-size:10px;
  214. text-align:center;
  215. color:{color:Body Links};
  216. }
  217.  
  218. #pagination a {
  219. font-size:10px;
  220. text-decoration:none;
  221. color:{color:Body Links};
  222. }
  223.  
  224. /* PAGES */
  225.  
  226. #pages {
  227. margin-top:10px;
  228. text-transform:uppercase;
  229. }
  230.  
  231. #pages a {
  232. display:inline-block;
  233. padding-left:5px;
  234. margin-bottom:2px;
  235. width:285px;
  236. color:{color:Page Links};
  237. border-left:10px solid {color:Blockquote};
  238. -webkit-transition:all 1s ease;
  239. -moz-transition:all 1s ease;
  240. -o-transition:all 1s ease;
  241. transition:all 1s ease-in-out;
  242. }
  243.  
  244. #pages a:hover {
  245. text-decoration:none;
  246. border-left:20px solid {color:Page Links Border};
  247. color:{color:Page Links};
  248. }
  249.  
  250. /* MUSIC PLAYER */
  251.  
  252. #music {
  253. position:fixed;
  254. bottom:-11px;
  255. left:10px;
  256. -webkit-transition:all 1s ease;
  257. -moz-transition:all 1s ease;
  258. -o-transition:all 1s ease;
  259. transition:all 1s ease-in-out;
  260. }
  261.  
  262. #music:hover {
  263. bottom:10px;
  264. }
  265.  
  266. #icon {
  267. opacity:1;
  268. -webkit-transition:all 1s ease;
  269. -moz-transition:all 1s ease;
  270. -o-transition:all 1s ease;
  271. transition:all 1s ease-in-out;
  272. }
  273.  
  274. #music:hover #icon {
  275. opacity:0;
  276. }
  277.  
  278. #player {
  279. opacity:0;
  280. -webkit-transition:all 1s ease;
  281. -moz-transition:all 1s ease;
  282. -o-transition:all 1s ease;
  283. transition:all 1s ease-in-out;
  284. }
  285.  
  286. #music:hover #player {
  287. opacity:1;
  288. }
  289.  
  290. /* POSTS */
  291.  
  292. #container {
  293. margin:12px 0 0 372px;
  294. width:580px;
  295. /* TO MAKE MORE COLUMNS, INCREASE THE WIDTH. FOR EXAMPLE, FOR 3 COLUMNS, CHANGE IT TO 870PX. THIS ALSO CAN BE USED WITH LARGER POST SIZES. FOR EXAMPLE, TO USE TWO COLUMNS WITH THE 400PX POSTS, INCREASE THE WIDTH TO 900PX */
  296. }
  297.  
  298. #posts {
  299. padding:10px;
  300. margin-bottom:20px;
  301. background-image:url('{image:Posts Background}');
  302. background-color:{color:Posts};
  303. box-shadow:0 0 15px {color:Posts};
  304. float:left;
  305. margin-right:20px;
  306. {block:IndexPage}padding-bottom:0px;{/block:IndexPage}
  307. {block:if250pxPosts}{block:IndexPage}width:250px;{/block:IndexPage}
  308. {block:PermalinkPage}width:500px;{/block:PermalinkPage}{/block:if250pxPosts}
  309. {block:if400pxPosts}width:400px;{/block:if400pxPosts}
  310. {block:if500pxPosts}width:500px;{/block:if500pxPosts}
  311. }
  312.  
  313. #posts a {
  314. color:{color:Body Links};
  315. }
  316.  
  317. #posts a:hover {
  318. text-decoration:underline;
  319. color:{color:Body Links Hover};
  320. }
  321.  
  322. #posts pre {
  323. white-space: pre-wrap; /* css-3 */
  324. white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
  325. white-space: -pre-wrap; /* Opera 4-6 */
  326. white-space: -o-pre-wrap; /* Opera 7 */
  327. word-wrap: break-word; /* Internet Explorer 5.5+ */
  328. }
  329.  
  330. #posts img {
  331. max-width:100%;
  332. display:block;
  333. }
  334.  
  335. /* PHOTO */
  336.  
  337. #photo {
  338. {block:if250pxPosts}{block:IndexPage}width:250px;{/block:IndexPage}
  339. {block:PermalinkPage}width:500px;{/block:PermalinkPage}{/block:if250pxPosts}
  340. {block:if400pxPosts}width:400px;{/block:if400pxPosts}
  341. {block:if500pxPosts}width:500px;{/block:if500pxPosts}
  342. {block:IndexPage}{block:ifPhotoFade}opacity:0.8;
  343. -webkit-transition:all 1s ease;
  344. -moz-transition:all 1s ease;
  345. -o-transition:all 1s ease;
  346. transition:all 1s ease-in-out;
  347. }
  348.  
  349. #posts:hover #photo {
  350. opacity:1;{/block:ifPhotoFade}{/block:IndexPage}
  351. }
  352.  
  353. iframe.photoset {
  354. display:block;
  355. }
  356.  
  357. /* AUDIO */
  358.  
  359. #art {
  360. position:absolute;
  361. {block:if250pxPosts}width:242px;
  362. padding:3px;
  363. border:1px solid {color:Borders};{/block:if250pxPosts}
  364. {block:ifNot250pxPosts}margin-right:10px;
  365. height:92px;
  366. padding:3px;
  367. border:1px solid {color:Borders};
  368. width:92px;{block:ifNot250pxPosts}
  369. }
  370.  
  371. #audio {
  372. overflow:hidden;
  373. {block:ifNot250pxPosts}height:27px;{/block:ifNot250pxPosts}
  374. {block:if250pxPosts}z-index:999;
  375. position:absolute;
  376. margin:111px 0 0 111px;
  377. height:25px;
  378. width:25px;
  379. padding:2px 1px 1px 2px;{/block:if250pxPosts}
  380. }
  381.  
  382. #audioinfo {
  383. font-size:11px;
  384. {block:ifNot250pxPosts}margin:17px 0 25px 10px;
  385. border-left:3px solid {color:Blockquote};
  386. padding-left:10px;{/block:ifNot250pxPosts}
  387. {block:if250pxPosts}margin-top:260px;
  388. {block:ifShowCaptions}border-bottom:1px solid {color:Borders};
  389. padding-bottom:10px;{/block:ifShowCaptions}{/block:if250pxPosts}
  390. }
  391.  
  392. #audioinfo b, strong {
  393. font-weight:bold;
  394. }
  395.  
  396. /* QUOTE */
  397.  
  398. #quote {
  399. font-style:italic;
  400. margin-bottom:-5px;
  401. font-size:15px;
  402. }
  403.  
  404. /* CHAT */
  405.  
  406. #odd {
  407. padding:5px;
  408. background-color:{color:Odd Chat Lines};
  409. }
  410.  
  411. #even {
  412. padding:5px;
  413. background-color:{color:Even Chat Lines};
  414. }
  415.  
  416. /* ASK */
  417.  
  418. #answer {
  419. padding:0px;
  420. margin:-2px -2px 0 -2px;
  421. {block:IndexPage}padding-bottom:8px;
  422. border-bottom:1px solid {color:Borders};{/block:IndexPage}
  423. }
  424.  
  425. #portrait {
  426. vertical-align:top;
  427. padding-right:10px;
  428. padding:-3px 0 0 -3px;
  429. }
  430.  
  431. #ask {
  432. width:60px;
  433. border-radius:30px;
  434. }
  435.  
  436. #question {
  437. vertical-align:top;
  438. {block:if500pxPosts}width:427px;{/block:if500pxPosts}
  439. {block:if400pxPosts}width:327px;{/block:if400pxPosts}
  440. {block:if250pxPosts}{block:IndexPage}width:177px;{block:IndexPage}
  441. {block:PermalinkPage}width:427px;{/block:PermalinkPage}{/block:if250pxPosts}
  442. }
  443.  
  444. /* POSTS INFORMATION */
  445.  
  446. #info {
  447. z-index:999;
  448. position:absolute;
  449. opacity:0;
  450. font-size:12px;
  451. text-shadow:1px 1px 1px {color:Info Shadow};
  452. color:{color:Info};
  453. width:50px;
  454. {block:if500pxPosts}margin-left:520px;{/block:if500pxPosts}
  455. {block:if400pxPosts}margin-left:420px;{/block:if400pxPosts}
  456. -webkit-transition:all 1s ease;
  457. -moz-transition:all 1s ease;
  458. -o-transition:all 1s ease;
  459. transition:all 1s ease-in-out;
  460. }
  461.  
  462. #info a {
  463. color:{color:Info};
  464. }
  465.  
  466. #info a:hover {
  467. color:{color:Info};
  468. text-decoration:none;
  469. }
  470.  
  471. #posts:hover #info {
  472. opacity:1;
  473. }
  474.  
  475. #tags {
  476. padding:5px;
  477. font-size:11px;
  478. margin:10px 0 0 -10px;
  479. text-shadow:1px 1px 1px {color:Info Shadow};
  480. background-image:url('{image:Tags Background}');
  481. background-color:{color:Tags Background};
  482. color:{color:Info};
  483. {block:ifNotShowTags}text-align:center;{/block:ifNotShowTags}
  484. {block:if400pxPosts}width:410px;{/block:if400pxPosts}
  485. {block:if500pxPosts}width:510px;{/block:if500pxPosts}
  486. {block:if250pxPosts}width:260px;
  487. text-align:center;{/block:if250pxPosts}
  488. }
  489.  
  490. #tags a {
  491. color:{color:Info};
  492. }
  493.  
  494. #tags a:hover {
  495. text-decoration:none;
  496. color:{color:Info};
  497. }
  498.  
  499. /* PERMALINK PAGE */
  500.  
  501. #notes img {
  502. float:left;
  503. margin-top:3px;
  504. height:8px;
  505. margin-right:5px;
  506. border-radius:4px;
  507. -moz-border-radius:4px;
  508. }
  509.  
  510. #notes blockquote {
  511. margin-left:25px;
  512. }
  513.  
  514. ol.notes {
  515. list-style-type:none;
  516. margin-left:-30px;
  517. text-transform:uppercase;
  518. font-size:10px;
  519. }
  520.  
  521. /* MISCELLANEOUS CSS */
  522.  
  523. iframe#tumblr_controls {
  524. position:fixed !important;
  525. top:5px !important;
  526. right:5px !important;
  527. }
  528.  
  529. ::-webkit-scrollbar-thumb:vertical {
  530. width:5px;
  531. background-color:{color:Info Shadow};
  532. }
  533.  
  534. ::-webkit-scrollbar {
  535. width:5px;
  536. background-color:{color:Info};
  537. }
  538.  
  539. ::selection {
  540. color:{color:Selection};
  541. }
  542.  
  543. ::-moz-selection{
  544. color:{color:Selection};
  545. }
  546.  
  547. .pagination {
  548. display:none;
  549. }
  550.  
  551. {CustomCSS}
  552.  
  553. </style>
  554.  
  555. <!-- MASONRY SCRIPTS -->
  556.  
  557. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  558. {block:ifInfiniteScroll}
  559. <script src="http://static.tumblr.com/6hsqxdt/vmwm2rb4g/infinitescrolling.js"></script>
  560. {/block:ifInfiniteScroll}
  561. <script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  562. <script src="http://static.tumblr.com/mtdphun/kdgmgdwve/masonry.js"></script>
  563.  
  564. <!-- INFINITE SCROLL SCRIPT -->
  565.  
  566. {block:ifNot250pxPosts}
  567. {block:ifInfiniteScroll}
  568. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  569. {/block:ifInfiniteScroll}
  570. {/block:ifNot250pxPosts}
  571.  
  572. <!-- END SCRIPTS -->
  573.  
  574. </head><body>
  575.  
  576. <div class="pagination">{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}</div>
  577.  
  578. <!-- SIDEBAR -->
  579.  
  580. <div id="side">
  581.  
  582. <h2>{text:Title}</h2>
  583. <h3>{text:Subtitle}</h3>
  584. <img src="{image:Sidebar}" width="290px" id="sideimage">
  585. <div id="nav">
  586. <a href="/">home</a>
  587. · <a href="/ask">ask</a>
  588. · <a href="/archive">archive</a>
  589. {block:ifLink1}
  590. · <a href="{text:Link 1 URL}">{text:Link 1}</a>
  591. {/block:ifLink1}
  592. {block:ifLink2}
  593. · <a href="{text:Link 2 URL}">{text:Link 2}</a>
  594. {/block:ifLink2}
  595. {block:ifLink3}
  596. · <a href="{text:Link 3 URL}">{text:Link 3}</a>
  597. {/block:ifLink3}</div>
  598. <div id="desc"><p>{Description}</p></div>
  599.  
  600. <!-- PAGES -->
  601.  
  602. {block:HasPages}
  603. <div id="pages">
  604. {block:Pages}<a href="{URL}">{Label}</a></br>{/block:Pages}
  605. </div>
  606. {/block:HasPages}
  607.  
  608. <!-- PAGINATION -->
  609.  
  610. {block:ifNotInfiniteScroll}
  611. <div id="pagination">{block:Pagination}
  612. {block:PreviousPage}
  613. <a href="{PreviousPage}">&laquo;</a>
  614. {/block:PreviousPage}
  615.  
  616. {block:JumpPagination length="5"}
  617. {block:CurrentPage} · {PageNumber}{/block:CurrentPage}
  618. {block:JumpPage}
  619. <a class="jump_page" href="{URL}"> · {PageNumber}</a>
  620. {/block:JumpPage}
  621. {/block:JumpPagination}
  622.  
  623. {block:NextPage}
  624. · <a href="{NextPage}">&raquo;</a>
  625. {/block:NextPage}
  626. {/block:Pagination}</div>
  627. {/block:ifNotInfiniteScroll}
  628.  
  629. </div>
  630.  
  631. <!-- MUSIC PLAYER -->
  632.  
  633. <div id="music">
  634. <img src="http://media.tumblr.com/tumblr_m7w2izzY0j1r6o8v2.gif" id="icon" style="margin-bottom:5px;">
  635. <div id="player">{text:Music Player Code}</div></div>
  636.  
  637. <!-- END SIDEBAR -->
  638.  
  639. <div style="height:12px;"></div>
  640.  
  641. {block:ifInfiniteScroll}<div class="autopagerize_page_element">{/block:ifInfiniteScroll}
  642.  
  643. <div id="container">
  644.  
  645. <!-- POSTS BLOCK -->
  646.  
  647. {block:Posts}
  648.  
  649. {block:ContentSource}
  650. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  651. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}">
  652. {/block:SourceLogo}
  653. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  654. {/block:ContentSource}
  655.  
  656. <div id="posts">
  657.  
  658. <!-- POSTS INFORMATION -->
  659.  
  660. {block:IndexPage}
  661.  
  662. {block:ifNot250pxPosts}{block:ifShowTags}
  663. <div id="info">
  664. {block:Date}<a href="{Permalink}">
  665. {MonthNumberWithZero}.{DayOfMonthWithZero}.{ShortYear}
  666. </a></br>{/block:Date}
  667. {block:RebloggedFrom}
  668. <a href="{ReblogParentURL}" title="via">❀</a> ·
  669. <a href="{ReblogRootURL}" title="source">✿</a> ·
  670. {/block:RebloggedFrom}
  671. <a href="{ReblogURL}" title="reblog">✾</a>
  672. </div>
  673. {block:ifShowTags}{/block:ifNot250pxPosts}
  674.  
  675. {/block:IndexPage}
  676.  
  677. <!-- ENTRIES -->
  678.  
  679. <!-- TEXT -->
  680.  
  681. {block:Text}
  682.  
  683. {block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}
  684. <div style="margin-top:-10px;">{Body}</div>
  685.  
  686. {block:More}<a href="{Permalink}">{text:Read More}</a>{/block:More}
  687.  
  688. {/block:Text}
  689.  
  690. <!-- PHOTO -->
  691.  
  692. {block:Photo}
  693.  
  694. {block:IndexPage}
  695. <a href="{Permalink}"><img src="{PhotoURL-HighRes}" id="photo"></a>
  696. {/block:IndexPage}
  697.  
  698. {block:PermalinkPage}
  699. {LinkOpenTag}<img src="{PhotoURL-HighRes}" id="photo">{LinkCloseTag}
  700. {/block:PermalinkPage}
  701.  
  702. {block:ifShowCaptions}
  703. {block:Caption}
  704. {Caption}
  705. {/block:Caption}
  706. {/block:ifShowCaptions}
  707.  
  708. {/block:Photo}
  709.  
  710. <!-- PANORAMA -->
  711.  
  712. {block:Panorama}
  713.  
  714. {LinkOpenTag}<img src="{PhotoURL-Panorama}">{LinkCloseTag}
  715.  
  716. {block:ifShowCaptions}
  717. {block:Caption}
  718. {Caption}
  719. {/block:Caption}
  720. {/block:ifShowCaptions}
  721.  
  722. {/block:Panorama}
  723.  
  724. <!-- PHOTOSET -->
  725.  
  726. {block:Photoset}
  727.  
  728. <div id="photo">
  729. {block:if250pxPosts}{block:IndexPage}{Photoset-250}{/block:IndexPage}
  730. {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}{/block:if250pxPosts}
  731. {block:if500pxPosts}{Photoset-500}{/block:if500pxPosts}
  732. {block:if400pxPosts}{Photoset-400}{/block:if400pxPosts}
  733. </div>
  734.  
  735. {block:ifShowCaptions}
  736. {block:Caption}
  737. {Caption}
  738. {/block:Caption}
  739. {/block:ifShowCaptions}
  740.  
  741. {/block:Photoset}
  742.  
  743. <!-- QUOTE -->
  744.  
  745. {block:Quote}
  746.  
  747. <div id="quote">"{Quote}"</div>
  748. <p align="right">- {Source}
  749.  
  750. {/block:Quote}
  751.  
  752. <!-- LINK -->
  753.  
  754. {block:Link}
  755.  
  756. <h1><a href="{URL}" target="{Target}">{Name}</a></h1>
  757.  
  758. {block:Description}
  759. <div style="margin-top:-10px;">{Description}</div>
  760. {/block:Description}
  761.  
  762. {/block:Link}
  763.  
  764. <!-- CHAT -->
  765.  
  766. {block:Chat}
  767.  
  768. {block:Title}<h1>{Title}</h1>{/block:Title}
  769.  
  770. {block:Lines}<div id="{Alt}">
  771. {block:Label}<b>{Label}</b>{/block:Label} {Line}</br></div>
  772. {/block:Lines}<!-- CHAT POSTS ARE SUCH A PAIN TO CUSTOMIZE BLEH -->
  773.  
  774. {/block:Chat}
  775.  
  776. <!-- AUDIO -->
  777.  
  778. {block:Audio}
  779. <!-- MY AUDIO POST CODING IS GETTING LONG AGAIN AHHHH -->
  780. {block:IndexPage}<a href="{Permalink}">{/block:IndexPage}
  781. <img src="{image:Album Art}" width="100px" id="art">
  782. {block:IndexPage}</a>{/block:IndexPage}
  783.  
  784. {block:AlbumArt}
  785. {block:IndexPage}<a href="{Permalink}">{/block:IndexPage}
  786. <img src="{AlbumArtURL}" width="100px" id="art">
  787. {block:IndexPage}</a>{/block:IndexPage}
  788. {/block:AlbumArt}
  789.  
  790. {block:ifNot250pxPosts}<div style="margin-left:110px;">{/block:ifNot250pxPosts}
  791. {block:if250pxPosts}<a style="z-index:1;position:absolute;margin:103px 0 0 103px;height:45px;width:45px;background-color:#000;opacity:0.3;" href="{Permalink}"></a>{/block:if250pxPosts}
  792. <div id="audio">{AudioPlayerBlack}</div>
  793.  
  794. <div id="audioinfo">
  795. <b>Track:</b> {block:TrackName}{TrackName}{/block:TrackName}</br>
  796. <b>Artist:</b> {block:Artist}{Artist}{/block:Artist}</br>
  797. <b>Album:</b> {block:Album}{Album}{/block:Album}
  798. </div>
  799. {block:ifNot250pxPosts}</div>{/block:ifNot250pxPosts}
  800.  
  801. {block:ifShowCaptions}
  802. {block:Caption}
  803. {block:ifNot250pxPosts}
  804. <div style="margin-top:29px;">
  805. {/block:ifNot250pxPosts}
  806. {Caption}
  807. {block:ifNot250pxPosts}</div>{/block:ifNot250pxPosts}
  808. {/block:Caption}
  809. {/block:ifShowCaptions}
  810.  
  811. {/block:Audio}
  812.  
  813. <!-- VIDEO -->
  814.  
  815. {block:Video}
  816.  
  817. {block:if250pxPosts}{block:IndexPage}{Video-250}{/block:IndexPage}
  818. {block:PermalinkPage}{Video-500}{/block:PermalinkPage}{/block:if250pxPosts}
  819. {block:if500pxPosts}{Video-500}{/block:if500pxPosts}
  820. {block:if400pxPosts}{Video-400}{/block:if400pxPosts}
  821.  
  822. {block:ifShowCaptions}
  823. {block:Caption}
  824. {Caption}
  825. {/block:Caption}
  826. {block:ifShowCaptions}
  827.  
  828. {/block:Video}
  829.  
  830. <!-- ANSWER -->
  831.  
  832. {block:Answer}
  833.  
  834. <table id="answer"><tr>
  835. <td id="portrait"><img src="{AskerPortraitURL-128}" id="ask"></td>
  836. <td id="question"><b>{Asker}</b> asked: {Question}</td>
  837. </tr></table><!-- WOAH LOOK I ACTUALLY PUT EFFORT INTO CUSTOMIZING THE ASK POSTS FOR ONCE -->
  838.  
  839. {Answer}
  840.  
  841. {/block:Answer}
  842.  
  843.  
  844. <!-- END ENTRIES -->
  845.  
  846. <!-- TAGS -->
  847.  
  848. {block:IndexPage}
  849. <div id="tags">
  850. <a href="{Permalink}">{NoteCount} notes</a>
  851.  
  852. {block:ifNot250pxPosts}{block:ifShowTags}{block:HasTags}
  853. {block:Tags} · <a href="{TagURL}">{Tag}</a>{/block:Tags}
  854. {/block:HasTags}{/block:ifShowTags}
  855.  
  856. {block:ifNotShowTags}
  857. {block:Date} · <a href="{Permalink}">
  858. {MonthNumberWithZero}.{DayOfMonthWithZero}.{ShortYear}
  859. </a> · {/block:Date}
  860.  
  861. {block:RebloggedFrom}
  862. <a href="{ReblogParentURL}" title="via">&clubs;</a> ·
  863. <a href="{ReblogRootURL}" title="source">&spades;</a> ·
  864. {/block:RebloggedFrom}
  865.  
  866. <a href="{ReblogURL}" title="reblog">&hearts;</a>
  867. {/block:ifNotShowTags}{/block:ifNot250pxPosts}
  868.  
  869. {block:if250pxPosts}
  870. {block:Date} · <a href="{Permalink}">
  871. {MonthNumberWithZero}.{DayOfMonthWithZero}.{ShortYear}
  872. </a> · {/block:Date}
  873.  
  874. {block:RebloggedFrom}
  875. <a href="{ReblogParentURL}" title="via">&clubs;</a> ·
  876. <a href="{ReblogRootURL}" title="source">&spades;</a> ·
  877. {/block:RebloggedFrom}
  878.  
  879. <a href="{ReblogURL}" title="reblog">&hearts;</a>
  880. {/block:if250pxPosts}
  881. </div>
  882. {/block:IndexPage}
  883.  
  884. <!-- PERMALINK PAGE -->
  885.  
  886. {block:PermalinkPage}
  887.  
  888. {block:ifNotShowCaptions}
  889. {block:Caption}
  890. {Caption}
  891. {/block:Caption}
  892. {/block:ifNotShowCaptions}
  893.  
  894. {block:Date}
  895. <div style="margin-top:10px;font-size:11px;font-family:calibri;">
  896. <div style="border-top:1px solid {color:Borders};margin-bottom:8px;"></div>
  897. {/block:Date}
  898.  
  899. {block:HasTags}
  900. Tagged with: {block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}
  901. </br>{/block:HasTags}
  902.  
  903. {block:Date}Posted {TimeAgo}{/block:Date}
  904. {block:NoteCount} with {NoteCountWithLabel}{/block:NoteCount}
  905.  
  906. {block:RebloggedFrom}
  907. || via: <a href="{ReblogParentURL}">{ReblogParentName}</a> |
  908. source: <a href="{ReblogRootURL}">{ReblogRootName}</a></br>
  909. {/block:RebloggedFrom}
  910.  
  911. {block:Date}</div>{/block:Date}
  912.  
  913. {/block:PermalinkPage}
  914.  
  915. </div>
  916.  
  917. {block:PermalinkPage}
  918. {block:Date}<div id="posts">
  919. {block:PostNotes}
  920. <div id="notes">{PostNotes}</div>
  921. {/block:PostNotes}
  922. </div>/{block:Date}
  923. {/block:PermalinkPage}
  924.  
  925. {/block:Posts}</div>{block:ifInfiniteScroll}</div>{/block:ifInfiniteScroll}
  926.  
  927. <!-- END POST BLOCK -->
  928.  
  929. <div style="height:12px;"></div>
  930.  
  931. <!-- PLEASE DO NOT REMOVE CREDIT -->
  932. <a style="position:fixed;bottom:5px;right:10px;color:#fff;text-shadow:1px 1px 1px #ccc;" href="http://viwan-th.tumblr.com" target="blank" title="cosmonaut theme">✿</a>
  933. <!-- PLEASE DO NOT REMOVE CREDIT -->
  934.  
  935. </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!