BabeJeSuisParfait

personalblog2

Apr 27th, 2012
33
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.83 KB | None | 0 0
  1.  
  2.  
  3. <script type="text/javascript"
  4. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  5.  
  6.  
  7. <meta name="color:Background" content="#FFFFFF"/>
  8. <meta name="color:Text" content="#130C11"/>
  9. <meta name="color:Hover" content="#130C11"/>
  10. <meta name="color:Scrollbar" content="#130C11"/>
  11. <meta name="color:Link" content="#000000"/>
  12. <meta name="image:sidebar" content="1"/>
  13. <meta name="image:Background" content="1"/>
  14. <meta name="if:show photo" content="0"/>
  15. <meta name="if:shadow hover" content="1"/>
  16. <meta name="if:Infinite Scroll" content="1"/>
  17. <meta name="if:tiny cursor" content="1"/>
  18. <meta name="if:tiny scrollbar" content="1"/>
  19. <meta name="text:Link One Title" content="Link" />
  20. <meta name="text:Link One" content="" />
  21. <meta name="text:Link Two Title" content="Link" />
  22. <meta name="text:Link Two" content="" />
  23. <meta name="text:Link Three Title" content="Link" />
  24. <meta name="text:Link Three" content="" />
  25. <meta name="text:Link Four Title" content="Link" />
  26. <meta name="text:Link Four" content="" />
  27.  
  28.  
  29.  
  30. <link href='http://fonts.googleapis.com/css?family=Ruluko' rel='stylesheet' type='text/css'>
  31.  
  32. <link href='http://fonts.googleapis.com/css?family=Architects+Daughter' rel='stylesheet' type='text/css'
  33.  
  34.  
  35.  
  36.  
  37.  
  38. <link href='http://fonts.googleapis.com/css?family=Amatic+SC:700' rel='stylesheet' type='text/css'>
  39. <link href='http://fonts.googleapis.com/css?family=Coming+Soon' rel='stylesheet' type='text/css'>
  40.  
  41. <link href='http://fonts.googleapis.com/css?family=Delius+Unicase' rel='stylesheet' type='text/css'>
  42.  
  43.  
  44. <link href='http://fonts.googleapis.com/css?family=Short+Stack' rel='stylesheet' type='text/css'>
  45.  
  46. <link rel="shortcut icon" href="{Favicon}">
  47. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  48. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  49. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js" type="text/javascript"><!--mce:0--></script>
  50.  
  51.  
  52.  
  53. <style type="text/css">
  54.  
  55. #biter
  56.  
  57. #bite a {display:block}
  58.  
  59. #bite .death {margin-top:-40px;filter: alpha(opacity = 0);opacity:0;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
  60.  
  61. #bite:hover .death {margin-top:2px;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out; filter: alpha(opacity = 100);filter: alpha(opacity = 100);opacity:100;}
  62.  
  63.  
  64. {block:ifshadowhover}a:link, a:active, a:visited{
  65. color: #000000;
  66. text-decoration:none;
  67. -webkit-transition-duration: 0.2s;}
  68.  
  69. a:hover{ color: #fff;
  70. text-shadow:0px 0px 3px #000000;}{/block:ifshadowhover}
  71.  
  72. .wrapper{
  73. margin: 0px auto;
  74. width: 717px;
  75. }
  76.  
  77. .left{
  78. float: left;
  79. margin-right: 20px;
  80. width: 717px;
  81. }
  82.  
  83. @font-face {
  84. font-family: "kg luck of the irish";
  85. src: url('http://static.tumblr.com/nsunyax/RJSlz7y7g/kgluckoftheirish.ttf');
  86. }
  87.  
  88. @font-face {
  89. font-family: "tinytots";
  90. src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');
  91. }
  92.  
  93. @font-face {
  94. font-family: "soymilk";
  95. src: url('http://static.tumblr.com/nsunyax/wb6lzyz3n/denne-soymilk.ttf');
  96. }
  97.  
  98. @font-face {
  99. font-family: "cutiepop";
  100. src: url('http://static.tumblr.com/nsunyax/YPglzyz4r/cutiepop.ttf');
  101. }
  102.  
  103. @font-face {
  104. font-family: "loved by the king";
  105. src: url('http://static.tumblr.com/nsunyax/W4Alzyz56/loved_by_the_king.ttf');
  106. }
  107.  
  108. @font-face {
  109. font-family: "nayu pixel";
  110. src: url('http://static.tumblr.com/nsunyax/2zhlyudbt/nayupixel.ttf');
  111. }
  112.  
  113. body {
  114. padding: 0px;
  115. margin: 0px;
  116. color:{color:text};
  117. background-color: {color:Background};
  118. background-image:url({image:Background});
  119. background-attachment: fixed;
  120. background-repeat: repeat;
  121. font-family: tinytots;
  122. font-size: 8px;
  123. line-height:10px;
  124. }
  125.  
  126.  
  127. a:link, a:active, a:visited{
  128. color: {color:Link};
  129. text-decoration: none;
  130. -webkit-transition: color 0.5s ease-out;
  131. -moz-transition: color 0.5s ease-out;
  132. }
  133.  
  134. a:hover{
  135. color:{color:Hover};
  136. text-decoration: none;
  137. -webkit-transition: color 0.3s ease-out;
  138. -moz-transition: color 0.3s ease-out;
  139. }
  140.  
  141. .entry {
  142. {block:IndexPage}
  143. width:290px;
  144. {/block:IndexPage}
  145. {block:PermalinkPage}
  146. width:600px;
  147. {/block:PermalinkPage}
  148. margin-top:2px;
  149. margin-bottom:3px;
  150. margin-left:3px;
  151. margin-right:3px;
  152. padding: 2px;
  153. float:left;
  154. background-color: transparent;
  155. }
  156.  
  157. div#font{ font-family: littlefont !important; font-size: 8px; letter-spacing:0px; color:#000000; text-transform:uppercase; font weight: normal; }
  158.  
  159. @font-face {font-family: "littlefont";src: url('http://static.tumblr.com/4yxykdm/NMJlre6xz/04b_03___1_.ttf');}
  160.  
  161. @font-face {font-family: "tinytots";src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf') !important;}
  162.  
  163. @font-face { font-family: "sunshine"; src: url('http://static.tumblr.com/5fd89aw/U3vli7rvs/sunshine_in_my_soul.ttf'); }
  164.  
  165. .photo img{
  166. {block:IndexPage}
  167. border: 1px solid #000000;
  168. box-shadow: 0px 11px 32px rgba(0,0,0,0.35);
  169. {/block:IndexPage}
  170. }
  171.  
  172. .entry #permalink {
  173. position: absolute;
  174. margin-top: 8px;
  175. margin-left: 61px;
  176. opacity: 0;
  177. -webkit-transition: all .3s ease;
  178. -moz-transition: all .3s ease;
  179. -o-transition: all .3s ease;
  180. transition: all .3s ease;
  181. }
  182.  
  183. .entry:hover #permalink {
  184. margin-top: 8px;
  185. margin-left: 61px;
  186. opacity: 1;
  187. }
  188.  
  189. .countreblog {
  190. color: #FFFFFF;
  191. letter-spacing:1px;
  192. font-family: verdana;
  193. font-size:10px;
  194. line-height:14px;
  195. margin: 1px;
  196. margin-top: 0px;
  197. background-image:url(http://static.tumblr.com/8jq17g7/CH8lofvyp/dark-transparent.png);
  198. background-repeat:repeat;
  199. border:1px solid rgba(0,0,0,0.1);
  200. padding:2px 5px;
  201. padding-top: 3px;
  202. padding-bottom: 3px;
  203. height: 20px;
  204. -webkit-border-radius:2px;
  205. moz-border-radius:2px;
  206. -o-border-radius:2px;
  207. border-radius:2px;
  208. }
  209.  
  210. .countreblog a { color: #FFF; }
  211.  
  212. .entry .perma{
  213. opacity: 0.0;
  214. filter: alpha(opacity = 0);
  215. margin-top: 0px;
  216. width: 60px;
  217. height: 30px;
  218. line-height: 30px;
  219. font-size: 9px;
  220. position:absolute;
  221. text-align: center;
  222. z-index:9999991;
  223. margin-top: 5px;
  224. margin-left: -2px;
  225. -webkit-transition: all .4s ease;
  226. -moz-transition: all .4s ease;
  227. -o-transition: all .4s ease;
  228. transition: all .4s ease;
  229. }
  230.  
  231. .entry:hover .perma {
  232. -webkit-transition: opacity 0.6s linear;
  233. opacity: 1;
  234. margin-top: 5px;
  235. margin-left: -2px;
  236. -webkit-transition: all .4s ease;
  237. -moz-transition: all .4s ease;
  238. -o-transition: all .4s ease;
  239. transition: all .4s ease;
  240. }
  241.  
  242.  
  243. .likep {
  244. display: inline;
  245. width: 21px;
  246. float: right;
  247. height: 20px;
  248. margin-left:-4px;
  249. overflow: hidden;
  250. position: relative;
  251. z-index: 9999999;
  252. }
  253.  
  254. .likep a {
  255. background-image:
  256. url("http://static.tumblr.com/uiqhh9x/BPnlzww8v/like.png");
  257. background-position: 0px 0px;
  258. display: block;
  259. z-index: 9999999;
  260. -webkit-transition: all .4s ease;
  261. -moz-transition: all .4s ease;
  262. -o-transition: all .4s ease;
  263. transition: all .4s ease;
  264. }
  265.  
  266. .likep img {
  267. width: 21px;
  268. height: 20px;
  269. -webkit-transition: all .4s ease;
  270. -moz-transition: all .4s ease;
  271. -o-transition: all .4s ease;
  272. transition: all .4s ease;
  273. }
  274. .rep img{
  275. width: 24px;
  276. height: 20px;
  277. line-height: 30px;
  278. display: inline;
  279. }
  280.  
  281.  
  282.  
  283. div#sidebar{
  284. width: 200px;
  285. height: autopx;
  286. position: fixed;
  287. text-align:center;
  288. margin-left:-175px;
  289. margin-top:103px;
  290. z-index:100;
  291. color:{color:text};
  292. font-family: tinytots;
  293. font-size: 8px;
  294. line-height:9px
  295. padding: 0px;
  296. background-color: ;
  297. }
  298.  
  299. div#sidebar2{
  300. padding: 0px;
  301. height:auto;
  302. background: ;
  303. float:left;
  304. position:fixed;
  305. margin-left: 30px;
  306. top: 130px;
  307. width:150px;
  308. -moz-border-radius: 5px; -webkit-border-radius: 5px;-moz-box-shadow: 0 0 16px {color:shadow};
  309. -webkit-box-shadow: 0 0 16px {color:shadow};}
  310.  
  311. .heart
  312. {display: block;
  313. font-size: 8px;
  314. font-family: tinytots;
  315. text-transform: uppercase;
  316. line-height: 15px;
  317. text-indent: 5px;
  318. vertical align: middle;
  319. background: url('http://27.media.tumblr.com/tumblr_m23985U5UG1qhspywo1_100.gif') no-repeat left;
  320. padding-left: 10px;
  321. padding-bottom: 2px;}
  322.  
  323. .heart:hover
  324. {display:block;
  325. font-size 8px;
  326. font-family: tinytots;
  327. text-transform:uppercase;
  328. line-height: 15px;
  329. text-indent: 5px;
  330. vertical-align: middle;
  331. background: url('http://25.media.tumblr.com/tumblr_m23985U5UG1qhspywo2_100.gif') no-repeat left;
  332. padding-left: 10px;
  333. padding-bottom: 2px;}
  334.  
  335. #posts {
  336. width: 682px;
  337. margin-left: 530px;
  338. margin-top: 0px;
  339. {block:PermalinkPage}
  340. width: 582px;
  341. margin-top: 0px;
  342. margin-left: 530px;
  343. {/block:PermalinkPage}
  344. float:left;
  345. }
  346.  
  347.  
  348. @font-face {
  349. font-family: "tinytots";
  350. src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');
  351. }
  352.  
  353.  
  354. #postnotes{
  355. text-align: justify;}
  356.  
  357. #postnotes blockquote{
  358. border: 0px;}
  359.  
  360. #infscr-loading{
  361. bottom: -70px;
  362. position: absolute;
  363. left: 50%;
  364. margin-left:-8px;
  365. width:16px;
  366. height:11px;
  367. overflow:hidden;
  368. margin-bottom: 50px;
  369. }
  370.  
  371. .title{
  372. font-family: sunshine;
  373. font-size: 15px;
  374. line-height: 16px;
  375. color: {color:Title};
  376. font-weight: normal;
  377. padding:0px 0px 0px 0px;
  378. }
  379.  
  380. .blogtitle{
  381. font-family: sunshine;
  382. font-size: 25px;
  383. line-height:34px
  384. color: {color:Title};
  385. font-weight: normal;
  386. padding:0px 0px 0px 0px;
  387. }
  388.  
  389. .per{
  390. margin-top: 2px;
  391. font-size: 8px;
  392. text-transform: lowercase;
  393. font-family: tinytots;
  394. font-size: 8px;
  395. -webkit-transition-duration: .6s;
  396. opacity: 0;}
  397.  
  398. .entry:hover .per{opacity: 0.4;}
  399. .entry:hover .per:hover{opacity: 1;}
  400.  
  401.  
  402.  
  403. {CustomCSS}
  404. </style>
  405.  
  406. {block:IndexPage}
  407. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  408. {block:IfInfiniteScroll}
  409. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  410. {/block:IfInfiniteScroll}
  411.  
  412. <script type="text/javascript">
  413. $(window).load(function () {
  414. var $content = $('#posts');
  415. $content.masonry({itemSelector: '.entry'}),
  416. $content.infinitescroll({
  417. navSelector : 'div#pagination',
  418. nextSelector : 'div#pagination a#nextPage',
  419. itemSelector : '.entry',
  420. loading: {
  421. finishedMsg: '',
  422. img: 'http://i12.photobucket.com/albums/a213/superkate_2468/favicon-2ico.gif'
  423. },
  424. bufferPx : 600,
  425. debug : false,
  426. },
  427. // call masonry as a callback.
  428. function( newElements ) {
  429. var $newElems = $( newElements );
  430. $newElems.hide();
  431. // ensure that images load before adding to masonry layout
  432. $newElems.imagesLoaded(function(){
  433. $content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(300);} );
  434.  
  435.  
  436. });
  437. });
  438. });
  439. </script>
  440.  
  441. {/block:IndexPage}
  442.  
  443. </head>
  444. <body>
  445.  
  446. <div class="wrapper">
  447.  
  448. <div id="sidebar2">
  449. <a href="/"><div class="heart">home</div></a>
  450.  
  451. {block:ifLinkOneTitle}<a href="{text:Link One}"><div class="heart">{text:Link One Title}</div></a>{/block:ifLinkOneTitle}
  452.  
  453. {block:ifLinkTwoTitle}<a href="{text:Link Two}"><div class="heart">{text:Link Two Title}</div></a>{/block:ifLinkTwoTitle}
  454.  
  455. {block:ifLinkThreeTitle}<a href="{text:Link Three}"><div class="heart">{text:Link Three Title}</div></a>{/block:ifLinkThreeTitle}
  456.  
  457. {block:ifLinkFourTitle}<a href="{text:Link Four}"><div class="heart">{text:Link Four Title}</div></a>{/block:ifLinkFourTitle}
  458.  
  459. <a href="http://www.rev-rse.tumblr.com"><div class="heart">theme credit</div></a>
  460. </div>
  461.  
  462. <div id="sidebar">
  463.  
  464. <div id="bite">
  465. <span class=blogtitle><a href="/">{Title}</a></span>
  466. <br>
  467. <br>
  468. {block:ifshowphoto}<center><a href="/"><img src="{image:sidebar}" width=200></a></center>{/block:ifshowphoto}
  469. <center>{Description}</center>
  470. <big><b><div style="float: left; position: fixed; bottom: 5px; left: 5px; text-transform:lowercase;"><a href="http://www.rev-rse.tumblr.com"><small> © theme</small></a></div></big></b>
  471.  
  472. <div align="center">
  473.  
  474.  
  475. </div>
  476. </div>
  477. </div>
  478. <br>
  479. </div>
  480. </center>
  481.  
  482. </div>
  483.  
  484.  
  485.  
  486. {block:IndexPage}
  487. {block:Pagination}
  488. <div id="pagination">
  489. {block:NextPage}
  490. <a id="nextPage" href="{NextPage}"></a>
  491. {/block:NextPage}
  492. {block:PreviousPage}
  493. <a href="{PreviousPage}">back</a>
  494. {/block:PreviousPage}
  495. </div>
  496. {/block:Pagination}
  497. {/block:IndexPage}
  498. </div>
  499.  
  500. <div class="header">
  501.  
  502. <div class="left">
  503.  
  504. <div id="posts">
  505.  
  506. {block:Posts}
  507. <div class="entry">
  508.  
  509. {block:Text}
  510. {block:Title}<span class="title">{Title}</span>{/block:Title}<span class="entrytext">{Body}</span>
  511. {block:IndexPage}<a href="{Permalink}"><div class="per"><center> {NoteCount} notes</center></div></a>{/block:IndexPage}
  512. {/block:Text}
  513.  
  514. {block:Link}
  515. <a href="{URL}" class="title">{Name}</a>
  516. {block:Description}{Description}{/block:Description}
  517. {block:IndexPage}<a href="{Permalink}"><div class="per"><center> {NoteCount} notes</center></div></a>{/block:IndexPage}
  518. {block:Link}
  519.  
  520. {block:Photo}
  521. {block:IndexPage}<div class="perma">
  522. <div class="likep"><a id="like{PostID}" href="javascript:likelink('{PostID}','{Permalink}','');"><img src="http://static.tumblr.com/lba83dv/OUUltd958/spacer.gif" width="21" height="20" alt="Like this post" id="likeimage{PostID}"/></a></div>
  523. <div class="rep"><a href="{reblogurl}" target="_blank"><img src="http://static.tumblr.com/uiqhh9x/OAClzwwao/reblog.png" width="30"/></a></div>
  524. </div>
  525. <div id="permalink">
  526. <span class="countreblog"><a href="{Permalink}">{NoteCount}</a></span></div>
  527. {/block:IndexPage}
  528. {block:IndexPage}{LinkOpenTag}<div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="290"/></a></div>{LinkCloseTag}{/block:IndexPage}
  529. {block:PermalinkPage}{LinkOpenTag}<a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="600"/></a>{LinkCloseTag}{/block:PermalinkPage}
  530. {/block:Photo}
  531.  
  532. {block:Photoset}
  533. <center>{block:IndexPage}{Photoset-250}{/block:IndexPage}</center>
  534. <center>{block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}</center>
  535. {block:IndexPage}<a href="{Permalink}"><div class="per"><center> {NoteCount} notes</center></div></a>{/block:IndexPage}
  536. {/block:Photoset}
  537.  
  538. {block:Quote}
  539. {Quote}</span>
  540. {block:Source}{Source}{/block:Source}
  541. {block:IndexPage}<a href="{Permalink}"><div class="per"><center> {NoteCount} notes</center></div></a>{/block:IndexPage}
  542. {/block:Quote}
  543.  
  544. {block:Chat}
  545. {block:Title}<span class="title">{Title}</span>{/block:Title}
  546. <ul class="chat">
  547. {block:Lines}
  548. <li class="user_{UserNumber}">
  549. {block:Label}
  550. <span class="label">{Label}</span>
  551. {/block:Label}
  552.  
  553. {Line}
  554. </li>
  555. {/block:Lines}
  556. </ul>
  557. {block:IndexPage}<a href="{Permalink}"><div class="per"><center> {NoteCount} notes</center></div></a>{/block:IndexPage}
  558. {/block:Chat}
  559.  
  560. {block:Audio}
  561. <center><div style="width:250px; height:28px;"><div style="float:left">{AudioPlayerBlack}</div><div style="margin-top:10px; float:right;">
  562. {block:ExternalAudio}{/block:ExternalAudio}</div></div></center>
  563. {block:IndexPage}<a href="{Permalink}"><div class="per"><center> {NoteCount} notes</center></div></a>{/block:IndexPage}
  564. {/block:Audio}
  565.  
  566. {block:Video}
  567. <center>{block:IndexPage}{Video-250}{/block:IndexPage}</center>
  568. <center>{block:PermalinkPage}{Video-500}{/block:PermalinkPage}</center>
  569. {block:IndexPage}<a href="{Permalink}"><div class="per"><center> {NoteCount} notes</center></div></a>{/block:IndexPage}
  570. {block:Video}
  571.  
  572.  
  573. {block:PermalinkPage}
  574. {block:Date}
  575. <center>
  576. {TimeAgo} | {12HourWithZero}:{Minutes}{AmPm}
  577. <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>
  578. {/block:Date}
  579.  
  580. {/block:PermalinkPage}
  581.  
  582. {block:PostNotes}{PostNotes}
  583. {/block:PostNotes}
  584. </div>
  585.  
  586.  
  587. {/block:Posts}
  588. </div>
  589. </div>
  590. <div class="right">
  591. </div>
  592. <div class="footer">
  593. <br>
  594. </div>
  595. </div>
  596.  
  597.  
  598.  
  599. </center>
  600. </div></div>
  601. <center>
  602. </center>
  603. </body>
  604.  
  605.  
  606. </center>
  607. </div>
  608.  
  609.  
  610. </div></div></div></div></div></div></div></div></div></div>
  611. </html>
Advertisement
Add Comment
Please, Sign In to add comment