Advertisement
journeys

tit-61.txt

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