Advertisement
journeys

tit-34.txt

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