Advertisement
peasantlou

Faire vivre theme

May 20th, 2014
336
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.29 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.  
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4.  
  5. <head>
  6.  
  7. <meta name="color:background" content="#fafafa">
  8. <meta name="color:links" content="#d3d3d3">
  9. <meta name="color:hover" content="#454545">
  10. <meta name="color:infobackground" content="#FCFCFC">
  11. <meta name="color:text" content="#9A9A9A">
  12. <meta name="color:scrollbar" content="#D6D5D5">
  13. <meta name="color:border" content="#eeeeee">
  14.  
  15. <meta name="if:Show link3" content="1"/>
  16. <meta name="if:Show link4" content="1"/>
  17. <meta name="text:link 1" content="">
  18. <meta name="text:link 1 url" content="/">
  19. <meta name="text:link 2" content="">
  20. <meta name="text:link 2 url" content="/">
  21. <meta name="text:link 3" content="">
  22. <meta name="text:link 3 url" content="/">
  23. <meta name="text:link 4" content="">
  24. <meta name="text:link 4 url" content="/">
  25.  
  26. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  27. <title>{Title}</title> {block:descriptionription}<meta name="descriptionription" content="{Metadescriptionription}" />{/block:descriptionription}
  28. <links rel="shortcut icon" href="{Favicon}" />
  29. <links rel="alternate" type="application/rss+xml" href="{RSS}" />
  30.  
  31. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/8mXm7q8vn/jquery.js"></script>
  32. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/ogWm7q8w1/lazyload.js"></script>
  33. <script type="text/javascript" charset="utf-8">
  34. var $j = jQuery.noConflict();
  35. $j(function() {
  36. if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
  37. $j("img").lazyload({
  38. placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif",
  39. effect: "fadeIn",
  40. });
  41. });
  42. </script>
  43. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  44.  
  45. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  46.  
  47. <script>
  48.  
  49. (function($){
  50.  
  51. $(document).ready(function(){
  52.  
  53. $("a[title]").style_my_tooltips({
  54.  
  55. tip_follows_cursor:true,
  56.  
  57. tip_delay_time:20,
  58.  
  59. tip_fade_speed:400,
  60.  
  61. attribute:"title"
  62.  
  63. });
  64.  
  65. });
  66.  
  67. })(jQuery);
  68.  
  69. </script>
  70.  
  71. <script>
  72. $(document).ready(function(){
  73. $("#s").click(function(){
  74. $(".search").slideToggle("slow");
  75. });
  76. });
  77. </script>
  78.  
  79. <style type="text/css">
  80.  
  81. #s-m-t-tooltip{
  82. position:absolute;
  83. margin:15px;
  84. letter-spacing:1px;
  85. font-size:7px;
  86. z-index:9999;
  87. background:#ffffff;
  88. border-bottom:1px solid {color:border};
  89. text-transform:uppercase;
  90. padding:0px 6px;
  91. color:{color:text};
  92. }
  93.  
  94. ::-webkit-scrollbar {
  95. background-color:{color:infobackground};
  96. height:8px;
  97. width:8px;
  98. }
  99.  
  100. ::-webkit-scrollbar-thumb:vertical {
  101. background-color:{color:scrollbar};
  102. height:50px;
  103. }
  104. ::-webkit-scrollbar-thumb:horizontal {
  105. background-color:{color:scrollbar};
  106. height:8px!important;
  107. }
  108.  
  109.  
  110. body {
  111. background:{color:background};
  112. font-family:arial;
  113. font-size:9px;
  114. line-height:17px;
  115. text-align:justify;
  116. color:{color:text};
  117. }
  118.  
  119. a {
  120. color:{color:links};
  121. text-decoration:none;
  122. -moz-transition-duration:0.5s;
  123. -webkit-transition-duration:0.5s;
  124. -o-transition-duration:0.5s;
  125. }
  126.  
  127. a:hover {
  128. color:{color:hover};
  129. text-decoration:none;
  130. -moz-transition-duration:0.5s;
  131. -webkit-transition-duration:0.5s;
  132. -o-transition-duration:0.5s;
  133. }
  134.  
  135.  
  136. blockquote {
  137. border-left:2px solid {color:accent};
  138. padding:5px 10px;
  139. margin:5px;
  140. }
  141.  
  142. b, strong {
  143. color:#000;
  144. font-weight:700;
  145. }
  146.  
  147. i, em {
  148. font-style:oblique;
  149. }
  150.  
  151. p {
  152. margin-top:5px;
  153. margin-bottom:5px;
  154. word-wrap:break-word;
  155. }
  156.  
  157. ul, ol {
  158. list-style:circle;
  159. }
  160.  
  161. small {
  162. font-size:10px;}
  163.  
  164. big {
  165. font-size:12px;}
  166.  
  167. .quote{
  168. font-family:courier;
  169. font-size:12px;
  170. padding:5px;
  171. line-height:19px;
  172. }
  173.  
  174. .source {
  175. font-family:georgia;
  176. font-size:10px;
  177. text-align:right;
  178. font-weight:normal;
  179. font-style:italic;
  180. line-height:120%;
  181. text-transform:none;
  182. color:{color:text};
  183. }
  184.  
  185. .title {
  186. font-size:12px;
  187. text-align:center;
  188. font-weight:normal;
  189. line-height:120%;
  190. text-transform:uppercase;
  191. padding:5px;
  192. color:{color:text};
  193. }
  194.  
  195. .ca {
  196. text-align:justify;
  197. padding:10px;
  198. margin-top:5px;
  199. background:#fafafa;
  200. word-wrap:break-word;
  201. }
  202.  
  203. #sidebar {
  204. position:fixed;
  205. width:150px;
  206. margin-top:180px;
  207. margin-left:350px;
  208. text-align:right;
  209. }
  210.  
  211. .sidetitle{
  212. font-size:14px;
  213. letter-spacing:4px;
  214. text-transform:uppercase;
  215. padding-bottom:4px;
  216. margin-top:2px;
  217. border-bottom:1px solid {color:border};
  218. }
  219.  
  220. .sidelinks {
  221. margin-bottom:10px;
  222. font-size:8px;
  223. text-transform:uppercase;
  224. }
  225.  
  226. .sidelinks a{
  227. padding:3px;
  228. letter-spacing:1px;
  229. text-decoration:none;
  230. display:block;
  231. }
  232.  
  233. .sidelinks a:hover{
  234. color:{color:hover};
  235. }
  236.  
  237. .description {
  238. margin-top:10px;
  239. letter-spacing:1px;
  240. padding-top:10px;
  241. border-top:1px solid {color:border};
  242. }
  243.  
  244. .description a {
  245. color:{color:links};
  246. }
  247.  
  248. .pagi {
  249. font-size:8px;
  250. text-transform:uppercase;
  251. letter-spacing:3px;
  252. font-style:normal;
  253. text-align:center;
  254. }
  255.  
  256. .pagi a {
  257. color:{color:links};
  258. }
  259.  
  260. #stuffcontainer {
  261. float:left;
  262. margin-left:500px;
  263. margin-top:-20px;
  264. border-left:1px solid {color:border};
  265. border-right:1px solid {color:border};
  266. background:#fff;
  267. padding-bottom:20px;
  268. }
  269.  
  270. #stuff {
  271. width:400px;
  272. margin-top:100px;
  273. padding:0px 20px;
  274. }
  275.  
  276. .caption {
  277. width:400px;
  278. line-height:120%;
  279. }
  280.  
  281. .ask {
  282. padding:10px;
  283. text-align:left;
  284. background-color:{color:infobackground};
  285. }
  286.  
  287. .ask a{
  288. font-weight:700;
  289. padding-bottom:1px;
  290. letter-spacing:1px;
  291. border-bottom:1px solid {color:links};
  292. }
  293.  
  294. .ask a:hover{
  295. border-bottom:1px solid {color:hover};
  296. }
  297.  
  298. .ans {
  299. text-align:left;
  300. padding:10px;
  301. }
  302.  
  303. .tumblr_audio_player {
  304. width:400px;
  305. height:30px;
  306. }
  307.  
  308. .player {
  309. width:30px;
  310. overflow:hidden;
  311. padding-left:10px;
  312. border-left:1px solid #fff;
  313. height:33px;
  314. float:left;
  315. padding-top:2px;
  316. border-right:10px solid #fff;
  317. }
  318.  
  319. .audio_info {
  320. padding-top:5px;
  321. letter-spacing:1px;
  322. font-size:8px;
  323. text-transform:uppercase;
  324. }
  325.  
  326. .plays {
  327. font-style:italic;
  328. text-transform:none;
  329. letter-spacing:0;
  330. font-size:10px;
  331. }
  332.  
  333. #postinfo {
  334. width:420px;
  335. margin-left:-20px;
  336. margin-top:15px;
  337. padding:5px 10px;
  338. font-size:8px;
  339. text-transform:uppercase;
  340. letter-spacing:2px;
  341. border-top:1px solid {color:border};
  342. border-bottom:1px solid {color:border};
  343. }
  344.  
  345. #postinfo a {
  346. color:{color:links};
  347. text-align:center;
  348. letter-spacing:1px;
  349. font-style:normal;
  350. }
  351.  
  352. #postinfo a:hover {
  353. color:{color:hover};
  354. }
  355.  
  356. ol.notes {
  357. width:380px;
  358. padding:0px;
  359. margin:100px 0px 0px 20px;
  360. list-style-type:lower-roman;
  361. text-align:left;
  362. color:{color:text};
  363. }
  364.  
  365. ol.notes a{
  366. color:{color:links};
  367. }
  368.  
  369. ol.notes li.note {
  370. list-style-type:lower-roman;
  371. padding:5px 2px;
  372. border-bottom:1px solid {color:border};
  373. }
  374.  
  375. ol.notes li.note img.avatar {
  376. display:none !important;
  377. }
  378.  
  379. ol.notes li.note span.action {
  380. font-weight:normal;
  381. }
  382.  
  383. ol.notes li.note .answer_content {
  384. font-weight:normal;
  385. }
  386.  
  387. ol.notes li.note blockquote {
  388. padding:9px 6px 9px 6px;
  389. }
  390.  
  391. .tags {
  392. float:right;
  393. text-transform:uppercase;
  394. font-size:7px;
  395. }
  396.  
  397. .chat ol {
  398. padding:0;
  399. line-height:180%;
  400. list-style:none;
  401. }
  402.  
  403. .line.odd {
  404. background:#f4f4f4;
  405. margin-bottom:2px;
  406. padding:5px;
  407. list-style:none;
  408. }
  409.  
  410. .line.even {
  411. background:#fafafa;
  412. padding:5px;
  413. margin-bottom:2px;
  414. list-style:none;
  415. border:none;
  416. }
  417.  
  418. .label {
  419. text-decoration:underline;
  420. font-weight:700;
  421. background-color:{color:infobackground};
  422. margin-right:5px;
  423. }
  424.  
  425. #cred {
  426. letter-spacing:2px;
  427. bottom:0px;
  428. padding-top:30px;
  429. text-transform:uppercase;
  430. text-align:center;
  431. color:{color:text};
  432. }
  433.  
  434. {CustomCSS}
  435.  
  436. </style>
  437. </head>
  438.  
  439. <body>
  440. <div id="sidebar">
  441. <div class="sidetitle">{Title}</div>
  442. <div class="sidelinks">
  443. <a href="{text:link 1 url}">{text:link 1}</a>
  444. <a href="{text:link 2 url}">{text:link 2}</a>
  445. {block:ifShowlink3}<a href="{text:link 3 url}">{text:link 3}</a>{/block:ifShowlink3}
  446. {block:ifShowlink4}<a href="{text:link 4 url}">{text:link 4}</a>{/block:ifShowlink4}
  447. {block:Pagination}
  448. {block:NextPage}
  449. <a href="{NextPage}">forth</a>
  450. {/block:NextPage}
  451. {block:PreviousPage}
  452. <a href="{PreviousPage}">back</a>
  453. {/block:PreviousPage}
  454. {/block:Pagination}
  455. </div>
  456. <div class="description">
  457. {description}
  458. </div>
  459. </div>
  460.  
  461. <div id="stuffcontainer">
  462.  
  463. {block:Posts}
  464.  
  465. <div id="stuff">
  466.  
  467. {block:Text}
  468. {block:Title}
  469. <div class="title">{Title}</div>
  470. {/block:Title}
  471. {Body}
  472. {/block:Text}
  473.  
  474.  
  475. {block:Quote}
  476. <div class="quote">
  477. {Quote}
  478. </div>
  479. <div class="source">
  480. {Source}
  481. </div>
  482. {/block:Quote}
  483.  
  484.  
  485. {block:Link}
  486. <div class="title"><a href="{URL}">{Name}</a></div>
  487. {block:descriptionription}{descriptionription}{/block:descriptionription}
  488. {/block:Link}
  489.  
  490.  
  491. {block:Photo}
  492. <img src="{PhotoURL-400}" alt="{PhotoAlt}"/>
  493. {block:Caption}<div class="ca">{Caption}</div>{/block:Caption}
  494. {/block:Photo}
  495.  
  496.  
  497. {block:Photoset}
  498. {Photoset-400}
  499. {block:Caption}<div class="ca">{Caption}</div>{/block:Caption}
  500. {/block:Photoset}
  501.  
  502.  
  503. {block:Chat}
  504. {block:Title}
  505. <div class="title">{Title}</div>
  506. {/block:Title}
  507. <div class="chat">
  508. <ol>{block:Lines}
  509. <li class="line {Alt}">
  510. {block:Label}
  511. <span class="label">
  512. {Label}</span>
  513. {/block:Label}{Line}</li>
  514. {/block:Lines}
  515. </ol></div>
  516. {/block:Chat}
  517.  
  518. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  519.  
  520. {block:Answer}<div class="ask">{Asker} asked: {Question}</div><div class="ans">{Answer}</div>{/block:answer}
  521.  
  522. {block:Audio}{block:AudioPlayer}
  523. <div class="player">{AudioPlayerWhite}</div>
  524. {/block:AudioPlayer}
  525. <div class="audio_info">{block:TrackName}{TrackName}{/block:TrackName}<div class="plays">{block:Artist}{Artist} &mdash; {/block:Artist}
  526. {playcountwithlabel}</div></div>
  527. {/block:Audio}
  528.  
  529. {block:Date}<div id="postinfo">{TimeAgo}</a>{block:NoteCount} | <a href="{Permalinks}">{NoteCountWithLabel}</a>{/block:NoteCount}{block:RebloggedFrom} | <a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}
  530. {block:ContentSource} | <a href="{SourceURL}">©</a>{/block:ContentSource}
  531. {block:HasTags}
  532. <div class="tags">
  533. {block:Tags}<a href="{TagURL}">#{Tag}</a>&nbsp;{/block:Tags}</div>
  534. {/block:HasTags}</div>{/block:Date}
  535.  
  536.  
  537. {block:PostNotes}{PostNotes}{/block:PostNotes}
  538. </div>
  539. {/block:Posts}
  540.  
  541. <div id="cred"><a href="http://frenchcourt.tumblr.com">french themes
  542. </a></div>
  543.  
  544. </div>
  545. </div>
  546. </div>
  547. </div>
  548. </body>
  549. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement