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-size: 20px; |
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 div.webvr-message-box { | |
Dan Beam
2016/09/27 22:33:40
the "div" probably isn't doing much for you here
| |
20 background: rgba(0,0,0,0); | |
Dan Beam
2016/09/27 22:33:40
nit: this is the same as "transparent", which is a
| |
21 position: absolute; | |
22 } | |
23 | |
24 .webvr-center { | |
25 left: 50%; | |
26 position: absolute; | |
27 top: 50%; | |
28 transform: translate(-50%, -50%); | |
Dan Beam
2016/09/27 22:33:40
can you use flex box instead of left+top+position+
| |
29 } | |
30 | |
31 #webvr-not-secure-transient { | |
32 height: 128px; | |
33 left: 0; | |
34 top: 0; | |
35 width: 256px; | |
36 } | |
37 | |
38 #webvr-not-secure-transient > div { | |
39 background-color: rgba(0, 0, 0, 0.5); | |
40 border-radius: 3px; | |
41 height: 100px; | |
42 padding: 3px; | |
43 width: 251px; | |
Dan Beam
2016/09/27 22:33:40
where are you getting this width from? a specific
| |
44 } | |
45 | |
46 #webvr-not-secure-transient > div > span { | |
47 color: white; | |
48 font-family: sans-serif; | |
49 font-size: 15px; | |
Dan Beam
2016/09/27 22:33:40
you should use em or % for font-size measurements
| |
50 text-align: center; | |
51 width: 251px; | |
52 } | |
53 | |
54 #webvr-not-secure-permanent { | |
55 height: 64px; | |
56 left: 256px; | |
57 top: 0; | |
58 width: 128px; | |
59 } | |
60 | |
61 #webvr-not-secure-permanent > span { | |
62 background: white; | |
63 border-radius: 3px; | |
64 box-shadow: 0 0 5px rgba(0,0,0,0.3); | |
65 color: #444; | |
66 font-family: sans-serif; | |
67 font-size: 16px; | |
68 padding: 3px; | |
69 text-align: center; | |
70 white-space: nowrap; | |
71 width: 100px; | |
72 } | |
OLD | NEW |