API tools faq
paste
Advertisement
Beautifully-Flawless

Theme 72: Savannah

Beautifully-Flawless
Oct 24th, 2013
1,111
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.27 KB | None | 0 0
raw download clone embed print report
  1. <!-- Theme 71- Savannah, Made By Beautifully-Flawless/Vanilla-Beaux -->
  2. <!--PLEASE KEEP CREDIT-->
  3. <!--PLEASE KEEP CREDIT-->
  4. <!--PLEASE KEEP CREDIT-->
  5. <!--PLEASE KEEP CREDIT-->
  6. <!--PLEASE KEEP CREDIT-->
  7. <html>
  8. <head>
  9.  
  10. <!--DO NOT DELETE THIS CODING-->
  11.  
  12. <script type="text/javascript"src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  13.  
  14. <!--DO NOT DELETE THIS CODING-->
  15.  
  16. <title>{Title}</title>
  17. <link rel="shortcut icon" href="{favicon}">
  18. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  19. {block:Description}<meta name="description"content="{MetaDescription}"/>{/block:Description}
  20.  
  21.  
  22. <!--Variables-->
  23. <meta name="color:Scrollbar" content="#ddd" />
  24. <meta name="color:Background" content="#fff" />
  25. <meta name="color:Text" content="#000" />
  26. <meta name="color:Links" content="#2E2E2E" />
  27. <meta name="color:Posts Bg" content="#fff" />
  28. <meta name="color:Posts Border" content="#ddd" />
  29. <meta name="color:Permalink Bg" content="#fff" />
  30. <meta name="color:Permalink Border" content="#ddd" />
  31. <meta name="color:Permalink Text" content="#888" />
  32. <meta name="color:Posts Header" content="#333" />
  33. <meta name="color:Asker Border" content="#ddd" />
  34. <meta name="color:Blockquote Bg" content="#eee" />
  35. <meta name="color:Blockquote Border" content="#ddd" />
  36. <meta name="color:Sidepic Bg" content="#fff" />
  37. <meta name="color:Sidepic Border" content="#ddd" />
  38. <meta name="color:Des Bg" content="#fff" />
  39. <meta name="color:Navigation" content="#666" />
  40. <meta name="color:Blogtitle Bg" content="#fff" />
  41. <meta name="color:Blogtitle Border" content="#ddd" />
  42. <meta name="color:Blogtitle Text" content="#999" />
  43.  
  44. <meta name="image:Background" content="http://static.tumblr.com/gdh5wux/7ycm7ilxu/tumblr_m3sd2thac11qhxwq3.png" />
  45. <meta name="image:Bar" content="http://static.tumblr.com/gdh5wux/C63mp0c8k/white_bushy_flowers.jpg" />
  46. <meta name="image:Posts" content="http://24.media.tumblr.com/tumblr_m0ce1aJAdF1rr1mfbo3_250.png" />
  47. <meta name="image:Sidebar" content="http://static.tumblr.com/1ba0d2a5f3728c91352aee53f3e9f9c1/aorjzw7/WJsmrovku/tumblr_static_cara.jpg" />
  48.  
  49. <meta name="text:Link 1 URL" content="/submit" />
  50. <meta name="text:Link 2 URL" content="/links" />
  51. <meta name="text:Link 1" content="Submit" />
  52. <meta name="text:Link 2" content="Links" />
  53. <meta name="text:Stats 1" content="INSERT STAT HERE" />
  54. <meta name="text:Stats 2" content="INSERT STAT HERE" />
  55. <!--Variables-->
  56.  
  57. <style type="text/css">
  58.  
  59. ::-webkit-scrollbar {width: 9px; height: 4px;}
  60. ::-webkit-scrollbar-thumb { background-color:{color:Scrollbar};-webkit-box-shadow: inset 0 0 12px #000;-webkit-border-radius: 6px;border-radius: 6px;}
  61.  
  62. #tumblr_controls{
  63. position:fixed !important;
  64. -webkit-filter: invert(100%);
  65. }
  66.  
  67. @font-face { font-family: "silkscreen"; src: url('http://static.tumblr.com/1kdckk4/9yjlolf0w/slkscr.ttf'); }
  68.  
  69. @font-face { font-family: "bebas neue"; src: url('http://static.tumblr.com/cvlbtjz/cnsln9tpp/bebasneue.otf'); }
  70.  
  71. @font-face { font-family: "oregano"; src: url('http://static.tumblr.com/gdh5wux/mmimerymw/oregano-regular.ttf'); }
  72.  
  73. @font-face { font-family: "silkscreen"; src: url('http://static.tumblr.com/1kdckk4/9yjlolf0w/slkscr.ttf'); }
  74.  
  75. @font-face { font-family: "discipuli"; src: url('http://static.tumblr.com/gdh5wux/MN6moz1m2/discipuli.ttf'); }
  76.  
  77. @font-face { font-family:"Elegant"; src: url('http://static.tumblr.com/zruguhm/k34mpyt1x/elegantlight.ttf'); }
  78.  
  79. @font-face { font-family:"quicksand"; src: url('http://static.tumblr.com/fxpo5zq/ad0m5vybr/quicksand_light.otf'); }
  80.  
  81. @font-face { font-family: "Espacio"; src: url('http://static.tumblr.com/gdh5wux/cPLmoz1ma/espacio.ttf');}
  82.  
  83. @font-face { font-family: "ornaments"; src: url('http://static.tumblr.com/xzx3ohu/uuCmf1uxb/another_ornaments_tfb_1_.ttf'); }
  84.  
  85. @font-face { font-family: "promocyja"; src: url('http://static.tumblr.com/gdh5wux/88Smoz1xf/promocyja.ttf'); }
  86.  
  87. body {
  88. background-color:{color:Background};
  89. background-attachment:fixed;
  90. background-repeat:repeat;
  91. background-position:center;
  92. background-image:url('{image:Background}');
  93. margin:0px;
  94.  
  95. }
  96.  
  97. body, div, p, textarea, submit, input {
  98. font-family:"Calibri";
  99. font-size:10px;
  100. line-height:12px;
  101. color:{color:Text};
  102. text-transform:none;
  103. }
  104.  
  105. a:link, a:active, a:visited{
  106. color:{color:Links};
  107. text-decoration: none;
  108. -webkit-transition: color 0.5s ease-out;
  109. -moz-transition: color 0.5s ease-out;
  110. transition: color 0.5s ease-out;
  111. }
  112.  
  113. a:hover{
  114. -webkit-transition: color 0.5s ease-out;
  115. -moz-transition: color 0.5s ease-out;
  116. transition: color 0.5s ease-out;
  117. text-shadow:0px 0px 20px #A4A4A4;
  118. }
  119.  
  120. div#posts {
  121. float:left;
  122. width:650px;
  123. z-index:99;
  124. margin-top:50px;
  125. margin-left:420px;
  126. padding:6px;
  127. background-image:url('{image:Posts}');
  128. background-attachment:fixed;
  129. border:2px solid #ddd;
  130. }
  131.  
  132. .entry {
  133. float:left;
  134. margin:5px;
  135. padding:6px;
  136. overflow:hidden;
  137. background-color:{color:Posts Bg};
  138. border:1px solid {color:Posts Border};
  139. box-shadow: 0px 1px 3px #aaa;
  140. {block:IndexPage}
  141. width:300px;
  142. {/block:IndexPage}
  143. {block:PermalinkPage}
  144. width:500px;
  145. padding:12px;
  146. margin-left:60px;
  147. {/block:PermalinkPage}
  148. -webkit-transition: opacity 0.9s linear;
  149. -webkit-transition: all 0.9s ease-in-out;
  150. -moz-transition: all 0.9s ease-in-out;
  151. -o-transition: all 0.9s ease-in-out;
  152. }
  153.  
  154. .entry:hover #permalink{
  155. bottom:20px;
  156. opacity:1.0;
  157. -webkit-transition: opacity 0.3s ease-out;
  158. -webkit-transition: all 0.3s ease-out;
  159. -moz-transition: all 0.3s ease-out;
  160. transition: all 0.3s ease-out;
  161. }
  162.  
  163. #permalink{
  164. position:absolute;
  165. background:{color:Permalink Bg};
  166. border:3px solid {color:Permalink Border};
  167. width:283px;
  168. height:20px;
  169. bottom:0px;
  170. float:center;
  171. padding:6px;
  172. opacity:0.0;
  173. font-family:'calibri';
  174. font-size:8px;
  175. line-height:10px;
  176. text-align:center;
  177. letter-spacing:1px;
  178. text-transform:uppercase;
  179. -webkit-transition: opacity 0.6s ease-out;
  180. -webkit-transition: all 0.6s ease-out;
  181. -moz-transition: all 0.6s ease-out;
  182. transition: all 0.6s ease-out;
  183. }
  184.  
  185. #info{
  186. font-family:'silkscreen';
  187. color:{color:Permalink Text};
  188. font-size:8px;
  189. text-align:right;
  190. line-height:15px;
  191. margin-top:1px;
  192. border-top:1px dotted {color:Permalink Border};
  193. text-transform:uppercase;
  194. }
  195.  
  196. #infscr-loading{
  197. bottom: -70px;
  198. position: absolute;
  199. left: 50%;
  200. margin-left:-8px;
  201. width:16px;
  202. height:11px;
  203. overflow:hidden;
  204. margin-bottom: 50px;
  205. }
  206.  
  207. .title{
  208. color:{color:Posts Header};
  209. font-size:30px;
  210. line-height:30px;
  211. text-align:center;
  212. text-transform:none;
  213. font-family:'Espacio';
  214. border-bottom:1px dotted #ddd;
  215. text-shadow:1px 0px 2px #000;
  216. }
  217.  
  218. .quote{
  219. font-family:'oregano';
  220. font-size:15px;
  221. text-transform:none;
  222. line-height:25px;
  223. text-align:right;
  224. color:#aaa;
  225. }
  226.  
  227. asker{
  228. font-family:'oregano';
  229. font-size:10px;
  230. text-transform:uppercase;
  231. color:#888;
  232. line-height:20px;
  233. }
  234.  
  235. #ask{
  236. padding:3px;
  237. font-family:'silkscreen';
  238. font-size:8px;
  239. text-transform:uppercase;
  240. color:#999;
  241. }
  242.  
  243. .askerimg img{
  244. width:40px;
  245. align:left;
  246. float:left;
  247. padding:3px;
  248. background:{color:Asker Border};
  249. margin-right:6px;
  250. border-radius:30px;
  251. box-shadow:0px 1px 1px #888;
  252. }
  253.  
  254. #askbox{
  255. overflow:auto;
  256. padding:4px;
  257. border-radius:30px;
  258. border:2px solid {color:Asker Border};
  259. box-shadow:0px 1px 1px #888;
  260. }
  261.  
  262. blockquote{
  263. padding:0px 0px 2px 5px;
  264. margin:0px 0px 2px 10px;
  265. border-left: 7px solid {color:Blockquote Border};
  266. background:{color:Blockquote Bg};
  267. }
  268.  
  269. ul, ol, li{list-style:circle; margin:5px; margin-left:10px; padding-left:3px;}
  270. .user_1 .label, .user_4 .label, .user_7 .label, .user_2 .label, .user_5 .label, .user_8 .label, .user_3 .label, .user_6 .label,
  271. .user_9 .label {color:text};}
  272.  
  273. .notes img{width:10px; position:relative; top:3px;}
  274.  
  275. #back{
  276. background-image: url('{image:Bar}');
  277. position:fixed;
  278. width:100%;
  279. height:120px;
  280. top:180px;
  281. left:0px;
  282. padding:6px;
  283. border-top:6px solid #ddd;
  284. border-bottom:6px solid #ddd;
  285. z-index:-99;
  286. -webkit-transition: opacity 0.7s linear;
  287. -webkit-transition: all 0.7s ease-in-out;
  288. -moz-transition: all 0.7s ease-in-out;
  289. -o-transition: all 0.7s ease-in-out;
  290. }
  291.  
  292. #sidepic{
  293. position:fixed;
  294. width:200px;
  295. height:200px;
  296. top:60px;
  297. left:10px;
  298. padding:6px;
  299. background:{color:Sidepic Bg};
  300. border:2px solid {color:Sidepic Border};
  301. border-radius:150px;
  302. -webkit-transition: opacity 0.7s linear;
  303. -webkit-transition: all 0.7s ease-in-out;
  304. -moz-transition: all 0.7s ease-in-out;
  305. -o-transition: all 0.7s ease-in-out;
  306. }
  307.  
  308. #sidepic img{
  309. width:100%;
  310. height:100%;
  311. z-index:2000;
  312. border-radius:150px;
  313. }
  314.  
  315. #sidepic:hover #linksbox{
  316. opacity:1;
  317. background: rgba(255,255,255,0.7);
  318. -webkit-transition: opacity 0.7s linear;
  319. -webkit-transition: all 0.7s ease-in-out;
  320. -moz-transition: all 0.7s ease-in-out;
  321. -o-transition: all 0.7s ease-in-out;
  322. }
  323.  
  324. #linksbox{
  325. position:absolute;
  326. width:200px;
  327. height:200px;
  328. top:0px;
  329. left:0px;
  330. padding:6px;
  331. z-index:9999;
  332. opacity:0;
  333. border-radius:150px;
  334. -webkit-transition: opacity 0.7s linear;
  335. -webkit-transition: all 0.7s ease-in-out;
  336. -moz-transition: all 0.7s ease-in-out;
  337. -o-transition: all 0.7s ease-in-out;
  338. }
  339.  
  340. #des{
  341. position:fixed;
  342. width:200px;
  343. height:50px;
  344. top:250px;
  345. left:200px;
  346. padding:6px;
  347. color:#444;
  348. z-index:3000;
  349. background:{color:Des Bg};
  350. font-style:italic;
  351. text-align:center;
  352. line-height:11px;
  353. box-shadow:0px 1px 4px #aaa;
  354. }
  355.  
  356. #stats{
  357. position:fixed;
  358. width:180px;
  359. height:10px;
  360. top:220px;
  361. left:220px;
  362. padding:6px;
  363. color:#444;
  364. z-index:3000;
  365. background:{color:Des Bg};
  366. font-style:italic;
  367. text-align:center;
  368. line-height:10px;
  369. box-shadow:0px 1px 4px #aaa;
  370. }
  371.  
  372. div.navigate a{
  373. margin-bottom:16px;
  374. margin-top:25px;
  375. float:center;
  376. display:block;
  377. font-family:'Elegant';
  378. color:{color:Navigation};
  379. font-size:20px;
  380. text-align:center;
  381. text-transform:uppercase;
  382. -webkit-transition: opacity 0.7s linear;
  383. -webkit-transition: all 0.7s ease-in-out;
  384. -moz-transition: all 0.7s ease-in-out;
  385. -o-transition: all 0.7s ease-in-out;
  386. }
  387.  
  388. #blogtitle{
  389. position:fixed;
  390. background:{color:Blogtitle Bg};
  391. border-bottom:4px solid {color:Blogtitle Border};
  392. width:655px;
  393. height:40px;
  394. padding:6px;
  395. left:420px;
  396. top:0px;
  397.  
  398. font-family:'Elegant';
  399. font-size:50px;
  400. line-height:50px;
  401. color:{color:Blogtitle Text};
  402. text-align:center;
  403. z-index:99999999;
  404. text-shadow:3px 0px 7px #888;
  405. }
  406.  
  407.  
  408. {CustomCSS}
  409. </style>
  410. <body>
  411.  
  412. <div id="back"></div>
  413.  
  414. <div id="blogtitle">{title}</div>
  415.  
  416. <div id="sidepic">
  417. <div id="linksbox">
  418. <div class="navigate">
  419. <a href="/">Refresh</a>
  420. <a href="/ask">Message</a>
  421. <a href="{text:Link 1 URL}">{text:Link 1}</a>
  422. <a href="{text:Link 2 URL}">{text:Link 2}</a>
  423. <a href="http://vanillabeaux.co.vu/">Credit</a>
  424. </div>
  425. </div>
  426. <img src="{image:Sidebar}">
  427. </div>
  428.  
  429. <div id="des">{Description}</div>
  430. <div id="stats">{text:Stats 1} + {text:Stats 2}</div>
  431.  
  432. <img style="position:fixed;width:300px;left:5px;top:325px;z-index:-999;" src="http://media.tumblr.com/4c411865ecf9958d4bd44179e71e8dd6/tumblr_inline_mq0i8n5fjZ1rqir0v.png">
  433.  
  434. <img style="position:fixed;width:160px;left:260px;top:0px;z-index:-99999;" src="http://media.tumblr.com/462d0b52a7061fb8062b566301623c32/tumblr_inline_mq0i8yMhrL1rqir0v.gif">
  435.  
  436. <div id="posts">
  437. {block:Posts}
  438. <div class="entry">
  439.  
  440. {block:Text}
  441. {block:Title}
  442. <div class="title">{Title}</div>
  443. {/block:Title}
  444. <span class="entrytext">{Body}</span>
  445. <div id="info">
  446. <a href="{Permalink}"><a href="{permalink}">{NoteCountWithLabel}</a> . <a href="{ReblogURL}" target="_blank"> reblog</a> . {timeago}
  447. </div>
  448. {/block:Text}
  449.  
  450. {block:Link}
  451. <div class="title"><a href="{URL}">{Name}</a></div>
  452. {block:Description}
  453. {Description}
  454. {/block:Description}
  455. <div id="info">
  456. <a href="{Permalink}"><a href="{permalink}">{NoteCountWithLabel}</a> . <a href="{ReblogURL}" target="_blank"> reblog</a> . {timeago}
  457. </div>
  458. {block:Link}
  459.  
  460. {block:Photo}
  461. {block:IndexPage}
  462. <div id="permalink">
  463. posted {timeago} / {dayofweek}, {shortmonth} {dayofmonth}{dayofmonthsuffix}
  464. <br>
  465. <a href="{Permalink}"><a href="{permalink}">{NoteCountWithLabel}</a> / <a href="{ReblogURL}" target="_blank"> reblog</a>&nbsp;
  466. </div>
  467. {LinkOpenTag}
  468. <div class="photo"><a href="{permalink}">
  469. <img src="{PhotoURL-HighRes}"alt="{PhotoAlt}"width="100%"/></a></div>
  470. {LinkCloseTag}
  471. {/block:IndexPage}
  472. {block:PermalinkPage}
  473. {LinkOpenTag}
  474. <a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="500"/></a>
  475. {LinkCloseTag}
  476. {/block:PermalinkPage}
  477. {/block:Photo}
  478.  
  479. {block:Photoset}
  480. {block:IndexPage}
  481. <div id="permalink">
  482. posted {timeago} / {dayofweek}, {shortmonth} {dayofmonth}{dayofmonthsuffix}
  483. <br>
  484. <a href="{Permalink}"><a href="{permalink}">{NoteCountWithLabel}</a> / <a href="{ReblogURL}" target="_blank"> reblog</a>&nbsp;
  485. </div>
  486. {Photoset-250}
  487. {/block:IndexPage}
  488. {block:PermalinkPage}
  489. <center>
  490. {Photoset-500}
  491. </center>
  492. {/block:PermalinkPage}
  493. {/block:Photoset}
  494.  
  495. {block:Quote}
  496. {Quote}
  497. </span>
  498. {block:Source}
  499. <div class="quote">{Source}</div>
  500. {/block:Source}
  501. <div id="info">
  502. <a href="{Permalink}"><a href="{permalink}">{NoteCountWithLabel}</a> . <a href="{ReblogURL}" target="_blank"> reblog</a> . {timeago}
  503. </div>
  504. {/block:Quote}
  505.  
  506. {block:Chat}
  507. {block:Title}
  508. <span class="title">{Title}</span>
  509. {/block:Title}
  510. <ul class="chat">
  511. {block:Lines}
  512. <li class="user_{UserNumber}">
  513. {block:Label}
  514. <span class="label">{Label}</span>
  515. {/block:Label}
  516. {Line}
  517. </li>
  518. {/block:Lines}
  519. </ul>
  520. <div id="info">
  521. <a href="{Permalink}"><a href="{permalink}">{NoteCountWithLabel}</a> . <a href="{ReblogURL}" target="_blank"> reblog</a> . {timeago}
  522. </div>
  523. {/block:Chat}
  524.  
  525. {block:Audio}
  526. <center>
  527. <div style="width:350px;height:30px;">
  528. <div style="float:left">{AudioPlayerWhite}</div>
  529. <div style="margin-top:10px; float:right;">
  530. {block:ExternalAudio}
  531. {/block:ExternalAudio}
  532. </div></div>
  533. </center>
  534. <div id="info">
  535. <a href="{Permalink}"><a href="{permalink}">{NoteCountWithLabel}</a> . <a href="{ReblogURL}" target="_blank"> reblog</a> . {timeago}
  536. </div>
  537. {/block:Audio}
  538.  
  539. {block:Video}
  540. {block:IndexPage}
  541. <center>
  542. {Video-250}
  543. </center>
  544. <div id="info">
  545. <a href="{Permalink}"><a href="{permalink}">{NoteCountWithLabel}</a> . <a href="{ReblogURL}" target="_blank"> reblog</a> . {timeago}
  546. </div>
  547. {/block:IndexPage}
  548. {block:PermalinkPage}
  549. <center>
  550. {Video-500}
  551. </center>
  552. {/block:PermalinkPage}
  553. {block:Video}
  554.  
  555. {block:Answer}
  556. <div id="askbox">
  557. <div class="askerimg"><img src="{AskerPortraitURL-40}"></div>
  558. <asker>{Asker}:</asker>
  559. <div id="ask">{Question}</div>
  560. </div>
  561. {Answer}
  562. <div id="info">
  563. <a href="{Permalink}"><a href="{permalink}">{NoteCountWithLabel}</a> . <a href="{ReblogURL}" target="_blank"> reblog</a> . {timeago}
  564. </div>
  565. {/block:Answer}
  566.  
  567. {block:PermalinkPage}
  568. <center>
  569. <br>
  570.  
  571. {block:Caption}
  572. {Caption}
  573. {/block:Caption}
  574.  
  575. {block:ContentSource}
  576. <a href="{SourceURL}"> </a>
  577. {block:ContentSource}
  578.  
  579. {block:RebloggedFrom}
  580. <a href="{ReblogParentURL}"> </a>
  581. <a href="{ReblogRootURL}"> </a>
  582. {/block:RebloggedFrom}
  583.  
  584. {block:NoteCount}
  585. {NoteCountWithLabel}
  586. {/block:NoteCount}
  587.  
  588. {block:HasTags}
  589. &middot;
  590. {block:Tags}
  591. <a href="TagURL">#{Tag}</a>
  592. {/block:Tags}
  593. {/block:hasTags}
  594. </center>
  595. {/block:PermalinkPage}
  596.  
  597.  
  598. {block:PostNotes}
  599. <div style="height:300px; overflow-y:scroll; overflow-x:hidden;">
  600. <div align="left">{PostNotes}</div>
  601. </div>
  602. {/block:PostNotes}
  603. </div>
  604.  
  605. {/block:Posts}
  606. </div>
  607. </div>
  608.  
  609. {block:IndexPage}
  610. {block:Pagination}
  611. <div id="pagination">
  612. {block:NextPage}
  613. <a id="nextPage" href="{NextPage}"></a>
  614. {/block:NextPage}
  615. {block:PreviousPage}
  616. <a href="{PreviousPage}"></a>
  617. {/block:PreviousPage}
  618. </div>
  619. {/block:Pagination}
  620. {/block:IndexPage}
  621.  
  622. {block:IndexPage}
  623. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  624. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  625.  
  626. <script type="text/javascript">
  627. $(window).load(function () {
  628. var $content = $('#posts');
  629. $content.masonry({itemSelector: '.entry'}),
  630. $content.infinitescroll({
  631. navSelector : 'div#pagination',
  632. nextSelector : 'div#pagination a#nextPage',
  633. itemSelector : '.entry',
  634. loading: {
  635. finishedMsg: '',
  636. img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
  637. },
  638. bufferPx : 600,
  639. debug : false,
  640. },
  641. // call masonry as a callback.
  642. function( newElements ) {
  643. var $newElems = $( newElements );
  644. $newElems.hide();
  645. // ensure that images load before adding to masonry layout
  646. $newElems.imagesLoaded(function(){
  647. $content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(400);} );
  648.  
  649.  
  650. });
  651. });
  652. });
  653. </script>
  654. {/block:IndexPage}
  655. </div>
  656. </body>
  657. </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!