Advertisement
themepirate

CABIN THEME by THEMEPIRATE

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