Advertisement
journeys

tit-94.txt

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