OLD | NEW |
1 /* Copyright 2013 The Chromium Authors. All rights reserved. | 1 /* Copyright 2013 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 body { | 4 body { |
5 background-attachment: fixed !important; | 5 background-attachment: fixed !important; |
6 background-color: white; | 6 background-color: white; |
7 cursor: default; | 7 cursor: default; |
8 font-family: arial, sans-serif; | 8 font-family: arial, sans-serif; |
9 margin: 0; | 9 margin: 0; |
10 overflow-x: hidden; | 10 overflow-x: hidden; |
(...skipping 224 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
235 border: 1px solid #c0c0c0; | 235 border: 1px solid #c0c0c0; |
236 cursor: pointer; | 236 cursor: pointer; |
237 outline: none; | 237 outline: none; |
238 } | 238 } |
239 | 239 |
240 .mv-page-ready:hover, | 240 .mv-page-ready:hover, |
241 .mv-page-ready:focus { | 241 .mv-page-ready:focus { |
242 border-color: #7f7f7f | 242 border-color: #7f7f7f |
243 } | 243 } |
244 | 244 |
245 .mv-thumb { | 245 .mv-thumb, |
| 246 .mv-mask { |
246 border: none; | 247 border: none; |
247 cursor: pointer; | 248 cursor: pointer; |
248 height: 83px; | 249 height: 83px; |
249 left: 0; | 250 left: 0; |
250 position: absolute; | 251 position: absolute; |
251 top: 0; | 252 top: 0; |
252 width: 138px; | 253 width: 138px; |
253 } | 254 } |
254 | 255 |
255 .mv-title { | 256 .mv-title { |
256 border: none; | 257 border: none; |
257 bottom: -28px; | 258 bottom: -28px; |
258 height: 18px; | 259 height: 18px; |
259 left: 0; | 260 left: 0; |
260 position: absolute; | 261 position: absolute; |
261 width: 140px; | 262 width: 140px; |
262 } | 263 } |
263 | 264 |
| 265 .mv-mask { |
| 266 opacity: 0.35; |
| 267 } |
| 268 |
| 269 .mv-page:focus .mv-mask { |
| 270 -webkit-transition: background-color 100ms ease-in-out; |
| 271 background: -webkit-linear-gradient(rgba(255, 255, 255, 0), |
| 272 rgba(255, 255, 255, 0) 80%, rgba(255, 255, 255, 0.9)); |
| 273 background-color: black; |
| 274 } |
| 275 |
264 .mv-x-hide .mv-x { | 276 .mv-x-hide .mv-x { |
265 display: none; | 277 display: none; |
266 } | 278 } |
267 | 279 |
268 /* An X button to blacklist a tile or hide the notification. */ | 280 /* An X button to blacklist a tile or hide the notification. */ |
269 .mv-x { | 281 .mv-x { |
270 background: transparent url(images/close_2.png); | 282 background: transparent url(images/close_2.png); |
271 border: none; | 283 border: none; |
272 cursor: default; | 284 cursor: default; |
273 height: 16px; | 285 height: 16px; |
(...skipping 144 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
418 -webkit-user-select: none; | 430 -webkit-user-select: none; |
419 border: none; | 431 border: none; |
420 height: 22px; | 432 height: 22px; |
421 overflow: hidden; | 433 overflow: hidden; |
422 position: absolute; | 434 position: absolute; |
423 } | 435 } |
424 | 436 |
425 #pending-suggestions-container { | 437 #pending-suggestions-container { |
426 display: none; | 438 display: none; |
427 } | 439 } |
OLD | NEW |