API tools faq
paste
Advertisement
solarre

quiet

solarre
Jan 4th, 2016
5,248
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 19.35 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <!--
  4.  
  5. quiet by solarre
  6.  
  7. -keep credit intact
  8. -don't steal any code
  9. -don't use as a basecode/claim as your own
  10.  
  11. video sizing & soundcloud scripts credit: shythemes
  12.  
  13. -->
  14.  
  15.  
  16.  
  17. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  18. <head>
  19.  
  20. <title>{Title}</title>
  21. <link rel="shortcut icon" href="{Favicon}">
  22. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  23. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  24.  
  25. <meta name="color:Background" content="#ffffff"/>
  26. <meta name="color:Text" content="#bbbbbb"/>
  27. <meta name="color:Link" content="#aaaaaa"/>
  28. <meta name="color:Header Links" content="#777777"/>
  29. <meta name="color:Hover" content="#b3b3b3"/>
  30. <meta name="color:Line" content="#eeeeee"/>
  31. <meta name="color:Tooltip" content="#777777"/>
  32. <meta name="color:Scrollbar" content="#eeeeee"/>
  33.  
  34. <meta name="image:Header" content=""/>
  35.  
  36. <meta name="if:2 Columns" content="0"/>
  37. <meta name="if:White Lightbox" content="1"/>
  38. <meta name="if:Opacity Change On Hover" content="1"/>
  39. <meta name="if:Small Cursor" content="1"/>
  40.  
  41. <meta name="select:Post Size" content="250" title="250px"/>
  42. <meta name="select:Post Size" content="300" title="300px"/>
  43. <meta name="select:Post Size" content="350" title="350px"/>
  44.  
  45. <meta name="text:Blog Title" content="">
  46. <meta name="text:linkA" content="">
  47. <meta name="text:linkA url" content="/">
  48. <meta name="text:linkB" content="">
  49. <meta name="text:linkB url" content="/">
  50. <meta name="text:linkC" content="">
  51. <meta name="text:linkC url" content="/">
  52. <meta name="text:linkD" content="">
  53. <meta name="text:linkD url" content="/">
  54. <meta name="text:linkE" content="">
  55. <meta name="text:linkE url" content="/"/>
  56.  
  57. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  58. <script src="//static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  59. <script>
  60. (function($){
  61. $(document).ready(function(){
  62. $("[title]").style_my_tooltips({
  63. tip_follows_cursor:true,
  64. tip_delay_time:1,
  65. tip_fade_speed:100,
  66. attribute:"title"
  67. });
  68. });
  69. })(jQuery);
  70. </script>
  71.  
  72. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  73. <script src="//static.tumblr.com/fwgzvyf/l6jnyutne/shythemes.vr.js"></script>
  74. <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.1/SmoothScroll.min.js"></script>
  75.  
  76. <link href='https://fonts.googleapis.com/css?family=Playfair+Display' rel='stylesheet' type='text/css'>
  77.  
  78. <style type="text/css">
  79.  
  80. ::-webkit-scrollbar {width:4px; height:auto; background:{color:Background};}
  81. ::-webkit-scrollbar-corner {background:transparent;}
  82. ::-webkit-scrollbar-thumb:vertical {background:{color:scrollbar}; width:2px; border:1px solid {color:background};}
  83. ::-webkit-scrollbar-thumb:horizontal {background:{color:scrollbar};height:4px !important;}
  84. ::-webkit-scrollbar-increment {width:4px; height:4px; background-color:#fff;}
  85.  
  86. iframe#tumblr_controls, iframe.tmblr-iframe.tmblr-iframe--desktop-loggedin-controls.iframe-controls--desktop, .tmblr-iframe {
  87. white-space:nowrap;
  88. -webkit-filter: invert(100%);
  89. -moz-filter: invert(100%);
  90. -o-filter: invert(100%);
  91. -ms-filter: invert(100%);
  92. filter: invert(100%);
  93. opacity:.2;transition: .8s ease-in-out;
  94. -webkit-transition: .8s ease-in-out;
  95. -moz-transition: .8s ease-in-out;
  96. -o-transition: .8s ease-in-out;
  97. }
  98.  
  99. {block:ifWhiteLightbox}
  100. #vignette, .vignette{opacity:0!important;}.lightbox-caption {color:#000;}
  101. #tumblr_lightbox,.tmblr-lightbox{background:rgba(255,255,255,0.7)!important;}
  102. #tumblr_lightbox img, .lightbox-image {box-shadow:none!important;border-radius:0px!important;}
  103. {/block:ifWhiteLightbox}
  104.  
  105. #s-m-t-tooltip {
  106. max-width:300px;
  107. padding: 3px 5px;
  108. margin:10px;
  109. background-color:{color:background};
  110. font-family:calibri;
  111. font-size:9px;
  112. font-style:bold;
  113. letter-spacing:1px;
  114. text-transform:uppercase;
  115. color:{color:tooltip};
  116. box-shadow:5px 5px 0.2em #f0f0f0;
  117. border-top:1px solid #f9f9f9;
  118. border-left:1px solid #f9f9f9;
  119. z-index:10000000000000000000000000000000;
  120. -moz-transition-duration: 0.3s;
  121. -webkit-transition-duration: 0.3s;
  122. -o-transition-duration: 0.3s;
  123. }
  124.  
  125. @-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
  126. @-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
  127. @keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
  128.  
  129. .fade-in {
  130. opacity:0;
  131. -webkit-animation:fadeIn ease-in 1;
  132. -moz-animation:fadeIn ease-in 1;
  133. animation:fadeIn ease-in 1;
  134. -webkit-animation-fill-mode:forwards;
  135. -moz-animation-fill-mode:forwards;
  136. animation-fill-mode:forwards;
  137. -webkit-animation-duration:1s;
  138. -moz-animation-duration:1s; animation-duration:1s; }
  139.  
  140. .fade-in.one { -webkit-animation-delay: 0.7s; -moz-animation-delay: 0.7s; animation-delay: 0.7s; }
  141.  
  142. ::selection {background-color:{color:scrollbar};color:#fff;text-shadow:none;}
  143. ::-o-selection {background:{color:scrollbar};color:#fff;text-shadow:none;}
  144. ::-moz-selection {background:{color:scrollbar};color:#fff;text-shadow:none;}
  145.  
  146. #infscr-loading img {display:none!important;}
  147.  
  148. {block:ifSmallCursor}
  149.  
  150. *, body, img { cursor:url(http://static.tumblr.com/vmteopo/yYInjhg6e/small_black_cursor.png), auto;}
  151.  
  152. a, a:hover, a:active {cursor:url(http://static.tumblr.com/vmteopo/DH3njhg50/help_cursor.png), crosshair; }
  153.  
  154. {/block:ifSmallCursor}
  155.  
  156. body {
  157. background:{color:background};
  158. margin:0px;
  159. color:{color:text};
  160. font:10.5px calibri;
  161. line-height:15px;
  162. -moz-font-smoothing:subpixel-antialiased;
  163. -webkit-font-smoothing:subpixel-antialiased;
  164. font-smoothing:subpixel-antialiased;
  165. }
  166.  
  167. a {
  168. -moz-outline-style:none;
  169. color:{color:link};
  170. text-decoration:none;
  171. transition:0.5s ease-in-out;
  172. -webkit-transition:0.5s ease-in-out;
  173. -moz-transition:0.5s ease-in-out;
  174. -ms-transition:0.5s ease-in-out;
  175. -o-transition:0.5s ease-in-out;
  176. }
  177.  
  178. a:hover {color:{color:hover};}
  179. img {border:none;max-width:100%;height:auto;}
  180. h1 {font-size:12px;text-transform:uppercase;}
  181. h2 {font: italic 15px calibri;line-height:115%; color:#888;}
  182. blockquote {padding-left:5px;border-left:1px solid {color:line};margin-left:20px;margin-right:5px;}
  183. blockquote blockquote {padding-left:5px;border-left:1px solid {color:line};margin-left:20px;margin-right:5px;}
  184. ul {list-style-type:none;}
  185. ul li {position:relative;padding-left:20px;margin-left:-10px;}
  186. ul li:before {
  187. content:'';
  188. position:absolute;
  189. display:block;
  190. top:5px;
  191. left:0;
  192. width:15px;
  193. height:1px;
  194. border-top:1px solid #ececec;
  195. }
  196.  
  197. ul ul li:before {
  198. content:'›';
  199. position:absolute;
  200. display:block;
  201. border:none;
  202. top:0;
  203. left:0;
  204. margin-left:10px;
  205. width:0px;
  206. }
  207.  
  208. pre {
  209. padding:3px 5px;
  210. text-transform:uppercase;
  211. white-space: pre-wrap;
  212. white-space: -moz-pre-wrap;
  213. white-space: -pre-wrap;
  214. white-space: -o-pre-wrap;
  215. word-wrap: break-word;
  216. }
  217.  
  218. #header {
  219. width:330px;
  220. height:96px;
  221. margin:100px auto auto;
  222. opacity:1;
  223. padding:20px;
  224. z-index:4;
  225. color:{color:text};
  226. border:5px solid {color:background};
  227. background:rgba(255,255,255,0.5) url('{image:header}') no-repeat center;
  228. background-size:cover;
  229. }
  230.  
  231. #sbcon {
  232. background:rgba(255,255,255,0.8);
  233. width:330px;
  234. height:auto;
  235. padding:20px;
  236. margin:-20px 0 -20px -20px;
  237. }
  238.  
  239. .title {
  240. margin-top:10px;
  241. font:20px 'Playfair Display', times;
  242. width:310px;
  243. padding:5px 10px;
  244. text-align:center;
  245. line-height:110%;
  246. letter-spacing:1px;
  247. color:#777;
  248. text-decoration:none;
  249. margin-left:1px;
  250. opacity:1;
  251. }
  252.  
  253. .title span {padding:5px 8px;background:rgba(255,255,255,0.85);border:1px dotted #eee;}
  254.  
  255. .desc {
  256. margin-top:-10px;
  257. line-height:110%;
  258. font-size:9.5px;
  259. font-style:italic;
  260. width:310px;
  261. height:auto;
  262. padding:10px;
  263. text-align:center;
  264. color:{color:text};
  265. opacity:1;
  266. text-shadow:0 0 6px #fff;
  267. }
  268.  
  269. .links {
  270. margin-top:2px;
  271. width:310px;
  272. padding:10px;
  273. word-spacing:1em;
  274. text-align:center;
  275. font-size:11px;
  276. text-transform:lowercase;
  277. opacity:1;
  278. }
  279.  
  280. .links a:hover {color:{color:Hover};}
  281. .links a {
  282. color:{color:Header Links};
  283. text-decoration:none;
  284. text-shadow:0 0 6px #fff;
  285. padding:0 3px;
  286. display: inline-block;
  287. vertical-align: middle;
  288. -webkit-transform: translateZ(0);
  289. transform: translateZ(0);
  290. box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  291. -webkit-backface-visibility: hidden;
  292. backface-visibility: hidden;
  293. -moz-osx-font-smoothing: grayscale;
  294. position: relative;
  295. overflow: hidden;
  296. }
  297.  
  298. .links a:before {
  299. content: "";
  300. position: absolute;
  301. z-index: -1;
  302. left: 50%;
  303. right: 50%;
  304. bottom: 0;
  305. background:{color:hover};
  306. height: 1px;
  307. -webkit-transition-property: left, right;
  308. transition-property: left, right;
  309. -webkit-transition-duration: 0.3s;
  310. transition-duration: 0.3s;
  311. -webkit-transition-timing-function: ease-out;
  312. transition-timing-function: ease-out;
  313. }
  314. .links a:hover:before, .links a:focus:before, .links a:active:before {
  315. left: 0;
  316. right: 0;
  317. }
  318.  
  319. .pagi{
  320. font-size:10px;
  321. text-align:center;
  322. padding:5px 10px;
  323. width:300px;
  324. z-index:99;
  325. margin:50px auto;
  326. bottom:50px;
  327. }
  328.  
  329. .jump_page {height:10px;width:20px;padding:5px;text-decoration:none;}
  330. .current_page {height:10px;width:20px;padding:3px 5px;text-decoration:underline;}
  331.  
  332. #all {
  333. padding:10px 70px;
  334. {block:ifnot2Columns}width:calc({select:Post Size}px + 22px);{/block:ifnot2Columns}
  335. {block:if2Columns}width:calc(({select:Post Size}px * 2) + 244px);{/block:if2Columns}
  336. margin:80px auto 90px;
  337. font-size:10px;
  338. z-index:2;
  339. }
  340.  
  341. #posts {
  342. width:{select:Post Size}px;
  343. padding:10px;
  344. position:relative;
  345. float:left;
  346. margin-bottom:70px;
  347. {block:if2columns}margin:0px 50px 70px;{/block:if2columns}
  348. border:dotted 1px {color:line};
  349. -ms-word-break: break-all;
  350. word-break: break-all;
  351. word-break: break-word;
  352. -webkit-hyphens: auto;
  353. -moz-hyphens: auto;
  354. -ms-hyphens: auto;
  355. hyphens: auto;
  356. transition:0.5s ease-in-out;
  357. -webkit-transition:0.5s ease-in-out;
  358. -moz-transition:0.5s ease-in-out;
  359. -ms-transition:0.5s ease-in-out;
  360. -o-transition:0.5s ease-in-out;
  361. }
  362.  
  363. {block:ifOpacityChangeOnHover}
  364. #posts {opacity:0.8;}
  365. #posts:hover {opacity:1;}
  366. {/block:ifOpacityChangeOnHover}
  367.  
  368. #caption {width:{select:Post Size}px;padding:5px 5px 0;}
  369. #caption a {padding-bottom:1px;border-bottom:1px solid {color:text};}
  370. #caption a:hover { border-bottom:1px solid {color:hover};}
  371.  
  372. #posts:hover #details {opacity:1;}
  373.  
  374. #details {
  375. opacity:0;
  376. width:auto;
  377. display:block;
  378. float:right;
  379. text-align:center;
  380. padding:9px;
  381. margin:-11px -70px -10px 0;
  382. text-transform:uppercase;
  383. font:italic 8.5px calibri;
  384. line-height:13px;
  385. background:{color:background};
  386. border:1px dotted {color:line};
  387. transition:0.5s ease-in-out;
  388. -webkit-transition:0.5s ease-in-out;
  389. -moz-transition:0.5s ease-in-out;
  390. -ms-transition:0.5s ease-in-out;
  391. -o-transition:0.5s ease-in-out;
  392. }
  393.  
  394. #details a {text-decoration:none;display:inline-block;padding:0px;}
  395.  
  396. #dets {padding:5px;border-top:1px solid {color:line};font-size:9.5px;}
  397. #dets a {display:inline-block;}
  398.  
  399. #tags {display:inline-block;opacity:0.9;}
  400. #tags a {display:inline-block;padding:0 2px;}
  401.  
  402. #question {
  403. padding:10px;
  404. letter-spacing:1px;
  405. text-align:center;
  406. color:{color:text};
  407. border-bottom:1px solid #f5f5f5;
  408. }
  409.  
  410. #akport {
  411. width:auto;
  412. text-align:center;
  413. height:12px;
  414. padding:5px 0;
  415. color:#444;
  416. opacity:1;
  417. z-index:99999;
  418. margin-bottom:5px;
  419. letter-spacing:1px;
  420. }
  421.  
  422. #akport a {text-decoration:none;border:none;}
  423.  
  424. .tumblr_audio_player {width:100%;margin-top:12px;}
  425.  
  426. .player {
  427. width:50px;
  428. height:50px;
  429. padding:10px;
  430. overflow:hidden;
  431. background:#fff;
  432. margin:10px 0 0px 0;
  433. display:block;
  434. float:left;
  435. }
  436.  
  437. .audioinfo {
  438. color:{color:text};
  439. margin:10px 0 10px 75px;
  440. display:block;
  441. padding:25px;
  442. height:20px;
  443. text-align:left;
  444. font-size:10px;
  445. line-height:110%;
  446. width:calc({select:Post Size}px - 125px);
  447. background:#fff;
  448. }
  449.  
  450. .chat li {list-style:none;line-height:115%;}
  451. .line.odd {border-left:1px solid {color:line};padding:3px 5px;}
  452. .line.even {border-left:1px solid transparent;padding:3px 5px;}
  453.  
  454. .webs {font-size:12px;text-transform:uppercase;padding-top:10px;text-align:center;}
  455. .webs a:before, .webs a:after {
  456. display: inline-block;
  457. opacity: 0;
  458. -webkit-transition: -webkit-transform 0.3s, opacity 0.2s;
  459. -moz-transition: -moz-transform 0.3s, opacity 0.2s;
  460. transition: transform 0.3s, opacity 0.2s;
  461. }
  462.  
  463. .webs a:before {
  464. margin-right: 10px;
  465. content: '[';
  466. -webkit-transform: translateX(20px);
  467. -moz-transform: translateX(20px);
  468. transform: translateX(20px);
  469. }
  470.  
  471. .webs a:after {
  472. margin-left: 10px;
  473. content: ']';
  474. -webkit-transform: translateX(-20px);
  475. -moz-transform: translateX(-20px);
  476. transform: translateX(-20px);
  477. }
  478.  
  479. .webs a:hover:before, .webs a:hover:after, .webs a:focus:before, .webs a:focus:after {
  480. opacity: 1;
  481. -webkit-transform: translateX(0px);
  482. -moz-transform: translateX(0px);
  483. transform: translateX(0px);
  484. }
  485.  
  486. ol.notes, ol.notes li.note, ol.notes ul {list-style-type:none;}
  487.  
  488. ol.notes {
  489. width:{select:Post Size}px;
  490. height:300px;
  491. overflow:auto;
  492. margin-left:-30px;
  493. margin-top:0px;
  494. }
  495.  
  496. ol.notes li.note {
  497. display: block;
  498. padding: 5px;
  499. font-size: 8.5px;
  500. letter-spacing: 1px;
  501. }
  502.  
  503. img.avatar {display:none;}
  504.  
  505. #credit, #credit a {
  506. position:fixed;
  507. bottom:20px;
  508. right:20px;
  509. color:{color:text};
  510. font:normal normal 12px calibri;
  511. text-decoration:none;
  512. }
  513.  
  514. {CustomCSS}</style></head><body>
  515.  
  516. <div id="header">
  517. <div id="sbcon">
  518. <div class="title"><span>{text:Blog Title}</span></div>
  519. <div class="links">
  520. {block:iflinkA}<a href="{text:linkA url}">{text:linkA}</a>{/block:iflinkA}
  521. {block:iflinkB}<a href="{text:linkB url}">{text:linkB}</a>{/block:iflinkB}
  522. {block:iflinkC}<a href="{text:linkC url}">{text:linkC}</a>{/block:iflinkC}
  523. {block:iflinkD}<a href="{text:linkD url}">{text:linkD}</a>{/block:iflinkD}
  524. {block:iflinkE}<a href="{text:linkE url}">{text:linkE}</a>{/block:iflinkE}
  525. </div>
  526. <div class="desc">
  527. {Description}
  528. </div>
  529. </div></div>
  530.  
  531. <div id="all" class="box fade-in one">
  532. {block:Posts}<div id="posts">
  533.  
  534.  
  535. {block:IndexPage}<div id="details">
  536. {block:Date}<a href="{Permalink}" title="{12HourWithZero}:{Minutes}{AmPm}">{MonthNumberWithZero}.{DayOfMonthWithZero}.{ShortYear}</a>{/block:Date}{block:RebloggedFrom}<br><a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>{/block:RebloggedFrom}{block:ContentSource}&emsp;<a href="{SourceURL}" title="{SourceTitle}">src</a>{/block:ContentSource}
  537. </div>
  538. {/block:IndexPage}
  539.  
  540. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1><div id="caption" style="padding-top:0px">{Body}</div>{/block:Text}
  541.  
  542. {block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-HighRes}">{LinkCloseTag}</center>{block:Caption}<div id="caption">{Caption}</div>{/block:Caption}{/block:Photo}
  543.  
  544. {block:Link}<div class="webs"><a href="{URL}" {Target}>{Name}</a></div>{block:Description}<div id="caption">{Description}</div>{/block:Description}{/block:Link}
  545.  
  546. {block:Photoset}<center>{Photoset}</center>{block:Caption}<div id="caption">{Caption}</div>{/block:Caption}{/block:Photoset}
  547.  
  548. {block:Quote}<center><h2>“{Quote}”</h2>↳ {Source}</center><br>{/block:Quote}
  549.  
  550. {block:Audio}
  551. <div class="player">{AudioPlayerWhite}</div>
  552. <div class="audioinfo">
  553. {block:TrackName}{TrackName}{/block:TrackName}{block:Artist}<br>{Artist}{/block:Artist}</div>
  554. {block:Caption}<div id="caption">{Caption}</div>{/block:Caption}{/block:Audio}
  555.  
  556. {block:Video}<div class="video">{Video-500}</div>{block:Caption}<div id="caption">{Caption}</div>{/block:Caption}{/block:Video}
  557.  
  558. {block:Chat}<div class="chat">{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}<li class="line {Alt}">{block:Label}<b>{Label}</b>{/block:Label} {Line}</li><br>{/block:Lines}</div>{/block:Chat}
  559.  
  560. {block:Answer}<div id="question"><div id="akport" style="text-transform:uppercase;font-size:10px; padding-bottom:10px">{Asker}</div>{Question}</div><div id="caption">{Answer}</div>{/block:Answer}
  561.  
  562. {block:PermalinkPage}
  563. <div id="dets">{block:Date}{MonthNumberWithZero}.{DayOfMonthWithZero}.{ShortYear}{/block:Date}{block:NoteCount}&emsp;+{NoteCount}{/block:NoteCount}{block:RebloggedFrom}&emsp;<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>{/block:RebloggedFrom}{block:ContentSource}&emsp;<a href="{SourceURL}" title="{SourceTitle}">src</a>{/block:ContentSource}{block:HasTags}<br>&emsp;<i>— filed under:</i> {block:Tags}<div id="tags"><a href="{TagURL}">#{Tag}</a></div>{/block:Tags}{/block:HasTags}</div>
  564. {/block:PermalinkPage}
  565.  
  566. </div>
  567. {/block:Posts}
  568. {block:PostNotes}{PostNotes}{/block:PostNotes}
  569. {/block:Posts}
  570. </div>
  571.  
  572. {block:Pagination}<div class="pagi">
  573. {block:PreviousPage}<a href="{PreviousPage}">back</a>&emsp;{/block:PreviousPage}
  574. {block:JumpPagination length="3"}
  575. {block:CurrentPage}<span class="current_page">{PageNumber}</span>&emsp;{/block:CurrentPage}
  576. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>&emsp;{/block:JumpPage}
  577. {/block:JumpPagination}
  578. {block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}
  579. </div>{/block:Pagination}
  580.  
  581. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  582. <script>
  583. $(document).ready(function(){
  584. var color = '{color:hover}';
  585. $('.soundcloud_audio_player').each(function(){
  586. $(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%' });
  587. });
  588. });
  589. </script>
  590.  
  591. {block:if2Columns}
  592. {block:IndexPage} <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  593. <script type="text/javascript" src="//static.tumblr.com/me5sfsd/12Qlmj66n/script.js"></script>
  594.  
  595. <script type="text/javascript">
  596. $(window).load(function(){
  597. var $wall = $('#all');
  598. $wall.imagesLoaded(function(){
  599. $wall.masonry({
  600. itemSelector: '#posts',
  601. isAnimated : true
  602. });
  603. });
  604. $wall.infinitescroll({
  605. navSelector : "div#navigation",
  606. nextSelector : "div#navigation a#nextPage",
  607. itemSelector : '#posts',
  608. loadingImg : "",
  609. loadingText : " ",
  610. donetext : " ",
  611. extraScrollPx : 0,
  612. bufferPx : 10000,
  613. debug : false,
  614. errorCallback: function() {
  615. $('#infscr-loading').animate({opacity: .8},2000).fadeOut('normal');
  616. }},
  617. function( newElements ) {
  618. var $newElems = $( newElements );
  619. $newElems.hide();
  620. $newElems.imagesLoaded(function(){
  621. $wall.masonry( 'appended', $newElems, {isAnimated: true, animationOptions: {duration: 250, easing: 'linear', queue: false}}, function(){$newElems.fadeIn('slow');} );
  622. });
  623. }); $('#all').show(500);
  624. });
  625. </script>
  626.  
  627. {/block:IndexPage}
  628. {/block:if2Columns}
  629.  
  630. <div id="credit"><a href="http://solarre.tumblr.com" title="solarre">☼</a></div>
  631.  
  632. </body></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!