Advertisement
journeys

tit-102.txt

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