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 { |
| 20 align-items: center; |
| 21 background: transparent; |
| 22 display: flex; |
| 23 flex-direction: column; |
| 24 justify-content: center; |
| 25 position: absolute; |
| 26 } |
| 27 |
| 28 #webvr-not-secure-transient { |
| 29 height: 128px; |
| 30 left: 0; |
| 31 top: 0; |
| 32 width: 256px; |
| 33 } |
| 34 |
| 35 #webvr-not-secure-transient > div { |
| 36 background-color: rgba(0, 0, 0, 0.5); |
| 37 border-radius: 6px; |
| 38 color: white; |
| 39 display: flex; |
| 40 flex-direction: column; |
| 41 font-family: sans-serif; |
| 42 font-size: 15px; |
| 43 justify-content: center; |
| 44 max-height: 108px; /* parent height - 2 * padding */ |
| 45 min-height: 80px; |
| 46 padding: 5px; |
| 47 text-align: center; |
| 48 width: 246px; /* parent width - 2 * padding */ |
| 49 } |
| 50 |
| 51 #webvr-not-secure-permanent { |
| 52 height: 64px; |
| 53 left: 256px; |
| 54 top: 0; |
| 55 width: 128px; |
| 56 } |
| 57 |
| 58 #webvr-not-secure-permanent > span { |
| 59 background: white; |
| 60 border-radius: 3px; |
| 61 box-shadow: 0 0 5px rgba(0,0,0,0.3); |
| 62 color: #444; |
| 63 font-family: sans-serif; |
| 64 font-size: 16px; |
| 65 max-width: 112px; /* parent width - 2 * padding - 2 * shadow radius */ |
| 66 padding: 3px; |
| 67 text-align: center; |
| 68 white-space: nowrap; |
| 69 } |
OLD | NEW |