| 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 52 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 63 } | 63 } |
| 64 | 64 |
| 65 .overlay .page.pulse { | 65 .overlay .page.pulse { |
| 66 -webkit-animation-duration: 180ms; | 66 -webkit-animation-duration: 180ms; |
| 67 -webkit-animation-iteration-count: 1; | 67 -webkit-animation-iteration-count: 1; |
| 68 -webkit-animation-name: pulse; | 68 -webkit-animation-name: pulse; |
| 69 -webkit-animation-timing-function: ease-in-out; | 69 -webkit-animation-timing-function: ease-in-out; |
| 70 } | 70 } |
| 71 | 71 |
| 72 .overlay .page > .close-button { | 72 .overlay .page > .close-button { |
| 73 background-image: url('chrome://theme/IDR_WEB_UI_CLOSE'); | 73 background-image: url('../images/x.png'); |
| 74 background-position: center; | 74 background-position: center; |
| 75 background-repeat: no-repeat; | 75 background-repeat: no-repeat; |
| 76 height: 14px; | 76 height: 14px; |
| 77 position: absolute; | 77 position: absolute; |
| 78 right: 7px; | 78 right: 7px; |
| 79 top: 7px; | 79 top: 7px; |
| 80 width: 14px; | 80 width: 14px; |
| 81 } | 81 } |
| 82 | 82 |
| 83 html[dir='rtl'] .overlay .page > .close-button { | 83 html[dir='rtl'] .overlay .page > .close-button { |
| 84 left: 10px; | 84 left: 10px; |
| 85 right: auto; | 85 right: auto; |
| 86 } | 86 } |
| 87 | 87 |
| 88 .overlay .page > .close-button:hover { | 88 .overlay .page > .close-button:hover { |
| 89 background-image: url('chrome://theme/IDR_WEB_UI_CLOSE_HOVER'); | 89 background-image: url('../images/x-hover.png'); |
| 90 } | 90 } |
| 91 | 91 |
| 92 .overlay .page > .close-button:active { | 92 .overlay .page > .close-button:active { |
| 93 background-image: url('chrome://theme/IDR_WEB_UI_CLOSE_PRESSED'); | 93 background-image: url('../images/x-pressed.png'); |
| 94 } | 94 } |
| 95 | 95 |
| 96 .overlay .page h1 { | 96 .overlay .page h1 { |
| 97 -webkit-padding-end: 24px; | 97 -webkit-padding-end: 24px; |
| 98 -webkit-user-select: none; | 98 -webkit-user-select: none; |
| 99 color: #333; | 99 color: #333; |
| 100 /* 120% of the body's font-size of 84% is 16px. This will keep the relative | 100 /* 120% of the body's font-size of 84% is 16px. This will keep the relative |
| 101 * size between the body and these titles consistent. */ | 101 * size between the body and these titles consistent. */ |
| 102 font-size: 120%; | 102 font-size: 120%; |
| 103 /* TODO(flackr): Pages like sync-setup and delete user collapse the margin | 103 /* TODO(flackr): Pages like sync-setup and delete user collapse the margin |
| (...skipping 50 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 154 .overlay .page .content-area::-webkit-scrollbar-thumb { | 154 .overlay .page .content-area::-webkit-scrollbar-thumb { |
| 155 background-color: rgba(0, 0, 0, 0.2); | 155 background-color: rgba(0, 0, 0, 0.2); |
| 156 border: 2px solid white; | 156 border: 2px solid white; |
| 157 border-radius: 8px; | 157 border-radius: 8px; |
| 158 } | 158 } |
| 159 | 159 |
| 160 .overlay .page .content-area::-webkit-scrollbar-thumb:hover { | 160 .overlay .page .content-area::-webkit-scrollbar-thumb:hover { |
| 161 background-color: rgba(0, 0, 0, 0.5); | 161 background-color: rgba(0, 0, 0, 0.5); |
| 162 } | 162 } |
| 163 </if> | 163 </if> |
| OLD | NEW |