Advertisement
rasperries

father2

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