API tools faq
paste
Advertisement
themesbyjames

Canvas

themesbyjames
Dec 3rd, 2012
57,546
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 20.32 KB | None | 0 0
raw download clone embed print report
  1. <!-------------------------------------------------------------------------
  2.  
  3. .d8888b. d8888 888b 888 888 888 d8888 .d8888b.
  4. d88P Y88b d88888 8888b 888 888 888 d88888 d88P Y88b
  5. 888 888 d88P888 88888b 888 888 888 d88P888 Y88b.
  6. 888 d88P 888 888Y88b 888 Y88b d88P d88P 888 "Y888b.
  7. 888 d88P 888 888 Y88b888 Y88b d88P d88P 888 "Y88b.
  8. 888 888 d88P 888 888 Y88888 Y88o88P d88P 888 "888
  9. Y88b d88P d8888888888 888 Y8888 Y888P d8888888888 Y88b d88P
  10. "Y8888P" d88P 888 888 Y888 Y8P d88P 888 "Y8888P"
  11.  
  12. THEME BY JAMES, CREATED 2012. HTTP://THEMESBYJAMES.TUMBLR.COM
  13.  
  14. -------------------------------------------------------------------------->
  15.  
  16. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  17. <head><html>
  18. <meta name="color:Background" content="#FFFFFF" />
  19. <meta name="color:Posts" content="#FFFFFF" />
  20. <meta name="color:Sidebar" content="#000000"/>
  21. <meta name="color:Text" content="#000" />
  22. <meta name="color:Link" content="#000"/>
  23. <meta name="color:Link Hover" content="#999" />
  24. <meta name="color:Scrollbar" content="#6D6D6D"/>
  25. <meta name="image:Background" content="" />
  26. <meta name="image:Banner" content="" />
  27. <meta name="if:1 Column" content="1"/>
  28. <meta name="if:2 Column" content="0"/>
  29. <meta name="if:Blog Title A" content="0"/>
  30. <meta name="if:Blog Title B" content="1"/>
  31. <meta name="if:Blog Title C" content="0"/>
  32. <meta name="if:Show Blog Title" content="1"/>
  33. <meta name="if:Show Dropdown Menu" content="1"/>
  34. <meta name="if:Inverted Fade" content="0"/>
  35. <meta name="if:Post Hover" content="1"/>
  36. <meta name="if:Stretch Background" content="0"/>
  37. <meta name="if:Tick to support me" content="1"/>
  38. <meta name="text:Ask Title" content="ask" />
  39. <meta name="text:Dropdown Title" content="links" />
  40. <meta name="text:Link One" content="" />
  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. <meta name="text:Link Six" content="" />
  52. <meta name="text:Link Six Title" content="" />
  53. <meta name="text:Link Seven" content="" />
  54. <meta name="text:Link Seven Title" content="" />
  55. <meta name="text:Link Eight" content="" />
  56. <meta name="text:Link Eight Title" content="" />
  57. <meta name="text:Link Nine" content="" />
  58. <meta name="text:Link Nine Title" content="" />
  59. <meta name="text:Link Ten" content="" />
  60. <meta name="text:Link Ten Title" content="" />
  61. <!--- STYLESHEETS & STATIC UPLOADS --->
  62. <link href='http://fonts.googleapis.com/css?family=Asap|Share' rel='stylesheet' type='text/css'>
  63. <link href='http://fonts.googleapis.com/css?family=Lekton' rel='stylesheet' type='text/css'>
  64. <link href="http://static.tumblr.com/eih4pta/Flam72cb8/animate-custom__1_.css" rel="stylesheet">
  65. <link href='http://fonts.googleapis.com/css?family=Amatic+SC' rel='stylesheet' type='text/css'>
  66. <link href='http://fonts.googleapis.com/css?family=Gloria+Hallelujah' rel='stylesheet' type='text/css'>
  67. <script type="text/javascript"
  68. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  69.  
  70. <style type="text/css">
  71.  
  72. iframe#tumblr_controls {top: 1px !important;margin: 0 0 0 0;right:4px !important;position:fixed !important; position:absolute;z-index:11;}
  73.  
  74. img {
  75. {block:ifinvertedfade}opacity:0.85;{/block:ifinvertedfade}
  76. border: 0px;
  77. padding: 0px;
  78. margin: 0px;
  79. cursor:crosshair;
  80. -webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
  81.  
  82. img:hover{opacity:1.0;
  83. -webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
  84.  
  85. html{
  86. cursor:crosshair;
  87. margin-left:0px;}
  88.  
  89. #permalink a:link {
  90. color: #000;
  91. text-decoration: none;}
  92.  
  93. body, p {
  94. font-family: 'lekton';
  95. font-size: 11px;
  96. line-height:14px;
  97. padding: 0px;
  98. margin: 0px;
  99. color:{color:text};
  100. cursor:crosshair;}
  101.  
  102. body {
  103. cursor:crosshair;
  104. font-family: 'lekton';
  105. font-size: 11px;
  106. background-color:{color:background};
  107. background-image:url({image:Background});
  108. background-repeat:repeat;
  109. background-attachment:fixed;
  110. {block:ifStretchBackground}background-size: 100% 100%;{/block:ifStretchBackground}}
  111.  
  112. a {
  113. text-decoration:none;
  114. color:{color:text};
  115. -webkit-transition: all 0.4s linear;
  116. -moz-transition: all 0.4s linear;
  117. transition: all 0.4s linear;
  118. cursor:crosshair;}
  119.  
  120. a:link, a:active, a:visited{
  121. color: {color:Link};
  122. text-decoration: none;
  123. -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;
  124. cursor:crosshair;}
  125.  
  126. a:hover{
  127. color:{color:link hover};
  128. cursor:crosshair;}
  129.  
  130. div#all{
  131. width:100%;
  132. height:100%;
  133. z-index:-100;
  134. cursor:crosshair;}
  135.  
  136. div#center{
  137. margin: auto;
  138. margin-left:75px;
  139. width: 1000px;}
  140.  
  141. #install{top:27px !important;margin: 0 0 0 0;right:7px !important; position:fixed !important;z-index:1337;opacity:1.0;}
  142.  
  143. div#content{
  144. {block:if1column}
  145. {block:indexpage}width:420px;{/block:indexpage}
  146. padding:10px;
  147. margin-left:320px;{/block:if1column}
  148. {block:if2column}
  149. {block:indexpage}width:840px;padding:2px;padding:2px;{/block:indexpage}
  150. {block:PermalinkPage}
  151. width:625px;padding:2px;padding-left:215px;
  152. {/block:PermalinkPage}
  153. margin-left:140px;
  154. {/block:if2column}
  155. float:left;
  156. background-color:{color:Posts};
  157. -webkit-animation:fadeIn 5s;
  158. -moz-animation:fadeIn 5s;
  159. -ms-animation:fadeIn 5s;}
  160.  
  161. .head{
  162. margin-left:320px;
  163. background-color:{color:Posts};
  164. z-index:777;
  165. padding:20px;
  166. padding-bottom:0px;
  167. float:left;
  168. height:auto;
  169. {block:ifnotShowDropdownMenu}margin-bottom:-5px;{/block:ifnotShowDropdownMenu}{block:if1column}width:400px;margin-left:320px;{/block:if1column}
  170. {block:if2column}width:803.5px;margin-left:140px;{/block:if2column}
  171. -webkit-animation:fadeIn 5s;
  172. -moz-animation:fadeIn 5s;
  173. -ms-animation:fadeIn 5s;}
  174.  
  175. .blogtitle {
  176. {block:ifBlogTitleA}font-family:basket;font-size:35px;{/block:ifBlogTitleA}{block:ifBlogTitleB}font-family:'jennasue';font-size:55px;{/block:ifBlogTitleB}{block:ifBlogTitleC}font-family:'Gloria Hallelujah', cursive;font-size:33px;{/block:ifBlogTitleC}
  177. font-style:none;
  178. line-height:40px;
  179. margin-bottom:-5px;
  180. text-align:center;
  181. -webkit-transition: 0.5s ease-in;
  182. -webkit-text-stroke: 1px transparent;}
  183.  
  184. .des{text-align:center;padding-top:0px;}
  185.  
  186. @font-face {
  187. font-family:basket;
  188. src: url('http://static.tumblr.com/ejm8w78/E7bmdzk1u/kgthefighter.ttf');,
  189. }
  190.  
  191. @font-face{font-family:'jennasue';src:url('http://static.tumblr.com/7qdgtio/7qBm5wm8g/jennasue.ttf');}
  192. @font-face { font-family:fromwhere;
  193. src: url('http://static.tumblr.com/huallmg/NOjm2hzvp/fromwhereyouare.ttf');
  194. }
  195.  
  196. .entry{
  197. background-color:{color:Posts};
  198. z-index:777;
  199. padding:5px;
  200. margin:5px;
  201. float:left;
  202. height:auto;
  203. {block:IndexPage}
  204. width:400px;
  205. overflow-x:hidden;
  206. overflow:hidden;
  207. {/block:IndexPage}
  208. {block:PermalinkPage}
  209. width:400px;
  210. height:auto;
  211. {/block:PermalinkPage}}
  212.  
  213. .entry .perma{
  214. position:absolute;
  215. width:400px;
  216. height:30px;
  217. padding-top:2px;
  218. background-color:#fff;
  219. overflow:hidden;
  220. font-family: 'lekton';
  221. text-transform: uppercase;
  222. font-size: 14px;
  223. line-height:30px;
  224. text-align:center;
  225. padding-right: 0px;
  226. opacity:0.0;
  227. -webkit-transition: all 0.4s linear;
  228. -moz-transition: all 0.4s linear;
  229. transition: all 0.4s linear;}
  230.  
  231. .entry:hover .perma{
  232. overflow:visible;
  233. opacity 0.5s linear; opacity: 0.8;
  234. -webkit-transition: all 0.4s linear;
  235. -moz-transition: all 0.4s linear;
  236. transition: all 0.4s linear;
  237. bottom: 20px;}
  238. .permalink a{color:#000;}
  239.  
  240. .permalink {
  241. width:auto;
  242. padding-top:6px;
  243. padding:4px;
  244. display:block;
  245. line-height:12px;
  246. font-size:10px;
  247. text-transform:none;
  248. border-top-right-radius:2px;
  249. border-bottom-right-radius:2px;
  250. background:#ffffff;
  251. -webkit-transition: all 0.3s linear;
  252. -moz-transition: all 0.3s linear;
  253. transition: all 0.3s linear;}
  254.  
  255. .permalink:hover {
  256. padding-left:15px;
  257. opacity: 1;-webkit-transition: all 0.3s linear;
  258. -moz-transition: all 0.3s linear;
  259. transition: all 0.3s linear;}
  260.  
  261. .permalink2 {
  262. width:auto;
  263. padding-top:6px;
  264. padding:4px;
  265. display:block;
  266. border-top-right-radius:2px;
  267. border-bottom-right-radius:2px;
  268. font-size:10px;
  269. line-height:12px;
  270. text-transform:none;
  271. background:#ffffff;
  272. -webkit-transition: all 0.3s linear;
  273. -moz-transition: all 0.3s linear;
  274. transition: all 0.3s linear;}
  275.  
  276. .permalink2:hover {
  277. padding-left:15px;-webkit-transition: all 0.3s linear;
  278. -moz-transition: all 0.3s linear;
  279. transition: all 0.3s linear;}
  280.  
  281. #infscr-loading{
  282. opacity:0.5;
  283. left:49%;
  284. margin-bottom:10px;}
  285.  
  286. #sidebar{
  287. -webkit-animation-name: bounceIn;
  288. -moz-animation-name: bounceIn;
  289. -o-animation-name: bounceIn;
  290. animation-name: bounceIn;
  291. -webkit-transition: all 0.5s ease;
  292. -moz-transition: all 0.5s ease;
  293. -o-transition: all 0.5s ease;
  294. color:white;
  295. width:110px;
  296. z-index:1;
  297. position:fixed !important;
  298. text-align:center;
  299. bottom:0px;
  300. height:100%;
  301. background-color:{color:sidebar};
  302. color: white;
  303. font-size: 11.5px;
  304. padding-top: 3px;
  305. margin-left:227px;
  306. opacity: 1.0;
  307. background-image:url({image:Sidebar Background});
  308. background-size:400px 100%;
  309. background-repeat:no-repeat;}
  310.  
  311.  
  312. .title{
  313. font-size:16px;
  314. line-height:18px;
  315. color:#000;}
  316.  
  317. @font-face { font-family:fromwhere;
  318. src: url('http://static.tumblr.com/huallmg/NOjm2hzvp/fromwhereyouare.ttf');}
  319.  
  320. @font-face{font-family:'Beautiful Every Time';src:url('http://static.tumblr.com/7qdgtio/2F5m739il/beautifuleverytime.ttf');}
  321.  
  322. .tit{
  323. margin-top:5px;
  324. text-align:center;
  325. color:{color:blogtitle};
  326. font-family:'Beautiful Every Time';
  327. font-size:30px;
  328. letter-spacing:1px;
  329. font-weight:bold;
  330. text-transform:uppercase;
  331. line-height:32px;
  332. margin-bottom:12px;
  333. text-align:center;
  334. -webkit-transition: all .3s ease;
  335. -moz-transition: all .3s ease;
  336. -o-transition: all .3s ease;}
  337.  
  338. .tit:hover{
  339. color:{color:blog title};
  340. -webkit-transition: all .3s ease;
  341. -moz-transition: all .3s ease;
  342. -o-transition: all .3s ease;}
  343. webkit-transition: all 1.5s ease;
  344. -moz-transition: all 1.5s ease;
  345. -o-transition: all 1.5s ease;}
  346.  
  347.  
  348. .yolo{text-transform:uppercase;padding-bottom:3px;list-style-type:none;padding-top:3px;}
  349.  
  350. .list{list-style-type:none;text-align:left;}
  351.  
  352. blockquote{
  353. padding:0px 0px 2px 5px;
  354. margin:0px 0px 2px 4px;
  355. border-left: 1px dotted #555555;}
  356.  
  357. .supreme{margin-bottom:0px; font-size:12px; text-align:right;text-transform:uppercase;
  358. -webkit-transform: scale(1);
  359. -webkit-transition-timing-function: ease-out;
  360. -webkit-transition-duration: 500ms;}
  361.  
  362.  
  363. ::-webkit-scrollbar {width: 7px; height: 4px; background:{color:background};}
  364. ::-webkit-scrollbar-thumb { background-color: {color:scrollbar};}
  365.  
  366.  
  367. .navigation{
  368. text-align:center;
  369. vertical-align:center;text-align:center;text-transform:uppercase;
  370. display:inline-block;letter-spacing:2px;margin-top:-8px;padding-bottom:8px;}
  371.  
  372.  
  373. {CustomCSS}
  374.  
  375. </style>
  376.  
  377. <title>{title}</title>
  378.  
  379. <link rel="shortcut icon" href="{Favicon}">
  380. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  381. <meta name="viewport" content="width=1220" />
  382.  
  383. </head><body>
  384. <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
  385.  
  386. <div id="all"></div>
  387. <div id="center">
  388. <div class="head">
  389. {block:ifShowBlogTitle}
  390. <div class="blogtitle">
  391. <a href="/">{Title}</a></div>
  392. {/block:ifShowBlogTitle}
  393. {block:ifbannerimage}
  394. <div style="padding-top:1px; padding-bottom:3px;">
  395. <span style="position: relative;">
  396. <img src="{image:Banner}" width=400 style="
  397. border:0px solid;" /></span></div>{/block:ifbannerimage}
  398. <div class="des">
  399. {block:ifnotShowDropdownMenu}
  400. <p><br><p><div class="navigation">
  401. <a href="/">home</a>
  402. {block:AskEnabled}<a href="/ask">{text:ask title}</a>{/block:AskEnabled}
  403. {block:ifLinkOneTitle}
  404. <a href="{text:Link One}">{text:Link One Title}{/block:ifLinkOneTitle}
  405. {block:ifLinkTwoTitle}
  406. <a href="{text:Link Two}">{text:Link Two Title}{/block:ifLinkTwoTitle}
  407. {block:ifLinkThreeTitle}
  408. <a href="{text:Link Three}">{text:Link Three Title}{/block:ifLinkThreeTitle}
  409. {block:ifLinkFourTitle}
  410. <a href="{text:Link Four}">{text:Link Four Title}{/block:ifLinkFourTitle}
  411. {block:ifLinkFiveTitle}
  412. <a href="{text:Link Five}">{text:Link Five Title}{/block:ifLinkFiveTitle}
  413. {block:ifLinkSixTitle}
  414. <a href="{text:Link Six}">{text:Link Six Title}{/block:ifLinkSixTitle}
  415. {block:ifLinkSevenTitle}
  416. <a href="{text:Link Seven}">{text:Link Seven Title}{/block:ifLinkSevenTitle}
  417. {block:ifLinkEightTitle}
  418. <a href="{text:Link Eight}">{text:Link Eight Title}{/block:ifLinkEightTitle}
  419. {block:ifLinkNineTitle}
  420. <a href="{text:Link Nine}">{text:Link Nine Title}{/block:ifLinkNineTitle}
  421. {block:ifLinkTenTitle}
  422. <a href="{text:Link Ten}">{text:Link Ten Title}{/block:ifLinkTenTitle}
  423. <a href="http://final-stand.tumblr.com">theme</a>
  424. </div>{/block:ifnotShowDropdownMenu}
  425. <p>{description}
  426. <br><p><br>
  427. {block:ifShowDropdownMenu}
  428. <select onchange='location=this.options[this.selectedIndex].value;' style='width:135px;'>
  429. <option>{text:DropDown title}</option>
  430. <option value="/">home</option>
  431. {block:AskEnabled}<option value="/ask">{text:ask title}</option>{/block:AskEnabled}
  432. {block:iflinkonetitle}<option value="{text:link one}">{text:link one title}</a>
  433. {/block:iflinkonetitle}{block:iflinktwotitle}
  434. <option value="{text:link two}">{text:link two title}</a>
  435. {/block:iflinktwotitle}
  436. {block:iflinkthreetitle}<option value="{text:link three}">{text:link three title}</a>{/block:ifLinkThreetitle}
  437. {block:ifLinkFourtitle}
  438. <option value="{text:link four}">{text:link four title}</a>
  439. {/block:ifLinkFourtitle}
  440. {block:ifLinkFivetitle}
  441. <option value="{text:link five}">{text:link five title}</a>
  442. {/block:ifLinkFivetitle}
  443. {block:ifLinksixtitle}
  444. <option value="{text:link six}">{text:link six title}</a>
  445. {/block:ifLinksixtitle}
  446. {block:HasPages}{block:Pages}<option value="{URL}">{Label}</a>
  447. {/block:Pages}{/block:HasPages}
  448. <option value="http://final-stand.tumblr.com/">theme</option></select>{/block:ifShowDropdownMenu}
  449. </div></div>
  450. <div id="content">
  451. {block:Posts}<div class="entry">
  452. {block:Text}
  453. {block:Title}<span class="title">{Title}</span>{/block:Title}
  454. <div style="margin-left:3px;">{Body}</div>
  455. {block:IndexPage}
  456. <br><a href="{Permalink}"><div class="supreme">{block:Date}{TimeAgo}{/block:Date} // {NoteCountwithLabel}</div></a>
  457. {/block:IndexPage}
  458. {/block:Text}
  459.  
  460. {block:Link}
  461. <center><a href="{URL}"><span class="title">{Name}</span></a></center>
  462. <div style="margin-left:3px;">{block:Description}{Description}{/block:Description}</div>
  463. {block:IndexPage}
  464. <br><a href="{Permalink}"><div class="supreme">{block:Date}{TimeAgo}{/block:Date} // {NoteCountwithLabel}</div></a>
  465. {/block:IndexPage}
  466. {block:Link}
  467.  
  468. {block:Photo}
  469. <center>
  470. {block:IndexPage}{LinkOpenTag}<div class="photo"><a href="{permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}" width=100%/></div></a>{LinkCloseTag}
  471. {/block:IndexPage}
  472. {block:PermalinkPage}
  473. {block:if2column}<center>{/block:if2column}
  474. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"width=400px;/>{LinkCloseTag}{block:if2column}</center>{/block:if2column}{/block:PermalinkPage}
  475. </center>
  476. {block:ifposthover}
  477. {block:IndexPage}
  478. <div class="perma">
  479. <a href="{permalink}"><font color="#000">Posted on {ShortMonth} {DayOfMonth} {Year}</font></a> WITH
  480. <a href="{permalink}">{NoteCountwithlabel}</a> &#183
  481. <a href="{ReblogUrl}" target="_blank">Reblog</a>
  482. </span></div>
  483. {/block:IndexPage}{/block:ifposthover}
  484. {/block:Photo}
  485.  
  486. {block:Photoset}
  487. <center>
  488. {block:IndexPage}{Photoset-400}{/block:IndexPage}
  489. {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
  490. </center>
  491. {block:ifposthover}
  492. {block:IndexPage}
  493. <div class="perma">
  494. <a href="{permalink}"><font color="#000">Posted on {ShortMonth} {DayOfMonth} {Year}</font></a> WITH
  495. <a href="{permalink}">{NoteCountwithlabel}</a> &#183
  496. <a href="{ReblogUrl}" target="_blank">Reblog</a>
  497. </span></div>
  498. {/block:IndexPage}{/block:ifposthover}
  499. {/block:Photoset}
  500.  
  501. {block:Quote}
  502. <div style="margin-left:3px;">
  503. {Quote}</span>
  504. {block:Source}<strong>{Source}</strong>{/block:Source}
  505. </div>
  506.  
  507. {block:IndexPage}
  508. <br><a href="{Permalink}"><div class="supreme">{block:Date}{TimeAgo}{/block:Date} // {NoteCountwithLabel}</div></a>
  509. {/block:IndexPage}
  510. {/block:Quote}
  511.  
  512. {block:Chat}
  513. <div style="margin-left:3px;">
  514. {block:Title}<span class="title">{title}</span>{/block:Title}
  515. <ul class="chat">
  516. {block:Lines}
  517. <li class="user_{UserNumber}">
  518. {block:Label}
  519. <span class="label">{Label}</span>
  520. {/block:Label}
  521. {Line}
  522. </li>
  523. {/block:Lines}
  524. </ul>
  525. </div>
  526. {block:IndexPage}
  527. <br><a href="{Permalink}"><div class="supreme">{block:Date}{TimeAgo}{/block:Date} // {NoteCountwithLabel}</div></a>
  528. {/block:IndexPage}
  529. {/block:Chat}
  530.  
  531. {block:Audio}<div style="height:0px;background-color:black;opacity:0.1;width:100%;margin-top:10px;margin-bottom:5px;"></div>
  532. <center>{AudioPlayerBlack}
  533. {block:Caption}{Caption}{/block:Caption}</center>
  534. {block:IndexPage}
  535. <br><a href="{Permalink}"><div class="supreme">{block:Date}{TimeAgo}{/block:Date} // {NoteCountwithLabel}</div></a>
  536. {/block:IndexPage}
  537. {/block:Audio}
  538.  
  539. {block:Video}
  540. {block:IndexPage}
  541. <center>
  542. {Video-400}</center>
  543. {/block:IndexPage}
  544. {block:PermalinkPage}
  545. <center>
  546. {Video-500}</center>
  547. {/block:PermalinkPage}{block:ifposthover}
  548. {block:IndexPage}<div class="permalink">
  549. <a href="{permalink}"><font color="#000">Posted on {ShortMonth} {DayOfMonth}, {Year}</font></a></span></div>
  550. <div class="permalink2">
  551. <a href="{permalink}"><font color="#000">{notecount}</font></a></span> /
  552. <a href="{ReblogUrl}" target="_blank"><font color="#000">Reblog</font></a></span>
  553. </div>{/block:IndexPage}{/block:ifposthover}
  554. {block:Video}
  555.  
  556. {block:PermalinkPage}
  557. <center>
  558. {block:Date}<center>
  559. {TimeAgo} | {12HourWithZero}:{Minutes}{AmPm}
  560. <br>{block:Caption}{Caption}{/block:Caption}{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}{block:HasTags} &middot; {block:Tags}<a href="TagURL"> #{Tag}</a> {/block:Tags}{/block:hasTags}</center>
  561. {/block:Date}
  562. </center>{/block:PermalinkPage}
  563.  
  564. {block:PermalinkPage}
  565. {block:PostNotes}{PostNotes}{/block:PostNotes}{/block:PermalinkPage}
  566. </div>{/block:Posts}</center>
  567. {/block:Posts}
  568. {/block:PermalinkPage}
  569.  
  570. <!-- INFINTE SCROLL SCRIPT -->
  571. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
  572. <script type="text/javascript" src="http://static.tumblr.com/ek9ly4s/lBFmovu46/infintescroll.js"></script>
  573. <script type="text/javascript" src="http://static.tumblr.com/j1tjexd/WYwm8ed44/like_script.js"></script>
  574. <script>
  575. $(function(){
  576. var $container = $('#content');
  577. $container.imagesLoaded(function(){
  578. $container.masonry({
  579. itemSelector: '.entry',
  580. columnWidth:0
  581. });
  582. });
  583. $container.infinitescroll({
  584. navSelector : 'div#pagination',
  585. nextSelector : 'div#pagination a#nextPage',
  586. itemSelector : '.entry', // selector for all items you'll retrieve
  587. loading: {
  588. finishedMsg: '<em></em>',
  589. bufferPx : 200,
  590. debug : false,
  591. }
  592. },
  593. // trigger Masonry as a callback
  594. function( newElements ) {
  595. // hide new items while they are loading
  596. var $newElems = $( newElements ).css({ opacity: 0 });
  597. // ensure that images load before adding to masonry layout
  598. $newElems.imagesLoaded(function(){
  599. // show elems now they're ready
  600. $newElems.animate({ opacity: 1 });
  601. $container.masonry( 'appended', $newElems, true );
  602. });
  603. }
  604. );
  605. });
  606. </script>
  607.  
  608.  
  609. {block:IndexPage}
  610. {block:Pagination}
  611. <div id="pagination">
  612. {block:NextPage}
  613. <a id="nextPage" href="{NextPage}"></a>
  614. {/block:NextPage}
  615. {block:PreviousPage}
  616. <a href="{PreviousPage}"></a>
  617. {/block:PreviousPage}
  618. </div>
  619. {/block:Pagination}
  620. {/block:IndexPage}
  621. </div>
  622.  
  623. <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
  624.  
  625. </div>
  626.  
  627. {block:ifticktosupportme}<div id="install"><a href="http://themesbyjames.tumblr.com/"><img src="http://static.tumblr.com/2w7y46r/wuvmba8c2/installtheme.png" style="
  628. border:0px solid;" /></a></div>{/block:ifticktosupportme}
  629.  
  630. </div></div>
  631.  
  632. </body></html><!-- END OF THEME -->
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!