Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(1549)

Unified Diff: chrome/browser/resources/chromeos/oobe.css

Issue 7058048: [cros] Layout for OOBE WebUI. (Closed) Base URL: svn://svn.chromium.org/chrome/trunk/src
Patch Set: add select.css Created 9 years, 6 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View side-by-side diff with in-line comments
Download patch
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;
}

Powered by Google App Engine
This is Rietveld 408576698