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

The Olsen Theme - Toffee Themes

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