sorrism

petrol

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