redesign and reimplement proxy config service and tracker, revise proxy ui on cros

chrome/browser/resources/options/options_page.css

 .hbox {
   display: -webkit-box;
   -webkit-box-orient: horizontal;
 }
 
 .vbox {
   display: -webkit-box;
   -webkit-box-orient: vertical;
 }
 
@@ skipping 210 matching lines @@
   width: 100%;
   min-width: 651px;
 }
 
 .subpage-sheet-contents {
   box-sizing: border-box;
   padding: 0px 20px 20px 20px;
   width: 650px;
 }
 
-#managed-prefs-banner {
+.managed-prefs-banner {
   background: -webkit-linear-gradient(#fff2b7, #fae691 97%, #878787);
   height: 31px;
   width: 100%;
-}
-
-#managed-prefs-banner {
   margin: 0;
   padding: 0;
   vertical-align: middle;
 }
 
-#managed-prefs-icon {
+.managed-prefs-banner.clickable:active {
+  background: -webkit-linear-gradient(#878787, #fae691 3%, #fff2b7);
+}
+
+.managed-prefs-icon {
   background-image: url("chrome://theme/IDR_WARNING");
   background-repeat: no-repeat;
   background-position:center;
   display: inline-block;
   padding: 5px;
   height: 21px;
   vertical-align: middle;
   width: 24px;
 }
 
-#managed-prefs-text {
+.managed-prefs-text {
   vertical-align: middle;
 }
 
 .subpage-sheet .page h1 {
   margin-bottom: 10px;
 }
 
 .overlay .page h1 {
   background: -webkit-linear-gradient(white, #F8F8F8);
   border-bottom: 1px solid rgba(188, 193, 208, .5);
@@ skipping 372 matching lines @@
   display: table-cell;
   vertical-align: baseline;
   border-bottom: 1px solid #eeeeee;
 }
 
 /* do not display a border after the last section in the table */
 .displaytable:not([searching='true']) > section:last-child > *  {
   border-bottom: none;
 }