babesthetique

tweaked theme for saint - not for release

Feb 12th, 2016
85
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 22.24 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <!--
  5.  
  6.  
  7.  
  8.  
  9.  
  10. cerise @ shythemes
  11. tweaked for RP purposes for SAINT.
  12.  
  13.  
  14.  
  15.  
  16.  
  17. -->
  18. <title>{Title}</title>
  19. <link rel="alternate" type="application/rss+xml" href="{RSS}"/>
  20. <link rel="shortcut icon" href="{Favicon}"/>
  21. {block:Description}
  22. <meta name="description" content="{MetaDescription}" />
  23. {/block:Description}
  24. <meta name="image:background" content=""/>
  25. <meta name="color:background" content="#ededed"/>
  26. <meta name="color:text" content="#8c8c8c"/>
  27. <meta name="color:border" content="#ececec"/>
  28. <meta name="color:post bg" content="#ffffff"/>
  29. <meta name="color:accent" content="#adadad"/>
  30. <meta name="color:bold" content="#6a6a6a"/>
  31. <meta name="color:link" content="#adadad"/>
  32. <meta name="color:link hover" content="#6a6a6a"/>
  33. <meta name="color:scrollbar" content="#8c8c8c"/>
  34. <meta name="select:post width" content="300" title="300px"/>
  35. <meta name="select:post width" content="350" title="350px"/>
  36. <meta name="select:post width" content="400" title="400px"/>
  37. <meta name="select:body font" content="open-sans" title="open sans"/>
  38. <meta name="select:body font" content="lato" title="lato"/>
  39. <meta name="select:body font" content="droid-sans" title="droid sans"/>
  40. <meta name="select:body font" content="pt-sans" title="pt sans"/>
  41. <meta name="select:body font" content="pt-serif" title="pt serif"/>
  42. <meta name="select:body font" content="lora" title="lora"/>
  43. <meta name="select:layout" content="left" title="left sidebar"/>
  44. <meta name="if:show description" content="1"/>
  45. <meta name="if:show captions" content="1"/>
  46. <meta name="if:show reblog" content="1"/>
  47. <meta name="if:show tags" content="1"/>
  48. <meta name="if:letter spacing" content="0"/>
  49. <meta name="if:infinite scroll" content="1"/>
  50. <meta name="text:home link" content="home"/>
  51. <meta name="text:ask link" content="ask"/>
  52. <meta name="text:link 1" content=""/>
  53. <meta name="text:link 1 url" content=""/>
  54. <meta name="text:link 2" content=""/>
  55. <meta name="text:link 2 url" content=""/>
  56. <meta name="text:link 3" content=""/>
  57. <meta name="text:link 3 url" content=""/>
  58. <meta name="text:link 4" content=""/>
  59. <meta name="text:link 4 url" content=""/>
  60. <meta name="text:sidebar desc" content="boogity boogity"/>
  61. <meta name="text:title2" content="ਮਹਾਰਾਣੀ."/>
  62.  
  63. <script src="//use.edgefonts.net/{select:body font}:n4,i4;inconsolata:n5;source-sans-pro:n4.js"></script>
  64. <link href="http://static.tumblr.com/fwgzvyf/9EEnzvxdr/k.css" rel="stylesheet" type="text/css"/>
  65.  
  66. <style type="text/css">
  67.  
  68. /* basic styles */
  69.  
  70. ::-webkit-scrollbar {
  71. width:17px;
  72. height:17px;
  73. }
  74. ::-webkit-scrollbar {
  75. background-color:{color:background};
  76. }
  77. ::-webkit-scrollbar-track {
  78. border:8px solid {color:background};
  79. background-color:{color:border};
  80. }
  81. ::-webkit-scrollbar-thumb {
  82. border:8px solid {color:background};
  83. background-color:{color:scrollbar};
  84. }
  85. body {
  86. font-size:9px;
  87. font-family:{select:body font}, 'trebuchet ms', sans-serif;
  88. line-height:15px;
  89. color:{color:text};
  90. background-color:{color:background};
  91. {block:ifLetterSpacing}letter-spacing:1px;{/block:ifLetterSpacing}
  92. {block:ifBackgroundImage}background-image:url({image:background});{/block:ifBackgroundImage}
  93. background-attachment:fixed;
  94. background-repeat:repeat;
  95. background-position: top left;
  96. }
  97. a {
  98. -webkit-transition:all .3s ease-in-out;
  99. transition:all .3s ease-in-out;
  100. }
  101. blockquote {
  102. padding-left:15px;
  103. margin-left:15px;
  104. border-left:1px solid {color:border};
  105. }
  106. pre {
  107. font-family:consolas, inconsolata, monospace;
  108. }
  109. ol {
  110. padding-left:45px;
  111. }
  112. b, strong {
  113. font-weight:400;
  114. color:{color:bold};
  115. }
  116. blockquote, ol, ul, p, pre {
  117. margin-top:1em;
  118. margin-bottom:1em;
  119. }
  120.  
  121. /* accents */
  122.  
  123. .accent, ul {
  124. font-size:8px;
  125. font-family:calibri, source-sans-pro, sans-serif;
  126. letter-spacing:1px;
  127. text-transform:uppercase;
  128. color:{color:accent};
  129. }
  130. .accent a:hover {
  131. color:{color:text};
  132. }
  133. .block {
  134. padding:15px 15px 14px;
  135. background-color:{color:post bg};
  136. }
  137. .title {
  138. font-size:11px;
  139. font-family:{select:body font}, 'trebuchet ms', sans-serif;
  140. text-transform:uppercase;
  141. letter-spacing:1px;
  142. margin-bottom:15px;
  143. color:{color:bold};
  144. }
  145. ul, .notes {
  146. padding:0;
  147. list-style-type:none;
  148. }
  149. ul li, .notes li {
  150. position:relative;
  151. padding-left:30px;
  152. }
  153. ul li::before, .notes li::before, .question > .asker::before {
  154. content:'';
  155. position:absolute;
  156. display:block;
  157. top:6px;
  158. left:0;
  159. width:15px;
  160. height:1px;
  161. border-top:1px solid {color:border};
  162. }
  163.  
  164. /* container */
  165.  
  166. #main {
  167. position:relative;
  168. margin:0 auto;
  169. padding:75px;
  170. width:{select:post width}px;
  171. }
  172. .popup #main {
  173. padding-top:195px;
  174. }
  175.  
  176. /* navigation */
  177.  
  178. aside {
  179. position:relative;
  180. }
  181. .header aside {
  182. margin-bottom:75px;
  183. }
  184. .left aside,
  185. .right aside,
  186. .corner aside {
  187. position:fixed;
  188. top:75px;
  189. width:180px;
  190. }
  191. .left aside {
  192. left:75px;
  193. left:calc(25% - {select:post width}px/4 - 90px);
  194. }
  195. .right aside {
  196. right:75px;
  197. right:calc(25% - {select:post width}px/4 - 90px);
  198. }
  199. aside .im {
  200. margin:0 -15px;
  201. }
  202. aside .im,
  203. aside .im img {
  204. display:block;
  205. }
  206. .header aside .im,
  207. .popup aside .im {
  208. display:none;
  209. }
  210. aside .top::after {
  211. content:"";
  212. display:block;
  213. clear:both;
  214. }
  215. aside .top .title {
  216. margin:0;
  217. letter-spacing:2px;
  218. }
  219. aside .top .tagline {
  220. float:right;
  221. height:15px;
  222. line-height:18px;
  223. overflow:hidden;
  224. }
  225. aside .top,
  226. aside .im,
  227. aside .desc {
  228. margin-bottom:15px;
  229. }
  230. .popup .top .title,
  231. .popup .top .tagline,
  232. .popup nav li,
  233. .header .top .title,
  234. .header .top .tagline,
  235. .header nav li {
  236. display:block;
  237. float:left;
  238. width:calc(50% - 8px);
  239. }
  240. .popup .top .title,
  241. .popup nav li:nth-child(2n-1),
  242. .header .top .title,
  243. .header nav li:nth-child(2n-1) {
  244. margin-right:15px;
  245. }
  246. nav ol {
  247. overflow:auto;
  248. list-style-type:none;
  249. padding:0;
  250. margin:0 0 -7px 0;
  251. }
  252. nav li {
  253. position:relative;
  254. margin:0 0 7px;
  255. }
  256. nav li::before {
  257. content:"";
  258. position:absolute;
  259. top:7px;
  260. left:15px;
  261. right:0;
  262. height:1px;
  263. background-color:{color:border};
  264. }
  265. nav a {
  266. position:relative;
  267. padding:0 15px 0 1px;
  268. background-color:{color:post bg};
  269. }
  270.  
  271. /* breakpoints */
  272.  
  273. @media screen and (max-width:960px) {
  274. .w300.left #main { position:absolute; left:255px; }
  275. .w300.left aside { left:75px; }
  276. .w300.right #main { position:absolute; right:255px; }
  277. .w300.right aside { right:75px; }
  278. }
  279. @media screen and (max-width:1010px) {
  280. .w350.left #main { position:absolute; left:255px; }
  281. .w350.left aside { left:75px; }
  282. .w350.right #main { position:absolute; right:255px; }
  283. .w350.right aside { right:75px; }
  284. }
  285. @media screen and (max-width:1060px) {
  286. .w400.left #main { position:absolute; left:255px; }
  287. .w400.left aside { left:75px; }
  288. .w400.right #main { position:absolute; right:255px; }
  289. .w400.right aside { right:75px; }
  290. }
  291.  
  292. /* popup button */
  293.  
  294. #button {
  295. display:none;
  296. position:fixed;
  297. top:75px;
  298. left:50%;
  299. width:45px;
  300. margin-left:-22px;
  301. height:45px;
  302. z-index:9999;
  303. }
  304. .popup #button {
  305. display:block;
  306. }
  307. #button .icon {
  308. position:absolute;
  309. padding:15px;
  310. width:15px;
  311. background-color:{color:post bg};
  312. }
  313. #button .icon hr {
  314. display:block;
  315. height:1px;
  316. width:15px;
  317. border-top:2px solid {color:post bg};
  318. border-bottom:2px solid {color:post bg};
  319. background-color:{color:bold};
  320. }
  321. #button a {
  322. position:relative;
  323. opacity:1;
  324. z-index:100;
  325. display:block;
  326. letter-spacing:3px;
  327. }
  328. #button a:hover,
  329. .tabopen #button a {
  330. opacity:0;
  331. }
  332. #button .avatar {
  333. display:block;
  334. width:39px;
  335. height:39px;
  336. border:3px solid {color:post bg};
  337. }
  338.  
  339. /* popup */
  340.  
  341. .popup aside {
  342. position:fixed;
  343. visibility:hidden;
  344. top:0;
  345. left:0;
  346. right:0;
  347. bottom:0;
  348. opacity:0;
  349. z-index:-99;
  350. -webkit-transition:opacity .3s ease-in-out, visibility 0s ease-in-out .3s, z-index 0s ease-in-out .3s;
  351. transition:opacity .3s ease-in-out, visibility 0s ease-in-out .3s, z-index 0s ease-in-out .3s;
  352. }
  353. .popup.tabopen aside {
  354. visibility:visible;
  355. opacity:1;
  356. z-index:1000;
  357. -webkit-transition-delay:0s;
  358. transition-delay:0s;
  359. }
  360. .popup aside .bg {
  361. position:fixed;
  362. top:0;
  363. left:0;
  364. right:0;
  365. bottom:0;
  366. opacity:.98;
  367. background-color:{color:background};
  368. }
  369. .popup aside .line {
  370. left:50%;
  371. }
  372. .popup aside .tab_content {
  373. position:absolute;
  374. top:195px;
  375. left:50%;
  376. -webkit-transform:translate(-50%,0);
  377. transform:translate(-50%,0);
  378. width:{select:post width}px;
  379. -moz-box-sizing:border-box;
  380. box-sizing:border-box;
  381. }
  382.  
  383. /* posts */
  384.  
  385. .header #content {
  386. margin-top:150px;
  387. }
  388. .entry {
  389. margin-left:200px;
  390. top:10px;
  391. width:300px;
  392. margin-bottom:50px;
  393. }
  394. .perma .entry {
  395. margin:75px 0 0;
  396. }
  397. .entry:first-of-type {
  398. margin-top:0;
  399. }
  400. .post {
  401. position:relative;
  402. padding:15px;
  403. background-color:{color:post bg};
  404. box-shadow:0px 0px 3px {color:text};
  405. }
  406.  
  407. /* info */
  408.  
  409. .info {
  410. text-align:right;
  411. position:relative;
  412. padding:15px 0 0;
  413. z-index:1;
  414. background-color:{color:post bg};
  415. box-shadow:0px -1px 1px {color:text};
  416. }
  417. .info hr {
  418. position:absolute;
  419. top:21px;
  420. left:15px;
  421. right:15px;
  422. height:1px;
  423. background-color:{color:border};
  424. }
  425. .info .bb {
  426. padding:0 15px;
  427. position:relative;
  428. background-color:{color:post bg};
  429. }
  430. .tags {
  431. position:absolute;
  432. text-align:left;
  433. z-index:-1;
  434. opacity:0;
  435. top:0;
  436. left:0;
  437. right:0;
  438. padding:15px 45px 15px 15px;
  439. background-color:{color:post bg};
  440. -webkit-transition:z-index 0s ease-in-out .3s, opacity .3s ease-in-out;
  441. transition:z-index 0s ease-in-out .3s, opacity .3s ease-in-out;
  442. {block:IndexPage}{block:ifNotShowTags}display:none;{/block:ifNotShowTags}{/block:IndexPage}
  443. }
  444. .tags .x {
  445. display:block;
  446. position:absolute;
  447. top:6px;
  448. right:0;
  449. width:12px;
  450. height:12px;
  451. padding:15px;
  452. }
  453. .tags .x::before,
  454. .tags .x::after {
  455. content:"";
  456. display:block;
  457. position:absolute;
  458. width:8px;
  459. height:1px;
  460. opacity:.5;
  461. background-color:{color:accent};
  462. -webkit-transform:rotate(45deg);
  463. transform:rotate(45deg);
  464. }
  465. .tags .x::after {
  466. -webkit-transform:rotate(-45deg);
  467. transform:rotate(-45deg);
  468. }
  469. .open .tags {
  470. opacity:1;
  471. z-index:1;
  472. -webkit-transition:z-index 0s, opacity .3s ease-in-out;
  473. transition:z-index 0s, opacity .3s ease-in-out;
  474. }
  475. .tags .comma {
  476. font-style:inherit;
  477. }
  478. .tags .comma:last-of-type {
  479. display:none;
  480. }
  481.  
  482. /* post titles */
  483.  
  484. .post > h1,
  485. .question,
  486. .quote {
  487. margin:0 0 15px;
  488. }
  489. .quote * {
  490. margin:0;
  491. }
  492. .question::after {
  493. content:"";
  494. display:block;
  495. clear:both;
  496. }
  497. .question > .asker {
  498. margin-left:15px;
  499. padding-left:30px;
  500. position:relative;
  501. font-style:inherit;
  502. float:right;
  503. }
  504.  
  505. /* text and captions */
  506.  
  507. .text {
  508. margin:0;
  509. }
  510. .text a {
  511. color:{color:link};
  512. }
  513. .text a:hover {
  514. color:{color:link hover};
  515. border-color:{color:link hover};
  516. }
  517. .caption,
  518. .source,
  519. .answer {
  520. margin-top:15px;
  521. }
  522. .caption {
  523. {block:IndexPage}{block:ifNotShowCaptions}display:none;{/block:ifNotShowCaptions}{/block:IndexPage}
  524. }
  525.  
  526. /* chat posts */
  527.  
  528. .chat {
  529. margin-bottom:-7px;
  530. }
  531. .chat .lines {
  532. margin-bottom:7px;
  533. }
  534. .chat .label {
  535. margin-right:7px;
  536. }
  537.  
  538. /* audio posts */
  539.  
  540. .audiowrap {
  541. position:relative;
  542. height:27px;
  543. overflow:hidden;
  544. line-height:0;
  545. text-align:left;
  546. }
  547. .albumart {
  548. position:relative;
  549. z-index:1;
  550. display:inline-block;
  551. width:27px;
  552. height:27px;
  553. opacity:.9;
  554. background-size:cover;
  555. }
  556. .audio {
  557. position:absolute;
  558. display:inline-block;
  559. left:0;
  560. top:0;
  561. right:0;
  562. bottom:0;
  563. text-align:left;
  564. }
  565. .audio .player {
  566. width:27px;
  567. height:27px;
  568. left:32px;
  569. top:0;
  570. opacity:.9;
  571. overflow:hidden;
  572. position:absolute;
  573. }
  574. .audio .track {
  575. overflow:hidden;
  576. position:absolute;
  577. top:0;
  578. left:64px;
  579. right:0;
  580. bottom:0;
  581. line-height:29px!important;
  582. background-color:{color:caption bg};
  583. }
  584.  
  585. /* photos and videos */
  586.  
  587. .media {
  588. overflow:hidden;
  589. margin:0 -15px;
  590. {block:IndexPage}{block:ifNotShowCaptions}margin-bottom:-15px;{/block:ifNotShowCaptions}{/block:IndexPage}
  591. }
  592. .media:last-child {
  593. margin-bottom:-15px;
  594. }
  595. .video iframe,
  596. .tumblr_video_container {
  597. display:block;
  598. max-width:100%;
  599. max-height:{select:post width}px;
  600. }
  601. .video #youtube_iframe {
  602. max-height:calc({select:post width}px * 0.67);
  603. }
  604.  
  605. /* pagination */
  606.  
  607. .pagination {
  608. margin-top:150px;
  609. position:relative;
  610. text-align:left;
  611. overflow:auto;
  612. background-color:{color:post bg};
  613. {block:ifInfiniteScroll}display:none;{/block:ifInfiniteScroll}
  614. }
  615. .pagination a {
  616. padding:15px;
  617. display:inline-block;
  618. position:relative;
  619. background-color:{color:post bg};
  620. }
  621. .pagination .next {
  622. float:right;
  623. }
  624. .pagination hr {
  625. position:absolute;
  626. top:21px;
  627. left:15px;
  628. right:15px;
  629. height:1px;
  630. background-color:{color:border};
  631. }
  632.  
  633. /* post notes */
  634.  
  635. .rb {
  636. float:right;
  637. }
  638. .notes li blockquote {
  639. margin-bottom:1em!important;
  640. }
  641.  
  642. /* etc */
  643.  
  644. #stt {
  645. display:block;
  646. text-align:center;
  647. position:fixed;
  648. left:75px;
  649. left:calc(25% - {select:post width}px/4 - 90px);
  650. bottom:75px;
  651. width:180px;
  652. opacity:0;
  653. }
  654. .popup #stt.s,
  655. .header #stt.s {
  656. opacity:1;
  657. }
  658. #theme {
  659. margin-bottom:1px;
  660. background-color:{color:post bg};
  661. color:{color:accent};
  662. }
  663. #tumblr_lightbox, .tmblr-lightbox {
  664. background-color:rgba({RGBcolor:background},.98)!important;
  665. }
  666.  
  667.  
  668. #sidebarr {
  669. position:fixed;
  670. bottom:100px;
  671. margin-left:200px;
  672. width:260px;
  673. height:100px;
  674. background-color:#fff;
  675. box-shadow:0px 0px 3px {color:text};
  676.  
  677. }
  678.  
  679. #sbdesc {
  680. position:fixed;
  681. margin-top:-5px;
  682. margin-left:10px;
  683. padding:20px;
  684. font-family:trebuchet ms;
  685. text-transform:uppercase;
  686. font-size:8px;
  687. font-weight:bold;
  688. width:100px;
  689. }
  690.  
  691. #linemadafaka {
  692. position:fixed;
  693. margin-top:0px;
  694. margin-left:140px;
  695. background-color:{color:background};
  696. width:1px;
  697. height:100px;
  698. }
  699.  
  700. #linkas {
  701. position:fixed;
  702. margin-top:10px;
  703. margin-left:180px;
  704. font-size:8px;
  705. text-transform:uppercase;
  706. line-height:13px;
  707. }
  708.  
  709. #linkas a{
  710. margin-right:5px;
  711. }
  712.  
  713. #tits {
  714. position:fixed;
  715. margin-top:-22px;
  716. margin-left:0px;
  717. font-size:30px;
  718. text-shadow:0px 0px 3px #000;
  719. color:#fff;
  720. }
  721.  
  722.  
  723. #sidebarim {
  724. position:fixed;
  725. margin-left:160px;
  726. margin-top:-280px;
  727.  
  728. }
  729.  
  730. #sidebarim img {
  731. width:220px;
  732.  
  733. }
  734.  
  735.  
  736.  
  737.  
  738. </style>
  739. <link href="http://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  740. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  741. <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  742. <script>
  743. $(document).ready(function(){
  744. $('.photo-slideshow').pxuPhotoset({
  745. lightbox: true,
  746. rounded: false,
  747. gutter: '1px',
  748. photoset: '.photo-slideshow',
  749. photoWrap: '.photo-data',
  750. photo: '.pxu-photo'
  751. });
  752. $('#to, .bg').click(function(){
  753. $('body').toggleClass('tabopen');
  754. return false
  755. });
  756. $('.sh, .x').click(function(){
  757. $(this).parents('.info').toggleClass('open');
  758. return false
  759. });
  760. {block:IndexPage}
  761. {block:ifInfiniteScroll}
  762. $('#stt').click(function(){
  763. $('html,body').animate({ scrollTop: 0 }, 1000);
  764. return false
  765. });
  766. $(document).scroll(function(){
  767. var t = $(document).scrollTop();
  768. if (t > 1000) $('#stt').addClass('s');
  769. else $('#stt').removeClass('s');
  770. });
  771. {/block:ifInfiniteScroll}
  772. {/block:IndexPage}
  773. });
  774. </script>
  775. </head>
  776.  
  777.  
  778.  
  779. <div id="sidebarr">
  780.  
  781. <div id="sidebarim"><img src="http://i.imgur.com/vTzLk18.png"></div>
  782.  
  783. <div id="linkas">
  784.  
  785. <a href="/">{text:home link}</a>
  786. <br>
  787. <a href="/ask">{text:ask link}</a>
  788. <br>
  789. <a href="{text:link 1 url}">{text:link 1}</a>
  790. <br>
  791. <a href="{text:link 2 url}">{text:link 2}</a>
  792. <br>
  793. <a href="{text:link 3 url}">{text:link 3}</a>
  794. <br>
  795. <a href="{text:link 4 url}">{text:link 4}</a>
  796.  
  797. </div>
  798.  
  799. <div id="linemadafaka"></div>
  800.  
  801. <div id="tits">{text:title2}</div>
  802.  
  803.  
  804. <div id="render"></div>
  805.  
  806. <div id="sbdesc">
  807. {text:sidebar desc}
  808.  
  809. </div>
  810.  
  811.  
  812. </div>
  813.  
  814.  
  815.  
  816.  
  817.  
  818.  
  819.  
  820.  
  821.  
  822.  
  823.  
  824. <body class="{select:layout} w{select:post width}{block:PermalinkPage} perma{/block:PermalinkPage}">
  825.  
  826.  
  827. <div id="main">
  828.  
  829. <div id="content">
  830. <!-- posts -->
  831. {block:Posts}
  832. <article class="entry">
  833. {block:Date}<!-- date --><div class="info accent"><hr/><span class="bb"><a href="{Permalink}">{ShortDayOfWeek} {MonthNumber}.{DayOfMonth} {block:NoteCount} & {NoteCount}{/block:NoteCount}</a>{block:IndexPage}{block:ifShowReblog} / <a href="{ReblogURL}" target="_blank" class="reblog">reblog</a>{/block:ifShowReblog}{/block:IndexPage}{block:HasTags}{block:ifShowTags} / <a href="#" class="sh">tags</a>{/block:ifShowTags}{/block:HasTags}</span>{block:HasTags}<!-- tags --><div class="tags"><a href="#" class="x"></a>{block:Tags}<a href="{TagURL}">#{Tag}</a><i class="comma"> / </i>{/block:Tags}</div>{/block:HasTags}</div>{/block:Date}
  834. <section class="post">
  835. {block:Answer}<!-- answer --><div class="question accent">{Question}<i class="asker">{Asker}</i></div><div class="answer text">{Answer}</div>{/block:Answer}{block:Audio}<!-- audio --><div class="audiowrap"><div class="albumart" style="{block:AlbumArt}background-image:url({AlbumArtURL});{/block:AlbumArt}"></div><div class="audio accent block">{block:AudioPlayer}<div class="player">{AudioPlayerWhite}</div>{/block:AudioPlayer}<div class="track">{block:Artist}{Artist}{block:TrackName} &mdash; {/block:TrackName}{/block:Artist}{block:TrackName}{TrackName}{/block:TrackName}</div></div></div>{/block:Audio}{block:Chat}<!-- chat -->{block:Title}<h1 class="title">{Title}</h1>{/block:Title}<div class="chat text accent">{block:Lines}<div class="lines">{block:Label}<span class="label">{Label}</span>{/block:Label}{Line}</div>{/block:Lines}</div>{/block:Chat}{block:Link}<!-- link --><h1 class="title"><a href="{URL}">{Name}</a></h1>{block:Description}<div class="text">{Description}</div>{/block:Description}{/block:Link}{block:Photo}<!-- photo --><div class="media">{LinkOpenTag}<img src="{block:IndexPage}{PhotoURL-500}{/block:IndexPage}{block:PermalinkPage}{PhotoURL-HighRes}{/block:PermalinkPage}"/>{LinkCloseTag}</div>{/block:Photo}{block:Photoset}<!-- photoset --><div class="media"><div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div></div>{/block:Photoset}{block:Quote}<!-- quote --><div class="quote accent">{Quote}</div>{block:Source}<div class="source text">{Source}</div>{/block:Source}{/block:Quote}{block:Text}<!-- text -->{block:Title}<h1 class="title">{Title}</h1>{/block:Title}<div class="text">{Body}</div>{/block:Text}{block:Video}<!-- video --><div class="media video">{Video-500}</div>{/block:Video}
  836. {block:Caption}<!-- caption --><div class="caption text">{Caption}</div>{/block:Caption}
  837. </section>
  838. </article>
  839. {block:PostNotes}<!-- post notes --><article id="notes" class="entry"><section class="post">{block:RebloggedFrom}<span class="rb accent"><a href="{ReblogParentURL}" class="rf">via {ReblogParentName}</a>{block:ContentSource} / <a href="{ReblogRootURL}" class="src">source</a>{/block:ContentSource}</span>{/block:RebloggedFrom}<h1 class="title">{NoteCountWithLabel}</h1><div class="accent text">{PostNotes}</div></section></article>{/block:PostNotes}
  840. {/block:Posts}
  841. <!-- {block:ContentSource}{SourceURL} {/block:ContentSource}{block:RebloggedFrom}{ReblogRootURL} {ReblogParentURL}{/block:RebloggedFrom} -->
  842. </div><!-- end #content -->
  843. {block:Pagination}<!-- pagination --><div class="pagination accent"><hr/>{block:PreviousPage}<a class="back" href="{PreviousPage}">{lang:Back}</a>{/block:PreviousPage}{block:NextPage}<a class="next" href="{NextPage}">next</a>{/block:NextPage}</div>{/block:Pagination}
  844. {block:ifInfiniteScroll}<a id="stt" href="#" class="accent">scroll to top</a>{/block:ifInfiniteScroll}
  845. </div><!-- end #main -->
  846. <a href="http://shythemes.tumblr.com" id="theme" class="accent" title="theme">k.</a>
  847. {block:IndexPage}{block:ifInfiniteScroll}<script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  848. <script>
  849. $(document).ready(function(){
  850. var $container = $('#content');
  851. $container.infinitescroll({
  852. itemSelector: '.entry',
  853. navSelector: '.pagination',
  854. nextSelector: '.next',
  855. loadingImg: '',
  856. loadingText: '<em></em>',
  857. bufferPx: 2000
  858. },
  859. function( newElements ) {
  860. var $newElems = $( newElements );
  861. $newElems.find('.photo-slideshow').pxuPhotoset({
  862. lightbox: true,
  863. rounded: false,
  864. gutter: '1px',
  865. photoset: '.photo-slideshow',
  866. photoWrap: '.photo-data',
  867. photo: '.pxu-photo'
  868. });
  869. $newElems.find('.sh, .x').click(function(){
  870. $(this).parents('.info').toggleClass('open');
  871. return false
  872. });
  873. });
  874.  
  875. });
  876. </script>
  877. {/block:ifInfiniteScroll}{/block:IndexPage}
  878. </body>
  879. </html>
Add Comment
Please, Sign In to add comment