API tools faq
paste
BabeJeSuisParfait

personalblog50(h4te)

BabeJeSuisParfait
Apr 29th, 2012
46
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 20.65 KB | None | 0 0
raw download clone embed print report
  1. <html lang="en">
  2. <head>
  3.  
  4. <!--
  5. Theme by h4te
  6. http://h4te.tumblr.com
  7. Please don't remove the credit.
  8. -->
  9.  
  10. <title>{title}</title>
  11.  
  12.  
  13. <script type="text/javascript"
  14.  
  15. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  16.  
  17.  
  18. <script type="text/javascript"
  19.  
  20. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  21. <script>
  22. $(document).ready(function() {
  23. //When you click on a link with class of poplight and the href starts with a #
  24. $('a.poplight[href^=#]').click(function() {
  25. var popID = $(this).attr('rel'); //Get Popup Name
  26. var popURL = $(this).attr('href'); //Get Popup href to define size
  27.  
  28. //Pull Query & Variables from href URL
  29. var query= popURL.split('?');
  30. var dim= query[1].split('&');
  31. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  32.  
  33. //Fade in the Popup and add close button
  34. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="http://media.tumblr.com/tumblr_lprqb3zExH1qcn2vb.png" class="btn_close" title="Close Window" alt="Close" /></a>');
  35.  
  36. //Define margin for center alignment (vertical horizontal) - we add 80px to the height/width to accomodate for the padding and border width defined in the css
  37. var popMargTop = ($('#' + popID).height() + 80) / 2;
  38. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  39.  
  40. //Apply Margin to Popup
  41. $('#' + popID).css({
  42. 'margin-top' : -popMargTop,
  43. 'margin-left' : -popMargLeft
  44. });
  45.  
  46. //Fade in Background
  47. $('body').append('<div id="fade"></div>'); //Add the fade layer to bottom of the body tag.
  48. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'}) is used to fix the IE Bug on fading transparencies
  49.  
  50. return false;
  51. });
  52.  
  53. //Close Popups and Fade Layer
  54. $('a.close, #fade').live('click', function() { //When clicking on the close or fade layer...
  55. $('#fade , .popup_block').fadeOut(function() {
  56. $('#fade, a.close').remove(); //fade them both out
  57. });
  58. return false;
  59. });
  60. });
  61. </script>
  62.  
  63.  
  64. <meta name="color:Background" content="#B6A4D4"/>
  65. <meta name="color:Text" content="#000"/>
  66. <meta name="color:Title" content="#000"/>
  67. <meta name="color:Box" content="#fff"/>
  68. <meta name="color:Link" content="#000"/>
  69. <meta name="color:Hover" content="#000"/>
  70. <meta name="image:Background" content=""/>
  71. <meta name="image:Sidebar" content=""/>
  72. <meta name="if:Show Photo" content="0"/>
  73. <meta name="if:Show Title" content="0"/>
  74. <meta name="if:Show Note Count" content="1"/>
  75. <meta name="if:Show Captions" content="1"/>
  76. <meta name="if:Show Notes" content="1"/>
  77. <meta name="font:Title" content="Helvetica"/>
  78. <meta name="font:Blog Title" content="courier new"/>
  79. <meta name="font:Body" content="Helvetica"/>
  80. <meta name="text:Title font size" content="14px"/>
  81. <meta name="if:Endless Scroll" content="1"/>
  82. <meta name="if:Tiny Cursor" content="0"/>
  83. <meta name="if:Scroll To Top One" content="0"/>
  84. <meta name="if:Scroll To Top Two" content="0"/>
  85. <meta name="if:Shadow Links" content="0"/>
  86. <meta name="if:Sidebar Shadow" content="0"/>
  87. <meta name="if:Sidebar Rounded" content="0"/>
  88. <meta name="if:Posts Shadow" content="0"/>
  89. <meta name="if:Posts Rounded" content="0"/>
  90. <meta name="if:Dotted Border Sidebar" content="0"/>
  91. <meta name="if:Solid Border Sidebar" content="0"/>
  92. <meta name="if:Dotted Border Posts" content="0"/>
  93. <meta name="if:Solid Border Posts" content="0"/>
  94. <meta name="if:Ask Link" content="0"/>
  95. <meta name="if:Archive Link" content="0"/>
  96. <meta name="text:Link One" content="" />
  97. <meta name="text:Link One Title" content="" />
  98. <meta name="text:Link Two" content="" />
  99. <meta name="text:Link Two Title" content="" />
  100. <meta name="text:Link Three" content="" />
  101. <meta name="text:Link Three Title" content="" />
  102. <meta name="text:Link Four" content="" />
  103. <meta name="text:link Four Title" content="" />
  104. <meta name="text:link Five" content="" />
  105. <meta name="text:link Five Title" content="" />
  106.  
  107.  
  108. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  109. <script src="http://static.tumblr.com/me5sfsd/1YFl414t0/jquery142.js"></script>
  110.  
  111. {block:ifdisable}<script type="text/javascript" src="http://static.tumblr.com/is5f0mm/bW6lrpwtp/disable_right_click.txt"></script>{/block:ifdisable}
  112.  
  113. {block:ifscrolltotopone}<script type="text/javascript" src="http://static.tumblr.com/ubmlcww/vRrls53pk/scroll_to_top.txt"></script>{/block:ifscrolltotopone}
  114.  
  115. {block:ifscrolltotoptwo}
  116. <script type="text/javascript" src="http://static.tumblr.com/ubmlcww/kzXlsuqyl/scroll_to_top_2.txt"></script>
  117. {/block:ifscrolltotoptwo}
  118.  
  119.  
  120. <style type="text/css">
  121.  
  122. {block:iftinycursor}
  123. body, a, a:hover {cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), progress;}
  124. {/block:iftinycursor}
  125.  
  126. {block:ifrainbowlinks}<script src="http://static.tumblr.com/is5f0mm/0cxlrpwye/rainbow_links.txt" type="text/javascript"></script>{/block:ifrainbowlinks}
  127.  
  128. body{
  129. margin:0px;
  130. background-color: {color:Background};
  131. background-image:url({image:Background});
  132. background-attachment: fixed;
  133. background-repeat: repeat;
  134. font-family: cambria;
  135. font-size: 10px;
  136. line-height:10px;
  137. letter-spacing:0px;
  138. color:{color:Text};
  139. margin-top:5px;
  140. margin-left:0px;
  141. overflow: -moz-scrollbars-vertical;
  142. overflow-x: hidden;
  143. overflow-y: scroll;
  144. }
  145.  
  146. a:link, a:active, a:visited
  147. { color: {color:Link};
  148. text-decoration: none;
  149. -webkit-transition:
  150. color .0s ease-out;
  151. -moz-transition: color 0.2s ease-out;
  152. transition: color .0s ease-out;}
  153.  
  154. a:hover{
  155. color:{color:Hover};
  156. text-decoration: none;
  157. }
  158.  
  159. #base{width:300px; height:auto;}
  160. }
  161.  
  162. #picture{
  163. padding-top:3px;
  164. padding-bottom:3px;
  165. position:fixed !important;
  166. width:246px;
  167. height:207px;
  168. background-color:{color:box};
  169. left:4%;
  170. margin-top:0px;
  171. padding-left:3px;
  172. padding-right:3px;
  173. padding-bottom:2px;
  174. -moz-border-radius: 5px;
  175. border-radius: 5px;
  176. }
  177.  
  178. #side{
  179. margin-top:250px;
  180. padding:2px;
  181. {block:ifnotinfinitescroll}padding-bottom: 8px;{block:ifnotinfinitescroll}
  182. position:fixed !important;
  183. width:150px;
  184. margin-left: 30px;
  185. {block:ifsidebarshadow}box-shadow: 0px 5px 15px rgba(0,0,0,0.6);{/block:ifsidebarshadow}
  186. {block:ifsidebarrounded}-moz-border-radius: 5px;
  187. border-radius: 5px;{/block:ifsidebarrounded}
  188. background-color:{color:box};
  189. {block:ifsolidbordersidebar}border: 1px solid black;{/block:ifsolidbordersidebar}
  190. {block:ifdottedbordersidebar}border: 1px dotted black;{/block:ifdottedbordersidebar}
  191. }
  192.  
  193. iframe {
  194. position: fixed
  195. top: yy%;
  196. left: xx%;
  197. }
  198.  
  199. #center{
  200. margin:auto;
  201. position:relative;
  202. width:1180px;
  203. overflow:auto;
  204. overflow-y:hidden;
  205. }
  206.  
  207. #posts{
  208. padding-top:5px;
  209. padding-bottom: 5px;
  210. float:right;
  211. width:630px;
  212. margin-right:25%}
  213.  
  214. #entry{
  215. float: left;
  216. width: 300px;
  217. height: auto;
  218. padding: 0px;
  219. {block:ifnotpostsshadow}padding-left: 2px;
  220. padding-right: 2px;
  221. padding-bottom:0px;
  222. padding-top:2px;{/block:ifnotpostsshadow}
  223. line-height:10px;
  224. background-color:{color:box};
  225. margin-right:0px;
  226. overflow:hidden;
  227. box-shadow: 0px 3px 8px #fff(0,0,0,0.0);
  228. {block:ifpostsshadow}box-shadow: 0px 3px 8px rgba(0,0,0,0.0);{block:ifpostsshadow}
  229. {block:ifpostsRounded}-moz-border-radius:3px; border-radius:3px;{/block:ifpostsRounded}
  230. {block:ifpostsshadow}margin-bottom:0px; {/block:ifpostsshadow}
  231. {block:ifnotpostsshadow}margin-bottom: 0px;{/block:ifnotpostsshadow}
  232. {block:ifpostsshadow}margin-top:0px;{/block:ifpostsshadow}
  233. {block:ifnotpostsshadow}margin-top:0px;{/block:ifnotpostsshadow}
  234. {block:ifsolidborderposts}border: 1px solid black;{/block:ifsolidborderposts}
  235. {block:ifdottedborderposts}border: 1px dotted black;{/block:ifdottedborderposts}
  236. }
  237.  
  238. #entry .perma a{
  239. color: #000 }
  240.  
  241. {block:indexpage}#entry .permalink{
  242. position:absolute;
  243. margin-top:0px;
  244. margin-left:145px;
  245. width:auto;
  246. height:11px;
  247. padding:5px;
  248. background-color:#ffffff;
  249. text-transform: uppercase;
  250. overflow:hidden;
  251. font-family: {font:text font};
  252. font-size: 11px;
  253. line-height:11px;
  254. text-align:center;
  255. opacity:0.0;
  256. -webkit-transition: all 0.3s linear;
  257. -webkit-transition: all 0.3s linear;
  258. -moz-transition: all 0.3s linear;
  259. transition: all 0.3s linear;{/block:indexpage}
  260. }
  261.  
  262. {block:indexpage}#entry:hover .permalink{
  263. margin-top:10px;
  264. overflow:visible;
  265. -webkit-transition: all 0.3s linear; opacity: 0.7;
  266. -webkit-transition: all 0.3s linear;
  267. -moz-transition: all 0.3s linear;
  268. transition: all 0.3s linear;{/block:indexkpage}
  269. }
  270.  
  271. {block:indexpage}#entry .reblog{
  272. position:absolute;
  273. margin-top: 0px;
  274. margin-left:85px;
  275. width:auto;
  276. height:auto;
  277. text-transform: uppercase;
  278. background-color:#ffffff;
  279. padding:5px;
  280. overflow:hidden;
  281. font-family: arial;
  282. font-size: 11px;
  283. line-height:11px;
  284. text-align:center;
  285. opacity:0.0;
  286. -webkit-transition: all 0.3s linear;
  287. -webkit-transition: all 0.3s linear;
  288. -moz-transition: all 0.3s linear;
  289. transition: all 0.3s linear;{/block:indexpage}
  290. }
  291.  
  292. {block:indexpage}#entry:hover .reblog{
  293. margin-top: 10px;
  294. overflow:visible;
  295. -webkit-transition: all 0.3s linear; opacity: 0.7;
  296. -webkit-transition: all 0.3s linear;
  297. -moz-transition: all 0.3s linear;
  298. transition: all 0.3s linear;{/block:indexpage}
  299. }
  300.  
  301.  
  302. #pagination{
  303. font-size: 10px;}
  304.  
  305. #permapage{
  306. padding-top:2px;
  307. font-family: century gothic;
  308. font-size: 11px;
  309. line-height: 11px;
  310. text-align: center;
  311. padding-bottom: 0px;
  312. z-index:100;}
  313.  
  314. #notes{
  315. {block:permalinkpage}
  316. background-color: {color:box};
  317. display:block;
  318. width:300px;
  319. list-style:none;
  320. float: left;
  321. padding:2px;
  322. overflow:hidden;
  323. z-index:1;
  324. margin-top: 0px;
  325. text-align: left;{/block:permalinkpage}
  326. }
  327.  
  328. ol.notes img.avatar { display: true; padding:2px 0 0 2px; border:0px;}
  329.  
  330. .title{
  331. font-family: {font:Title};
  332. font-size: {text:Title font size};
  333. line-height: 14px;
  334. color: {color:Title};
  335. font-weight: normal;
  336. }
  337.  
  338. .blogtitle{
  339. {block:ifnotshowphoto}padding-bottom: 10px;{/block:ifnotshowphoto}
  340. {block:ifshowphoto}padding-bottom:5px;{/block:ifshowphoto}
  341. font-family:georgia;
  342. text-align:center;
  343. color: {color:title};
  344. line-height:18px;
  345. font-size:18px;
  346. }
  347.  
  348. .video embed, .post div.video object {
  349. width:300px !important;
  350. height:auto !important;
  351. }
  352.  
  353. blockquote{
  354. padding:0px 0px 2px 3px;
  355. margin:0px 0px 2px 1px;
  356. border-left: 1px dashed {color:Text};
  357. }
  358.  
  359. a img{border: 0px;}
  360.  
  361. ul, ol, li{list-style:none; margin:0px; padding:0px;}
  362.  
  363. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  364. .user_7 .label, .user_8 .label, .user_9 .label {color:#555;}
  365.  
  366. .notes img{width:10px; position:relative; top:3px;}
  367.  
  368. .permalink{
  369. display: block;
  370. font-size: 10px;
  371. text-align: right;
  372. text-decoration: none;
  373. }
  374.  
  375. a.links {
  376. font-family: Arial;
  377. font-size: 10px;
  378. line-height: 10px;
  379. text-transform: normal;
  380. letter-spacing:0px;
  381. display:block;
  382. padding: 0px;
  383. margin-bottom: 0px;
  384. -moz-border-radius:0px; border-radius:0px;
  385. }
  386. a.links:hover {
  387. font-style: italic;
  388. text-decoration: underline;
  389. letter-spacing:10px;
  390.  
  391. }
  392.  
  393. .pft{font-family: Arial; font-size: 10px; text-align: center;}
  394.  
  395. div.permalinkphoto{
  396. text-align:center;
  397. background:#7E7E7E;
  398. letter-spacing:0px;
  399. padding:4px;
  400. padding-top:2px;
  401. margin-top: 2px;
  402. }
  403.  
  404. div.permatext{
  405. font-size:8px;
  406. color:#FFF;
  407. font-style:normal;
  408. display:block;
  409. width: 146px;
  410. margin-left: -157px;
  411. position: absolute;
  412. text-align: right;
  413. }
  414.  
  415. ptextcolor {
  416. font-family: cambria !important;
  417. font-size: 8px !important;
  418. text-transform:uppercase;
  419. color:#FFF;
  420. }
  421.  
  422. .nation{
  423. margin-top: 1px;
  424. text-align: center;
  425. font-family: georgia;
  426. }
  427.  
  428. small{font-size: 90%;}
  429.  
  430.  
  431. </style>
  432. <link rel="shortcut icon" href="{Favicon}">
  433. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  434. <meta name="viewport" content="width=820" />
  435. {block:ifEndlessScroll}
  436. <script type="text/javascript" src="http://static.tumblr.com/53unaru/kx3lgzker/jquery-1.3.2.min.js" charset="utf-8"></script>
  437. <script type="text/javascript" src="http://static.tumblr.com/53unaru/4jtlgzkf8/easing.js"></script>
  438. <script type="text/javascript" src="http://static.tumblr.com/53unaru/y8wlgzkbt/jquery.ui.totop.js"></script>
  439. <script type="text/javascript">
  440. $(document).ready(function() {
  441. /*
  442. var defaults = {
  443. containerID: 'moccaUItoTop', // fading element id
  444. containerHoverClass: 'moccaUIhover', // fading element hover class
  445. scrollSpeed: 1200,
  446. easingType: 'linear'
  447. };
  448. */
  449. $().UItoTop({ easingType: 'easeOutQuart' });
  450. });
  451. </script>
  452. {/block:ifEndlessSCroll}
  453.  
  454. </head>
  455.  
  456. <body>
  457.  
  458. <div id="picture">
  459. <div id="center">
  460. <div id="side">
  461.  
  462. <center>
  463. {block:ifShowTitle}
  464. <span style="position: relative; top: 1px z-index:1000;">
  465. <div class="blogtitle"><a href="/">{Title}</a></div>
  466. </span>
  467. {/block:ifShowTitle}
  468.  
  469. {block:ifShowPhoto}
  470. <div style="padding-top:0px; padding-bottom:5px;">
  471. <div align="center">
  472. <a href="/">
  473. <span style="position: relative;">
  474. <img src="{image:sidebar}" WIDTH=150 style=" opacity:0.98;filter:alpha(opacity=98)" border="0" /></span></div>
  475. </div>
  476. </a>
  477. {/block:ifShowPhoto}
  478. <center>
  479. {description}
  480. <p>
  481. {block:ifLinkOneTitle}
  482. {block:ifdescription}<BR>
  483. <BR>
  484. <BR>
  485. <BR>{/block:ifdescription}
  486. <a href="{text:Link One}" class="link">{text:Link One Title}</a>&nbsp;
  487. {/block:ifLinkOneTitle}
  488. {block:ifLinkTwoTitle}
  489. <a href="{text:Link Two}" class="link">{text:Link Two Title}</a>&nbsp;
  490. {/block:ifLinkTwoTitle}
  491. {block:ifLinkThreeTitle}
  492. <a href="{text:Link Three}" class="link">{text:Link Three Title}</a>&nbsp;
  493. {/block:ifLinkThreeTitle}
  494. {block:ifLinkFourTitle}
  495. <a href="{text:Link Four}" class="link">{text:Link Four Title}</a>&nbsp;
  496. {/block:ifLinkFourTitle}
  497. {block:ifLinkFiveTitle}
  498. <a href="{text:Link Five}" class="link">{text:Link Five Title}</a>&nbsp;
  499. {/block:ifLinkFiveTitle}
  500.  
  501. {block:ifnotlinkonetitle}{block:ifdescription}<BR><BR><BR><BR>{block:ifdescription}{/block:ifnotlinkonetitle}{block:ifasklink}<a href="/ask">message</a>&nbsp;{/block:ifasklink}
  502.  
  503. {block:ifarchivelink}<a href="/archive">archive</a>&nbsp;{/block:ifarchivelink}
  504.  
  505. <script src='http://static.tumblr.com/ubmlcww/aXpls2t3m/posts.txt
  506. ' type='text/javascript'></script>
  507.  
  508. </center>
  509.  
  510. {block:ifnotEndlessScroll}<center>{block:Pagination}
  511. <BR>
  512. {block:PreviousPage}<a href="{PreviousPage}"><font size="4"><b>←</b></font></a>{/block:PreviousPage}
  513. {block:NextPage}<a href="{NextPage}"><font size="4"><b>→</b></font></a>{/block:NextPage}
  514. {/block:Pagination}{/block:ifnotEndlessScroll}</div>
  515.  
  516.  
  517.  
  518. </center>
  519.  
  520. {block:ifshadowlinks}<style type="text/css">a:hover {
  521.  
  522. color:{color:Text};
  523.  
  524. text-decoration: none;
  525.  
  526. font-style: none;
  527.  
  528. text-shadow:0px 0px 5px #02305A;}</style>{/block:ifshadowlinks}
  529.  
  530. <div id="pagination">
  531. <div align="center">
  532. <div id="posts">
  533.  
  534. {block:Posts}
  535. <div id="entry">
  536.  
  537. {block:Photo}
  538. {block:IndexPage}
  539. <div id="base">
  540. <div class="permalink">
  541. <a href="{permalink}">{NoteCountWithLabel}</a></div>
  542. <div class="reblog">
  543. <a href="{ReblogURL}">Reblog</a></div>
  544. <img src="{PhotoURL-500}" alt="{PhotoAlt}" width=300px / border="0"></div>
  545. </a>
  546. {/block:IndexPage}
  547. {block:PermalinkPage}
  548. {LinkOpenTag}<center><img src="{PhotoURL-400}" alt="{PhotoAlt}"width=300px/ border="0"></center>
  549. {/block:PermalinkPage}
  550. {/block:Photo}
  551.  
  552. {block:Photoset}
  553. {Block:ifPosthover}<a href="{ReblogUrl}"><Span class="permalinkdate"></span></a>{/Block:ifPosthover}<a href="{permalink}">
  554. {Photoset-500}</a>
  555.  
  556. {/block:Photoset}
  557.  
  558. {block:Text}<div style="padding-left: 4px; padding-right: 4px; "></div>
  559. {block:indexpage}
  560. <span class="permalinktext"><a href="{permalink}"></span><div style="padding: 2px;"></div>
  561. {/block:indexpage}
  562. {block:Title}
  563. <div style="padding-left: 4px; padding-right: 4px; padding-bottom: 2px; ">
  564. <span class="title">{Title}</span></div>
  565. {/block:Title}
  566. <div style="padding-left: 4px; padding-right: 4px; ">
  567. <span class="entrytext">{Body}</span></div>
  568. <a href="{Permalink}"></a>
  569. {/block:Text}
  570.  
  571. {block:Link}<div style="padding-top:5px; padding-bottom:0px; ">
  572. <a href="{permalink}">
  573. <font size="3">
  574. <a href="{URL}">{Name} </a></font></div>
  575. {block:Description}{Description}{/block:Description}
  576. {block:ifShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:ifShowCaptions}<div style="padding-top:0px; padding-bottom:3px;"><a href="{Permalink}"></div>
  577. {/block:Link}
  578.  
  579.  
  580. {block:Quote}<a href="{Permalink}">
  581. <div style="padding:2px;"></div>
  582. <span class="title">{Quote}</span>
  583. {block:Source}
  584. {Source}
  585. <div style="padding:2px;"></div>
  586. {/block:Source}
  587. </a>
  588. {/block:Quote}
  589.  
  590. {block:Chat}
  591. <span class="permalinktext"><a href="{permalink}"></span><div style="padding:3px;"></div>
  592. {block:Title}<span class="title">{Title}</span>{/block:Title}
  593. <ul class="chat">
  594. {block:Lines}
  595. <li class="user_{UserNumber}">
  596. {block:Label}
  597. <span class="label">{Label}</span>
  598. {/block:Label}
  599.  
  600. {Line}
  601. </li>
  602. {/block:Lines}
  603. </ul>
  604. {block:ifShowCaptions}
  605. {block:Caption}{Caption}{/block:Caption}
  606. {/block:ifShowCaptions}
  607. <a href="{Permalink}"></a>
  608. <div style="padding:3px;"></div>
  609. {/block:Chat}
  610.  
  611. {block:Audio}
  612. <span class="permalinktext">
  613. <a href="{permalink}">
  614. </span>
  615. <div style="width:300px; height:8px;">
  616. <div style="float:left">
  617. {AudioPlayerGrey}
  618. </div>
  619. <div style="margin-top:8px; float:left; padding-left: 6px; padding-bottom:5px;">
  620. <small>
  621. {FormattedPlayCount} plays {block:ExternalAudio} // <a href="{ExternalAudioURL}">Download?</a>{/block:ExternalAudio}
  622. </small>
  623. </div>
  624. </div>
  625.  
  626. {/block:Audio}
  627.  
  628. {block:Video}
  629. {block:IndexPage}
  630. <div id="base">
  631. <div class="permalink">
  632. <a href="{permalink}">{NoteCountWithLabel}</a></div></div>
  633. <div class="reblog">
  634. <a href="{ReblogURL}">Reblog</a></div>{/block:IndexPage}
  635. {Video-250}
  636. {block:ifShowCaptions}
  637. {block:Caption}{Caption}{/block:Caption}
  638. {/block:ifShowCaptions}
  639. <span class="permalink">
  640. <div style="padding-top:0px; padding-bottom:3px;">
  641. <a href="{Permalink}"></a></div>
  642. </span>
  643. {/block:Video}
  644.  
  645. {block:PermalinkPage}
  646. <div id="permapage">
  647.  
  648. {block:ifshownotecount}{block:NoteCount}{notecountwithlabel}{/block:NoteCount}
  649. <br>{/block:ifshownotecount}
  650. {block:ifshowcaptions}{block:RebloggedFrom}
  651. Reblogged from
  652. <a href="{ReblogParentURL}">{ReblogParentName}</a>
  653. <br>
  654. Posted by
  655. <a href="{ReblogRootURL}">{ReblogRootName}</a>
  656. {/block:RebloggedFrom}{/block:ifshowcaptions}
  657. <div align="left">
  658.  
  659. {block:ifshownotes}{block:PostNotes}
  660. <BR>
  661. <BR>{PostNotes}
  662. {/block:PostNotes}{/block:ifshownotes}
  663. </div>
  664. </div>
  665.  
  666. </center>
  667. </div>
  668. {/block:PermalinkPage}
  669. </div>
  670.  
  671.  
  672. {/block:Posts}
  673.  
  674.  
  675. </div>
  676. </div>
  677. </div>
  678. </div>
  679. </center>
  680. </div>
  681.  
  682.  
  683. {block:indexpage}
  684.  
  685. {block:NextPage}<div id="page-nav"><a href="{NextPage}"></a></div>{/block:NextPage}
  686.  
  687.  
  688.  
  689. <script src='http://code.jquery.com/jquery-1.4.2.min.js' type='text/javascript'></script>
  690.  
  691. <script src='http://static.tumblr.com/1s4z8hu/UTBlo4136/jquery.masonry.min.js' type='text/javascript'></script>
  692. <script type="text/javascript" src="http://static.tumblr.com/jnmer2r/WKhljk73d/jquery.infinitescroll.min.js"></script>
  693.  
  694. <script>
  695. jQuery(window).load(function(){
  696. var $wall = $('#posts');
  697. $wall.imagesLoaded(function(){
  698. $wall.masonry({
  699. singleMode: true,
  700. animate: false,
  701. resizeable: false,
  702. columnWidth: 303,
  703. itemSelector: '#entry'
  704. });
  705. });
  706. $wall.infinitescroll({
  707. navSelector : '#page-nav',
  708. nextSelector : '#page-nav a',
  709. itemSelector : '#entry',
  710. bufferPx : 10000,
  711. extraScrollPx: 11000,
  712. loadingImg : '',
  713. donetext : ''
  714. },
  715.  
  716. function( newElements ){
  717. $(newElements).hide();
  718. setTimeout(function(){
  719. $wall.masonry({ appendedContent: $(newElements) });
  720. },2000);
  721. setTimeout(function(){
  722. $(newElements).fadeIn('slow');
  723. },2100);
  724. },1000);
  725. });
  726. </script>
  727.  
  728.  
  729.  
  730. <script>
  731. $.fn.imagesLoaded = function(callback){
  732. var elems = this.find('img'),
  733. len = elems.length,
  734. _this = this;
  735. if ( !elems.length ) {
  736. callback.call( this );}
  737. elems.bind('load',function(){
  738. if (--len <= 0){
  739. callback.call( _this );}
  740. }).each(function(){
  741. // cached images don't fire load sometimes, so we reset src.
  742. if (this.complete || this.complete === undefined){
  743. var src = this.src;
  744. // webkit hack from http://groups.google.com/group/jquery-dev/browse_thread/thread/eee6ab7b2da50e1f
  745. // data uri bypasses webkit log warning (thx doug jones)
  746. this.src = "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw==";
  747. this.src = src;}
  748. });
  749. return this;};
  750. </script>
  751.  
  752.  
  753. {/block:indexpage}
  754.  
  755. <!--
  756. Theme by h4te
  757. http://h4te.tumblr.com
  758. Please don't remove the credit.
  759. -->
  760.  
  761. </body>
  762. </center></div>
  763. </div></div></div></div></div></div></div></div></div></div>
  764. </html>
Add Comment
Please, Sign In to add comment
Public Pastes
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!