API tools faq
paste
Advertisement
sorrism

honey

sorrism
Jun 29th, 2017
21,168
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 25.51 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3.  
  4. theme: honey // updated 30.6.2018
  5. - sorrism -
  6.  
  7.  
  8. -->
  9.  
  10. <!DOCTYPE html>
  11. <head>
  12.  
  13. <title>{block:TagPage}#{Tag} : {/block:TagPage} {block:PostSummary}{PostSummary} : {/block:PostSummary}{Title}</title>
  14.  
  15. <link rel="shortcut icon" href="{favicon}">
  16.  
  17. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  18. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  19.  
  20. <!--Default Variables-->
  21.  
  22. <meta name="color:Background" content="#ffffff"/>
  23. <meta name="color:Text" content="#cccccc"/>
  24. <meta name="color:Link Hover" content="#eeeeee"/>
  25. <meta name="color:Title" content="#000000"/>
  26. <meta name="color:Blog Title" content="#000000"/>
  27. <meta name="color:Scrollbar" content="#d5d5d5" />
  28. <meta name="color:Borders" content="#f5f5f5"/>
  29. <meta name="color:Text Borders" content="#eeeeee"/>
  30.  
  31. <meta name="if:Hide Tags" content="1"/>
  32. <meta name="if:Infinite Scroll" content="1"/>
  33. <meta name="if:Manual Load" content="1"/>
  34.  
  35. <meta name="image:Icon" content=""/>
  36.  
  37. <meta name="select:Post Width" content="420" title="420px"/>
  38. <meta name="select:Post Width" content="450" title="450px"/>
  39. <meta name="select:Post Width" content="480" title="480px"/>
  40. <meta name="select:Post Width" content="500" title="500px"/>
  41. <meta name="select:Post Width" content="540" title="540px"/>
  42.  
  43. <meta name="text:Home Title" content="Home"/>
  44. <meta name="text:Archive Title" content="Archive"/>
  45.  
  46. <!--CSS customization here. -->
  47.  
  48. <link href='//static.tumblr.com/sas2ex2/HFinqriui/photoset.css' rel='stylesheet' type='text/css'>
  49.  
  50. <script src="//use.edgefonts.net/lora:n4,i4,n7;lato:n4,n7.js"></script>
  51.  
  52. <style type="text/css">
  53.  
  54. /*tumblr controls and lightbox*/
  55.  
  56. .tmblr-lightbox {background:rgba({RGBcolor:background}, .95)!important;}
  57.  
  58. .tmblr-lightbox img {opacity:0;}
  59.  
  60. .lightbox-caption {
  61. color:{color:title}!important;
  62. font-family:inherit!important;
  63. font-size:10px!important;
  64. font-weight:normal!important;
  65. text-shadow:none!important;
  66. }
  67.  
  68. .lightbox-image {
  69. -moz-box-shadow:none!important;
  70. -webkit-box-shadow:none!important;
  71. box-shadow:none!important;
  72. -moz-border-radius:0px!important;
  73. -webkit-border-radius:0px!important;
  74. border-radius:0px!important;
  75. background:{color:background}!important;
  76. opacity:1!important;
  77. }
  78.  
  79. .vignette {opacity:0!Important;}
  80.  
  81. /*tooltip*/
  82.  
  83. .ui-tooltip {
  84. z-index:6;
  85. position:Absolute;
  86. z-index:9999;
  87. padding-top:15px;
  88. }
  89.  
  90. .ui-tooltip-content {
  91. background:{color:background};
  92. padding:5px 10px;
  93. border:1px solid {color:borders};
  94. }
  95.  
  96. /*scrollbar*/
  97.  
  98. ::-webkit-scrollbar {
  99. width:12px;
  100. height:12px;
  101. background-color:transparent;
  102. }
  103.  
  104. ::-webkit-scrollbar-thumb {
  105. background-clip:padding-box;
  106. border-radius:6px;
  107. background-color:{color:scrollbar};
  108. border:4px solid transparent;
  109. }
  110.  
  111. /*controls*/
  112.  
  113. .tmblr-iframe--unified-controls, iframe-controls--desktop {
  114. z-index:999;
  115. top:-7px!important;
  116. right:-85px!important;
  117. opacity:0;
  118. position:fixed!important;
  119. padding-right:75px;
  120. transform:scale(0.6);
  121. -webkit-transform:scale(0.6);
  122. -o-transform:scale(0.65);
  123. -moz-transform:scale(0.65);
  124. -ms-transform:scale(0.65);
  125. }
  126.  
  127. iframe.tmblr-iframe {
  128. z-index:99!important;
  129. top:0px!important;
  130. right:-50px!important;
  131. opacity:0;
  132. padding-right:125px;
  133. transform:scale(0.6);
  134. transform-origin:100% 0;
  135. -webkit-transform:scale(0.6);
  136. -webkit-transform-origin:100% 0;
  137. -o-transform:scale(0.6);
  138. -o-transform-origin:100% 0;
  139. -moz-transform:scale(0.6);
  140. -moz-transform-origin:100% 0;
  141. -ms-transform:scale(0.6);
  142. -ms-transform-origin:100% 0;
  143. }
  144.  
  145. .iframe-controls--desktop:hover {opacity:.9;}
  146.  
  147. .cc {
  148. position:fixed;
  149. top:2px;
  150. right:0px;
  151. z-index:98;
  152. }
  153.  
  154. .cc svg {
  155. padding:5px 10px;
  156. width:15px;
  157. fill:{color:title};
  158. }
  159.  
  160. /*basics*/
  161.  
  162. body {
  163. background:{color:background};
  164. color:{color:text};
  165. font:normal 12px/1.5em lora, georgia, sans-serif;
  166. word-wrap:break-word;
  167. text-align:left;
  168. letter-spacing:.15px;
  169. margin:0;
  170. overflow-x:hidden;
  171. -moz-osx-font-smoothing:grayscale;
  172. -webkit-font-smoothing:antialiased;
  173. font-smoothing:antialiased;
  174. }
  175.  
  176. a {
  177. color:{color:text};
  178. text-decoration:none;
  179. }
  180.  
  181. a, svg, nav span:before, iframe.tmblr-iframe {
  182. transition:all .3s linear;
  183. -webkit-transition:all .3s linear;
  184. -moz-transition:all .3s linear;
  185. -o-transition:all .3s linear;
  186. }
  187.  
  188. a, a img {cursor:pointer;}
  189.  
  190. .comment a {border-bottom:1px solid {color:text borders};}
  191.  
  192. a:hover {
  193. border-color:{color:link hover}!important;
  194. color:{color:link hover}!important;
  195. text-decoration:none;
  196. }
  197.  
  198. img {
  199. opacity:1;
  200. border:0;
  201. text-decoration:none;
  202. max-width:100%;
  203. height:auto;
  204. display:block;
  205. }
  206.  
  207. blockquote {
  208. margin:.5em 0;
  209. border-left:1px solid {color:text borders};
  210. padding:.25em 0 .25em 15px;
  211. }
  212.  
  213. pre {
  214. padding:0;
  215. margin:0;
  216. line-height:inherit!important;
  217. background:transparent;
  218. font-family:monospace!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:.75em 0;}
  228.  
  229. .comment p:first-child {margin-top:0!important}
  230.  
  231. .comment p:last-child {margin-bottom:0!important}
  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 {color:{color:title};}
  242.  
  243. ol, ul {
  244. list-style:none;
  245. padding:.25em 0 .25em 15px;
  246. }
  247.  
  248. .comment ol:first-child, .comment ul:first-child {padding-top:0;}
  249.  
  250. .comment ol:last-child, .cmment ul:last-child {padding-bottom:0;}
  251.  
  252. article li {margin:.25em 0;}
  253.  
  254. li {
  255. position:relative;
  256. padding:.25em 0 .25em 30px;
  257. }
  258.  
  259. ol li {counter-increment:list;}
  260.  
  261. ol li:before {
  262. content:counter(list) '.' ;
  263. left:0;
  264. position:absolute;
  265. }
  266.  
  267. ul li:before {
  268. display:inline-block;
  269. margin:-.2em 15px 0 -15px;
  270. vertical-align:middle;
  271. width:0;
  272. font-size:1.2em;
  273. content:'◦';
  274. }
  275.  
  276. .chat li:before {display:none;}
  277.  
  278. small, big, sub, pre {
  279. font-size:1em!important;
  280. line-height:1.5em!important;
  281. vertical-align:baseline!important;
  282. }
  283.  
  284. h1, h2, h3, h4 {
  285. margin:.25em 0;
  286. padding:0;
  287. font-weight:600;
  288. color:{color:title};
  289. }
  290.  
  291. hr {
  292. border:none;
  293. box-shadow:0;
  294. margin:2em 25%;
  295. border-top:1px solid {color:text borders};
  296. }
  297.  
  298. aside, article, footer {
  299. -webkit-animation-name: fade-in;
  300. -webkit-animation-duration: 1.5s;
  301. }
  302.  
  303. /*side*/
  304.  
  305. aside {
  306. position:fixed;
  307. top:0px;
  308. width:275px;
  309. padding:150px 50px 50px 50px;
  310. left:0;
  311. max-height:calc(100vh - 200px);
  312. overflow-y:auto;
  313. }
  314.  
  315. .tai {
  316. display:block;
  317. margin-bottom:15px;
  318. text-transform:uppercase;
  319. letter-spacing:2.5px;
  320. font:600 .85em/1.25em lato, sans-serif;
  321. color:{color:blog title}!important;
  322. }
  323.  
  324. .d {margin-bottom:25px;}
  325.  
  326. .tai img {
  327. display:block;
  328. margin:0 0 25px 0;
  329. height:40px;
  330. width:40px;
  331. -moz-border-radius:100%;
  332. -webkit-border-radius:100%;
  333. border-radius:100%;
  334. }
  335.  
  336. nav span {
  337. display:block;
  338. position:relative;
  339. margin-bottom:5px;
  340. }
  341.  
  342. nav span:before {
  343. content:'';
  344. position:absolute;
  345. top:50%;
  346. z-index:-1;
  347. left:0;
  348. height:0px;
  349. border-bottom:1px dotted {color:borders};
  350. width:100%;
  351. }
  352.  
  353. nav a {
  354. display:inline-block;
  355. font-size:.8em;
  356. letter-spacing:2.5px;
  357. text-transform:uppercase;
  358. font-family:lato, sans-serif;
  359. color:rgba({RGBcolor:text},.6);
  360. padding-right:10px;
  361. background:{color:background};
  362. }
  363.  
  364. /*pagination*/
  365.  
  366. footer {
  367. position:relative;
  368. display:block;
  369. margin:-50px 0 150px 375px;
  370. width:{select:post width}px;
  371. padding:50px 0 0 100px;
  372. color:rgba({RGBcolor:text},.6)!important;
  373. border-top:1px solid {color:borders};
  374. border-left:1px solid {color:borders};
  375. {block:ifinfinitescroll}
  376. {block:ifnotmanualload}
  377. display:none;
  378. {/block:ifnotmanualload}
  379. {/block:ifinfinitescroll}
  380. }
  381.  
  382. footer a {
  383. display:inline-block;
  384. margin:0 10px;
  385. color:rgba({RGBcolor:text},.6);
  386. }
  387.  
  388. .right {
  389. float:right;
  390. text-align:right;
  391. }
  392.  
  393. .current {
  394. color:{color:title}!important;
  395. font-weight:600;
  396. }
  397.  
  398. .right a:last-of-type {margin-right:0;}
  399.  
  400. .nice {
  401. position:fixed;
  402. right:15px;
  403. font-size:1em;
  404. bottom:10px;
  405. }
  406.  
  407. {block:ifinfinitescroll}
  408. #pagination {display:none;}
  409. {/block:ifinfinitescroll}
  410.  
  411. #infscr-loading {display:none!important;}
  412.  
  413. .nice a {color:{color:text};}
  414.  
  415. /*posts*/
  416.  
  417. section {
  418. border-left:1px solid {color:borders};
  419. min-height:calc(100vh - 150px);
  420. margin:0px 0 0 375px;
  421. padding-top:150px;
  422. padding-left:100px;
  423. position:relative;
  424. width:{select:post width}px;
  425. }
  426.  
  427. article {
  428. display:block;
  429. padding-bottom:150px;
  430. width:{select:post width}px
  431. vertical-align:top;
  432. position:relative;
  433. {block:permalinkpage}
  434. padding-bottom:50px;
  435. {/block:permalinkpage}
  436. }
  437.  
  438. .ph {
  439. position:relative;
  440. overflow:hidden;
  441. }
  442.  
  443. .ph img {
  444. width:100%;
  445. display:block;
  446. }
  447.  
  448. .video * {
  449. display:block;
  450. min-width:100%;
  451. }
  452.  
  453. /*text and captions*/
  454.  
  455. .title, h1, h2, h3, h4, .user, .label, a.tmblr-truncated-link, b, strong, footer, .when, .audio_info, .ui-tooltip-content {
  456. color:{color:title};
  457. font:.8em/1.25em lato, sans-serif;
  458. position:relative;
  459. text-transform:uppercase;
  460. letter-spacing:1.5px;
  461. }
  462.  
  463. .title, h1, h2, h3, h4 {letter-spacing:2.5px;}
  464.  
  465. .title, h1, h2, h3, h4, b, strong, .current {font-weight:600;}
  466.  
  467. .tmblr-truncated-link:after {content:' »';}
  468.  
  469. article .title:after {
  470. margin-top:25px;
  471. content:'';
  472. height:1px;
  473. width:calc(100% + 100px);
  474. margin-left:-100px;
  475. background:{color:borders};
  476. display:block;
  477. }
  478.  
  479. .title a {color:{color:title};}
  480.  
  481. .title a:hover {color:{color:link};}
  482.  
  483. .quote {line-height:1.75em;}
  484.  
  485. .source {margin-top:20px;}
  486.  
  487. article img, article li, article blockquote, article img {max-width:100%;}
  488.  
  489. /*captions*/
  490.  
  491. .comment {
  492. margin:0;
  493. padding:0 0 10px 0;
  494. border-top:1px dotted {color:borders};
  495. list-style:none;
  496. }
  497.  
  498. .comment:first-of-type {border:0;}
  499.  
  500. .comment:before, .chat li:before, ol.notes li:before {display:none;}
  501.  
  502. .user {
  503. border:0!important;
  504. display:block;
  505. margin-bottom:10px;
  506. }
  507.  
  508. .answerer {
  509. border:0!important;
  510. margin-bottom:10px;
  511. }
  512.  
  513. .user a, .user {color:{color:link};}
  514.  
  515. .ted:first-of-type {padding-top:25px;}
  516.  
  517. .cap .comment:first-of-type {padding-top:10px;}
  518.  
  519. article .comment:first-of-type .user {display:none;}
  520.  
  521. .comment .user:after {content:' commented:';}
  522.  
  523. .comment:last-of-type {padding-bottom:0;}
  524.  
  525. /*audio*/
  526.  
  527. .player {
  528. width:25px;
  529. height:24px;
  530. position:absolute;
  531. left:10px;
  532. top:calc(50% - 15px);
  533. display:block;
  534. overflow:hidden;
  535. }
  536.  
  537. .hold {
  538. background:{color:background};
  539. border:1px solid {color:borders};
  540. position:relative;
  541. display:block;
  542. min-height:24px;
  543. padding:15px;
  544. }
  545.  
  546. .audio_info {
  547. color:{color:text};
  548. vertical-align:middle;
  549. line-height:12px;
  550. margin-left:45px;
  551. max-width:calc(100% - 75px);
  552. }
  553.  
  554. .audio_info span {
  555. white-space:nowrap;
  556. overflow:hidden;
  557. text-overflow:ellipsis;
  558. display:block;
  559. }
  560.  
  561. .hold .track {
  562. font-weight:600;
  563. color:{color:title};
  564. }
  565.  
  566.  
  567. .spotify_audio_player {
  568. height:80px;
  569. border-radius:0!important;
  570. }
  571.  
  572. /*asks*/
  573.  
  574. .answerer, .as {color:{color:title};}
  575.  
  576. .q {
  577. font-style:italic;
  578. color:rgba({RGBcolor:text},.75);
  579. }
  580.  
  581. .q:after {
  582. margin-top:15px;
  583. content:'';
  584. height:1px;
  585. width:calc(100% + 100px);
  586. margin-left:-100px;
  587. background:{color:borders};
  588. display:block;
  589. }
  590.  
  591. .as {text-transform:lowercase;}
  592.  
  593. .as, .as a {color:{color:text}!important;}
  594.  
  595. .a {padding-top:15px;}
  596.  
  597. .a ~ .a {padding-top:10px;}
  598.  
  599. /*chats*/
  600.  
  601. .chat {
  602. margin:0;
  603. padding:0;
  604. list-style:none;
  605. text-align:left;
  606. }
  607.  
  608. .l {padding:0 0 20px 0;}
  609.  
  610. .l:last-child {
  611. padding-bottom:0;
  612. border:0;
  613. }
  614.  
  615. .label {display:inline-block;}
  616.  
  617. /*permalink and notes*/
  618.  
  619. .when {
  620. color:rgba({RGBcolor:text},.6);
  621. margin-top:15px;
  622. font-weight:normal;
  623. }
  624.  
  625. .when img {
  626. width:1.4em;
  627. height:1.4em;
  628. margin:-.25em 5px 0 5px;
  629. vertical-align:middle;
  630. display:inline-block;
  631. -moz-border-radius:100%;
  632. -webkit-border-radius:100%;
  633. border-radius:100%;
  634. }
  635.  
  636. .when svg {
  637. height:1.2em;
  638. display:inline-block;
  639. fill:{color:text};
  640. vertical-align:middle;
  641. }
  642.  
  643. .tags {
  644. {block:indexpage}{block:ifhidetags}
  645. display:none;
  646. {/block:ifhidetags}{/block:indexpage}
  647. margin-top:10px;
  648. }
  649.  
  650. .tags svg {
  651. fill:rgba({RGBcolor:text},.6);
  652. margin:-2px 10px 0 0;
  653. }
  654.  
  655. .tags a {
  656. color:rgba({RGBcolor:text},.6);
  657. margin-right:5px;
  658. display:inline;
  659. }
  660.  
  661. .tags a:after {content:',';}
  662.  
  663. .tags a:last-of-type {margin:0;}
  664.  
  665. .tags a:last-of-type::after {display:none;}
  666.  
  667. #in {margin-top:10px;}
  668.  
  669. ol.notes {
  670. font:.8em lato, sans-serif;
  671. text-transform:uppercase;
  672. letter-spacing:1.5px;
  673. list-style-type:none;
  674. padding:0;
  675. margin:25px 0 0 0;
  676. }
  677.  
  678. ol.notes li.note {
  679. line-height:1.5em;
  680. padding:0 0 10px 0;
  681. }
  682.  
  683. ol.notes li.note blockquote {margin-bottom:0;}
  684.  
  685. ol.notes .tumblelog {color:{color:title}!important;}
  686.  
  687. ol.notes li.note:nth-child(odd) * {color:rgba({RGBcolor:text},.7);}
  688.  
  689. ol.notes li.note img.avatar {display:none!important;}
  690.  
  691. .more_notes_link, .notes_loading {
  692. display:block;
  693. text-align:left;
  694. color:{color:title}!important;
  695. }
  696.  
  697. .more_notes_link_container:after {display:none;}
  698.  
  699. {CustomCSS}
  700.  
  701. </style>
  702.  
  703.  
  704. </head>
  705.  
  706. <body><div class="cc"><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></div>
  707.  
  708.  
  709. <aside><a href="/" class="tai">{block:ifIconImage}<img src="{image:icon}"/>{/block:ifIconImage}{title}</a><div class="d">{description}</div><nav>{block:ifHomeTitle}<span><a href="/">{text:Home Title}</a></span>{/block:ifHomeTitle}{block:AskEnabled}<span><a href="/ask">{asklabel}</a></span>{/block:AskEnabled}{block:ifArchiveTitle}<span><a href="/archive">{text:Archive Title}</a></span>{/block:ifArchiveTitle}{block:HasPages}<div style="margin:25px -50px 0 -50px;padding:25px 50px 0 50px;border-top:1px solid {color:borders}">{block:Pages}<span><a href="{url}">{label}</a></span>{/block:Pages}</div>{/block:HasPages}</nav></aside>
  710.  
  711. <section>
  712. {block:Posts}<article id="{PostID}" class="{block:Date}dated{/block:Date} {block:caption}cap{/block:caption}">
  713.  
  714. {block:Quote}<div class="quote title">{Quote}</div>{block:Source}<div class="source">{Source}</div>{/block:Source}{/block:Quote}
  715.  
  716. {block:Text}{block:Title}<div class="title">{Title}</div>{/block:Title}{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}{/block:Text}
  717.  
  718. {block:Link}<div class="title"><a href="{URL}" {Target}>{Name}</a></div>{block:Description}{block:NotReblog}<li class="comment ted">{description}</li>{/block:NotReblog}{/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}{/block:Link}
  719.  
  720. {block:Chat}{block:Title}<div class="title">{Title}</div>{/block:Title}<ol class="chat {block:Title}ted{/block:Title}">{block:Lines}<li class="l {Alt}">{block:Label}<span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ol>{/block:Chat}
  721.  
  722. <div class="media"><div class="ph">
  723. {block:Photo}{block:indexpage}<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}"></a>{/block:indexpage}{block:permalinkpage}{LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/>{LinkCloseTag}{/block:permalinkpage}{/block:Photo}
  724.  
  725. {block:Photoset}<div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div>{/block:Photoset}
  726.  
  727. {block:Video}<div class="video">{Video-500}</div>{/block:Video}
  728.  
  729. </div>
  730.  
  731. {block:Audio}{block:AudioPlayer}<div class="hold"><div class="player">{AudioPlayerWhite}</div><div class="audio_info">{block:TrackName}<span class="track">{TrackName}</span>{/block:TrackName}{block:Artist}<span class="artist">{Artist}</span>{/block:Artist}</div></div>{/block:AudioPlayer}{/block:Audio}
  732.  
  733. {block: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}{/block:caption}
  734.  
  735. </div>
  736.  
  737. {block:Answer}
  738. <div class="q"><span class="as">{Asker} sent: </span>{Question}</div>
  739. {block:Answerer}
  740. <li class="comment"><span class="user">{answerer} replied: </span>{answer}</li>
  741. {/block:Answerer}
  742. {block:NotReblog}
  743. <li class="comment reply">{replies}</li>
  744. {/block:NotReblog}
  745. {block:rebloggedfrom}
  746. {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>
  747. {/block:Reblogs}
  748. {/block:rebloggedfrom}
  749. {/block:Answer}
  750.  
  751. {block:date}<div class="when">Posted on <a href="{permalink}">{month} {dayofmonth}{dayofmonthsuffix}, {year}</a>{block:RebloggedFrom} <span class="ca"><img src="{ReblogRootPortraitURL-40}"/></span> originally by <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom}<div class="data"></div>{block:HasTags}<div class="tags"><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>{block:Tags}<a href="{TagUrl}">{Tag}</a>{/block:Tags}</div>{/block:HasTags} {block:permalinkpage}<div id="in">{block:RebloggedFrom}via: <a href="{ReblogParentURL}">{ReblogParentName}</a>{block:ContentSource} source: <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:ContentSource}{/block:RebloggedFrom}</div>{/block:permalinkpage}</div>{/block:date}
  752.  
  753. </article>
  754.  
  755. {block:PostNotes}<article class="posts pagenotes"><div class="title">{NoteCountWithLabel}</div>{PostNotes}</article>{/block:PostNotes}
  756.  
  757. {/block:Posts}
  758.  
  759. </section>
  760. {block:Pagination}<footer><div id="pagination"><span class="right">{block:PreviousPage}<a href="{PreviousPage}">previous page</a>{block:nextpage}/{/block:nextpage}{/block:PreviousPage}{block:NextPage}<a href="{NextPage}">next page</a>{/block:NextPage}</span><span class="left">navigation {block:JumpPagination length="5"}{block:CurrentPage}<a class="current">{PageNumber}</a>{/block:CurrentPage}{block:JumpPage}<a class="jump" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}</span></div>{block:ifinfinitescroll}{block:ifmanualload}<div id="more"><a class="load">load more</a></div>{/block:ifmanualload}{/block:ifinfinitescroll}</footer>{/block:Pagination}
  761.  
  762.  
  763. <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:indexpage}{block:ifinfinitescroll}<script src="//static.tumblr.com/wgijwsy/u2vm2hxv6/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>
  764. <script>
  765. $(document).ready(function(){
  766. $('body').tooltip({track:true});
  767. $('.photo-slideshow').pxuPhotoset({
  768. lightbox: true,
  769. rounded: false,
  770. gutter: '2px',
  771. photoset: '.photo-slideshow',
  772. photoWrap: '.photo-data',
  773. photo: '.pxu-photo'
  774. });
  775. $('iframe.tumblr_audio_player').load( function() {
  776. $('iframe.tumblr_audio_player').contents().find("head").append($("<style type='text/css'> .audio-player{background:transparent!important} </style>"));
  777. });
  778. var $container = $('section');
  779. {block:indexpage}
  780. {block:ifinfinitescroll}
  781. $container.infinitescroll({
  782. itemSelector: 'article',
  783. navSelector: '#pagination',
  784. nextSelector: '#pagination a',
  785. loadingImg: '',
  786. loadingText: '<em></em>',
  787. errorCallback: function(){ $('.load').text('no more posts').parent('footer').delay(4000).slideUp(400); },
  788. bufferPx: 3000
  789. },
  790. function( newElements ) {
  791. var $newElems = $( newElements );
  792. $newElems.find('.photo-slideshow').pxuPhotoset({
  793. lightbox: true,
  794. rounded: false,
  795. gutter: '2px',
  796. photoset: '.photo-slideshow',
  797. photoWrap: '.photo-data',
  798. photo: '.pxu-photo'
  799. });
  800. $newElems.find('iframe.tumblr_audio_player').load( function() {
  801. $('iframe.tumblr_audio_player').contents().find("head").append($("<style type='text/css'> .audio-player{background:transparent!important} </style>"));
  802. });
  803. resizeVideos();
  804. });
  805. {block:ifmanualload}
  806. $(window).unbind('.infscr');
  807. $('.load').click(function(){
  808. $('footer').fadeTo("400", 0);
  809. $container.delay(400).infinitescroll('retrieve').parent('body').find('footer').delay(400).fadeTo("400", 1);
  810. });
  811. {/block:ifmanualload}
  812. {/block:ifinfinitescroll}{/block:indexpage}
  813. });
  814. </script>
  815.  
  816. {block:ContentSource}
  817. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  818. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  819. {/block:SourceLogo}
  820. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  821. {/block:ContentSource}
  822. <a class="nice" href="http://sorrism.tumblr.com" target="_blank">@</a>
  823. </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!