Index: chrome/browser/resources/vr_shell/vr_shell_ui.css |
diff --git a/chrome/browser/resources/vr_shell/vr_shell_ui.css b/chrome/browser/resources/vr_shell/vr_shell_ui.css |
index 66774d091860eec3fe86b0e2e71ecba881c330a4..eac749940093222f27877f18a84ce6246c6096ed 100644 |
--- a/chrome/browser/resources/vr_shell/vr_shell_ui.css |
+++ b/chrome/browser/resources/vr_shell/vr_shell_ui.css |
@@ -15,3 +15,55 @@ html { |
text-align: center; |
vertical-align: middle; |
} |
+ |
+div.webvr-message-box { |
+ align-items: center; |
+ background: transparent; |
+ display: flex; |
+ flex-direction: column; |
+ justify-content: center; |
+ position: absolute; |
+} |
+ |
+#webvr-not-secure-transient { |
+ height: 128px; |
+ left: 0; |
+ top: 0; |
+ width: 256px; |
+} |
+ |
+#webvr-not-secure-transient > div { |
+ background-color: rgba(0, 0, 0, 0.5); |
+ border-radius: 6px; |
+ color: white; |
+ display: flex; |
+ flex-direction: column; |
+ font-family: sans-serif; |
+ font-size: 15px; |
+ justify-content: center; |
+ max-height: 108px; /* parent height - 2 * padding */ |
+ min-height: 80px; |
+ padding: 5px; |
+ text-align: center; |
+ width: 246px; /* parent width - 2 * padding */ |
+} |
+ |
+#webvr-not-secure-permanent { |
+ height: 64px; |
+ left: 256px; |
+ top: 0; |
+ width: 128px; |
+} |
+ |
+#webvr-not-secure-permanent > span { |
+ background: white; |
+ border-radius: 3px; |
+ box-shadow: 0 0 5px rgba(0,0,0,0.3); |
+ color: #444; |
+ font-family: sans-serif; |
+ font-size: 16px; |
+ max-width: 112px; /* parent width - 2 * padding - 2 * shadow radius */ |
+ padding: 3px; |
+ text-align: center; |
+ white-space: nowrap; |
+} |