Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(97)

Side by Side Diff: chrome/browser/resources/file_manager/css/file_manager.css

Issue 8585027: Moving checkboxes to a separate column. (Closed) Base URL: svn://svn.chromium.org/chrome/trunk/src
Patch Set: Revering some changes Created 9 years, 1 month ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch | Annotate | Revision Log
OLDNEW
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
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
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
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
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 }
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698