Don't like ads? PRO users don't see any ads ;-)
Public Pastes
Guest

The Lana Theme - Toffee Themes

By: littletoffee on May 1st, 2012  |  syntax: None  |  size: 9.19 KB  |  hits: 196  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html>
  2. <head>
  3.  
  4. <!-- lana theme by ira //
  5. toffeethemes.tumblr.com - i'm able to track all users of this theme, do not remove the code
  6.  -->
  7.  
  8.  
  9. <title>{Title}</title>
  10.  
  11.  
  12.  
  13. <meta name="color:Text" content="#000000"/>
  14. <meta name="color:Blogtitle" content="#000000"/>
  15. <meta name="color:Links" content="#000000"/>
  16. <meta name="color:Hover" content="#dddddd"/>
  17. <meta name="color:Background" content="#ffffff"/>
  18. <meta name="if:Show captions" content="0"/>
  19. <meta name="if:Uppercase blogtitle" content="0"/>
  20. <meta name="if:Endless Scroll" content="0"/>
  21. <meta name="if:image opacity" content="0" />
  22. <meta name="if:Letter spacing hover" content="0"/>
  23. <meta name="if:Bigger images" content="0"/>
  24. <meta name="if:Smaller images" content="0"/>
  25. <meta name="if:More space between posts" content="0"/>
  26. <meta name="if:Less space between posts" content="0"/>
  27. <meta name="text:blogtitle size" content="11" />
  28. <meta name="text:post font size" content="9" />
  29. <meta name="font:body" content="Courier New" />
  30. <meta name="font:title" content="Courier New" />
  31.  
  32.  
  33. <style type="text/css">
  34.  
  35.  
  36. body {
  37. margin:auto;
  38. background: {color:background};
  39. font-family: {font:body};
  40. font-size: {text:post font size}px;
  41. color: {color:Text};
  42. line-height: 10px;
  43. letter-spacing: 0px;
  44.  
  45. }
  46.  
  47.  
  48.  
  49. a:hover {color: {color:Hover};-webkit-transition-duration: .5s;{block:ifLetterSpacingHover}letter-spacing:3px;{/block:ifLetterSpacingHover}}
  50.  
  51.     a:active{outline: none;}
  52.     a:focus{-moz-outline-style: none;}
  53.     :-moz-any-link:focus{outline: none;}
  54.     img{border:none;}
  55.     .clear {clear:both;}
  56.     #tumblr_controls{position:fixed !important;}
  57.     .install_button{position:fixed !important;}
  58.    
  59.  
  60.  
  61. a {color: {color:Links};
  62. text-decoration: none;}
  63.  
  64. .caption {margin-top:5px; margin-bottom:15px;}
  65. .content {margin:auto;width:300px;margin-bottom:5px;
  66. padding-top:22px;}
  67.  
  68. .post{
  69. {block:indexpage}width:300px;{block:ifbiggerimages}width:500px;{block:ifbiggerimages}{block:ifsmallerimages}width:250px;{block:ifsmallerimages}{/block:indexpage}
  70. {block:permalinkpage}width:400px{/block:permalinkpage} float:left; position:relative;margin-bottom:25px; {block:ifmorespacebetweenposts}margin-bottom:60px;{/block:ifmorespacebetweenposts}{block:iflessspacebetweenposts}margin-bottom:10px;{/block:iflessspacebetweenposts}font-size:{text:post font size}px;}
  71.  
  72. {/block:indexpage}
  73. <br>
  74.  
  75. {block:indexpage}
  76. {/block:indexpage}{/block:indexpage}
  77. <br><br><br>
  78. <div class="posts" id="allposts">
  79.  
  80. .post img{{block:indexpage}width:300px;{block:ifbiggerimages}width:400px;{block:ifbiggerimages}{block:ifsmallerimages}width:250px;{block:ifsmallerimages}{/block:indexpage}}
  81.  
  82. ::-webkit-scrollbar-thumb:vertical { background-color:#000; height:100px; }
  83. ::-webkit-scrollbar-thumb:horizontal { background-color:#fff; height:10px !important; }
  84. ::-webkit-scrollbar { height:10px; width:10px; background-color:#fff; }
  85.  
  86. .permalink{opacity:0;position:absolute;float:left;padding-left:15px;margin-left:300px;{block:ifbiggerimages}margin-left:400px;{block:ifbiggerimages}{block:ifsmallerimages}margin-left:250px;{block:ifsmallerimages}-moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;
  87. }
  88.  
  89. .permalink a:hover{
  90. color:{color:Hover}
  91. }
  92. .post:hover .permalink {opacity: 1;}
  93.  
  94. .information {text-align:right;line-height: 8px;padding-top:3px;
  95. }
  96. .next {font-size:9px; text-align:right;}
  97.  
  98. .links {font-size:9px;text-align:right;padding-bottom:3px;}
  99.  
  100. .source {font-family:{font:body};font-size:11px;opacity:.3;}
  101.  
  102. ol.notes {padding-left:5px; list-style-type:none;}
  103. ol.notes li.note {padding:2px;}
  104.  
  105. .posted {font-size:10px;}
  106.  
  107. .notes{width:300px;font-size:9px;color:#000;text-align:left;}
  108.  
  109. .viewnotes{
  110. margin-top:10px; font-size:9px; color:#000;text-align:left;
  111. }
  112. .head {margin-left:-250px;{block:ifnotsidebaronbottom}bottom:300px;{block:ifnotsidebaronbottom}{block:ifsidebaronbottom}bottom:50px;{/block:ifsidebaronbottom}position:fixed;width:170px;}
  113.  
  114. #icon {width: 64px; height: 64px; -moz-border-radius: 64px; -webkit-border-radius: 64px; background-image:url({PortraitURL-64});float:right;margin-right:5px;}
  115.  
  116.  
  117. .audio{width:300px;{block:ifbiggerimages}width:400px;{block:ifbiggerimages}{block:ifsmallerimages}width:250px;{block:ifsmallerimages}overflow:hidden;background:#000;
  118. }
  119.  
  120. .ptitle {font-size:9px;font-style:italic;}
  121.  
  122. .blogtitle {text-align:right;color:{color:Blogtitle};font-family:{font:title};padding-top:20px;font-size:{text:blogtitle size}px;{block:ifuppercaseblogtitle}text-transform:uppercase;{/block:ifuppercaseblogtitle}line-height:9px;}
  123.  
  124. .tumblrAutoPager_page_info, .tumblrAutoPager_page_separator {display:none;}
  125. {CustomCSS}
  126. </style>
  127. <script type="text/javascript">$(document).ready(function(){$( '.content' ).fadeIn("slow");});</script>
  128.  
  129. <script type="text/javascript" src="http://static.tumblr.com/twte3d7/BH7lio0yf/jquery.js"></script>
  130. <script type="text/javascript" src="http://static.tumblr.com/twte3d7/RhUlio0y7/lazyload.js"></script>
  131. <script type="text/javascript" charset="utf-8">
  132. var $j = jQuery.noConflict();
  133. $j(function() {
  134. if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
  135. $j("img").lazyload({
  136. placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif",
  137. effect: "fadeIn",
  138. });
  139. });
  140. </script>
  141. </head>
  142. {block:IfEndlessScroll}
  143. <script type="text/javascript" src="http://static.tumblr.com/q0etgkr/J5bl3lkz1/tumblrautopagernopage.js"></script>
  144. {/block:IfEndlessScroll}
  145.  
  146. <body>
  147.  
  148.  
  149. <div class="content">
  150.  
  151. <div class="blogtitle"><u>{title}<u> </div>
  152.  
  153.  
  154. <u><a href="/">refresh /</a></li></u> {/block:Pages}{/block:HasPages}<u><a href="/ask">contact /</a></li></u> <a href="http://toffeethemes.tumblr.com">themes</a></li></u>
  155. <u>
  156. <div id="container">
  157. <div class="header">
  158. </div>
  159. </div>
  160.  
  161.   {block:Description}
  162.             <p id="description">{Description}</p>
  163.         {/block:Description}
  164.  
  165. <br>
  166. <br>
  167. <br>
  168.  
  169. {block:IfEndlessScroll}<div class="autopagerize_page_element">{/block:IfEndlessScroll}
  170. <div style="position:fixed; right:7px; bottom:4px;"><a href="http://toffeethemes.tumblr.com">✖</a></div>
  171. {block:Posts}
  172.  
  173.  
  174. {block:Text}
  175. <div class="post"><div class="permalink"><a href="{Permalink}">{NoteCount}</a></div><div class="text">{block:Title}<div class="ptitle">{Title}</div>{/block:Title}{Body}</div></div>{/block:Text}
  176.  
  177.  
  178.  
  179.  
  180.  
  181. {block:Photo}
  182. <div class="post">
  183. {block:IndexPage}<a href="{Permalink}">{/block:IndexPage}
  184. {block:PermalinkPage}{LinkOpenTag}{/block:PermalinkPage}
  185. <img src="{block:IndexPage}{PhotoURL-HighRes}{/block:IndexPage}{block:PermalinkPage}{PhotoURL-HighRes}{/block:PermalinkPage}" alt="{PhotoAlt}" width="300px;"/>
  186. {block:IndexPage}</a>{/block:IndexPage}
  187. {block:PermalinkPage}{LinkCloseTag}
  188. {/block:PermalinkPage}{block:ifshowcaptions}<div class="caption">{block:Caption}{Caption}{/block:Caption}</div>{/block:ifshowcaptions}
  189. </div>
  190. {/block:Photo}
  191.  
  192.  
  193.  
  194. {block:Photoset}
  195. <div class="post"><div class="photoset">
  196. <div style="width:300px;{block:ifbiggerimages}width:400px;{block:ifbiggerimages}{block:ifsmallerimages}width:250px;{block:ifsmallerimages} height:auto; overflow:hidden;">{Photoset-500}</div>
  197. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  198. </div></div>{/block:Photoset}
  199.  
  200.  
  201. {block:Quote}
  202. <div class="post">{Quote}{block:Source}<div class="source"><a href="{Permalink}">by {Source}</a></div>{/block:Source}</div>
  203. {/block:Quote}
  204.  
  205. {block:Link}
  206. <div class="post"><div class="permalink"><a href="{Permalink}">{NoteCount}</a></div>
  207. <div class="ptitle"><a href="{URL}">{Name}</a></div>{block:Description}{Description}{/block:Description}
  208. </div>
  209. {/block:Link}
  210.  
  211. {block:Chat}
  212. <div class="post"><div class="permalink"><a href="{Permalink}">{NoteCount}</a></div>{block:Title}<b>{Title}</b>{/block:Title}
  213. {block:Lines}{block:Label}<b>{Label}</b> {Line}<br>{/block:Label}{/block:Lines}
  214. </div>
  215. {/block:Chat}
  216.  
  217. {block:Video}
  218. <div class="post"><div class="video">
  219. <div style="width:300px; height:auto; overflow:hidden;">{Video-500}</div>
  220. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}</div></div>{/block:Video}
  221.  
  222. {block:Audio}<div class="post"><div class="permalink"><a href="{Permalink}">{NoteCount}</a></div><div class="audio">
  223. {AudioPlayerBlack}</div>
  224. {block:Caption}<div class="source">{Caption}</div>{/block:Caption}</div>
  225. {/block:Audio}
  226.  
  227. {block:Answer}<div class="post"><div class="permalink"><a href="{Permalink}">{NoteCount}</a></div><b>{Question}</b> asked by <i>{Asker}</i><div class="text">{Answer}</div></div>{/block:answer}
  228.  
  229.  
  230.  
  231.  
  232. {block:PermalinkPage}
  233. <div class="posted">Posted {TimeAgo}, with {NoteCount} Notes</div>
  234. <br>{block:PostNotes}<div class="viewnotes"></div>{/block:PostNotes}
  235. <div class="notes">
  236. {block:PostNotes}{PostNotes}{/block:PostNotes}</div>{/block:PermalinkPage}
  237. {/block:Posts}
  238.  
  239.  
  240.  
  241.  
  242.  
  243. {block:IfEndlessScroll}</div>{/block:IfEndlessScroll}
  244.  
  245. {block:IfNotEndlessScroll}
  246.  
  247. {block:Pagination}<div class="next">{block:PreviousPage}<a href="{PreviousPage}">reverse</a>{/block:PreviousPage}<br>{block:NextPage}<a href="{NextPage}">continue</a>{/block:NextPage}</div></div>{/block:Pagination}
  248.  
  249. {/block:IfNotEndlessScroll}
  250.  
  251.  
  252. </div>
  253. </div>
  254. </div>
  255. </body>
  256. </html>
create a new version of this paste RAW Paste Data