New toggle button on First-run page

chrome/content/ui/firstRun.html

Index: chrome/content/ui/firstRun.html
===================================================================
--- a/chrome/content/ui/firstRun.html
+++ b/chrome/content/ui/firstRun.html
@@ -46,7 +46,13 @@
               <span class="i18n_firstRun_feature_typo feature-title"></span> <span class="i18n_firstRun_feature_typo_description"></span>
             </p>
           </div>
-          <button id="toggle-typo"></button>
+          <div id="toggle-typo" class="toggle enable">
+            <div class="toggle-inner">
+              <div class="i18n_firstRun_toggle_on toggle-on"></div>
+              <div class="toggle-blob"></div>
+              <div class="i18n_firstRun_toggle_off toggle-off"></div>
+            </div>
+          </div>
         </li>
         <li id="feature-malware" class="feature">
           <div class="feature-image"></div>
@@ -55,7 +61,13 @@
               <span class="i18n_firstRun_feature_malware feature-title"></span> <span class="i18n_firstRun_feature_malware_description"></span>
             </p>
           </div>
-          <button id="toggle-malware"></button>
+          <div id="toggle-malware" class="toggle enable">
+            <div class="toggle-inner">
+              <div class="i18n_firstRun_toggle_on toggle-on"></div>
+              <div class="toggle-blob"></div>
+              <div class="i18n_firstRun_toggle_off toggle-off"></div>
+            </div>
+          </div>
         </li>
         <li id="feature-social" class="feature">
           <div class="feature-image"></div>
@@ -64,7 +76,13 @@
               <span class="i18n_firstRun_feature_social feature-title"></span> <span class="i18n_firstRun_feature_social_description"></span>
             </p>
           </div>
-          <button id="toggle-social"></button>
+          <div id="toggle-social" class="toggle enable">
+            <div class="toggle-inner">
+              <div class="i18n_firstRun_toggle_on toggle-on"></div>
+              <div class="toggle-blob"></div>
+              <div class="i18n_firstRun_toggle_off toggle-off"></div>
+            </div>
+          </div>
         </li>
         <li id="feature-tracking" class="feature">
           <div class="feature-image"></div>
@@ -73,7 +91,13 @@
               <span class="i18n_firstRun_feature_tracking feature-title"></span> <span class="i18n_firstRun_feature_tracking_description"></span>
             </p>
           </div>
-          <button id="toggle-tracking"></button>
+          <div id="toggle-tracking" class="toggle enable">
+            <div class="toggle-inner">
+              <div class="i18n_firstRun_toggle_on toggle-on"></div>
+              <div class="toggle-blob"></div>
+              <div class="i18n_firstRun_toggle_off toggle-off"></div>
+            </div>
+          </div>
         </li>
       </ul>
 
@@ -81,13 +105,13 @@
         <h1 class="i18n_firstRun_share"></h1>
         <ul>
           <li>
-            <a id="share-facebook" class="share-button" href="#" title="Share on Facebook"></a>
+            <a id="share-facebook" class="share-button" href="https://www.facebook.com/adblockplus" title="Share on Facebook"></a>
           </li>
           <li>
-            <a id="share-twitter" class="share-button" href="#" title="Share on Twitter"></a>
+            <a id="share-twitter" class="share-button" href="https://twitter.com/adblockplus" title="Share on Twitter"></a>
           </li>
           <li>
-            <a id="share-gplus" class="share-button" href="#" title="Share on Google+"></a>
+            <a id="share-gplus" class="share-button" href="https://www.google.com/+AdblockPlus" title="Share on Google+"></a>
           </li>
         </ul>
       </footer>