Advertisement
vampholly

Let It Snow -Theme

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