Chromium Code Reviews

Unified Diff: ui/webui/resources/cr_elements/cr_network_icon/cr_network_icon.css

Issue 874283006: Add custom Polymer network icon element (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Rebase Created 5 years, 10 months ago
Use n/p to move between diff chunks; N/P to move between comments.
Jump to:
View side-by-side diff with in-line comments
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..1f056dc0d8d764b51c0b201189bbef9afbd3286a
--- /dev/null
+++ b/ui/webui/resources/cr_elements/cr_network_icon/cr_network_icon.css
@@ -0,0 +1,47 @@
+/* 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;
+ overflow: hidden;
+ position: relative;
+}
+
+#icon {
+ height: 100%;
+ position: absolute;
+ width: 100%;
+}
+
+#icon.multi-level {
+ height: 500%;
+}
+
+#icon.level0 {
+ top: 0px;
+}
+
+#icon.level1 {
+ top: -100%;
+}
+
+#icon.level2 {
+ top: -200%;
+}
+
+#icon.level3 {
+ top: -300%;
+}
+
+#icon.level4 {
+ top: -400%;
+}
+
+#badgeSecure {
+ height: 40%;
+ margin-left: 60%;
+ margin-top: 60%;
+ position: absolute;
+ width: 40%;
+}

Powered by Google App Engine