[cros] Initial implementation for OOBE WebUI.

chrome/browser/resources/chromeos/oobe.css

Index: chrome/browser/resources/chromeos/oobe.css
diff --git a/chrome/browser/resources/chromeos/oobe.css b/chrome/browser/resources/chromeos/oobe.css
new file mode 100644
index 0000000000000000000000000000000000000000..10b7ee966988bc21fd67a08228297b4b39cbf8ac
--- /dev/null
+++ b/chrome/browser/resources/chromeos/oobe.css
@@ -0,0 +1,132 @@
+body {
+  cursor: default;
+  font-size: 13px;
+  background: #f1f1f1;
+}
+
+.container {
+  -webkit-box-align: center;
+  -webkit-box-pack: center;
+  display: -webkit-box;
+  position: fixed;
+  left: 0;
+  bottom: 0;
+  right: 0;
+  top: 0;
+}
+
+.screen {
+  min-height: 425px;
+  min-width: 720px;
+  padding: 0;
+  position: relative;
+}
+
+.screen-header {
+  border-bottom: 1px solid #b7b7b7;
+  display: -webkit-box;
+  height: 70px;
+}
+
+.screen-header h1 {
+  color: #7b7b7b;
+  font-size: 200%;
+  font-weight: bold;
+  margin: 0;
+  padding: 14px 0 0 14px;
+}
+
+.content-area {
+  border-bottom: 1px solid #b7b7b7;
+  box-sizing: border-box;
+  width: 720px;
+}
+
+.action-area {
+  -webkit-box-align: center;
+  -webkit-box-orient: horizontal;
+  -webkit-box-pack: end;
+  display: -webkit-box;
+  padding: 12px;
+}
+
+html[dir='rtl'] .action-area {
+  left: 0;
+}
+
+.action-area-right {
+  display: -webkit-box;
+}
+
+.button-strip {
+  -webkit-box-orient: horizontal;
+  display: -webkit-box;
+}
+
+.button-strip > button {
+  -webkit-margin-start: 10px;
+  display: block;
+}
+
+#welcome-content-area {
+  /* TODO: Flexible model for i18n */
+  padding: 60px 0 0 145px;
+  min-height: 270px;
+}
+
+#eula-content-area {
+  /* TODO: Flexible model for i18n */
+  padding: 15px 0 0 0;
+  min-height: 305px;
+}
+
+.eula-columns {
+  display: -webkit-box;
+  width: 700px;
+}
+
+.eula-full {
+  width: 100%;
+}
+
+.eula-frame {
+  border: none;
+  height: 230px;
+  padding: 0 0 0 10px;
+  width: 345px;
+}
+
+.eula-single-frame {
+  border: none;
+  height: 230px;
+  padding: 0 0 0 10px;
+  width: 100%;
+}
+
+.control-with-label {
+  margin: 10px 0 10px 0;
+  display: -webkit-box;
+}
+
+.label {
+  margin: 5px 5px 5px 0;
+  padding: 5px 5px 5px 0;
+  width: 170px;
+}
+
+.menu-area {
+  margin: 5px 5px 5px 5px;
+}
+
+.menu-control {
+  width: 170px;
+}
+
+#enable-crash-reporting {
+   margin: 10px 0 15px 20px;
+   width: 680px;
+}
+
+#logging-label {
+  margin-left: 5px;
+}