API tools faq
paste
BabeJeSuisParfait

personalblog44(hiddenthemes)

BabeJeSuisParfait
Apr 29th, 2012
29
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.50 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. theme 6 by n0ds
  3. do nor remove the credit, at least put it in your faq xoxo
  4. -->
  5.  
  6. <!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  7. <html xmlns="http://www.w3.org/1999/xhtml">
  8. <head>
  9.  
  10. <link href='http://fonts.googleapis.com/css?family=Amatic+SC' rel='stylesheet' type='text/css'>
  11.  
  12. <link href='http://fonts.googleapis.com/css?family=Short+Stack' rel='stylesheet' type='text/css'>
  13.  
  14. <script type="text/javascript">
  15. // <![CDATA[
  16. var bgcolour="#ffffff"; // background colour
  17. var fgcolour="#69add0"; // foreground colour
  18. var speed=50; // speed of bubbling, lower is faster
  19. var shades=20; // number of shades of bubble
  20.  
  21.  
  22.  
  23.  
  24. /****************************
  25. * Bubbling Text Effect *
  26. *(c) 2003-6 mf2fm web-design*
  27. * http://www.mf2fm.com/rv *
  28. * DON'T EDIT BELOW THIS BOX *
  29. ****************************/
  30. var bubbcol=new Array();
  31. var bubbler, bubbtxt;
  32. var bubbchr=new Array();
  33. window.onload=function() { if (document.getElementById) {
  34. for (bubbler=0; bubbler<=shades; bubbler++) {
  35. bubbtxt="#";
  36. for (var i=1; i<6; i+=2) {
  37. var bg=parseInt(bgcolour.substring(i,i+2),16);
  38. bubbtxt+=dechex(Math.floor(bg+(parseInt(fgcolour.substring(i,i+2),16)-bg)*(bubbler/shades)));
  39. }
  40. bubbcol[bubbler+1]=bubbtxt;
  41. }
  42. bubbler=document.getElementById("bubble");
  43. bubbtxt=bubbler.firstChild.nodeValue;
  44. while (bubbler.childNodes.length) bubbler.removeChild(bubbler.childNodes[0]);
  45. for (var i=0; i<bubbtxt.length; i++) {
  46. var bubbi=document.createElement("span");
  47. bubbi.setAttribute("id", "bubb"+i);
  48. bubbi.appendChild(document.createTextNode(bubbtxt.charAt(i)));
  49. bubbler.appendChild(bubbi);
  50. }
  51. bubbler=setInterval ("bubbling()", speed);
  52. }}
  53.  
  54.  
  55.  
  56.  
  57. function dechex(dec) {
  58. var hex=dec.toString(16);
  59. if (dec<16) return "0"+hex;
  60. else return hex;
  61. }
  62.  
  63.  
  64.  
  65.  
  66. function bubbling() {
  67. for (var i=0; i<bubbtxt.length; i++) {
  68. var bubbme=document.getElementById("bubb"+i);
  69. if (bubbchr[i]) {
  70. bubbme.style.color=bubbcol[bubbchr[i]];
  71. bubbchr[i]=(bubbchr[i]+1)%bubbcol.length;
  72. }
  73. else if (Math.random()<0.75/bubbchr.length) bubbchr[i]=1;
  74. }
  75. }
  76. // ]]>
  77. </script>
  78.  
  79.  
  80. <script type="text/javascript"
  81. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  82.  
  83. <meta name="color:Background" content="#EEEEEE"/>
  84. <meta name="color:Text" content="#130C11"/>
  85. <meta name="color:Hover" content="#130C11"/>
  86. <meta name="color:Link" content="#000000"/>
  87. <meta name="color:Scrollbar" content="#130C11"/>
  88.  
  89. <meta name="image:sidebar" content="1"/>
  90. <meta name="image:Background" content="1"/>
  91. <meta name="if:show photo" content="0"/>
  92. <meta name="if:Show Blog Title" content=""/>
  93. <meta name="if:no right click" content="1"/>
  94. <meta name="if:tiny scrollbar" content="1"/>
  95. <meta name="if:link 1" content="0"/>
  96. <meta name="if:link 2" content="0"/>
  97. <meta name="if:link 3" content="0"/>
  98. <meta name="if:link 4" content="0"/>
  99. <meta name="if:link 5" content="0"/>
  100.  
  101. <meta name="text:Link One" content="" />
  102. <meta name="text:Link One Title" content="" />
  103. <meta name="text:Link Two" content="" />
  104. <meta name="text:Link Two Title" content="" />
  105. <meta name="text:Link Three" content="" />
  106. <meta name="text:Link Three Title" content="" />
  107. <meta name="text:Link Four" content="" />
  108. <meta name="text:Link Four Title" content="" />
  109.  
  110.  
  111. <style type="text/css">
  112.  
  113. @font-face {
  114. font-family: "kg luck of the irish";
  115. src: url('http://static.tumblr.com/nsunyax/RJSlz7y7g/kgluckoftheirish.ttf');
  116. }
  117.  
  118. {block:iftinyscrollbar}::-webkit-scrollbar {width: 6px; height: 4px; background: {color:Background}; }
  119.  
  120. ::-webkit-scrollbar-thumb { background-color: {color:scrollbar};}{/block:iftinyscrollbar}
  121.  
  122. <title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title>{block:Description}<meta name=”description” content=”{MetaDescription}” />{/block:Description}
  123. {block:ifinfinitescrolling}<script type=”text/javascript” src=”http://codysherman.com/tools/infinite-scrolling/code”></script>{/block:ifinfinitescrolling}
  124. <script type=”text/javascript”>
  125. //
  126. function desabilitaMenu(e)
  127. {
  128. if (window.Event)
  129. {
  130. if (e.which == 2 || e.which == 3)
  131. return false;
  132. }
  133. else
  134. {
  135. event.cancelBubble = true
  136. event.returnValue = false;
  137. return false;
  138. }
  139. }
  140. document.oncontextmenu = desabilitaMenu;
  141. document.onmousedown = desabilitaBotaoDireito;
  142. document.onmouseup = desabilitaBotaoDireito;
  143. </script>
  144. {/block:Ifnorightclick}
  145.  
  146.  
  147. #tumblr_controls{
  148. position:fixed !important;
  149. }
  150.  
  151. .wrapper{
  152. margin: 0px auto;
  153. width: 802px;
  154. }
  155.  
  156. .header{
  157. float: left;
  158. width: 100%;
  159. }
  160.  
  161. .left{
  162. float: left;
  163. margin-right: 20px;
  164. width: 802px;
  165. }
  166.  
  167. .right{
  168. float: right;
  169. width: 200px;
  170. background-color: {color:Background};
  171. }
  172.  
  173. body {
  174. padding: 0px;
  175. margin: 0px;
  176. color:{color:text};
  177. font-family: Short Stack;
  178. font-size: 11px;
  179. background-color: {color:Background};
  180. background-image:url({image:Background});
  181. background-attachment: fixed;
  182. background-repeat: repeat;
  183. }
  184.  
  185. a:link, a:active, a:visited{
  186. color: {color:Link};
  187. text-decoration: none;
  188. -webkit-transition: color 0.4s ease-out;
  189. -moz-transition: color 0.4s ease-out;
  190. }
  191.  
  192. a:hover{
  193. color:{color:Hover};
  194. -webkit-transition: color 0.4s ease-out;
  195. -moz-transition: color 0.4s ease-out;
  196. text-shadow:0px 0px 1px #696969;
  197. }
  198.  
  199. .entry {
  200. margin:2px;
  201. padding: 1px;
  202. float:left;
  203. background-color: white;
  204. font-family: Short Stack;
  205. font-size: 11px;
  206. line-height:10px;
  207. {block:IndexPage}
  208. width:340px;
  209. {/block:IndexPage}
  210. {block:PermalinkPage}
  211. width:550px;
  212. margin-left: 358px;
  213. {/block:PermalinkPage}
  214. }
  215.  
  216.  
  217. .entry #permalink {
  218. position: absolute;
  219. margin-top: 9px;
  220. margin-left: 500px;
  221. opacity: 0;
  222. -webkit-transition: all .5s ease;
  223. -moz-transition: all .5s ease;
  224. -o-transition: all .5s ease;
  225. transition: all .5s ease;
  226. }
  227.  
  228. .entry:hover #permalink {
  229. margin-top: 9px;
  230. margin-left: 6px;
  231. opacity: 1;
  232. }
  233.  
  234. .countreblog {
  235. letter-spacing:1px;
  236. font-family: short stack;
  237. font-size:9px;
  238. color: #fff;
  239. line-height:5px;
  240. margin: 2px;
  241. background: #000;
  242. background-repeat:repeat;
  243. border:1px solid rgba(0,0,0,0.1);
  244. padding:2px 5px;
  245. -webkit-border-radius:2px;
  246. moz-border-radius:2px;
  247. -o-border-radius:2px;
  248. border-radius:2px;
  249. }
  250.  
  251. .countreblog a { color: #fff; }
  252.  
  253. div#corner{
  254. position:fixed !important;
  255. width:auto;
  256. height:auto;
  257. margin-top:0px;
  258. margin-left:0px;
  259. padding:1px;
  260. padding-right:2px;
  261. background-color:{color:sidebar background};
  262. }
  263.  
  264.  
  265. div#sidebar{
  266. position:fixed !important;
  267. width: 230px;
  268. height:auto;
  269. margin-top:240px;
  270. margin-left: -160px;
  271. padding: 0px;
  272. line-height:11px;
  273. letter-spacing:0px;
  274. margin-bottom: 6px;
  275. background-color: transparent;
  276. }
  277.  
  278. div#sidebar2{
  279. width: 223px;
  280. height:auto;
  281. position: fixed;
  282. text-align:center;
  283. margin-left:-187px;
  284. margin-top:-250px;
  285. z-index:100;
  286. color:{color:text};
  287. font-family: 'Short Stack', cursive;
  288. font-size: 8px;
  289. line-height:9px
  290. padding: 0px;
  291. background-color: ;
  292. }
  293.  
  294. #nav
  295. {float:right;
  296. padding-right:7px;
  297. margin-top:290px;
  298. margin-right: 20px;
  299. letter-spacing:0px;
  300. color:white;
  301. text-transform: uppercase;
  302. }
  303.  
  304. .button
  305. {text-align:right;
  306. margin-top:-15px;}
  307.  
  308. .nav
  309. {background-color: {color:Button};
  310. color:{color:Link};
  311. border: 1px solid black;
  312. padding-left:10px;
  313. border 1px solid black;
  314. border-radius:10px;
  315. padding-right:10px;
  316. -webkit-transition: opacity 0.3s linear;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;}
  317.  
  318. .nav:hover
  319. {background-color: ;
  320. padding-right:30px;
  321. color: transparent;}
  322.  
  323. #posts {
  324. width: 800px;
  325. margin-left:120px;
  326. margin-top:2px;
  327. float:left;
  328. font-family: cambria;
  329. }
  330.  
  331. #infscr-loading{
  332. bottom: -70px;
  333. position: absolute;
  334. left: 50%;
  335. margin-left:-8px;
  336. width:16px;
  337. height:11px;
  338. overflow:hidden;
  339. margin-bottom: 50px;
  340. }
  341.  
  342. .title{
  343. font-family: 'Amatic SC';
  344. font-size: 30px;
  345. line-height:28px;
  346. color: black;
  347. font-weight: normal;
  348. }
  349.  
  350. div#goaway{
  351. font-family: "kg luck of the irish";
  352. font-size: 35px;
  353. line-height: 20px;
  354. text-shadow:0px 0px 10px {color:shadows};
  355. letter-spacing: 0px;
  356. font-weight: normal;
  357. -webkit-transition: all .4s ease;
  358. -moz-transition: all .4s ease;
  359. -o-transition: all .4s ease;
  360. transition: all .4s ease;
  361. }
  362.  
  363. div#goaway:hover{
  364. font-size:20px;
  365. text-shadow:0px 0px 10px #ffffff;
  366. -webkit-transition: all .4s ease;
  367. -moz-transition: all .4s ease;
  368. -o-transition: all .4s ease;
  369. transition: all .4s ease;
  370. }
  371.  
  372. @font-face { font-family: "lovenote"; src: url('http://static.tumblr.com/4yxykdm/k6plrfhwf/ck_love_note.ttf'); }
  373. {CustomCSS}
  374.  
  375. </style>
  376.  
  377. {block:IndexPage}
  378. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  379. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  380.  
  381. <script type="text/javascript">
  382. $(window).load(function () {
  383. var $content = $('#posts');
  384. $content.masonry({itemSelector: '.entry'}),
  385. $content.infinitescroll({
  386. navSelector : 'div#pagination',
  387. nextSelector : 'div#pagination a#nextPage',
  388. itemSelector : '.entry',
  389. loading: {
  390. finishedMsg: '',
  391. img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
  392. },
  393. bufferPx : 600,
  394. debug : false,
  395. },
  396. // call masonry as a callback.
  397. function( newElements ) {
  398. var $newElems = $( newElements );
  399. $newElems.hide();
  400. // ensure that images load before adding to masonry layout
  401. $newElems.imagesLoaded(function(){
  402. $content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(300);} );
  403.  
  404.  
  405. });
  406. });
  407. });
  408. </script>
  409.  
  410. {/block:IndexPage}
  411.  
  412. <title>{title}</title>
  413.  
  414. <link rel="shortcut icon" href="{Favicon}">
  415. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  416. <meta name="viewport" content="width=820" />
  417.  
  418. </head>
  419. <body>
  420. <div class="wrapper">
  421. <div class="header">
  422. </div>
  423. <div id="sidebar">
  424.  
  425. <div id="sidebar2">
  426. <div id="nav">
  427. <br><a href="/"><div class="button"><span class="nav">home</span></div></a>
  428. <br>
  429. <br><a href="/ask"><div class="button"><span class="nav">ask</span></div></a>
  430. <br>
  431. {block:ifLinkOne}<br><a href="{text:Link One}"><div class="button"><span class="nav">{text:Link One Title}</span></div></a>
  432. <br>{/block:ifLinkOne}
  433. {block:ifLinkTwo}<br><a href="{text:Link Two}"><div class="button"><span class="nav">{text:Link Two Title}</span></div></a>
  434. <br>{/block:ifLinkTwo}
  435. {block:ifLinkThree}<br><a href="{text:Link Three}"><div class="button"><span class="nav">{text:Link Three Title}</span></div></a>
  436. <br>{/block:ifLinkThree}
  437. {block:ifLinkFour}<br><a href="{text:Link Four}"><div class="button"><span class="nav">{text:Link Four Title}</span></div></a>
  438. <br>{/block:ifLinkFour}
  439. <br><a href="http://n0ds.tumblr.com/"><div class="button"><span class="nav">theme</span></div></a>
  440. <br>
  441.  
  442.  
  443. </div>
  444. </div>
  445.  
  446. <center><div id="goaway"><center><span id="bubble">{Title}
  447. </span></div>
  448. <center><br>{/block:ifshowblogtitle}{block:ifshowphoto}<center><a title="" href="/"><img src="{image:sidebar}" width=210px height=auto></a></center>{/block:ifshowphoto}
  449. <center><br>{Description}<p></center></div>
  450.  
  451.  
  452.  
  453. <div class="left">
  454.  
  455. <div id="posts">
  456.  
  457. {block:Posts}
  458. <div class="entry">
  459.  
  460. {block:IndexPage}
  461. <div id="permalink">
  462. <span class="countreblog"><a href="{ReblogURL}" target="_blank">Reblog</a></span>
  463. <span class="countreblog"><a href="{Permalink}">{NoteCount}</a></span></div>
  464. {/block:IndexPage}
  465.  
  466. {block:Text}
  467. {block:Title}<a href="{permalink}"><span class="title">{Title}</span></a>{/block:Title}
  468. <span class="entrytext">{Body}</span>
  469. <P ALIGN=Right><a href="{Permalink}">{notecountWithLabel}</a>
  470. {/block:Text}
  471.  
  472. {block:Link}
  473. <div class="entry">
  474. <span class="post_title"><a href="{URL}">{Name} &#8600;</span></a>{block:Description}{Description}{/block:Description}
  475. {block:IndexPage}<div class="permalink"><a href="{Permalink}"" width="15" style="padding-right:8px;"/></a><a href="{ReblogURL}""/></a></div>{/block:IndexPage}
  476. <P ALIGN=Right><a href="{Permalink}">{notecountWithLabel}</a>
  477. </div>
  478. {block:Link}
  479.  
  480. {block:Photo}
  481. <center>
  482. {block:IndexPage}{LinkOpenTag}<div class="photo"><img src="{PhotoURL-500}" alt="{PhotoAlt}" width=340px/></div>{LinkCloseTag}{/block:IndexPage}{block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"width=550px/>{LinkCloseTag}{/block:PermalinkPage}</center>
  483. {block:ifshowcaptions}{caption}{/block:ifshowcaptions}
  484. {/block:Photo}
  485.  
  486. {block:Photoset}
  487. {block:IndexPage}
  488. <center>
  489. {Photoset-340}</center>
  490. {/block:IndexPage}
  491. {block:PermalinkPage}
  492. <center>
  493. {Photoset-550}</center>
  494. {/block:PermalinkPage}
  495. {/block:Photoset}
  496.  
  497. {block:Quote}
  498. {Quote}</span>
  499. {block:Source}<strong>{Source}</strong>{/block:Source}
  500. {/block:Quote}
  501.  
  502. {block:Chat}
  503. {block:Title}<span class="title">{Title}</span>{/block:Title}
  504. <ul class="chat">
  505. {block:Lines}
  506. <li class="user_{UserNumber}">
  507. {block:Label}
  508. <span class="label">{Label}</span>
  509. {/block:Label}
  510.  
  511.  
  512. {Line}
  513. </li>
  514. {/block:Lines}
  515. </ul>
  516. <P ALIGN=Right><a href="{Permalink}">{notecountWithLabel}</a>
  517. {/block:Chat}
  518.  
  519. {block:Audio}
  520. <div style="width:400px; height:30px;">
  521. {AudioPlayerBlack}
  522. </div>
  523. {block:IndexPage}<span class="permalink">
  524. <P ALIGN=Right><a href="{Permalink}">{notecountWithLabel}</a>
  525. </span>{/block:IndexPage}
  526. {/block:Audio}
  527.  
  528. {block:Video}
  529. {block:IndexPage}
  530. <center>
  531. {Video-340}</center>
  532. {/block:IndexPage}
  533. {block:PermalinkPage}
  534. <center>
  535. {Video-550}</center>
  536. {/block:PermalinkPage}
  537. {block:Video}
  538.  
  539. {block:PermalinkPage}
  540. <center>
  541. <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>
  542.  
  543.  
  544. {/block:PermalinkPage}
  545.  
  546.  
  547. {block:PostNotes}{PostNotes}
  548. {/block:PostNotes}
  549. </div>
  550.  
  551.  
  552. {/block:Posts}
  553. </div>
  554. </div>
  555. {block:IndexPage}
  556. {block:Pagination}
  557. <div id="pagination">
  558. {block:NextPage}
  559. <a id="nextPage" href="{NextPage}">&nbsp;&rarr;</a>
  560. {/block:NextPage}
  561. {block:PreviousPage}
  562. <a href="{PreviousPage}">&larr;&nbsp;</a>
  563. {/block:PreviousPage}
  564. </div>
  565. {/block:Pagination}
  566. {/block:IndexPage}
  567. </div>
  568.  
  569. </body>
  570.  
  571. </div><div style="display:block;bottom:5px;right:5px;font-size:10px;font-family:short stack;position:fixed;background-color: transparent;padding:3px;border-radius:10px;z-index:5;opacity:0.75;">theme by <a href="http://n0ds.tumblr.com/">ally</a></div>
  572. </html>
Advertisement
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!