| OLD | NEW |
| 1 /* | 1 /* |
| 2 * Copyright (C) 2006, 2007, 2008 Apple Inc. All rights reserved. | 2 * Copyright (C) 2006, 2007, 2008 Apple Inc. All rights reserved. |
| 3 * Copyright (C) 2009 Anthony Ricaud <rik@webkit.org> | 3 * Copyright (C) 2009 Anthony Ricaud <rik@webkit.org> |
| 4 * | 4 * |
| 5 * Redistribution and use in source and binary forms, with or without | 5 * Redistribution and use in source and binary forms, with or without |
| 6 * modification, are permitted provided that the following conditions | 6 * modification, are permitted provided that the following conditions |
| 7 * are met: | 7 * are met: |
| 8 * | 8 * |
| 9 * 1. Redistributions of source code must retain the above copyright | 9 * 1. Redistributions of source code must retain the above copyright |
| 10 * notice, this list of conditions and the following disclaimer. | 10 * notice, this list of conditions and the following disclaimer. |
| (...skipping 371 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 382 } | 382 } |
| 383 | 383 |
| 384 .close-button-gray:hover { | 384 .close-button-gray:hover { |
| 385 background-position: -143px -96px; | 385 background-position: -143px -96px; |
| 386 } | 386 } |
| 387 | 387 |
| 388 .close-button-gray:active { | 388 .close-button-gray:active { |
| 389 background-position: -160px -96px; | 389 background-position: -160px -96px; |
| 390 } | 390 } |
| 391 | 391 |
| 392 .panel-status-bar { | |
| 393 border-top: none; | |
| 394 display: flex; | |
| 395 background-color: white; | |
| 396 flex: 0 0 23px; | |
| 397 position: relative; | |
| 398 } | |
| 399 | |
| 400 .panel-status-bar > div { | |
| 401 margin: auto 0; | |
| 402 } | |
| 403 | |
| 404 .panel-status-bar label { | |
| 405 margin: auto 0 auto 5px; | |
| 406 display: flex; | |
| 407 white-space: nowrap; | |
| 408 overflow: hidden; | |
| 409 } | |
| 410 | |
| 411 .status-bar { | 392 .status-bar { |
| 412 position: relative; | 393 position: relative; |
| 413 white-space: nowrap; | 394 white-space: nowrap; |
| 414 height: 23px; | 395 height: 23px; |
| 415 overflow: hidden; | 396 overflow: hidden; |
| 416 width: 100%; | |
| 417 z-index: 12; | 397 z-index: 12; |
| 418 border-top: 1px solid rgb(202, 202, 202); | 398 display: flex; |
| 419 display: -webkit-flex; | 399 flex: none; |
| 420 } | 400 } |
| 421 | 401 |
| 422 .status-bar > div { | 402 .status-bar > div { |
| 423 display: inline-flex; | 403 display: inline-flex; |
| 424 overflow: visible; | 404 overflow: visible; |
| 425 } | 405 } |
| 426 | 406 |
| 427 .status-bar-item { | 407 .status-bar-item { |
| 428 display: inline-block; | 408 display: inline-block; |
| 429 height: 22px; | 409 height: 22px; |
| (...skipping 119 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 549 background-image: url(Images/statusbarButtonGlyphs_2x.png); | 529 background-image: url(Images/statusbarButtonGlyphs_2x.png); |
| 550 } | 530 } |
| 551 } /* media */ | 531 } /* media */ |
| 552 | 532 |
| 553 input.status-bar-item { | 533 input.status-bar-item { |
| 554 width: 200px; | 534 width: 200px; |
| 555 height: 20px; | 535 height: 20px; |
| 556 padding: 3px; | 536 padding: 3px; |
| 557 margin: 1px 3px; | 537 margin: 1px 3px; |
| 558 background-color: white; | 538 background-color: white; |
| 559 border: solid 1px rgb(236, 236, 236); | 539 border: solid 1px rgb(216, 216, 216); |
| 560 } | 540 } |
| 561 | 541 |
| 562 input.status-bar-item:focus, | 542 input.status-bar-item:focus, |
| 563 input.status-bar-item:hover { | 543 input.status-bar-item:hover { |
| 564 border: solid 1px rgb(202, 202, 202); | 544 border: solid 1px rgb(202, 202, 202); |
| 565 } | 545 } |
| 566 | 546 |
| 567 select.status-bar-item { | 547 select.status-bar-item { |
| 568 min-width: 48px; | 548 min-width: 48px; |
| 569 color: rgb(48, 48, 48); | 549 color: rgb(48, 48, 48); |
| (...skipping 1469 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 2039 background-color: rgb(232, 164, 0) !important; | 2019 background-color: rgb(232, 164, 0) !important; |
| 2040 } | 2020 } |
| 2041 | 2021 |
| 2042 .bubble-repeat-count.error, | 2022 .bubble-repeat-count.error, |
| 2043 .console-error-level .bubble-repeat-count { | 2023 .console-error-level .bubble-repeat-count { |
| 2044 background-color: rgb(216, 35, 35) !important; | 2024 background-color: rgb(216, 35, 35) !important; |
| 2045 } | 2025 } |
| 2046 | 2026 |
| 2047 .storage-application-cache-status-icon, | 2027 .storage-application-cache-status-icon, |
| 2048 .storage-application-cache-connectivity-icon { | 2028 .storage-application-cache-connectivity-icon { |
| 2049 margin: 5px 5px 0; | 2029 margin: 0 5px; |
| 2050 vertical-align: middle; | 2030 vertical-align: middle; |
| 2051 } | 2031 } |
| 2052 | 2032 |
| 2053 .status-bar-divider { | 2033 .status-bar-divider { |
| 2054 margin-left: 7px; | 2034 margin-left: 7px; |
| 2055 border-right: 1px solid #CCC; | 2035 border-right: 1px solid #CCC; |
| 2056 } | 2036 } |
| 2057 | 2037 |
| 2058 .storage-application-cache-status, | 2038 .storage-application-cache-status, |
| 2059 .storage-application-cache-connectivity { | 2039 .storage-application-cache-connectivity { |
| (...skipping 737 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 2797 font-size: 80%; | 2777 font-size: 80%; |
| 2798 white-space: nowrap; | 2778 white-space: nowrap; |
| 2799 pointer-events: none; | 2779 pointer-events: none; |
| 2800 } | 2780 } |
| 2801 | 2781 |
| 2802 .link { | 2782 .link { |
| 2803 cursor: pointer; | 2783 cursor: pointer; |
| 2804 text-decoration: underline; | 2784 text-decoration: underline; |
| 2805 color: rgb(17, 85, 204); | 2785 color: rgb(17, 85, 204); |
| 2806 } | 2786 } |
| OLD | NEW |