Advertisement
journeys

tit-83

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