journeys

tit-5.txt

Aug 20th, 2012
1,993
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 20.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. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <meta name="font:body" content="Arial, Helvetica, sans-serif"/>
  6. <meta name="color:text" content="#000000"/>
  7. <meta name="color:link" content="#000000"/>
  8. <meta name="color:title" content="#000000"/>
  9. <meta name="color:hover" content="#000000"/>
  10. <meta name="color:menu link color" content="#000000"/>
  11. <meta name="color:background color" content="#efefef"/>
  12. <meta name="color:border color" content="#cccccc"/>
  13. <meta name="color:blockquote" content="#ebebeb"/>
  14. <meta name="color:post background" content="#ffffff"/>
  15. <meta name="color:sidebar background" content="#ffffff"/>
  16. <meta name="image:sidebar" content="0"/>
  17. <meta name="image:header" content="0"/>
  18. <meta name="image:background image" content="0"/>
  19. <meta name="if:sidebar right" content="0"/>
  20. <meta name="if:sidebar middle" content="1"/>
  21. <meta name="if:sidebar top" content="0"/>
  22. <meta name="if:sidebar bottom" content="0"/>
  23. <meta name="if:infinite scroll" content="1"/>
  24. <meta name="if:show title" content="1"/>
  25. <meta name="if:title font" content="0"/>
  26. <meta name="if:title font 2" content="0"/>
  27. <meta name="if:title font 3" content="0"/>
  28. <meta name="if:title font 4" content="0"/>
  29. <meta name="if:title font 5" content="0"/>
  30. <meta name="if:title font 6" content="0"/>
  31. <meta name="if:rainbow links" content="0"/>
  32. <meta name="if:faded images" content="1"/>
  33. <meta name="if:show tags" content="0"/>
  34. <meta name="if:caption" content="0"/>
  35. <meta name="if:top button" content="1"/>
  36. <meta name="if:header" content="0"/>
  37. <meta name="if:black perma" content="0"/>
  38. <meta name="if:animation" content="1"/>
  39. <meta name="text:ask label" content="message"/>
  40. <meta name="text:home label" content="home"/>
  41. <meta name="text:font size" content="11px"/>
  42. <meta name="text:line height" content="18px"/>
  43. <meta name="text:title font size" content="35px"/>
  44. <meta name="text:post title font size" content="18px"/>
  45. <meta name="text:menu title" content="~click for links~"/>
  46. <meta name="text:link 1" content=""/>
  47. <meta name="text:link 1 url" content=""/>
  48. <meta name="text:link 2" content=""/>
  49. <meta name="text:link 2 url" content=""/>
  50. <meta name="text:link 3" content=""/>
  51. <meta name="text:link 3 url" content=""/>
  52. <meta name="text:link 4" content=""/>
  53. <meta name="text:link 4 url" content=""/>
  54. <meta name="text:link 5" content=""/>
  55. <meta name="text:link 5 url" content=""/>
  56. <meta name="text:link 6" content=""/>
  57. <meta name="text:link 6 url" content=""/>
  58. <meta name="text:link 7" content=""/>
  59. <meta name="text:link 7 url" content=""/>
  60. <meta name="text:link 8" content=""/>
  61. <meta name="text:link 8 url" content=""/>
  62. <meta name="text:previous" content=">"/>
  63. <meta name="text:next" content="<"/>
  64.  
  65. <title>{Title}</title>
  66. <link rel="shortcut icon" href="{Favicon}">
  67. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  68. {block:Description}
  69. <meta name="description" content="{MetaDescription}" />
  70. {/block:Description}
  71.  
  72. <!-- random files -->
  73. <script src="http://static.tumblr.com/uiqhh9x/61sm66w66/jquery.min.js" type="text/javascript"></script>
  74. <script src="http://static.tumblr.com/uiqhh9x/3Jpm92lk1/totop.js" type="text/javascript"></script>
  75. <script src="http://static.tumblr.com/uiqhh9x/oDnm68mht/theme.js" type="text/javascript"></script>
  76. <script src="http://static.tumblr.com/uiqhh9x/gdJm68o3x/easing.js" type="text/javascript"></script>
  77. {block:ifrainbowlinks}
  78. <script src="http://static.tumblr.com/uiqhh9x/6SMm4pws7/rainbow.js" type="text/javascript"></script>
  79. {/block:ifrainbowlinks}
  80. <link href='http://fonts.googleapis.com/css?family=Lovers+Quarrel|Italianno|Bilbo|Italiana|Fredericka+the+Great|Amatic+SC' rel='stylesheet' type='text/css'>
  81.  
  82. <!-- css reset -->
  83. <link rel="stylesheet" type="text/css" href="http://static.tumblr.com/cpaytv3/nKOlyumhg/reset.css">
  84.  
  85. <style type="text/css">
  86. * {
  87. font-family: {font:body};
  88. }
  89. body {
  90. color: {color:text};
  91. background:{color:background color} url({image:background image});
  92. font-family: {font:body};
  93. font-size: {text:font size};
  94. line-height: {text:line height};
  95. }
  96.  
  97. a, a:link, a:active, a:visited{
  98. color:{color:Link};
  99. text-decoration: none;
  100. {block:ifanimation}
  101. -webkit-transition: all 0.3s ease;
  102. -moz-transition: all 0.3s ease;
  103. transition: all 0.3s ease;
  104. -o-transition: all 0.3s ease;
  105. {/block:ifanimation}
  106. }
  107.  
  108. a:hover, h1 a:hover, h3 a:hover {
  109. {block:ifnotrainbowlinks}
  110. color:{color:Hover}!important;
  111. {/block:ifnotrainbowlinks}
  112. text-decoration: none;
  113. }
  114.  
  115. #infscr-loading {
  116. position: relative!important;
  117. width: 16px!important;
  118. height: 11px!important;
  119. bottom: 0px;
  120. left: 50%;
  121. margin-top: 10px;
  122. margin-bottom: 5px;
  123. }
  124.  
  125. #content {
  126. width: 404px;
  127. padding: 2px;
  128. background: {color:post background};
  129. {block:ifsidebarright}
  130. float: left;
  131. {/block:ifsidebarright}
  132. {block:ifnotsidebarright}
  133. float: right;
  134. {/block:ifnotsidebarright}
  135. padding-top: 4px;
  136. }
  137.  
  138. #header {
  139. width: 406px;
  140. margin-top: 4px;
  141. {block:ifsidebarright}
  142. float: left;
  143. {/block:ifsidebarright}
  144. {block:ifnotsidebarright}
  145. float: right;
  146. {/block:ifnotsidebarright}
  147. text-align: center;
  148. }
  149.  
  150. #header img {
  151. max-width: 100%;
  152. display: inline-block;
  153. }
  154.  
  155. #contain {
  156. width: 641px;
  157. margin: 0px auto;
  158. }
  159.  
  160.  
  161. #side {
  162. width: 225px;
  163. position: fixed;
  164. text-align: center;
  165. height: 100%;
  166. {block:ifsidebarright}
  167. margin-left: 408px;
  168. {/block:ifsidebarright}
  169. padding: 4px;
  170. background: {color:sidebar background};
  171. }
  172.  
  173. ol.notes img {
  174. width: 16px;
  175. display: inline;
  176. position: relative;
  177. top: 3px;
  178. }
  179.  
  180. #side img {
  181. display: block;
  182. max-width: 100%;
  183. }
  184.  
  185. .entry {
  186. margin: 0px 2px 2px 2px;
  187. {block:indexpage}
  188. width: 400px;
  189. {/block:indexpage}
  190. {block:permalinkpage}
  191. width: 400px;
  192. {/block:permalinkpage}
  193. display: block;
  194. position: relative;
  195. }
  196.  
  197. .entry img {
  198. display: block;
  199. max-width: 100%;
  200. {block:indexpage}
  201. {block:iffadedimages}
  202. opacity: .75;
  203. filter: alpha(opacity = 75);
  204. {/block:iffadedimages}
  205. {/block:indexpage}
  206. {block:ifanimation}
  207. -webkit-transition: all 0.3s ease;
  208. -moz-transition: all 0.3s ease;
  209. transition: all 0.3s ease;
  210. -o-transition: all 0.3s ease;
  211. {/block:ifanimation}
  212. }
  213.  
  214. .entry:hover img {
  215. max-width: 100%;
  216. {block:indexpage}
  217. {block:iffadedimages}
  218. opacity: 1.0;
  219. filter: alpha(opacity = 100);
  220. {/block:iffadedimages}
  221. {/block:indexpage}
  222. }
  223.  
  224. blockquote, q {
  225. quotes: "�" "�" "'" "'";
  226. padding-left: 5px;
  227. border-left: 1px solid {color:border color};
  228. background: {color:blockquote};
  229. }
  230.  
  231.  
  232. p {
  233. margin: 5px 0px;
  234. }
  235.  
  236. h1, h1 a {
  237. font-size:{text:title font size};
  238. line-height:{text:title font size};
  239. {block:iftitlefont}
  240. font-family: 'Lovers Quarrel', cursive;
  241. {/block:iftitlefont}
  242. {block:iftitlefont2}
  243. font-family: 'Italianno', cursive;
  244. {/block:iftitlefont2}
  245. {block:iftitlefont3}
  246. font-family: 'Bilbo', cursive;
  247. {/block:iftitlefont3}
  248. {block:iftitlefont4}
  249. font-family: 'Italiana', serif;
  250. {/block:iftitlefont4}
  251. {block:iftitlefont5}
  252. font-family: 'Fredericka the Great', cursive;
  253. {/block:iftitlefont5}
  254. {block:iftitlefont6}
  255. font-family: 'Amatic SC', cursive;
  256. {/block:iftitlefont6}
  257. }
  258.  
  259. h3, h3 a {
  260. font-size:{text:post title font size};
  261. line-height:{text:post title font size};
  262. color: {color:title}!important;
  263. }
  264.  
  265. p.tags a {
  266. opacity: 0.50;
  267. filter: alpha(opacity = 50);
  268. }
  269.  
  270. p.tags a:hover {
  271. opacity: 1.0;
  272. filter: alpha(opacity = 100);
  273. }
  274. p.tags {
  275. padding: 0px;
  276. height: 14px;
  277.  
  278. margin: 0px;
  279. font-size: 8px;
  280. margin: 0px;
  281. text-transform: uppercase;
  282. {block:ifshowtags}
  283. border-top: 1px solid {color:border color};
  284. {/block:ifshowtags}
  285. }
  286.  
  287. .nav a {
  288. color: {color:menu link color};
  289. }
  290.  
  291. .nav {
  292. font-weight: bold;
  293. padding: 2px;
  294. text-transform: uppercase;
  295. margin: 2px;
  296. z-index: 1;
  297. }
  298.  
  299. .nav p {
  300. margin: 0px;
  301. }
  302.  
  303. .nav a:hover {
  304. color:{color:Hover};
  305. }
  306.  
  307. #titexcel {
  308. position: absolute;
  309. right: 3px;
  310. top: 26px;
  311. }
  312.  
  313. #bite:hover .death {
  314. margin-top:10px;
  315. filter: alpha(opacity = 100);
  316. opacity: 1;
  317. }
  318.  
  319. #pagination{
  320. display:none;
  321. }
  322.  
  323.  
  324. .t a{
  325. text-align: right;
  326. opacity: .5;
  327. filter: alpha(opacity = 50);
  328. {block:ifanimation}
  329. -webkit-transition: all 0.3s ease;
  330. -moz-transition: all 0.3s ease;
  331. transition: all 0.3s ease;
  332. -o-transition: all 0.3s ease;
  333. {/block:ifanimation}
  334. }
  335.  
  336. .entry .t a:hover{
  337. text-align: right;
  338. opacity: 1.0;
  339. filter: alpha(opacity = 100);
  340. }
  341.  
  342. p.t {
  343. display: block;
  344. margin: 0px 0px 0px 0px;
  345. line-height: 14px;
  346. text-transform: uppercase;
  347. text-align: right;
  348. font-size: 8px;
  349. border-top: 1px solid {color:border color};
  350. }
  351.  
  352. p.t a {
  353. margin: 0 0px;
  354. }
  355.  
  356. .pp {
  357. text-transform: uppercase;
  358. text-align: left;
  359. }
  360.  
  361. select {
  362. font-size: 10px;
  363. width: 125px;
  364. text-transform: uppercase;
  365. letter-spacing: 1px;
  366. padding: 1px;
  367. background: {color:menu background};
  368. color: {color:menu link color};
  369. border: 1px solid {color:menu border};
  370. }
  371.  
  372. #toTop {
  373. display:none;
  374. text-decoration:none;
  375. position:fixed;
  376. bottom:10px;
  377. right:10px;
  378. overflow:hidden;
  379. width:21px;
  380. height:21px;
  381. border:none;
  382. text-indent:100%;
  383. background:url(http://static.tumblr.com/uiqhh9x/372m6hyqw/up.png) no-repeat left top;
  384. opacity: .5;
  385. filter: alpha(opacity = 50);
  386. {block:ifanimation}
  387. -webkit-transition: all 0.3s ease;
  388. -moz-transition: all 0.3s ease;
  389. transition: all 0.3s ease;
  390. -o-transition: all 0.3s ease;
  391. {/block:ifanimation}
  392. }
  393.  
  394. #toTopHover {
  395. width:21px;
  396. height:21px;
  397. display:block;
  398. overflow:hidden;
  399. float:left;
  400. opacity: 0;
  401. -moz-opacity: 0;
  402. filter:alpha(opacity=0);
  403. {block:ifanimation}
  404. -webkit-transition: all 0.3s ease;
  405. -moz-transition: all 0.3s ease;
  406. transition: all 0.3s ease;
  407. -o-transition: all 0.3s ease;
  408. {/block:ifanimation}
  409. }
  410.  
  411. #toTop:hover {
  412. opacity: 1;
  413. filter: alpha(opacity = 100);
  414. }
  415.  
  416. #toTop:active, #toTop:focus {
  417. outline:none;
  418. }
  419.  
  420. .entry .perma {
  421. position: absolute;
  422. width: 100%;
  423. text-align: center;
  424. bottom: 4px;
  425. opacity: 0;
  426. filter:alpha(opacity=0);
  427. z-index: 10000;
  428. {block:ifblackperma}
  429. border: 1px solid #000000;
  430. background: rgba(0, 0, 0, .50);
  431. {/block:ifblackperma}
  432. {block:ifnotblackperma}
  433. background: rgba(255, 255, 255, .75);
  434. {/block:ifnotblackperma}
  435. font-size: 8px;
  436. height: 16px;
  437. line-height: 16px;
  438. text-transform: uppercase;
  439. {block:ifanimation}
  440. -webkit-transition: all 0.3s ease;
  441. -moz-transition: all 0.3s ease;
  442. transition: all 0.3s ease;
  443. -o-transition: all 0.3s ease;
  444. {/block:ifanimation}
  445. }
  446.  
  447. .entry:hover .perma {
  448. opacity: 1;
  449. filter:alpha(opacity=100);
  450. }
  451.  
  452. .perma:hover {
  453. {block:ifblackperma}
  454. background: rgba(0, 0, 0, 100);
  455. {/block:ifblackperma}
  456. {block:ifnotblackperma}
  457. background: rgba(255, 255, 255, 100);
  458. {/block:ifnotblackperma}
  459.  
  460. }
  461.  
  462. .perma a {
  463. {block:ifblackperma}
  464. color: #ffffff;
  465. {/block:ifblackperma}
  466. {block:ifnotblackperma}
  467. color: #000000;
  468. {/block:ifnotblackperma}
  469. }
  470.  
  471. .li, h5, li.drawer {
  472. list-style-type: none;
  473. -webkit-transition: all 0s ease;
  474. -moz-transition: all 0s ease;
  475. transition: all 0s ease;
  476. -o-transition: all 0s ease;
  477. }
  478. {CustomCSS}
  479. </style>
  480. </head>
  481. <body>
  482.  
  483. <div id="contain">
  484. <div id="side">
  485. {block:ifshowtitle}
  486. <div class="title"><h1><a href="/">{title}</a></h1></div>
  487. {/block:ifshowtitle}
  488. <center>
  489. <a href="/"><img src="{image:sidebar}"/></a>
  490. </center>
  491. {block:description}
  492. <p>{description}</p>
  493. {/block:description}
  494. <li class="drawer">
  495. <h5>{text:menu title}</h5>
  496. <div align="center">
  497. <p class="nav"><a href="/">{text:home label}</a></p>
  498. <p class="nav"><a href="/ask">{text:ask label}</a></p>
  499. {block:HasPages}
  500. {block:Pages}
  501. <p class="nav"><a href="{URL}">{Label}</a></p>
  502. {/block:Pages}
  503. {/block:HasPages}
  504. {block:iflink1}
  505. <p class="nav"><a href="{text:link 1 url}">{text:link 1}</a></p>
  506. {/block:iflink1}
  507. {block:iflink2}
  508. <p class="nav"><a href="{text:link 2 url}">{text:link 2}</a></p>
  509. {/block:iflink2}
  510. {block:iflink3}
  511. <p class="nav"><a href="{text:link 3 url}">{text:link 3}</a></p>
  512. {/block:iflink3}
  513. {block:iflink4}
  514. <p class="nav"><a href="{text:link 4 url}">{text:link 4}</a></p>
  515. {/block:iflink4}
  516. {block:iflink5}
  517. <p class="nav"><a href="{text:link 5 url}">{text:link 5}</a></p>
  518. {/block:iflink5}
  519. {block:iflink6}
  520. <p class="nav"><a href="{text:link 6 url}">{text:link 6}</a></p>
  521. {/block:iflink6}
  522. {block:iflink7}
  523. <p class="nav"><a href="{text:link 7 url}">{text:link 7}</a></p>
  524. {/block:iflink7}
  525. {block:iflink8}
  526. <p class="nav"><a href="{text:link 8 url}">{text:link 8}</a></p>
  527. {/block:iflink8}
  528. </div>
  529. </li>
  530.  
  531. {block:IfNotInfiniteScroll}
  532. <p>{block:PreviousPage}
  533. <a href="{PreviousPage}">{text:previous}</a>
  534. {/block:PreviousPage}
  535.  
  536. {block:NextPage}
  537. <a href="{NextPage}">{text:next}</a>
  538. {/block:NextPage}</p>
  539. {/block:IfNotInfiniteScroll}
  540.  
  541. </div>
  542. <div id="content">
  543. {block:Posts}
  544. <div class="entry">
  545. {block:Text}
  546. {block:Title}
  547. <h3><a href="{Permalink}">{Title}</a></h3>
  548. {/block:Title}
  549. {Body}
  550. {block:indexpage}
  551. <p class="t"><a href="{Permalink}">{NoteCountWithLabel}</a></p>
  552. {/block:indexpage}
  553. {/block:Text}
  554.  
  555. {block:Photo}
  556. {block:IndexPage}
  557. <div class="perma"><a href="{Permalink}">
  558. Posted on {DayOfWeek}, {Month} {DayOfMonth}{DayOfMonthSuffix} with {NoteCountWithLabel}</a>
  559. </div>
  560. <a href="{reblogurl}" target="_blank"><img src="{PhotoURL-400}" alt="{PhotoAlt}" width="400"/></a>
  561. {block:ifcaption}{block:Caption}{caption}{/block:Caption}{/block:ifcaption}
  562. {/block:IndexPage}
  563. {block:PermalinkPage}
  564. {LinkOpenTag}
  565. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="500"/></a>
  566. {LinkCloseTag}
  567. {/block:permalinkpage}
  568. {/block:Photo}
  569.  
  570. {block:Photoset}
  571. {block:IndexPage}
  572. <div class="perma"><a href="{Permalink}">
  573. Posted on {DayOfWeek}, {Month} {DayOfMonth}{DayOfMonthSuffix} with {NoteCountWithLabel}</a>
  574. </div>
  575. <center>{Photoset-400}</center>
  576. {block:ifcaption}{block:Caption}{caption}{/block:Caption}{/block:ifcaption}
  577. {/block:IndexPage}
  578. {block:permalinkpage}
  579. {Photoset-400}
  580. {/block:permalinkpage}
  581.  
  582. {/block:Photoset}
  583.  
  584. {block:Quote}
  585. "{Quote}"
  586. {block:Source}
  587. <div class="source">{Source}</div>
  588. {/block:Source}
  589. {block:indexpage}
  590. <p class="t"><a href="{Permalink}">{NoteCountWithLabel}</a></p>
  591. {/block:indexpage}
  592. {/block:Quote}
  593.  
  594. {block:Link}
  595. <a href="{URL}" class="link" {Target}>{Name}</a>
  596. {block:Description}
  597. <div class="description">{Description}</div>
  598. {/block:Description}
  599. {block:indexpage}
  600. <p class="t"><a href="{Permalink}">{NoteCountWithLabel}</a></p>
  601. {/block:indexpage}
  602. {/block:Link}
  603.  
  604. {block:Chat}
  605. {block:Title}
  606. <h3><a href="{Permalink}">{Title}</a></h3>
  607. {/block:Title}
  608. <ul class="chat">
  609. {block:Lines}
  610. <li class="{Alt} user_{UserNumber}"> {block:Label} <span class="label">{Label}</span> {/block:Label}
  611. {Line} </li>
  612. {/block:Lines}
  613. </ul>
  614. {block:indexpage}
  615. <p class="t"><a href="{Permalink}">{NoteCountWithLabel}</a></p>
  616. {/block:indexpage}
  617. {/block:Chat}
  618.  
  619. {block:Video}
  620. {block:IndexPage}
  621. <div class="perma"><a href="{Permalink}">
  622. Posted on {DayOfWeek}, {Month} {DayOfMonth}{DayOfMonthSuffix} with {NoteCountWithLabel}</a>
  623. </div>
  624. <center>{Video-400}<center>
  625. {block:ifcaption}{block:Caption}{caption}{/block:Caption}{/block:ifcaption}
  626. {/block:IndexPage}
  627. {block:permalinkpage}
  628. {Video-400}
  629. {/block:permalinkpage}
  630. {/block:Video}
  631.  
  632. {block:Audio}
  633. {AudioPlayerBlack}
  634. {block:Caption}
  635. {Caption}
  636. {/block:Caption}
  637. {block:indexpage}
  638. <p class="t"><a href="{Permalink}">{NoteCountWithLabel}</a></p>
  639. {/block:indexpage}
  640. {/block:Audio}
  641.  
  642. {block:ifshowtags}{block:indexpage}{block:HasTags}<div class="text"><p class="tags">{lang:Tagged}: {block:Tags}<a href="{TagURL}">{Tag}</a> {/block:Tags}</p></div>{/block:HasTags}{/block:indexpage}{/block:ifshowtags}
  643.  
  644. {block:permalinkpage}
  645. <div class="text">
  646. {block:Caption}{Caption}{/block:Caption}
  647. {block:PostNotes} <p class="t"><a href="{Permalink}">{NoteCountWithLabel}</a> - <a href="{Permalink}">{DayOfMonth} {month}, {Year}</a></p>{/block:PostNotes}
  648. {block:RebloggedFrom}<p class="t">Reblogged from - <a href="{ReblogParentURL}">{ReblogParentTitle}</a></p>{/block:RebloggedFrom}
  649. {block:ContentSource}<p class="t">Source - <a href="{SourceURL}" target="_blank">{SourceTitle}</a></p>{/block:ContentSource}
  650. {block:HasTags}<p class="tags">{lang:Tagged}: {block:Tags}<a href="{TagURL}">{Tag}</a> {/block:Tags}</p>{/block:HasTags}
  651. </div>
  652. {/block:permalinkpage}
  653.  
  654.  
  655. {block:ContentSource}
  656. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" /> {/block:SourceLogo} {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  657. {/block:ContentSource}
  658.  
  659.  
  660. <!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
  661.  
  662. {block:PostNotes}{PostNotes}{/block:PostNotes}
  663. </div>
  664. {/block:Posts}
  665. <div class="clear"></div>
  666. </div>
  667. </div>
  668. {block:Pagination}
  669. <ul id="pagination">
  670. {block:PreviousPage}
  671. <li><a href="{PreviousPage}"></a></li>
  672. {/block:PreviousPage}
  673. {block:JumpPagination length="5"}
  674. {block:CurrentPage}
  675. <li><span class="current_page numbersNav"><strong>{PageNumber}</strong></span></li>
  676. {/block:CurrentPage}
  677. {block:JumpPage}
  678. <li><a class="jump_page numbersNav" href="{URL}">{PageNumber}</a></li>
  679. {/block:JumpPage}
  680. {/block:JumpPagination}
  681. {block:NextPage}
  682. <li><a id="nextPage" href="{NextPage}"></a></li>
  683. {/block:NextPage}
  684. </ul>
  685. {/block:Pagination}
  686.  
  687.  
  688. <script src="http://static.tumblr.com/uiqhh9x/ym6m9j1lg/jquery.infinitescroll.min.js"></script>{block:IndexPage}{block:ifinfinitescroll}
  689. <script type="text/javascript">
  690. $(window).load(function () {
  691. var $content = $('#content');
  692. $content.infinitescroll({
  693. navSelector : '#pagination',
  694. nextSelector : '#pagination a#nextPage',
  695. itemSelector : '.entry',
  696. loading: {
  697. finishedMsg: '',
  698. img: 'http://static.tumblr.com/uiqhh9x/amsm48v4p/add.gif'
  699. },
  700. bufferPx : 200,
  701. debug : false,
  702. });
  703. });
  704. </script>{/block:ifinfinitescroll}
  705. {/block:IndexPage}
  706. {block:iftopbutton}
  707. <script type="text/javascript">
  708. $(document).ready(function() {
  709. /*
  710. var defaults = {
  711. containerID: 'toTop', // fading element id
  712. containerHoverID: 'toTopHover', // fading element hover id
  713. scrollSpeed: 1200,
  714. easingType: 'linear'
  715. };
  716. */
  717.  
  718. $().UItoTop({ easingType: 'easeOutQuart' });
  719.  
  720. });
  721. </script>
  722. <a href="#" id="toTop" style="display: none; "><span id="toTopHover"></span>To Top</a>
  723. {/block:iftopbutton}
  724. <script type="text/javascript">
  725. $(document).ready(function () {
  726. $('li.drawer div:nth-child(2)').hide();
  727. $('li.drawer h5').click(function () {
  728. if ($(this).hasClass('open')) {
  729. $('li.drawer div:visible:nth-child(2)').slideUp().prev().removeClass('open');}
  730. else {
  731. $('li.drawer div:visible:nth-child(2)').slideUp().prev().removeClass('open');
  732. $(this).next().slideDown();
  733. $(this).addClass('open');}
  734. });
  735. });
  736. </script>
  737. </body>
  738. </html>
Advertisement
Add Comment
Please, Sign In to add comment