Advertisement
florels

theme #30 - GHOST

Sep 17th, 2014
8,024
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 19.59 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <!--
  4.  
  5. INTO THE UNKNOWN theme by
  6. F L O R E L S (✿◠‿◠) ////
  7.  
  8. published sept 17, 2014
  9. edited feb 13, 2015
  10.  
  11. -->
  12. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  13. <head>
  14.  
  15.  
  16. <link rel="icon" href="{Favicon}"/>
  17. <title>{Title}</title>
  18. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}"/>
  19.  
  20.  
  21. <meta name="color:background" content="#fff" />
  22. <meta name="color:blogtitle" content="#000" />
  23. <meta name="color:buttons text" content="#fff" />
  24. <meta name="color:buttons hover text" content="#000" />
  25. <meta name="color:buttons border" content="#000" />
  26. <meta name="color:buttons bg" content="#000" />
  27. <meta name="color:buttons hover bg" content="#fff" />
  28. <meta name="color:description" content="#000" />
  29. <meta name="color:link" content="#000" />
  30. <meta name="color:link hover" content="#000" />
  31. <meta name="color:nav links" content="#000" />
  32. <meta name="color:nav links left" content="#000" /
  33. <meta name="color:nav links hover" content="#000" />
  34. <meta name="color:permalink" content="#000" />
  35. <meta name="color:permalink hover" content="#000" />
  36. <meta name="color:post bg" content="#fff" />
  37. <meta name="color:post border" content="#eee" />
  38. <meta name="color:post shadow" content="#f3f3f3" />
  39. <meta name="color:scrollbar" content="#000" />
  40. <meta name="color:sidebar border" content="#eee" />
  41. <meta name="color:sidebar bg" content="#fff" />
  42. <meta name="color:sidebar shadow" content="#f3f3f3" />
  43. <meta name="color:text" content="#000" />
  44.  
  45. <meta name="image:background" content="" />
  46. <meta name="image:sidebar background" content="" />
  47.  
  48. <meta name="if:1 column" content="0"/>
  49. <meta name="if:3 columns" content="0"/>
  50. <meta name="if:tiled bg image" content="0"/>
  51. <meta name="if:tiled sidebar bg" content="0"/>
  52. <meta name="if:custom cursor" content="1"/>
  53. <meta name="if:post border" content="1"/>
  54. <meta name="if:sidebar background" content="1"/>
  55. <meta name="if:sidebar border" content="1"/>
  56. <meta name="if:show custom link a" content="0" />
  57. <meta name="if:show custom link b" content="0" />
  58. <meta name="if:show custom link c" content="0" />
  59.  
  60. <meta name="text:ask link" content="/ask" />
  61. <meta name="text:post shadow" content="5" />
  62. <meta name="text:sidebar shadow" content="5" />
  63. <meta name="text:image opacity" content="1" />
  64. <meta name="text:image hover opacity" content="1" />
  65. <meta name="text:custom cursor url" content="http://static.tumblr.com/bcpenwm/e1znbxtup/cursor.png" />
  66. <meta name="text:custom cursor hover link url" content="http://static.tumblr.com/bcpenwm/8sInbxu65/cursorhover.png" />
  67. <meta name="text:linka url" content="/" />
  68. <meta name="text:linka title" content="linka" />
  69. <meta name="text:linkb url" content="/" />
  70. <meta name="text:linkb title" content="linkb" />
  71. <meta name="text:linkc url" content="/" />
  72. <meta name="text:linkc title" content="linkc" />
  73.  
  74.  
  75. <script type='text/javascript' src='http://static.tumblr.com/d0qlne1/DiAl6ekb7/jquery-1.4.2.min.js'></script>
  76.  
  77.  
  78. {block:indexpage}
  79. <script src="http://static.tumblr.com/twte3d7/H8Glm663z/masonry.js"></script>
  80. <script src="http://static.tumblr.com/twte3d7/qNulm663d/infinite.js"></script>
  81.  
  82. <script type="text/javascript">
  83. $(window).load(function () {
  84. $('#posts').masonry(),
  85. $('.masonryWrap').infinitescroll({
  86. navSelector : "div.navigation",
  87. // selector for the paged navigation (it will be hidden)
  88. nextSelector : ".navigation a#next",
  89. // selector for the NEXT link (to page 2)
  90. itemSelector : ".post",
  91. // selector for all items you'll retrieve
  92. bufferPx : 10000,
  93. extraScrollPx: 10000,
  94. loadingImg : "http://static.tumblr.com/bcpenwm/o5Nmy3k0o/florels.gif",
  95. loadingText : "<em></em>",
  96. },
  97. // call masonry as a callback.
  98. function() { $('#posts').masonry({ appendedContent: $(this) }); }
  99. );
  100. });
  101. </script>
  102. {/block:indexpage}
  103.  
  104.  
  105. <div class="navigation">{block:Pagination}{block:NextPage}<span id="page_nav"><span onclick='return false;'><a style="float:right;opacity:0;" href="{NextPage}" id="next"></a>{/block:NextPage}{block:PreviousPage}<a style="float:right;opacity:0;" href="{PreviousPage}"></a></span></span>{/block:PreviousPage}{/block:Pagination}</div>
  106.  
  107.  
  108.  
  109. <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  110. <script>
  111. (function($){
  112. $(document).ready(function(){
  113. $("[title]").style_my_tooltips({
  114. tip_follows_cursor:true,
  115. tip_delay_time:0,
  116. tip_fade_speed:0
  117. }
  118. );
  119. });
  120. })(jQuery);
  121. </script>
  122.  
  123.  
  124.  
  125.  
  126. <style type="text/css">
  127.  
  128.  
  129. iframe#tumblr_controls {
  130. top: 0% !important;
  131. right:0% !important;
  132. position: fixed !important;}
  133.  
  134.  
  135. body{
  136. margin:0px;
  137. padding:0px;
  138. margin-top:0px;
  139. margin-bottom:0px;
  140. font-family:'Trebuchet MS', sans-serif;;
  141. font-size:10px;
  142. color:{color:text};
  143. background-color:{color:background};
  144. background-image:url('{image:background}');
  145. background-attachment:fixed;
  146. {block:ifnottiledbgimage}
  147. background-size:cover;
  148. {/block:ifnottiledbgimage}}
  149.  
  150. {block:ifcustomcursor}
  151. body, html{
  152. cursor: url({text:custom cursor url}), auto !important;}
  153. {/block:ifcustomcursor}
  154.  
  155.  
  156. #s-m-t-tooltip{
  157. font-family:'Trebuchet MS', sans-serif;;
  158. font-size: 8px;
  159. color:#000;
  160. background-color:#fff;
  161. text-align: center;
  162. letter-spacing:1px;
  163. min-width:50px;
  164. max-width:120px;
  165. border: 1px solid #000;
  166. overflow:auto;
  167. text-transform:uppercase;
  168. display: none;
  169. position: absolute;
  170. z-index: 999999999999;
  171. padding: 3px;
  172. margin:20px 20px 15px 0px;}
  173.  
  174. a {
  175. color:{color:link};
  176. text-decoration:underline;
  177. -webkit-transition: all 0.2s ease-in-out;
  178. -moz-transition: all 0.2s ease-in-out;
  179. -o-transition: all 0.2s ease-in-out;}
  180.  
  181. a:hover {
  182. -webkit-transition-duration: 0.4s;
  183. color:{color:link hover};
  184. text-decoration:none;
  185. {block:ifcustomcursor}
  186. cursor: url({text:custom cursor hover link url}), auto !important;}
  187. {/block:ifcustomcursor}}
  188.  
  189. a:active,a:focus {outline:0;}
  190.  
  191. ::-webkit-scrollbar-thumb{
  192. background-color:{color:scrollbar};
  193. border:1px solid {color:background};
  194. height:6px;}
  195.  
  196. ::-webkit-scrollbar {
  197. height:6px;
  198. width:6px;
  199. background-color:{color:background};}
  200.  
  201. #sidebar {
  202. z-index:3;
  203. left:50%;
  204. width:170px;
  205. height:auto;
  206. top:145px;
  207. {block:ifsidebarshadow}
  208. box-shadow:{text:post shadow}px {text:post shadow}px {color:post shadow};
  209. {/block:ifsidebarshadow}
  210. {block:indexpage}
  211. margin-left:280px;
  212. {block:if1column}
  213. margin-left:270px;
  214. {/block:if1column}
  215. {block:if3columns}
  216. margin-left:400px;
  217. {/block:if3columns}
  218. {/block:indexpage}
  219. {block:permalinkpage}
  220. margin-left:280px;
  221. {/block:permalinkpage}
  222. position:fixed;
  223. background-attachment:fixed;
  224. padding:5px 5px 0px 5px;
  225. {block:ifsidebarborder}
  226. border:1px solid {color:sidebar border};
  227. {/block:ifsidebarborder}
  228. {block:ifnotsidebarbackground}
  229. background-image:url('{image:background}');
  230. {/block:ifnotsidebarbackground}
  231. {block:ifsidebarbackground}
  232. background:{color:sidebar bg};
  233. {/block:ifsidebarbackground}
  234. background-image:url('{image:sidebar background}');
  235. background-attachment:fixed;
  236. {block:ifnottiledsidebarbg}
  237. background-size:cover;
  238. {/block:ifnottiledsidebarbg}}
  239.  
  240. .blogtitle{
  241. left:50%;
  242. text-align:center;
  243. margin-left:-85px;
  244. position:relative;
  245. height:auto;
  246. z-index:5;
  247. color:{color:blogtitle};
  248. font-size:20px;
  249. font-family:'Trebuchet MS', sans-serif;;
  250. width:170px;}
  251.  
  252. .description {
  253. text-align:center;
  254. color:{color:text};
  255. font-family:'Trebuchet MS', sans-serif;;
  256. font-size:10px;
  257. left:50%;
  258. position:relative;
  259. z-index:6;
  260. width:170px;
  261. margin-left:-85px;}
  262.  
  263. .description a{
  264. z-index:7;
  265. position:relative;
  266. text-decoration:underline;}
  267.  
  268. .description a:hover{
  269. text-decoration:none;}
  270.  
  271. .navlinks{
  272. text-align:left;
  273. width:160px;
  274. line-height:160%;
  275. padding-bottom:5px;
  276. left:50%;
  277. margin-left:-80px;
  278. margin-top:5px;
  279. position:relative;}
  280.  
  281. .navlinks a{
  282. padding-left:2px;
  283. font-family:'Trebuchet MS', sans-serif;;
  284. white-space:nowrap;
  285. font-size:10px;
  286. text-decoration:none;
  287. color:{color:nav links};}
  288.  
  289. .navlinks a:hover{
  290. color:{color:nav links hover};}
  291.  
  292. .navlinks a:hover l{
  293. padding-right:8px;}
  294.  
  295. l {
  296. width:7px;
  297. height:7px;
  298. background:{color:nav links left};
  299. float:left;
  300. margin-top:5px;
  301. -webkit-transition: all 0.2s ease-in-out;
  302. -moz-transition: all 0.2s ease-in-out;
  303. -transition: all 0.2s ease-in-out;}
  304.  
  305.  
  306. .notes {
  307. padding-left:20px;
  308. font-size:10px;}
  309.  
  310. li.notes {
  311. float:left;
  312. width:400px;
  313. padding-left:5px;
  314. margin-top:10px;
  315. overflow-x:hidden;
  316. over-flow-y:scroll;
  317. list-style-type:none;
  318. font-weight:normal;
  319. font-size:10px;
  320. text-transform:none;}
  321.  
  322. li.note {
  323. padding-top:2px;
  324. opacity:1;}
  325.  
  326. li.note img.avatar {
  327. width:14px;
  328. height:14px;}
  329.  
  330. .permalink {
  331. color:{color:permalink};
  332. margin-top:10px;
  333. text-align:right;
  334. {block:permalinkpage}
  335. opacity:0;
  336. {/block:permalinkpage}}
  337.  
  338. .permalink a{
  339. color:{color:permalink};
  340. text-decoration:none;
  341. padding-left:10px;}
  342.  
  343. .permalink a:hover{
  344. text-decoration:underline;
  345. color:{color:permalink hover};}
  346.  
  347. .buttons {
  348. position:absolute;
  349. top:16px;
  350. height:1px;
  351. margin-left:-5px;
  352. opacity:0;
  353. font-size:10px;
  354. width:160px;
  355. z-index:9;
  356. {block:if1column}
  357. width:390px;
  358. {/block:if1column}
  359. display:block;
  360. text-align:left;
  361. font-family:consolas;
  362. -webkit-transition: all 0.3s ease-in-out;
  363. -moz-transition: all 0.3s ease-in-out;
  364. -o-transition: all 0.3s ease-in-out;}
  365.  
  366. .buttons a{
  367. background:{color:buttons bg};
  368. color:{color:buttons text};
  369. text-decoration:none;
  370. display:inline-block;
  371. padding:3px 5px;
  372. text-size:10px;
  373. margin:0px 4px;
  374. border:1px solid {color:buttons border};}
  375.  
  376. .buttons a:hover{
  377. color:{color:buttons hover text};
  378. background-color:{color:buttons hover bg};}
  379.  
  380. .post:hover .buttons{
  381. opacity:1;
  382. margin-left:5px;}
  383.  
  384. .headings{
  385. font-size:16px;
  386. text-align:left;
  387. font-style:italic;}
  388.  
  389. .audiopost {
  390. {block:IndexPage}
  391. {block:ifnot1column}
  392. width:170px;
  393. padding-bottom:10px;
  394. {block:ifnot1column}
  395. {block:if1column}
  396. width:400px;
  397. padding-bottom:60px;
  398. {/block:if1column}
  399. {/block:IndexPage}
  400. {block:PermalinkPage}
  401. width:400px;
  402. padding-bottom:110px;
  403. {/block:PermalinkPage}}
  404.  
  405. .audiopost{
  406. {block:ifcustomcursor}
  407. cursor: url({text:custom cursor url}), auto !important;}
  408. {/block:ifcustomcursor}}
  409.  
  410. .albumart {
  411. position:absolute;
  412. {block:IndexPage}
  413. {block:ifnot1column}
  414. width:50px;
  415. height:50px;
  416. {/block:ifnot1column}
  417. {block:if1column}
  418. width:100px;
  419. height:100px;
  420. {/block:if1column}
  421. {/block:IndexPage}
  422. {block:PermalinkPage}
  423. width:150px;
  424. height:150px;
  425. {/block:PermalinkPage}}
  426.  
  427. .albumart img {
  428. float:left;
  429. {block:IndexPage}
  430. {block:ifnot1column}
  431. width:50px;
  432. height:50px;
  433. {/block:ifnot1column}
  434. {block:if1column}
  435. width:100px;
  436. height:100px;
  437. {/block:if1column}
  438. {/block:IndexPage}
  439. {block:PermalinkPage}
  440. width:150px;
  441. height:150px;
  442. {/block:PermalinkPage}}
  443.  
  444. .playbox {
  445. opacity:0.6;
  446. width:27px;
  447. height:30px;
  448. overflow:hidden;
  449. position:absolute;
  450. z-index:2;
  451. {block:IndexPage}
  452. {block:ifnot1column}
  453. margin-left:11px;
  454. margin-top:12px;
  455. {/block:ifnot1column}
  456. {block:if1column}
  457. margin-left:37px;
  458. margin-top:36px;
  459. {/block:if1column}
  460. {block:IndexPage}
  461. {block:PermalinkPage}
  462. margin-left:60px;
  463. margin-top:61px;
  464. {/block:PermalinkPage}}
  465.  
  466.  
  467. .info {
  468. margin-top:2px;
  469. line-height:12px;
  470. font-size:8px;
  471. text-transform:uppercase;
  472. {block:IndexPage}
  473. {block:ifnot1column}
  474. margin-left:58px;
  475. {/block:ifnot1column}
  476. {block:if1column}
  477. margin-left:108px;
  478. {/block:if1column}
  479. {block:IndexPage}
  480. {block:PermalinkPage}
  481. margin-left:158px;
  482. {/block:PermalinkPage}}
  483.  
  484. #posts {
  485. position:absolute;
  486. float:left;
  487. margin-top:20px;
  488. left:50%;
  489. {block:IndexPage}
  490. {block:if1column}
  491. width:478px;
  492. margin-left:-239px;
  493. {/block:if1column}
  494. width:496px;
  495. margin-left:-248px;
  496. {block:if3columns}
  497. width:744px;
  498. margin-left:-372px;
  499. {/block:if3columns}
  500. {/block:IndexPage}
  501. {block:PermalinkPage}
  502. background:{color:post bg};
  503. margin-left:-200px;
  504. width:400px;
  505. padding:10px;
  506. margin-top:40px;
  507. margin-bottom:25px;
  508. {block:ifpostshadow}
  509. box-shadow:{text:sidebar shadow}px {text:sidebar shadow}px {color:sidebar shadow};
  510. {/block:ifpostshadow}
  511. {block:ifpostborder}
  512. border:1px solid {color:post border};
  513. {/block:ifpostborder}
  514. {block:ifnotpostborder}
  515. border:1px solid rgba(0,0,0,0);
  516. {/block:ifnotpostborder}
  517. {/block:PermalinkPage}}
  518.  
  519. .post {
  520. {block:indexpage}
  521. width:170px;
  522. margin:30px;
  523. padding:8px 8px 6px 8px;
  524. background:{color:post bg};
  525. {block:ifpostshadow}
  526. box-shadow:{text:sidebar shadow}px {text:sidebar shadow}px {color:sidebar shadow};
  527. {/block:ifpostshadow}
  528. {block:ifpostborder}
  529. border:1px solid {color:post border};
  530. {/block:ifpostborder}
  531. {block:ifnotpostborder}
  532. border:1px solid rgba(0,0,0,0);
  533. {/block:ifnotpostborder}
  534. {block:if1column}
  535. width:400px;
  536. {block:if1column}
  537. {/block:indexpage}
  538. {block:permalinkpage}
  539. width:400px;
  540. {/block:permalinkpage}
  541. float:left;
  542. position:relative;
  543. text-align:left;
  544. overflow:hidden;
  545. font-family:'Trebuchet MS', sans-serif;;
  546. font-size:10px;
  547. color:{color:text};}
  548.  
  549. .post img{
  550. max-width:100%;
  551. opacity:{text:image opacity};
  552. -webkit-transition: all 0.3s ease-in-out;
  553. -moz-transition: all 0.3s ease-in-out;
  554. -o-transition: all 0.3s ease-in-out;}
  555.  
  556. .post img:hover{
  557. opacity:{text:image hover opacity};}
  558.  
  559. .quote {
  560. text-align:center;
  561. font-size:12px;}
  562.  
  563. .quotesource {
  564. text-align:right;}
  565.  
  566. .chat {
  567. text-align:right;
  568. line-height:11px;}
  569.  
  570. .captions {
  571. margin-top:-8px;}
  572.  
  573. .video embed, .video object, .video iframe {
  574. {block:IndexPage}
  575. {block:ifnot1column}
  576. width:170px;
  577. height:auto;
  578. {/block:ifnot1column}
  579. width:400px;
  580. {/block:IndexPage}
  581. {block:PermalinkPage}
  582. width:400px;
  583. {/block:PermalinkPage}}
  584.  
  585. #pleasedontremove{
  586. position:fixed;
  587. right:5px;
  588. z-index:6;
  589. top:27px;}
  590.  
  591. </style>
  592. </head>
  593.  
  594. <body>
  595.  
  596. <div id="pleasedontremove"><a href="http://emmalucys.com/" target="_blank" title="theme by florels"><img src="http://static.tumblr.com/bcpenwm/j7zmzdu17/florels.png"></a></div>
  597.  
  598. <div id="sidebar">
  599.  
  600.  
  601. <div class="blogtitle">{title}</div>
  602.  
  603.  
  604. <div class="description">{description}</div>
  605.  
  606.  
  607.  
  608. <div class="navlinks">
  609. <a href="/">home<l></l></a></br>
  610. <a href="{text:ask link}">message<l></l></a></br>
  611. <a href="/archive">archive<l></l></a></br>
  612. {block:ifshowcustomlinka}<a href="{text:linka url}">{text:linka title}<l></l></a></br>{/block:ifshowcustomlinka}
  613. {block:ifshowcustomlinkb}<a href="{text:linkb url}">{text:linkb title}<l></l></a></br>{/block:ifshowcustomlinkb}
  614. {block:ifshowcustomlinkc}<a href="{text:linkc url}">{text:linkc title}<l></l></a></br>{/block:ifshowcustomlinkc}
  615. <a href="http://emmalucys.com">theme<l></l></a>
  616. </div></div>
  617.  
  618.  
  619.  
  620.  
  621. <div id="posts">
  622.  
  623. {block:Posts}
  624.  
  625. {block:Text}
  626. <div class="post">
  627. <div class="headings">{block:Title}{Title}{/block:Title}</div> {Body}
  628. <div class="permalink">
  629. <a href="{Permalink}">{NoteCount} notes</a> <a href="{ReblogURL}" target="_blank">reblog</a></div>
  630. </div>
  631. {/block:Text}
  632.  
  633.  
  634. {block:Photo}
  635. <div class="post">
  636. {block:IndexPage}
  637. <div class="buttons">
  638. <a href="{Permalink}">{NoteCount} notes</a></br>
  639. <a href="{ReblogURL}">reblog</a></div>
  640. {block:ifnot1column}<a href="{permalink}"><img src="{PhotoURL-500}" width="170" alt="{PhotoAlt}"/></a>{/block:ifnot1column}
  641. {block:if1column}<a href="{permalink}"><img src="{PhotoURL-400}" alt="{PhotoAlt}"/></a>{/block:if1column}</div>
  642. {/block:IndexPage}
  643.  
  644. {block:PermalinkPage}<img src="{PhotoURL-400}" alt="{PhotoAlt}"/> <br><br> {/block:PermalinkPage}
  645. {block:IndexPage}</a>{/block:IndexPage}{block:PermalinkPage}{LinkCloseTag}{/block:PermalinkPage}
  646. {/block:Photo}
  647.  
  648.  
  649. {block:Photoset}
  650. <div class="post">
  651. {block:Indexpage}
  652. {Photoset}
  653. <div class="permalink">
  654. <a href="{Permalink}">{NoteCount} notes</a> <a href="{ReblogURL}" target="_blank">reblog</a></div>
  655. {/block:Indexpage}
  656. {block:permalinkpage}
  657. {Photoset-400}
  658. {/block:Permalinkpage}
  659. </div>
  660. {/block:Photoset}
  661.  
  662.  
  663. {block:Quote}
  664. <div class="post">
  665. <div class="quote">'<i>{Quote}</i>'</div>
  666. <div class="quotesource">— {Source}</div>
  667. <div class="permalink">
  668. {block:IndexPage}
  669. <a href="{Permalink}">{NoteCount} notes</a> <a href="{ReblogURL}" target="_blank">reblog</a></div>
  670. {/block:IndexPage}
  671. </div>
  672. {/block:Quote}
  673.  
  674.  
  675. {block:Link}
  676. <div class="post">
  677. <div class="headings"><a href="{URL}">{Name}</a></div>
  678. {block:Description}{Description}{/block:Description}
  679. <div class="permalink">
  680. <a href="{Permalink}">{NoteCount} notes</a> <a href="{ReblogURL}" target="_blank">reblog</a></div></div>
  681. {/block:Link}
  682.  
  683.  
  684. {block:Chat}
  685. <div class="post">
  686. <div class="chat">{block:Title}{Title}{/block:Title}<br>
  687. {block:Lines}{block:Label}<i>{Label}</i><br> {Line} <br><br>
  688. {/block:Label}{/block:Lines}</div>
  689. <div class="permalink">
  690. <a href="{Permalink}">{NoteCount} notes</a> <a href="{ReblogURL}" target="_blank">reblog</a></div></div>
  691. {/block:Chat}
  692.  
  693.  
  694. {block:Video}
  695. <div class="post">
  696. {block:IndexPage}
  697. <div class="video">{Video-500}</div><div class="permalink">
  698. <a href="{Permalink}">{NoteCount} notes</a> <a href="{ReblogURL}" target="_blank">reblog</a></div>
  699. {/block:IndexPage}
  700. {block:PermalinkPage}
  701. {Video-400}
  702. {/block:PermalinkPage}</div>
  703. {/block:Video}
  704.  
  705.  
  706. {block:Audio}
  707. <div class="post"><div class="audiopost">{block:AlbumArt}<div class="albumart"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}<div class="playbox">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div><div class="info"><b>Artist:</b> <span{block:Artist} style="display:none;"{/block:Artist}>Unknown</span>{block:Artist}{Artist}{/block:Artist}<br><b>Title:</b> <span{block:TrackName} style="display:none;"{/block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}<br><b>Album:</b> <span{block:Album} style="display:none;"{/block:Album}>Unknown</span>{block:Album}{Album}{/block:Album}{block:PlayCount}<br><b>Plays:</b> {FormattedPlayCount}{/block:PlayCount}</div></div>
  708. {block:IndexPage}<div class="permalink">
  709. <a href="{Permalink}">{NoteCount} notes</a> <a href="{ReblogURL}" target="_blank">reblog</a></div>{/block:IndexPage}</div>
  710. {/block:Audio}
  711.  
  712.  
  713. {block:Answer}
  714. <div class="post">
  715. {Question}<br>– asked by {Asker} <br><i> {Answer} </i>
  716. <div class="permalink">
  717. <a href="{Permalink}">{NoteCount} notes</a> <a href="{ReblogURL}" target="_blank">reblog</a></div></div>
  718. {/block:Answer}
  719.  
  720.  
  721. {block:PermalinkPage}
  722. <div class="notes">
  723. {block:Date}{Caption} posted {TimeAgo}{/block:Date}
  724. {block:NoteCount} with {NoteCount} notes {/block:NoteCount}
  725. {block:RebloggedFrom}
  726. via <a href="{ReblogParentURL}">{ReblogParentName}</a>,
  727. {/block:RebloggedFrom}
  728. {block:ContentSource}originally from <a href="{SourceURL}">{SourceTitle} </a>{/block:ContentSource}
  729. <br>{block:hastags}{block:tags}#<a href="/tagged/{Tag}">{Tag}</a> &nbsp;&nbsp; {/block:tags}{/block:hastags}
  730. <br><br>{PostNotes}</div>
  731. {/block:PermalinkPage}
  732.  
  733.  
  734. {/block:posts}
  735.  
  736.  
  737. </div></div>
  738.  
  739. </body>
  740.  
  741. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement