DOMUI: Implement new-style password manager.

chrome/browser/resources/options/password_manager.css

Index: chrome/browser/resources/options/password_manager.css
diff --git a/chrome/browser/resources/options/password_manager.css b/chrome/browser/resources/options/password_manager.css
new file mode 100644
index 0000000000000000000000000000000000000000..45e7b50f9046c8fbfc21f1c3e8cc7ac858829e13
--- /dev/null
+++ b/chrome/browser/resources/options/password_manager.css
@@ -0,0 +1,49 @@
+.list-title {

[stuartmorgan, 2010/12/17 17:27:42]

This should be in the main CSS if it's general purpose, or have a more specific
title if not; the possibility for collision here is high.

[James Hawkins, 2010/12/17 21:32:40]

Done.

+  font-weight: bold;
+  margin: 20px 0 10px 0;
+}
+
+.passwords-list {
+  border: 1px solid #d9d9d9;
+  border-radius: 2px;
+  height: auto;
+}
+
+#saved-passwords-list .url {
+  box-sizing: border-box;
+  width: 40%;
+}
+
+#saved-passwords-list .name {
+  -webkit-box-flex: 1;
+  width: 20%;
+}
+
+#saved-passwords-list .password {
+  -webkit-box-flex: 1;
+  position: relative;
+}
+
+#saved-passwords-list .password span {

[arv (Not doing code reviews), 2010/12/17 20:07:34]

Can some of these be direct descendant selectors instead?

[James Hawkins, 2010/12/17 21:32:40]

Done.

+  position: absolute;
+  top: 5px;
+  width: 40px;
+  height: 18px;
+  background: url('show_password.png');
+  cursor: pointer;

[stuartmorgan, 2010/12/17 17:27:42]

This whole rule set needs alphabetizing.

[James Hawkins, 2010/12/17 21:32:40]

Done.

+}
+
+html[dir='ltr'] #saved-passwords-list .password span {
+  right: 50px;
+}
+
+html[dir='rtl'] #saved-passwords-list .password span {
+  left: 50px;
+}
+
+#saved-passwords-list .url,
+#saved-passwords-list .name,
+#password-exceptions-list .url {
+  overflow: hidden;
+  text-overflow: ellipsis;
+}