Advertisement
brattyrp

◤✧.°❀。 — THEME NUMBER ONE ' KILLKILL'

Jul 22nd, 2018
391
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 19.72 KB | None | 0 0
  1. <! DOCTYPE HTML>
  2. <head>
  3. <title>{Title}</title>
  4. <link rel="shortcut icon" href="{Favicon}">
  5. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  6. {block:Description}
  7. <meta name="description" content="{MetaDescription}" />
  8. {/block:Description}
  9.  
  10. <!--------
  11.  
  12. ◤✧.°❀。 — THEME NUMBER ONE ' KILLKILL' BY KITTY @ BRATTYRP
  13.  
  14. BASE CODE CREDIT: JULIAROLEPLAYS.
  15. SPECIAL THANK YOUS: OCTOMOOSEY ( tutorials ) DOHERTYS ( hosting two fonts )
  16.  
  17. -------->
  18.  
  19. <meta name="image:banners" content=""/>
  20. <meta name="image:navigation" content=""/>
  21. <meta name="image:sidebar bg" content=""/>
  22. <meta name="image:info" content=""/>
  23.  
  24. <meta name="color:text" content=""/>
  25. <meta name="color:links" content=""/>
  26. <meta name="color:bold" content=""/>
  27. <meta name="color:italic" content=""/>
  28. <meta name="color:accent one" content=""/>
  29. <meta name="color:accent two" content=""/>
  30. <meta name="color:accent three" content=""/>
  31. <meta name="color:sidebars" content=""/>
  32. <meta name="color:entries" content=""/>
  33. <meta name="color:container" content=""/>
  34. <meta name="color:question text" content=""/>
  35. <meta name="color:question bg" content=""/>
  36. <meta name="color:background" content=""/>
  37.  
  38. <meta name="text:link one url" content="/" />
  39. <meta name="text:link one title" content="" />
  40. <meta name="text:link two url" content="/" />
  41. <meta name="text:link two title" content="" />
  42. <meta name="text:link three url" content="/" />
  43. <meta name="text:link three title" content="" />
  44. <meta name="text:link four url" content=""/>
  45. <meta name="text:link four title" content=""/>
  46. <meta name="text:whatido" content=""/>
  47. <meta name="text:updates" content=""/>
  48.  
  49.  
  50. <style type="text/css">
  51.  
  52. @font-face { font-family: "poppins"; src: url('https://dl.dropboxusercontent.com/s/5tf8iw9skd99dgl/Poppins-Regular.ttf'); ;}
  53.  
  54. @font-face { font-family: hs1; src: url('https://dl.dropboxusercontent.com/s/fblyu61g2kzjtqg/HelloSunshine.otf') ;}
  55.  
  56. @font-face { font-family: g_revo; src: url('https://dl.dropboxusercontent.com/s/zt0t6xkpmud91wd/g_revo.ttf') ;}
  57.  
  58. @font-face { font-family: "LemonMilk"; src: url('https://dl.dropboxusercontent.com/s/lhszjbu2isbzomp/LemonMilk.otf') ;}
  59.  
  60.  
  61.  
  62. /* ◤✧.°❀。 — GENERAL*/
  63.  
  64.  
  65.  
  66. body {
  67. background-color:{color:background};
  68. font-family:'poppins';
  69. text-align:justify;
  70. color:{color:text};
  71. font-size:11px;
  72. letter-spacing;-1px;
  73. margin: 0;
  74. }
  75.  
  76. sub, sup, small {
  77. color:{color:text};
  78. font-size: 9px;
  79. }
  80.  
  81. a {
  82. color: {color:links};
  83. font-family:'poppins';
  84. text-decoration: none;
  85.  
  86. }
  87.  
  88. b {
  89. color:{color:bold};
  90. }
  91.  
  92. i {
  93. color:{color:italic};
  94. }
  95.  
  96.  
  97. h1 {
  98. font-family: hs1;
  99. font-size:60px;
  100. text-align:center;
  101. color:{color:text};
  102. padding:7px;
  103. margin:5px;
  104. letter-spacing:.5px;
  105. text-shadow:1px 1px 4px {color:desctext};}
  106.  
  107. h2 {
  108. font-family: LemonMilk;
  109. text-align:center;
  110. background: {color:accent three};
  111. height:17px;
  112. text-transform:uppercase;
  113. font-size:12px;
  114. color:black;
  115. padding-top: -1px;
  116. text-shadow:1px 1px {color:text}; }
  117.  
  118. h3 {
  119. font-family:'hs1';
  120. text-transform:lowercase;
  121. font-size:30px;
  122. padding:3px;
  123. text-align:center;
  124. border-bottom:2px solid rgba({RGBcolor:accent two},.5);margin:5px;
  125. color:{color:italic};
  126. }
  127.  
  128. h4 {
  129. font-size:12px;
  130. text-align:right;
  131. font-family: LemonMilk;
  132. letter-spacing:10px;
  133. padding:4px;margin:5px;
  134. color:{color:bold};
  135. }
  136.  
  137.  
  138. /* ◤✧.°❀。 — CONTAINERS*/
  139.  
  140. #upper {
  141. width: 1300px;
  142. margin: auto;
  143. background:{color:container};
  144. }
  145.  
  146. #lower {
  147. width: 1300px;
  148. min-height: 1500px;
  149. padding-top: 30px;
  150. margin: auto;
  151. margin-bottom: 0;
  152. background: {color:container};
  153. }
  154.  
  155. #postblock {
  156. width: 560px;
  157. margin: auto;
  158. }
  159.  
  160. /* ◤✧.°❀。 — HEADER*/
  161.  
  162. #navigation {
  163. font-family: LemonMilk;
  164. text-shadow: 0px 0px 5px {color:accent three};
  165. color:{color:accent three};
  166. padding-bottom:10px;
  167. font-size: 40px;
  168. position: fixed;
  169. margin-top: 0;
  170. width: 1300px;
  171. height: 70px;
  172. background-image:url('{image:navigation}');
  173. }
  174.  
  175. #navigation ul {
  176. list-style: none;
  177. margin: 0;
  178. margin-top: 20px;
  179. font-weight: 700;
  180. }
  181.  
  182. #navigation ul li {
  183. display: inline;
  184. text-align: center;
  185. margin-top: 0;
  186. }
  187.  
  188. #navigation ul li a {
  189. padding: 5px;
  190. text-transform: uppercase;
  191. text-align: center;
  192. letter-spacing: 2px;
  193. }
  194.  
  195. #banner {
  196. border:solid 1px {color:accent one};
  197. margin-top: 90px;
  198. height:450px;
  199. width: 1300px;
  200. }
  201.  
  202.  
  203.  
  204. /* ◤✧.°❀。 — SIDEBARS*/
  205.  
  206.  
  207. .description {
  208. font-size:12px;
  209. }
  210.  
  211. #left {
  212. background-color:{color:accent one};
  213. float: left;
  214. margin-left: 25px;
  215. max-height:300px;
  216. width: 300px;
  217. }
  218.  
  219. #right {
  220. float: right;
  221. margin-right: 25px;
  222. width: 300px;
  223. }
  224.  
  225. /* ◤✧.°❀。 — BOXES*/
  226.  
  227.  
  228. .boxheader {
  229. background-image:url('{image:banners}');
  230. box-shadow: 0px 0px 5px {color:accent one};
  231. border:2px dotted {color:accent one};
  232. width: 280px;
  233. height:50px;
  234. padding: 10px;
  235. color: {color:accent one};
  236. }
  237.  
  238. .boxtitle {
  239. padding-top:2px;
  240. font-family:LemonMilk;
  241. text-shadow: 0px 0px 5px {color:accent one};
  242. font-size:40px;
  243. text-align: center;
  244. }
  245.  
  246. .box {
  247. background-image:url('{image:sidebar bg}');
  248. border: 2px dotted {color:accent one};
  249. box-shadow: 0px 0px 5px {color:accent one};
  250. width: 280px;
  251. padding: 10px;
  252. margin-bottom: 15px;
  253. }
  254.  
  255. /* ◤✧.°❀。 — AFFIES*/
  256.  
  257.  
  258. .aff {
  259. display: inline-block;
  260. margin: 3px;
  261. }
  262.  
  263. /* ◤✧.°❀。 — OTHER BLOGS*/
  264.  
  265.  
  266. .rpgname {
  267. margin-top: 10px;
  268. margin-bottom: 5px;
  269. font-size: 20px;
  270. text-transform: uppercase;
  271. }
  272.  
  273. .rpgimg {
  274. float: left;
  275. }
  276.  
  277. .rpginfo {
  278. overflow-x: hidden;
  279. overflow-y: hidden;
  280. height: 55px;
  281. width: 195px;
  282. padding: 5px 5px 5px 75px;
  283. background: #dbdbdb;
  284. }
  285.  
  286. /* ◤✧.°❀。 — POSTS */
  287.  
  288.  
  289. .posts {
  290. background-color:{color:entries};
  291. border: double 6px {color:accent one};
  292. box-shadow: 0px 0px 5px {color:accent one};
  293. width: 500px;
  294. padding: 30px;
  295. margin-bottom: 20px;
  296. }
  297.  
  298. .entries {
  299. position:absolute;
  300. z-index:3;
  301. bottom:0px;
  302. right:0px;
  303. width:520px;
  304. height:460px;
  305. overflow-x:hidden;
  306. overflow-y:auto;
  307. background-color:transparent;
  308. box-sizing:border-box;
  309. padding:40px 40px 20px 40px;
  310. }
  311.  
  312.  
  313. /* ◤✧.°❀。 — ASKS */
  314.  
  315. #ask {
  316. z-index:10;
  317. font-size:16px;
  318. text-align:center;
  319. text-transform:lowercase;
  320. color:{color:question text};
  321. background-color:{color:question bg};
  322. margin-right:0px;
  323. padding:10px;
  324. padding-left:10px;
  325. }
  326.  
  327. #ask a {
  328. font-family: LemonMilk;
  329. color:{color:question text};
  330. }
  331.  
  332.  
  333. .bubble {
  334. color: {color:italic};
  335. font-size: 10px;
  336. line-height: 20px;
  337. background: {color:accent one};
  338. border: 2px dotted {color:accent one};
  339. box-shadow: 0px 0px 5px {color:accent one};
  340. -webkit-border-radius: 4px;
  341. -moz-border-radius: 4px;
  342. border-radius: 50px;
  343. padding: 8px 12px;
  344. position: relative;
  345. display: block;
  346. }
  347.  
  348.  
  349. /* ◤✧.°❀。 — PERMALINKS */
  350.  
  351. .permalink {
  352. margin:20px -20px -19px -19px;
  353. padding:20px;
  354. text-align:left;
  355. border-radius:0px 0px 3px 3px;
  356. font-family:calibri;
  357. }
  358.  
  359. .permalink a {
  360. margin-right:5px;
  361. color:{color:posts};
  362. }
  363.  
  364.  
  365.  
  366.  
  367. /* ◤✧.°❀。 — TAGS */
  368.  
  369.  
  370. .tags {
  371. background-image:url('{image:info}');
  372. border:solid 1px {color accent two};
  373. height:90px;
  374. width:500px;
  375. text-transform:uppercase;
  376. text-align:center;
  377. font-family:LemonMilk;
  378. font-size:12px;
  379. -webkit-transition-duration: 0.6s;
  380. transition-duration: 0.6s;
  381. }
  382.  
  383. .tags a {
  384. margin:5px 5px 0px 0px;
  385. padding-top:1px;
  386. padding-left:10px;
  387. display:inline-block;
  388. color:{color:accent one};
  389. }
  390.  
  391. .tags a:hover {
  392. background-color:{color:posts};
  393. color:{color:border};
  394. }
  395.  
  396. /* ◤✧.°❀。 — QUOTES */
  397.  
  398. .quote {
  399. font-family: 'hs1';
  400. color:{color:accent one};
  401. text-align:left;
  402. font-size:54px;
  403. line-height:18px;
  404. }
  405.  
  406. .source {
  407. font-family:LemonMilk;
  408. color{color:accent two};
  409. font-size:20px;
  410. margin-top:10px;
  411. text-align:center;
  412. }
  413.  
  414. /* ◤✧.°❀。 — CHATS */
  415.  
  416. .convo li {
  417. background-color:{color:accent one};
  418. margin:0 0 5px;
  419. border-radius:1em;
  420. padding:.5em 10px;
  421. max-width:75%;
  422. clear:both;
  423. position:relative;
  424. }
  425.  
  426. .convo li:before {
  427. content:"";
  428. }
  429.  
  430. .convo b, .convo strong {
  431. color:{color:accent two};
  432. font-family:Lemon/Milk;
  433. text-transform:uppercase;
  434. }
  435.  
  436. .user_1, .user_3, .user_5, .user_7, .user_9, .user_11 {
  437. float:left;
  438. background:{color:bold};
  439. color:{color:text};
  440. left:3px;
  441. }
  442.  
  443. .user_1::after, .user_3::after, .user_5::after, .user_7::after, .user_9::after, .user_11::after {
  444. content:"";
  445. position:absolute;
  446. left:-.5em;
  447. bottom:0;
  448. width:.5em;
  449. height:1em;
  450. border-right:.5em solid {color:bold};
  451. border-bottom-right-radius:1em .5em;
  452. }
  453.  
  454. .user_2, .user_4, .user_6, .user_8, .user_10, .user_12 {
  455. right:3px;
  456. float:right;
  457. background-color:{color:italic};
  458. color:{color:text};
  459. }
  460.  
  461. .user_2::after, .user_4::after, .user_6::after, .user_8::after, .user_10::after, .user_12::after {
  462. content:"";
  463. position:absolute;
  464. right:-.5em;
  465. bottom:0;
  466. width:.5em;
  467. height:1em;
  468. border-left:.5em solid {color:italic};
  469. border-bottom-left-radius:1em .5em;
  470. }
  471.  
  472. .user_4 {background-color:{color:border};color:{color:posts};}
  473. .user_4::after {border-color:{color:border};}
  474.  
  475. .user_6 {background-color:{color:italic};color:{color:text};}
  476. .user_6::after{border-color:{color:italic};}
  477.  
  478. .user_5{background-color:{color:bold};color:{color:text};}
  479. .user_5::after{border-color:{color:bold};}
  480.  
  481. .user_3{background-color:{color:accent};color:{color:text};}
  482. .user_3::after{border-color:{color:accent};}
  483.  
  484. .user_7{background-color:{color:accent};color:{color:text};}
  485. .user_7::after{border-color:{color:accent};}
  486.  
  487. .user_8{background-color:{color:border};color:{color:posts};}
  488. .user_8::after{border-color:{color:border};}
  489.  
  490. .user_9{background-color:{color:bold};color:{color:text};}
  491. .user_9::after{border-color:{color:bold};}
  492.  
  493. .convo {
  494. overflow: hidden;
  495. list-style-type: none;
  496. padding: 0;
  497. margin: 0;
  498. }
  499.  
  500.  
  501. /* ◤✧.°❀。 — PAGINATION */
  502.  
  503. .pagination {
  504. width: 400px;
  505. padding-bottom: 20px;
  506. margin-left: auto;
  507. margin-right: auto;
  508. margin-top: 20px;
  509. text-align: center;
  510. text-transform: uppercase;
  511. }
  512.  
  513. .jump_page {
  514. padding: 10px;
  515. }
  516.  
  517. .current_page {
  518. margin-left: 5px;
  519. }
  520.  
  521. .current_page, .jump_page:hover {
  522. padding: 10px;
  523. }
  524.  
  525.  
  526.  
  527. </style><body>
  528.  
  529. <!---------------- HEADER START ---------------->
  530.  
  531. <div id="upper">
  532.  
  533. <div id="navigation">
  534. <ul>
  535. <li><a href="{text:link one url}">{text:link one title}</a>
  536. <li><a href="{text:link two url}">{text:link two title}</a>
  537. <li><a href="{text:link three url}">{text:link three title}</a>
  538. <li><a href="{text:link four url}">{text:link four title}</a>
  539. <li><a href="{text:link five url}">{text:link five title}</a>
  540. </ul>
  541. </div>
  542.  
  543.  
  544. <img src="https://imgur.com/exoszOH.png" id="banner">
  545.  
  546. </div>
  547.  
  548. <!---------------- HEADER END ---------------->
  549.  
  550. <!---------------- LOWER BODY START ---------------->
  551.  
  552. <div id="lower">
  553.  
  554. <!---------------- LEFT SIDEBAR START ---------------->
  555.  
  556. <div id="left">
  557.  
  558. <!-------- GENERAL BOX START -------->
  559.  
  560. <div class="boxheader">
  561. <div class="boxtitle">This is the title</div>
  562. </div>
  563. <div class="box" class="">
  564. <img src="https://imgur.com/UFgA3tZ.png"> <br>
  565. <div class="description">{Description}</div>
  566. <h1>this is an h1</h1>
  567. <h2>this is an h2</h2>
  568. <h3>this is an h3</h3>
  569. <h4>this is an h4</h4>
  570. </div>
  571.  
  572.  
  573.  
  574. <!-------- GENERAL END -------->
  575.  
  576. <!-------- AFFILIATES START -------->
  577.  
  578. <div class="boxheader">
  579. <div class="boxtitle">Affiliates</div>
  580. </div>
  581. <div class="box" class="affiliates">
  582.  
  583. <div class="aff">
  584. <a href="URL">
  585. <img src="https://imgur.com/Tc9YDcu.png">
  586. </a>
  587. </div>
  588.  
  589. <div class="aff">
  590. <a href="URL">
  591. <img src="https://imgur.com/Tc9YDcu.png">
  592. </a>
  593. </div>
  594.  
  595. <div class="aff">
  596. <a href="URL">
  597. <img src="https://imgur.com/Tc9YDcu.png">
  598. </a>
  599. </div>
  600.  
  601. <div class="aff">
  602. <a href="URL">
  603. <img src="https://imgur.com/Tc9YDcu.png">
  604. </a>
  605. </div>
  606.  
  607. <div class="aff">
  608. <a href="URL">
  609. <img src="https://imgur.com/Tc9YDcu.png">
  610. </a>
  611. </div>
  612.  
  613. <div class="aff">
  614. <a href="URL">
  615. <img src="https://imgur.com/Tc9YDcu.png">
  616. </a>
  617. </div>
  618.  
  619. <div class="aff">
  620. <a href="URL">
  621. <img src="https://imgur.com/Tc9YDcu.png">
  622. </a>
  623. </div>
  624.  
  625. <div class="aff">
  626. <a href="URL">
  627. <img src="https://imgur.com/Tc9YDcu.png">
  628. </a>
  629. </div>
  630.  
  631. </div>
  632.  
  633. <!-------- AFFILIATES END -------->
  634.  
  635.  
  636. <!-------- WHATIDO START -------->
  637.  
  638. <div class="boxheader">
  639. <div class="boxtitle">Whatido</div>
  640. </div>
  641. <div class="box" class="affiliates">
  642.  
  643. {text:whatido}
  644.  
  645. </div>
  646.  
  647. <!-------- WHATIDO END -------->
  648.  
  649.  
  650. </div>
  651.  
  652. <!---------------- LEFT SIDENBAR END ---------------->
  653.  
  654. <!---------------- RIGHT SIDEBAR START ---------------->
  655.  
  656. <div id="right">
  657.  
  658. <!-------- OTHER BLOGS START -------->
  659.  
  660. <div class="boxheader">
  661. <div class="boxtitle">MY BLOGS</div>
  662. </div>
  663. <div class="box">
  664.  
  665. <!---- OTHER BLOGS END ---->
  666.  
  667. <div class="rpgname"><h1>delreylooks</h1></div>
  668. <div id="roleplay">
  669. <img src="https://imgur.com/C3GtDo9.png">
  670. <h4>( delreylooks )</h4>
  671. <h2>BLOG TYPE: <i>Fansite.</i>
  672. <h2>STATUS:<i> Coming soon.</i>
  673.  
  674.  
  675. </div>
  676.  
  677. <!---- OTHER BLOGS END ---->
  678.  
  679. <!---- OTHER START ---->
  680.  
  681. <div class="rpgname"><br><h1>brattyicons</h1></div>
  682. <div id="roleplay">
  683. <img src="https://imgur.com/2jmOSlX.png">
  684. <h4>( brattyicons )</h4>
  685. <h2>BLOG TYPE: <i>resource..</i>
  686. <h2>STATUS:<i> active.</i>
  687.  
  688. </div>
  689.  
  690. <!---- OTHER BLOGS END ---->
  691.  
  692. </div>
  693.  
  694. <!-------- FEATURED RPGS END -------->
  695.  
  696. <!-------- UPDATES START -------->
  697.  
  698. <div class="boxheader">
  699. <div class="boxtitle">Updates</div>
  700. </div>
  701. <div class="box" class="affiliates">
  702.  
  703. {text:updates}
  704.  
  705. </div>
  706.  
  707. <!-------- UPDATES END -------->
  708.  
  709.  
  710. </div>
  711.  
  712. <!---------------- RIGHT SIDEBAR END ---------------->
  713.  
  714. <!---------------- POSTS START ---------------->
  715.  
  716. <div id="postblock">
  717.  
  718. {block:Posts}
  719.  
  720. <div class="posts">
  721.  
  722.  
  723. <!-------- GENERAL CONTENT -------->
  724.  
  725. {block:Text}
  726. {block:Title}{Title}{/block:Title}
  727. {Body}
  728. {/block:Text}
  729.  
  730. <!-------- SINGLE IMAGE -------->
  731.  
  732. {block:Photo}
  733. <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
  734. {block:Caption}{Caption}{/block:Caption}
  735. {/block:Photo}
  736.  
  737. <!-------- CHAT -------->
  738.  
  739. {block:Chat}
  740. {block:Title}<h2>{Title}</h2>{/block:Title}
  741. <ul class="convo">{block:Lines}<li class="line">{block:Label}<span class="label">{Label}</span>{/block:Label}
  742. {Line}</li>{/block:Lines}</ul>
  743. {/block:Chat}
  744.  
  745.  
  746. <!-------- PHOTOSETS -------->
  747.  
  748. {block:Panorama}
  749. {LinkOpenTag}
  750. <img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>
  751. {LinkCloseTag}
  752. {block:Caption}{Caption}{block:Caption}
  753. {/block:Panorama}
  754.  
  755. {block:Photoset}
  756. {Photoset-500}
  757. {block:Caption}{Caption}{/block:Caption}
  758. {/block:Photoset}
  759.  
  760. <!-------- QUOTE -------->
  761.  
  762. {block:Quote}
  763. <div class="quote"><b>&ldquo;</b>{Quote}<b>&rdquo;</b></div>
  764. {block:Source}
  765. <div class="source">&mdash; {Source}</div>
  766. {/block:Source}
  767. {/block:Quote}
  768.  
  769.  
  770.  
  771. <!-------- LINK -------->
  772.  
  773. {block:Link}
  774. <a href="{URL}" class="link">{Target}{Name}</a>
  775. {block:Description}{Description}{/block:Description}
  776. {/block:Link}
  777.  
  778. <!-------- VIDEO -------->
  779.  
  780.  
  781. {block:Video}
  782. {Video-500}
  783. {block:Caption}{Caption}{/block:Caption}
  784. {/block:Video}
  785.  
  786. <!-------- AUDIO -------->
  787.  
  788. {block:Audio}
  789. {AudioEmbed}
  790. {block:Caption}{Caption}{/block:Caption}
  791. {/block:Audio}
  792.  
  793. <!-------- ASK -------->
  794.  
  795. {block:Answer}
  796. <div id="ask"><img class="asker-avatar" src="{AskerPortraitURL-48}" alt=""> {Asker} sent:</div>
  797. <div class="question bubble">
  798. {Question}
  799. </div>
  800. <br>{Answer}
  801. {/block:Answer}
  802. <!---------------- POSTS END ---------------->
  803. <!-- Tags -->
  804.  
  805. {block:HasTags}<div class="tags"><span>TAGGED AS:</span> {block:Tags}<a href="{TagURL}">#{Tag}</a> &nbsp;{/block:Tags}</div>{/block:HasTags}
  806.  
  807.  
  808. {block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom}
  809.  
  810. {block:ContentSource}<!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->{/block:ContentSource}
  811.  
  812. </div>
  813.  
  814. {/block:Posts}
  815.  
  816. <!---------------- PAGINATION START ---------------->
  817.  
  818. {block:Pagination}
  819. <div class="pagination">
  820.  
  821. {block:PreviousPage}
  822. <a href="{PreviousPage}">Previous</a>
  823. {/block:PreviousPage}
  824. {block:JumpPagination length="10"}
  825. {block:CurrentPage}
  826. <span class="current_page"> {PageNumber} </span>
  827. {/block:CurrentPage}
  828.  
  829. {block:JumpPage}
  830. <a class="jump_page" href="{URL}"> {PageNumber} </a>
  831. {/block:JumpPage}
  832. {/block:JumpPagination}
  833.  
  834. {block:NextPage}
  835. <a href="{NextPage}">Next</a>
  836. {/block:NextPage}
  837.  
  838. </div>
  839. {/block:Pagination}
  840.  
  841. </div>
  842.  
  843. <!---------------- PAGINATION END ---------------->
  844.  
  845. </div>
  846.  
  847. <!---------------- FOOTER START ---------------->
  848.  
  849. <div id="footer">
  850. This is the footer, credit, a disclaimer or whatever you want can go here.
  851. </div>
  852.  
  853. <!---------------- FOOTER END ---------------->
  854.  
  855. <!---------------- LOWER BODY END ---------------->
  856.  
  857. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement