Made gradient divider in GAIA signin screen.

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 27435824d65314ed0fa8daacfb5004398901f979..d4f07b8c52f4e19b9c6c7391f4ca2b1a8601128d 100644
--- a/chrome/browser/resources/chromeos/login/screen_gaia_signin.css
+++ b/chrome/browser/resources/chromeos/login/screen_gaia_signin.css
@@ -15,7 +15,6 @@
   font-size: 12px;
 }
 
-
 /*  For touch-optimized UI, make the links bigger. */
 @media (pointer:coarse) {
   #signin-right {
@@ -44,23 +43,29 @@
   outline-color: rgb(77, 144, 254);
 }
 
+#gaia-signin-form-container,
 #signin-frame {
-  /* TODO(nkostylev): Figure out why height: 100% stopped working (gives
-    same resalt as not specifying it). Specifying content size from
-    .step-contents for now. Working at r182673, broken at r183121. */
-  background-color: transparent;
-  border-right: 1px solid lightgray;
-  height: 470px;
-  width: 340px;
+  height: 100%;

[Nikita (slow), 2013/03/05 14:05:53]

So seems that explicitly setting height=100% for parent element fixes that bug
when #signin-frame was only 150px even though it had height=100% specified.

Have you tested that this new layout works fine when GAIA iframe has captcha
image?

[dzhioev (left Google), 2013/03/05 15:28:56]

Yes, it's required for containing element to have explicitly set height in order
to make height work with percents.

No, I haven't tested it with captcha.

 }
 
-html[dir=rtl] #signin-frame {
-  border-left: 1px solid lightgray;
-  border-right: none;
+#gaia-signin-divider {
+  background: -webkit-gradient(
+                   linear, left top, left bottom,
+                   color-stop(0, #e3e3e3),
+                   color-stop(0.5, #cacaca),
+                   color-stop(1, #e3e3e3));
+  border: none;
+  width: 1px;
 }
 
-.no-right-panel #signin-frame {
-  border: none;
+.no-right-panel #gaia-signin-divider {
+  display: none;
+}
+
+#signin-frame {
+  background-color: transparent;
+  vertical-align: top;
+  width: 340px;
 }
 
 /* Position to be aligned with the login box in iframe  */