Advertisement
wantoup

Theme 12: Swordland

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