Advertisement
themepirate

SWASHBUCKLE THEME by THEMEPIRATE

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