Advertisement
mikit20

Sakura in the background (1 column)

Jul 17th, 2014
1,225
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 22.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. _____ _ _
  5. |_ _| _ _ __ ___ | |__ | |_ __
  6. | || | | | '_ ` _ \| '_ \| | '__|
  7. | || |_| | | | | | | |_) | | |
  8. |_| \__,_|_| |_| |_|_.__/|_|_|
  9. ____ _
  10. / ___| ___ _ __ ___ _ __ __ _| |_ ___ _ __
  11. | | _ / _ \ '_ \ / _ \ '__/ _` | __/ _ \| '__|
  12. | |_| | __/ | | | __/ | | (_| | || (_) | |
  13. \____|\___|_| |_|\___|_| \__,_|\__\___/|_|
  14.  
  15. ___ ___ _ __ ___
  16. / __/ _ \| '_ ` _ \
  17. | (_| (_) | | | | | |
  18. (_)___\___/|_| |_| |_|
  19.  
  20. // Generate your own theme at
  21. http://tumblrgenerator.com
  22.  
  23. // A "tit" theme project
  24. http://tit.tumblr.com
  25.  
  26. // Comments & Suggestions are apprecaited
  27.  
  28. ------------------------------------------------------------------>
  29. <html xmlns="http://www.w3.org/1999/xhtml">
  30. <head>
  31. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  32. <title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title>
  33. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  34. <link rel="shortcut icon" href="{Favicon}">
  35. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  36. <meta name="text:Link 1" content=""/>
  37. <meta name="text:Link 1 URL" content=""/>
  38. <meta name="text:Link 2" content=""/>
  39. <meta name="text:Link 2 URL" content=""/>
  40. <meta name="text:Link 3" content=""/>
  41. <meta name="text:Link 3 URL" content=""/>
  42. <meta name="text:Link 4" content=""/>
  43. <meta name="text:Link 4 URL" content=""/>
  44. <meta name="text:Link 5" content=""/>
  45. <meta name="text:Link 5 URL" content=""/>
  46. <meta name="text:Link 6" content=""/>
  47. <meta name="text:Link 6 URL" content=""/>
  48. <meta name="text:Link 7" content=""/>
  49. <meta name="text:Link 7 URL" content=""/>
  50. <meta name="text:Link 8" content=""/>
  51. <meta name="text:Link 8 URL" content=""/>
  52. <meta name="text:Home Label" content="Home"/>
  53. <meta name="text:Ask Label" content="Ask"/>
  54. <meta name="text:Submit Label" content="Submit"/>
  55. <meta name="text:Archive Label" content="Archive"/>
  56. <meta name="if:Show Archive Link" content="1"/>
  57. <meta name="if:Show Submit Link" content="1"/>
  58. <meta name="if:Show Title" content="1"/>
  59. <meta name="if:Show Tags" content="0"/>
  60. <meta name="if:Animation" content="1"/>
  61. <meta name="if:To Top Button" content="0"/>
  62. <meta name="if:Infinite Scroll" content="1"/>
  63. <meta name="if:Show Captions" content="0"/>
  64. <meta name="if:Show Tags" content="0"/>
  65. <meta name="image:Background" content=""/>
  66. <meta name="image:Sidebar" content=""/>
  67. <script type="text/javascript" src="http://static.tumblr.com/uiqhh9x/jkEm9tb4p/jquery-1.8.1.min.js"></script>
  68. <link rel="stylesheet" type="text/css" href="http://static.tumblr.com/cpaytv3/2V1m9r58l/reset.css">
  69. <script type="text/javascript" src="http://static.tumblr.com/tpqedpr/zREmibpvy/minified.js"></script>
  70. <style type="text/css">
  71. body {
  72. color: #858585;background: #ffffff url({image:Background});
  73. font-family: Lucida Sans;
  74. font-size: 10px;
  75. line-height: 1.5em;
  76. }
  77. p {margin:0 0 .75em 0} p:last-child {margin:0}
  78. a {
  79. color: #ffc2c2;
  80. text-decoration:none;
  81. {block:IfAnimation}-webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease;-o-transition:all .2s ease;{/block:IfAnimation}}
  82. a:hover {color: #aeddfc; }
  83. blockquote {quotes: "" "" "'" "'"; margin: 0.75em 0 .75em .75em;padding-left: 1.5em;
  84. line-height: 100%;border-left: solid 4px #EDEDED;
  85. }
  86.  
  87.  
  88. @font-face{font-family:theonlyexception;src:url('http://static.tumblr.com/e1djgf7/jzOn8j5um/theonlyexception.ttf')}
  89.  
  90. h1 {
  91. font-family:theonlyexception;
  92. font-size: 22px;
  93. line-height: 1.5em;
  94. font-weight: normal;
  95. text-transform: lowercase;
  96. }
  97.  
  98.  
  99. ul {
  100. margin: 0px 1.5em .75em;}
  101. li {
  102. margin: .75em 0;
  103. list-style-type: square;
  104. }
  105. .box img {
  106. display: block;
  107. max-width: 100%;}.m-i {
  108. display: block;
  109. line-height: 1px!important;
  110. }
  111. .menu-picture {
  112. line-height: 100%;
  113. display: inline-block;
  114. line-height: 0px!important;
  115. }
  116. .post-link{
  117. font-family: Lucida Sans;
  118. font-size: 8px;
  119. line-height: 8px;
  120. }p.source{text-align: center;}
  121. .menu-picture {
  122. line-height: 100%;display: inline-block;
  123. }p.source{text-align: center;}
  124. h3 {
  125. font-size: 14px; font-weight: normal;
  126. }.tagged { text-align: center; line-height: 8px;font-size: 8px;}
  127. .text { padding: 5px;}p.question {
  128. margin-bottom: .375em;
  129. }
  130. p.words {
  131. padding: 6px;
  132. line-height: 1.5em;
  133. color: #7a7676;
  134. background: #ffffff;
  135. }
  136.  
  137. #askimg {
  138. margin-left: 10px;
  139. }
  140.  
  141. .response {
  142. background: #fff;
  143. padding: 5px;
  144. padding-left: 70px;
  145. margin-top: -30px;
  146. margin-left: 0px;
  147. border: 2px solid #FFDEDE;
  148. border-radius: 5px;
  149. }
  150.  
  151. .answer {
  152. text-align: left;
  153. }
  154.  
  155.  
  156. .post {
  157. position: relative;
  158. width:400px;
  159. float:left;
  160.  
  161. background: #ffffff;
  162. padding:15px;
  163. margin:15px;
  164. border: 1px solid #EAE9E9;
  165. outline-offset:-8px;
  166. outline:1px dashed #ddd;
  167. }
  168.  
  169. .post img {max-width:400px; border-radius: 10px; {block:ifcolumns}{block:IndexPage}max-width:400px; border-radius: 10px;{/block:IndexPage}{/block:ifcolumns};}
  170.  
  171.  
  172.  
  173. .box {position: relative;}
  174.  
  175.  
  176. #sidebar {
  177. position:fixed;
  178. width:217px;
  179. margin-left:60px;
  180. margin-top:50px;
  181. }
  182.  
  183.  
  184. #sidebar:hover #links{
  185. opacity:0.9;
  186. -moz-transition-duration:0.7s;
  187. -webkit-transition-duration:0.7s;
  188. -o-transition-duration:0.7s;
  189. }
  190.  
  191.  
  192. #sidebarimage {
  193. float:left;
  194. width:200px;
  195. }
  196.  
  197. #sidebarimage img {
  198. width:200px;
  199. height:;
  200. padding:7px;
  201. border: 1px solid #eee;
  202. background-color: white;
  203. box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.09);
  204. -moz-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.09);
  205. -webkit-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.09);
  206. }
  207.  
  208. #links {
  209. margin-left:21px;
  210. margin-top:21px;
  211. padding: 5px;
  212. width:160px;
  213. height: 180px;
  214. font-size:8px;
  215. font-family:pixel;
  216. text-align:center;
  217. text-transform:uppercase;
  218. position:absolute;
  219. background-color: white;
  220. opacity:0;
  221. -moz-transition-duration:0.7s;
  222. -webkit-transition-duration:0.7s;
  223. -o-transition-duration:0.7s;
  224. }
  225.  
  226. #links a {
  227. color:#fff;
  228. font-size: 8px;
  229. width: 150px;
  230. display:block;
  231. height:13px;
  232. padding:5px;
  233. background-color: #C0E3FE;
  234. margin-bottom: 3px;
  235. }
  236.  
  237. #links a:hover {
  238. color:#FFA7AA;
  239. font-size:11px;
  240. background-image: url(http://media.tumblr.com/4fc70c1b586e0c5dfca0fc49f9647964/tumblr_inline_mmp4r1y7XH1qz4rgp.png);
  241.  
  242. }
  243.  
  244. #sidebar:hover #links{
  245. opacity:0.9;
  246. -moz-transition-duration:0.7s;
  247. -webkit-transition-duration:0.7s;
  248. -o-transition-duration:0.7s;
  249. }
  250.  
  251.  
  252. @font-face{
  253. font-family: 'pixel';
  254. font-style: normal;
  255. font-weight: normal;
  256. src: local('04b24'), url('http://static.tumblr.com/zm7jcjw/dtClscghb/04b_24__.ttf') format('woff');}
  257.  
  258.  
  259. #sidebar2 {
  260. font-size:8px;
  261. font-family:pixel;
  262. line-height: 16px;
  263. letter-spacing:1px;
  264. text-align: left;
  265. margin-top: 300px;
  266. margin-left: 60px;
  267. width:200px;
  268. padding:5px;
  269. position: fixed;
  270. background: #ffffff;
  271. border: 4px double #eee;
  272. border-radius: 5px;
  273. box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.09);
  274. -moz-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.09);
  275. -webkit-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.09);
  276. }
  277.  
  278.  
  279.  
  280.  
  281.  
  282.  
  283.  
  284.  
  285. ul {margin-bottom: .75em;}
  286. #contain {
  287. width:792px;
  288. margin: 15px auto 0;
  289. }
  290. #content {
  291. width:446px;
  292. float: right;
  293. }
  294. #infscr-loading{position:relative!important;left:49%}
  295.  
  296.  
  297. .post .perma{position: absolute; border-left: 5px solid undefined; border-right: 5px solid undefined; width: 400px; left: 0px;text-align: center; top: 0px;opacity: 0;filter:alpha(opacity=0);z-index: 10000;background: rgba(255, 255, 255, .75);font-size:8px;
  298. font-family:pixel; letter-spacing:1px;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}}
  299. .post:hover .perma{opacity: 1;filter:alpha(opacity=100);}
  300. .perma:hover{background: rgba(255, 255, 255, 100);}
  301. .perma a{color: #FFC8CA;}
  302. .perma-a { text-align: right; text-transform: uppercase; }
  303. .post-right { float: left; text-transform: uppercase; }
  304. .post-left { float: right; text-transform: uppercase;}
  305. .box iframe {
  306. max-width: 100%;
  307. }.text img {max-width: 100%;}img {display: block;}.box img {display: block;}
  308. .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}
  309.  
  310. #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}
  311.  
  312. 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%}
  313. </style></head>
  314. <body>
  315.  
  316. <div id="contain" class="clearfix">
  317.  
  318.  
  319. <img src='http://38.media.tumblr.com/tumblr_m9iamlCODf1qjhw28o1_500.png' style='position:fixed;top:0px;left:0px;z-index:-999'/>
  320.  
  321.  
  322. <div id="sidebar">
  323.  
  324. <div id="sidebarimage"><img src="{image:sidebar}"></div>
  325.  
  326. <div id="links">
  327. <a href="/">{text:Home Label}</a>
  328. <a href="/ask">{text:Ask label}</a>
  329. {block:SubmissionsEnabled}{block:IfShowSubmitLink}<br /><a class="menu-link" href="/submit">{text:Submit label}</a>
  330. {/block:IfShowSubmitLink}{/block:SubmissionsEnabled}{block:HasPages}{block:Pages}
  331. <a href="{URL}">{Label}</a>{/block:Pages}{/block:HasPages}{block:iflink1}
  332. <a href="{text:link 1 url}">{text:link 1}</a>{/block:iflink1}{block:iflink2}
  333. <a href="{text:link 2 url}">{text:link 2}</a>{/block:iflink2}{block:iflink3}
  334. <a href="{text:link 3 url}">{text:link 3}</a>{/block:iflink3}{block:iflink4}
  335. <a href="{text:link 4 url}">{text:link 4}</a>{/block:iflink4}{block:iflink5}
  336. <a href="{text:link 5 url}">{text:link 5}</a>{/block:iflink5}{block:iflink6}
  337. <a href="{text:link 6 url}">{text:link 6}</a>{/block:iflink6}{block:iflink7}
  338. <a href="{text:link 7 url}">{text:link 7}</a>{/block:iflink7}{block:iflink8}
  339. <a href="{text:link 8 url}">{text:link 8}</a>{/block:iflink8}{Block:IfShowArchiveLink}
  340. <a href="/archive">{text:Archive Label}</a>{/Block:IfShowArchiveLink}
  341.  
  342.  
  343.  
  344. {block:IfNotInfiniteScroll}{block:Pagination}<p class="previous-next text">{block:PreviousPage}<a href="{PreviousPage}" class="next"><</a>{/block:PreviousPage}<span id="pages"> {CurrentPage} of {TotalPages} </span>{block:NextPage}<a href="{NextPage}" class="previous">></a>{/block:NextPage}</p>{/block:Pagination}{/block:IfNotInfiniteScroll}
  345. </div>
  346. </div>
  347.  
  348.  
  349. <div id="sidebar2">
  350.  
  351. {block:IfShowTitle}<h1><a href="/">{Title}</a></h1>{/block:IfShowTitle}
  352.  
  353. <div id="description" class"text">{Description}</div>
  354.  
  355. </div>
  356.  
  357. <div id="content">
  358. {block:Posts}
  359. <div class="post">
  360.  
  361. {block:Text}
  362. <div class="text">
  363. {block:Title}<h3>{Title}</h3>{/block:Title}
  364. {Body}
  365. <!-- permalink --> {block:IndexPage}
  366. <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>
  367. <!-- /permalink --> {/block:IndexPage}
  368. </div>
  369. {/block:Text}
  370.  
  371. {block:Quote}
  372. <div class="text quote">
  373. <p class="words">&#8220;{Quote}&#8221;</p>
  374. {block:Source}<p class="source">{Source}</p>{/block:Source}
  375. <!-- permalink --> {block:IndexPage}
  376. <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>
  377. <!-- /permalink --> {/block:IndexPage}
  378. </div>
  379. {/block:Quote}
  380.  
  381. {block:Link}
  382. <div class="text link">
  383. <h3><a href="{URL}" {Target}>{Name}</a></h3>
  384. {block:Description}{Description}{/block:Description}
  385. <!-- permalink --> {block:IndexPage}
  386. <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>
  387. <!-- /permalink --> {/block:IndexPage}
  388. </div>
  389. {/block:Link}
  390.  
  391. {block:Chat}
  392. <div class="text chat">
  393. <ul class="conversation">
  394. {block:Lines}
  395. <li class="line {Alt}">
  396. {block:Label}<span class="person">{Label}</span>{/block:Label}
  397. <span class="person-said">{Line}</span>
  398. </li>
  399. {/block:Lines}
  400. </ul>
  401. <!-- permalink --> {block:IndexPage}
  402. <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>
  403. <!-- /permalink --> {/block:IndexPage}
  404. </div>
  405. {/block:Chat}
  406.  
  407. {block:Audio}
  408. <div class="text audio">
  409. <p>{AudioPlayerBlack}</p>
  410. {block:IndexPage}{block:IfShowCaptions}
  411. {block:Caption}{Caption}{/block:Caption}
  412. {/block:IfShowCaptions}{/block:IndexPage}
  413. <!-- permalink --> {block:IndexPage}
  414. <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>
  415. <!-- /permalink --> {/block:IndexPage}
  416. </div>
  417. {/block:Audio}
  418.  
  419. {block:Answer}
  420. <div class="text answer">
  421. <div id="askimg"><img src="{AskerPortraitURL-48}"/></div>
  422. <div class="response">
  423. <p>{Asker} said to me:</p>
  424. <p class="question">{Question}</p>
  425. </div>
  426. {Answer}
  427. <!-- permalink --> {block:IndexPage}
  428. <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>
  429. <!-- /permalink --> {/block:IndexPage}
  430. </div>
  431. {/block:Answer}
  432.  
  433. {block:Photoset}
  434. <div class="photoset">
  435. <div class="box">
  436. <!-- permalink --> {block:IndexPage}
  437. <div class="perma">♡ <a href="{reblogurl}" target="_blank">share it</a> with <a href="{Permalink}">{NoteCount} kiss(es)</a> at {DayofWeek} ♡ </div>
  438. <!-- /permalink --> {/block:IndexPage}
  439. <center>{Photoset-400}</center>
  440. </div>
  441. {block:IndexPage}{block:IfShowCaptions}
  442. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  443. {/block:IfShowCaptions}{/block:IndexPage}
  444. </div>
  445. {/block:Photoset}
  446.  
  447. {block:Video}
  448. <div class="video">
  449. <div class="box">
  450. <!-- permalink --> {block:IndexPage}
  451. <div class="perma">♡ <a href="{reblogurl}" target="_blank">share it</a> with <a href="{Permalink}">{NoteCount} kiss(es)</a> at {DayofWeek} ♡ </div>
  452. <!-- /permalink --> {/block:IndexPage}
  453. <center>{Video-250}</center>
  454. </div>
  455. {block:IndexPage}{block:IfShowCaptions}
  456. {block:Caption}<div class="caption text">{Caption}</div>{/block:Caption}
  457. {/block:IfShowCaptions}{/block:IndexPage}
  458. </div>
  459. {/block:Video}
  460.  
  461. {block:Photo}
  462. <div class="photo">
  463. <div class="box">
  464. <!-- permalink --> {block:IndexPage}
  465. <div class="perma">♡ <a href="{reblogurl}" target="_blank">share it</a> with <a href="{Permalink}">{NoteCount} kiss(es)</a> at {DayofWeek} ♡ </div>
  466. <!-- /permalink --> {/block:IndexPage}
  467. {block:IndexPage}
  468. <a href="{Permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}" width="100%"/></a>
  469. {/block:IndexPage}
  470. {block:PermalinkPage}
  471. {LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="500"/>{LinkCloseTag}
  472. {/block:PermalinkPage}
  473. </div>
  474. {block:IndexPage}{block:IfShowCaptions}
  475. {block:Caption}<div class="caption text">{Caption}</div>{/block:Caption}
  476. {/block:IfShowCaptions}{/block:IndexPage}
  477. </div>
  478. {/block:Photo}
  479.  
  480. {block:IfShowTags}{block:IndexPage}{block:HasTags}
  481. <div class="tagged"><p>{lang:Tagged}: {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}</p></div>
  482. {/block:HasTags}{/block:IndexPage}{/block:IfShowTags}
  483.  
  484. {block:PermalinkPage}
  485. <div id="post-info" class="text">
  486. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  487. {block:HasTags}
  488. <p class="tagged">{lang:Tagged}: {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}</p>
  489. {/block:HasTags}
  490. <p class="post-info-data">
  491. {block:Date}{12Hour}:{Minutes}:{Seconds} @ {MonthNumber}/{DayOfMonth}/{Year}<br/>{/block:Date}
  492. {block:NoteCount}{NoteCountWithLabel}<br />{/block:NoteCount}{block:RebloggedFrom}
  493. Reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br/>Posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>{block:RebloggedFrom}</p>
  494. {block:PostNotes}
  495. {PostNotes}
  496. {/block:PostNotes}
  497. </div>
  498. {/block:PermalinkPage}
  499.  
  500. </div> <!-- end single post -->
  501. {block:ContentSource}
  502. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" /> {/block:SourceLogo} {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  503. {/block:ContentSource}
  504. <!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
  505. {/block:Posts}
  506. </div> <!-- end content -->
  507. <div class="loading"></div>
  508. </div> <!-- end containing div -->
  509. {block:IndexPage}{block:IfInfiniteScroll}
  510. {block:Pagination}<ul id="pagination">
  511. {block:PreviousPage}
  512. <li><a href="{PreviousPage}"></a></li>
  513. {/block:PreviousPage}
  514. {block:JumpPagination length="5"}
  515. {block:CurrentPage}
  516. <li><span class="current_page numbersNav"><strong>{PageNumber}</strong></span></li>
  517. {/block:CurrentPage}
  518. {block:JumpPage}
  519. <li><a class="jump_page numbersNav" href="{URL}">{PageNumber}</a></li>
  520. {/block:JumpPage}
  521. {/block:JumpPagination}
  522. {block:NextPage}
  523. <li><a id="nextPage" href="{NextPage}"></a></li>
  524. {/block:NextPage}
  525. </ul>{/block:Pagination}
  526. <script type="text/javascript">
  527. $(window).load(function () {
  528. var $content = $('#content');
  529. $content.infinitescroll({
  530. navSelector : '#pagination',
  531. nextSelector : '#pagination a#nextPage',
  532. itemSelector : '.post, .loading',
  533. loading: {
  534. finishedMsg: '',
  535. img: 'http://static.tumblr.com/uiqhh9x/amsm48v4p/add.gif'
  536. },
  537. bufferPx : 200,
  538. debug : false,
  539. });
  540. });
  541. </script>
  542. {/block:IfInfiniteScroll}
  543. {/block:IndexPage}
  544. {block:IfToTopButton}
  545. <script type="text/javascript">
  546. $(document).ready(function() {
  547. /*
  548. var defaults = {
  549. containerID: 'toTop', // fading element id
  550. containerHoverID: 'toTopHover', // fading element hover id
  551. scrollSpeed: 1200,
  552. easingType: 'linear'
  553. };
  554. */
  555.  
  556. $().UItoTop({ easingType: 'easeOutQuart' });
  557.  
  558. });
  559. </script>
  560. <a href="#" id="toTop" style="display: none; "><span id="toTopHover"></span>To Top</a>
  561. {/block:IfToTopButton}
  562.  
  563. <BODY onselectstart="return false;" ondragstart="return false;">
  564. <div style=" font-size:8px; position:fixed; bottom:5px; left:0px; text-align:center; font-family:arial">
  565. <a href="http://themesbymiki.tumblr.com/tagged/cute-themes">✿</a></div>
  566. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement