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