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 133 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
144 display: block; | 144 display: block; |
145 } | 145 } |
146 | 146 |
147 .overlay .page .button-strip > .default-button:not(:focus) { | 147 .overlay .page .button-strip > .default-button:not(:focus) { |
148 border-color: rgba(0, 0, 0, 0.5); | 148 border-color: rgba(0, 0, 0, 0.5); |
149 } | 149 } |
150 | 150 |
151 /* On OSX 10.7, hidden scrollbars may prevent the user from realizing that the | 151 /* On OSX 10.7, hidden scrollbars may prevent the user from realizing that the |
152 * overlay contains scrollable content. To resolve this, style the scrollbars on | 152 * overlay contains scrollable content. To resolve this, style the scrollbars on |
153 * OSX so they are always visible. See http://crbug.com/123010. */ | 153 * OSX so they are always visible. See http://crbug.com/123010. */ |
154 <if expr="is_macosx"> | 154 <if expr="is_macosx or is_ios"> |
155 .overlay .page .content-area::-webkit-scrollbar { | 155 .overlay .page .content-area::-webkit-scrollbar { |
156 -webkit-appearance: none; | 156 -webkit-appearance: none; |
157 width: 11px; | 157 width: 11px; |
158 } | 158 } |
159 | 159 |
160 .overlay .page .content-area::-webkit-scrollbar-thumb { | 160 .overlay .page .content-area::-webkit-scrollbar-thumb { |
161 background-color: rgba(0, 0, 0, 0.2); | 161 background-color: rgba(0, 0, 0, 0.2); |
162 border: 2px solid white; | 162 border: 2px solid white; |
163 border-radius: 8px; | 163 border-radius: 8px; |
164 } | 164 } |
165 | 165 |
166 .overlay .page .content-area::-webkit-scrollbar-thumb:hover { | 166 .overlay .page .content-area::-webkit-scrollbar-thumb:hover { |
167 background-color: rgba(0, 0, 0, 0.5); | 167 background-color: rgba(0, 0, 0, 0.5); |
168 } | 168 } |
169 </if> | 169 </if> |
170 | 170 |
171 .gray-bottom-bar { | 171 .gray-bottom-bar { |
172 background-color: #f5f5f5; | 172 background-color: #f5f5f5; |
173 border-color: #e7e7e7; | 173 border-color: #e7e7e7; |
174 border-top-style: solid; | 174 border-top-style: solid; |
175 border-width: 1px; | 175 border-width: 1px; |
176 color: #888; | 176 color: #888; |
177 display: -webkit-box; | 177 display: -webkit-box; |
178 padding: 14px 17px; | 178 padding: 14px 17px; |
179 } | 179 } |
OLD | NEW |