Advertisement
wildthemes

katrina theme

Oct 23rd, 2012
12,411
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.48 KB | None | 0 0
  1. <!--
  2. katrina 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.-->
  3.  
  4. <!--This work is licensed under a Creative Commons Attribution 3.0 Unported License.
  5.  
  6. taking credits off/stealing/using my themes as a basecode is illegal.-->
  7.  
  8.  
  9.  
  10. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  11. <html xmlns="http://www.w3.org/1999/xhtml">
  12.  
  13. <head>
  14. <script type="text/javascript"
  15. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script><script type="text/javascript" src="http://static.tumblr.com/o0thhnj/LCDma95ko/infinite.txt"></script><link rel="stylesheet" href="http://static.tumblr.com/tak5d5w/raDlsuinn/quicksandfonts.css" type="text/css" charset="utf-8">
  16.  
  17.  
  18.  
  19. <meta name="color:Background" content="#ffffff"/>
  20. <meta name="color:Hover" content="#000000f"/>
  21. <meta name="color:Font" content="#000000"/>
  22. <meta name="if:Kewl font" content="0"/>
  23. <meta name="color:Link" content="#000000"/>
  24. <meta name="color:Navigation" content="#ccc"/>
  25. <meta name="color:Scrollbar" content="#cccccc"/>
  26. <meta name="if:inverted fade" content="1"/>
  27. <meta name="image:Background" content= "0"/>
  28. <meta name="if:Show banner" content="0"/>
  29. <meta name="if:Show blog title" content="1"/>
  30. <meta name="image:Banner" content=" "/>
  31.  
  32. <meta name="if:Kewl blogtitle" content="0"/>
  33. <meta name="image:Border" content= "http://media.tumblr.com/tumblr_mbu1u6Z5CM1qigvtu.png"/>
  34. <meta name="if:Rainbow Links" content= "0"/>
  35. <meta name="if:Underline Hover" content="1"/>
  36.  
  37. <meta name="text:Link one Title" content=""/>
  38. <meta name="text:Link one" content="" />
  39. <meta name="text:Link Three Title" content=""/>
  40. <meta name="text:Link Three" content=""/>
  41. <meta name="text:Link Four Title" content=""/>
  42. <meta name="text:Link Four" content=""/>
  43. <meta name="text:Link two Title" content=""/>
  44. <meta name="text:Link two" content=""/>
  45. <meta name="text:Link five Title" content=""/>
  46. <meta name="text:Link five" content=""/>
  47. <link rel="stylesheet" type="text/css" href="http://static.tumblr.com/cpaytv3/nKOlyumhg/reset.css"><link href='http://fonts.googleapis.com/css?family=Short+Stack' rel='stylesheet' type='text/css'>
  48.  
  49. <style type="text/css">
  50.  
  51.  
  52.  
  53. #tumblr_controls{
  54. position:fixed !important;
  55. }
  56. ::-webkit-scrollbar-thumb:vertical {
  57. background-color:{color:link};
  58. height:auto;
  59. }
  60.  
  61. ::-webkit-scrollbar-thumb:horizontal {
  62. background-color:transparent;
  63. height:1px !important;
  64. }
  65.  
  66. ::-webkit-scrollbar {
  67. height:auto;
  68. width:10px;
  69. background-color:#fff;
  70. border:1px solid #eeeeee;
  71. }
  72. .wrapper{
  73. margin: 0px auto;
  74. width: 802px;
  75. }
  76.  
  77. .header{
  78. float: left;
  79. width: 100%;
  80. }
  81.  
  82. .left{
  83. float: left;
  84. margin-right: 20px;
  85. width: 802px;
  86. }
  87.  
  88. .right{
  89. float: right;
  90. width: 200px;
  91. background-color: {color:Background};
  92. }
  93.  
  94. body {
  95. padding: 0px;
  96. margin: 0px;
  97. font-family: {block:ifKewlfont}'short stack'; font-size: 10px;{/block:ifKewlfont}{block:ifnotKewlfont}arial; font-size: 11px; {/block:ifnotKewlfont};
  98. font-size: 11px;
  99. color:{color:Font};
  100. background-image:url({image:Background});
  101. background-attachment: fixed;
  102. background-repeat: repeat;
  103. background-color: {color:Background};
  104.  
  105. }
  106.  
  107. a:link, a:active, a:visited{color: {color:Link}; text-decoration: none;}
  108. a:hover {color:{color:Hover};
  109. {block:IfUnderlineHover}text-decoration: underline;{/block:IfUnderlineHover}
  110.  
  111. -webkit-transition: all 0.3s ease-out;
  112. -moz-transition: all 0.3s ease-out;color 0.5s;
  113. }
  114.  
  115.  
  116.  
  117. #descp {
  118. z-index:1;
  119. text-align:center;
  120. margin-left:60px;
  121. width:699px;
  122. background:transparent;
  123. font-family: {block:ifKewlfont}'short stack'; font-size: 10px;{/block:ifKewlfont}{block:ifnotKewlfont}calibri; font-size: 11px; {/block:ifnotKewlfont};
  124. }
  125.  
  126.  
  127.  
  128.  
  129.  
  130. #posts {
  131. width:800px;
  132. margin-left:330px;
  133. margin-top: 0px;
  134. {block:PermalinkPage}
  135. margin-left:430px;
  136. width: 400px;
  137. {/block:PermalinkPage}
  138. text-align: center;
  139. }
  140.  
  141.  
  142. .entry {
  143. overflow: hidden;
  144. float: left;
  145. {block:indexpage}
  146. width: 350px;
  147. margin:4px;
  148. {/block:indexpage}
  149. {block:PermalinkPage}
  150. width: 500px;
  151. margin-top: 3px;
  152. {/block:PermalinkPage}
  153. display: block;
  154. background:transparent;
  155. }
  156.  
  157.  
  158. .linkss a{color:{color:Link};opacity:1;}
  159. .linkss {
  160. padding:4px;
  161. margin-top:5px;
  162. line-height:100%;
  163. background: {color:Navigation};
  164. text-transform:uppercase;
  165. text-align:center;
  166. display: inline-block;
  167. -webkit-transition-duration: .6s;
  168.  
  169. text-decoration: none !important;
  170. }
  171. .linkss:hover{border-radius:5px;}
  172. @font-face { font-family: "bebas neue"; src: url('http://static.tumblr.com/cvlbtjz/cnsln9tpp/bebasneue.otf'); }
  173.  
  174.  
  175.  
  176. @font-face {font-family:"Pacifico"; src:url('http://static.tumblr.com/9wzbixa/D3Wlyw7u4/pacifico.ttf');}
  177. #blogtitle{
  178. font-family: {block:ifKewlblogtitle}'quicksandlight';font-size:60px;text-transform:uppercase;{/block:ifKewlblogtitle}{block:ifnotKewlblogtitle}times new roman;letter-spacing:3px;font-size:24px;text-transform:uppercase;font-weight: lighter;{/block:ifnotKewlblogtitle};
  179. top:0px;
  180. width:800px;
  181. text-align:center;
  182. margin-left:00px;
  183. line-height:71px;
  184. color:{color:Link};
  185.  
  186. }
  187.  
  188. #permalink { color:#fff; font-size:20px; opacity: 0; margin-left:8px; width:auto; height:25px; float:left;text-align:center; font-family:helvetica neue; letter-spacing:0px; -webkit-transition-duration:1s; -webkit-transition:1s;text-shadow: black 0.1em 0.1em 0.2em; } #permalink a { color:#fff; text-decoration:none; -webkit-transition-duration:1s; -webkit-transition:1s; } #permalink:hover { -webkit-transition-duration:1s; -webkit-transition:1s; z-index:99933999;} .tweek:hover{ -webkit-transition-duration:1s; -webkit-transition:1s; z-index:999999; } .entry:hover #permalinks { opacity:0.9; z-index:999999; -webkit-transition-duration:1s; -webkit-transition:1s; } #permalink:hover .img { opacity:1; } .tweek:hover a{color:#8bb9c5;} .entry:hover .tweek {bottom:5px; display:block;position:relative; -webkit-transition:1s; opacity:1;}
  189.  
  190.  
  191.  
  192.  
  193. #blogtitle:hover {
  194. color:{color:Hover};
  195. -moz-transition: all 0.3s ease-out;color 0.5s
  196. text-shadow: 0 0 0.1em #030303, 0 0 0.1em #030303,
  197. 0 0 0.1em #030303-moz-transition: all 0.5;-webkit-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5;}
  198.  
  199. .title{
  200. font-size: 20px;
  201. line-height:21px;
  202. padding: 2px;
  203. color: {color:Font};
  204. font-family: {block:ifKewlblogtitle}'quicksandlight';text-transform:uppercase;{/block:ifKewlblogtitle}{block:ifnotKewlblogtitle}times new roman;letter-spacing:3px;text-transform:uppercase;font-weight: lighter;{/block:ifnotKewlblogtitle};
  205.  
  206. }
  207.  
  208. .reblog{position:absolute;height:14px;top:2%; right:10%;opacity:0;filter: alpha(opacity = 0);-moz-transition: all 0.5;-webkit-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5;}
  209. .reblogg{display:inline-block;margin-right:5px;padding:4px;height:14px;}
  210. .entry:hover .reblog{opacity:0.8;filter: alpha(opacity = 70);-moz-transition: all 0.5;-webkit-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5;border-bottom:0px;}
  211. .liker{position:absolute;height:14px;top:2%; right:0%;opacity:0;filter: alpha(opacity = 0);-moz-transition: all 0.5;-webkit-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5;}
  212. .likerr{display:inline-block;margin-right:5px;padding:4px;height:14px;}
  213. .entry:hover .liker{opacity:0.8;filter: alpha(opacity = 70);-moz-transition: all 0.5;-webkit-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5;border-bottom:0px}
  214.  
  215.  
  216.  
  217.  
  218.  
  219. #border{
  220. background-attachment: fixed;
  221. background-image: repeat;
  222. background-image:url({image:Border});
  223. width: 120px;
  224. padding:4px;
  225. position: fixed;
  226. height:100%;
  227.  
  228. left:200px;
  229. }
  230.  
  231. #border2{
  232. background-attachment: fixed;
  233. background-image: repeat;
  234. background-image:url({image:Border});
  235. width: 120px;
  236. padding:4px;
  237. position: fixed;
  238. height:100%;
  239.  
  240. left:1050px;
  241. }
  242.  
  243.  
  244.  
  245. #infscr-loading{
  246. bottom: -70px;
  247. position: absolute;
  248. left: 50%;
  249. margin-left:-8px;
  250. width:16px;
  251. height:11px;
  252. overflow:hidden;
  253. margin-bottom: 50px;
  254. }
  255. .wildthemes a {}
  256.  
  257. .entry .wildthemes{
  258.  
  259. position:absolute;
  260. width:250px;
  261. height:20px;
  262. padding-top:0px;
  263. padding-bottom: 0px;
  264. margin-left: 0px;
  265. overflow:hidden;
  266. bottom: -1px;
  267. font-family: littlefont;
  268. font-size: 8px;
  269.  
  270. line-height:0px;
  271. text-align:center;
  272. padding-left: 0px;
  273. padding-right: 0px;
  274. opacity:0.0;
  275.  
  276. -webkit-transition: all 0.3s linear;
  277. -moz-transition: all 0.3s linear;
  278. transition: all 0.3s linear;
  279. background-color:{color:posts};
  280.  
  281. }
  282. @font-face { font-family: "littlefont"; src: url('http://static.tumblr.com/4yxykdm/NMJlre6xz/04b_03___1_.ttf'); }
  283. {block:ifinvertedfade}img{-webkit-transition: opacity 0.7s linear;opacity: 0.8;}img:hover{-webkit-transition: opacity 0.7s linear;opacity: 1;}{/block:ifinvertedfade}
  284.  
  285. .entry:hover .wildthemes{
  286. overflow:visible;
  287. -webkit-transition: opacity 0.5s linear; opacity: 0.8;
  288. transition: all 0.4s linear;
  289. margin-left: 0px;
  290. width:250px;
  291. background-color:{color:posts};
  292. height: 18px;
  293. bottom: 5px;
  294.  
  295. opacity:0.8;
  296.  
  297. -webkit-transition: all 0.3s linear;
  298. -moz-transition: all 0.3s linear;
  299. transition: all 0.3s linear; }
  300. }
  301.  
  302. .entry:hover .wildthemes:hover{
  303. opacity: 1;
  304. width: 150px;
  305. -webkit-transition: all 0.5s linear;
  306. -moz-transition: all 0.5s linear;
  307. transition: all 0.5s linear; -moz-box-shadow: 0 0 15px {color:glow colour};
  308.  
  309. display: inline-block;
  310. }
  311. }
  312.  
  313. .entry:hover .details {
  314. opacity: 1.0;
  315. margin:12px 0px 0px 0px;
  316. filter: alpha(opacity = 100);
  317. -webkit-transition: all .25s ease-in-out;
  318. -moz-transition: all .25s ease-in-out;
  319. -o-transition: all .25s ease-in-out;
  320. transition: all .25s ease-in-out;
  321. }
  322.  
  323.  
  324. .permahover {
  325. text-align: right;
  326. line-height:200%;
  327. opacity: 0.0;
  328. filter: alpha(opacity = 0);
  329. font-size: 9px;
  330. line-height: 9px;
  331. text-transform: uppercase;
  332. }
  333.  
  334. .entry:hover .permahover {
  335. text-align: center;
  336. opacity: 1;
  337. filter: alpha(opacity = 50);
  338.  
  339.  
  340. }
  341.  
  342. .text {
  343. padding: 0px;
  344. }
  345.  
  346.  
  347.  
  348. .entry:hover .textperma {
  349. opacity: 1;
  350. filter: alpha(opacity = 100);
  351. -webkit-transition: all ease-in 250ms;
  352. -moz-transition: all ease-in 250ms;
  353. -o-transition: all ease-in 250ms;
  354. -ms-transition: all ease-in 250ms;
  355. transition: all ease-in 250ms;
  356. }
  357.  
  358.  
  359.  
  360. blockquote{
  361. padding:0px 0px 2px 5px;
  362. margin:0px 0px 2px 10px;
  363. border-left: 1px dotted #555555;
  364. }
  365.  
  366.  
  367.  
  368.  
  369. </style>
  370. {block:ifrainbowlinks}
  371. <script type="text/javascript" src="http://static.tumblr.com/jn17x0j/2Zvltn7mc/rainbow_links.txt
  372. "></script>{/block:ifrainbowlinks}
  373.  
  374. {block:IndexPage}
  375. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  376. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  377.  
  378. <script type="text/javascript">
  379. $(window).load(function () {
  380. var $content = $('#posts');
  381. $content.masonry({itemSelector: '.entry'}),
  382. $content.infinitescroll({
  383. navSelector : 'div#pagination',
  384. nextSelector : 'div#pagination a#nextPage',
  385. itemSelector : '.entry',
  386. loading: {
  387. finishedMsg: '',
  388. img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
  389. },
  390. bufferPx : 600,
  391. debug : false,
  392. },
  393. // call masonry as a callback.
  394. function( newElements ) {
  395. var $newElems = $( newElements );
  396. $newElems.hide();
  397. // ensure that images load before adding to masonry layout
  398. $newElems.imagesLoaded(function(){
  399. $content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(300);} );
  400.  
  401.  
  402. });
  403. });
  404. });
  405. </script>
  406.  
  407. {/block:IndexPage}
  408.  
  409. <title>{title}</title>
  410.  
  411. <link rel="shortcut icon" href="{Favicon}">
  412. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  413. <meta name="viewport" content="width=820" />
  414.  
  415. </head>
  416. <body>
  417. <div><div id="border2"></div>
  418.  
  419. <div id="border"></div>
  420. <div class="wrapper">
  421. <div class="header">
  422. </div>
  423.  
  424.  
  425.  
  426. {block:ifShowbanner}
  427. <a href="/"><img src="{image:Banner}" width="600"/></a>
  428. {/block:ifShowbanner}
  429. {block:ifShowblogtitle}
  430. <div id="blogtitle">
  431. <a href="/">{Title}</a>
  432.  
  433. </div>{/block:IfShowblogtitle}
  434. <div id="descp">{Description}
  435. </div><center><span class="linkss"><a href="/">home</a> </span> {block:AskEnabled}<span class="linkss">
  436. <a href="/ask">ask</a>
  437. </span>{/block:AskEnabled}
  438. {block:HasPages}{block:Pages}<span class="linkss"><a href="{URL}">{Label}</a></span>{/block:Pages}{/block:HasPages}
  439.  
  440. {block:IfLinkOneTitle} <span class="linkss"> <a href="{text:Link One}"> {text:Link One Title}</a> </span> {/block:ifLinkOneTitle} {block:IfLinkTwoTitle} <span class="linkss"> <a href="{text:Link Two}">{text:Link Two Title}</a> </span> {/block:ifLinkTwoTitle} {block:IfLinkThreeTitle}<span class="linkss"> <a href="{text:Link Three}">{text:Link Three Title}</a> </span> {/block:ifLinkThreeTitle} {block:IfLinkFourTitle} <span class="linkss"> <a href="{text:Link Four}">{text:Link Four Title}</a> </span> {/block:ifLinkFourTitle} {block:IfLinkFiveTitle} <span class="linkss"> <a href="{text:Link Five}">{text:Link Five Title}</a> </span> {/block:ifLinkFiveTitle}
  441. <span class="linkss">
  442. <a href="http://wildthemes.tumblr.com/">theme</a>
  443. </span>
  444. </div>
  445. <div class="left">
  446. <div id="posts">
  447.  
  448.  
  449. {block:Posts}
  450. <div class="entry">
  451.  
  452.  
  453. {block:Answer}
  454. <div style= "background-color: #eee; border: 1px solid #444444; text-align; center; padding: 2px;">
  455. <b>{Asker}</b>: {Question}
  456. </div>
  457. {Answer}
  458. <br><br>
  459. <div class="permahover"><p><br><a href="{permalink}">{NoteCountwithLabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a></p></div>
  460. {/block:Answer}
  461.  
  462. {block:Text}
  463. <div class="text">
  464. {block:Title}
  465. <div class="title"> <a href="{Permalink}">{Title}</a></div>
  466. {/block:Title}
  467. {Body}
  468. <div class="permahover"><p><br><a href="{permalink}">{NoteCountwithLabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a></p></div>
  469. {block:IndexPage}
  470.  
  471. {/block:IndexPage}
  472. </div>
  473. {/block:Text}
  474.  
  475.  
  476. {block:Link}
  477. <div class="text">
  478. <div class="title"><a href="{URL}" class="link" {Target}>{Name}</a> </div>
  479. {block:Description}
  480. <div class="description">{Description}</div>
  481. {/block:Description}
  482. <p>
  483. {block:IndexPage}
  484. <div class="permahover"><p><br><a href="{permalink}">{NoteCountwithLabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a></p></div>
  485.  
  486. {/block:IndexPage}
  487.  
  488. </div>{/block:Link}
  489.  
  490.  
  491. {block:Photo}
  492. {block:IndexPage}
  493. {/block:IndexPage}
  494. {block:IndexPage}
  495.  
  496.  
  497.  
  498.  
  499. <a href="{Permalink}"><img src="{PhotoURL-500}"width="350px"/></a>
  500.  
  501. {/block:IndexPage}
  502. {block:PermalinkPage}<a href="{PhotoURL-HighRes}"><img src="{PhotoURL-HighRes}" width="100%"/>
  503. {/block:PermalinkPage}
  504. {/block:Photo}
  505.  
  506.  
  507.  
  508. {block:Photoset}
  509. {block:IndexPage}
  510. <center>
  511. {Photoset-250}</center>
  512. <div class="permahover"><p><br><a href="{permalink}">{NoteCountwithLabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a></p></div>
  513.  
  514. {/block:IndexPage}
  515. {block:PermalinkPage}
  516. <center>
  517. {Photoset-500}</center>
  518. {/block:PermalinkPage}
  519. {/block:Photoset}
  520.  
  521. {block:Quote}
  522. <div class="text">
  523. <div class="title"> "{Quote}" </div>
  524. {block:Source}
  525. <div style="text-align:right; line-height:12px;">- {Source}</div>
  526. {/block:Source}
  527. {block:IndexPage}
  528. <div class="permahover"><p><br><a href="{permalink}">{NoteCountwithLabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a></p></div>
  529.  
  530. {/block:IndexPage}
  531. </div>{/block:Quote}
  532.  
  533. {block:Chat}
  534. <div class="text">
  535. {block:Title}
  536. <div class="title"> <a href="{Permalink}">{Title}</a></div>
  537. {/block:Title}
  538. <ul class="chat">
  539. {block:Lines}
  540. <li class="{Alt} user_{UserNumber}"> {block:Label}<span style="text-transform:uppercase"> <span class="label">{Label}</span></span> {/block:Label}
  541. {Line} </li>
  542. {/block:Lines}
  543. </ul>
  544. {block:IndexPage}
  545. <div class="permahover"><p><br><a href="{permalink}">{NoteCountwithLabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a></p></div>
  546.  
  547. {/block:IndexPage}
  548. </div>{/block:Chat}
  549.  
  550.  
  551.  
  552. {Line}
  553. </li>
  554. {/block:Lines}
  555. </ul>
  556. {/block:Chat}
  557.  
  558. {block:Audio}
  559. <div class="text">
  560. {AudioPlayerGrey}
  561. {block:Caption}
  562. {Caption}
  563. {/block:Caption}
  564. {block:IndexPage}
  565. <div class="permahover"><p><br><a href="{permalink}">{NoteCountwithLabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a></p></div>
  566.  
  567. {/block:IndexPage}
  568. </div>{/block:Audio}
  569.  
  570.  
  571.  
  572.  
  573. {block:Video}
  574. {block:IndexPage}
  575. <div class="permahover"><p><br><a href="{permalink}">{NoteCountwithLabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a></p></div>
  576. <center>
  577. {Video-250}</center>
  578. {/block:IndexPage}
  579. {block:PermalinkPage}
  580. <center>
  581. {Video-500}</center>
  582. {/block:PermalinkPage}
  583. {block:Video}
  584.  
  585. {block:PermalinkPage}<br>
  586. {block:Date}<center>
  587. {block:Caption}{Caption}{/block:Caption}<br><hr>
  588. <center>
  589. Posted {TimeAgo} at {12HourWithZero}:{Minutes}{AmPm} {block:NoteCount} with {NoteCountWithLabel}{/block:NoteCount}{block:HasTags} & tagged as: {block:Tags}<a href="{TagURL}"> #{Tag}</a> {/block:Tags}{/block:hasTags}</center>
  590. {/block:Date}</div><br><br>
  591. {/block:PermalinkPage}
  592. <center>
  593. {block:PostNotes}{PostNotes}
  594. {/block:PostNotes}</center>
  595. </div>
  596.  
  597.  
  598. {/block:Posts}
  599. </div>
  600. </div>
  601. {block:IndexPage}
  602. {block:Pagination}
  603.  
  604. <div id="pagination">
  605. {block:NextPage}
  606. <a id="nextPage" href="{NextPage}"></a>
  607. {/block:NextPage}
  608. {block:PreviousPage}
  609. <a href="{PreviousPage}"></a>
  610. {/block:PreviousPage}
  611. </div>
  612. {/block:Pagination}
  613. {/block:IndexPage}
  614. </div>
  615.  
  616.  
  617. </body>
  618. <html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement