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..21dbae822408943ca70d94e3b1c597c293636872
--- /dev/null
+++ b/chrome/browser/resources/options/password_manager.css
@@ -0,0 +1,43 @@
+.list-title {
+  font-weight: bold;
+  margin: 20px 0 10px 0;
+}
+
+.passwords-list {
+  border: 1px solid #d9d9d9;
+  border-radius: 2px;
+  height: auto;
+  padding-bottom: 1px;

[stuartmorgan, 2010/12/17 00:40:21]

Remove this; it's no longer necessary after my recent change to list style.

[James Hawkins, 2010/12/17 02:33:57]

Done.

+}
+
+#saved-passwords-list .url {
+  box-sizing: border-box;
+  width: 40%;
+}
+
+#saved-passwords-list .name {
+  -webkit-box-flex: 1;
+  width: 20%;

[stuartmorgan, 2010/12/17 00:40:21]

Why both a width a flex? Which one wins?

[James Hawkins, 2010/12/17 02:33:57]

No, they're both important and affect the layout, though I'm having difficulty
explaining it.

+}
+
+#saved-passwords-list .password {
+  -webkit-box-flex: 1;
+  position: relative;
+}
+
+#saved-passwords-list .password span {
+  position: absolute;
+  top: 5px;
+  right: 50px;

[stuartmorgan, 2010/12/17 00:40:21]

This needs to be different for ltr vs rtl; see the main options CSS for
examples.

[James Hawkins, 2010/12/17 02:33:57]

Done.

+  width: 40px;
+  height: 18px;
+  background: url('show_password.png');
+  cursor: pointer;
+}
+
+#saved-passwords-list .url,
+#saved-passwords-list .name,
+#password-exceptions-list .url {
+  overflow: hidden;
+  text-overflow: ellipsis;
+}