API tools faq
paste
Advertisement
sorrism

el mañana

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