DOMUI Prefs: Add a deletable item list type, and use it for startup pages.

chrome/browser/resources/options/options_page.css

Index: chrome/browser/resources/options/options_page.css
diff --git a/chrome/browser/resources/options/options_page.css b/chrome/browser/resources/options/options_page.css
index 195c18f1ad276a79dd18d31d52c5fa60a4284fb4..c178c6372fcb51976f7db6dfdd0318ec18f509a7 100644
--- a/chrome/browser/resources/options/options_page.css
+++ b/chrome/browser/resources/options/options_page.css
@@ -397,6 +397,35 @@ list > .heading:hover {
   border-color: transparent;
 }
 
+list .deletable-item {
+  display: -webkit-box;
+}
+
+list .deletable-item > :first-child {
+  -webkit-box-flex: 1;
+}
+
+list .close-button {
+  background-color: transparent;
+  /* TODO(stuartmorgan): Replace with real images once they are available. */
+  background-image: url("../../../app/theme/close_bar.png");
+  border: none;
+  height: 16px;
+  width: 16px;
+}
+
+list > *:not(:hover) .close-button {
+  display: none;
+}
+
+list .close-button:hover {
+  background-image: url("../../../app/theme/close_bar_h.png");
+}
+
+list .close-button:active {
+  background-image: url("../../../app/theme/close_bar_p.png");
+}
+
 .left-side-table {
   display: -webkit-box;
 }
@@ -430,6 +459,10 @@ html[dir=rtl].option-name {
 list .favicon-cell {
   -webkit-margin-start: 7px;
   -webkit-padding-start: 26px;
+  display: block;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
 }
 
 html[dir=rtl] .favicon-cell {