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..5dbc0c7c1875bd2fa8e19f14a039ac76c89f1e11 100644 |
--- a/chrome/browser/resources/vr_shell/vr_shell_ui.css |
+++ b/chrome/browser/resources/vr_shell/vr_shell_ui.css |
@@ -4,7 +4,7 @@ |
html { |
background-color: rgba(255, 255, 255, 0.2); |
- font-size: 20px; |
+ font-family: 'Roboto', sans-serif; |
} |
.ui-button { |
@@ -15,3 +15,71 @@ html { |
text-align: center; |
vertical-align: middle; |
} |
+ |
+.webvr-message-box { |
+ align-items: center; |
+ background: transparent; |
+ display: flex; |
+ flex-direction: column; |
bshe
2016/09/29 13:50:56
why do you want to use column here. From the scree
|
+ font-weight: 400; |
+ justify-content: center; |
+ position: absolute; |
+} |
+ |
+#webvr-not-secure-permanent { |
+ height: 128px; |
+ left: 0; |
+ top: 0; |
+ width: 512px; |
+} |
+ |
+#webvr-not-secure-permanent .webvr-not-secure-icon { |
+ float: left; |
bshe
2016/09/29 13:50:56
this is probably not going to work well with right
|
+ height: 36px; |
+ margin: 20px 0 20px 20px; |
+ width: 36px; |
+} |
+ |
+#webvr-not-secure-permanent .webvr-string { |
+ display: inline-block; |
+ margin: 23px 20px 18px 17px; |
+ white-space: nowrap; |
+} |
+ |
+#webvr-not-secure-permanent .webvr-box { |
+ border-radius: 6px; |
+ box-shadow: 0 0 20px rgba(0,0,0,0.5); |
+ box-sizing: border-box; |
+ color: #444; |
+ font-size: 26px; |
+ height: 78px; |
+ max-width: 472px; |
+ min-width: 226px; |
+ overflow: hidden; |
+ white-space: nowrap; |
+} |
+ |
+#webvr-not-secure-transient { |
+ height: 256px; |
+ left: 0; |
+ top: 128px; |
+ width: 512px; |
+} |
+ |
+#webvr-not-secure-transient > div { |
+ background-color: rgba(26, 26, 26, 0.8); |
+ border-radius: 6px; |
+ box-sizing: border-box; |
+ color: white; |
+ display: flex; |
+ flex-direction: column; |
+ font-size: 26px; |
+ font-weight: 300; |
+ justify-content: center; |
+ line-height: 1.4; |
+ max-height: 210px; |
+ min-height: 160px; |
+ padding: 20px; |
+ text-align: center; |
+ width: 512px; |
+} |