API tools faq
paste
Advertisement
sorrism

gloss

sorrism
Jul 1st, 2018
7,233
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 31.30 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3.  
  4. theme: gloss
  5. - sorrism -
  6.  
  7. time stamp shortening by bycholoethemes
  8. video resizing by shythemes
  9.  
  10.  
  11. -->
  12.  
  13. <!DOCTYPE html>
  14. <head>
  15.  
  16. <title>{block:TagPage}#{Tag} : {/block:TagPage} {block:PostSummary}{PostSummary} : {/block:PostSummary}{Title}</title>
  17.  
  18. <link rel="shortcut icon" href="{favicon}">
  19.  
  20. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  21. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  22.  
  23. <!--Default Variables-->
  24.  
  25. <meta name="color:Background" content="#FBFBFB"/>
  26. <meta name="color:Text" content="#666666"/>
  27. <meta name="color:Link" content="#444444"/>
  28. <meta name="color:Link Hover" content="#b0b7ea"/>
  29. <meta name="color:Title" content="#444444"/>
  30. <meta name="color:Blog Title" content="#000000"/>
  31. <meta name="color:Scrollbar" content="#d5d5d5" />
  32. <meta name="color:Posts" content="#ffffff"/>
  33. <meta name="color:Accents" content="#e4e4e4"/>
  34. <meta name="color:Text Borders" content="#eeeeee"/>
  35.  
  36. <meta name="if:Infinite Scroll" content="1"/>
  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. <script src="//use.edgefonts.net/source-sans-pro:n4,i4,n6.js"></script>
  60.  
  61. <style type="text/css">
  62.  
  63. /*tumblr controls and lightbox*/
  64.  
  65. .tmblr-lightbox {background:rgba({RGBcolor:posts}, .95)!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:posts}!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:accents};
  101. padding:2px 5px;
  102. font-size:.9em;
  103. text-transform:lowercase;
  104. color:{color:text};
  105. white-space:nowrap;
  106. display:inline-block;
  107. }
  108.  
  109. /*scrollbar*/
  110.  
  111. ::-webkit-scrollbar {
  112. width:12px;
  113. height:12px;
  114. background-color:transparent;
  115. }
  116.  
  117. ::-webkit-scrollbar-thumb {
  118. background-clip:padding-box;
  119. border-radius:6px;
  120. background-color:{color:scrollbar};
  121. border:4px solid transparent;
  122. }
  123.  
  124. .square::-webkit-scrollbar {width:0px;}
  125.  
  126. /*controls*/
  127.  
  128. .iframe-controls--desktop {
  129. z-index:999;
  130. top:2px!important;
  131. right:-20px!important;
  132. opacity:0;
  133. padding-right:75px;
  134. filter:invert(1) contrast(150%);
  135. -webkit-filter:invert(1) contrast(150%);
  136. -o-filter:invert(1) contrast(150%);
  137. -moz-filter:invert(1) contrast(150%);
  138. -ms-filter:invert(1) contrast(150%);
  139. transform:scale(0.6);
  140. -webkit-transform:scale(0.6);
  141. -o-transform:scale(0.6);
  142. -moz-transform:scale(0.6);
  143. -ms-transform:scale(0.6);
  144. transform-origin:100% 0;
  145. -webkit-transform-origin:100% 0;
  146. -o-transform-origin:100% 0;
  147. -moz-transform-origin:100% 0;
  148. -ms-transform-origin:100% 0;
  149. }
  150.  
  151. .iframe-controls--desktop:hover {opacity:.6;}
  152.  
  153. .cv {
  154. position:fixed;
  155. top:5px;
  156. right:5px;
  157. z-index:99;
  158. }
  159.  
  160. .cv svg {
  161. margin:4px 3px 0 0;
  162. height:15px;
  163. fill:{color:title};
  164. }
  165.  
  166. /*basics*/
  167.  
  168. body {
  169. background:{color:background};
  170. color:{color:text};
  171. font:normal 11px/1.5em source-sans-pro, arial, sans-serif;
  172. word-wrap:break-word;
  173. overflow-wrap:break-word;
  174. position:relative;
  175. text-align:left;
  176. letter-spacing:.25px;
  177. -moz-osx-font-smoothing:grayscale;
  178. -webkit-font-smoothing:antialiased;
  179. font-smoothing:antialiased;
  180. margin:0;
  181. }
  182.  
  183. a {
  184. word-wrap:break-word;
  185. overflow-wrap:break-word;
  186. color:{color:text};
  187. text-decoration:none;
  188. }
  189.  
  190. a, svg, .mi, .count, article, .iframe-controls--desktop {
  191. transition:all .3s linear;
  192. -webkit-transition:all .3s linear;
  193. -moz-transition:all .3s linear;
  194. -o-transition:all .3s linear;
  195. }
  196.  
  197. a, a img {cursor:pointer;}
  198.  
  199. .comment a {color:{color:link};}
  200.  
  201. .comment a:hover, nav a:hover {
  202. color:{color:link hover};
  203. text-decoration:none;
  204. }
  205.  
  206. img {
  207. opacity:1;
  208. border:none;
  209. text-decoration:none;
  210. }
  211.  
  212. blockquote {
  213. padding:.1em 0 .1em 15px;
  214. text-align:left;
  215. margin:.5em 0;
  216. border-left:2px solid {color:text borders};
  217. }
  218.  
  219. pre {
  220. padding:0;
  221. margin:0;
  222. line-height:inherit!important;
  223. background:transparent;
  224. font-family:inherit!Important;
  225. font-size:inherit!important;
  226. white-space:pre-wrap;
  227. white-space:-moz-pre-wrap;
  228. white-space:-pre-wrap;
  229. white-space:-o-pre-wrap;
  230. word-wrap:break-word;
  231. }
  232.  
  233. p {margin:.5em 0;}
  234.  
  235. .comment > p:first-child {margin-top:0;}
  236.  
  237. .comment > p:last-child {margin-bottom:0;}
  238.  
  239. .comment img {margin:1.5em auto!important;}
  240.  
  241. .comment > img:first-child {margin-top:0!important;}
  242.  
  243. .comment > img:last-child {margin-bottom:0!important;}
  244.  
  245. .tmblr-full > img {width:100%!important;}
  246.  
  247. b, strong, b a, strong a {
  248. color:{color:title};
  249. font-weight:600!important;
  250. }
  251.  
  252. article ol, article ul {
  253. list-style:none;
  254. text-align:left;
  255. padding-left:0;
  256. }
  257.  
  258. article li {
  259. position:relative;
  260. padding-left:30px;
  261. {block:indexpage}
  262. padding-left:15px;
  263. {/block:indexpage}
  264. }
  265.  
  266. article ol li {counter-increment:list;}
  267.  
  268. article ol li:before {
  269. content:counter(list) '.' ;
  270. left:0;
  271. position:absolute;
  272. }
  273.  
  274. article ul li:before {
  275. position:absolute;
  276. left:15px;
  277. {block:indexpage}
  278. left:0px;
  279. {/block:indexpage}
  280. top:.1em;
  281. font-size:1.2em;
  282. line-height:.83em;
  283. content:'›';
  284. }
  285.  
  286. .chat li:before {display:none;}
  287.  
  288. .comment > ol:first-child, .comment ul:first-child {padding-top:0;}
  289.  
  290. .comment > ol:last-child, .cmment ul:last-child {padding-bottom:0;}
  291.  
  292. small, big, sub, pre {
  293. font-size:1em!important;
  294. line-height:1.5em!important;
  295. vertical-align:baseline!important;
  296. }
  297.  
  298. h1, h2, h3, h4 {
  299. font-size:1em;
  300. margin:0;
  301. padding:0;
  302. color:{color:title};
  303. font-weight:600;
  304. }
  305.  
  306. .comment > h1:first-child, .comment > h2:first-child, .comment > h3:first-child, .comment > h4:first-child {padding:0 0 15px 0;}
  307.  
  308. hr {
  309. border:none;
  310. box-shadow:0;
  311. margin:2em 25%;
  312. border-top:2px solid {color:text borders};
  313. }
  314.  
  315. header, footer, article {
  316. -webkit-animation-name: fade-in;
  317. -webkit-animation-duration: 1.5s;
  318. }
  319.  
  320. /*header*/
  321.  
  322. header {
  323. {block:permalinkpage}
  324. width:500px;
  325. {/block:permalinkpage}
  326. padding-bottom:50px;
  327. {block:indexpage}
  328. position:fixed;
  329. white-space:normal;
  330. left:100px;
  331. width:calc(100vw - 200px)!important;
  332. top:calc(50vh - {select:post width}px / 2);
  333. z-index:3;
  334. transform:translate(0%,-100%);
  335. -webkit-transform:translate(0%,-100%);
  336. -o-transform:translate(0%,-100%);
  337. -moz-transform:translate(0%,-100%);
  338. {/block:indexpage}
  339. }
  340.  
  341. nav {margin:15px 0 5px 0;}
  342.  
  343. nav a {
  344. display:inline-block;
  345. margin-right:5px;
  346. }
  347.  
  348. .tai {
  349. vertical-align:middle;
  350. font:600 1.2em/35px source-sans-pro, arial, sans-serif;
  351. display:inline-block;
  352. color:{color:title};
  353. }
  354.  
  355. .ic {
  356. display:inline-block;
  357. height:35px;
  358. vertical-align:middle;
  359. margin:0 20px 0 0;
  360. }
  361.  
  362. .ic img {
  363. display:block;
  364. height:35px;
  365. width:35px;
  366. -moz-border-radius:100%;
  367. -webkit-border-radius:100%;
  368. border-radius:100%;
  369. }
  370.  
  371. /*pagination*/
  372.  
  373. footer {
  374. height:calc({select:post height}px - 30px);
  375. background:{color:posts};
  376. padding:15px calc(15px + .5em);
  377. margin-right:50px;
  378. white-space:normal;
  379. display:inline-block;
  380. position:relative;
  381. {block:ifinfinitescroll}
  382. display:none;
  383. {/block:ifinfinitescroll}
  384. }
  385.  
  386. footer a {
  387. position:absolute;
  388. left:0;
  389. top:calc(50% - .5em);
  390. height:1em;
  391. width:100%;
  392. text-align:center;
  393. }
  394.  
  395. footer svg {
  396. height:1em;
  397. fill:{color:title};
  398. }
  399.  
  400. #infscr-loading {display:none!important;}
  401.  
  402. {block:ifinfinitescroll}
  403. #pagination {display:none;}
  404. {/block:ifinfinitescroll}
  405.  
  406. .nice {
  407. position:fixed;
  408. right:20px;
  409. font-size:8px;
  410. z-index:5;
  411. bottom:10px;
  412. }
  413.  
  414. .nice a {color:{color:text};}
  415.  
  416. /*posts*/
  417.  
  418. section {
  419. {block:indexpage}
  420. margin:calc(50vh - {select:post height}px / 2) 0 50px 100px;
  421. white-space:nowrap;
  422. height:1px;
  423. {/block:indexpage}
  424. position:relative;
  425. {block:permalinkpage}
  426. margin:150px auto 50px auto;
  427. {/block:permalinkpage}
  428. }
  429.  
  430. {block:permalinkpage}
  431. section, .posts, .photo img {width:500px;}
  432. {/block:permalinkpage}
  433.  
  434. article {
  435. white-space:normal;
  436. {block:indexpage}
  437. height:{select:post height}px;
  438. margin-right:50px;
  439. overflow:hidden;
  440. {/block:indexpage}
  441. vertical-align:top;
  442. background:{color:posts};
  443. position:relative;
  444. display:inline-block;
  445. }
  446.  
  447. {block:indexpage}{block:ifinfinitescroll}
  448. article:last-of-type {margin-right:100px!important;}
  449. {/block:ifinfinitescroll}
  450.  
  451. .photo img {height:{select:post height}px;}
  452. {/block:indexpage}
  453.  
  454. .photo {
  455. position:relative;
  456. {block:indexpage}
  457. height:{select:post height}px;
  458. overflow-y:hidden;
  459. {/block:indexpage}
  460. }
  461.  
  462. .photo img {display:block;}
  463.  
  464. article .pic {
  465. position:relative;
  466. display:none;
  467. line-height:0;
  468. counter-increment:ph;
  469. }
  470.  
  471. .pic:first-of-type {display:block!important;}
  472.  
  473. .mi {
  474. position:absolute;
  475. width:calc(100% - 30px);
  476. height:calc(100% - 30px + 45px);
  477. left:0;
  478. z-index:3;
  479. padding:15px;
  480. color:{color:title};
  481. background:{color:posts};
  482. }
  483.  
  484. .mi, .count {
  485. top:{select:post height}px;
  486. position:absolute;
  487. }
  488.  
  489. article:not(.active):hover .mi, article:not(.ative):hover .count {top:calc({select:post height}px - 45px);}
  490.  
  491. .active .mi {top:-45px;}
  492.  
  493. .inf {
  494. margin:-15px -15px 15px -15px;
  495. padding:0 15px;
  496. }
  497.  
  498. .inf, .count {
  499. display:block;
  500. line-height:45px;
  501. }
  502.  
  503. .count {
  504. text-align:right;
  505. right:15px;
  506. z-index:4;
  507. }
  508.  
  509. .count:hover {color:{color:text};}
  510.  
  511. article .count:before {content:counter(ph);}
  512.  
  513. .close {font-weight:600;}
  514.  
  515. .media {overflow:hidden;}
  516.  
  517. .video iframe, .tumblr_video_container {
  518. display:block;
  519. max-height:100%;
  520. {block:indexpage}
  521. height:{select:post height}px;
  522. {/block:indexpage}
  523. }
  524.  
  525. .over:before {
  526. content:'';
  527. position:absolute;
  528. height:100px;
  529. left:0;
  530. width:100%;
  531. bottom:0;
  532. z-index:2;
  533. background:-moz-linear-gradient(top, rgba({RGBcolor:posts},0) 0%, rgba({RGBcolor:posts},1) 100%);
  534. background: -webkit-linear-gradient(top, rgba({RGBcolor:posts},0) 0%,rgba({RGBcolor:posts},1) 100%);
  535. background:linear-gradient(to bottom, rgba({RGBcolor:posts},0) 0%,rgba({RGBcolor:posts},1) 100%);
  536. }
  537.  
  538. /*text and captions*/
  539.  
  540. .square {
  541. {block:indexpage}
  542. width:calc({select:post height}px - 50px);
  543. height:calc({select:post height}px - 50px);
  544. overflow:hidden;
  545. {/block:indexpage}
  546. padding:25px;
  547. }
  548.  
  549. {block:permalinkpage}
  550. .no .square {padding:0;}
  551. {/block:permalinkpage}
  552.  
  553. .title {
  554. color:{color:title};
  555. font:600 1.1em/1.5em source-sans-pro, sans-serif;
  556. }
  557.  
  558. .title a {color:{color:title};}
  559.  
  560. .title a:hover {color:{color:link hover};}
  561.  
  562. .ted:first-of-type {margin-top:15px;}
  563.  
  564. /*quote*/
  565.  
  566. .quote {
  567. font-weight:normal;
  568. font-size:1.2em;
  569. }
  570.  
  571. .source {
  572. padding-top:15px;
  573. font-size:.8em;
  574. letter-spacing:1px;
  575. text-transform:uppercase;
  576. }
  577.  
  578. /*captions*/
  579.  
  580. .comment {
  581. margin:0;
  582. padding:0 0 15px 0;
  583. list-style:none;
  584. }
  585.  
  586. .comment:last-of-type {padding-bottom:0;}
  587.  
  588. .user {
  589. border:0!important;
  590. display:block;
  591. margin-bottom:10px;
  592. font-weight:600;
  593. }
  594.  
  595. /*audio*/
  596.  
  597. .tumblr_audio_player {
  598. width:400px;
  599. height:30px;
  600. margin-top:-2px;
  601. }
  602.  
  603. .player {
  604. width:25px;
  605. height:24px;
  606. display:block;
  607. {block:permalinkpage}
  608. position:absolute;
  609. left:15px;
  610. top:calc(50% - 12px);
  611. {/block:permalinkpage}
  612. overflow:hidden;
  613. {block:indexpage}
  614. margin:0 auto;
  615. padding-right:5px;
  616. {block:indexpage}
  617. }
  618.  
  619. .hold {
  620. background:{color:accents};
  621. position:relative;
  622. display:block;
  623. min-height:24px;
  624. padding:15px;
  625. {block:indexpage}
  626. margin:calc({select:post height}px / 2) -25px 0 -25px;
  627. padding:0;
  628. background:{color:posts};
  629. transform:translate(0%,-100%);
  630. -webkit-transform:translate(0%,-100%);
  631. -o-transform:translate(0%,-100%);
  632. -moz-transform:translate(0%,-100%);
  633. {/block:indexpage}
  634. }
  635.  
  636. .audio_info {
  637. width:450px;
  638. margin-left:45px;
  639. {block:indexpage}
  640. vertical-align:middle;
  641. text-align:center;
  642. width:calc({select:post height}px - 50px);
  643. margin:15px 25px 0 25px;
  644. {/block:indexpage}
  645. }
  646.  
  647. .audio_info span {
  648. white-space:nowrap;
  649. overflow:hidden;
  650. text-overflow:ellipsis;
  651. display:block;
  652. }
  653.  
  654. .hold .artist {color:rgba({RGBcolor:text},.7);}
  655.  
  656. /*asks*/
  657.  
  658. .q {
  659. padding:15px 25px;
  660. background:{color:accents};
  661. font-style:italic;
  662. color:rgba({RGBcolor:text},.7);
  663. }
  664.  
  665. .as {text-transform:lowercase;}
  666.  
  667. .as, .as a {color:{color:text}!important;}
  668.  
  669. /*chats*/
  670.  
  671. .chat {
  672. margin:0;
  673. padding:0;
  674. list-style:none;
  675. }
  676.  
  677. .l {padding:0 0 15px 0;}
  678.  
  679. .l:nth-of-type(even) {color:rgba({RGBcolor:text},.7);}
  680.  
  681. .l:last-of-type {padding-bottom:0px;}
  682.  
  683. .label {
  684. display:inline-block;
  685. font-weight:600;
  686. }
  687.  
  688. /*permalink and notes*/
  689.  
  690. .cp .when {
  691. margin:-15px -15px 15px -15px;
  692. padding:15px;
  693. background:{color:accents};
  694. }
  695.  
  696. .when a, .help a {
  697. display:inline-block;
  698. margin:0 5px;
  699. }
  700.  
  701. .when a:nth-of-type(2) {margin-left:10px;}
  702.  
  703. .like-b {
  704. position:relative;
  705. display:inline-block;
  706. height:1.5em;
  707. vertical-align:bottom;
  708. line-height:1.5em;
  709. overflow:hidden;
  710. }
  711.  
  712. .like-b .like_button iframe, .like_button {
  713. position:absolute;
  714. top:0;
  715. left:0;
  716. bottom:0;
  717. right:0;
  718. height:1.5em;
  719. z-index:20;
  720. opacity:0.000001;
  721. }
  722.  
  723. .like-b .liked + .b {color:#D95E40;}
  724.  
  725. .like-b .liked + .b:after {content:'d';}
  726.  
  727. .pc {padding:25px;}
  728.  
  729. .pinfo {
  730. position:relative;
  731. z-index:3;
  732. padding:0 25px 25px 25px;
  733. }
  734.  
  735. .no .pinfo, .ph .pinfo {padding-top:25px;}
  736.  
  737. .cp .pinfo {
  738. padding-top:0px;
  739. margin-top:-15px;
  740. }
  741.  
  742. .pagenotes {margin-top:50px;}
  743.  
  744. .pagenotes .title {
  745. display:block;
  746. line-height:1em;
  747. padding:15px;
  748. }
  749.  
  750. #vs {
  751. padding:15px;
  752. background:{color:accents};
  753. font-size:.8em;
  754. letter-spacing:1px;
  755. text-transform:uppercase;
  756. }
  757.  
  758. ol.notes {
  759. list-style-type:none;
  760. padding:0 15px 15px 15px;
  761. margin:0;
  762. }
  763.  
  764. ol.notes li.note {padding:0 0 5px 25px;}
  765.  
  766. ol.notes li.note:nth-child(odd) * {color:rgba({RGBcolor:text},.7);}
  767.  
  768. ol.notes li.note img.avatar {display:none!important;}
  769.  
  770. ol.notes li:last-of-type {padding-bottom:0!important;}
  771.  
  772. .more_notes_link, .notes_loading {
  773. display:block;
  774. text-align:left;
  775. text-transform:lowercase;
  776. color:rgba({RGBcolor:title},.7)!important;
  777. }
  778.  
  779. .more_notes_link_container:after {display:none;}
  780.  
  781. .help {
  782. display:none;
  783. margin-top:-10px;
  784. padding:0 25px 15px 25px;
  785. }
  786.  
  787. .help a:first-of-type {margin-left:0;}
  788.  
  789. .ph .help {
  790. padding:15px 25px;
  791. margin:0;
  792. }
  793.  
  794. {CustomCSS}
  795.  
  796. @media screen and (max-width:800px) {
  797. section {
  798. white-space:normal;
  799. width:80vw;
  800. margin:150px 10vw 50px 10vw;
  801. }
  802. header {
  803. position:relative;
  804. margin:0;
  805. left:0;
  806. transform:translate(0%,0%);
  807. -webkit-transform:translate(0%,0%);
  808. -o-transform:translate(0%,0%);
  809. -moz-transform:translate(0%,0%);
  810. }
  811. article, .photo img, .square, .media, .photo {
  812. height:auto;
  813. width:80vw!important;
  814. }
  815. .square {
  816. width:calc(80vw - 50px);
  817. overflow:auto;
  818. }
  819. .over:before {display:none;}
  820. article {
  821. margin:0 0 10vw 0;
  822. padding:0;
  823. }
  824. .audio_info {width:calc(80vw - 50px);}
  825.  
  826. .mi, .count {display:none!important;}
  827.  
  828. {block:indexpage}
  829. .help {display:block!important;}
  830. {/block:indexpage}
  831.  
  832. footer {
  833. width:calc(80vw - 50px);
  834. padding:15px 25px;
  835. height:auto;
  836. margin-bottom:10vw;
  837. }
  838. }
  839.  
  840.  
  841. </style>
  842.  
  843. </head>
  844.  
  845. <body>
  846.  
  847. <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>
  848.  
  849. <section id="entries">
  850.  
  851. <header>{block:ifIconImage}<a href="/" class="ic"><img src="{image:Icon}"/></a>{/block:ifIconImage}<a href="/" class="tai">{title}</a><nav>{block:ifHomeTitle}<a href="/">{text:home title}</a>{/block:ifHomeTitle}{block:ifAskTitle}<a href="/ask">{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}</nav><div>{description}</div></div></header>
  852.  
  853. {block:Pagination}{block:PreviousPage}<footer><div id="pagination" class="pag"><a href="{PreviousPage}" class="back" title="previous page"><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="M137.3,43.2c-2.5-2.1-6.3-1.8-8.5,0.7L78,104.1c-1.9,2.2-1.9,5.5,0,7.7l50.8,60.3c1.2,1.4,2.9,2.1,4.6,2.1c1.4,0,2.7-0.5,3.9-1.4c2.5-2.1,2.9-5.9,0.7-8.5L90.4,108L138,51.6C140.1,49.1,139.8,45.3,137.3,43.2z"/></svg></a></div></footer>{/block:PreviousPage}{/block:Pagination}
  854.  
  855. {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}">
  856.  
  857. {block:Quote}<div class="square check">
  858. <div class="title quote">{Quote}</div>
  859. {block:Source}<div class="source">{Source}</div>{/block:Source}
  860. </div>{/block:Quote}
  861.  
  862. {block:Text}<div class="square check">
  863. {block:Title}<div class="title">{Title}</div>{/block:Title}
  864. {block:RebloggedFrom}{block:Reblogs}<li class="comment {block:Title}ted{/block:Title}"><a {block:haspermalink}href="{permalink}"{/block:haspermalink} class="user" target="_blank">{username}</a>{body}</li>{/block:Reblogs}{/block:RebloggedFrom}{block:NotReblog}<li class="comment {block:Title}ted{/block:Title}">{body}</li>{/block:NotReblog}
  865. </div>{/block:Text}
  866.  
  867. {block:Link}<div class="square check">
  868. <div class="title"><a href="{URL}">{Name}</a></div>
  869. {block:Description}<li class="comment ted">{description}</li>{/block:Description}{block:RebloggedFrom}{block:Reblogs}<li class="comment"><a {block:haspermalink}href="{permalink}"{/block:haspermalink} class="user" target="_blank">{username}</a>{body}</li>{/block:Reblogs}{/block:RebloggedFrom}</div>
  870. {/block:Link}
  871.  
  872. {block:Chat}<div class="square check">{block:Title}<div class="title">{Title}</div>{/block:Title}<ol class="chat {block:title}ted{/block:title}">
  873. {block:Lines}<li class="l {Alt}">{block:Label}<span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ol></div>{/block:Chat}
  874.  
  875. <div class="media">
  876. {block:Photo}<div class="photo"><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"><img src="{PhotoURL-HighRes}"alt="{PhotoAlt}"/></a></div>{/block:Photo}
  877.  
  878. {block:Photoset}{block:indexpage}<div class="photo set"><a class="pic" 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">{block:Photos}<img src="{PhotoURL-HighRes}"><!--{/block:Photos}--><span class="count"> of {PhotoCount}</span></a></div>{/block:indexpage}{block:permalinkpage}<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>{/block:permalinkpage}{/block:Photoset}
  879.  
  880. {block:Video}<div class="video">{Video-500}</div>{/block:Video}
  881.  
  882. {block:Audio}<div class="square">{block:AudioPlayer}<div class="hold"><div class="player">{AudioPlayerWhite}</div><div class="audio_info">{block:TrackName}<span>{TrackName}</span>{/block:TrackName}{block:Artist}<span class="artist">{Artist}</span>{/block:Artist}</div></div>{/block:AudioPlayer}</div>{/block:Audio}
  883. </div>
  884.  
  885. {block:Answer}
  886. <div class="q check"><span class="as">{Asker} sent: </span>{Question}</div>
  887. <div class="square check">{block:Answerer}<li class="comment"><span class="user">{answerer} replied: </span>{answer}</li>{/block:Answerer}
  888. {block:NotReblog}<li class="comment reply">{replies}</li>{/block:NotReblog}
  889. {block:rebloggedfrom}{block:reblogs}<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>{/block:Reblogs}{/block:rebloggedfrom}</div>
  890. {/block:Answer}
  891.  
  892. {block:permalinkpage}
  893. {block:caption}<div class="pc">{block:Reblogs}<li class="comment"><a {block:haspermalink}href="{permalink}"{/block:haspermalink} class="user" target="_blank">{username}</a>{body}</li>{/block:Reblogs}{block:NotReblog}<li class="comment"><a {block:haspermalink}href="{permalink}"{/block:haspermalink} class="user" target="_blank">{name}</a>{Caption}</li>{/block:NotReblog}</div>{/block:caption}
  894. {block:date}
  895. <div class="pinfo">posted {timeago} on {month} {dayofmonth}{dayofmonthsuffix}, {year}{block:HasTags}<div class="tags">{block:Tags}<a href="{TagUrl}">#{Tag}</a> {/block:Tags}</div>{/block:HasTags}</div>
  896. {/block:date}
  897. {/block:permalinkpage}
  898.  
  899.  
  900.  
  901. {block:indexpage}{block:date}
  902. <div class="help"><a href="{Permalink}" target="_blank" class="time no" {block:NoteCount}title="{notecountwithlabel}"{/block:NoteCount}>{timestamp}</a><a href="{ReblogURL}" target="_blank" class="r">reblog</a><a class="like-b">{LikeButton}<span class="b">like</span></a></div>
  903. <div class="mi"><a class="inf">info</a><div class="when">[<a class="close">close</a>]<a href="{Permalink}" target="_blank" class="time no" {block:NoteCount}title="{notecountwithlabel}"{/block:NoteCount}>{timestamp}</a><a href="{ReblogURL}" target="_blank" class="r">reblog</a><a class="like-b">{LikeButton}<span class="b">like</span></a></div>
  904. {block:caption}<div class="caption">{block:Reblogs}<li class="comment"><a {block:haspermalink}href="{permalink}"{/block:haspermalink} class="user" target="_blank">{username}</a>{body}</li>{/block:Reblogs}{block:NotReblog}<li class="comment"><a {block:haspermalink}href="{permalink}"{/block:haspermalink} class="user" target="_blank">{name}</a>{Caption}</li>{/block:NotReblog}</div>{/block:caption}</div>{/block:date}
  905. {/block:indexpage}
  906.  
  907. </article>
  908.  
  909. {block:PostNotes}<article class="posts pagenotes">{block:RebloggedFrom}<div id="vs">reblogged via: <a href="{ReblogParentURL}">{ReblogParentName}</a>{block:ContentSource}<br>source: <a href="{ReblogRootURL}" >{ReblogRootName}</a>{/block:ContentSource}</div>{/block:RebloggedFrom}<div class="title">{NoteCountWithLabel}</div>{PostNotes}</article>{/block:PostNotes}{/block:Posts}
  910.  
  911. {block:Pagination}{block:NextPage}<footer><div id="pagination" class="pag"><a href="{NextPage}" class="next" title="next page"><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="M78.7,172.8c1.1,0.9,2.5,1.4,3.9,1.4c1.7,0,3.4-0.7,4.6-2.1l50.8-60.3c1.9-2.2,1.9-5.5,0-7.7L87.2,43.9c-2.1-2.5-5.9-2.9-8.5-0.7c-2.5,2.1-2.9,5.9-0.7,8.5l47.5,56.4L78,164.4C75.9,166.9,76.2,170.7,78.7,172.8z"/></svg></a></div></footer>{/block:NextPage}{/block:pagination}
  912.  
  913. </section>
  914.  
  915.  
  916. <!-- jquery -->
  917.  
  918. <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>
  919. <script src="//static.tumblr.com/i5s2zks/9Acok8oo2/bct-timeago.min.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}
  920.  
  921. <script>
  922. $(document).ready(function() {
  923. $('body').tooltip({track:true});
  924. $('p').filter(function (){ return $.trim(this.innerHTML) == "" }).remove();
  925. var postHeight = {select:post height};
  926. $('article').find('.caption, .check .comment').each(function(){
  927. var textHeight = $(this).height();
  928. if (textHeight >= postHeight) {
  929. if ($(this).hasClass('caption')) {
  930. $(this).closest('.mi').addClass('over');
  931. }
  932. else {$(this).closest('.check').addClass('over');}
  933. }
  934. });
  935. $('.time').timeAgo({
  936. time:"letter",
  937. suffix:" ago"
  938. });
  939. {block:permalinkpage}
  940. $('.photo-slideshow').pxuPhotoset({
  941. lightbox: true,
  942. rounded: false,
  943. gutter: '3px',
  944. photoset: '.photo-slideshow',
  945. photoWrap: '.photo-data',
  946. photo: '.pxu-photo'
  947. });
  948. {/block:permalinkpage}
  949. $('.inf, .close').each(function() {
  950. $(this).click(function() {
  951. $(this).closest('article').toggleClass('active');
  952. });
  953. });
  954. $('iframe.tumblr_audio_player').load( function() {
  955. $('iframe.tumblr_audio_player').contents().find("head").append($("<style type='text/css'> .audio-player{background:transparent!important} </style>"));
  956. });
  957. $(window).resize(function(){
  958. $container.find('.video.resized').each(function(){
  959. $(this).removeClass('resized');
  960. });
  961. $container.resizevideos();
  962. });
  963. var $container = $('section');
  964. $container.infinitescroll({
  965. itemSelector: 'article',
  966. navSelector: '#pagination',
  967. nextSelector: '#pagination a',
  968. loadingImg: '',
  969. loadingText: '<em></em>',
  970. bufferPx: 100,
  971. behavior: 'local'
  972. },
  973. function( newElements ) {
  974. var $newElems = $( newElements );
  975. var $newID = $newElems.map(function(){return this.id;}).get();
  976. Tumblr.LikeButton.get_status_by_post_ids($newID);
  977. $newElems.find('iframe.tumblr_audio_player').load( function() {
  978. $('iframe.tumblr_audio_player').contents().find("head").append($("<style type='text/css'> .audio-player{background:transparent!important} </style>"));
  979. });
  980. $newElems.find('p').filter(function (){ return $.trim(this.innerHTML) == "" }).remove();
  981. $newElems.find('.time').timeAgo({
  982. time:"short",
  983. spaces: true,
  984. suffix:" ago"
  985. });
  986. $newElems.find('.inf, .close').each(function() {
  987. $(this).click(function() {
  988. $(this).closest('article').toggleClass('active');
  989. });
  990. });
  991. $newElems.find('.caption, .check .comment').each(function(){
  992. var textHeight = $(this).height();
  993. if (textHeight >= postHeight) {
  994. if ($(this).hasClass('caption')) {
  995. $(this).closest('.mi').addClass('over');
  996. }
  997. else {$(this).closest('.check').addClass('over');}
  998. }
  999. });
  1000. });
  1001. });
  1002. </script>
  1003. {/block:ifinfinitescroll}
  1004. {/block:indexpage}
  1005.  
  1006. {block:ContentSource}
  1007. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1008. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1009. {/block:SourceLogo}
  1010. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1011. {/block:ContentSource}
  1012. <a class="nice" href="https://sorrism.tumblr.com" target="_blank">@</a>
  1013.  
  1014. </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!