Index: chrome/browser/resources/chromeos/oobe.css |
diff --git a/chrome/browser/resources/chromeos/oobe.css b/chrome/browser/resources/chromeos/oobe.css |
index 9b44394c8ffa88bd9c53881bb391a47cd93381ac..e2765a1886591151303bec365a4d35e91dc33794 100644 |
--- a/chrome/browser/resources/chromeos/oobe.css |
+++ b/chrome/browser/resources/chromeos/oobe.css |
@@ -1,5 +1,223 @@ |
body { |
- cursor: default; |
+ background: -webkit-gradient(radial, center center, 0, center center, 400, |
+ from(rgb(254, 254, 254)), to(rgb(239, 239, 239))); |
+ padding: 10px; |
+ font-size: 14px; |
+} |
+ |
+#oobe { |
+ width: 640px; |
+ position: absolute; |
+ top: 50%; |
+ margin-top: -270px; |
+ left: 50%; |
+ margin-left: -320px; |
+} |
+ |
+#inner-container { |
+ padding: 20px 20px; |
+ position: relative; |
+ width: 640px; |
+ height: 294px; |
+ -webkit-transition: height .2s ease-in-out; |
+} |
+ |
+table { |
+ font-size: 14px; |
+} |
+ |
+a { |
+ color: rgb(0, 102, 204); |
+ text-decoration: none; |
+} |
+ |
+#header { |
+ color: rgb(115, 115, 115); |
+} |
+ |
+hr.topshadow { |
+ border: none; |
+ border-top: 1px solid rgba(0,0,0,0.5); |
+ height: 4px; |
+ background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.3)), to(rgba(0,0,0,0.0))); |
+ -webkit-mask: -webkit-gradient(linear, left top, right top, from(rgba(0,0,0,0)), color-stop(0.5, black), to(rgba(0,0,0,0))); |
+ -webkit-mask-clip: padding-box; |
+ opacity: 0.3; |
+} |
+ |
+hr.bottomshadow { |
+ border: none; |
+ border-bottom: 1px solid rgba(0,0,0,0.5); |
+ height: 2px; |
+ background: -webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,0.2)), to(rgba(0,0,0,0.0))); |
+ -webkit-mask:-webkit-gradient(linear, left top, right top, from(rgba(0,0,0,0)), color-stop(0.5, black), to(rgba(0,0,0,0))); |
+ opacity: 0.3; |
+ -webkit-mask-clip: padding-box; |
+} |
+ |
+#header { |
+ background: url('chrome://theme/IDR_PRODUCT_LOGO_64') left center no-repeat; |
+ background-size: 48px; |
+ height: 48px; |
+ line-height: 48px; |
+ padding-left: 54px; |
+ font-size: 20px; |
+} |
+ |
+#header-sections { |
+ position: relative; |
+ display: inline-block; |
+ height: 1.5em; |
+} |
+ |
+.header-section:before { |
+ content: "\00A0\203A\00A0\00A0"; |
+} |
+ |
+.header-section { |
+ position: absolute; |
+ width: 20em; |
+ -webkit-transition: all .2s ease-in-out; |
+} |
+ |
+.header-section.right { |
+ left: 50px; |
+ opacity: 0; |
+} |
+ |
+.header-section.left { |
+ left: -20px; |
+ opacity: 0; |
+} |
+ |
+.step { |
+ position: absolute; |
+ width: 640px; |
+ min-height: 294px; |
+ -webkit-transition: all .2s ease-in-out; |
+ left: 0; |
+ opacity: 1; |
+} |
+ |
+.step.right { |
+ left: 100px; |
+ opacity: 0; |
+} |
+ |
+.step.left { |
+ left: -50px; |
+ opacity: 0; |
+} |
+ |
+.step.hidden { |
+ visibility: hidden; |
+} |
+ |
+#progress { |
+ padding: 10px; |
+ float: left; |
+} |
+ |
+.progdot { |
+ width: 8px; |
+ height: 8px; |
+ background: black; |
+ float: left; |
+ margin-right: 12px; |
+ border-radius: 2px; |
+ opacity: 0.1; |
+} |
+ |
+.progdot-active { |
+ opacity: 0.5; |
+} |
+ |
+select { |
+ width: 150px; |
+} |
+ |
+#logging { |
+ margin-top: 20px; |
+ clear: both; |
+} |
+ |
+#footer button { |
+ display: none; |
+} |
+ |
+#oobe.connect #continue-button, |
+#oobe.eula #back-button, |
+#oobe.eula #accept-button { |
+ display: inline-block; |
+} |
+ |
+#oobe.connect #connect-dot, |
+#oobe.eula #eula-dot, |
+#oobe.signin #signin-dot, |
+#oobe.photo #photo-dot { |
+ opacity: 0.4; |
+} |
+ |
+#connect table { |
+ margin: 7em auto; |
+} |
+ |
+#tpm { |
Evan Stade
2011/06/07 03:25:46
don't abbreviate variable names
Nikita (slow)
2011/06/07 17:03:36
Done.
|
+ position: absolute; |
+ width: 98%; |
+ bottom: 10px; |
+ text-align: center; |
+ visibility: hidden; |
+} |
+ |
+#tpm a { |
+ color: rgb(140, 140, 140); |
font-size: 13px; |
- background: #f1f1f1; |
+} |
+ |
+#oobe.eula + #tpm { |
+ visibility: visible; |
+} |
+ |
+#update div { |
+ width: 32em; |
+ margin: 6em auto; |
+} |
+ |
+#update progress { |
+ margin: 13px 0; |
+ width: 380px; |
+} |
+ |
+button { |
+ min-width: 80px; |
+} |
+ |
+.eula-columns { |
+ display: -webkit-box; |
+ width: 630px; |
+} |
+ |
+.eula-frame { |
+ border: none; |
+ height: 200px; |
+ margin-right: 20px; |
+ padding: 0 0 0 10px; |
+ width: 270px; |
+} |
+ |
+#eulas.one-column #cros-eula { |
+ width: 100%; |
+} |
+ |
+#eulas.one-column #cros-eula-frame { |
+ width: 100%; |
+} |
+ |
+#eulas.one-column #oem-eula { |
+ display: none; |
+} |
+ |
+.button-strip { |
+ float: right; |
} |