API tools faq
paste
Advertisement
wantoup

Theme 16: Moonrise

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