tumblrthemetester

Sober Seas

Jul 11th, 2013
3,669
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 21.00 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>
  45. <link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic,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>
  46. <style type="text/css">
  47. body {
  48. color: #000000;background: #dce3e5 url({image:Background});
  49. font-family: default;
  50. font-size: 10px;
  51. line-height: 1.5em;
  52. }.btn{display:none;}
  53. p {margin:0 0 .75em 0} p:last-child {margin:0}
  54. a {
  55. color: #666666;
  56. text-decoration:none;
  57. {block:IfAnimation}-webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease;-o-transition:all .2s ease;{/block:IfAnimation}}
  58. a:hover {color: #222; }
  59. blockquote {quotes: "" "" "'" "'"; margin: 0.75em 0 .75em .75em;padding-left: 1.5em;
  60. line-height: 100%;border-left: solid 4px #EDEDED;
  61. }
  62. h1 {
  63. color:#737f83;
  64. -webkit-transition: all .6s ease;
  65. font-family: 'Open Sans Condensed', sans-serif;
  66. font-size: 24px;
  67. font-style: italic;
  68. opacity:.6;
  69. line-height: 1.5em;font-weight: 300;
  70. }
  71. h1:hover{opacity:1;}
  72.  
  73.  
  74. ul {
  75. margin: 0px 1.5em .75em;}
  76. li {
  77. margin: .75em 0;
  78. list-style-type: square;
  79. }
  80. .box img {
  81. display: block;
  82. max-width: 100%;}.m-i {
  83. display: block;
  84. line-height: 1px!important;
  85. }
  86. .menu-picture {
  87. line-height: 100%;
  88. display: inline-block;
  89. line-height: 0px!important;
  90. }
  91. .post-link{
  92. font-family: default;
  93. font-size: 8px;
  94. line-height: 8px;
  95. }p.source{text-align: center;}
  96. .menu-picture {
  97. line-height: 100%;display: inline-block;
  98. }p.source{text-align: center;}
  99. h3 {
  100. font-size: 14px; font-weight: normal;
  101. }.tagged { text-align: center; line-height: 8px;font-size: 8px;}
  102. .text { padding: 5px;}p.question {
  103. margin-bottom: .375em;
  104. }
  105. p.words {
  106. padding: 6px;
  107. line-height: 1.5em;
  108. color: #333333;
  109. background: #ebebeb;
  110. }
  111. .response {
  112. background: #efefef;
  113. padding: 5px;
  114. margin-bottom: .75em;
  115. }.answer {
  116. text-align: center;
  117. }
  118. .post {
  119. position: relative;
  120. {block:IndexPage}
  121. width:260px;
  122. {/block:IndexPage}
  123. {block:PermalinkPage}
  124. width:263px;
  125. {/block:PermalinkPage}
  126. float:left;
  127. background: #c7d0d3;
  128. border: 1px #bbbbbb solid;
  129. font-family: 'Open Sans Condensed', sans-serif;
  130. padding:0px;
  131. margin:2px;
  132. }.box {position: relative;}
  133.  
  134. #side {
  135. font-family: 'Open Sans Condensed', sans-serif;
  136. text-align: center;
  137. margin-top: 2px;
  138. width:240px;
  139. padding:0px;position: fixed;
  140. background: #;
  141. }
  142.  
  143. .boxx
  144. {background: #c7d0d3;
  145. border: 1px #bbbbbb solid;
  146. margin-top: -20px;
  147. width: 160px;
  148. margin-left: 35px;
  149. border-radius: 15px 15px 15px 0px;
  150. }
  151.  
  152.  
  153. #side img:hover {
  154. filter: url(http://static.tumblr.com/eptm5us/ueTmafr4p/filters.svg#grayscale); /* Firefox 3.5+ */
  155. filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, IE10 */
  156.  
  157. filter: gray; /* IE6-9 */
  158. -webkit-filter: grayscale(0%); /* Chrome 19+ & Safari 6+ */
  159. -webkit-transition: all .6s ease; /* Fade to color for Chrome and Safari */
  160. -webkit-backface-visibility: hidden; /* Fix for transition flickering */}
  161.  
  162.  
  163. #side img {
  164. filter: url(http://static.tumblr.com/eptm5us/ueTmafr4p/filters.svg#grayscale); /* Firefox 3.5+ */
  165. filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, IE10 */
  166.  
  167. filter: gray; /* IE6-9 */
  168. -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
  169. -webkit-transition: all .6s ease; /* Fade to color for Chrome and Safari */
  170. -webkit-backface-visibility: hidden; /* Fix for transition flickering */
  171. max-width: 130px;
  172. border: 3px #bbbbbb solid;
  173. }
  174.  
  175.  
  176.  
  177. ul {margin-bottom: .75em;}
  178. #contain {
  179. width:1047px;
  180. margin: 2px auto 0;
  181. }
  182. #content {
  183. margin-right: 30px;
  184. width:801px;
  185. float: right;
  186. }
  187. #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{position: absolute; border-left: 5px solid undefined; border-right: 5px solid undefined; width: 233px; left: 10px;text-align: center; bottom: 10px;opacity: 0;filter:alpha(opacity=0);z-index: 10000;background: rgba(255, 255, 255, .75);font-size: 10px;height: 21px;line-height: 21px;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{opacity: 1;filter:alpha(opacity=100);}.perma:hover{background: rgba(255, 255, 255, 100);}.perma a{color: #000000;}.perma-a { text-align: right; text-transform: uppercase; }.post-right { float: left; text-transform: uppercase; } .post-left { float: right; text-transform: uppercase;}.box iframe {
  188. max-width: 100%;
  189. }.text img {max-width: 100%;}img {display: block;}.box img {display: block;}
  190.  
  191. .links{
  192. font-weight: normal;
  193. font-family: 'Open Sans Condensed', sans-serif;
  194. font-size: 12px;
  195. text-transform: uppercase;
  196. background:#;
  197. padding: 4px;
  198. color: #67767b;}
  199. .links:hover{color:#73878e;}
  200.  
  201. .menu-link{
  202. font-weight: bold;
  203. font-family: 'Open Sans Condensed', sans-serif;
  204. font-size: 12px;
  205. background:#b1b4b5;
  206. padding: 5px;
  207. color: #67767b;}
  208. .menu-link:hover{color: #263940;}
  209.  
  210. #tooltip {
  211. z-index:1;
  212. font-family: 'consolas';
  213. font-size: 9px;
  214. letter-spacing: 1px;
  215. text-transform: uppercase;
  216. color:#545454;
  217. background: #fff;
  218. border: 1px solid #b1b4b5;
  219. padding: 3px;}
  220.  
  221. .post-info-data{text-align:center}.notes img{display:block;float:left;margin-right:.75em}ol.notes li{margin:.375em 0;list-style-type:none;line-height:16px}
  222.  
  223. #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}
  224.  
  225. 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%}
  226. </style>
  227. <script>
  228. (function () {
  229. var ID = "tooltip", CLS_ON = "tooltip_ON", FOLLOW = true,
  230. DATA = "_tooltip", OFFSET_X = 20, OFFSET_Y = 10,
  231. showAt = function (e) {
  232. var ntop = e.pageY + OFFSET_Y, nleft = e.pageX + OFFSET_X;
  233. $("#" + ID).html($(e.target).data(DATA)).css({
  234. position: "absolute", top: ntop, left: nleft
  235. }).show();
  236. };
  237. $(document).on("mouseenter", "*[title]", function (e) {
  238. $(this).data(DATA, $(this).attr("title"));
  239. $(this).removeAttr("title").addClass(CLS_ON);
  240. $("<div id='" + ID + "' />").appendTo("body");
  241. showAt(e);
  242. });
  243. $(document).on("mouseleave", "." + CLS_ON, function (e) {
  244. $(this).attr("title", $(this).data(DATA)).removeClass(CLS_ON);
  245. $("#" + ID).remove();
  246. });
  247. if (FOLLOW) { $(document).on("mousemove", "." + CLS_ON, showAt); }
  248. }());
  249. </script>
  250.  
  251.  
  252. </head>
  253. <body>
  254.  
  255. <div id="contain" class="clearfix">
  256. <div id="side">
  257. <div class="text">
  258. {block:IfShowTitle}<h1>{Title}</h1>{/block:IfShowTitle}<a href="/"><img class="menu-picture" src="{image:sidebar}"/></a>
  259. <div>
  260. <a class="menu-link" href="/" title="Homepage">x</a>
  261. <a class="menu-link" href="/ask" title="Ask Me">xx</a>
  262. <a class="menu-link" href="/archive" title="Archive">xxxx</a>
  263. <a class="menu-link" href="http://tumblrthemes.me/" title="Tumblr Themes">xxxxx</a>
  264. </div>
  265.  
  266. <div class="boxx">
  267. <div id="description" class"text"><br><br>{Description}<BR>
  268.  
  269. <center>
  270. {block:iflink1}<a class="links" href="{text:link 1 url}">{text:link 1}</a>{/block:iflink1}
  271.  
  272. {block:iflink2}<a class="links" href="{text:link 2 url}">{text:link 2}</a>{/block:iflink2}
  273.  
  274. {block:iflink3}<a class="links" href="{text:link 3 url}">{text:link 3}</a>{/block:iflink3}
  275.  
  276. {block:iflink4}<a class="links" href="{text:link 4 url}">{text:link 4}</a>{/block:iflink4}
  277.  
  278. {block:iflink5}<a class="links" href="{text:link 5 url}">{text:link 5}</a>{/block:iflink5}
  279. </center>
  280. </div>
  281. </div>
  282.  
  283.  
  284. </div>
  285. </div>
  286. <div id="content">
  287. {block:Posts}
  288. <div class="post">
  289.  
  290. {block:Text}
  291. <div class="text">
  292. {block:Title}<h3>{Title}</h3>{/block:Title}
  293. {Body}
  294. <!-- permalink --> {block:IndexPage}
  295. <span class="post-link post-right"><a href="{ReblogURL}" target="_blank" >Reblog</a></span><span class="post-link post-left">{timeago} with <a href="{Permalink}">{NoteCountWithLabel}</a></span><div class="clear"></div>
  296. <!-- /permalink --> {/block:IndexPage}
  297. </div>
  298. {/block:Text}
  299.  
  300. {block:Quote}
  301. <div class="text quote">
  302. <p class="words">&#8220;{Quote}&#8221;</p>
  303. {block:Source}<p class="source">{Source}</p>{/block:Source}
  304. <!-- permalink --> {block:IndexPage}
  305. <span class="post-link post-right"><a href="{ReblogURL}" target="_blank" >Reblog</a></span><span class="post-link post-left">{timeago} with <a href="{Permalink}">{NoteCountWithLabel}</a></span><div class="clear"></div>
  306. <!-- /permalink --> {/block:IndexPage}
  307. </div>
  308. {/block:Quote}
  309.  
  310. {block:Link}
  311. <div class="text link">
  312. <h3><a href="{URL}" {Target}>{Name}</a></h3>
  313. {block:Description}{Description}{/block:Description}
  314. <!-- permalink --> {block:IndexPage}
  315. <span class="post-link post-right"><a href="{ReblogURL}" target="_blank" >Reblog</a></span><span class="post-link post-left">{timeago} with <a href="{Permalink}">{NoteCountWithLabel}</a></span><div class="clear"></div>
  316. <!-- /permalink --> {/block:IndexPage}
  317. </div>
  318. {/block:Link}
  319.  
  320. {block:Chat}
  321. <div class="text chat">
  322. <ul class="conversation">
  323. {block:Lines}
  324. <li class="line {Alt}">
  325. {block:Label}<span class="person">{Label}</span>{/block:Label}
  326. <span class="person-said">{Line}</span>
  327. </li>
  328. {/block:Lines}
  329. </ul>
  330. <!-- permalink --> {block:IndexPage}
  331. <span class="post-link post-right"><a href="{ReblogURL}" target="_blank" >Reblog</a></span><span class="post-link post-left">{timeago} with <a href="{Permalink}">{NoteCountWithLabel}</a></span><div class="clear"></div>
  332. <!-- /permalink --> {/block:IndexPage}
  333. </div>
  334. {/block:Chat}
  335.  
  336. {block:Audio}
  337. <div class="text audio">
  338. <p>{AudioPlayerBlack}</p>
  339. {block:IndexPage}{block:IfShowCaptions}
  340. {block:Caption}{Caption}{/block:Caption}
  341. {/block:IfShowCaptions}{/block:IndexPage}
  342. <!-- permalink --> {block:IndexPage}
  343. <span class="post-link post-right"><a href="{ReblogURL}" target="_blank" >Reblog</a></span><span class="post-link post-left">{timeago} with <a href="{Permalink}">{NoteCountWithLabel}</a></span><div class="clear"></div>
  344. <!-- /permalink --> {/block:IndexPage}
  345. </div>
  346. {/block:Audio}
  347.  
  348. {block:Answer}
  349. <div class="text answer">
  350. <div class="response">
  351. <p class="question">{Question}</p>
  352. <p>@{Asker}</p></div>
  353. {Answer}
  354. <!-- permalink --> {block:IndexPage}
  355. <span class="post-link post-right"><a href="{ReblogURL}" target="_blank" >Reblog</a></span><span class="post-link post-left">{timeago} with <a href="{Permalink}">{NoteCountWithLabel}</a></span><div class="clear"></div>
  356. <!-- /permalink --> {/block:IndexPage}
  357. </div>
  358. {/block:Answer}
  359.  
  360. {block:Photoset}
  361. <div class="photoset">
  362. <div class="box">
  363. <!-- permalink --> {block:IndexPage}
  364. <div class="perma"><a href="{reblogurl}" target="_blank">reblog</a> with <a href="{Permalink}">{NoteCountWithLabel}</a></div>
  365. <!-- /permalink --> {/block:IndexPage}
  366. {block:IndexPage}<center>{Photoset-250}</center>{/block:IndexPage}
  367. {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
  368. </div>
  369. {block:IndexPage}{block:IfShowCaptions}
  370. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  371. {/block:IfShowCaptions}{/block:IndexPage}
  372. </div>
  373. {/block:Photoset}
  374.  
  375. {block:Video}
  376. <div class="video">
  377. <div class="box">
  378. <!-- permalink --> {block:IndexPage}
  379. <div class="perma"><a href="{reblogurl}" target="_blank">reblog</a> with <a href="{Permalink}">{NoteCountWithLabel}</a></div>
  380. <!-- /permalink --> {/block:IndexPage}
  381. {block:IndexPage}<center>{Video-250}</center>{/block:IndexPage}
  382. {block:PermalinkPage}{Video-500}{/block:PermalinkPage}
  383. </div>
  384. {block:IndexPage}{block:IfShowCaptions}
  385. {block:Caption}<div class="caption text">{Caption}</div>{/block:Caption}
  386. {/block:IfShowCaptions}{/block:IndexPage}
  387. </div>
  388. {/block:Video}
  389.  
  390. {block:Photo}
  391. <div class="photo">
  392. <div class="box">
  393. <!-- permalink --> {block:IndexPage}
  394. <div class="perma"><a href="{reblogurl}" target="_blank">reblog</a> with <a href="{Permalink}">{NoteCountWithLabel}</a></div>
  395. <!-- /permalink --> {/block:IndexPage}
  396. {block:IndexPage}
  397. <a href="{Permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}" width="100%"/></a>
  398. {/block:IndexPage}
  399. {block:PermalinkPage}
  400. {LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="500"/>{LinkCloseTag}
  401. {/block:PermalinkPage}
  402. </div>
  403. {block:IndexPage}{block:IfShowCaptions}
  404. {block:Caption}<div class="caption text">{Caption}</div>{/block:Caption}
  405. {/block:IfShowCaptions}{/block:IndexPage}
  406. </div>
  407. {/block:Photo}
  408.  
  409. {block:IfShowTags}{block:IndexPage}{block:HasTags}
  410. <div class="tagged"><p>{lang:Tagged}: {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}</p></div>
  411. {/block:HasTags}{/block:IndexPage}{/block:IfShowTags}
  412.  
  413. {block:PermalinkPage}
  414. <div id="post-info" class="text">
  415. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  416. {block:HasTags}
  417. <p class="tagged">{lang:Tagged}: {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}</p>
  418. {/block:HasTags}
  419. <p class="post-info-data">
  420. {block:Date}{12Hour}:{Minutes}:{Seconds} @ {MonthNumber}/{DayOfMonth}/{Year}<br/>{/block:Date}
  421. {block:NoteCount}{NoteCountWithLabel}<br />{/block:NoteCount}{block:RebloggedFrom}
  422. Reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br/>Posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>{block:RebloggedFrom}</p>
  423. {block:PostNotes}
  424. {PostNotes}
  425. {/block:PostNotes}
  426. </div>
  427. {/block:PermalinkPage}
  428.  
  429. </div> <!-- end single post -->
  430. {block:ContentSource}
  431. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" /> {/block:SourceLogo} {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  432. {/block:ContentSource}
  433. <!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
  434. {/block:Posts}
  435. </div> <!-- end content -->
  436. <div class="loading"></div>
  437. </div> <!-- end containing div -->
  438. {block:IfInfiniteScroll}
  439. {block:Pagination}<ul id="pagination">
  440. {block:PreviousPage}
  441. <li><a href="{PreviousPage}"></a></li>
  442. {/block:PreviousPage}
  443. {block:JumpPagination length="5"}
  444. {block:CurrentPage}
  445. <li><span class="current_page numbersNav"><strong>{PageNumber}</strong></span></li>
  446. {/block:CurrentPage}
  447. {block:JumpPage}
  448. <li><a class="jump_page numbersNav" href="{URL}">{PageNumber}</a></li>
  449. {/block:JumpPage}
  450. {/block:JumpPagination}
  451. {block:NextPage}
  452. <li><a id="nextPage" href="{NextPage}"></a></li>
  453. {/block:NextPage}
  454. </ul>{/block:Pagination}
  455. {/block:IfInfiniteScroll}
  456. {block:IndexPage}
  457. <script type="text/javascript">
  458. $(window).load(function () {
  459. $('#content').masonry(),
  460. $('.masonryWrap').infinitescroll({
  461. navSelector : '#pagination',
  462. nextSelector : '#pagination a#nextPage',
  463. itemSelector : ".post, .loading",
  464. bufferPx : 40,
  465. loadingImg : "http://static.tumblr.com/uiqhh9x/38Em68qk4/loading.gif",
  466. loadingText : "<em></em>",
  467. },
  468. function() { $('#content').masonry({ appendedContent: $(this) }); }
  469. );
  470. });
  471. </script>
  472. {/block:IndexPage}
  473. {block:IfToTopButton}
  474. <script type="text/javascript">
  475. $(document).ready(function() {
  476. /*
  477. var defaults = {
  478. containerID: 'toTop', // fading element id
  479. containerHoverID: 'toTopHover', // fading element hover id
  480. scrollSpeed: 1200,
  481. easingType: 'linear'
  482. };
  483. */
  484.  
  485. $().UItoTop({ easingType: 'easeOutQuart' });
  486.  
  487. });
  488. </script>
  489. <a href="#" id="toTop" style="display: none; "><span id="toTopHover"></span>To Top</a>
  490. {/block:IfToTopButton}
  491. </body></html>
Add Comment
Please, Sign In to add comment