API tools faq
paste
Advertisement
aretter

lucid theme

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