OLD | NEW |
1 /* | 1 /* |
2 * Copyright (c) 2011 The Chromium Authors. All rights reserved. | 2 * Copyright (c) 2011 The Chromium Authors. All rights reserved. |
3 * Use of this source code is governed by a BSD-style license that can be | 3 * Use of this source code is governed by a BSD-style license that can be |
4 * found in the LICENSE file. | 4 * found in the LICENSE file. |
5 */ | 5 */ |
6 | 6 |
7 /* Outer frame of the dialog. */ | 7 /* Outer frame of the dialog. */ |
8 body { | 8 body { |
9 -webkit-box-flex: 1; | 9 -webkit-box-flex: 1; |
10 -webkit-box-orient: vertical; | 10 -webkit-box-orient: vertical; |
(...skipping 268 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
279 -webkit-box-orient: horizontal; | 279 -webkit-box-orient: horizontal; |
280 display: -webkit-box; | 280 display: -webkit-box; |
281 height: 61px; | 281 height: 61px; |
282 background-color: #F0F0F0; | 282 background-color: #F0F0F0; |
283 padding: 0px 14px 0px 14px; | 283 padding: 0px 14px 0px 14px; |
284 | 284 |
285 opacity: 1; | 285 opacity: 1; |
286 -webkit-transform: translate(0, 0); | 286 -webkit-transform: translate(0, 0); |
287 } | 287 } |
288 | 288 |
289 .preview-panel[hidden] { | 289 .preview-panel[visibility=hiding] { |
290 -webkit-transition: all 220ms ease; | 290 -webkit-transition: all 220ms ease; |
291 -webkit-transform: translate(0, 5px); | 291 -webkit-transform: translate(0, 5px); |
292 opacity: 0; | 292 opacity: 0; |
293 } | 293 } |
294 | 294 |
| 295 .preview-panel[visibility=hidden] { |
| 296 display: none; |
| 297 opacity: 0; |
| 298 } |
| 299 |
295 .preview-thumbnails { | 300 .preview-thumbnails { |
296 display: -webkit-box; | 301 display: -webkit-box; |
297 -webkit-box-orient: horizontal; | 302 -webkit-box-orient: horizontal; |
298 padding-left: 39px; | 303 padding-left: 39px; |
299 -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1); | 304 -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1); |
300 } | 305 } |
301 | 306 |
302 .preview-thumbnails > div.img-container { | 307 .preview-thumbnails > div.img-container { |
303 width: 45px; | 308 width: 45px; |
304 height: 45px; | 309 height: 45px; |
(...skipping 86 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
391 opacity: 1 !important; | 396 opacity: 1 !important; |
392 } | 397 } |
393 | 398 |
394 /* Column text containers. */ | 399 /* Column text containers. */ |
395 .detail-name, .detail-size, .detail-type, .detail-date { | 400 .detail-name, .detail-size, .detail-type, .detail-date { |
396 padding-top: 2px; | 401 padding-top: 2px; |
397 } | 402 } |
398 | 403 |
399 .detail-icon-container { | 404 .detail-icon-container { |
400 -webkit-box-orient: horizontal; | 405 -webkit-box-orient: horizontal; |
401 -webkit-box-flex: 1; | |
402 -webkit-box-pack: end; | 406 -webkit-box-pack: end; |
403 display: -webkit-box; | 407 display: -webkit-box; |
404 } | 408 } |
405 | 409 |
406 /* The icon in the name column. */ | 410 /* The icon in the name column. */ |
407 .detail-icon { | 411 .detail-icon { |
408 background-image: url(../images/filetype_generic.png); | 412 background-image: url(../images/filetype_generic.png); |
409 background-position: center; | 413 background-position: center; |
410 background-repeat: no-repeat; | 414 background-repeat: no-repeat; |
411 height: 24px; | 415 height: 24px; |
(...skipping 80 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
492 | 496 |
493 .preview-img[src=''] { | 497 .preview-img[src=''] { |
494 visibility: hidden; | 498 visibility: hidden; |
495 } | 499 } |
496 | 500 |
497 /* Decoration when multiple images are selected. */ | 501 /* Decoration when multiple images are selected. */ |
498 .preview-img.multiple-selected { | 502 .preview-img.multiple-selected { |
499 -webkit-box-shadow: 5px 5px 0 #aaa; | 503 -webkit-box-shadow: 5px 5px 0 #aaa; |
500 } | 504 } |
501 | 505 |
502 .preview-metadata { | |
503 -webkit-box-orient: vertical; | |
504 -webkit-box-flex: 1; | |
505 display: -webkit-box; | |
506 color: #666; | |
507 } | |
508 | |
509 .metadata-item { | 506 .metadata-item { |
510 -webkit-box-orient: horizontal; | 507 -webkit-box-orient: horizontal; |
511 -webkit-box-flex: 1; | 508 -webkit-box-flex: 1; |
512 display: -webkit-box; | 509 display: -webkit-box; |
513 -webkit-padding-start: 8px; | 510 -webkit-padding-start: 8px; |
514 } | 511 } |
515 | 512 |
516 .metadata-label { | 513 .metadata-label { |
517 -webkit-margin-end: 6px; | 514 -webkit-margin-end: 6px; |
518 } | 515 } |
(...skipping 53 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
572 display: -webkit-box; | 569 display: -webkit-box; |
573 } | 570 } |
574 | 571 |
575 /* A vertical spring. */ | 572 /* A vertical spring. */ |
576 .vertical-spacer { | 573 .vertical-spacer { |
577 -webkit-box-orient: vertical; | 574 -webkit-box-orient: vertical; |
578 -webkit-box-flex: 1; | 575 -webkit-box-flex: 1; |
579 display: -webkit-box; | 576 display: -webkit-box; |
580 } | 577 } |
581 | 578 |
582 .preview-metadata { | |
583 text-align:center; | |
584 } | |
585 | |
586 .preview-metadata-table tbody tr th { | |
587 text-align: right; | |
588 color: #666; | |
589 font-size: 12px; | |
590 font-weight: normal; | |
591 padding-left:10px; | |
592 } | |
593 | |
594 .preview-metadata-table tbody tr td { | |
595 text-align: left; | |
596 color:#000; | |
597 font-size: 12px; | |
598 font-weight: normal; | |
599 } | |
600 | |
601 /* Overlay pane covering the entire file manager window (e.g. image editor)*/ | 579 /* Overlay pane covering the entire file manager window (e.g. image editor)*/ |
602 .overlay-pane { | 580 .overlay-pane { |
603 position: absolute; | 581 position: absolute; |
604 top: 0; | 582 top: 0; |
605 left: 0; | 583 left: 0; |
606 width: 100%; | 584 width: 100%; |
607 height: 100%; | 585 height: 100%; |
608 border: none; | 586 border: none; |
609 z-index: 100; | 587 z-index: 100; |
610 } | 588 } |
OLD | NEW |