API tools faq
paste
Advertisement
str-wrs

Pheme

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