API tools faq
paste
babesthetique

tweaked theme for saint - not for release

babesthetique
Feb 12th, 2016
87
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 22.24 KB | None | 0 0
raw download clone embed print report
  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
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!