OLD | NEW |
---|---|
1 /* Copyright 2016 The Chromium Authors. All rights reserved. | 1 /* Copyright 2016 The Chromium Authors. All rights reserved. |
2 * Use of this source code is governed by a BSD-style license that can be | 2 * Use of this source code is governed by a BSD-style license that can be |
3 * found in the LICENSE file. */ | 3 * found in the LICENSE file. */ |
4 | 4 |
5 html { | 5 html { |
6 background-color: rgba(255, 255, 255, 0.2); | 6 background-color: rgba(255, 255, 255, 0.2); |
7 font-size: 20px; | 7 font-family: 'Roboto', sans-serif; |
8 } | 8 } |
9 | 9 |
10 .ui-button { | 10 .ui-button { |
11 background: white; | 11 background: white; |
12 border-radius: 6px; | 12 border-radius: 6px; |
13 overflow: hidden; | 13 overflow: hidden; |
14 position: absolute; | 14 position: absolute; |
15 text-align: center; | 15 text-align: center; |
16 vertical-align: middle; | 16 vertical-align: middle; |
17 } | 17 } |
18 | |
19 .webvr-message-box { | |
20 align-items: center; | |
21 background: transparent; | |
22 display: flex; | |
23 flex-direction: column; | |
bshe
2016/09/29 13:50:56
why do you want to use column here. From the scree
| |
24 font-weight: 400; | |
25 justify-content: center; | |
26 position: absolute; | |
27 } | |
28 | |
29 #webvr-not-secure-permanent { | |
30 height: 128px; | |
31 left: 0; | |
32 top: 0; | |
33 width: 512px; | |
34 } | |
35 | |
36 #webvr-not-secure-permanent .webvr-not-secure-icon { | |
37 float: left; | |
bshe
2016/09/29 13:50:56
this is probably not going to work well with right
| |
38 height: 36px; | |
39 margin: 20px 0 20px 20px; | |
40 width: 36px; | |
41 } | |
42 | |
43 #webvr-not-secure-permanent .webvr-string { | |
44 display: inline-block; | |
45 margin: 23px 20px 18px 17px; | |
46 white-space: nowrap; | |
47 } | |
48 | |
49 #webvr-not-secure-permanent .webvr-box { | |
50 border-radius: 6px; | |
51 box-shadow: 0 0 20px rgba(0,0,0,0.5); | |
52 box-sizing: border-box; | |
53 color: #444; | |
54 font-size: 26px; | |
55 height: 78px; | |
56 max-width: 472px; | |
57 min-width: 226px; | |
58 overflow: hidden; | |
59 white-space: nowrap; | |
60 } | |
61 | |
62 #webvr-not-secure-transient { | |
63 height: 256px; | |
64 left: 0; | |
65 top: 128px; | |
66 width: 512px; | |
67 } | |
68 | |
69 #webvr-not-secure-transient > div { | |
70 background-color: rgba(26, 26, 26, 0.8); | |
71 border-radius: 6px; | |
72 box-sizing: border-box; | |
73 color: white; | |
74 display: flex; | |
75 flex-direction: column; | |
76 font-size: 26px; | |
77 font-weight: 300; | |
78 justify-content: center; | |
79 line-height: 1.4; | |
80 max-height: 210px; | |
81 min-height: 160px; | |
82 padding: 20px; | |
83 text-align: center; | |
84 width: 512px; | |
85 } | |
OLD | NEW |