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 |