Add custom Polymer network icon element

ui/webui/resources/cr_elements/cr_network_icon/cr-network-icon.css

Index: ui/webui/resources/cr_elements/cr_network_icon/cr-network-icon.css
diff --git a/ui/webui/resources/cr_elements/cr_network_icon/cr-network-icon.css b/ui/webui/resources/cr_elements/cr_network_icon/cr-network-icon.css
new file mode 100644
index 0000000000000000000000000000000000000000..5739228d09f2a0327ebd23ef9de06bf6b5aa2e84
--- /dev/null
+++ b/ui/webui/resources/cr_elements/cr_network_icon/cr-network-icon.css
@@ -0,0 +1,33 @@
+/*
+ * Copyright 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.
+ */
+
+:host {
+  display: inline-block;
+}
+
+div {
+    border-style: none;

[michaelpg, 2015/02/10 08:11:25]

2-space indents

[stevenjb, 2015/02/11 00:16:11]

Done.

+    height: 100%;
+    margin: 0;
+    overflow: hidden;
+    padding: 0;
+    position: relative;
+    width: 100%;
+}
+
+#icon {
+    height: 100%;
+    position: absolute;
+    width: 100%;
+}
+
+#badge {
+    height: 50%;
+    margin-left: 50%;

[michaelpg, 2015/02/10 08:11:25]

-webkit-margin-start

[stevenjb, 2015/02/11 00:16:11]

I'm really not sure that we want to mirror the icon badges on RTL. We don't
currently in the status tray.

+    margin-top: 50%;
+    position: absolute;
+    width: 50%;
+}