API tools faq
paste
Advertisement
feiinho

Blushing theme by stylized.adorablethemes.com

feiinho
Apr 27th, 2018
408
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 24.82 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <!-- Blushing theme by stylized.adorablethemes.com -->
  5. <title>{block:SearchPage}{lang:Search results for SearchQuery} - {/block:SearchPage}{block:PostSummary}{PostSummary} - {/block:PostSummary}{Title}</title>
  6. <link rel="shortcut icon" href="{Favicon}"/>
  7. <link rel="apple-touch-icon" href="{PortraitURL-128}"/>
  8. <link rel="alternate" type="application/rss+xml" href="{RSS}"/>
  9. {block:Description}<meta name="description" content="{MetaDescription}"/>{/block:Description}
  10. <meta charset="UTF-8" />
  11. <meta name="viewport" content="width=1366"/>
  12. <meta name="font:Body" content="Sim Hei, Avalon, Arial, Helvetica, Sans-serif"/>
  13. <meta name="image:Profile Photo" content=""/>
  14. <meta name="if:Show Archive Link" content="0"/>
  15. <meta name="if:Show Random Link" content="0"/>
  16. <meta name="if:Infinite Scrolling" content="1"/>
  17. <meta name="text:Custom Link 1 URL" content=""/>
  18. <meta name="text:Custom Link 1 Name" content=""/>
  19. <meta name="text:Custom Link 2 URL" content=""/>
  20. <meta name="text:Custom Link 2 Name" content=""/>
  21. <meta name="text:Custom Link 3 URL" content=""/>
  22. <meta name="text:Custom Link 3 Name" content=""/>
  23. <!--[if (lte IE 8)]><script type="text/javascript" src="//html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
  24.  
  25. <link href="//netdna.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css" rel="stylesheet">
  26.  
  27. <style type="text/css">
  28. body {
  29. color: #eee;
  30. font-size: 12px;
  31. line-height: 100%;
  32. font-weight: normal;
  33. letter-spacing: 0px;
  34. background: #ff8484 url('//static.tumblr.com/ohnymtu/oMXoewbik/20.png');
  35. background-repeat: repeat-x;
  36. background-position: top left;
  37. background-attachment: fixed;
  38. background-size: contain;
  39. font-family: {font:Body};
  40. }
  41.  
  42. .wrapper {
  43. width: 1328px;
  44. margin: 0;
  45. }
  46. .main {
  47. width: 1056px;
  48. float: right;
  49. }
  50.  
  51. ul#posts {
  52. margin-top: 25px;
  53. }
  54.  
  55. a {
  56. color: #eee;
  57. text-decoration: none;
  58. }
  59.  
  60. a:hover {
  61. color: #ddd;
  62. text-decoration: none;
  63. }
  64.  
  65. ul {
  66. list-style-type: none;
  67. padding-left: 0;
  68. }
  69.  
  70. /* headings */
  71. h1 {
  72. font-size: 20px;
  73. line-height: 20px;
  74. font-family: {font:Body};
  75. color: #ff88b8;
  76. background-color: transparent;
  77. margin-top: 15px;
  78. margin-left: 0px;
  79. margin-bottom: -5px;
  80. padding: 0px;
  81. text-align: center;
  82. font-weight: normal;
  83. text-transform: uppercase;
  84. text-decoration: none;
  85. }
  86. h1 a, h1 a:hover, h3 a, h3 a:hover, h4 a, h4 a:hover {
  87. color: #ff88b8;
  88. text-decoration: none;
  89. }
  90. h2, h3 {
  91. color: #ff88b8;
  92. font-size: 14px;
  93. line-height: 14px;
  94. padding: 5px 15px 0px 15px;
  95. margin-bottom: 0px;
  96. text-align: center;
  97. font-family: {font:Body};
  98. font-weight: normal;
  99. text-transform: uppercase;
  100. }
  101. h4 {
  102. color: #ff88b8;
  103. font-size: 14px;
  104. line-height: 14px;
  105. padding: 5px 18px 20px 18px;
  106. margin-bottom: 0px;
  107. text-align: center;
  108. font-family: {font:Body};
  109. font-weight: normal;
  110. text-transform: uppercase;
  111. }
  112.  
  113. /* header */
  114. header {
  115. background-color: #222;
  116. width: 220px;
  117. height: 100%;
  118. float: left;
  119. position: fixed;
  120. margin-top: -8px;
  121. margin-left: -10px;
  122. text-align: center;
  123. }
  124.  
  125. .profile-photo {
  126. width: 100px;
  127. height: 100px;
  128. border-radius: 50% 50% 0px 50%;
  129. border: 2px solid #ff88b8;
  130. }
  131.  
  132. p#description {
  133. font-size: 12px;
  134. line-height: 100%;
  135. color: #eee;
  136. text-align: center;
  137. margin-left: 0px;
  138. padding: 10px 0px;
  139. background-color: transparent;
  140. text-transform: normal;
  141. }
  142.  
  143. nav {
  144. color: #eee;
  145. background-color: transparent;
  146. padding: 0px;
  147. clear: both;
  148. margin-top: 20px;
  149. }
  150.  
  151. ul.sidelinks li {
  152. color: #eee;
  153. display: block;
  154. }
  155. a.sidelink {
  156. width: 201px;
  157. color: #ccc;
  158. text-align: right;
  159. display: block;
  160. padding: 10px 18px 8px 18px;
  161. margin: 0px 0px 0px -18px;
  162. font-family: {font:Body};
  163. font-size: 9px;
  164. line-height: 13px;
  165. text-decoration: none;
  166. text-transform: uppercase;
  167. letter-spacing: 1px;
  168. background-color: #222;
  169. -webkit-transition: all 0.5s ease;
  170. -moz-transition: all 0.5s ease;
  171. -ms-transition: all 0.5s ease;
  172. -o-transition: all 0.5s ease;
  173. transition: all 0.5s ease;
  174. border-bottom: 2px solid #ff88b8;
  175. border-radius: 0px 25px 25px 0px;
  176. }
  177. a.sidelink:hover {
  178. width: 218px;
  179. color: #eee;
  180. background-color: #252525;
  181. text-decoration: none;
  182. border-bottom: 2px solid #ff8484;
  183. margin: 0px 0px 0px -18px;
  184. }
  185.  
  186. .post iframe {
  187. display: block;
  188. max-width: 100%;
  189. }
  190.  
  191. .photo iframe {
  192. background: url('http://static.tumblr.com/ohnymtu/oMXoewbik/20.png') !important;
  193. }
  194.  
  195. /* main post styles */
  196. .post {
  197. background-color: #222;
  198. width: 250px;
  199. float: left;
  200. position: relative;
  201. margin-bottom: 14px;
  202. margin-left: 7px;
  203. margin-right: 7px;
  204. overflow: hidden;
  205. -webkit-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.3);
  206. -moz-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.3);
  207. box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.3);
  208. }
  209.  
  210. .answer .content {
  211. background-color: rgba(0,0,0,0.1);
  212. }
  213.  
  214. /* adds padding to things in a post */
  215. .content {
  216. padding: 20px;
  217. font-size: 11px;
  218. line-height: 120%;
  219. }
  220. .content2 {
  221. padding: 0px 20px 20px 20px;
  222. font-size: 11px;
  223. line-height: 120%;
  224. }
  225.  
  226. /* text post styles */
  227. .text p {
  228. font-size: 11px;
  229. line-height: 120%;
  230. text-align: justify;
  231. -webkit-hyphens: auto;
  232. -moz-hyphens: auto;
  233. -ms-hyphens: auto;
  234. -o-hyphens: auto;
  235. hyphens: auto;
  236. padding: 5px;
  237. margin: 2px;
  238. }
  239. .text ul {
  240. list-style-type: square;
  241. font-size: 10px;
  242. padding-left: 20px;
  243. }
  244. blockquote {
  245. color: #eee;
  246. background-color: transparent;
  247. font-family: {font:Body};
  248. text-align: center;
  249. font-size: 12px;
  250. line-height: 100%;
  251. padding: 10px;
  252. margin: 8px 2px 2px 2px;
  253. border: 1px solid #ff88b8;
  254. }
  255.  
  256. .post img {
  257. background-color: none;
  258. max-width: 100%;
  259. height: auto;
  260. display: block;
  261. }
  262.  
  263. .photo-post-photo {
  264. background-color: none;
  265. width: 250px;
  266. height: auto;
  267. display: block;
  268. }
  269.  
  270. /* who even uses chat posts? */
  271. .chati {
  272. font-size: 13px;
  273. line-height: 16px;
  274. }
  275. .chati .label {
  276. font-weight: bold;
  277. text-align: right;
  278. }
  279. .chati li {
  280. border-bottom: 0px solid #fff;
  281. padding-top: 6px;
  282. padding-bottom: 6px;
  283. }
  284. .chati li:last-child {
  285. border-bottom: none;
  286. }
  287.  
  288. a img.credit {
  289. position: fixed;
  290. bottom: 0;
  291. right: 0;
  292. }
  293.  
  294. /* if upscale small images is off, under 400px/700px wide images will have a background */
  295. .imgback {
  296. background-color: {color:Background};
  297. }
  298.  
  299. /* contain text images */
  300. .text p img {
  301. max-width: 100%;
  302. }
  303.  
  304. /* shown on the permalink page; has notes, source, and time posted */
  305. .perma-info {
  306. color: #eee;
  307. background-color: transparent;
  308. font-size: 12px;
  309. line-height: 14px;
  310. padding: 10px 14px 5px 14px;
  311. overflow: hidden;
  312. }
  313. .perma-info a {
  314. color: #eee;
  315. text-decoration: none;
  316. }
  317. .perma-info a:hover {
  318. color: #eee;
  319. text-decoration: none;
  320. }
  321.  
  322. /* notes stuff */
  323. ol.notes {
  324. list-style-type: none;
  325. padding-left: 0;
  326. }
  327. .note {
  328. padding: 2px;
  329. }
  330. .note:last-child {
  331. border-bottom: 0;
  332. margin-bottom: 10px;
  333. }
  334. .note blockquote {
  335. color: #eee;
  336. background-color: transparent;
  337. border: none;
  338. }
  339.  
  340. .index-info {
  341. background-color: rgba(24,24,24,0.85);
  342. font-family: {font:Body};
  343. text-transform: uppercase;
  344. text-align: left;
  345. font-size: 18px;
  346. line-height: 24px;
  347. color: #eee;
  348. padding: 10px 20px;
  349. border-bottom: 2px solid #ff88b8;
  350. }
  351.  
  352. .index-info a {
  353. color: #eee;
  354. }
  355. .index-info a:hover {
  356. color: #d5d5d5;
  357. text-decoration: none;
  358. }
  359.  
  360. .fa {
  361. padding: 0px 0px 0px 15px;
  362. }
  363.  
  364. .post .index-info {
  365. position: absolute;
  366. top: 0px;
  367. left: 0px;
  368. width: 210px;
  369. height: 24px;
  370. -webkit-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.3);
  371. -moz-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.3);
  372. box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.3);
  373. -webkit-opacity: 0;
  374. -moz-opacity: 0;
  375. opacity: 0;
  376. -webkit-transition: all 1s ease;
  377. -moz-transition: all 1s ease;
  378. -ms-transition: all 1s ease;
  379. -o-transition: all 1s ease;
  380. transition: all 1s ease;
  381. }
  382. .post:hover .index-info {
  383. -webkit-opacity: 1;
  384. -moz-opacity: 1;
  385. opacity: 1;
  386. }
  387.  
  388. /* remove blank space from bottom of photoset posts */
  389. iframe.photoset {
  390. display: block;
  391. }
  392.  
  393. /* line */
  394. hr {
  395. clear: both;
  396. border: 0;
  397. border-bottom: 1px solid rgba(255,255,255,0.15);
  398. margin: 20px 5px;
  399. }
  400.  
  401. /*stylized.adorablethemes.com*/
  402.  
  403. /* fix height of element with floats inside */
  404. .clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
  405. .clearfix:after { clear: both; }
  406. .clearfix { zoom: 1; }
  407.  
  408. /* remove border on linked images in IE */
  409. a img {
  410. border: 0;
  411. }
  412.  
  413. /* you shouldn't see this div if infinite scroll is on */
  414. div.pagination {
  415. background-color: none;
  416. margin-bottom: 10px;
  417. clear: both;
  418. text-align: center;
  419. }
  420.  
  421. /* previous and next page buttons */
  422. #previous, #next, .page-info {
  423. color: #eee;
  424. font-family: {font:Body};
  425. font-size: 10px;
  426. font-weight: normal;
  427. padding: 7px 10px 5px 10px;
  428. text-transform: uppercase;
  429. text-decoration: none;
  430. background-color: #222;
  431. border-radius: 25px;
  432. }
  433. #previous:hover, #next:hover {
  434. background-color: #383838;
  435. }
  436.  
  437. /* icons next to notes */
  438. .reblog {background: transparent url('http://static.tumblr.com/ohnymtu/Vo3oewol9/reblog-white.png') right center no-repeat;}
  439. .like {background: transparent url('http://static.tumblr.com/ohnymtu/5lvoewokz/like-white.png') right center no-repeat;}
  440.  
  441. /* special styling for permalink pages */
  442. {block:PermalinkPage}
  443.  
  444. .wrapper {
  445. width: 782px;
  446. }
  447.  
  448. .main {
  449. width: 510px;
  450. border: none;
  451. }
  452. .post {
  453. float: none;
  454. width: 500px;
  455. border: none;
  456. background-color: none;
  457. }
  458.  
  459. .post img {
  460. width: 500px;
  461. height: auto;
  462. opacity: 1;
  463. padding: 0px;
  464. }
  465.  
  466. {/block:PermalinkPage}
  467.  
  468. /* make sure avatars don't get huge */
  469. img.avatar {
  470. width: 30px;
  471. height: 30px;
  472. vertical-align: middle;
  473. display: inline;
  474. margin-right: 5px;
  475. border-radius: 50% 50% 0px 50%;
  476. border: 2px solid #ff88b8;
  477. }
  478.  
  479. {CustomCSS}
  480. </style>
  481. </head>
  482. <body>
  483. <header class="clearfix">
  484.  
  485. <div class="content">
  486.  
  487. <a href="/">
  488. {block:IfProfilePhotoImage}<img class="profile-photo" src="{image:Profile Photo}" alt="" />{/block:IfProfilePhotoImage}
  489. {block:IfNotProfilePhotoImage}<img class="profile-photo" src="{PortraitURL-128}" alt="" />{/block:IfNotProfilePhotoImage}
  490. </a>
  491.  
  492. <h1>{Title}</h1>
  493.  
  494. {block:Description}
  495. <p id="description">{Description}</p>
  496. {/block:Description}
  497.  
  498. <hr />
  499.  
  500. <nav class="clearfix">
  501. <ul class="sidelinks">
  502.  
  503. <a class="sidelink" href="/">Home <i class="fa fa-home"></i></a>
  504.  
  505. {block:HasPages}
  506. {block:Pages}
  507. <a class="sidelink" href="{URL}">{Label} <i class="fa fa-file-o"></i></a>
  508. {/block:Pages}
  509. {/block:HasPages}
  510.  
  511. {block:AskEnabled}<a class="sidelink" href="/ask">{AskLabel} <i class="fa fa-question"></i></a>{/block:AskEnabled}
  512.  
  513. {block:SubmissionsEnabled}<a class="sidelink" href="/submit">{SubmitLabel} <i class="fa fa-pencil"></i></a></a>{/block:SubmissionsEnabled}
  514.  
  515. {block:IfShowArchiveLink}<a class="sidelink" href="/archive">{lang:Archive} <i class="fa fa-folder-o"></i></a>{/block:IfShowArchiveLink}
  516.  
  517. {block:IfShowRandomLink}<a class="sidelink" href="/random">{lang:Random} <i class="fa fa-random"></i></a>{/block:IfShowRandomLink}
  518.  
  519. {block:IfCustomLink1URL}
  520. <a class="sidelink" href="{text:Custom Link 1 URL}" target="_blank">{text:Custom Link 1 Name} <i class="fa fa-circle-o"></i></a>
  521. {/block:IfCustomLink1URL}
  522.  
  523. {block:IfCustomLink2URL}
  524. <a class="sidelink" href="{text:Custom Link 2 URL}" target="_blank">{text:Custom Link 2 Name} <i class="fa fa-circle-o"></i></a>
  525. {/block:IfCustomLink2URL}
  526.  
  527. {block:IfCustomLink3URL}
  528. <a class="sidelink" href="{text:Custom Link 3 URL}" target="_blank">{text:Custom Link 3 Name} <i class="fa fa-circle-o"></i></a>
  529. {/block:IfCustomLink3URL}
  530.  
  531. <a class="sidelink" href="http://stylizedthemes.tumblr.com/" target="_blank" title="Get this theme!">Theme <i class="fa fa-plus"></i></a>
  532. </ul>
  533. </nav>
  534.  
  535. </div>
  536. </header>
  537. <div class="wrapper">
  538.  
  539. <div class="main">
  540.  
  541. <ul id="posts">
  542. {block:Posts}
  543. <li class="post {PostType}">
  544.  
  545. {block:Text}
  546. {block:Title}
  547. <h3>{Title}</h3>
  548. {/block:Title}
  549.  
  550. <div class="content">{Body}</div>
  551. {/block:Text}
  552.  
  553.  
  554. {block:Answer}
  555. <div class="content">
  556. <img class="avatar" style="float:left" src="{AskerPortraitURL-30}"/>
  557. <p>{lang:Asker asked}: <b>{Question}</b></p>
  558. </div>
  559.  
  560. <div class="content2">{Answer}</div>
  561. {/block:Answer}
  562.  
  563.  
  564. {block:Photo}
  565. {block:IndexPage}
  566. <div class="imgback"><center><a href="{Permalink}"><img src="{PhotoURL-250}" alt="{PhotoAlt}" /></a></center></div>
  567. {/block:IndexPage}
  568. {block:PermalinkPage}
  569. <div class="imgback"><center>{LinkOpenTag}<img src="{PhotoURL-1280}" alt="{PhotoAlt}" />{LinkCloseTag}</center></div>
  570. {/block:PermalinkPage}
  571.  
  572. {block:PermalinkPage}{block:Caption}
  573. <div class="content">{Caption}</div>
  574. {/block:Caption}{/block:PermalinkPage}
  575. {/block:Photo}
  576.  
  577.  
  578. {block:Photoset}
  579. {block:IndexPage}
  580. {Photoset-250}
  581. {/block:IndexPage}
  582. {block:PermalinkPage}
  583. {Photoset-500}
  584. {/block:PermalinkPage}
  585.  
  586. {block:PermalinkPage}{block:Caption}
  587. <div class="content">{Caption}</div>
  588. {/block:Caption}{/block:PermalinkPage}
  589. {/block:Photoset}
  590.  
  591.  
  592. {block:Quote}
  593. <div class="content"><blockquote>"{Quote}"</blockquote>
  594.  
  595. {block:Source}
  596. <p style="text-align: right">&mdash; {Source}</p></div>
  597. {/block:Source}
  598. {/block:Quote}
  599.  
  600.  
  601. {block:Link}
  602. <h4><a href="{URL}" class="link-post-link" {Target}>{Name} &rarr;</a></h4>
  603.  
  604. {block:Description}
  605. <div class="content2">{Description}</div>
  606. {/block:Description}
  607. {/block:Link}
  608.  
  609.  
  610. {block:Chat}
  611. {block:Title}
  612. <h3><a href="{Permalink}">{Title}</a></h3>
  613. {/block:Title}
  614. <div class="content">
  615. <ul class="chati">
  616. {block:Lines}
  617. <li class="{Alt} user_{UserNumber}">
  618. {block:Label}
  619. <span class="label">{Label}</span>
  620. {/block:Label}
  621.  
  622. <span class="line">{Line}</span>
  623. </li>
  624. {/block:Lines}
  625. </ul>
  626. </div>
  627. {/block:Chat}
  628.  
  629.  
  630. {block:Video}
  631. {block:IndexPage}
  632. {Video-250}
  633. {/block:IndexPage}
  634. {block:PermalinkPage}
  635. {Video-500}
  636. {/block:PermalinkPage}
  637.  
  638. {block:Caption}
  639. <div class="content">{Caption}</div>
  640. {/block:Caption}
  641. {/block:Video}
  642.  
  643.  
  644. {block:Audio}
  645. {block:IndexPage}
  646. {AudioEmbed-250}
  647. {/block:IndexPage}
  648. {block:PermalinkPage}
  649. {AudioEmbed-500}
  650. {/block:PermalinkPage}
  651.  
  652. {block:PermalinkPage}{block:Caption}
  653. <div class="content">{Caption}</div>
  654. {/block:Caption}{/block:PermalinkPage}
  655. {/block:Audio}
  656.  
  657.  
  658.  
  659.  
  660. {block:IndexPage}
  661. <div class="index-info">
  662. <a class="postnotes" href='{Permalink}'>{NoteCount}</a>
  663. <a style="float: right; text-align: right" href="{ReblogURL}"><i class="fa fa-refresh" ></i></a>
  664.  
  665. <a style="float: right; text-align: right" href="{Permalink}"><i class="fa fa-link" ></i></a>
  666.  
  667. </div>
  668. {/block:IndexPage}
  669.  
  670. {block:PermalinkPage}
  671. {block:PermalinkPagination}
  672. <div class="perma-info">
  673.  
  674. <!--<div class="reblog-button">-->
  675. <!-- <a href="{ReblogURL}"><i class="fa fa-retweet"></i>-->
  676. <!--</div>-->
  677.  
  678. {block:Date}<a style="float:right; text-align: right" class="timeago" href='{Permalink}'>{TimeAgo}</a>{/block:Date}
  679.  
  680. {block:PostNotes}<a class="postnotes" href='{Permalink}'>{NoteCountWithLabel}</a>{/block:PostNotes}
  681. {block:ContentSource}&nbsp;&mdash;&nbsp;<a href="{SourceURL}">Source</a>{/block:ContentSource}
  682. {block:RebloggedFrom} (<a href="{ReblogParentURL}">via</a>){/block:RebloggedFrom}
  683.  
  684. {block:PostNotes}
  685. <hr />
  686. {PostNotes-64}
  687. {/block:PostNotes}
  688. </div>
  689. {/block:PermalinkPagination}
  690. {/block:PermalinkPage}
  691.  
  692.  
  693. </li>
  694. {/block:Posts}
  695. </ul>
  696. <div class="pagination">
  697. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}" id="next">&laquo; {lang:Previous Page}</a> {/block:PreviousPage}
  698.  
  699. <span class="page-info">{lang:CurrentPage of TotalPages}</span>
  700.  
  701. {block:NextPage}<a href="{NextPage}" id="next">{lang:Next Page} &raquo;</a>{/block:NextPage}{/block:Pagination}
  702. </div>
  703. </div>
  704. </div>
  705. <a href="http://stylizedthemes.tumblr.com/" alt="Tumblr Themes" title="Get this theme!"><img class="credit" src="//i.imgur.com/0jHzlR4.jpg" alt="" /></a>
  706. {block:IndexPage}
  707. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
  708. {block:IfInfiniteScrolling}<script src="//static.tumblr.com/anzluor/98Ymoinyd/jquery.infinitescroll.min.js"></script>{/block:IfInfiniteScrolling}
  709. <script src="//static.tumblr.com/anzluor/Np0nv9fs0/masonry.pkgd.min.js"></script>
  710. <script>
  711. $(function(){
  712. var container = $('ul#posts');
  713.  
  714. container.imagesLoaded( function(){
  715. container.masonry({
  716. itemSelector : 'li.post'
  717. });
  718. });
  719.  
  720. {block:IfInfiniteScrolling}
  721. container.infinitescroll({
  722. navSelector : 'div.pagination',
  723. nextSelector : 'div.pagination a#next',
  724. itemSelector : 'li.post',
  725. },
  726. function( newElements ) {
  727. var $newElems = $( newElements ).css({ opacity: 0 });
  728. $newElems.imagesLoaded(function(){
  729. $newElems.animate({ opacity: 1 });
  730. container.masonry( 'appended', $newElems, true );
  731. });
  732. }
  733. );
  734. {/block:IfInfiniteScrolling}
  735. });
  736. </script>
  737. {/block:IndexPage}
  738.  
  739. </body>
  740. </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!