Advertisement
journeys

tit-89.txt

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