Advertisement
themepirate

SIEGE THEME by THEMEPIRATE

Nov 6th, 2012
1,962
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 20.95 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.  
  3. <!--------------------------------------------
  4.  
  5. *************** *************
  6. *************** **************
  7. *************** ***************
  8. ***** ***** ****
  9. ***** ***************
  10. ***** *************
  11. ***** heme ***** irate
  12. ***** *****
  13. ***** *****
  14.  
  15. Theme: Siege Date: 11/6/12
  16. By: Byron (BlogInfinity.me)
  17.  
  18. themepirate.tumblr.com
  19. ---------------------------------------------->
  20.  
  21. <html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US">
  22. <title>{Title}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
  23. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  24. <link rel="shortcut icon" href="{Favicon}" />
  25. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  26. <link href='http://fonts.googleapis.com/css?family=Francois+One' rel='stylesheet' type='text/css'>
  27.  
  28. <meta name="color:Background" content="#ffffff" />
  29. <meta name="color:Box" content="#ffffff" />
  30. <meta name="color:Text" content="#666666" />
  31. <meta name="color:Links" content="#3a3a3a" />
  32. <meta name="color:Links Hover" content="#727272" />
  33. <meta name="color:Title Color" content="#242424" />
  34. <meta name="color:Title Hover Color" content="#525252" />
  35. <meta name="color:Chat" content="#ffffff" />
  36. <meta name="color:Asker Background" content="#ffffff" />
  37. <meta name="image:Background" content="" />
  38. <meta name="font:Body" content="Helvetica" />
  39. <meta name="font:Links" content="Helvetica" />
  40. <meta name="font:Title" content="Helvetica" />
  41. <meta name="if:Infinite Scroll" content="0"/>
  42. <meta name="if:To top button" content="1" />
  43. <meta name="if:Show Caption" content="0" />
  44. <meta name="if:Show Post Links" content="1" />
  45. <meta name="if:Show Ask Link" content="1" />
  46. <meta name="if:Show Archive Link" content="0" />
  47.  
  48. <meta name="text:Custom Link 1" content="" />
  49. <meta name="text:Custom Link 1 Title" content="Link 1" />
  50. <meta name="text:Custom Link 2" content="" />
  51. <meta name="text:Custom Link 2 Title" content="Link 2" />
  52. <meta name="text:Custom Link 3" content="" />
  53. <meta name="text:Custom Link 3 Title" content="Link 3" />
  54.  
  55. <head>
  56. <script type="text/javascript" src="http://static.tumblr.com/d0qlne1/DiAl6ekb7/jquery-1.4.2.min.js"></script>
  57. <script src="http://static.tumblr.com/uiqhh9x/61sm66w66/jquery.min.js" type="text/javascript"></script>
  58. <script src="http://static.tumblr.com/uiqhh9x/3Jpm92lk1/totop.js" type="text/javascript"></script>
  59.  
  60. <link rel="stylesheet" type="text/css" href="http://static.tumblr.com/cpaytv3/nKOlyumhg/reset.css">
  61.  
  62.  
  63.  
  64.  
  65. <style type="text/css">
  66. body {
  67. background: {color:Background} url('{image:Background}') top left fixed repeat;
  68. color: {color:Text};
  69. font-family: {font:Body};
  70. font-size: 12px;
  71. padding-top:5px;
  72. background-position:top left;
  73. text-align:justify;
  74. text-justify:inter-word;
  75. text-transform:{text:Body Text transform};
  76. -webkit-font-smoothing: antialiased;
  77. }
  78.  
  79. a, a:link, a:visited {
  80. color: {color:Links};
  81. font-family: {font:Links};
  82. text-transform: {text:Body Text transform};
  83. text-decoration: none;
  84. font-size: 11px;
  85. }
  86.  
  87. a:hover {
  88. color: {color:Links Hover};
  89. font-family: {font:Links};
  90. text-decoration: none;
  91. font-size: 11px; }
  92.  
  93.  
  94. .popoy {
  95. font-size:10px;
  96. font-family:{font:Links};
  97. line-height:10px;
  98. text-transform:{text:Body Text transform};
  99. margin-top:1px;}
  100.  
  101. .popoy a {
  102. font-size:10px;
  103. line-height:11px;
  104. font-family:{font:Links};
  105. text-transform:{text:Body Text transform};
  106. margin-top:1px;
  107. color: {color:Links};}
  108.  
  109. .popoy a:hover {
  110. font-size:10px;
  111. line-height:9px;
  112. font-family:{font:Links};
  113. text-transform:{text:Body Text transform};
  114. margin-top:1px;
  115. color: {color:Links Hover};}
  116.  
  117.  
  118. p {
  119. margin: 5px 0 0 0;
  120. line-height:12px;
  121. padding: 0; }
  122. ul, ol {
  123. margin: 5px 0 0 25px; padding: 0; }
  124. blockquote {
  125. margin: 2px 2px 1px 2px;
  126. padding: 1px 2px 1px 4px;
  127. border: 0px solid {color:Text}; }
  128. blockquote p {
  129. margin: 0;
  130. padding: 0;
  131. line-height: 12px; }
  132.  
  133. #content {
  134. {block:IndexPage}
  135. width: 1170px;
  136. margin-left: 100px;
  137. {/block:IndexPage}
  138. {block:PermalinkPage}
  139. width: 550px;
  140. {/block:PermalinkPage}
  141. {block:PermalinkPage}
  142. margin-left: 380px;
  143. {/block:PermalinkPage}
  144. margin-top: 10px;
  145. }
  146.  
  147. #container {
  148. width: 800px;
  149. }
  150.  
  151. .header { width: 1070px;
  152. margin-top: 25px; text-align: center;
  153. margin-left: 105px;
  154. }
  155.  
  156. .menu, .menu a {
  157. margin-right: 5px;
  158. text-transform: uppercase; float: center;
  159. text-align: center; font-size: 13px;
  160. color: {color:Links};
  161. }
  162.  
  163. .entry {
  164. float: left;
  165.  
  166. {block:indexpage}
  167. width: 260px;
  168. {/block:indexpage}
  169. margin: 5px;
  170. {block:permalinkpage}
  171. width: 500px;
  172. {/block:permalinkpage}
  173. padding: 0px;
  174. background: {color:box};
  175. display: block;
  176. position: relative;
  177. }
  178.  
  179. .entry img {
  180. display: block;
  181. max-width: 100%;
  182. }
  183.  
  184. .entry:hover img {
  185. max-width: 100%;
  186. }
  187.  
  188. #sidebar {
  189. width: 200px;
  190. border-left: 1px solid;
  191. overflow:hidden;
  192. padding: 5px;
  193. {block:ifSideBarIsFixed}
  194. position:fixed;
  195. {/block:ifSideBarIsFixed}
  196. {block:ifNotSideBarIsFixed}
  197. position:absolute;
  198. {/block:ifNotSideBarIsFixed}
  199. text-align:justify;
  200. text-transform:{text:Body Text transform};
  201. top: 75px; right: 75px;
  202. font-family:{font:Body};
  203.  
  204. }
  205.  
  206. #left {
  207. line-height: 12px;
  208. height:auto; color: {color:Text};
  209. padding: 5px;
  210. font-size: 11px; letter-spacing: 0px;
  211. Display:block;
  212. }
  213.  
  214. .entry:hover .nts, .entry:hover .rblg, .entry:hover .dte {
  215. width: 252px; height: 100%;
  216. opacity: .9; font-family: 'Francois One', sans-serif;
  217. filter: alpha(opacity = 90);
  218. -webkit-transition: all 0.5s ease-out;
  219. -moz-transition: all 0.5s ease-out;
  220. }
  221.  
  222.  
  223. .entry:hover .p1, .entry:hover .p2, .entry:hover .p3 {
  224. opacity: .7;
  225. filter: alpha(opacity = 70);
  226.  
  227.  
  228. }
  229.  
  230. .p1 {
  231. -webkit-transition: all 0.5s ease-out;
  232. -moz-transition: all 0.5s ease-out;
  233. top: 2px;
  234. width: 252px;
  235. height: 100%;
  236. opacity: 0;
  237. filter: alpha(opacity = 0);
  238. z-index:9999999;
  239. display: inline-block;
  240. position: absolute;
  241. text-transform: uppercase;
  242. font-family: 'Francois One', sans-serif;
  243. size: 24px;
  244. }
  245.  
  246. .perma1, .perma1 a {
  247. margin-top: 5px;
  248. font-family: 'Francois One', sans-serif;
  249. font-size:12px; color: {color:Links};
  250. }
  251.  
  252. .rblg {
  253. height: 100%; width: 252px;
  254. background-color: #000;
  255. overflow: hidden;
  256. z-index: 9999999;
  257. top: -2px;
  258. color: #fff;
  259. padding-left: 4px;
  260. padding-right: 4px;
  261. -moz-border-radius: 2px;
  262. border-radius: 2px;
  263. position: relative;
  264. display: inline-block;
  265. text-transform: uppercase;
  266. text-align: left;
  267. -webkit-transition: all 0.5s ease-out;
  268. -moz-transition: all 0.5s ease-out;
  269. opacity: .7;
  270. filter: alpha(opacity = 70);
  271. font-family: 'Francois One', sans-serif;
  272. }
  273.  
  274. .rblg a {
  275. color: #ffffff!important; text-transform: uppercase;
  276. font-family: 'Francois One', sans-serif; font-size: 42px;
  277. }
  278.  
  279. .rblg:hover, .rblg a:hover {
  280. color: #000; text-transform: uppercase;
  281. font-family: 'Francois One', sans-serif;
  282. }
  283.  
  284. .n1, .n1 a { color: #ffffff!important; text-transform: uppercase;
  285. font-family: 'Francois One', sans-serif; font-size: 45px;
  286.  
  287.  
  288. }
  289.  
  290. .n2, .n2 a { color: #ffffff!important; text-transform: uppercase;
  291. font-family: 'Francois One', sans-serif; font-size: 18px;
  292. margin-top: -8px;
  293.  
  294. }
  295.  
  296. .n3, .n3 a { color: #ffffff!important; text-transform: uppercase;
  297. font-family: 'Francois One', sans-serif; font-size: 16px;
  298. margin-top: -3px;
  299.  
  300. }
  301.  
  302. .rblg:hover , .dte:hover {
  303. color: #ffffff!important;
  304. }
  305.  
  306.  
  307. .title, .title a {
  308. font-family: 'Francois One', sans-serif;
  309. font-size: 26px;
  310. color: {color:title color};
  311. line-height: 22px;
  312. letter-spacing:1px;
  313. text-transform: none;
  314. }
  315.  
  316. .title:hover, .title a:hover {
  317. color:{color:title hover color};
  318. }
  319.  
  320. .btitle, .btitle a {
  321. font-family: 'Francois One', sans-serif;
  322. font-size: 60px;
  323. color: {color:title color};
  324. line-height: 20px;
  325. letter-spacing:0px;
  326. text-transform: uppercase;
  327. text-align: center;
  328. }
  329.  
  330. .btitle:hover, .btitle a:hover {
  331. color:{color:title hover color};
  332. }
  333.  
  334.  
  335.  
  336. .pos {
  337. background-color: {color:Chat};
  338. }
  339. .audioplayer {
  340. padding-left: 12px;
  341. background-color:#e3e3e3;
  342. }
  343. .playcount {
  344. float: right;
  345. clear: both;
  346. padding-top: 10px;
  347. padding-right: 20px;
  348. color:{color:link};
  349. text-shadow: none;
  350. font-size:10px;
  351. text-transform:{text:Title text transform};
  352. }
  353.  
  354. #sidebar img {
  355. max-width:100%;
  356. }
  357.  
  358. #sidebar img {
  359. border: 0px;
  360. display: block;
  361. }
  362.  
  363. .ques {
  364. background-color:{color:Asker Background};
  365. padding:5px;
  366. font-family: {font:Title};
  367. font-size: 12px;
  368. line-height: 16px;
  369. text-transform: uppercase;
  370. letter-spacing:-1px;
  371. }
  372. .ques a {
  373. font-family: {font:Title};
  374. font-size: 12px;
  375. line-height: 16px;
  376. text-transform: uppercase;
  377. letter-spacing:-1px;color:{color:Links};
  378. }
  379. .ques a:hover {
  380. color: {color:Links Hover};}
  381. .said a {
  382. font-family: {font:Title};
  383. font-size: 12px;
  384. line-hepxht: 14px;
  385. text-transform: uppercase;
  386. letter-spacing:-1px;
  387. margin-top:6px;
  388. }
  389. .said a:hover {
  390. font-family: {font:Title};
  391. font-size: 12px;
  392. line-height: 14px;
  393. text-transform: uppercase;
  394. letter-spacing:-1px;
  395. margin-top:6px;
  396. }
  397.  
  398. .nav a {
  399. font-size: 13px;
  400. font-family: 'Francois One', sans-serif;
  401. }
  402. .nav {
  403. font-size: 13px;
  404. font-family: 'Francois One', sans-serif;
  405. }
  406.  
  407. .pagination {
  408. float:center;
  409. margin-top:-10px;
  410. width: auto;
  411. height:auto;
  412. margin-left: 3px;
  413. text-align: center;
  414. line-height:35px;
  415. font-family: 'Francois One', sans-serif;
  416. font-size:18px; color:
  417. }
  418.  
  419. .pagination a, .pagination a:active, .pagination a:visited {
  420. float:center;
  421. margin-top:0px;
  422. width: 519px;
  423. height:auto;
  424. margin-left: 3px;
  425. text-align: center;
  426. line-height:35px;
  427. font-family: 'Francois One', sans-serif;
  428. font-size:18px;
  429. }
  430.  
  431. .pag
  432. { background-color:{color:box};
  433. font-family: 'Francois One', sans-serif;
  434. margin: 0 0 0px 0;
  435. padding: 3px;
  436. color: {color:Text}
  437. text-align: center;
  438. font-size:15px;
  439. overflow:hidden;
  440. }
  441.  
  442.  
  443. .pag a:visited, .pag a:link
  444. {background-color:{color:box};
  445. font-family: 'Francois One', sans-serif;
  446. margin: 0 0 0px 0;
  447. padding: 3px;
  448. text-align: center;
  449. font-size:15px;
  450. overflow:hidden;
  451. text-align: center;
  452. }
  453. .pag a:active {
  454. font-family: 'Francois One', sans-serif;
  455. margin: 0 0 0px 0;
  456. padding: 3px;
  457. text-align: center;
  458. font-size:15px;
  459. }
  460.  
  461. .pag a:hover {
  462. font-family: 'Francois One', sans-serif;
  463. color: {color:Links};
  464. }
  465.  
  466. #toTop {
  467. display:none;
  468. text-decoration:none;
  469. position:fixed;
  470. bottom:10px;
  471. right:10px;
  472. overflow:hidden;
  473. width:51px;
  474. height:51px;
  475. border:none;
  476. text-indent:100%;
  477. background:url(http://static.tumblr.com/8jq17g7/Ecym0czgw/ui.totop.png) no-repeat left top;
  478. opacity: .5;
  479. filter: alpha(opacity = 50);
  480. }
  481.  
  482. #toTopHover {
  483. background:url(http://static.tumblr.com/8jq17g7/Ecym0czgw/ui.totop.png) no-repeat left top;
  484. width:51px;
  485. height:51px;
  486. display:block;
  487. overflow:hidden;
  488. float:left;
  489. opacity: 0;
  490. -moz-opacity: 0;
  491. filter:alpha(opacity=0);
  492. }
  493.  
  494. #toTop:hover {
  495. opacity: 1;
  496. filter: alpha(opacity = 100);
  497. }
  498.  
  499. #toTop:active, #toTop:focus {
  500. outline:none;
  501. }
  502.  
  503. {block:IfInfiniteScroll}
  504. .tumblrAutoPager_page_info, .tumblrAutoPager_page_separator {display:none;}
  505. #infscr-loading {
  506. display:none;
  507. }
  508. .navigation {
  509. display:none!important;
  510. }
  511. #pagination {
  512. display:none;
  513. {/block:IfInfiniteScroll}
  514. }
  515.  
  516. #infscr-loading {
  517. position: absolute!important;
  518. width: 16px!important;
  519. height: 11px!important;
  520. bottom: 0px!important;
  521. left: 50%!important;
  522. margin-top: 10px!important;
  523. margin-bottom: 5px!important;
  524. }
  525.  
  526. #over{
  527. height:50000px!important;
  528. position:absolute;
  529. top:0px;
  530. left:0px;
  531. width: 100%;}
  532.  
  533. .hrline { margin-left: -5px; margin-right: -5px; padding:-1000px width: 410px;}
  534.  
  535. .t1, .t1 a {
  536. font-family: 'Francois One', sans-serif;
  537. font-size: 15px; margin: 1px;
  538. color: {color:Links};
  539. line-height: 15px;
  540. letter--spacing:-1px;
  541. text-transform: none; text-align:left;
  542. }
  543.  
  544.  
  545.  
  546. .perma2, .perma2 a {
  547. margin-top: 5px;
  548. font-family: 'Francois One', sans-serif;
  549. font-size:14px; color: {color:Links};
  550. }
  551.  
  552.  
  553.  
  554. .prmlnk {
  555. background:{color:box};
  556. font-size:15px;
  557. margin-bottom: 10px;
  558. margin-left:5px;
  559. margin-top:0px;
  560. {block:indexpage}
  561. width: 500px;
  562. {/block:indexpage}
  563. {block:permalinkpage}
  564. width: 500px;
  565. {/block:permalinkpage}
  566. padding: 0px;
  567. display: block; overflow:hidden;
  568. position: relative;
  569. }
  570.  
  571. .desc {text-align: justify; width: 600px; float: center; margin-left: 240px;}
  572.  
  573. </style>
  574.  
  575. </head>
  576.  
  577.  
  578. <style type="text/css">{CustomCSS}</style>
  579.  
  580. <body>
  581.  
  582. <div id="container">
  583. <div class="header">
  584. <div class="btitle">
  585. <a href="/">{Title}</a></div><br><br>
  586.  
  587. <div class="menu">
  588. <a href="/">HOME</a>
  589. {block:IfShowArchiveLink}
  590. <a href="/archive">ARCHIVE</a>
  591. {/block:IfShowArchiveLink}
  592. {block:IfShowAskLink}
  593. <a href="/ask">ASK</a>
  594. {/block:IfShowAskLink}
  595. <a href="http://themepirate.tumblr.com">THEME</a>
  596. <a href="{text:Custom Link 1}">{text:Custom Link 1 Title}</a> {/block:ifCustomLink1Title}
  597. <a href="{text:Custom Link 2}">{text:Custom Link 2 Title}</a> {/block:ifCustomLink2Title}
  598. <a href="{text:Custom Link 3}">{text:Custom Link 3 Title}</a> {/block:ifCustomLink3Title}<br><p><p>
  599. </div>
  600. <div class="desc"> {Description}</div>
  601. </div>
  602.  
  603. <div id="content">
  604.  
  605.  
  606. {block:Posts}
  607. <div class="entry">
  608.  
  609. {block:Text}
  610. {block:Title}
  611. <div class="title"><a href="{Permalink}">{Title}</a></div>
  612. {/block:Title} {block:indexpage}
  613. {Body}
  614. {block:IfShowPostLinks}
  615. <div class="perma1">
  616. <a href="{Permalink}">&#215;</a>
  617. </div>
  618. {/block:IfShowPostLinks}
  619. {/block:indexpage}
  620. {block:PermalinkPage}
  621. {Body}
  622. {/block:PermalinkPage}
  623. {/block:Text}
  624.  
  625. {block:Photo}
  626. {block:IndexPage}
  627. <div class="p1">
  628. <div class="rblg"><div class="n1"><a href="{Permalink}">{NoteCount}<a><p>
  629. </div>
  630. <div class="n2"><a href="{reblogurl}">Reblog This Post</a><br>
  631. <div class="n3"> {Month} {DayOfMonth}, {Year} </div>
  632. </div>
  633. </div>
  634. </div>
  635.  
  636. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" width="500"/></a>{LinkCloseTag}
  637. {block:ifShowCaption}
  638. {block:Caption}{Caption}{/block:Caption}
  639. {/block:ifShowCaption}
  640. {/block:IndexPage}
  641. {block:PermalinkPage}<div align="center">
  642. <img src="{PhotoURL-500}" alt="{PhotoAlt}"/></div>
  643. {block:Caption}{Caption}{/block:Caption}
  644. {/block:PermalinkPage}
  645. {/block:Photo}
  646.  
  647. {block:Photoset}
  648. {block:IndexPage}
  649. <center>{Photoset-250}</center>
  650. {block:ifShowCaption}{block:Caption}{caption}{/block:Caption}{/block:ifShowCaption}
  651. {block:IfShowPostLinks}
  652. <div class="perma1">
  653. <a href="{Permalink}">&#215;</a>
  654. </div> {/block:IfShowPostLinks}
  655. {/block:IndexPage}
  656. {block:permalinkpage}<div align="center">
  657. {Photoset-500}</div>
  658. {block:Caption}{Caption}{/block:Caption}
  659. {/block:permalinkpage}
  660. {/block:Photoset}
  661.  
  662. {block:Video}
  663. {block:IndexPage}<div align="center">{Video-250}</div> <p>
  664. {block:IfShowPostLinks}
  665. <div class="perma1">
  666. <a href="{Permalink}">&#215;</a>
  667. </div> {/block:IfShowPostLinks}
  668. {block:ifShowCaption}{block:Caption}{caption}{/block:Caption}{/block:ifShowCaption}
  669. {/block:IndexPage}
  670. {block:permalinkpage}
  671. <div align="center">{Video-500}</div>
  672. {block:Caption}{Caption}{/block:Caption}
  673. {/block:permalinkpage}
  674. {/block:Video}
  675.  
  676. {block:Audio}
  677. <div class="audioplayer">{AudioPlayerGrey}</div>{block:Caption}{Caption}{/block:Caption}<p>{block:IndexPage}
  678. {block:IfShowPostLinks}
  679. <div class="perma1">
  680. <a href="{Permalink}">&#215;</a>
  681. </div> {/block:IfShowPostLinks}
  682. {/block:IndexPage}
  683. {block:permalinkpage}
  684. <div class="perma1"><a id="notes{PostID}" href="{Permalink}">{PlayCount} Plays</a></div>
  685. {/block:permalinkpage}
  686. {/block:Audio}
  687.  
  688. {block:Quote}
  689. <div class="title"><a href="{Permalink}">{Quote}</a></div><p> {block:Source}— {Source}{/block:Source}<p>{block:IndexPage}
  690. {block:IfShowPostLinks}
  691. <div class="perma1">
  692. <a href="{Permalink}">&#215;</a>
  693. </div>
  694. {/block:IfShowPostLinks}
  695. {/block:IndexPage}
  696. {/block:Quote}
  697.  
  698. {block:Link}
  699. <div class="title"><a href="{URL}" class="post_title" target="_blank"> {Name}</a></div> {block:Description}{Description}{/block:Description}<p>{block:IndexPage}
  700. {block:IfShowPostLinks}
  701. <div class="perma1">
  702. <a href="{Permalink}">&#215;</a>
  703. </div>
  704. {/block:IfShowPostLinks}{/block:IndexPage}
  705. {/block:Link}
  706.  
  707. {block:Chat}
  708. {block:Title}<div class="title"><a href="{Permalink}">{Title}<p></a></div>{/block:Title} {block:Lines}<div class="{Alt}">{block:Label}{Label}{/block:Label} {Line}</div>{/block:Lines}<p>{block:IndexPage} {block:IfShowPostLinks}
  709. <div class="perma1">
  710. <a href="{Permalink}">&#215;</a>
  711. </div>
  712. {/block:IfShowPostLinks}{/block:IndexPage}
  713. {/block:Chat}
  714. {block:Answer} <div class="ques"> {Asker} said: {Question}</div>
  715. <i>{Answer}</i>{/block:Answer}
  716.  
  717. </div>
  718.  
  719. {block:permalinkpage}{block:NoteCount}
  720. <div class="prmlnk"><div class="perma2">
  721. Date Posted: <a href="{Permalink}">{DayOfMonth} {month}, {Year}</a>
  722. with <a href="{Permalink}">{NoteCount} Notes</a>
  723. {/block:NoteCount}
  724. {block:PostNotes}
  725. {PostNotes}
  726. {/block:PostNotes}
  727. </div>
  728.  
  729. </div>
  730. {/block:permalinkpage}
  731. {/block:Posts}
  732.  
  733.  
  734.  
  735. <div class="clear"></div>
  736. {block:IfNotInfiniteScroll}
  737. <div class="entry">
  738. <div class="pag">
  739. <div class="pagination">
  740. {block:IndexPage}
  741. {block:Pagination}
  742. <div class="navigation">
  743. {block:PreviousPage}
  744. <a href="{PreviousPage}" class="previous">PREVIOUS PAGE</a>
  745. {/block:PreviousPage}
  746.  
  747. {block:NextPage}
  748. <a href="{NextPage}" class="next">NEXT PAGE</a>
  749. {/block:NextPage}
  750. <div class="clear"></div>
  751. </div>
  752. {/block:Pagination}
  753. {/block:IndexPage}
  754. </div>
  755. </div></div>{/block:IfNotInfiniteScroll}
  756.  
  757. </div>
  758. </div>
  759.  
  760.  
  761. {block:Pagination}
  762. <ul id="pagination">
  763. {block:PreviousPage}
  764. <li><a href="{PreviousPage}"></a></li>
  765. {/block:PreviousPage}
  766. {block:NextPage}
  767. <li><a id="nextPage" href="{NextPage}"></a></li>
  768. {/block:NextPage}
  769. </ul>
  770. {/block:Pagination}
  771. <script src="http://static.tumblr.com/psjhflr/bxnmcwj9t/masonry.js"></script>
  772. {block:IfInfiniteScroll}
  773. <script src="http://static.tumblr.com/twte3d7/0pellzh2t/infinitescroll.js"></script>{/block:IfInfiniteScroll}
  774. <script type="text/javascript">
  775. $(window).load(function () {
  776. $('#content').masonry(),
  777. $('.masonryWrap').infinitescroll({
  778. navSelector : '#pagination',
  779. nextSelector : '#pagination a#nextPage',
  780. itemSelector : ".entry, .clear",
  781. bufferPx : 40,
  782. loadingImg : "",
  783. loadingText : "",
  784. },
  785. function() { $('#content').masonry({ appendedContent: $(this) }); }
  786. );
  787. });
  788. </script>
  789.  
  790. </div>
  791.  
  792.  
  793. {block:iftotopbutton}
  794. <script type="text/javascript">
  795. $(document).ready(function() {
  796. /*
  797. var defaults = {
  798. containerID: 'toTop', // fading element id
  799. containerHoverID: 'toTopHover', // fading element hover id
  800. scrollSpeed: 1200,
  801. easingType: 'linear'
  802. };
  803. */
  804.  
  805. $().UItoTop({ easingType: 'easeOutQuart' });
  806.  
  807. });
  808. </script>
  809. <a href="#" id="toTop" style="display: none; "><span id="toTopHover"></span>To Top</a>{block:iftotopbutton}
  810.  
  811. </div>
  812. </body>
  813. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement