Advertisement
purloinedinpetrograd

theme 06 w/ two columns

Jan 4th, 2014
766
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 33.55 KB | None | 0 0
  1. <html>
  2. <head>
  3. <!--
  4. THEME CREATED BY PURLOINED IN PETROGRAD.
  5. (c) 2013.
  6. DO NOT REMOVE CREDIT. THANKS!
  7. -->
  8. <!-- IMAGE DEFAULTS -->
  9. <meta name="image:Sidebar" content="http://static.tumblr.com/u4yilrn/EDAmynkev/screen_shot_2013-12-30_at_10.58.45_pm.png"/>
  10. <meta name="image:Background" content=""/>
  11.  
  12. <!-- COLOR DEFAULTS -->
  13. <meta name="color:Background" content="#ffffff"/>
  14. <meta name="color:Scrollbar" content="#e3e3e3"/>
  15. <meta name="color:Blockquote" content="#d0d0d0"/>
  16. <meta name="color:Text" content="#3c3c3c"/>
  17. <meta name="color:Title" content="#3c3c3c"/>
  18. <meta name="color:Header Borders" content="#efefef"/>
  19. <meta name="color:Navigation" content="#000000"/>
  20. <meta name="color:Navigation Hover" content="#d0d0d0"/>
  21. <meta name="color:Post Links" content="#888888"/>
  22. <meta name="color:Post Links Hover" content="#000000"/>
  23. <meta name="color:Post Desc Background" content="#f3f3f3"/>
  24. <meta name="color:Post Desc Links" content="#a0a0a0"/>
  25. <meta name="color:Post Desc Links Hover" content="#3c3c3c"/>
  26. <meta name="color:Post Tags" content="#a0a0a0"/>
  27. <meta name="color:Quote Background" content="#efefef"/>
  28. <meta name="color:Quote Character" content="#a0a0a0"/>
  29. <meta name="color:Ask Background" content="#fafafa"/>
  30. <meta name="color:Ask Border" content="#efefef"/>
  31.  
  32. <!-- LAYOUT DEFAULTS -->
  33. <meta name="if:Use Pompiere for Title Font" content="1"/>
  34. <meta name="if:Slimmer 400px Posts" content="0"/>
  35. <meta name="if:Show Sidebar" content="1"/>
  36. <meta name="if:Faded Images" content="1"/>
  37. <meta name="if:Small Cursor" content="0"/>
  38. <meta name="if:Infinite Scrolling" content="0"/>
  39. <meta name="if:Show Tags" content="1"/>
  40. <meta name="if:Show Captions" content="1"/>
  41.  
  42. <meta name="select:Font" title="Sans Serif" content="calibri">
  43. <meta name="select:Font" title="Serif" content="cambria">
  44.  
  45. <meta name="if:Link 1" content="1"/>
  46. <meta name="if:Link 2" content="0"/>
  47. <meta name="if:Link 3" content="0"/>
  48. <meta name="if:Link 4" content="0"/>
  49.  
  50. <!-- DEFAULT LINKS -->
  51. <meta name="text:Asker Label" content="asked"/>
  52. <meta name="text:Link Name 1" content="about"/>
  53. <meta name="text:Link URL 1" content="/about"/>
  54. <meta name="text:Link Name 2" content="Link 2"/>
  55. <meta name="text:Link URL 2" content="/"/>
  56. <meta name="text:Link Name 3" content="Link 3"/>
  57. <meta name="text:Link URL 3" content="/"/>
  58. <meta name="text:Link Name 4" content="Link 4"/>
  59. <meta name="text:Link URL 4" content="/"/>
  60.  
  61. <title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title>
  62. <link rel="icon" href="{Favicon}" />
  63. <link rel="apple-touch-icon" href="{PortraitURL-96}" />
  64.  
  65. <link href='http://fonts.googleapis.com/css?family=Pompiere' rel='stylesheet' type='text/css'>
  66. <style type="text/css">
  67. body {
  68. padding:0;
  69. margin:0;
  70. background:{color:Background};
  71. background-image:url('{image:Background}');
  72. font-size:12px;
  73. font-family:{select:Font},arial;
  74. line-height:1em;
  75. color:{color:Text};
  76. {block:IfSmallCursor}
  77. cursor:url('http://i.imgur.com/2qleX.jpg'), auto;
  78. {/block:IfSmallCursor}
  79. }
  80.  
  81. a:hover {
  82. {block:IfSmallCursor}
  83. cursor:url('http://media.tumblr.com/tumblr_m2umkqvNUT1qfamg6.gif'), auto;
  84. {/block:IfSmallCursor}
  85. }
  86.  
  87. ::-webkit-scrollbar {
  88. height:7px;
  89. width:10px;
  90. }
  91.  
  92. ::-webkit-scrollbar-track {
  93. background-color:{color:Background};
  94. }
  95.  
  96. ::-webkit-scrollbar-thumb {
  97. background-color: {color:Scrollbar};
  98. border: 1px solid {color:Background};
  99. height:auto;
  100. }
  101.  
  102. blockquote
  103. {
  104. margin:5px 0px 10px 5px;
  105. border-left: 2px solid {color:Blockquote};
  106. padding-left:10px;
  107. }
  108.  
  109. a {text-decoration:none;color:inherit;
  110. -webkit-transition: all .4s ease-in-out;
  111. -moz-transition: all .4s ease-in-out;
  112. -os-transition: all .4s ease-in-out;
  113. -ms-transition: all .4s ease-in-out;}
  114.  
  115. iframe { display:block; }
  116. a img {border:0px;}
  117. img {border:0px;}
  118.  
  119. #wrap {
  120. width:540px;
  121. margin:auto;
  122. }
  123.  
  124. #sidebar {
  125. position:fixed;margin-left:-150px;top:100px;width:100px;display:none;
  126. }
  127.  
  128. .sidebarimgborder {
  129. border-radius:50px;height:100px;width:100px;border:1px solid {color:Header Borders};
  130. }
  131.  
  132. .sidebarimg {
  133. height:80px;width:80px;margin:10px;border-radius:40px;opacity:0.8;
  134. -webkit-transition: all .4s ease-in-out;
  135. -moz-transition: all .4s ease-in-out;
  136. -os-transition: all .4s ease-in-out;
  137. -ms-transition: all .4s ease-in-out;
  138. }
  139. .sidebarimg:hover {opacity:1;}
  140.  
  141. .sidebartitle {margin-top:10px;padding-bottom:10px;border-bottom:1px solid {color:Header Borders};color:{color:Title};}
  142.  
  143. .sidebardesc {
  144. font-size:11px;text-align:justify;margin-top:10px;padding-bottom:10px;border-bottom:1px solid {color:Header Borders};
  145. }
  146.  
  147. .sidebardesc a, .headerdesc a {font-weight:bold;}
  148.  
  149.  
  150. #header {position:relative;}
  151. #headertop {
  152. margin:10px 0;height:102px;
  153. }
  154. .headerimgborder {
  155. float:left;border-radius:50px;height:100px;width:100px;border:1px solid{color:Header Borders};
  156. }
  157. .headerdesc {
  158. float:right;
  159. width:390px;
  160. margin-top:10px;height:92px;overflow:hidden;
  161. }
  162.  
  163. .headertitle {
  164. {block:IfUsePompiereforTitleFont}
  165. font-family:'pompiere';
  166. {/block:IfUsePompiereforTitleFont}
  167. font-size:22px;
  168. line-height:26px;
  169. color:{color:Title};
  170. }
  171.  
  172. .headertitle a{font-weight:normal;}
  173.  
  174. #nav {
  175. position:absolute;
  176. top:122px;
  177. width:540px;
  178. background:{color:Background};
  179. border-top:1px solid {color:Header Borders};
  180. border-bottom:1px solid {color:Header Borders};
  181. padding:5px 0;
  182. text-align:center;
  183. box-shadow:0;
  184. opacity:0.9;
  185. font-size:9px;
  186. z-index:100;
  187. }
  188.  
  189. #pagination {
  190. position:fixed;
  191. bottom:0px;
  192. width:540px;
  193. background:{color:Background};
  194. border-top:1px solid {color:Header Borders};
  195. border-bottom:1px solid {color:Header Borders};
  196. padding:5px 0;
  197. text-align:center;
  198. box-shadow:0;
  199. opacity:0.9;
  200. font-size:9px;
  201. z-index:100;
  202. text-transform:uppercase;
  203. {block:IfNotSmallCursor}cursor:default;{/block:IfNotSmallCursor}
  204. }
  205.  
  206. #pagination a{
  207. margin:0 15px;
  208. text-transform:uppercase;
  209. color:{color:Navigation};
  210. }
  211.  
  212. #nav a{
  213. padding:0 15px;
  214. text-transform:uppercase;
  215. color:{color:Navigation};
  216. }
  217.  
  218. #nav a:hover{
  219. text-shadow:-2px 0px 0px {color:Navigation Hover},2px 0px 0px {color:Navigation Hover};
  220. }
  221.  
  222. #posts {
  223. margin-top:52px;line-height:1em;padding-bottom:20px;
  224. }
  225.  
  226. #posts .post {
  227. {block:IndexPage}
  228. float:left;margin:10px;width:250px;
  229. {/block:IndexPage}
  230. {block:PermalinkPage}
  231. position:relative;margin:20px;width:500px;
  232. {/block:PermalinkPage}
  233. }
  234.  
  235. {block:IfFadedImages}
  236. #posts .photo{
  237. -webkit-transition: all .4s ease-in-out;
  238. -moz-transition: all .4s ease-in-out;
  239. -os-transition: all .4s ease-in-out;
  240. -ms-transition: all .4s ease-in-out;
  241. opacity:0.8;
  242. }
  243. {/block:IfFadedImages}
  244. #posts .photo:hover {opacity:1;}
  245.  
  246. #posts .img {max-width:100%;display:block;}
  247.  
  248. .post .postdate {
  249. margin-top:10px;background:{color:Post Desc Background};padding:10px;font-size:10px;text-align:left;color:{color:Post Desc Links};{block:IfNotSmallCursor}cursor:default;{/block:IfNotSmallCursor}
  250. }
  251.  
  252. .post .postdate a:hover{color:{color:Post Desc Links Hover};}
  253.  
  254. .post .posttags {
  255. margin-top:2px;font-size:10px;color:{color:Post Tags};padding:0 5px;
  256. }
  257.  
  258. .post h1 {margin-bottom:0px;font-size:14px;}
  259.  
  260. .post p {margin:5px 0;}
  261.  
  262. .post .posttext a {color:{color:Post Links};font-weight:bold;}
  263. .post .posttext a:hover {color:{color:Post Links Hover};}
  264.  
  265. .posttext img{max-width:100%;}
  266.  
  267. /*QUOTE*/
  268.  
  269. .quotecharwrap {
  270. position:relative;text-align:center;{block:IfNotSmallCursor}cursor:default;{/block:IfNotSmallCursor}
  271. }
  272.  
  273. .quoteborder {
  274. position:absolute;
  275. height:24px;
  276. width:100%;
  277. border-bottom:2px solid {color:Quote Background};
  278. z-index:0;
  279. }
  280.  
  281. .quotechar {
  282. line-height:55px;
  283. margin:auto;
  284. background:{color:Quote Background};
  285. color:{color:Quote Character};
  286. height:40px;
  287. overflow:hidden;
  288. width:40px;
  289. border-radius:25px;
  290. font-size:40px;
  291. font-family:times new roman;
  292. border:5px solid {color:Background};
  293. z-index:15;
  294. position:relative;
  295. }
  296.  
  297. .quotetext {
  298. padding:5px 20px 15px 20px;font-size:14px;text-align:justify;
  299. }
  300.  
  301. /*CHAT*/
  302.  
  303. .chatodd {padding:5px;background:{color:Post Desc Background};}
  304. .chateven {padding:5px;}
  305.  
  306. .chatlabel {display:inline;text-transform:uppercase;font-weight:bold;}
  307.  
  308. /*ANSWER*/
  309.  
  310. .postask {
  311. position:relative;
  312. background:{color:Ask Background};
  313. padding:15px;
  314. border-bottom:1px solid {color:Ask Border};
  315. }
  316.  
  317. .postquestion {
  318. margin-left:40px;
  319. }
  320.  
  321. .askicon {
  322. float:left;
  323. width:30px;
  324. border-radius:15px;
  325. }
  326.  
  327. .postanswer {
  328. padding:15px;
  329. }
  330.  
  331. .postanswer a {
  332. color:{color:In Text Links};font-weight:bold;
  333. -webkit-transition: all .2s ease-in-out;
  334. -moz-transition: all .2s ease-in-out;
  335. -os-transition: all .2s ease-in-out;
  336. -ms-transition: all .2s ease-in-out;
  337. }
  338.  
  339. /*AUDIO*/
  340. .musicwrap{
  341.  
  342. }
  343.  
  344. .musicalbum { border-radius:24px;}
  345.  
  346. .music {
  347. position:relative;
  348. float:left;
  349. width:48px;
  350. height:48px;
  351. border:16px solid {color:Post Desc Background};
  352. border-radius:40px;
  353. margin-bottom:5px;
  354. }
  355.  
  356. .musicplayer {
  357. position:absolute;
  358. top:11px;
  359. left:11px;
  360. height:26px;
  361. width:26px;
  362. overflow:hidden;
  363. opacity:.6;
  364. border-radius:13px;
  365. }
  366.  
  367. .musicinfo {
  368. float:left;width:150px;margin-left:10px;text-align:center;padding-top:15px;
  369. }
  370.  
  371.  
  372. /* POST NOTES */
  373.  
  374. .postnotes {
  375. margin-top:0px;
  376. padding:10px;
  377. border-radius:5px;
  378. }
  379.  
  380. .postnotes a {color:inherit;text-transform:uppercase;text-decoration:none;}
  381.  
  382. .postnotes ol {
  383. list-style-type:none;
  384. margin-left:0px;
  385. margin-top:0px;
  386. padding-left:0px;
  387. font-size:10px;
  388. }
  389.  
  390. .postnotes ol li {
  391. padding: 10px 5px;
  392. margin: 0px;
  393. border-bottom:1px solid {color:Post Desc Background};
  394. }
  395. .postnotes ol li a {
  396. -webkit-transition: all .2s ease-in-out;
  397. -moz-transition: all .2s ease-in-out;
  398. -os-transition: all .2s ease-in-out;
  399. -ms-transition: all .2s ease-in-out;
  400. }
  401. .postnotes ol li a:hover {color:{color:Post Desc Background};}
  402.  
  403. .postnotes img {
  404. margin-right:5px;
  405. vertical-align:-4px;
  406. }
  407.  
  408. #credit {
  409. position:fixed;
  410. bottom:10px;
  411. right:10px;
  412. font-size:14px;
  413. font-family:arial;
  414. color:{color:Text};
  415. background:{color:Background};
  416. padding:10px;
  417. line-height:14px;
  418. opacity:.6;
  419. border-radius:5px;
  420. }
  421.  
  422. .scrollup{
  423. position:fixed;
  424. bottom:10px;
  425. right:50px;
  426. display:none;
  427. color:{color:Text};
  428. background:{color:Background};
  429. padding:10px;
  430. line-height:14px;
  431. opacity:.6;
  432. border-radius:5px;
  433. }
  434.  
  435. </style>
  436. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  437.  
  438. </head>
  439. <body>
  440. <script src="http://static.tumblr.com/6hsqxdt/vmwm2rb4g/infinitescrolling.js"></script><script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  441. <script>
  442. $(function(){
  443. var $container = $('#posts');
  444. $container.imagesLoaded(function(){
  445. $container.masonry({
  446. itemSelector: '.post',
  447. });
  448. });
  449. $container.infinitescroll({
  450. itemSelector : ".post",
  451. navSelector : "div.pagination",
  452. nextSelector : ".pagination a#next",
  453. loadingImg : "",
  454. loadingText : "",
  455. bufferPx : 1000,
  456. extraScrollPx: 1000,
  457. },
  458. function( newElements ) {
  459. var $newElems = $( newElements ).css({ opacity: 0 });
  460. $newElems.imagesLoaded(function(){
  461. $newElems.animate({ opacity: 1 });
  462. $container.masonry( 'appended', $newElems, true );
  463. $(newElements).find('.photo-slideshow').pxuPhotoset({
  464. 'rounded' : 'false', // corners, all or false
  465. 'gutter' : '0px' // spacing between the images
  466. }, function() {
  467. // callback
  468. });
  469. });
  470. }
  471. );
  472. });
  473. </script>
  474. <script type="text/javascript">
  475. $(document).ready(function() {
  476. $(window).scroll(function(){
  477. if ($(this).scrollTop() > 122) {
  478. $('#nav').css('position','fixed');
  479. $('#nav').css('top','0');
  480. $('#nav').css('box-shadow','0 6px 6px -6px #d0d0d0');
  481. {block:IfShowSidebar}
  482. $('#sidebar').fadeIn(700);
  483. {/block:IfShowSidebar}
  484. {block:IfInfiniteScrolling}
  485. $('.scrollup').fadeIn();
  486. {/block:IfInfiniteScrolling}
  487. } else {
  488. $('#nav').css('position','absolute');
  489. $('#nav').css('top','122px');
  490. $('#nav').css('box-shadow','0px 0px 0px 0px');
  491. {block:IfShowSidebar}
  492. $('#sidebar').fadeOut(100);
  493. {/block:IfShowSidebar}
  494. {block:IfInfiniteScrolling}
  495. $('.scrollup').fadeOut();
  496. {/block:IfInfiniteScrolling}
  497. }
  498. });
  499.  
  500. $('.scrollup').click(function(){
  501. $("html, body").animate({ scrollTop: 0 }, 600);
  502. return false;
  503. });
  504.  
  505. });
  506. </script>
  507. <div id="credit">
  508. <a href="http://purloinedinpetrograd.tumblr.com">&copy;</a>
  509. </div>
  510. <div class="scrollup"><a href="#">&#x25B2; back to top</a></div>
  511. <div id="wrap" style="">
  512. <div id="header" style="">
  513. <div id="headertop" style="">
  514. <div class="headerimgborder" style="">
  515. <a href="/"><img src="{image:Sidebar}" class="sidebarimg" /></a>
  516. </div>
  517. <div class= "headerdesc" style="">
  518. <span class="headertitle" style=""><a href="/">{Title}</a></span>
  519. <br />{Description}
  520. </div>
  521. <div style="clear:both;"></div>
  522. </div>
  523. </div>
  524.  
  525. <div id="nav" style="">
  526. <a href="/">home</a>
  527. {block:AskEnabled}
  528. <a href="/ask">ask</a>
  529. {/block:AskEnabled}
  530. {block:SubmissionsEnabled}
  531. <a href="/submit">submit</a>
  532. {/block:SubmissionsEnabled}
  533. {block:IfLink1}
  534. <a href="{text:Link URL 1}">{text:Link Name 1}</a>
  535. {/block:IfLink1}
  536. {block:IfLink2}
  537. <a href="{text:Link URL 2}">{text:Link Name 2}</a>
  538. {/block:IfLink2}
  539. {block:IfLink3}
  540. <a href="{text:Link URL 3}">{text:Link Name 3}</a>
  541. {/block:IfLink3}
  542. {block:IfLink4}
  543. <a href="{text:Link URL 4}">{text:Link Name 4}</a>
  544. {/block:IfLink4}
  545. </div>
  546.  
  547. <div id="sidebar" style="">
  548. <div class="sidebarimgborder" style="">
  549. <a href="/"><img src="{image:Sidebar}" class="sidebarimg" /></a>
  550. </div>
  551. <div class="sidebartitle" style="">
  552. <center><b><a href="/">{Title}</a></b></center>
  553. </div>
  554. <div class="sidebardesc" style="">
  555. {Description}
  556. </div>
  557. </div>
  558.  
  559. <div id="posts" style="">
  560.  
  561. {block:Posts}
  562. <div class="post">
  563.  
  564. {block:Text}
  565. <!--- TEXT POST RIGHT HERE -->
  566. {block:Title}<h1>{block:IndexPage}<a href="{Permalink}">{/block:IndexPage}{Title}{block:IndexPage}</a>{/block:IndexPage}</h1>{/block:Title}
  567. <div class="posttext">
  568. {Body}
  569. </div>
  570. {/block:Text}
  571.  
  572. {block:Link}
  573. <!--- LINK POST RIGHT HERE -->
  574. <h1><a href="{URL}" {Target}>link: {Name}</a></h1>
  575. {block:Description}
  576. <div class="posttext">
  577. {Description}
  578. </div>
  579. {/block:Description}
  580. {/block:Link}
  581.  
  582. {block:Photo}
  583. <!--- PHOTO POST RIGHT HERE -->
  584. <div class="photo">
  585. <center>
  586. <img src="{PhotoURL-HighRes}" class="img" />
  587. </center>
  588. </div>
  589. {block:Caption}
  590. {block:IndexPage}
  591. {block:IfShowCaptions}
  592. <div class="posttext">
  593. <div class="caption">
  594. {Caption}
  595. </div>
  596. </div>
  597. {/block:IfShowCaptions}
  598. {/block:IndexPage}
  599. {block:PermalinkPage}
  600. <div class="posttext">
  601. <div class="caption">
  602. {Caption}
  603. </div>
  604. </div>
  605. {/block:PermalinkPage}
  606. {/block:Caption}
  607. {/block:Photo}
  608.  
  609. {block:Photoset}
  610. <!--- PHOTOSET POST RIGHT HERE -->
  611. <div class="photo">
  612. {block:PermalinkPage}
  613. {Photoset-500}
  614. {/block:PermalinkPage}
  615. {block:IndexPage}
  616. {Photoset-250}
  617. {/block:IndexPage}
  618. </div>
  619. {block:Caption}
  620. {block:IndexPage}
  621. {block:IfShowCaptions}
  622. <div class="posttext">
  623. <div class="caption">
  624. {Caption}
  625. </div>
  626. </div>
  627. {/block:IfShowCaptions}
  628. {/block:IndexPage}
  629. {block:PermalinkPage}
  630. <div class="posttext">
  631. <div class="caption">
  632. {Caption}
  633. </div>
  634. </div>
  635. {/block:PermalinkPage}
  636. {/block:Caption}
  637. {/block:Photoset}
  638.  
  639. {block:Video}
  640. <!--- VIDEO POST RIGHT HERE -->
  641. <div class="photo">
  642. {block:PermalinkPage}
  643. {Video-500}
  644. {/block:PermalinkPage}
  645. {block:IndexPage}
  646. {Video-250}
  647. {/block:IndexPage}
  648. </div>
  649. {block:Caption}
  650. {block:IndexPage}
  651. {block:IfShowCaptions}
  652. <div class="posttext">
  653. <div class="caption">
  654. {Caption}
  655. </div>
  656. </div>
  657. {/block:IfShowCaptions}
  658. {/block:IndexPage}
  659. {block:PermalinkPage}
  660. <div class="posttext">
  661. <div class="caption">
  662. {Caption}
  663. </div>
  664. </div>
  665. {/block:PermalinkPage}
  666. {/block:Caption}
  667. {/block:Video}
  668.  
  669. {block:Quote}
  670. <!--- QUOTE POST RIGHT HERE -->
  671. <div class="quotecharwrap" style="">
  672. <div class="quoteborder" style=""></div>
  673. <div class="quotechar" style="">&#8220;</div>
  674. </div>
  675. <div class="quotetext" style="">
  676. {Quote}
  677. </div>
  678. {block:Source}
  679. <div class="posttext">
  680. <p>-- {Source}</p>
  681. </div>
  682. {/block:Source}
  683. {/block:Quote}
  684.  
  685. {block:Chat}
  686. <!--- CHAT POST RIGHT HERE -->
  687. {block:Title}<h1><center><a href="{Permalink}">{Title}</a></center></h1>{/block:Title}
  688. <div class="posttext">
  689. <div class="chatlines">
  690. {block:Lines}
  691. <div class="chat{Alt}"><div class="chatlabel">{block:Label}{Label}{/block:Label}</div> {Line}</div>
  692. {/block:Lines}
  693. </div>
  694. </div>
  695. {/block:Chat}
  696.  
  697. {block:Audio}
  698. <!--- AUDIO POST RIGHT HERE -->
  699. <div class="music">
  700. {block:AlbumArt}<img class="musicalbum" src="{AlbumArtURL}" style="width:48px;" />{/block:AlbumArt}
  701. <div class="musicplayer">
  702. {block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}
  703. </div>
  704. </div>
  705. <div class="musicinfo">
  706. {block:TrackName}<i>{TrackName}</i>{/block:TrackName}
  707. {block:Album}<br />{Album}{/block:Album}
  708. {block:Artist}<br />{Artist}{/block:Artist}
  709. </div>
  710. <div style="clear:both;"></div>
  711.  
  712. {block:Caption}
  713. {block:IndexPage}
  714. {block:IfShowCaptions}
  715. <div class="posttext">
  716. <div class="caption">
  717. {Caption}
  718. </div>
  719. </div>
  720. {/block:IfShowCaptions}
  721. {/block:IndexPage}
  722. {block:PermalinkPage}
  723. <div class="posttext">
  724. <div class="caption">
  725. {Caption}
  726. </div>
  727. </div>
  728. {/block:PermalinkPage}
  729. {/block:Caption}
  730. {/block:Audio}
  731.  
  732. {block:Answer}
  733. <!--- ANSWER POST RIGHT HERE -->
  734. <div class="postask">
  735. <img src="{AskerPortraitURL-30}" class="askicon" />
  736. <div class="postquestion">
  737. <b>{Asker}</b> {text:Asker Label}:
  738. <br />{Question}
  739. </div>
  740. <div class="clear"></div>
  741. </div>
  742. <div class="postanswer">{Answer}</div>
  743. {/block:Answer}
  744.  
  745.  
  746. <div style="display:none;">
  747. {block:ContentSource}{SourceURL}{/block:ContentSource}
  748. </div>
  749.  
  750. {block:Date}
  751. <div class="postdate" style="">
  752. <div style="float:left;text-transform:lowercase;"><a href="{Permalink}">{Month} {DayOfMonth}{DayOfMonthSuffix}{block:PermalinkPage}, {Year} at {24Hour}:{Minutes}{/block:PermalinkPage}{block:NoteCount} with {NoteCountWithLabel}{/block:NoteCount}</a></div>
  753. <div style="float:right;">{block:RebloggedFrom}<a href="{ReblogParentURL}">via</a> &nbsp;&#183; &nbsp; <a href="{ReblogRootURL}">source</a> &nbsp;&#183;&nbsp; {/block:RebloggedFrom}<a href="{ReblogURL}">reblog</a></div>
  754. <div style="clear:both;"></div>
  755. </div>
  756. {block:PermalinkPage}
  757. {block:HasTags}
  758. <div class="posttags" style="">{block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}</div>
  759. {/block:HasTags}
  760. {/block:PermalinkPage}
  761. {block:IndexPage}
  762. {block:IfShowTags}
  763. {block:HasTags}
  764. <div class="posttags" style="">{block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}</div>
  765. {/block:HasTags}
  766. {/block:IfShowTags}
  767. {/block:IndexPage}
  768. {/block:Date}
  769.  
  770. {block:PostNotes}
  771. <div class="postnotes">{PostNotes}</div>
  772. {/block:PostNotes}
  773. </div>
  774.  
  775. {/block:Posts}
  776. </div>
  777. {block:IfInfiniteScrolling}
  778. <div class="pagination">
  779. {block:Pagination}
  780. {block:NextPage}<p><a href="{NextPage}" id="next">Older</a>{/block:NextPage}
  781. {block:PreviousPage}<a href="{PreviousPage}">Newer</a></p>{/block:PreviousPage}
  782. {/block:Pagination}
  783. </div>
  784. {/block:IfInfiniteScrolling}
  785. {block:IfNotInfiniteScrolling}
  786. {block:Pagination}
  787. <div id="pagination" style="">
  788. {block:PreviousPage}
  789. <a href="{PreviousPage}">&laquo;</a>
  790. {/block:PreviousPage}
  791. {block:JumpPagination length="5"}
  792. {block:CurrentPage}
  793. <span style="margin:0 15px;opacity:0.3;">{PageNumber}</span>
  794. {/block:CurrentPage}
  795. {block:JumpPage}
  796. <a href="{URL}">{PageNumber}</a>
  797. {/block:JumpPage}
  798. {/block:JumpPagination}
  799. {block:NextPage}
  800. <a href="{NextPage}">&raquo;</a>
  801. {/block:NextPage}
  802. </div>
  803. {/block:Pagination}
  804. {/block:IfNotInfiniteScrolling}
  805. </div>
  806. </body>
  807. </head>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement