API tools faq
paste
Advertisement
sorrism

nemo

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