API tools faq
paste
Advertisement
str-wrs

Rhea

str-wrs
Jul 6th, 2014
5,260
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 19.78 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3. THEME: RHEA
  4. by acuite
  5.  
  6. - don't steal this pls
  7. - enjoy, ilu (ﾉ◕ヮ◕)ﾉ*:･ﾟ✧
  8. - @acuite for more themes
  9.  
  10. -->
  11.  
  12. <html lang="en">
  13. <head>
  14.  
  15. <title>{Title}</title>
  16. <link rel="shortcut icon" href="{Favicon}">
  17. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  18. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  19.  
  20. <meta name="if:Drop Links" content=""/>
  21. <meta name="if:Title" content=""/>
  22. <meta name="if:Captions" content=""/>
  23. <meta name="if:Tags" content=""/>
  24. <meta name="if:Load More" content=""/>
  25. <meta name="if:Paginate" content=""/>
  26. <meta name="if:Border" content=""/>
  27. <meta name="if:Round Edges" content=""/>
  28.  
  29. <meta name="color:Background" content="#f8f8f8"/>
  30. <meta name="color:Post" content="#fff"/>
  31. <meta name="color:Border" content="#eee"/>
  32. <meta name="color:Text" content="#999"/>
  33. <meta name="color:Link" content="#555"/>
  34. <meta name="color:Hover" content="#222"/>
  35.  
  36. <meta name="text:Post" content="350"/>
  37. <meta name="text:Margin" content="100"/>
  38. <meta name="text:Padding" content="6"/>
  39.  
  40. <meta name="text:Link 1" content="/"/>
  41. <meta name="text:Link 1 Title" content="one"/>
  42. <meta name="text:Link 2" content="/" />
  43. <meta name="text:Link 2 Title" content="two"/>
  44. <meta name="text:Link 3" content="/" />
  45. <meta name="text:Link 3 Title" content="three"/>
  46. <meta name="text:Link 4" content="/" />
  47. <meta name="text:Link 4 Title" content="four"/>
  48.  
  49. <link href="http://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  50. <link href='http://static.tumblr.com/8pnyeus/sXxofi7lt/outicons.css' rel='stylesheet' type='text/css'>
  51. <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,400i,600,600i,700,700i|Lato:300,300i,400,400i,700,700i' rel='stylesheet' type='text/css'>
  52.  
  53. <style type="text/css">
  54.  
  55. /* Scroll */
  56.  
  57. ::-webkit-scrollbar {width:11px;height:11px;background:{color:Border};}
  58. ::-webkit-scrollbar-thumb {background:rgba({RGBcolor:Link},0.5);}
  59. ::-webkit-scrollbar,::-webkit-scrollbar-thumb {
  60. border:5px solid {color:Background};
  61. }
  62.  
  63. .entry ::-webkit-scrollbar,.entry ::-webkit-scrollbar-thumb {
  64. border-color:{color:Post};
  65. }
  66.  
  67. /* Controls */
  68.  
  69. #tumblr_controls,.tmblr-iframe.tmblr-iframe--desktop-logged-in-controls.iframe-controls--desktop{-webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%);opacity:0.5;}
  70.  
  71. /* General */
  72.  
  73. body {margin:0;color:{color:Text};background:{color:Background};}
  74. .cap,p,blockquote,ul,ol,.desc{
  75. font-smooth:always;
  76. -webkit-font-smoothing:antialiased;
  77. -moz-osx-font-smoothing: grayscale;
  78. }
  79.  
  80. a:link, a:active, a:visited {text-decoration:none;}
  81. body,p,pre,blockquote,big,small,sub,sup {font-size:10px;}
  82. body,p,pre,em{font-family:'Open Sans',Arial,Helvetica,sans-serif;}
  83. nav a,h1,h2,.qut,.operma,.lines b,.tn,.ask,.load{font-family:'Lato',Helvetica,sans-serif;}
  84.  
  85. a,.perma,.operma {
  86. transition:0.5s ease;
  87. -o-transition:0.5s ease;
  88. -moz-transition:0.5s ease;
  89. -webkit-transition:0.5s ease;
  90. }
  91.  
  92. /* Credit & Scroll to Top */
  93.  
  94. .c,.top{position:fixed;right:30px;width:40px;text-align:center;}
  95. .c {bottom:30px;}
  96. .top {bottom:50px;display:none;}
  97.  
  98. /* Pagination */
  99.  
  100. .cp {font-weight:600;}
  101. .cp,.jp,.pag a{display:inline-block;vertical-align:middle;margin:0 10px;}
  102. .pag a i,.top i{font-size:20px;}
  103. .pag,.load {display:block;width:calc(({text:Padding}px * 2) + 2px + {text:Post}px);}
  104.  
  105. {block:ifnotPaginate}
  106. .pag,#infscr-loading {display:none!important;}
  107. {/block:ifnotPaginate}
  108.  
  109. .load {font-weight:700;display:inline-block;padding:0 0 2px;}
  110. .pag,.load,.c {
  111. font-size:9px;
  112. cursor:pointer;
  113. letter-spacing:0.5px;
  114. text-transform:uppercase;
  115. text-align:center;
  116. }
  117.  
  118. /* Containers */
  119.  
  120. .center {
  121. position:relative;
  122. margin:{text:Margin}px auto;
  123. width:calc(({text:Padding}px * 2) + 2px + {text:Post}px);
  124. }
  125.  
  126. .entry img {max-width:100%;height:auto;}
  127. .entry {
  128. position:relative;
  129. margin:{text:Margin}px auto;
  130. width:{text:Post}px;
  131. padding:{text:Padding}px;
  132. }
  133.  
  134. /* Header */
  135.  
  136. header {position:relative;margin:{text:Margin}px 0;font-size:0;}
  137. .desc {margin:15px 0 18px;font-size:10px;}
  138. .lb {display:none;margin-top:8px;}
  139. .lh {cursor:pointer;}
  140. nav a {
  141. display:inline-block;
  142. margin-right:10px;
  143. font-size:8px;
  144. line-height:100%;
  145. font-weight:700;
  146. letter-spacing:0.75px;
  147. text-transform:uppercase;
  148. }
  149.  
  150. .lb a {
  151. margin-right:6px;
  152. font-size:10px;
  153. line-height:100%;
  154. font-weight:400;
  155. letter-spacing:0;
  156. text-transform:none;
  157. }
  158.  
  159. /* Titles */
  160.  
  161. h1, h2 {
  162. margin:0;
  163. letter-spacing:1px;
  164. text-transform:uppercase;
  165. }
  166.  
  167. h1 {font-size:14px;line-height:100%;}
  168. h2 {margin:10px;font-size:11px;}
  169.  
  170. .qut_hold {padding:25px;}
  171. .src {text-align:right;margin:10px 0 0;}
  172. .qut {
  173. font-size:14px;
  174. font-weight:300;
  175. font-style:italic;
  176. }
  177.  
  178. /* Permalinks */
  179.  
  180. .entry:hover .operma {opacity:1;}
  181. .operma {
  182. width:calc(100% - 50px);
  183. height:calc(100% - 50px);
  184. overflow:auto;
  185. top:0;
  186. left:0;
  187. position:absolute;
  188. opacity:0;
  189. z-index:9999;
  190. padding:25px;
  191. background:rgba(255,255,255,0.85);
  192. }
  193.  
  194. .operma .cap {margin-top:20px;}
  195. .tags a {margin-right:5px;}
  196. .tags {
  197. margin-top:8px;
  198. line-height:150%;
  199. font-size:8px;
  200. letter-spacing:0.5px;
  201. font-weight:400;
  202. font-style:italic;
  203. text-transform:uppercase;
  204. }
  205.  
  206. .nt {
  207. font-size:13px;
  208. line-height:100%;
  209. letter-spacing:1.5px;
  210. font-weight:300;
  211. text-transform:uppercase;
  212. }
  213.  
  214. /* Audio & Chat */
  215.  
  216. .audio,.lines,.chat h2,.play {padding:10px;margin:0;}
  217. .lines:first-of-type {border:0;}
  218. .lines b {display:block;}
  219. .play {background:#e4e4e4;height:27px;width:27px;}
  220. .audio {font-size:0;}
  221. .play,.au {display:inline-block;vertical-align:middle;}
  222. .soundcloud_audio_player{padding:15px 0;}
  223. .tumblr_audio_player {width:27px;height:27px;overflow:hidden;}
  224. .tn {font-weight:700;}
  225. .au span {display:block;margin:3px 0;font-size:10px;}
  226. .au {
  227. width:calc(100% - 78px);
  228. margin-left:15px;
  229. padding-left:15px;
  230. border-left:1px dotted {color:Border};
  231. }
  232.  
  233. /* Asks */
  234.  
  235. .ans {margin:5px;}
  236. .ask h2 {margin:0 0 10px;}
  237. .ask {
  238. line-height:140%;
  239. font-style:italic;
  240. letter-spacing:0.25px;
  241. padding:18px;
  242. }
  243.  
  244. /* Text */
  245.  
  246. ol,ul {padding:0 0 0 20px;}
  247. li {margin:3px;}
  248. p,blockquote,pre,ul,ol{margin:5px;}
  249. b,strong {font-weight:600;}
  250. blockquote p{margin:5px 0;}
  251. blockquote p:first-child{margin:0 0 5px;}
  252. blockquote p:last-child{margin:5px 0 0;}
  253. blockquote p:only-child{margin:0;}
  254. blockquote blockquote {margin:0;}
  255. blockquote{padding-left:10px;border-left:1px solid {color:Border};}
  256. pre {
  257. white-space:pre-wrap;
  258. white-space:-moz-pre-wrap;
  259. white-space:-pre-wrap;
  260. white-space:-o-pre-wrap;
  261. word-wrap:break-word;
  262. }
  263.  
  264. /* Captions */
  265.  
  266. {block:PermalinkPage}
  267. .cap {padding:15px;}
  268. {/block:PermalinkPage}
  269. .txt iframe,.cap iframe{display:block;max-width:100%;overflow:hidden;}
  270. .txt {margin:25px;}
  271. .cap a.tumblr_blog {vertical-align:middle;font-weight:600;line-height:100%;}
  272. .tumblr_parent {margin:0;padding:0;border:0;}
  273. .tumblr_parent blockquote {
  274. margin:5px;
  275. padding-left:10px;
  276. border-left:1px solid {color:Border};
  277. }
  278.  
  279. .user-pic {
  280. display:inline-block;
  281. vertical-align:middle;
  282. border-radius:50%;
  283. margin-right:5px;
  284. width:14px;
  285. }
  286.  
  287. /* Video */
  288.  
  289. .video {overflow:hidden;}
  290. .vine-embed,#youtube_iframe {display:block;}
  291. .instagram-media {border-radius:0!important;box-shadow:none!important;}
  292.  
  293. /* Photosets */
  294.  
  295. #tumblr_lightbox,.tmblr-lightbox {
  296. background:rgba({RGBcolor:Background},0.99)!important;
  297. }
  298.  
  299. #vignette,#tumblr_lightbox_caption,.vignette,.lightbox-caption{
  300. opacity:0!important;
  301. }
  302.  
  303. #tumblr_lightbox_center_image, #tumblr_lightbox_left_image,
  304. #tumblr_lightbox_right_image, .lightbox-image {
  305. box-shadow:none!important;
  306. border-radius:0px!important;
  307. {block:ifRoundEdges}border-radius:5px!important;{/block:ifRoundEdges}
  308. }
  309.  
  310. /* Permalink Page + Postnotes */
  311.  
  312. .perma {font-size:0;}
  313. .perma_li {
  314. display:inline-block;
  315. font-size:9px;
  316. line-height:100%;
  317. width:calc(50% - 14px);
  318. padding:7px;
  319. border-top:1px solid {color:Border};
  320. }
  321.  
  322. .perma_li .oi {font-size:12px;width:12px;padding-right:6px;}
  323. .perma_li.pnh,.perma_li.pmt {display:block;width:100%;}
  324. .pmt a:after {content:',';}
  325. .pmt a:last-of-type:after {content:'.';}
  326. .pn ol {margin:0;padding:0;list-style-type:none;}
  327. .pn li{margin:0;padding:7px;font-size:9px;line-height:100%;border-top:1px dotted #eee;}
  328. .pn,.pn img{display:none;}
  329. .pn {font-size:0;}
  330. .pnh,.more_notes_link,.notes_loading {display:block;font-weight:600;}
  331. .more_notes_link,.notes_loading {text-align:left!important;}
  332.  
  333. /* Tooltips */
  334.  
  335. #s-m-t-tooltip{
  336. max-width:300px;
  337. margin:10px;
  338. z-index:99999;
  339. padding:5px;
  340. }
  341.  
  342. /* Styling */
  343.  
  344. .entry, #s-m-t-tooltip{
  345. background:{color:Post};
  346. {block:ifBorder}border:1px solid {color:Border};{/block:ifBorder}
  347. }
  348.  
  349. p,blockquote,.lines,.qut,.desc,.cap{line-height:150%;}
  350. a,.p,.perma,.src,.lines b,.tn,h1,h2,.ask{color:{color:Link};}
  351. a:hover {color:{color:Hover};}
  352. .lines b,.pag,.au span.tn{
  353. font-size:9px;
  354. letter-spacing:1px;
  355. text-transform:uppercase;
  356. }
  357.  
  358. /* Etc */
  359.  
  360. .notes img {width:0px;}
  361. img {display:block;}
  362.  
  363. {block:ifRoundEdges}
  364.  
  365. .entry {border-radius:4px;}
  366. .bx,.operma,.play,#s-m-t-tooltip,.video{
  367. border-radius:3px!important;
  368. }
  369. {/block:ifRoundEdges}
  370.  
  371. </style>
  372. </head>
  373. <body>
  374.  
  375. <div class="center">
  376.  
  377. <header>
  378. {block:ifTitle}<h1>{Title}</h1>{/block:ifTitle}
  379. <div class="desc">{Description}</div>
  380. <nav>
  381. <a href="/">index</a>
  382. <a href="/ask">ask</a>
  383. {block:ifDropLinks}<a href="#" class="lh">navigate</a>{/block:ifDropLinks}
  384. <a href="/archive">history</a>
  385. {block:ifDropLinks}<div class="lb">{/block:ifDropLinks}
  386. {block:ifLink1}
  387. <a href="{text:Link 1}">{text:Link 1 Title}</a>
  388. {/block:ifLink1}{block:ifLink2}
  389. <a href="{text:Link 2}">{text:Link 2 Title}</a>
  390. {/block:ifLink2}{block:ifLink3}
  391. <a href="{text:Link 3}">{text:Link 3 Title}</a>
  392. {/block:ifLink3}{block:ifLink4}
  393. <a href="{text:Link 4}">{text:Link 4 Title}</a>
  394. {/block:ifLink4}
  395. {block:ifDropLinks}</div>{/block:ifDropLinks}
  396. </nav>
  397.  
  398. </header>
  399.  
  400. <div id="content">
  401. {block:Posts}
  402. <div class="entry">
  403.  
  404. {block:IndexPage}
  405. <div class="operma">
  406. <a class="nt" href="{Permalink}">{NoteCountWithLabel}</a>
  407. {block:ifTags}{block:HasTags}<div class="tags">
  408. {block:Tags}<a href="{TagURL}">{Tag}</a> {/block:Tags}
  409. </div>{/block:HasTags}{/block:ifTags}
  410. {block:ifCaptions}{block:Caption}<div class="cap">{Caption}</div>{/block:Caption}{/block:ifCaptions}
  411. </div>
  412. {/block:IndexPage}
  413.  
  414. {block:Text}
  415. {block:Title}<h2>{Title}</h2>{/block:Title}
  416. <div class="txt cap">{Body}</div>
  417. {/block:Text}
  418.  
  419. {block:Link}
  420. <h2><a title="{URL}" href="{URL}">{Name}</a></h2>
  421. <div class="txt cap">
  422. {block:Description}{Description}{/block:Description}
  423. </div>
  424. {/block:Link}
  425.  
  426. {block:Photo}
  427. <a href="{Permalink}"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" class="bx"/></a>
  428. {/block:Photo}
  429.  
  430. {block:Photoset}
  431. <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>
  432. {/block:Photoset}
  433.  
  434. {block:Quote}
  435. <div class="qut_hold">
  436. <div class="qut">{Quote}</div>
  437. <div class="src">{Source}</div>
  438. </div>
  439. {/block:Quote}
  440.  
  441. {block:Chat}
  442. <div class="chat">
  443. {block:Title}<h2>{Title}</h2>{/block:Title}
  444. {block:Lines}<div class="lines {Alt}"><div class="{Alt} user_{UserNumber}">
  445. {block:Label}<b>{Label}</b> {/block:Label}{Line}</div></div>{/block:Lines}
  446. </div>
  447. {/block:Chat}
  448.  
  449. {block:Audio}
  450. <div class="audio">
  451. {block:AudioPlayer}<div class="play">{AudioPlayerGrey}</div>{/block:AudioPlayer}
  452. <div class="au">
  453. {block:TrackName}<span class="tn">{TrackName}</span>{/block:TrackName}
  454. {block:Artist}<span>by {Artist}</span>{/block:Artist}
  455. </div>
  456. </div>
  457. {/block:Audio}
  458.  
  459. {block:Video}
  460. <div class="video">{Video-500}</div>
  461. {/block:Video}
  462.  
  463. {block:Answer}
  464. <div class="ask"><h2>{Asker}:</h2> {Question}</div>
  465. <div class="ans">{Answer}</div>
  466. {/block:Answer}
  467.  
  468. {block:PermalinkPage}
  469. {block:Date}
  470. {block:Caption}<div class="cap">{Caption}</div>{/block:Caption}
  471. <div class="pph">
  472. <div class="perma">
  473. <span class="perma_li">
  474. <span class="oi oi-time"></span> Posted {TimeAgo}
  475. </span>
  476. <span class="perma_li">
  477. <span class="oi oi-calendar"></span> {DayofMonthWithSuffix} {Month} {Year}
  478. </span>
  479. {block:RebloggedFrom}
  480. <span class="perma_li">
  481. <span class="oi oi-user"></span> Via:
  482. <a href="{ReblogParentURL}">{ReblogParentName}</a>
  483. </span>
  484. <span class="perma_li">
  485. <span class="oi oi-location"></span> Source:
  486. <a href="{ReblogRootURL}">{ReblogRootName}</a>
  487. </span>
  488. {/block:RebloggedFrom}
  489.  
  490. {block:HasTags}
  491. <span class="perma_li pmt">
  492. <span class="oi oi-tags"></span>
  493. {block:Tags}<a href="{TagURL}">{Tag}</a> {/block:Tags}
  494. </span>
  495. {/block:HasTags}
  496. <a href="#" class="pnh perma_li"><span class="oi oi-chevron-down"></span> {NoteCountWithLabel}</a>
  497. </div>
  498.  
  499. {block:PostNotes}
  500. <div class="pn">{PostNotes}</div>
  501. {/block:PostNotes}
  502.  
  503. </div>
  504.  
  505. {/block:Date}
  506. {/block:PermalinkPage}
  507.  
  508. {block:ContentSource}
  509. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  510. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  511. {/block:SourceLogo}
  512. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  513. {/block:ContentSource}
  514.  
  515. <!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
  516.  
  517. </div>
  518. {/block:Posts}
  519.  
  520. {block:ifPaginate}
  521. {block:Pagination}
  522. <div class="pag">
  523. {block:PreviousPage}
  524. <a href="{PreviousPage}"><i class="oi oi-chevron-left"></i></a>
  525. {/block:PreviousPage}
  526.  
  527. {block:JumpPagination length="3"}
  528. {block:CurrentPage}
  529. <span class="cp">{PageNumber}</span>
  530. {/block:CurrentPage}
  531. {block:JumpPage}
  532. <a class="jp" href="{URL}">{PageNumber}</a>
  533. {/block:JumpPage}
  534. {/block:JumpPagination}
  535.  
  536. {block:NextPage}
  537. <a href="{NextPage}"><i class="oi oi-chevron-right"></i></a>
  538. {/block:NextPage}
  539. </div>
  540. {/block:Pagination}
  541. {/block:ifPaginate}
  542.  
  543. </div>
  544.  
  545. {block:ifnotPaginate}
  546. {block:Pagination}
  547. <div class="pag">
  548. {block:PreviousPage}
  549. <a href="{PreviousPage}" class="prev">back</a>
  550. {/block:PreviousPage}
  551. {block:NextPage}
  552. <a href="{NextPage}" class="next">next</a>
  553. {/block:NextPage}
  554. </div>
  555.  
  556. {block:ifLoadMore}
  557. <a class="load">Load More</a>
  558. {/block:ifLoadMore}
  559. {/block:Pagination}
  560. {/block:ifnotPaginate}
  561.  
  562. </div>
  563.  
  564. <a href="#" class="top"><i class="oi oi-chevron-up"></i></a>
  565. <div class="c"><a href="http://acuite.tumblr.com/">acuite</a></div>
  566.  
  567. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  568. <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  569. <script src ="//static.tumblr.com/fwgzvyf/l6jnyutne/shythemes.vr.js"></script>
  570. <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  571. <script src="http://static.tumblr.com/wgg6svp/I8Yobwo15/unnest.min.js"></script>
  572. <script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  573. <script>
  574. // pxu photosets
  575. $(document).ready(function(){
  576. $('.photo-slideshow').pxuPhotoset({
  577. lightbox: true,
  578. {block:ifnotRoundEdges}
  579. rounded: false,
  580. {/block:ifnotRoundEdges}
  581. {block:ifRoundEdges}
  582. rounded: 'corners',
  583. borderRadius: '3px',
  584. {/block:ifRoundEdges}
  585. gutter: '1px',
  586. photoset: '.photo-slideshow',
  587. photoWrap: '.photo-data',
  588. photo: '.pxu-photo'
  589. });
  590.  
  591. // minimal soundcloud player © eoxk.tumblr
  592. $(document).ready(function(){
  593. var color = '{color:Link}'; // color of play button (hex)
  594. $('.soundcloud_audio_player').each(function(){
  595. $(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=true&amp;origin=tumblr&amp;color=' + color.split('#')[1], height: 20, width: '100%' });
  596. });
  597. });
  598.  
  599. // drop links & post notes
  600. $(document).ready(function(){
  601. $(".pn").hide();
  602. $(".pnh").show();$('.pnh').toggle(function(){
  603. $(".pn").slideDown(function(){});
  604. },function(){
  605. $(".pn").slideUp(function(){});
  606. });
  607. $(".lb").hide();
  608. $(".lh").show();$('.lh').toggle(function(){
  609. $(".lb").slideDown(function(){});
  610. },function(){
  611. $(".lb").slideUp(function(){});
  612. });
  613. });
  614.  
  615. // scroll to top © html-tuts.com
  616. var amountScrolled = 500;
  617. $(window).scroll(function() {
  618. if ($(window).scrollTop() > amountScrolled) {
  619. $('a.top').fadeIn('slow');
  620. } else {
  621. $('a.top').fadeOut('slow');
  622. }
  623. });
  624. $('a.top').click(function() {
  625. $('body, html').animate({
  626. scrollTop: 0
  627. }, 'slow');
  628. return false;
  629. });
  630.  
  631. // tooltips
  632. (function($){
  633. $(document).ready(function(){
  634. $("[title]").style_my_tooltips({
  635. tip_delay_time:200,
  636. tip_fade_speed:300
  637. }
  638. );
  639. });
  640. })(jQuery);
  641.  
  642. /*
  643.  
  644. UN-NEST TUMBLR CAPTIONS PLUGIN
  645. 2016 @magnusthemes & @neothm
  646. source: http://neothm.com/post/148902138319
  647.  
  648. */
  649. $('.entry').unnest({
  650. yourCaption: ".cap",
  651. newCaptionUsername: false,
  652. originalPostCaptionUsername: false,
  653. tumblrAvatars: true,
  654. tumblrAvatarClass: ".user-pic",
  655. usernameColon: false
  656. });
  657.  
  658. // infinite scroll
  659. {block:ifnotPaginate}
  660. var $container = $('#content');
  661. $container.infinitescroll({
  662. itemSelector: '.entry',
  663. navSelector: '.pag',
  664. nextSelector: '.next',
  665. loadingImg: ' ',
  666. loadingText: ' ',
  667. donetext: 'No more posts' ,
  668. bufferPx: 2000,
  669. {block:ifLoadMore}
  670. errorCallback: function(){
  671. jQuery('.load').delay(50).fadeOut();
  672. }
  673. {/block:ifLoadMore}
  674. },
  675. function( newElements ) {
  676. var $newElems = $( newElements );
  677. var $newElemsIDs = $newElems.map(function(){
  678. return this.id;
  679. }).get();
  680. $newElems.find('.photo-slideshow').pxuPhotoset({
  681. lightbox: true,
  682. {block:ifnotRoundEdges}
  683. rounded: false,
  684. {/block:ifnotRoundEdges}
  685. {block:ifRoundEdges}
  686. rounded: 'corners',
  687. borderRadius: '3px',
  688. {/block:ifRoundEdges}
  689. gutter: '1px',
  690. photoset: '.photo-slideshow',
  691. photoWrap: '.photo-data',
  692. photo: '.pxu-photo'
  693. });
  694. resizeVideos();
  695. $newElems.unnest({
  696. yourCaption: ".cap",
  697. newCaptionUsername: true,
  698. originalPostCaptionUsername: true,
  699. tumblrAvatars: true,
  700. tumblrAvatarClass: ".user-pic",
  701. usernameColon: false
  702. });
  703. });
  704. {block:ifLoadMore}
  705. $(window).unbind(".infscr");
  706. $(".load").click(function(){
  707. $("#content").infinitescroll("retrieve");
  708. });
  709. {/block:ifLoadMore}
  710. {/block:ifnotPaginate}
  711. });
  712.  
  713. </script>
  714. </body>
  715. </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!