[WebUI] Fix rest of CSS style nits in misc. dirs so I can turn on CSS checker.

chrome/browser/resources/sync_setup_overlay.css

 /* Copyright (c) 2012 The Chromium Authors. All rights reserved.
  * Use of this source code is governed by a BSD-style license that can be
  * found in the LICENSE file. */
 
 /* TODO(jhawkins): Organize these by page. */
 
 #sync-setup-overlay * h4 {
   margin: 5px 0;
 }
 
@@ skipping 19 matching lines @@
 
 #sync-passphrase-message {
   color: gray;
 }
 
 .sync-custom-passphrase-input {
   margin: 10px 0;
 }
 
 #sync-existing-passphrase-container {
-  background: #fff29e;
-  border: 1px solid #d4cdad;
+  background: rgb(255, 242, 158);
+  border: 1px solid rgb(212, 205, 173);
   padding: 10px;
 }
 
 #sync-select-container {
   margin-bottom: 10px;
 }
 
 #sync-instructions-container {
   line-height: 1.8em;
   margin-bottom: 30px;
 }
 
 #choose-data-types-body {
   -webkit-column-count: 3;
   margin: 10px 0;
 }
 
 #sync-setup-overlay {
   -webkit-user-select: none;
   background-color: #fff;
   margin-bottom: 6px;
   margin-top: 6px;
   width: 500px;
 }
 
 #sync-setup-overlay * a:link {
-  color: #00c;
+  color: rgb(0, 0, 204);
 }
 
 #sync-setup-overlay * a:visited {
-  color: #551a8b;
+  color: rgb(85, 26, 139);
 }
 
 #sync-setup-overlay * a:active {
-  color: #f00;
+  color: rgb(255, 0, 0);
 }
 
 #sync-setup-overlay * hr {
   background-color: #ddd;
   border: 0;
   height: 1px;
   text-align: left;
   width: 100%;
 }
 
@@ skipping 14 matching lines @@
   line-height: 29px;
   margin: 0;
 }
 
 #passphrase-encryption-message {
   color: gray;
   margin-bottom: 5px;
 }
 
 #passphrase-input {
+  margin-bottom: 5px;
   margin-top: 5px;
-  margin-bottom: 5px;
 }
 
 #incorrect-passphrase {
   margin-top: 5px;
 }
 
 #sync-setup-overlay * .error {
   color: red;
 }
 
 .overlay-warning {
-  position: absolute;
-  left: 25px;
-  right: 25px;
-  top: 100px;
   background: white;
   border: 2px solid #888;
   border-radius: 8px;
+  box-shadow: 0.2em 0.2em 0.5em #888;
+  left: 25px;
   padding: 15px;
-  box-shadow: 0.2em 0.2em 0.5em #888;
+  position: absolute;
+  right: 25px;
+  top: 100px;
 }
 
 #cancel-warning-header {
   font-weight: bold;
   margin-bottom: 8px;
 }
 
 .overlay-warning input {
-  margin-top: 12px;
   float: right;
   margin-left: 5px;
+  margin-top: 12px;
 }
 
 #sync-passphrase-warning {
   margin-bottom: 5px;
 }
 
 #gaia-login-form {
   margin-bottom: 0;
 }
 
 #captcha-div {
+  background: #fff;

[Evan Stade, 2012/04/03 02:59:48]

white

[Dan Beam, 2012/04/03 04:15:06]

Done.

   border: 1px solid #e5e5e5;
-  background: #fff;
   margin: 0 0 1.5em;
   overflow: hidden;
   padding: 1em 1em 0;
 }
 
 #captcha-wrapper {
   background: no-repeat;
   background-position: center;
   background-size: 200px 70px;
   margin: 0 0 1em;
 }
 
 #captcha-image {
   height: 70px;
   width: 200px;
 }
 
 #asp-warning-div {
   text-align: left;
 }
 
 #logging-in-throbber {
   margin: 0 10px;
 }
 
 #top-blurb-error {
   -webkit-transition: margin-top 330ms ease-out, opacity 660ms ease-out;
-  background: #f9edbe;
-  border: 1px solid #f0c36d;
+  background: rgb(249, 237, 190);
+  border: 1px solid rgb(240, 195, 109);
   display: block;
   font-weight: bold;
   line-height: 1.5em;
   margin-bottom: 10px;
   opacity: 1;
   padding: 8px 25px;
   position: relative;
   text-align: center;
 }
 
@@ skipping 29 matching lines @@
 
 .sync-data-types {
   margin-left: 5px;
 }
 
 .sync-configuration-errors {
   margin-top: 5px;
 }
 
 .sync-configuration-error {
-  width: 80%;
+  background-color: rgb(238, 185, 57);
+  border-radius: 4px;
+  font-weight: bold;
   margin-left: auto;
   margin-right: auto;
+  padding: 1px 10px;
   text-align: center;
-  padding: 1px 10px;
-  background-color: #eeb939;
-  border-radius: 4px;
-  font-weight: bold;
+  width: 80%;
 }
 
 #learn-more-link {
   float: right;
 }
 
 html[dir='rtl'] #learn-more-link {
   float: left;
 }
 
-#customize-link, #use-default-link {
+#customize-link,
+#use-default-link {
   -webkit-transition: opacity 250ms;
 }
 
 
 /* Sign in box. */
 
 .sign-in {
   margin: 20px auto;
   width: 335px;
 }
@@ skipping 31 matching lines @@
 html[dir='rtl'] #signin-header-logo {
   left: 0;
   right: auto;
 }
 
 /* Sign in buttons. */
 
 .signin-box input[type=submit] {
   -webkit-transition: all 218ms;
   -webkit-user-select: none;
-  background-image: -webkit-linear-gradient(top, #4d90fe, #4787ed);
-  border: 1px solid #3079ed;
+  background-image: -webkit-linear-gradient(top, rgb(77, 144, 254),
+                                                 rgb(71, 135, 237));
+  border: 1px solid rgb(48, 121, 237);
   border-radius: 2px;
   color: #fff;

[Evan Stade, 2012/04/03 02:59:48]

white

[Dan Beam, 2012/04/03 04:15:06]

Done.

   display: inline-block;
   font-size: 13px;
   font-weight: bold;
   height: 32px;
   line-height: 27px;
   margin: 0 0.4em 1.2em 0;
   min-width: 54px !important;
   padding: 0 8px;
 }
 
 html[dir='rtl'] .signin-box input[type=submit] {
   margin: 0 0 1.2em 0.4em;

[Evan Stade, 2012/04/03 02:59:48]

use -webkit-margin-start and -webkit-margin-end instead?

[Dan Beam, 2012/04/03 04:15:06]

Done.

 }
 
 .signin-box input[type=submit]:hover {
   -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
   -webkit-transition: all 0;
-  background-image: -webkit-linear-gradient(top, #4d90fe, #357ae8);
-  border: 1px solid #2f5bb7;
+  background-image: -webkit-linear-gradient(top, rgb(77, 144, 254),

[Evan Stade, 2012/04/03 02:59:48]

why is this necessary to repeat?

[Dan Beam, 2012/04/03 04:15:06]

don't know

[Evan Stade, 2012/04/03 23:57:27]

oh, it's not repeating. The second value is different.

+                                                 rgb(53, 122, 232));
+  border: 1px solid rgb(47, 91, 183);

[Evan Stade, 2012/04/03 02:59:48]

you need only change border-color

[Dan Beam, 2012/04/03 04:15:06]

Done.

   color: #fff;
 }
 
 .signin-box input[type=submit]:focus {
   -webkit-box-shadow: inset 0 0 0 1px #fff;
-  border: 1px solid #4d90fe;
+  border: 1px solid rgb(77, 144, 254);

[Evan Stade, 2012/04/03 02:59:48]

ditto

[Dan Beam, 2012/04/03 04:15:06]

Done.

   outline: none;
   z-index: 4 !important;
 }
 
 .signin-box input[type=submit]:active,
 .signin-box input[type=submit]:focus:active {
   -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
 }
 
 .signin-box input[type=submit]:focus:hover {
   -webkit-box-shadow: inset 0 0 0 1px #fff, 0 1px 1px rgba(0, 0, 0, 0.1);

[Evan Stade, 2012/04/03 02:59:48]

white

[Dan Beam, 2012/04/03 04:15:06]

Done.

 }
 
 .signin-box input[type=submit][disabled],
 .signin-box input[type=submit][disabled]:hover,
 .signin-box input[type=submit][disabled]:active {
   -webkit-box-shadow: none;
-  background-color: #4d90fe;
-  border: 1px solid #3079ed;
+  background-color: rgb(77, 144, 254);
+  border: 1px solid rgb(48, 121, 237);
   color: #fff;

[Evan Stade, 2012/04/03 02:59:48]

white

[Dan Beam, 2012/04/03 04:15:06]

Done.

   opacity: 0.5;
 }
 
 /* Sign in text fields. */
 
 .signin-box input[type=text],
 .signin-box input[type=password] {
   -webkit-border-radius: 1px;
   -webkit-box-sizing: border-box;
   background-color: #fff;

[Evan Stade, 2012/04/03 02:59:48]

white

[Dan Beam, 2012/04/03 04:15:06]

Done.

   border: 1px solid #d9d9d9;
   border-top: 1px solid #c0c0c0;
   color: #333;
   display: inline-block;
   font-size: 15px;
   height: 32px;
   line-height: 27px;
   margin-top: 0.5em;
   padding-left: 8px;
   vertical-align: top;
   width: 100%;
 }
 
 html[dir='rtl'] .signin-box input[type=text],
 html[dir='rtl'] .signin-box input[type=password] {
   padding-left: 0;
   padding-right: 8px;
 }
 
 .signin-box input[type=text]:hover,
 .signin-box input[type=password]:hover {
   -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
   border: 1px solid #b9b9b9;

[Evan Stade, 2012/04/03 23:57:27]

only change border-color

[Dan Beam, 2012/04/04 00:54:49]

Done.

   border-top: 1px solid #a0a0a0;
 }
 
 .signin-box input[type=text]:focus,
 .signin-box input[type=password]:focus {
   -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
-  border: 1px solid #4d90fe;
+  border: 1px solid rgb(77, 144, 254);

[Evan Stade, 2012/04/03 23:57:27]

only change border-color

[Dan Beam, 2012/04/04 00:54:49]

Done.

   outline: none;
 }
 
 .signin-box input[type=text][disabled],
 .signin-box input[type=password][disabled] {
   -webkit-box-shadow: none;
   background: #f5f5f5;
   border: 1px solid #e5e5e5;
 }
 
 .signin-box input[type=text][disabled]:hover,
 .signin-box input[type=password][disabled]:hover {
   -webkit-box-shadow: none;
 }
 
 
 /* Sign in links. */
 
 .signin-box .account-link {
-  color: #15c !important;
+  color: rgb(17, 85, 204) !important;
   text-decoration: none;
 }
 
 .signin-box .account-link:visited {
-  color: #61c !important;
+  color: rgb(102, 17, 204) !important;
   text-decoration: none;
 }
 
 .signin-box .account-link:hover {
   text-decoration: underline;
 }
 
 .signin-box .account-link:active {
-  color: #d14836 !important;
+  color: rgb(209, 72, 54) !important;
   text-decoration: underline;
 }
 
 /* Sign in text. */
 
 .signin-box strong {
   color: #222;
   display: block;
 }
 
@@ skipping 10 matching lines @@
 
 html[dir='rtl'] .signin-box .throbber {
   float: left;
 }
 
 #create-account-div {
   display: inline-block;
 }
 
 .signin-box .errormsg {
-  color: #dd4b39 !important;
+  color: rgb(221, 75, 57) !important;
   font-size: 13px !important;
   line-height: 17px;
   margin: 0.5em 0 1.5em;
 }
 
 .signin-box .help-link {
   -webkit-border-radius: 1em;
-  background: #dd4b39;
+  background: rgb(221, 75, 57);
   color: #fff !important;

[Evan Stade, 2012/04/03 02:59:48]

white

[Dan Beam, 2012/04/03 04:15:06]

Done.

   display: inline-block;
   font-weight: bold;
   padding: 0 5px;
   position: relative;
   text-decoration: none;
   top: 0;
 }
 
 .signin-box .help-link:visited {
   color: #fff !important;

[Evan Stade, 2012/04/03 02:59:48]

white

[Dan Beam, 2012/04/03 04:15:06]

Done.

 }
 
 .signin-box .help-link:hover {
   color: #fff !important;

[Evan Stade, 2012/04/03 02:59:48]

white

[Dan Beam, 2012/04/03 04:15:06]

Done.

   opacity: .7;
 }