Advertisement
wantoup

Theme 01: Watercolor

Sep 23rd, 2012
13,305
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 18.86 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. <link href='http://fonts.googleapis.com/css?family=Oxygen' rel='stylesheet' type='text/css'>
  9.  
  10. <!--
  11.  
  12. Theme #01: Watercolor by viwan themes (http://viwan-th.tumblr.com)
  13.  
  14. Please do not remove theme credit. You can move the credit to another page, as long as it remains on the blog.
  15.  
  16. -->
  17.  
  18. <meta name="color:Background" content="#ffffff"/>
  19. <meta name="color:Body Text" content="#c0bdb7"/>
  20. <meta name="color:Body Links" content="#bac291"/>
  21. <meta name="color:Body Links Hover" content="#818760"/>
  22. <meta name="color:Body Bold" content="#b0bfa2"/>
  23.  
  24. <meta name="color:Blockquote" content="#C7C7C7"/>
  25.  
  26. <meta name="color:Post Border" content="#f3f8f8"/>
  27.  
  28. <meta name="color:Sidebar Title Background" content="#d5dde7"/>
  29. <meta name="color:Sidebar Title Text" content="#33404e"/>
  30.  
  31. <meta name="color:Navigation Background" content="#626f7c"/>
  32. <meta name="color:Navigation Background Hover" content="#434d58"/>
  33. <meta name="color:Navigation Links" content="#fff"/>
  34.  
  35. <meta name="color:Description Background" content="#fdfcfc"/>
  36. <meta name="color:Description Text" content="#858585"/>
  37. <meta name="color:Description Links" content="#bac291"/>
  38. <meta name="color:Description Links Hover" content="#818760"/>
  39. <meta name="color:Description Bold" content="#b0bfa2"/>
  40. <meta name="color:Description Box" content="#eeeeee"/>
  41.  
  42. <meta name="color:Tags Links" content="#9aa36f"/>
  43. <meta name="color:Info Links" content="#878f62"/>
  44. <meta name="color:Tags Links Hover" content="#59632b"/>
  45. <meta name="color:Info Links Hover" content="#555c33"/>
  46.  
  47. <meta name="color:Links Background" content="#cccccc">
  48. <meta name="color:Links Background Hover" content="#999999">
  49. <meta name="color:Links Text" content="#ffffff">
  50.  
  51. <meta name="image:Background" content=""/>
  52. <meta name="image:Sidebar Image" content="http://static.tumblr.com/mtdphun/N1bmczjgd/sidebar-img.jpg"/>
  53. <meta name="image:Album Art" content="http://static.tumblr.com/mtdphun/FLBmb8lzr/black.jpg"/>
  54.  
  55. <meta name="text:Music Player" content=""/>
  56. <meta name="text:Sidebar Title" content="Title goes here"/>
  57. <meta name="text:Link 1" content="Link 1"/>
  58. <meta name="text:Link 1 URL" content="/"/>
  59. <meta name="text:Link 2" content="Link 2"/>
  60. <meta name="text:Link 2 URL" content="/"/>
  61. <meta name="text:Link 3" content="Link 3"/>
  62. <meta name="text:Link 3 URL" content="/"/>
  63. <meta name="text:Link 4" content="Link 4"/>
  64. <meta name="text:Link 4 URL" content="/"/>
  65.  
  66. <meta name="if:Fixed Background" content="1"/>
  67. <meta name="if:Photo Fade" content="1"/>
  68. <meta name="if:Show Captions" content="0"/>
  69. <meta name="if:Show Music Player" content="1"/>
  70. <meta name="if:Custom Links" content="1"/>
  71. <meta name="if:Searchbar" content="0"/>
  72.  
  73. <style type="text/css">
  74.  
  75. @font-face {
  76. font-family: "tinytots";
  77. src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');
  78. }
  79.  
  80. body {
  81. background:{color:Background};
  82. background-image: url('{image:Background}');
  83. background-attachment: fixed;
  84. {block:ifFixedBackground}background-position: bottom right;
  85. background-repeat: no-repeat;{block:ifFixedBackground}
  86. color:{color:Body Text};
  87. font-family:oxygen;
  88. font-size:11px;
  89. }
  90.  
  91. h1 {
  92. background-color:#eee;
  93. text-align:center;
  94. text-transform:lowercase;
  95. padding:5px;
  96. font-size: 15px;
  97. font-weight:bold;
  98. margin-left:0px;
  99. margin-top:0px;
  100. color: {color:Body Bold}
  101. }
  102.  
  103. a {
  104. text-decoration:none;
  105. outline:none;
  106. color:{color:Body Links};
  107. -webkit-transition: all 1s ease;
  108. -moz-transition: all 1s ease;
  109. -o-transition: all 1s ease;
  110. transition: all 1s ease-in-out;
  111. }
  112.  
  113. a:hover {
  114. color:{color:Body Links Hover};
  115. }
  116.  
  117. b {
  118. color:{color:Body Bold};
  119. }
  120.  
  121.  
  122. ul {
  123. list-style-type:dash;
  124. }
  125.  
  126. /* SIDEBAR */
  127.  
  128. #sidebar-image {
  129. position:fixed;
  130. height:250px;
  131. width:250px;
  132. top:100px;
  133. left:40px;
  134. }
  135.  
  136. #sidebar-title {
  137. position:fixed;
  138. height:20px;
  139. width:270px;
  140. margin-left:-15px;
  141. margin-top:-37px;
  142. padding:5px;
  143. padding-bottom:2px;
  144. background-color:{color:Sidebar Title Background};
  145. color: {color:Sidebar Title Text};
  146. font-family:Tw Cen MT;
  147. font-size:15px;
  148. text-align:center;
  149. text-transform: uppercase;
  150. letter-spacing:0px;
  151. }
  152.  
  153. /* MUSIC PLAYER */
  154.  
  155. #musicplayer {
  156. position:fixed;
  157. margin-top:-254px;
  158. margin-left:-5px;
  159. width:250px;
  160. background-color:#fff;
  161. padding:5px;
  162. padding-top:0px;
  163. opacity:0;
  164. -webkit-transition: all 1s ease;
  165. -moz-transition: all 1s ease;
  166. -o-transition: all 1s ease;
  167. transition: all 1s ease-in-out;
  168. }
  169.  
  170. #sidebar-image:hover #musicplayer {
  171. opacity:0.7;
  172. }
  173.  
  174. /* PAGINATION */
  175.  
  176. #previous {
  177. position:fixed;
  178. margin-top:-45px;
  179. margin-left:-10px;
  180. height:10px;
  181. width:10px;
  182. text-transform:uppercase;
  183. font-size:22px;
  184. font-family:oxygen;
  185. text-align:center;
  186. padding:5px;
  187. -webkit-transition: all 1s ease;
  188. -moz-transition: all 1s ease;
  189. -o-transition: all 1s ease;
  190. transition: all 1s ease-in-out;
  191. }
  192.  
  193. #previous a {
  194. color:{color:Navigation Links};
  195. }
  196.  
  197. #next {
  198. position:fixed;
  199. text-transform:uppercase;
  200. font-size:22px;
  201. font-family:oxygen;
  202. text-align:center;
  203. margin-top:-45px;
  204. margin-left:240px;
  205. height:10px;
  206. width:10px;
  207. padding:5px;
  208. -webkit-transition: all 1s ease;
  209. -moz-transition: all 1s ease;
  210. -o-transition: all 1s ease;
  211. transition: all 1s ease-in-out;
  212. }
  213.  
  214. #next a {
  215. color:{color:Navigation Links};
  216. }
  217.  
  218. /* CUSTOM LINKS */
  219.  
  220. #custom {
  221. position:fixed;
  222. text-transform:uppercase;
  223. font-family:tinytots;
  224. font-size:8px;
  225. text-align:center;
  226. }
  227.  
  228. #custom a {
  229. color:{color:Links Text};
  230. height:10px;
  231. width:120px;
  232. background-color: {color:Links Background};
  233. text-align:center;
  234. padding:3px;
  235. padding-top:5px;
  236. display:inline-block;
  237. margin-right:4px;
  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. #custom a:hover {
  245. background-color: {color:Links Background Hover};
  246. }
  247.  
  248. /* DESCRIPTION */
  249.  
  250. #desc-box {
  251. position:fixed;
  252. width:260px;
  253. background-color:{color:Description Box};
  254. margin-left:-15px;
  255. margin-top:10px;
  256. padding:10px;
  257. }
  258.  
  259. #desc-txt {
  260. {block:ifCustomLinks}margin-top:53px;{/block:ifCustomLinks}
  261. border:1px dashed #ccc;
  262. padding:10px;
  263. background-color:{color:Description Background};
  264. color:{color:Description Text};
  265. }
  266.  
  267. #desc a {
  268. color:{color:Description Links};
  269. -webkit-transition: all 1s ease;
  270. -moz-transition: all 1s ease;
  271. -o-transition: all 1s ease;
  272. transition: all 1s ease-in-out;
  273. }
  274.  
  275. #desc a:hover {
  276. color:{color:Description Links Hover};
  277. }
  278.  
  279. #desc b, strong {
  280. color:{color:Description Bold};
  281. }
  282.  
  283. #search {
  284. margin-top:10px;
  285. border:1px dashed #ccc;
  286. padding:10px 0px 10px 20px;
  287. background-color:{color:Description Background};
  288. }
  289.  
  290. /* NAVIGATION */
  291.  
  292. #navigation {
  293. position: fixed;
  294. text-align:center;
  295. text-transform:uppercase;
  296. font-family:tinytots;
  297. font-size:8px;
  298. margin-left:10px;
  299. margin-top:-65px;
  300. }
  301.  
  302. #navigation a {
  303. margin-right:6px;
  304. background-color:{color:Navigation Background};
  305. height:10px;
  306. width:40px;
  307. padding:5px;
  308. padding-bottom:3px;
  309. -webkit-transition: all 1s ease;
  310. -moz-transition: all 1s ease;
  311. -o-transition: all 1s ease;
  312. transition: all 1s ease-in-out;
  313. display:inline-block;
  314. color:{color:Navigation Links};
  315. }
  316.  
  317. #navigation a:hover {
  318. background-color:{color:Navigation Background Hover};
  319. }
  320.  
  321. /* POSTS */
  322.  
  323. blockquote {
  324. border-left:3px solid #ccc;
  325. padding-left:5px;
  326. margin-left:15px;
  327. }
  328.  
  329. #posts {
  330. background-color:#fff;
  331. width:500px;
  332. margin-left:50px;
  333. margin-top:20px;
  334. padding:10px;
  335. overflow:hidden;
  336. border:4px solid {color:Post Border};
  337. }
  338.  
  339. #posts img {
  340. max-width:100%;
  341. {block:ifPhotoFade}opacity:0.8;
  342. -webkit-transition: all 1s ease;
  343. -moz-transition: all 1s ease;
  344. -o-transition: all 1s ease;
  345. transition: all 1s ease-in-out;
  346. }
  347.  
  348. #posts img:hover {
  349. opacity:1;{/block:ifPhotoFade}
  350. }
  351.  
  352. #space {
  353. width:550px;
  354. height:100%;
  355. margin-top:-20px;
  356. margin-left:250px;
  357. padding:20px;
  358. }
  359.  
  360. /* AUDIO */
  361.  
  362. #mehhh {
  363. margin-top:175px;
  364. }
  365.  
  366.  
  367. #albumart {
  368. position:absolute;
  369. height:150px;
  370. width:150px;
  371. padding:5px;
  372. margin-top:-175px;
  373. background-color:#eee
  374. }
  375.  
  376. /* AUDIO INFO */
  377.  
  378. #audioinfo1 {
  379. position:absolute;
  380. margin-left:170px;
  381. background-color: #eee;
  382. margin-top:-143px;
  383. padding: 5px;
  384. width: 320px;
  385. color:#acacac;
  386. }
  387.  
  388. #audioinfo1 b {
  389. color:#999;
  390. }
  391.  
  392. #audioinfo2 {
  393. position:absolute;
  394. margin-left:170px;
  395. margin-top:-108px;
  396. background-color: #e4e4e4;
  397. padding: 5px;
  398. width: 320px;
  399. color:#acacac;
  400. }
  401.  
  402. #audioinfo2 b {
  403. color:#999;
  404. }
  405.  
  406. #audioinfo3 {
  407. position:absolute;
  408. margin: -73px 0px 34px 170px;
  409. background-color: #eee;
  410. padding: 5px;
  411. width: 320px;
  412. color:#acacac;
  413. }
  414.  
  415. #audioinfo3 b {
  416. color:#999;
  417. }
  418.  
  419. #player {
  420. position:absolute;
  421. margin-left:66px;
  422. margin-top:-109px;
  423. overflow:hidden;
  424. background-color:#000;
  425. padding: 1px 2px 2px 1px;
  426. width: 25px;
  427. height: 25px;
  428. }
  429.  
  430. #player-bg {
  431. position:absolute;
  432. margin-left:58px;
  433. margin-top:-117px;
  434. height:44px;
  435. width:44px;
  436. background-color:#000;
  437. opacity:0.3;
  438. }
  439.  
  440. #audiocaption {
  441. margin-top:170px;
  442. margin-bottom:10px;
  443. }
  444.  
  445. /* ASK */
  446.  
  447. #question {
  448. width:480px;
  449. padding:10px;
  450. background-color:#eee;
  451. }
  452.  
  453. /* QUOTE */
  454.  
  455. #quote-info {
  456. text-transform:uppercase;
  457. margin-bottom:-10px;
  458. font-size:12px;
  459. margin-left:10px;
  460. }
  461.  
  462. /* TAGS */
  463.  
  464. #tags {
  465. position:relative;
  466. border-top: 1px dashed #ccc;
  467. padding-top:5px;
  468. font-family:oxygen;
  469. font-size:9px;
  470. margin-top:10px;
  471. }
  472.  
  473. #tags a {
  474. color:{color:Tags Links};
  475. -webkit-transition: all 1s ease;
  476. -moz-transition: all 1s ease;
  477. -o-transition: all 1s ease;
  478. transition: all 1s ease-in-out;
  479. }
  480.  
  481. #tags a:hover {
  482. color:{color:Tags Links Hover};
  483. }
  484.  
  485. /* INFO */
  486.  
  487. #info {
  488. text-align:right;
  489. margin-bottom:-3px;
  490. }
  491.  
  492. #info a {
  493. color:{color:Info Links};
  494. -webkit-transition: all 1s ease;
  495. -moz-transition: all 1s ease;
  496. -o-transition: all 1s ease;
  497. transition: all 1s ease-in-out;
  498. }
  499.  
  500. #info a:hover {
  501. color:{color:Info Links Hover};
  502. }
  503.  
  504. /* PERMALINK PAGE */
  505.  
  506. #perma-notes {
  507. margin-left:-10px;
  508. }
  509.  
  510. #perma-notes img {
  511. width:16px;
  512. }
  513.  
  514. #permalink {
  515. padding-top:5px;
  516. text-align:center;
  517. font-size:9px;
  518. letter-spacing:1px;
  519. }
  520.  
  521. #perma-info {
  522. text-align:center;
  523. }
  524.  
  525. #perma-info a {
  526. color:{color:Tags Links};
  527. -webkit-transition: all 1s ease;
  528. -moz-transition: all 1s ease;
  529. -o-transition: all 1s ease;
  530. transition: all 1s ease-in-out;
  531. }
  532.  
  533. #perma-info a:hover {
  534. color:{color:Tags Links Hover};
  535. }
  536.  
  537. /* TUMBLR STUFF */
  538.  
  539. iframe#tumblr_controls {
  540. right:3px !important;
  541. top:3px !important;
  542. position:fixed !important;
  543. }
  544.  
  545. #backtotop {
  546. z-index:999;
  547. position:fixed;
  548. bottom:5px;
  549. right:5px;
  550. }
  551.  
  552. #backtotop a {
  553. color:{color:Info Links};
  554. text-transform:uppercase;
  555. font-family:tinytots;
  556. font-size:8px;
  557. opacity:0.8;
  558. -webkit-transition: all 1s ease;
  559. -moz-transition: all 1s ease;
  560. -o-transition: all 1s ease;
  561. transition: all 1s ease-in-out;
  562. }
  563.  
  564. #backtotop a:hover {
  565. opacity:1;
  566. }
  567.  
  568. ::-webkit-scrollbar-thumb:vertical {
  569. background-color: {color:Body Links Hover};
  570. width:5px;
  571. height:100px;
  572. }
  573.  
  574. ::-webkit-scrollbar {
  575. height:10px;
  576. width:5px;
  577. background-color: {color:Body Links};
  578. }
  579.  
  580. {CustomCSS}
  581.  
  582. </style></head><body>
  583.  
  584. <!-- SIDEBAR -->
  585.  
  586. <div id="sidebar-image"><img src="{image:Sidebar Image}" style="width:250px;"/>
  587.  
  588. {block:ifShowMusicPlayer}
  589. <div id="musicplayer">{text:Music Player}</div>
  590. {/block:ifShowMusicPlayer}
  591.  
  592. <div id="navigation">
  593. <a href="/">home</a>
  594. <a href="/ask">message</a>
  595. <a href="/archive">archive</a>
  596. <a href="http://viwan-th.tumblr.com">theme</a></div>
  597.  
  598. <div id="sidebar-title">{text:Sidebar Title}</div>
  599.  
  600. <div id="previous">
  601. {block:Pagination}
  602. {block:PreviousPage}
  603. <a href="{PreviousPage}">&laquo;</a>
  604. {/block:PreviousPage}
  605. {/block:Pagination}</div>
  606.  
  607. <div id="next">
  608. {block:NextPage}
  609. <a href="{NextPage}">&raquo;</a>
  610. {/block:NextPage}
  611. {/block:Pagination}</div>
  612.  
  613. <div id="desc-box">
  614.  
  615. {block:ifCustomLinks}
  616. <div id="custom">
  617. <a href="{text:Link 1 URL}">{text:Link 1}</a>
  618. <a href="{text:Link 2 URL}">{text:Link 2}</a></p>
  619. <a href="{text:Link 3 URL}">{text:Link 3}</a>
  620. <a href="{text:Link 4 URL}">{text:Link 4}</a>
  621. </div>
  622. {/block:ifCustomLinks}
  623.  
  624. <div id="desc-txt">{Block:Description}{Description}{/Block:Description}
  625. </div>
  626.  
  627. {block:ifSearchbar}
  628. <div id="search">
  629. <form action="/search" method="get">
  630. <input type="text" name="q" value="{SearchQuery}"/>
  631. <input type="submit" value="Search"/>
  632. </form>
  633. </div>
  634. {/block:ifSearchbar}
  635.  
  636. </div>
  637. </div>
  638.  
  639. <div id="space">
  640.  
  641. <!-- ENTRIES -->
  642.  
  643. {block:Posts}
  644.  
  645. {block:ContentSource}
  646. <!-- {SourceURL}
  647. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  648. {/block:SourceLogo}
  649. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  650. {/block:ContentSource}
  651.  
  652. <div id="posts">
  653.  
  654.  
  655. {block:Text}
  656.  
  657. {block:Title}<h1>{Title}</h1>{/block:Title}
  658. {Body}
  659.  
  660. {/block:Text}
  661.  
  662. <!-- END TEXT -->
  663.  
  664. <!-- PHOTO -->
  665.  
  666. {block:Photo}
  667.  
  668. {block:ifNotShowCaptions}
  669.  
  670. {LinkOpenTag}<a href="{Permalink}"><img src="{PhotoURL-highres}" width="500px" alt="{PhotoAlt}"></a>{LinkCloseTag}
  671.  
  672. {/block:ifNotShowCaptions}
  673.  
  674. {block:ifShowCaptions}
  675.  
  676. {LinkOpenTag}<img src="{PhotoURL-highres}" width="500px" alt="{PhotoAlt}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}
  677.  
  678. {/block:ifShowCaptions}
  679.  
  680. {/block:Photo}
  681.  
  682. <!-- END PHOTO -->
  683.  
  684. <!-- PANORAMA -->
  685.  
  686. {block:Panorama}
  687.  
  688. {LinkOpenTag}<img src="{PhotoURL-Panorama}">{LinkCloseTag}
  689.  
  690. {block:ifShowCaptions}
  691. {block:Caption}
  692. {Caption}
  693. {/block:Caption}
  694. {/block:ifShowCaptions}
  695.  
  696. {/block:Panorama}
  697.  
  698. <!--- END PANORAMA -->
  699.  
  700. <!-- PHOTOSET -->
  701.  
  702. {block:Photoset}
  703.  
  704. {Photoset-500}
  705.  
  706. {block:ifShowCaptions}
  707.  
  708. {block:Caption}
  709. {Caption}
  710. {/block:Caption}
  711.  
  712. {/block:ifShowCaptions}
  713.  
  714. {/block:Photoset}
  715.  
  716. <!-- QUOTE -->
  717.  
  718. {block:Quote}
  719.  
  720. <div id="quote-info">"{Quote}"</div></br>
  721. <p align="right"> — {block:Source}{Source}{/block:Source}
  722.  
  723. {/block:Quote}
  724.  
  725. <!-- END QUOTE -->
  726.  
  727. <!-- LINK -->
  728.  
  729. {block:Link}
  730.  
  731. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  732. {block:Description}
  733. {Description}
  734. {/block:Description}
  735.  
  736. {/block:Link}
  737.  
  738. <!-- END LINK -->
  739.  
  740. <!-- CHAT -->
  741.  
  742. {block:Chat}
  743.  
  744. {block:Title}<h1><a href="{permalink}">{Title}{/block:Title}</h1>
  745.  
  746. {block:Lines}
  747. {block:Label}<b>{Label}</b>{/block:Label} {Line}<br>
  748. {/block:Lines}
  749.  
  750. {/block:Chat}
  751.  
  752. <!-- END CHAT -->
  753.  
  754. <!-- AUDIO -->
  755.  
  756. {block:Audio}
  757.  
  758. <div id="mehhh"></div>
  759.  
  760. <div id="albumart"><img style="height:150px;width:150px;" id="art" src="{image:Album Art}"/></div>
  761.  
  762. {block:AlbumArt}<div id="albumart"><a href="{Permalink}"><img style="height:150px;width:150px;" id="art" src="{AlbumArtURL}"/></a></div>{/block:AlbumArt}
  763.  
  764. <div id="player-bg"></div>
  765. <div id="player">{AudioPlayerBlack}</div>
  766.  
  767. <div id="audioinfo1">
  768. <b>Track:</b> {block:TrackName}{TrackName}{/block:TrackName}</br></div>
  769. <div id="audioinfo2">
  770. <b>Artist:</b> {block:Artist}{Artist}{/block:Artist}</br></div>
  771. <div id="audioinfo3">
  772. <b>Album:</b> {block:Album}{Album}</b>{/block:Album}</div>
  773.  
  774. {block:ifShowCaptions}
  775. {block:Caption}
  776. <div id="audiocaption">{Caption}</div>
  777. {/block:Caption}
  778. {/block:ifShowCaptions}
  779.  
  780. {/block:ifShowCaptions}
  781. {/block:IndexPage}
  782. {/block:Audio}
  783.  
  784. <!-- END AUDIO -->
  785.  
  786. <!-- VIDEO -->
  787.  
  788. {block:Video}
  789.  
  790. {Video-500}
  791.  
  792. {block:Caption}
  793. {Caption}
  794. {/block:Caption}
  795.  
  796. {/block:Video}
  797.  
  798. <!-- END VIDEO -->
  799.  
  800. <!-- ANSWER -->
  801.  
  802. {block:Answer}
  803.  
  804. <div id="question"><b>{Asker}:</b> {Question}</div>
  805. <div id="answer">{Answer}</div>
  806.  
  807. {/block:Answer}
  808.  
  809. <!-- END ANSWER -->
  810.  
  811. <!-- END ENTRIES -->
  812.  
  813. {block:IndexPage}
  814.  
  815. <div id="tags">
  816. {block:Tags}<a href="{TagURL}"> - {Tag}</a>{/block:tags}
  817.  
  818. <div id="info">
  819. {block:RebloggedFrom}
  820. <b>via:</b> <a href="{ReblogParentURL}">{ReblogParentName} | </a>
  821. <b>source:</b> <a href="{ReblogRootURL}">{ReblogRootName}</a>
  822. {/block:RebloggedFrom}
  823. {block:Date} | | <a href="{permalink}">{TimeAgo}</a> | {/block:Date}
  824. <a href="{permalink}">{NoteCountWithLabel} | </a>
  825. <a href="{ReblogURL}" target="_blank"> reblog</a>
  826. </div>
  827. </div>
  828.  
  829. {/block:IndexPage}
  830.  
  831. <!-- PERMALINK -->
  832.  
  833. {block:PermalinkPage}
  834.  
  835. {block:ifNotShowCaptions}
  836. {block:Caption}
  837. {Caption}
  838. {/block:Caption}
  839. {block:ifNotShowCaptions}
  840.  
  841. {block:ifNotShowTags}
  842. <div id="tags">
  843. {block:Tags}<a href="{TagURL}"> - {Tag}</a>{/block:tags}</br>
  844. </div>
  845. {/block:ifNotShowTags}
  846.  
  847. {block:HasTags}
  848. <div id="permalink">
  849.  
  850. <div id="perma-info">
  851. {block:Tags}<a href="{TagURL}"> #{Tag}</a>{/block:Tags}</br>
  852. {block:Date}<a href="{Permalink}">{DayOfWeek}, {Month} {DayOfMonth}{DayOfMonthSuffix}, {Year}<a>{/block:Date}
  853. {block:NoteCount} | <a href="{Permalink}">{NoteCount} notes</a>{block:NoteCount}</br>
  854. {block:RebloggedFrom}
  855. <b>via:</b> <a href="{ReblogParentURL}">{ReblogParentName} |</a>
  856. <b> source:</b> <a href="{ReblogRootURL}">{ReblogRootName}</a>
  857. {/block:RebloggedFrom}</div>
  858. </div>
  859. {/block:HasTags}
  860.  
  861. {block:PostNotes}<div id="perma-notes">{PostNotes}</div>{/block:PostNotes}
  862.  
  863. {/block:PermalinkPage}
  864.  
  865. <!-- END PERMALINK -->
  866.  
  867. </div>{/block:Posts}</div>
  868.  
  869. <div id="backtotop"><a href="#">back to top</a></div>
  870.  
  871. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement