API tools faq
paste
Advertisement
florels

theme #66 - CATCHING ON

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