API tools faq
paste
Advertisement
sorrism

apricot

sorrism
May 29th, 2018
12,638
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 38.17 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3.  
  4. theme: apricot
  5. - sorrism -
  6.  
  7. time stamp shortening by bycholoethemes
  8. note shortening & video resizing by shythemes
  9.  
  10.  
  11. -->
  12.  
  13.  
  14. <!DOCTYPE html>
  15.  
  16. <head>
  17.  
  18.  
  19. <title>{block:TagPage}#{Tag} : {/block:TagPage} {block:PostSummary}{PostSummary} : {/block:PostSummary}{Title}</title>
  20.  
  21. <link rel="shortcut icon" href="{favicon}">
  22.  
  23. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  24. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  25.  
  26. <!--Default Variables-->
  27.  
  28. <meta name="color:Posts" content="#ffffff"/>
  29. <meta name="color:Background" content="#f4f4f4"/>
  30. <meta name="color:Text" content="#555555"/>
  31. <meta name="color:Link" content="#777777"/>
  32. <meta name="color:Link Hover" content="#000000"/>
  33. <meta name="color:Blog Title" content="#000000"/>
  34. <meta name="color:Title" content="#000000"/>
  35. <meta name="color:Scrollbar" content="#aaaaaa"/>
  36. <meta name="color:Borders" content="#eeeeee"/>
  37. <meta name="color:Text Borders" content="#eeeeee"/>
  38.  
  39. <meta name="if:Infinite Scroll" content="0"/>
  40. <meta name="if:Manual Load" content="1"/>
  41. <meta name="if:Hide Captions" content="0"/>
  42.  
  43. <meta name="image:Sidebar" content=""/>
  44.  
  45. <meta name="text:Home Title" content="Home"/>
  46. <meta name="text:Ask Title" content="Message"/>
  47. <meta name="text:Archive Title" content="Archive"/>
  48.  
  49. <meta name="text:Link 1 URL" content=""/>
  50. <meta name="text:Link 1" content=""/>
  51. <meta name="text:Link 2 URL" content=""/>
  52. <meta name="text:Link 2" content=""/>
  53. <meta name="text:Link 3 URL" content=""/>
  54. <meta name="text:Link 3" content=""/>
  55.  
  56. <link href="//static.tumblr.com/sas2ex2/HFinqriui/photoset.css" rel="stylesheet" type="text/css">
  57.  
  58. <!--CSS customization here. -->
  59.  
  60. <style type="text/css">
  61.  
  62. /*tumblr controls and lightbox*/
  63.  
  64. .tmblr-lightbox {background:rgba({RGBcolor:background}, .95)!important;}
  65.  
  66. .tmblr-lightbox img {opacity:0;}
  67.  
  68. .lightbox-caption {
  69. color:{color:title}!important;
  70. font-family:inherit!important;
  71. font-size:1em!important;
  72. font-weight:normal!important;
  73. text-shadow:none!important;
  74. }
  75.  
  76. .lightbox-image {
  77. -moz-box-shadow:none!important;
  78. -webkit-box-shadow:none!important;
  79. box-shadow:none!important;
  80. -moz-border-radius:0px!important;
  81. -webkit-border-radius:0px!important;
  82. border-radius:0px!important;
  83. padding:0px!important;
  84. opacity:1!important;
  85. }
  86.  
  87. .vignette {opacity:0!important;}
  88.  
  89. body > .tmblr-iframe {
  90. right:13px;
  91. opacity:0;
  92. top:9px;
  93. z-index:99;
  94. -webkit-transform:scale(.6);
  95. -moz-transform:scale(.6);
  96. transform:scale(.6);
  97. -webkit-backface-visibility:hidden;
  98. padding:0px 50px 10px 10px;
  99. transition:all .3s linear;
  100. -webkit-transition:all .3s linear;
  101. -o-transition:all .3s linear;
  102. -moz-transition:all .3s linear;
  103. -webkit-backface-visibility:hidden;
  104. -webkit-transform-origin:right top;
  105. -moz-transform-origin:right top;
  106. -ms-transform-origin:right top;
  107. -o-transform-origin:right top;
  108. transform-origin:right top;
  109. }
  110.  
  111. body > .tmblr-iframe:hover {opacity:.7!important;}
  112.  
  113. body > .tmblr-iframe, .cc {position:fixed;}
  114.  
  115. .cc {
  116. top:18px;
  117. z-index:12;
  118. right:15px;
  119. }
  120.  
  121. .cc svg {
  122. display:inline-block;
  123. margin-left:5px;
  124. width:12px;
  125. height:auto;
  126. opacity:.75;
  127. overflow:visible;
  128. }
  129.  
  130. .cc svg path {fill:{color:text};}
  131.  
  132. /*tooltip*/
  133.  
  134. .ui-tooltip {
  135. position:Absolute;
  136. z-index:9999;
  137. padding-top:10px;
  138. }
  139.  
  140. .ui-tooltip-content {
  141. background:{color:posts};
  142. padding:0.25em 5px;
  143. text-transform:uppercase;
  144. letter-spacing:1px;
  145. font-size:.8em;
  146. }
  147.  
  148. /*scrollbar*/
  149.  
  150. ::-webkit-scrollbar {
  151. width:12px;
  152. height:12px;
  153. background-color:transparent;
  154. }
  155.  
  156. ::-webkit-scrollbar-thumb{
  157. background-clip:padding-box;
  158. border-radius:6px;
  159. background-color:{color:scrollbar};
  160. border:4px solid transparent;
  161. }
  162.  
  163. /*general*/
  164.  
  165. body {
  166. background:{color:background};
  167. color:{color:text};
  168. font:12px/1.5em trebuchet ms, arial;
  169. word-wrap:break-word;
  170. text-align:left;
  171. overflow-x:hidden;
  172. letter-spacing:.25px;
  173. margin:0;
  174. -moz-osx-font-smoothing:grayscale;
  175. -webkit-font-smoothing:antialiased;
  176. font-smoothing:antialiased;
  177. }
  178.  
  179. a {
  180. color:{color:text};
  181. text-decoration:none;
  182. }
  183.  
  184. a, svg, input {
  185. transition:all .3s linear;
  186. -webkit-transition:all .3s linear;
  187. -o-transition:all .3s linear;
  188. -moz-transition:all .3s linear;
  189. }
  190.  
  191. .comment a:not(.user), .nav li span, footer a {border-bottom:2px solid {color:link};}
  192.  
  193. a, a img {cursor:pointer;}
  194.  
  195. a:hover {
  196. color:{color:link hover}!important;
  197. text-decoration:none;
  198. border-color:{color:link hover};
  199. }
  200.  
  201. a svg:hover {fill:{color:link};}
  202.  
  203. img {
  204. opacity:1;
  205. border:0;
  206. text-decoration:none;
  207. max-width:100%;
  208. height:auto;
  209. display:block;
  210. }
  211.  
  212. blockquote {
  213. padding:.25em 0 .25em 15px;
  214. margin:.5em 0;
  215. border-left:1px solid {color:text borders};
  216. }
  217.  
  218. pre {
  219. padding:0;
  220. margin:0;
  221. line-height:inherit!important;
  222. background:transparent;
  223. font-family:consolas!Important;
  224. font-size:inherit!important;
  225. white-space:pre-wrap;
  226. white-space:-moz-pre-wrap;
  227. white-space:-pre-wrap;
  228. white-space:-o-pre-wrap;
  229. word-wrap:break-word;
  230. }
  231.  
  232. p {margin:.5em 0;}
  233.  
  234. p:first-of-type {margin-top:0;}
  235.  
  236. p:last-of-type {margin-bottom:0;}
  237.  
  238. b, strong, b a, strong a {
  239. font-weight:500;
  240. color:{color:title};
  241. }
  242.  
  243. ol, ul {
  244. list-style:none;
  245. text-align:left;
  246. padding-left:0;
  247. }
  248.  
  249. li {
  250. position:relative;
  251. padding:.25em 0 .25em 20px;
  252. margin-left:0;
  253. }
  254.  
  255. ol li {counter-increment:list;}
  256.  
  257. ol li:before, ul li:before {
  258. left:-20px;
  259. display:inline-block;
  260. position:relative;
  261. width:0;
  262. vertical-align:middle!important;
  263. }
  264.  
  265. ol li:before {content:counter(list) '.';}
  266.  
  267. ul li:before {
  268. content:'*';
  269. width:15px;
  270. position:absolute;
  271. left:5px;
  272. top:.5em;
  273. }
  274.  
  275. .chat li:before, .pagenotes li:before {display:none!important;}
  276.  
  277. .chat li {margin:0;}
  278.  
  279. small, big, sub, pre {
  280. font-size:1em!important;
  281. line-height:1.4em!important;
  282. vertical-align:baseline!important;
  283. }
  284.  
  285. h1, h2, h3, h4 {
  286. margin:1.5em 0;
  287. font-size:1em;
  288. padding:0;
  289. font-weight:500;
  290. color:{color:title};
  291. font-weight:normal;
  292. }
  293.  
  294. article h1:first-child, article h2:first-child, article h3:first-child, article h4:first-child {margin-top:0;}
  295.  
  296. hr {
  297. border:none;
  298. box-shadow:0;
  299. margin:2em 0;
  300. width:30%;
  301. border-top:2px solid {color:text borders};
  302. }
  303.  
  304. .comment h1, .comment h2, .comment h3, .comment h4 {
  305. text-align:left;
  306. font-size:inherit!important;
  307. font-family:inherit!important;
  308. }
  309.  
  310. footer, {block:permalinkpage}article, {/block:permalinkpage}nav {
  311. -webkit-animation-name: fade-in;
  312. -webkit-animation-duration: 1.5s;
  313. }
  314.  
  315. /*header*/
  316.  
  317. nav {
  318. padding:0 50px;
  319. width:calc(100vw - 100px);
  320. position:fixed;
  321. top:0;
  322. left:0;
  323. background:{color:posts};
  324. z-index:10;
  325. border-bottom:1px solid {color:borders};
  326. }
  327.  
  328. nav a {
  329. display:inline-block;
  330. margin-right:20px;
  331. font-size:.8em;
  332. font-weight:600;
  333. border-bottom:2px solid transparent;
  334. }
  335.  
  336. nav a, .search-form input {
  337. text-transform:uppercase;
  338. letter-spacing:1.5px;
  339. padding:20px 0 18px 0;
  340. }
  341.  
  342. nav a:hover, .active {border-bottom-color:{color:link hover};}
  343.  
  344. .active {color:{color:link hover};}
  345.  
  346. .search-form {
  347. border:none;
  348. display:inline-block;
  349. }
  350.  
  351. .search-form input {
  352. border:0;
  353. width:150px;
  354. border-bottom:2px solid transparent;
  355. padding-bottom:20px;
  356. color:{color:text};
  357. background:{color:posts};
  358. font:600 .8em/1.5em trebuchet ms, arial;
  359. display:inline-block;
  360. outline:none;
  361. margin:0;
  362. }
  363.  
  364. .search-form input[type=text] {
  365. color:{color:text};
  366. transition:all .3s linear;
  367. -webkit-transition:all .3s linear;
  368. -o-transition:all .3s linear;
  369. -moz-transition:all .3s linear;
  370. }
  371.  
  372. .search-form input:focus {
  373. outline:none;
  374. border-bottom:2px solid {color:link hover};
  375. transition:all .3s linear;
  376. -webkit-transition:all .3s linear;
  377. -o-transition:all .3s linear;
  378. -moz-transition:all .3s linear;
  379. }
  380.  
  381. input::-webkit-input-placeholder {
  382. color:{color:text};
  383. transition:all .3s linear;
  384. -webkit-transition:all .3s linear;
  385. -o-transition:all .3s linear;
  386. -moz-transition:all .3s linear;
  387. }
  388.  
  389. input::-moz-placeholder {
  390. color:{color:text};
  391. opacity:1;
  392. transition:all .3s linear;
  393. -webkit-transition:all .3s linear;
  394. -o-transition:all .3s linear;
  395. -moz-transition:all .3s linear;
  396. }
  397.  
  398. input:-ms-input-placeholder {
  399. color:{color:text};
  400. transition:all .3s linear;
  401. -webkit-transition:all .3s linear;
  402. -o-transition:all .3s linear;
  403. -moz-transition:all .3s linear;
  404. }
  405.  
  406. .search-form input[type=text]:focus {color:{color:link hover};}
  407.  
  408. input:focus::-webkit-input-placeholder {color:{color:link hover};}
  409.  
  410. input:focus::-moz-placeholder {color:{color:link hover};}
  411.  
  412. input:-ms-input-placeholder {color:{color:link hover};}
  413.  
  414. input[type="search"] {
  415. -webkit-appearance:textfield;
  416. -moz-box-sizing:content-box;
  417. -webkit-box-sizing:content-box;
  418. box-sizing:content-box;
  419. }
  420.  
  421. input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance:none;}
  422.  
  423. /*aside*/
  424.  
  425. #aside > div {padding:50px;}
  426.  
  427. .tai {
  428. font:600 1em/1em trebuchet ms, arial;
  429. color:{color:blog title};
  430. position:relative;
  431. display:block;
  432. text-transform:uppercase;
  433. letter-spacing:1.25px;
  434. text-align:center;
  435. }
  436.  
  437. #aside img {
  438. width:60px;
  439. display:block;
  440. margin:0 auto 30px auto;
  441. -moz-border-radius:100%;
  442. -webkit-border-radius:100%;
  443. border-radius:100%;
  444. }
  445.  
  446. .tai span {display:block;}
  447.  
  448. #d {margin-top:30px;}
  449.  
  450. #d a {color:{color:link};}
  451.  
  452. /*pagination*/
  453.  
  454. footer {
  455. {block:ifinfinitescroll}
  456. {block:ifnotmanualload}
  457. display:none;
  458. {/block:ifnotmanualload}
  459. {/block:ifinfinitescroll}
  460. border-top:1px solid {color:borders};
  461. width:calc(100vw - 100px);
  462. margin-top:2px;
  463. background:{color:posts};
  464. padding:50px;
  465. text-align:center;
  466. position:relative;
  467. z-index:2;
  468. }
  469.  
  470. footer a {margin:0 10px;}
  471.  
  472. {block:ifinfinitescroll}
  473. #pagination {display:none;}
  474. {/block:ifinfinitescroll}
  475.  
  476. #infscr-loading {display:none!important;}
  477.  
  478. .nice {
  479. position:fixed;
  480. right:15px;
  481. bottom:15px;
  482. font-size:10px;
  483. z-index:5;
  484. }
  485.  
  486. /*posts*/
  487.  
  488. section {
  489. width:100vw;
  490. padding-top:2px;
  491. background:{color:background};
  492. position:relative;
  493. }
  494.  
  495. article {
  496. vertical-align:top;
  497. display:inline-block;
  498. width:100%;
  499. background:{color:posts};
  500. {block:indexpage}
  501. z-index:-1;
  502. opacity:0;
  503. {/block:indexpage}
  504. box-sizing:border-box;
  505. margin:5px 0;
  506. border-bottom:1px solid {color:borders};
  507. }
  508.  
  509. article.loaded {
  510. z-index:2;
  511. opacity:1;
  512. transition:opacity 1s;
  513. -webkit-transition:opacity 1s;
  514. -moz-transition:opacity 1s;
  515. -o-transition:opacity 1s;
  516. }
  517.  
  518. @media screen and (min-width:900px) {article {width:calc(50% - 1.5px)}}
  519.  
  520. {block:indexpage}
  521. @media screen and (min-width:1200px) {article {width:calc(33.3333% - 1.5px);}}
  522.  
  523. @media screen and (min-width:2000px) {article {width:calc(25% - 1.5px);}}
  524. {/block:indexpage}
  525.  
  526. article > div {padding:50px;}
  527.  
  528. .ph {
  529. position:relative;
  530. overflow:hidden;
  531. }
  532.  
  533. .ph img {
  534. width:100%;
  535. display:block;
  536. }
  537.  
  538. .video * {
  539. display:block;
  540. min-width:100%;
  541. }
  542.  
  543. .spotify_audio_player {height:80px!important;}
  544.  
  545. /*titles*/
  546.  
  547. .title {
  548. color:{color:title};
  549. font:600 1em/1.5em trebuchet ms, arial;
  550. text-transform:uppercase;
  551. letter-spacing:1.25px;
  552. margin-bottom:15px;
  553. }
  554.  
  555. .title a {color:{color:title};}
  556.  
  557. .title a:hover {color:{color:link hover};}
  558.  
  559. /*captions*/
  560.  
  561. {block:indexpage}{block:ifhidecaptions}
  562. .cap {display:none;}
  563. {/block:ifhidecaptions}{/block:indexpage}
  564.  
  565. .comment {
  566. padding:15px 0;
  567. border-top:1px dotted {color:borders};
  568. list-style:none;
  569. }
  570.  
  571. .comment:first-of-type {border-top:0!important;}
  572.  
  573. .user {
  574. display:inline-block;
  575. line-height:1em;
  576. font-weight:600;
  577. vertical-align:middle;
  578. margin-bottom:10px;
  579. }
  580.  
  581. .user a, .user {color:{color:title}}
  582.  
  583. .user img {
  584. height:1.75em;
  585. width:1.75em;
  586. vertical-align:middle;
  587. display:inline-block;
  588. margin:0 10px 0 0;
  589. -moz-border-radius:100%;
  590. -webkit-border-radius:100%;
  591. border-radius:100%;
  592. }
  593.  
  594. .comment img:not(.user img) {
  595. width:100%;
  596. margin:.5em 0;
  597. }
  598.  
  599. .comment * img:first-child {margin-top:0;}
  600.  
  601. .comment * img:last-child {margin-bottom:0;}
  602.  
  603. .source {padding-top:0;}
  604.  
  605. /*asks*/
  606.  
  607. .as {
  608. text-transform:lowercase;
  609. display:block;
  610. }
  611.  
  612. .q {
  613. padding:0 0 15px 0;
  614. border-top:0;
  615. border-bottom:1px dotted {color:borders};
  616. }
  617.  
  618. .eh .user {font-weight:normal;}
  619.  
  620. .eh .user i {
  621. font-weight:600;
  622. font-style:normal;
  623. }
  624.  
  625. /*chats*/
  626.  
  627. .ted .chat {margin-top:0;}
  628.  
  629. .chat {
  630. margin:0;
  631. padding:15px 15px 0 15px;
  632. list-style:none;
  633. }
  634.  
  635. .l {
  636. margin:0 0 15px 0!important;
  637. display:block;
  638. padding:0;
  639. }
  640.  
  641. .label {
  642. text-transform:lowercase;
  643. font-weight:600;
  644. }
  645.  
  646. .bla {
  647. border:1px solid {color:borders};
  648. padding:7px;
  649. display:inline-block;
  650. -moz-border-radius:3px;
  651. -webkit-border-radius:3px;
  652. border-radius:3px;
  653. }
  654.  
  655. .l:nth-child(odd) .bla {background:{color:accents};}
  656.  
  657. /*audio*/
  658.  
  659. .player {
  660. width:25px;
  661. height:24px;
  662. position:absolute;
  663. left:10px;
  664. top:calc(50% - 15px);
  665. display:block;
  666. overflow:hidden;
  667. }
  668.  
  669. .hold {
  670. position:relative;
  671. border-bottom:1px dotted {color:borders};
  672. display:block;
  673. min-height:24px;
  674. padding:15px;
  675. color:rgba({RGBcolor:text},.7);
  676. }
  677.  
  678. .ed .hold {border:0;}
  679.  
  680. .audio_info {
  681. vertical-align:middle;
  682. line-height:12px;
  683. margin-left:35px;
  684. max-width:calc(100% - 35px);
  685. }
  686.  
  687. .audio_info span {
  688. white-space:nowrap;
  689. overflow:hidden;
  690. text-overflow:ellipsis;
  691. display:block;
  692. text-transform:uppercase;
  693. letter-spacing:1px;
  694. font-size:.8em;
  695. }
  696.  
  697. .hold .track {
  698. font-weight:600;
  699. color:{color:text};
  700. }
  701.  
  702. /*permalink and notes*/
  703.  
  704. .when, .permalink {
  705. position:relative;
  706. padding-top:15px;
  707. }
  708.  
  709. .when, .permalink, ol.notes {
  710. text-transform:uppercase;
  711. letter-spacing:1px;
  712. font-size:.8em;
  713.  
  714. }
  715.  
  716. .ed .when, .ed .permalink, .eh .when, .eh .permalink, .li .when, .li .permalink {border-top:1px dotted {color:borders};}
  717.  
  718. .when {text-align:right;}
  719.  
  720. .when a {
  721. position:relative;
  722. vertical-align:middle;
  723. line-height:2em;
  724. display:inline-block;
  725. margin-left:10px;
  726. }
  727.  
  728. .when svg {margin:-2px 5px 0 0;}
  729.  
  730. .when svg, .permalink svg {
  731. vertical-align:middle;
  732. height:1.2em;
  733. display:inline-block;
  734. fill:{color:text};
  735. }
  736.  
  737. .when a:hover svg {fill:{color:link hover};}
  738.  
  739. .like-b {}
  740.  
  741. .like-b .like_button iframe {
  742. position:absolute;
  743. top:0;
  744. left:0;
  745. bottom:0;
  746. right:0;
  747. height:1em!important;
  748. z-index:2;
  749. opacity:0.00001;
  750. }
  751.  
  752. .like-b .liked ~ .b {color:#D95E40;}
  753.  
  754. .like-b .liked ~ .b:after {content:'d';}
  755.  
  756. .like-b .liked + svg {fill:#D95E40!important;}
  757.  
  758. .permalink a {color:{color:link};}
  759.  
  760. .when a, .tags a {color:{color:text};}
  761.  
  762. .tags {
  763. margin-top:5px;
  764. font-style:italic;
  765. }
  766.  
  767. .tags svg {margin:-1px 10px 0 0;}
  768.  
  769. .tags a {
  770. display:inline;
  771. margin-right:5px;
  772. }
  773.  
  774. .pagenotes {overflow:auto;}
  775.  
  776. .pagenotes::-webkit-scrollbar {width:0;}
  777.  
  778. ol.notes {
  779. margin:0;
  780. list-style-type:none;
  781. padding:0;
  782. }
  783.  
  784. ol.notes li.note {
  785. padding:5px 0;
  786. margin:0;
  787. width:calc(50% - 7.5px);
  788. display:inline-block;
  789. vertical-align:top;
  790. border-top:1px dotted {color:borders};
  791. }
  792.  
  793. ol.notes li.note:nth-child(odd) {margin-right:7.5px;}
  794.  
  795. ol.notes li.note:nth-child(even) {margin-left:7.5px;}
  796.  
  797. ol.notes li.note:last-of-type {margin-bottom:0;}
  798.  
  799. ol.notes li.note img.avatar {display:none!important;}
  800.  
  801. .more_notes_link, .notes_loading {
  802. color:{color:title}!important;
  803. display:block;
  804. font-weight:600;
  805. text-align:left!important;
  806. }
  807.  
  808. {customCss}
  809.  
  810. </style>
  811.  
  812. </head>
  813.  
  814. <body {block:homepage}class="hey-{currentpage}"{/block:homepage}>
  815.  
  816. <div class="cc"><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 438.317 438.317" style="enable-background:new 0 0 438.317 438.317;" xml:space="preserve"><g><g><path d="M31.167,266.192l20.4,9.35c8.5,3.967,12.467,13.6,9.35,22.383l-7.933,20.967c-5.95,16.15-3.967,33.433,5.95,47.317c9.633,14.167,25.5,22.383,42.5,22.383c6.233,0,12.467-1.133,18.417-3.4l20.967-7.933c1.983-0.85,3.967-1.133,6.233-1.133c6.8,0,13.317,3.967,16.15,10.483l9.35,20.4c8.5,18.7,26.633,30.317,47.033,30.317s38.533-11.617,47.033-30.317l9.35-20.4c2.833-6.233,9.067-10.483,16.15-10.483c1.983,0,4.25,0.283,6.233,1.133l20.967,8.217c5.95,2.267,12.183,3.683,18.417,3.683l0,0c16.717,0,32.583-8.783,42.5-22.667c9.633-14.167,11.9-31.45,5.95-47.6l-7.933-20.967c-3.117-8.783,0.85-18.417,9.35-22.383l20.4-9.35c18.7-8.5,30.317-26.633,30.317-47.033S426.7,180.625,408,172.125l-20.4-9.35c-8.5-3.967-12.467-13.6-9.35-22.383l7.933-20.967c5.95-16.15,3.967-33.433-5.95-47.317c-9.633-14.167-25.5-22.383-42.5-22.383c-6.233,0-12.467,1.133-18.417,3.4l-20.967,7.933c-1.983,0.85-3.967,1.133-6.233,1.133c-6.8,0-13.317-3.967-16.15-10.483l-9.35-20.4c-8.5-18.7-26.633-30.317-47.033-30.317s-39.383,11.9-47.883,30.6l-9.35,20.4c-2.833,6.233-9.067,10.483-16.15,10.483c-1.983,0-4.25-0.283-6.233-1.133L119,53.408c-5.95-2.267-12.183-3.4-18.417-3.4c-16.717,0-32.583,8.5-42.5,22.383c-9.633,14.167-11.9,31.45-5.95,47.317l7.933,20.967c3.117,8.783-0.85,18.417-9.35,22.383l-20.4,9.35C11.617,180.908,0,199.042,0,219.442S12.467,257.692,31.167,266.192z M45.05,203.008l20.4-9.35c24.65-11.333,36.55-39.95,26.917-65.167l-7.933-20.967c-2.833-7.65,0-13.317,1.983-16.15c4.533-6.8,13.033-9.633,20.967-6.517l20.967,7.933c5.95,2.267,11.9,3.4,18.133,3.4l0,0c20.117,0,38.533-11.9,47.033-30.317l9.35-20.4c4.25-9.633,13.317-10.483,16.15-10.483c2.833,0,11.617,0.85,16.15,10.483l9.35,20.4c8.5,18.417,26.917,30.317,47.033,30.317c6.233,0,12.183-1.133,18.133-3.4l20.967-7.933c7.933-2.833,16.15,0,20.967,6.517c1.983,2.833,4.817,8.5,1.983,16.15l-7.933,20.967c-9.35,25.217,2.267,53.833,26.917,65.167l20.4,9.35c9.633,4.25,10.483,13.317,10.483,16.15c0,2.833-0.85,11.617-10.483,16.15l-20.4,9.35c-24.65,11.333-36.55,39.95-26.917,65.167l7.933,20.967c2.833,7.65,0,13.317-1.983,16.15c-4.533,6.8-13.033,9.633-20.967,6.517l-20.967-7.933c-5.95-2.267-11.9-3.4-18.133-3.4c-20.117,0-38.533,11.9-47.033,30.317l-9.35,20.4c-4.25,9.633-13.317,10.483-16.15,10.483c-2.833,0-11.617-0.85-16.15-10.483l-9.35-20.4c-8.5-18.417-26.917-30.317-47.033-30.317c-6.233,0-12.183,1.133-18.133,3.4l-20.967,7.933c-7.933,2.833-16.15,0-20.967-6.517c-1.983-2.833-4.817-8.5-1.983-16.15l7.933-20.967c9.35-25.217-2.267-53.833-26.917-65.167l-20.4-9.35c-9.633-4.25-10.483-13.317-10.483-16.15C34.567,216.325,35.417,207.542,45.05,203.008z"/><path d="M218.733,292.825c40.517,0,73.667-33.15,73.667-73.667s-33.15-73.667-73.667-73.667s-73.667,33.15-73.667,73.667S177.933,292.825,218.733,292.825z M218.733,179.492c21.817,0,39.667,17.85,39.667,39.667s-17.85,39.667-39.667,39.667s-39.667-17.85-39.667-39.667S196.917,179.492,218.733,179.492z"/></g></g></svg></div>
  817.  
  818. <nav>{block:ifHomeTitle}<a href="/" class="hh">{text:Home Title}</a>{/block:ifHomeTitle}{block:ifAskTitle}<a href="/ask" class="ass">{text:Ask Title}</a>{/block:ifAskTitle}{block:ifLink1}<a href="{text:Link 1 URL}">{text:Link 1}</a>{/block:ifLink1}{block:ifLink2}<a href="{text:Link 2 URL}">{text:Link 2}</a>{/block:ifLink2}{block:ifLink3}<a href="{text:Link 3 URL}">{text:Link 3}</a>{/block:ifLink3}{block:ifArchiveTitle}<a href="/archive">{text:archive title}</a>{/block:ifArchiveTitle}<form action="/search" class="search-form" method="get"><input id="searchField" name="q" placeholder="search" type="text" value="" autocomplete="off"></form></nav>
  819.  
  820. <section id="entries">{block:homepage}<article id="aside"><div><a href="/" class="tai">{block:ifSidebarImage}<img src="{image:sidebar}"/>{/block:ifSidebarImage}<span>{title}</span></a><div id="d">{description}</div></div></article>{/block:homepage}{block:Posts}<article id="{PostId}" class="post"><div class="{block:caption}ed{/block:caption} {block:Text}ed{/block:Text} {block:Quote}ed{/block:Quote} {block:Answer}eh{/block:Answer} {block:Link}li {block:RebloggedFrom}ed{/block:RebloggedFrom}{/block:Link} {block:Date}dated{/block:Date}">
  821.  
  822. {block:Quote}
  823. <div class="title">{Quote}</div>
  824. {block:Source}<li class="comment source">{Source}</li>{/block:Source}
  825. {/block:Quote}
  826.  
  827. {block:Text}
  828. {block:Title}<div class="title">{Title}</div>{/block:Title}
  829. {block:RebloggedFrom}{block:Reblogs}
  830. <li class="comment {block:Title}ted{/block:Title}">
  831. <a {block:haspermalink}href="{permalink}"{/block:haspermalink} class="user" target="_blank" {block:NoteCount}data-notes="{NoteCount}" data-with=" with "{/block:NoteCount}>
  832. {block:HasAvatar}<img src="{PortraitURL-64}"/>{/block:HasAvatar}
  833. {username}
  834. </a>
  835. {body}
  836. </li>
  837. {/block:Reblogs}{/block:RebloggedFrom}
  838. {block:NotReblog}
  839. <li class="comment {block:Title}ted{/block:Title} org">
  840. {body}
  841. </li>
  842. {/block:NotReblog}
  843. {/block:Text}
  844.  
  845. {block:Link}
  846. <div class="title link">
  847. <a href="{URL}" {Target}>
  848. {Name}
  849. </a>
  850. </div>
  851. {block:Description}
  852. {block:NotReblog}
  853. <li class="comment ted org">
  854. {description}
  855. </li>
  856. {/block:NotReblog}
  857. {/block:Description}
  858. {block:RebloggedFrom}{block:Reblogs}
  859. <li class="comment">
  860. <a {block:haspermalink}href="{permalink}"{/block:haspermalink} class="user" target="_blank" {block:NoteCount}data-notes="{NoteCount}" data-with=" with "{/block:NoteCount}>
  861. {block:HasAvatar}<img src="{PortraitURL-64}"/>{/block:HasAvatar}
  862. {Username}
  863. </a>
  864. {body}
  865. </li>
  866. {/block:Reblogs}{/block:RebloggedFrom}
  867. {/block:Link}
  868.  
  869. {block:Chat}
  870. {block:Title}<div class="title">{Title}</div>{/block:Title}
  871. <ol class="chat {block:Title}ted{/block:Title}">
  872. {block:Lines}
  873. <li class="l {Alt}">
  874. <span class="bla">
  875. {block:Label}
  876. <span class="label">{Label}</span>
  877. {/block:Label}
  878. {Line}
  879. </span>
  880. </li>
  881. {/block:Lines}
  882. </ol>
  883. {/block:Chat}
  884.  
  885. <div class="ph">
  886.  
  887. {block:Photo}
  888. {block:indexpage}
  889. <a 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">
  890. <img src="{PhotoURL-HighRes}">
  891. </a>
  892. {/block:indexpage}
  893. {block:permalinkpage}
  894. {LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/>{LinkCloseTag}
  895. {/block:permalinkpage}
  896. {/block:Photo}
  897.  
  898. {block:Photoset}
  899. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">
  900. {block:Photos}
  901. <div class="photo-data">
  902. <div class="pxu-photo">
  903. <img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}">
  904. </div>
  905. <a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a>
  906. </div>
  907. {/block:Photos}
  908. </div>
  909. {/block:Photoset}
  910.  
  911. {block:Video}<div class="video">{Video-500}</div>{/block:Video}
  912.  
  913. {block:Audio}
  914. {block:AudioPlayer}
  915. <div class="hold">
  916. <div class="player">{AudioPlayerWhite}</div>
  917. <div class="audio_info">
  918. {block:TrackName}
  919. <span class="track">{TrackName}</span>
  920. {/block:TrackName}
  921. {block:Artist}
  922. <span class="artist">{Artist}</span>
  923. {/block:Artist}
  924. </div>
  925. </div>
  926. {/block:AudioPlayer}
  927. {/block:Audio}
  928.  
  929. {block:caption}<div class="cap">
  930. {block:Reblogs}
  931. <li class="comment">
  932. <a {block:haspermalink}href="{permalink}"{/block:haspermalink} class="user" target="_blank" {block:NoteCount}data-notes="{NoteCount}" data-with=" with "{/block:NoteCount}>
  933. {block:HasAvatar}<img src="{PortraitURL-64}"/>{/block:HasAvatar}
  934. {Username}
  935. </a>
  936. {body}
  937. </li>
  938. {/block:Reblogs}
  939. {block:NotReblog}
  940. <li class="comment">
  941. <a {block:haspermalink}href="{permalink}"{/block:haspermalink} class="user" target="_blank" {block:NoteCount}data-notes="{NoteCount}" data-with=" with "{/block:NoteCount}>
  942. <img src="{PortraitURL-64}"/>
  943. {name}
  944. </a>
  945. {Caption}
  946. </li>
  947. {/block:NotReblog}
  948. </div>{/block:caption}
  949. </div>
  950.  
  951. {block:Answer}
  952. <div class="q comment">
  953. <span class="as user">
  954. <img src="{AskerPortraitURL-64}"/>
  955. <i>{Asker}</i> sent:
  956. </span>
  957. {Question}
  958. </div>
  959. {block:Answerer}
  960. <li class="comment">
  961. <span class="user">
  962. <img src="{AnswererPortraitURL-64}"/>
  963. <i>{answerer}</i> replied:
  964. </span>
  965. {answer}
  966. </li>
  967. {/block:Answerer}
  968. {block:NotReblog}
  969. <li class="comment">
  970. <a {block:haspermalink}href="{permalink}"{/block:haspermalink} class="user" target="_blank">
  971. <img src="{PortraitURL-64}"/>
  972. <i>{name}</i> answered:
  973. </a>
  974. {replies}
  975. </li>
  976. {/block:NotReblog}
  977. {block:RebloggedFrom}{block:Reblogs}
  978. <li class="comment">
  979. <a {block:haspermalink}href="{permalink}"{/block:haspermalink} class="user" target="_blank" {block:NoteCount}data-notes="{NoteCount}" data-with=" with "{/block:NoteCount}>
  980. {block:HasAvatar}<img src="{PortraitURL-64}"/>{/block:HasAvatar}
  981. <i>{username}</i> commented:
  982. </a>
  983. {body}
  984. </li>
  985. {/block:Reblogs}{/block:RebloggedFrom}
  986. {/block:Answer}
  987.  
  988. {block:Date}
  989. {block:indexpage}
  990. <div class="when">
  991. <a href="{ReblogURL}" target="_blank" class="r">
  992. <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"
  993. viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve"><path d="M113.7,20.4c-2.3,0.9-3.7,3.1-3.7,5.6v39.1c-6.2,0.3-16.3,1.2-27.1,3.7c-20.4,4.9-34.6,13.6-42.3,26c-8.7,14.1-1.3,35.4,22.2,63.5c16.4,19.6,34.7,35.5,35.4,36.2c1.1,1,2.5,1.5,3.9,1.5c0,0,0,0,0,0c3.3,0,6-2.7,6-6c0-1.2-0.4-2.3-1-3.3c-1.2-2.1-7-13-12.4-25.3c-10.5-23.9-10.6-32.7-10.1-35.3c1-5.6,11.1-6.5,17.1-6.5c3.6,0,7.1,0.3,9.7,0.6l2,36.1c0.1,2.3,1.5,4.3,3.6,5.2c2.1,0.9,4.5,0.5,6.3-1l67.2-58c1.3-1.1,2-2.6,2.1-4.3s-0.6-3.3-1.7-4.5l-70.7-72C118.6,20.1,116,19.5,113.7,20.4z M122,40.7l55.9,57l-53.2,45.9l-1.6-28.8c-0.2-2.7-2.1-5-4.8-5.5c-0.3-0.1-7.9-1.5-16.6-1.5c-21.5,0-27.6,8.9-28.9,16.4c-1.4,7.7,1.6,20.2,9.1,37.9c-3.3-3.6-6.7-7.4-10-11.3c-19.2-23-26.7-40.5-21.1-49.4C65.4,77.7,110.2,77,115.3,77c0.3,0,0.5,0,0.6,0c1.6,0,3.2-0.6,4.3-1.7c1.2-1.1,1.8-2.7,1.8-4.3V40.7z"/></svg>reblog</a>
  994. <a class="like-b">
  995. {LikeButton size="50"}<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><span class="b">like</span>
  996. </a>
  997. <a href="{permalink}" target="_blank"><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><span class="time-ago">{timestamp}</span></a>
  998. {block:NoteCount}<a href="{permalink}"><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="M155.5,71.8c0.5,0,1,0.1,1.5,0.1c0,0,0,0,0,0c13.8,0,25.3-10.9,26.1-24.7c0.8-14.4-10.2-26.8-24.6-27.7c-14.5-0.8-26.8,10.3-27.6,24.6c-0.2,3.5,0.3,6.8,1.3,9.9L70,91.1c-4.6-3.9-10.5-6.3-17-6.3c-14.4,0-26.1,11.7-26.1,26.1c0,14.4,11.7,26.1,26.1,26.1c6.1,0,11.8-2.1,16.2-5.7l60.7,33c-1.6,6.2-0.8,12.7,2.2,18.4c4.5,8.7,13.4,14.2,23.2,14.2c0,0,0,0,0,0c4.2,0,8.3-1.1,12-3.1c12.8-6.6,17.8-22.6,11.2-35.3c-4.5-8.7-13.4-14.1-23.2-14.1c-4.2,0-8.3,1-12,3c-3,1.6-5.7,3.7-7.8,6.2l-58.7-31.9c1.5-3.3,2.4-7,2.4-10.9c0-3.6-0.7-7-2-10.1l61.5-36.5C143,68.6,148.9,71.5,155.5,71.8z M142.9,44.9c0.4-7.5,6.6-13.3,14.1-13.3c0.3,0,0.6,0,0.8,0c7.8,0.5,13.7,7.1,13.3,14.9c-0.4,7.7-7.1,13.7-14.9,13.3C148.4,59.3,142.4,52.6,142.9,44.9z M38.9,110.9c0-7.8,6.3-14.1,14.1-14.1c7.8,0,14.1,6.3,14.1,14.1c0,7.8-6.3,14.1-14.1,14.1C45.2,125,38.9,118.7,38.9,110.9z M148.8,158.1c2-1.1,4.2-1.6,6.5-1.6c5.3,0,10.1,2.9,12.6,7.6c3.6,6.9,0.9,15.5-6,19c-2,1.1-4.2,1.6-6.5,1.6h0c-5.3,0-10.1-2.9-12.6-7.6c-1.7-3.3-2.1-7.2-0.9-10.8C142.9,162.8,145.4,159.8,148.8,158.1z"/></svg><span class="no">{notecount}</span></a>{/block:NoteCount}
  999. </div>
  1000. {/block:indexpage}
  1001. {block:permalinkpage}
  1002. <div class="permalink">posted {dayofweek}, {month} {dayofmonth}{dayofmonthsuffix}
  1003. {block:NoteCount}
  1004. with {NoteCountWithLabel}
  1005. {/block:NoteCount}
  1006. {block:RebloggedFrom}
  1007. <br>via: <a href="{ReblogParentURL}">{ReblogParentName}</a>{block:ContentSource}, source: <a href="{ReblogRootURL}">{ReblogRootName}</a>
  1008. {/block:ContentSource}
  1009. {/block:RebloggedFrom}
  1010. {block:HasTags}
  1011. <div class="tags">
  1012. <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="M95.2,186C95.3,186,95.3,186,95.2,186c1.7,0,3.2-0.6,4.3-1.7l64.8-66.7c2.3-2.4,2.3-6.1-0.1-8.4L94.7,39.7c-1.1-1.1-2.7-1.7-4.2-1.7c0,0,0,0,0,0l-67.1,0.1c-3.3,0-6,2.6-6,5.9L17,109.9c0,1.6,0.6,3.2,1.8,4.3l72.3,70.2C92.2,185.5,93.7,186,95.2,186z M29.4,50L88,49.8l63.6,63.6l-56.5,58.2L29,107.4L29.4,50z M200.3,110.2c2.3,2.3,2.3,6,0,8.4l-64.8,66.8c-1.2,1.2-2.7,1.8-4.3,1.8c-1.5,0-3-0.6-4.2-1.7c-2.4-2.3-2.4-6.1-0.1-8.5l60.7-62.6L130.2,56c-2.3-2.4-2.3-6.2,0.1-8.5c2.4-2.3,6.2-2.3,8.5,0.1L200.3,110.2z M67.1,77.7c0,4.6-3.8,8.4-8.4,8.4s-8.4-3.8-8.4-8.4c0-4.6,3.8-8.4,8.4-8.4S67.1,73.1,67.1,77.7z"/></svg>
  1013. {block:Tags}<a href="{TagUrl}">{Tag}</a> {/block:Tags}
  1014. </div>
  1015. {/block:HasTags}
  1016. </div>
  1017. {/block:permalinkpage}
  1018. {/block:Date}
  1019.  
  1020. </div></article>{block:PostNotes}<article class="pagenotes">
  1021. <div>
  1022. <div class="title">{NoteCountWithLabel}</div>
  1023. {PostNotes}
  1024. </div></article>{/block:PostNotes}{/block:Posts}</section>
  1025.  
  1026.  
  1027. {block:indexpage}<footer>{block:ifinfinitescroll}{block:ifmanualload}{block:NextPage}<div class="pag"><a class="load mhm">load more</a></div>{/block:NextPage}{/block:ifmanualload}{/block:ifinfinitescroll}
  1028. {block:Pagination}
  1029. <div id="pagination" class="pag">
  1030. {block:PreviousPage}
  1031. <a href="{PreviousPage}">prev page</a>{block:nextpage}/{/block:nextpage}{/block:PreviousPage}
  1032. {block:NextPage}
  1033. <a href="{NextPage}">next page</a>
  1034. {/block:NextPage}
  1035. </div>
  1036. {/block:Pagination}
  1037. </footer>{/block:indexpage}
  1038. {block:PermalinkPagination}<footer>
  1039. {block:PreviousPost}
  1040. <a href="{PreviousPost}">prev post</a>{block:nextpost}/{/block:nextpost}
  1041. {/block:PreviousPost}
  1042. {block:NextPost}
  1043. <a href="{NextPost}">next post</a>
  1044. {/block:NextPost}
  1045. </footer>{/block:PermalinkPagination}
  1046.  
  1047.  
  1048. {block:ContentSource}
  1049. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1050. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1051. {/block:SourceLogo}
  1052. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1053. {/block:ContentSource}
  1054.  
  1055.  
  1056. <!-- jquery -->
  1057.  
  1058. <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><script src="https://static.tumblr.com/sas2ex2/lI6p30hwv/notes.js"></script>{block:indexpage}<script src="//static.tumblr.com/i5s2zks/9Acok8oo2/bct-timeago.min.js"></script><script src="https://unpkg.com/masonry-layout@4.2.1/dist/masonry.pkgd.min.js"></script><script src="https://static.tumblr.com/iwtk77u/Yhym2yygt/jquery.imagesloaded.min.js"></script>{block:ifinfinitescroll}<script src="https://static.tumblr.com/8pnyeus/RMDoagq6r/jquery.infinitescroll.min.js"></script>{/block:ifinfinitescroll}{/block:indexpage}<script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script><script src="//static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  1059. <script>
  1060. switch(window.location.pathname) {
  1061. case "/":
  1062. $('.hh').addClass('active');
  1063. break;
  1064. case "/ask":
  1065. $('.ass').addClass('active');
  1066. break;
  1067. }
  1068. $(document).ready(function() {
  1069. $('body').tooltip({track:true});
  1070. $('.photo-slideshow').pxuPhotoset({
  1071. lightbox: true,
  1072. rounded: false,
  1073. gutter: '1px',
  1074. photoset: '.photo-slideshow',
  1075. photoWrap: '.photo-data',
  1076. photo: '.pxu-photo'
  1077. });
  1078. notes();
  1079. $('iframe.tumblr_audio_player').load( function() {
  1080. $('iframe.tumblr_audio_player').contents().find("head").append($("<style type='text/css'> .audio-player{background:{color:posts} !important} </style>"));
  1081. });
  1082. {block:permalinkpage}
  1083. var he = $('article:first-of-type').innerHeight();
  1084. $('.pagenotes').css('max-height', he);
  1085. $(window).resize(function(){
  1086. var ewhe = $('article:first-of-type').innerHeight();
  1087. $('.pagenotes').css('max-height', ewhe);
  1088. });
  1089. {/block:permalinkpage}
  1090. var $container = $('section');
  1091. var nh = $('nav').outerHeight();
  1092. $container.css('margin-top', nh);
  1093. $(window).resize(function(){
  1094. var enh = $('nav').outerHeight();
  1095. $container.css('margin-top', enh);
  1096. });
  1097. {block:indexpage}
  1098. $('.time-ago').timeAgo({
  1099. time:"letter",
  1100. suffix:" ago"
  1101. });
  1102. $container.imagesLoaded(function() {
  1103. $container.masonry({
  1104. itemSelector: 'article',
  1105. isAnimated: false,
  1106. transitionDuration: 0,
  1107. gutter: 2,
  1108. });
  1109. $container.find('article').addClass('loaded');
  1110. });
  1111. $(window).resize(function(){$container.masonry();});
  1112. $container.infinitescroll({
  1113. itemSelector: '.post',
  1114. navSelector: '#pagination',
  1115. nextSelector: '#pagination a',
  1116. loadingImg: '',
  1117. loadingText: '<em></em>',
  1118. errorCallback: function(){ $('.load').text('no more posts').parent('footer').delay(4000).slideUp(400); },
  1119. bufferPx: 2000
  1120. },
  1121. function( newElements ) {
  1122. var $newElems = $( newElements );
  1123. var $newID = $newElems.map(function(){return this.id;}).get();
  1124. Tumblr.LikeButton.get_status_by_post_ids($newID);
  1125. $newElems.find('.photo-slideshow').pxuPhotoset({
  1126. lightbox: true,
  1127. rounded: false,
  1128. gutter: '1px',
  1129. photoset: '.photo-slideshow',
  1130. photoWrap: '.photo-data',
  1131. photo: '.pxu-photo'
  1132. });
  1133. $newElems.find('.time-ago').timeAgo({
  1134. time:"short",
  1135. spaces: true,
  1136. suffix:" ago"
  1137. });
  1138. $newElems.find('.no').each(function(){
  1139. var n = $(this).html().split(' ')[0].replace(/,/g, '');
  1140. if (n > 999) {
  1141. n = Math.floor(n / 100) / 10;
  1142. $(this).text(n + 'k notes');
  1143. }
  1144. else if (n > 1 && n <= 999) {$(this).text(n + ' notes');}
  1145. else {$(this).text(n + ' note');}
  1146. });
  1147. $newElems.find('iframe.tumblr_audio_player').load( function() {
  1148. $('iframe.tumblr_audio_player').contents().find("head").append($("<style type='text/css'> .audio-player{background:{color:posts} !important} </style>"));
  1149. });
  1150. $newElems.imagesLoaded(function(){
  1151. $container.masonry('appended', $newElems);
  1152. $newElems.each(function() {$(this).addClass('loaded')});
  1153. });
  1154. resizeVideos();
  1155. });
  1156. {block:ifmanualload}
  1157. $(window).unbind('.infscr');
  1158. $('.load').click(function(){
  1159. $('footer').fadeTo("200", 0);
  1160. $container.delay(400).infinitescroll('retrieve').parent('body').find('.pag').parent().delay(400).fadeTo("400", 1);
  1161. });
  1162. {/block:ifmanualload}
  1163. {/block:indexpage}
  1164. });
  1165. </script>
  1166.  
  1167. <a class="nice" href="http://sorrism.tumblr.com" target="_blank">@</a>
  1168. </body>
  1169.  
  1170. </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!