Index: masters/master.chromium/public_html/common-resources/milo.css |
diff --git a/masters/master.chromium/public_html/common-resources/milo.css b/masters/master.chromium/public_html/common-resources/milo.css |
new file mode 100644 |
index 0000000000000000000000000000000000000000..ef2a7b6cdf4671ddcf959b61c2e16e3f9e5a6252 |
--- /dev/null |
+++ b/masters/master.chromium/public_html/common-resources/milo.css |
@@ -0,0 +1,72 @@ |
+/** Copyright (c) 2016 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. |
+ */ |
+ |
+.header-right-align { |
+ float: right; |
+} |
+ |
+.milo-container { |
+ position: relative; |
+} |
+ |
+.milo-link { |
+ display: block; |
+ text-align: right; |
+ font-size: 14px; |
+ background-color: #d9ead3; |
+ font-family: "Courier New", Courier, monospace; |
+} |
+ |
+.milo-link + .milo-info { |
+ display: none; |
+} |
+ |
+/* When a user hovers over the Milo link, show the info pane. */ |
+.milo-link:hover + .milo-info { |
+ display: block; |
+} |
+ |
+/* Once a user is hovering, keep it visible. */ |
+.milo-info:hover { |
+ display: block; |
+} |
+ |
+.milo-info { |
+ position: absolute; |
+ right: 0; |
+ width: 250px; |
+ padding: 5px; |
+ |
+ background-color: #d9ead3; |
+ font-size: 14px; |
+ border-style: solid; |
+ border-width: 1px; |
+ border-color: black; |
+ border-radius: 6px; |
+ text-align: center; |
+} |
+ |
+.milo-link img { |
+ vertical-align: middle; |
+ width: 14px; |
+ height: auto; |
+ margin: 0px; |
+ padding: 0px; |
+ transition: 0.3s; |
+} |
+ |
+.milo-cit-info { |
+ display: flex; |
+ align-items: center; |
+ flex-wrap: nowrap; |
+ |
+ padding-left: 10px; |
+ padding-right: 10px; |
+ font-size: 10px; |
+} |
+ |
+.milo-info img { |
+ vertical-align: middle; |
+} |