BabeJeSuisParfait

personalblog31

Apr 28th, 2012
48
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.89 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <!--
  5. theme by -ponyboy-.tumblr.com
  6. do not take the credit off thanks
  7. -->
  8. <title>{Title}</title>
  9. <link rel="shortcut icon" href="{Favicon}">
  10.  
  11. <meta name="color:background" content="#fff"/>
  12. <meta name="color:text" content="#000000"/>
  13. <meta name="color:title" content="#000000"/>
  14. <meta name="color:link" content="#424242"/>
  15. <meta name="color:hover" content="#bebebe"/>
  16. <meta name="image:Background" content=""/>
  17. <meta name="image:sidebar" content=""/>
  18. <meta name="if:show photo" content="0"/>
  19. <meta name="if:show blogtitle" content="0"/>
  20.  
  21. <meta name="text:Link One" content="/ask" />
  22. <meta name="text:Link One Title" content="ask"/>
  23. <meta name="text:Link Two" content="/archive" />
  24. <meta name="text:Link Two Title" content="archive"/>
  25. <meta name="text:Link Three" content="/random" />
  26. <meta name="text:Link Three Title" content="random"/>
  27. <meta name="text:Link Four" content="http://tumblr.com/dashboard"/>
  28. <meta name="text:Link Four Title" content="dash"/>
  29.  
  30. <script type="text/javascript" src="http://static.tumblr.com/twte3d7/s48lvqls2/jquery-1.4.4.min.js"></script>
  31. <link href='http://fonts.googleapis.com/css?family=Amatic+SC' rel='stylesheet' type='text/css'>
  32. <script type="text/javascript">
  33. <!--
  34. //(c) Ian Muscat 2007
  35. function IE(e) {
  36. if (navigator.appName == "Microsoft Internet Explorer" && (event.button == "2" || event.button == "3")){
  37. return false;
  38. }}
  39. function NS(e) {
  40. if (document.layers || (document.getElementById && !document.all)){
  41. if (e.which == "2" || e.which == "3"){
  42. return false;}}}
  43. document.onmousedown=IE;document.onmouseup=NS;document.oncontextmenu=new Function("return false");
  44. //-->
  45. </script>
  46.  
  47. <style type="text/css">
  48.  
  49. a {color:;text-decoration:none;-webkit-transition: all 0.7s ease-out;-moz-transition: all 0.7s ease-out;transition: all 0.7s ease-out;}
  50.  
  51. .fufu {width:227px;-webkit-transition: all 0.7s ease-out;-moz-transition: all 0.7s ease-out;transition: all 0.7s ease-out;}
  52.  
  53. .fufu:hover {-webkit-transform: translate(1em,0);-moz-transform: translate(1em,0);-o-transform: translate(1em,0);}
  54.  
  55. p {
  56. margin:0px;
  57. margin-top:0px;
  58. }
  59.  
  60. a:link, a:active, a:visited{
  61. color: {color:link};
  62. text-decoration: none;
  63. -webkit-transition: color 0.5s ease-in;
  64. -moz-transition: color 0.5s ease-in;
  65. }
  66.  
  67. a:hover {
  68. color: {color:hover};
  69. text-decoration: none;
  70. font-style: none;
  71. -webkit-transition: color 0.5s ease-out;
  72. -moz-transition: color 0.5s ease-out;
  73. }
  74.  
  75.  
  76. body {
  77. margin:0px;
  78. background-color: {color:Background};
  79. background-image:url({image:Background});
  80. background-attachment: fixed;
  81. background-repeat: repeat;}
  82. body, div, p, textarea, submit, input{
  83. font-family: georgia;
  84. font-size: 9px;
  85. line-height:7px;
  86. letter-spacing:0px;
  87. color:{color:Text};
  88. }
  89.  
  90.  
  91. ::-webkit-scrollbar-thumb:vertical {
  92. background-color:#eee;
  93. height:auto;
  94. }
  95.  
  96. ::-webkit-scrollbar-thumb:horizontal {
  97. background-color:#eee
  98. height:auto !important;
  99. }
  100.  
  101. ::-webkit-scrollbar {
  102. height:auto;
  103. width:5px;
  104. background-color:#888;
  105. }
  106.  
  107. .wrapper{
  108. margin: 0px auto;
  109. width: 817px;
  110. }
  111.  
  112. .left{
  113. float: left;
  114. margin-left: 0px;
  115. width: 817px;
  116. }
  117.  
  118. .entry {
  119. float:left;
  120. margin: 1px;
  121. {block:IndexPage}
  122. width: 300px;
  123. {/block:IndexPage}
  124. {block:PermalinkPage}
  125. width:500px;
  126. {/block:PermalinkPage}
  127. background-color: white;
  128. }
  129.  
  130. .entry .textpost{
  131. background-color: #fff;
  132. }
  133.  
  134. #posts {
  135. float:left;
  136. width:604px;
  137. margin-left: 220px;
  138. background-color: #fff;
  139. border:1px solid #dcdcdc;
  140. {block:PermalinkPage}
  141. margin-left: 220px;
  142. background-color: #fff;
  143. width:504px;
  144. {/block:PermalinkPage}
  145. }
  146.  
  147.  
  148. .blogtitle{
  149. font-size:30px;
  150. color:#888;
  151. -webkit-transition-duration:1.5s;
  152. font-family:meow;
  153. letter-spacing:-2px;
  154. line-height:35px;
  155. font-style:italic;
  156. }
  157.  
  158. #postnotes{
  159. text-align: left;
  160. }
  161. #postnotes blockquote{
  162. border: 0px;
  163. }
  164.  
  165. div#sidebar{
  166. position:fixed !important;
  167. margin-top: 20px;
  168. margin-left:-56px;
  169. text-align: center;
  170. width: 270px;
  171. height:auto;
  172. padding: 1px;
  173. line-height:9px;
  174. background-color: #ffffff;
  175. font-size: 9px;
  176. font-family:georgia;
  177. border: 1px solid #dcdcdc;
  178. }
  179.  
  180. div#sidebar2{
  181. position:fixed !important;
  182. margin-top: 5px;
  183. margin-left:-56px;
  184. text-align: center;
  185. width: 268px;
  186. height:auto;
  187. padding: 2px;
  188. background-color: #ffffff;
  189. font-size: 8px;
  190. font-family:littlefont;
  191. border: 1px dashed #dcdcdc;
  192. text-transform: uppercase;
  193. }
  194.  
  195. .title{
  196. font-family: amatic sc;
  197. font-size: 19px;
  198. line-height: 10px;
  199. color: {color:Title};
  200. letter-spacing: 0px;
  201. font-weight: normal;
  202. }
  203.  
  204. @font-face {font-family: "Meow";src: url( http://static.tumblr.com/kauezwz/YlIlz8nop/theonlyexception.ttf) format("truetype");}
  205.  
  206. #postnotes{
  207. text-align: justify;}
  208.  
  209. #postnotes blockquote{
  210. border: 0px;}
  211.  
  212. blockquote{
  213. padding: 2px 2px 2px 5px;
  214. margin:2px 2px 2px 5px;
  215. border-left: 2px solid #888;
  216. }
  217.  
  218. blockquote p, ul{
  219. margin:0px;
  220. padding:0px;
  221. }
  222.  
  223. a img{border: 0px;}
  224.  
  225. ul, li{
  226. list-style:none;
  227. padding: 1px 1px 1px 2px;
  228. margin:1px 1px 1px 1px;
  229. }
  230.  
  231. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  232. .user_7 .label, .user_8 .label, .user_9 .label {color:#555555;}
  233.  
  234. .notes img{width:10px; position:relative; top:3px;}
  235.  
  236. .permalink {
  237. display: block;
  238. padding: 0px;
  239. margin: 4px 8px 0px 8px;
  240. text-transform: lowercase;
  241. font-family: georgia;
  242. font-size: 9px;
  243. color: #424242;
  244. line-height: 18px;
  245. text-align: right;
  246. text-decoration: none;
  247. -webkit-transition: color 0.5s ease-out;
  248. -moz-transition: color 0.5s ease-out;
  249. border-top: 2px solid #888;
  250. }
  251.  
  252. .entry .blanket{
  253. position:absolute;
  254. width:300px;
  255. height:20px;
  256. overflow:hidden;
  257. margin-top: 0px;
  258. opacity:0.0;
  259. background-color:#fff;
  260. -webkit-transition: all .3s linear;
  261. -moz-transition: all .3s linear;
  262. transition: all .3s linear;
  263. padding: 1px;
  264. }
  265.  
  266. .entry:hover .blanket{
  267. opacity: 0.6;
  268. -webkit-transition: all .3s linear;
  269. -moz-transition: all .3s linear;
  270. transition: all .3s linear;
  271. }
  272.  
  273. .entry .blanket .permalink2{
  274. text-transform:uppercase;
  275. width:300px;
  276. height:auto;
  277. font-family:littlefont;
  278. font-size:8px;
  279. color:#000;
  280. font-decoration:none;
  281. text-align:center;
  282. margin-top:6px;
  283. opacity:0.0
  284. background-color:#000;
  285. -webkit-transition: all .3s linear;
  286. -moz-transition: all .3s linear;
  287. transition: all .3s linear;
  288. }
  289.  
  290. .entry:hover .blanket .permalink2{
  291. opacity:1;
  292. -webkit-transition: all .4s linear;
  293. -moz-transition: all .4s linear;
  294. transition: all .4s linear;
  295. }
  296.  
  297. .entry .blanket .permalink2 a{
  298. color:#000;
  299. -webkit-transition: all .3s linear;
  300. -moz-transition: all .3s linear;
  301. transition: all .3s linear;
  302. }
  303.  
  304. .entry:hover .blanket .permalink2 a:hover {
  305. color:#888;
  306. -webkit-transition: all .3s linear;
  307. -moz-transition: all .3s linear;
  308. transition: all .3s linear;
  309. }
  310.  
  311. @font-face {font-family: "littlefont";src: url('http://static.tumblr.com/4yxykdm/NMJlre6xz/04b_03___1_.ttf');}
  312.  
  313. @font-face { font-family: "kingcoolkc"; src: url('http://static.tumblr.com/4yxykdm/wmVlrea61/king_cool_kc_1_.ttf'); }
  314.  
  315. @font-face { font-family:basket;
  316. src: url('http://static.tumblr.com/iddq6cw/MZUlwm0mp/sweetly_broken.ttf');
  317. }
  318.  
  319. </style>
  320. <link rel="shortcut icon" href="{Favicon}">
  321. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  322. <meta name="viewport" content="width=820" />
  323.  
  324. </head>
  325. <body>
  326.  
  327. <div class="wrapper">
  328.  
  329. <div id="sidebar">
  330. {block:ifshowblogtitle}<div class="blogtitle"><a href="/">{Title}</a></div>{/block:ifshowblogtitle}
  331. {block:ifshowphoto}<a href="/"><img src="{image:sidebar}" width=270px></a>{/block:ifshowphoto}
  332. <i><center>{description}</center></i></div>
  333.  
  334. <div id="sidebar2">
  335. <a href="/">home</a> -
  336. <a href="{text:Link One}">{text:Link One Title}</a> -
  337. <a href="{text:Link Two}">{text:Link Two Title}</a> -
  338. <a href="{text:Link Three}">{text:Link Three Title}</a> -
  339. <a href="{text:Link Four}">{text:Link Four Title}</a> -
  340. <a href="http://-ponyboy-.tumblr.com">theme</a>
  341. </div>
  342.  
  343. <div class="header">
  344. <div class="left">
  345. <div id="posts">
  346.  
  347. {block:Posts}
  348. <div class="entry">
  349. {block:Text}
  350. <div class="textpost">
  351. {block:Title}{Title}{/block:Title}
  352. {Body}
  353. {block:IndexPage}
  354. <div class="permalink">
  355. <a href="{permalink}">{timeago}</a>
  356. </div>
  357. {/block:IndexPage}
  358. </div>
  359. {/block:Text}
  360.  
  361. {block:Link}
  362. <div class="textpost">
  363. <a href="{URL}" class="title">{Name}</a>
  364. {block:Description}{Description}{/block:Description}
  365. {block:IndexPage}
  366. <div class="permalink">
  367. <a href="{permalink}">{timeago}</a>
  368. </div>
  369. {/block:IndexPage}
  370. </div>
  371. {block:Link}
  372.  
  373. {block:Photo}
  374. {block:IndexPage}
  375. <div class="blanket">
  376. <div class="permalink2">
  377. <a href="{permalink}"> {timeago} | {NoteCountWithLabel} | <a href="{ReblogURL}" target="_blank">reblog</a></a></span></div>
  378. </div>
  379. <img src="{PhotoURL-400}" alt="{PhotoAlt}" width="300px"/>
  380. {/block:IndexPage}
  381.  
  382. {block:PermalinkPage}
  383. {LinkOpenTag}
  384. <img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="503"/>
  385. {LinkCloseTag}{/block:PermalinkPage}
  386. {/block:Photo}
  387.  
  388. {block:Photoset}
  389. {block:IndexPage}
  390. <div class="blanket">
  391. <div class="permalink2">
  392. <a href="{permalink}"> {timeago} | {NoteCountWithLabel} | <a href="{ReblogURL}" target="_blank">reblog</a></a></span></div>
  393. </div>
  394. <center>{Photoset-300}</center>
  395. {/block:IndexPage}
  396.  
  397. {block:PermalinkPage}
  398. {Photoset-500}
  399. {/block:PermalinkPage}
  400. {/block:Photoset}
  401.  
  402. {block:Quote}
  403. <div class="textpost">
  404. {Quote}</span>
  405. {block:Source}<strong>{Source}</strong>{/block:Source}
  406. {block:IndexPage}
  407. <div class="permalink">
  408. <a href="{permalink}">{timeago}</a>
  409. </div>
  410. {/block:IndexPage}
  411. </div>
  412. {/block:Quote}
  413.  
  414. {block:Chat}
  415. <div class="textpost">
  416. {block:Title}<span class="title">{Title}</span>{/block:Title}
  417. <ul class="chat">
  418. {block:Lines}
  419. <li class="user_{UserNumber}">
  420. {block:Label}
  421. <span class="label">{Label}</span>
  422.  
  423. {/block:Label}
  424.  
  425. {Line}
  426. </li>
  427. {/block:Lines}
  428. </ul>
  429. {block:IndexPage}
  430. <div class="permalink">
  431. <a href="{permalink}">{timeago}</a>
  432. </div>
  433. {/block:IndexPage}
  434. </div>
  435. {/block:Chat}
  436.  
  437. {block:Audio}
  438. <div class="textpost">
  439. {AudioPlayerBlack}
  440. {block:ifshowaudiocaptions}{block:Caption}{Caption}{/block:Caption}{/block:ifshowaudiocaptions}
  441. {block:IndexPage}
  442. <div class="permalink">
  443. <a href="{permalink}">{timeago}</a>
  444. </div>
  445. {/block:IndexPage}
  446. </div>
  447. {/block:Audio}
  448.  
  449. {block:Video}
  450. {block:IndexPage}
  451. <div class="blanket">
  452. <div class="permalink2">
  453. <a href="{permalink}"> {timeago} | {NoteCountWithLabel} | <a href="{ReblogURL}" target="_blank">reblog</a></a></span></div>
  454. </div>
  455. {/block:IndexPage}
  456. <center>{Video-300}</center>
  457. {block:Video}
  458.  
  459. {block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{block:NoteCount} {NoteCountWithLabel} {/block:NoteCount}{block:HasTags}{block:Tags}<a href="{TagURL}"> #{Tag}</a> {/block:Tags}{/block:hasTags}
  460. <p>{block:RebloggedFrom}<div style="border-bottom:1px solid #ddd; text-align:left; text-transform:none; "> reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br>posted by <a href="{ReblogRootURL}">{ReblogRootName}</a></div>
  461. {/block:RebloggedFrom}</center></span><br><div id="postnotes">{PostNotes}</div><br>
  462. {block:ContentSource}<br><a href="{SourceURL}">{lang:Source}:{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}"height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}</a>{/block:ContentSource}{/block:PermalinkPage}
  463. </div>
  464. {/block:Posts}
  465. </div>
  466. </div>
  467. </div>
  468. {block:IndexPage}
  469. {block:Pagination}
  470. <ul id="pagination">
  471. {block:PreviousPage}
  472. <li><a href="{PreviousPage}"></a></li>
  473. {/block:PreviousPage}
  474. {block:JumpPagination length="5"}
  475. {block:CurrentPage}
  476. <li><span class="current_page numbersNav"><strong>{PageNumber}</strong></span></li>
  477. {/block:CurrentPage}
  478. {block:JumpPage}
  479. <li><a class="jump_page numbersNav" href="{URL}">{PageNumber}</a></li>
  480. {/block:JumpPage}
  481. {/block:JumpPagination}
  482. {block:NextPage}
  483. <li><a id="nextPage" href="{NextPage}"></a></li>
  484. {/block:NextPage}
  485. </ul>
  486. {/block:Pagination}
  487. <script src="http://static.tumblr.com/twte3d7/H8Glm663z/masonry.js"></script>
  488. <script src="http://static.tumblr.com/twte3d7/0pellzh2t/infinitescroll.js"></script>
  489. <script type="text/javascript">
  490. $(window).load(function () {
  491. $('#posts').masonry(),
  492. $('.masonryWrap').infinitescroll({
  493. navSelector : '#pagination',
  494. nextSelector : '#pagination a#nextPage',
  495. itemSelector : ".entry",
  496. bufferPx : 200,
  497. loadingImg : "http://static.tumblr.com/plngtrn/ieqlmwwlc/ajax-loader.gif",
  498. loadingText : "<em></em>",
  499. },
  500. function() { $('#posts').masonry({ appendedContent: $(this) }); }
  501. );
  502. });
  503. </script>
  504. {/block:IndexPage}
  505. </body>
Advertisement
Add Comment
Please, Sign In to add comment