OLD | NEW |
1 /* Copyright (c) 2012 The Chromium Authors. All rights reserved. | 1 /* Copyright (c) 2012 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 /* The shield that overlays the background. */ | 5 /* The shield that overlays the background. */ |
6 .overlay { | 6 .overlay { |
7 -webkit-box-align: center; | 7 -webkit-box-align: center; |
8 -webkit-box-orient: vertical; | 8 -webkit-box-orient: vertical; |
9 -webkit-box-pack: center; | 9 -webkit-box-pack: center; |
10 /* TODO(dbeam): remove perspective when http://crbug.com/374970 is fixed. */ | |
11 -webkit-perspective: 1px; | |
12 -webkit-transition: 200ms opacity; | 10 -webkit-transition: 200ms opacity; |
13 background-color: rgba(255, 255, 255, 0.75); | 11 background-color: rgba(255, 255, 255, 0.75); |
14 bottom: 0; | 12 bottom: 0; |
15 display: -webkit-box; | 13 display: -webkit-box; |
16 left: 0; | 14 left: 0; |
17 overflow: auto; | 15 overflow: auto; |
18 padding: 20px; | 16 padding: 20px; |
| 17 /* TODO(dbeam): remove perspective when http://crbug.com/374970 is fixed. */ |
| 18 perspective: 1px; |
19 position: fixed; | 19 position: fixed; |
20 right: 0; | 20 right: 0; |
21 top: 0; | 21 top: 0; |
22 } | 22 } |
23 | 23 |
24 /* Used to slide in the overlay. */ | 24 /* Used to slide in the overlay. */ |
25 .overlay.transparent .page { | 25 .overlay.transparent .page { |
26 /* TODO(flackr): Add perspective(500px) rotateX(5deg) when accelerated | 26 /* TODO(flackr): Add perspective(500px) rotateX(5deg) when accelerated |
27 * compositing is enabled on chrome:// pages. See http://crbug.com/116800. */ | 27 * compositing is enabled on chrome:// pages. See http://crbug.com/116800. */ |
28 transform: scale(0.99) translateY(-20px); | 28 transform: scale(0.99) translateY(-20px); |
(...skipping 167 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
196 #overlay-container-1 { | 196 #overlay-container-1 { |
197 z-index: 11; | 197 z-index: 11; |
198 } | 198 } |
199 #overlay-container-2 { | 199 #overlay-container-2 { |
200 z-index: 12; | 200 z-index: 12; |
201 } | 201 } |
202 | 202 |
203 .transparent { | 203 .transparent { |
204 opacity: 0; | 204 opacity: 0; |
205 } | 205 } |
OLD | NEW |