API tools faq
paste
Advertisement
kthms

lighten theme

kthms
Apr 18th, 2016
13,842
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 22.71 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.  
  11. lighten @ shythemes
  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}<meta name="description" content="{MetaDescription}">{/block:Description}
  22. <meta name="viewport" content="width=device-width, initial-scale=1">
  23. <meta name="color:accents" content="#3275a5">
  24. <meta name="if:hover effects" content="">
  25. <meta name="if:show full photosets" content="">
  26. <meta name="if:show captions" content="">
  27. <meta name="if:show tags" content="">
  28. <meta name="if:load more" content="">
  29. <meta name="select:font" content="karla" title="karla">
  30. <meta name="select:font" content="helvetica" title="helvetica">
  31. <meta name="select:font" content="roboto-mono" title="roboto mono">
  32. <meta name="text:home link" content="">
  33. <meta name="text:archive link" content="archive">
  34. <meta name="text:ask link" content="ask">
  35. <meta name="text:link 1" content="">
  36. <meta name="text:link 1 url" content="">
  37. <meta name="text:link 2" content="">
  38. <meta name="text:link 2 url" content="">
  39. <meta name="text:link 3" content="">
  40. <meta name="text:link 3 url" content="">
  41. <meta name="text:link 4" content="">
  42. <meta name="text:link 4 url" content="">
  43. <meta name="text:link 5" content="">
  44. <meta name="text:link 5 url" content="">
  45. <meta name="text:link 6" content="">
  46. <meta name="text:link 6 url" content="">
  47. <link href='//fonts.googleapis.com/css?family=Karla:400,400italic,700,700italic|Roboto+Mono:400,400italic,700,700italic' rel='stylesheet' type='text/css'>
  48. <style type="text/css">
  49. html, body {
  50. width:100%;
  51. }
  52. body {
  53. margin:0;
  54. font-size:10px;
  55. font-family:karla, sans-serif;
  56. line-height:15px;
  57. -moz-osx-font-smoothing:grayscale;
  58. -webkit-font-smoothing:antialiased;
  59. font-smoothing:antialiased;
  60. -ms-text-size-adjust:100%;
  61. -moz-text-size-adjust:100%;
  62. -webkit-text-size-adjust:100%;
  63. overflow-x:hidden;
  64. color:#777777;
  65. background:#f6f6f6;
  66. }
  67. a {
  68. color:inherit;
  69. text-decoration:none;
  70. }
  71. small, sub {
  72. font-size:1em;
  73. vertical-align:baseline;
  74. }
  75. blockquote, ol, ul, p, pre {
  76. margin:0 0 10px;
  77. }
  78. h1, h2, h3, h4, h5, h6 {
  79. margin:0 0 10px;
  80. font-size:1em;
  81. font-weight:inherit;
  82. }
  83. ul, ol {
  84. padding-left:20px;
  85. }
  86. ol li {
  87. padding-left:6px;
  88. }
  89. pre {
  90. white-space:normal;
  91. font-size:9px;
  92. font-family:'roboto mono', monospace;
  93. }
  94. iframe {
  95. display:block;
  96. }
  97. img {
  98. border:0;
  99. max-width:100%;
  100. height:auto;
  101. display:block;
  102. }
  103. hr {
  104. margin:1em 0;
  105. border:0;
  106. height:1px;
  107. -moz-box-sizing:border-box;
  108. box-sizing:border-box;
  109. background-color:#dddddd;
  110. }
  111. svg {
  112. width:10px;
  113. height:auto;
  114. opacity:.5;
  115. padding:1px;
  116. display:block;
  117. overflow:visible;
  118. }
  119.  
  120. /* accents */
  121.  
  122. .title {
  123. font-size:15px;
  124. font-family:karla, sans-serif;
  125. line-height:initial;
  126. color:{color:accents};
  127. }
  128. .accent {
  129. font-size:9px;
  130. font-family:karla, sans-serif;
  131. letter-spacing:1px;
  132. text-transform:uppercase;
  133. }
  134. .text a {
  135. color:{color:accents};
  136. }
  137. blockquote:after,
  138. blockquote > p:first-child > .tumblr_blog:first-child:before {
  139. content:'';
  140. display:block;
  141. }
  142. hr,
  143. blockquote:after,
  144. blockquote > p:first-child > .tumblr_blog:first-child:before {
  145. margin:13px 0 14px;
  146. width:25px;
  147. height:1px;
  148. background-color:#d9d9d9;
  149. }
  150. blockquote:last-child:after {
  151. display:none;
  152. }
  153. .roboto-mono,
  154. .roboto-mono .entry {
  155. font-size:9px;
  156. font-family:'roboto mono', monospace;
  157. }
  158. .helvetica,
  159. .helvetica .entry {
  160. font-family:'helvetica neue', sans-serif;
  161. }
  162.  
  163. /* container */
  164.  
  165. .main {
  166. margin:77px 20px 20px;
  167. }
  168.  
  169. /* header */
  170.  
  171. header {
  172. position:fixed;
  173. margin-top:-77px;
  174. left:0;
  175. right:0;
  176. z-index:5;
  177. padding:20px;
  178. overflow:hidden;
  179. text-align:center;
  180. background-color:#ffffff;
  181. border-top:1px solid rgba({RGBcolor:accents},.5);
  182. border-bottom:1px solid #eeeeee;
  183. }
  184. header .title {
  185. margin:0;
  186. line-height:inherit;
  187. text-transform:uppercase;
  188. letter-spacing:5px;
  189. padding-left:5px;
  190. display:block;
  191. }
  192.  
  193. /* footer */
  194.  
  195. footer {
  196. padding:10px;
  197. text-align:center;
  198. background-color:#ffffff;
  199. border-top:1px solid #eeeeee;
  200. }
  201. nav li {
  202. display:inline-block;
  203. margin:10px;
  204. }
  205. nav li a {
  206. opacity:.67;
  207. -webkit-transition:opacity .4s ease-in-out;
  208. transition:opacity .4s ease-in-out;
  209. }
  210. nav li a:hover {
  211. opacity:1;
  212. }
  213. .desc {
  214. width:400px;
  215. max-width:calc(100vw - 100px);
  216. margin:10px auto;
  217. }
  218. .desc, .desc:empty {
  219. display:none;
  220. }
  221.  
  222. /* posts */
  223.  
  224. .content {
  225. margin:0;
  226. font-size:0;
  227. min-height:calc(100vh - 153px);
  228. }
  229. .entry {
  230. position:relative;
  231. display:inline-block;
  232. font-size:10px;
  233. padding:21px 20px;
  234. -moz-box-sizing:border-box;
  235. box-sizing:border-box;
  236. width:100%;
  237. {block:PermalinkPage}
  238. width:440px;
  239. max-width:calc(100vw - 40px);
  240. display:block;
  241. margin:0 auto;
  242. {/block:PermalinkPage}
  243. }
  244. .entry:before {
  245. content:'';
  246. position:absolute;
  247. top:20px;
  248. left:20px;
  249. right:20px;
  250. height:1px;
  251. opacity:.6;
  252. background-color:{color:accents};
  253. }
  254. .entry:after {
  255. content:'';
  256. position:absolute;
  257. bottom:20px;
  258. left:20px;
  259. right:20px;
  260. height:1px;
  261. opacity:.67;
  262. background-color:#dadada;
  263. }
  264. .post {
  265. padding:18px 20px;
  266. }
  267. .post, .media {
  268. background-color:#ffffff;
  269. }
  270.  
  271. /* post info */
  272.  
  273. .date, .tags {
  274. opacity:.67;
  275. }
  276. .tags {
  277. margin:0 0 10px;
  278. }
  279. .ctrl {
  280. display:none;
  281. }
  282. .rf {
  283. margin:0 0 10px;
  284. }
  285.  
  286. /* media */
  287.  
  288. .media {
  289. position:relative;
  290. overflow:hidden;
  291. display:none;
  292. }
  293. .m .media {
  294. display:block;
  295. }
  296. .media img {
  297. width:100%;
  298. }
  299.  
  300. /* post text */
  301.  
  302. .text:not(:last-child) {
  303. margin-bottom:10px;
  304. }
  305. .text img {
  306. padding:2px 0;
  307. }
  308. .chat {
  309. padding:0;
  310. list-style-type:none;
  311. }
  312. .question, .quote {
  313. margin:0 -20px 18px;
  314. padding:0 20px 18px;
  315. border-bottom:1px solid #e6e6e6;
  316. overflow:hidden;
  317. }
  318. .sender {
  319. opacity:.67;
  320. float:right;
  321. padding-left:14px;
  322. text-transform:lowercase;
  323. }
  324.  
  325. /* audio posts */
  326.  
  327. .audiowrap {
  328. position:relative;
  329. height:60px;
  330. overflow:hidden;
  331. background-color:#ffffff;
  332. border-bottom:1px solid #e6e6e6;
  333. }
  334. .audio {
  335. position:absolute;
  336. display:inline-block;
  337. left:0;
  338. top:0;
  339. right:0;
  340. bottom:0;
  341. text-align:left;
  342. line-height:60px;
  343. }
  344. .audio .player {
  345. width:27px;
  346. height:27px;
  347. left:16px;
  348. top:16px;
  349. opacity:.4;
  350. line-height:0;
  351. overflow:hidden;
  352. position:absolute;
  353. }
  354. .audio .track {
  355. overflow:hidden;
  356. line-height:15px;
  357. margin-left:60px;
  358. width: calc(100% - 60px);
  359. display:inline-block;
  360. vertical-align:middle;
  361. }
  362. .audio .track span {
  363. display:block;
  364. max-height:15px;
  365. white-space:nowrap;
  366. overflow:hidden;
  367. text-overflow:ellipsis;
  368. margin-right:15px;
  369. }
  370. .audio .track span:last-child {
  371. opacity:.67;
  372. }
  373.  
  374. /* pagination */
  375.  
  376. .page {
  377. text-align:center;
  378. margin:0 40px 20px;
  379. }
  380. .page .pagination {
  381. overflow:hidden;
  382. text-align:left;
  383. }
  384. .page .pagination .next {
  385. float:right;
  386. }
  387. .page a {
  388. display:inline-block;
  389. margin:0 0 20px;
  390. }
  391. .page .prev {
  392. opacity:.67;
  393. }
  394. .page .next, .load-more {
  395. color:{color:accents};
  396. opacity:.75;
  397. }
  398. .page .load-more {
  399. display:none;
  400. }
  401.  
  402. /* post notes */
  403.  
  404. #notes .title {
  405. margin:0;
  406. }
  407. .notes {
  408. margin:18px 0 0;
  409. padding:0;
  410. }
  411. .note {
  412. display:block;
  413. padding:0;
  414. opacity:.67;
  415. }
  416. .note img {
  417. display:none;
  418. }
  419. .note blockquote {
  420. margin:0;
  421. }
  422. .more_notes_link_container {
  423. text-align:left!important;
  424. margin-top:18px;
  425. }
  426.  
  427. #tumblr_controls,
  428. .tmblr-iframe.tmblr-iframe--desktop-logged-in-controls {
  429. position:fixed!important;
  430. top:0!important;
  431. right:0!important;
  432. opacity:.4!important;
  433. -webkit-filter:invert(100%);
  434. -webkit-backface-visibility:hidden;
  435. padding:17px;
  436. }
  437. #tumblr_lightbox, .tmblr-lightbox {
  438. background-color:#f6f6f6!important;
  439. }
  440. #vignette, .vignette {
  441. opacity:0;
  442. }
  443. #tumblr_lightbox img, .lightbox-image {
  444. box-shadow:none!important;
  445. border-radius:0!important;
  446. -moz-box-sizing:border-box;
  447. box-sizing:border-box;
  448. max-width:none;
  449. }
  450. #tumblr_lightbox_caption, .lightbox-caption {
  451. visibility:hidden;
  452. }
  453. #infscr-loading {
  454. display:none!important;
  455. }
  456.  
  457. {block:IndexPage}
  458. /* index */
  459.  
  460. article {
  461. opacity:0;
  462. z-index:-1;
  463. }
  464. .ctrl {
  465. display:block;
  466. position:absolute;
  467. right:34px;
  468. bottom:30px;
  469. }
  470. .ctrl a {
  471. position:relative;
  472. overflow:hidden;
  473. display:inline-block;
  474. padding:5px;
  475. width:12px;
  476. height:12px;
  477. }
  478. .ctrl .rb {
  479. opacity:.93;
  480. }
  481. .ctrl .rb svg {
  482. width:9px;
  483. margin-top:1px;
  484. }
  485. .ctrl .li .liked + svg {
  486. opacity:1;
  487. }
  488. .ctrl .li .liked + svg path {
  489. fill:#ec5a5a;
  490. }
  491. .ctrl .like_button iframe {
  492. position:absolute;
  493. top:0;
  494. left:0;
  495. bottom:0;
  496. right:0;
  497. width:100%;
  498. height:100%;
  499. z-index:2;
  500. opacity:0;
  501. }
  502. .caption p:not(:last-child) {
  503. margin:0;
  504. }
  505. {block:ifNotShowCaptions}
  506. .caption {
  507. display:none;
  508. }
  509. {/block:ifNotShowCaptions}
  510. {block:ifNotShowTags}
  511. .tags {
  512. display:none;
  513. }
  514. {/block:ifNotShowTags}
  515. {block:ifLoadMore}
  516. .pagination {
  517. display:none;
  518. }
  519. .page .load-more {
  520. display:inline-block;
  521. margin:0 10px 20px 9px;
  522. letter-spacing:2px;
  523. }
  524. {/block:ifLoadMore}
  525.  
  526. /* breakpoints */
  527.  
  528. @media screen and (min-width:600px) {
  529. .main {
  530. margin-right:18px;
  531. }
  532. .desc {
  533. display:block;
  534. }
  535. .entry {
  536. width:calc(50% - 0.5px);
  537. }
  538. .post {
  539. padding:12px 14px;
  540. }
  541. .ctrl {
  542. right:28px;
  543. bottom:24px;
  544. }
  545. .question, .quote {
  546. margin:0 -14px 12px;
  547. padding:0 14px 12px;
  548. }
  549. {block:ifHoverEffects}
  550. .entry:before,
  551. .entry:after {
  552. opacity:.25;
  553. -webkit-transition:opacity .4s ease-in-out;
  554. transition:opacity .4s ease-in-out;
  555. }
  556. .entry:hover:before,
  557. .entry:hover:after {
  558. opacity:.67;
  559. }
  560. .h {
  561. opacity:.67;
  562. -webkit-transition:opacity .4s ease-in-out;
  563. transition:opacity .4s ease-in-out;
  564. }
  565. .lb, .photo-slideshow, .video {
  566. display:block;
  567. opacity:.8;
  568. -webkit-transition:opacity .4s ease-in-out;
  569. transition:opacity .4s ease-in-out;
  570. }
  571. .entry:hover .h,
  572. .entry:hover .lb,
  573. .entry:hover .photo-slideshow,
  574. .entry:hover .video {
  575. opacity:1;
  576. }
  577. .quote, .question, .audiowrap {
  578. border-color:#f2f2f2;
  579. -webkit-transition:border-color .4s ease-in-out;
  580. transition:border-color .4s ease-in-out;
  581. }
  582. .entry:hover .quote,
  583. .entry:hover .question,
  584. .entry:hover .audiowrap {
  585. border-color:#e6e6e6;
  586. }
  587. {/block:ifHoverEffects}
  588. }
  589. @media screen and (min-width:880px) {
  590. .main {
  591. margin-right:17px;
  592. }
  593. .entry {
  594. width:calc(33.3333% - 0.5px);
  595. }
  596. }
  597. @media screen and (min-width:1160px) {
  598. .main {
  599. margin-right:16px;
  600. }
  601. .entry {
  602. width:calc(25% - 0.5px);
  603. }
  604. }
  605. @media screen and (min-width:1440px) {
  606. .main {
  607. margin-right:15px;
  608. }
  609. .entry {
  610. width:calc(20% - 0.5px);
  611. }
  612. }
  613. @media screen and (min-width:1720px) {
  614. .main {
  615. margin-right:14px;
  616. }
  617. .entry {
  618. width:calc(16.6667% - 0.5px);
  619. }
  620. }
  621. @media screen and (min-width:2000px) {
  622. .main {
  623. margin-right:13px;
  624. }
  625. .entry {
  626. width:calc(14.2857% - 0.5px);
  627. }
  628. }
  629. {/block:IndexPage}
  630. </style>
  631. <link href="http://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css">
  632. </head>
  633. <body class="{select:font}">
  634. <div class="main">
  635. <header><h1 class="title"><a class="toggle-menu" href="/">{Title}</a></h1></header>
  636. <div class="content">
  637. {block:Posts}
  638. <article id="{PostID}" class="entry {block:Photo}m{/block:Photo}{block:Photoset}m{/block:Photoset}{block:Video}m{/block:Video}{block:Audio}m{/block:Audio}">
  639. <section class="media">
  640. {block:Audio}
  641. <div class="audiowrap">
  642. <div class="audio">
  643. {block:AudioPlayer}
  644. <div class="player">{AudioPlayerWhite}</div>
  645. {/block:AudioPlayer}
  646. <div class="track">{block:TrackName}<span class="h">{TrackName}</span>{/block:TrackName}{block:Artist}<span>{Artist}</span>{/block:Artist}</div>
  647. </div>
  648. </div>
  649. {/block:Audio}
  650. {block:Photo}
  651. {block:PermalinkPage}
  652. {LinkOpenTag}
  653. <img src="{PhotoURL-HighRes}">
  654. {LinkCloseTag}
  655. {/block:PermalinkPage}
  656. {block:IndexPage}
  657. <a class="lb h" href="#" onclick="Tumblr.Lightbox.init([{ width: '{PhotoWidth-HighRes}', height: '{PhotoHeight-HighRes}', low_res: '{PhotoURL-500}', high_res: '{PhotoURL-HighRes}' }]);$('body').toggleClass('tumblr_lightbox_active');return false">
  658. <img src="{PhotoURL-HighRes}">
  659. </a>
  660. {/block:IndexPage}
  661. {/block:Photo}
  662. {block:Photoset}
  663. {block:PermalinkPage}
  664. <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>
  665. {/block:PermalinkPage}
  666. {block:IndexPage}
  667. {block:ifNotShowFullPhotosets}
  668. <a class="lb" href="#" onclick="Tumblr.Lightbox.init([/*{block:Photos}, /**/ { width: '{PhotoWidth-HighRes}', height: '{PhotoHeight-HighRes}', low_res: '{PhotoURL-500}', high_res: '{PhotoURL-HighRes}' }{/block:Photos}]);$('body').toggleClass('tumblr_lightbox_active');return false">
  669. {block:Photos}<img src="{PhotoURL-HighRes}"><!--{/block:Photos}-->
  670. </a>
  671. {/block:ifNotShowFullPhotosets}
  672. {block:ifShowFullPhotosets}
  673. <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>
  674. {/block:ifShowFullPhotosets}
  675. {/block:IndexPage}
  676. {/block:Photoset}
  677. {block:Video}
  678. <div class="video">{Video-500}</div>
  679. {/block:Video}
  680. </section>
  681. <section class="post">
  682. {block:Answer}
  683. <div class="question">
  684. <span class="inquiry h">{Question}</span>
  685. <span class="sender">&mdash;&emsp;{Asker}</span>
  686. </div>
  687. <div class="answer text h">{Answer}</div>
  688. {/block:Answer}
  689. {block:Chat}
  690. {block:Title}<h1 class="title h">{Title}</h1>{/block:Title}
  691. <div class="chat text h">
  692. {block:Lines}
  693. <p class="line">
  694. {block:Label}
  695. <span class="label">{Label}&nbsp; </span>
  696. {/block:Label}
  697. {Line}
  698. </p>
  699. {/block:Lines}
  700. </div>
  701. {/block:Chat}
  702. {block:Link}
  703. <h1 class="title h"><a href="{URL}">{Name}</a></h1>
  704. {block:Description}<div class="text h">{Description}</div>{/block:Description}
  705. {/block:Link}
  706. {block:Quote}
  707. <div class="quote"><div class="text h">{Quote}</div></div>
  708. {block:Source}
  709. <div class="source text h">{Source}</div>
  710. {/block:Source}
  711. {/block:Quote}
  712. {block:Text}
  713. {block:Title}<h1 class="title h">{Title}</h1>{/block:Title}
  714. <div class="text h">{Body}</div>
  715. {/block:Text}
  716. {block:Caption}
  717. <div class="caption text h">{Caption}</div>
  718. {/block:Caption}
  719. {block:HasTags}
  720. <div class="tags">
  721. {block:Tags}<a href="{TagURL}">#{Tag}</a>&nbsp; {/block:Tags}
  722. </div>
  723. {/block:HasTags}
  724. {block:Date}
  725. <div class="date accent">
  726. {block:PermalinkPage}
  727. {block:RebloggedFrom}
  728. <div class="rf">
  729. Reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a>
  730. {block:ContentSource}
  731. &nbsp;/&nbsp; Source: <a href="{ReblogRootURL}">{ReblogRootName}</a>
  732. {/block:ContentSource}
  733. </div>
  734. {/block:RebloggedFrom}
  735. {/block:PermalinkPage}
  736. <a href="{Permalink}" class="permalink">{TimeAgo}</a>
  737. {block:IndexPage}
  738. <div class="ctrl">
  739. <a href="{ReblogURL}" target="_blank" class="rb">
  740. <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 361.095 361.095" style="enable-background:new 0 0 361.095 361.095;" xml:space="preserve"><g><g><path d="M182.595,325.678c-63.183,0-120.133-42.217-138.267-102.567c-2.833-9.067-12.183-14.167-21.25-11.333 c-9.067,2.833-14.167,12.183-11.333,21.25c22.95,75.933,91.517,126.65,170.85,126.65c98.317,0,178.5-80.183,178.5-178.5 s-80.183-178.5-178.5-178.5c-55.817,0-108.233,26.633-141.667,69.7l-7.083-56.1c-1.133-9.35-9.633-15.867-18.983-14.733 C5.511,2.678-1.005,11.178,0.128,20.528l13.317,103.7c1.133,8.5,8.5,14.733,16.717,14.733c0.567,0,1.417,0,1.983,0l102.567-11.617 c9.35-1.133,16.15-9.35,15.017-18.7s-9.35-16.15-18.7-15.017l-68.85,7.65c26.633-39.95,71.683-64.6,120.417-64.6 c79.617,0,144.5,64.883,144.5,144.5S262.211,325.678,182.595,325.678z"/></g></g></svg>
  741. </a>
  742. <a href="#" class="li">{LikeButton}
  743. <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 442.403 442.403" style="enable-background:new 0 0 442.403 442.403;" xml:space="preserve"><g><g><path d="M213.05,422.652c2.833,1.7,5.95,2.833,9.35,2.833c3.117,0,6.517-0.85,9.35-2.833c7.65-5.1,187.283-123.533,207.683-243.95 c10.483-62.333-8.783-100.867-26.633-122.117c-20.967-24.933-52.133-39.667-83.017-39.667c-10.2,0-20.117,1.7-28.9,5.1 c-43.067,16.15-72.25,44.767-88.117,64.317c-15.583-19.267-42.217-47.033-74.517-58.083c-9.917-3.4-20.683-5.1-32.017-5.1 c-28.9,0-56.383,11.9-75.367,32.867c-16.717,18.417-35.7,53.55-29.75,114.75C13.016,291.185,204.833,417.268,213.05,422.652z M56.083,78.685c17.283-18.983,38.817-21.817,50.15-21.817c7.367,0,14.45,1.133,20.967,3.4 c39.383,13.317,70.833,63.467,71.4,63.75c3.117,5.1,8.783,8.217,14.733,7.933c5.95,0,11.333-3.4,14.45-8.5 c0.283-0.567,28.617-48.733,85.283-69.983c4.817-1.7,10.767-2.833,16.717-2.833c20.967,0,42.217,10.483,56.95,27.767 c19.267,22.667,25.783,55.533,18.983,94.633c-7.367,43.067-42.5,94.633-101.717,149.317c-33.433,30.883-66.3,54.683-81.6,65.45 c-16.15-11.05-51-36.55-86.417-68.85C74.216,262.285,39.366,209.868,35.116,167.368C31.433,128.552,38.516,97.952,56.083,78.685z"/></g></g></svg>
  744. </a>
  745. </div>
  746. {/block:IndexPage}
  747. </div>
  748. {/block:Date}
  749. </section>
  750. </article>
  751. {block:PostNotes}
  752. <article id="notes" class="entry">
  753. <section class="post">
  754. <h1 class="title accent">{NoteCountWithLabel}</h1>
  755. {PostNotes}
  756. </section>
  757. </article>
  758. {/block:PostNotes}
  759. {/block:Posts}
  760. <!-- {block:ContentSource}{SourceURL}{/block:ContentSource}{block:RebloggedFrom}{ReblogRootURL}{ReblogParentURL}{/block:RebloggedFrom} -->
  761. </div>
  762. </div>
  763. {block:Pagination}
  764. <div class="page accent">
  765. <div class="pagination">{block:PreviousPage}<a class="prev" href="{PreviousPage}">{lang:Previous}</a>{/block:PreviousPage} {block:NextPage}<a class="next" href="{NextPage}">{lang:Next page}</a>{/block:NextPage}</div>
  766. {block:ifLoadMore}<a href="#" class="load-more">load more posts</a>{/block:ifLoadMore}
  767. </div>
  768. {/block:Pagination}
  769. <footer>
  770. <nav class="accent">
  771. {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}<li><a href="http://shythemes.tumblr.com">theme</a></li>
  772. </nav>
  773. <div class="desc">{Description}</div>
  774. </footer>
  775. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  776. <script src="//static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  777. <script src="//static.tumblr.com/fwgzvyf/2nno5ubpt/shythemes.fn.js"></script>
  778. <script src="//static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  779. {block:IndexPage}
  780. <script src="//static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  781. {/block:IndexPage}
  782. <script>
  783. $(document).ready(function(){
  784. var $container = $('.content');
  785. $('.photo-slideshow').pxuPhotoset({
  786. lightbox: true,
  787. rounded: false,
  788. gutter: '1px',
  789. photoset: '.photo-slideshow',
  790. photoWrap: '.photo-data',
  791. photo: '.pxu-photo'
  792. });
  793. $container.audioplayers('{color:accents}');
  794. {block:IndexPage}
  795. $container.masonry({ itemSelector: '.entry' });
  796. $container.resizevideos();
  797. $container.imagesLoaded(function(){
  798. $container.masonry();
  799. $('aside').animate({ opacity: 1 });
  800. $container.find('.entry').animate({ opacity: 1, zIndex: 1 });
  801. });
  802. $(window).resize(function(){
  803. $container.masonry();
  804. $container.find('.video.resized').each(function(){
  805. $(this).removeClass('resized');
  806. });
  807. $container.resizevideos();
  808. });
  809. $container.infinitescroll({
  810. itemSelector: '.entry',
  811. navSelector: '.pagination',
  812. nextSelector: '.next',
  813. loadingImg: '',
  814. loadingText: '<em></em>',
  815. bufferPx: 2000,
  816. errorCallback: function() {
  817. $('.load-more').fadeOut();
  818. }
  819. },
  820. function( newElements ) {
  821. var $newElems = $(newElements);
  822. $newElems.imagesLoaded(function(){
  823. $container.masonry( 'appended', $newElems );
  824. $newElems.animate({ opacity: 1, zIndex: 1 });
  825. });
  826. var $newElemsIDs = $newElems.map(function(){
  827. return this.id;
  828. }).get();
  829. Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs);
  830. $newElems.find('.photo-slideshow').pxuPhotoset({
  831. lightbox: true,
  832. rounded: false,
  833. gutter: '1px',
  834. photoset: '.photo-slideshow',
  835. photoWrap: '.photo-data',
  836. photo: '.pxu-photo'
  837. },
  838. function(){
  839. $container.masonry();
  840. });
  841. $newElems.audioplayers('{color:accents}');
  842. $newElems.resizevideos();
  843. });
  844. $(window).unbind('.infscr');
  845. $('.load-more').click(function(){
  846. $container.infinitescroll('retrieve');
  847. return false
  848. });
  849. {/block:IndexPage}
  850. });
  851. </script>
  852. </body>
  853. </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!