OLD | NEW |
1 /* Copyright (c) 2012 The Chromium Authors. All rights reserved. | 1 /* Copyright (c) 2012 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 html { | 5 html { |
6 height: 100%; | 6 height: 100%; |
7 } | 7 } |
8 | 8 |
9 html.col-resize * { | 9 html.col-resize * { |
10 cursor: col-resize !important; | 10 cursor: col-resize !important; |
(...skipping 348 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
359 #dir-breadcrumbs { | 359 #dir-breadcrumbs { |
360 -webkit-margin-end: 5px; | 360 -webkit-margin-end: 5px; |
361 -webkit-margin-start: 10px; | 361 -webkit-margin-start: 10px; |
362 } | 362 } |
363 | 363 |
364 #search-breadcrumbs { | 364 #search-breadcrumbs { |
365 -webkit-margin-end: 5px; | 365 -webkit-margin-end: 5px; |
366 -webkit-margin-start: 5px; | 366 -webkit-margin-start: 5px; |
367 } | 367 } |
368 | 368 |
369 .breadcrumbs > [collapsed]:before { | 369 .breadcrumbs > [collapsed]::before { |
370 content: '...'; | 370 content: '...'; |
371 } | 371 } |
372 | 372 |
373 .breadcrumbs > [collapsed] { | 373 .breadcrumbs > [collapsed] { |
374 width: 1em; | 374 width: 1em; |
375 } | 375 } |
376 | 376 |
377 /* A single directory name in the list of path breadcrumbs. */ | 377 /* A single directory name in the list of path breadcrumbs. */ |
378 .breadcrumb-path { | 378 .breadcrumb-path { |
379 color: rgb(38, 86, 146); | 379 color: rgb(38, 86, 146); |
(...skipping 114 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
494 url('../images/files/ui/search_clear_hover.png') 1x, | 494 url('../images/files/ui/search_clear_hover.png') 1x, |
495 url('../images/files/ui/2x/search_clear_hover.png') 2x); | 495 url('../images/files/ui/2x/search_clear_hover.png') 2x); |
496 } | 496 } |
497 | 497 |
498 #search-box::-webkit-search-cancel-button:active { | 498 #search-box::-webkit-search-cancel-button:active { |
499 background-image: -webkit-image-set( | 499 background-image: -webkit-image-set( |
500 url('../images/files/ui/search_clear_pressed.png') 1x, | 500 url('../images/files/ui/search_clear_pressed.png') 1x, |
501 url('../images/files/ui/2x/search_clear_pressed.png') 2x); | 501 url('../images/files/ui/2x/search_clear_pressed.png') 2x); |
502 } | 502 } |
503 | 503 |
504 button#detail-view:before { | 504 button#detail-view::before { |
505 background-image: -webkit-image-set( | 505 background-image: -webkit-image-set( |
506 url('../images/files/ui/view_list_black.png') 1x, | 506 url('../images/files/ui/view_list_black.png') 1x, |
507 url('../images/files/ui/2x/view_list_black.png') 2x); | 507 url('../images/files/ui/2x/view_list_black.png') 2x); |
508 } | 508 } |
509 | 509 |
510 button#thumbnail-view:before { | 510 button#thumbnail-view::before { |
511 background-image: -webkit-image-set( | 511 background-image: -webkit-image-set( |
512 url('../images/files/ui/view_thumbs_black.png') 1x, | 512 url('../images/files/ui/view_thumbs_black.png') 1x, |
513 url('../images/files/ui/2x/view_thumbs_black.png') 2x); | 513 url('../images/files/ui/2x/view_thumbs_black.png') 2x); |
514 } | 514 } |
515 | 515 |
516 button#detail-view:before, | 516 button#detail-view::before, |
517 button#thumbnail-view:before { | 517 button#thumbnail-view::before { |
518 background-position: center; | 518 background-position: center; |
519 background-repeat: no-repeat; | 519 background-repeat: no-repeat; |
520 bottom: 0; | 520 bottom: 0; |
521 content: ''; | 521 content: ''; |
522 left: 0; | 522 left: 0; |
523 opacity: 0.5; | 523 opacity: 0.5; |
524 position: absolute; | 524 position: absolute; |
525 right: 0; | 525 right: 0; |
526 top: 0; | 526 top: 0; |
527 } | 527 } |
528 | 528 |
529 button#detail-view[disabled]:before, | 529 button#detail-view[disabled]::before, |
530 button#thumbnail-view[disabled]:before { | 530 button#thumbnail-view[disabled]::before { |
531 opacity: 0.75; | 531 opacity: 0.75; |
532 } | 532 } |
533 | 533 |
534 button#detail-view:hover:before, | 534 button#detail-view:hover::before, |
535 button#thumbnail-view:hover:before { | 535 button#thumbnail-view:hover::before { |
536 opacity: 1; | 536 opacity: 1; |
537 } | 537 } |
538 | 538 |
539 | 539 |
540 /* When detail-view is not disabled (thus thumbnail view is disabled), push | 540 /* When detail-view is not disabled (thus thumbnail view is disabled), push |
541 it up a little, to make it's right glowing border visible while focused.*/ | 541 it up a little, to make it's right glowing border visible while focused.*/ |
542 button#detail-view:not([disabled]) { | 542 button#detail-view:not([disabled]) { |
543 z-index: 2; | 543 z-index: 2; |
544 } | 544 } |
545 | 545 |
(...skipping 858 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
1404 body[type='open-file'] [visibleif]:not([visibleif~='open-file']), | 1404 body[type='open-file'] [visibleif]:not([visibleif~='open-file']), |
1405 body[type='open-multi-file'] [visibleif]:not([visibleif~='open-multi-file']), | 1405 body[type='open-multi-file'] [visibleif]:not([visibleif~='open-multi-file']), |
1406 body[type='full-page'] [visibleif]:not([visibleif~='full-page']) { | 1406 body[type='full-page'] [visibleif]:not([visibleif~='full-page']) { |
1407 display: none; | 1407 display: none; |
1408 } | 1408 } |
1409 | 1409 |
1410 body:not([ctrl-pressing]) [required_attr='ctrl-pressing'] { | 1410 body:not([ctrl-pressing]) [required_attr='ctrl-pressing'] { |
1411 display: none; | 1411 display: none; |
1412 } | 1412 } |
1413 | 1413 |
1414 #gdata-settings:before { | 1414 #gdata-settings::before { |
1415 background-image: url('../images/files/ui/settings.svg'); | 1415 background-image: url('../images/files/ui/settings.svg'); |
1416 background-position: 20px center; | 1416 background-position: 20px center; |
1417 background-repeat: no-repeat; | 1417 background-repeat: no-repeat; |
1418 bottom: 0; | 1418 bottom: 0; |
1419 content: ''; | 1419 content: ''; |
1420 left: 0; | 1420 left: 0; |
1421 opacity: 0.75; | 1421 opacity: 0.75; |
1422 position: absolute; | 1422 position: absolute; |
1423 right: 0; | 1423 right: 0; |
1424 top: 0; | 1424 top: 0; |
1425 } | 1425 } |
1426 | 1426 |
1427 #gdata-settings:hover:before { | 1427 #gdata-settings:hover::before { |
1428 opacity: 1; | 1428 opacity: 1; |
1429 } | 1429 } |
1430 | 1430 |
1431 | 1431 |
1432 #gdata-settings { | 1432 #gdata-settings { |
1433 overflow: hidden; | 1433 overflow: hidden; |
1434 text-align: left; | 1434 text-align: left; |
1435 width: 54px; | 1435 width: 54px; |
1436 } | 1436 } |
1437 | 1437 |
(...skipping 46 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
1484 outline: 1px solid rgba(255, 255, 255, 0.5); | 1484 outline: 1px solid rgba(255, 255, 255, 0.5); |
1485 padding: 0 10px; | 1485 padding: 0 10px; |
1486 pointer-events: none; | 1486 pointer-events: none; |
1487 position: absolute; | 1487 position: absolute; |
1488 text-align: center; | 1488 text-align: center; |
1489 top: 5px; | 1489 top: 5px; |
1490 white-space: nowrap; | 1490 white-space: nowrap; |
1491 z-index: 15; | 1491 z-index: 15; |
1492 } | 1492 } |
1493 | 1493 |
1494 .tooltip:after, | 1494 .tooltip::after, |
1495 .tooltip:before { | 1495 .tooltip::before { |
1496 border-left: 5px solid transparent; | 1496 border-left: 5px solid transparent; |
1497 border-right: 5px solid transparent; | 1497 border-right: 5px solid transparent; |
1498 border-top: transparent; | 1498 border-top: transparent; |
1499 content: ''; | 1499 content: ''; |
1500 display: block; | 1500 display: block; |
1501 margin-left: -5px; | 1501 margin-left: -5px; |
1502 position: absolute; | 1502 position: absolute; |
1503 right: 24px; | 1503 right: 24px; |
1504 top: -5px; | 1504 top: -5px; |
1505 } | 1505 } |
1506 | 1506 |
1507 .tooltip:after { | 1507 .tooltip::after { |
1508 border-bottom: 5px solid #2d2d2d; | 1508 border-bottom: 5px solid #2d2d2d; |
1509 } | 1509 } |
1510 | 1510 |
1511 .tooltip:before { | 1511 .tooltip::before { |
1512 border-bottom: 5px solid rgba(255, 255, 255, 0.5); | 1512 border-bottom: 5px solid rgba(255, 255, 255, 0.5); |
1513 } | 1513 } |
1514 | 1514 |
1515 /* Show with delay, disappear instantly */ | 1515 /* Show with delay, disappear instantly */ |
1516 @-webkit-keyframes tooltip-show { | 1516 @-webkit-keyframes tooltip-show { |
1517 0% { opacity: 0; } | 1517 0% { opacity: 0; } |
1518 90% { opacity: 0; } | 1518 90% { opacity: 0; } |
1519 100% { opacity: 1; } | 1519 100% { opacity: 1; } |
1520 } | 1520 } |
1521 | 1521 |
(...skipping 76 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
1598 | 1598 |
1599 #default-action-dialog { | 1599 #default-action-dialog { |
1600 min-width: 300px; | 1600 min-width: 300px; |
1601 width: auto; | 1601 width: auto; |
1602 } | 1602 } |
1603 | 1603 |
1604 .gdrive-welcome-wrapper { | 1604 .gdrive-welcome-wrapper { |
1605 /* gdrive_welcome.css will override it once loaded. */ | 1605 /* gdrive_welcome.css will override it once loaded. */ |
1606 display: none; | 1606 display: none; |
1607 } | 1607 } |
OLD | NEW |