Add origin views to the Security panel.

Source/devtools/front_end/security/lockIcon.css

 /* 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.
  */
 
-.lock-icon {
+.lock-icon,
+.security-property {
     background-size: cover;
     height: 16px;
     width: 16px;
 }
 
 .lock-icon-unknown {
     background-image: url(Images/securityStateNeutral.png);
 }
 
 .lock-icon-neutral {
@@ skipping 28 matching lines @@
 
     .lock-icon-warning {
         background-image: url(Images/securityStateWarning_2x.png);
     }
 
     .lock-icon-secure {
         background-image: url(Images/securityStateSecure_2x.png);
     }
 }
 
-.sidebar-tree-item .lock-icon {
-    float: left;
-    margin-right: 2px;
-}
+.security-property-insecure {
+    background-image: url(Images/securityPropertyInsecure.svg);
+}
+
+.security-property-neutral {
+    background-image: url(Images/securityPropertyWarning.svg);
+}
+
+.security-property-warning {
+    background-image: url(Images/securityPropertyWarning.svg);
+}
+
+.security-property-secure {
+    background-image: url(Images/securityPropertySecure.svg);
+}