Advertisement
themesbyjames

Escalation

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