Implement Bookmark All Tabs Dialog with WebUI.

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

+/*
+ * 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%;
+}
+
+#save {
+  float: right;
+  margin-right: 15px;
+}
+
+#cancel {
+  float: right;
+}