aretter

feuilles theme

Mar 19th, 2012
11,299
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.90 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" xml:lang="en" lang="en">
  3.  
  4. <!--
  5. feuilles theme, updated 19/3/2012: created by aretter
  6. -->
  7.  
  8. <meta name="color:text" content="#000">
  9. <meta name="color:links" content="#000">
  10. <meta name="color:nav links" content="#000">
  11. <meta name="color:hover" content="#000">
  12. <meta name="color:background" content="#fff">
  13. <meta name="color:scrollbar" content="#000">
  14. <meta name="color:title underline" content="#eee">
  15.  
  16. <meta name="if:small posts" content="" />
  17. <meta name="if:bigger posts" content="" />
  18. <meta name="if:biggest posts" content="1" />
  19. <meta name="if:small space between posts" content=""/>
  20. <meta name="if:medium space between posts" content=""/>
  21. <meta name="if:large space between posts" content="1"/>
  22. <meta name="if:endless scroll" content="1"/>
  23. <meta name="if:show index" content="1"/>
  24. <meta name="if:show ask" content="1" />
  25. <meta name="if:show captions" content="1" />
  26.  
  27. <meta name="font:title" content="Courier New" />
  28. <meta name="font:body" content="Baskerville" />
  29. <meta name="font:nav" content="Courier New" />
  30. <meta name="font:caption" content="Courier New" />
  31.  
  32. <meta name="text:title font size" content="20px" />
  33. <meta name="text:font size" content="10px" />
  34. <meta name="text:nav font size" content="9px" />
  35. <meta name="text:caption font size" content="9px" />
  36.  
  37.  
  38. <link rel="shortcut icon" href="{Favicon}">
  39. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  40. <link rel="shortcut icon" href="{Favicon}">
  41. <title>{Title}</title>
  42. <link rel="shortcut icon" href="{Favicon}">
  43. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  44.  
  45. {block:Description}
  46. <meta name="description" content="{MetaDescription}" />
  47. {/block:Description}
  48.  
  49.  
  50. <style type="text/css">
  51. body {margin:auto;
  52. height:100%;
  53. text-align:justify;
  54. font-family:{font:body};
  55. font-size:{text:font size};
  56. color:{color:text};
  57. background-color:{color:background};
  58. line-height:11px;}
  59.  
  60. .tumblrAutoPager_page_info,
  61. .tumblrAutoPager_page_separator {display:none;}
  62.  
  63. .allposts {margin:auto;
  64. margin-top:10px;
  65. {block:ifsmallposts}width:250px;{/block:ifsmallposts}
  66. {block:ifbiggerposts}width:400px;{/block:ifbiggerposts}
  67. {block:ifbiggestposts}width:500px;{/block:ifbiggestposts}
  68. overflow:shown;}
  69.  
  70. a {text-decoration:none;
  71. color:{color:links};
  72. -webkit-transition: 0.5s ease-in;}
  73. a:hover {-webkit-transition:0.5s ease-in;
  74. color:{color:hover};}
  75.  
  76. #entry {margin:auto;
  77. margin-bottom:40px;
  78. {block:Ifsmallspacebetweenposts}margin-bottom: 5px;{/block:Ifsmallspacebetweenposts} {block:Ifmediumspacebetweenposts}margin-bottom:10px;{/block:Ifmediumspacebetweenposts} {block:Iflargespacebetweenposts}margin-bottom: 40px;{/block:Iflargespacebetweenposts} width:400px;
  79. {block:ifsmallposts}width:250px;{/block:ifsmallposts}
  80. {block:ifbiggerposts}width:400px;{/block:ifbiggerposts}
  81. {block:ifbiggestposts}width:500px;{/block:ifbiggestposts}}
  82.  
  83. #entry img {width:400px;
  84. {block:ifsmallposts}width:250px;{/block:ifsmallposts}
  85. {block:ifbiggerposts}width:400px;{/block:ifbiggerposts}
  86. {block:ifbiggestposts} width:500px;{/block:ifbiggestposts}}
  87.  
  88. a img {border:0px;}
  89.  
  90. #entry:hover .permalink {opacity: 1;}
  91.  
  92. .blogtitle {margin:auto;
  93. margin-top:40px;
  94. font-family: {font:title};
  95. text-align:left;
  96. font-size:{text:title font size};
  97. text-transform:uppercase;}
  98.  
  99. .blogtitle a {border-bottom:1px solid {color:title underline};}
  100.  
  101. .desc {margin-bottom:40px; margin-top:10px;}
  102.  
  103. div.navlinks a {margin:auto;
  104. font-family:{font:nav};
  105. padding-left:2px;
  106. position:relative;
  107. color:{color:nav links};
  108. font-size:{text:nav font size};
  109. text-transform:uppercase;}
  110.  
  111. div.navlinks a:hover {padding-left:2px;
  112. color:{color:hover};}
  113.  
  114. .bottombar {margin:auto;
  115. padding:10px;
  116. position:fixed;
  117. right:50%;
  118. margin-right:-202px;
  119. width:384px;
  120. {block:ifsmallposts}position:fixed;
  121. right:50%;
  122. margin-right:-126px;
  123. width:234px;{/block:ifsmallposts}
  124. {block:ifbiggerposts}position:fixed;
  125. right:50%;
  126. margin-right:-202px;
  127. width:384px;{/block:ifbiggerposts}
  128. {block:ifbiggestposts}position:fixed;
  129. right:50%;
  130. margin-right:-251px;
  131. width:484px;{/block:ifbiggestposts}
  132. position:fixed;
  133. background-color:{color:background};
  134. opacity:0.9;
  135. bottom:-2px;
  136. padding-bottom:18px;
  137. padding-top:2px;}
  138.  
  139. #pag {z-index:1000;
  140. font-family:{font:nav};
  141. text-transform:uppercase;
  142. color:{color:nav links};
  143. padding:10px;
  144. font-size:{text:nav font size};
  145. width:480px;
  146. text-align:right;
  147. {block:ifsmallposts}width:230px;{/block:ifsmallposts}
  148. {block:ifbiggerposts}width:380px;{/block:ifbiggerposts}
  149. {block:ifbiggestposts}width:480px;{/block:ifbiggestposts}
  150. position:fixed;
  151. bottom:1px;}
  152.  
  153. .caption {margin-top:-16px;
  154. text-transform:uppercase;
  155. font-size:{text:caption font size};
  156. font-family:{font:caption};
  157. padding:10px;}
  158.  
  159. .audio {background-color:#000000;
  160. margin-bottom :-10px;
  161. width:400px;
  162. {block:ifsmallposts}width:250px;{/block:ifsmallposts}
  163. {block:ifbiggerposts}width:400px;{/block:ifbiggerposts}
  164. {block:ifbiggestposts}width:500px;{/block:ifbiggestposts}}
  165.  
  166. div.video embed,
  167. div.post div.video object {width:400px;
  168. {block:ifsmallposts}width:250px;{/block:ifsmallposts}
  169. {block:ifbiggerposts}width:400px;{/block:ifbiggerposts}
  170. {block:ifbiggestposts}width:500px;{/block:ifbiggestposts}
  171. height:300px;}
  172.  
  173. ol.notes {margin-left:-40px;
  174. margin-top:20px;
  175. margin-bottom:40px;
  176. list-style-type:none;
  177. text-align:left;
  178. {block:ifsmallposts}width:250px;{/block:ifsmallposts}
  179. {block:ifbiggerposts}width:400px;{/block:ifbiggerposts}
  180. {block:ifbiggestposts}width:500px;{/block:ifbiggestposts}}
  181. ol.notes li.note span.action {text-align:center;}
  182. ol.notes li.note span.action a {text-align:center;}
  183. ol.notes li.note blockquote {padding: 1px 3px;margin: 3px 0 3px 7px;}
  184. ol.notes li.note blockquote a {text-decoration: none;}
  185.  
  186. blockquote {padding-left:7px;
  187. border-left: 1px solid {color:text};
  188. margin: 3px 10px 3px 7px;}
  189.  
  190. .permalink {position:absolute;
  191. text-align:left;
  192. -webkit-transition: 0.5s ease-in;
  193. opacity:0;
  194. margin-left:504px;
  195. {block:ifsmallposts}margin-left:254px;{/block:ifsmallposts}
  196. {block:ifbiggerposts}margin-left:404px;{/block:ifbiggerposts}
  197. {block:ifbiggestposts}margin-left:504px;{/block:ifbiggestposts} }
  198.  
  199. .permalink a {color:{color:permalink};}
  200.  
  201. .permalink a:hover {color:{color:permalink};}
  202.  
  203. .entry:hover .permalink {opacity: 1;}
  204.  
  205. .textperma {text-align:right;}
  206.  
  207. ::-webkit-scrollbar{width:10px;
  208. height:8px;}
  209. ::-webkit-scrollbar-button:start:decrement
  210. ::-webkit-scrollbar-button:end:increment{display:block;
  211. height:0;
  212. background-color:transparent;}
  213. ::-webkit-scrollbar-track-piece{background-color:{color:background};
  214. -webkit-border-radius:0;
  215. -webkit-border-bottom-right-radius:3px;
  216. -webkit-border-bottom-left-radius:3px;}
  217. ::-webkit-scrollbar-thumb:vertical{height:50px;
  218. background-color:{color:scrollbar};}
  219. ::-webkit-scrollbar-thumb:horizontal{width:50px;
  220. background-color:{color:scrollbar};}
  221. </style>
  222.  
  223. {block:IfEndlessScroll}
  224. <script type="text/javascript" src="http://static.tumblr.com/q0etgkr/J5bl3lkz1/tumblrautopagernopage.js"></script>
  225. {/block:IfEndlessScroll}
  226.  
  227. <script type="text/javascript" src="http://static.tumblr.com/twte3d7/BH7lio0yf/jquery.js"></script>
  228. <script type="text/javascript" src="http://static.tumblr.com/twte3d7/RhUlio0y7/lazyload.js"></script>
  229. <script type="text/javascript" charset="utf-8">
  230. var $j = jQuery.noConflict();
  231. $j(function() {
  232. if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
  233. $j("img").lazyload({
  234. placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif",
  235. effect: "fadeIn",
  236. });
  237. });
  238. </script>
  239.  
  240.  
  241. {block:IndexPage}
  242. <script type="text/javascript">
  243. $(window).load(function(){
  244. $("p").remove(":contains('Source:')");
  245. $("p").remove(":contains('(via')");
  246. });
  247. </script>
  248. {/block:IndexPage}
  249.  
  250. </head>
  251.  
  252.  
  253. <body>
  254.  
  255. <div class="allposts">
  256. <div class="blogtitle"><a href="/">{Title}</a></div>
  257. <div class="desc">{block:Description}{Description}{/block:Description}</div>
  258.  
  259.  
  260. <div class="allposts">
  261. <div class="bottombar">
  262. <div class="navlinks">
  263. {block:Ifshowindex}<a href="/archive"><u>index</u></a>{/block:Ifshowindex}
  264. {block:Ifshowask}<a href="/ask"><u>ask</u></a>{/block:Ifshowask}
  265. {block:HasPages}{block:Pages}<a href="{URL}"><u>{Label}</u></a> {/block:Pages}{/block:HasPages}
  266. </div></div></div>
  267.  
  268.  
  269. {block:IfEndlessScroll}
  270. <div class="autopagerize_page_element">
  271. {/block:IfEndlessScroll}
  272.  
  273. {block:Posts}
  274.  
  275. {block:Text}
  276. <div id="entry">
  277. {block:Title}{Title}{/block:Title}
  278. {Body}
  279. <div class="textperma"><a href="{Permalink}"><b>Posted</b>: {TimeAgo}</a></div>
  280. </div>
  281. {/block:Text}
  282.  
  283. {block:Photo}
  284. <div id="entry">
  285. {block:IndexPage}<span class="permalink"><a href="{Permalink}">{TimeAgo}</a></span>{/block:IndexPage}
  286. {block:IndexPage}<a href="{Permalink}">{/block:IndexPage}
  287. {block:PermalinkPage}{LinkOpenTag}{/block:PermalinkPage}
  288. <img src="{block:IndexPage}{PhotoURL-HighRes}{/block:IndexPage}{block:PermalinkPage}{PhotoURL-HighRes}{/block:PermalinkPage}" alt="{PhotoAlt}"/>
  289. {block:IndexPage}</a>{/block:IndexPage}
  290. {block:PermalinkPage}{LinkCloseTag}{/block:PermalinkPage}
  291. {block:ifshowcaptions}<div class="caption">{Caption}</div>{/block:ifshowcaptions}
  292. </div>
  293. {/block:Photo}
  294.  
  295. {block:Photoset}
  296. <div id="entry">
  297. {block:IndexPage}<a href="{Permalink}">{/block:IndexPage}
  298. {block:PermalinkPage}{LinkOpenTag}{/block:PermalinkPage}
  299. {block:ifsmallposts}{Photoset-250}{/block:ifsmallposts}
  300. {block:ifbiggerposts}{Photoset-400}{/block:ifbiggerposts}
  301. {block:ifbiggestposts}{Photoset-500}{/block:ifbiggestposts}
  302. {block:IndexPage}</a>{/block:IndexPage}
  303. {block:PermalinkPage}{LinkCloseTag}{/block:PermalinkPage}
  304. {block:ifshowcaptions}<div class="caption">{Caption}</div>{/block:ifshowcaptions}
  305. </div>
  306. {/block:Photoset}
  307.  
  308. {block:Quote}
  309. <div id="entry">
  310. <big><big><b>“</b></big></big>{Quote}<big><big><b>”</b></big></big><br>
  311. {block:Source}<i>by</i> <b><a href="{Permalink}">{Source}</a></b>{/block:Source}</i>
  312. </div>
  313. {/block:Quote}
  314.  
  315. {block:Link}
  316. <div id="entry">
  317. <a href="{URL}">{Name}</a>
  318. {block:Description}{Description}{/block:Description}
  319. <div class="textperma"><a href="{Permalink}"><b>Posted</b>: {TimeAgo}</a></div>
  320. </div>
  321. {/block:Link}
  322.  
  323. {block:Chat}
  324. <div id="entry">
  325. {block:Title}<i>{Title}</i>{/block:Title}<br>
  326. {block:Lines}{block:Label}<b>{Label}</b> {Line}<br>{/block:Label}{/block:Lines}
  327. <div class="textperma"><a href="{Permalink}"><b>Posted</b>: {TimeAgo}</a></div>
  328. </div>
  329. {/block:Chat}
  330.  
  331. {block:Audio}
  332. <div id="entry">
  333. <div class="audio">
  334. {AudioPlayerBlack}</div><br>
  335. {block:TrackName}{TrackName} by {/block:TrackName}{block:Artist}{Artist}{/block:Artist}
  336. <div class="textperma"><a href="{Permalink}"><b>Posted</b>: {TimeAgo}</a></div>
  337. </div>
  338. {/block:Audio}
  339.  
  340. {block:Answer}
  341. <div id="entry">
  342. {Answer}<i>{Question}</i> asked by <u>{Asker}</u>
  343. <div class="textperma"><a href="{Permalink}"><b>Posted</b>: {TimeAgo}</a></div>
  344. </div>
  345. {/block:answer}
  346.  
  347. {block:Video}
  348. <div id="entry">
  349. <div class="video">
  350. {block:ifsmallposts}{Video-250}{/block:ifsmallposts}
  351. {block:ifbiggerposts}{Video-400}{/block:ifbiggerposts}
  352. {block:ifbiggestposts}{Video-500}{/block:ifbiggestposts}
  353. {block:ifshowcaptions}<div class="caption">{Caption}</div>{/block:ifshowcaptions}
  354. </div></div>
  355. {/block:Video}
  356.  
  357. {block:PostNotes}
  358. <br>
  359. {PostNotes}
  360. {/block:PostNotes}
  361.  
  362. {/block:Posts}
  363.  
  364. {block:IfEndlessScroll}</div>{/block:IfEndlessScroll}
  365.  
  366. {block:IndexPage}{block:IfNotEndlessScroll}<div id="pag">
  367. {block:PreviousPage}<a href="{PreviousPage}" title="newer entries"><b>←</b></a>{/block:PreviousPage} Page {CurrentPage} {block:NextPage}<a href="{NextPage}" title="older entries"><b>→</b></a>{/block:NextPage}{/block:IfNotEndlessScroll}</div>{/block:IndexPage}
  368.  
  369. {block:IfEndlessScroll}
  370. <div class="navbar">
  371. <div id="pag">
  372. </div></div>
  373. {/block:IfEndlessScroll}
  374.  
  375. <div style="position:fixed; opacity:0.4; right:2px; bottom:2px;"><a href="http://arreter.tumblr.com">theme</a></div>
  376.  
  377. </div>
  378. </body>
  379. </html>
Advertisement
Add Comment
Please, Sign In to add comment