Advertisement
journeys

tit-12.txt

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