Advertisement
journeys

tit-81.txt

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