tumblrthemetester

Lost Paradise

Jul 13th, 2013
1,501
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 21.56 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3.  
  4. <html xmlns="http://www.w3.org/1999/xhtml">
  5. <head>
  6. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  7. <title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title>
  8. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  9. <link rel="shortcut icon" href="{Favicon}">
  10. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  11. <meta name="text:Link 1" content=""/>
  12. <meta name="text:Link 1 URL" content=""/>
  13. <meta name="text:Link 2" content=""/>
  14. <meta name="text:Link 2 URL" content=""/>
  15. <meta name="text:Link 3" content=""/>
  16. <meta name="text:Link 3 URL" content=""/>
  17. <meta name="text:Link 4" content=""/>
  18. <meta name="text:Link 4 URL" content=""/>
  19. <meta name="text:Link 5" content=""/>
  20. <meta name="text:Link 5 URL" content=""/>
  21. <meta name="text:Link 6" content=""/>
  22. <meta name="text:Link 6 URL" content=""/>
  23. <meta name="text:Link 7" content=""/>
  24. <meta name="text:Link 7 URL" content=""/>
  25. <meta name="text:Link 8" content=""/>
  26. <meta name="text:Link 8 URL" content=""/>
  27. <meta name="text:Home Label" content="Home"/>
  28. <meta name="text:Ask Label" content="Ask"/>
  29. <meta name="text:Submit Label" content="Submit"/>
  30. <meta name="text:Archive Label" content="Archive"/>
  31. <meta name="if:Show Archive Link" content="1"/>
  32. <meta name="if:Show Submit Link" content="1"/>
  33. <meta name="if:Show Title" content="1"/>
  34. <meta name="if:Show Tags" content="0"/>
  35. <meta name="if:Animation" content="1"/>
  36. <meta name="if:To Top Button" content="0"/>
  37. <meta name="if:Infinite Scroll" content="1"/>
  38. <meta name="if:Show Captions" content="0"/>
  39. <meta name="if:Show Tags" content="0"/>
  40. <meta name="image:Background" content=""/>
  41. <meta name="image:Sidebar" content=""/>
  42. <script type="text/javascript" src="http://static.tumblr.com/uiqhh9x/jkEm9tb4p/jquery-1.8.1.min.js"></script>
  43. <link rel="stylesheet" type="text/css" href="http://static.tumblr.com/cpaytv3/2V1m9r58l/reset.css">
  44. <script type="text/javascript" src="http://static.tumblr.com/tpqedpr/vnzmibpqr/minified.js"></script><link href='http://fonts.googleapis.com/css?family=BenchNine:300,400,700' rel='stylesheet' type='text/css'><div style="position:fixed;left:0px;top:0px;width:88px;height:31px;"><a href="http://tumblrthemes.me"><img src="http://i1267.photobucket.com/albums/jj558/tumblr-backgrounds/Image123-2_zps0ea7af3b.png" border="0" /></a></div>
  45. <style type="text/css">
  46. body {
  47. color: #000000;background: #ffffff url({image:Background});
  48. font-family: default;
  49. font-size: 10px;
  50. line-height: 1.5em;
  51. } .btn{display:none;}
  52. p {margin:0 0 .75em 0} p:last-child {margin:0}
  53. a {
  54. color: #666666;
  55. text-decoration:none;
  56. {block:IfAnimation}-webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease;-o-transition:all .2s ease;{/block:IfAnimation}}
  57. a:hover {color: #222; }
  58. blockquote {quotes: "" "" "'" "'"; margin: 0.75em 0 .75em .75em;padding-left: 1.5em;
  59. line-height: 100%;border-left: solid 4px #EDEDED;
  60. }
  61. h1 {
  62. font-family: 'BenchNine', sans-serif;
  63. font-size: 24px;
  64. line-height: 1.5em;
  65. text-transform: uppercase;
  66. font-weight: 100;
  67. }
  68. ul {
  69. margin: 0px 1.5em .75em;}
  70. li {
  71. margin: .75em 0;
  72. list-style-type: square;
  73. }
  74. .box img {
  75. display: block;
  76. max-width: 100%;}.m-i {
  77. display: block;
  78. line-height: 1px!important;
  79. }
  80. .menu-picture {
  81. line-height: 100%;
  82. display: inline-block;
  83. line-height: 0px!important;
  84. }
  85. .post-link{
  86. font-family: default;
  87. font-size: 8px;
  88. line-height: 8px;
  89. }p.source{text-align: center;}
  90. .menu-picture {
  91. line-height: 100%;display: inline-block;
  92. }p.source{text-align: center;}
  93. h3 {
  94. font-size: 19px; font-weight: normal;
  95. }.tagged { text-align: center; line-height: 8px;font-size: 8px;}
  96. .text { padding: 5px;}p.question {
  97. margin-bottom: .375em;
  98. }
  99. p.words {
  100. padding: 6px;
  101. line-height: 1.5em;
  102. color: #333333;
  103. background: #ebebeb;
  104. }
  105. .response {
  106. background: #efefef;
  107. padding: 5px;
  108. margin-bottom: .75em;
  109. }.answer {
  110. text-align: center;
  111. }
  112. .post {
  113. position: relative;
  114. {block:IndexPage}
  115. width:298px;
  116. {/block:IndexPage}
  117. {block:PermalinkPage}
  118. width:630px;
  119. {/block:PermalinkPage}
  120. float:right;
  121. background: #ffffff;
  122. padding:0px;
  123. margin:6px;
  124. font-family: 'BenchNine', sans-serif;
  125. font-size: 12px;
  126. padding: 4px;
  127. border: 1px #dfe1e1 solid;
  128. background: #ededed;
  129. }
  130.  
  131.  
  132.  
  133.  
  134. .box {position: relative;}
  135. .boxx{
  136. margin-bottom: 5px;
  137. padding: 5px;
  138. background: #ebedee;
  139. border-radius: 0px 20px 0px 20px;
  140. border: 1px #c4c4c4 solid;
  141.  
  142. }
  143.  
  144. .menu-link{
  145. font-family: 'BenchNine', sans-serif;
  146. font-size: 10px;
  147. text-transform: uppercase;
  148. padding: 2px;
  149. color: #222;
  150. }
  151.  
  152. .menu-link:hover{color:#000; font-style: italic;}
  153.  
  154. #sidez {
  155. font-family: 'BenchNine', sans-serif;
  156. font-size: 12px;
  157. text-align: center;
  158. margin-top: 10px;
  159. width:160px;
  160. padding:0px;position: fixed;
  161. background:#;
  162. }
  163.  
  164. #side {
  165. border-radius: 20px 0px 20px 0px;
  166. font-family: 'BenchNine', sans-serif;
  167. font-size: 12px;
  168. text-align: center;
  169. margin-top: 10px;
  170. width:160px;
  171. padding:0px;position: absolute;
  172. margin-left:640px;
  173. background:#;
  174. }#side img {
  175. border-radius: 20px 0px 20px 0px;
  176. z-index: ;
  177. margin-bottom: 5px;
  178. width: 150px;
  179. height: 150px;
  180. }ul {margin-bottom: .75em;}
  181. #contain {
  182. width:881px;
  183. margin: 10px auto 0;
  184. }
  185. #content {
  186. width:640px;
  187. float: left;
  188.  
  189. }
  190. #infscr-loading{position:absolute!important;width:16px!important;height:11px!important;margin-bottom:-16px!important;top:auto!important;bottom:0;left:50%!important}.post .perma{font-family: 'arial';position: absolute;width: 100%;text-align: center;top: 0px;opacity: 0;filter:alpha(opacity=0);z-index: 10000;background: rgba(255, 255, 255, .75);font-size: 8px;height: 16px;line-height: 16px;text-transform: uppercase;{block:ifanimation}-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;-o-transition: all 0.3s ease;{/block:ifanimation}}.post:hover .perma{margin-left: 0px; margin-top: 5px;opacity: 1;filter:alpha(opacity=100);}.perma:hover{background: #fff; font-family: 'arial';}.perma a{font-family: 'arial'; color: #000000;}.perma-a { font-family: 'arial'; background: #efefef; padding: 2px 0px;text-align: center; text-transform: uppercase; {block:IfAnimation}-webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease;-o-transition:all .2s ease;{/block:IfAnimation}} .perma-a:hover{color:#222;}
  191. .box iframe {
  192. max-width: 100%;
  193. }.text img {max-width: 100%;}img {display: block;}.box img {display: block;}
  194. .post-info-data{text-align:center; font-family: 'arial';}.notes img{display:block;float:left;margin-right:.75em}ol.notes li{margin:.375em 0;list-style-type:none;line-height:16px}
  195.  
  196. #toTop{display:none;text-decoration:none;position:fixed;bottom:10px;right:10px;overflow:hidden;width:21px;height:21px;border:0;text-indent:100%;background:url(http://static.tumblr.com/uiqhh9x/372m6hyqw/up.png) no-repeat left top;opacity:.5;filter:alpha(opacity = 50);{block:IfAnimation}-webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease;-o-transition:all .2s ease;{/block:IfAnimation}}#toTopHover{width:21px;height:21px;display:block;overflow:hidden;float:left;opacity:0;-moz-opacity:0;filter:alpha(opacity=0);{block:IfAnimation}-webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease;-o-transition:all .2s ease;{/block:IfAnimation}}#toTop:hover{opacity:1;filter:alpha(opacity = 100)}#toTop:active,#toTop:focus{outline:0}
  197.  
  198. a.btn{position:absolute;z-index:999999;top:26px;right:3px;white-space:nowrap;outline:0;text-decoration:none;cursor:pointer;overflow:hidden;text-overflow:ellipsis;font:600 12px/18px "Helvetica Neue","HelveticaNeue",Helvetica,Arial,sans-serif;height:20px;padding:0 5px;-webkit-font-smoothing:antialiased;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;-webkit-transition-property:padding;-moz-transition-property:padding;-ms-transition-property:padding;-o-transition-property:padding;transition-property:padding;-webkit-transition-duration:.1s;-moz-transition-duration:.1s;-ms-transition-duration:.1s;-o-transition-duration:.1s;transition-duration:.1s;-webkit-transition-timing-function:ease;-moz-transition-timing-function:ease;-ms-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease}.btn{color:#fff;border:1px solid rgba(0,0,0,0.18);background:rgba(0,0,0,0.38);text-shadow:1px 1px 0 rgba(0,0,0,0.08)}a.btn,a.btn:hover{color:white!important}.btn{margin-bottom:5px;color:#fff;border:1px solid rgba(0,0,0,0.18);background:rgba(0,0,0,0.38);text-shadow:1px 1px 0 rgba(0,0,0,0.08);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.btn:hover::after,.btn:focus::after{background:rgba(255,255,255,0.09);color:white}.btn:active::after{background:rgba(255,255,255,0.18) color:white}.btn_label.show{display:block}.btn::after{position:absolute;top:0;right:0;bottom:0;left:0;content:'';-webkit-border-radius:inherit;-moz-border-radius:inherit;border-radius:inherit}.btn.icon::before{display:block;content:'';position:absolute;top:0;left:0;bottom:0;width:20px;border-radius:inherit;background:url('http://static.tumblr.com/tpqedpr/cQ1mbwb60/de.png') 0 0 no-repeat}.btn.theme::before{background-position:0 -0px}.btn img{width:15px}.btn.icon{padding-left:20px}.btn:active::after {background:rgba(255,255,255,0.18)}.clear {clear: both;} #pagination {display: none;} .clearfix:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.clearfix{display:inline-block}html[xmlns] .clearfix{display:block}* html .clearfix{height:1%}
  199.  
  200. #tooltip {
  201. z-index:99999999;
  202. position: relative;
  203. font-family: 'consolas';
  204. font-size: 9px;
  205. letter-spacing: 1px;
  206. text-transform: uppercase;
  207. color:#545454;
  208. background: #fff;
  209. border: 1px solid #b1b4b5;
  210. padding: 3px;}
  211.  
  212. #side .omgz{
  213. z-index:99999999;
  214. position:fixed;
  215. margin-top: 41px;
  216. margin-left: 5px;
  217. border-radius: 5px;
  218. width: 150px;
  219. height: 150px;
  220. background: white;
  221. opacity: 0.0;
  222. overflow: hidden;
  223. text-align:center;
  224. -webkit-filter: blur(3px);
  225. -webkit-transition: all 0.7s ease-out;-moz-transition: all 0.7s ease-out;transition: all 0.7s ease-out;
  226. }
  227.  
  228. #side:hover .omgz{
  229. opacity: .9;
  230. -webkit-filter: blur(0px);
  231. -webkit-transition: all 0.7s ease-out;-moz-transition: all 0.7s ease-out;transition: all 0.7s ease-out;
  232. }
  233.  
  234.  
  235. #side .omgz #home{
  236. position:fixed;
  237. border-radius: 5px 0px 0px 0px;
  238. margin-top: 0px;
  239. width: 75px;
  240. height: 75px;
  241. opacity: .8;
  242. overflow: hidden;
  243. margin-left:0px;
  244. color: white;
  245. font-size: 12px;
  246. text-align:center;
  247. line-height: 70px;
  248. border-bottom: 1px solid #fff;
  249. border-right: 1px solid #fff;
  250. -webkit-filter: blur(0px);
  251. -webkit-transition: all 0.7s ease-out;-moz-transition: all 0.7s ease-out;transition: all 0.7s ease-out;
  252. background: #b9b9b9;
  253. }
  254. #side .omgz #hover:hover{background:#222;}
  255.  
  256. #side .omgz #archive{
  257. position:fixed;
  258. border-radius: 0px 5px 0px 0px;
  259. margin-top: 0px;
  260. margin-left:75px;
  261. width: 75px;
  262. height: 75px;
  263. opacity: 1;
  264. color: white;
  265. font-size: 12px;
  266. overflow:hidden;
  267. text-align:center;
  268. line-height: 70px;
  269. border-bottom: 1px solid #fff;
  270. border-left: 1px solid #fff;
  271. -webkit-filter: blur(0px);
  272. -webkit-transition: all 0.7s ease-out;-moz-transition: all 0.7s ease-out;transition: all 0.7s ease-out;
  273. background: #b9b9b9;
  274. }
  275.  
  276. #side .omgz #ask{
  277. position:fixed;
  278. border-radius: 0px 0px 0px 5px;
  279. margin-top: 76px;
  280. margin-left:0px;
  281. width: 75px;
  282. height: 75px;
  283. opacity: 1;
  284. color: white;
  285. font-size: 12px;
  286. overflow:hidden;
  287. text-align:center;
  288. line-height:70px;
  289. border-right: 1px solid #fff;
  290. -webkit-filter: blur(0px);
  291. -webkit-transition: all 0.7s ease-out;-moz-transition: all 0.7s ease-out;transition: all 0.7s ease-out;
  292. background: #b9b9b9;
  293. }
  294.  
  295. #side .omgz #themes{
  296. position:fixed;
  297. border-radius: 0px 0px 5px 0px;
  298. margin-top: 76px;
  299. margin-left:75px;
  300. width: 75px;
  301. height: 75px;
  302. opacity: .8;
  303. overflow: hidden;
  304. color: white;
  305. font-size: 12px;
  306. text-align:center;
  307. line-height: 70px;
  308. border-left: 1px solid #fff;
  309. -webkit-filter: blur(0px);
  310. -webkit-transition: all 0.7s ease-out;-moz-transition: all 0.7s ease-out;transition: all 0.7s ease-out;
  311. background: #b9b9b9;}
  312.  
  313. </style>
  314.  
  315. <script>
  316. (function () {
  317. var ID = "tooltip", CLS_ON = "tooltip_ON", FOLLOW = true,
  318. DATA = "_tooltip", OFFSET_X = 20, OFFSET_Y = 10,
  319. showAt = function (e) {
  320. var ntop = e.pageY + OFFSET_Y, nleft = e.pageX + OFFSET_X;
  321. $("#" + ID).html($(e.target).data(DATA)).css({
  322. position: "absolute", top: ntop, left: nleft
  323. }).show();
  324. };
  325. $(document).on("mouseenter", "*[title]", function (e) {
  326. $(this).data(DATA, $(this).attr("title"));
  327. $(this).removeAttr("title").addClass(CLS_ON);
  328. $("<div id='" + ID + "' />").appendTo("body");
  329. showAt(e);
  330. });
  331. $(document).on("mouseleave", "." + CLS_ON, function (e) {
  332. $(this).attr("title", $(this).data(DATA)).removeClass(CLS_ON);
  333. $("#" + ID).remove();
  334. });
  335. if (FOLLOW) { $(document).on("mousemove", "." + CLS_ON, showAt); }
  336. }());
  337. </script>
  338.  
  339. </head>
  340. <body>
  341.  
  342. <div id="contain" class="clearfix">
  343. <div id="sidez">
  344. <div id="side">
  345. <div class="omgz">
  346. <a href="/" title="home"><div id="home">home</div></a>
  347. <a href="/ask" title="ask"><div id="ask">ask</div></a>
  348. <a href="/archive" title="archive"><div id="archive">archive</div></a>
  349. <a href="http://tumblrthemes.me/" title="themes"><div id="themes">themes</div></a>
  350. </div></div>
  351.  
  352. <div id="side">
  353.  
  354. <div class="text">
  355. {block:IfShowTitle}<h1>{Title}</h1>{/block:IfShowTitle}
  356. <img class="menu-picture" src="{image:sidebar}"/></img>
  357.  
  358.  
  359. <div class="boxx">
  360. <div id="description" class"text">{Description}</div>
  361. </div>
  362.  
  363. {block:iflink1}<a class="menu-link" href="{text:link 1 url}">{text:link 1}</a> - {/block:iflink1}
  364. {block:iflink2}<a class="menu-link" href="{text:link 2 url}">{text:link 2}</a> - {/block:iflink2}
  365. {block:iflink3}<a class="menu-link" href="{text:link 3 url}">{text:link 3}</a> - {/block:iflink3}
  366. {block:iflink4}<a class="menu-link" href="{text:link 4 url}">{text:link 4}</a> - {/block:iflink4}
  367. {block:iflink5}<a class="menu-link" href="{text:link 5 url}">{text:link 5}</a>{/block:iflink5}
  368.  
  369. </div></div>
  370. </div>
  371. <div id="content">
  372. {block:Posts}
  373. <div class="post">
  374.  
  375. {block:Text}
  376. <div class="text">
  377. {block:Title}<h3>{Title}</h3>{/block:Title}
  378. {Body}
  379. <!-- permalink --> {block:IndexPage}
  380. <p class="post-link perma-a"><a href="{Permalink}">Posted {TimeAgo} With {NoteCountWithLabel}</a></p>
  381. <!-- /permalink --> {/block:IndexPage}
  382. </div>
  383. {/block:Text}
  384.  
  385. {block:Quote}
  386. <div class="text quote">
  387. <p class="words">&#8220;{Quote}&#8221;</p>
  388. {block:Source}<p class="source">{Source}</p>{/block:Source}
  389. <!-- permalink --> {block:IndexPage}
  390. <p class="post-link perma-a"><a href="{Permalink}">Posted {TimeAgo} With {NoteCountWithLabel}</a></p>
  391. <!-- /permalink --> {/block:IndexPage}
  392. </div>
  393. {/block:Quote}
  394.  
  395. {block:Link}
  396. <div class="text link">
  397. <h3><a href="{URL}" {Target}>{Name}</a></h3>
  398. {block:Description}{Description}{/block:Description}
  399. <!-- permalink --> {block:IndexPage}
  400. <p class="post-link perma-a"><a href="{Permalink}">Posted {TimeAgo} With {NoteCountWithLabel}</a></p>
  401. <!-- /permalink --> {/block:IndexPage}
  402. </div>
  403. {/block:Link}
  404.  
  405. {block:Chat}
  406. <div class="text chat">
  407. <ul class="conversation">
  408. {block:Lines}
  409. <li class="line {Alt}">
  410. {block:Label}<span class="person">{Label}</span>{/block:Label}
  411. <span class="person-said">{Line}</span>
  412. </li>
  413. {/block:Lines}
  414. </ul>
  415. <!-- permalink --> {block:IndexPage}
  416. <p class="post-link perma-a"><a href="{Permalink}">Posted {TimeAgo} With {NoteCountWithLabel}</a></p>
  417. <!-- /permalink --> {/block:IndexPage}
  418. </div>
  419. {/block:Chat}
  420.  
  421. {block:Audio}
  422. <div class="text audio">
  423. <p>{AudioPlayerBlack}</p>
  424. {block:IndexPage}{block:IfShowCaptions}
  425. {block:Caption}{Caption}{/block:Caption}
  426. {/block:IfShowCaptions}{/block:IndexPage}
  427. <!-- permalink --> {block:IndexPage}
  428. <p class="post-link perma-a"><a href="{Permalink}">Posted {TimeAgo} With {NoteCountWithLabel}</a></p>
  429. <!-- /permalink --> {/block:IndexPage}
  430. </div>
  431. {/block:Audio}
  432.  
  433. {block:Answer}
  434. <div class="text answer">
  435. <div class="response">
  436. <p class="question">{Question}</p>
  437. <p>@{Asker}</p></div>
  438. {Answer}
  439. <!-- permalink --> {block:IndexPage}
  440. <p class="post-link perma-a"><a href="{Permalink}">Posted {TimeAgo} With {NoteCountWithLabel}</a></p>
  441. <!-- /permalink --> {/block:IndexPage}
  442. </div>
  443. {/block:Answer}
  444.  
  445. {block:Photoset}
  446. <div class="photoset">
  447. <div class="box">
  448. <!-- permalink --> {block:IndexPage}
  449. <div class="perma"><a href="{Permalink}">Posted on {DayOfWeek}, {Month} {DayOfMonth}{DayOfMonthSuffix} with {NoteCountWithLabel}</a></div>
  450. <!-- /permalink --> {/block:IndexPage}
  451. {block:IndexPage}<center>{Photoset-250}</center>{/block:IndexPage}
  452. {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
  453. </div>
  454. {block:IndexPage}{block:IfShowCaptions}
  455. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  456. {/block:IfShowCaptions}{/block:IndexPage}
  457. </div>
  458. {/block:Photoset}
  459.  
  460. {block:Video}
  461. <div class="video">
  462. <div class="box">
  463. <!-- permalink --> {block:IndexPage}
  464. <div class="perma"><a href="{Permalink}">Posted on {DayOfWeek}, {Month} {DayOfMonth}{DayOfMonthSuffix} with {NoteCountWithLabel}</a></div>
  465. <!-- /permalink --> {/block:IndexPage}
  466. {block:IndexPage}<center>{Video-250}</center>{/block:IndexPage}
  467. {block:PermalinkPage}{Video-500}{/block:PermalinkPage}
  468. </div>
  469. {block:IndexPage}{block:IfShowCaptions}
  470. {block:Caption}<div class="caption text">{Caption}</div>{/block:Caption}
  471. {/block:IfShowCaptions}{/block:IndexPage}
  472. </div>
  473. {/block:Video}
  474.  
  475. {block:Photo}
  476. <div class="photo">
  477. <div class="box">
  478. <!-- permalink --> {block:IndexPage}
  479. <div class="perma"><a href="{Permalink}">Posted on {DayOfWeek}, {Month} {DayOfMonth}{DayOfMonthSuffix} with {NoteCountWithLabel}</a></div>
  480. <!-- /permalink --> {/block:IndexPage}
  481. {block:IndexPage}
  482. <a href="{Permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}" width="100%"/></a>
  483. {/block:IndexPage}
  484. {block:PermalinkPage}
  485. {LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="500"/>{LinkCloseTag}
  486. {/block:PermalinkPage}
  487. </div>
  488. {block:IndexPage}{block:IfShowCaptions}
  489. {block:Caption}<div class="caption text">{Caption}</div>{/block:Caption}
  490. {/block:IfShowCaptions}{/block:IndexPage}
  491. </div>
  492. {/block:Photo}
  493.  
  494. {block:IfShowTags}{block:IndexPage}{block:HasTags}
  495. <div class="tagged"><p>{lang:Tagged}: {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}</p></div>
  496. {/block:HasTags}{/block:IndexPage}{/block:IfShowTags}
  497.  
  498. {block:PermalinkPage}
  499. <div id="post-info" class="text">
  500. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  501. {block:HasTags}
  502. <p class="tagged">{lang:Tagged}: {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}</p>
  503. {/block:HasTags}
  504. <p class="post-info-data">
  505. {block:Date}{12Hour}:{Minutes}:{Seconds} @ {MonthNumber}/{DayOfMonth}/{Year}<br/>{/block:Date}
  506. {block:NoteCount}{NoteCountWithLabel}<br />{/block:NoteCount}{block:RebloggedFrom}
  507. Reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br/>Posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>{block:RebloggedFrom}</p>
  508. {block:PostNotes}
  509. {PostNotes}
  510. {/block:PostNotes}
  511. </div>
  512. {/block:PermalinkPage}
  513.  
  514. </div> <!-- end single post -->
  515. {block:ContentSource}
  516. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" /> {/block:SourceLogo} {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  517. {/block:ContentSource}
  518. <!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
  519. {/block:Posts}
  520. </div> <!-- end content -->
  521. <div class="loading"></div>
  522. </div> <!-- end containing div -->
  523. {block:IfInfiniteScroll}
  524. {block:Pagination}<ul id="pagination">
  525. {block:PreviousPage}
  526. <li><a href="{PreviousPage}"></a></li>
  527. {/block:PreviousPage}
  528. {block:JumpPagination length="5"}
  529. {block:CurrentPage}
  530. <li><span class="current_page numbersNav"><strong>{PageNumber}</strong></span></li>
  531. {/block:CurrentPage}
  532. {block:JumpPage}
  533. <li><a class="jump_page numbersNav" href="{URL}">{PageNumber}</a></li>
  534. {/block:JumpPage}
  535. {/block:JumpPagination}
  536. {block:NextPage}
  537. <li><a id="nextPage" href="{NextPage}"></a></li>
  538. {/block:NextPage}
  539. </ul>{/block:Pagination}
  540. {/block:IfInfiniteScroll}
  541. {block:IndexPage}
  542. <script type="text/javascript">
  543. $(window).load(function () {
  544. $('#content').masonry(),
  545. $('.masonryWrap').infinitescroll({
  546. navSelector : '#pagination',
  547. nextSelector : '#pagination a#nextPage',
  548. itemSelector : ".post, .loading",
  549. bufferPx : 40,
  550. loadingImg : "http://static.tumblr.com/uiqhh9x/38Em68qk4/loading.gif",
  551. loadingText : "<em></em>",
  552. },
  553. function() { $('#content').masonry({ appendedContent: $(this) }); }
  554. );
  555. });
  556. </script>
  557. {/block:IndexPage}
  558. {block:IfToTopButton}
  559. <script type="text/javascript">
  560. $(document).ready(function() {
  561. /*
  562. var defaults = {
  563. containerID: 'toTop', // fading element id
  564. containerHoverID: 'toTopHover', // fading element hover id
  565. scrollSpeed: 1200,
  566. easingType: 'linear'
  567. };
  568. */
  569.  
  570. $().UItoTop({ easingType: 'easeOutQuart' });
  571.  
  572. });
  573. </script>
  574. <a href="#" id="toTop" style="display: none; "><span id="toTopHover"></span>To Top</a>
  575. {/block:IfToTopButton}
  576. </body></html>
Add Comment
Please, Sign In to add comment