| OLD | NEW |
| 1 /* Copyright (c) 2011 The Chromium Authors. All rights reserved. | 1 /* Copyright (c) 2011 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 | 5 |
| 6 html { | 6 html { |
| 7 font-family: segoe ui, arial, helvetica, sans-serif; | 7 font-family: segoe ui, arial, helvetica, sans-serif; |
| 8 font-size: 14px; | 8 font-size: 14px; |
| 9 /* It's necessary to put this here instead of in body in order to get the | 9 /* It's necessary to put this here instead of in body in order to get the |
| 10 background-size of 100% to work properly */ | 10 background-size of 100% to work properly */ |
| (...skipping 36 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 47 display: inline-block; | 47 display: inline-block; |
| 48 opacity: 0; | 48 opacity: 0; |
| 49 -webkit-transition-duration: 0.2s; | 49 -webkit-transition-duration: 0.2s; |
| 50 } | 50 } |
| 51 | 51 |
| 52 #notification > div > div, | 52 #notification > div > div, |
| 53 #notification > div { | 53 #notification > div { |
| 54 display: inline-block; | 54 display: inline-block; |
| 55 } | 55 } |
| 56 | 56 |
| 57 #notification button { | 57 #notification .close-button { |
| 58 vertical-align: middle; |
| 59 -webkit-margin-start: 0.5em; |
| 60 } |
| 61 |
| 62 .close-button { |
| 58 background: no-repeat; | 63 background: no-repeat; |
| 59 background-color: transparent; | 64 background-color: transparent; |
| 60 /* TODO(estade): this should animate between states. */ | 65 /* TODO(estade): this should animate between states. */ |
| 61 background-image: url('chrome://theme/IDR_CLOSE_BAR'); | 66 background-image: url('chrome://theme/IDR_CLOSE_BAR'); |
| 62 border: 0; | 67 border: 0; |
| 68 cursor: default; |
| 63 display: inline-block; | 69 display: inline-block; |
| 64 height: 16px; | 70 height: 16px; |
| 65 padding: 0; | 71 padding: 0; |
| 66 vertical-align: middle; | |
| 67 width: 16px; | 72 width: 16px; |
| 68 -webkit-margin-start: 0.5em; | |
| 69 } | 73 } |
| 70 | 74 |
| 71 #notification button:hover, | 75 .close-button:hover, |
| 72 #notification button:focus { | 76 .close-button:focus { |
| 73 background-image: url('chrome://theme/IDR_CLOSE_BAR_H'); | 77 background-image: url('chrome://theme/IDR_CLOSE_BAR_H'); |
| 74 } | 78 } |
| 75 | 79 |
| 76 #notification button:active { | 80 .close-button:active { |
| 77 background-image: url('chrome://theme/IDR_CLOSE_BAR_P'); | 81 background-image: url('chrome://theme/IDR_CLOSE_BAR_P'); |
| 78 } | 82 } |
| 79 | 83 |
| 80 .linkButton { | 84 .linkButton { |
| 81 color: #06C; | 85 color: #06C; |
| 82 cursor: pointer; | 86 cursor: pointer; |
| 83 display: inline-block; | 87 display: inline-block; |
| 84 text-decoration: underline; | 88 text-decoration: underline; |
| 85 -webkit-margin-start: 0.5em; | 89 -webkit-margin-start: 0.5em; |
| 86 } | 90 } |
| (...skipping 105 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 192 min-width: 26px; | 196 min-width: 26px; |
| 193 opacity: 0.3; | 197 opacity: 0.3; |
| 194 top: 0; | 198 top: 0; |
| 195 z-index: 5; | 199 z-index: 5; |
| 196 -webkit-transition: width 150ms, right 150ms, background-color 150ms; | 200 -webkit-transition: width 150ms, right 150ms, background-color 150ms; |
| 197 } | 201 } |
| 198 | 202 |
| 199 .page-switcher:hover { | 203 .page-switcher:hover { |
| 200 background-color: rgba(0, 0, 0, 0.2); | 204 background-color: rgba(0, 0, 0, 0.2); |
| 201 } | 205 } |
| OLD | NEW |