API tools faq
paste
Advertisement
kthms

cerise theme (two column version)

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