API tools faq
paste
Advertisement
sorrism

attention

sorrism
Jun 19th, 2017
18,109
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 25.74 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3.  
  4. theme: attention
  5. - sorrism -
  6.  
  7.  
  8. -->
  9.  
  10.  
  11. <!DOCTYPE html>
  12. <head>
  13.  
  14. <title>{Title} {block:TagPage} #{Tag}{/block:TagPage}{block:PostSummary} : {PostSummary}{/block:PostSummary}</title>
  15.  
  16. <link rel="shortcut icon" href="{favicon}">
  17.  
  18. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  19. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  20.  
  21. <!--Default Variables-->
  22.  
  23. <meta name="color:Background" content="#ffffff"/>
  24. <meta name="color:Text" content="#363636"/>
  25. <meta name="color:Link" content="#777777"/>
  26. <meta name="color:Link Hover" content="#eeeeee"/>
  27. <meta name="color:Blog Title" content="#bbbbbb"/>
  28. <meta name="color:Title" content="#000000"/>
  29. <meta name="color:Scrollbar" content="#aaaaaa" />
  30. <meta name="color:Borders" content="#eeeeee"/>
  31. <meta name="color:Text Borders" content="#eeeeee"/>
  32. <meta name="color:Accents" content="#fbfbfb"/>
  33.  
  34. <meta name="image:Sidebar" content=""/>
  35.  
  36. <meta name="if:Hide Tags" content="0"/>
  37. <meta name="if:Search Bar" content="0"/>
  38. <meta name="if:Infinite Scroll" content="0"/>
  39. <meta name="if:Manual Load" content="1"/>
  40.  
  41. <meta name="text:Home Title" content="Index"/>
  42. <meta name="text:Ask Title" content="Message"/>
  43. <meta name="text:Archive Title" content="Archive"/>
  44.  
  45. <meta name="text:Link 1 URL" content=""/>
  46. <meta name="text:Link 1" content=""/>
  47. <meta name="text:Link 2 URL" content=""/>
  48. <meta name="text:Link 2" content=""/>
  49. <meta name="text:Link 3 URL" content=""/>
  50. <meta name="text:Link 3" content=""/>
  51.  
  52. <meta name="select:Post Width" content="300" title="300px"/>
  53. <meta name="select:Post Width" content="350" title="350px"/>
  54. <meta name="select:Post Width" content="375" title="375px"/>
  55. <meta name="select:Post Width" content="400" title="400px"/>
  56. <meta name="select:Post Width" content="425" title="425px"/>
  57. <meta name="select:Post Width" content="450" title="450px"/>
  58. <meta name="select:Post Width" content="500" title="500px"/>
  59. <meta name="select:Post Width" content="540" title="540px"/>
  60.  
  61.  
  62. <link href='http://static.tumblr.com/sas2ex2/HFinqriui/photoset.css' rel='stylesheet' type='text/css'><script src="//use.edgefonts.net/source-sans-pro:n4,i4,n6,i6.js"></script><script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script><script src="http://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
  63.  
  64. <!--CSS customization here. -->
  65.  
  66. <style type="text/css">
  67.  
  68. /*tumblr controls and lightbox*/
  69.  
  70. .tmblr-lightbox {background:rgba({RGBcolor:background}, .95)!important;}
  71.  
  72. .tmblr-lightbox img {opacity:0;}
  73.  
  74. .lightbox-caption {
  75. color:{color:title}!important;
  76. font-family:inherit!important;
  77. font-size:1em!important;
  78. font-weight:normal!important;
  79. text-shadow:none!important;
  80. }
  81.  
  82. .lightbox-image {
  83. -moz-box-shadow:none!important;
  84. -webkit-box-shadow:none!important;
  85. box-shadow:none!important;
  86. -moz-border-radius:3px!important;
  87. -webkit-border-radius:3px!important;
  88. border-radius:3px!important;
  89. padding:0px!important;
  90. border:3px solid {color:background}!important;
  91. margin-top:-3px!important;
  92. margin-left:-3px!important;
  93. opacity:1!important;
  94. }
  95.  
  96. .vignette {opacity:0!Important;}
  97.  
  98. .iframe-controls--desktop {
  99. white-space:nowrap!important;
  100. -webkit-filter:invert(70%)!important;
  101. -moz-filter:invert(70%)!important;
  102. -ms-filter:invert(70%)!important;
  103. -o-filter:invert(70%)!important;
  104. filter:invert(70%)!important;
  105. top:5px!important;
  106. right:5px!important;
  107. opacity:.4!important;
  108. position:fixed!important;
  109. }
  110.  
  111. /*tooltip*/
  112.  
  113. .ui-tooltip {
  114. position:Absolute;
  115. z-index:9999;
  116. padding-top:10px;
  117. }
  118.  
  119. .ui-tooltip-content {
  120. background:{color:background};
  121. padding:0 4px;
  122. font-weight:bold;
  123. color:{color:link};
  124. text-transform:lowercase;
  125. border:1px solid {color:borders};
  126. }
  127.  
  128. /*scrollbar*/
  129.  
  130. ::-webkit-scrollbar {
  131. height:2px;
  132. width:4px;
  133. background:inherit;
  134. }
  135.  
  136. ::-webkit-scrollbar-thumb{
  137. border-radius:2px;
  138. -moz-border-radius:2px;
  139. -webkit-border-radius:2px;
  140. background:{color:scrollbar};
  141. }
  142.  
  143. /*general*/
  144.  
  145. body {
  146. background:{color:background};
  147. color:{color:text};
  148. font:10px/1.5em source-sans-pro, arial, sans-serif;
  149. letter-spacing:.5px;
  150. word-wrap:break-word;
  151. text-align:left;
  152. -moz-osx-font-smoothing:grayscale;
  153. -webkit-font-smoothing:antialiased;
  154. font-smoothing:antialiased;
  155. margin:0;
  156. }
  157.  
  158. a {
  159. color:{color:link};
  160. text-decoration:none;
  161. }
  162.  
  163. a, svg, nav a:after {
  164. transition:all .3s linear;
  165. -webkit-transition:all .3s linear;
  166. -o-transition:all .3s linear;
  167. -moz-transition:all .3s linear;
  168. }
  169.  
  170. a, a img {cursor:pointer;}
  171.  
  172. a:hover {
  173. color:{color:link hover}!important;
  174. text-decoration:none;
  175. }
  176.  
  177. img {
  178. opacity:1;
  179. border:0;
  180. text-decoration:none;
  181. max-width:100%;
  182. height:auto;
  183. display:block;
  184. }
  185.  
  186. blockquote {
  187. padding:.25em 0 .25em 15px;
  188. margin:.5em 0;
  189. border-left:1px solid {color:text borders};
  190. }
  191.  
  192. pre {
  193. padding:0;
  194. margin:0;
  195. line-height:inherit!important;
  196. background:transparent;
  197. font-family:inherit!Important;
  198. font-size:inherit!important;
  199. white-space:pre-wrap;
  200. white-space:-moz-pre-wrap;
  201. white-space:-pre-wrap;
  202. white-space:-o-pre-wrap;
  203. word-wrap:break-word;
  204. }
  205.  
  206. p {margin:1em 0;}
  207.  
  208. p:first-of-type {margin-top:0;}
  209.  
  210. p:last-of-type {margin-bottom:0;}
  211.  
  212. b, strong, b a, strong a {
  213. font-weight:600!important;
  214. color:{color:title};
  215. }
  216.  
  217. ol, ul {
  218. list-style:none;
  219. text-align:left;
  220. padding-left:0;
  221. }
  222.  
  223. li {
  224. position:relative;
  225. padding:.25em 0 .25em 25px;
  226. margin-left:15px;
  227. }
  228.  
  229. ol li {counter-increment:list;}
  230.  
  231. ol li:before, ul li:before {
  232. left:0;
  233. position:absolute;
  234. vertical-align:baseline!important;
  235. }
  236.  
  237. ol li:before {content:counter(list) '.';}
  238.  
  239. ul li:before {
  240. content:'○';
  241. margin-top:0px;
  242. vertical-align:middle!important;
  243. }
  244.  
  245. .chat li:before, .pagenotes li:before {display:none;}
  246.  
  247. .chat li {margin:0;}
  248.  
  249. small, big, sub, pre {
  250. font-size:1em!important;
  251. line-height:1.4em!important;
  252. vertical-align:baseline!important;
  253. }
  254.  
  255. h1, h2, h3, h4 {
  256. margin:1.5em 0;
  257. font-size:1.5em;
  258. padding:0;
  259. color:{color:title};
  260. font-weight:600!important;
  261. }
  262.  
  263. .posts h1:first-child, .posts h2:first-child, .posts h3:first-child, .posts h4:first-child {margin-top:0;}
  264.  
  265. hr {
  266. border:none;
  267. box-shadow:0;
  268. margin:2em 0;
  269. width:75px;
  270. border-top:1px solid {color:borders};
  271. }
  272.  
  273. aside, form, footer, .btit, article, .player {-webkit-animation-name: fade-in;}
  274.  
  275. aside, form, footer, .btit {-webkit-animation-duration: 1.5s;}
  276.  
  277. article {-webkit-animation-duration: 2s;}
  278.  
  279. .player {-webkit-animation-duration: 3s;}
  280.  
  281. /*aside*/
  282.  
  283. aside {
  284. width:200px;
  285. top:150px;
  286. position:fixed;
  287. left:calc(50% + {select:post width}px / 2);
  288. }
  289.  
  290. .btit {
  291. font-size:1.5em;
  292. line-height:1.5em;
  293. height:0;
  294. text-transform:lowercase;
  295. width:{select:post width}px;
  296. display:block;
  297. position:relative;
  298. color:{color:blog title};
  299. -ms-transform:translatey(calc(-100% - .75em - 25px));
  300. -webkit-transform:translatey(calc(-100% - .75em - 25px));
  301. transform:translatey(calc(-100% - .75em - 25px));
  302. }
  303.  
  304. #d, nav, .ic {padding-left:30px}
  305.  
  306. .btit, nav {font-weight:600!important;}
  307.  
  308. nav {
  309. text-transform:lowercase;
  310. margin-top:15px;
  311. }
  312.  
  313. nav a {
  314. position:relative;
  315. display:inline-block;
  316. margin-bottom:5px;
  317. float:left;
  318. clear:both;
  319. background:{color:background};
  320. padding-right:10px;
  321. }
  322.  
  323. nav a:after {
  324. content:'';
  325. z-index:-1;
  326. height:1px;
  327. background:transparent;
  328. width:0px;
  329. left:0;
  330. top:calc(50% - 1px);
  331. position:absolute;
  332. }
  333.  
  334. nav a:hover::after, nav a.active::after {
  335. background:{color:borders};
  336. width:170px;
  337. }
  338.  
  339. nav a:last-of-type {margin-bottom:0;}
  340.  
  341. .ic {display:block;}
  342.  
  343. .ic img {
  344. display:block;
  345. width:170px;
  346. margin-bottom:15px;
  347. }
  348.  
  349. /*pagination*/
  350.  
  351. footer {
  352. width:{select:post width}px;
  353. margin:-80px auto 100px auto;
  354. {block:ifinfinitescroll}
  355. {block:ifnotmanualload}
  356. display:none;
  357. {/block:ifnotmanualload}
  358. {/block:ifinfinitescroll}
  359. }
  360.  
  361. footer a {
  362. display:inline-block;
  363. text-transform:lowercase;
  364. font-weight:bold;
  365. }
  366.  
  367. #pagination {
  368. text-align:right;
  369. {block:ifinfinitescroll}
  370. display:none;
  371. {/block:ifinfinitescroll}
  372. }
  373.  
  374. #plain {
  375. float:left;
  376. text-align:left;
  377. }
  378.  
  379. #infscr-loading {display:none!important;}
  380.  
  381. .nice {
  382. position:fixed;
  383. right:15px;
  384. bottom:10px;
  385. width:15px;
  386. height:15px;
  387. z-index:6;
  388. font-size:8px;
  389. line-height:15px;
  390. text-align:center;
  391. }
  392.  
  393. /*posts*/
  394.  
  395. section {
  396. width:{select:post width}px;
  397. margin:125px auto 100px auto;
  398. position:relative;
  399. }
  400.  
  401. section:before {
  402. border-top:1px solid {color:borders};
  403. width:calc(100% + 200px);
  404. content:'';
  405. left:0;
  406. top:0;
  407. position:absolute;
  408. }
  409.  
  410. article {
  411. width:{select:post width}px;
  412. position:relative;
  413. }
  414.  
  415. .posts {
  416. padding:25px 0;
  417. border-bottom:1px solid {color:borders};
  418. overflow:hidden;
  419. }
  420.  
  421. .ph {
  422. position:relative;
  423. overflow:hidden;
  424. }
  425.  
  426. .ph img {
  427. width:100%;
  428. display:block;
  429. }
  430.  
  431. .video * {
  432. display:block;
  433. min-width:100%;
  434. }
  435.  
  436. a.read_more {
  437. padding:0 4px;
  438. border:1px solid {color:borders};
  439. }
  440.  
  441. a.read_more, a.tumblr_blog {
  442. display:inline-block;
  443. text-transform:lowercase;
  444. font-weight:bold;
  445. }
  446.  
  447. a.tumblr_blog {
  448. float:left;
  449. padding-right:5px;
  450. }
  451.  
  452. a.tumblr_blog:after {
  453. content:'';
  454. display:inline-block;
  455. width:15px;
  456. height:1px;
  457. vertical-align:middle;
  458. background:{color:borders};
  459. margin-left:5px;
  460. }
  461.  
  462. /*titles*/
  463.  
  464. .title {
  465. color:{color:title};
  466. font-size:1.3em;
  467. line-height:1.4em;
  468. padding-bottom:15px;
  469. }
  470.  
  471. .title a {color:{color:title};}
  472.  
  473. .title a:hover {color:{color:link};}
  474.  
  475. .ted {margin-top:-10px;}
  476.  
  477. /*captions*/
  478.  
  479. .caption {margin:-5px 0 15px 0;}
  480.  
  481. .tumblr_parent {
  482. border:0;
  483. padding:0;
  484. margin:5px 0 0 0;
  485. }
  486.  
  487. .tumblr_parent blockquote, .tumblr_parent ol, .tumblr_parent ul, .tumblr_parent li {
  488. display:block;
  489. clear:both;
  490. }
  491.  
  492. .tumblr_parent > blockquote, .tumblr_parent > ol li, .tumblr_parent ul li, .tumblr parent > li {border-top:.5em solid transparent;}
  493.  
  494. .tumblr_parent > blockquote, .tumblr_parent > ol li:last-of-type, .tumblr_parent ul li:last-of-type, .tumblr parent > li:last-of-type {border-bottom:.5em solid transparent;}
  495.  
  496. .tumblr_parent > blockquote ~ blockquote, .tumblr_parent > ol li ~ ol li, .tumblr_parent ul li ~ ul li, .tumblr parent > li ~ li {border-top:0;}
  497.  
  498. .posts img, .posts li, .posts blockquote, .caption img {max-width:100%;}
  499.  
  500. .caption > blockquote:first-of-type, .caption > p:last-child, .a *:last-child, .tex *:last-child {margin-bottom:0!important;}
  501.  
  502. /*asks*/
  503.  
  504. .q {
  505. padding:15px;
  506. background:{color:accents};
  507. margin-bottom:15px;
  508. position:relative;
  509. }
  510.  
  511. .as, .as a {
  512. color:{color:link};
  513. font-weight:bold;
  514. text-transform:lowercase;
  515. }
  516.  
  517. /*chat*/
  518.  
  519. .chat {
  520. padding:0;
  521. margin:0;
  522. list-style:none;
  523. }
  524.  
  525. .l.odd {color:{color:title}}
  526.  
  527. .l {padding:0 0 5px 0;}
  528.  
  529. .l:last-of-type {padding:0;}
  530.  
  531. .label {font-weight:bold;}
  532.  
  533. /*audio*/
  534.  
  535. .tumblr_audio_player {
  536. width:{select:post width}px;
  537. height:30px;
  538. margin-top:-2px;
  539. }
  540.  
  541. .player {
  542. width:25px;
  543. height:24px;
  544. position:absolute;
  545. left:15px;
  546. top:calc(50% - 12px);
  547. display:block;
  548. overflow:hidden;
  549. }
  550.  
  551. .hold {
  552. background:{color:accents};
  553. position:relative;
  554. display:block;
  555. min-height:24px;
  556. padding:15px;
  557. }
  558.  
  559. .audio_info {
  560. vertical-align:middle;
  561. margin-left:40px;
  562. max-width:calc(100% - 40px);
  563. }
  564.  
  565. .audio_info span {
  566. white-space:nowrap;
  567. overflow:hidden;
  568. text-overflow:ellipsis;
  569. display:block;
  570. }
  571.  
  572. .hold .artist {color:rgba({RGBcolor:text},.7);}
  573.  
  574. /*permalink and notes*/
  575.  
  576. .when {
  577. margin-bottom:15px;
  578. text-transform:lowercase;
  579. }
  580.  
  581. .when a {
  582. display:inline-block;
  583. font-weight:bold;
  584. }
  585.  
  586. .when svg {
  587. width:12px;
  588. margin:-1px 15px 0 0;
  589. display:inline-block;
  590. fill:{color:text};
  591. vertical-align:middle;
  592. }
  593.  
  594. .when a:hover svg {fill:{color:link hover};}
  595.  
  596. .rr {
  597. float:right;
  598. text-align:right;
  599. }
  600.  
  601. .rr a {
  602. height:1em;
  603. position:relative;
  604. display:inline-block;
  605. }
  606.  
  607. .rr svg {margin:-2px 0 0 15px;}
  608.  
  609. .like:hover svg {fill:{color:link};}
  610.  
  611. .like .liked + svg {fill:#D95E40;}
  612.  
  613. .like_button {cursor:pointer;}
  614.  
  615. .like_button iframe {
  616. position:absolute;
  617. opacity:0;
  618. top:0;
  619. bottom:0;
  620. right:0;
  621. z-index:2;
  622. }
  623.  
  624. #permalink {
  625. padding-top:15px;
  626. text-transform:lowercase;
  627. }
  628.  
  629. #permalink a {font-weight:bold}
  630.  
  631. .tags {
  632. {block:ifhidetags}
  633. {block:indexpage}
  634. display:none;
  635. {/block:indexpage}
  636. {/block:ifhidetags}
  637. position:relative;
  638. margin-top:15px;
  639. }
  640.  
  641. .tags svg {
  642. height:12px;
  643. display:inline-block;
  644. fill:{color:link};
  645. vertical-align:middle;
  646. width:12px;
  647. margin-top:-2px;
  648. margin-right:10px;
  649. }
  650.  
  651. .tags a {
  652. margin-right:10px;
  653. display:inline;
  654. text-transform:lowercase;
  655. }
  656.  
  657. .pagenotes .title {
  658. font-size:10px;
  659. font-weight:bold;
  660. padding-bottom:10px;
  661. }
  662.  
  663. ol.notes {
  664. list-style-type:none;
  665. padding:0;
  666. margin:0px;
  667. }
  668.  
  669. ol.notes li.note {
  670. display:block;
  671. text-transform:lowercase;
  672. padding:0 0 3px 0;
  673. margin:0;
  674. }
  675.  
  676. ol.notes li.note:nth-child(odd) * {color:{color:text};}
  677.  
  678. ol.notes li.note:nth-child(odd) a:first-child {font-weight:bold;}
  679.  
  680. ol.notes li.note:nth-child(even) * {color:rgba({RGBcolor:text},.6);}
  681.  
  682. ol.notes li.note img.avatar {display:none!important;}
  683.  
  684. .more_notes_link,.notes_loading {
  685. display:block;
  686. text-align:left!important;
  687. color:{color:link}!important;
  688. font-weight:bold;
  689. }
  690.  
  691. #top {
  692. -ms-transform:translatey(calc(-100% - 15px));
  693. -webkit-transform:translatey(calc(-100% - 15px));
  694. transform:translatey(calc(-100% - 15px));
  695. background:{color:background};
  696. height:1.75em;
  697. position:absolute;
  698. right:-200px;
  699. width:168px;
  700. border:1px solid {color:borders};
  701. }
  702.  
  703. input[type="search"] {
  704. -webkit-appearance:textfield;
  705. -moz-box-sizing:content-box;
  706. -webkit-box-sizing:content-box;
  707. box-sizing:content-box;
  708. }
  709.  
  710. input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance:none;}
  711.  
  712. .search-form {
  713. border:none;
  714. display:block;
  715. width:168px;
  716. position:Relative;
  717. margin:0;
  718. padding:0;
  719. height:1.75em!important;
  720. line-height:1.75em!important;
  721. }
  722.  
  723. .search-form input {
  724. width:158px;
  725. padding:0 5px;
  726. position:Relative;
  727. font-size:10px;
  728. height:1.75em!important;
  729. line-height:1.75em!important;
  730. background:{color:background};
  731. text-transform:lowercase;
  732. font-family:source-sans-pro, arial, sans-serif;
  733. letter-spacing:.5px;
  734. display:block;
  735. outline:none;
  736. border:0;
  737. transition:0.8s;
  738. -o-transition-duration:0.8s;
  739. -webkit-transition-duration:0.8s;
  740. -moz-transition-duration:0.8s;
  741. }
  742.  
  743. .search-form input[type=text] {color:{color:text};}
  744.  
  745. .search-form input:focus{
  746. outline:none;
  747. background:{color:accents};
  748. transition:0.8s;
  749. -o-transition-duration:0.8s;
  750. -webkit-transition-duration:0.8s;
  751. -moz-transition-duration:0.8s;
  752. }
  753.  
  754. input::-webkit-input-placeholder {color:{color:text};}
  755.  
  756. input::-moz-placeholder {color:{color:text};}
  757.  
  758. input:-moz-placeholder {color:{color:text};}
  759.  
  760. input:-ms-input-placeholder {color:{color:text};}
  761.  
  762. {customCss}
  763.  
  764. </style>
  765.  
  766. </head>
  767. <body>
  768.  
  769.  
  770. <aside>{block:ifSidebarImage}<a class="ic" href="/"><img src="{image:Sidebar}"/></a>{/block:ifSidebarImage}<div id="d">{description}</div><nav><a href="/" class="active">{text:Home Title}</a><a href="/ask">{text:Ask Title}</a>{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}<a href="/archive">{text:archive title}</a></nav></aside>
  771.  
  772. <section id="entries">{block:ifsearchbar}<div id="top"><form action="/search" class="search-form" method="get"><input id="searchField" name="q" placeholder="Search" type="text" value="{SearchQuery}"/></form></div>{/block:ifsearchbar}<a class="btit" href="/">{title}</a>
  773.  
  774. {block:Posts}
  775.  
  776. <article id="{PostID}" class="{select:caption}"><div class="posts">
  777.  
  778. {block:date}<div class="when"><span class="rr"><a href="{ReblogURL}" target="_blank" class="r"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve"><path d="M108.7,159.2c-22.3,0-42.4-14.9-48.8-36.2c-1-3.2-4.3-5-7.5-4c-3.2,1-5,4.3-4,7.5c8.1,26.8,32.3,44.7,60.3,44.7c34.7,0,63-28.3,63-63c0-34.7-28.3-63-63-63c-19.7,0-38.2,9.4-50,24.6l-2.5-19.8c-0.4-3.3-3.4-5.6-6.7-5.2c-3.3,0.4-5.6,3.4-5.2,6.7L49,88.1c0.4,3,3,5.2,5.9,5.2c0.2,0,0.5,0,0.7,0l36.2-4.1c3.3-0.4,5.7-3.3,5.3-6.6s-3.3-5.7-6.6-5.3L66.2,80c9.4-14.1,25.3-22.8,42.5-22.8c28.1,0,51,22.9,51,51S136.8,159.2,108.7,159.2z"/></svg></a><a class="like">{LikeButton}<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve"><path d="M148,37.8c-3.9,0-7.5,0.6-10.8,1.9c-15.1,5.7-24.6,17.8-29.8,26.7c-6-8.6-16.1-20.5-27.6-24.4c-3.8-1.3-8.1-2-12.3-2c-10.7,0-20.3,4.1-27,11.5c-5.7,6.2-12,18-10,38.8c4.1,42.6,71.5,87.1,74.3,88.9c1,0.7,2.1,1,3.3,1c1.1,0,2.3-0.3,3.3-1c2.7-1.8,66.5-43.6,73.7-86.1c3.7-21.8-2.7-34.9-8.8-42.1C169.2,42.7,158.6,37.8,148,37.8z M173.1,91c-2.6,15.2-15.1,33.4-36.1,52.7c-11.9,10.9-23.5,19.4-29,23.2c-5.7-4-17.9-12.9-30.3-24.3C56,122.5,43.8,104,42.3,89c-1.3-13,1.1-23.2,6.9-29.6c6-6.6,13.9-7.6,18.1-7.6c3,0,5.9,0.5,8.5,1.3c11.4,3.9,23.3,21.7,26.9,28.3c1.1,2.1,3.4,3.3,5.7,3.1c2.4-0.2,4.4-1.7,5.2-4c0.1-0.2,8.2-22.4,27.7-29.7c1.9-0.7,4.2-1.1,6.6-1.1c7.2,0,14.3,3.3,19,9C173.3,66.2,175.5,77.4,173.1,91z"/></svg></a></span>posted {timeago} on <a href="{permalink}" target="_blank"> {month} {dayofmonth}{dayofmonthsuffix}</a>{block:permalinkpage}{block:notecount} with {NoteCountWithLabel}{/block:notecount}{/block:permalinkpage}</div>{/block:date}
  779.  
  780. {block:Caption}<div class="caption tex">{Caption}</div>{/block:Caption}
  781.  
  782.  
  783. {block:Quote}<div class="title quote">{Quote}</div>{block:Source}<div class="source ted">{Source}</div>{/block:Source}{/block:Quote}
  784.  
  785. {block:Text}
  786. {block:Title}<div class="title">{Title}</div>{/block:Title}
  787. <div class="tex {block:title}ted{/block:title}">{Body}</div>
  788. {/block:Text}
  789.  
  790. {block:Link}
  791. <div class="title"><a href="{URL}">{Name}</a></div>
  792. {block:Description}<div class="tex ted">{Description}</div>{/block:Description}
  793. {/block:Link}
  794.  
  795. {block:Chat}
  796. {block:Title}<div class="title">{Title}</div>{/block:Title}
  797. <ol class="chat">
  798. {block:Lines}
  799. <li class="l {Alt}">{block:Label}<span class="label">{Label}</span>{/block:Label} {Line}</li>
  800. {/block:Lines}
  801. </ol>
  802. {/block:Chat}
  803.  
  804. <div class="ph">
  805. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/>{LinkCloseTag}{/block:Photo}
  806.  
  807. {block:Photoset}<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:Photoset}
  808.  
  809. {block:Video}<div class="video">{Video-500}</div>{/block:Video}
  810.  
  811. {block:Audio}{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}{/block:Audio}
  812. </div>
  813.  
  814. {block:Answer}<div class="q"><span class="as">{Asker}</span> sent: {Question}</div><div class="a">{Answer}</div>{/block:Answer}
  815.  
  816.  
  817. {block:Date}{block:permalinkpage}{block:RebloggedFrom}<div id="permalink" {block:Caption}class="nope"{/block:Caption}>via <a href="{ReblogParentURL}">{ReblogParentName}</a>{block:ContentSource} / source: <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:ContentSource}</div>{/block:RebloggedFrom}{/block:permalinkpage}{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:Date}
  818. </div></article>
  819.  
  820. {block:PostNotes}<article class="pagenotes"><div class="posts">{PostNotes}</div></article>{/block:PostNotes}
  821.  
  822. {/block:Posts}
  823.  
  824. </section>
  825.  
  826. {block:Pagination}<footer><div id="pagination">{block:previousPage}<a href="{previousPage}" {block:NextPage}id="plain"{/block:NextPage}>previous page</a>{/block:previousPage}{block:NextPage}<a href="{NextPage}" id="next">next page</a>{/block:NextPage}</div>{block:ifinfinitescroll}{block:ifmanualload}{block:NextPage}<a class="load">load more</a>{/block:NextPage}{/block:ifmanualload}{/block:ifinfinitescroll}</footer>{/block:Pagination}
  827.  
  828. {block:ContentSource}
  829. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  830. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  831. {/block:SourceLogo}
  832. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  833. {/block:ContentSource}
  834.  
  835. {block:indexpage}{block:ifinfinitescroll}<script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>{/block:ifinfinitescroll}{/block:indexpage}<script src ="//static.tumblr.com/fwgzvyf/l6jnyutne/shythemes.vr.js"></script><script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script><script src="http://static.tumblr.com/wgg6svp/ohGobvaye/unnest.min.js"></script>
  836. <script>
  837. $(document).ready(function(){
  838. $('iframe.tumblr_audio_player').load( function() {
  839. $('iframe.tumblr_audio_player').contents().find("head").append($("<style type='text/css'> .audio-player{background:{color:accents} !important} </style>"));
  840. });
  841. $('.photo-slideshow').pxuPhotoset({
  842. lightbox: true,
  843. rounded: false,
  844. gutter: '1px',
  845. photoset: '.photo-slideshow',
  846. photoWrap: '.photo-data',
  847. photo: '.pxu-photo'
  848. });
  849. $('article').unnest({
  850. yourCaption: ".tex",
  851. wrapName: ".tumblr_parent",
  852. {block:date}newCaptionUsername: true,
  853. originalPostCaptionUsername: true,{/block:date}
  854. tumblrAvatars: false,
  855. usernameColon: false
  856. });
  857. $('body').tooltip({track:true});
  858. var $container = $('section');
  859. {block:indexpage}{block:ifinfinitescroll}
  860. $container.infinitescroll({
  861. itemSelector: 'article',
  862. navSelector: '#pagination',
  863. nextSelector: '#pagination a',
  864. loadingImg: '',
  865. loadingText: '<em></em>',
  866. errorCallback: function(){ $('.load').text('no more posts').parent('footer').delay(4000).slideUp(400); },
  867. bufferPx: 3000
  868. },
  869. function( newElements ) {
  870. var $newElems = $( newElements );
  871. var $newID = $newElems.map(function() {return this.id;}).get();
  872. Tumblr.LikeButton.get_status_by_post_ids($newID);
  873. $newElems.find('iframe.tumblr_audio_player').load(function(){
  874. $('iframe.tumblr_audio_player').contents().find("head").append($("<style type='text/css'> .audio-player{background:{color:accents}!important} </style>"));
  875. });
  876. $newElems.find('.photo-slideshow').pxuPhotoset({
  877. lightbox: true,
  878. rounded: false,
  879. gutter: '1px',
  880. photoset: '.photo-slideshow',
  881. photoWrap: '.photo-data',
  882. photo: '.pxu-photo'
  883. });
  884. $newElems.unnest({
  885. yourCaption: ".tex",
  886. wrapName: ".tumblr_parent",
  887. newCaptionUsername: true,
  888. originalPostCaptionUsername: true,
  889. tumblrAvatars: false,
  890. usernameColon: false
  891. });
  892. resizeVideos();
  893. });
  894. {block:ifmanualload}
  895. $(window).unbind('.infscr');
  896. $('.load').click(function(){
  897. $('footer').fadeTo("400", 0);
  898. $container.delay(400).infinitescroll('retrieve');
  899. $(this).parent('footer').delay(400).fadeTo("400", 1);
  900. });
  901. {/block:ifmanualload}
  902. {/block:ifinfinitescroll}{/block:indexpage}
  903. });
  904. </script>
  905. <a class="nice" href="http://sorrism.tumblr.com" href="_blank" title="sorrism">@</a>
  906. </body>
  907.  
  908. </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!