API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Sep 24th, 2016
84
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 22.71 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3. THEME: PEITHA
  4. by acuite
  5.  
  6. - another grid theme (this time with masonry)
  7. - don't steal this pls
  8. - @acuite for more themes
  9.  
  10. -->
  11.  
  12. <html>
  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="image:Logo" content=""/>
  21.  
  22. <meta name="color:Background" content="#fff"/>
  23. <meta name="color:Border" content="#eee"/>
  24. <meta name="color:Caption" content="#fafafa"/>
  25. <meta name="color:Text" content="#555"/>
  26. <meta name="color:Link" content="#999"/>
  27. <meta name="color:Hover" content="#000"/>
  28.  
  29. <meta name="select:Columns" content="onec" title="One">
  30. <meta name="select:Columns" content="twoc" title="Two">
  31. <meta name="select:Columns" content="thrc" title="Three">
  32. <meta name="select:Columns" content="fouc" title="Four">
  33. <meta name="select:Columns" content="fivc" title="Five">
  34.  
  35. <meta name="if:Image" content="1"/>
  36. <meta name="if:Drop Links" content="1"/>
  37. <meta name="if:Load More" content=""/>
  38. <meta name="if:Round Edges" content="1"/>
  39. <meta name="if:Captions" content="1"/>
  40. <meta name="if:Hover Perma" content="1"/>
  41.  
  42. <meta name="text:Post" content="300"/>
  43. <meta name="text:Margin" content="50"/>
  44.  
  45. <meta name="text:Link 1" content="/"/>
  46. <meta name="text:Link 1 Title" content="one"/>
  47. <meta name="text:Link 2" content="/" />
  48. <meta name="text:Link 2 Title" content="two"/>
  49. <meta name="text:Link 3" content="/" />
  50. <meta name="text:Link 3 Title" content="three"/>
  51. <meta name="text:Link 4" content="/" />
  52. <meta name="text:Link 4 Title" content="four"/>
  53.  
  54. <link href="http://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  55. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
  56. <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,400italic,600italic,700italic' rel='stylesheet' type='text/css'>
  57.  
  58. <style type="text/css">
  59.  
  60. ::-webkit-scrollbar {width:7px;height:7px;background:{color:Background};}
  61. ::-webkit-scrollbar-thumb {background:{color:Border};}
  62.  
  63. .tmblr-iframe--desktop-logged-in-controls, .iframe-controls--desktop, .tmblr-iframe, #tumblr_controls{-webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%);opacity:0.5;}
  64.  
  65. /* General */
  66.  
  67. body {margin:0px;background:{color:Background};color:{color:Text};}
  68. pre, p, blockquote,body,big,small,sub,sup,.pag {font-size:9px;}
  69. p, body, pre, em,.search-form input{font-family:'Open Sans',Helvetica,Arial,sans-serif;}
  70. a:link, a:active, a:visited {text-decoration:none;}
  71. a,.p {
  72. transition:0.5s ease;
  73. -o-transition:0.5s ease;
  74. -moz-transition:0.5s ease;
  75. -webkit-transition:0.5s ease;
  76. }
  77.  
  78. /* Credit & Scroll to Top */
  79.  
  80. .c,.top {position:fixed;right:30px;}
  81. .c {bottom:30px;letter-spacing:1px;text-transform:uppercase;}
  82. .top {display:none;bottom:65px;}
  83. .top i,.load i{
  84. display:block;
  85. margin:3px 0px;
  86. font-size:13px;
  87. text-align:center;
  88. }
  89.  
  90. /* Pagination, Load More, Scroll */
  91.  
  92. .pag,#infscr-loading {display:none!important;}
  93. .load {
  94. cursor:pointer;
  95. position:relative;
  96. margin:50px;
  97. display:block;
  98. text-align:center;
  99. }
  100.  
  101. /* Containers */
  102.  
  103. .center {
  104. position:relative;
  105. margin:100px auto;
  106. {block:PermalinkPage}max-width:400px;{/block:PermalinkPage}
  107. }
  108.  
  109. .onec {width:{text:Post}px;}
  110. .twoc {width:calc(({text:Post}px + {text:Margin}px) * 2);}
  111. .thrc {width:calc(({text:Post}px + {text:Margin}px) * 3);}
  112. .fouc {width:calc(({text:Post}px + {text:Margin}px) * 4);}
  113. .fivc {width:calc(({text:Post}px + {text:Margin}px) * 5);}
  114.  
  115. #content {margin-top:{text:Margin}px;}
  116. .onec #content {margin:0px;}
  117.  
  118. .entry img {max-width:100%;height:auto;}
  119. .entry {
  120. position:relative;
  121. {block:IndexPage}
  122. width:{text:Post}px;
  123. margin:calc({text:Margin}px / 2);
  124. {/block:IndexPage}
  125. }
  126.  
  127. .onec .entry {
  128. min-width:200px;
  129. max-width:700px;
  130. width:{text:Post}px;
  131. margin:{text:Margin}px 0px;
  132. }
  133.  
  134. /* Header */
  135.  
  136. .header {
  137. font-size:0px;
  138. margin:50px calc({text:Margin}px / 2);
  139. {block:IndexPage}text-align:;{/block:IndexPage}
  140. }
  141.  
  142. .onec .header {margin:100px 0px calc(100px - {text:Margin}px);}
  143.  
  144. .logo img{border:1px solid {color:Border};border-radius:50%;width:50px;}
  145.  
  146. .logo,.hrig,.links a{display:inline-block;vertical-align:middle;}
  147. .logo {
  148. padding-right:10px;
  149. margin-right:10px;
  150. border-right:1px solid {color:Border};
  151. }
  152.  
  153. .hrig {
  154. text-align:left;
  155. max-width:calc(100% {block:ifImage} - 103px{/block:ifImage});
  156. }
  157.  
  158. .desc {font-size:9px;}
  159. .lb {display:none;margin-top:2px;}
  160. .links {margin-top:5px;}
  161. .links a{
  162. font-size:8px;
  163. font-family:Calibri;
  164. text-transform:uppercase;
  165. letter-spacing:0.75px;
  166. margin-right:9px;
  167. margin-top:5px;
  168. }
  169.  
  170. /* Titles */
  171.  
  172. h3 {font-weight:400;margin:10px;}
  173. h2 {margin:10px;font-weight:600;}
  174. h2 a:hover, a h2:hover {color:{color:Hover};}
  175. h2, .qut{font-size:10px;}
  176.  
  177. .qut_hold {padding:15px;}
  178. .qut {font-style:italic;}
  179. .src {margin-top:10px;}
  180.  
  181. /* Permalinks */
  182.  
  183. .nt {
  184. position:absolute;
  185. top:50%;
  186. width:inherit;
  187. font-family:Calibri;
  188. font-size:12px;
  189. letter-spacing:0.75px;
  190. text-transform:uppercase;
  191. }
  192.  
  193. .entry:hover .p {opacity:1;}
  194. .p {
  195. margin:0px;
  196. position:absolute;
  197. opacity:0;
  198. z-index:999;
  199. padding:10px;
  200. text-align:center;
  201. line-height:0px;
  202. background:rgba({RGBcolor:Border},0.85);
  203. width:calc(100% - 20px);
  204. height:calc(100% - 20px);
  205. overflow:auto;
  206. }
  207.  
  208. /* Permalinks */
  209.  
  210. .pp {height:10px;}
  211. .pp b {margin:0px 4px;font-weight:400;opacity:0.5;}
  212. .pp a,.pp b {
  213. font-size:8px;
  214. font-family:Calibri;
  215. letter-spacing:1px;
  216. text-transform:uppercase;
  217. display:inline-block;
  218. vertical-align:top;
  219. }
  220.  
  221. /* Photosets */
  222.  
  223. #tumblr_lightbox,.tmblr-lightbox {
  224. background:rgba({RGBcolor:Background},0.99)!important;
  225. }
  226.  
  227. #vignette,#tumblr_lightbox_caption,.vignette,.lightbox-caption{
  228. opacity:0!important;
  229. }
  230.  
  231. #tumblr_lightbox_center_image, #tumblr_lightbox_left_image,
  232. #tumblr_lightbox_right_image, .lightbox-image {
  233. box-shadow:none!important;
  234. border-radius:0px!important;
  235. {block:ifRoundEdges}border-radius:4px!important;{/block:ifRoundEdges}
  236. }
  237.  
  238. /* Audio & Chat */
  239.  
  240. .lines,.audio {padding:10px;}
  241. .lines b{font-weight:400;}
  242. .play {
  243. float:left;
  244. padding:10px;
  245. background:#e4e4e4;
  246. margin-right:15px;
  247. height:27px;
  248. }
  249.  
  250. .audio {height:47px;}
  251. .au {padding:6px;}
  252. .au span{display:block;margin:3px 0px;}
  253. .tumblr_audio_player {width:27px;height:27px;overflow:hidden;}
  254.  
  255. /* Text */
  256.  
  257. b, strong {font-weight:600;}
  258. p, blockquote {margin:10px 0px;}
  259. ol, ul {padding:0px;list-style-type:none;}
  260. ul li {position:relative;padding-left:30px;}
  261. ul li:before {
  262. content:'';
  263. position:absolute;
  264. display:block;
  265. top:8px;
  266. left:10px;
  267. width:10px;
  268. height:1px;
  269. background:{color:Border};
  270. }
  271.  
  272. blockquote p{margin:10px 0px;}
  273. blockquote p:first-child{margin:0px 0px 10px;}
  274. blockquote p:last-child{margin:10px 0px 0px;}
  275. blockquote p:only-child{margin:0px;}
  276. blockquote{padding:0px 10px;border-left:1px solid {color:Border};}
  277. pre {
  278. white-space:pre-wrap;
  279. white-space:-moz-pre-wrap;
  280. white-space:-pre-wrap;
  281. white-space:-o-pre-wrap;
  282. word-wrap:break-word;
  283. }
  284.  
  285. /* Captions */
  286.  
  287. .txt,.ans {margin:0px;padding:0px 10px;}
  288. .cap {
  289. padding:2px 12px;
  290. margin:7px 0px;
  291. background:{color:Caption};
  292. border:1px solid {color:Border};
  293. }
  294.  
  295. .txt iframe,.ans iframe,.cap iframe{
  296. overflow:hidden;
  297. display:block;
  298. max-width:100%;
  299. }
  300.  
  301. /* Postnotes */
  302.  
  303. .pph {text-transform:lowercase;}
  304. .perma {padding:10px;}
  305. .pmt a:after {content:',';}
  306. .pmt a:last-of-type:after {content:'.';}
  307. .pn ul,.pn ol {margin:0px;}
  308. .pn li{margin:5px;}
  309. .pn img,.pn{display:none;}
  310. .pn {padding:5px;font-size:8px;border-top:1px dotted {color:Border};}
  311. .pnh {cursor:pointer;display:block;}
  312.  
  313. /* Tooltips */
  314.  
  315. #s-m-t-tooltip{
  316. max-width:300px;
  317. margin:15px;
  318. z-index:99999999;
  319. padding:5px;
  320. font-size:8px;
  321. font-style:italic;
  322. letter-spacing:0.5px;
  323. background:{color:Background};
  324. }
  325.  
  326. /* Borders */
  327.  
  328. .txt a,.ans a,.cap a,.src a{
  329. border-bottom:1px solid {color:Border};
  330. }
  331.  
  332. .txt a:hover,.ans a:hover,.cap a:hover,.src a:hover{
  333. border-bottom:1px solid;
  334. border-color:rgba({RGBcolor:Hover}, 0.4);
  335. }
  336.  
  337. a.asker,.asker:hover {border-bottom:0px;}
  338.  
  339. /* Asks */
  340.  
  341. .ask {
  342. padding:16px;
  343. background:{color:Caption};
  344. border:1px solid {color:Border};
  345. }
  346.  
  347. .ask h2 {margin:0px;}
  348. .ask p{margin:10px 0px 0px;}
  349. .ans li *{border:none;margin:0px;padding:0px;}
  350.  
  351. /* Common Styles */
  352.  
  353. .ask,p,blockquote,.lines,.pn,.qut,.desc{line-height:160%;}
  354. .perma,.tags,.cap,ul,ol{line-height:175%;}
  355. a:hover, a h2:hover{color:{color:Hover};}
  356. a,.p,.perma,.src,.lines b,.tn,h2,.ask,ul,ol,.pag{color:{color:Link};}
  357. .lines b,.tn,h2,.qut,.load,.ask,.pnh,.tags a,.pn{letter-spacing:0.25px;}
  358. h2 a i,.pag a i{margin:0px 2px;}
  359.  
  360. {block:ifRoundEdges}
  361. .play,.aski img {border-radius:50%;}
  362. .video {border-radius:5px!important;}
  363. .p,.entry iframe,.bx,.cap,.txt,.ans,.txt img,.ans img,.cap img,.au_cap img,#s-m-t-tooltip,.ask,.instagram-media{border-radius:4px!important;}
  364. {/block:ifRoundEdges}
  365.  
  366. {block:ifnotHoverPerma}
  367. .ph,.video {margin-bottom:10px;}
  368. {/block:ifnotHoverPerma}
  369.  
  370. /* Video */
  371.  
  372. .video {overflow:hidden;}
  373. .vine-embed {margin-bottom:-3px;}
  374. .instagram-media {border-radius:0px!important;box-shadow:none!important;}
  375.  
  376. img {display:block;margin:0;}
  377.  
  378. </style>
  379. </head>
  380. <body>
  381. <script type="text/javascript">
  382. var snowcolor=new Array("#B8342F","#F09D97")
  383.  
  384. var snowmax=35
  385. var snowtype=new Array("Times")
  386. var snowletter="♡"
  387. var sinkspeed=0.3
  388. var snowmaxsize=15
  389. var snowminsize=8
  390. var snowingzone=1
  391.  
  392. var snow=new Array()
  393. var marginbottom
  394. var marginright
  395. var timer
  396. var i_snow=0
  397. var x_mv=new Array();
  398. var crds=new Array();
  399. var lftrght=new Array();
  400. var browserinfos=navigator.userAgent
  401. var ie5=document.all&&document.getElementById&&!browserinfos.match(/Opera/)
  402. var ns6=document.getElementById&&!document.all
  403. var opera=browserinfos.match(/Opera/)
  404. var browserok=ie5||ns6||opera
  405.  
  406. function randommaker(range) {
  407. rand=Math.floor(range*Math.random())
  408. return rand
  409. }
  410.  
  411. function initsnow() {
  412. if (ie5 || opera) {
  413. marginbottom = document.body.scrollHeight
  414. marginright = document.body.clientWidth-15
  415. }
  416. else if (ns6) {
  417. marginbottom = document.body.scrollHeight
  418. marginright = window.innerWidth-15
  419. }
  420. var snowsizerange=snowmaxsize-snowminsize
  421. for (i=0;i<=snowmax;i++) {
  422. crds[i] = 0;
  423. lftrght[i] = Math.random()*15;
  424. x_mv[i] = 0.03 + Math.random()/10;
  425. snow[i]=document.getElementById("s"+i)
  426. snow[i].style.fontFamily=snowtype[randommaker(snowtype.length)]
  427. snow[i].size=randommaker(snowsizerange)+snowminsize
  428. snow[i].style.fontSize=snow[i].size+'px';
  429. snow[i].style.color=snowcolor[randommaker(snowcolor.length)]
  430. snow[i].style.zIndex=1000
  431. snow[i].sink=sinkspeed*snow[i].size/5
  432. if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}
  433. if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}
  434. if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}
  435. if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}
  436. snow[i].posy=randommaker(2*marginbottom-marginbottom-2*snow[i].size)
  437. snow[i].style.left=snow[i].posx+'px';
  438. snow[i].style.top=snow[i].posy+'px';
  439. }
  440. movesnow()
  441. }
  442.  
  443. function movesnow() {
  444. for (i=0;i<=snowmax;i++) {
  445. crds[i] += x_mv[i];
  446. snow[i].posy+=snow[i].sink
  447. snow[i].style.left=snow[i].posx+lftrght[i]*Math.sin(crds[i])+'px';
  448. snow[i].style.top=snow[i].posy+'px';
  449.  
  450. if (snow[i].posy>=marginbottom-2*snow[i].size || parseInt(snow[i].style.left)>(marginright-3*lftrght[i])){
  451. if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}
  452. if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}
  453. if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}
  454. if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}
  455. snow[i].posy=0
  456. }
  457. }
  458. var timer=setTimeout("movesnow()",50)
  459. }
  460.  
  461. for (i=0;i<=snowmax;i++) {
  462. document.write("<span id='s"+i+"' style='position:absolute;top:-"+snowmaxsize+"'>"+snowletter+"</span>")
  463. }
  464. if (browserok) {
  465. window.onload=initsnow
  466. }
  467.  
  468. </script>
  469.  
  470. <div class="center {select:Columns}">
  471. <div class="header">
  472. {block:ifImage}
  473. <div class="logo"><a href="/"><img src="{image:Logo}"/></a></div>
  474. {/block:ifImage}
  475.  
  476. <div class="hrig">
  477. <div class="desc">{Description}</div>
  478. <div class="links">
  479. <a href="/">index</a>
  480. <a href="/ask">message</a>
  481. {block:ifDropLinks}
  482. <a href="#" class="lh">navigate</a>
  483. {/block:ifDropLinks}
  484. {block:ifnotDropLinks}
  485. {block:ifLink1}
  486. <a href="{text:Link 1}">{text:Link 1 Title}</a>
  487. {/block:ifLink1}{block:ifLink2}
  488. <a href="{text:Link 2}">{text:Link 2 Title}</a>
  489. {/block:ifLink2}{block:ifLink3}
  490. <a href="{text:Link 3}">{text:Link 3 Title}</a>
  491. {/block:ifLink3}{block:ifLink4}
  492. <a href="{text:Link 4}">{text:Link 4 Title}</a>
  493. {/block:ifLink4}
  494. {/block:ifnotDropLinks}
  495. <a href="/archive">history</a>
  496. {block:ifDropLinks}
  497. <div class="lb">
  498. {block:ifLink1}
  499. <a href="{text:Link 1}">{text:Link 1 Title}</a>
  500. {/block:ifLink1}{block:ifLink2}
  501. <a href="{text:Link 2}">{text:Link 2 Title}</a>
  502. {/block:ifLink2}{block:ifLink3}
  503. <a href="{text:Link 3}">{text:Link 3 Title}</a>
  504. {/block:ifLink3}{block:ifLink4}
  505. <a href="{text:Link 4}">{text:Link 4 Title}</a>
  506. {/block:ifLink4}
  507. </div>
  508. {/block:ifDropLinks}
  509. </div>
  510. </div>
  511. </div>
  512.  
  513. <div id="content">
  514. {block:Posts}
  515. <div class="entry" id="{PostID}">
  516.  
  517. {block:ifHoverPerma}
  518. {block:IndexPage}<a href="{Permalink}"><div class="p">
  519. <div class="nt">{NoteCount}</div>
  520. </div></a>{/block:IndexPage}
  521. {/block:ifHoverPerma}
  522.  
  523. {block:Text}
  524. {block:Title}<h2>{Title}</h2>{/block:Title}
  525. <div class="txt">{Body}</div>
  526. {/block:Text}
  527.  
  528. {block:Link}
  529. <a title="{URL}" href="{URL}">
  530. <h2>{Name} <i class="fa fa-angle-right"></i></h2></a>
  531. {block:Description}<div class="txt">{Description}</div>{/block:Description}
  532. {/block:Link}
  533.  
  534. {block:Photo}
  535. <div class="ph"><a href="{Permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}" class="bx"/></a></div>
  536. {/block:Photo}
  537.  
  538. {block:Photoset}
  539. <div class="ph"><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>
  540. {/block:Photoset}
  541.  
  542. {block:Quote}
  543. <div class="qut_hold">
  544. <div class="qut">{Quote}</div>
  545. <div class="src">{Source}</div>
  546. </div>
  547. {/block:Quote}
  548.  
  549. {block:Chat}
  550. {block:Title}<h2>{Title}</h2>{/block:Title}
  551. <div class="chat">
  552. {block:Lines}<div class="lines {Alt}"><div class="{Alt} user_{UserNumber}">
  553. {block:Label}<b>{Label}</b><br>{/block:Label}{Line}</div></div>{/block:Lines}
  554. </div>
  555. {/block:Chat}
  556.  
  557. {block:Audio}
  558. <div class="audio">
  559. {block:AudioPlayer}<div class="play">{AudioPlayerGrey}</div>{/block:AudioPlayer}
  560. <div class="au">
  561. {block:TrackName}<span class="tn">{TrackName}</span>{/block:TrackName}
  562. {block:Artist}<span>by {Artist}</span>{/block:Artist}
  563. </div>
  564. </div>
  565. {/block:Audio}
  566.  
  567. {block:Video}
  568. <div class="video">{Video-500}</div>
  569. {/block:Video}
  570.  
  571. {block:Answer}
  572. <div class="ask"><h2>{Asker} said:</h2><p>{Question}</p></div>
  573. <div class="ans">{Answer}</div>
  574. {/block:Answer}
  575.  
  576. {block:ifnotHoverPerma}
  577. {block:IndexPage}
  578. {block:ifCaptions}
  579. {block:Caption}<div class="cap">{Caption}</div>{/block:Caption}
  580. {/block:ifCaptions}
  581. <div class="pp">
  582. <a href="{Permalink}">{NoteCount}</a>
  583. <b>&</b>
  584. <a href="{ReblogURL}">reblog</a>
  585. </div>
  586. {/block:IndexPage}
  587. {/block:ifnotHoverPerma}
  588.  
  589. {block:PermalinkPage}
  590.  
  591. {block:Caption}<div class="cap">{Caption}</div>{/block:Caption}
  592. {block:Date}
  593. <div class="pph">
  594. <div class="perma">
  595. posted {TimeAgo} on {DayofMonthWithSuffix} {Month}
  596. {block:RebloggedFrom}<br>
  597. via <a href="{ReblogParentURL}">{ReblogParentName}</a> &nbsp;&nbsp;&nbsp;
  598. source <a href="{ReblogRootURL}">{ReblogRootName}</a>
  599. {/block:RebloggedFrom}
  600.  
  601. {block:HasTags}<div class="pmt">tags: &nbsp;
  602. {block:Tags}<a href="{TagURL}">{Tag}</a> {/block:Tags}
  603. </div>{/block:HasTags}
  604.  
  605. <a class="pnh" href="#" title="click for notes">{NoteCountWithLabel}</a>
  606. </div>
  607.  
  608. {block:PostNotes}
  609. <div class="pn">{PostNotes}</div>
  610. {/block:PostNotes}
  611.  
  612. </div>
  613. {/block:Date}
  614. {/block:PermalinkPage}
  615.  
  616.  
  617. {block:ContentSource}
  618. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  619. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  620. {/block:SourceLogo}
  621. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  622. {/block:ContentSource}
  623.  
  624. <!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
  625.  
  626. </div>
  627. {/block:Posts}
  628.  
  629. </div>
  630.  
  631. {block:Pagination}
  632. <div class="pag">
  633. {block:PreviousPage}
  634. <a href="{PreviousPage}" class="prev">back</a>
  635. {/block:PreviousPage}
  636. {block:NextPage}
  637. <a href="{NextPage}" class="next">next</a>
  638. {/block:NextPage}
  639. </div>
  640.  
  641. {block:ifLoadMore}
  642. <a class="load">Load More<i class="fa fa-angle-down"></i></a>
  643. {/block:ifLoadMore}
  644. {/block:Pagination}
  645.  
  646. </div>
  647.  
  648. <a class="top" href="#"><i class="fa fa-angle-up"></i></a>
  649. <div class="c"><a href="http://acuite.tumblr.com">acuite</a></div>
  650.  
  651. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  652. <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  653. <script src="http://static.tumblr.com/fwgzvyf/l6jnyutne/shythemes.vr.js"></script>
  654. <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  655.  
  656. {block:IndexPage}
  657. <script src="http://static.tumblr.com/wgijwsy/Ebfm2v4gy/jquery.masonry.min.js"></script>
  658. <script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  659. {/block:IndexPage}
  660.  
  661. <script>
  662. $(document).ready(function(){
  663. $('.photo-slideshow').pxuPhotoset({
  664. lightbox: true,
  665. gutter: '1px',
  666. photoset: '.photo-slideshow',
  667. photoWrap: '.photo-data',
  668. photo: '.pxu-photo',
  669. {block:ifnotRoundEdges}
  670. rounded: false,
  671. {/block:ifnotRoundEdges}
  672. {block:ifRoundEdges}
  673. rounded: 'corners',
  674. borderRadius: '4px'
  675. {/block:ifRoundEdges}
  676. });
  677. });
  678.  
  679. // minimal soundcloud player © shythemes
  680. $(document).ready(function(){
  681. var color = '{color:Link}'; // color of play button (hex)
  682. $('.soundcloud_audio_player').each(function(){
  683. $(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%' });
  684. });
  685. });
  686.  
  687. // drop links & post notes
  688. $(document).ready(function(){
  689. $(".pn").hide();
  690. $(".pnh").show();$('.pnh').toggle(function(){
  691. $(".pn").slideDown(function(){});
  692. },function(){
  693. $(".pn").slideUp(function(){});
  694. });
  695. $(".lb").hide();
  696. $(".lh").show();$('.lh').toggle(function(){
  697. $(".lb").slideDown(function(){});
  698. },function(){
  699. $(".lb").slideUp(function(){});
  700. });
  701. });
  702.  
  703. // tooltips
  704. (function($){
  705. $(document).ready(function(){
  706. $("[title]").style_my_tooltips({
  707. tip_delay_time:200,
  708. tip_fade_speed:300
  709. }
  710. );
  711. });
  712. })(jQuery);
  713.  
  714. {block:IndexPage}
  715. $(document).ready(function(){
  716. var $container = $('#content');
  717. $container.masonry({
  718. itemSelector: '.entry',
  719. });
  720. $container.imagesLoaded(function(){
  721. $container.masonry();
  722. });
  723. $container.infinitescroll({
  724. itemSelector: '.entry',
  725. navSelector: '.pag',
  726. nextSelector: '.next',
  727. loadingImg: ' ',
  728. loadingText: ' ',
  729. donetext: 'end of posts' ,
  730. bufferPx: 2000,
  731. {block:ifLoadMore}
  732. errorCallback: function(){
  733. jQuery('.load').delay(50).fadeOut();
  734. }
  735. {/block:ifLoadMore}
  736. },
  737.  
  738. function( newElements ) {
  739. resizeVideos();
  740. $(newElements).find('.photo-slideshow').pxuPhotoset({
  741. lightbox: true,
  742. gutter: '1px',
  743. photoset: '.photo-slideshow',
  744. photoWrap: '.photo-data',
  745. photo: '.pxu-photo',
  746. {block:ifnotRoundEdges}
  747. rounded: false,
  748. {/block:ifnotRoundEdges}
  749. {block:ifRoundEdges}
  750. rounded: 'corners',
  751. borderRadius: '4px'
  752. {/block:ifRoundEdges}
  753. });
  754.  
  755. var $newElems = $( newElements ).css({ opacity:0 });
  756. $newElems.imagesLoaded(function(){
  757. $container.masonry( 'appended', $newElems );
  758. $newElems.animate({ opacity: 1 });
  759. });
  760. });
  761.  
  762. {block:ifLoadMore}
  763. $(window).unbind(".infscr");
  764. $(".load").click(function(){
  765. $("#content").infinitescroll("retrieve");
  766. $("#content").imagesLoaded(function(){
  767. $(this).masonry();
  768. });
  769. });
  770. {/block:ifLoadMore}
  771.  
  772. });
  773.  
  774. // scroll to top © html-tuts.com
  775. var amountScrolled = 500;
  776.  
  777. $(window).scroll(function() {
  778. if ($(window).scrollTop() > amountScrolled) {
  779. $('a.top').fadeIn('slow');
  780. } else {
  781. $('a.top').fadeOut('slow');
  782. }
  783. });
  784.  
  785. $('a.top').click(function() {
  786. $('body, html').animate({
  787. scrollTop: 0
  788. }, 'slow');
  789. return false;
  790. });
  791. {/block:IndexPage}
  792.  
  793. </script>
  794.  
  795. </body>
  796. </html>
  797. </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!