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 |