Advertisement
wildthemes

akira theme

Nov 6th, 2012
562
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.92 KB | None | 0 0
  1.  
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  3. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  4.  
  5.  
  6. <!--
  7. akira theme by wildthemes. do not remove credits, themes take alot of time and effort to make, you will be reported if you're seen using this theme with no credits.-->
  8.  
  9. <!--This work is licensed under a Creative Commons Attribution 3.0 Unported License.
  10.  
  11. taking credits off/stealing/using my themes as a basecode is illegal.-->
  12.  
  13.  
  14. <!--To enable infinite/endless scrolling in the two/three column version, you must change posts per page to 15 by going on customize, scroll down to advance and change posts per page to 15 -->
  15.  
  16. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  17. <head>
  18. <meta name="if:Two Columns" content="0"/>
  19. <meta name="if:Three Columns" content="1"/>
  20. <meta name="color:Body font" content="#000000"/>
  21. <meta name="color:Links" content="#ff9c00"/>
  22. <meta name="color:Link hover" content="eccc84"/>
  23. <meta name="color:Background" content="#ff9c00"/>
  24. <meta name="color:Content" content="#f3f3f3"/>
  25. <meta name="color:Button link text" content="#000000"/>
  26. <meta name="image:Background image" content="0"/>
  27. <meta name="image:Sidebar image" content="0"/>
  28. <meta name="image:Button background" content="http://static.tumblr.com/hhvcsio/3YMm1s0zd/2_rainbow_backgrounddddddd.jpg"/>
  29. <meta name="if:Show blog title" content="1"/>
  30. <meta name="if:Show links" content="1"/>
  31. <meta name="if:Kewl font" content="0"/>
  32. <meta name="if:Show sidebar image" content="1"/>
  33. <meta name="text:Link one" content="" />
  34. <meta name="text:Link one title" content="Link 1" />
  35. <meta name="text:Link two" content="" />
  36. <meta name="text:Link two title" content="Link 2" />
  37. <meta name="text:Link three" content="" />
  38. <meta name="text:Link three title" content="Link 3" />
  39. <meta name="text:Link four" content="" />
  40. <meta name="text:Link four title" content="Link 4" />
  41. <meta name="text:Link five" content="" />
  42. <meta name="text:Link five title" content="Link 5" />
  43. <meta name="text:Link six" content="" />
  44. <meta name="text:Link six title" content="Link 6" />
  45. <meta name="text:Link seven" content="" />
  46. <meta name="text:Link seven title" content="Link 7" />
  47. <title>{title}</title>
  48.  
  49.  
  50. <link rel="shortcut icon" href="{Favicon}">
  51. {block:Description}
  52. <meta name="description" content="{MetaDescription}"/>
  53. {/block:Description}
  54. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"></script>
  55. <link rel="stylesheet" type="text/css" href="http://static.tumblr.com/cpaytv3/nKOlyumhg/reset.css">
  56. <style type="text/css">
  57. html, body, {
  58. font-family: {block:ifCutefont}'short'{/block:ifCutefont}{block:ifnotCutefont}arial{/block:ifnotCutefont};
  59. }
  60.  
  61.  
  62.  
  63. body {
  64. color: {color:Body font};
  65. background:{color:Background}
  66. url({image:background image});
  67. background-attachment: fixed;
  68. background-repeat: repeat;
  69. font-family: {block:ifKewlfont}'short stack'; font-size: 10px;{/block:ifKewlfont}{block:ifnotKewlfont}calibri; font-size: 11px; {/block:ifnotKewlfont};
  70. line-height: 113%;
  71. }
  72.  
  73. ::-webkit-scrollbar-thumb:vertical {
  74. background-color:{color:Links};
  75. height:auto;-webkit-border-radius:10px;border:1px dashed {color:Body font};
  76.  
  77. }
  78.  
  79. ::-webkit-scrollbar-thumb:horizontal {
  80. background-color:{color:Links};
  81. height:6px !important;-webkit-border-radius:10px;border:1px dashed {color:Body font};
  82.  
  83. }
  84.  
  85. ::-webkit-scrollbar {
  86. height:6px;
  87. width:6px;
  88. background-color:{color:Background};
  89. -webkit-border-radius:10px;
  90. }
  91.  
  92. @font-face {font-family:"Pacifico"; src:url('http://static.tumblr.com/9wzbixa/D3Wlyw7u4/pacifico.ttf');}
  93.  
  94.  
  95. .linkies{font-family:littlefont;
  96. text-shadow: 0 0 0.2em {color:Content}, 0 0 0.2em {color:Content};
  97. text-transform:uppercase;
  98. color:{color:Button link text};
  99. margin-left:0px;
  100. margin-bottom:4px;
  101. background: #7d7d7d url('{image:Button background}');
  102. background-position: 0 0;
  103. display: inline-block;
  104. font-size: 8px;
  105. line-height: 25px;
  106. height: 25px;
  107. width: 80px;
  108. overflow: hidden;
  109. -webkit-transition: all 0.9s ease-out;
  110. -moz-transition: all 0.9s ease;
  111. -o-transition: all 0.9s ease;
  112. }
  113.  
  114. .linkies:hover { background-position: 0 150px;-webkit-transition: all 0.9s ease-out; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease;}
  115.  
  116.  
  117. @font-face{
  118. font-family:"short stack";
  119. src: url('http://static.tumblr.com/9nfl7hr/XQom5w68s/shortstack-regular.ttf');
  120. }
  121.  
  122.  
  123. @font-face { font-family: "littlefont"; src: url('http://static.tumblr.com/4yxykdm/NMJlre6xz/04b_03___1_.ttf'); }
  124. #infscr-loading {
  125. position: absolute;
  126. bottom: 0;
  127. left: 25%;}
  128.  
  129.  
  130. a:link, a:active, a:visited{
  131. color:{color:Links};
  132. text-decoration: none;
  133. }
  134.  
  135.  
  136. a:hover {
  137. color:{color:Link hover};
  138. text-decoration: none;-webkit-transition: all 0.9s ease-out; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease;
  139. }
  140.  
  141.  
  142. ul {
  143. display: block;
  144. list-style-type: disc;
  145. -webkit-margin-before: 1em;
  146. -webkit-margin-after: 1em;
  147. -webkit-margin-start: 0px;
  148. -webkit-margin-end: 0px;
  149. -webkit-padding-start: 20px;
  150. }
  151.  
  152.  
  153. .title{font-family: 'pacifico';
  154. font-size: 28px;
  155. line-height: 35px;
  156. color: {color: title};
  157. padding:0px 0px 0px 0px;
  158. text-transform: none;
  159. -webkit-transition: all .3s ease-out;
  160. -moz-transition: all .3s ease-out;transition: all .3s ease-out;
  161. }
  162.  
  163. #tumblr_controls{
  164. position:fixed z-index:9999999999;;
  165. }
  166.  
  167.  
  168. #content {
  169.  
  170. {block:ifTwoColumns} width: 800px;{/block:ifTwoColumns}
  171. {block:ifThreeColumns} width: 900px;{/block:ifThreeColumns}
  172. margin-left:170px; margin-top:8px;
  173.  
  174. }
  175. #contain {
  176. width: 940px;
  177.  
  178. margin: -7px auto;
  179. }
  180.  
  181.  
  182. #sidebar {
  183. padding: 1px;
  184. margin-left: -130px;
  185. width: 290px;
  186. overflow: hidden;
  187. text-align: center;
  188. position: fixed;
  189. top: 5px;
  190.  
  191. background-color:{color:Content};
  192. }
  193.  
  194.  
  195. ol.notes img {
  196. width: 16px;
  197. display: inline;
  198. position: relative;
  199. top: 3px;
  200. }
  201.  
  202.  
  203.  
  204. .entry {
  205. overflow: hidden;
  206. float: left;
  207. {block:indexpage}
  208. width:550px;
  209. {block:ifTwoColumns}width:350px;{/block:ifTwoColumns}
  210. {block:ifThreeColumns}width:250px;{/block:ifThreeColumns} margin: 2px;
  211. {/block:indexpage}
  212. {block:permalinkpage}
  213. width: 500px;
  214. margin: 5px;
  215. {/block:permalinkpage}
  216. display: block;
  217. padding:5px;
  218. background:{color:Content};
  219. }
  220.  
  221.  
  222.  
  223. .entry img {
  224.  
  225. display: block;
  226. }
  227.  
  228.  
  229.  
  230.  
  231. .entry:hover .details {
  232. opacity: 1.0;
  233. margin:12px 0px 0px 0px;
  234. filter: alpha(opacity = 100);
  235. -webkit-transition: all .25s ease-in-out;
  236. -moz-transition: all .25s ease-in-out;
  237. -o-transition: all .25s ease-in-out;
  238. transition: all .25s ease-in-out;
  239. }
  240.  
  241.  
  242.  
  243. #pagination{
  244. display:none;
  245. }
  246.  
  247.  
  248.  
  249. .clear {
  250. clear: both;
  251. }
  252.  
  253.  
  254. .drawer {
  255. list-style: none;}
  256. #topmenu {
  257. margin: 5px;
  258. }
  259.  
  260.  
  261.  
  262. #description {
  263. position: relative;
  264. }
  265.  
  266. .textperma {
  267. color: #000000;
  268. padding-top: 0px;
  269. padding-bottom: 0px;
  270. font-size: 10px;
  271. text-align: center;
  272. opacity: 0;
  273. filter: alpha(opacity = 0);
  274. -webkit-transition: all ease-in 250ms;
  275. -moz-transition: all ease-in 250ms;
  276. -o-transition: all ease-in 250ms;
  277. -ms-transition: all ease-in 250ms;
  278. transition: all ease-in 250ms;
  279.  
  280. }
  281.  
  282. blockquote, q {
  283. quotes: "«" "»" "'" "'";
  284. padding: 2px;
  285. background: #dfdfdf;
  286. margin: 2px 0px;
  287. }
  288.  
  289.  
  290. li.drawer a {
  291. margin: 0px 5px;}
  292.  
  293.  
  294.  
  295. .an {
  296. text-align:left;
  297. padding-left:5px;
  298. color:black;
  299. padding-right:5px;
  300. border-left: 2px solid #000000;
  301. border-right: 2px solid #000000;
  302. background-color:#dfdfdf;
  303. }
  304.  
  305.  
  306. .text {
  307. padding: 2px;
  308. }
  309.  
  310.  
  311.  
  312. .entry:hover .textperma {
  313. opacity: 1;
  314. filter: alpha(opacity = 100);
  315. -webkit-transition: all ease-in 250ms;
  316. -moz-transition: all ease-in 250ms;
  317. -o-transition: all ease-in 250ms;
  318. -ms-transition: all ease-in 250ms;
  319. transition: all ease-in 250ms;
  320. }
  321.  
  322.  
  323.  
  324. .askb {float: left; margin: 0px;padding: 0px 5px 5px 0px; background: #eee}
  325.  
  326.  
  327. .blogtitle a {
  328. font-family: 'pacifico';
  329. font-size: 30px;
  330. line-height: 130%;
  331. color:{color:Links};
  332. }
  333.  
  334.  
  335. .blogtitle a:hover {
  336. color:{color:Link hover};}
  337.  
  338.  
  339. .wildthemes a {color:{color:Links}}
  340.  
  341. .entry .wildthemes{
  342. position:absolute;
  343. width:100%;
  344. padding:5px;
  345. margin-left: 0px;
  346. overflow:hidden;
  347. top: 0px;text-transform:uppercase;
  348. font-family: {block:ifKewlfont}'short stack'; font-size: 10px;{/block:ifKewlfont}{block:ifnotKewlfont}calibri; font-size: 11px; {/block:ifnotKewlfont};
  349.  
  350. text-align:center;
  351.  
  352. opacity:0.0;
  353.  
  354. -webkit-transition: all 0.3s linear;
  355. -moz-transition: all 0.3s linear;
  356. transition: all 0.3s linear;
  357. background-color:{color:Content};
  358.  
  359.  
  360. }
  361. @font-face { font-family: "littlefont"; src: url('http://static.tumblr.com/4yxykdm/NMJlre6xz/04b_03___1_.ttf'); }
  362.  
  363. .entry:hover .wildthemes{
  364. overflow:visible;
  365. -webkit-transition: opacity 0.5s linear; opacity: 0.8;
  366. transition: all 0.4s linear;
  367. margin-left: 0px;
  368. width:100%;
  369. background-color:{color:Content};
  370. height: auto;
  371. top: 10px;
  372.  
  373. padding:5px;
  374.  
  375. opacity:0.9;
  376. font-family: {block:ifKewlfont}'short stack'; font-size: 10px;{/block:ifKewlfont}{block:ifnotKewlfont}calibri; font-size: 11px; {/block:ifnotKewlfont};
  377. -webkit-transition: all 0.3s linear;
  378. -moz-transition: all 0.3s linear;
  379. transition: all 0.3s linear; }
  380. }
  381.  
  382. .entry:hover .wildthemes:hover{
  383. opacity: 1;
  384. width:auto;
  385. -webkit-transition: all 0.5s linear;
  386. -moz-transition: all 0.5s linear;
  387. transition: all 0.5s linear; -moz-box-shadow: 0 0 15px {color:glow colour};
  388.  
  389. display: inline-block;
  390.  
  391. }
  392.  
  393. .perma2 {
  394. text-transform:uppercase;
  395. padding-top:3px;
  396. border:1px solid #bbbbba;
  397. text-align:right;
  398. float: right;
  399. opacity:0;
  400. width: 100%;
  401. font-size: 8px;
  402. line-height: 120%;
  403. letter-spacing:px;
  404. font-family:'littlefont' }
  405.  
  406. .entry:hover .perma2{
  407. -webkit-transition: all .25s ease-in-out;
  408. -moz-transition: all .25s ease-in-out;
  409. -o-transition: all .25s ease-in-out;
  410. transition: all .25s ease-in-out;
  411. text-transform:uppercase;
  412. padding-top:3px;
  413. border:1px solid #bbbbba;
  414. text-align:right;
  415. float: right;
  416. opacity:1;
  417. width: 100%;
  418. font-size: 8px;
  419. line-height: 120%;
  420. letter-spacing:px;
  421. font-family:'littlefont'
  422.  
  423. }
  424.  
  425.  
  426.  
  427. #description {
  428. background: {color:content};
  429. padding: 5px;
  430.  
  431.  
  432. }
  433.  
  434.  
  435.  
  436. .clearfix {
  437. clear: both;
  438. }
  439.  
  440.  
  441. .b {display : block; font-size: 8px;text-align: left;line-height: 15px; text-indent : 0px; vertical-align : middle; padding : 2px;
  442. padding-bottom : 0px;}
  443.  
  444. </style>
  445. </head>
  446. <body>
  447.  
  448.  
  449. <div id="contain">
  450. <div id="sidebar">
  451.  
  452. <div id="description">
  453.  
  454. {block:ifShowbanner}<a href="/"><img src="{image:banner}" width="279"></a>{/block:ifShowbanner}
  455.  
  456.  
  457. {block:ifShowblogtitle}<center><div class="blogtitle"><a href="/">{Title}</a></div>{/block:ifShowblogtitle}
  458.  
  459. {block:ifShowsidebarimage}<a title="" href="/"><img src="{image:Sidebar image}" width="279"></a>{/block:ifShowsidebarimage}<br>
  460. {Description}
  461.  
  462.  
  463. {block:ifShowlinks}
  464. <div style="padding-top:2px;">
  465.  
  466.  
  467. {block:AskEnabled}<a href="/ask"><div class="linkies">Ask</div></a>
  468. {/block:AskEnabled}
  469.  
  470. {block:SubmissionsEnabled}<a href="/submit"><div class="linkies">Submit</div></a>{/block:SubmissionsEnabled}
  471.  
  472. {block:HasPages}{block:Pages}<a href="{URL}"><div class="linkies"></div>{Label}</a>{/block:Pages}{/block:HasPages}
  473.  
  474. {block:ifLinkone}<a href="{text:Link one}"><div class="linkies">{text:Link one title}</div></a>
  475. {/block:ifLinkone}
  476. {block:ifLinktwo}<a href="{text:Link two}"><div class="linkies">{text:Link two title}</div></a>
  477. {/block:ifLinktwo}
  478. {block:ifLinkthree}<a href="{text:Link three}"><div class="linkies">{text:Link three title}</div></a>
  479. {/block:ifLinkThree}
  480. {block:ifLinkFour}<a href="{text:Link four}"><div class="linkies">{text:Link four title}</div></a>
  481. {/block:ifLinkFour}
  482. {block:ifLinkFive}<a href="{text:Link five}"><div class="linkies">{text:Link five title}</div></a>
  483. {/block:ifLinkFive}
  484. {block:ifLinkSix}<a href="{text:Link six}"><div class="linkies">{text:Link six title}</div></a>
  485. {/block:ifLinkSix}
  486. {block:ifLinkSeven}<a href="{text:Link seven}"><div class="linkies">{text:Link seven title}</div></a>{/block:ifLinkSeven}
  487. <a href="http://wildtribes.tumblr.com"><div class="linkies">credit</div></a>
  488. {/block:ifShowlinks}
  489.  
  490.  
  491. </div>
  492. </div>
  493. </div>
  494.  
  495. <div id="content">
  496.  
  497. {block:Posts}
  498.  
  499. <div class="entry">
  500.  
  501.  
  502.  
  503. {block:Text}
  504. <div class="text">
  505. {block:Title}
  506. <div class="title"><a href="{Permalink}">{Title}</a></div>
  507. {/block:Title}
  508. {Body}
  509. {block:IndexPage}<br>
  510. <div class="perma2"><p><a href="{permalink}">Posted {timeago} with {NoteCountwithLabel}</a> · <a href="{ReblogURL}" target="_blank">reblog</a> </div>
  511. {/block:IndexPage}
  512. </div>
  513. {/block:Text}
  514.  
  515.  
  516.  
  517. {block:Photo}
  518. {block:IndexPage}
  519. <div class="wildthemes"><a href="{ReblogURL}" target="_blank">reblog</a> | <a href="{Permalink}">{notecountwithlabel}</a> | <a href="{Permalink}">{timeago}</a></div>
  520.  
  521.  
  522. {/block:IndexPage}
  523. {block:indexpage}
  524. {LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/>{LinkCloseTag}
  525. {/block:indexpage}
  526. {block:permalinkpage}
  527. <center></center><a href="{PhotoURL-HighRes}"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a>
  528. {/block:permalinkpage}
  529. {/block:Photo}
  530.  
  531.  
  532.  
  533. {block:Photoset}
  534. {block:IndexPage}{Photoset-250}{/block:IndexPage}
  535. {block:IndexPage} <br>
  536. <div class="perma2"><p><a href="{permalink}">Posted {timeago} with {NoteCountwithLabel}</a> · <a href="{ReblogURL}" target="_blank">reblog</a> </div>
  537. {/block:IndexPage}
  538. {block:permalinkpage}
  539. {Photoset-500}
  540. {/block:permalinkpage}
  541. {/block:Photoset}
  542.  
  543.  
  544.  
  545.  
  546. {block:Quote}
  547. <div class="text">
  548. <div class="title">"{Quote}" </div>
  549. {block:Source}
  550. <div style="text-align:right">{Source}</div>
  551. {/block:Source}
  552. {block:IndexPage}<br>
  553. <div class="perma2"><p><a href="{permalink}">Posted {timeago} with {NoteCountwithLabel}</a> · <a href="{ReblogURL}" target="_blank">reblog</a> </div>
  554. {/block:IndexPage}
  555. </div>{/block:Quote}
  556.  
  557.  
  558.  
  559.  
  560. {block:Link}
  561. <div class="text">
  562. <div class="title"><a href="{URL}" class="link" {Target}>{Name}</a> </div>
  563. {block:Description}
  564. <div class="description">{Description}</div>
  565. {/block:Description}
  566. <p>
  567. {block:IndexPage}<br>
  568. <div class="perma2"><p><a href="{permalink}">Posted {timeago} with {NoteCountwithLabel}</a> · <a href="{ReblogURL}" target="_blank">reblog</a> </div>
  569. {/block:IndexPage}
  570.  
  571. </div>{/block:Link}
  572.  
  573.  
  574.  
  575.  
  576. {block:Chat}
  577. <div class="text">
  578. {block:Title}
  579. <div class="title"> <a href="{Permalink}">{Title}</a></div>
  580. {/block:Title}
  581. <ul class="chat">
  582. {block:Lines}
  583. <li class="{Alt} user_{UserNumber}"> {block:Label}<span style="text-transform:uppercase"> <span class="label">{Label}</span></span> {/block:Label}
  584. {Line} </li>
  585. {/block:Lines}
  586. </ul>
  587. {block:IndexPage}<br>
  588. <div class="perma2"><p><a href="{permalink}">Posted {timeago} with {NoteCountwithLabel}</a> · <a href="{ReblogURL}" target="_blank">reblog</a> </div>
  589. {/block:IndexPage}
  590. </div>{/block:Chat}
  591.  
  592.  
  593.  
  594.  
  595. {block:Video}
  596. {block:IndexPage}{Video-250}{/block:IndexPage}
  597. {block:IndexPage}<br>
  598. <div class="perma2"><p><a href="{permalink}">Posted {timeago} with {NoteCountwithLabel}</a> · <a href="{ReblogURL}" target="_blank">reblog</a> </div>
  599. {/block:IndexPage}
  600. {block:permalinkpage}
  601. {Video-250}
  602. {/block:permalinkpage}
  603. {/block:Video}
  604.  
  605.  
  606.  
  607.  
  608. {block:Audio}
  609. <div class="text">
  610. {AudioPlayerGrey}
  611. {block:Caption}
  612. {Caption}
  613. {/block:Caption}
  614. {block:IndexPage}<br>
  615. <div class="perma2"><p><a href="{permalink}">Posted {timeago} with {NoteCountwithLabel}</a> · <a href="{ReblogURL}" target="_blank">reblog</a> </div>
  616. {/block:IndexPage}
  617. </div>{/block:Audio}
  618.  
  619.  
  620.  
  621.  
  622. {block:Answer}<img src="{AskerPortraitURL-48}" align="left" class="asssborder"><div class="asss"><span></span>{Asker}: {Question}&nbsp;</div>{Answer}
  623. {block:IndexPage}<br>
  624. <div class="perma2"><p><a href="{permalink}">Posted {timeago} with {NoteCountwithLabel}</a> · <a href="{ReblogURL}" target="_blank">reblog</a> </div>
  625. {/block:IndexPage}
  626. {/block:Answer}
  627.  
  628.  
  629.  
  630. {block:PermalinkPage}
  631. <center>
  632. <br>{block:Caption}{Caption}{/block:Caption}{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}</center>
  633.  
  634.  
  635. {/block:PermalinkPage}
  636.  
  637.  
  638. {block:PostNotes}{PostNotes}
  639. {/block:PostNotes}
  640. </div>
  641.  
  642.  
  643. {/block:Posts}
  644.  
  645. <div class="clear"></div>
  646. </div>
  647.  
  648. {block:Pagination}
  649. <ul id="pagination">
  650. {block:PreviousPage}
  651. <li><a href="{PreviousPage}"></a></li>
  652. {/block:PreviousPage}
  653. {block:JumpPagination length="5"}
  654. {block:CurrentPage}
  655. <li><span class="current_page numbersNav"><strong>{PageNumber}</strong></span></li>
  656. {/block:CurrentPage}
  657. {block:JumpPage}
  658. <li><a class="jump_page numbersNav" href="{URL}">{PageNumber}</a></li>
  659. {/block:JumpPage}
  660. {/block:JumpPagination}
  661. {block:NextPage}
  662. <li><a id="nextPage" href="{NextPage}"></a></li>
  663. {/block:NextPage}
  664. </ul>
  665. {/block:Pagination}
  666. {block:IndexPage}
  667.  
  668.  
  669. <script src="http://static.tumblr.com/twte3d7/H8Glm663z/masonry.js"></script>
  670.  
  671.  
  672. <script src="http://static.tumblr.com/twte3d7/0pellzh2t/infinitescroll.js"></script>
  673.  
  674.  
  675.  
  676.  
  677. {block:IndexPage}
  678. <script type="text/javascript">
  679. $(window).load(function () {
  680. $('#content').masonry(),
  681. $('.masonryWrap').infinitescroll({
  682. navSelector : '#pagination',
  683. nextSelector : '#pagination a#nextPage',
  684. itemSelector : ".entry, .clear",
  685. bufferPx : 200,
  686. loadingText : "<em></em>",
  687. },
  688. function() { $('#content').masonry({ appendedContent: $(this) }); }
  689. );
  690. });
  691. </script>
  692. {/block:IndexPage}
  693.  
  694. <script type="text/javascript" src="http://static.tumblr.com/o0thhnj/LCDma95ko/infinite.txt">
  695.  
  696.  
  697. </body>
  698.  
  699. </div>
  700. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement