Joana_darc2

Theme Urban Life

Jan 17th, 2013
567
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 20.70 KB | None | 0 0
  1. <!-----------------------------------------------------------------------
  2. // Theme por SOUNDS-OF-WAR.tumblr.com
  3.  
  4. -> Não copie.Não retire os créditos <-
  5.  
  6. //Avise na ask se usar//
  7.  
  8. // A "tit" theme project
  9.  
  10. ------------------------------------------------------------------------>
  11.  
  12. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  13. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  14. <html xmlns="http://www.w3.org/1999/xhtml">
  15. <head>
  16. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  17. <title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title>
  18. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  19. <link rel="shortcut icon" href="{Favicon}">
  20. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  21.  
  22. <!---links--->
  23. <meta name="text:Link1" content="" />
  24. <meta name="text:Link1 Title" content="" />
  25. <meta name="text:Link2" content="" />
  26. <meta name="text:Link2 Title" content="" />
  27. <meta name="text:Link3" content=""/>
  28. <meta name="text:Link3 Title" content=""/>
  29. <meta name="text:Link4" content=""/>
  30. <meta name="text:Link4 Title" content=""/>
  31. <meta name="text:Link5" content=""/>
  32. <meta name="text:Link5 Title" content=""/>
  33. <meta name="text:Link6" content=""/>
  34. <meta name="text:Link6 Title" content=""/>
  35.  
  36. <!--selections-->
  37. <meta name="if:Show Tags" content="0"/>
  38. <meta name="if:Animation" content="1"/>
  39. <meta name="if:To Top Button" content="0"/>
  40. <meta name="if:Show Captions" content="0"/>
  41. <meta name="if:Show Tags" content="0"/>
  42.  
  43. <!--images-->
  44. <meta name="image:Background" content=""/>
  45. <meta name="image:Sidebar" content=""/>
  46.  
  47. <!--colors-->
  48. <meta name="color:Sidebar" content="#ffffff"/>
  49. <meta name="color:Posts" content="#ffffff"/>
  50. <meta name="color:Bordaimagem" content="#ffffff"/>
  51. <meta name="color:Background" content="#ffffff"/>
  52. <meta name="color:Barrarolagem" content="#ffffff"/>
  53. <meta name="color:Menu" content="#ffffff"/>
  54. <meta name="color:Links" content="#ffffff"/>
  55. <meta name="color:Linkshover" content="#ffffff"/>
  56.  
  57. <link href='http://fonts.googleapis.com/css?family=Economica' rel='stylesheet' type='text/css'>
  58.  
  59. <link href='http://fonts.googleapis.com/css?family=Montez' rel='stylesheet' type='text/css'>
  60.  
  61.  
  62. <script type="text/javascript" src="http://static.tumblr.com/uiqhh9x/jkEm9tb4p/jquery-1.8.1.min.js"></script>
  63. <link rel="stylesheet" type="text/css" href="http://static.tumblr.com/cpaytv3/2V1m9r58l/reset.css">
  64. <script type="text/javascript" src="http://static.tumblr.com/tpusuz1/sPomh8xdv/code.txt"></script>
  65. <style type="text/css">
  66. body {
  67. color: #000000;background: {color:Background} url({image:Background});
  68. font-family: default;
  69. font-size: 10px;
  70. line-height: 1.5em;
  71. }
  72. p {margin:0 0 .75em 0} p:last-child {margin:0}
  73. a {
  74. color: {color:Links};
  75. text-decoration:none;
  76. {block:IfAnimation}-webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease;-o-transition:all .2s ease;{/block:IfAnimation}}
  77. a:hover {color: {color:linkshover}; }
  78. blockquote {quotes: "" "" "'" "'"; margin: 0.75em 0 .75em .75em;padding-left: 1.5em;
  79. line-height: 100%;border-left: solid 4px #EDEDED;
  80. }
  81. h1 {
  82. font-family: default;
  83. font-size: 24px;
  84. line-height: 1.5em;font-weight: normal;
  85. }
  86. ul {
  87. margin: 0px 1.5em .75em;}
  88. li {
  89. margin: .75em 0;
  90. list-style-type: square;
  91. }
  92. .box img {
  93. display: block;}.m-i {
  94. display: block;
  95. line-height: 1px!important;
  96. }
  97. .post-link{
  98. font-family: default;
  99. font-size: 10px;
  100. line-height: 8px;
  101. }p.source{text-align: center;}
  102. .menu-picture {
  103. line-height: 100%;display: inline-block;
  104. }p.source{text-align: center;}
  105. h3 {
  106. font-size: 18px; font-weight: normal;
  107. }.tagged { text-align: center; line-height: 8px;font-size: 8px;}
  108. .text { padding: 5px;}p.question {
  109. margin-bottom: .375em;
  110. }
  111. p.words {
  112. padding: 6px;
  113. line-height: 1.5em;
  114. color: #333333;
  115. background: #ebebeb;
  116. }
  117. .response {
  118. background: #efefef;
  119. padding: 5px;
  120. margin-bottom: .75em;
  121. }.answer {
  122. text-align: center;
  123. }
  124. .post {
  125. position: relative;
  126. width:400px;
  127. float:left;
  128. font-family:'Economica';
  129. font-size:14px;
  130. background: #ffffff;
  131. padding:0px;
  132. margin:10px;
  133. }.box {position: relative;}
  134.  
  135. .bubble {align:right;background: #eee; margin:7px 0px 5px 66px;padding:10px;position: relative;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
  136. .bubble p {margin:1px 0px;}
  137. .bubble span {display:block;position:absolute;width:1px;height:1px;font-size: 0;line-height: 1px;left:-10px;top:10px;border-top:7px solid transparent;border-bottom:7px solid transparent;border-right:10px solid #eee;}
  138.  
  139. .askborder {float: left;margin: 1px 4px 0 0;padding: 2px; background: #eee}
  140.  
  141. #sidebar{position:fixed;margin-left:100px;width:200px;height:680px;background:transparent;z-index:9;padding:4.5px;margin-top:0px;border:0px solid #eee}
  142.  
  143. #sidelink{position:fixed;margin-left:50px;width:70px;height:200%;background:{color:Sidebar};z-index:0;padding:4.5px;margin-top:-177px;border:0px solid #eee;}
  144.  
  145. #sidepag{position:fixed;margin-left:0px;width:60px;height:20px;background:transparent;z-index:30;padding:4.5px;margin-top:140px;border:0px solid #eee;}
  146.  
  147. /*menu*/
  148. .menu {font-size:12px;font-family:'Economica';-webkit-transform:rotate(0deg);-webkit-transition-duration:1s;-moz-transition-duration:1s;}
  149. .menu:hover{color:gray;-webkit-transform:rotate(340deg);border-bottom: solid 4px {color:Menu};-webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease;-o-transition: all 0.s ease;}
  150.  
  151. /*efeito rotate*/
  152. #circle {position:fixed !important; width:160px; background:{color:Bordaimagem}; height:160px; padding:5px; text-align:center; line-height:8px; z-index:999; border-radius:9999999px; transition: all 0.7s ease-out; -o-transition-transition: all 0.7s ease-out; -webkit-transition: all 0.7s ease-out; -moz-transition: all 0.7s ease-out;}
  153.  
  154. #circle:hover{opacity:1; -moz-transform: rotate(-180deg); -o-transform: rotate(-180deg); -webkit-transform: rotate(-180deg);}
  155.  
  156. #circlepic{opacity:.85; border-radius:9999999px; width:160px; transition: all 0.7s ease-out; -o-transition-transition: all 0.7s ease-out; -webkit-transition: all 0.7s ease-out; -moz-transition: all 0.7s ease-out;}
  157.  
  158. #circlepic img{width:160px; height:160px;border-radius:9999999px;}
  159.  
  160. #circle:hover #circlepic {opacity:0.1;}
  161.  
  162. #cinside {opacity:0; z-index:1; position:fixed; width:160px; height:100px;padding-top:60px;line-height:10px;}
  163.  
  164. #cinside ctitulo {margin-top:-17px;font: 18px Pacifico; color: gray; text-align:center; display: block; padding: 5px; text-shadow: 0px 1px 1px #eae7e7;background: transparent;font-style:bold;font-family: 'Montez', cursive;}
  165.  
  166. #cinside cdesc {font: 10px Tahoma; color: gray; text-align:center; padding: 5px; text-shadow: 0px 1px 1px #f0f0f0;display: block;}
  167.  
  168. #circle:hover #cinside {opacity:1;-moz-transform: rotate(180deg);-o-transform: rotate(180deg);-webkit-transform: rotate(180deg);}
  169.  
  170. .cred2 a{background:white;border:1px solid #E8E8E8;width:80px;border-radius:40px;font-size:9px;font-family:tahoma;position:fixed;left:10px;bottom:30px;-webkit-transition-duration:1s;}
  171.  
  172. /*Barra de rolagem*/
  173. ::-webkit-scrollbar-thumb:vertical {background-color:{color:Barrarolagem};height:5px;}
  174. ::-webkit-scrollbar-thumb:horizontal {background-color:{color:Barrarolagem};height:5px}
  175. ::-webkit-scrollbar {height:5px; width:5px; background-color:#F5F0F5;
  176.  
  177. }ul {margin-bottom: .75em;}
  178. #contain {
  179. width:720px;
  180. margin: 0px auto 0;
  181. }
  182. #content {
  183. background:{color:Posts};
  184. width:420px;
  185. float: right;
  186. }
  187. #infscr-loading{position:relative!important;left:49%}.post .perma{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{opacity: 1;filter:alpha(opacity=100);}.perma:hover{background: rgba(255, 255, 255, 100);}.perma a{color: #000000;}.perma-a { 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}}
  188. p.menu-m {margin: .375em;} .menu-link {margin: 0 3px;}.box iframe {
  189. max-width: 100%;
  190. }.text img {max-width: 100%;}img {display: block;}.box img {display: block;}
  191. .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}
  192.  
  193. #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}
  194.  
  195. 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%}
  196. </style></head>
  197. <body>
  198.  
  199. <div id="contain" class="clearfix">
  200. <div class="centra">
  201. <div id="sidebar">
  202. <br><br><br><br><br><br>
  203. <div id="circle">
  204. <center><div id="cinside">
  205. <ctitulo>{title}</ctitulo>
  206. <cdesc>{description}</cdesc>
  207. </div>
  208. <div id="circlepic"><img src="{image:Sidebar}"></div>
  209. </div>
  210.  
  211. <!--sidebar links e paginação--->
  212. <div id="sidelink">
  213.  
  214. <div id="sidepag">
  215.  
  216. <center>{block:PreviousPage}<a href="{PreviousPage}">&larr;</a>{/block:PreviousPage}&nbsp;&nbsp;{block:NextPage}<a href="{NextPage}">&rarr;</a>{/block:NextPage}</center>
  217.  
  218. </div><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><center>
  219. <div class="menu"><a href="{text:Link1}">{text:Link1 Title}</a></div><br>
  220. <div class="menu"><a href="{text:Link2}">{text:Link2 Title}</a></div><br>
  221. <div class="menu"><a href="{text:Link3}">{text:Link3 Title}</a></div><br>
  222. <div class="menu"><a href="{text:Link4}">{text:Link4 Title}</a></div><br>
  223. <div class="menu"><a href="{text:Link5}">{text:Link5 Title}</a></div><br>
  224. <div class="menu"><a href="{text:Link6}">{text:Link6 Title}</a></div><br>
  225. </center>
  226. </div>
  227. </div>
  228. <div id="content">
  229. {block:Posts}
  230. <div class="post">
  231.  
  232. {block:Text}
  233. <div class="text">
  234. {block:Title}<h3>{Title}</h3>{/block:Title}
  235. {Body}
  236. <!-- permalink --> {block:IndexPage}
  237. <p class="post-link perma-a"><a href="{Permalink}">Posted {TimeAgo} With {NoteCountWithLabel}</a> <a href="{ReblogUrl}" target="_blank"><strong>reblog</strong></a></p>
  238. <!-- /permalink --> {/block:IndexPage}
  239. </div>
  240. {/block:Text}
  241.  
  242. {block:Quote}
  243. <div class="text quote">
  244. <p class="words">&#8220;{Quote}&#8221;</p>
  245. {block:Source}<p class="source">{Source}</p>{/block:Source}
  246. <!-- permalink --> {block:IndexPage}
  247. <p class="post-link perma-a"><a href="{Permalink}">Posted {TimeAgo} With {NoteCountWithLabel}</a> <a href="{ReblogUrl}" target="_blank"><strong>reblog</strong></a></p>
  248. <!-- /permalink --> {/block:IndexPage}
  249. </div>
  250. {/block:Quote}
  251.  
  252. {block:Link}
  253. <div class="text link">
  254. <h3><a href="{URL}" {Target}>{Name}</a></h3>
  255. {block:Description}{Description}{/block:Description}
  256. <!-- permalink --> {block:IndexPage}
  257. <p class="post-link perma-a"><a href="{Permalink}">Posted {TimeAgo} With {NoteCountWithLabel}</a> <a href="{ReblogUrl}" target="_blank"><strong>reblog</strong></a></p>
  258. <!-- /permalink --> {/block:IndexPage}
  259. </div>
  260. {/block:Link}
  261.  
  262. {block:Chat}
  263. <div class="text chat">
  264. <ul class="conversation">
  265. {block:Lines}
  266. <li class="line {Alt}">
  267. {block:Label}<span class="person">{Label}</span>{/block:Label}
  268. <span class="person-said">{Line}</span>
  269. </li>
  270. {/block:Lines}
  271. </ul>
  272. <!-- permalink --> {block:IndexPage}
  273. <p class="post-link perma-a"><a href="{Permalink}">Posted {TimeAgo} With {NoteCountWithLabel}</a> <a href="{ReblogUrl}" target="_blank"><strong>reblog</strong></a></p>
  274. <!-- /permalink --> {/block:IndexPage}
  275. </div>
  276. {/block:Chat}
  277.  
  278. {block:Audio}
  279. <div class="text audio">
  280. <p>{AudioPlayerBlack}</p>
  281. {block:IndexPage}{block:IfShowCaptions}
  282. {block:Caption}{Caption}{/block:Caption}
  283. {/block:IfShowCaptions}{/block:IndexPage}
  284. <!-- permalink --> {block:IndexPage}
  285. <p class="post-link perma-a"><a href="{Permalink}">Posted {TimeAgo} With {NoteCountWithLabel}</a> <a href="{ReblogUrl}" target="_blank"><strong>reblog</strong></a></p>
  286. <!-- /permalink --> {/block:IndexPage}
  287. </div>
  288. {/block:Audio}
  289.  
  290. {block:Answer}
  291. <div class="text answer">
  292. <img src="{AskerPortraitURL-48}" align="left" class="askborder"><div class="bubble"><span></span>{Asker}: {Question}&nbsp;</div>{Answer}
  293. <!-- permalink --> {block:IndexPage}
  294. <p class="post-link perma-a"><a href="{Permalink}">Posted {TimeAgo} With {NoteCountWithLabel}</a> <a href="{ReblogUrl}" target="_blank"><strong>reblog</strong></a></p>
  295. <!-- /permalink --> {/block:IndexPage}
  296. </div>
  297. {/block:Answer}
  298.  
  299. {block:Photoset}
  300. <div class="photoset">
  301. <div class="box">
  302. <!-- permalink --> {block:IndexPage}
  303. <div class="perma"><a href="{Permalink}">Posted on {DayOfWeek}, {Month} {DayOfMonth}{DayOfMonthSuffix} with {NoteCountWithLabel}</a> <a href="{ReblogUrl}" target="_blank"><strong>reblog</strong></a></div>
  304. <!-- /permalink --> {/block:IndexPage}
  305. <center>{Photoset-400}</center>
  306. </div>
  307. {block:IndexPage}{block:IfShowCaptions}
  308. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  309. {/block:IfShowCaptions}{/block:IndexPage}
  310. </div>
  311. {/block:Photoset}
  312.  
  313. {block:Video}
  314. <div class="video">
  315. <div class="box">
  316. <!-- permalink --> {block:IndexPage}
  317. <p class="post-link perma-a"><a href="{Permalink}">Posted {TimeAgo} With {NoteCountWithLabel}</a> <a href="{ReblogUrl}" target="_blank"><strong>reblog</strong></a></p>
  318. <center>{Video-400}</center>
  319. </div>
  320. {block:IndexPage}{block:IfShowCaptions}
  321. {block:Caption}<div class="caption text">{Caption}</div>{/block:Caption}
  322. {/block:IfShowCaptions}{/block:IndexPage}
  323. </div>
  324. {/block:Video}
  325.  
  326. {block:Photo}
  327. <div class="photo">
  328. <div class="box">
  329. <!-- permalink --> {block:IndexPage}
  330. <div class="perma"><a href="{Permalink}">Posted on {DayOfWeek}, {Month} {DayOfMonth}{DayOfMonthSuffix} with {NoteCountWithLabel}</a> <a href="{ReblogUrl}" target="_blank"><strong>reblog</strong></a></div>
  331. <!-- /permalink --> {/block:IndexPage}
  332. {block:IndexPage}
  333. <a href="{Permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}" width="100%"/></a>
  334. {/block:IndexPage}
  335. {block:PermalinkPage}
  336. {LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="500"/>{LinkCloseTag}
  337. {/block:PermalinkPage}
  338. </div>
  339. {block:IndexPage}{block:IfShowCaptions}
  340. {block:Caption}<div class="caption text">{Caption}</div>{/block:Caption}
  341. {/block:IfShowCaptions}{/block:IndexPage}
  342. </div>
  343. {/block:Photo}
  344.  
  345. {block:IfShowTags}{block:IndexPage}{block:HasTags}
  346. <div class="tagged"><p>{lang:Tagged}: {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}</p></div>
  347. {/block:HasTags}{/block:IndexPage}{/block:IfShowTags}
  348.  
  349. {block:PermalinkPage}
  350. <div id="post-info" class="text">
  351. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  352. {block:HasTags}
  353. <p class="tagged">{lang:Tagged}: {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}</p>
  354. {/block:HasTags}
  355. <p class="post-info-data">
  356. {block:Date}{12Hour}:{Minutes}:{Seconds} @ {MonthNumber}/{DayOfMonth}/{Year}<br/>{/block:Date}
  357. {block:NoteCount}{NoteCountWithLabel}<br />{/block:NoteCount}{block:RebloggedFrom}
  358. Reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br/>Posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>{block:RebloggedFrom}</p>
  359. {block:PostNotes}
  360. {PostNotes}
  361. {/block:PostNotes}
  362. </div>
  363. {/block:PermalinkPage}
  364.  
  365. </div> <!-- end single post -->
  366. {block:ContentSource}
  367. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" /> {/block:SourceLogo} {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  368. {/block:ContentSource}
  369. <!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
  370. {/block:Posts}
  371. </div> <!-- end content -->
  372. <div class="loading"></div>
  373. </div> <!-- end containing div -->
  374. {block:IndexPage}{block:IfInfiniteScroll}
  375. {block:Pagination}<ul id="pagination">
  376. {block:PreviousPage}
  377. <li><a href="{PreviousPage}"></a></li>
  378. {/block:PreviousPage}
  379. {block:JumpPagination length="5"}
  380. {block:CurrentPage}
  381. <li><span class="current_page numbersNav"><strong>{PageNumber}</strong></span></li>
  382. {/block:CurrentPage}
  383. {block:JumpPage}
  384. <li><a class="jump_page numbersNav" href="{URL}">{PageNumber}</a></li>
  385. {/block:JumpPage}
  386. {/block:JumpPagination}
  387. {block:NextPage}
  388. <li><a id="nextPage" href="{NextPage}"></a></li>
  389. {/block:NextPage}
  390. </ul>{/block:Pagination}
  391. <script type="text/javascript">
  392. $(window).load(function () {
  393. var $content = $('#content');
  394. $content.infinitescroll({
  395. navSelector : '#pagination',
  396. nextSelector : '#pagination a#nextPage',
  397. itemSelector : '.post, .loading',
  398. loading: {
  399. finishedMsg: '',
  400. img: 'http://static.tumblr.com/uiqhh9x/amsm48v4p/add.gif'
  401. },
  402. bufferPx : 200,
  403. debug : false,
  404. });
  405. });
  406. </script>
  407. {/block:IfInfiniteScroll}
  408. {/block:IndexPage}
  409. {block:IfToTopButton}
  410. <script type="text/javascript">
  411. $(document).ready(function() {
  412. /*
  413. var defaults = {
  414. containerID: 'toTop', // fading element id
  415. containerHoverID: 'toTopHover', // fading element hover id
  416. scrollSpeed: 1200,
  417. easingType: 'linear'
  418. };
  419. */
  420.  
  421. $().UItoTop({ easingType: 'easeOutQuart' });
  422.  
  423. });
  424. </script>
  425. <a href="#" id="toTop" style="display: none; "><span id="toTopHover"></span>To Top</a>
  426. {/block:IfToTopButton}
  427.  
  428. <div class="cred2"><a href="http://sounds-of-war.tumblr.com" target="blank" title="Theme by SOUNDS-OF-WAR.Dtl by Mutable-html.Don't remove the credits,don't copy!"><center>&copy; ALL THEME</center></a></div>
  429. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment