Belgrravia

hard feelings

Nov 5th, 2017
115
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 19.83 KB | None | 0 0
  1. <!--
  2. hard feelings
  3. theme by kalopsiathemes
  4. Please do not
  5. -remove the credit
  6. -steal parts of code
  7. -use as a base
  8.  
  9. Feel free to
  10. -edit parts of the theme
  11. -ask me any questions
  12. -->
  13. <!DOCTYPE html>
  14. <head>
  15. <link href="https://fonts.googleapis.com/css?family=ABeeZee|Open+Sans:600|Raleway:700" rel="stylesheet">
  16.  
  17. <title>{Title}</title>
  18. <link rel="shortcut icon" href="{Favicon}">
  19. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  20. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  21.  
  22.  
  23. <meta name="color:background" content="#fbfbfb"/>
  24. <meta name="color:link" content="#7b7b7b"/>
  25. <meta name="color:link hover" content="#a8a8a8"/>
  26. <meta name="color:borders" content="#ffffff"/>
  27. <meta name="color:title" content="#090909"/>
  28. <meta name="color:text" content="#9f9f9f"/>
  29. <meta name="color:line" content="#f0f0f0"/>
  30. <meta name="image:sidebar" content=""/>
  31. <meta name="image:popup" content=""/>
  32.  
  33. <meta name="if:InfiniteScroll" content="1"/>
  34.  
  35. <meta name="if:500px posts" content="0"/>
  36. <meta name="if:400px posts" content="1"/>
  37. <meta name="if:250px posts" content="0"/>
  38.  
  39. <meta name="text:popup description" content=""/>
  40. <meta name="text:link1" content="">
  41. <meta name="text:link1url" content="" />
  42. <meta name="text:link2" content="">
  43. <meta name="text:link2url" content="" />
  44. <meta name="text:link3" content="">
  45. <meta name="text:popuplink1" content="">
  46. <meta name="text:popuplink1url" content="">
  47. <meta name="text:popuplink2" content="">
  48. <meta name="text:popuplink2url" content="">
  49. <meta name="text:popuplink3" content="">
  50. <meta name="text:popuplink3url" content="">
  51. <meta name="text:popuplink4" content="">
  52. <meta name="text:popuplink4url" content="">
  53.  
  54.  
  55. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  56. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  57.  
  58. <script>
  59.  
  60. (function($){
  61.  
  62. $(document).ready(function(){
  63.  
  64. $("a[title]").style_my_tooltips({
  65.  
  66. tip_follows_cursor:true,
  67.  
  68. tip_delay_time:30,
  69.  
  70. tip_fade_speed:300,
  71.  
  72. attribute:"title"
  73.  
  74. });
  75.  
  76. });
  77.  
  78. })(jQuery);
  79.  
  80. </script>
  81.  
  82. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" type="text/javascript"></script>
  83. <script type="text/javascript">
  84. $(function(){
  85. var stickyRibbonTop = $('#nav').offset(0).top;
  86. $(window).scroll(function(){
  87. if( $(window).scrollTop() > stickyRibbonTop ) {
  88. $('#side').css({position: 'fixed',top: '140px',left: '100px'});
  89. $('#description').hide();
  90.  
  91. } else {
  92. $('#side').css({position: 'static', top: '0px'});
  93. $('#description').show();
  94. }
  95. });
  96. });
  97. </script>
  98.  
  99.  
  100.  
  101. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  102. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  103.  
  104.  
  105.  
  106. <script type="text/javascript"
  107. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  108.  
  109. <script>
  110.  
  111.  
  112.  
  113. $(document).ready(function() {
  114.  
  115. //
  116.  
  117.  
  118.  
  119. //When you click on a link with class of poplight and the href starts with a #
  120.  
  121. $('a.poplight[href^=#]').click(function() {
  122.  
  123. var popID = $(this).attr('rel'); //Get Popup Name
  124.  
  125. var popURL = $(this).attr('href'); //Get Popup href to define size
  126.  
  127.  
  128.  
  129. //Pull Query & Variables from href URL
  130.  
  131. var query= popURL.split('?');
  132.  
  133. var dim= query[1].split('&');
  134.  
  135. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  136.  
  137.  
  138.  
  139. //Fade in the Popup and add close button
  140.  
  141.  
  142. //Define margin for center alignment (vertical horizontal) - we add 80px to the height/width to accomodate for the padding and border width defined in the css
  143.  
  144. var popMargTop = ($('#' + popID).height() + 80) / 2;
  145.  
  146. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  147.  
  148.  
  149.  
  150. //Apply Margin to Popup
  151.  
  152. $('#' + popID).css({
  153.  
  154. 'margin-top' : -popMargTop,
  155.  
  156. 'margin-left' : -popMargLeft
  157.  
  158. });
  159.  
  160.  
  161.  
  162. //Fade in Background
  163.  
  164. $('body').append('<div id="fade"></div>'); //Add the fade layer to bottom of the body tag.
  165.  
  166. $('#fade').css({'filter' : 'alpha(opacity=80)'}).delay(300).fadeIn(600); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'}) is used to fix the IE Bug on fading transparencies
  167.  
  168. $('#' + popID).delay(200).fadeIn(600).css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close" title="Close Window" alt="Close" >&#10006;</a>');
  169.  
  170. return false;
  171.  
  172. });
  173.  
  174.  
  175. //Close Popups and Fade Layer
  176.  
  177. $('a.close, #fade').live('click', function() { //When clicking on the close or fade layer...
  178.  
  179. $('#fade , .popup_block').fadeOut(function() {
  180.  
  181. $('#fade, a.close').remove(); //fade them both out
  182.  
  183. });
  184.  
  185. return false;
  186.  
  187. });
  188.  
  189.  
  190.  
  191.  
  192.  
  193. });
  194.  
  195. </script>
  196.  
  197.  
  198. <style type="text/css">
  199.  
  200. #s-m-t-tooltip {max-width:400px;
  201. padding:2px;
  202. margin:10px 0px 0px 10px;
  203. padding:2px 4px;
  204. background-color:{color:title};
  205. text-transform:uppercase;
  206. font-size:7px;
  207. letter-spacing:3px;
  208. color:{color:background};
  209. font-weight:700;
  210. z-index:999999999;
  211. }
  212.  
  213. ::-webkit-scrollbar {height: 0px;
  214. width: 3px;
  215. -webkit-border-radius: 0px;
  216. background-color:{color:background}}
  217. ::-webkit-scrollbar-thumb{background-color:{color:text};
  218. }
  219.  
  220. /*tumblr controls and lightbox*/
  221.  
  222. .vignette, #vignette {
  223. opacity:0;
  224. }
  225. .lightbox-image, #tumblr_lightbox img {
  226. box-shadow:none !important;
  227. border-radius:0 !important;
  228. max-width:none;
  229. }
  230.  
  231. .tmblr-lightbox, #tumblr_lightbox {
  232. background-color:rgba(0,0,0,.98) !important;
  233. }
  234.  
  235.  
  236. html, body {margin:0;padding:0;height:100%;}
  237.  
  238. img {
  239. border: 0;
  240. max-width: 100%;
  241. }
  242.  
  243. body {
  244. background-color:{color:background};
  245. color:{color:text};
  246. font-size:9px;
  247. margin:0;
  248. font-family: 'ABeeZee', sans-serif;
  249. -moz-osx-font-smoothing:grayscale;
  250. -webkit-font-smoothing:antialiased;
  251. font-smoothing:antialiased;
  252. }
  253.  
  254. #fade {
  255. display: none;
  256. background:{color:borders};
  257. position: fixed;
  258. left: 0;
  259. top: 0;
  260. width: 100%;
  261. height: 100%;
  262. opacity: 1;
  263. z-index: 9999999;
  264. }
  265.  
  266. .popup_block{
  267. display:none;
  268. position:fixed;
  269. width:340px;
  270. left:50%;
  271. padding:10px;
  272. padding-left:20px;
  273. padding-right:40px;
  274. top:48%;
  275. border:2px solid {color:background};
  276. color:{color:text};
  277. text-align:center;
  278. z-index: 99999999999;
  279. }
  280.  
  281. .close {
  282. position:absolute;
  283. right:310px;
  284. font-size:14px;
  285. top:25px;
  286. color:{color:title};
  287. border:2px solid {color:background};
  288. padding:2px;
  289. padding-left:4px;
  290. padding-right:4px;
  291. z-index:999999999999999;
  292. }
  293.  
  294. *html #fade {
  295. position: absolute;
  296. }
  297.  
  298. *html .popup_block {
  299. position: absolute;
  300. }
  301. #resources {
  302. font-style italic;
  303. padding:5px;
  304. width:70px;
  305. height:151px;
  306. padding-top:5px;
  307. letter-spacing:.8px;
  308. margin-left:240px;
  309. font-weight:700;
  310. top:10px;
  311. margin-top:6px;
  312. background-color:{color:background};
  313. border-bottom:1px solid {color:line};
  314. position:absolute;
  315. text-align:left;
  316. }
  317.  
  318. #resources a {
  319. line-height:170%;
  320. font-size:9px;
  321. text-decoration:underline;
  322. text-transform:uppercase;
  323. color:{color:title};
  324. margin-left:5px;
  325. }
  326.  
  327. #resources a:hover {
  328. color:{color:link hover};
  329. }
  330.  
  331. #des {
  332. width:310px;
  333. background-color:{color:borders};
  334. padding:10px;
  335. }
  336.  
  337. #des a {
  338. font-size:10px;
  339. font-family:arial,sans-serif;
  340. text-decoration:underline;
  341. color:{color:link};
  342. }
  343.  
  344. #des a:hover {
  345. cursor:help;
  346. color:{color:link hover};
  347. }
  348.  
  349. #descr {
  350. height:80px;
  351. font-size:8px;
  352. padding:5px;
  353. line-height:125%;
  354. text-align:justify;
  355. overflow:hidden;
  356. border-top:1px solid {color:line};
  357. }
  358.  
  359. .titles {
  360. text-decoration:underline;
  361. color:{color:title};
  362. }
  363.  
  364. #rest {
  365. padding:5px;
  366. padding-top:10px;
  367. padding-bottom:10px;
  368. width:240px;
  369.  
  370. }
  371.  
  372. #popupimg {
  373. margin-left:-60px;
  374. }
  375.  
  376. #popupimg img {
  377. padding:7px;
  378. width:230px;
  379. height:160px;
  380. margin-right:9px;
  381. margin-bottom:0px;
  382. }
  383.  
  384.  
  385. #posts {
  386. {block:If500pxposts}
  387. width:500px;
  388. {/block:If500pxposts}
  389. {block:If400pxposts}
  390. width:400px;
  391. {/block:If400pxposts}
  392. {block:If250pxposts}
  393. width:250px;
  394. {/block:If250pxposts}
  395. }
  396.  
  397. #posts img {
  398. {block:If500pxposts}
  399. width:500px;
  400. {/block:If500pxposts}
  401. {block:If400pxposts}
  402. width:400px;
  403. {/block:If400pxposts}
  404. {block:If250pxposts}
  405. width:250px;
  406. {/block:If250pxposts}
  407. }
  408.  
  409. #posts img {
  410. {block:If500pxposts}
  411. max-width:500px;
  412. {/block:If500pxposts}
  413. {block:If400pxposts}
  414. max-width:400px;
  415. {/block:If400pxposts}
  416. {block:If250pxposts}
  417. max-width:250px;
  418. {/block:If250pxposts}
  419. }
  420.  
  421.  
  422. #posts, #posts img, #posts blockquote {
  423. font-size:10px;
  424. color:{color:text};
  425. max-width:100%;
  426. }
  427.  
  428. #posts blockquote {
  429. border-left:1px solid {color:borders};
  430. padding-left:5px;
  431. margin-left:10px;
  432. }
  433.  
  434. .entries {
  435. {block:If500pxposts}
  436. width:500px;
  437. {/block:If500pxposts}
  438. {block:If400pxposts}
  439. width:400px;
  440. {/block:If400pxposts}
  441. {block:If250pxposts}
  442. width:250px;
  443. {/block:If250pxposts}
  444. {block:IndexPage}
  445. -webkit-filter: grayscale(60%); /* Safari 6.0 - 9.0 */
  446. filter: grayscale(60%);
  447. {/block:IndexPage}
  448. }
  449.  
  450. .entries:hover {
  451.  
  452. -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
  453. filter: grayscale(0%);
  454. }
  455.  
  456. .entries:hover .tags {
  457. -moz-transition-duration:.7s;
  458. -webkit-transition-duration: .7s;
  459. -o-transition-duration:.7s;
  460. opacity:1;
  461. }
  462.  
  463. .caption {
  464. background-color:{color:borders};
  465. padding:10px;
  466. border-bottom:1px solid {color:line};
  467. }
  468.  
  469. small {
  470. font-size:8px;
  471. }
  472.  
  473. big {
  474. font-size:12px;
  475. }
  476.  
  477.  
  478. h2 {
  479. font-size:14px;
  480. color:{color:title};
  481. text-align:center;
  482. text-transform:lowercase;
  483. }
  484.  
  485. h1 {
  486. font-size:10px;
  487. Text-align:center;
  488. letter-spacing:1px;
  489. color:{color:text};
  490. }
  491.  
  492. h3 {
  493. font-size:11px;
  494. color:{color:text};
  495. letter-spacing:1px;
  496.  
  497. }
  498.  
  499. #content {
  500. {block:If500pxposts}
  501. width:500px;
  502. {/block:If500pxposts}
  503. {block:If400pxposts}
  504. width:400px;
  505. {/block:If400pxposts}
  506. {block:If250pxposts}
  507. width:250px;
  508. {/block:If250pxposts}
  509. margin-bottom:30px;
  510. margin:auto;
  511. margin-top:150px;
  512. }
  513.  
  514.  
  515.  
  516. #left{
  517. height:150px;
  518. width:100%;
  519. padding-right:20px;
  520. margin:auto;
  521. text-align:center;
  522. margin-top:25px;
  523. }
  524.  
  525.  
  526. #nav {
  527. text-transform:lowercase;
  528. font-size:9px;
  529. padding-top:5px;
  530. letter-spacing:.2px;
  531. word-spacing:.5px;
  532. padding-bottom:15px;
  533. width:100px;
  534. margin:auto;
  535. text-align:center;
  536. }
  537.  
  538. .link {
  539. width:100px;
  540. padding-top:4px;
  541. }
  542.  
  543. #sidebarimage img {
  544. width:70px;
  545. border-radius:50px;
  546. height:70px;
  547. margin:auto;
  548. margin-top:20px;
  549. padding:0px;
  550. background-color:{color:borders};
  551. }
  552.  
  553. #title {
  554. word-wrap:break-word;
  555. font-size:16px;
  556. margin-bottom:10px;
  557. padding-top:10px;
  558. text-transform:lowercase;
  559. color:{color:title};
  560. margin:auto;
  561. border-bottom:1px solid {color:line};
  562. letter-spacing:.09px;
  563. text-align:center;
  564. padding-bottom:5px;
  565. font-weight:500;
  566. font-family: 'Raleway', sans-serif;
  567. width:100px;
  568. }
  569.  
  570. #line {
  571. width:100px;
  572. margin:auto;
  573. text-align:center;
  574. margin-bottom:10px;
  575. }
  576.  
  577.  
  578. #description {
  579. font-size:10px;
  580. text-align:justify;
  581. line-height:140%;
  582. width:120px;
  583. margin:auto;
  584. background-color:{color:background};
  585. margin-top:5px;
  586. margin-bottom:5px;
  587. background-color:{color:borders};
  588. padding:10px;
  589. border-bottom:1px solid {color:line};
  590. }
  591.  
  592. .link {
  593. padding-top:4px;
  594. border-bottom:1px solid {color:background};
  595. }
  596.  
  597. #postinfo {
  598. font-size:9px;
  599. margin-top:100px;
  600. padding-top:5px;
  601. padding-bottom:5px;
  602. letter-spacing:.5px;
  603. margin-bottom:15px;
  604. text-align:center;
  605. text-transform:lowercase;
  606. font-family: 'Raleway', sans-serif;
  607. }
  608.  
  609. a:visited, a:link {
  610. text-decoration:none;
  611. color:{color:link};
  612. }
  613.  
  614. a:hover {
  615. cursor: crosshair;
  616. font-style:italic;
  617. color:{color:link hover};
  618. }
  619.  
  620.  
  621. .date {
  622. color:{color:title};
  623. margin-bottom:5px;
  624. display:inline;
  625. }
  626.  
  627. .date a {
  628. color:{color:title};
  629. padding:5px;
  630. padding-bottom:5px;
  631. border-bottom:1px solid {color:line};
  632.  
  633. }
  634.  
  635. .source {
  636. color:{color:title};
  637. padding:5px;
  638. margin-top:0px;
  639. display:inline;
  640. }
  641.  
  642. .source a {
  643. color:{color:title};
  644. padding:5px;
  645. padding-bottom:5px;
  646. border-bottom:1px solid {color:line};
  647. }
  648.  
  649. .pagenotes {
  650. {block:IndexPage}
  651. display: none;
  652. {/block:IndexPage}
  653. {block:If500pxposts}
  654. width:500px;
  655. {/block:If500pxposts}
  656. {block:If400pxposts}
  657. width:400px;
  658. {/block:If400pxposts}
  659. {block:If250pxposts}
  660. width:250px;
  661. {/block:If250pxposts}
  662. margin-bottom:30px;
  663. letter-spacing:.5px;
  664. text-transform:lowercase;
  665. font-size:9px;
  666. margin-top:5px;
  667. }
  668.  
  669. .pagenotes img {
  670. display:none;
  671. }
  672. .pagenotes li {
  673. list-style-type:none;
  674. padding:5px 0px;
  675. text-align:center;
  676. margin-left:-40px;
  677. border-top:1px solid {color:line};
  678. }
  679.  
  680. .tags {
  681. font-size:8px;
  682. padding:10px;
  683. letter-spacing:.5px;
  684. word-wrap:break-word;
  685. text-align:center;
  686. text-transform:lowercase;
  687. word-spacing:1px;
  688. {block:IndexPage}
  689. opacity:0;
  690. {/block:IndexPage}
  691. }
  692.  
  693. .tags a {
  694. }
  695.  
  696.  
  697. #pagi {
  698. {block:If500pxposts}
  699. width:500px;
  700. {/block:If500pxposts}
  701. {block:If400pxposts}
  702. width:400px;
  703. {/block:If400pxposts}
  704. {block:If250pxposts}
  705. width:250px;
  706. {/block:If250pxposts}
  707. margin:auto;
  708. text-align:center;
  709. margin-bottom:30px;
  710. margin-top:30px;
  711. font-weight:700;
  712. font-family: 'Raleway', sans-serif;
  713. }
  714.  
  715. #pagi a {
  716. font-size:12px;
  717. color:{color:title};
  718. }
  719.  
  720.  
  721. .q {
  722. text-align:center;
  723. font-weight:bold;
  724. }
  725.  
  726. .as {
  727. font-weight:bold;
  728. text-transform:uppercase;
  729. margin-bottom:10px;
  730. }
  731.  
  732.  
  733. .a {
  734. margin-top:10px;
  735.  
  736. }
  737.  
  738. .chat ol {
  739. padding:0;
  740. list-style:none;
  741. }
  742.  
  743. .label {font-weight:bold;
  744. }
  745.  
  746. .playbox {
  747. {block:If500pxposts}
  748. width:500px;
  749. {/block:If500pxposts}
  750. {block:If400pxposts}
  751. width:400px;
  752. {/block:If400pxposts}
  753. {block:If250pxposts}
  754. width:250px;
  755. {/block:If250pxposts}
  756. height:30px;
  757. background-color:{color:borders};
  758. padding:5px;
  759. margin-bottom:0px;
  760.  
  761. }
  762.  
  763. .playbutton{
  764. width:30px;
  765. overflow:hidden;
  766. }
  767.  
  768. .trackdetails {
  769. padding:20px;
  770. line-height:180%;
  771. margin-left:5px;
  772. margin-top:20px;
  773. padding:5px;
  774. }
  775.  
  776.  
  777. #credit {
  778. position:fixed;
  779. color:{color:text};
  780. bottom:2px;
  781. right:1px;
  782. padding:4px;
  783. font-size:12px;
  784. }
  785.  
  786. #credit a {
  787. text-decoration:none;
  788. }
  789.  
  790.  
  791.  
  792. </style>
  793. </head>
  794. <body>
  795.  
  796.  
  797. <div id="left">
  798. <div id="sidebarimage"><img src="{image:sidebar}"></div>
  799.  
  800. <div id="side">
  801. <div id="title">{title}</div>
  802. <div id="line"></div>
  803. <div id="description">{Description}</div>
  804.  
  805. <div id="nav">
  806. <a href="{text:link1url}">{text:link1}</a>.
  807. <a href="{text:link2url}">{text:link2}</a>.
  808. <a href="#?w=300" rel="popup_name" class="poplight">{text:link3}</a>.
  809. </div></div></div>
  810.  
  811.  
  812. <div id="popup_name" class="popup_block">
  813. <div id="popupimg"><img src="{image:popup}"></a></div>
  814. <div id="resources">
  815. <a href="{text:popuplink1url}">{text:popuplink1}</a>&nbsp;
  816. <a href="{text:popuplink2url}">{text:popuplink2}</a>&nbsp;
  817. <a href="{text:popuplink3url}">{text:popuplink3}</a>&nbsp;
  818. <a href="{text:popuplink4url}">{text:popuplink4}</a>&nbsp;
  819. <div id="descr">{text:popup description}</div>
  820. </div>
  821. </div></div>
  822.  
  823.  
  824. {block:IfInfiniteScroll}
  825. <script type="text/javascript" src="http://static.tumblr.com/q0etgkr/ytzm5f1ke/infinitescrolling.js"></script>
  826. {/block:IfInfiniteScroll}
  827. <div id="content">
  828. {block:IfInfiniteScroll}
  829. <div class="autopagerize_page_element">
  830. {/block:IfInfiniteScroll}
  831. {block:Posts}<div id="posts">
  832.  
  833. <div class="entries">
  834.  
  835. {block:Date}<div id="postinfo"><div class="date"><a href="{permalink}">{ShortMonth}&nbsp;{DayofMonth}{DayofMonthSuffix}</a> &#9744;&nbsp;<a href="{permalink}">{NoteCount} notes</a></div>{block:PermalinkPage}<div class="source">{block:RebloggedFrom}&#9744;<a href="{ReblogParentURL}" title="{ReblogParentName}">via </a>{block:ContentSource}&#9744;&nbsp;<a href="{ReblogRootURL}" title="{ReblogRootName}" >src </a>{/block:ContentSource}{/block:RebloggedFrom}</div>{/block:PermalinkPage}</div>{/block:Date}
  836.  
  837. {block:Text}{block:Title}<h3>{Title}</h3>{/block:Title}{Body}{/block:Text}
  838.  
  839. {block:Quote}<h2>&#147;{Quote}&#148;</h2><h1>{Source}</h1>{/block:Quote}
  840.  
  841. {block:Link}<a href="{URL}"><h3>{Name}</h3></a>
  842.  
  843. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  844.  
  845. {block:Photo}
  846. {block:If500pxposts}
  847. <img src="{PhotoURL-500}" />{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  848. {/block:If500pxposts}
  849.  
  850. {block:If400pxposts}
  851. <img src="{PhotoURL-400}" />{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  852. {/block:If400pxposts}
  853.  
  854. {block:If250pxposts}
  855. <img src="{PhotoURL-250}" />{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  856. {/block:If250pxposts}
  857. {/block:Photo}
  858.  
  859. {block:Photoset}
  860.  
  861. {block:If500pxposts}
  862. <center>{Photoset-500}</center>{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  863. {/block:If500pxposts}
  864.  
  865. {block:If400pxposts}
  866. <center>{Photoset-400}</center>{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  867. {/block:If400pxposts}
  868.  
  869. {block:If250pxposts}
  870. <center>{Photoset-250}</center>{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  871. {/block:If250pxposts}
  872.  
  873. {/block:Photoset}
  874.  
  875. {block:Chat}<ul class="chat">{block:Title}<h3>{Title}</h3>{/block:Title}{block:Lines}<li>{block:Label}<span class="label">{Label}</span>{/block:Label}{Line}</li>{/block:Lines}</ul>{/block:Chat}
  876.  
  877. {block:Video}
  878.  
  879. {block:If500pxposts}
  880. {Video-500}<div class="caption">{block:Caption}{Caption}{/block:Caption}</div>
  881. {/block:If500pxposts}
  882.  
  883. {block:If400pxposts}
  884. {Video-400}<div class="caption">{block:Caption}{Caption}{/block:Caption}</div>
  885. {/block:If400pxposts}
  886.  
  887.  
  888. {block:If250pxposts}
  889. {Video-250}<div class="caption">{block:Caption}{Caption}{/block:Caption}</div>
  890. {/block:If250pxposts}
  891.  
  892. {/block:Video}
  893.  
  894. {block:Audio}
  895. <div class="trackdetails">
  896. <div class="details">
  897. {block:TrackName}<strong>{TrackName}</strong> &mdash; {/block:TrackName}
  898. {block:Artist}<em>{Artist}</em> &mdash; {/block:Artist}
  899. {block:Album}{Album} &mdash;{/block:Album}
  900. [ {PlayCountWithLabel} ]
  901. </div>
  902. </div>
  903. {block:AudioPlayer}
  904. <div class="playbox"><div class="playbutton">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div></div>
  905. {/block:AudioPlayer}{/block:Audio}
  906.  
  907.  
  908. {block:Answer}
  909. <div class="q">
  910. <div class="as">{Asker} inquired: </div>
  911. {Question}</div>
  912. <div class="a">{Answer}</div>
  913. {/block:Answer}
  914.  
  915. {block:Date}{block:HasTags}<div class="tags">{block:Tags}<a href="{TagUrl}">#{Tag},&nbsp;</a>{/block:Tags}</div> {/block:HasTags}{/block:Date}
  916.  
  917. </div>
  918. {block:PostNotes}
  919. <div class="pagenotes">
  920. {PostNotes}
  921. </div>
  922. {/block:PostNotes}
  923. </div>
  924. {/block:Posts}
  925. </div>
  926.  
  927. {block:IfNotInfiniteScroll}
  928. {block:Pagination}
  929. <div id="pagi">
  930. {block:PreviousPage}
  931. <a href="{PreviousPage}">back </a> &ndash;
  932. {/block:PreviousPage}
  933.  
  934.  
  935. {block:NextPage}
  936. <a href="{NextPage}"> forth </a>
  937. {/block:NextPage}
  938. </div>
  939. {/block:Pagination}
  940. {/block:IfNotInfiniteScroll}
  941.  
  942. </div>
  943. {block:ContentSource}
  944. {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  945. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  946. {/block:SourceLogo}
  947. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}
  948. {/block:ContentSource}
  949. <div id="credit">
  950. <a href="http://kalopsiathemes.tumblr.com" title="kalopsiathemes"</div>&#169;</a></div></div>
  951.  
  952. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment