Implement Bookmark All Tabs Dialog with WebUI.

chrome/browser/resources/bookmark_manager/css/bookmark_all_tabs.css

Index: chrome/browser/resources/bookmark_manager/css/bookmark_all_tabs.css
diff --git a/chrome/browser/resources/bookmark_manager/css/bookmark_all_tabs.css b/chrome/browser/resources/bookmark_manager/css/bookmark_all_tabs.css
new file mode 100644
index 0000000000000000000000000000000000000000..4ebecb36bb56b8b114aab04608947d30c3427147
--- /dev/null
+++ b/chrome/browser/resources/bookmark_manager/css/bookmark_all_tabs.css
@@ -0,0 +1,74 @@
+/*
+ * Copyright (c) 2011 The Chromium Authors. All rights reserved.
+ * Use of this source code is governed by a BSD-style license that can be
+ * found in the LICENSE file.
+ */
+
+* {
+  margin: 0;
+  padding: 0;
+}
+
+/* Outer frame of the dialog. */
+body {
+  -webkit-box-orient: vertical;
+  -webkit-user-select: none;
+  display: -webkit-box;
+  font-family: segoe ui, arial, helvetica, sans-serif;
+  height: 100%;
+  min-height: 150px;
+  position: absolute;
+  width: 100%;
+}
+
+/* Container for the detail list views. */
+.dialog-body {
+  -webkit-box-flex: 1;
+  -webkit-box-orient: vertical;
+  display: -webkit-box;
+  margin: 6px;
+}
+
+.dialog-body > div {
+  margin: 6px;
+}
+
+#name-form {
+  display: -webkit-box;
+}
+
+#name-form > * {
+  display: block;
+}
+
+#name-form > span {
+  display: inline-block;
+  vertical-align: middle;
+}
+
+#name-form > #new-name {
+  -webkit-box-flex: 1;
+  margin-left: 5px;
+}
+
+#tree-container {
+  -webkit-box-flex: 1;
+  border: 1px solid #AAA;
+  border-radius: 2px;
+  overflow: auto;
+}
+
+#tree {
+  height: 100%;
+  overflow: visible;
+  width: 100%;
+}
+
+#ok {
+  float: right;
+  margin-right: 15px;
+}
+
+#cancel {
+  float: right;
+}