API tools faq
paste
Advertisement
okesan

grid theme

okesan
Jan 9th, 2015
182
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 19.33 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <!--
  5.  
  6.  
  7.  
  8.  
  9.  
  10. #13 by selkas
  11. http://selkas.tumblr.com
  12.  
  13.  
  14.  
  15.  
  16. notes:
  17.  
  18.  
  19. * clicking on the title opens the menu panel, so you
  20. need to enter a title or the theme will not work
  21.  
  22. * you may not be able to view the menu panel on the
  23. customize page but it should work on your blog;
  24. same with clicking photosets
  25.  
  26. * 250px is the only post width when 'one column' is
  27. unchecked; in that case the post width you enter
  28. will be the one used on the permalink page
  29.  
  30. * infinite scrolling will not work with this theme
  31. because of the way the posts are contained
  32.  
  33.  
  34. -->
  35. <title>{Title}</title>
  36. <link rel="alternate" type="application/rss+xml" href="{RSS}"/>
  37. <link rel="shortcut icon" href="{Favicon}"/>
  38. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  39. <!-- external css --><link rel="stylesheet" type="text/css" href="http://static.tumblr.com/qudkd6d/IGsnd9epp/13.css"/>
  40. <meta name="image:background" content="http://static.tumblr.com/631a73a25a5b08210c5f8550aa130f5c/qudkd6d/QQ2n9s9v9/tumblr_static_bkypsnu34u0wswgg0osk0kc8g.png"/>
  41. <meta name="color:background" content="#ffffff"/>
  42. <meta name="color:page border" content="#ffffff"/>
  43. <meta name="color:post bg" content="#fbfbfb"/>
  44. <meta name="color:post border" content="#ffffff"/>
  45. <meta name="color:title" content="#b6ead9"/>
  46. <meta name="color:title shadow" content="#fff6a5"/>
  47.  
  48.  
  49. <meta name="color:text" content="#adadad"/>
  50. <meta name="color:link border" content="#fed5be"/>
  51. <meta name="color:link border hover" content="#adb8d4"/>
  52. <meta name="color:permalink text" content="#adadad"/>
  53. <meta name="color:permalink bg" content="#fff9c5"/>
  54. <meta name="color:tags" content="#adadad"/>
  55. <meta name="color:pages" content="#9ce2cb"/>
  56. <meta name="color:pages shadow" content="#fff9c5"/>
  57. <meta name="color:scrollbar" content="#8f9ec3"/>
  58. <meta name="color:selection" content="#fed5be"/>
  59. <meta name="if:one column" content="1"/>
  60. <meta name="if:show captions" content="1"/>
  61. <meta name="if:show tags" content="1"/>
  62. <meta name="if:letter spacing" content="1"/>
  63. <meta name="if:uppercase" content="0"/>
  64. <meta name="if:tile background" content="1"/>
  65. <meta name="text:post size" content="400"/>
  66. <meta name="text:font size" content=""/>
  67. <meta name="text:font family" content=""/>
  68. <meta name="text:home link" content="refresh"/>
  69. <meta name="text:archive link" content="archive"/>
  70. <meta name="text:ask link" content="contact"/>
  71. <meta name="text:link 1" content=""/>
  72. <meta name="text:link 1 url" content=""/>
  73. <meta name="text:link 2" content=""/>
  74. <meta name="text:link 2 url" content=""/>
  75. <meta name="text:link 3" content=""/>
  76. <meta name="text:link 3 url" content=""/>
  77. <meta name="text:link 4" content=""/>
  78. <meta name="text:link 4 url" content=""/>
  79. <meta name="text:link 5" content=""/>
  80. <meta name="text:link 5 url" content=""/>
  81. <meta name="text:link 6" content=""/>
  82. <meta name="text:link 6 url" content=""/>
  83. <style type="text/css">
  84. ::selection {
  85. background-color:{color:selection};
  86. }
  87. ::-webkit-scrollbar-thumb {
  88. background-color:{color:scrollbar};
  89. }
  90.  
  91. /*IMAGE OPACITY*/
  92.  
  93.  
  94. img {
  95. opacity: .9;
  96. -webkit-transition: all 0.6s ease-out;
  97. -moz-transition: all 0.6s ease-out;
  98. transition: all 0.6s ease-out;
  99. -webkit-filter:grayscale(0%);
  100. -moz-filter:grayscale(0%);
  101. -ms-filter:grayscale(0%);
  102. -o-filter:grayscale(0%);
  103. filter:grayscale(0%);}
  104.  
  105. img:hover {
  106. opacity: 1;
  107. -webkit-transition: all 0.6s ease-out;
  108. -moz-transition: all 0.6s ease-out;
  109. transition: all 0.6s ease-out;}
  110.  
  111. iframe.photoset {
  112. opacity: .9;
  113. -webkit-transition: all 0.6s ease-out;
  114. -moz-transition: all 0.6s ease-out;
  115. transition: all 0.6s ease-out;
  116. -webkit-filter:grayscale(0%);
  117. -moz-filter:grayscale(0%);
  118. -ms-filter:grayscale(0%);
  119. -o-filter:grayscale(0%);
  120. filter:grayscale(0%);}
  121. }
  122. iframe.photoset:hover {
  123. opacity:1;
  124. -webkit-transition: all 0.6s ease-out;
  125. -moz-transition: all 0.6s ease-out;
  126. transition: all 0.6s ease-out;
  127. }
  128.  
  129.  
  130.  
  131.  
  132. .posteu img:hover, .posteu a img:hover, .photoset:hover {
  133. opacity:1;
  134. -webkit-transition: all 0.4s ease-out;
  135. -moz-transition: all 0.4s ease-out;
  136. transition: all 0.4s ease-out;
  137. }
  138.  
  139.  
  140. #icon {margin-top:40px;
  141. margin-left:5px;
  142. position:fixed;
  143. top:25px;
  144. z-index:900px;
  145. opacity:0.9;
  146. }
  147.  
  148. #icon img {
  149. height:180px;
  150.  
  151. }
  152.  
  153. #desc{
  154. width:170px;
  155. font-family:arial;
  156. font-style:italic;
  157. font-size:9px;
  158. position:fixed;
  159. margin-left:15px;
  160. margin-top:205px;
  161. z-index:900px;
  162. }
  163.  
  164. #links {
  165. margin-top:10px;
  166. letter-spacing:1px;
  167. line-height:16px;
  168. text-transform:lowercase;
  169. position:fixed;
  170. font-style:italic;
  171. font-family:arial;
  172. }
  173.  
  174.  
  175. #links a {
  176. margin-right:2px;
  177. display:inline-block;
  178. margin-bottom:5px;
  179. background-color:#fffbdb;
  180. padding:-2px;
  181. }
  182.  
  183.  
  184. body {
  185. background-color:{color:page border};
  186. color:{color:text};
  187. font-family:{text:font family}, arial, sans-serif;
  188. font-size:{text:font size}px;
  189. {block:ifUppercase}text-transform:uppercase;{/block:ifUppercase}
  190. {block:ifLetterSpacing}letter-spacing:1px;{/block:ifLetterSpacing}
  191. }
  192. #main {
  193. background-color:{color:background};
  194. {block:ifBackgroundImage}background-image:url('{image:background}');
  195. background-attachment:fixed;
  196. {block:ifNotTileBackground}background-size:cover;{/block:ifNotTileBackground}{/block:ifBackgroundImage}
  197. }
  198. #menu {
  199. background-color:{color:background};
  200. {block:ifBackgroundImage}background-image:url('{image:background}');
  201. background-attachment:fixed;
  202. {block:ifNotTileBackground}background-size:cover;{/block:ifNotTileBackground}{/block:ifBackgroundImage}
  203. }
  204. #menu .box {
  205. border:3px solid {color:post border};
  206. background-color:{color:post bg};
  207. }
  208. #menu .box h1 {
  209. background-color:{color:post bg};
  210. border-bottom:3px solid {color:post border};
  211. }
  212. #menu .links a {
  213. border-bottom:1px solid {color:link border};
  214. }
  215. #menu .links a:hover {
  216. border-color:{color:link border hover};
  217. }
  218. #top {
  219. color:{color:title};
  220. text-shadow:2px 2px 0px {color:title shadow};
  221. }
  222.  
  223.  
  224.  
  225. #content {
  226. width:{text:post size}px;
  227. {block:IndexPage}{block:ifNotOneColumn}width:918px;
  228. max-width:none;
  229. padding:50px 0px 50px 50px;{/block:ifNotOneColumn}{/block:IndexPage}
  230. }
  231. .entry {
  232.  
  233. {block:IndexPage}{block:ifNotOneColumn}margin-bottom:50px;
  234. margin-right:50px;
  235. float:left;
  236. width:256px;{/block:ifNotOneColumn}{/block:IndexPage}
  237. }
  238. .post {
  239. background-color:{color:post border};
  240. }
  241. .post a {
  242. border-bottom:1px solid {color:link border};
  243. }
  244. .post a:hover {
  245. border-color:{color:link border hover};
  246. }
  247. .date .bg {
  248. background-color:{color:post border};
  249. }
  250. .date .permalink {
  251. color:{color:permalink text};
  252. background-color:{color:permalink bg};
  253. }
  254. .tagged {
  255. color:{color:tags};
  256. text-transform:none;
  257. background-color:{color:post border};
  258. {block:IndexPage}opacity:0;
  259. position:absolute;
  260. {block:ifNotShowTags}display:none;{/block:ifNotShowTags}{/block:IndexPage}
  261. }
  262. .post > h1,
  263. .question,
  264. .quote,
  265. .caption,
  266. .body,
  267. .source,
  268. .notes ol {
  269. background-color:{color:post bg};
  270. }
  271. .caption {
  272. {block:IndexPage}{block:ifNotShowCaptions}display:none;{/block:ifNotShowCaptions}{/block:IndexPage}
  273. }
  274. .pagination > * {
  275. font-size:15px;
  276. color:{color:pages};
  277. text-shadow:1px 1px 0px {color:pages shadow};
  278. }
  279. .pagination .current {
  280. color:{color:link border};
  281. }
  282. #tumblr_lightbox {
  283. background-color:{color:background}!important;
  284. {block:ifBackgroundImage}background-image:url('{image:background}')!important;
  285. background-attachment:fixed;
  286. {block:ifNotTileBackground}background-size:cover;{/block:ifNotTileBackground}{/block:ifBackgroundImage}
  287. }
  288. #tumblr_lightbox img {
  289. box-shadow:5px 5px 0px {color:title shadow}!important;
  290. }
  291.  
  292. #image img {
  293. height: 120px;
  294. position: fixed;
  295. right: 60px;
  296. bottom: 100px;
  297. z-index:999;
  298. opacity:0.7;
  299. }
  300.  
  301.  
  302.  
  303. </style>
  304. </head>
  305.  
  306. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  307. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  308. <script>
  309. (function($){
  310. $(document).ready(function(){
  311. $("a[title]").style_my_tooltips({
  312. tip_follows_cursor:true,
  313. tip_delay_time:90,
  314. tip_fade_speed:100,
  315. attribute:"title"
  316. });
  317. });
  318. })(jQuery);
  319. </script>
  320. </head>
  321. <script type="text/javascript">
  322. // <![CDATA[
  323. var colour="#ffcef4";
  324. var sparkles=120;
  325.  
  326. /****************************
  327. * Tinkerbell Magic Sparkle *
  328. * (c) 2005 mf2fm web-design *
  329. * http://www.mf2fm.com/rv *
  330. * DON'T EDIT BELOW THIS BOX *
  331. ****************************/
  332. var x=ox=400;
  333. var y=oy=300;
  334. var swide=800;
  335. var shigh=600;
  336. var sleft=sdown=0;
  337. var tiny=new Array();
  338. var star=new Array();
  339. var starv=new Array();
  340. var starx=new Array();
  341. var stary=new Array();
  342. var tinyx=new Array();
  343. var tinyy=new Array();
  344. var tinyv=new Array();
  345.  
  346. window.onload=function() { if (document.getElementById) {
  347. var i, rats, rlef, rdow;
  348. for (var i=0; i<sparkles; i++) {
  349. var rats=createDiv(3, 3);
  350. rats.style.visibility="hidden";
  351. document.body.appendChild(tiny[i]=rats);
  352. starv[i]=0;
  353. tinyv[i]=0;
  354. var rats=createDiv(5, 5);
  355. rats.style.backgroundColor="transparent";
  356. rats.style.visibility="hidden";
  357. var rlef=createDiv(1, 5);
  358. var rdow=createDiv(5, 1);
  359. rats.appendChild(rlef);
  360. rats.appendChild(rdow);
  361. rlef.style.top="2px";
  362. rlef.style.left="0px";
  363. rdow.style.top="0px";
  364. rdow.style.left="2px";
  365. document.body.appendChild(star[i]=rats);
  366. }
  367. set_width();
  368. sparkle();
  369. }}
  370.  
  371. function sparkle() {
  372. var c;
  373. if (x!=ox || y!=oy) {
  374. ox=x;
  375. oy=y;
  376. for (c=0; c<sparkles; c++) if (!starv[c]) {
  377. star[c].style.left=(starx[c]=x)+"px";
  378. star[c].style.top=(stary[c]=y)+"px";
  379. star[c].style.clip="rect(0px, 5px, 5px, 0px)";
  380. star[c].style.visibility="visible";
  381. starv[c]=50;
  382. break;
  383. }
  384. }
  385. for (c=0; c<sparkles; c++) {
  386. if (starv[c]) update_star(c);
  387. if (tinyv[c]) update_tiny(c);
  388. }
  389. setTimeout("sparkle()", 40);
  390. }
  391.  
  392. function update_star(i) {
  393. if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
  394. if (starv[i]) {
  395. stary[i]+=1+Math.random()*3;
  396. if (stary[i]<shigh+sdown) {
  397. star[i].style.top=stary[i]+"px";
  398. starx[i]+=(i%5-2)/5;
  399. star[i].style.left=starx[i]+"px";
  400. }
  401. else {
  402. star[i].style.visibility="hidden";
  403. starv[i]=0;
  404. return;
  405. }
  406. }
  407. else {
  408. tinyv[i]=50;
  409. tiny[i].style.top=(tinyy[i]=stary[i])+"px";
  410. tiny[i].style.left=(tinyx[i]=starx[i])+"px";
  411. tiny[i].style.width="2px";
  412. tiny[i].style.height="2px";
  413. star[i].style.visibility="hidden";
  414. tiny[i].style.visibility="visible"
  415. }
  416. }
  417.  
  418. function update_tiny(i) {
  419. if (--tinyv[i]==25) {
  420. tiny[i].style.width="1px";
  421. tiny[i].style.height="1px";
  422. }
  423. if (tinyv[i]) {
  424. tinyy[i]+=1+Math.random()*3;
  425. if (tinyy[i]<shigh+sdown) {
  426. tiny[i].style.top=tinyy[i]+"px";
  427. tinyx[i]+=(i%5-2)/5;
  428. tiny[i].style.left=tinyx[i]+"px";
  429. }
  430. else {
  431. tiny[i].style.visibility="hidden";
  432. tinyv[i]=0;
  433. return;
  434. }
  435. }
  436. else tiny[i].style.visibility="hidden";
  437. }
  438.  
  439. document.onmousemove=mouse;
  440. function mouse(e) {
  441. set_scroll();
  442. y=(e)?e.pageY:event.y+sdown;
  443. x=(e)?e.pageX:event.x+sleft;
  444. }
  445.  
  446. function set_scroll() {
  447. if (typeof(self.pageYOffset)=="number") {
  448. sdown=self.pageYOffset;
  449. sleft=self.pageXOffset;
  450. }
  451. else if (document.body.scrollTop || document.body.scrollLeft) {
  452. sdown=document.body.scrollTop;
  453. sleft=document.body.scrollLeft;
  454. }
  455. else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
  456. sleft=document.documentElement.scrollLeft;
  457. sdown=document.documentElement.scrollTop;
  458. }
  459. else {
  460. sdown=0;
  461. sleft=0;
  462. }
  463. }
  464.  
  465. window.onresize=set_width;
  466. function set_width() {
  467. if (typeof(self.innerWidth)=="number") {
  468. swide=self.innerWidth;
  469. shigh=self.innerHeight;
  470. }
  471. else if (document.documentElement && document.documentElement.clientWidth) {
  472. swide=document.documentElement.clientWidth;
  473. shigh=document.documentElement.clientHeight;
  474. }
  475. else if (document.body.clientWidth) {
  476. swide=document.body.clientWidth;
  477. shigh=document.body.clientHeight;
  478. }
  479. }
  480.  
  481. function createDiv(height, width) {
  482. var div=document.createElement("div");
  483. div.style.position="absolute";
  484. div.style.height=height+"px";
  485. div.style.width=width+"px";
  486. div.style.overflow="hidden";
  487. div.style.backgroundColor=colour;
  488. return (div);
  489. }
  490. // ]]>
  491. </script>
  492. <body>
  493.  
  494. <script language=JavaScript>
  495. <!--
  496.  
  497. //Disable right click script III- By Renigade (renigade@mediaone.net)
  498. //For full source code, visit http://www.dynamicdrive.com
  499.  
  500. var message="";
  501. ///////////////////////////////////
  502. function clickIE() {if (document.all) {(message);return false;}}
  503. function clickNS(e) {if
  504. (document.layers||(document.getElementById&&!document.all)) {
  505. if (e.which==2||e.which==3) {(message);return false;}}}
  506. if (document.layers)
  507. {document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
  508. else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}
  509.  
  510. document.oncontextmenu=new Function("return false")
  511. // -->
  512. </script>
  513.  
  514. <BODY onselectstart=”return false;” ondragstart=”return false;”>
  515. </div>
  516.  
  517. <div id="main">
  518. <div id="top"><a href="#" id="title">疲れている。</a></div>
  519.  
  520.  
  521. <div id="side">
  522. <div id="icon"><a href="/"><img style="opacity:0.7"src="http://media.tumblr.com/2cc071a28d68f04135c8647ef5fbbb32/tumblr_inline_nh0si63KEW1qhqyii.png"></a></div>
  523. <div id="desc">kitana • 17yo • lots of cute stuff <br/> dedicated to the boys of iKON ♡
  524. <br>
  525. <div id="links">
  526. <a title="message"href="/ask">メッセージ</a>
  527. <a title="archive"href="/archive">アーカイブ</a>
  528. <a title="profile"href="/about">プロフィール</a>
  529. </div>
  530. </div>
  531. </div>
  532. </div>
  533.  
  534. <img style="position: fixed; z-index: 1000; left: 260px; top: 52px; height:40px; opacity:0.5 ;" src="http://media.tumblr.com/53e36cf29850297299109e45d9f5b4f9/tumblr_inline_nh0tsvbMzL1qhqyii.png">
  535.  
  536. <img style="position: fixed; z-index: 1000; left: 180px; top: 60px; height:100px; opacity:0.9 ;" src="http://media.tumblr.com/92300659b878125b689c5434af71e0e2/tumblr_inline_nh30c9WUy01qhqyii.png">
  537.  
  538. <img style="position: fixed; z-index: 1000; right: 145px; bottom: 160px; height:70px; opacity:0.9 ;" src="http://media.tumblr.com/f28e5e4e2a64916e65236d4d2f67f1fb/tumblr_inline_nhxu6m08C51qhqyii.png">
  539.  
  540.  
  541. <img style="position: fixed; z-index: 1000; right: 95px; bottom: 193px; height:25px; opacity:0.7 ;" src="http://media.tumblr.com/a81dc241692bb9a789bf766a097a5e2c/tumblr_inline_nh2mzrN4bz1qhqyii.png">
  542.  
  543.  
  544.  
  545. <div id="image"><img src="http://media.tumblr.com/3ddd9290ef40159c3a8f7f84f6fbd378/tumblr_inline_nh2mriXJpi1qhqyii.png"/></div>
  546.  
  547.  
  548.  
  549. <div id="content">
  550. {block:Posts}<article class="entry"><div class="post">
  551. {block:Answer}<!-- answer --><div class="ask"><div class="portrait" style="background-image:url({AskerPortraitURL-128});"></div><div class="question">{Asker}: {Question}</div></div><div class="answer body">{Answer}</div>{/block:Answer}{block:Audio}<!-- audio --><div class="audiowrap"><div class="albumart" style="background-image:url(); {block:AlbumArt}background-image:url({AlbumArtURL});{/block:AlbumArt}"></div><div class="audio">{block:AudioPlayer}<div class="player">{AudioPlayerBlack}</div>{/block:AudioPlayer}<div class="track">{block:TrackName}{TrackName}{/block:TrackName}{block:Artist} by {Artist}{/block:Artist}</div></div></div>{/block:Audio}{block:Chat}<!-- chat --> {block:Title}<h1>{Title}</h1>{/block:Title}<div class="chat body">{block:Lines}<div class="line">{block:Label}<span class="label">{Label}</span>{/block:Label}{Line}</div>{/block:Lines} </div>{/block:Chat}{block:Link}<!-- link --><h1><a href="{URL}">{Name}</a></h1>{block:Description}<div class="body">
  552. {description}
  553. </div>{/block:Description}{/block:Link}{block:Photo}<!-- photo --><div class="media">{LinkOpenTag}<img src="{PhotoURL-500}"/>{LinkCloseTag}</div>{/block:Photo}{block:Photoset}<!-- photoset --><div class="media">{block:ifOneColumn}{Photoset}{/block:ifOneColumn}{block:ifNotOneColumn}{Photoset-250}{/block:ifNotOneColumn}</div>{/block:Photoset}{block:Quote}<!-- quote --><div class="quote">{Quote}</div>{block:Source}<div class="source">{Source}</div>{/block:Source}{/block:Quote}{block:Text}<!-- text -->{block:Title}<h1>{Title}</h1>{/block:Title}<div class="body">{Body}</div>{/block:Text}{block:Video}<!-- video --><div class="media video">{Video-400}</div>{/block:Video}
  554. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  555. <!-- {block:ContentSource} {SourceURL} {/block:ContentSource} {block:RebloggedFrom} {ReblogRootURL} {ReblogParentURL} {/block:RebloggedFrom} -->
  556. </div>
  557. {block:Date}<div class="date"><span class="bg"><a href="{Permalink}" class="permalink">{ShortMonth} {DayOfMonth}</a>{block:IndexPage}<a href="{ReblogURL}" class="permalink">+</a>{/block:IndexPage}</span>{block:HasTags}<div class="tagged">{block:Tags}<a href="{TagURL}">{Tag}</a><i class="comma">,</i> {/block:Tags}</div>{/block:HasTags}</div>{/block:Date}
  558. </article>
  559. {block:PostNotes}<!-- post notes --><article class="entry"><div class="post n"><h1>{NoteCountWithLabel}</h1><div class="notes">{PostNotes}</div></div></article>{/block:PostNotes}
  560. {/block:Posts}
  561. </div>
  562. {block:Pagination}<div class="pagination">{block:JumpPagination length="5"}{block:CurrentPage}<span class="current">{PageNumber}</span>{/block:CurrentPage}{block:JumpPage}<a class="jump" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}{block:NextPage}<a href="{NextPage}" class="next" style="display:none"></a>{/block:NextPage}</div>{/block:Pagination}
  563. </div>
  564. <div id="menu"><div class="nest"><div class="cont">{block:Description}<div class="box"><h1>About</h1><div class="description">{Description}</div></div>{/block:Description}<div class="box"><h1>Links</h1><div class="links">{block:ifHomeLink}<a href="/">{text:home link}</a><br/>{/block:ifHomeLink}{block:ifArchiveLink}<a href="/archive">{text:archive link}</a><br/>{/block:ifArchiveLink}{block:ifAskLink}<a href="/ask">{text:ask link}</a><br/>{/block:ifAskLink}{block:ifLink1}<a href="{text:link 1 url}">{text:link 1}</a><br/>{/block:ifLink1}{block:ifLink2}<a href="{text:link 2 url}">{text:link 2}</a><br/>{/block:ifLink2}{block:ifLink3}<a href="{text:link 3 url}">{text:link 3}</a><br/>{/block:ifLink3}{block:ifLink4}<a href="{text:link 4 url}">{text:link 4}</a><br/>{/block:ifLink4}{block:ifLink5}<a href="{text:link 5 url}">{text:link 5}</a><br/>{/block:ifLink5}{block:ifLink6}<a href="{text:link 6 url}">{text:link 6}</a><br/>{/block:ifLink6}<a href="http://selkas.tumblr.com">theme</a></div></div></div></div><div class="exit"></div></div>
  565. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script><script>$(function(){$('#title').bind('click',function(){$('body').toggleClass('open');return false;});$('.exit').bind('click',function(){$('body').toggleClass('open');return false;});});</script>{block:ifNotOneColumn}{block:IndexPage}<script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script><script>$(function(){ var $container = $('#content'); $container.imagesLoaded(function(){ $container.masonry({ itemSelector: '.entry', },function(){ $( layoutItems ).css("z-index","1"); }); }); });</script>{/block:IndexPage}{/block:ifNotOneColumn}
  566. </body>
  567. </html>
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!