| 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 -webkit-transition: 200ms opacity; | 10 -webkit-transition: 200ms opacity; |
| (...skipping 32 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 43 z-index: 0; | 43 z-index: 0; |
| 44 } | 44 } |
| 45 | 45 |
| 46 /* If the options page is loading don't do the transition. */ | 46 /* If the options page is loading don't do the transition. */ |
| 47 .loading .overlay, | 47 .loading .overlay, |
| 48 .loading .overlay .page { | 48 .loading .overlay .page { |
| 49 -webkit-transition-duration: 0ms !important; | 49 -webkit-transition-duration: 0ms !important; |
| 50 } | 50 } |
| 51 | 51 |
| 52 /* keyframes used to pulse the overlay */ | 52 /* keyframes used to pulse the overlay */ |
| 53 @-webkit-keyframes pulse { | 53 @keyframes pulse { |
| 54 0% { | 54 0% { |
| 55 transform: scale(1); | 55 transform: scale(1); |
| 56 } | 56 } |
| 57 40% { | 57 40% { |
| 58 transform: scale(1.02); | 58 transform: scale(1.02); |
| 59 } | 59 } |
| 60 60% { | 60 60% { |
| 61 transform: scale(1.02); | 61 transform: scale(1.02); |
| 62 } | 62 } |
| 63 100% { | 63 100% { |
| 64 transform: scale(1); | 64 transform: scale(1); |
| 65 } | 65 } |
| 66 } | 66 } |
| 67 | 67 |
| 68 .overlay .page.pulse { | 68 .overlay .page.pulse { |
| 69 -webkit-animation-duration: 180ms; | 69 animation-duration: 180ms; |
| 70 -webkit-animation-iteration-count: 1; | 70 animation-iteration-count: 1; |
| 71 -webkit-animation-name: pulse; | 71 animation-name: pulse; |
| 72 -webkit-animation-timing-function: ease-in-out; | 72 animation-timing-function: ease-in-out; |
| 73 } | 73 } |
| 74 | 74 |
| 75 .overlay .page > .close-button { | 75 .overlay .page > .close-button { |
| 76 background-image: url(chrome://theme/IDR_CLOSE_DIALOG); | 76 background-image: url(chrome://theme/IDR_CLOSE_DIALOG); |
| 77 background-position: center; | 77 background-position: center; |
| 78 background-repeat: no-repeat; | 78 background-repeat: no-repeat; |
| 79 height: 14px; | 79 height: 14px; |
| 80 position: absolute; | 80 position: absolute; |
| 81 right: 7px; | 81 right: 7px; |
| 82 top: 7px; | 82 top: 7px; |
| (...skipping 113 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 |