API tools faq
paste
Advertisement
str-wrs

Hermes

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