New toggle button on First-run page

chrome/skin/firstRun.css

 /*
  * This file is part of Adblock Plus <http://adblockplus.org/>,
  * Copyright (C) 2006-2013 Eyeo GmbH
  *
  * Adblock Plus is free software: you can redistribute it and/or modify
  * it under the terms of the GNU General Public License version 3 as
  * published by the Free Software Foundation.
  *
  * Adblock Plus is distributed in the hope that it will be useful,
  * but WITHOUT ANY WARRANTY; without even the implied warranty of
@@ skipping 288 matching lines @@
   bottom: 0;
   left: 0;
   right: 0;
   padding: 70px 0 0;
   text-align: center;
   background: -webkit-linear-gradient(rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 1) 50px);
   background: -moz-linear-gradient(rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 1) 50px);
   background: -o-linear-gradient(rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 1) 50px);
   background: -ms-linear-gradient(rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 1) 50px);
   background: linear-gradient(rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 1) 50px);
-  z-index: 1;

[Wladimir Palant, 2013/07/08 09:37:29]

Are we supporting IE6 now? In all other browsers that property should be
pointless.

[Thomas Greiner, 2013/07/08 10:30:19]

Done.

 }
 
 footer h1
 {
   margin: 0;
   font-size: 18px;
   color: #666;
   position: fixed;
   bottom: 70px;
   left: 0;
@@ skipping 141 matching lines @@
   cursor: wait;
 }
 
 .toggle-on, .toggle-off
 {
   min-width: 42px;
   height: 100%;
   font-size: 11px;
   font-weight: 500;
   text-align: center;
-  line-height: 22px;
+  line-height: 25px;
 }
 
 .toggle-on
 {
   padding: 0px 30px 0px 10px;
   color: rgba(255,255,255, 0.8);
   text-shadow: 1px 1px rgba(0,0,0,0.2);
   box-shadow: inset 2px 2px 6px rgba(0,0,0,0.2);
   background: rgb(69,163,31);
 }
@@ skipping 15 matching lines @@
   top: 0px;
   right: 0px;
   height: 100%;
   width: 22px;
   border-radius: 50px;
   box-shadow: 1px 1px 2px #888;
   background: #cfcfcf;
   background: -moz-linear-gradient(bottom,  #cfcfcf 0%, #f5f5f5 100%);
   background: -webkit-linear-gradient(bottom,  #cfcfcf 0%,#f5f5f5 100%);
   background: linear-gradient(to top,  #cfcfcf 0%,#f5f5f5 100%);
-  z-index: 1;

[Wladimir Palant, 2013/07/08 09:37:29]

Same here, why do we need that?

[Thomas Greiner, 2013/07/08 10:30:19]

Done.

 }
 
 .off .toggle-on
 {
   margin-top: -22px;
 }
 
 .off .toggle-blob
 {
   left: 0px;
@@ skipping 17 matching lines @@
   }
 }
 
 @media (max-height: 700px)
 {
   body
   {
     font-size: 16px;
   }
 }