Don't like ads? PRO users don't see any ads ;-)
Public Pastes

Escalation

By: themesbyjames on May 5th, 2012  |  syntax: None  |  size: 18.44 KB  |  hits: 210,654  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1.  
  2. <!-- 8888888888
  3.      888        
  4.      888        ESCALATION
  5.      8888888    BY JAMES, 2012
  6.      888        HTTP://THEMESBYJAMES.TUMBLR.COM
  7.      888        
  8.      888        
  9.      8888888888 -->      
  10.  
  11.  
  12. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  13. <head><html>
  14.  
  15. <!-- DEFAULT VARIABLES -->
  16. <meta name="color:Background" content="#EFEFEF" />
  17. <meta name="color:Center" content="#FFF" />
  18. <meta name="color:Text" content="#000" />
  19. <meta name="color:Link" content="#000"/>
  20. <meta name="color:Link Hover" content="#999" />
  21. <meta name="color:Blog Title" content="#000"/>
  22. <meta name="color:Scrollbar" content="#6D6D6D"/>
  23. <meta name="image:Sidebar" content="1"/>
  24. <meta name="image:Background" content="" />
  25. <meta name="if:Sidebar or Header" content=""/>
  26. <meta name="if:Header Fixed" content=""/>
  27. <meta name="if:Sidebar Header Border" content="1">
  28. <meta name="if:Show Sidebar Image" content="0"/>
  29. <meta name="if:Classic Sidebar" content="1"/>
  30. <meta name="if:Rolling Post Hover" content="1"/>
  31. <meta name="if:Show Blog Title" content="1"/>
  32. <meta name="if:Blog Title Amatic" content="1">
  33. <meta name="if:Blog Title Bebas" content="0">
  34. <meta name="if:Blog Title Lobster" content="0">
  35. <meta name="if:Home Link" content="1">
  36. <meta name="if:Ask Link" content="1">
  37. <meta name="if:Submit Link" content="1">
  38. <meta name="if:Archive Link" content="1">
  39. <meta name="if:Theme Credit Link" content="1">
  40. <meta name="if:Install Button" content="1"/>
  41. <meta name="text:Link One" content="" />
  42. <meta name="text:Link One Title" content="" />
  43. <meta name="text:Link Two" content="" />
  44. <meta name="text:Link Two Title" content="" />
  45. <meta name="text:Link Three" content="" />
  46. <meta name="text:Link Three Title" content="" />
  47. <meta name="text:Link Four" content="" />
  48. <meta name="text:link Four Title" content="" />
  49. <meta name="text:link Five" content="" />
  50. <meta name="text:link Five Title" content="" />
  51. <!-- STYLESHEETS SCRIPTS AND FOREIGN CONTENT  -->
  52. <link href='http://fonts.googleapis.com/css?family=Happy+Monkey' rel='stylesheet' type='text/css'>
  53. <link href='http://fonts.googleapis.com/css?family=Short+Stack' rel='stylesheet' type='text/css'>
  54. <link href='http://fonts.googleapis.com/css?family=Amatic+SC' rel='stylesheet' type='text/css'>
  55. <link href="http://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
  56. <script type="text/javascript"
  57. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  58. <style type="text/css">
  59.  
  60. iframe#tumblr_controls {top: 1px !important;margin: 0 0 0 0;right:4px !important;position:fixed !important; position:absolute;z-index:11;}
  61.  
  62. img {
  63. border: 0px;
  64. padding: 0px;
  65. margin: 0px;}
  66.  
  67. body, p {
  68. font-size:12px;
  69. letter-spacing:0px;
  70. font-family:arial;
  71. line-height:12px;
  72. padding: 0px;
  73. margin: 0px;
  74. color:{color:text};}
  75.  
  76. body {
  77. background-color:{color:background};
  78. background-image:url({image:Background});
  79. background-attachment: fixed;
  80. background-repeat: repeat;
  81. }
  82.  
  83. a {
  84. text-decoration:none;
  85. color:{color:text};
  86. -webkit-transition: all 0.4s linear;
  87. -moz-transition: all 0.4s linear;
  88. transition: all 0.4s linear;}
  89.  
  90. a:link, a:active, a:visited{
  91. color: {color:Link};
  92. text-decoration: none;
  93. -webkit-transition: all 0.6s ease-out;-moz-transition: all 0.6s ease-out;-o-transition: all   0.6s ease-out;transition: all 0.6s ease-out;}
  94.  
  95. a:hover{
  96. color:{color:link hover};
  97. }
  98.  
  99. div#all{
  100. width:100%;
  101. height:100%;
  102. z-index:-100;}
  103.  
  104. div#center{
  105. {block:ifsidebarorheader}margin: auto;{/block:ifsidebarorheader}
  106. {block:ifnotsidebarorheader}margin: auto; margin-left:75px;{/block:ifnotsidebarorheader}
  107. width: 1000px;}
  108.  
  109. #install{top:27px !important;margin: 0 0 0 0;right:7px !important; position:fixed !important;z-index:1337;}
  110.  
  111. div#sidebar{
  112. text-align="center";
  113. font-family: happy monkey;
  114. position:fixed !important;
  115. width: 200px;
  116. padding-bottom:2px;
  117. background-color:{color:Center};
  118. overflow:hidden;
  119. overflow-x:hidden;
  120. {block:ifclassicsidebar}
  121. margin-top:35px;
  122. padding:5px;
  123. height:auto;
  124. margin-left:-35px;
  125. {/block:ifclassicsidebar}
  126. {block:ifnotclassicsidebar}
  127. padding-top:2px;
  128. padding:5px;
  129. margin-left:-23px;
  130. margin-top:5px;
  131. margin-bottom:-1px;
  132. height:100%;
  133. {/block:ifnotclassicsidebar}
  134. {block:ifsidebarheaderborder}
  135. border: 1px dashed #000;
  136. {/block:ifsidebarheaderborder}}
  137.  
  138. div#header{
  139. {block:ifnotheaderfixed}
  140. position:fixed !important;
  141. background-image:url(http://static.tumblr.com/6jwx45k/Mtom331sw/whitey.png);
  142. {/block:ifnotheaderfixed}
  143. margin-top:0px;
  144. z-index:1236;
  145. text-align="center";
  146. font-family: happy monkey;
  147. width: 793px;
  148. overflow:hidden;
  149. overflow-x:hidden;
  150. margin-top:0px;
  151. padding:5px;
  152. padding-bottom:2px;
  153. height:93px;
  154. margin-left:195px;
  155. {block:ifheaderfixed}
  156. position: absolute;
  157. background-color:{color:Center};
  158. {/block:ifheaderfixed}
  159. {block:ifsidebarheaderborder}
  160. border: 1px dashed #000;
  161. {/block:ifsidebarheaderborder}
  162. }
  163.  
  164. }
  165.  
  166. #info{text-align:center;padding-top:2px;
  167. {block:ifSidebarorHeader}padding-bottom:5px;{/block:ifSidebarorHeader}
  168. {block:ifnotSidebarorHeader}padding-bottom:10px;{/block:ifnotSidebarorHeader}
  169. }
  170.  
  171. div#content {
  172. {block:IndexPage}width: 802px;{/block:IndexPage}
  173. margin-left:195px;
  174. {block:ifsidebarorheader}margin-top:5px;{/block:ifsidebarorheader}
  175. {block:ifnotsidebarorheader}margin-top:108px;{/block:ifnotsidebarorheader}
  176. {block:IndexPage}
  177. background-color:{color:Center};
  178. {/block:IndexPage}
  179. {block:PermalinkPage}
  180. margin-left:195px;
  181. {block:ifsidebarorheader}503px;{/block:ifsidebarorheader}
  182. {block:ifnotsidebarorheader}width: 802px;{/block:ifnotsidebarorheader}
  183. background-color:{color:Center};
  184. {/block:PermalinkPage}
  185. padding-left:1px;
  186. padding-top:1px;
  187. float:left;
  188. }
  189.  
  190. .entry {
  191. padding-right:1px;
  192. float:left;
  193. height:auto;
  194. background-color:{color:Center};
  195. {block:IndexPage}
  196. width:400px;
  197. overflow-x:hidden;
  198. overflow:hidden;
  199. {/block:IndexPage}
  200. {block:PermalinkPage}
  201. {block:ifsidebarorheader}width:503px;{/block:ifsidebarorheader}
  202. {block:ifnotsidebarorheader}width:802px;{/block:ifnotsidebarorheader}
  203. height:auto;
  204. {/block:PermalinkPage}
  205.  
  206. }
  207.  
  208. .entry #permalink {
  209. z-index:99999999999999999;
  210. margin-top:-70px;
  211. position:absolute;
  212. width: 50px;
  213. height: 50px;
  214. padding: 7px;
  215. margin-left: 0px;
  216. background: #fff;
  217. overflow:hidden;
  218. font-family: 'amatic sc';
  219. font-size: 28px;
  220. line-height: 23px;
  221. border: 1px dashed #000;
  222. text-align: center;
  223. opacity:0.0;
  224. border-radius: 70px;
  225. -webkit-transition: all 0.6s linear;
  226. -webkit-transition: all 0.6s linear;
  227. -moz-transition: all 0.2s linear;
  228. transition: all 0.2s linear;
  229. }
  230.  
  231. .entry:hover #permalink {
  232. z-index:99999999999999999;
  233. margin-top:-70px;
  234. border-radius: 70px;
  235. margin-left: 333px;
  236. border: 1px dashed #000;
  237. overflow:visible;
  238. -webkit-transition: all 0.6s linear; opacity: 0.8;
  239. -webkit-transition: all 0.6s linear;
  240. -moz-transition: all 0.6s linear;
  241. transition: all 0.6s linear;
  242. {block:ifRollingPostHover}
  243. -moz-transform: rotate(360deg);
  244. -webkit-transform: rotate(360deg);
  245. -o-transform: rotate(360deg);}{/block:ifRollingPostHover}
  246. }
  247.  
  248. #infscr-loading{
  249. opacity:0.0;
  250. }
  251.  
  252. .title{
  253. font-family:arial;
  254. font-size:14px;
  255. line-height:14px;
  256. color:#000;
  257. }
  258.  
  259. .yolo{text-transform:uppercase;padding-bottom:3px;list-style-type:none;padding-top:3px;}
  260.  
  261. .list{list-style-type:none;text-align:left;}
  262.  
  263. blockquote{
  264. padding:0px 0px 2px 5px;
  265. margin:0px 0px 2px 4px;
  266. border-left: 1px dotted #555555;
  267. }
  268.  
  269. #blogtitle a:link,
  270. #blogtitle a:visited,
  271. #blogtitle a:hover{
  272. color:{color:Blog Title};
  273. }
  274.  
  275. .nav a{
  276. font-family:happy monkey ;
  277. background: #dddddd;
  278. color:#000;
  279. display:block;
  280. text-align: center;
  281. padding:2px;
  282. font-size: 9px;
  283. margin-top:2px;
  284. position:relative;
  285. z-index:1;
  286. text-transform:uppercase;
  287. width:150px;
  288. -moz-border-radius:5px;
  289. border-radius:5px;
  290. transition: all 0.9s ease-out;
  291. -o-transition-transition: all 0.7s ease-out;
  292. -webkit-transition: all 0.7s ease-out; -moz-transition: all 0.7s ease-out;
  293. }
  294.  
  295. .nav a:hover{
  296. width:120px;
  297. -webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
  298.  
  299. @font-face {
  300. font-family: 'BebasRegular';
  301. src: url('http://static.tumblr.com/rhoet4k/JEtlxr3nb/bebas___-webfont.eot');
  302. src: url('http://static.tumblr.com/rhoet4k/JEtlxr3nb/bebas___-webfont.eot?#iefix') format('embedded-opentype'),
  303. url('http://static.tumblr.com/rhoet4k/8dnlxr3ot/bebas___-webfont.woff') format('woff'),
  304. url('http://static.tumblr.com/rhoet4k/WV4lxr3nw/bebas___-webfont.ttf') format('truetype'),
  305. url('http://static.tumblr.com/rhoet4k/Yxolxr3ni/bebas___-webfont.svg#BebasRegular') format('svg');
  306. font-weight: normal;
  307. font-style: normal;
  308. }
  309.  
  310. div#blogtitle{
  311. {block:ifBlogTitleAmatic}
  312. font-family: 'Amatic SC';
  313. {/block:ifBlogTitleAmatic}
  314. {block:ifBlogTitleBebas}
  315. font-family: 'BebasRegular';
  316. {/block:ifBlogTitleBebas}
  317. {block:ifBlogTitleLobster}
  318. font-family: 'Lobster';
  319. {/block:ifBlogTitleLobster}
  320. font-size:40px;
  321. color:{color:blogtitle};
  322. line-height: 40px;
  323. -webkit-transition: all .3s ease-in-out;
  324. -moz-transition: all .3s ease-in-out;
  325. -o-transition: all .3s ease-in-out;
  326. padding-bottom:3px;
  327. }
  328.  
  329. #blogtitle a:link,
  330. #blogtitle a:visited,
  331. #blogtitle a:hover{
  332. color:{color:blogtitle};
  333. }
  334.  
  335. ::-webkit-scrollbar {width: 7px; height: 4px; background:{color:background};}
  336. ::-webkit-scrollbar-thumb { background-color: {color:scrollbar};}
  337.  
  338.  
  339. {CustomCSS}
  340.  
  341. </style>
  342.  
  343. <title>{title}</title>
  344.  
  345. <link rel="shortcut icon" href="{Favicon}">
  346. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  347. <meta name="viewport" content="width=820" />
  348.  
  349. </head>
  350. <body>
  351.  
  352. <div id="all"></div>
  353. <div id="center">
  354.  
  355. {block:ifSidebarorHeader}
  356. <div id="sidebar"><div align="center">
  357.  
  358. {block:ifshowblogtitle}
  359. <div id="blogtitle">
  360. <a href="/">{title}</a></div>
  361. {/block:ifshowblogtitle}
  362.  
  363. {block:ifShowsidebarimage}
  364. <div style="padding-top:2px; padding-bottom:5px;">
  365. <div align="center"><a href="/">
  366. <span style="position: relative;"><img src="{image:sidebar}" width=190 style="border:0px solid; border-color:#000000;" />
  367. </span></div></div></a>{/block:ifShowsidebarimage}</div>
  368. <center><div id="info">{description}</div></center>
  369. <div class="nav a"><span class="links"><center>
  370. {block:ifhomelink}<a href="/">Home</a>{/block:ifhomelink}
  371. {block:ifasklink}<a href="/ask">Message</a>{/block:ifasklink}
  372. {block:ifLinkOneTitle}
  373. <a href="{text:Link One}" class="link">{text:Link One Title}</a>
  374. {/block:ifLinkOneTitle}
  375. {block:ifLinkTwoTitle}
  376. <a href="{text:Link Two}" class="link">{text:Link Two Title}</a>
  377. {/block:ifLinkTwoTitle}
  378. {block:ifLinkThreeTitle}
  379. <a href="{text:Link Three}" class="link">{text:Link Three Title}</a>
  380. {/block:ifLinkThreeTitle}
  381. {block:ifLinkFourTitle}
  382. <a href="{text:Link Four}" class="link">{text:Link Four Title}</a>
  383. {/block:ifLinkFourTitle}
  384. {block:ifLinkFiveTitle}
  385. <a href="{text:Link Five}" class="link">{text:Link Five Title}</a>
  386. {/block:ifLinkFiveTitle}
  387.  
  388. {block:HasPages}{block:Pages}<a href="{URL}" class="link">{Label}</a> {/block:Pages} {/block:HasPages}
  389.  
  390. {block:ifsubmitlink}<a href="/submit">Submit</a>{/block:ifsubmitlink}
  391. {block:ifarchivelink}<a href="/archive">Archive</a>{/block:ifarchivelink}
  392. {block:ifthemecreditlink}<a href="http://themesbyjames.tumblr.com">Theme</a>{block:ifthemecreditlink}<br>
  393. </span></div>
  394. </div>
  395. {/block:ifSidebarorHeader}
  396.  
  397. {block:ifnotSidebarorHeader}
  398. <div id="header"><div align="center">
  399.  
  400. {block:ifshowblogtitle}
  401. <div id="blogtitle">
  402. <a href="/">{title}</a></div>
  403. {/block:ifshowblogtitle}
  404.  
  405. <div id="info">{description}</div>
  406.  
  407. <div style="text-align: center;text-transform: uppercase;">
  408. <br>
  409. {block:ifhomelink}<a href="/">Home</a>&nbsp;&nbsp;&nbsp;&nbsp;{/block:ifhomelink}
  410. {block:ifasklink}<a href="/ask">Message</a>&nbsp;&nbsp;&nbsp;&nbsp;{/block:ifasklink}
  411.  
  412. {block:ifLinkOneTitle}
  413. <a href="{text:Link One}" class="link">{text:Link One Title}</a>&nbsp;&nbsp;&nbsp;&nbsp;
  414. {/block:ifLinkOneTitle}
  415. {block:ifLinkTwoTitle}
  416. <a href="{text:Link Two}" class="link">{text:Link Two Title}</a>&nbsp;&nbsp;&nbsp;&nbsp;
  417. {/block:ifLinkTwoTitle}
  418. {block:ifLinkThreeTitle}
  419. <a href="{text:Link Three}" class="link">{text:Link Three Title}</a>&nbsp;&nbsp;&nbsp;&nbsp;
  420. {/block:ifLinkThreeTitle}
  421. {block:ifLinkFourTitle}
  422. <a href="{text:Link Four}" class="link">{text:Link Four Title}</a>&nbsp;&nbsp;&nbsp;&nbsp;
  423. {/block:ifLinkFourTitle}
  424. {block:ifLinkFiveTitle}
  425. <a href="{text:Link Five}" class="link">{text:Link Five Title}&nbsp;&nbsp;&nbsp;&nbsp;</a>
  426. {/block:ifLinkFiveTitle}
  427.  
  428. {block:HasPages}{block:Pages}<a href="{URL}" class="link">{Label}&nbsp;&nbsp;&nbsp;&nbsp;</a> {/block:Pages} {/block:HasPages}
  429.  
  430. {block:ifsubmitlink}<a href="/submit">Submit</a>&nbsp;&nbsp;&nbsp;&nbsp;{/block:ifsubmitlink}
  431. {block:ifarchivelink}<a href="/archive">Archive</a>&nbsp;&nbsp;&nbsp;&nbsp;{/block:ifarchivelink}
  432. {block:ifthemecreditlink}<a href="http://final-stand.tumblr.com">Theme</a>&nbsp;&nbsp;&nbsp;&nbsp;{/block:ifthemecreditlink}
  433.  
  434. </div></div></div>
  435. {/block:ifnotSidebarorHeader}
  436. <div id="content">
  437.  
  438. {block:Posts}
  439.  
  440. <div class="entry">
  441.  
  442. {block:Text}
  443. {block:Title}<center><span class="title">{Title}</span></center>{/block:Title}
  444. <div style="margin-left:3px;">{Body}</div>
  445. {block:IndexPage}
  446. <br><a href="{Permalink}"><div style="margin-bottom:0px; font-size:10px; text-align:right;text-transform:uppercase;">{block:Date}{TimeAgo}{/block:Date} // {NoteCountwithLabel}</div></a>
  447. {/block:IndexPage}
  448. {/block:Text}
  449.  
  450. {block:Link}
  451. <center><a href="{URL}"><span class="title">{Name}</span></a></center>
  452. <div style="margin-left:3px;">{block:Description}{Description}{/block:Description}</div>
  453. {block:IndexPage}
  454. <br><a href="{Permalink}"><div style="margin-bottom:0px; font-size:10px; text-align:right;text-transform:uppercase;">{block:Date}{TimeAgo}{/block:Date} // {NoteCountwithLabel}</div></a>
  455. {/block:IndexPage}
  456. {block:Link}
  457.  
  458. {block:Photo}
  459. <center>
  460. {block:IndexPage}{LinkOpenTag}<div class="photo"><a href="{permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}" width=400px/></div></a>{LinkCloseTag}{/block:IndexPage}
  461. {block:ifsidebarorheader}
  462. {block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"width=500px/>{LinkCloseTag}{/block:PermalinkPage}
  463. {/block:ifsidebarorheader}
  464.  
  465.  
  466. {block:ifnotsidebarorheader}
  467. {block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"width=802px/>{LinkCloseTag}{/block:PermalinkPage}
  468. {/block:ifnotsidebarorheader}</center>
  469.  
  470. {block:IndexPage}
  471. <div id="permalink">
  472. <a href="{Permalink}">{NoteCount}</a> <a href="{ReblogURL}">REBLOG</a></span></div>
  473. {/block:IndexPage}
  474. {/block:Photo}
  475.  
  476. {block:Photoset}
  477. <center>
  478. {block:IndexPage}{Photoset-400}{/block:IndexPage}
  479. {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
  480. </center>
  481. {block:IndexPage}
  482. <div id="permalink">
  483. <a href="{Permalink}">{NoteCount}</a> <a href="{ReblogURL}">REBLOG</a></span></div>
  484. {/block:IndexPage}
  485. {/block:Photoset}
  486.  
  487. {block:Quote}
  488. <div style="margin-left:3px;">
  489. {Quote}</span>
  490. {block:Source}<strong>{Source}</strong>{/block:Source}
  491. </div>
  492.  
  493. {block:IndexPage}
  494. <br><a href="{Permalink}"><div style="margin-bottom:0px; font-size:10px; text-align:right;text-transform:uppercase;">{block:Date}{TimeAgo}{/block:Date} // {NoteCountwithLabel}</div></a>
  495. {/block:IndexPage}
  496. {/block:Quote}
  497.  
  498. {block:Chat}
  499. <div style="margin-left:3px;">
  500. {block:Title}<span class="title">{Title}</span>{/block:Title}
  501. <ul class="chat">
  502. {block:Lines}
  503. <li class="user_{UserNumber}">
  504. {block:Label}
  505. <span class="label">{Label}</span>
  506. {/block:Label}
  507. {Line}
  508. </li>
  509. {/block:Lines}
  510. </ul>
  511. </div>
  512. {block:IndexPage}
  513. <br><a href="{Permalink}"><div style="margin-bottom:0px; font-size:10px; text-align:right;text-transform:uppercase;">{block:Date}{TimeAgo}{/block:Date} // {NoteCountwithLabel}</div></a>
  514. {/block:IndexPage}
  515. {/block:Chat}
  516.  
  517. {block:Audio}<div style="height:0px;background-color:black;opacity:0.1;width:100%;margin-top:10px;margin-bottom:5px;"></div>
  518. <center>{AudioPlayerBlack}
  519. {block:Caption}{Caption}{/block:Caption}</center>
  520. {block:IndexPage}
  521. <br><a href="{Permalink}"><div style="margin-bottom:0px; font-size:10px; text-align:right;text-transform:uppercase;">{block:Date}{TimeAgo}{/block:Date} // {NoteCountwithLabel}</div></a>
  522. {/block:IndexPage}
  523. {/block:Audio}
  524.  
  525. {block:Video}
  526. {block:IndexPage}
  527. <center>
  528. {Video-400}</center>
  529. {/block:IndexPage}
  530. {block:PermalinkPage}
  531. <center>
  532. {Video-500}</center>
  533. {/block:PermalinkPage}
  534.  
  535. {block:IndexPage}
  536. <div id="permalink">
  537. <a href="{Permalink}">{NoteCount}</a> <a href="{ReblogURL}">REBLOG</a></span></div>
  538. {/block:IndexPage}
  539. {block:Video}
  540.  
  541. {block:PermalinkPage}<center><div class="yolo"><p>
  542. {block:NoteCount}{TimeAgo}&nbsp;|&nbsp;{NoteCountWithLabel}&nbsp;|&nbsp;<a href="{ReblogURL}">Reblog</a> </p>
  543. </center>{/block:NoteCount}
  544. {/block:PermalinkPage}
  545.  
  546. {block:PermalinkPage}
  547. {block:PostNotes}{PostNotes}{/block:PostNotes}{/block:PermalinkPage}
  548. </div>{/block:Posts}</center>
  549. {/block:Posts}
  550. {/block:PermalinkPage}
  551.  
  552. !-- INFINTE SCROLL SCRIPT -->
  553. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
  554. <script type="text/javascript" src="http://static.tumblr.com/j1tjexd/Pekm8e85q/infinite_scroll.js"></script>
  555. <script type="text/javascript" src="http://static.tumblr.com/j1tjexd/WYwm8ed44/like_script.js"></script>
  556. <script>
  557. $(function(){
  558. var $container = $('#content');
  559. $container.imagesLoaded(function(){
  560. $container.masonry({
  561. itemSelector: '.entry',
  562. columnWidth:0
  563. });
  564. });
  565. $container.infinitescroll({
  566. navSelector : 'div#pagination',
  567. nextSelector : 'div#pagination a#nextPage',
  568. itemSelector : '.entry', // selector for all items you'll retrieve
  569. loading: {
  570. img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif',
  571. finishedMsg: '<em></em>',
  572. bufferPx : 100,
  573. debug : false,
  574. }
  575. },
  576. // trigger Masonry as a callback
  577. function( newElements ) {
  578. // hide new items while they are loading
  579. var $newElems = $( newElements ).css({ opacity: 0 });
  580. // ensure that images load before adding to masonry layout
  581. $newElems.imagesLoaded(function(){
  582. // show elems now they're ready
  583. $newElems.animate({ opacity: 1 });
  584. $container.masonry( 'appended', $newElems, true );
  585. });
  586. }
  587. );
  588. });
  589. </script>
  590.  
  591. {block:IndexPage}
  592. {block:Pagination}
  593. <div id="pagination">
  594. {block:NextPage}
  595. <a id="nextPage" href="{NextPage}"></a>
  596. {/block:NextPage}
  597. {block:PreviousPage}
  598. <a href="{PreviousPage}"></a>
  599. {/block:PreviousPage}
  600. </div>
  601. {/block:Pagination}
  602. {/block:IndexPage}
  603. </div>
  604.  
  605. {block:ifInstallButton}<div id="install"><a href="http://themesbyjames.tumblr.com/"><img src="http://static.tumblr.com/2w7y46r/wuvmba8c2/installtheme.png" style="
  606. border:0px solid;" /></a></div>{/block:ifInstallButton}
  607.  
  608. </body></html><!-- END OF THEME -->
create a new version of this paste RAW Paste Data