aretter

svelte theme

Mar 19th, 2012
16,655
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.09 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. svelte theme, updated 19/3/2012: created by aretter
  6. -->
  7.  
  8. <meta name="color:title" content="#000">
  9. <meta name="color:text" content="#000">
  10. <meta name="color:links" content="#000">
  11. <meta name="color:borders" content="#ddd">
  12. <meta name="color:permalink" content="#ccc">
  13. <meta name="color:background" content="#fff">
  14.  
  15. <meta name="if:fixed post width" content="1" />
  16. <meta name="if:endless scroll" content="1"/>
  17. <meta name="if:show archive" content="1"/>
  18. <meta name="if:show ask" content="1" />
  19. <meta name="if:show captions" content="1" />
  20. <meta name="if:show portrait photo" content="" />
  21.  
  22. <meta name="font:title" content="Baskerville" />
  23. <meta name="font:body" content="Baskerville" />
  24. <meta name="text:title font size" content="13px" />
  25. <meta name="text:font size" content="10px" />
  26.  
  27. <link rel="shortcut icon" href="{Favicon}">
  28. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  29. <link rel="shortcut icon" href="{Favicon}">
  30. <title>{Title}</title>
  31. <link rel="shortcut icon" href="{Favicon}">
  32. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  33.  
  34. {block:Description}
  35. <meta name="description" content="{MetaDescription}" />
  36. {/block:Description}
  37.  
  38.  
  39. <style type="text/css">
  40. body {margin-left:240px;
  41. margin-top:60px;
  42. height:100%;
  43. font-family:{font:body};
  44. font-size: {text:font size};
  45. line-height:11px;
  46. background-color:{color:background};
  47. color:{color:text};}
  48.  
  49. .tumblrAutoPager_page_info,
  50. .tumblrAutoPager_page_separator {display:none;}
  51.  
  52. a {text-decoration:none;
  53. color:{color:links};}
  54.  
  55. #entry {margin-bottom:80px;
  56. {block:iffixedpostwidth}width:500px;{/block:iffixedpostwidth}
  57. {block:ifnotfixedpostwidth}min-width:300px; max-width:600px;{/block:ifnotfixedpostwidth}}
  58.  
  59. #entry img {{block:iffixedpostwidth}width:500px;{/block:iffixedpostwidth}
  60. {block:ifnotfixedpostwidth}min-width:300px; max-width:700px;{/block:ifnotfixedpostwidth}}
  61.  
  62. a img {border:0px;}
  63.  
  64. .information {position:fixed;
  65. left:25px;
  66. top:150px;
  67. text-align:left;}
  68.  
  69. #portrait {-moz-border-radius: 64px;
  70. -webkit-border-radius: 64px;
  71. width: 64px; height: 64px;
  72. background-image:url({PortraitURL-64})}
  73.  
  74. .blogtitle {font-family:{font:title};
  75. text-align:left;
  76. font-size:{text:title font size};
  77. width:140px;
  78. font-weight:bold;}
  79.  
  80. .blogtitle a {color:{color:title};}
  81.  
  82. .description {max-width:160px;
  83. margin-top:-4px;
  84. margin-bottom:-5px;}
  85.  
  86. .cap {margin-top:-10px;
  87. padding:4px;}
  88.  
  89. .postcap {padding:4px;}
  90.  
  91. .titles {border:1px {color:borders} solid;
  92. position:absolute;
  93. padding:4px;
  94. font-size:{text:title font size};}
  95.  
  96. div.navlinks a {max-width:50px;
  97. text-align:left;
  98. position:relative;
  99. border-bottom:1px {color:borders} solid;}
  100.  
  101. .perma {{block:iffixedpostwidth}text-align:right;{/block:iffixedpostwidth}
  102. {block:ifnotfixedpostwidth}text-align:left;{/block:ifnotfixedpostwidth}
  103. padding:4px;}
  104. .perma a {color:{color:permalink};
  105. -webkit-transition: 0.2s ease-in;}
  106. .perma a:hover {color:{color:text};
  107. -webkit-transition: 0.5s ease-in;}
  108.  
  109. #pag {font-style:bold;
  110. width:100px;
  111. margin-left:500px;
  112. position:relative;
  113. bottom:10px;
  114. padding:5px;}
  115.  
  116. .audio {background-color:#ffffff;
  117. margin-bottom:-10px;
  118. {block:iffixedpostwidth}width:500px;{/block:iffixedpostwidth}
  119. {block:ifnotfixedpostwidth}width:200px;{/block:ifnotfixedpostwidth}}
  120.  
  121. div.video embed,
  122. div.post div.video object {{block:iffixedpostwidth}width:500px;{/block:iffixedpostwidth}
  123. {block:ifnotfixedpostwidth}width:400px;{/block:ifnotfixedpostwidth}}
  124.  
  125. ol.notes {margin-left:-40px;
  126. margin-top:20px;
  127. margin-bottom:40px;
  128. list-style-type:none;
  129. text-align:left;
  130. width:500px;}
  131. ol.notes li.note span.action {text-align:center;}
  132. ol.notes li.note span.action a {text-align:center;}
  133. ol.notes li.note blockquote {padding: 1px 3px;margin: 3px 0 3px 7px;}
  134. ol.notes li.note blockquote a {text-decoration: none;}
  135.  
  136. blockquote {padding-left:7px;
  137. border-left: 1px solid {color:text};
  138. margin: 3px 10px 3px 7px;}
  139.  
  140. </style>
  141.  
  142. <script type="text/javascript" src="http://static.tumblr.com/twte3d7/BH7lio0yf/jquery.js"></script>
  143. <script type="text/javascript" src="http://static.tumblr.com/twte3d7/RhUlio0y7/lazyload.js"></script>
  144. <script type="text/javascript" charset="utf-8">
  145. var $j = jQuery.noConflict();
  146. $j(function() {
  147. if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
  148. $j("img").lazyload({
  149. placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif",
  150. effect: "fadeIn",
  151. });
  152. });
  153. </script>
  154. {block:IndexPage}
  155. <script type="text/javascript">
  156. $(window).load(function(){
  157. $("p").remove(":contains('Source:')");
  158. $("p").remove(":contains('(via')");
  159. });
  160. </script>
  161. {/block:IndexPage}
  162. {block:IfEndlessScroll}
  163. <script type="text/javascript" src="http://static.tumblr.com/q0etgkr/J5bl3lkz1/tumblrautopagernopage.js"></script>
  164. {/block:IfEndlessScroll}
  165. </head>
  166. <body>
  167.  
  168. <div class="information">
  169. {block:ifshowportraitphoto}<div id="portrait"></div>{/block:ifshowportraitphoto}<br>
  170. <div class="blogtitle"><a href="/">{Title}</a></div>
  171. <br><div class="navlinks">{block:Ifshowarchive}<a href="/archive">archive</a><br>{/block:Ifshowarchive}{block:Ifshowask}<a href="/ask">message</a><br>{/block:Ifshowask}{block:HasPages}{block:Pages}<a href="{URL}">{Label}<br></a>{/block:Pages}{/block:HasPages}<br><br>
  172. <div class="description">{block:Description}{Description}{/block:Description}</div></div></div>
  173.  
  174. {block:IfEndlessScroll}
  175. <div class="autopagerize_page_element">
  176. {/block:IfEndlessScroll}
  177.  
  178. {block:Posts}
  179.  
  180. {block:Text}
  181. <div id="entry">
  182. {block:Title}<div class="titles">{Title}</div>{/block:Title}
  183. <div class="postcap"><br>{Body}</div>
  184. <div class="perma"><a href="{Permalink}">{12Hour}:{Minutes}<span style="text-transform:uppercase"><b>{AmPm}</a></b></span></div>
  185. </div>
  186. {/block:Text}
  187.  
  188. {block:Photo}
  189. <div id="entry">
  190. {block:IndexPage}<a href="{Permalink}">{/block:IndexPage}
  191. {block:PermalinkPage}{LinkOpenTag}{/block:PermalinkPage}
  192. <img src="{block:IndexPage}{PhotoURL-HighRes}{/block:IndexPage}{block:PermalinkPage}{PhotoURL-HighRes}{/block:PermalinkPage}" alt="{PhotoAlt}"/>
  193. {block:IndexPage}</a>{/block:IndexPage}
  194. {block:PermalinkPage}{LinkCloseTag}{/block:PermalinkPage}
  195. {block:Ifshowcaptions}<div class="cap">{Caption}</div>{/block:Ifshowcaptions}
  196. </div>
  197. {/block:Photo}
  198.  
  199. {block:Photoset}
  200. <div id="entry">
  201. {block:IndexPage}<a href="{Permalink}">{/block:IndexPage}
  202. {block:PermalinkPage}{LinkOpenTag}{/block:PermalinkPage}
  203. {Photoset-500}
  204. {block:IndexPage}</a>{/block:IndexPage}
  205. {block:PermalinkPage}{LinkCloseTag}{/block:PermalinkPage}
  206. {block:Ifshowcaptions}<div class="cap">{Caption}</div>{/block:Ifshowcaptions}
  207. </div>
  208. {/block:Photoset}
  209.  
  210. {block:Quote}
  211. <div id="entry">
  212. <a href="{Permalink}">{Quote}<div class="postcap">—{block:Source}<b>{Source}</b>{/block:Source}</a></div>
  213. </div>
  214. {/block:Quote}
  215.  
  216. {block:Link}
  217. <div id="entry">
  218. <div class="titles"><a href="{URL}">{Name}</a></div>
  219. <div class="postcap"><br>{block:Description}{Description}{/block:Description}</div>
  220. <div class="perma"><a href="{Permalink}">{12Hour}:{Minutes}<span style="text-transform:uppercase"><b>{AmPm}</a></b></span></div>
  221. </div>
  222. {/block:Link}
  223.  
  224. {block:Chat}
  225. <div id="entry">
  226. <div class="postcap">{block:Title}<i>{Title}</i>{/block:Title}<br>
  227. {block:Lines}{block:Label}<b>{Label}</b> {Line}<br>{/block:Label}{/block:Lines}</div>
  228. <div class="perma"><a href="{Permalink}">{12Hour}:{Minutes}<span style="text-transform:uppercase"><b>{AmPm}</a></b></span></div>
  229. </div>
  230. {/block:Chat}
  231.  
  232. {block:Audio}
  233. <div id="entry">
  234. <div class="audio">
  235. {AudioPlayerWhite}</div><br>
  236. <div class="postcap">{block:TrackName}<b>{TrackName} by {/block:TrackName}{block:Artist}{Artist}</b>{/block:Artist}</div>
  237. <div class="perma"><a href="{Permalink}">{12Hour}:{Minutes}<span style="text-transform:uppercase"><b>{AmPm}</a></b></span></div>
  238. </div></div>
  239. {/block:Audio}
  240.  
  241. {block:Answer}
  242. <div id="entry">
  243. {Question}
  244. asked by <b>{Asker}</b>
  245. {Answer}
  246. <div class="perma"><a href="{Permalink}">{12Hour}:{Minutes}<span style="text-transform:uppercase"><b>{AmPm}</a></b></span></div>
  247. </div>
  248. {/block:answer}
  249.  
  250. {block:Video}
  251. <div id="entry">
  252. <div class="video">
  253. {Video-500}
  254. {block:Ifshowcaptions}<div class="cap">{Caption}</div>{/block:Ifshowcaptions}
  255. <div class="perma"><a href="{Permalink}">{12Hour}:{Minutes}<span style="text-transform:uppercase"><b>{AmPm}</a></b></span></div>
  256. </div></div>
  257. {/block:Video}
  258.  
  259. {block:PermalinkPage}{NoteCountWithLabel}{/block:PermalinkPage}
  260.  
  261. {block:PostNotes}
  262. <br>
  263. {PostNotes}
  264. {/block:PostNotes}
  265.  
  266. {/block:Posts}
  267.  
  268. {block:IfEndlessScroll}</div>{/block:IfEndlessScroll}
  269.  
  270. {block:IndexPage}{block:IfNotEndlessScroll}<div id="pag">
  271. {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}
  272.  
  273. <div style="position:fixed; right:3px; bottom:3px; opacity:0.4;"><a href="http://arreter.tumblr.com">theme</a></div>
  274.  
  275. </div>
  276. </body>
  277. </html>
Advertisement
Add Comment
Please, Sign In to add comment