Add ErrorConsole UI for Extension Install Warnings

chrome/browser/resources/extensions/extension_error.css

Index: chrome/browser/resources/extensions/extension_error.css
diff --git a/chrome/browser/resources/extensions/extension_error.css b/chrome/browser/resources/extensions/extension_error.css
new file mode 100644
index 0000000000000000000000000000000000000000..730512bbf1eb8a49cac0fc1e39c40a9e8a05f0ba
--- /dev/null
+++ b/chrome/browser/resources/extensions/extension_error.css
@@ -0,0 +1,41 @@
+/* Copyright 2013 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. */
+
+.extension-error-list a {
+  cursor: pointer;

[Dan Beam, 2013/08/21 23:41:03]

^ why is this necessary?

[Devlin, 2013/08/22 18:29:06]

It's for the "View source" links next to the errors.  Since they aren't links,
per se, they won't have a pointer cursor by default.

The other standard options are to use href="#" or href="javascript:void(0)" -
are either of these preferable?

[Dan Beam, 2013/08/29 00:24:30]

I think href="#" or <button class="link-button"> are common for this, yes

+}
+
+.extension-error-list-contents {
+  -webkit-padding-start: 20px;
+  list-style-type: none;
+}
+
+.extension-error-list-show-more {
+  cursor: pointer;
+  text-align: center;
+  width: 100%;
+}
+
+.extension-error-simple-wrapper {
+  display: -webkit-box;

[Dan Beam, 2013/08/21 23:41:03]

why is this a box with nothing flexing?

[Devlin, 2013/08/22 18:29:06]

-webkit-box, -webkit-flex, -webkit-inline-box, and -webkit-inline-flex all allow
the "View source" link to be shown on the same line as the error message; all
other display options force it onto a new line (http://imgur.com/ATWI0TO).  Is
there a preferable css combination for this effect?

[Dan Beam, 2013/08/29 00:24:30]

white-space: nowrap; if I understand what your preferred UI should look like.

+  width: 100%;
+}
+
+.extension-error-simple-wrapper > :first-child {
+  width: 85%;
+}
+
+.extension-error-icon-error,
+.extension-error-icon-log,
+.extension-error-icon-warn {
+  -webkit-margin-end: 3px;
+  -webkit-margin-start: 3px;
+  height: 15px;
+  vertical-align: middle;
+  width: 15px;
+}
+
+.extension-error-message {
+  color: rgba(200, 50, 50, 255);
+}