BabeJeSuisParfait

personalblog38

Apr 28th, 2012
43
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.83 KB | None | 0 0
  1. <!--
  2. theme by -ponyboy-.tumblr.com
  3. please dont remove the credit thanks
  4. -->
  5. <link href='http://fonts.googleapis.com/css?family=Amatic+SC' rel='stylesheet' type='text/css'>
  6.  
  7. <html lang="en">
  8. <head>
  9. <!-- DEFAULT VARIABLES -->
  10. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  11. <meta name="color:background" content="#C1CDD8"/>
  12. <meta name="color:text" content="#000"/>
  13. <meta name="color:title" content="#000"/>
  14. <meta name="color:link" content="#000"/>
  15. <meta name="color:hover" content="#000"/>
  16. <meta name="image:sidebar" content="1"/>
  17. <meta name="image:Background" content="1"/>
  18. <meta name="if:infinite scrolling" content="1"/>
  19. <meta name="if:show arrows" content="0"/">
  20. <meta name="if:show photo" content="0"/>
  21. <meta name="if:show blog title" content="1"/>
  22. <meta name="if:tiny scrollbar" content="1/">
  23. <meta name="text:Custom Link One" content="/" />
  24. <meta name="text:Custom Link One Title" content="home" />
  25. <meta name="text:Custom Link Two" content="/ask" />
  26. <meta name="text:Custom Link Two Title" content="ask" />
  27. <meta name="text:Custom Link Three" content="/random" />
  28. <meta name="text:Custom Link Three Title" content="random" />
  29. <meta name="text:Custom Link Four" content="http://tumblr.com/dashboard" />
  30. <meta name="text:Custom Link Four Title" content="dash" />
  31.  
  32. <title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title>{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  33.  
  34. {block:ifinfinitescrolling}<script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:ifinfinitescrolling}
  35.  
  36. <style type="text/css">
  37.  
  38. {block:iftinyscrollbar}
  39. ::-webkit-scrollbar {width: 8px; height: 4px; background: #FFFFFF; }
  40.  
  41. ::-webkit-scrollbar-thumb { background-color: #ffffff; -webkit-border-radius: 1ex; border: 1px solid black;}
  42. {/block:iftinyscrollbar}
  43.  
  44. body {
  45. margin:0px;
  46. background-color: {color:Background};
  47. background-image:url({image:Background});
  48. background-attachment: fixed;
  49. background-repeat: repeat;}
  50. body, div, p, textarea, submit, input{
  51. font-family: cambria;
  52. font-size: 11px;
  53. line-height:12px;
  54. letter-spacing:0px;
  55. color:{color:Text};
  56. }
  57.  
  58. p {
  59. margin:0px;
  60. margin-top:0px;
  61. }
  62.  
  63.  
  64. a:link, a:active, a:visited{
  65. color: {color:Link};
  66. text-decoration: none;
  67. -webkit-transition: color 0.5s ease-out;
  68. -moz-transition: color 0.5s ease-out;
  69. }
  70.  
  71. a:hover{
  72. color:{color:Hover};
  73. text-decoration: none;
  74. -webkit-transition: color 0.3s ease-out;
  75. -moz-transition: color 0.3s ease-out;
  76. }
  77.  
  78.  
  79. div#center{
  80. margin:auto;
  81. position:relative;
  82. width:840px;
  83. background-color:;
  84. overflow:auto;
  85. overflow-y:hidden;
  86. }
  87.  
  88. div#content{
  89. float:right;
  90. width: 420px;
  91. margin-right: 120px;
  92. padding:1px;
  93. padding-top: 0px;
  94. background: #fff;
  95. }
  96.  
  97. div#entry{
  98. background-color:;
  99. margin-top:px;
  100. padding-top:0px;
  101. padding-bottom:0px;
  102. }
  103.  
  104. #entry .perma a{
  105. color:#000;
  106. }
  107.  
  108. #entry .perma{
  109. text-transform:uppercase;
  110. width:200px;
  111. height: auto;
  112. padding:3px;
  113. position: absolute;
  114. font-family: tinytots;
  115. font-size: 8px;
  116. line-height: 15px;
  117. text-align: center;
  118. margin-top: 1px;
  119. margin-left: 1px;
  120. overflow:hidden;
  121. opacity: 0.0;
  122. background-color:#fff;
  123. border-top-right-radius:0px;
  124. border-bottom-right-radius:12px;
  125. border-top-left-radius:0px;
  126. border-bottom-left-radius:0px;
  127. text-shadow:1px 1px 2px #777;
  128. }
  129.  
  130. #entry:hover .perma{
  131. overflow:visible;
  132. -webkit-transition: opacity 0.2s linear; opacity: 0.8;
  133. -webkit-transition: all 0.2s linear;
  134. -moz-transition: all 0.2s linear;
  135. transition: all 0.2s linear;
  136. }
  137.  
  138. .perma2{
  139. position:center;
  140. display: block;
  141. font-family: tinytots;
  142. font-size: 8px;
  143. text-align: center;
  144. background-color:#eee;
  145. text-transform:uppercase;
  146. text-shadow:1px 1px 2px #777;
  147. }
  148.  
  149.  
  150.  
  151. div#sidebar{
  152. position:fixed !important;
  153. margin-left: -6px;
  154. width: 300px;
  155. height: 100%;
  156. padding: 1px;
  157. line-height:10px;
  158. font-size: 11px;
  159. font-family: cambria;
  160. letter-spacing:0px;
  161. margin-bottom: 0px;
  162. margin-top: 0px;
  163. background-color:white;
  164. }
  165.  
  166. div#sidebar2{
  167. position:fixed !important;
  168. margin-left: 720px;
  169. margin-top: 147px;
  170. width: 60px;
  171. height: 14%;
  172. padding: 0px;
  173. line-height:10px;
  174. font-size: 8px;
  175. font-family: tinytots;
  176. letter-spacing:0px;
  177. margin-bottom: 0px;
  178. background-color:{color:background};
  179. background-image:url({image:Background});
  180. }
  181.  
  182. .link1 a {
  183. padding-left:11px;
  184. padding-right:7px;
  185. margin-bottom: 3px;
  186. line-height:7px;
  187. width: 30px;
  188. height: 8px;
  189. margin-top:1px;
  190. margin-left:0px;
  191. display:block;
  192. font-family: tinytots;
  193. font-size:8px;
  194. text-align: right;
  195. text-transform:uppercase;
  196. text-decoration:none;
  197. color: #000;
  198. background-color:white;
  199. -webkit-transition: all 0.8s ease-out;
  200. -moz-transition: all 0.8s ease-out;
  201. transition: all 0.8s ease-out;
  202. }
  203.  
  204. .link1 a:hover{
  205. padding-right:7px;
  206. margin-bottom: 3px;
  207. width: 62px;
  208. height: 8px;
  209. color: #000;
  210. background-color:white;
  211. -webkit-transition: all 0.3s ease-out;
  212. -moz-transition: all 0.3s ease-out;
  213. border-left:0px solid #e1e1e1;
  214. transition: all 0.3s ease-out;
  215. text-align:right;
  216. }
  217.  
  218. .link2 a {
  219. padding-right:7px;
  220. margin-bottom: 3px;
  221. line-height:7px;
  222. width: 30px;
  223. height: 8px;
  224. margin-top:1px;
  225. margin-left:0px;
  226. display:block;
  227. font-family: tinytots;
  228. font-size:8px;
  229. text-align: right;
  230. text-transform:uppercase;
  231. text-decoration:none;
  232. color: #000;
  233. background-color:white;
  234. -webkit-transition: all 0.8s ease-out;
  235. -moz-transition: all 0.8s ease-out;
  236. transition: all 0.8s ease-out;
  237. }
  238.  
  239. .link2 a:hover{
  240. padding-right:7px;
  241. margin-bottom: 3px;
  242. width: 56px;
  243. height: 8px;
  244. color: #000;
  245. background-color:white;
  246. -webkit-transition: all 0.3s ease-out;
  247. -moz-transition: all 0.3s ease-out;
  248. border-left:0px solid #e1e1e1;
  249. transition: all 0.3s ease-out;
  250. text-align:right;
  251. }
  252.  
  253. .link3 a {
  254. padding-right:7px;
  255. margin-bottom: 3px;
  256. line-height:7px;
  257. width: 42px;
  258. height: 8px;
  259. margin-top:1px;
  260. margin-left:0px;
  261. display:block;
  262. font-family: tinytots;
  263. font-size:8px;
  264. text-align: right;
  265. text-transform:uppercase;
  266. text-decoration:none;
  267. color: #000;
  268. background-color:white;
  269. -webkit-transition: all 0.8s ease-out;
  270. -moz-transition: all 0.8s ease-out;
  271. transition: all 0.8s ease-out;
  272. }
  273.  
  274. .link3 a:hover{
  275. padding-right:7px;
  276. margin-bottom: 3px;
  277. width: 67px;
  278. height: 8px;
  279. color: #000;
  280. background-color:white;
  281. -webkit-transition: all 0.3s ease-out;
  282. -moz-transition: all 0.3s ease-out;
  283. border-left:0px solid #e1e1e1;
  284. transition: all 0.3s ease-out;
  285. text-align:right;
  286. }
  287.  
  288. .link4 a {
  289. padding-right:7px;
  290. margin-bottom: 3px;
  291. line-height:7px;
  292. width: 38px;
  293. height: 8px;
  294. margin-top:1px;
  295. margin-left:0px;
  296. display:block;
  297. font-family: tinytots;
  298. font-size:8px;
  299. text-align:right;
  300. text-transform:uppercase;
  301. text-decoration:none;
  302. color: #000;
  303. background-color:white;
  304. -webkit-transition: all 0.8s ease-out;
  305. -moz-transition: all 0.8s ease-out;
  306. transition: all 0.8s ease-out;
  307. }
  308.  
  309. .link4 a:hover{
  310. padding-right:7px;
  311. margin-bottom: 3px;
  312. width: 72px;
  313. height: 8px;
  314. color: #000;
  315. background-color:white;
  316. -webkit-transition: all 0.3s ease-out;
  317. -moz-transition: all 0.3s ease-out;
  318. border-left:0px solid #e1e1e1;
  319. transition: all 0.3s ease-out;
  320. text-align:right;
  321. }
  322.  
  323. .link5 a {
  324. padding-right:7px;
  325. margin-bottom: 3px;
  326. line-height:7px;
  327. width: 28px;
  328. height: 8px;
  329. margin-top:1px;
  330. margin-left:0px;
  331. display:block;
  332. font-family: tinytots;
  333. font-size:8px;
  334. text-align: right;
  335. text-transform:uppercase;
  336. text-decoration:none;
  337. color: #000;
  338. background-color:white;
  339. -webkit-transition: all 0.8s ease-out;
  340. -moz-transition: all 0.8s ease-out;
  341. transition: all 0.8s ease-out;
  342. }
  343.  
  344. .link5 a:hover{
  345. padding-right:7px;
  346. margin-bottom: 3px;
  347. width: 55px;
  348. height: 8px;
  349. color: #000;
  350. background-color:white;
  351. -webkit-transition: all 0.3s ease-out;
  352. -moz-transition: all 0.3s ease-out;
  353. border-left:0px solid #e1e1e1;
  354. transition: all 0.3s ease-out;
  355. text-align:right;
  356. }
  357.  
  358.  
  359. #postnotes{
  360. text-align: justify;}
  361.  
  362. #postnotes blockquote{
  363. border: 0px;}
  364.  
  365. .title{
  366. font-family: amatic sc;
  367. font-size: 25px;
  368. line-height: 13px;
  369. color: {color:Title};
  370. letter-spacing: {text:title letter spacing};
  371. font-weight: normal;
  372. padding:0px 0px 0px 0px;
  373. }
  374.  
  375. .blogtitle {
  376. font-family: amatic sc;
  377. font-size: 37px;
  378. line-height: 22px;
  379. color: {color:link};
  380. letter-spacing: 1px;
  381. font-weight: normal;
  382. }
  383.  
  384. blockquote{
  385. padding:0px 0px 2px 5px;
  386. margin:0px 0px 2px 1px;
  387. border-left: 1px dotted #555555;
  388. }
  389.  
  390. blockquote p, ul{
  391. margin:0px;
  392. padding:0px;
  393. }
  394.  
  395.  
  396. a img{border: 0px;}
  397.  
  398. ul, ol, li{list-style:none; margin:0px; padding:0px;}
  399.  
  400. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  401. .user_7 .label, .user_8 .label, .user_9 .label {color:#555555;}
  402.  
  403. .notes img{width:10px; position:relative; top:3px;}
  404.  
  405. @font-face {font-family: "tinytots";src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');}
  406.  
  407. @font-face { font-family: "myprince"; src: url('http://static.tumblr.com/rmj06l2/Ez5lo1s2r/akmy_prince.ttf'); }
  408.  
  409. small{font-size: 90%;}
  410.  
  411.  
  412. </style>
  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. <style>#toTop {display:none;text-decoration:none;position:fixed;bottom:20px;right:20px;overflow:hidden;width:30px;height:40px;border:none;text-indent:-999px;background:url(http://static.tumblr.com/hi8vwsz/Q0ull6xz3/totop.png) no-repeat left top;z-index:3000;}#toTopHover {background:url(http://static.tumblr.com/hi8vwsz/Q0ull6xz3/totop.png) no-repeat left -40px;
  419. width:30px;height:40px;display:block;overflow:hidden;float:left;opacity: 0;-moz-opacity: 0;filter:alpha(opacity=0);}
  420. #toTop:active, #toTop:focus {outline:none;}#toTop:active, #toTop:focus {outline:none;}</style>
  421.  
  422. <script type="text/javascript" src="http://static.tumblr.com/53unaru/kx3lgzker/jquery-1.3.2.min.js" charset="utf-8"></script>
  423. <script type="text/javascript" src="http://static.tumblr.com/53unaru/4jtlgzkf8/easing.js"></script>
  424. <script type="text/javascript" src="http://static.tumblr.com/53unaru/y8wlgzkbt/jquery.ui.totop.js"></script>
  425. <script type="text/javascript">
  426. $(document).ready(function() {
  427. $().UItoTop({ easingType: 'easeOutQuart' });
  428. });
  429. </script>
  430.  
  431. </head>
  432. <body>
  433.  
  434. <div id="cage">
  435. <div id="center">
  436. <div id="sidebar2">
  437. <span class="link1">{block:ifCustomLinkOneTitle}<a href="{text:Custom Link One}">{text:Custom Link One Title}</a>{/block:ifCustomLinkOneTitle} </span>
  438. <span class="link2">{block:ifCustomLinkTwoTitle}<a href="{text:Custom Link Two}">{text:Custom Link Two Title}</a>{/block:ifCustomLinkTwoTitle} </span>
  439. <span class="link3">{block:ifCustomLinkThreeTitle}<a href="{text:Custom Link Three}">{text:Custom Link Three Title}</a>{/block:ifCustomLinkThreeTitle} </span>
  440. <span class="link4">{block:ifCustomLinkFourTitle}<a href="{text:Custom Link Four}">{text:Custom Link Four Title}</a>{/block:ifCustomLinkFourTitle} </span>
  441. <span class="link5"><a href="http://-ponyboy-.tumblr.com/">theme</a></span></div>
  442.  
  443. <div id="sidebar">
  444. {block:ifshowblogtitle}<div class="blogtitle"><center><a href="/">{Title}</a></center></div>{/block:ifshowblogtitle}<br>
  445. {block:ifshowphoto}<a href="/"><img src="{image:sidebar}" width=300px></a>{/block:ifshowphoto}
  446. <center>
  447. {Description}
  448. <center>{block:ifshowarrows}
  449. {block:PreviousPage}<a href="{PreviousPage}"><font size="1"><</font></a>{/block:PreviousPage}
  450. {block:NextPage}<a href="{NextPage}"><font size="1">></font></a>{/block:NextPage}
  451. {/block:ifshowarrows}</center>
  452. </div>
  453.  
  454. <div id="content">
  455. {block:Posts}
  456. <div id="entry">
  457.  
  458. {block:Text}
  459. {block:Title}<span class="title">{Title}</span>{/block:Title}
  460. <span class="entrytext">{Body}</span>
  461. <div class="perma2">
  462. <a href="{permalink}">{NoteCountWithLabel}</a> / <a href="{ReblogURL}" target="_blank"> reblog </a> / <a href="{permalink}">{TimeAgo}</a></span></div>
  463. {block:IndexPage}
  464. {/block:IndexPage}
  465. {/block:Text}
  466.  
  467. {block:Link}
  468. <a href="{URL}" class="title">{Name}</a>
  469. {block:Description}{Description}{/block:Description}
  470. <div class="perma2">
  471. <a href="{permalink}">{NoteCountWithLabel}</a> / <a href="{ReblogURL}" target="_blank"> reblog </a> / <a href="{permalink}">{TimeAgo}</a></span></div>
  472. {block:IndexPage}
  473. {/block:IndexPage}
  474. {block:Link}
  475.  
  476. {block:Photo}
  477. {LinkOpenTag}<div class="perma">
  478. <a href="{permalink}">{NoteCountWithLabel}</a> / <a href="{ReblogURL}" target="_blank"> reblog </a> / <a href="{permalink}">{TimeAgo}</a></span></div>
  479. <img src="{PhotoURL-500}" alt="{PhotoAlt}"width=420px/>{LinkCloseTag}
  480. {block:IndexPage}
  481. {/block:IndexPage}
  482. {/block:Photo}
  483.  
  484. {block:Photoset}
  485. <div class="perma">
  486. <a href="{permalink}">{NoteCountWithLabel}</a> &middot; <a href="{ReblogURL}" target="_blank">reblog</a></span></div>
  487. {Photoset-400}
  488. {block:IndexPage}
  489. {/block:IndexPage}
  490. {/block:Photoset}
  491.  
  492. {block:Quote}
  493. {Quote}</span>
  494. {block:Source}<strong>{Source}</strong>{/block:Source}
  495. <div class="perma2">
  496. <a href="{permalink}">{NoteCountWithLabel}</a> / <a href="{ReblogURL}" target="_blank"> reblog </a> / <a href="{permalink}">{TimeAgo}</a></span></div>
  497. {block:IndexPage}
  498. {/block:IndexPage}
  499. {/block:Quote}
  500.  
  501. {block:Chat}
  502. {block:Title}<span class="title">{Title}</span>{/block:Title}
  503. <ul class="chat">
  504. {block:Lines}
  505. <li class="user_{UserNumber}">
  506. {block:Label}
  507. <span class="label">{Label}</span>
  508. {/block:Label}
  509.  
  510. {Line}
  511. </li>
  512. {/block:Lines}
  513. <div class="perma2">
  514. <a href="{permalink}">{NoteCountWithLabel}</a> / <a href="{ReblogURL}" target="_blank"> reblog </a> / <a href="{permalink}">{TimeAgo}</a></span></div>
  515. {block:IndexPage}
  516. {/block:IndexPage}
  517. {/block:Chat}
  518.  
  519. {block:Audio}
  520. <center><div style="width:420px; height:28px;"><div style="float:left">{AudioPlayerBlack}</div><div style="margin-top:10px; float:right;">
  521. {FormattedPlayCount} plays </a>{block:ExternalAudio}{/block:ExternalAudio}</div></div></center>
  522. <div class="perma2">
  523. <a href="{permalink}">{NoteCountWithLabel}</a> / <a href="{ReblogURL}" target="_blank"> reblog </a> / <a href="{permalink}">{TimeAgo}</a></span></div>
  524. {block:IndexPage}
  525. {/block:IndexPage}
  526. {/block:Audio}
  527.  
  528. {block:Video}<center>
  529. {Video-400}</center>
  530. {block:IndexPage}
  531. {/block:IndexPage}
  532. {block:Video}
  533.  
  534. {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}{/block:PermalinkPage}
  535.  
  536. {block:PostNotes}{PostNotes}
  537. {/block:PostNotes}
  538. </div>
  539.  
  540. {/block:Posts}
  541. </center>
  542. {block:ifshowarrows}<center><a href="http://-poke.tumblr.com/">theme</a></center>{/block:ifshowarrows}
  543. </div></div>
  544. <center>
  545. </div>
  546. </center>
  547.  
  548. </body>
  549. </html>
Advertisement
Add Comment
Please, Sign In to add comment