top/bottom shadow should now go away in gaia signin screen.

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

Index: chrome/browser/resources/chromeos/login/oobe.css
===================================================================
--- chrome/browser/resources/chromeos/login/oobe.css	(revision 95643)
+++ chrome/browser/resources/chromeos/login/oobe.css	(working copy)
@@ -36,27 +36,25 @@
   text-decoration: none;
 }
 
-hr.topshadow {
+hr.shadow {

[xiyuan, 2011/08/05 23:40:17]

Do we want "-webkit-transition: opacity .2s ease-in-out;" here?

[achuithb, 2011/08/05 23:43:15]

I should've written an explanation. The transition is overridden by the
body.login-display hr selector below.

   -webkit-mask: -webkit-linear-gradient(left, rgba(0,0,0,0),
                                         black 50%, rgba(0,0,0,0));
   -webkit-mask-clip: padding-box;
-  background: -webkit-linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.0));
   border: none;
+  opacity: 0.3
+}
+
+hr.top {
+  background: -webkit-linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.0));
   border-top: 1px solid rgba(0,0,0,0.5);
   height: 4px;
-  opacity: 0.3;
 }
 
-hr.bottomshadow {
-  -webkit-mask: -webkit-linear-gradient(left, rgba(0,0,0,0),
-                                        black 50%, rgba(0,0,0,0));
-  -webkit-mask-clip: padding-box;
+hr.bottom {
   background: -webkit-linear-gradient(bottom, top,
                                       rgba(0,0,0,0.2)), rgba(0,0,0,0.0));
-  border: none;
   border-bottom: 1px solid rgba(0,0,0,0.5);
   height: 2px;
-  opacity: 0.3;
 }
 
 #header {
@@ -482,7 +480,7 @@
 
 body.login-display #oobe.signin hr,
 body.login-display #oobe.gaia-signin hr {
-  width: 640px;
+  opacity: 0;
 }
 
 body.login-display #inner-container {