API tools faq
paste
Advertisement
themesbyjames

Arctic

themesbyjames
Jun 29th, 2012
206,703
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 20.34 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <!-- -----------------------------------
  4.  
  5. THEME 'ARCTIC' BY JAMES 2012.
  6. HTTP://THEMESBYJAMES.TUMBLR.COM
  7.  
  8. PLEASE DO NOT REMOVE THE CREDIT
  9. VIEW TERMS AND CONDITIONS.
  10.  
  11. NOTE: BANNER IMAGE WORKS BEST
  12. WITH FIXED HEADER
  13.  
  14. ------------------------------------ -->
  15.  
  16. <html><head>
  17.  
  18. <title>{title}</title>
  19. <!------- DEFAULT VARIABLES ------->
  20. <meta name="color:Text" content="#000"/>
  21. <meta name="color:Hover" content="#000"/>
  22. <meta name="color:Link" content="#000"/>
  23. <meta name="color:Blog Title" content="#000"/>
  24. <meta name="color:Scrollbar" content="#000"/>
  25. <meta name="color:Entry" content="#FFF"/>
  26. <meta name="color:Background" content="#FFF"/>
  27. <meta name="color:Post Hover" content="#FFF"/>
  28. <meta name="color:Header" content="#FFF"/>
  29. <meta name="image:Background" content="1"/>
  30. <meta name="image:Banner" content=""/>
  31. <meta name="if:Arctic Scrollbar" content="0"/>
  32. <meta name="if:Crosshair Cursor" content="1"/>
  33. <meta name="if:Header Fixed" content="0"/>
  34. <meta name="if:Header Border" content="1"/>
  35. <meta name="if:Show Banner Image" content="0"/>
  36. <meta name="if:Image Grayscale Hover" content="0"/>
  37. <meta name="if:Link Border" content="1"/>
  38. <meta name="if:Link Hover Underline" content=""/>
  39. <meta name="if:Show Blog Title" content="1"/>
  40. <meta name="if:Blog Title Shrink on Hover" content="1"/>
  41. <meta name="if:Blog Title A or B" content="1">
  42. <meta name="if:Blog Title Red Blue Bubble Effect" content="0">
  43. <meta name="if:Blog Title Dark Bubble Effect" content="1">
  44. <meta name="if:Submit Link" content="1">
  45. <meta name="if:Archive Link" content="1">
  46. <meta name="if:Install Button" content="1"/>
  47. <meta name="font:Body" content="arial"/>
  48. <meta name="text:Link One" content="" />
  49. <meta name="text:Link One Title" content="" />
  50. <meta name="text:Link Two" content="" />
  51. <meta name="text:Link Two Title" content="" />
  52. <meta name="text:Link Three" content="" />
  53. <meta name="text:Link Three Title" content="" />
  54. <meta name="text:Link Four" content="" />
  55. <meta name="text:link Four Title" content="" />
  56. <meta name="text:link Five" content="" />
  57. <meta name="text:link Five Title" content="" />
  58.  
  59. <link rel="shortcut icon" href="{Favicon}">
  60. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  61. <meta name="viewport" content="width=820" />
  62. <script type="text/javascript"
  63. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  64.  
  65. <link href='http://fonts.googleapis.com/css?family=Happy+Monkey' rel='stylesheet' type='text/css'>
  66. <link href='http://fonts.googleapis.com/css?family=Short+Stack' rel='stylesheet' type='text/css'>
  67. <link href='http://fonts.googleapis.com/css?family=Amatic+SC' rel='stylesheet' type='text/css'>
  68. <link href='http://fonts.googleapis.com/css?family=Megrim' rel='stylesheet' type='text/css'>
  69.  
  70. <script src="http://static.tumblr.com/6jwx45k/qnrmqhe43/ifie1.js"></script>
  71. <script src="http://static.tumblr.com/6jwx45k/QcKmqhe47/ifie2.js"></script>
  72.  
  73.  
  74. <style type="text/css">
  75.  
  76. iframe#tumblr_controls {top: 1px !important;margin: 0 0 0 0;right:4px !important;position:fixed !important; position:absolute;z-index:99999999;}
  77.  
  78. body {
  79. padding: 0px;
  80. margin: 0px;
  81. color:{color:text};
  82. font-family:{font:Body};
  83. font-size: 12.5px;
  84. background-color: {color:Background};
  85. background-image:url({image:Background});
  86. background-attachment: fixed;
  87. background-repeat: repeat;
  88. overflow-x: hidden;
  89. {block:ifCrosshairCursor}cursor:crosshair{/block:ifCrosshairCursor}}
  90.  
  91. .wrapper{
  92. margin: 0px auto;
  93. width: 802px;}
  94.  
  95. .header{
  96. float: left;
  97. width: 100%;}
  98.  
  99. .left{
  100. float: left;
  101. margin-right: 20px;
  102. width: 802px;}
  103.  
  104. .right{
  105. float: right;
  106. width: 200px;
  107. background-color: {color:Background};}
  108.  
  109. #install{top:27px !important;margin: 0 0 0 0;right:7px !important; position:fixed !important;z-index:1337;}
  110.  
  111.  
  112. a:link, a:active, a:visited{
  113. color: {color:Link};
  114. text-decoration: none;}
  115.  
  116. a:hover {color:{color:Hover}; {block:ifLinkHoverunderline} text-decoration: underline{/block:ifLinkHoverunderline};
  117. -webkit-transition: 0.4s ease-in;
  118. -o-transition: 0.4s ease-in;
  119. -moz-transition: 0.4s ease-in;
  120. transition: 0.4s ease-in;}
  121.  
  122. .entry {
  123. padding: 2px;
  124. float:left;
  125. font-size: 10px;
  126. line-height:11px;
  127. {block:IndexPage}
  128. width:225px;
  129. margin:0px;
  130. {block:ifentrytransparent}{/block:ifentrytransparent}
  131. {block:ifnotentrytransparent}background-color:{color:Entry};{/block:ifnotentrytransparent}
  132. {/block:IndexPage}
  133. {block:PermalinkPage}
  134. width:610px;
  135. margin-left:90px;
  136. {/block:PermalinkPage}}
  137.  
  138.  
  139. .entry .perma{
  140. z-index:99999999999999;
  141. position:absolute;
  142. width:99%;
  143. height:15px;
  144. padding-top:2px;
  145. background-color:{color:Post Hover};
  146. overflow:hidden;
  147. font-family: trebuchet ms;
  148. text-transform: uppercase;
  149. font-size: 8px;
  150. line-height:14px;
  151. text-align:center;
  152. padding-right: 0px;
  153. opacity:0.0;
  154. -webkit-transition: all 0.4s linear;
  155. -moz-transition: all 0.4s linear;
  156. transition: all 0.4s linear;}
  157.  
  158. .entry:hover .perma{
  159. overflow:visible;
  160. opacity 0.9s linear; opacity: 0.8;
  161. -webkit-transition: all 0.4s linear;
  162. -moz-transition: all 0.4s linear;
  163. transition: all 0.4s linear;
  164. margin-top:6px;
  165. margin-left: 0px;
  166. width: 99%;
  167. height:15px;
  168. text-align:center;
  169. top:50%;
  170. margin-top:-11px;
  171. border-bottom-right-radius:0px;
  172. border-top-right-radius:0px;
  173. border-top-left-radius:0px;
  174. border-bottom-left-radius:0px;}
  175.  
  176. .entry:hover .perma:hover{
  177. overflow:visible;
  178. opacity 0.5s linear; opacity: 1.0;
  179. -webkit-transition: all 0.4s linear;
  180. -moz-transition: all 0.4s linear;
  181. transition: all 0.4s linear;}
  182.  
  183. .perm{
  184. display: block;
  185. margin-top: 3px;
  186. line-height: 8px;
  187. text-align:right;
  188. font-family: trebuchet ms;
  189. text-transform: uppercase;
  190. -webkit-transition: all 0.4s linear;
  191. -moz-transition: all 0.4s linear;
  192. transition: all 0.4s linear;}
  193.  
  194. blockquote{
  195. padding:0px 0px 2px 5px;
  196. margin:0px 0px 2px 1px;
  197. border-left: 1px solid #130C11;}
  198. blockquote p, ul{margin:0px; padding:0px;}
  199.  
  200. div#header{
  201. {block:ifheaderfixed}
  202. height:auto;
  203. opacity:1.0;
  204. {/block:ifheaderfixed}{block:ifnotheaderfixed}
  205. height:108px;
  206. position:fixed !important;
  207. opacity:0.6;
  208. {/block:ifnotheaderfixed}{block:ifheaderborder}
  209. width:911px;
  210. border: 1px dotted black;
  211. margin-left:-59px;
  212. {/block:ifheaderborder}{block:ifnotheaderborder}
  213. width:913px;
  214. margin-left:-59px;
  215. {/block:ifnotheaderborder}
  216. z-index:1300;
  217. font-family: happy monkey;
  218. text-align:center;
  219. padding-top:10px;
  220. padding-bottom:3px;
  221. font-size: 11.5px;
  222. padding-top:3px;
  223. background-color:{color:header};
  224. -moz-transition: all .2s ease-in-out;
  225. -o-transition: all .2s ease-in-out;
  226. transition: all .2s ease-in-out;
  227. -webkit-transition: all .2s ease-in-out;
  228. -webkit-transition-duration: .7s;
  229. -webkit-transition-duration: .7s;
  230. -webkit-transition-duration: .7s;}
  231.  
  232. div#header:hover{
  233. background-color:{color:header};
  234. opacity:1.0;
  235. -moz-transition: all .2s ease-in-out;
  236. -o-transition: all .2s ease-in-out;
  237. transition: all .2s ease-in-out;
  238. -webkit-transition: all .2s ease-in-out;
  239. -webkit-transition-duration: .7s;
  240. -webkit-transition-duration: .7s;
  241. -webkit-transition-duration: .7s;}
  242.  
  243.  
  244. #posts{
  245. {block:indexpage}width:916px; margin-left:-60px;{/block:indexpage}
  246. {block:ifnotheaderfixed}margin-top:118px;{/block:ifnotheaderfixed}
  247. right:auto;
  248. padding-top:3px;
  249. margin-right:auto;
  250. position:relative;
  251. overflow-y: hidden;
  252. overflow-x: hidden;}
  253.  
  254. #install{top:27px !important;margin: 0 0 0 0;right:7px !important; position:fixed !important;z-index:1337;}
  255.  
  256. #infscr-loading{
  257. bottom: 3px;
  258. position: absolute;
  259. left: 50%;
  260. margin-left:-8px;
  261. width:16px;
  262. height:11px;
  263. overflow:hidden;
  264. margin-bottom: 50px;
  265. }
  266.  
  267. .title{
  268. text-transform:uppercase;
  269. font-size: 12px;
  270. color: black;
  271. font-weight: normal;
  272. }
  273.  
  274. .themeperm{text-transfrom:uppercase;}
  275.  
  276. div#blogtitle{
  277. {block:ifBlogTitleAorB}
  278. font-family: 'Amatic SC';
  279. {/block:ifBlogTitleAorB}{block:ifnotBlogTitleAorB}
  280. font-family: 'Megrim', cursive;
  281. {/block:ifnotBlogTitleAorB}
  282. font-size:43px;
  283. color:{color:Blog title};
  284. line-height: 40px;
  285. -webkit-transition: all .2s ease-in-out;
  286. -moz-transition: all .2s ease-in-out;
  287. -o-transition: all .2s ease-in-out;
  288. padding-bottom:4px;
  289. top:3px;
  290. cursor:crosshair;}
  291.  
  292. {block:ifblogtitleshrinkonhover}#blogtitle:hover{
  293. font-size:20px;
  294. -webkit-transition: all .2s ease-in-out;
  295. -moz-transition: all .2s ease-in-out;
  296. -o-transition: all .2s ease-in-out;
  297. opacity:2.0}{/block:ifblogtitleshrinkonhover}
  298.  
  299. #blogtitle a:link,
  300. #blogtitle a:visited,
  301. #blogtitle a:hover{
  302. color:{color:Blog Title};
  303. }
  304.  
  305. #info{font-family: happy monkey;padding-top:11px;}
  306.  
  307. blockquote{
  308. padding:0px 0px 2px 5px;
  309. margin:0px 0px 2px 10px;
  310. border-left: 1px dotted #555555;
  311. }
  312.  
  313. {block:ifArcticScrollBar}
  314. ::-webkit-scrollbar {width: 9px; height: 4px; background:#FFF;}
  315. ::-webkit-scrollbar-thumb { background-color:#FFF;border: 1px dashed black;}
  316. {/block:ifArcticScrollBar}
  317. {block:ifNotArcticScrollBar}
  318. ::-webkit-scrollbar {width: 7px; height: 4px; background:{color:background};}
  319. ::-webkit-scrollbar-thumb { background-color: {color:scrollbar};}
  320. {/block:ifNotArcticScrollBar}
  321.  
  322. @import url(http://fonts.googleapis.com/css?family=Poiret+One|Bad+Script|Waiting+for+the+Sunrise|Amatic+SC|Ruluko|Delius);
  323.  
  324. .navigate {
  325. width: 50px;
  326. height: 18px;
  327. font-size:13px;
  328. letter-spacing:0px;
  329. font-family:happy monkey;
  330. margin-top:5px;
  331. margin-left:5px;
  332. line-height:18px;
  333. text-align:center;
  334. display: inline-block;
  335. -webkit-transition-duration: 1.4s;
  336. {block:iflinkborder}border:1px solid rgba(0,0,0,0.3);{/block:iflinkborder}
  337. padding:3px 10px;
  338. border-bottom-right-radius:0px;
  339. border-top-right-radius:110px;
  340. border-top-left-radius:0px;
  341. border-bottom-left-radius:110px;}
  342.  
  343. .navigate:hover {
  344. font-family: happy monkey;
  345. {block:iflinkborder}border:1px solid rgba(0,0,0,0.3);{/block:iflinkborder}
  346. border-bottom-right-radius:110px;
  347. border-top-right-radius:0px;
  348. border-top-left-radius:110px;
  349. border-bottom-left-radius:10px;}
  350.  
  351.  
  352.  
  353. img{
  354. {block:ifImagegrayscaleHover}
  355. -webkit-filter: grayscale(0%);
  356. -webkit-transition: all 0.6s linear;
  357. -webkit-transition: all 0.6s linear;
  358. -moz-transition: all 0.2s linear;
  359. transition: all 0.2s linear;}
  360.  
  361. img:hover{
  362. -webkit-filter: grayscale(85%);
  363. z-index: -9999999999999999999999999;
  364. -webkit-transition: all 0.6s linear;
  365. -webkit-transition: all 0.6s linear;
  366. -moz-transition: all 0.2s linear;
  367. transition: all 0.2s linear;}
  368.  
  369. {/block:ifImagegrayscaleHover}
  370.  
  371.  
  372. {CustomCSS}
  373.  
  374. </style>
  375.  
  376. {block:ifBlogTitleRedBlueBubbleEffect}
  377. <script type="text/javascript">
  378. // <![CDATA[
  379. var bgcolour="#ff0000"; // background colour
  380. var fgcolour="#2100ff"; // foreground colour
  381. var speed=5; // speed of bubbling, lower is faster
  382. var shades=15; // number of shades of bubble
  383. var bubbcol=new Array();
  384. var bubbler, bubbtxt;
  385. var bubbchr=new Array();
  386. window.onload=function() { if (document.getElementById) {
  387. for (bubbler=0; bubbler<=shades; bubbler++) {
  388. bubbtxt="#";
  389. for (var i=1; i<6; i+=2) {
  390. var bg=parseInt(bgcolour.substring(i,i+2),16);
  391. bubbtxt+=dechex(Math.floor(bg+(parseInt(fgcolour.substring(i,i+2),16)-bg)*(bubbler/shades)));
  392. }
  393. bubbcol[bubbler+1]=bubbtxt;
  394. }
  395. bubbler=document.getElementById("bubble");
  396. bubbtxt=bubbler.firstChild.nodeValue;
  397. while (bubbler.childNodes.length) bubbler.removeChild(bubbler.childNodes[0]);
  398. for (var i=0; i<bubbtxt.length; i++) {
  399. var bubbi=document.createElement("span");
  400. bubbi.setAttribute("id", "bubb"+i);
  401. bubbi.appendChild(document.createTextNode(bubbtxt.charAt(i)));
  402. bubbler.appendChild(bubbi);
  403. }
  404. bubbler=setInterval ("bubbling()", speed);
  405. }}
  406.  
  407. function dechex(dec) {
  408. var hex=dec.toString(16);
  409. if (dec<16) return "0"+hex;
  410. else return hex;
  411. }
  412.  
  413. function bubbling() {
  414. for (var i=0; i<bubbtxt.length; i++) {
  415. var bubbme=document.getElementById("bubb"+i);
  416. if (bubbchr[i]) {
  417. bubbme.style.color=bubbcol[bubbchr[i]];
  418. bubbchr[i]=(bubbchr[i]+1)%bubbcol.length;
  419. }
  420. else if (Math.random()<0.75/bubbchr.length) bubbchr[i]=1;
  421. }
  422. }
  423. // ]]>
  424. </script>
  425. {/block:ifBlogTitleRedBlueBubbleEffect}
  426.  
  427. {block:ifBlogTitleDarkBubbleEffect}
  428. <script type="text/javascript">
  429. // <![CDATA[
  430. var bgcolour="#000000"; // background colour
  431. var fgcolour="#a8a7a7"; // foreground colour
  432. var speed=100; // speed of bubbling, lower is faster
  433. var shades=10; // number of shades of bubble
  434. var bubbcol=new Array();
  435. var bubbler, bubbtxt;
  436. var bubbchr=new Array();
  437. window.onload=function() { if (document.getElementById) {
  438. for (bubbler=0; bubbler<=shades; bubbler++) {
  439. bubbtxt="#";
  440. for (var i=1; i<6; i+=2) {
  441. var bg=parseInt(bgcolour.substring(i,i+2),16);
  442. bubbtxt+=dechex(Math.floor(bg+(parseInt(fgcolour.substring(i,i+2),16)-bg)*(bubbler/shades)));
  443. }
  444. bubbcol[bubbler+1]=bubbtxt;
  445. }
  446. bubbler=document.getElementById("bubble");
  447. bubbtxt=bubbler.firstChild.nodeValue;
  448. while (bubbler.childNodes.length) bubbler.removeChild(bubbler.childNodes[0]);
  449. for (var i=0; i<bubbtxt.length; i++) {
  450. var bubbi=document.createElement("span");
  451. bubbi.setAttribute("id", "bubb"+i);
  452. bubbi.appendChild(document.createTextNode(bubbtxt.charAt(i)));
  453. bubbler.appendChild(bubbi);
  454. }
  455. bubbler=setInterval ("bubbling()", speed);
  456. }}
  457.  
  458. function dechex(dec) {
  459. var hex=dec.toString(16);
  460. if (dec<16) return "0"+hex;
  461. else return hex;
  462. }
  463.  
  464. function bubbling() {
  465. for (var i=0; i<bubbtxt.length; i++) {
  466. var bubbme=document.getElementById("bubb"+i);
  467. if (bubbchr[i]) {
  468. bubbme.style.color=bubbcol[bubbchr[i]];
  469. bubbchr[i]=(bubbchr[i]+1)%bubbcol.length;
  470. }
  471. else if (Math.random()<0.75/bubbchr.length) bubbchr[i]=1;
  472. }
  473. }
  474. // ]]>
  475. </script>
  476. {/block:ifBlogTitleDarkBubbleEffect}
  477.  
  478. </head><body>
  479.  
  480. <script src="http://static.tumblr.com/6jwx45k/9Ivm1xjuj/infintescroll.txt" type="text/javascript">
  481. </script>
  482.  
  483. <div class="wrapper"><div class="header"></div>
  484.  
  485. <div id="header">
  486.  
  487. {block:ifshowblogtitle}
  488. <center>
  489. <a href="/">
  490. <div id="blogtitle">
  491. <span id="bubble">{title}</a></span></div></center>
  492. {/block:ifshowblogtitle}
  493.  
  494. {block:ifShowbannerImage}<a href="/"><img style="max-width:400px; margin-bottom:5px;border:0px;" src="{image:Banner}" border=0 ></a><br>{/block:IfbannerImage}{/block:ifShowbannerimage}
  495.  
  496. <center>
  497. <div class="navigate"><a href="/">Home</a></div>
  498. {block:AskEnabled}<div class="navigate"><a href="/ask">Message</a></div>{/block:AskEnabled}
  499.  
  500. {block:ifLinkOneTitle}
  501. <div class="navigate">
  502. <a href="{text:Link One}" class="link">{text:Link One Title}</a></div>
  503. {/block:ifLinkOneTitle}
  504. {block:ifLinkTwoTitle}
  505. <div class="navigate">
  506. <a href="{text:Link Two}" class="link">{text:Link Two Title}</a></div>
  507. {/block:ifLinkTwoTitle}
  508. {block:ifLinkThreeTitle}
  509. <div class="navigate">
  510. <a href="{text:Link Three}" class="link">{text:Link Three Title}</a></div>
  511. {/block:ifLinkThreeTitle}
  512. {block:ifLinkFourTitle}
  513. <div class="navigate">
  514. <a href="{text:Link Four}" class="link">{text:Link Four Title}</a>
  515. </div>
  516. {/block:ifLinkFourTitle}
  517. {block:ifLinkFiveTitle}
  518. <div class="navigate">
  519. <a href="{text:Link Five}" class="link">{text:Link Five Title}</a></div>
  520. {/block:ifLinkFiveTitle}
  521.  
  522. {block:HasPages}{block:Pages}<div class="navigate"><a href="{URL}" class="link">{Label}&nbsp;&nbsp;&nbsp;&nbsp;</a></div> {/block:Pages} {/block:HasPages}
  523.  
  524. {block:ifsubmitlink}<div class="navigate"><a href="/submit">Submit</a>&nbsp;&nbsp;&nbsp;&nbsp;</div>{/block:ifsubmitlink}
  525. {block:ifarchivelink}<div class="navigate"><a href="/archive">Archive</a>&nbsp;&nbsp;&nbsp;&nbsp;</div>{/block:ifarchivelink}
  526. <div class="navigate"><a href="http://final-stand.tumblr.com">Theme</a>&nbsp;&nbsp;&nbsp;&nbsp;</div>
  527. </center>
  528.  
  529. <center><div id="info">{description}</div></center></div>
  530. <div class="left"><div id="posts">
  531. {block:Posts}<div class="entry">
  532.  
  533. {block:Text}{block:Title}<span class="title">{Title}</span>{/block:Title}<span class="entrytext">{Body}</span>
  534. {block:IndexPage}<span class="perm"><a href="{Permalink}">Posted {TimeAgo} with {NoteCountWithLabel}</a> | <a href="{ReblogURL}" target="_blank">reblog</a>{/block:IndexPage}
  535. {/block:text}
  536.  
  537. {block:Link}<a href="{URL}" class="title">{Name}</a>{block:Description}{Description}{/block:Description}{block:IndexPage}<span class="perm"><a href="{Permalink}">Posted {TimeAgo} with {NoteCountWithLabel}</a> | <a href="{ReblogURL}" target="_blank">reblog</a>{/block:IndexPage}{/block:link}
  538.  
  539. {block:Photo}
  540. {block:IndexPage}
  541. <div class="perma">
  542. <a href="{Permalink}">Posted {TimeAgo} with {NoteCountWithLabel}</a> | <a href="{ReblogURL}" target="_blank">reblog</a></span></div>
  543. {/block:IndexPage}
  544.  
  545. {block:IndexPage}
  546. <center>{LinkOpenTag}<a href="{permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}"border=0 width=100%/></a>{LinkCloseTag}{/block:IndexPage}
  547.  
  548. {block:PermalinkPage}<center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"width=100%/></a>{LinkCloseTag}{/block:PermalinkPage}
  549. </center>{/block:Photo}
  550.  
  551. {block:Photoset}
  552. {block:IndexPage}
  553. <center>
  554. {Photoset-250}</center>
  555. <span class="perm"><a href="{Permalink}">Posted {TimeAgo} with {NoteCountWithLabel}</a> | <a href="{ReblogURL}" target="_blank">reblog</a>{/block:IndexPage}
  556. {block:PermalinkPage}
  557. <center>
  558. {Photoset-500}</center>
  559. {/block:PermalinkPage}
  560. {/block:Photoset}
  561.  
  562. {block:Quote}<span class="title">"{Quote}"</span>{block:Source}<i> - {Source}</i>{/block:Source}<br>{block:IndexPage}<span class="perm"><a href="{Permalink}">Posted {TimeAgo} with {NoteCountWithLabel}</a> | <a href="{ReblogURL}" target="_blank">reblog</a>{/block:IndexPage}{/block:Quote}
  563.  
  564. {block:Chat}{block:Title}<span class="title">{Title}</span>{/block:Title}<ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label"><b>{Label}</b></span>{/block:Label}{Line}</li>{/block:Lines}</ul>{block:IndexPage}<span class="perm"><a href="{Permalink}">Posted {TimeAgo} with {NoteCountWithLabel}</a> | <a href="{ReblogURL}" target="_blank">reblog</a>{/block:IndexPage}{/block:Chat}
  565. {Line}
  566. </li>
  567. {/block:Lines}
  568. </ul>
  569. {/block:Chat}
  570.  
  571. {block:Audio}<br>
  572. <center><div style="width:250px; height:28px;">{AudioPlayerBlack}</div><div style="padding-top:10px; float:right;"><br>
  573. {block:IndexPage}<span class="perm"><a href="{Permalink}">Posted {TimeAgo} with {NoteCountWithLabel}</a> | <a href="{ReblogURL}" target="_blank">reblog</a>{/block:IndexPage}
  574. {block:ExternalAudio}{/block:ExternalAudio}</div></center>
  575. {/block:Audio}
  576.  
  577. {block:Video}
  578. {block:IndexPage}
  579. <center>
  580. {Video-250}</center>
  581. <span class="perm"><a href="{Permalink}">Posted {TimeAgo} with {NoteCountWithLabel}</a> | <a href="{ReblogURL}" target="_blank">reblog</a>{/block:IndexPage}
  582. {block:PermalinkPage}
  583. <center>
  584. {Video-500}</center>
  585. {/block:PermalinkPage}
  586. {/block:Video}
  587.  
  588. {block:PermalinkPage}
  589. <center>
  590. <br>{block:NoteCount}<div class="themeperm">
  591. {NoteCountWithLabel}&nbsp;&nbsp;|&nbsp;&nbsp;{TimeAgo}&nbsp;&nbsp;|&nbsp;&nbsp;<a href="{ReblogURL}" target="_blank">reblog</a><p>
  592. {/block:NoteCount}
  593. {block:RebloggedFrom}Via&nbsp;&nbsp;<a href="{ReblogParentURL}">{ReblogParentName}</a><p>{/block:RebloggedFrom}</div>
  594. </center>
  595.  
  596.  
  597. {/block:PermalinkPage}
  598.  
  599. {block:PostNotes}{PostNotes}{/block:PostNotes}</center>
  600.  
  601. </div>{/block:Posts}</div></div>
  602.  
  603. {block:IndexPage}
  604. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  605. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  606. <script type="text/javascript">
  607. $(window).load(function () {
  608. var $content = $('#posts');
  609. $content.masonry({itemSelector: '.entry'}),
  610. $content.infinitescroll({
  611. navSelector : 'div#pagination',
  612. nextSelector : 'div#pagination a#nextPage',
  613. itemSelector : '.entry',
  614. loading: {
  615. finishedMsg: '',
  616. img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
  617. },
  618. bufferPx : 600,
  619. debug : false,
  620. },
  621. // call masonry as a callback.
  622. function( newElements ) {
  623. var $newElems = $( newElements );
  624. $newElems.hide();
  625. // ensure that images load before adding to masonry layout
  626. $newElems.imagesLoaded(function(){
  627. $content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(300);} );
  628. });
  629. });
  630. });
  631. </script>
  632.  
  633. {/block:IndexPage}
  634.  
  635.  
  636. {block:IndexPage}
  637. {block:Pagination}
  638. <div id="pagination">
  639. {block:NextPage}
  640. <a id="nextPage" href="{NextPage}">&nbsp;&rarr;</a>
  641. {/block:NextPage}
  642. {block:PreviousPage}
  643. <a href="{PreviousPage}">&larr;&nbsp;</a>
  644. {/block:PreviousPage}
  645. </div>
  646. {/block:Pagination}
  647. {/block:IndexPage}
  648. </div></div></div></div></div></div></div></div></div>
  649. {block:ifInstallButton}<div id="install"><a href="http://themesbyjames.tumblr.com/"><img src="http://static.tumblr.com/2w7y46r/wuvmba8c2/installtheme.png" style="
  650. border:0px solid;" /></a></div>{/block:ifInstallButton}
  651. </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!