Unified icon-buttons used in the new GAIA flow.

chrome/browser/resources/chromeos/login/screen_gaia_signin.css

Index: chrome/browser/resources/chromeos/login/screen_gaia_signin.css
diff --git a/chrome/browser/resources/chromeos/login/screen_gaia_signin.css b/chrome/browser/resources/chromeos/login/screen_gaia_signin.css
index 364d4335c79ed2de76a3f72338208bdd73d7c4d9..520697225692f35a12bb55b81eb7e803e821e420 100644
--- a/chrome/browser/resources/chromeos/login/screen_gaia_signin.css
+++ b/chrome/browser/resources/chromeos/login/screen_gaia_signin.css
@@ -65,67 +65,30 @@ throbber-notice {
   display: none;
 }
 
-.custom-gaia-button {
-  background: transparent none;
-  background-position: center;
-  background-repeat: no-repeat;
-  border-radius: 50%;
-  height: 24px;
+#close-button-item,
+#back-button-item {
+  color: white;
   position: absolute;
   top: 10px;
-  width: 24px;
   z-index: 1;
 }
 
-.custom-gaia-button:hover {
-  cursor: pointer;
-}
-
-.custom-gaia-button:focus {
-  background: rgba(0,0,0,.16);
-  background-position: center;
-  background-repeat: no-repeat;
-  opacity: 0.75;
-}
-
- /* Even more specificity than button.custom-appearance:focus:focus */
-.custom-gaia-button:focus:focus:focus {
-   border-color: transparent;
-}
-
-.custom-gaia-button:active {
-  background: rgba(0,0,0,.12);
-  background-position: center;
-  background-repeat: no-repeat;
-  opacity: 1.0;
+#close-button-item:disabled,
+#back-button-item:disabled {
+  color: rgb(127,127,127);

[michaelpg, 2015/05/08 22:02:23]

same nits

[dzhioev (left Google), 2015/05/08 22:29:03]

Done.

 }
 
 #close-button-item {
-  background-image: url(chrome://theme/IDR_LOGIN_CLOSE_BUTTTON);
   right: 10px;
 }
 
-html[dir=rtl] #close-button-item {
+#back-button-item {
   left: 10px;
-  right: auto;
-}
-
-.loading #close-button-item,
-.new-gaia-flow .full-width #close-button-item {
-  background-image: url(chrome://theme/IDR_LOGIN_CLOSE_BUTTTON_ON_WHITE);
 }
 
-.loading.auth-completed #close-button-item {
-  display: none;
-}
-
-#close-button-item:disabled {
-  background-image: url(chrome://theme/IDR_LOGIN_CLOSE_BUTTTON_MASKED);
-}
-
-#back-button-item {
-  background-image: url(chrome://theme/IDR_LOGIN_BACK_BUTTTON);
+html[dir=rtl] #close-button-item {
   left: 10px;
+  right: auto;
 }
 
 html[dir=rtl] #back-button-item {
@@ -134,12 +97,17 @@ html[dir=rtl] #back-button-item {
   right: 10px;
 }
 
+.loading #close-button-item,
+.new-gaia-flow .full-width #close-button-item {
+  color: rgba(0,0,0,.54);
+}
+
 .new-gaia-flow .full-width #back-button-item {
   display: none;
 }
 
-#back-button-item:disabled {
-  background-image: url(chrome://theme/IDR_LOGIN_BACK_BUTTTON_MASKED);
+.loading.auth-completed #close-button-item {
+  display: none;
 }
 
 .signin-text {