API tools faq
paste
Advertisement
fairygay

THEME #02 HENSHIN {flexible}

fairygay
Aug 1st, 2014
1,444
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 21.48 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.  
  5. <!--
  6. YURIFAIRY.TUMBLR.COM
  7. THEME #02 HENSHIN .1 flexible
  8. thank you for using my theme! i hope you enjoy using it, if you need any customisation help feel free to message me!
  9. also please do not remove the credit, redistribute this theme or copy all or parts of my code, thanks! c':
  10. -->
  11.  
  12. <title>{Title}</title>
  13. {block:Description}<meta name="description" content="{MetaDescription}"/>{/block:Description}
  14. <link rel="shortcut icon" href="{Favicon}"/>
  15.  
  16. <meta name="image:background img" content=""/>
  17. <meta name="image:sidebar img" content=""/>
  18. <meta name="image:sidebar img hover" content=""/>
  19. <meta name="image:home icon" content=""/>
  20. <meta name="image:ask icon" content=""/>
  21. <meta name="image:submit icon" content=""/>
  22. <meta name="image:archive icon" content=""/>
  23.  
  24. <meta name="color:background" content="#FFFFFF"/>
  25. <meta name="color:borders" content="#ffffff"/>
  26. <meta name="color:body text" content="#474747"/>
  27. <meta name="color:link text" content="#ffffff"/>
  28. <meta name="color:link text hover" content="#ffabab"/>
  29. <meta name="color:selection text" content="#ffabab"/>
  30. <meta name="color:selection text background" content="#ffffff"/>
  31. <meta name="color:tooltip background" content="#FFFFFF"/>
  32. <meta name="color:tooltip text" content="#696969"/>
  33. <meta name="color:scrollbar" content="#edd4e4"/>
  34. <meta name="color:scrollbar background" content="#ffffff"/>
  35. <meta name="color:link orb color" content="#ffffff"/>
  36.  
  37. <meta name="text:post background" content="rgba(252,187,196,0.7)"/>
  38. <meta name="text:post background hov" content="rgba(252,187,196,1)"/>
  39. <meta name="text:sidebar background" content="rgba(255,255,255,0.3)"/>
  40. <meta name="text:sidebar background hov" content="rgba(255,255,255,0.6)"/>
  41.  
  42. <meta name="if:maximised bg image" content="1"/>
  43. <meta name="if:galaxy footer" content="1"/>
  44. <meta name="if:dark audio" content="0"/>
  45. <meta name="if:infinite scroll" content="0"/>
  46. <meta name="if:sidebar bg" content="1"/>
  47. <meta name="if:show captions" content="1"/>
  48. <meta name="if:faded posts" content="0"/>
  49.  
  50. <meta name="select:post size" content="w250" title="250px">
  51. <meta name="select:post size" content="w400" title="400px">
  52. <meta name="select:post size" content="w500" title="500px">
  53. <meta name="select:columns" content="c1" title="1 column">
  54. <meta name="select:columns" content="c2" title="2 columns (250px)">
  55. <meta name="select:columns" content="c3" title="2 columns (400px)">
  56. <meta name="select:columns" content="c4" title="3 columns (250px)">
  57.  
  58. <meta name="text:link 1" content=""/>
  59. <meta name="text:link 1 title" content=""/>
  60. <meta name="text:link 2" content=""/>
  61. <meta name="text:link 2 title" content=""/>
  62. <meta name="text:link 3" content=""/>
  63. <meta name="text:link 3 title" content=""/>
  64. <meta name="text:link 4" content=""/>
  65. <meta name="text:link 4 title" content=""/>
  66. <meta name="text:link 5" content=""/>
  67. <meta name="text:link 5 title" content=""/>
  68. <meta name="text:link 6" content=""/>
  69. <meta name="text:link 6 title" content=""/>
  70. <meta name="text:link 7" content=""/>
  71. <meta name="text:link 7 title" content=""/>
  72. <meta name="text:link 8" content=""/>
  73. <meta name="text:link 8 title" content=""/>
  74.  
  75. <!--scripts-->
  76.  
  77. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  78. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  79.  
  80. <script>
  81. (function($){
  82. $(document).ready(function(){
  83. $("a[title]").style_my_tooltips({
  84. tip_follows_cursor:true,
  85. tip_delay_time:200,
  86. tip_fade_speed:300,
  87. attribute:"title"
  88. });
  89. });
  90. })(jQuery);
  91. </script>
  92.  
  93. <script>
  94. jQuery(document).ready(function() {
  95. var duration = 500;
  96. jQuery('.back-to-top').click(function(event) {
  97. event.preventDefault();
  98. jQuery('html, body').animate({scrollTop: 0}, duration);
  99. return false;
  100. })
  101. });
  102. </script>
  103.  
  104. <script src="http://static.tumblr.com/tigfgkv/1vIn9itz8/jquery-1.7.1.min.js"></script>
  105. {block:ifinfinitescroll}
  106. <script src="http://static.tumblr.com/tigfgkv/tjWn9iu0a/jquery.infinitescroll.min.js"></script>
  107. {/block:ifinfinitescroll}
  108. <script src="http://static.tumblr.com/tigfgkv/165n9itzt/jquery.masonry.min.js"></script>
  109.  
  110. <script>
  111. $(function(){
  112.  
  113. var $container = $('#content');
  114. $container.imagesLoaded(function(){
  115. $container.masonry({
  116. itemSelector: '.ppost',
  117. });
  118. });
  119.  
  120. $container.infinitescroll({
  121. navSelector : 'div.pagination',
  122. nextSelector : '.pagination a#next',
  123. itemSelector : '.ppost',
  124. },
  125. function( newElements ) {
  126. var $newElems = $( newElements ).css({ opacity: 0 });
  127. $newElems.imagesLoaded(function(){
  128. $newElems.animate({ opacity: 1 });
  129. $container.masonry( 'appended', $newElems, true );
  130. });
  131. }
  132. );
  133.  
  134. });
  135. </script>
  136.  
  137. <!--scripts end-->
  138.  
  139. </head>
  140. <style type="text/css">
  141.  
  142. @font-face {
  143. font-family:"moon";
  144. src: url('http://static.tumblr.com/tigfgkv/x7Mn9iy8b/timess__.ttf') format("truetype");
  145. }
  146.  
  147. body {
  148. background:{color:background} url('{image:background img}') fixed center;
  149. {block:ifmaximisedbgimage}
  150. background-size:cover;
  151. background-repeat:no-repeat;
  152. {/block:ifmaximisedbgimage}
  153. font-family:courier new;
  154. font-size:11px;
  155. color:{color:body text};
  156. word-wrap:break-word;
  157. }
  158.  
  159. body a {
  160. color:{color:link text};
  161. text-decoration:none;
  162. -webkit-transition: all 0.5s ease-in-out;
  163. -moz-transition: all 0.5s ease-in-out;
  164. -o-transition: all 0.5s ease-in-out;
  165. -ms-transition: all 0.5s ease-in-out;
  166. transition: all 0.5s ease-in-out;
  167. }
  168.  
  169. body a:hover {
  170. color:{color:link text hover};
  171. }
  172.  
  173. #infscr-loading {opacity:0;}
  174.  
  175. #s-m-t-tooltip {
  176. max-width:300px;
  177. margin:15px;
  178. padding:2px 8px;
  179. border:1px solid {color:borders};
  180. background:{color:tooltip background};
  181. color:{color:tooltip text};
  182. z-index:999999;
  183. }
  184.  
  185. ::-webkit-scrollbar {width:10px; height:10px;}
  186. ::-webkit-scrollbar-track {background:{color:scrollbar background};}
  187. ::-webkit-scrollbar-thumb {
  188. background:{color:scrollbar};
  189. border:1px solid {color:borders};
  190. }
  191.  
  192. ::selection {color:{color:selection text};background:{color:selection text background};}
  193. ::-moz-selection {color:{color:selection text};background:{color:selection text background};}
  194.  
  195. /***sidebar***/
  196.  
  197. #sidebar {
  198. position:fixed;
  199. left:0; bottom:0;
  200. }
  201.  
  202. img.snorm {
  203. z-index:9;
  204. position:absolute;
  205. left:0; bottom:0;
  206. -webkit-transition: all 0.5s ease-in-out;
  207. -moz-transition: all 0.5s ease-in-out;
  208. -o-transition: all 0.5s ease-in-out;
  209. -ms-transition: all 0.5s ease-in-out;
  210. transition: all 0.5s ease-in-out;
  211. }
  212.  
  213. img.shov {
  214. z-index:9;
  215. position:absolute;
  216. left:0; bottom:0;
  217. opacity:0;
  218. -webkit-transition: all 0.5s ease-in-out;
  219. -moz-transition: all 0.5s ease-in-out;
  220. -o-transition: all 0.5s ease-in-out;
  221. -ms-transition: all 0.5s ease-in-out;
  222. transition: all 0.5s ease-in-out;
  223. }
  224.  
  225. #sidebar:hover img.snorm {opacity:0;}
  226. #sidebar:hover img.shov {opacity:1;}
  227. #sidebar:hover .desc {opacity:1; bottom:77px;}
  228.  
  229. .navo {
  230. width:300px;
  231. margin-bottom:3px;
  232. position:relative;
  233. left:-50px;
  234. }
  235.  
  236. .desc {
  237. z-index:99;
  238. width:200px;
  239. position:absolute;
  240. left:77px; bottom:0;
  241. margin:auto;
  242. text-align:center;
  243. color:{color:body text};
  244. opacity:0;
  245. -webkit-transition: all 0.5s ease-in-out;
  246. -moz-transition: all 0.5s ease-in-out;
  247. -o-transition: all 0.5s ease-in-out;
  248. -ms-transition: all 0.5s ease-in-out;
  249. transition: all 0.5s ease-in-out;
  250. }
  251.  
  252. .senshi {
  253. display:inline-block;
  254. width:20px; height:20px;
  255. border-radius:25%;
  256. line-height:20px;
  257. text-align:center;
  258. margin-top:3px;
  259. -webkit-transition: all 0.5s ease-in-out;
  260. -moz-transition: all 0.5s ease-in-out;
  261. -o-transition: all 0.5s ease-in-out;
  262. -ms-transition: all 0.5s ease-in-out;
  263. transition: all 0.5s ease-in-out;
  264. }
  265.  
  266. .senshi:hover {border-radius:50%; background:{color:link orb color}; box-shadow:0px 0px 10px #fff;}
  267. .pag:hover {background:{color:link orb color};}
  268.  
  269. .pagination {
  270. position:absolute;
  271. left:0; right:0; bottom:-28px;
  272. margin:0 auto;
  273. text-align:center;
  274. {block:ifinfinitescroll}display:none;{/block:ifinfinitescroll}
  275. }
  276.  
  277. .toop {
  278. position:absolute;
  279. left:0; right:0; bottom:-28px;
  280. margin:0 auto;
  281. text-align:center;
  282. }
  283.  
  284. {block:ifsidebarbg}
  285. .dscript {
  286. padding:3px;
  287. border-radius:1px;
  288. background:{text:sidebar background};
  289. -webkit-transition: all 0.5s ease-in-out;
  290. -moz-transition: all 0.5s ease-in-out;
  291. -o-transition: all 0.5s ease-in-out;
  292. -ms-transition: all 0.5s ease-in-out;
  293. transition: all 0.5s ease-in-out;
  294. }
  295.  
  296. .dscript:hover {
  297. background:{text:sidebar background hov};
  298. box-shadow:0px 0px 10px #fff;
  299. }
  300. {/block:ifsidebarbg}
  301.  
  302. /***sidebar end***/
  303. /***general posts***/
  304.  
  305. #content {
  306. position:absolute;
  307. top:50px; left:355px;
  308. }
  309.  
  310. .c1 {width:550px;}
  311. .c2 {width:650px;}
  312. .c3 {width:950px;}
  313. .c4 {width:1000px;}
  314.  
  315. .ppost {
  316. float:left;
  317. margin:0px 50px 50px 0px;
  318. }
  319.  
  320. .post {
  321. padding:10px;
  322. background:{text:post background};
  323. border:1px solid {color:borders};
  324. margin-bottom:8px;
  325. -webkit-transition: all 0.5s ease-in-out;
  326. -moz-transition: all 0.5s ease-in-out;
  327. -o-transition: all 0.5s ease-in-out;
  328. -ms-transition: all 0.5s ease-in-out;
  329. transition: all 0.5s ease-in-out;
  330. }
  331.  
  332. .captionb {padding:0px 10px;}
  333. .post:hover{background:{text:post background hov};}
  334.  
  335. {block:indexpage}
  336. .w250 {width:250px;}
  337. .w400 {width:400px;}
  338. .w500 {width:500px;}
  339. .w250 .w500, .w250 .w400 {display:none;}
  340. .w400 .w500, .w400 .w250 {display:none;}
  341. .w500 .w400, .w500 .w250 {display:none;}
  342. {/block:indexpage}
  343. {block:permalinkpage}.w250, .w400, .w500 {width:500px;}{/block:permalinkpage}
  344.  
  345. .post blockquote {
  346. border-left:1px solid {color:borders};
  347. padding-left:10px;
  348. margin-left:10px;
  349. }
  350.  
  351. .post li, .post blockquote, .post img {max-width:100%;}
  352.  
  353. {block:iffadedposts}
  354. .post img, .fade, .navo img {
  355. opacity:0.80;
  356. -webkit-filter:grayscale(20%);
  357. -webkit-transition: all 0.5s ease-in-out;
  358. -moz-transition: all 0.5s ease-in-out;
  359. -o-transition: all 0.5s ease-in-out;
  360. -ms-transition: all 0.5s ease-in-out;
  361. transition: all 0.5s ease-in-out;
  362. }
  363.  
  364. .post img:hover, .fade:hover, .navo img:hover {
  365. opacity:1;
  366. -webkit-filter:grayscale(0%);
  367. }
  368. {/block:iffadedposts}
  369.  
  370. .title {
  371. font-size:20px;
  372. font-weight:bold;
  373. font-family:"moon";
  374. color:{color:link text};
  375. -webkit-transition: all 0.5s ease-in-out;
  376. -moz-transition: all 0.5s ease-in-out;
  377. -o-transition: all 0.5s ease-in-out;
  378. -ms-transition: all 0.5s ease-in-out;
  379. transition: all 0.5s ease-in-out;
  380. }
  381.  
  382. .title a:hover {
  383. color:{color:link text hover};
  384. }
  385.  
  386. .footer {
  387. background:{text:post background}{block:ifgalaxyfooter} url('http://static.tumblr.com/tigfgkv/631n9dg0t/1111.gif') center{/block:ifgalaxyfooter};
  388. border:1px solid {color:borders};
  389. padding:4px 10px;
  390. overflow:hidden;
  391. font-size:10px;
  392. text-align:right;
  393. {block:permalinkpage}margin-bottom:8px;{/block:permalinkpage}
  394. -webkit-transition: all 0.5s ease-in-out;
  395. -moz-transition: all 0.5s ease-in-out;
  396. -o-transition: all 0.5s ease-in-out;
  397. -ms-transition: all 0.5s ease-in-out;
  398. transition: all 0.5s ease-in-out;
  399. }
  400.  
  401. .footer:hover {
  402. background:{text:post background hov} {block:ifgalaxyfooter} url('http://static.tumblr.com/tigfgkv/631n9dg0t/1111.gif') center{/block:ifgalaxyfooter};
  403. }
  404.  
  405. a.lune {position:relative; top:-1px;}
  406. #pnotes {padding-top:8px;}
  407.  
  408. ol.notes {
  409. margin:0;
  410. padding:0;
  411. list-style:none;
  412. }
  413.  
  414. ol.notes li.note img.avatar {
  415. vertical-align:-6px;
  416. padding:4px 5px 0px 0px;
  417. width:20px; height:20px;
  418. }
  419.  
  420. .cdit {
  421. z-index:999;
  422. position:fixed;
  423. right:10px; bottom:10px;
  424. background:{text:post background};
  425. border-radius:50%;
  426. border:1px solid {color:borders};
  427. }
  428.  
  429. .cdit:hover {background:{color:link orb color};}
  430.  
  431. /***general posts end***/
  432. /***audio***/
  433.  
  434. .audio {
  435. width:100%;
  436. overflow:hidden;
  437. }
  438.  
  439. .art .w250, .art .w500 {width:250px; height:250px;}
  440. .art .w400 {width:200px; height:200px;}
  441.  
  442. .audio .art {
  443. overflow:hidden;
  444. float:left;
  445. {block:ifdarkaudio}
  446. background:rgba(0,0,0,0.4) url('http://static.tumblr.com/tigfgkv/pOcn9dc70/11.png') no-repeat center;
  447. {/block:ifdarkaudio}
  448. {block:ifnotdarkaudio}
  449. background:rgba(255,255,255,0.4) url('http://static.tumblr.com/tigfgkv/8jNn9dc47/111.png') no-repeat center;
  450. {/block:ifnotdarkaudio}
  451. }
  452.  
  453. .info .w250 {width:250px;{block:permalinkpage}height:250px;{/block:permalinkpage}}
  454. .info .w400 {width:200px; height:200px;}
  455. .info .w500 {width:250px; height:250px;}
  456.  
  457. .audio .info {
  458. float:left;
  459. {block:ifdarkaudio}background:rgba(0,0,0,0.4);{/block:ifdarkaudio}
  460. {block:ifnotdarkaudio}background:rgba(255,255,255,0.4);{/block:ifnotdarkaudio}
  461. }
  462.  
  463. .audinfo {padding:10px;}
  464. .audinfo p {margin:5px 0px;}
  465.  
  466. .player {
  467. {block:ifnotdarkaudio}background:#fff;{/block:ifnotdarkaudio}
  468. {block:ifdarkaudio}background:#000;{/block:ifdarkaudio}
  469. overflow:hidden;
  470. width:100%;
  471. padding-top:12px;
  472. height:40px;
  473. opacity:0.5;
  474. }
  475.  
  476. /***audio end***/
  477. /***question***/
  478.  
  479. {block:indexpage}
  480. .questionp.w500, .questionp.w400 {display:inline-block; min-height:64px;}
  481. .questionp.w250 {display:inline-block; min-height:40px;}
  482. .questionp img.w500, .questionp img.w400 {display:inline-block; float:left; width:64px; height:64px;}
  483. .questionp img.w250 {display:inline-block; float:left; width:40px; height:40px;}
  484. .questionp .w500 {width:420px;}
  485. .questionp .w400 {width:320px;}
  486. .questionp .w250 {width:194px;}
  487. {/block:indexpage}
  488.  
  489. {block:permalinkpage}
  490. .questionp.w500, .questionp.w400, .questionp.w250 {min-height:64px;}
  491. .questionp img.w500, .questionp img.w400, .questionp img.w250 {float:left; width:64px; height:64px;}
  492. .questionp .w500, .questionp .w400, .questionp .w250 {width:420px;}
  493. {/block:permalinkpage}
  494.  
  495. .asktxt {
  496. display:inline-block;
  497. float:left;
  498. margin-left:8px;
  499. padding:4px;
  500. background:{text:post background};
  501. }
  502.  
  503. /***question end***/
  504. /***chat***/
  505.  
  506. ul.chat {margin:0; padding:0;}
  507.  
  508. .chat li {
  509. list-style:none;
  510. margin-left:0;
  511. padding:2px 4px;
  512. }
  513.  
  514. .label {font-weight:bold;}
  515. .line_odd{background:{text:post background};}
  516.  
  517. /***chat end***/
  518. /***quote***/
  519.  
  520. .quot {font-family:"times new roman";}
  521.  
  522. /***quote end***/
  523.  
  524. </style>
  525.  
  526. <body>
  527.  
  528. <a href="http://yurifairy.tumblr.com/" title="theme"><div class="senshi cdit">☿</div></a>
  529.  
  530. <div id="sidebar">
  531.  
  532. <div class="desc">
  533. <div class="navo">
  534. <div><a href="/" title="home"><img src="{image:home icon}"></a>
  535. {block:AskEnabled}<a href="/ask" title="message"><img src="{image:ask icon}"></a>{/block:AskEnabled}
  536. {block:SubmissionsEnabled}<a href="/submit" title="submit"><img src="{image:submit icon}"></a>{/block:SubmissionsEnabled}
  537. <a href="/archive" title="past"><img src="{image:archive icon}"></a></div>
  538. {block:iflink1}<a href="{text:link 1}" title="{text:link 1 title}"><div class="senshi">.1</div></a>{/block:iflink1}
  539. {block:iflink2}<a href="{text:link 2}" title="{text:link 2 title}"><div class="senshi">.2</div></a>{/block:iflink2}
  540. {block:iflink3}<a href="{text:link 3}" title="{text:link 3 title}"><div class="senshi">.3</div></a>{/block:iflink3}
  541. {block:iflink4}<a href="{text:link 4}" title="{text:link 4 title}"><div class="senshi">.4</div></a>{/block:iflink4}
  542. {block:iflink5}<a href="{text:link 5}" title="{text:link 5 title}"><div class="senshi">.5</div></a>{/block:iflink5}
  543. {block:iflink6}<a href="{text:link 6}" title="{text:link 6 title}"><div class="senshi">.6</div></a>{/block:iflink6}
  544. {block:iflink7}<a href="{text:link 7}" title="{text:link 7 title}"><div class="senshi">.7</div></a>{/block:iflink7}
  545. {block:iflink8}<a href="{text:link 8}" title="{text:link 8 title}"><div class="senshi">.8</div></a>{/block:iflink8}
  546. </div>
  547. <div class="dscript">{description}</div>
  548. <div class="pagination">{block:Pagination}
  549. {block:PreviousPage}
  550. <a href="{PreviousPage}" title="previous"><div class="senshi pag">←</div></a>
  551. {/block:PreviousPage}
  552. <a href="#" title="top" class="back-to-top"><div class="senshi pag">↑</div></a>
  553. {block:NextPage}
  554. <a href="{NextPage}" id="next" title="next"><div class="senshi pag">→</div></a>
  555. {/block:NextPage}
  556. {/block:Pagination}
  557. </div>
  558. {block:ifinfinitescroll}<div class="toop">
  559. <a href="#" title="top" class="back-to-top"><div class="senshi pag">↑</div></a>
  560. </div>{/block:ifinfinitescroll}
  561. </div><!--desc-->
  562.  
  563. <img class="snorm" src="{image:sidebar img}">
  564. <img class="shov" src="{image:sidebar img hover}">
  565.  
  566. </div><!--sidebar-->
  567.  
  568. <div id="content" class="{select:columns}">
  569. {block:Posts}
  570. <div class="ppost">
  571. <div class="post {select:post size}">
  572.  
  573. {block:Title}
  574. <div class="title"><a href="{permalink}">{Title}</a></div>
  575. {/block:Title}
  576.  
  577. <!--post types-->
  578.  
  579. {block:Photo}{LinkOpenTag}
  580. {block:indexpage}
  581. <img class="w250" src="{PhotoURL-250}" alt="{PhotoAlt}"/>
  582. <img class="w400" src="{PhotoURL-400}" alt="{PhotoAlt}"/>
  583. <img class="w500" src="{PhotoURL-500}" alt="{PhotoAlt}"/>
  584. {/block:indexpage}
  585.  
  586. {block:PermalinkPage}
  587. <img class="w500" src="{PhotoURL-500}" alt="{PhotoAlt}"/>
  588. {/block:PermalinkPage}
  589. {LinkCloseTag}{/block:Photo}
  590.  
  591. {block:Photoset}<div class="fade">
  592. {block:indexpage}
  593. <div class="w250">{Photoset-250}</div>
  594. <div class="w400">{Photoset-400}</div>
  595. <div class="w500">{Photoset-500}</div>
  596. {/block:indexpage}
  597.  
  598. {block:PermalinkPage}
  599. <div class="w500">{Photoset-500}</div>
  600. {/block:PermalinkPage}
  601. </div>{block:Photoset}
  602.  
  603. {block:Video}<div class="fade">
  604. {block:indexpage}
  605. <div class="w250">{Video-250}</div>
  606. <div class="w400">{Video-400}</div>
  607. <div class="w500">{Video-500}</div>
  608. {/block:indexpage}
  609.  
  610. {block:PermalinkPage}
  611. <div class="w500">{Video-500}</div>
  612. {/block:PermalinkPage}
  613. </div>{/block:Video}
  614.  
  615. {block:Audio}<div class="audio">
  616. <div class="art"><div class="{select:post size}">{block:AlbumArt}
  617. <img src="{AlbumArtURL}" width=100%>
  618. {/block:AlbumArt}</div></div>
  619.  
  620. <div class="info"><div class="{select:post size}">
  621. <div class="player">
  622. {block:ifnotdarkaudio}{AudioPlayerwhite}{/block:ifnotdarkaudio}
  623. {block:ifdarkaudio}{Audioplayerblack}{/block:ifdarkaudio}
  624. </div>
  625. <div class="audinfo">
  626. {block:trackname}<p><b>{trackname}</b></p>{/block:trackname}
  627. {block:artist}<p>{artist}</p>{/block:artist}
  628. {block:album}<p>{album}</p>{/block:album}
  629. {block:playcount}<p>{PlayCountwithlabel}</p>{/block:playcount}
  630. </div>
  631. </div></div>
  632. </div>{/block:Audio}
  633.  
  634. {block:Text}
  635. {Body}
  636. {/block:Text}
  637.  
  638. {block:Answer}
  639. <div class="questionp {select:post size}">
  640. <img class="{select:post size}" src="{AskerPortraitURL-64}">
  641. <div class="asktxt {select:post size}">{Asker} said: {Question}</div>
  642. </div>
  643. {/block:Answer}
  644.  
  645. {block:Chat}
  646. <ul class="chat">
  647. {block:Lines}
  648. <li class="line_{Alt}">{block:Label}<span class="label">{Label} </span>{/block:Label}{Line}</li>
  649. {/block:Lines}
  650. </ul>
  651. {/block:Chat}
  652.  
  653. {block:Quote}
  654. <div class="title"><span class="quot">“</span>{Quote}<span class="quot">”</span></div>
  655. {block:Source}—{Source}{/block:Source}
  656. {/block:Quote}
  657.  
  658. {block:Link}
  659. <div class="title"><a href="{URL}">{Name}</a></div>
  660. {/block:Link}
  661.  
  662. </div><!--post-->
  663.  
  664. <!--end post types-->
  665.  
  666. {block:answer}
  667. <div class="post {select:post size} captionb">{answer}</div>
  668. {/block:answer}
  669.  
  670. {block:Link}
  671. {block:Description}<div class="post {select:post size} captionb">{Description}</div>{/block:Description}
  672. {/block:Link}
  673.  
  674. {block:indexpage}{block:ifshowcaptions}
  675. {block:caption}<div class="post {select:post size} captionb">{caption}</div>{/block:caption}
  676. {/block:ifshowcaptions}{/block:indexpage}
  677.  
  678. {block:permalinkpage}
  679. {block:caption}<div class="post {select:post size} captionb">{caption}</div>{/block:caption}
  680. {/block:permalinkpage}
  681.  
  682. <!--footer-->
  683.  
  684. {block:date}
  685. <div class="footer {select:post size}">
  686. {block:indexpage}
  687. <a class="lune" href="{permalink}" title="{timeago}">☽</a> <a href="{permalink}" title="{NoteCountWithLabel}">♡</a>
  688.  
  689. <a href="{reblogurl}" title="reblog">☆</a>
  690. {/block:indexpage}
  691.  
  692. {block:permalinkpage}
  693. <a href="{permalink}" title="permalink">{DayOfMonth}{DayOfMonthSuffix} {Month} {Year} // {NoteCountWithLabel}</a>
  694. {block:HasTags}<br>{block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags}
  695. {/block:permalinkpage}
  696. </div>
  697. {/block:date}
  698.  
  699. <!--footer end-->
  700.  
  701. {block:PostNotes}<div id="pnotes" class="post {select:post size}">{PostNotes-64}</div>{/block:PostNotes}
  702.  
  703. </div><!--ppost-->
  704.  
  705. {block:ContentSource}
  706. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  707. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  708. {/block:SourceLogo}
  709. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  710. {/block:ContentSource}
  711. {block:RebloggedFrom}
  712. <!-- Via: <a href="{ReblogParentURL}">{ReblogParentName}</a>-->
  713. {/block:RebloggedFrom}
  714.  
  715. {/block:Posts}
  716. </div><!--content-->
  717.  
  718. </body>
  719. </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!