API tools faq
paste
Advertisement
Guest User

theme 38: moonlight; by primrosetylers

a guest
Oct 11th, 2014
940
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 18.19 KB | None | 0 0
raw download clone embed print report
  1.  
  2. <!DOCTYPE html>
  3. <head>
  4.  
  5. <!--
  6.  
  7. theme 38: moonlight;
  8. coded by irma at primrosetylers.tumblr.com
  9. do not steal, remove the credit, or use as a base
  10.  
  11. -->
  12.  
  13. <title>{Title}</title>
  14. {block:Description}<meta name="description" content="{MetaDescription}">{/block:Description}
  15. <link rel="shortcut icon" href="{Favicon}">
  16. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  17.  
  18. <!-- meta stuffs go here -->
  19.  
  20. <meta name="color:background" content="#fff">
  21. <meta name="color:scrollbar" content="#eee">
  22. <meta name="color:title" content="#000">
  23. <meta name="color:title bg" content="#eee">
  24. <meta name="color:title border" content="#aaa">
  25. <meta name="color:description" content="#000">
  26. <meta name="color:description bg" content="#eee">
  27. <meta name="color:description border" content="#aaa">
  28. <meta name="color:slideup bg" content="#000">
  29. <meta name="color:slideup link" content="#fff">
  30. <meta name="color:slideup link hover" content="#aaa">
  31. <meta name="color:menu bar" content="#aaa">
  32. <meta name="color:container border" content="#aaa">
  33. <meta name="color:container bg" content="#fff">
  34. <meta name="color:tooltip text" content="#fff">
  35. <meta name="color:tooltip background" content="#000">
  36. <meta name="color:post border" content="#aaa">
  37. <meta name="color:post bg" content="#eee">
  38. <meta name="color:post text" content="#000">
  39. <meta name="color:post info" content="#aaa">
  40. <meta name="color:posts link" content="#aaa">
  41. <meta name="color:posts link hover" content="#000">
  42. <meta name="color:pagination" content="#aaa">
  43. <meta name="color:pagination hover" content="#000">
  44. <meta name="color:blockquote" content="#aaa">
  45.  
  46. <meta name="if:500px posts" content="0">
  47. <meta name="if:400px posts" content="1">
  48. <meta name="if:250px posts" content="0">
  49. <meta name="if:show tags" content="1">
  50. <meta name="if:show caption" content="1">
  51. <meta name="if:tiny cursor" content="1">
  52. <meta name="if:infinite scroll" content="0">
  53.  
  54. <meta name="text:link 1" content="index">
  55. <meta name="text:link 1" content="index">
  56. <meta name="text:link 1 url" content="/">
  57. <meta name="text:link 2" content="mssg">
  58. <meta name="text:link 2 url" content="/ask">
  59. <meta name="text:link 3" content="past">
  60. <meta name="text:link 3 url" content="/archive">
  61. <meta name="text:link 4" content="">
  62. <meta name="text:link 4 url" content="">
  63. <meta name="text:link 5" content="">
  64. <meta name="text:link 5 url" content="">
  65. <meta name="text:link 6" content="">
  66. <meta name="text:link 6 url" content="">
  67. <meta name="text:link 7" content="">
  68. <meta name="text:link 7 url" content="">
  69. <meta name="text:link 8" content="">
  70. <meta name="text:link 8 url" content="">
  71. <meta name="text:link 9" content="">
  72. <meta name="text:link 9 url" content="">
  73. <meta name="text:link 10" content="">
  74. <meta name="text:link 10 url" content="">
  75.  
  76. <!-- metas end-->
  77.  
  78. <!-- click effect script -->
  79. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
  80. <script>
  81. $(document).ready(function(){
  82. $(".bar").click(function(){
  83. $(".slide").toggleClass("yewgel");
  84. });
  85. });
  86. </script>
  87.  
  88. <!-- sticky header script -->
  89. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" type="text/javascript"></script>
  90. <script type="text/javascript">
  91. $(function(){
  92. var stickyRibbonTop = $('#description').offset().top;
  93.  
  94. $(window).scroll(function(){
  95. if( $(window).scrollTop() > stickyRibbonTop ) {
  96. $('.bar').addClass('cool');
  97. } else {
  98. $('.bar').removeClass('cool');
  99. }
  100. });
  101. });
  102. </script>
  103.  
  104. <!-- infinite scroll script -->
  105.  
  106. {block:IfInfiniteScroll}
  107. <script type="text/javascript" src="http://codysherman.tumblr.com/tools/infinite-scrolling/code"></script>
  108. {/block:IfInfiniteScroll}
  109. {block:IfNotInfiniteScroll}{/block:IfNotInfiniteScroll}
  110.  
  111. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
  112.  
  113. <link href='http://fonts.googleapis.com/css?family=Lato' rel='stylesheet' type='text/css'>
  114.  
  115. <!-- tooltip script -->
  116. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  117. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  118. <script>
  119. (function($){
  120. $(document).ready(function(){
  121. $("a[title]").style_my_tooltips({
  122. tip_follows_cursor:true,
  123. tip_delay_time:30,
  124. tip_fade_speed:300,
  125. attribute:"title"
  126. });
  127. });
  128. })(jQuery);
  129. </script>
  130.  
  131. <style type="text/css">
  132.  
  133. /*tooltip css*/
  134. #s-m-t-tooltip {
  135. max-width:300px;
  136. position:absolute;
  137. z-index:99999;
  138. margin-top:20px;
  139. text-transform:uppercase;
  140. padding:2px 4px 2px 4px;
  141. background-color:{color:tooltip background};
  142. font-family:arial;
  143. font-size:10px;
  144. color:{color:tooltip text};
  145. }
  146.  
  147. body {
  148. background-color:{color:background};
  149. font-family:'Lato', calibri;
  150. color:{color:post text};
  151. font-size:11px;
  152. }
  153.  
  154. a {
  155. text-decoration:none;
  156. color:{color:posts link};
  157. -webkit-transition:0.5s;
  158. -moz-transition:0.5s;
  159. -ms-transition:0.5s;
  160. -o-transition:0.5s;
  161. }
  162.  
  163. blockquote {
  164. border-left:2px solid {color:blockquote};
  165. padding-left:10px;
  166. max-width:450px;
  167. }
  168.  
  169. blockquote img {
  170. max-width:100%;
  171. }
  172.  
  173. a:hover {
  174. color:{color:posts link hover};
  175. }
  176.  
  177. pre, code, p {
  178. white-space: pre-wrap;
  179. white-space: -moz-pre-wrap;
  180. white-space: -pre-wrap;
  181. white-space: -o-pre-wrap;
  182. word-wrap: break-word;
  183. }
  184.  
  185. ::-webkit-scrollbar {
  186. width: 8px;
  187. }
  188.  
  189. ::-webkit-scrollbar-track {
  190. background-color:{color:background};
  191. }
  192.  
  193. ::-webkit-scrollbar-thumb {
  194. background-color:{color:scrollbar};
  195. }
  196.  
  197. ::-webkit-scrollbar:horizontal {
  198. height:8px;
  199. }
  200.  
  201. ::selection {
  202. background: {color:scrollbar};
  203. color:#fff;
  204. }
  205.  
  206. ::-moz-selection {
  207. background: {color:scrollbar};
  208. color:#fff;
  209. }
  210.  
  211. h2 {
  212. text-align:center;
  213. text-transform:uppercase;
  214. }
  215.  
  216. /* wrap */
  217.  
  218. .wrap {
  219. border-left:1px solid {color:container border};
  220. border-right:1px solid {color:container border};
  221. background-color:{color:container bg};
  222. width:600px;
  223. top:0;
  224. position:absolute;
  225. left:50%;
  226. margin-left:-300px;
  227. text-align:center;
  228. }
  229.  
  230. .autopagerize_page_element {
  231. text-align:left;
  232. }
  233.  
  234. /* header */
  235.  
  236. #head {
  237. margin-top:100px;
  238. margin-bottom:100px;
  239. }
  240.  
  241. .bar {
  242. position:fixed;
  243. top:0;
  244. margin-left:0;
  245. padding-top:5px;
  246. padding-bottom:3px;
  247. padding-left:15px;
  248. font-size:22px;
  249. color:{color:menu bar};
  250. width:585px;
  251. text-align:left;
  252. background-color:{color:container bg};
  253. z-index:5;
  254. }
  255.  
  256. .bar span {
  257. padding-left:15px;
  258. text-transform:uppercase;
  259. opacity:0;
  260. color:{color:title};
  261. letter-spacing:-1px;
  262. -webkit-transition:0.5s;
  263. -moz-transition:0.5s;
  264. -ms-transition:0.5s;
  265. -o-transition:0.5s;
  266. transition:0.5s;
  267. }
  268.  
  269. .cool span {
  270. opacity:1;
  271. letter-spacing:2px;
  272. }
  273.  
  274. #title {
  275. {block:If500pxPosts}width:500px;{/block:if500pxPosts}
  276. {block:If400pxPosts}width:400px;{/block:if400pxPosts}
  277. {block:If250pxPosts}width:250px;{/block:if250pxPosts}
  278. padding:10px 20px 10px 20px;
  279. background-color:{color:title bg};
  280. border:1px solid {color:title border};
  281. color:{color:title};
  282. margin-left:auto;
  283. margin-right:auto;
  284. margin-bottom:10px;
  285. text-transform:uppercase;
  286. font-size:25px;
  287. }
  288.  
  289. #description {
  290. {block:If500pxPosts}width:500px;{/block:if500pxPosts}
  291. {block:If400pxPosts}width:400px;{/block:if400pxPosts}
  292. {block:If250pxPosts}width:250px;{/block:if250pxPosts}
  293. padding:10px 20px 10px 20px;
  294. background-color:{color:description bg};
  295. text-align:left;
  296. margin-left:auto;
  297. margin-right:auto;
  298. margin-top:10px;
  299. color:{color:description};
  300. border:1px solid {color:description border};
  301. }
  302.  
  303. .slide {
  304. position:fixed;
  305. top:100%;
  306. z-index:10;
  307. background-color:{color:slideup bg};
  308. margin-left:0;
  309. width:600px;
  310. height:100%;
  311. -webkit-transition:0.5s;
  312. -moz-transition:0.5s;
  313. -ms-transition:0.5s;
  314. -o-transition:0.5s;
  315. transition:0.5s;
  316. }
  317.  
  318. .yewgel {
  319. top:35px;
  320. }
  321.  
  322. #rayzel {
  323. position:relative;
  324. top:50%;
  325. transform:translateY(-50%);
  326. }
  327.  
  328. #rayzel a {
  329. color:{color:slideup link};
  330. display:block;
  331. font-size:20px;
  332. }
  333.  
  334. #rayzel a:hover {
  335. color:{color:slideup link hover};
  336. }
  337. /*pag*/
  338.  
  339. #pag {
  340. font-size:14px;
  341. letter-spacing:2px;
  342. color:{color:pagination};
  343. width:100%;
  344. text-align:center;
  345. z-index:7;
  346. margin-bottom:50px;
  347. margin-top:75px;
  348. }
  349.  
  350. #pag a {color:{color:pagination};}
  351. #pag a:hover {color:{color:pagination hover};}
  352.  
  353. /*posts*/
  354.  
  355. .postage {
  356. {block:If500pxPosts}width:500px;{/block:if500pxPosts}
  357. {block:If400pxPosts}width:400px;{/block:if400pxPosts}
  358. {block:If250pxPosts}width:250px;{/block:if250pxPosts}
  359. margin-top:50px;
  360. margin-bottom:50px;
  361. margin-left:auto;
  362. margin-right:auto;
  363. background-color:{color:post bg}; /*temp*/
  364. border:1px solid {color:post border};
  365. padding:20px;
  366. -webkit-transition:0.5s;
  367. -moz-transition:0.5s;
  368. -ms-transition:0.5s;
  369. -o-transition:0.5s;
  370. }
  371.  
  372. #panorama img {
  373. {block:If500pxPosts}width:500px;{/block:if500pxPosts}
  374. {block:If400pxPosts}width:400px;{/block:if400pxPosts}
  375. {block:If250pxPosts}width:250px;{/block:if250pxPosts}
  376. }
  377.  
  378. p img, blockquote img {
  379. max-width:90%;
  380. }
  381.  
  382. #words {
  383. font-style:italic;
  384. font-size:15px;
  385. }
  386.  
  387. .source {
  388. text-align:right;
  389. padding-right:5px;
  390. }
  391.  
  392. #linkpost {
  393. text-align:center;
  394. font-size:11px;
  395. }
  396.  
  397. .linkety {
  398. font-size:15px;
  399. }
  400.  
  401. #chat ul {
  402. list-style:none;
  403. font-family:courier;
  404. margin-left:-30px;
  405. }
  406.  
  407. .label {
  408. text-transform:uppercase;
  409. font-weight:bold;
  410. }
  411.  
  412. #audioplayer {
  413. width:75px;
  414. height:75px;
  415. position:absolute;
  416. overflow:hidden;
  417. background-color:#000;
  418. opacity:0;
  419. z-index:2;
  420. -webkit-transition:0.5s;
  421. -moz-transition:0.5s;
  422. -ms-transition:0.5s;
  423. -o-transition:0.5s;
  424. transition:0.5s;
  425. }
  426.  
  427. .postage:hover #audioplayer {
  428. opacity:0.7;
  429. }
  430.  
  431. #albumart {
  432. width:75px;
  433. height:75px;
  434. background-color:#000;
  435. }
  436.  
  437. #ask span a {
  438. color:{color:post text};
  439. font-style:italic;
  440. }
  441.  
  442. .info {
  443. text-align:center;
  444. z-index:3;
  445. {block:IndexPage}height:0;
  446. overflow:hidden;{/block:IndexPage}
  447. {block:PermalinkPage}padding-bottom:5px;
  448. border-bottom:1px solid {color:post border};{/block:PermalinkPage}
  449. margin-left:auto;
  450. margin-right:auto;
  451. {block:If500pxPosts}width:500px;{/block:If500pxPosts}
  452. {block:If400pxPosts}width:400px;{/block:if400pxPosts}
  453. {block:If250pxPosts}width:250px;{/block:if250pxPosts}
  454. color:{color:post info};
  455. font-size:14px;
  456. -webkit-transition:0.5s;
  457. -moz-transition:0.5s;
  458. -ms-transition:0.5s;
  459. -o-transition:0.5s;
  460. }
  461.  
  462. .info a {
  463. color:{color:post info};
  464. }
  465.  
  466. {block:IndexPage}
  467. .postage:hover .info {
  468. border-bottom:1px solid {color:post border};
  469. height:45px;
  470. }
  471. {/block:IndexPage}
  472.  
  473. .tags {
  474. margin-top:2px;
  475. text-transform:none;
  476. opacity:1;
  477. font-size:10px;
  478. -webkit-transition:0.5s;
  479. -moz-transition:0.5s;
  480. -ms-transition:0.5s;
  481. -o-transition:0.5s;
  482. z-index:3;
  483. }
  484.  
  485. #postnotes {
  486. line-height:200%;
  487. }
  488.  
  489. #postnotes li {
  490. list-style:none;
  491. }
  492.  
  493. #postnotes img {
  494. margin-right:5px;
  495. }
  496.  
  497. #credit {
  498. right:10px;
  499. bottom:15px;
  500. font-size:11px;
  501. padding:2px 5px 2px 5px;
  502. text-transform:uppercase;
  503. text-align:center;
  504. background-color:#000;
  505. position:fixed;
  506. font-family:arial;
  507. }
  508.  
  509. #credit a {
  510. color:#fff;
  511. }
  512.  
  513. #credit a:hover {
  514. text-shadow:0 0 2px #fff;
  515. color:#000;
  516. }
  517.  
  518. {block:IfTinyCursor}
  519. /* Start http://www.cursors-4u.com */ body, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur817.cur), progress !important;} /* End http://www.cursors-4u.com */
  520. {/block:IfTinyCursor}
  521.  
  522. {CustomCSS}
  523. </style>
  524. </head>
  525. <body>
  526.  
  527. <!-- POSTS -->
  528. <div class="wrap">
  529.  
  530. <div class="bar"><i class="fa fa-bars"></i><span>{Title}</span></div>
  531.  
  532. <div id="head">
  533. <div id="title">{Title}</div>
  534. <div id="description">{Description}</div>
  535. </div>
  536.  
  537. <div class="slide">
  538. <div id="rayzel">
  539. {block:iflink1}<a href="{text:link 1 url}">i. {text:link 1}</a>{/block:iflink1}
  540. {block:iflink2}<a href="{text:link 2 url}">ii. {text:link 2}</a>{/block:iflink2}
  541. {block:iflink3}<a href="{text:link 3 url}">iii. {text:link 3}</a>{/block:iflink3}
  542. {block:iflink4}<a href="{text:link 4 url}">iv. {text:link 4}</a>{/block:iflink4}
  543. {block:iflink5}<a href="{text:link 5 url}">v. {text:link 5}</a>{/block:iflink5}
  544. {block:iflink6}<a href="{text:link 6 url}">vi. {text:link 6}</a>{/block:iflink6}
  545. {block:iflink7}<a href="{text:link 7 url}">vii. {text:link 7}</a>{/block:iflink7}
  546. {block:iflink8}<a href="{text:link 8 url}">viii. {text:link 8}</a>{/block:iflink8}
  547. {block:iflink9}<a href="{text:link 9 url}">ix. {text:link 9}</a>{/block:iflink9}
  548. {block:iflink10}<a href="{text:link 10 url}">x. {text:link 10}</a>{/block:iflink10}
  549. </div>
  550. </div>
  551.  
  552. <div class = "autopagerize_page_element" >
  553. {block:Posts}
  554. <div class="postage">
  555.  
  556. <div class="info">
  557.  
  558. {block:IndexPage}
  559. <a title="{NoteCountWithLabel}" href="{Permalink}">{MonthNumberWithZero}.{DayOfMonth}.{ShortYear}</a>
  560. {/block:IndexPage}
  561.  
  562. {block:PermalinkPage}
  563. <div class="maininfo">
  564. {block:Date}posted on {Month} {DayOfMonth}, {Year} with {NoteCountWithLabel}{/block:Date} <br>
  565. {block:RebloggedFrom} via <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom} {block:ContentSource}, created by <a href="{SourceURL}">{SourceTitle}</a>{/block:ContentSource}
  566. </div>
  567.  
  568. {block:IfNotShowTags}
  569. {block:HasTags}
  570. <div class="tags">
  571. {block:Tags} <a href="{TagURL}">#{Tag}</a>{/block:Tags}
  572. </div>
  573. {/block:HasTags}
  574. {/block:IfNotShowTags}
  575. {/block:PermalinkPage}
  576.  
  577. <div class="tags">
  578. <a href="{ReblogURL}" target="_blank">reblog</a>
  579. {block:IfShowTags}
  580. {block:HasTags}
  581. | {block:Tags} <a href="{TagURL}">#{Tag}</a>{/block:Tags}
  582. {/block:HasTags}
  583. {/block:IfShowTags}
  584. </div>
  585.  
  586. </div> <!--info-->
  587.  
  588. {block:Text}
  589. <div id="text">
  590. <h2><a href="{Permalink}">{Title}</a></h2>
  591. {Body}
  592. </div> <!--text post-->
  593. {/block:Text}
  594.  
  595. {block:Photo}
  596. <div id="photo">
  597. {block:If500pxPosts}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{/block:If500pxPosts}
  598. {block:If400pxPosts}<img src="{PhotoURL-400}" alt="{PhotoAlt}"/>{/block:if400pxPosts}
  599. {block:If250pxPosts}<img src="{PhotoURL-250}" alt="{PhotoAlt}"/>{/block:if250pxPosts}
  600. {block:IfShowCaption}
  601. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  602. {/block:IfShowCaption}
  603. {block:IfNotShowCaption}
  604. {block:PermalinkPage}
  605. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  606. {/block:PermalinkPage}
  607. {/block:IfNotShowCaption}
  608. </div> <!--photo post-->
  609. {/block:Photo}
  610.  
  611. {block:Panorama}
  612. <div id="panorama">
  613. {LinkOpenTag}
  614. <img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>
  615. {LinkCloseTag}
  616. {block:IfShowCaption}
  617. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  618. {/block:IfShowCaption}
  619. {block:IfNotShowCaption}
  620. {block:PermalinkPage}
  621. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  622. {/block:PermalinkPage}
  623. {/block:IfNotShowCaption}
  624. </div> <!--panorama post-->
  625. {/block:Panorama}
  626.  
  627. {block:Photoset}
  628. <div id="photoset">
  629. {block:If500pxPosts}{Photoset-500}{/block:If500pxPosts}
  630. {block:If400pxPosts}{Photoset-400}{/block:if400pxPosts}
  631. {block:If250pxPosts}{Photoset-250}{/block:if250pxPosts}
  632. {block:IfShowCaption}
  633. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  634. {/block:IfShowCaption}
  635. {block:IfNotShowCaption}
  636. {block:PermalinkPage}
  637. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  638. {/block:PermalinkPage}
  639. {/block:IfNotShowCaption}
  640. </div> <!--photoset-->
  641. {/block:Photoset}
  642.  
  643. {block:Quote}
  644. <div id="quote">
  645. <div id="words">{Quote}</div>
  646. {block:Source}<div class="source">- {Source}</div>{/block:Source}
  647. </div> <!--quote-->
  648. {/block:Quote}
  649.  
  650. {block:Link}
  651. <div id="linkpost">
  652. {block:PostTitle}<h2><a href="{Permalink}">{PostTitle}</a></h2>{/block:PostTitle}
  653. <a href="{URL}" class="linkety" {Target}>{Name}</a>
  654. {block:Description}
  655. <div class="linkdesc">{Description}</div>
  656. {/block:Description}
  657. </div> <!--link-->
  658. {/block:Link}
  659.  
  660. {block:Chat}
  661. <div id="chat">
  662. <h2><a href="{Permalink}">{Title}</a></h2>
  663. <ul>
  664. {block:Lines}
  665. <li class="{Alt} user_{UserNumber}">
  666. {block:Label}
  667. <span class="label">{Label}</span>
  668. {/block:Label}{Line}
  669. </li>
  670. {/block:Lines}
  671. </ul>
  672. </div> <!--chat-->
  673. {/block:Chat}
  674.  
  675. {block:Video}
  676. <div id="video">
  677. {block:PostTitle}<h2><a href="{Permalink}">{PostTitle}</a></h2>{/block:PostTitle}
  678. {block:If500pxPosts}{Video-500}{/block:If500pxPosts}
  679. {block:If400pxPosts}{Video-400}{/block:if400pxPosts}
  680. {block:If250pxPosts}{Video-250}{/block:if250pxPosts}
  681. {block:IfShowCaption}
  682. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  683. {/block:IfShowCaption}
  684. {block:IfNotShowCaption}
  685. {block:PermalinkPage}
  686. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  687. {/block:PermalinkPage}
  688. {/block:IfNotShowCaption}
  689. </div> <!--video-->
  690. {/block:Video}
  691.  
  692. {block:Audio}
  693. <div id="audio">
  694. <table style="padding:5px; margin-bottom:5px;">
  695. <tr>
  696. <td style="vertical-align:top;padding-right:10px;"><div id="audioplayer">{AudioPlayerBlack}</div>
  697. <div id="albumart">
  698. {block:AlbumArt}
  699. <img src="{AlbumArtURL}" style="width:75px;">
  700. {/block:AlbumArt}</div></td>
  701. <td style="vertical-align:top; font-size:12px;"> {block:TrackName}<i>title:</i> {TrackName} <br />{/block:TrackName}
  702. {block:Artist}<i>artist:</i> {Artist} <br />{/block:Artist}
  703. {block:Album}<i>album:</i> {Album} <br />{/block:Album}
  704. {block:PlayCount}<i>played:</i> {FormattedPlayCount} times{/block:PlayCount}
  705. </td>
  706. </tr>
  707. </table>
  708. {block:IfShowCaption}
  709. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  710. {/block:IfShowCaption}
  711. {block:IfNotShowCaption}
  712. {block:PermalinkPage}
  713. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  714. {/block:PermalinkPage}
  715. {/block:IfNotShowCaption}
  716. </div> <!--audio-->
  717. {/block:Audio}
  718.  
  719. {block:Answer}
  720. <div id="ask">
  721. <p style="padding:10px; background-color:{color:container bg};">— <span>{Asker}</span>: {Question}</p>
  722. <p>{block:Answerer}— <span>{Answerer}</span> replied: {/block:Answerer}{Answer}</p>
  723. {block:Answerer}
  724. <div style="border-top:1px solid {color:post text}">
  725. <blockquote>{Replies}</blockquote>
  726. </div>
  727. {/block:Answerer}
  728. </div> <!--ask-->
  729. {/block:Answer}
  730.  
  731. {block:PermalinkPage}
  732. <div id="postnotes">
  733. {PostNotes}
  734. </div>
  735. {/block:PermalinkPage}
  736.  
  737. </div> <!--postage-->
  738. {/block:Posts}
  739.  
  740. {block:IfNotInfiniteScroll}
  741. {block:Pagination}
  742. <div id="pag">
  743. {block:PreviousPage}<a href="{PreviousPage}">BACK</a> - {/block:PreviousPage}
  744. {block:JumpPagination length="5"}
  745. {block:CurrentPage}[{PageNumber}]{/block:CurrentPage}
  746. {block:JumpPage}<a href="{URL}">{PageNumber}</a>{/block:JumpPage}
  747. {/block:JumpPagination}
  748. {block:NextPage} - <a href="{NextPage}">GO</a>{/block:NextPage}
  749. </div>
  750. {/block:Pagination}
  751. {/block:IfNotInfiniteScroll}
  752. {block:IfInfiniteScroll}{/block:IfInfiniteScroll}
  753.  
  754. </div> <!-- autopagerize page element thing -->
  755.  
  756. </div> <!-- wrap -->
  757.  
  758. <div id="credit"><a href="http://primrosetylers.tumblr.com">✿THEME</a></div>
  759.  
  760. </body>
  761. </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!