API tools faq
paste
Advertisement
eruhption

theme blog basecode by eruhption/volcanicthemes

eruhption
Apr 5th, 2016
985
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 20.01 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <head>
  3. <!---theme blog base code by http://eruhption.tumblr.com/
  4. you dont need to leave any credit, edit this as much as you would like! enjoy.
  5.  
  6. 4/5/16- finished
  7.  
  8. -Hannah-->
  9.  
  10. <!--meta tags-->
  11. <meta name="image:background" content=""/>
  12. <meta name="font:Font" content="Avalon"/>
  13. <meta name="font:Title" content="Helvetica"/>
  14. <meta name="color:Background" content="#fff"/>
  15.  
  16. <meta name="color:Accent Color" content="#cdd8d7"/>
  17. <meta name="color:Posts" content="#fff"/>
  18. <meta name="color:Text" content="#888"/>
  19. <meta name="color:Borders" content="#eee"/>
  20.  
  21. <meta name="text:Ask Title" content="ask"/>
  22. <meta name="text:Link 2 URL" content="https://"/>
  23. <meta name="text:Link 2 Title" content="link 2"/>
  24. <meta name="text:Link 3 URL" content="https://"/>
  25. <meta name="text:Link 3 Title" content="link 3"/>
  26. <meta name="text:Link 4 URL" content="https://"/>
  27. <meta name="text:Link 4 Title" content="link 4"/>
  28.  
  29. <meta name="text:Title Size" content="25px"/>
  30. <meta name="text:Font Size" content="13px"/>
  31.  
  32. <meta name="if:Header" content="1"/>
  33. <meta name="if:PermalinksOnHover" content="1"/>
  34. <meta name="if:Infinitescroll" content="1"/>
  35. <meta name="if:ShowCaption" content="1"/>
  36. <!--end-->
  37.  
  38. <!--masonry-- (dont remove unless you want wierd columns-->
  39. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  40. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  41. <!--end-->
  42.  
  43. <style type="text/css">
  44. /*makes images in texts posts stay in the box*/
  45. iframe, img, embed, object, video {
  46. max-width: 100%;
  47. }
  48. /*how the tumblr controls look like */
  49. .tmblr-iframe{
  50. position:fixed;
  51. z-index:99999999999999999999999999999999 !important;
  52. }
  53. img {
  54. height: auto;
  55. width: auto;
  56. }
  57. /*like the motherboard of HTML, 1 change here, effects everything */
  58. body{
  59. background-color:{color:background};
  60. background-image:url({image:Background});
  61. background-attachment:fixed;
  62. font-family:{font:font};
  63. font-size:{text:font size};
  64. color:{color:text};
  65. }
  66.  
  67. /*any link on your blog will look like how you style this */
  68. a:link, a:visited{
  69. color:{color:accent color};
  70. text-decoration:none;
  71. -webkit-transition: all 0.7s ease;
  72. -moz-transition: all 0.7s ease;
  73. -o-transition: all 0.7s ease;
  74. }
  75.  
  76. a:hover {
  77. color:{color:text};
  78. text-decoration: none;
  79. -webkit-transition: all 0.7s ease;
  80. -moz-transition: all 0.7s ease;
  81. -o-transition: all 0.7s ease;
  82. }
  83. /*blogtitle */
  84. #blogtitle{
  85. font-family:{font:title};
  86. font-size:{text:title size};
  87. text-align:center;
  88. text-transform:uppercase;
  89. margin-bottom:5px;
  90. }
  91.  
  92. #blogtitle a{
  93. color:{color:accent color};
  94. }
  95. #blogtitle a:hover{
  96. color:{color:text};
  97. }
  98.  
  99. /*style for titles of text posts*/
  100. h2{
  101. font-weight: normal;
  102. }
  103. h2 a{
  104. font-weight: normal;
  105. color:{color:text};
  106. }
  107. h2 a:hover{
  108. color:{color:text};
  109. }
  110. /*style of ask box title and captions*/
  111. p{
  112. text-align:left;
  113. color:{color:text};
  114. font-size:{text:font size};
  115. }
  116.  
  117. /*sidebar */
  118.  
  119. #sidebar{
  120. background-color:{color:posts};
  121. width:200px;
  122. height:100%;
  123. position:fixed;
  124. border:1px solid {color:borders};
  125. padding:5px;
  126. padding-top:60px;
  127. top:0;
  128. left:0;
  129. z-index:9;
  130. }
  131. /*description in sidebar */
  132. #description{
  133. text-align:center;
  134. }
  135. /*styling of header */
  136. #header{
  137. position:fixed;
  138. left:0;
  139. top:0;
  140. width:100%;
  141. height:auto;
  142. padding:10px;
  143. text-align:center;
  144. border-bottom:1px solid {color:borders};
  145. background-color:{color:accent color};
  146. z-index:9999999;
  147. }
  148. #header a{
  149. color:{color:text};
  150. }
  151.  
  152. /*styling of how the pagination at the bottom looks if you disable infinite scroll */
  153. .pagination {
  154. word-spacing:5px;
  155. bottom:0;
  156. margin-left:45%;
  157. width:15%;
  158. height:10px;
  159. position:fixed;
  160. font-size:13px;
  161. background-color:{color:posts};
  162. border:1px solid {color:borders};
  163. text-align: center;
  164. padding: 7px;
  165. z-index:999999999999 !important;
  166. }
  167.  
  168.  
  169.  
  170. .pagination a {
  171. color: {color:accent 1};
  172. text-decoration: none;
  173. }
  174.  
  175. .pagination a:hover {
  176. color: {color:hover};
  177. }
  178. /*styling of how navigation links look */
  179. .links {
  180. display:inline-block;
  181. padding:4px;
  182. color:{color:accent color};
  183.  
  184. }
  185. .links a{
  186. margin-right:5px;
  187. }
  188.  
  189. {block:ifinfinitescroll}
  190. .pagination {
  191. display: none;}
  192. {/block:ifinfinitescroll}
  193.  
  194.  
  195. /*what encases the entries. change the width to get more than 1 column */
  196. #container{
  197. margin-top:7%;
  198. width:500px;
  199. margin-left:32%;
  200. {block:PermalinkPage}
  201. margin-left:32%;
  202. width:500px;
  203. {/block:PermalinkPage}
  204. }
  205. /*post load effect. delete it if you dont want it */
  206. @-webkit-keyframes cssAnimation {
  207. from { -webkit-transform: rotate(0deg) scale(0.871) skew(0deg) translate(0px); }
  208. to { -webkit-transform: rotate(0deg) scale(1) skew(0deg) translate(0px); }
  209. }
  210. @-moz-keyframes cssAnimation {
  211. from { -moz-transform: rotate(0deg) scale(0.871) skew(0deg) translate(0px); }
  212. to { -moz-transform: rotate(0deg) scale(1) skew(0deg) translate(0px); }
  213. }
  214. @-o-keyframes cssAnimation {
  215. from { -o-transform: rotate(0deg) scale(0.871) skew(0deg) translate(0px); }
  216. to { -o-transform: rotate(0deg) scale(1) skew(0deg) translate(0px); }
  217. }
  218. /*1 singular post */
  219. .entry{
  220. background-color:{color:posts};
  221. font-family:{font:body text};
  222. text-align:left;
  223. z-index:9999;
  224. float:left;
  225. {block:IndexPage}
  226. width:500px;
  227. /*post load effect. delete it if you dont want it */
  228. -webkit-animation: cssAnimation 1s 1 ease-in-out;
  229. -moz-animation: cssAnimation 1s 1 ease-in-out;
  230. -o-animation: cssAnimation 1s 1 ease-in-out;
  231. /*end */
  232. {/block:IndexPage}
  233. {block:PermalinkPage}
  234. width:500px;
  235. {/block:PermalinkPage}
  236. overflow:hidden;
  237. margin:12px;
  238. padding:5px;
  239. border:1px solid {color:borders};
  240. }
  241. /*styling of permalinks on hover */
  242. {block:ifpermalinksonhover}
  243.  
  244. #perma{
  245. color:{color:accent color};
  246. border:1px solid {color:borders};
  247. width:auto;
  248. height:auto;
  249. padding:5px;
  250. margin-left:-20px;
  251. margin-top:10px;
  252. background-color:{color:posts};
  253. text-align:center;
  254. position:absolute;
  255. opacity:0;
  256. -webkit-transition: all 0.7s ease;
  257. -moz-transition: all 0.7s ease;
  258. -o-transition: all 0.7s ease;
  259. }
  260.  
  261. .entry:hover #perma{
  262. margin-left:10px;
  263. opacity:1;
  264. -webkit-transition: all 0.7s ease;
  265. -moz-transition: all 0.7s ease;
  266. -o-transition: all 0.7s ease;
  267. }
  268. {/block:ifpermalinksonhover}
  269.  
  270. .tumblr_audio_player {
  271. {block:IndexPage}
  272. width: 250px;
  273. {/block:IndexPage}
  274. {block:PermalinkPage}
  275. width:500px;
  276. {block:PermalinkPage}
  277. height: 100px;
  278. overflow: hidden;
  279. position: relative;
  280. }
  281.  
  282. /*styling of question posts */
  283. .question{
  284. color:{color:text};
  285. }
  286. .asker{
  287. }
  288. .asker a{
  289. color:{color:text};
  290. }
  291. .asker a:hover{
  292. color:{color:text};
  293. }
  294. .answerer{
  295. font-style: oblique;
  296. }
  297. .answer{
  298. font-style: oblique;
  299. }
  300.  
  301. /*change the color of the highlight*/
  302. ::-moz-selection { /* Code for Firefox */
  303. background: {color:posts};
  304. }
  305. ::selection {
  306. background: {color:posts};
  307. }
  308. /*this is the long line that separates the rebloggs' in posts */
  309. blockquote{
  310. padding:0px 0px 2px 5px;
  311. margin:0px 0px 2px 10px;
  312. border-left: 1px solid {color:borders};
  313. }
  314.  
  315. /*styling of how the notes will look on the permalink page*/
  316. #permpage{
  317. {block:PermalinkPage}
  318. width: 500px;
  319. height: 200px;
  320. overflow-y:scroll;
  321. position: relative;
  322. margin:5px;
  323. padding:2px;
  324. float:center;
  325. {/block:PermalinkPage}
  326. }
  327. /*the text at the bottom of all posts that says: "reblog NoteCount and details" */
  328. {block:IndexPage}
  329. .permalinktext {
  330. color:{color:accent color};
  331. line-height:3px;
  332. letter-spacing:1px;
  333. text-transform:none;
  334. text-align: center;
  335. margin: 5px;
  336. border-top:1px solid {color:accent color};
  337. padding-top:10px;
  338. {/block:IndexPage}
  339. {block:PermalinkPage}
  340. display:none;
  341. {/block:PermalinkPage}
  342. }
  343.  
  344. </style>
  345.  
  346. <!-- tab title--->
  347. <title>{Title}</title>
  348. <link rel="shortcut icon" href="{Favicon}">
  349. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  350. {block:Description}
  351. <meta name="description" content="{MetaDescription}" />
  352. {/block:Description}
  353.  
  354. <!---masonry--->
  355. {block:indexpage}
  356. {block:NextPage}<div id="page-nav"><a href="{NextPage}"></a></div>{/block:NextPage}
  357. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  358. <script type="text/javascript" src="http://static.tumblr.com/bswe8t6/UFVlryaq2/jquerymsnryv2.js"></script>
  359. <script type="text/javascript">
  360. $(window).load(function(){
  361. var $wall = $('#container');
  362. $wall.imagesLoaded(function(){
  363. $wall.masonry({
  364. itemSelector: '.entry, .entry_photo',
  365. isAnimated : false
  366. });
  367. });
  368.  
  369. $wall.infinitescroll({
  370. navSelector : '#page-nav',
  371. nextSelector : '#page-nav a',
  372. itemSelector : '.entry, .entry_photo',
  373. bufferPx : 2000,
  374. debug : false,
  375. errorCallback: function() {
  376. $('#infscr-loading').fadeOut('normal');
  377. }},
  378. {block:ifinfinitescroll}
  379. function( newElements ) {
  380. var $newElems = $( newElements );
  381. $newElems.hide();
  382. $newElems.imagesLoaded(function(){
  383. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  384. });
  385. }); $('#content').show(500);{/block:ifinfinitescroll}
  386. });
  387. </script>
  388. {/block:indexpage}
  389.  
  390. <!--end-->
  391.  
  392. </head>
  393.  
  394. <body>
  395.  
  396. <!-- header here--->
  397. {block:ifheader}
  398. <div id="header">
  399.  
  400.  
  401. <!-- header links here--->
  402.  
  403. <div align="center">
  404. <div class="links">
  405.  
  406. {block:AskEnabled}
  407. <a href="/ask" title="{text:Ask Title}">{text:ask title}</a> &middot &nbsp;{/block:AskEnabled}
  408.  
  409. <a href="{text:Link 2 URL}" title="{text:Link 2 Title}">{text:Link 2 Title}</a> &middot &nbsp;
  410. <a href="{text:Link 3 URL}" title="{text:Link 3 Title}">{text:Link 3 Title}</a>&middot&nbsp;
  411. <a href="{text:Link 4 URL}" title="{text:Link 4 Title}">{text:Link 4 Title}</a>&middot&nbsp;
  412.  
  413. </div></div></div>{/block:ifheader}
  414. <!-- sidebar here--->
  415. <div id="sidebar">
  416.  
  417. <!-- blogtitle inside sidebar--->
  418. <div id="blogtitle">
  419. <a href="/"title="refresh me blogg">{Title}</div></a>
  420.  
  421. {block:Description}
  422. <div id="description">{Description}</div>
  423. {/block:Description}
  424.  
  425. {block:ifnotheader}
  426. <div align="center">
  427. <div class="links">
  428.  
  429. {block:AskEnabled}
  430. <a href="/ask" title="{text:Ask Title}">{text:ask title}</a> &middot &nbsp;{/block:AskEnabled}
  431.  
  432. <a href="{text:Link 2 URL}" title="{text:Link 2 Title}">{text:Link 2 Title}</a> &middot &nbsp;
  433. <a href="{text:Link 3 URL}" title="{text:Link 3 Title}">{text:Link 3 Title}</a>&middot&nbsp;
  434. <a href="{text:Link 4 URL}" title="{text:Link 4 Title}">{text:Link 4 Title}</a>&middot&nbsp;
  435.  
  436. </div></div>
  437.  
  438. {/block:ifnotheader}
  439. </div>
  440. <!--container encasing entries--->
  441. <div id="container">
  442. <!-- EDIT POST TYPES HERE ON--->
  443. {block:Posts}
  444. <div class="entry">
  445. {block:Text}
  446. <!-- start of text posts--->
  447. <div class="post text">
  448. {block:Title}
  449. <h2><a href="{Permalink}">{Title}</a></h2>
  450. {/block:Title}{Body}
  451. </div> {block:IndexPage}
  452. <div class="permalinktext"> <a href="{Permalink}" title="Permalink">{NoteCountWithLabel}</a> <font color="#aaa">&middot</font> <a href="{ReblogURL}">Reblog</a> </div>
  453. {/block:IndexPage}
  454. {/block:Text}
  455. <!-- end of text posts--->
  456. {block:Photo}
  457.  
  458. <!-- start of photo posts--->
  459. <div class="post photo">
  460. {block:IndexPage}
  461.  
  462. <!-- if permalinks on hover is enabled the hover permalinks will appear (disable in appearance section)--->
  463. {block:ifpermalinksonhover}
  464. <div id="perma"><a href="{ReblogURL}">Reblog</a> &middot <a href="{Permalink}">Details</a></div>
  465. {/block:ifpermalinksonhover}
  466. <center>
  467. <a href="{Permalink}"> <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
  468. </a> </center>
  469.  
  470. <!-- if you have caption enabled captions on photo posts will show up here--->
  471. {block:ifshowcaption}
  472. {block:Caption}
  473.  
  474. {Caption}
  475.  
  476. {/block:Caption}
  477. {/block:ifshowcaption}
  478.  
  479. <!-- permalinktext under photo--->
  480. <div class="permalinktext"> <a href="{ReblogURL}">Reblog</a>&middot <a href="{Permalink}" title="Permalink">{NoteCountWithLabel}</a> &middot <a href="{Permalink}">Details</a> </div>
  481.  
  482.  
  483. {/block:IndexPage}{block:PermalinkPage}
  484. <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
  485. </a>
  486.  
  487. {/block:PermalinkPage}
  488. </div>
  489.  
  490. {/block:Photo}
  491. <!-- end of photo posts--->
  492. {block:Panorama}
  493.  
  494. <!-- start of panorama posts--->
  495. <div class="post panorama">
  496. {LinkOpenTag}
  497. <img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>
  498. {LinkCloseTag}
  499. </div> <div class="permalinktext"> <a href="{ReblogURL}">Reblog</a>&middot <a href="{Permalink}" title="Permalink">{NoteCountWithLabel}</a> &middot <a href="{Permalink}">Details</a> </div>
  500. {/block:Panorama}
  501. {block:Photoset}
  502. <!-- start of photoset posts--->
  503. {block:ifpermalinksonhover}
  504. <div id="Perma"><a href="{ReblogURL}">Reblog</a> &middot <a href="{Permalink}">Details</a></div>
  505. {/block:ifpermalinksonhover}
  506. <div class="post photoset">
  507. <center>
  508. {block:Photos}
  509. {block:Indexpage}<a href="{Permalink}"><img src="{PhotoURL-500}" width="500px" /></a>
  510. {/block:Indexpage}
  511. {block:PermalinkPage}<img src="{PhotoURL-500}" width="500px" />{/block:PermalinkPage}
  512. {/block:Photos}
  513. {block:IndexPage}
  514. {block:ifshowcaption}
  515. {block:Caption}
  516.  
  517. {Caption}
  518.  
  519. {/block:Caption}
  520. {/block:ifshowcaption}
  521. <div class="permalinktext"> <a href="{ReblogURL}">Reblog</a>&middot <a href="{Permalink}" title="Permalink">{NoteCountWithLabel}</a> &middot <a href="{Permalink}">Details</a> </div> {/block:IndexPage}
  522. </center>
  523. {/block:PermalinkPage}
  524. </div>
  525.  
  526. <!-- end of photoset posts--->
  527. {/block:Photoset}
  528. {block:Quote}
  529. <!-- start of quote posts--->
  530. <div class="post quote">
  531. "{Quote}"
  532.  
  533. {block:Source}
  534. <div class="source">{Source}</div>
  535. {/block:Source}
  536. </div> {block:IndexPage}
  537. <div class="permalinktext"> <a href="{Permalink}" title="Permalink">{NoteCountWithLabel}</a> <font color="#aaa">&middot</font> <a href="{ReblogURL}">Reblog</a> </div>
  538. {/block:IndexPage}
  539. {/block:Quote}
  540. <!-- end of quote posts--->
  541. {block:Link}
  542. <!-- start of link posts--->
  543. <div class="post link">
  544. <a href="{URL}" class="link" {Target}>{Name}</a>
  545.  
  546. {block:Description}
  547. <div class="description">{Description}</div>
  548. {/block:Description}
  549. </div> {block:IndexPage}
  550. <div class="permalinktext"> <a href="{Permalink}" title="Permalink">{NoteCountWithLabel}</a> <font color="#aaa">&middot</font> <a href="{ReblogURL}">Reblog</a> </div>
  551. {/block:IndexPage}
  552. {/block:Link}
  553.  
  554. <!-- end of link posts--->
  555.  
  556.  
  557. {block:Chat}
  558.  
  559. <!-- start of chat posts--->
  560. <div class="post chat">
  561. {block:Title}
  562. <h3><a href="{Permalink}">{Title}</a></h3>
  563. {/block:Title}
  564.  
  565. <div class="chat">
  566. {block:Lines}
  567. <div class="{Alt} user_{UserNumber}">
  568. {block:Label}
  569. <span class="label">{Label}</span>
  570. {/block:Label}{Line}
  571. </div>
  572. {/block:Lines}
  573. </div>
  574. </div> {block:IndexPage}
  575. <div class="permalinktext"> <a href="{Permalink}" title="Permalink">{NoteCountWithLabel}</a> <font color="#aaa">&middot</font> <a href="{ReblogURL}">Reblog</a> </div>
  576. {/block:IndexPage}
  577. {/block:Chat}
  578. <!-- end of chat posts--->
  579. {block:Video}
  580. <!-- start of video posts--->
  581. <div class="post video">
  582. {block:IndexPage}
  583. {Video-250}
  584. div class="permalinktext"> <a href="{Permalink}" title="Permalink">{NoteCountWithLabel}</a> <font color="#aaa">&middot</font> <a href="{ReblogURL}">Reblog</a> </div>
  585. {/block:IndexPage}
  586.  
  587. {block:PermalinkPage} {Video-500}{/block:PermalinkPage}
  588. </div>
  589. {/block:Video}
  590. <!-- end of video posts--->
  591. {block:Audio}
  592. <!-- start of audio posts--->
  593. <div class="post audio">
  594. {block:IndexPage}
  595. {AudioEmbed-250}
  596. <div class="permalinktext"> <a href="{Permalink}" title="Permalink">{NoteCountWithLabel}</a> <font color="#aaa">&middot</font> <a href="{ReblogURL}">Reblog</a> </div>
  597. {block:IndexPage}
  598.  
  599. {block:PermalinkPage}
  600. {AudioEmbed-500}
  601.  
  602. {/block:PermalinkPage}
  603. </div>
  604. {/block:Audio}
  605. <!-- end of audio posts--->
  606. {block:Answer}
  607. <!-- start of question posts--->
  608. <div class="question"><div class="asker">{Asker} asked: {Question}</div></div>
  609. {block:Answerer}
  610. <div class="answer"><div class="answerer">{Answerer}</div>{Answer}</div>
  611. {/block:Answerer}
  612.  
  613. <div class="replies">
  614. {Replies}
  615. </div> {block:IndexPage}
  616. <div class="permalinktext"> <a href="{Permalink}" title="Permalink">{NoteCountWithLabel}</a> <font color="#aaa">&middot</font> <a href="{ReblogURL}">Reblog</a> </div>
  617. {/block:IndexPage}
  618. {/block:Answer}
  619.  
  620. <!-- end of question posts--->
  621.  
  622. <!-- start styling of permalinkpage--->
  623. {block:PermalinkPagination}<!-- permalinkpagination keeps this from messing with pages and you ask page--->
  624. {block:PermalinkPage}
  625. {block:Caption}
  626. <div class="caption">{Caption}</div>
  627. {/block:Caption}
  628. <div id="permpage">
  629. {NoteCountWithLabel}
  630. <br><br>
  631. <div class="tags">
  632. {block:HasTags}
  633. {block:Tags}
  634. <a href={TagURL}>
  635. <i class="fa fa-tags"></i> {Tag}</a>
  636. {/block:Tags}
  637. {/block:HasTags}
  638. </div>
  639. {block:PostNotes}
  640. {PostNotes-16}
  641. </div></div>
  642. {/block:PostNotes}
  643. {/block:PermalinkPage}
  644. {/block:PermalinkPagination}
  645.  
  646. <!-- end of styling of permalinkpage--->
  647. </div>
  648.  
  649.  
  650. {/block:Posts}
  651. </div>
  652.  
  653.  
  654. <!-- IMPORTANT INFINITE SCROLL STUFF--->
  655. {block:ifnotinfinitescroll}
  656. <div class="pagination">
  657. <center>
  658. {block:PreviousPage}
  659. <a href="{PreviousPage}">Previous</a>
  660. {/block:PreviousPage}
  661. {block:JumpPagination}
  662. {block:CurrentPage}
  663. <span class="current_page">{PageNumber}</span>
  664. {/block:CurrentPage}
  665. {block:JumpPage}
  666. <a class="jump_page" href="{URL}">{PageNumber}</a>
  667. {/block:JumpPage}
  668. {/block:JumpPagination}
  669. {block:NextPage}
  670. <a href="{NextPage}">Next</a>
  671. {/block:NextPage}
  672. </div></center>
  673. {/block:ifnotinfinitescroll}
  674.  
  675. <!--infinite scroll-->
  676. {block:ifinfinitescroll}
  677. <div class="pagination">
  678. {block:Pagination}
  679. {block:PreviousPage}
  680. <a href="{PreviousPage}">previous</a> &middot;
  681. {/block:PreviousPage}
  682. {block:NextPage}
  683. <a href="{NextPage}" id="next">next</a>
  684. {/block:NextPage}
  685. {/block:Pagination}
  686. {/block:ifinfinitescroll}
  687. </div>
  688. </body>
  689. </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!