API tools faq
paste
Advertisement
sorrism

air

sorrism
Aug 7th, 2018
8,047
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 36.37 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3.  
  4. theme: air
  5. - sorrism -
  6.  
  7. video resizing by shythemes
  8.  
  9.  
  10. -->
  11.  
  12. <!DOCTYPE html>
  13. <head>
  14.  
  15. <title>{block:TagPage}#{Tag} : {/block:TagPage} {block:PostSummary}{PostSummary} : {/block:PostSummary}{Title}</title>
  16.  
  17. <link rel="shortcut icon" href="{favicon}">
  18.  
  19. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  20. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  21.  
  22. <!--Default Variables-->
  23.  
  24. <meta name="color:Background" content="#FBFBFB"/>
  25. <meta name="color:Text" content="#666666"/>
  26. <meta name="color:Link" content="#444444"/>
  27. <meta name="color:Link Hover" content="#b0b7ea"/>
  28. <meta name="color:Title" content="#444444"/>
  29. <meta name="color:Scrollbar" content="#d5d5d5" />
  30. <meta name="color:Posts" content="#ffffff"/>
  31. <meta name="color:Accents" content="#e4e4e4"/>
  32. <meta name="color:Text Borders" content="#eeeeee"/>
  33. <meta name="color:Overlay" content="#494949"/>
  34.  
  35. <meta name="if:Infinite Scroll" content="1"/>
  36. <meta name="if:Manual Load" content="0"/>
  37.  
  38. <meta name="image:Icon" content=""/>
  39.  
  40. <meta name="select:Post Height" content="250" title="250px"/>
  41. <meta name="select:Post Height" content="300" title="300px"/>
  42. <meta name="select:Post Height" content="350" title="350px"/>
  43.  
  44. <meta name="text:Home Title" content="home"/>
  45. <meta name="text:Ask Title" content="message"/>
  46. <meta name="text:Archive Title" content="archive"/>
  47.  
  48. <meta name="text:Link 1 URL" content=""/>
  49. <meta name="text:Link 1" content=""/>
  50. <meta name="text:Link 2 URL" content=""/>
  51. <meta name="text:Link 2" content=""/>
  52. <meta name="text:Link 3 URL" content=""/>
  53. <meta name="text:Link 3" content=""/>
  54.  
  55. <!--CSS customization here. -->
  56.  
  57. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  58. <link href="//static.tumblr.com/sas2ex2/HFinqriui/photoset.css" rel="stylesheet" type="text/css">
  59. <link href="https://fonts.googleapis.com/css?family=Roboto+Mono:400,400i,500,500i,700,700i" rel="stylesheet">
  60.  
  61. <style type="text/css">
  62.  
  63. /*tumblr controls and lightbox*/
  64.  
  65. .tmblr-lightbox {background:rgba({RGBcolor:overlay}, .97)!important;}
  66.  
  67. .tmblr-lightbox img {opacity:0;}
  68.  
  69. .lightbox-caption {
  70. color:{color:title}!important;
  71. font-family:inherit!important;
  72. font-size:10px!important;
  73. font-weight:normal!important;
  74. text-shadow:none!important;
  75. }
  76.  
  77. .lightbox-image {
  78. -moz-box-shadow:none!important;
  79. -webkit-box-shadow:none!important;
  80. box-shadow:none!important;
  81. -moz-border-radius:0px!important;
  82. -webkit-border-radius:0px!important;
  83. border-radius:0px!important;
  84. background:{color:overlay}!important;
  85. opacity:1!important;
  86. }
  87.  
  88. .vignette {opacity:0!Important;}
  89.  
  90. /*tooltip*/
  91.  
  92. .ui-tooltip {
  93. z-index:6;
  94. position:Absolute;
  95. z-index:9999;
  96. padding-top:15px;
  97. }
  98.  
  99. .ui-tooltip-content {
  100. background:{color:posts};
  101. padding:2px 5px;
  102. font-weight:500;
  103. font-size:.9em;
  104. letter-spacing:1.5px;
  105. text-transform:uppercase;
  106. color:{color:title};
  107. white-space:nowrap;
  108. display:inline-block;
  109. }
  110.  
  111. /*scrollbar*/
  112.  
  113. ::-webkit-scrollbar {
  114. width:12px;
  115. height:12px;
  116. background-color:transparent;
  117. }
  118.  
  119. ::-webkit-scrollbar-thumb {
  120. background-clip:padding-box;
  121. border-radius:6px;
  122. background-color:{color:scrollbar};
  123. border:4px solid transparent;
  124. }
  125.  
  126. .square::-webkit-scrollbar {width:0px;}
  127.  
  128. /*controls*/
  129.  
  130. .iframe-controls--desktop {
  131. z-index:999;
  132. top:2px!important;
  133. right:-20px!important;
  134. opacity:0;
  135. padding-right:75px;
  136. filter:invert(1) contrast(150%);
  137. -webkit-filter:invert(1) contrast(150%);
  138. transform:scale(0.6);
  139. -webkit-transform:scale(0.6);
  140. transform-origin:100% 0;
  141. -webkit-transform-origin:100% 0;
  142. }
  143.  
  144. .iframe-controls--desktop:hover {opacity:.6;}
  145.  
  146. .cv {
  147. position:fixed;
  148. top:5px;
  149. right:5px;
  150. z-index:99;
  151. }
  152.  
  153. .cv svg {
  154. margin:4px 3px 0 0;
  155. height:15px;
  156. fill:{color:title};
  157. }
  158.  
  159. /*basics*/
  160.  
  161. body {
  162. background:{color:background};
  163. color:{color:text};
  164. font:normal 10px/1.5em roboto mono, arial, monospace;
  165. word-wrap:break-word;
  166. overflow-wrap:break-word;
  167. position:relative;
  168. text-align:left;
  169. letter-spacing:.1px;
  170. overflow-x:hidden;
  171. -moz-osx-font-smoothing:grayscale;
  172. -webkit-font-smoothing:antialiased;
  173. font-smoothing:antialiased;
  174. margin:0;
  175. }
  176.  
  177. a {
  178. word-wrap:break-word;
  179. overflow-wrap:break-word;
  180. color:{color:text};
  181. text-decoration:none;
  182. }
  183.  
  184. a, svg, article, .iframe-controls--desktop, .ic:before {
  185. transition:all .3s linear;
  186. -webkit-transition:all .3s linear;
  187. -moz-transition:all .3s linear;
  188. -o-transition:all .3s linear;
  189. }
  190.  
  191. a, a img {cursor:pointer;}
  192.  
  193. .comment a {color:{color:link};}
  194.  
  195. .comment a:hover, nav a:hover {
  196. color:{color:link hover};
  197. text-decoration:none;
  198. }
  199.  
  200. img {
  201. opacity:1;
  202. border:none;
  203. text-decoration:none;
  204. }
  205.  
  206. blockquote {
  207. padding:.1em 0 .1em 15px;
  208. text-align:left;
  209. margin:.5em 0;
  210. border-left:2px solid {color:text borders};
  211. }
  212.  
  213. pre {
  214. padding:0;
  215. margin:0;
  216. line-height:inherit!important;
  217. background:transparent;
  218. font-family:inherit!Important;
  219. font-size:inherit!important;
  220. white-space:pre-wrap;
  221. white-space:-moz-pre-wrap;
  222. white-space:-pre-wrap;
  223. white-space:-o-pre-wrap;
  224. word-wrap:break-word;
  225. }
  226.  
  227. p {margin:.5em 0;}
  228.  
  229. .comment > p:first-child {margin-top:0;}
  230.  
  231. .comment > p:last-child {margin-bottom:0;}
  232.  
  233. .comment img {margin:1.5em auto!important;}
  234.  
  235. .comment > img:first-child {margin-top:0!important;}
  236.  
  237. .comment > img:last-child {margin-bottom:0!important;}
  238.  
  239. .tmblr-full > img {width:100%!important;}
  240.  
  241. b, strong, b a, strong a {
  242. color:{color:title};
  243. font-weight:600!important;
  244. }
  245.  
  246. article ol, article ul {
  247. list-style:none;
  248. text-align:left;
  249. padding-left:0;
  250. }
  251.  
  252. article li {
  253. position:relative;
  254. padding-left:30px;
  255. {block:indexpage}
  256. padding-left:15px;
  257. {/block:indexpage}
  258. }
  259.  
  260. article ol li {counter-increment:list;}
  261.  
  262. article ol li:before {
  263. content:counter(list) '.' ;
  264. left:0;
  265. position:absolute;
  266. }
  267.  
  268. article ul li:before {
  269. position:absolute;
  270. left:15px;
  271. {block:indexpage}
  272. left:0px;
  273. {/block:indexpage}
  274. top:.1em;
  275. font-size:1.2em;
  276. line-height:.83em;
  277. content:'›';
  278. }
  279.  
  280. .chat li:before {display:none;}
  281.  
  282. .comment > ol:first-child, .comment ul:first-child {padding-top:0;}
  283.  
  284. .comment > ol:last-child, .cmment ul:last-child {padding-bottom:0;}
  285.  
  286. small, big, sub, pre {
  287. font-size:1em!important;
  288. line-height:1.5em!important;
  289. vertical-align:baseline!important;
  290. }
  291.  
  292. h1, h2, h3, h4 {
  293. font-size:1em;
  294. margin:0;
  295. padding:0;
  296. color:{color:title};
  297. font-weight:600;
  298. }
  299.  
  300. .comment > h1:first-child, .comment > h2:first-child, .comment > h3:first-child, .comment > h4:first-child {padding:0 0 15px 0;}
  301.  
  302. hr {
  303. border:none;
  304. box-shadow:0;
  305. margin:2em 25%;
  306. border-top:2px solid {color:text borders};
  307. }
  308.  
  309. aside, footer, article {
  310. -webkit-animation-name: fade-in;
  311. -webkit-animation-duration: 1.5s;
  312. }
  313.  
  314. aside, section {
  315. transition:all .4s ease-in;
  316. -webkit-transition:all .4s ease-in;
  317. -o-transition:all .4s ease-in;
  318. -moz-transition:all .4s ease-in;
  319. }
  320.  
  321. /*aside*/
  322.  
  323. aside {
  324. position:fixed;
  325. left:0;
  326. z-index:10;
  327. top:0;
  328. width:35px;
  329. background:{color:posts};
  330. padding:50px 25px;
  331. height:calc(100vh - 100px);
  332. }
  333.  
  334. .o aside {width:225px;}
  335.  
  336. .o section {margin-left:calc(100px + 225px);}
  337.  
  338. .overlay {
  339. position:fixed;
  340. z-index:9;
  341. width:100vw;
  342. height:100vh;
  343. top:0;
  344. left:0;
  345. display:none;
  346. background:rgba({RGBcolor:overlay},.97);
  347. }
  348.  
  349. .sorry {display:none;}
  350.  
  351. .tai {
  352. margin-bottom:10px;
  353. font:500 1.2em/1.5em roboto mono, arial, monospace;
  354. display:block;
  355. color:{color:title};
  356. }
  357.  
  358. .ic {
  359. background:{color:accents};
  360. position:relative;
  361. overflow:hidden!important;
  362. margin-bottom:25px;
  363. }
  364.  
  365. .ic, .ic img, .ic:before {
  366. display:block;
  367. height:35px;
  368. width:35px;
  369. }
  370.  
  371. .ic, .ic img, .ic svg, .ic:before, .when a {
  372. -moz-border-radius:100%;
  373. -webkit-border-radius:100%;
  374. border-radius:100%;
  375. }
  376.  
  377. .ic img {-webkit-backface-visibility:hidden;}
  378.  
  379. .ic svg {
  380. position:absolute;
  381. top:0;
  382. left:0;
  383. line-height:35px;
  384. {block:ifIconImage}opacity:0;{/block:ifIconImage}
  385. fill:{color:text};
  386. width:2em;
  387. margin:calc((35px - 2em) / 2);
  388. }
  389.  
  390. .ic:before {
  391. opacity:0;
  392. content:'';
  393. background:{color:accents};
  394. position:absolute;
  395. margin-top:0;
  396. }
  397.  
  398. .ic:hover svg, .ic:hover:before {opacity:1;}
  399.  
  400. .sorry > div {margin-bottom:15px;}
  401.  
  402. nav a {
  403. display:block;
  404. margin-bottom:.5em;
  405. counter-increment:number;
  406. }
  407.  
  408. nav a:before {
  409. content:counter(number, decimal-leading-zero);
  410. font-weight:500;
  411. color:{color:title};
  412. margin-right:10px;
  413. }
  414.  
  415. /*pagination*/
  416.  
  417. footer {
  418. background:{color:posts};
  419. padding:50px;
  420. margin:0 -50px;
  421. {block:ifinfinitescroll}
  422. {block:ifnotmanualload}
  423. display:none;
  424. {/block:ifnotmanualload}
  425. {/block:ifinfinitescroll}
  426. }
  427.  
  428. footer a {
  429. display:inline-block;
  430. margin:0 5px;
  431. }
  432.  
  433. footer a:first-of-type {margin-left:0;}
  434.  
  435. footer a:last-of-type {margin-right:0;}
  436.  
  437. .current {
  438. font-weight:500;
  439. color:{color:title};
  440. }
  441.  
  442. #infscr-loading {display:none!important;}
  443.  
  444. {block:ifinfinitescroll}
  445. #pagination {display:none;}
  446. {/block:ifinfinitescroll}
  447.  
  448. .nice {
  449. position:fixed;
  450. right:20px;
  451. z-index:5;
  452. bottom:10px;
  453. }
  454.  
  455. .nice a {color:{color:text};}
  456.  
  457. /*posts*/
  458.  
  459. section {
  460. position:relative;
  461. z-index:2;
  462. width:calc(100vw - 150px);
  463. margin:50px 0 0 135px;
  464. {block:permalinkpage}
  465. margin-bottom:50px;
  466. {/block:permalinkpage}
  467. }
  468.  
  469. .flat {margin-bottom:50px;}
  470.  
  471. {block:permalinkpage}
  472. section, .posts, .photo img {width:500px;}
  473. {/block:permalinkpage}
  474.  
  475. article {
  476. {block:indexpage}
  477. height:{select:post height}px;
  478. margin:0 50px 50px 0;
  479. overflow:hidden;
  480. {/block:indexpage}
  481. vertical-align:top;
  482. background:{color:posts};
  483. position:relative;
  484. display:inline-block;
  485. }
  486.  
  487. {block:indexpage}
  488. .photo img {height:{select:post height}px;}
  489. {/block:indexpage}
  490.  
  491. .photo {
  492. position:relative;
  493. {block:indexpage}
  494. height:{select:post height}px;
  495. overflow-y:hidden;
  496. {/block:indexpage}
  497. }
  498.  
  499. .photo img {display:block;}
  500.  
  501. article .pic {
  502. position:relative;
  503. display:none;
  504. line-height:0;
  505. }
  506.  
  507. .pic:first-of-type {display:block!important;}
  508.  
  509. .media {overflow:hidden;}
  510.  
  511. .video iframe, .tumblr_video_container {
  512. display:block;
  513. max-height:100%;
  514. {block:indexpage}
  515. height:{select:post height}px;
  516. {/block:indexpage}
  517. }
  518.  
  519. .over:before {
  520. content:'';
  521. position:absolute;
  522. height:100px;
  523. left:0;
  524. width:100%;
  525. bottom:0;
  526. z-index:2;
  527. background:-moz-linear-gradient(top, rgba({RGBcolor:posts},0) 0%, rgba({RGBcolor:posts},1) 100%);
  528. background: -webkit-linear-gradient(top, rgba({RGBcolor:posts},0) 0%,rgba({RGBcolor:posts},1) 100%);
  529. background:linear-gradient(to bottom, rgba({RGBcolor:posts},0) 0%,rgba({RGBcolor:posts},1) 100%);
  530. }
  531.  
  532. /*text and captions*/
  533.  
  534. .square {
  535. {block:indexpage}
  536. width:calc({select:post height}px - 50px);
  537. height:calc({select:post height}px - 50px);
  538. overflow:hidden;
  539. {/block:indexpage}
  540. padding:25px;
  541. }
  542.  
  543. {block:permalinkpage}
  544. .no .square {padding:0;}
  545. {/block:permalinkpage}
  546.  
  547. .title {
  548. color:{color:title};
  549. font:600 1.1em/1.5em roboto mono, monospace;
  550. }
  551.  
  552. .title a {color:{color:title};}
  553.  
  554. .title a:hover {color:{color:link hover};}
  555.  
  556. .ted:first-of-type {margin-top:15px;}
  557.  
  558. /*quote*/
  559.  
  560. .quote {
  561. font-weight:normal;
  562. font-size:1.2em;
  563. }
  564.  
  565. .source {
  566. padding-top:15px;
  567. font-size:.8em;
  568. letter-spacing:1px;
  569. text-transform:uppercase;
  570. }
  571.  
  572. /*captions*/
  573.  
  574. modal {
  575. position:fixed;
  576. z-index:15;
  577. background:rgba({RGBcolor:overlay},.97);
  578. display:none;
  579. visibility:hidden;
  580. overflow-y:scroll;
  581. height:100vh;
  582. width:100vw;
  583. top:0;
  584. left:0;
  585. }
  586.  
  587. modal .caption {
  588. padding:25px;
  589. display:block;
  590. position:absolute;
  591. z-index:20;
  592. background:{color:posts};
  593. width:33.33vw;
  594. overflow:auto;
  595. top:50%;
  596. left:50%;
  597. transform:translate(-50%, -50%);
  598. -webkit-transform:translate(-50%, -50%);
  599. }
  600.  
  601. .caption {display:none;}
  602.  
  603. .comment {
  604. margin:0;
  605. padding:0 0 15px 0;
  606. list-style:none;
  607. }
  608.  
  609. .comment:last-of-type {padding-bottom:0;}
  610.  
  611. .user, .read_more {
  612. border:0!important;
  613. display:block;
  614. margin-bottom:10px;
  615. font-weight:500;
  616. }
  617.  
  618. .user, .user a {color:{color:title};}
  619.  
  620. /*audio*/
  621.  
  622. .tumblr_audio_player {
  623. width:400px;
  624. height:30px;
  625. margin-top:-2px;
  626. }
  627.  
  628. .player {
  629. width:25px;
  630. height:24px;
  631. display:block;
  632. {block:permalinkpage}
  633. position:absolute;
  634. left:15px;
  635. top:calc(50% - 12px);
  636. {/block:permalinkpage}
  637. overflow:hidden;
  638. {block:indexpage}
  639. margin:0 auto;
  640. padding-right:5px;
  641. {block:indexpage}
  642. }
  643.  
  644. .hold {
  645. background:{color:accents};
  646. position:relative;
  647. display:block;
  648. min-height:24px;
  649. padding:15px;
  650. {block:indexpage}
  651. margin:calc({select:post height}px / 2) -25px 0 -25px;
  652. padding:0;
  653. background:{color:posts};
  654. transform:translate(0%,-100%);
  655. -webkit-transform:translate(0%,-100%);
  656. {/block:indexpage}
  657. }
  658.  
  659. .audio_info {
  660. width:450px;
  661. margin-left:45px;
  662. {block:indexpage}
  663. vertical-align:middle;
  664. text-align:center;
  665. width:calc({select:post height}px - 50px);
  666. margin:15px 25px 0 25px;
  667. {/block:indexpage}
  668. }
  669.  
  670. .audio_info span {
  671. white-space:nowrap;
  672. overflow:hidden;
  673. text-overflow:ellipsis;
  674. display:block;
  675. }
  676.  
  677. .hold .artist {color:rgba({RGBcolor:text},.7);}
  678.  
  679. /*asks*/
  680.  
  681. .q {
  682. padding:15px 25px;
  683. margin:-25px -25px 0 -25px;
  684. {block:indexpage}
  685. max-width:calc({select:post height}px - 50px);
  686. {/block:indexpage}
  687. background:{color:accents};
  688. color:rgba({RGBcolor:text},.7);
  689. }
  690.  
  691. .as {text-transform:lowercase;}
  692.  
  693. .as, .as a {color:{color:text}!important;}
  694.  
  695. .a {
  696. margin-top:15px;
  697. background:{color:posts};
  698. {block:permalinkpage}
  699. margin-bottom:-20px;
  700. {/block:permalinkpage}
  701. }
  702.  
  703. /*chats*/
  704.  
  705. .chat {
  706. margin:0;
  707. padding:0;
  708. list-style:none;
  709. }
  710.  
  711. .l {padding:0 0 15px 0;}
  712.  
  713. .l:nth-of-type(even) {color:rgba({RGBcolor:text},.7);}
  714.  
  715. .l:last-of-type {padding-bottom:0px;}
  716.  
  717. .label {
  718. display:inline-block;
  719. font-weight:600;
  720. }
  721.  
  722. /*permalink and notes*/
  723.  
  724. .when {
  725. position:absolute;
  726. bottom:10px;
  727. z-index:3;
  728. left:50%;
  729. max-width:100%;
  730. transform:translatex(-50%);
  731. -webkit-transform:translatex(-50%);
  732. line-height:1em;
  733. }
  734.  
  735. .when a {
  736. background:{color:title};
  737. display:inline-block;
  738. padding:3px;
  739. opacity:0;
  740. position:relative;
  741. margin:0 2.5px;
  742. top:10px;
  743. }
  744.  
  745. article:hover .when a {
  746. opacity:1;
  747. top:0;
  748. }
  749.  
  750. .when a:nth-of-type(2) {transition-delay:150ms}
  751.  
  752. .when a:nth-of-type(3) {transition-delay:300ms}
  753.  
  754. .when a:nth-of-type(4) {transition-delay:450ms}
  755.  
  756. .when svg {
  757. width:1.25em;
  758. line-height:1em;
  759. display:block;
  760. fill:{color:posts};
  761. }
  762.  
  763. .like:hover svg, .when a:hover svg{fill:{color:link hover};}
  764.  
  765. .like .liked + svg {fill:#D95E40;}
  766.  
  767. .like_button {cursor:pointer;}
  768.  
  769. .like_button iframe {
  770. position:absolute;
  771. opacity:0.00001;
  772. top:0;
  773. bottom:0;
  774. right:0;
  775. z-index:4;
  776. }
  777.  
  778. .pc {padding:25px;}
  779.  
  780. .pinfo {
  781. position:relative;
  782. z-index:3;
  783. padding:0 25px 25px 25px;
  784. }
  785.  
  786. .no .pinfo, .ph .pinfo {padding-top:25px;}
  787.  
  788. .cp .pinfo {
  789. padding-top:0px;
  790. margin-top:-15px;
  791. }
  792.  
  793. .pagenotes {margin-top:50px;}
  794.  
  795. .pagenotes .title {
  796. display:block;
  797. line-height:1em;
  798. padding:15px;
  799. }
  800.  
  801. #vs {
  802. padding:15px;
  803. background:{color:accents};
  804. text-transform:lowercase;
  805. }
  806.  
  807. #vs a {
  808. font-weight:500;
  809. color:{color:title};
  810. }
  811.  
  812. ol.notes {
  813. list-style-type:none;
  814. padding:0 15px 15px 15px;
  815. margin:0;
  816. }
  817.  
  818. ol.notes li.note {padding:0 0 5px 25px;}
  819.  
  820. ol.notes li.note:nth-child(odd) * {color:rgba({RGBcolor:text},.7);}
  821.  
  822. ol.notes li.note img.avatar {display:none!important;}
  823.  
  824. ol.notes li:last-of-type {padding-bottom:0!important;}
  825.  
  826. .more_notes_link, .notes_loading, .read_more {
  827. display:block;
  828. text-align:left;
  829. text-transform:lowercase;
  830. color:{color:title}!important;
  831. font-weight:500;
  832. }
  833.  
  834. .more_notes_link_container:after {display:none;}
  835.  
  836. {CustomCSS}
  837.  
  838. @media screen and (max-width:700px) {
  839. section {margin:50px 0 0 85px;}
  840. article, .photo img, .media, .photo {
  841. height:auto;
  842. width:calc(100vw - 85px);
  843. }
  844. .square, .q {
  845. max-width:none;
  846. height:auto;
  847. width:calc(100vw - 125px);
  848. overflow:auto;
  849. }
  850. .over:before {display:none;}
  851. article {
  852. margin:0 0 50px 0;
  853. padding:0;
  854. }
  855. .audio_info {width:calc(100vw - 125px);}
  856. .o section {margin-left:225px;}
  857. }
  858.  
  859. </style>
  860.  
  861. </head>
  862.  
  863. <body>
  864.  
  865. <div class="cv"><a><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve"><path d="M106.6,134c14.3,0,26-11.7,26-26s-11.7-26-26-26s-26,11.7-26,26S92.2,134,106.6,134z M106.6,94c7.7,0,14,6.3,14,14s-6.3,14-14,14s-14-6.3-14-14S98.9,94,106.6,94z M40.4,124.6l7.2,3.3c3,1.4,4.4,4.8,3.3,7.9l-2.8,7.4c-2.1,5.7-1.4,11.8,2.1,16.7c3.4,5,9,7.9,15,7.9c2.2,0,4.4-0.4,6.5-1.2l7.4-2.8c0.7-0.3,1.4-0.4,2.2-0.4c2.4,0,4.7,1.4,5.7,3.7l3.3,7.2c3,6.6,9.4,10.7,16.6,10.7s13.6-4.1,16.6-10.7l3.3-7.2c1-2.2,3.2-3.7,5.7-3.7c0.7,0,1.5,0.1,2.2,0.4l7.4,2.8c2.1,0.8,4.3,1.2,6.5,1.2c0,0,0,0,0,0c5.9,0,11.5-3,15-7.9c3.4-5,4.2-11.1,2.1-16.7l-2.8-7.4c-1.1-3.1,0.3-6.5,3.3-7.9l7.2-3.3c6.6-3,10.7-9.4,10.7-16.6s-4.1-13.6-10.7-16.6l-7.2-3.3c-3-1.4-4.4-4.8-3.3-7.9l2.8-7.4c2.1-5.7,1.4-11.8-2.1-16.7c-3.4-5-9-7.9-15-7.9c-2.2,0-4.4,0.4-6.5,1.2l-7.4,2.8c-0.7,0.3-1.4,0.4-2.2,0.4c-2.4,0-4.7-1.4-5.7-3.7l-3.3-7.2c-3-6.6-9.4-10.7-16.6-10.7S93,35.2,90,41.8l-3.3,7.2c-1,2.2-3.2,3.7-5.7,3.7c-0.7,0-1.5-0.1-2.2-0.4l-7.4-2.8c-2.1-0.8-4.3-1.2-6.5-1.2c-5.9,0-11.5,3-15,7.9c-3.4,5-4.2,11.1-2.1,16.7l2.8,7.4c1.1,3.1-0.3,6.5-3.3,7.9l-7.2,3.3c-6.6,3-10.7,9.4-10.7,16.6S33.8,121.6,40.4,124.6z M45.3,102.3l7.2-3.3c8.7-4,12.9-14.1,9.5-23l-2.8-7.4c-1-2.7,0-4.7,0.7-5.7c1.6-2.4,4.6-3.4,7.4-2.3l7.4,2.8c2.1,0.8,4.2,1.2,6.4,1.2c0,0,0,0,0,0c7.1,0,13.6-4.2,16.6-10.7l3.3-7.2c1.5-3.4,4.7-3.7,5.7-3.7s4.1,0.3,5.7,3.7l3.3,7.2c3,6.5,9.5,10.7,16.6,10.7c2.2,0,4.3-0.4,6.4-1.2l7.4-2.8c2.8-1,5.7,0,7.4,2.3c0.7,1,1.7,3,0.7,5.7l-2.8,7.4c-3.3,8.9,0.8,19,9.5,23l7.2,3.3c3.4,1.5,3.7,4.7,3.7,5.7s-0.3,4.1-3.7,5.7l-7.2,3.3c-8.7,4-12.9,14.1-9.5,23l2.8,7.4c1,2.7,0,4.7-0.7,5.7c-1.6,2.4-4.6,3.4-7.4,2.3l-7.4-2.8c-2.1-0.8-4.2-1.2-6.4-1.2c-7.1,0-13.6,4.2-16.6,10.7l-3.3,7.2c-1.5,3.4-4.7,3.7-5.7,3.7s-4.1-0.3-5.7-3.7l-3.3-7.2c-3-6.5-9.5-10.7-16.6-10.7c-2.2,0-4.3,0.4-6.4,1.2l-7.4,2.8c-2.8,1-5.7,0-7.4-2.3c-0.7-1-1.7-3-0.7-5.7l2.8-7.4c3.3-8.9-0.8-19-9.5-23l-7.2-3.3c-3.4-1.5-3.7-4.7-3.7-5.7S41.9,103.9,45.3,102.3z"/></svg></a></div>
  866.  
  867. <aside id="sidebar">
  868. <a class="ic op" id="button">
  869. <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve"><path d="M45,72h128c3.3,0,6-2.7,6-6s-2.7-6-6-6H45c-3.3,0-6,2.7-6,6S41.7,72,45,72z"/><path d="M45,117h128c3.3,0,6-2.7,6-6s-2.7-6-6-6H45c-3.3,0-6,2.7-6,6S41.7,117,45,117z"/><path d="M45,162h128c3.3,0,6-2.7,6-6s-2.7-6-6-6H45c-3.3,0-6,2.7-6,6S41.7,162,45,162z"/></svg>
  870. {block:ifIconImage}<img src="{image:Icon}"/>{/block:ifIconImage} </a>
  871. <div class="sorry">
  872. <a href="/" class="tai">{title}</a>
  873. <div>{description}</div>
  874. <nav>
  875. {block:ifHomeTitle}<a href="/">{text:home title}</a>{/block:ifHomeTitle}
  876. {block:ifAskTitle}<a href="/ask">{text:ask title}</a>{/block:ifAskTitle}
  877. {block:ifLink1}<a href="{text:Link 1 URL}">{text:Link 1}</a>{/block:ifLink1}
  878. {block:ifLink2}<a href="{text:Link 2 URL}">{text:Link 2}</a>{/block:ifLink2}
  879. {block:ifLink3}<a href="{text:Link 3 URL}">{text:Link 3}</a>{/block:ifLink3}
  880. {block:ifArchiveTitle}<a href="/archive">{text:archive title}</a>{/block:ifArchiveTitle}
  881. </nav>
  882. </div>
  883. </aside>
  884.  
  885. <div class="overlay"></div>
  886. <section id="entries" {block:indexpage}{block:ifInfiniteScroll}{block:ifnotmanualload}class="flat"{/block:ifnotmanualload}{/block:ifInfiniteScroll}{/block:indexpage}>
  887.  
  888. <div class="con">{block:Posts}<article class="posts {block:caption}cp{/block:caption} {block:photo}ph{/block:photo}{block:photoset}ph{/block:photoset}{block:video}ph{/block:video}{block:audio}no{/block:audio}" id="{PostId}">
  889.  
  890. {block:Quote}
  891. <div class="square check">
  892. <div class="title quote">{Quote}</div>
  893. {block:Source}<div class="source">{Source}</div>{/block:Source}
  894. </div>
  895. {/block:Quote}
  896.  
  897. {block:Text}
  898. <div class="square check">
  899. {block:Title}<div class="title">{Title}</div>{/block:Title}
  900. {block:RebloggedFrom}{block:Reblogs}
  901. <li class="comment {block:Title}ted{/block:Title}">
  902. <a {block:haspermalink}href="{permalink}"{/block:haspermalink} class="user" target="_blank">{username}</a>
  903. {body}
  904. </li>{/block:Reblogs}{/block:RebloggedFrom}
  905. {block:NotReblog}
  906. <li class="comment {block:Title}ted{/block:Title}">
  907. {body}
  908. </li>
  909. {/block:NotReblog}
  910. </div>
  911. {/block:Text}
  912.  
  913. {block:Link}
  914. <div class="square check">
  915. <div class="title"><a href="{URL}">{Name}</a></div>
  916. {block:Description}
  917. <li class="comment ted">{description}</li>
  918. {/block:Description}
  919. {block:RebloggedFrom}{block:Reblogs}
  920. <li class="comment">
  921. <a {block:haspermalink}href="{permalink}"{/block:haspermalink} class="user" target="_blank">{username}</a>
  922. {body}
  923. </li>
  924. {/block:Reblogs}{/block:RebloggedFrom}
  925. </div>
  926. {/block:Link}
  927.  
  928. {block:Chat}
  929. <div class="square check">
  930. {block:Title}<div class="title">{Title}</div>{/block:Title}
  931. <ol class="chat {block:title}ted{/block:title}">
  932. {block:Lines}<li class="l {Alt}">
  933. {block:Label}<span class="label">{Label}</span>{/block:Label} {Line}
  934. </li>{/block:Lines}
  935. </ol>
  936. </div>
  937. {/block:Chat}
  938.  
  939. <div class="media">
  940.  
  941. {block:Photo}
  942. <div class="photo">
  943. <a 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">
  944. <img src="{PhotoURL-HighRes}"alt="{PhotoAlt}"/>
  945. </a>
  946. </div>
  947. {/block:Photo}
  948.  
  949. {block:Photoset}
  950. {block:indexpage}
  951. <div class="photo set">
  952. <a class="pic" 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">{block:Photos}
  953. <img src="{PhotoURL-HighRes}"><!--{/block:Photos}--></a>
  954. </div>
  955. {/block:indexpage}
  956. {block:permalinkpage}
  957. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><img alt="{PhotoAlt}" 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>
  958. {/block:permalinkpage}
  959. {/block:Photoset}
  960.  
  961. {block:Video}
  962. <div class="video">{Video-500}</div>
  963. {/block:Video}
  964.  
  965. {block:Audio}
  966. <div class="square">
  967. {block:AudioPlayer}
  968. <div class="hold">
  969. <div class="player">{AudioPlayerWhite}</div>
  970. <div class="audio_info">
  971. {block:TrackName}<span>{TrackName}</span>{/block:TrackName}{block:Artist}<span class="artist">{Artist}</span>{/block:Artist}
  972. </div>
  973. </div>
  974. {/block:AudioPlayer}
  975. </div>
  976. {/block:Audio}
  977.  
  978.  
  979. </div>
  980.  
  981. {block:Answer}
  982. <div class="square check">
  983. <div class="q">
  984. <span class="as">{Asker} sent: </span>{Question}
  985. </div>
  986. <div class="a">
  987. {block:Answerer}<li class="comment"><span class="user">{answerer} replied: </span>{answer}</li>{/block:Answerer}
  988. {block:NotReblog}<li class="comment reply">{replies}</li>{/block:NotReblog}
  989. {block:rebloggedfrom}{block:reblogs}
  990. <li class="comment"><a {block:haspermalink}href="{permalink}"{/block:haspermalink} class="user" target="_blank">{block:HasAvatar}<img src="{PortraitURL-64}"/>{/block:HasAvatar}{username}</a>{body}</li>
  991. {/block:Reblogs}{/block:rebloggedfrom}
  992. </div>
  993. </div>
  994. {/block:Answer}
  995.  
  996. {block:permalinkpage}
  997. {block:caption}
  998. <div class="pc">
  999. {block:Reblogs}
  1000. <li class="comment">
  1001. <a {block:haspermalink}href="{permalink}"{/block:haspermalink} class="user" target="_blank">{username}</a>
  1002. {body}
  1003. </li>
  1004. {/block:Reblogs}
  1005. {block:NotReblog}
  1006. <li class="comment">
  1007. <a {block:haspermalink}href="{permalink}"{/block:haspermalink} class="user" target="_blank">{name}</a>
  1008. {Caption}
  1009. </li>
  1010. {/block:NotReblog}
  1011. </div>
  1012. {/block:caption}
  1013. {block:date}
  1014. <div class="pinfo">posted {timeago} on {month} {dayofmonth}{dayofmonthsuffix}, {year}
  1015. {block:HasTags}<div class="tags">{block:Tags}<a href="{TagUrl}">#{Tag}</a> {/block:Tags}</div>{/block:HasTags}
  1016. </div>
  1017. {/block:date}
  1018. {/block:permalinkpage}
  1019.  
  1020.  
  1021. {block:indexpage}
  1022. {block:date}
  1023. <div class="when">
  1024. <a href="{Permalink}" target="_blank" title="view post"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve"><path d="M154,27H58c-3.3,0-6,2.7-6,6v153.7c0,2.5,1.5,4.7,3.8,5.6c2.3,0.9,4.9,0.3,6.6-1.6l44.8-49.1l42.3,49c1.2,1.3,2.8,2.1,4.5,2.1c0.7,0,1.4-0.1,2.1-0.4c2.3-0.9,3.9-3.1,3.9-5.6V33C160,29.7,157.3,27,154,27z M148,170.6l-36.1-41.9c-1.1-1.3-2.7-2.1-4.5-2.1c-1.7,0-3.4,0.7-4.5,2L64,171.3V39h84V170.6z"/></svg></a>
  1025. <a href="{ReblogURL}" target="_blank" title="reblog"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve"><path d="M108.7,159.2c-22.3,0-42.4-14.9-48.8-36.2c-1-3.2-4.3-5-7.5-4c-3.2,1-5,4.3-4,7.5c8.1,26.8,32.3,44.7,60.3,44.7c34.7,0,63-28.3,63-63c0-34.7-28.3-63-63-63c-19.7,0-38.2,9.4-50,24.6l-2.5-19.8c-0.4-3.3-3.4-5.6-6.7-5.2c-3.3,0.4-5.6,3.4-5.2,6.7L49,88.1c0.4,3,3,5.2,5.9,5.2c0.2,0,0.5,0,0.7,0l36.2-4.1c3.3-0.4,5.7-3.3,5.3-6.6s-3.3-5.7-6.6-5.3L66.2,80c9.4-14.1,25.3-22.8,42.5-22.8c28.1,0,51,22.9,51,51S136.8,159.2,108.7,159.2z"/></svg></a>
  1026. <a class="like" title="like">{LikeButton}<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve"><path d="M148,37.8c-3.9,0-7.5,0.6-10.8,1.9c-15.1,5.7-24.6,17.8-29.8,26.7c-6-8.6-16.1-20.5-27.6-24.4c-3.8-1.3-8.1-2-12.3-2c-10.7,0-20.3,4.1-27,11.5c-5.7,6.2-12,18-10,38.8c4.1,42.6,71.5,87.1,74.3,88.9c1,0.7,2.1,1,3.3,1c1.1,0,2.3-0.3,3.3-1c2.7-1.8,66.5-43.6,73.7-86.1c3.7-21.8-2.7-34.9-8.8-42.1C169.2,42.7,158.6,37.8,148,37.8z M173.1,91c-2.6,15.2-15.1,33.4-36.1,52.7c-11.9,10.9-23.5,19.4-29,23.2c-5.7-4-17.9-12.9-30.3-24.3C56,122.5,43.8,104,42.3,89c-1.3-13,1.1-23.2,6.9-29.6c6-6.6,13.9-7.6,18.1-7.6c3,0,5.9,0.5,8.5,1.3c11.4,3.9,23.3,21.7,26.9,28.3c1.1,2.1,3.4,3.3,5.7,3.1c2.4-0.2,4.4-1.7,5.2-4c0.1-0.2,8.2-22.4,27.7-29.7c1.9-0.7,4.2-1.1,6.6-1.1c7.2,0,14.3,3.3,19,9C173.3,66.2,175.5,77.4,173.1,91z"/></svg></a>
  1027. {block:caption}<a class="see" title="caption"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve"><path d="M51.6,144.6l-6,34.1c-0.4,2.3,0.5,4.6,2.4,5.9c1,0.8,2.3,1.1,3.5,1.1c1,0,2-0.2,2.8-0.7l44.3-23.8c3.2,0.3,6.3,0.4,9.4,0.4c46.3,0,83.9-29.5,83.9-65.7c0-36.2-37.6-65.7-83.9-65.7S24.1,59.7,24.1,95.9C24.1,114.6,34.1,132.2,51.6,144.6z M108,42.3c39.6,0,71.9,24.1,71.9,53.7c0,29.6-32.3,53.7-71.9,53.7c-3.2,0-6.6-0.2-10-0.5c-1.2-0.1-2.4,0.1-3.5,0.7l-35,18.8l4.5-25.7c0.4-2.4-0.6-4.8-2.7-6.1c-16.1-10.3-25.3-25.1-25.3-40.8C36.1,66.4,68.4,42.3,108,42.3z"/></svg></a>{/block:caption}
  1028. </div>
  1029.  
  1030. {block:caption}
  1031. <div class="caption copy">
  1032. {block:Reblogs}
  1033. <li class="comment">
  1034. <a {block:haspermalink}href="{permalink}"{/block:haspermalink} class="user" target="_blank">{username}</a>
  1035. {body}
  1036. </li>
  1037. {/block:Reblogs}
  1038. {block:NotReblog}
  1039. <li class="comment">
  1040. <a {block:haspermalink}href="{permalink}"{/block:haspermalink} class="user" target="_blank">{name}</a>
  1041. {Caption}
  1042. </li>
  1043. {/block:NotReblog}
  1044. </div>
  1045. {/block:caption}
  1046.  
  1047. {/block:date}
  1048. {/block:indexpage}
  1049.  
  1050. </article>
  1051.  
  1052. {block:PostNotes}
  1053. <article class="posts pagenotes">
  1054. {block:RebloggedFrom}
  1055. <div id="vs">reblogged via: <a href="{ReblogParentURL}">{ReblogParentName}</a>{block:ContentSource}<br>source: <a href="{ReblogRootURL}" >{ReblogRootName}</a>{/block:ContentSource}
  1056. </div>
  1057. {/block:RebloggedFrom}
  1058. <div class="title">{NoteCountWithLabel}</div>
  1059. {PostNotes}
  1060. </article>
  1061. {/block:PostNotes}
  1062.  
  1063. {/block:Posts}
  1064.  
  1065. </div>
  1066.  
  1067. {block:Pagination}
  1068. <footer>
  1069. {block:ifinfinitescroll}{block:ifmanualload}{block:NextPage}
  1070. <div class="pag">
  1071. <a class="load">load more</a>
  1072. </div>{/block:NextPage}{/block:ifmanualload}{/block:ifinfinitescroll}
  1073. <div id="pagination" class="pag">
  1074. {block:PreviousPage}
  1075. <a href="{PreviousPage}">previous page</a>/{/block:PreviousPage}{block:JumpPagination length="5"}{block:CurrentPage}<a class="current">{PageNumber}</a>{/block:CurrentPage}{block:JumpPage}<a href="{URL}" class="jump">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}{block:NextPage}/<a href="{NextPage}" id="next">next page</a>{/block:NextPage}
  1076. </div>
  1077. </footer>
  1078. {/block:Pagination}
  1079.  
  1080. </section>
  1081.  
  1082. <modal></modal>
  1083.  
  1084. <!-- jquery -->
  1085.  
  1086. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script><script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>{block:permalinkpage}<script src ="//static.tumblr.com/fwgzvyf/l6jnyutne/shythemes.vr.js"></script><script src="//static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>{/block:permalinkpage}{block:indexpage}{block:ifinfinitescroll}<script src="//static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>{/block:ifinfinitescroll}{/block:indexpage}
  1087.  
  1088. <script>
  1089. $(document).ready(function() {
  1090. $('body').tooltip({track:true});
  1091. $('p').filter(function (){ return $.trim(this.innerHTML) == "" }).remove();
  1092. $('.ic').click(function() {
  1093. if ($(this).hasClass('op')) {
  1094. $('body').addClass('o');
  1095. $('.sorry').delay(600).fadeIn(300);
  1096. $(this).removeClass('op').addClass('cl');
  1097. $('.overlay').fadeIn(400);
  1098. }
  1099. else {
  1100. $('.sorry').fadeOut(300);
  1101. $('.overlay').delay(300).fadeOut(400);
  1102. setTimeout(function() {
  1103. $('body').removeClass('o');
  1104. },400);
  1105. $(this).removeClass('cl').addClass('op');
  1106. }
  1107. });
  1108. $(document).click(function(e) {
  1109. if ($('body').hasClass('o')) {
  1110. if (e.target.id != 'sidebar' && e.target.id != 'button' && !$('aside').find(e.target).length) {
  1111. $('.overlay').delay(300).fadeOut(400);
  1112. $('.sorry').fadeOut(300);
  1113. setTimeout(function() {
  1114. $('body').removeClass('o');
  1115. },400);
  1116. $('#button').removeClass('cl').addClass('op');
  1117. }
  1118. }
  1119. });
  1120. var postHeight = {select:post height};
  1121. {block:indexpage}
  1122. $('article').find('.check').each(function(){
  1123. var textHeight = $(this).innerHeight();
  1124. if (textHeight >= postHeight) {
  1125. $(this).closest('.check').addClass('over');
  1126. }
  1127. });
  1128. {/block:indexpage}
  1129. {block:permalinkpage}
  1130. $('.photo-slideshow').pxuPhotoset({
  1131. lightbox: true,
  1132. rounded: false,
  1133. gutter: '3px',
  1134. photoset: '.photo-slideshow',
  1135. photoWrap: '.photo-data',
  1136. photo: '.pxu-photo'
  1137. });
  1138. {/block:permalinkpage}
  1139. $('.see').click(function(e){
  1140. e.preventDefault();
  1141. $(this).closest('article').find('.copy').clone().appendTo('modal');
  1142. $('modal').fadeIn(400);
  1143. $('modal').css('visibility', 'visible');
  1144. e.stopPropagation();
  1145. });
  1146. $('modal').on('click', function(e) {
  1147. if (e.target !== this) return;
  1148. $('modal').fadeOut(400).empty();
  1149. });
  1150. $('iframe.tumblr_audio_player').load(function() {
  1151. $('iframe.tumblr_audio_player').contents().find("head").append($("<style type='text/css'> .audio-player{background:transparent!important} </style>"));
  1152. });
  1153. var $container = $('.con');
  1154. {block:indexpage}
  1155. {block:ifinfinitescroll}
  1156. $container.infinitescroll({
  1157. itemSelector: 'article',
  1158. navSelector: '#pagination',
  1159. nextSelector: '#pagination #next',
  1160. loadingImg: '',
  1161. loadingText: '<em></em>',
  1162. errorCallback: function(){ $('.load').text('no more posts').parent('footer').delay(4000).slideUp(400); },
  1163. bufferPx: 2000
  1164. },
  1165. function( newElements ) {
  1166. var $newElems = $( newElements );
  1167. var $newID = $newElems.map(function(){return this.id;}).get();
  1168. Tumblr.LikeButton.get_status_by_post_ids($newID);
  1169. $newElems.find('iframe.tumblr_audio_player').load( function() {
  1170. $('iframe.tumblr_audio_player').contents().find("head").append($("<style type='text/css'> .audio-player{background:transparent!important} </style>"));
  1171. });
  1172. $newElems.find('p').filter(function (){ return $.trim(this.innerHTML) == "" }).remove();
  1173. $newElems.find('.see').click(function(e){
  1174. e.preventDefault();
  1175. $(this).closest('article').find('.copy').clone().appendTo('modal');
  1176. $('modal').fadeIn(400);
  1177. $('modal').css('visibility', 'visible');
  1178. e.stopPropagation();
  1179. });
  1180. $newElems.find('.check').each(function(){
  1181. var textHeight = $(this).innerHeight();
  1182. if (textHeight >= postHeight) {
  1183. $(this).closest('.check').addClass('over');
  1184. }
  1185. });
  1186. });
  1187. {block:ifmanualload}
  1188. $(window).unbind('.infscr');
  1189. $('.load').click(function(){
  1190. $('footer').fadeTo("200", 0);
  1191. $container.delay(400).infinitescroll('retrieve').parent('section').find('.pag').parent('footer').delay(400).fadeTo("400", 1);
  1192. });
  1193. {/block:ifmanualload}
  1194. {/block:ifinfinitescroll}
  1195. {/block:indexpage}
  1196. });
  1197. </script>
  1198.  
  1199. {block:ContentSource}
  1200. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1201. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1202. {/block:SourceLogo}
  1203. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1204. {/block:ContentSource}
  1205. <a class="nice" href="https://sorrism.tumblr.com" target="_blank">@</a>
  1206. </body></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!