API tools faq
paste
Advertisement
Beautifully-Flawless

Theme 66: Anne

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