Advertisement
sleeplessthemes

ST:Relax

Feb 8th, 2014
3,276
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.45 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4. <!-- ST:RELAX - MADE BY DESTROYER.TUMBLR.COM | SLEEPLESSTHEMES.COM -->
  5.  
  6. <head>
  7.  
  8. {block:IndexPage}
  9. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  10. <script src="http://static.tumblr.com/6hsqxdt/vmwm2rb4g/infinitescrolling.js"></script><script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  11. <script>
  12. $(function(){
  13. var $container = $('#content');
  14. $container.imagesLoaded(function(){
  15. $container.masonry({
  16. itemSelector: '#posts',
  17. });
  18. });
  19. $container.infinitescroll({
  20. itemSelector : "#posts",
  21. navSelector : "div.pagination",
  22. nextSelector : ".pagination a#next",
  23. loadingImg : "",
  24. loadingText : "<em></em>",
  25. bufferPx : 500,
  26. extraScrollPx: 500,
  27. },
  28. function( newElements ) {
  29. var $newElems = $( newElements ).css({ opacity: 0 });
  30. $newElems.imagesLoaded(function(){
  31. $newElems.animate({ opacity: 1 });
  32. $container.masonry( 'appended', $newElems, true );
  33. });
  34. }
  35. );
  36. });
  37. </script>
  38. {/block:IndexPage}
  39.  
  40. <title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title>
  41. <link rel="shortcut icon" href="{Favicon}" />
  42.  
  43. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  44. <meta name="description" content="{MetaDescription}" />
  45. <meta name="if:InfiniteScroll" content="1"/>
  46. <meta name="if:Show Captions" content="0"/>
  47.  
  48. <meta name="color:Background" content="#f1f1f1"/>
  49. <meta name="color:post" content="#f7f7f7"/>
  50. <meta name="color:sidebar" content="#f7f7f7"/>
  51. <meta name="color:sidebar text" content="#777777"/>
  52.  
  53.  
  54. <meta name="color:text" content="#777777"/>
  55. <meta name="color:text headers" content="#484848"/>
  56. <meta name="color:bold text" content="#484848"/>
  57. <meta name="color:label background" content="#ededed"/>
  58. <meta name="color:link" content="#c5c5c5"/>
  59. <meta name="color:link hover" content="#202020"/>
  60.  
  61. <meta name="image:Portrait" content=""/>
  62. <meta name="image:Background" content=""/>
  63.  
  64. <meta name="text:Font Size" content="10px"/>
  65. <meta name="text:Line Height" content="16px"/>
  66. <meta name="font:Body" content="'Calibri', Arial, Trebuchet MS, Helvetica, Tahoma, sans-serif" />
  67.  
  68. <meta name="text:Custom Link One" content="" />
  69. <meta name="text:Custom Link One Title" content="" />
  70. <meta name="text:Custom Link Two" content="" />
  71. <meta name="text:Custom Link Two Title" content="" />
  72. <meta name="text:Custom Link Three" content="" />
  73. <meta name="text:Custom Link Three Title" content="" />
  74. <meta name="text:Custom Link Four" content="" />
  75. <meta name="text:Custom Link Four Title" content="" />
  76.  
  77. <style type="text/css">
  78.  
  79. iframe#tumblr_controls{
  80. opacity:0.8 !important;
  81. right:0px !important;
  82. position: fixed !important;}
  83.  
  84. body{
  85. text-align:justify;
  86. color: {color:text};
  87. font-family: {font:Body};
  88. font-size: {text:Font Size};
  89. line-height: {text:Line Height};
  90. text-decoration: none;
  91. background-color: {color:Background};
  92. background-image:url({image:Background});
  93. background-attachment: fixed;
  94. background-position:top center;
  95. background-repeat: no-repeat;}
  96.  
  97. p{
  98. margin-top:0px;
  99. margin-bottom:10px;}
  100.  
  101. a, a:link, a:visited, a:active{
  102. -webkit-transition: all .8s ease-out;
  103. -moz-transition: all .8s ease-out;
  104. -o-transition: all .8s ease-out;
  105. transition: all .8s ease-out;
  106. color:{color:link}; text-decoration:none;}
  107. a:hover{color:{color:link hover};}
  108.  
  109.  
  110. b, strong{
  111. color: {color:bold text};}
  112.  
  113. img{
  114. display:block;}
  115.  
  116.  
  117. #contentmain{
  118. margin: 0px auto;
  119. margin-top:40px;
  120. width:560px;
  121. padding:20px;
  122. background-color:transparent;}
  123.  
  124. #content{
  125. width:580px;
  126. margin-left:0px;
  127. background-color:transparent;}
  128.  
  129. #posts{
  130. overflow: hidden;
  131. text-align:justify;
  132. color: {color:text};
  133. font-family: {font:Body};
  134. font-size: {text:Font Size};
  135. line-height: {text:Line Height};
  136. text-decoration: none;
  137.  
  138.  
  139. {block:IndexPage}
  140. width:250px;
  141. padding:10px 10px 10px 10px;
  142. margin:0px 20px 20px 0px;
  143. {/block:IndexPage}
  144.  
  145. {block:PermalinkPage}
  146. width:500px;
  147. padding:10px 10px 10px 10px;
  148. margin:0px 0px 20px 0px;
  149. {/block:PermalinkPage}
  150.  
  151. background-color:{color:post}; }
  152.  
  153.  
  154. #info {
  155. background-color: {color:post};
  156. overflow: visible;
  157. width:500px;
  158. height: auto;
  159. padding: 10px;
  160. margin:20px 0px 0px 0px;}
  161.  
  162. #notes {
  163. background-color: {color:post};
  164. overflow: visible;
  165. width:500px;
  166. height: auto;
  167. padding: 10px;
  168. margin:20px 0px 0px 0px;}
  169.  
  170. .container {
  171. text-align:justify;
  172. color: {color:sidebar text};
  173. font-family: {font:Body};
  174. font-size: {text:Font Size};
  175. line-height: {text:Line Height};
  176. text-decoration: none;
  177. display: table;
  178. left:50%;
  179. margin-left:-520px;
  180. height: 100%;
  181. position:fixed;
  182. overflow: hidden;
  183. width:200px; }
  184.  
  185.  
  186. .helper {#position: absolute; #top: 50%;display: table-cell; vertical-align: middle;}
  187.  
  188.  
  189. .content2 {#position: relative; #top: -50%;margin:0 auto;width:200px;
  190. background-color:{color:sidebar};
  191. padding: 10px;}
  192.  
  193. #posts #perm{
  194. position:absolute;
  195. top:10px;
  196. left:18px;
  197. z-index:2000000;
  198. margin-top:8px;
  199. margin-right:16px;
  200. /* IE 8 */
  201. -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  202.  
  203. /* IE 5-7 */
  204. filter: alpha(opacity=0);
  205.  
  206. /* Netscape */
  207. -moz-opacity: 0.0;
  208.  
  209. /* Safari 1.x */
  210. -khtml-opacity: 0.0;
  211.  
  212. /* Good browsers */
  213. opacity: 0.0;
  214. width:26px;
  215. height:auto;
  216. -webkit-transition: all 0.3s linear;
  217. -moz-transition: all 0.3s linear;
  218. transition: all 0.3s linear;}
  219.  
  220. #posts:hover #perm{
  221. top:10px;
  222. /* IE 8 */
  223. -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  224.  
  225. /* IE 5-7 */
  226. filter: alpha(opacity=80);
  227.  
  228. /* Netscape */
  229. -moz-opacity: 0.8;
  230.  
  231. /* Safari 1.x */
  232. -khtml-opacity: 0.8;
  233.  
  234. /* Good browsers */
  235. opacity: 0.8;
  236. -webkit-transition: all 0.3s linear;
  237. -moz-transition: all 0.3s linear;
  238. transition: all 0.3s linear;}
  239.  
  240. .bub {
  241. -webkit-box-shadow: 3px 3px 4px 0px rgba(50, 50, 50, 0.66);
  242. -moz-box-shadow: 3px 3px 4px 0px rgba(50, 50, 50, 0.66);
  243. box-shadow: 3px 3px 4px 0px rgba(50, 50, 50, 0.66);
  244. -webkit-border-radius: 4px;
  245. -moz-border-radius: 4px;
  246. border-radius: 4px;
  247. margin:0px 6px 0px 0px;
  248. height:14px;
  249. background-color:#ffffff;
  250. padding:4px;}
  251.  
  252. a.ntz {
  253. font-size:10px;
  254. line-height:14px;
  255. color:#000000;}
  256.  
  257. a.ntz:hover{
  258. color:#ffffff;}
  259.  
  260.  
  261.  
  262.  
  263. #question{
  264. overflow:SHOW;
  265. padding-bottom:3px;
  266. margin-bottom:3px;}
  267.  
  268. #askr{
  269. display:block;
  270. float:left;
  271. width:33px;
  272. overflow:hidden;
  273. margin-right:3px;}
  274.  
  275. ul {
  276. list-style: disc;
  277. padding: 4px 0px 6px 20px;}
  278.  
  279. blockquote{padding:0px; padding-left:5px; margin:5px; border-left:2px solid {color:text headers};}
  280.  
  281. blockquote img{display:block; width:100%;}
  282.  
  283. blockquote p{padding:0px; margin:0px;}
  284.  
  285. blockquote blockquote{position:relative; left:6px; margin-top:0px; margin-right:0px; padding-right:0px;}
  286.  
  287. #bottominfo{
  288. padding:2px 0px 0px 0px;
  289. display:block;}
  290.  
  291. .answer p{margin:0px;}
  292.  
  293.  
  294. .notes img{
  295. width:10px;
  296. position:relative;
  297. top:1px;}
  298.  
  299. ol.notes, .notes li{
  300. list-style:none;
  301. margin:0px;
  302. padding:0px;}
  303.  
  304. small {font-size:8px; line-height:8px; letter-spacing:0px;}
  305. big {font-family:arial black; color:{color:bold text}; font-size:14px;}
  306.  
  307.  
  308.  
  309. a img{border:none;}
  310.  
  311. .label {
  312. color: {color:bold text};font-weight: bold; line-height:12px;}
  313.  
  314. .odd { padding:8px;
  315. background-color: {color:label background};}
  316. .even {padding:8px;}
  317.  
  318. h2 {
  319. color: {color:text headers};
  320. font-size: 20px;
  321. line-height: 28px;
  322. text-decoration: none;
  323. font-family: 'Yanone Kaffeesatz', sans-serif;
  324. font-weight: 700;
  325. text-transform: uppercase;
  326. letter-spacing: -1px;
  327. margin-bottom:4px;
  328. margin:0px;
  329. padding:0px;}
  330.  
  331.  
  332. a.notez {
  333. display:inline-block;
  334. border:2px solid #e4f1f5;
  335. width:82px;
  336. height:20px;
  337. z-index:20000;
  338. color: #484848;
  339. text-transform: uppercase;
  340. font-family:Calibri;
  341. font-weight:bold;
  342. font-size:8px;
  343. line-height:18px;
  344. letter-spacing:1px;
  345. -webkit-transition: all .6s ease-out;
  346. -moz-transition: all .6s ease-out;
  347. -o-transition: all .6s ease-out;
  348. transition: all .6s ease-out;}
  349.  
  350. a.notez:hover {
  351. background-color:#218dc2;
  352. color:#484848;}
  353.  
  354. a.links1 {
  355. color:{color:link};
  356. display:inline-block;
  357. text-align:center;
  358. text-transform: uppercase;
  359. font-family:consolas;
  360. font-weight:bold;
  361. font-size:8px;
  362. line-height:15px;
  363. letter-spacing:1px;
  364. -webkit-transition-property:color, text;
  365. -webkit-transition-duration: .2s;
  366. -moz-transition-duration: .2s;
  367. -webkit-transition-timing-function: linear, ease-in;
  368. padding:2px;}
  369.  
  370. a.links1:hover {
  371. -webkit-transition-duration: .2s;
  372. -moz-transition-duration: .2s;}
  373.  
  374.  
  375.  
  376. #pag {
  377. color: {color:text};
  378. font-family: consolas;
  379. font-size: 10px;
  380. line-height: 14px;
  381. text-decoration: none;
  382. overflow: visible;
  383. width:544px;
  384. height: auto;
  385. padding: 8px;
  386. margin:0px 0px 20px 0px;}
  387.  
  388.  
  389. .pagn {
  390. margin-top:5px;
  391. margin-bottom:0px;
  392. text-align:center;
  393. line-height:20px;
  394. font-family:calibri;
  395. font-size:10px; }
  396.  
  397. .pagn a {
  398. background-color:{color:text};
  399. color:{color:post};
  400. text-decoration:none;
  401. padding:2px 4px 2px 4px;}
  402.  
  403. .pagn a:hover {
  404. color:{color:text};
  405. background-color:{color:post};
  406.  
  407. }
  408.  
  409. .pagination {
  410. -moz-opacity: 0.00;
  411. opacity: 0.00;
  412. -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=0);}
  413.  
  414.  
  415. {block:IndexPage}
  416. .bubble
  417. {
  418. color:#484848;
  419. position: relative;
  420. width: 184px;
  421. height: auto;
  422. padding: 6px;
  423. margin-bottom:10px;
  424. margin-left:50px;
  425. background: #cfdbde;
  426. -webkit-border-radius: 4px;
  427. -moz-border-radius: 4px;
  428. border-radius: 4px;
  429. border: #b8c1c3 solid 1px;
  430. .bubble a {color:{#218dc2;}}
  431. {/block:IndexPage}
  432.  
  433.  
  434. {block:PermalinkPage}
  435.  
  436.  
  437. .bubble
  438. {
  439. color:#484848;
  440. position: relative;
  441. width: auto;
  442. height: auto;
  443. padding: 6px;
  444. margin-bottom:10px;
  445. margin-left:50px;
  446. background: #cfdbde;
  447. -webkit-border-radius: 4px;
  448. -moz-border-radius: 4px;
  449. border-radius: 4px;
  450. border: #b8c1c3 solid 1px;}
  451.  
  452. .bubble a {color:{#218dc2;}
  453.  
  454. {/block:PermalinkPage}
  455.  
  456.  
  457. </style>
  458.  
  459. <style type="text/css">{CustomCSS}</style>
  460.  
  461. </head>
  462. <body>
  463.  
  464. <link href='http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:700' rel='stylesheet' type='text/css'>
  465.  
  466. <script type="text/javascript">
  467. WebFontConfig = {
  468. google: { families: [ 'Yanone+Kaffeesatz:700:latin' ] }
  469. };
  470. (function() {
  471. var wf = document.createElement('script');
  472. wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
  473. '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
  474. wf.type = 'text/javascript';
  475. wf.async = 'true';
  476. var s = document.getElementsByTagName('script')[0];
  477. s.parentNode.insertBefore(wf, s);
  478. })(); </script>
  479.  
  480.  
  481. <script type="text/javascript">
  482. // This code just here to make the contents grow/collapse dynamically
  483. // It is not needed to achieve the CSS layout effect described above
  484. var c2 = document.getElementById('content2');
  485. c2.onclick=function(){ c2.innerHTML+=c2.innerHTML }
  486. </script>
  487.  
  488.  
  489.  
  490. {block:IfInfiniteScroll}
  491. <div class="pagination">
  492. {block:Pagination}
  493. {block:NextPage}<p id="page_nav"><a style="float:right" href="{NextPage}" id="next">Older ?</a>{/block:NextPage}
  494. {block:PreviousPage}<a style="float:left" href="{PreviousPage}">? Newer</a></p>{/block:PreviousPage}
  495. {/block:Pagination}
  496. </div>
  497. {/block:IfInfiniteScroll}
  498.  
  499.  
  500.  
  501. <div class="container">
  502. <div class="helper">
  503. <div class="content2">
  504. {block:IfPortraitImage}
  505. <a href="http://{name}.tumblr.com"><img src="{image:Portrait}" width="200" style="padding-bottom:6px;"></a>
  506. {/block:IfPortraitImage}
  507.  
  508. <center>
  509. <a href="http://{name}.tumblr.com" class="links1">Home</a>
  510. {block:AskEnabled}<a href="/ask" class="links1">Ask</a>{/block:AskEnabled}
  511.  
  512. {block:SubmissionsEnabled}<a href="/submit" class="links1">Submit</a>{/block:SubmissionsEnabled}
  513.  
  514. {block:HasPages}
  515. {block:Pages}
  516. <a href="{URL}" class="links1">{Label}</a>
  517. {/block:Pages}
  518. {/block:HasPages}
  519.  
  520. {block:ifCustomLinkOneTitle}<a href="{text:Custom Link One}" class="links1">{text:Custom Link One Title}</a>{/block:ifCustomLinkOneTitle}
  521.  
  522. {block:ifCustomLinkTwoTitle}<a href="{text:Custom Link Two}" class="links1">{text:Custom Link Two Title}</a>{/block:ifCustomLinkTwoTitle}
  523.  
  524. {block:ifCustomLinkThreeTitle}<a href="{text:Custom Link Three}" class="links1">{text:Custom Link Three Title}</a>{/block:ifCustomLinkThreeTitle}
  525.  
  526. {block:ifCustomLinkFourTitle}<a href="{text:Custom Link Four}" class="links1">{text:Custom Link Four Title}</a>{/block:ifCustomLinkFourTitle}
  527. <a href="http://sleeplessthemes.com" class="links1">Theme</a>
  528. </center>
  529.  
  530. {Description}
  531. </div>
  532. </div>
  533. </div>
  534.  
  535.  
  536. <div id="contentmain">
  537.  
  538. <div id="content">
  539. {block:Posts}
  540. <div id="posts">
  541.  
  542. {block:IndexPage}
  543. <div id="perm">
  544.  
  545. <table width="12">
  546. <tr>
  547. <td><div class="bub">{LikeButton color="black" size="14"}</div></td>
  548. <td><div class="bub">{ReblogButton color="black" size="14"}</div></td>
  549. <td><div class="bub"><a href="{Permalink}" class="ntz">{NoteCount}</a></div></td>
  550. </tr>
  551.  
  552.  
  553. </table>
  554. </div>
  555. {/block:IndexPage}
  556.  
  557.  
  558. {block:Text}
  559. <h2>{Title}</h2>
  560. <div id="postimg">{Body}</div>
  561. {/block:Text}
  562.  
  563. {block:Photo}
  564. {block:IndexPage}
  565. <center><a href="{permalink}"><img src="{PhotoURL-250}" width="250" border="0"></a></center>
  566. {block:IfShowPhotoCaption}{block:Caption}<div id="postimg"><div style="padding-top:6px;">{Caption}</div></div>{/block:Caption}{/block:IfShowPhotoCaption}
  567. {/block:IndexPage}
  568.  
  569. {block:PermalinkPage}{LinkOpenTag}<center><img src="{PhotoURL-500}" width="500" alt="{PhotoAlt}"/></center>
  570.  
  571. {LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:Photo}
  572.  
  573.  
  574. {block:Photoset}
  575. <center>{block:IndexPage}{Photoset-250}
  576. {block:IfShowPhotoCaption}{block:Caption}<div style="padding-top:6px;">{Caption}</div>{/block:Caption}{/block:IfShowPhotoCaption}{/block:IndexPage}{block:PermalinkPage}{Photoset-500}{block:IfShowPhotoCaption}{block:Caption}<div style="padding-top:6px;">{Caption}</div>{/block:Caption}{/block:IfShowPhotoCaption}{/block:PermalinkPage}</center>{block:PermalinkPage}{/block:PermalinkPage}{/block:Photoset}
  577.  
  578.  
  579. {block:Quote}
  580. <h2>"{Quote}"</h2>{block:Source}{Source}{/block:Source}{/block:Quote}
  581.  
  582. {block:Link}
  583. <a href="{URL}" class="link" {Target}><h2>{Name}</h2></a>{block:Description}{Description}{/block:Description}{/block:Link}
  584.  
  585. {block:Chat}
  586. {block:Title}{Title}{/block:Title}
  587. {block:Lines}
  588. {block:Label}
  589. <div class="{Alt}"><span class="label"><strong>{Label}</strong></span>
  590. <span class="line">{Line}</span></div>
  591. {/block:Label}
  592. {/block:Lines}
  593. {/block:Chat}
  594.  
  595. {block:Video}
  596. <center>{block:IndexPage}<div id="video">{Video-250}</div>{block:IfNotHidePhotoCaption}{block:Caption}{Caption}{/block:Caption}{/block:IfNotHidePhotoCaption}{/block:IndexPage}
  597.  
  598. {block:PermalinkPage}<div id="video">{Video-500}</div>{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}</center>
  599. {/block:Video}
  600.  
  601.  
  602. {block:Audio}
  603. <table border="0" bordercolor="" style="background-color:" width="250" cellpadding="0" cellspacing="0">
  604. <tr>
  605. <td width="40">{block:AlbumArt}
  606. <img src="{AlbumArtURL}" width="40">
  607. {/block:AlbumArt}</td>
  608. <td width="210" style="vertical-align: middle;"> {block:AudioPlayer}<center>{AudioPlayerBlack}</center>{/block:AudioPlayer}</td>
  609. </tr>
  610. </table>
  611. {block:Caption}<div style="padding-top:10px;">{Caption}</div>{/block:Caption}
  612. {/block:Audio}
  613.  
  614. {block:Answer}
  615.  
  616.  
  617. <div style="position:absolute; margin-top:0px; margin-left:auto; width:40px; height:40px; border:0px solid;"><img src="{AskerPortraitURL-96}" width="40" height="40" style="-webkit-border-radius: 4px;
  618. -moz-border-radius: 4px;
  619. border-radius: 4px;"></div>
  620.  
  621. <div class="bubble">
  622. <div id="asked">{Asker} asked:</div>
  623. {Question}
  624. </div>
  625.  
  626. <p>{Answer}</p>
  627.  
  628. {block:IndexPage}<div style="margin-bottom:10px;"></div>{/block:IndexPage}
  629. {/block:Answer}
  630.  
  631.  
  632.  
  633.  
  634. </div>
  635.  
  636. {block:PermalinkPage}
  637. {block:Date}
  638. <div id="info">
  639.  
  640. Posted: <a href="/day/{year}/{monthnumberwithzero}/{dayofmonthwithzero}">{ShortDayOfWeek} {Month} {DayOfMonth}{DayOfMonthSuffix}, {Year}</a> at {12Hour}:{Minutes}{AmPm}{block:RebloggedFrom}<br>Originally posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>.{/block:RebloggedFrom}
  641.  
  642. {block:Photo}{block:HighRes}<br>HighRes: <a href="{PhotoURL-HighRes}">view</a>{/block:HighRes}{/block:Photo}
  643.  
  644. {block:Answer}<BR>Ask: <a href="/ask">{AskLabel}</a>{/block:Answer}
  645.  
  646. {block:Audio}<BR>Plays: {FormattedPlayCount}{block:ExternalAudio}<BR>Download: <a href="{ExternalAudioURL}">here</a>.{/block:ExternalAudio}{/block:Audio}
  647.  
  648. {block:HasTags}<BR>Tagged: {block:Tags}<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}{block:NoteCount}<BR>Notes: {NoteCount}{/block:NoteCount}
  649.  
  650. </div>
  651. {/block:Date}
  652.  
  653.  
  654.  
  655. {block:PostNotes}
  656. <div id="notes">{PostNotes}</div>
  657. {/block:PostNotes}
  658. {/block:PermalinkPage}
  659.  
  660.  
  661.  
  662. {/block:Posts}
  663. </div>
  664.  
  665. {block:Pagination}
  666. <div id="pag">
  667. <center>
  668. <div class="pagn">
  669. {block:PreviousPage}<a href="{PreviousPage}">◄</a>{/block:PreviousPage}
  670. {block:JumpPagination length="10"}{block:CurrentPage}
  671. <span class="current_page" style="padding-right:3px;padding-left:3px;">{PageNumber}</span>
  672. {/block:CurrentPage}
  673. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}
  674. {/block:JumpPagination}
  675. {block:NextPage}<a href="{NextPage}">►</a> {/block:NextPage}
  676. </div>
  677. {/block:Pagination}
  678.  
  679. </div>
  680.  
  681. </body>
  682. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement