Advertisement
fairygay

THEME #02 HENSHIN {sailor moon}

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