| 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 | 
|---|