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

The Mila Theme - Toffee Themes

By: littletoffee on May 19th, 2012  |  syntax: None  |  size: 15.55 KB  |  hits: 143  |  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.  
  2. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html>
  3. <head>
  4.  
  5. <!-------------------------------------------------------------------
  6. The Mila Theme made by Ira
  7. ---------------------------------------------------------------------
  8. I'm able to track all users of this theme.
  9. Please leave atleast 1 credit link to toffeethemes or i will report you
  10. ---------------------------------------------------------------------->
  11.  
  12.  
  13. <title>{Title}</title>
  14.  
  15.  
  16.  
  17. <meta name="color:Text" content="#000000"/>
  18. <meta name="color:Blogtitle" content="#000000"/>
  19. <meta name="color:Links" content="#000000"/>
  20. <meta name="color:Hover" content="#dddddd"/>
  21. <meta name="color:Background" content="#ffffff"/>
  22. <meta name="if:Show captions" content="0"/>
  23. <meta name="if:Uppercase blogtitle" content="0"/>
  24. <meta name="if:Endless Scroll" content="0"/>
  25. <meta name="if:image opacity" content="0" />
  26. <meta name="if:Letter spacing hover" content="0"/>
  27. <meta name="if:Bigger images" content="0"/>
  28. <meta name="if:Smaller images" content="0"/>
  29. <meta name="if:More space between posts" content="0"/>
  30. <meta name="if:Less space between posts" content="0"/>
  31. <meta name="text:blogtitle size" content="11" />
  32. <meta name="text:post font size" content="9" />
  33. <meta name="font:body" content="Helvetica Neue" />
  34. <meta name="font:title" content="Helvetica Neue" />
  35.  
  36.  
  37. <style type="text/css">
  38.  
  39. #fade { /*--Transparent background layer--*/
  40.     display: none; /*--hidden by default--*/
  41.     background: #000;
  42.     position: fixed; left: 0; top: 0;
  43.         width: 100%; height: 100%;
  44.         opacity: .80;
  45.         z-index: 9999;
  46. }
  47. .popup_block{
  48.         display: none; /*--hidden by default--*/
  49.         background: #fff;
  50.         padding: 20px;
  51.         border: 20px solid #ddd;
  52.         float: left;
  53.         font-size: 1.2em;
  54.         position: fixed;
  55.         top: 50%; left: 50%;
  56.         z-index: 99999;
  57.         /*--CSS3 Box Shadows--*/
  58.         -webkit-box-shadow: 0px 0px 20px #000;
  59.         -moz-box-shadow: 0px 0px 20px #000;
  60.         box-shadow: 0px 0px 20px #000;
  61.         /*--CSS3 Rounded Corners--*/
  62.         -webkit-border-radius: 10px;
  63.         -moz-border-radius: 10px;
  64.         border-radius: 10px;
  65. }
  66. img.btn_close {
  67.         float: right;
  68.         margin: -5px -5px 0 0;
  69. }
  70. /*--Making IE6 Understand Fixed Positioning--*/
  71. *html #fade {
  72.         position: absolute;
  73. }
  74. *html .popup_block {
  75.         position: absolute;
  76. }
  77.  
  78.  
  79. body {
  80. margin:auto;
  81. background: {color:background};
  82. background-image:url();
  83. background-attachment: fixed;
  84. background-size: cover;
  85. font-family: {font:body};
  86. font-size: {text:post font size}px;
  87. color: {color:Text};
  88. line-height: 10px;
  89. letter-spacing: 0px;
  90.  
  91. }
  92.  
  93.  
  94.  
  95. a:hover {color: {color:Hover};-webkit-transition-duration: .5s;{block:ifLetterSpacingHover}letter-spacing:3px;{/block:ifLetterSpacingHover}}
  96.  
  97.     a:active{outline: none;}
  98.     a:focus{-moz-outline-style: none;}
  99.     :-moz-any-link:focus{outline: none;}
  100.     img{border:none;}
  101.     .clear {clear:both;}
  102.     #tumblr_controls{position:fixed !important;}
  103.     .install_button{position:fixed !important;}
  104.    
  105.  
  106.  
  107. a {color: {color:Links};
  108. text-decoration: none;}
  109.  
  110. .caption {margin-top:5px; margin-bottom:15px;}
  111. .content {margin:auto;width:300px;margin-bottom:5px;
  112. padding-top:22px;}
  113.  
  114. .post{
  115. {block:indexpage}width:300px;{block:ifbiggerimages}width:500px;{block:ifbiggerimages}{block:ifsmallerimages}width:250px;{block:ifsmallerimages}{/block:indexpage}
  116. {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;}
  117.  
  118. {/block:indexpage}
  119. <br>
  120.  
  121. {block:indexpage}
  122. {/block:indexpage}{/block:indexpage}
  123. <br><br><br>
  124. <div class="posts" id="allposts">
  125.  
  126. .post img{{block:indexpage}width:300px;{block:ifbiggerimages}width:400px;{block:ifbiggerimages}{block:ifsmallerimages}width:250px;{block:ifsmallerimages}{/block:indexpage}}
  127.  
  128. ::-webkit-scrollbar-thumb:vertical { background-color:#000; height:100px; }
  129. ::-webkit-scrollbar-thumb:horizontal { background-color:#fff; height:10px !important; }
  130. ::-webkit-scrollbar { height:10px; width:10px; background-color:#fff; }
  131.  
  132. .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;
  133. }
  134.  
  135. .permalink a:hover{
  136. color:{color:Hover}
  137. }
  138. .post:hover .permalink {opacity: 1;}
  139.  
  140. .information {text-align:right;line-height: 8px;padding-top:3px;
  141. }
  142. .next {font-size:9px; text-align:right;}
  143.  
  144. .links {font-size:9px;text-align:right;padding-bottom:3px;}
  145.  
  146. .source {font-family:{font:body};font-size:11px;opacity:.3;}
  147.  
  148. ol.notes {padding-left:5px; list-style-type:none;}
  149. ol.notes li.note {padding:2px;}
  150.  
  151. .posted {font-size:10px;}
  152.  
  153. .notes{width:300px;font-size:9px;color:#000;text-align:left;}
  154.  
  155. .viewnotes{
  156. margin-top:10px; font-size:9px; color:#000;text-align:left;
  157. }
  158. .head {margin-left:-250px;{block:ifnotsidebaronbottom}bottom:300px;{block:ifnotsidebaronbottom}{block:ifsidebaronbottom}bottom:50px;{/block:ifsidebaronbottom}position:fixed;width:170px;}
  159.  
  160. #icon {width: 64px; height: 64px; -moz-border-radius: 64px; -webkit-border-radius: 64px; background-image:url({PortraitURL-64});float:right;margin-right:5px;}
  161.  
  162.  
  163. .audio{width:300px;{block:ifbiggerimages}width:400px;{block:ifbiggerimages}{block:ifsmallerimages}width:250px;{block:ifsmallerimages}overflow:hidden;background:#000;
  164. }
  165.  
  166. .ptitle {font-size:9px;font-style:italic;}
  167.  
  168. .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;}
  169.  
  170. .tumblrAutoPager_page_info, .tumblrAutoPager_page_separator {display:none;}
  171. {CustomCSS}
  172. </style>
  173. <script type="text/javascript">$(document).ready(function(){$( '.content' ).fadeIn("slow");});</script>
  174.  
  175.  
  176.  
  177. <script type="text/javascript" src="http://static.tumblr.com/3ikgvxs/0TGl4zgpu/jquery.min.js"></script>
  178. <script type="text/javascript">
  179. $(document).ready(function(){
  180. $(".links_body").hide();
  181. $(".links_head").click(function(){
  182. $(this).next(".links_body").slideToggle('fast');
  183. }); }); </script>
  184. <style type="text/css">
  185. .links_list { margin:0px; padding:0px; width:180px;}
  186. .links_head { padding-top:5px; padding-bottom:5px; cursor:pointer; position:relative; margin:1px; text-align:center;}
  187. .links_body { padding:10px; text-align:left; color: #fff; display:none;}
  188. </style>
  189.  
  190.  
  191. <script type='text/javascript'>
  192. //<![CDATA[
  193. var rate = 50;
  194. if (document.getElementById)
  195. window.onerror=new Function("return true")
  196.  
  197. var objActive; // The object which event occured in
  198. var act = 0; // Flag during the action
  199. var elmH = 0; // Hue
  200. var elmS = 128; // Saturation
  201. var elmV = 255; // Value
  202. var clrOrg; // A color before the change
  203. var TimerID; // Timer ID
  204. if (document.all) {
  205. document.onmouseover = doRainbowAnchor;
  206. document.onmouseout = stopRainbowAnchor;
  207. }
  208. else if (document.getElementById) {
  209. document.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT);
  210. document.onmouseover = Mozilla_doRainbowAnchor;
  211. document.onmouseout = Mozilla_stopRainbowAnchor;
  212. }
  213. function doRainbow(obj)
  214. {
  215. if (act == 0) {
  216. act = 1;
  217. if (obj)
  218. objActive = obj;
  219. else
  220. objActive = event.srcElement;
  221. clrOrg = objActive.style.color;
  222. TimerID = setInterval("ChangeColor()",100);
  223. }
  224. }
  225. function stopRainbow()
  226. {
  227. if (act) {
  228. objActive.style.color = clrOrg;
  229. clearInterval(TimerID);
  230. act = 0;
  231. }
  232. }
  233. function doRainbowAnchor()
  234. {
  235. if (act == 0) {
  236. var obj = event.srcElement;
  237. while (obj.tagName != 'A' && obj.tagName != 'BODY') {
  238. obj = obj.parentElement;
  239. if (obj.tagName == 'A' || obj.tagName == 'BODY')
  240. break;
  241. }
  242. if (obj.tagName == 'A' && obj.href != '') {
  243. objActive = obj;
  244. act = 1;
  245. clrOrg = objActive.style.color;
  246. TimerID = setInterval("ChangeColor()",100);
  247. }
  248. }
  249. }
  250. function stopRainbowAnchor()
  251. {
  252. if (act) {
  253. if (objActive.tagName == 'A') {
  254. objActive.style.color = clrOrg;
  255. clearInterval(TimerID);
  256. act = 0;
  257. }
  258. }
  259. }
  260. function Mozilla_doRainbowAnchor(e)
  261. {
  262. if (act == 0) {
  263. obj = e.target;
  264. while (obj.nodeName != 'A' && obj.nodeName != 'BODY') {
  265. obj = obj.parentNode;
  266. if (obj.nodeName == 'A' || obj.nodeName == 'BODY')
  267. break;
  268. }
  269. if (obj.nodeName == 'A' && obj.href != '') {
  270. objActive = obj;
  271. act = 1;
  272. clrOrg = obj.style.color;
  273. TimerID = setInterval("ChangeColor()",100);
  274. }
  275. }
  276. }
  277. function Mozilla_stopRainbowAnchor(e)
  278. {
  279. if (act) {
  280. if (objActive.nodeName == 'A') {
  281. objActive.style.color = clrOrg;
  282. clearInterval(TimerID);
  283. act = 0;
  284. }
  285. }
  286. }
  287. function ChangeColor()
  288. {
  289. objActive.style.color = makeColor();
  290. }
  291. function makeColor()
  292. {
  293. // Don't you think Color Gamut to look like Rainbow?
  294. // HSVtoRGB
  295. if (elmS == 0) {
  296. elmR = elmV; elmG = elmV; elmB = elmV;
  297. }
  298. else {
  299. t1 = elmV;
  300. t2 = (255 - elmS) * elmV / 255;
  301. t3 = elmH % 60;
  302. t3 = (t1 - t2) * t3 / 60;
  303. if (elmH < 60) {
  304. elmR = t1; elmB = t2; elmG = t2 + t3;
  305. }
  306. else if (elmH < 120) {
  307. elmG = t1; elmB = t2; elmR = t1 - t3;
  308. }
  309. else if (elmH < 180) {
  310. elmG = t1; elmR = t2; elmB = t2 + t3;
  311. }
  312. else if (elmH < 240) {
  313. elmB = t1; elmR = t2; elmG = t1 - t3;
  314. }
  315. else if (elmH < 300) {
  316. elmB = t1; elmG = t2; elmR = t2 + t3;
  317. }
  318. else if (elmH < 360) {
  319. elmR = t1; elmG = t2; elmB = t1 - t3;
  320. }
  321. else {
  322. elmR = 0; elmG = 0; elmB = 0;
  323. }
  324. }
  325. elmR = Math.floor(elmR).toString(16);
  326. elmG = Math.floor(elmG).toString(16);
  327. elmB = Math.floor(elmB).toString(16);
  328. if (elmR.length == 1) elmR = "0" + elmR;
  329. if (elmG.length == 1) elmG = "0" + elmG;
  330. if (elmB.length == 1) elmB = "0" + elmB
  331. elmH = elmH + rate;
  332. if (elmH >= 360)
  333. elmH = 0;
  334. return '#' + elmR + elmG + elmB;
  335. }
  336. //]]>
  337. </script>
  338.  
  339. <script><!—
  340. document.write(unescape(“%3Ca%20href%3D%22http%3A//www.tumblr.com/directory/recommend/BEACH/1997kids%22%20title%3D%22Recommend%20me!%22%20style%3D%22display%3A%20block%3B%20position%3Aabsolute%3B%20top%3A%2026px%3B%20right%3A%203px%3B%20z-index%3A100%3B%22%3E%3Cimg%20src%3D%22http%3A//static.tumblr.com/votrdt9/955lc6gqo/large_recommend.png%22%20style%3D%22opacity%3A%20100%3B%20filter%3Aalpha%28opacity%3D100%29%3B%22%20/%3E%3C/a%3E”)); //—></script>
  341.  
  342.  
  343. <script type="text/javascript"
  344. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  345. <script>
  346. $(document).ready(function() {
  347. //
  348. $('a.poplight[href^=#]').click(function() {
  349. var popID = $(this).attr('rel'); //Get Popup Name
  350. var popURL = $(this).attr('href'); //Get Popup href to define size
  351. var query= popURL.split('?');
  352. var dim= query[1].split('&');
  353. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  354. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="http://png.findicons.com/files/icons/1714/dropline_neu/24/dialog_close.png" class="btn_close" title="Close" alt="Close" /></a>');
  355. var popMargTop = ($('#' + popID).height() + 80) / 2;
  356. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  357. //Apply Margin to Popup
  358. $('#' + popID).css({
  359. 'margin-top' : -popMargTop,
  360. 'margin-left' : -popMargLeft
  361. });
  362. $('body').append('<div id="fade"></div>');
  363. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  364. return false;
  365. });
  366. $('a.close, #fade').live('click', function() {
  367. $('#fade , .popup_block').fadeOut(function() {
  368. $('#fade, a.close').remove(); //fade them both out
  369. });
  370. return false;
  371. });
  372. });
  373. </script>
  374.  
  375. </head>
  376. {block:IfEndlessScroll}
  377. <script type="text/javascript" src="http://static.tumblr.com/q0etgkr/J5bl3lkz1/tumblrautopagernopage.js"></script>
  378. {/block:IfEndlessScroll}
  379.  
  380. <body>
  381.  
  382. <div class="content">
  383.  
  384. <div class="blogtitle"><u>{title}</div>
  385. <div align="center"><a href="/">refresh /</a></li> {/block:Pages}{/block:HasPages}
  386. <a href="/ask"><img src="http://cutecoregifs.com/gifs/Cute...stuff!/mailbunny.gif"</a></a></li>
  387. <a href="http://toffeethemes.tumblr.com">/ theme</a></li>
  388. <div class="header">
  389. </div>
  390. </div>
  391.  
  392.  
  393. <div id="container">
  394. <div class="header">
  395. </div>
  396. </div>
  397.  
  398.  
  399.   {block:Description}
  400.             <p id="description">{Description}</p>
  401.         {/block:Description}
  402.        
  403.  
  404. <br>
  405. <br>
  406. <br>
  407.  
  408. {block:IfEndlessScroll}<div class="autopagerize_page_element">{/block:IfEndlessScroll}
  409.  
  410. {block:Posts}
  411.  
  412.  
  413. {block:Text}
  414. <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}
  415.  
  416.  
  417.  
  418.  
  419.  
  420. {block:Photo}
  421. <div class="post">
  422. {block:IndexPage}<a href="{Permalink}">{/block:IndexPage}
  423. {block:PermalinkPage}{LinkOpenTag}{/block:PermalinkPage}
  424. <img src="{block:IndexPage}{PhotoURL-HighRes}{/block:IndexPage}{block:PermalinkPage}{PhotoURL-HighRes}{/block:PermalinkPage}" alt="{PhotoAlt}" width="300px;"/>
  425. {block:IndexPage}</a>{/block:IndexPage}
  426. {block:PermalinkPage}{LinkCloseTag}
  427. {/block:PermalinkPage}{block:ifshowcaptions}<div class="caption">{block:Caption}{Caption}{/block:Caption}</div>{/block:ifshowcaptions}
  428. </div>
  429. {/block:Photo}
  430.  
  431.  
  432.  
  433. {block:Photoset}
  434. <div class="post"><div class="photoset">
  435. <div style="width:300px;{block:ifbiggerimages}width:400px;{block:ifbiggerimages}{block:ifsmallerimages}width:250px;{block:ifsmallerimages} height:auto; overflow:hidden;">{Photoset-500}</div>
  436. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  437. </div></div>{/block:Photoset}
  438.  
  439.  
  440. {block:Quote}
  441. <div class="post">{Quote}{block:Source}<div class="source"><a href="{Permalink}">by {Source}</a></div>{/block:Source}</div>
  442. {/block:Quote}
  443.  
  444. {block:Link}
  445. <div class="post"><div class="permalink"><a href="{Permalink}">{NoteCount}</a></div>
  446. <div class="ptitle"><a href="{URL}">{Name}</a></div>{block:Description}{Description}{/block:Description}
  447. </div>
  448. {/block:Link}
  449.  
  450. {block:Chat}
  451. <div class="post"><div class="permalink"><a href="{Permalink}">{NoteCount}</a></div>{block:Title}<b>{Title}</b>{/block:Title}
  452. {block:Lines}{block:Label}<b>{Label}</b> {Line}<br>{/block:Label}{/block:Lines}
  453. </div>
  454. {/block:Chat}
  455.  
  456. {block:Video}
  457. <div class="post"><div class="video">
  458. <div style="width:300px; height:auto; overflow:hidden;">{Video-500}</div>
  459. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}</div></div>{/block:Video}
  460. <div style="position:fixed; right:7px; bottom:4px;"><a href="http://toffeethemes.tumblr.com">✖</a></div>
  461. {block:Audio}<div class="post"><div class="permalink"><a href="{Permalink}">{NoteCount}</a></div><div class="audio">
  462. {AudioPlayerBlack}</div>
  463. {block:Caption}<div class="source">{Caption}</div>{/block:Caption}</div>
  464. {/block:Audio}
  465.  
  466. {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}
  467.  
  468.  
  469.  
  470.  
  471. {block:PermalinkPage}
  472. <div class="posted">Posted {TimeAgo}, with {NoteCount} Notes</div>
  473. <br>{block:PostNotes}<div class="viewnotes"></div>{/block:PostNotes}
  474. <div class="notes">
  475. {block:PostNotes}{PostNotes}{/block:PostNotes}</div>{/block:PermalinkPage}
  476. {/block:Posts}
  477.  
  478.  
  479.  
  480.  
  481.  
  482. {block:IfEndlessScroll}</div>{/block:IfEndlessScroll}
  483.  
  484. {block:IfNotEndlessScroll}
  485.  
  486. {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}
  487.  
  488. {/block:IfNotEndlessScroll}
  489.  
  490.  
  491.  
  492. </div>
  493. </div>
  494. </div>
  495. </body>
create a new version of this paste RAW Paste Data