API tools faq
paste
JuuhOliva

TEMA 2 - CUP

JuuhOliva
Apr 9th, 2016
128
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 18.77 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <!-----
  4. THEME DESENVOLVIDO POR JUUH (MELANOLIZAVA.TUMBLR.COM | GEADA.CO.VU)
  5.  
  6. BASE POR DAI (ARCAICAS.TUMBLR.COM)
  7. ------>
  8.  
  9. <html xmlns="http://www.w3.org/1999/xhtml">
  10. <head>
  11.  
  12.  
  13. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  14. <title>{Title}</title>
  15.  
  16. <link rel="shortcut icon" href="{Favicon}">
  17. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  18.  
  19.  
  20.  
  21. <meta name="text:frase" content="Apologize" />
  22. <meta name="text:Link1" content="" />
  23. <meta name="text:Link1 Title" content="Link" />
  24. <meta name="text:Link2" content="" />
  25. <meta name="text:Link2 Title" content="Link" />
  26. <meta name="text:Link3" content="" />
  27. <meta name="text:Link3 Title" content="Link" />
  28. <meta name="text:Link4" content="" />
  29. <meta name="text:Link4 Title" content="Link" />
  30. <meta name="text:Link5" content="" />
  31. <meta name="text:Link5 Title" content="Link" />
  32.  
  33.  
  34. <meta name="if:Show Tags" content="0"/>
  35. <meta name="if:Infinite Scroll" content="1"/>
  36. <meta name="if:Show Captions" content="0"/>
  37.  
  38. <meta name="image:Bg" content=""/>
  39.  
  40. <meta name="color:source" content="#000"/>
  41. <meta name="color:frase" content="#000"/>
  42. <meta name="color:links" content="#7b7b7b">
  43. <meta name="color:hover" content="#fec1c1">
  44. <meta name="color:letras" content="#7b7b7b">
  45. <meta name="color:letters" content="#000">
  46. <meta name="color:bg" content="#eee">
  47. <meta name="color:scrollbar" content="#000">
  48.  
  49. <script src="//static.tumblr.com/vexeq8y/tJWnlzwcq/jquery.js"></script>
  50. <script type="text/javascript" src="http://goo.gl/cf96Aw"></script>
  51. <script type="text/javascript" src="http://static.tumblr.com/zbuvnci/PW7o42eds/5.js"></script>
  52.  
  53. <script type="text/javascript" src="http://static.tumblr.com/5u1fog0/XsWngduiz/lsmoothscroll.js"></script>
  54. <link href='https://fonts.googleapis.com/css?family=Alegreya+Sans|Teko|Loved+by+the+King|Rouge+Script' rel='stylesheet' type='text/css'>
  55.  
  56. <script src="http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script><a href="#" id="scrollToTop">TO TOP</a>
  57.  
  58. <link href='https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300|Titillium+Web|Fjalla+One' rel='stylesheet' type='text/css'>
  59.  
  60. <script>
  61. (function($){
  62. $(document).ready(function(){
  63. $("[title]").style_my_tooltips({
  64. tip_follows_cursor:true,
  65. tip_delay_time:20,
  66. tip_fade_speed:400,
  67. attribute:"title"
  68. });
  69. });
  70. })(jQuery);
  71. </script>
  72.  
  73. <style type="text/css">
  74. /* CORPO */
  75. body, a, a:hover {cursor: url( http://38.media.tumblr.com/tumblr_lr42upCqXm1qmvagu.png ), progress;}
  76. body {color:{color:letras};background-color:{color:bg};background-image:url({image:bg});font-family:calibri, sans-serif;font-size: 12px;line-height: 1.0em;background-repeat:repeat;background-attachment:fixed;}
  77.  
  78.  
  79. /* ESTRUTURA DA PAG */
  80. .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%}
  81.  
  82.  
  83. /* POSTS */
  84. .post {position: relative;{block:IndexPage}width:300px;margin:5px;{/block:IndexPage}{block:PermalinkPage}width:300px;{/block:PermalinkPage}float:left;padding:0;margin:15px;background: transparent}
  85. #contain {width:800px;margin: auto; left: 0; right: 0;}
  86. #content { width:600px;float:right;}
  87. .box {position: relative;}
  88.  
  89.  
  90. /* LINKS */
  91. a {color:{color:links};text-decoration:none;font-size:9px;transition:all 1s ease;font-family:calibri;font-size:9px;letter-spacing:1px;text-transform:uppercase; cursor:url('http://cur.cursors-4u.net/others/oth-6/oth589.cur'), default!important;}
  92. a:hover {color:{color:hover}; text-decoration:none}
  93.  
  94.  
  95. /* TEXTOS */
  96. h3 {font-family:calibri;font-size:11px;text-align:justify;letter-spacing:1px;text-transform:uppercase;padding:2px;}
  97. blockquote {quotes: "" "" "'" "'"; margin: 0em 0em 0em;line-height: 1.3em;overflow:hidden;font-size:12px;font-family:calibri;padding:10px;}
  98. p {margin:0 0 .85em 0} p:last-child {margin:0}
  99. h1 {;font-size:15px;text-align:justify;letter-spacing:1px;text-transform:uppercase;padding:2px;font-family: 'Teko', sans-serif;}
  100.  
  101.  
  102. /* CHAT */
  103. ul {margin: 1em ;padding:0px;}
  104. li {margin: 0em 2em;padding:3px;list-style-type:disc;line-height:1.0em;font-size:11px;}
  105.  
  106. .line {list-style-type:disc;padding:3px;line-height:1.3em;font-size:11px;}
  107. .person{color:{color:letters};font-weight:bold;padding:5px;font-size:11px;}
  108. .title-chat{font-family:Calibri;font-size:15px;text-align:justify;letter-spacing:1px;text-transform:uppercase;padding:3px;}
  109.  
  110. /* IMAGENS, PHOTOSETS E VIDEOS */
  111. .box img { display: block;width:330px;position:relative;{block:PermalinkPage}width:100%;height:100%;{/block:PermalinkPage};padding:3px;}
  112. .photoset{width:330px;{block:PermalinkPage}width:100%;{/block:PermalinkPage}padding:5px;;}
  113. .m-i {display: block;line-height: 1px!important;}
  114. .box {position: relative;}
  115. .video{{block:PermalinkPage}width:500px;{/block:PermalinkPage}}
  116.  
  117.  
  118. /* TAGS, QUOTES, TEXTOS LINKS */
  119. .text { padding:10px;font-size:11px;text-align:justify;line-height:1.3em;}
  120. .tagged { text-align:left; line-height:1.5em;font-size:7px;padding-left:10px;}
  121. .tagged a{margin:5px;}
  122. #quotebb {padding: 5px;line-height: 1.6em;color:{color:letras};font-size: 13px;text-align:justify;font-family:calibri;}
  123. #sourcebb{ font-size: 12px; text-transform: uppercase; margin-top: 10px; line-height: 1.7em; text-align: right; color: {color:source}; }
  124.  
  125.  
  126. /* ASKS */
  127. #response {text-align:left;padding: 5px;margin-bottom: .75em;font-size:10px;font-family:baumans;; text-transform: uppercase;overflow:hidden; display:block; line-height: 1.7em; text-align: justify; color: {color:letras}}
  128. #answer {text-align:left; font-size:13px;font-family:baumans;;margin-left:5px; padding:5px; line-height: 1.7em;color: {color:letras} }
  129. #questao{margin-left:5px;margin-top:5px; font-family:baumans; text-align: justify; color: {color:letras}}
  130. #quest{margin-left: auto;margin-top: auto; text-align: center;border: 2px dotted rgba(105, 105, 105, 0.2); padding: 5px; text-transform: uppercase; color: {color:letras} }
  131.  
  132.  
  133. /* SCROLLBAR */
  134. ::-webkit-scrollbar-thumb{ background-color:{color:scrollbar}; border: 1px solid{color:bg}; height:auto;}
  135. ul {margin-bottom: .75em;}
  136. ::-webkit-scrollbar {height:7px; width:7px; background:{color:bg};}
  137.  
  138.  
  139. /* TO TOP */
  140. #scrollToTop:link,#scrollToTop:visited { color:{color:letras}; background-color: transparent; display: none; position: fixed;bottom:60px;right:200px;}
  141.  
  142. /* TUMBLR CONTROLS */
  143. #tumblr_controls,.tmblr-iframe {top:0px!important; right:0px!important; position:fixed!important; z-index:999999999!important;}
  144. .tmblr-iframe {-webkit-filter:invert(0%);}
  145.  
  146. /* PERMALINKS */
  147. .box iframe {max-width: 100%;}
  148. .text img {max-width: 100%;}
  149. .post-info-data{text-align:center;}
  150. .notes img{display:;float:left;margin-right:.75em;border-radius:100%;}
  151. ol.notes li{margin:.375em 0;list-style-type:none;line-height:16px;}
  152.  
  153.  
  154. /* SEM INIFINIT SCROLL */
  155. ol.pagination { font-weight:bold;margin:10px 0;padding:0 0 10px 0;list-style:none;text-align:center;overflow:hidden;text-shadow:none;}
  156. ol.pagination li {display:inline-block;margin:0 2px 0 0;border-radius:10px;
  157. background:;border:1px solid #d2d2d2;padding:5px 10px;}
  158. ol.pagination li a {text-decoration:none;}
  159. .pagination.older-newer .previous { font-weight:bold;float:left;}
  160. .pagination.older-newer .next {float:right;}
  161.  
  162.  
  163. /* INIIFINIT SCROLL */
  164. #infscr-loading{position:absolute!important;width:16px!important;height:14px!important;margin-bottom:-16px!important;top:auto!important;bottom:0;left:50%!important}
  165.  
  166. /* NOTES */
  167. #arc{bottom:-25px;position:absolute;opacity:0;transition:all .5s ease;left:0px;text-align:left;padding:5px;padding-left:5px;}
  168. .post:hover #arc{opacity:1;padding-left:10px;}
  169.  
  170. /*------- JAMAIS RETIRE ISSO CONHEÇO MEUS CÓDIGOS ---------*/
  171. #arc-c {position:fixed;top:5px;left:5px;padding:5px;}
  172. .arc-cr a{text-decoration:none;font-size:12px;font-family: 'Teko', sans-serif; letter-spacing:0.2em;}
  173.  
  174. #side {position: fixed; text-align:center; font-size:10px; letter-spacing:.1em; text-transform:uppercase; z-index: 9; width: 200px; right:0;left:200px; bottom: 20px; background: transparent; padding-top: 0px; padding-bottom: 20px; padding-left: 15px; padding-right: 55px; -ms-animation: bounceInRight 3s;
  175. -moz-animation: bounceInRight 3s;
  176. -webkit-animation: bounceInRight 3s; }
  177.  
  178.  
  179.  
  180. #frase { color: {color:frase}; text-transform:uppercase;font-family: 'Open Sans Condensed', sans-serif; letter-spacing:0.3em; display:block; padding:3px; font-size: 25px; position: relative; text-align: center; }
  181.  
  182. #descri { color: {color:texto}; text-transform:uppercase; font-family:calibri; display:block; padding:3px; font-size: 11px; position: relative; text-align: justify; letter-spacing:.0em; line-height: 1.8em;}
  183.  
  184. #frufru {height:auto; margin-top:20px; position:relative; text-align:center;left: 0px; top: 10px; -ms-animation: bounceInLeft 5s;
  185. -moz-animation: bounceInLeft 5s ;
  186. -webkit-animation: bounceInLeft 5s ;
  187.  
  188. }
  189.  
  190. #frufru img { width:160px; height:130px; opacity:1; -webkit-filter: grayscale(40%); border-radius: 0px;transition:all .5s ease }
  191.  
  192. #frufru img:hover {transition:all .5s ease; opacity: 0.4}
  193.  
  194. #s-m-t-tooltip {max-width:300px; -webkit-border-radius: 0px 0px 0px 0px; padding:4px 4px 4px 4px;margin:15px 20px;background-color:#eee; font-family:baumans; font-size:9px; letter-spacing:1px; text-transform:uppercase; color:#444444; z-index:99999999999999999999999999;box-shadow:1px 1px 1px #888}}
  195.  
  196. /*** MENU SKID LINE POR GABRIELE (http://clamam.tumblr.com) DISTRIBUÍDO EM PASSO-HTML (http://passo-html.tumblr.com). MANTENHA OS CRÉDITOS INTACTOS!***/
  197. #ph-links{font-size:11px; margin-left:0px; margin-top:2px; text-align:center;}
  198. #ph-links a{color:{color:menu}; font-family: 'Open Sans Condensed', sans-serif;display:inline-block; text-transform:uppercase; padding:1px; line-height:1.9em;}
  199. nav a{position:relative; display: inline-block; margin:0px 5px; outline:none; text-decoration:none; text-transform:uppercase; letter-spacing:.5px; text-shadow:#eee; font-size:12px;}
  200. nav a:hover,nav a:focus{outline:none;}
  201. .ph-demo a{color:#666666; text-shadow:none; padding:10px 0;}
  202. .ph-demo a::before{text-shadow: 0 0 1px none; font-weight:none; content:attr(data-hover); position:absolute; -webkit-transition: -webkit-transform 0.7s, opacity 0.7s; -moz-transition: -moz-transform 0.7s, opacity 0.7s; transition: transform 0.7s, opacity 0.7s; pointer-events:none;}
  203. .ph-demo a::after{content: ""; position:absolute; left:0; bottom:0; width:100%; height:2px; background: {color:frase}; opacity:0; -webkit-transform: translateY(9px); -moz-transform: translateY(9px); transform: translateY(9px); -webkit-transition: -webkit-transform 0.7s, opacity 0.7s; -moz-transition: -moz-transform 0.7s, opacity 0.7; transition: transform 0.7s, opacity 0.7s; pointer-events: none;}
  204. .ph-demo a:hover::after,
  205. .ph-demo a:focus::after {opacity: 1; -webkit-transform: translateY(2px); -moz-transform: translateY(2px); transform: translateY(2px);}
  206.  
  207. </style>
  208. </head>
  209. <body>
  210.  
  211. <!----- JAMAIS RETIRE MEUS CRÉDITOS, CONHEÇO MEUS CÓDIGOS ------>
  212. <div id="arc-c">
  213. <div class="arc-cr"> <a href="/" title="theme por Juuh (Melancolizava) + base por Dai (arcaicas).">CRÉDITOS </a> </div>
  214. </div>
  215.  
  216.  
  217. <div id="side">
  218. <div id="frufru"> <img src="https://40.media.tumblr.com/7024ee8824e13069770ff82e403e8f8f/tumblr_o5dhtzTWaw1ue972ho1_540.png"></div>
  219. <div id="frase"> {text:frase}</div><p>
  220. <div id="descri"> {description}</div><p><p>
  221. <div id="ph-links">
  222. <nav class="ph-demo">
  223. <a href="{text:link1}"> {text:link1 title} </a>
  224. <a href="{text:link2}"> {text:link2 title} </a>
  225. <a href="{text:link3}"> {text:link3 title} </a>
  226. <a href="{text:link4}"> {text:link4 title} </a>
  227.  
  228. </nav></div>
  229.  
  230. </div>
  231.  
  232. <div id="contain" class="clearfix">
  233. <div id="content">
  234. {block:Posts}
  235. <div class="post">
  236.  
  237.  
  238. {block:Quote}
  239. <div class="text quote">
  240. <div id="quotebb">
  241. {Quote}
  242. </div><div id="sourcebb">
  243. {Source}</div>
  244. </div>
  245. {block:IndexPage}
  246. <div id="arc">
  247. <a href="{Permalink}" target="_blank">{NoteCount} NOTES</i></a> |
  248. <a href="{ReblogURL}" target="_blank">Reblog</a>|
  249. <a href="{permalink}" target="_blank"> postando as {24HourWithZero}:{Minutes}</a>
  250. </div>
  251. {/block:IndexPage}
  252. {/block:Quote}
  253.  
  254. {block:Text}
  255. <div class="text" style="font-size:12px">
  256. {block:Title}<div class="title-chat">{Title}</div>{/block:Title}
  257. {Body}
  258. </div>
  259. {block:IndexPage}
  260. <div id="arc">
  261. <a href="{Permalink}" target="_blank">{NoteCount} NOTES</i></a> |
  262. <a href="{ReblogURL}" target="_blank">Reblog</a> |
  263. <a href="{permalink}" target="_blank"> postando as {24HourWithZero}:{Minutes}</a>
  264. </div>
  265. {/block:IndexPage}
  266. {/block:Text}
  267.  
  268. {block:Chat}
  269. <div class="text chat">
  270. {block:Title}<div class="title-chat">{Title}</div>{/block:Title}
  271. <ul class="conversation">
  272. {block:Lines}
  273. <ul class="line {Alt}">
  274. {block:Label}<span class="person">{Label}</span>{/block:Label}
  275. <span class="person-said">{Line}</span>
  276. </ul>
  277. {/block:Lines}
  278. </ul>
  279. </div>
  280. {block:IndexPage}
  281. <div id="arc">
  282. <a href="{Permalink}" target="_blank">{NoteCount} NOTES</i></a> |
  283. <a href="{ReblogURL}" target="_blank">Reblog</a>
  284. </div>
  285. {/block:IndexPage}
  286. {/block:Chat}
  287.  
  288. {block:Audio}
  289. <div class="text audio">
  290. <big><b>Artista</b></big><big><i>{block:Artist}
  291. {Artist}
  292. {/block:Artist} </i></big>
  293. <big><b>Música</b></big>
  294. <big><i>
  295. {block:TrackName}
  296. {TrackName}
  297. {/block:TrackName}
  298. </i></big>
  299. <center><p>{AudioPlayer}</p></center>
  300. {block:IndexPage}{block:IfShowCaptions}
  301. {block:Caption}{Caption}{/block:Caption}
  302. {/block:IfShowCaptions}
  303. {/block:IndexPage}
  304. </div>
  305. {/block:Audio}
  306.  
  307. {block:Answer}
  308. <div id="questao">
  309. <div class="text answer">
  310. <div id="response">
  311. {Question}</div>
  312. <div id="quest">{Asker} </div>
  313. <div id="answer">
  314. {Answer}</div></div>
  315. </div>
  316. {block:IndexPage}
  317. <div id="arc">
  318. <a href="{Permalink}" target="_blank">{NoteCount} NOTES</i></a> |
  319. <a href="{ReblogURL}" target="_blank">Reblog</a>
  320. </div>
  321. {/block:IndexPage}
  322. {/block:Answer}
  323.  
  324. {block:Link}
  325. <div class="text link">
  326. <h3><a href="{URL}" {Target} style="font-size:10.5px">{Name}</br></br>{Excerpt} </a></h3>
  327. {block:Description}{Description}{/block:Description}
  328. </div>
  329. {block:IndexPage}
  330. <div id="arc">
  331. <a href="{Permalink}" target="_blank">{NoteCount} NOTES</i></a> |
  332. <a href="{ReblogURL}" target="_blank">Reblog</a>
  333. </div>
  334. {/block:IndexPage}
  335. {/block:Link}
  336.  
  337. {block:Photo}
  338. <div class="photo">
  339. <div class="box">
  340. {block:IndexPage}
  341. <center><a href="{PhotoURL-HighRes}" target="_blank"><img src="{PhotoURL-500}" alt="{PhotoAlt}" width="100%"/></a></center>
  342. {/block:IndexPage}
  343. {block:PermalinkPage}
  344. {LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="500"/>{LinkCloseTag}
  345. {/block:PermalinkPage}
  346. </div>
  347. {block:IndexPage}
  348. {block:IfShowCaptions}
  349. {block:Caption}<div class="caption text">{Caption}</div>{/block:Caption}
  350. {/block:IfShowCaptions}
  351. <div id="arc">
  352. <a href="{Permalink}" target="_blank">{NoteCount} NOTES</i></a> |
  353. <a href="{ReblogURL}" target="_blank">Reblog</a>
  354. </div>
  355. {/block:IndexPage}
  356. </div>
  357. {/block:Photo}
  358.  
  359. {block:Photoset}
  360. <div class="photoset">
  361. <div class="box img">
  362. {block:IndexPage}
  363. <center>
  364. {Photoset}</center>{/block:IndexPage}
  365. {block:PermalinkPage}{Photoset-400}{/block:PermalinkPage}
  366. </div>
  367. {block:IndexPage}{block:IfShowCaptions}
  368. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  369. {/block:IfShowCaptions}
  370. <div id="arc">
  371. <a href="{Permalink}" target="_blank">{NoteCount} NOTES</i></a> |
  372. <a href="{ReblogURL}" target="_blank">Reblog</a>
  373. </div>
  374. {/block:IndexPage}
  375. </div>
  376. {/block:Photoset}
  377.  
  378. {block:Video}
  379. <div class="video">
  380. {block:IndexPage}<center>{Video-250}</center>{/block:IndexPage}
  381. {block:PermalinkPage}{Video-500}{/block:PermalinkPage}
  382. {block:IndexPage}{block:IfShowCaptions}
  383. {block:Caption}<div class="caption text">{Caption}</div>{/block:Caption}
  384. {/block:IfShowCaptions}
  385. {/block:IndexPage}
  386. </div>
  387. {/block:Video}
  388.  
  389.  
  390.  
  391. {block:IfShowTags}{block:IndexPage}{block:HasTags}
  392. <div class="tagged"><p>{block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}</p></div>
  393. {/block:HasTags}{/block:IndexPage}{/block:IfShowTags}
  394.  
  395. {block:PermalinkPage}
  396. <div id="post-info" class="text">
  397. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  398. {block:HasTags}
  399. <p class="tagged">{block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}</p>
  400. {/block:HasTags}
  401. <p class="post-info-data">
  402. {block:Date}{TimeAgo}, {MonthNumber}/{DayOfMonth}/{Year}.{/block:Date}</br>
  403. {block:RebloggedFrom}
  404. Reblogado de <a href="{ReblogParentURL}">{ReblogParentName}</a><br/>Postado por <a href="{ReblogRootURL}">{ReblogRootName}</a>{block:RebloggedFrom}</p>
  405. </div>
  406. {block:PostNotes}{PostNotes}{/block:PostNotes}
  407. {/block:PermalinkPage}
  408.  
  409. </div> <!-- end single post -->
  410. {block:ContentSource}
  411. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" /> {/block:SourceLogo} {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  412. {/block:ContentSource}
  413. <!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
  414. {/block:Posts}
  415. </div> <!-- end content -->
  416. <div class="loading"></div>
  417. </div> <!-- end containing div -->
  418. {block:IfNotInfiniteScroll}
  419. {block:Pagination}
  420. <ol class="pagination ">
  421. {block:PreviousPage}
  422. <li class="previous"><a href="{PreviousPage}">← Previous</a></li>
  423. {/block:PreviousPage}
  424. {block:JumpPagination length="5"}
  425. {block:CurrentPage}
  426. <li class="numbers current">{PageNumber}</li>
  427. {/block:CurrentPage}
  428. {block:JumpPage}
  429. <li class="numbers"><a href="{URL}">{PageNumber}</a></li>
  430. {/block:JumpPage}
  431. {/block:JumpPagination}
  432. {block:NextPage}
  433. <li class="next"><a href="{NextPage}">Next →</a></li>
  434. {/block:NextPage}
  435. </ol>
  436. {/block:Pagination}
  437. {/block:IfNotInfiniteScroll}
  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/5u1fog0/e8Umunlx6/loader.gif",
  466. loadingText : "<em></em>",
  467. },
  468. function() { $('#content').masonry({ appendedContent: $(this) }); }
  469. );
  470. });
  471. </script>
  472. {/block:IndexPage}
  473.  
  474. </body>
  475.  
  476.  
  477.  
  478. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!