OLD | NEW |
1 /* Copyright 2013 The Chromium Authors. All rights reserved. | 1 /* Copyright 2013 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 :host { | 5 :host { |
6 -webkit-transition: opacity 400ms ease-in-out; | |
7 pointer-events: none; | 6 pointer-events: none; |
8 position: fixed; | 7 position: fixed; |
9 right: 0; | 8 right: 0; |
| 9 transition: opacity 400ms ease-in-out; |
10 } | 10 } |
11 | 11 |
12 #text { | 12 #text { |
13 background-color: rgba(0, 0, 0, 0.5); | 13 background-color: rgba(0, 0, 0, 0.5); |
14 border-radius: 5px; | 14 border-radius: 5px; |
15 color: white; | 15 color: white; |
16 float: left; | 16 float: left; |
17 font-family: sans-serif; | 17 font-family: sans-serif; |
18 font-size: 12px; | 18 font-size: 12px; |
19 font-weight: bold; | 19 font-weight: bold; |
20 line-height: 48px; | 20 line-height: 48px; |
21 text-align: center; | 21 text-align: center; |
22 text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8); | 22 text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8); |
23 width: 62px; | 23 width: 62px; |
24 } | 24 } |
25 | 25 |
26 #triangle-right { | 26 #triangle-right { |
27 border-bottom: 6px solid transparent; | 27 border-bottom: 6px solid transparent; |
28 border-left: 8px solid rgba(0, 0, 0, 0.5); | 28 border-left: 8px solid rgba(0, 0, 0, 0.5); |
29 border-top: 6px solid transparent; | 29 border-top: 6px solid transparent; |
30 display: inline; | 30 display: inline; |
31 float: left; | 31 float: left; |
32 height: 0; | 32 height: 0; |
33 margin-top: 18px; | 33 margin-top: 18px; |
34 width: 0; | 34 width: 0; |
35 } | 35 } |
OLD | NEW |