Add origin views to the Security panel.

Source/devtools/front_end/security/sidebar.css

Index: Source/devtools/front_end/security/sidebar.css
diff --git a/Source/devtools/front_end/security/sidebar.css b/Source/devtools/front_end/security/sidebar.css
new file mode 100644
index 0000000000000000000000000000000000000000..d1d8efcad9ab54db31caa5902692fc8e5b1841fa
--- /dev/null
+++ b/Source/devtools/front_end/security/sidebar.css
@@ -0,0 +1,45 @@
+/* Copyright (c) 2015 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.
+ */
+
+.tree-outline {
+  padding: 0;
+}
+
+.tree-outline .security-main-view-sidebar-tree-item {
+  border-bottom: 1px solid rgb(230, 230, 230);
+  padding-top: 0;
+}
+
+.tree-outline .security-main-view-sidebar-tree-item .icon,
+.tree-outline .security-main-view-sidebar-tree-item .titles {
+  margin-top: 1.5em;
+  margin-bottom: 1.5em;
+}
+
+.tree-outline .security-sidebar-origins {
+    padding: 1px 8px 6px 8px;
+    margin-top: 1em;
+    margin-bottom: 0.5em;
+    color: rgb(90, 90, 90);
+}
+.tree-outline ol {
+  padding-left: 0;
+}
+
+.tree-outline li::before {
+  content: none;
+}
+
+.tree-outline .security-main-view-sidebar-tree-item,
+.tree-outline .security-sidebar-origins,
+.tree-outline .sidebar-tree-section + .children > .sidebar-tree-item {
+  padding-left: 16px;
+}
+
+.tree-outline .sidebar-tree-item .lock-icon,
+.tree-outline .sidebar-tree-item .security-property {
+    float: left;
+    margin-right: 2px;
+}