[cros] Layout for OOBE WebUI.

chrome/browser/resources/shared/css/select.css

Index: chrome/browser/resources/shared/css/select.css
diff --git a/chrome/browser/resources/shared/css/select.css b/chrome/browser/resources/shared/css/select.css
new file mode 100644
index 0000000000000000000000000000000000000000..ba838962d215b99c7b4289df4c5ebfc200c81451
--- /dev/null
+++ b/chrome/browser/resources/shared/css/select.css
@@ -0,0 +1,40 @@
+select {

[Evan Stade, 2011/06/07 03:25:46]

need license header

have you made sure that generalizing this doesn't cause any weird breakages for
other WebUI pages like print preview?

[Nikita (slow), 2011/06/07 17:03:36]

Done.

[Nikita (slow), 2011/06/07 17:03:36]

I've extracted select style from options_page.css and updated them all to
include new shared select.css.

How should I look for a possible regression on pages like print preview? Pages
that don't include options_page.css should be unaffected.

Actually I've added proxy_settings.html that I've missed first time.

+  -webkit-appearance: button;
+  -webkit-border-radius: 2px;
+  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);

[Evan Stade, 2011/06/07 03:25:46]

no px after 0

[Nikita (slow), 2011/06/07 17:03:36]

Done.

+  -webkit-padding-end: 20px;
+  -webkit-padding-start: 2px;
+  -webkit-user-select: none;
+  background-image: url("../images/select.png"), -webkit-linear-gradient(#fafafa, #f4f4f4 40%, #e5e5e5);

[Evan Stade, 2011/06/07 03:25:46]

80

[Nikita (slow), 2011/06/07 17:03:36]

Done.

+  background-position: center right;
+  background-repeat: no-repeat;
+  border: 1px solid #aaa;
+  color: #555;
+  font-size: inherit;
+  margin: 0;
+  overflow: hidden;
+  padding-top: 2px;
+  padding-bottom: 2px;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+select:disabled {
+  color: graytext;
+}
+
+html[dir='rtl'] select {
+  background-position: center left;
+}
+
+select:enabled:hover {
+  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
+  background-image: url("../images/select.png"), -webkit-linear-gradient(#fefefe, #f8f8f8 40%, #e9e9e9);
+  color: #333;
+}
+
+select:enabled:active {
+  -webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.2);
+  background-image: url("../images/select.png"), -webkit-linear-gradient(#f4f4f4, #efefef 40%, #dcdcdc);
+  color: #444;
+}