[cros] Various WebUI OOBE issues

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

 /* Copyright (c) 2011 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.
  *
  * This is the stylesheet used by the Out of the box experience (OOBE) flow.
  */
 
 body {
   background: -webkit-gradient(radial, center center, 0, center center, 400,
               from(#fefefe), to(#efefef));
@@ skipping 18 matching lines @@
   position: relative;
   width: 640px;
 }
 
 #security-info a,
 #eula a {
   color: #006668;
   text-decoration: none;
 }
 
+#eula #stats-help-link {
+  color: #316ac5;

[xiyuan, 2011/08/05 18:46:58]

do we still need "#eula a" above?

[whywhat, 2011/08/08 06:22:53]

I guess we need it if it affects links in EULA iframes or Learn more popup

+}
+
 hr.topshadow {
   -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;
   border-top: 1px solid rgba(0,0,0,0.5);
   height: 4px;
   opacity: 0.3;
 }
@@ skipping 14 matching lines @@
   background: url('chrome://theme/IDR_PRODUCT_LOGO_64') left center no-repeat;
   background-size: 48px;
   color: #737373;
   display: -webkit-box;
   font-size: 20px;
   height: 48px;
   line-height: 48px;
   padding-left: 54px;
 }
 
+#header span,
+#logging span,
+#user-image-screen-curtain p,
+.label {
+  cursor: default;

[xiyuan, 2011/08/05 18:46:58]

Can we put this into body instead of specifying them separately?

[whywhat, 2011/08/08 06:22:53]

Won't it break the right cursor for links and other elements?

+}
+
 #header-sections {
   position: relative;
 }
 
 .header-section:before {
   /* Divider in header between product name and title,
      like "[Product name] > [step header]"  */
   content: "\00A0\203A\00A0\00A0";
 }
 
 .header-section {
   -webkit-transition: left .2s, opacity .2s ease-in-out;
   position: absolute;
+  text-transform: lowercase;
   width: 20em;
 }
 
 .header-section.right {
   left: 50px;
 }
 
 .header-section.left {
   left: -20px;
 }
 
+
 .step {
   -webkit-transition: left .2s, opacity .2s, visibility .2s ease-in-out;
   left: 0;
   min-height: 294px;
   opacity: 1;
   position: absolute;
   width: 640px;
 }
 
 .step.right {
@@ skipping 52 matching lines @@
   width: 250px;
 }
 
 #connect {
   box-sizing: border-box;
   padding: 60px 0 0 145px;
 }
 
 #logging {
   clear: both;
+  font-size: small;
   margin-top: 20px;
 }
 
 #user-image-list {
   display: inline-block;
   width: 360px;
 }
 
 #user-image-list img {
   border-radius: 4px;
@@ skipping 11 matching lines @@
 #user-image-preview {
   border-radius: 4px;
   float: right;
   height: 250px;
   margin: 4px;
   width: 250px;
 }
 
 #footer button {
   display: none;
+  height: 29px;
 }
 
 #oobe.connect #continue-button,
 #oobe.eula #back-button,
 #oobe.eula #accept-button,
 #oobe.signin #signin-button,
 #oobe.user-image #ok-button {
   display: inline-block;
 }
 
@@ skipping 50 matching lines @@
 }
 
 .eula-frame {
   border: none;
   height: 200px;
   margin-right: 10px;
   padding: 0 0 0 5px;
   width: 310px;
 }
 
+#cros-eula,
+#oem-eula {
+  border: 1px solid #d9d9d9;
+}
+
 #eulas.one-column #cros-eula {
   width: 100%;
 }
 
 #eulas.one-column #cros-eula-frame {
   width: 100%;
 }
 
 #eulas.one-column #oem-eula {
   display: none;
@@ skipping 247 matching lines @@
 #version-labels {
   -webkit-transition: all .5s linear;
   bottom: 10px;
   color: #999;
   font-size: 11px;
   left: 10px;
   opacity: 1.0;
   position: absolute;
   text-shadow: 0 1px 1px #fff;
 }