Advertisement
Belgrravia

Castle

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