API tools faq
paste
Advertisement
pohasabs

quarta feira

pohasabs
Apr 8th, 2020
896
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 17.95 KB | None | 0 0
raw download clone embed print report
  1.  
  2. <!DOCTYPE html>
  3.  
  4. <!---
  5.  ___ ___ _    _    _____      __  _____ _  _ ___ __  __ ___ ___
  6. | _ \_ _| |  | |  / _ \ \    / / |_   _| || | __|  \/  | __/ __|
  7. |  _/| || |__| |_| (_) \ \/\/ /    | | | __ | _|| |\/| | _|\__ \
  8. |_| |___|____|____\___/ \_/\_/     |_| |_||_|___|_|  |_|___|___/
  9.                                                              
  10.                             BY CARA
  11.                          
  12. Rules:
  13.    1. Do not steal snippets or all of my codes.
  14.    2. Do not claim theme as yours.
  15.    3. Do not remove the credit.
  16. -->
  17.  
  18. <head>
  19.     <title>{Title}</title>
  20.    
  21.     <link rel="shortcut icon" href="{FavIcon}" />
  22.     <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  23.     <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
  24.     <link href="https://static.tumblr.com/wgijwsy/k1Hm9ei8b/normalize.css" rel="stylesheet" type="text/css"/>
  25.     <link rel="stylesheet" href="https://static.tumblr.com/vowb075/m9vpc1yxe/animate.min.css">
  26.    
  27.     <link href="https://fonts.googleapis.com/css?family=Karla|Source+Sans+Pro:700&display=swap" rel="stylesheet">
  28.    
  29.     <link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
  30.  
  31. <!--- START META TAGS --->
  32. <meta name="color:Background" content="#ffffff"/>
  33. <meta name="color:Text" content="#000000"/>
  34. <meta name="color:Accent" content="#fad6ab"/>
  35. <meta name="color:Border" content="#f6f6f6"/>
  36.  
  37. <meta name="text:font size" content="just type the number"/>
  38. <meta name="text:first letter of blog" content="b"/>
  39. <meta name="text:sidebar quote" content="insert a quote"/>
  40.  
  41. <meta name="if:infinite scroll" content="1"/>
  42. <meta name="if:hover for permalinks" content="1"/>
  43.  
  44. <meta name="text:link 1 name" content=""/>
  45. <meta name="text:link 1 url" content=""/>
  46.  
  47. <meta name="text:link 2 name" content=""/>
  48. <meta name="text:link 2 url" content=""/>
  49.  
  50. <meta name="text:link 3 name" content=""/>
  51. <meta name="text:link 3 url" content=""/>
  52.  
  53. <meta name="text:blog 1 name" content=""/>
  54. <meta name="image:blog 1" content=""/>
  55. <meta name="text:blog 1 url" content=""/>
  56.  
  57. <meta name="text:blog 2 name" content=""/>
  58. <meta name="image:blog 2" content=""/>
  59. <meta name="text:blog 2 url" content=""/>
  60.  
  61. <meta name="text:blog 3 name" content=""/>
  62. <meta name="image:blog 3" content=""/>
  63. <meta name="text:blog 3 url" content=""/>
  64.  
  65. <meta name="text:to do list 1" content=""/>
  66. <meta name="text:to do list 2" content=""/>
  67. <meta name="text:to do list 3" content=""/>
  68. <meta name="text:to do list 4" content=""/>
  69. <meta name="text:to do list 5" content=""/>
  70.  
  71. <!-- END OF META TAGS -->
  72.  
  73. </head>
  74. <style type="text/css">
  75.  
  76. /* SCROLLBAR */
  77. ::-webkit-scrollbar {
  78. width:10px;
  79. }
  80.  
  81. ::-webkit-scrollbar-track {
  82. background-color:{color:accent};
  83. }
  84.  
  85. ::-webkit-scrollbar-thumb {
  86. border-top:4px solid {color:accent};
  87. border-bottom:4px solid {color:accent};
  88. border-left:4px solid {color:accent};
  89. border-right:4px solid {color:accent};    
  90. background-color:{color:background};
  91. }
  92.  
  93. body {
  94. color:{color:text};
  95. background-color:{color:background};
  96. font-size:{text:font size}px;
  97. font-family: 'Karla', sans-serif;
  98. line-height:1.5;
  99. }
  100.  
  101. a {
  102. text-decoration:none;
  103. color:{color:accent};
  104. }
  105.  
  106. iframe, img, embed, object, video {
  107. max-width: 100%;
  108. }
  109.  
  110. blockquote {
  111. border-left:1.5px solid {color:accent};
  112. color:{color:text};
  113. margin-left:15px;
  114. padding-left:15px;
  115. }
  116.  
  117. /* DO NOT REMOVE MY CREDITS */
  118. #pillowthemes {
  119. right:20px;
  120. bottom:20px;
  121. position:fixed;
  122. width:30px;
  123. height:30px;
  124. background-image: linear-gradient(to right, #fff1eb 0%, #ace0f9 100%);
  125. border-radius:50%;
  126. }
  127. /* DO NOT REMOVE MY CREDITS */
  128.  
  129. #container {
  130. width:750px;
  131. height:auto;
  132. top:100px;
  133. margin-left:auto;
  134. margin-right:auto;
  135. bottom:100px;
  136. background-color:red;
  137. }
  138.  
  139. #content {
  140. width:500px;
  141. height:auto;
  142. float:right;
  143. background-color:{color:background};
  144. margin-top:90px;
  145. }
  146.  
  147. /* Individual Posts */
  148. article {
  149. width:500px;
  150. margin-bottom:25px;
  151. border:1px solid {color:border};
  152. border-radius:0px 50px 0px 0px;
  153. {block:PermalinkPage}
  154.     width:500px;
  155. {/block:PermalinkPage}
  156. }
  157.  
  158. article img {
  159. border-radius:0px 50px 0px 0px;
  160. }
  161.  
  162. #header {
  163. top:0;
  164. width:752px;
  165. height:auto;
  166. background-color:{color:background};
  167. border-bottom:1px solid {color:border};
  168. padding-top:20px;
  169. padding-bottom:20px;
  170. position:fixed;
  171. z-index:9;
  172. text-align:left;
  173. }
  174.  
  175. #sidebar {
  176. top:69px;
  177. width:220px;
  178. height:100%;
  179. float:left;
  180. background-color:{color:background};
  181. position:fixed;
  182. border-right:1px solid {color:border};
  183. padding-top:10px;
  184. }
  185.  
  186. #description {
  187. padding:10px 20px 20px 0px;
  188. border-bottom:1px solid {color:border};
  189. }
  190.  
  191. #others {
  192. padding:20px 20px 20px 0px;
  193. border-bottom:1px solid {color:border};
  194. }
  195.  
  196. #others a {
  197. display:inline;
  198. margin-right:20px;
  199. }
  200.  
  201. #others img {
  202. width:30px;
  203. height:30px;
  204. border:1px solid {color:accent};
  205. padding:2px;
  206. border-radius:50px 50px 50px 0px;
  207. -webkit-transition: all 0.3s ease;
  208. -moz-transition: all 0.3s ease;
  209. -o-transition: all 0.3s ease;
  210. transition: all 0.3s ease;
  211. }
  212.  
  213. #others img:hover {
  214. background-color:{color:accent};
  215. -webkit-transition: all 0.3s ease;
  216. -moz-transition: all 0.3s ease;
  217. -o-transition: all 0.3s ease;
  218. transition: all 0.3s ease;
  219. }
  220.  
  221. #todolist {
  222. padding:20px 20px 20px 0px;
  223. border-bottom:1px solid {color:border};
  224. }
  225.  
  226. #sidebarquote {
  227. padding:20px 20px 20px 0px;
  228. border-bottom:1px solid {color:border};
  229. }
  230.  
  231. #links {
  232. display:inline;
  233. }
  234.  
  235. #links a {
  236. display:inline;
  237. margin-left:20px;
  238. color:{color:text};
  239. -webkit-transition: all 0.2s ease;
  240. -moz-transition: all 0.2s ease;
  241. -o-transition: all 0.2s ease;
  242. transition: all 0.2s ease;
  243. }
  244.  
  245. #links a:hover {
  246. color:{color:accent};
  247. -webkit-transition: all 0.2s ease;
  248. -moz-transition: all 0.2s ease;
  249. -o-transition: all 0.2s ease;
  250. transition: all 0.2s ease;
  251. }
  252.  
  253. {block:ifhoverforpermalinks}
  254. article:hover #perma {
  255. bottom:-20px;
  256. right:-55px;
  257. opacity:1;
  258. -webkit-transition: all 0.2s linear;
  259. -moz-transition: all 0.2s linear;
  260. -o-transition: all 0.2s linear;
  261. transition: all 0.2s linear;
  262. }
  263.  
  264. #perma {
  265. bottom:-20px;
  266. right:-50px;
  267. font-size:10px;
  268. width:auto;
  269. opacity:0;
  270. text-align:center;
  271. text-transform:lowercase;
  272. position:absolute;
  273. {block:PermalinkPage}
  274.     display:none;
  275. {/block:PermalinkPage}
  276. -webkit-transition: all 0.2s linear;
  277. -moz-transition: all 0.2s linear;
  278. -o-transition: all 0.2s linear;
  279. transition: all 0.2s linear;
  280. }
  281.  
  282. #perma a {
  283. color:{color:text};
  284. margin:17px;
  285. display:block;
  286. }
  287.  
  288. .lnr-pushpin {
  289. font-size:11px;
  290. }
  291.  
  292. .lnr-tag {
  293. font-size:11px;
  294. }
  295.  
  296. .lnr-redo {
  297. font-size:11px;
  298. }
  299. {/block:ifhoverforpermalinks}
  300.  
  301. {block:ifnothoverforpermalinks}
  302. #perma {
  303. bottom:-20px;
  304. right:-50px;
  305. font-size:10px;
  306. width:auto;
  307. text-align:center;
  308. text-transform:lowercase;
  309. position:absolute;
  310. {block:PermalinkPage}
  311.     display:none;
  312. {/block:PermalinkPage}
  313. -webkit-transition: all 0.2s linear;
  314. -moz-transition: all 0.2s linear;
  315. -o-transition: all 0.2s linear;
  316. transition: all 0.2s linear;
  317. }
  318.  
  319. #perma a {
  320. color:{color:text};
  321. margin:17px;
  322. display:block;
  323. }
  324.  
  325. .lnr-pushpin {
  326. font-size:11px;
  327. }
  328.  
  329. .lnr-tag {
  330. font-size:11px;
  331. }
  332.  
  333. .lnr-redo {
  334. font-size:11px;
  335. }
  336. {/block:ifnothoverforpermalinks}
  337.  
  338. /* TAGS */
  339. .tags {
  340. margin:10px;
  341. display:inline;
  342. }
  343.  
  344. /* TEXT POSTS */
  345. .ptitle {
  346. font-size:18px;
  347. text-transform:lowercase;
  348. margin:20px;
  349. }
  350.  
  351. .ptitle a {
  352. color:{color:accent};
  353. }
  354.  
  355. .pbody {
  356. margin:20px;
  357. }
  358.  
  359. /* QUOTE POSTS */
  360. .quo {
  361. margin:20px;
  362. font-style:italic;
  363. background-color:{color:accent};
  364. padding:10px;
  365. border-radius:0px 50px 0px 0px;
  366. }
  367.  
  368. .source {
  369. margin:20px;
  370. }
  371.  
  372. /* ASK POSTS */
  373. .as {
  374. margin:20px;
  375. text-transform:lowercase;
  376. font-size:18px;
  377. color:{color:accent};
  378. }
  379.  
  380. .as a {
  381. color:{color:accent};
  382. }
  383.  
  384. .q {
  385. margin:20px;
  386. background-color:{color:accent};
  387. padding:10px;
  388. border-radius:0px 50px 0px 0px;
  389. }
  390.  
  391. .ans {
  392. margin:20px;
  393. }
  394.  
  395. /* AUDIO POSTS */
  396. .albumart {
  397. width:250px;
  398. height:250px;
  399. }
  400.  
  401. .aplayer {
  402. width:500px;
  403. }
  404.  
  405. .acaption {
  406. padding:5px 10px 10px 10px;
  407. }
  408.  
  409. .tumblr_audio_player {
  410. height: 30px;
  411. width: 270px;
  412. }
  413.  
  414. /* POST CAPTION */
  415. .caption {
  416. margin:20px;
  417. }
  418.  
  419. /* CREDITS TO TUMBLR DOCS */
  420. ol.notes {
  421. padding: 0px;
  422. margin: 25px 0px;
  423. list-style-type: none;
  424. border-bottom: solid 1px {color:border};
  425. }
  426.  
  427. ol.notes li.note {
  428. border-top: solid 1px {color:border};
  429. padding: 10px;
  430. }
  431.  
  432. ol.notes li.note img.avatar {
  433. vertical-align: -4px;
  434. margin-right: 10px;
  435. width: 16px;
  436. height: 16px;
  437. }
  438.  
  439. ol.notes li.note span.action {
  440. font-weight: bold;
  441. }
  442.  
  443. ol.notes li.note .answer_content {
  444. font-weight: normal;
  445. }
  446.  
  447. ol.notes li.note blockquote {
  448. border-color: #eee;
  449. padding: 4px 10px;
  450. margin: 10px 0px 0px 25px;
  451. }
  452.  
  453. ol.notes li.note blockquote a {
  454. text-decoration: none;
  455. }
  456. /* CREDITS TO TUMBLR DOCS */
  457.  
  458. /* INFINITE SCROLL */
  459. {block:ifnotinfinitescroll}
  460. .pagi {
  461. padding:20px 20px 20px 0px;
  462. border-bottom:1px solid {color:border};
  463. }
  464. {/block:ifnotinfinitescroll}
  465.  
  466. {block:ifinfinitescroll}
  467. .pagi {
  468. display:none;
  469. }
  470. {/block:ifinfinitescroll}
  471.  
  472. /* TUMBLR CONTROLS */
  473. .tmblr-iframe {
  474. position:fixed!important;
  475. top:0;
  476. right:0;
  477. z-index:999999!important;
  478. -webkit-transform:scale(0.8,0.8);
  479. -webkit-transform-origin: 100% 0%;
  480. -ms-transform-origin:100% 0%;
  481. -ms-transform:scale(0.8,0.8);
  482. transform:scale(0.8,0.8);
  483. transform-origin:100% 0%;
  484. }
  485.  
  486. </style>
  487. <body>
  488. <!--- PILLOW THEMES --->
  489. <div id="container">
  490.     <div id="header">
  491.         <span style="background-color:{color:accent};color:#fff;padding:10px;font-size:18px;border-radius: 50px 50px 50px 0px;">{text:first letter of blog}.</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  492.         <a href="/"><span style="color:{color:accent};font-family: 'Source Sans Pro', sans-serif;font-size:18px;letter-spacing:0.5px;">{Title}</span></a>
  493.        
  494.         <div id="links">
  495.             <a href="/askme">mensagem</a>
  496.             <a href="{text:link 1 url}">{text:link 1 name}</a>
  497.             <a href="{text:link 2 url}">{text:link 2 name}</a>
  498.             <a href="{text:link 3 url}">{text:link 3 name}</a>
  499.             <a href="/archive">archive</a>
  500.         </div>
  501.     </div>
  502.     <!--- PILLOW THEMES --->
  503.     <div id="sidebar">
  504.         <div id="description">{Description}<br><center>
  505.              <script language="JavaScript">var fhs = document.createElement('script');var fhs_id = "5627226";
  506. var ref = (''+document.referrer+'');var pn =  window.location;var w_h = window.screen.width + " x " + window.screen.height;
  507. fhs.src = "//freehostedscripts.net/ocounter.php?site="+fhs_id+"&e1= aqui&e2= de olho&r="+ref+"&wh="+w_h+"&a=1&pn="+pn+"";
  508. document.head.appendChild(fhs);document.write("<span id='o_"+fhs_id+"'></span>");
  509. </script>
  510. |
  511. <script language="JavaScript">var fhsh = document.createElement('script');var fhs_id_h = "3343105";
  512. fhsh.src = "//freehostedscripts.net/ocount.php?site="+fhs_id_h+"&name=visitas&a=1";
  513. document.head.appendChild(fhsh);document.write("<span id='h_"+fhs_id_h+"'></span>");
  514.  
  515. </script></center>
  516.         </div>
  517.         <div id="others">
  518.             <a href="{text:blog 1 url}" title="{text:blog 1 name}"><img src="{image:blog 1}"></a>
  519.             <a href="{text:blog 2 url}" title="{text:blog 2 name}"><img src="{image:blog 2}"></a>
  520.             <a href="{text:blog 3 url}" title="{text:blog 3 name}"><img src="{image:blog 3}"></a>
  521.         </div>
  522.        
  523.         <div id="todolist">
  524.             <div style="background-color:{color:accent};color:{color:text};padding:10px;border-radius:50px 50px 50px 0px;margin-bottom:10px;">&nbsp;&nbsp;&nbsp;&#9702;&nbsp;&nbsp;&nbsp;{text:to do list 1}</div>
  525.             <div style="background-color:{color:accent};color:{color:text};padding:10px;border-radius:50px 50px 50px 0px;margin-bottom:10px;">&nbsp;&nbsp;&nbsp;&#9702;&nbsp;&nbsp;&nbsp;{text:to do list 2}</div>
  526.             <div style="background-color:{color:accent};color:{color:text};padding:10px;border-radius:50px 50px 50px 0px;margin-bottom:10px;">&nbsp;&nbsp;&nbsp;&#9702;&nbsp;&nbsp;&nbsp;{text:to do list 3}</div>
  527.             <div style="background-color:{color:accent};color:{color:text};padding:10px;border-radius:50px 50px 50px 0px;margin-bottom:10px;">&nbsp;&nbsp;&nbsp;&#9702;&nbsp;&nbsp;&nbsp;{text:to do list 4}</div>
  528.             <div style="background-color:{color:accent};color:{color:text};padding:10px;border-radius:50px 50px 50px 0px;">&nbsp;&nbsp;&nbsp;&#9702;&nbsp;&nbsp;&nbsp;{text:to do list 5}</div>
  529.         </div>
  530.        
  531.         <div id="sidebarquote">"Maybe this heart of yours that longs for something more is being prepared for something so much greater than you." <br>- Morgan Harper Nichols<br></div>
  532.         <!--- PILLOW THEMES --->
  533.         {block:Pagination}
  534.         <div class="pagination">
  535.         <div class="pagi">
  536.         {block:PreviousPage}<a href="{PreviousPage}">backward</a>{/block:PreviousPage}
  537.         {block:NextPage}<a href="{NextPage}">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;forward</a>{/block:NextPage}
  538.         </div></div>
  539.         {/block:Pagination}
  540. <!--- PILLOW THEMES --->        
  541.         <nav>
  542.         <ul>
  543.         {block:HasPages}
  544.         {block:Pages}
  545.         <li> <a href="{URL}">{Label}</a></li>
  546.         {/block:Pages}
  547.         {/block:HasPages}
  548.         </ul>
  549.         </nav>
  550.        
  551.     </div>
  552.     <!--- PILLOW THEMES --->
  553.     <div id="content">
  554.         {block:Posts}
  555.     <article>
  556.     <!--- PILLOW THEMES --->
  557.     {block:Photo}
  558.     <div class="photo">
  559.     {LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" />{LinkCloseTag}
  560.     {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  561.     {/block:Photo}
  562.  
  563.     {block:Photoset}
  564.     <div class="photoset">
  565.     {block:IndexPage}
  566.     {Photoset-500}
  567.     {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  568.     {/block:IndexPage}
  569.     {block:PermalinkPage}
  570.     {Photoset-500}
  571.     {/block:PermalinkPage}
  572.     {/block:Photoset}
  573.  
  574.     {block:Text}
  575.     <div id="post text">
  576.     {block:Title}<div class="ptitle"><a href="{Permalink}">{Title}</a></div>{/block:Title}
  577.     <div class="pbody">{Body}</div>
  578.  
  579.     {/block:Text}
  580.  
  581.     {block:Link}
  582.     <div class="link">
  583.     <a href="{URL}">{Name}</a>
  584.     {block:Description}{Description}{/block:Description}
  585.     {/block:Link}
  586.  
  587.     {block:Quote}
  588.     <div class="quote">
  589.     <div class="quo">“{Quote}”</div>
  590.     {block:Source}<div class="source">—&nbsp;&nbsp;{Source}</div>{/block:Source}
  591.     {/block:Quote}
  592.  
  593.     {block:Chat}
  594.     <div class="chat">
  595.     <ul>
  596.     {block:Lines}
  597.     {block:Label}<b>{Label}</b>{/block:Label} {Line}<br>
  598.     {/block:Lines}
  599.     </ul>
  600.     {/block:Chat}
  601.  
  602.     {block:Audio}
  603.     {block:AlbumArt}<img class="albumart" src="{AlbumArtURL}">{/block:AlbumArt}
  604.     {block:AudioPlayer}<div class="aplayer">{AudioPlayer}</div>{/block:AudioPlayer}
  605.     <!-- CHANGE AUDIO-250 TO AUDIO-500 IF YOUR POST SIZE IS 500 -->
  606.     {block:AudioEmbed}{AudioEmbed-250}{/block:AudioEmbed}
  607.     {block:IndexPage}<div class="acaption">{block:TrackName}Track: {TrackName}<br>{/block:TrackName}
  608.     {block:Artist}Artist: {Artist}<br>{/block:Artist}
  609.     {block:PlayCount}Played: {PlayCount}{/block:PlayCount}</div>
  610.     {/block:IndexPage}
  611.     {block:PermalinkPage}
  612.     {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  613.     {/block:PermalinkPage}
  614.     {/block:Audio}
  615.  
  616.     {block:Video}
  617.     <div id="post video">
  618.     {Video-500}
  619.     {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  620.     </div>
  621.     {/block:Video}
  622.  
  623.     {block:Answer}
  624.     <div class="as">{Asker} asked:</div>
  625.     <div class="q">{Question}</div>
  626.     <div class="ans">{Answer}</div>
  627.     {/block:Answer}
  628.    
  629.     {block:IndexPage}
  630.     <div id="perma">
  631.     {block:RebloggedFrom} <a href="{ReblogParentURL}"></a> {/block:RebloggedFrom}
  632. {block:ContentSource} <a href="{SourceURL}"></a>{/block:ContentSource}
  633.         <a href="{Permalink}" title="{NoteCountWithLabel}"><span class="lnr lnr-tag"></span></a>
  634.         <a href="{Permalink}" title="{DayOfMonthWithZero} {Month} {Year}"><span class="lnr lnr-pushpin"></span></a>
  635.         <a href="{ReblogURL}" title="Reblog?"><span class="lnr lnr-redo"></span></a>
  636.     </div>
  637.     {/block:IndexPage}
  638. <!--- PILLOW THEMES --->
  639.     {block:PermalinkPage}
  640.     {block:HasTags}{block:Tags}<div class="tags"><a href="{TagURL}"> #{Tag} </a></div>
  641.     {/block:Tags}{/block:HasTags}
  642.     {block:PostNotes}{PostNotes}
  643.    
  644.     {/block:PostNotes}
  645.      
  646.     {/block:PermalinkPage}
  647.  
  648.     </article>
  649.     {/block:Posts}
  650.     </div>
  651. </div>
  652.  
  653. <!--- DO NOT TOUCH THIS PART --->
  654. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
  655. <script src="https://static.tumblr.com/wgijwsy/Ebfm2v4gy/jquery.masonry.min.js"></script>
  656. {block:IfInfiniteScroll}
  657. <script src="https://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  658. <script src="https://static.tumblr.com/iwtk77u/Yhym2yygt/jquery.imagesloaded.min.js"></script>
  659. {/block:IfInfiniteScroll}
  660. <!--- DO NOT TOUCH THIS PART --->
  661.  
  662. <!--- DO NOT TOUCH THIS PART --->
  663. <script>
  664. (function() {
  665.     var $tumblelog = $('#content');
  666.     {block:IfInfiniteScroll}
  667.     $tumblelog.infinitescroll({
  668.         navSelector  : ".pagination",            
  669.         nextSelector : ".pagination a:first",    
  670.         itemSelector : "article",
  671.         bufferPx     : 50,
  672.         done : "",
  673.         loading: {
  674.             img : "",
  675.             msgText: ""
  676.         },
  677.     },
  678.       function( newElements ) {
  679.             var $newElems = $( newElements ).css({ opacity: 0 });
  680.             $newElems.imagesLoaded(function(){
  681.                 $newElems.animate({ opacity: 1 });
  682.                 $tumblelog.masonry( 'appended', $newElems);
  683.             });
  684.           }
  685.     );
  686.     {/block:IfInfiniteScroll}
  687.     $tumblelog.imagesLoaded( function(){
  688.       $tumblelog.masonry({
  689.         columnWidth: function( containerWidth ) {
  690.             return containerWidth / 100;
  691.           }
  692.       });
  693.     });
  694. })();
  695. </script>
  696. <!--- DO NOT TOUCH THIS PART --->
  697.  
  698.  
  699. <!-- DO NOT REMOVE MY CREDITS -->
  700. <a href="https://pillowthemes.tumblr.com/" title="Made by Pillow Themes"><div id="pillowthemes"></div></a>
  701. <!-- DO NOT REMOVE MY CREDITS -->
  702.    
  703. </body>
  704. </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!