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 183 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
194 top: 7px; | 194 top: 7px; |
195 -webkit-padding-end: 7px; | 195 -webkit-padding-end: 7px; |
196 -webkit-padding-start: 30px; | 196 -webkit-padding-start: 30px; |
197 } | 197 } |
198 | 198 |
199 /* Page switcher buttons. *****************************************************/ | 199 /* Page switcher buttons. *****************************************************/ |
200 | 200 |
201 .page-switcher { | 201 .page-switcher { |
202 background-color: transparent; | 202 background-color: transparent; |
203 border: none; | 203 border: none; |
| 204 bottom: 0; |
204 font-size: 40px; | 205 font-size: 40px; |
205 height: 100%; | |
206 padding: 0; | 206 padding: 0; |
207 position: absolute; | 207 position: absolute; |
| 208 margin: 0; |
208 max-width: 150px; | 209 max-width: 150px; |
209 min-width: 90px; | 210 min-width: 90px; |
210 opacity: 0.3; | 211 opacity: 0.3; |
211 top: 0; | 212 top: 0; |
212 z-index: 5; | 213 z-index: 5; |
213 -webkit-transition: width 150ms, right 150ms, background-color 150ms; | 214 -webkit-transition: width 150ms, right 150ms, background-color 150ms; |
214 } | 215 } |
215 | 216 |
216 .page-switcher:hover { | 217 .page-switcher:hover { |
217 background-color: rgba(0, 0, 0, 0.2); | 218 background-color: rgba(0, 0, 0, 0.2); |
218 } | 219 } |
OLD | NEW |