Advertisement
journeys

tit-32.txt

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