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