API tools faq
paste
Advertisement
mrsmilicevic

pearl

mrsmilicevic
Jun 6th, 2016
3,905
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 19.66 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <head>
  3. <title>{Title}{block:PostTitle} : {PostTitle}{/block:PostTitle}</title>
  4. <meta charset="utf-8">
  5.  
  6. <!---
  7.  
  8. pearl by mrsthemes@tumblr
  9. edit if you want but don't steal
  10. or remove credit
  11.  
  12.  
  13. video resize script by @shythemes
  14. pixel union photoset tutorial by @shythemes
  15. style my tooltips http://manos.malihu.gr/
  16. infinite scroll https://github.com/infinite-scroll/infinite-scroll
  17.  
  18. --->
  19.  
  20. <link rel="shortcut icon" href="{Favicon}">
  21. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  22. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  23.  
  24. <meta name="color:background" content="#f8f8f8"/>
  25. <meta name="color:posts" content="#ffffff">
  26. <meta name="color:text" content="#aaaaaa"/>
  27. <meta name="color:links" content="#7b7b7b"/>
  28. <meta name="color:links hover" content="#d4d4d4"/>
  29. <meta name="color:borders" content="#eeeeee">
  30.  
  31. <meta name="text:post width" content="300">
  32. <meta name="text:post margin" content="180">
  33. <meta name="text:font size" content="10">
  34. <meta name="text:photoset margin" content="3">
  35.  
  36. <meta name="image:icon" content=""/>
  37. <meta name="image:background image" content=""/>
  38.  
  39. <meta name="if:icon" content="">
  40. <meta name="if:infinite scroll" content="">
  41. <meta name="if:load more" content="">
  42. <meta name="if:back to top" content="">
  43. <meta name="if:show caption" content="">
  44. <meta name="if:hover tags" content="">
  45. <meta name="if:draggable posts" content="">
  46.  
  47. <meta name="if:show link 1" content="1" />
  48. <meta name="if:show link 2" content="1" />
  49. <meta name="if:show link 3" content="1" />
  50. <meta name="if:show link 4" content="1" />
  51.  
  52. <meta name="text:link 1 title" content="">
  53. <meta name="text:link 1" content="">
  54. <meta name="text:link 2 title" content="">
  55. <meta name="text:link 2" content="">
  56. <meta name="text:link 3 title" content="">
  57. <meta name="text:link 3" content="">
  58. <meta name="text:link 4 title" content="">
  59. <meta name="text:link 4" content="">
  60.  
  61. <link href='https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,300italic,300,400italic,600,600italic,700,700italic' rel='stylesheet' type='text/css'>
  62.  
  63. <link href="http://static.tumblr.com/5omyijl/bzrn2yg7i/style-my-tooltips.css" rel="stylesheet" type="text/css" />
  64. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  65. <script src="http://static.tumblr.com/5omyijl/RZtn2yg9v/jquery.style-my-tooltips.js"></script>
  66.  
  67. <script>
  68. (function($){
  69. $(document).ready(function(){
  70. $("[title]").style_my_tooltips({
  71. tip_follows_cursor:true,
  72. tip_delay_time:200,
  73. tip_fade_speed:500
  74. });
  75. });
  76. })(jQuery);
  77. </script>
  78.  
  79.  
  80. <style type="text/css">
  81.  
  82. /*---tumblr controls---*/
  83.  
  84. #tumblr_controls, .tmblr-iframe.tmblr-iframe--desktop-logged-in-controls.iframe-controls--desktop {
  85. top:5px;
  86. right:5px!important;
  87. position:fixed !important;
  88. -webkit-filter: invert(1);
  89. opacity:.4;
  90. filter:alpha(opacity=40);
  91. -moz-opacity:.4;
  92. z-index:999999999!important;
  93. }
  94.  
  95. /*---scrollbar---*/
  96.  
  97. ::-webkit-scrollbar { width:13px; height:0px; }
  98. ::-webkit-scrollbar-thumb {
  99. height:5px;
  100. border:7px solid rgba(0, 0, 0, 0);
  101. background-clip:padding-box;
  102. background-color:rgba(204, 204, 204, .7);
  103. }
  104.  
  105. ::-webkit-scrollbar-corner {
  106. background-color:transparent;
  107. }
  108.  
  109. /*---tooltips---*/
  110.  
  111. #s-m-t-tooltip {
  112. max-width:300px;
  113. background:#fff;
  114. border:none;
  115. margin:10px;
  116. padding:5px;
  117. color:{color:text};
  118. border-radius:3px;
  119. z-index:99999999;
  120. font-size:9px;
  121. text-transform:lowercase;
  122. box-shadow:none;
  123. font-family: 'Source Sans Pro', sans-serif;
  124. }
  125.  
  126. /*---basics---*/
  127.  
  128. body {
  129. background: {color:background} url({image:background image}) repeat right top fixed;
  130. color:{color:text};
  131. font-family: 'Source Sans Pro', sans-serif;
  132. font-weight:400;
  133. line-height:16px;
  134. font-size:{text:font size}px;
  135. margin:0px;
  136. -webkit-font-smoothing: antialiased;
  137. -moz-osx-font-smoothing: grayscale;
  138. }
  139.  
  140. .container { margin:0 auto; position:relative;
  141. animation: fadein 1.5s;
  142. -moz-animation: fadein 1.5s;
  143. -webkit-animation: fadein 1.5s;
  144. -o-animation: fadein 1.5s; }
  145.  
  146. @keyframes fadein { from { opacity: 0; } to { opacity: 1; } }
  147. @-moz-keyframes fadein { from { opacity: 0; } to { opacity: 1; } }
  148. @-webkit-keyframes fadein { from { opacity: 0; } to { opacity: 1; } }
  149. @-ms-keyframes fadein { from { opacity: 0; } to { opacity: 1; } }
  150. @-o-keyframes fadein { from { opacity: 0; } to { opacity: 1; } }
  151.  
  152. blockquote, blockquote blockquote {
  153. padding:0px 0px 0px 15px;
  154. border-left:1px solid {color:borders};
  155. margin:10px;
  156. }
  157.  
  158. blockquote img { max-width:calc({select:post width}px -100px); height:auto; }
  159. strong, b { color:{color:bold}; }
  160. small { font-size:9px; }
  161. big { font-size:10px; }
  162. ol, ul { padding-left:10px; }
  163.  
  164. .posts li { list-style-type: none; position:relative; }
  165. .posts ul li:before {
  166. content:"›";
  167. position: absolute;
  168. left:-13px;
  169. top:0px;
  170. }
  171.  
  172. .posts ul li { text-indent:15px; }
  173.  
  174. h1, h1 a { text-transform:uppercase; font-size:12px; font-weight:700; color:{color:bold}; }
  175. h2, h3, h4 { text-transform:uppercase; font-weight:700; text-decoration:none; color:{color:bold}; font-size:11px; }
  176.  
  177. .vignette, #vignette {
  178. opacity:0;
  179. }
  180. .lightbox-image, #tumblr_lightbox img {
  181. box-shadow:none !important;
  182. border-radius:0 !important;
  183. max-width:none;
  184. }
  185.  
  186. .tmblr-lightbox, #tumblr_lightbox {
  187. background-color:rgba(255,255,255,.8) !important;
  188. }
  189.  
  190. img { opacity:1; text-decoration:none; max-width:100%; height:auto; margin-bottom:-5px;}
  191.  
  192. pre {
  193. white-space:pre-wrap;
  194. white-space:-moz-pre-wrap;
  195. white-space:-pre-wrap;
  196. white-space:-o-pre-wrap;
  197. word-wrap:break-word;
  198. }
  199.  
  200. a {
  201. cursor:help;
  202. color:{color:links};
  203. text-decoration:none;
  204. -moz-transition-duration: 0.4s;
  205. -o-transition-duration: 0.4s;
  206. -webkit-transition-duration: 0.4s;
  207. transition-duration: 0.4s;
  208. }
  209.  
  210. a:hover {
  211. text-decoration:none;
  212. color:{color:links hover};
  213. -moz-transition-duration: 0.4s;
  214. -o-transition-duration: 0.4s;
  215. -webkit-transition-duration: 0.4s;
  216. transition-duration: 0.4s;
  217. }
  218.  
  219. /*---posts---*/
  220.  
  221. .posts {
  222. width:{text:post width}px;
  223. position:relative;
  224. {block:IndexPage}
  225. margin-bottom:{text:post margin}px;
  226. {/block:IndexPage}
  227. {block:PermalinkPage}
  228. margin-bottom:20px;
  229. {/block:PermalinkPage}
  230. padding:20px;
  231. background:{color:posts};
  232. border-bottom:1px solid {color:borders};
  233. }
  234.  
  235. #entries { width:{text:post width}px; margin:150px auto auto 40%;}
  236.  
  237. .posts img, .posts li, .posts blockquote { max-width:100%; height:auto; }
  238.  
  239. .caption { display:block;padding:10px; font-size:{text:font size}px; overflow:auto; {block:IfNotShowCaption}display:none;{/block:IfNotShowCaption} }
  240. .tcaption { padding:10px; font-size:{text:font size}px;}
  241.  
  242. .tumblr_blog {
  243. text-transform:lowercase;
  244. font-weight:600;
  245. }
  246.  
  247. /*---post info---*/
  248.  
  249. .info {
  250. z-index:99999;
  251. position:absolute;
  252. margin:-70px 0 0 -20px;
  253. width:calc({text:post width}px + 20px);
  254. text-align:left;
  255. background:{color:posts};
  256. padding:10px;
  257. border-bottom:1px solid {color:borders};
  258. }
  259.  
  260. .date { text-transform:uppercase; }
  261. .date p {
  262. margin:0;
  263. padding:0;
  264. display:inline-block;
  265. }
  266.  
  267. .date p:first-of-type { text-align:left; float:left; }
  268. .date p:last-of-type { text-align:right; float:right; }
  269.  
  270. .date svg { width:9px; height:9px; }
  271.  
  272. .date a {
  273. display:inline-block;
  274. margin-right:5px;
  275. }
  276.  
  277. .tags {
  278. position:absolute;
  279. margin:40px 0 0 -15px;
  280. {block:IfHoverTags}
  281. opacity:0;
  282. {/block:IfHoverTags}
  283. -moz-transition-duration: 0.4s;
  284. -o-transition-duration: 0.4s;
  285. -webkit-transition-duration: 0.4s;
  286. transition-duration: 0.4s;
  287. }
  288.  
  289. .tags a {
  290. margin-right:5px;
  291. }
  292.  
  293. .posts:hover .tags {
  294. opacity:1;
  295. -moz-transition-duration: 0.4s;
  296. -o-transition-duration: 0.4s;
  297. -webkit-transition-duration: 0.4s;
  298. transition-duration: 0.4s;
  299. }
  300.  
  301. .perma {
  302. position:relative;
  303. margin:20px 0px;
  304. left:10px;
  305. text-transform:uppercase;
  306. }
  307.  
  308. ol.notes {
  309. list-style-type:none;
  310. text-align:left;
  311. margin:15px 0px;
  312. margin-left:-5px;
  313. }
  314.  
  315. ol.notes img { display:none; }
  316. ol.notes .more_notes_link { font-weight:bold; float:left; }
  317. ol.notes li.note { padding:5px; text-align:left; }
  318. ol.notes li.note blockquote { border-color:#eeeeee; padding: 5px 10px; margin: 10px 0px 0px 25px; }
  319.  
  320.  
  321. /*---sidebar---*/
  322.  
  323. .sidebar {
  324. position:fixed;
  325. width:150px;
  326. left:calc(35% - 200px);
  327. text-align:left;
  328. }
  329.  
  330. nav ul {
  331. margin:20px 0 20px 15px;
  332. list-style-type:decimal-leading-zero;
  333. text-transform:lowercase;
  334. -webkit-column-count: 2;
  335. -moz-column-count: 2;
  336. column-count: 2;
  337. -webkit-column-gap: 40px;
  338. -moz-column-gap: 40px;
  339. column-gap: 40px;
  340. }
  341.  
  342. nav ul li {
  343. padding:0;
  344. margin:0;
  345. }
  346.  
  347. .desc {
  348. border-bottom:1px solid {color:borders};
  349. padding:15px;
  350. margin-right:-5px;
  351. background:#fff;
  352. font-size:9px;
  353. }
  354.  
  355. .desc h1 {
  356. font-size:12px;
  357. text-transform:lowercase;
  358. font-weight:400;
  359. margin:0 0 10px 0;
  360. padding:0 0 10px 0;
  361. border-bottom:1px solid {color:borders};
  362. }
  363.  
  364. .pic {
  365. width:60px;
  366. height:60px;
  367. margin:0px 0 25px 28%;
  368. }
  369.  
  370. .pic img {
  371. width:60px;
  372. height:60px;
  373. border-radius:50%;
  374. padding:3px;
  375. background:#fff;
  376. border-bottom:1px solid {color:borders};
  377. }
  378.  
  379. /*---pagination---*/
  380.  
  381. {block:ifInfiniteScroll}
  382. .pagination,
  383. #infscr-loading { display:none!important; }
  384. {/block:ifInfiniteScroll}
  385.  
  386. .pagination {
  387. width:calc({text:post width}px + 20px);
  388. text-align:center;
  389. text-transform:lowercase;
  390. padding:10px;
  391. word-spacing:20px;
  392. bottom:80px;
  393. position:relative;
  394. }
  395.  
  396. .pagination a { color:{color:links}; }
  397. .pagination a:hover { color:{color:links hover}; }
  398.  
  399. .more {
  400. width:calc({text:post width}px + 40px);
  401. position:relative;
  402. text-align:center;
  403. bottom:80px;
  404. left:40%;
  405. }
  406.  
  407. .load {
  408. text-transform:lowercase;
  409. font-size:10px;
  410. padding-top:10px;
  411. }
  412.  
  413. /*---quote---*/
  414.  
  415. .quote {
  416. padding:10px;
  417. font-size:14px;
  418. }
  419.  
  420. .quotesource {
  421. padding:0px 10px 10px 10px;
  422. text-transform:uppercase;
  423. }
  424.  
  425. /*---chat---*/
  426.  
  427. .chat { line-height:16px; list-style:none; }
  428. .label { font-weight:bold; color:{color:bold}; }
  429.  
  430. .line.odd {
  431. margin-bottom:2px;
  432. padding:2px;
  433. list-style:none;
  434. }
  435.  
  436. .line.even {
  437. margin-bottom:2px;
  438. padding:2px;
  439. list-style:none;
  440. }
  441.  
  442. /*---media---*/
  443.  
  444. .tumblr_video_container { width:auto!important; height:auto!important; }
  445.  
  446. .audio {
  447. background:{color:posts};
  448. padding:10px;
  449. height:50px;
  450. margin-top:-10px;
  451. border-bottom:1px solid {color:borders};
  452. }
  453.  
  454. .tumblr_audio_player {
  455. width:50px;
  456. height:50px;
  457. }
  458.  
  459. .audio li {
  460. position:relative;
  461. left:70px;
  462. top:-48px;
  463. display:block;
  464. }
  465.  
  466. /*---questions---*/
  467.  
  468. .q {
  469. padding:10px;
  470. }
  471.  
  472. .asker {
  473. margin-bottom:5px;
  474. font-style:italic;
  475. text-transform:uppercase;
  476. }
  477.  
  478. /*---credit---*/
  479.  
  480. .credit {
  481. font-size:9px;
  482. position:fixed;
  483. bottom:10px;
  484. right:10px;
  485. z-index:10;
  486. text-align:right;
  487. text-transform:uppercase;
  488. }
  489.  
  490. .credit a { color:{color:links}; text-decoration:none; }
  491. .credit a:hover { color:{color:links hover}; text-decoration:none; }
  492.  
  493. #scrollToTop:link, #scrollToTop:visited {
  494. display:none;
  495. position:fixed;
  496. bottom:20px;
  497. right:0px;
  498. text-align:right;
  499. padding:10px;
  500. color:{color:text};
  501. }
  502.  
  503. #scrollToTop:hover {
  504. color:{color:links hover};
  505. }
  506.  
  507. </style>
  508. <link href="http://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css">
  509. </head>
  510.  
  511. <body>
  512. <div class="container">
  513.  
  514. <aside class="sidebar">
  515. {block:IfIcon}<div class="pic"><a href="/"><img src="{image:icon}"></a></div>{/block:IfIcon}
  516. <nav>
  517. <ul>
  518. <li><a href="/">index</a></li>
  519. <li><a href="/ask">message</a>
  520. {block:IfShowLink1}<li><a href="{text:link 1}">{text:link 1 title}</a></li>{/block:IfShowLink1}
  521. {block:IfShowLink2}<li><a href="{text:link 2}">{text:link 2 title}</a></li>{/block:IfShowLink2}
  522. {block:IfShowLink3}<li><a href="{text:link 3}">{text:link 3 title}</a></li>{/block:IfShowLink3}
  523. {block:IfShowLink4}<li><a href="{text:link 4}">{text:link 4 title}</a></li>{/block:IfShowLink4}
  524. </ul>
  525. </nav>
  526. <div class="desc"><h1>{title}</h1> {description}</div>
  527. </aside>
  528.  
  529. <div id="entries">
  530. {block:Posts}
  531. <article class="posts">
  532.  
  533. {block:IndexPage}
  534. {block:Date}
  535. <div class="info">
  536. <div class="date">
  537. <p><a href="{Permalink}" title="permalink">{Month} {DayOfMonthWithZero}</a> <a href="{Permalink}">{NoteCountWithLabel}</a></p>
  538.  
  539. <p><a href="{ReblogURL}" target="_blank" class="details" title="reblog"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="10" viewBox="0 0 17 17">
  540. <g>
  541. </g>
  542. <path d="M6 8h-6v-6h1v4.109c1.013-3.193 4.036-5.484 7.5-5.484 3.506 0 6.621 2.36 7.574 5.739l-0.963 0.271c-0.832-2.95-3.551-5.011-6.611-5.011-3.226 0.001-6.016 2.276-6.708 5.376h4.208v1zM11 9v1h4.208c-0.693 3.101-3.479 5.375-6.708 5.375-3.062 0-5.78-2.061-6.611-5.011l-0.963 0.271c0.952 3.379 4.067 5.739 7.574 5.739 3.459 0 6.475-2.28 7.5-5.482v4.108h1v-6h-6z" fill="{color:links}" />
  543. </svg></a></p>
  544. </div>
  545. </div>
  546. {/block:Date}
  547. {/block:IndexPage}
  548.  
  549. {block:Photo}
  550. {LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}
  551. {/block:Photo}
  552.  
  553. {block:Photoset}
  554. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">
  555. {block:Photos}
  556. <div class="photo-data">
  557. <div class="pxu-photo">
  558. <img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div>
  559. <a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>
  560. {/block:Photos}
  561. {/block:Photoset}
  562.  
  563. {block:Text}
  564. <div class="tcaption"><h1>{block:Title}{Title}{/block:Title}</h1>
  565. {Body}</div>
  566. {/block:Text}
  567.  
  568. {block:Quote}
  569. <div class="quote">{Quote}</div>
  570. {block:Source}<div class="quotesource"> — {Source}</div>{/block:Source}
  571. {/block:Quote}
  572.  
  573. {block:Link}
  574. <div class="tcaption"><h1><a href="{URL}" {Target}>{Name}</a></h1>
  575. {block:Description}{Description}{/block:Description}</div>
  576. {/block:Link}
  577.  
  578. {block:Chat}
  579. {block:Title}<h1>{Title}</h1>{/block:Title}
  580. <div class="chat"> {block:Lines} <li class="line {Alt}"> {block:Label} <span class="label"> {Label}</span> {/block:Label}{Line}</li> {/block:Lines}</div>
  581. {/block:Chat}
  582.  
  583. {block:Audio}
  584. {block:AudioEmbed}
  585. <div class="audio-embed">
  586. {AudioEmbed-400}
  587. </div>
  588. {/block:AudioEmbed}
  589. <div class="audio">
  590. {block:AudioPlayer}
  591. {AudioPlayerWhite}
  592. {block:TrackName}
  593. <li><strong>{TrackName}</strong></li>
  594. {/block:TrackName}
  595. {block:Artist}
  596. <li>{Artist}</li>
  597. {/block:Artist}
  598. {/block:AudioPlayer}
  599. </div>
  600. {/block:Audio}
  601.  
  602. {block:Video}
  603. <div class="video">{Video-500}</div>
  604. {/block:Video}
  605.  
  606. {block:Answer}
  607. <div class="q">
  608. <div class="asker">
  609. <li><strong>{Asker}</strong> asked:</li>
  610. </div>
  611. <li>{Question}</li>
  612. </div>
  613. <div style="padding:10px; border-top:1px solid #eee; margin-top:10px;">{Answer}</div>
  614. {/block:Answer}
  615.  
  616. {block:Caption}
  617. <div class="caption">{Caption}</div>
  618. {/block:Caption}
  619.  
  620. {block:IndexPage}
  621. {block:HasTags}
  622. <div class="tags">
  623. <strong style="margin-right:5px;">tagged under: </strong> {block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}
  624. </div>
  625. {/block:HasTags}
  626. {/block:IndexPage}
  627.  
  628. {block:PermalinkPage}
  629. <div class="perma">
  630. <li>{DayOfMonth} {Month} {Year}</li>
  631. <li>{block:RebloggedFrom}via <a href="{ReblogParentURL}" title="{ReblogParenttitle}"><b>{ReblogParentName}</b></a></li>
  632. <li> {block:ContentSource}source <a href="{ReblogRootURL}" "{ReblogRootName}" title="{ReblogRoottitle}"><b>{ReblogRootName}</b></a>
  633. {/block:ContentSource}</li>
  634. {/block:RebloggedFrom}
  635.  
  636. <li>{block:HasTags}
  637. tagged as {block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}
  638. {/block:HasTags}
  639. </div>
  640.  
  641. {block:PostNotes}
  642. <h4 style="margin-left:10px; text-transform:uppercase;"><u>{NoteCountWithLabel}</u></h4>
  643. {PostNotes}
  644. {/block:PostNotes}
  645. {/block:PermalinkPage}
  646.  
  647. </article>
  648. {/block:Posts}
  649.  
  650. {block:Pagination}
  651. <div class="pagination">{block:PreviousPage}<a class="prev" href="{PreviousPage}">back</a>
  652.  
  653. {/block:PreviousPage} {block:NextPage}<a class="next" href="{NextPage}">next</a>{/block:NextPage}</div>
  654. {/block:Pagination}
  655.  
  656. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  657. <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  658. <script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  659. <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
  660. {block:IndexPage}
  661. {block:ifInfiniteScroll}
  662. <script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  663. {/block:ifInfiniteScroll}
  664. {/block:IndexPage}
  665. <script>
  666. $(document).ready(function(){
  667. $('.photo-slideshow').pxuPhotoset({
  668. lightbox: true,
  669. rounded: false,
  670. gutter: '{text:photoset margin}px',
  671. photoset: '.photo-slideshow',
  672. photoWrap: '.photo-data',
  673. photo: '.pxu-photo'
  674. });
  675. var $container = $('#entries');
  676. {block:ifInfiniteScroll}
  677. {block:IndexPage}
  678. $container.infinitescroll({
  679. errorCallback:function(){ $(".load").replaceWith("<h1>no more posts</h1>").fadeOut(300);},
  680. itemSelector: '.posts',
  681. navSelector: '.pagination',
  682. nextSelector: '.next',
  683. loadingImg: '',
  684. loadingText: '<em></em>',
  685. bufferPx: 2000
  686. },
  687. function( newElements ) {
  688. var $newElems = $( newElements );
  689. $newElems.find('.photo-slideshow').pxuPhotoset({
  690. lightbox: true,
  691. rounded: false,
  692. gutter: '{text:photoset margin}px',
  693. photoset: '.photo-slideshow',
  694. photoWrap: '.photo-data',
  695. photo: '.pxu-photo'
  696. });
  697. resizeVideos();
  698. });
  699. {block:IfLoadMore}
  700. $(window).unbind('.infscr');
  701. $('.load').click(function(){
  702. $('#entries').infinitescroll('retrieve');
  703. return false;
  704. });
  705. {/block:IfLoadMore}
  706. {/block:IndexPage}
  707. {/block:ifInfiniteScroll}
  708. {block:IfDraggablePosts}
  709. $(function() {
  710. $( ".posts, .pic").draggable();
  711. });
  712. {/block:IfDraggablePosts}
  713. });
  714. </script>
  715.  
  716. {block:ContentSource}
  717. <!---{SourceURL}{block:SourceLogo}<img src=”{BlackLogoURL}”
  718. width=”{LogoWidth}” height=”{LogoHeight}” alt=”{SourceTitle}” />
  719. {/block:SourceLogo}
  720. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} --->
  721. {/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
  722.  
  723. {block:IndexPage}
  724. {block:IfBackToTop}
  725. <script type="text/javascript" src="http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script>
  726. <a href="javascript:;" id="scrollToTop" rel="nofollow">back to top</a>
  727. {/block:IfBackToTop}
  728. {/block:IndexPage}
  729.  
  730. <div class="credit">
  731. <a title="theme" href="http://mrsthemes.tumblr.com/" target="_blank">m</a>
  732. </div>
  733.  
  734. </div>
  735.  
  736. {block:IndexPage}
  737. {block:IfLoadMore}
  738. <div class="more">
  739. <a class="load" href="#">load more</a>
  740. </div>
  741. {/block:IfLoadMore}
  742. {/block:IndexPage}
  743. </body>
  744. </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!