1/* 2 * Copyright (C) 2006, 2007, 2008 Apple Inc. All rights reserved. 3 * Copyright (C) 2009 Anthony Ricaud <rik@webkit.org> 4 * 5 * Redistribution and use in source and binary forms, with or without 6 * modification, are permitted provided that the following conditions 7 * are met: 8 * 9 * 1. Redistributions of source code must retain the above copyright 10 * notice, this list of conditions and the following disclaimer. 11 * 2. Redistributions in binary form must reproduce the above copyright 12 * notice, this list of conditions and the following disclaimer in the 13 * documentation and/or other materials provided with the distribution. 14 * 3. Neither the name of Apple Computer, Inc. ("Apple") nor the names of 15 * its contributors may be used to endorse or promote products derived 16 * from this software without specific prior written permission. 17 * 18 * THIS SOFTWARE IS PROVIDED BY APPLE AND ITS CONTRIBUTORS "AS IS" AND ANY 19 * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED 20 * WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE 21 * DISCLAIMED. IN NO EVENT SHALL APPLE OR ITS CONTRIBUTORS BE LIABLE FOR ANY 22 * DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES 23 * (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; 24 * LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND 25 * ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT 26 * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF 27 * THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. 28 */ 29 30input[type="search"]:focus, 31input[type="text"]:focus { 32 outline: auto 5px -webkit-focus-ring-color; 33} 34 35.fill { 36 position: absolute; 37 top: 0; 38 left: 0; 39 right: 0; 40 bottom: 0; 41} 42 43.hbox { 44 display: flex !important; 45 flex-direction: row; 46} 47 48.vbox { 49 display: flex !important; 50 flex-direction: column; 51} 52 53.inline-block { 54 display: inline-block; 55} 56 57.hidden { 58 display: none !important; 59} 60 61.nowrap, 62.nowrap-below, 63.nowrap-below div, 64.nowrap-below span { 65 white-space: nowrap !important; 66} 67 68.toolbar-background { 69 background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(191, 191, 191)), to(rgb(151, 151, 151))); 70 padding: 1px 0 0 1px; 71 border-bottom: 1px solid rgb(80, 80, 80); 72 background-origin: padding-box; 73 background-clip: padding-box; 74} 75 76.toolbar { 77 flex: 0 0 25px; 78 display: flex; 79 flex-direction: row; 80 position: relative; 81} 82 83.toolbar .tabbed-pane-header { 84 border: none; 85} 86 87.toolbar .tabbed-pane-header-contents { 88 margin: 0; 89} 90 91.toolbar .tabbed-pane-header-tab { 92 border-width: 0 2px 0 2px; 93 background: none; 94 padding-right: 3px; 95} 96 97.toolbar .tabbed-pane-header-tab.selected { 98 border-width: 0 2px 0 2px; 99 -webkit-border-image: url(Images/toolbarItemSelected.png) 0 2 0 2; 100} 101 102.toolbar button.status-bar-item { 103 border: none; 104 margin: 0 -2px; 105} 106 107button, 108input, 109select { 110 font-family: inherit; 111 font-size: inherit; 112} 113 114body.inactive .toolbar-background { 115 background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(233, 233, 233)), to(rgb(207, 207, 207))); 116 border-bottom: 1px solid rgb(64%, 64%, 64%); 117} 118 119body.dock-to-bottom .toolbar-background { 120 padding-top: 0; 121} 122 123body.dock-to-bottom.platform-mac:not(.overlay-contents) .toolbar-background { 124 border-top-color: white; 125} 126 127body.dock-to-bottom:not(.overlay-contents) .toolbar-background { 128 border-top: 1px solid rgb(100, 100, 100); 129 cursor: default; 130} 131 132body.dock-to-bottom.inactive:not(.overlay-contents) .toolbar-background { 133 border-top: 1px solid rgb(64%, 64%, 64%); 134} 135 136body.dock-to-bottom.overlay-contents .toolbar-background .tabbed-pane-header { 137 cursor: ns-resize; 138} 139 140body.dock-to-bottom.overlay-contents .toolbar-background .tabbed-pane-header .tabbed-pane-header-tabs { 141 cursor: default; 142} 143 144body.platform-windows .toolbar-background, 145body.platform-windows.inactive .toolbar-background { 146 background-image: none; 147} 148 149body.undocked.platform-mac-leopard .toolbar-background { 150 background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(175, 175, 175)), to(rgb(151, 151, 151))) !important; 151 color: #333 !important; 152} 153 154body.undocked.platform-mac-leopard.inactive .toolbar-background { 155 background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(221, 221, 221)), to(rgb(207, 207, 207))) !important; 156 color: #555 !important; 157} 158 159body.undocked.platform-mac-snowleopard .toolbar-background { 160 background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(189, 189, 189)), to(rgb(167, 167, 167))) !important; 161 color: #333 !important; 162} 163 164body.undocked.platform-mac-snowleopard.inactive .toolbar-background { 165 background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(228, 228, 228)), to(rgb(216, 216, 216))) !important; 166 color: #555 !important; 167} 168 169body.undocked.platform-mac-mountain-lion .toolbar-background { 170 background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(208, 208, 208)), to(rgb(200, 200, 200))) !important; 171 color: #333 !important; 172} 173 174body.undocked.platform-mac-mountain-lion.inactive .toolbar-background { 175 background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(238, 238, 238)), to(rgb(224, 224, 224))) !important; 176 color: #555 !important; 177} 178 179.toolbar > .tabbed-pane-header { 180 flex: auto; 181} 182 183.toolbar-controls-left { 184 flex: none; 185 opacity: 0.8; 186 padding-top: 1px; 187} 188 189.toolbar-controls-right { 190 flex: none; 191 margin-right: 2px; 192 padding-top: 1px; 193} 194 195.toolbar-controls-right #error-warning-count, 196.toolbar-controls-right .console-status-bar-item, 197.toolbar-controls-right .settings-status-bar-item, 198.toolbar-controls-right .dock-status-bar-item 199{ 200 opacity: 0.8; 201} 202 203.scrollable-content { 204 position: static; 205 height: 100%; 206 overflow-y: auto; 207 width: 100%; 208 margin-right: 12px; 209 padding-right: 3px; 210} 211 212.scrollable-content::-webkit-scrollbar { 213 width: 11px; 214} 215 216.scrollable-content::-webkit-scrollbar-corner, 217.scrollable-content::-webkit-resizer { 218 display: none; 219} 220 221.scrollable-content::-webkit-scrollbar-thumb:vertical { 222 background: -webkit-gradient(linear, left top, right top, from(rgb(192, 192, 192)), to(rgb(192, 192, 192)), color-stop(40%, rgb(214, 214, 214))); 223 border-radius: 5px; 224 min-height: 20px; 225} 226 227.scrollable-content::-webkit-scrollbar-thumb:vertical:hover, 228.scrollable-content::-webkit-scrollbar-thumb:vertical:active { 229 background: -webkit-gradient(linear, left top, right top, from(rgb(230, 230, 230)), to(rgb(230, 230, 230)), color-stop(40%, rgb(252, 252, 252))); 230} 231 232.scrollable-content::-webkit-scrollbar-track:vertical { 233 background: -webkit-gradient(linear, left top, right top, from(rgb(128, 128, 128)), to(rgb(164, 164, 164)), color-stop(25%, rgb(164, 164, 164))); 234 border-radius: 5px; 235} 236 237.search-replace { 238 -webkit-appearance: none; 239 border: 0; 240 padding: 0 2px; 241 margin: 0; 242 -webkit-flex: 1; 243} 244 245.search-replace:focus { 246 outline: none; 247} 248 249.toolbar-search { 250 border-spacing: 1px; 251} 252 253.toolbar-search td { 254 padding: 0 5px 0 0; 255} 256 257.toolbar-search-navigation-controls { 258 vertical-align: top; 259 background-image: -webkit-linear-gradient(rgb(228, 228, 228), rgb(206, 206, 206)); 260} 261 262.toolbar-search-navigation { 263 display: inline-block; 264 width: 18px; 265 height: 18px; 266 background-repeat: no-repeat; 267 background-position: 4px 7px; 268 border-left: 1px solid rgb(170, 170, 170); 269 opacity: 0.3; 270} 271 272.toolbar-search-navigation.enabled { 273 opacity: 1.0; 274} 275 276.toolbar-search label { 277 vertical-align: bottom; 278} 279 280.toolbar-search input[type="checkbox"] { 281 position: relative; 282 margin-top: -1px; 283 margin-left: 15px; 284 top: 2px; 285} 286 287.toolbar-search button { 288 border: 1px solid rgb(163, 163, 163); 289 border-radius: 8px; 290 margin: 0; 291 background-image: -webkit-linear-gradient(rgb(241, 241, 241), rgb(220, 220, 220)); 292 width: 100%; 293 height: 20px; 294} 295 296.toolbar-search button:active { 297 background-image: -webkit-linear-gradient(rgb(185, 185, 185), rgb(156, 156, 156)); 298} 299 300.toolbar-search-control { 301 display: -webkit-flex; 302 width: 253px; 303 position: relative; 304 background-color: white; 305 border: 1px solid rgb(163, 163, 163); 306 height: 20px; 307 border-radius: 2px; 308} 309 310.toolbar-replace-control { 311 border: 1px solid rgb(163, 163, 163); 312 height: 20px; 313 border-radius: 2px; 314 width: 100%; 315} 316 317.toolbar-search-navigation.enabled:active { 318 background-position: 4px 7px, 0 0; 319} 320 321.toolbar-search-navigation.toolbar-search-navigation-prev { 322 background-image: url(Images/searchPrev.png); 323 border-left: 1px solid rgb(163, 163, 163); 324} 325 326.toolbar-search-navigation.toolbar-search-navigation-prev.enabled:active { 327 background-image: url(Images/searchPrev.png), -webkit-linear-gradient(rgb(168, 168, 168), rgb(116, 116, 116)); 328} 329 330.toolbar-search-navigation.toolbar-search-navigation-next { 331 background-image: url(Images/searchNext.png); 332 border-left: 1px solid rgb(230, 230, 230); 333} 334 335.toolbar-search-navigation.toolbar-search-navigation-next.enabled:active { 336 background-image: url(Images/searchNext.png), -webkit-linear-gradient(rgb(168, 168, 168), rgb(116, 116, 116)); 337} 338 339.search-results-matches { 340 display: inline-block; 341 min-height: 10px; 342 text-align: right; 343 font-size: 11px; 344 padding: 1px 4px; 345 color: rgb(165, 165, 165); 346} 347 348.close-button, 349.close-button-gray { 350 background-image: url(Images/statusbarButtonGlyphs.png); 351 background-size: 320px 120px; 352 display: inline-block; 353} 354 355.close-button { 356 width: 14px; 357 height: 14px; 358 background-position: -128px -216px; 359} 360 361.close-button-gray { 362 width: 13px; 363 height: 13px; 364 background-position: -175px -216px; 365} 366 367@media (-webkit-min-device-pixel-ratio: 1.5) { 368.close-button, 369.close-button-gray { 370 background-image: url(Images/statusbarButtonGlyphs2x.png); 371} 372} /* media */ 373 374.close-button:hover { 375 background-position: -96px -216px; 376} 377 378.close-button:active { 379 background-position: -111px -216px; 380} 381 382.close-button-gray:hover { 383 background-position: -143px -216px; 384} 385 386.close-button-gray:active { 387 background-position: -160px -216px; 388} 389 390body.undocked .toolbar-item .close-button { 391 display: none; 392} 393 394body.remote .toolbar-item .close-button { 395 display: none; 396} 397 398.panel-status-bar { 399 border-top: none; 400 display: flex; 401 background-color: white; 402 flex: 0 0 23px; 403 position: relative; 404} 405 406.panel-status-bar label { 407 margin: 2px 20px 0 0; 408} 409 410.panel-status-bar label > input { 411 height: 13px; 412 width: 13px; 413 vertical-align: -2px; 414} 415 416.status-bar { 417 position: relative; 418 white-space: nowrap; 419 height: 23px; 420 overflow: hidden; 421 width: 100%; 422 z-index: 12; 423 border-top: 1px solid rgb(202, 202, 202); 424 display: -webkit-flex; 425} 426 427.status-bar > div { 428 display: inline-block; 429 vertical-align: top; 430 overflow: visible; 431} 432 433.status-bar-item { 434 display: inline-block; 435 cursor: default; 436 height: 22px; 437 padding: 0; 438 margin-left: -1px; 439 margin-right: 0; 440 vertical-align: top; 441 border: 0 transparent none; 442 background-color: transparent; 443 flex: none; 444} 445 446.status-bar-text { 447 padding-left: 5px; 448 padding-right: 15px; 449 padding-top: 3px; 450} 451 452#drawer-view-anchor { 453 display: inline-block; 454} 455 456.status-bar-item:active { 457 position: relative; 458 z-index: 200; 459} 460 461.glyph { 462 position: absolute; 463 top: -1px; 464 bottom: 1px; 465 left: 0; 466 right: 0; 467 background-color: rgba(0, 0, 0, 0.75); 468 z-index: 1; 469} 470 471.glyph.shadow { 472 top: 0; 473 bottom: 0; 474 background-color: white; 475 z-index: 0; 476} 477 478.long-click-glyph { 479 background-color: rgba(0, 0, 0, 0.75); 480 -webkit-mask-image: url(Images/statusbarButtonGlyphs.png); 481 -webkit-mask-position: -288px -48px; 482 -webkit-mask-size: 320px 120px; 483 z-index: 1; 484} 485 486@media (-webkit-min-device-pixel-ratio: 1.5) { 487.long-click-glyph { 488 -webkit-mask-image: url(Images/statusbarButtonGlyphs2x.png); 489} 490} /* media */ 491 492.long-click-glyph.shadow { 493 top: 1px; 494 background-color: white !important; 495 z-index: 0; 496} 497 498button.status-bar-item { 499 position: relative; 500 width: 32px; 501} 502 503.status-bar button.status-bar-item .glyph { 504 margin: 0 -1px; 505} 506 507button.status-bar-item .glyph.shadow { 508 background-color: rgba(255, 255, 255, 0.33); 509} 510 511button.status-bar-item.toggled-on .glyph:not(.shadow) { 512 background-color: rgb(66, 129, 235) !important; 513} 514 515button.status-bar-item:hover .glyph { 516 opacity: 1; 517} 518 519button.status-bar-item:disabled { 520 background-position: 0 0 !important; 521} 522 523button.status-bar-item:disabled .glyph { 524 opacity: 0.5 !important; 525} 526 527button.status-bar-item.extension { 528 background-image: none; 529} 530 531.status-bar-select-container { 532 display: inline-block; 533} 534 535.status-bar-select-arrow { 536 background-image: url(Images/statusbarButtonGlyphs.png); 537 background-size: 320px 120px; 538 opacity: 0.7; 539 width: 10px; 540 height: 10px; 541 background-position: -20px -96px; 542 display: inline-block; 543 pointer-events: none; 544 position: relative; 545 top: 3px; 546 left: -3px; 547} 548 549@media (-webkit-min-device-pixel-ratio: 1.5) { 550.status-bar-select-arrow { 551 background-image: url(Images/statusbarButtonGlyphs2x.png); 552} 553} /* media */ 554 555select.status-bar-item { 556 min-width: 48px; 557 color: rgb(48, 48, 48); 558 text-shadow: rgba(255, 255, 255, 0.75) 0 1px 0; 559 -webkit-appearance: none; 560 border: 0; 561 border-radius: 0; 562 padding: 0 15px 0 5px; 563 margin-right: -10px; 564 position: relative; 565 line-height: 20px; 566} 567 568.status-bar-item.checkbox { 569 margin: 2px 0 0 0; 570} 571 572.status-bar-item > .glyph { 573 -webkit-mask-image: url(Images/statusbarButtonGlyphs.png); 574 -webkit-mask-size: 320px 120px; 575 opacity: 0.8; 576} 577 578.console-filter > .glyph { 579 -webkit-mask-position: -32px -48px; 580} 581 582@media (-webkit-min-device-pixel-ratio: 1.5) { 583.status-bar-item > .glyph { 584 -webkit-mask-image: url(Images/statusbarButtonGlyphs2x.png); 585} 586} /* media */ 587 588button.status-bar-item.dock-status-bar-item.toggled-undock .glyph { 589 -webkit-mask-position: 0 -48px; 590} 591 592button.status-bar-item.dock-status-bar-item.toggled-bottom .glyph { 593 -webkit-mask-position: -32px -24px; 594} 595 596button.status-bar-item.dock-status-bar-item.toggled-right .glyph { 597 -webkit-mask-position: -256px -48px; 598} 599 600body.undocked .alternate-status-bar-buttons-bar { 601 margin-left: 1px; 602} 603 604.alternate-status-bar-buttons-bar { 605 position: absolute; 606 width: 31px; 607 bottom: -3px; 608 background: white; 609} 610 611.alternate-status-bar-buttons-bar .status-bar-item { 612 height: 24px; 613 margin-top: -1px; 614 border: 1px solid rgb(202, 202, 202); 615} 616 617.alternate-status-bar-buttons-bar .status-bar-item.emulate-active { 618 background-color: rgb(163,163,163); 619 border: 1px solid rgb(120, 120, 120); 620} 621 622button.status-bar-item.settings-status-bar-item, 623button.status-bar-item.settings-status-bar-item:active { 624 border-right: 0 transparent none; 625} 626 627button.status-bar-item.left-sidebar-show-hide-button, 628button.status-bar-item.right-sidebar-show-hide-button { 629 position: absolute; 630 top: 0; 631 background-image: none; 632 height: 16px; 633 width: 16px; 634 margin: 4px 2px 2px 2px; 635 border: none; 636 z-index: 10; 637} 638 639button.status-bar-item.left-sidebar-show-hide-button:active, 640button.status-bar-item.right-sidebar-show-hide-button:active { 641 margin: 5px 1px 1px 3px; 642} 643 644button.status-bar-item.left-sidebar-show-hide-button.toggled-left > .glyph { 645 -webkit-mask-position: -199px -76px; 646} 647 648button.status-bar-item.left-sidebar-show-hide-button.toggled-right > .glyph { 649 -webkit-mask-position: -168px -76px; 650} 651 652button.status-bar-item.right-sidebar-show-hide-button.toggled-left > .glyph { 653 -webkit-mask-position: -296px -76px; 654} 655 656button.status-bar-item.right-sidebar-show-hide-button.toggled-right > .glyph { 657 -webkit-mask-position: -264px -76px; 658} 659 660button.status-bar-item.left-sidebar-show-hide-button.toggled-overlay > .glyph { 661 -webkit-mask-position: -231px -76px; 662} 663 664div.resizer-widget { 665 position: absolute; 666 top: 0; 667 right: 0; 668 height: 24px; 669 width: 16px; 670 background-image: url(Images/statusbarResizerHorizontal.png); 671 background-repeat: no-repeat; 672 background-position: center; 673 z-index: 13; 674} 675 676.settings-status-bar-item .glyph { 677 -webkit-mask-position: -160px -24px; 678} 679 680body.remote .dock-status-bar-item { 681 display: none; 682} 683 684.console-status-bar-item .glyph { 685 -webkit-mask-position: -64px -24px; 686} 687 688.screencast-status-bar-item .glyph { 689 -webkit-mask-position: -256px -96px; 690} 691 692.clear-status-bar-item .glyph { 693 -webkit-mask-position: -64px 0; 694} 695 696.error-icon-small, 697.warning-icon-small, 698.red-ball, 699.green-ball, 700.orange-ball { 701 background-image: url(Images/statusbarButtonGlyphs.png); 702 background-size: 320px 120px; 703 width: 10px; 704 height: 10px; 705 display: inline-block; 706} 707 708@media (-webkit-min-device-pixel-ratio: 1.5) { 709.error-icon-small, 710.warning-icon-small, 711.red-ball, 712.green-ball, 713.orange-ball { 714 background-image: url(Images/statusbarButtonGlyphs2x.png); 715} 716} /* media */ 717 718.error-icon-small { 719 background-position: -213px -96px; 720} 721 722.warning-icon-small { 723 background-position: -202px -107px; 724} 725 726.red-ball { 727 background-position: -224px -96px; 728} 729 730.green-ball { 731 background-position: -235px -96px; 732} 733 734.orange-ball { 735 background-position: -246px -96px; 736} 737 738#error-warning-count { 739 display: inline-block; 740 padding: 4px 6px 6px 0; 741 font-size: 11px; 742 height: 19px; 743 cursor: pointer; 744 line-height: 14px; 745} 746 747#error-warning-count:hover { 748 border-bottom: 1px solid rgb(96, 96, 96); 749} 750 751#error-warning-count .error-icon-small, 752#error-warning-count .warning-icon-small { 753 vertical-align: -1px; 754 margin-right: 2px; 755} 756 757#error-warning-count .warning-icon-small { 758 margin-left: 6px; 759} 760 761.drawer { 762 display: none; 763 flex: 0 0 200px; 764 position: relative; 765 background-color: white; 766 z-index: 1; 767} 768 769#drawer-contents { 770 position: absolute; 771 top: 0; 772 bottom: 0; 773 left: 0; 774 right: 0; 775 display: flex; 776} 777 778#drawer-contents > .tabbed-pane > .tabbed-pane-header { 779 background-color: rgb(236, 236, 236); 780 border-top: 1px solid rgb(124, 124, 124); 781 border-bottom: 1px solid rgb(203, 203, 203); 782} 783 784body.inactive #drawer-contents .tabbed-pane-header { 785 border-top: 1px solid rgb(64%, 64%, 64%); 786} 787 788#drawer-contents .tabbed-pane-header .tabbed-pane-header-tab { 789 cursor: default; 790} 791 792.drawer-resizer { 793 position: absolute; 794 right: 0; 795 top: 8px; 796 content: url(Images/statusbarResizerVertical.png); 797 height: 8px; 798 pointer-events: none; 799} 800 801#drawer-footer { 802 position: absolute; 803 bottom: 0; 804 left: 0; 805 right: 0; 806 font-size: 11px; 807 height: 23px; 808 background-color: rgb(236, 236, 236); 809} 810 811body.drawer-visible .drawer { 812 display: block; 813} 814 815body.platform-mac .monospace, 816body.platform-mac .source-code { 817 font-size: 11px !important; 818 font-family: Menlo, monospace; 819} 820 821body.platform-mac.platform-mac-tiger .monospace, 822body.platform-mac.platform-mac-tiger .source-code { 823 font-size: 10px !important; 824 font-family: Monaco, monospace; 825} 826 827body.platform-windows .monospace, 828body.platform-windows .source-code { 829 font-size: 12px !important; 830 font-family: Consolas, Lucida Console, monospace; 831} 832 833body.platform-linux .monospace, 834body.platform-linux .source-code { 835 font-size: 11px !important; 836 font-family: dejavu sans mono, monospace; 837} 838 839.console-view { 840 background-color: white; 841} 842 843.console-view-wrapper { 844 background-color: rgb(236, 236, 236); 845} 846 847.console-status-bar { 848 flex: 0 0 23px; 849 overflow: hidden; 850} 851 852#console-messages { 853 flex: 1 1; 854 padding: 2px 0; 855 overflow-y: auto; 856 word-wrap: break-word; 857 -webkit-user-select: text; 858 border-top: 1px solid rgb(230, 230, 230); 859} 860 861#console-prompt { 862 clear: right; 863 position: relative; 864 padding: 1px 22px 1px 0; 865 margin-left: 24px; 866 min-height: 16px; 867 white-space: pre-wrap; 868 -webkit-user-modify: read-write-plaintext-only; 869} 870 871#console-prompt::before { 872 background-position: -192px -96px; 873} 874 875.console-user-command-result.console-log-level::before { 876 background-position: -202px -96px; 877} 878 879.console-message, 880.console-user-command { 881 clear: right; 882 position: relative; 883 border-bottom: 1px solid rgb(240, 240, 240); 884 padding: 1px 22px 1px 0; 885 margin-left: 24px; 886 min-height: 16px; 887} 888 889.console-mesage:first-child { 890 border-top: none; 891} 892 893.console-adjacent-user-command-result { 894 border-bottom: none; 895} 896 897.console-adjacent-user-command-result + .console-user-command-result.console-log-level::before { 898 background-image: none; 899} 900 901.console-message::before, 902.console-user-command::before, 903#console-prompt::before, 904.console-group-title::before { 905 position: absolute; 906 display: block; 907 content: ""; 908 left: -17px; 909 top: 0.8em; 910 width: 10px; 911 height: 10px; 912 margin-top: -6px; 913 -webkit-user-select: none; 914 background-image: url(Images/statusbarButtonGlyphs.png); 915 background-size: 320px 120px; 916} 917 918@media (-webkit-min-device-pixel-ratio: 1.5) { 919.console-message::before, 920.console-user-command::before, 921#console-prompt::before, 922.console-group-title::before { 923 background-image: url(Images/statusbarButtonGlyphs2x.png); 924} 925} /* media */ 926 927.console-message > .outline-disclosure li.parent::before { 928 top: 0; 929} 930 931.console-message .outline-disclosure .stacktrace-entry:hover { 932 background-color: rgba(0, 0, 0, 0.05); 933} 934 935.console-message .bubble { 936 display: inline-block; 937 height: 14px; 938 background-color: rgb(128, 151, 189); 939 vertical-align: middle; 940 white-space: nowrap; 941 padding: 1px 4px; 942 margin-top: -1px; 943 margin-right: 4px; 944 margin-left: -18px; 945 text-align: left; 946 font-size: 11px; 947 line-height: normal; 948 font-weight: bold; 949 text-shadow: none; 950 color: white; 951 border-radius: 7px; 952} 953 954.console-message-text { 955 white-space: pre-wrap; 956} 957 958.repeated-message.console-error-level::before, 959.repeated-message.console-warning-level:before, 960.repeated-message.console-debug-level:before, 961.repeated-message.console-info-level:before { 962 visibility: hidden; 963} 964 965.repeated-message .outline-disclosure, 966.repeated-message > .console-message-text { 967 -webkit-flex: 1; 968} 969 970.console-info { 971 color: rgb(128, 128, 128); 972 font-style: italic; 973} 974 975.console-group .console-group > .console-group-messages { 976 margin-left: 16px; 977} 978 979.console-group-title { 980 font-weight: bold; 981} 982 983.console-group-title::before { 984 -webkit-user-select: none; 985 -webkit-mask-image: url(Images/statusbarButtonGlyphs.png); 986 -webkit-mask-size: 320px 120px; 987 float: left; 988 width: 8px; 989 content: "a"; 990 color: transparent; 991 text-shadow: none; 992 margin-left: 3px; 993 margin-top: -7px; 994} 995 996@media (-webkit-min-device-pixel-ratio: 1.5) { 997.console-group-title::before { 998 -webkit-mask-image: url(Images/statusbarButtonGlyphs2x.png); 999} 1000} /* media */ 1001 1002.console-group .console-group-title::before { 1003 -webkit-mask-position: -20px -96px; 1004 background-color: rgb(110, 110, 110); 1005} 1006 1007.console-group.collapsed .console-group-title::before { 1008 -webkit-mask-position: -4px -96px; 1009} 1010 1011.console-group.collapsed > .console-group-messages { 1012 display: none; 1013} 1014 1015.console-group { 1016 position: relative; 1017} 1018 1019.console-group-bracket { 1020 position:absolute; 1021 top: 15px; 1022 left: 13px; 1023 bottom: 5px; 1024 width: 3px; 1025 border-style: solid; 1026 border-color: #A3A3A3; 1027 border-width: 0 0 1px 1px; 1028} 1029 1030.console-group.collapsed > .console-group-bracket { 1031 display: none; 1032} 1033 1034.console-error-level .console-message-text, 1035.console-error-level .section > .header .title { 1036 color: red !important; 1037} 1038 1039.console-debug-level .console-message-text { 1040 color: blue; 1041} 1042 1043.console-error-level::before, 1044.console-warning-level::before, 1045.console-debug-level::before, 1046.console-info-level::before { 1047 background-image: url(Images/statusbarButtonGlyphs.png); 1048 background-size: 320px 120px; 1049 width: 10px; 1050 height: 10px; 1051} 1052 1053@media (-webkit-min-device-pixel-ratio: 1.5) { 1054.console-error-level::before, 1055.console-warning-level::before, 1056.console-debug-level::before, 1057.console-info-level::before { 1058 background-image: url(Images/statusbarButtonGlyphs2x.png); 1059} 1060} /* media */ 1061 1062.console-warning-level::before { 1063 background-position: -202px -107px; 1064} 1065 1066.console-error-level::before { 1067 background-position: -213px -96px; 1068} 1069 1070.console-info-level::before { 1071 background-position: -213px -107px; 1072} 1073 1074.console-user-command .console-message { 1075 margin-left: -24px; 1076 padding-right: 0; 1077 border-bottom: none; 1078} 1079 1080.console-user-command::before { 1081 background-position: -192px -107px; 1082} 1083 1084.console-user-command > .console-message-text { 1085 color: rgb(0, 128, 255); 1086} 1087 1088#console-messages a { 1089 color: rgb(33%, 33%, 33%); 1090 cursor: pointer; 1091} 1092 1093#console-messages a:hover { 1094 color: rgb(15%, 15%, 15%); 1095} 1096 1097ol.watch-expressions > li.hovered { 1098 background-color: #F0F0F0; 1099} 1100 1101.console-message-url { 1102 float: right; 1103 text-align: right; 1104 max-width: 100%; 1105 margin-left: 4px; 1106} 1107 1108.console-group-messages .section { 1109 margin: 0 0 0 12px !important; 1110} 1111 1112.console-group-messages .section > .header { 1113 padding: 0 8px 0 0; 1114 background-image: none; 1115 border: none; 1116 min-height: 0; 1117} 1118 1119.console-group-messages .section > .header::before { 1120 margin-left: -12px; 1121} 1122 1123.console-group-messages .section > .header .title { 1124 color: #222; 1125 font-weight: normal; 1126 line-height: 13px; 1127} 1128 1129.console-group-messages .section .properties li .info { 1130 padding-top: 0; 1131 padding-bottom: 0; 1132 color: rgb(60%, 60%, 60%); 1133} 1134 1135.console-group-messages .outline-disclosure { 1136 padding-left: 0; 1137} 1138 1139.console-group-messages .outline-disclosure > ol { 1140 padding: 0 0 0 12px !important; 1141} 1142 1143.console-group-messages .outline-disclosure, 1144.console-group-messages .outline-disclosure ol { 1145 font-size: inherit; 1146 line-height: 12px; 1147} 1148 1149.console-group-messages .outline-disclosure.single-node li { 1150 padding-left: 2px; 1151} 1152 1153.console-group-messages .outline-disclosure li .selection { 1154 margin-left: -6px; 1155 margin-right: -6px; 1156} 1157 1158.console-group-messages .add-attribute { 1159 display: none; 1160} 1161 1162.console-formatted-object, 1163.console-formatted-node, 1164.console-formatted-array { 1165 position: relative; 1166 display: inline-block; 1167 vertical-align: top; 1168 color: #222; 1169} 1170 1171.console-formatted-node:hover { 1172 background-color: rgba(56, 121, 217, 0.1); 1173} 1174 1175.console-formatted-object .section, 1176.console-formatted-node .section, 1177.console-formatted-array .section { 1178 position: static; 1179} 1180 1181.console-formatted-object .section > .header::before { 1182 margin-top: 0; 1183} 1184 1185.console-formatted-object .properties, 1186.console-formatted-node .properties { 1187 padding-left: 0 !important; 1188} 1189 1190.console-formatted-number { 1191 color: rgb(28, 0, 207); 1192} 1193 1194.console-formatted-string, 1195.console-formatted-regexp { 1196 color: rgb(196, 26, 22); 1197 white-space: pre; 1198} 1199 1200.console-formatted-null, 1201.console-formatted-undefined { 1202 color: rgb(128, 128, 128); 1203} 1204 1205.console-formatted-preview-node, 1206.section .console-formatted-node { 1207 color: rgb(136, 18, 128); 1208} 1209 1210.console-object-preview { 1211 font-style: italic; 1212} 1213 1214.object-info-state-note { 1215 display: none; 1216 width: 11px; 1217 height: 11px; 1218 background-color: rgb(179, 203, 247); 1219 color: white; 1220 text-align: center; 1221 border-radius: 3px; 1222 line-height: 13px; 1223 margin: 0 6px; 1224 font-size: 9px; 1225} 1226 1227.object-info-state-note::before { 1228 content: "i"; 1229} 1230 1231.section.expanded .object-info-state-note { 1232 display: inline-block; 1233} 1234 1235.error-message { 1236 color: red; 1237} 1238 1239.error-input { 1240 background-color: rgb(220, 130, 130); 1241} 1242 1243.auto-complete-text, 1244.editing .auto-complete-text { 1245 color: rgb(128, 128, 128) !important; 1246 -webkit-user-select: none; 1247 -webkit-user-modify: read-only; 1248} 1249 1250.panel { 1251 display: none; 1252 overflow: hidden; 1253 position: absolute; 1254 top: 0; 1255 left: 0; 1256 right: 0; 1257 bottom: 0; 1258 z-index: 0; 1259} 1260 1261.panel.visible { 1262 display: flex; 1263} 1264 1265.panel.extension-panel.visible { 1266 display: flex !important; 1267 flex-direction: column; 1268} 1269 1270.extension-view { 1271 flex: auto; 1272} 1273 1274iframe.extension { 1275 width: 100%; 1276 height: 100%; 1277} 1278 1279iframe.panel.extension { 1280 display: block; 1281 height: 100%; 1282} 1283 1284.webkit-line-gutter-backdrop { 1285 /* Keep this in sync with view-source.css (.webkit-line-gutter-backdrop) */ 1286 width: 31px; 1287 background-color: rgb(240, 240, 240); 1288 border-right: 1px solid rgb(187, 187, 187); 1289 position: absolute; 1290 z-index: -1; 1291 left: 0; 1292 top: 0; 1293 height: 100% 1294} 1295 1296.outline-disclosure li.hovered:not(.selected) .selection { 1297 display: block; 1298 left: 3px; 1299 right: 3px; 1300 background-color: rgba(56, 121, 217, 0.1); 1301 border-radius: 5px; 1302} 1303 1304.outline-disclosure li .selection { 1305 display: none; 1306 position: absolute; 1307 left: 0; 1308 right: 0; 1309 height: 15px; 1310 z-index: -1; 1311} 1312 1313.outline-disclosure li.selected .selection { 1314 display: block; 1315 background-color: rgb(212, 212, 212); 1316} 1317 1318.outline-disclosure li.elements-drag-over .selection { 1319 display: block; 1320 margin-top: -2px; 1321 border-top: 2px solid rgb(56, 121, 217); 1322} 1323 1324.outline-disclosure ol:focus li.selected .selection { 1325 background-color: rgb(56, 121, 217); 1326} 1327 1328.outline-disclosure ol:focus li.parent.selected::before { 1329 background-color: white; 1330} 1331 1332.outline-disclosure > ol { 1333 position: relative; 1334 padding: 2px 6px !important; 1335 margin: 0; 1336 cursor: default; 1337 min-width: 100%; 1338} 1339 1340.outline-disclosure, 1341.outline-disclosure ol { 1342 list-style-type: none; 1343 -webkit-padding-start: 12px; 1344 margin: 0; 1345} 1346 1347.source-code { 1348 font-family: monospace; 1349 font-size: 11px !important; 1350 white-space: pre-wrap; 1351} 1352 1353.outline-disclosure li { 1354 padding: 0 0 0 14px; 1355 margin-top: 1px; 1356 margin-left: -2px; 1357 word-wrap: break-word; 1358} 1359 1360.outline-disclosure ol:focus li.selected { 1361 color: white; 1362} 1363 1364.outline-disclosure ol:focus li.selected * { 1365 color: inherit; 1366} 1367 1368.outline-disclosure li.parent { 1369 margin-left: -12px 1370} 1371 1372.outline-disclosure li .webkit-html-tag.close { 1373 margin-left: -12px; 1374} 1375 1376.outline-disclosure li.parent::before { 1377 float: left; 1378 width: 8px; 1379 padding-right: 2px; 1380} 1381 1382.outline-disclosure li.parent::before { 1383 -webkit-user-select: none; 1384 -webkit-mask-image: url(Images/statusbarButtonGlyphs.png); 1385 -webkit-mask-size: 320px 120px; 1386 content: "a"; 1387 color: transparent; 1388 text-shadow: none; 1389 position: relative; 1390 top: 2px; 1391 margin-right: 1px; 1392 height: 12px; 1393} 1394 1395@media (-webkit-min-device-pixel-ratio: 1.5) { 1396.outline-disclosure li.parent::before { 1397 -webkit-mask-image: url(Images/statusbarButtonGlyphs2x.png); 1398} 1399} /* media */ 1400 1401.outline-disclosure li.parent::before { 1402 -webkit-mask-position: -4px -96px; 1403 background-color: rgb(110, 110, 110); 1404} 1405 1406.outline-disclosure li.parent.expanded::before { 1407 -webkit-mask-position: -20px -96px; 1408} 1409 1410.outline-disclosure ol.children { 1411 display: none; 1412} 1413 1414.outline-disclosure ol.children.expanded { 1415 display: block; 1416} 1417 1418.placard { 1419 position: relative; 1420 border-top: 1px solid transparent; 1421 padding: 3px 8px 4px 18px; 1422 min-height: 18px; 1423 white-space: nowrap; 1424} 1425 1426.placard.grouped { 1427 padding-left: 36px; 1428} 1429 1430.placard:nth-of-type(2n) { 1431 background-color: rgb(234, 243, 255); 1432} 1433 1434.placard.selected { 1435 border-top: 1px solid rgb(172, 172, 172); 1436 background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(182, 182, 182)), to(rgb(162, 162, 162))); 1437 background-origin: padding-box; 1438 background-clip: padding-box; 1439} 1440 1441:focus .placard.selected { 1442 border-top: 1px solid rgb(70, 103, 215); 1443 background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(92, 147, 213)), to(rgb(56, 121, 217))); 1444} 1445 1446.placard .title { 1447 font-weight: normal; 1448 word-wrap: break-word; 1449 white-space: normal; 1450} 1451 1452.placard.selected .title { 1453 color: white; 1454 font-weight: bold; 1455} 1456 1457.placard .subtitle { 1458 float: right; 1459 font-size: 10px; 1460 margin-left: 5px; 1461 color: rgba(0, 0, 0, 0.7); 1462 text-overflow: ellipsis; 1463 overflow: hidden; 1464} 1465 1466.placard.selected .subtitle { 1467 color: rgba(255, 255, 255, 0.7); 1468} 1469 1470.placard .subtitle a { 1471 color: inherit; 1472} 1473 1474.section { 1475 position: relative; 1476 margin-top: 1px; 1477} 1478 1479.events-pane .section { 1480 margin: 0; 1481} 1482.events-pane .section:not(:nth-of-type(1)) { 1483 border-top: 1px solid rgb(231, 231, 231); 1484} 1485 1486.section > .header { 1487 padding: 0 8px 0 5px; 1488 min-height: 18px; 1489 white-space: nowrap; 1490 background-origin: padding-box; 1491 background-clip: padding-box; 1492} 1493 1494.section > .header::before { 1495 -webkit-user-select: none; 1496 background-image: url(Images/statusbarButtonGlyphs.png); 1497 background-size: 320px 120px; 1498 opacity: 0.5; 1499 content: "a"; 1500 color: transparent; 1501 text-shadow: none; 1502 float: left; 1503 width: 8px; 1504 margin-right: 4px; 1505 margin-top: 2px; 1506} 1507 1508@media (-webkit-min-device-pixel-ratio: 1.5) { 1509.section > .header::before { 1510 background-image: url(Images/statusbarButtonGlyphs2x.png); 1511} 1512} /* media */ 1513 1514.section > .header::before { 1515 background-position: -4px -96px; 1516} 1517 1518.section.expanded > .header::before { 1519 background-position: -20px -96px; 1520} 1521 1522.section > .header .title, 1523.event-bar .header .title { 1524 font-weight: normal; 1525 word-wrap: break-word; 1526 white-space: normal; 1527 line-height: 18px; 1528} 1529 1530.section > .header .title.blank-title { 1531 font-style: italic; 1532} 1533 1534.section > .header label, 1535.event-bar .header label { 1536 display: none; 1537} 1538 1539.section.expanded .header label, 1540.event-bar.expanded .header label { 1541 display: inline; 1542} 1543 1544.section > .header .subtitle, 1545.event-bar .header .subtitle { 1546 float: right; 1547 margin-left: 5px; 1548 max-width: 55%; 1549 text-overflow: ellipsis; 1550 overflow: hidden; 1551} 1552 1553.section > .header .subtitle a { 1554 color: inherit; 1555} 1556 1557.section .properties, 1558.event-bar .event-properties { 1559 display: none; 1560} 1561 1562.section.expanded .properties, 1563.event-bar.expanded .event-properties { 1564 display: block; 1565} 1566 1567.event-bar .event-properties { 1568 padding-left: 16px; 1569} 1570 1571.section.no-affect .properties li { 1572 opacity: 0.5; 1573} 1574 1575.section.no-affect .properties li.editing { 1576 opacity: 1.0; 1577} 1578 1579.properties-tree { 1580 margin: 0; 1581 padding: 0 6px 2px; 1582 list-style: none; 1583 min-height: 18px; 1584} 1585 1586.properties-tree li { 1587 margin-left: 12px; 1588 white-space: nowrap; 1589 text-overflow: ellipsis; 1590 overflow: hidden; 1591 -webkit-user-select: text; 1592 cursor: default; 1593 padding-top: 2px; 1594 line-height: 12px; 1595} 1596 1597.properties-tree li.parent { 1598 margin-left: 1px; 1599} 1600 1601 1602.properties-tree li.parent::before { 1603 -webkit-user-select: none; 1604 background-image: url(Images/statusbarButtonGlyphs.png); 1605 background-size: 320px 120px; 1606 opacity: 0.5; 1607 content: "a"; 1608 width: 8px; 1609 float: left; 1610 margin-right: 4px; 1611 color: transparent; 1612 text-shadow: none; 1613} 1614 1615.properties-calculate-value-button:hover { 1616 text-decoration: underline; 1617} 1618 1619.properties-accessor-property-name { 1620 font-style: italic; 1621} 1622 1623@media (-webkit-min-device-pixel-ratio: 1.5) { 1624.properties-tree li.parent::before { 1625 background-image: url(Images/statusbarButtonGlyphs2x.png); 1626} 1627} /* media */ 1628 1629.properties-tree li.parent::before { 1630 background-position: -4px -96px; 1631} 1632 1633.properties-tree li.parent.expanded::before { 1634 background-position: -20px -96px; 1635} 1636 1637.properties-tree li .info { 1638 padding-top: 4px; 1639 padding-bottom: 3px; 1640} 1641 1642.properties-tree ol { 1643 display: none; 1644 margin: 0; 1645 -webkit-padding-start: 12px; 1646 list-style: none; 1647} 1648 1649.properties-tree ol.expanded { 1650 display: block; 1651} 1652 1653.editing { 1654 -webkit-user-select: text; 1655 box-shadow: rgba(0, 0, 0, .5) 3px 3px 4px; 1656 outline: 1px solid rgb(66%, 66%, 66%) !important; 1657 background-color: white; 1658 -webkit-user-modify: read-write-plaintext-only; 1659 text-overflow: clip !important; 1660 padding-left: 2px; 1661 margin-left: -2px; 1662 padding-right: 2px; 1663 margin-right: -2px; 1664 margin-bottom: -1px; 1665 padding-bottom: 1px; 1666 opacity: 1.0 !important; 1667} 1668 1669.editing, 1670.editing * { 1671 color: #222 !important; 1672 text-decoration: none !important; 1673} 1674 1675.child-editing { 1676 color: #222 !important; 1677 text-decoration: none !important; 1678 overflow: visible !important; 1679} 1680 1681.editing br { 1682 display: none; 1683} 1684 1685.section .properties li.editing { 1686 margin-left: 10px; 1687 text-overflow: clip; 1688} 1689 1690li.editing .swatch, li.editing .enabled-button, 1691li.editing-sub-part .delete-button { 1692 display: none !important; 1693} 1694 1695.sidebar-tabbed-pane .watch-expressions { 1696 margin-top: 17px; 1697} 1698 1699.properties-tree.watch-expressions { 1700 padding-left: 0 !important; 1701} 1702 1703.properties-tree.watch-expressions > li { 1704 padding-left: 4px; 1705} 1706 1707.properties-tree.watch-expressions > li > .value { 1708 display: inline; 1709 position: static; 1710} 1711 1712.properties-tree.watch-expressions > li:not(.parent) { 1713 margin-left: 1px; 1714 padding-left: 15px; 1715} 1716 1717.properties-tree.watch-expressions > li.hovered { 1718 padding-right: 14px; 1719} 1720 1721.watch-expressions > li.editing-sub-part .text-prompt { 1722 display: block; 1723 width: 100%; 1724} 1725 1726.watch-expressions > li.editing-sub-part .value, 1727.watch-expressions > li.editing-sub-part .separator { 1728 display: none; 1729} 1730 1731.section .properties li.editing-sub-part { 1732 padding: 3px 6px 8px 18px; 1733 margin: -3px -6px -8px -6px; 1734 text-overflow: clip; 1735} 1736 1737.section .properties .delete-button { 1738 width: 10px; 1739 height: 10px; 1740 background-image: url(Images/deleteIcon.png); 1741 background-position: 0 0; 1742 background-color: transparent; 1743 background-repeat: no-repeat; 1744 border: 0 none transparent; 1745 position: absolute; 1746 right: 8px; 1747 display: none; 1748} 1749 1750.section .properties li.hovered .delete-button { 1751 display: inline; 1752} 1753 1754.section .properties .name, 1755.event-properties .name, 1756.console-formatted-object .name { 1757 color: rgb(136, 19, 145); 1758} 1759 1760.section .properties .dimmed { 1761 opacity: 0.6; 1762} 1763 1764.section .properties .value.error { 1765 color: red; 1766} 1767 1768.section .properties .number, 1769.event-properties .number { 1770 color: blue; 1771} 1772 1773.section .properties .keyword, 1774.event-properties .keyword { 1775 color: rgb(136, 19, 79); 1776} 1777 1778.section .properties .color, 1779.event-properties .color { 1780 color: rgb(118, 15, 21); 1781} 1782 1783.swatch { 1784 margin-left: 1px; 1785 margin-right: 2px; 1786 width: 1em; 1787 height: 1em; 1788 position: relative; 1789 top: 1px; 1790 display: inline-block; 1791 background-image: url(Images/checker.png); 1792 -webkit-user-select: none; 1793} 1794 1795.swatch-inner { 1796 width: 100%; 1797 height: 100%; 1798 display: inline-block; 1799 border: 1px solid rgba(128, 128, 128, 0.6); 1800} 1801 1802.swatch-inner:hover { 1803 border: 1px solid rgba(64, 64, 64, 0.8); 1804} 1805 1806.sidebar { 1807 overflow-x: hidden; 1808 background-color: rgb(214, 221, 229); 1809} 1810 1811body.inactive .sidebar { 1812 background-color: rgb(232, 232, 232); 1813} 1814 1815.pane-title-button { 1816 color: rgb(6, 6, 6); 1817 background-color: transparent; 1818 border: 1px solid rgb(165, 165, 165); 1819 background-color: rgb(237, 237, 237); 1820 background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(252, 252, 252)), to(rgb(223, 223, 223))); 1821 border-radius: 12px; 1822 -webkit-appearance: none; 1823} 1824 1825.pane-title-button:active { 1826 background-color: rgb(215, 215, 215); 1827 background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(194, 194, 194)), to(rgb(239, 239, 239))); 1828} 1829 1830button.show-all-nodes { 1831 font-size: 13px; 1832 margin: 0; 1833 padding: 0 20px; 1834 height: 20px; 1835 color: rgb(6, 6, 6); 1836 background-color: transparent; 1837 border: 1px solid rgb(165, 165, 165); 1838 background-color: rgb(237, 237, 237); 1839 background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(252, 252, 252)), to(rgb(223, 223, 223))); 1840 border-radius: 12px; 1841 -webkit-appearance: none; 1842} 1843 1844body.inactive button.show-all-nodes { 1845 color: rgb(130, 130, 130); 1846 border-color: rgb(212, 212, 212); 1847 background-color: rgb(239, 239, 239); 1848 background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(250, 250, 250)), to(rgb(235, 235, 235))); 1849} 1850 1851button.show-all-nodes:active { 1852 background-color: rgb(215, 215, 215); 1853 background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(194, 194, 194)), to(rgb(239, 239, 239))); 1854} 1855 1856button.enable-toggle-status-bar-item .glyph { 1857 -webkit-mask-position: -192px 0; 1858} 1859 1860button.enable-toggle-status-bar-item.toggled-on .glyph { 1861 -webkit-mask-position: -96px -24px; 1862} 1863 1864#console-messages.console-filter-top { 1865 margin-top: 23px; 1866} 1867 1868.scope-bar { 1869 line-height: 19px; 1870 padding-right: 10px; 1871 overflow: hidden; 1872} 1873 1874.scope-bar li { 1875 display: inline-block; 1876 margin: 0 2px; 1877 padding: 2px 6px; 1878 line-height: 12px; 1879 background: transparent; 1880 text-shadow: rgba(255, 255, 255, 0.5) 0 1px 0; 1881 border-radius: 8px; 1882 vertical-align: middle; 1883} 1884 1885.scope-bar-divider { 1886 background-color: rgba(0, 0, 0, 0.4); 1887 height: 16px; 1888 width: 1px; 1889 vertical-align: middle; 1890 display: inline-block; 1891} 1892 1893.scope-bar li.selected, 1894.scope-bar li:hover, 1895.scope-bar li:active { 1896 color: white; 1897 text-shadow: rgba(0, 0, 0, 0.4) 0 1px 0; 1898} 1899 1900.scope-bar li.all { 1901 margin: 0 8px; 1902} 1903 1904.scope-bar li:hover { 1905 background: rgba(0, 0, 0, 0.2); 1906} 1907 1908.scope-bar li.selected { 1909 background: rgba(0, 0, 0, 0.3); 1910} 1911 1912.scope-bar li:active { 1913 background: rgba(0, 0, 0, 0.5); 1914} 1915 1916 1917.console-warning-level.repeated-message, 1918.console-error-level.repeated-message, 1919.console-log-level.repeated-message, 1920.console-debug-level.repeated-message, 1921.console-info-level.repeated-message { 1922 display: -webkit-flex; 1923} 1924 1925.console-user-command-result { 1926 display: block; 1927} 1928 1929.source-view-frame { 1930 width: 100%; 1931 height: 100%; 1932} 1933 1934.sidebar-resizer-vertical { 1935 position: absolute; 1936 top: 0; 1937 bottom: 0; 1938 width: 5px; 1939 z-index: 500; 1940} 1941 1942.sidebar-tree, 1943.sidebar-tree .children { 1944 position: relative; 1945 padding: 0; 1946 margin: 0; 1947 list-style: none; 1948} 1949 1950.sidebar-tree-section { 1951 position: relative; 1952 height: 18px; 1953 padding: 1px 10px 6px 10px; 1954 white-space: nowrap; 1955 margin-top: 1px; 1956 color: rgb(92, 110, 129); 1957 text-shadow: rgba(255, 255, 255, 0.75) 0 1px 0; 1958} 1959 1960.sidebar-tree-item { 1961 position: relative; 1962 height: 36px; 1963 padding: 0 5px 0 5px; 1964 white-space: nowrap; 1965 overflow-x: hidden; 1966 overflow-y: hidden; 1967 margin-top: 1px; 1968 line-height: 34px; 1969 border-top: 1px solid transparent; 1970} 1971 1972.sidebar-tree .children { 1973 display: none; 1974} 1975 1976.sidebar-tree .children.expanded { 1977 display: block; 1978} 1979 1980.sidebar-tree-section + .children > .sidebar-tree-item { 1981 padding-left: 10px !important; 1982} 1983 1984.sidebar-tree-section + .children.small > .sidebar-tree-item { 1985 padding-left: 17px !important; 1986} 1987 1988.sidebar-tree > .children > .sidebar-tree-item { 1989 padding-left: 37px; 1990} 1991 1992.sidebar-tree > .children > .children > .sidebar-tree-item { 1993 padding-left: 37px; 1994} 1995 1996.sidebar-tree.hide-disclosure-buttons > .children { 1997 display: none; 1998} 1999 2000.sidebar-tree > .children.hide-disclosure-buttons > .children { 2001 display: none; 2002} 2003 2004.sidebar-tree.some-expandable:not(.hide-disclosure-buttons) > .sidebar-tree-item:not(.parent) .icon { 2005 margin-left: 16px; 2006} 2007 2008.sidebar-tree-item .disclosure-button { 2009 float: left; 2010 width: 10px; 2011 height: 10px; 2012 border: 0; 2013 -webkit-mask-image: url(Images/statusbarButtonGlyphs.png); 2014 -webkit-mask-size: 320px 120px; 2015 -webkit-appearance: none; 2016 background-color: rgba(0, 0, 0, 0.75); 2017 position: relative; 2018 top: 10px; 2019} 2020 2021@media (-webkit-min-device-pixel-ratio: 1.5) { 2022.sidebar-tree-item .disclosure-button { 2023 -webkit-mask-image: url(Images/statusbarButtonGlyphs2x.png); 2024} 2025} /* media */ 2026 2027.sidebar-tree.hide-disclosure-buttons .sidebar-tree-item .disclosure-button { 2028 display: none; 2029} 2030 2031.sidebar-tree-item .disclosure-button { 2032 -webkit-mask-position: -4px -96px; 2033} 2034 2035.sidebar-tree-item.selected .disclosure-button { 2036 background-color: white; 2037 -webkit-mask-position: -4px -96px; 2038} 2039 2040.sidebar-tree-item.expanded .disclosure-button { 2041 -webkit-mask-position: -20px -96px; 2042} 2043 2044.sidebar-tree-item.selected.expanded .disclosure-button { 2045 background-color: white; 2046 -webkit-mask-position: -20px -96px; 2047} 2048 2049.sidebar-tree-item .icon { 2050 float: left; 2051 width: 32px; 2052 height: 32px; 2053 margin-top: 1px; 2054 margin-right: 3px; 2055} 2056 2057li .status { 2058 float: right; 2059 height: 16px; 2060 margin-top: 9px; 2061 margin-left: 4px; 2062 line-height: 1em; 2063} 2064 2065li .status:empty { 2066 display: none; 2067} 2068 2069li .status .bubble { 2070 display: inline-block; 2071 height: 14px; 2072 min-width: 16px; 2073 margin-top: 1px; 2074 background-color: rgb(128, 151, 189); 2075 vertical-align: middle; 2076 white-space: nowrap; 2077 padding: 1px 4px; 2078 text-align: center; 2079 font-size: 11px; 2080 line-height: normal; 2081 font-weight: bold; 2082 text-shadow: none; 2083 color: white; 2084 border-radius: 7px; 2085} 2086 2087li .status .bubble:empty { 2088 display: none; 2089} 2090 2091li.selected .status .bubble { 2092 background-color: white !important; 2093 color: rgb(132, 154, 190) !important; 2094} 2095 2096:focus li.selected .status .bubble { 2097 color: rgb(36, 98, 172) !important; 2098} 2099 2100body.inactive li.selected .status .bubble { 2101 color: rgb(159, 159, 159) !important; 2102} 2103 2104.sidebar-tree.small .sidebar-tree-item, 2105.sidebar-tree .children.small .sidebar-tree-item, 2106.sidebar-tree-item.small, 2107.small .resources-graph-side { 2108 height: 20px; 2109} 2110 2111.sidebar-tree.small .sidebar-tree-item .icon, 2112.sidebar-tree .children.small .sidebar-tree-item .icon, 2113.sidebar-tree-item.small .icon { 2114 width: 16px; 2115 height: 16px; 2116} 2117 2118.sidebar-tree.small .sidebar-tree-item .status, 2119.sidebar-tree .children.small .sidebar-tree-item .status, 2120.sidebar-tree-item.small .status { 2121 margin-top: 1px; 2122} 2123 2124.sidebar-tree-item.selected { 2125 color: white; 2126 text-shadow: rgba(0, 0, 0, 0.33) 1px 1px 0; 2127 background-origin: padding-box; 2128 background-clip: padding-box; 2129 background-color: rgb(56, 121, 217); 2130} 2131 2132:focus .sidebar-tree-item.selected { 2133 background-color: rgb(56, 121, 217); 2134} 2135 2136body.inactive .sidebar-tree-item.selected { 2137 background-color: rgb(180,180,180); 2138} 2139 2140.sidebar-tree-item .titles { 2141 position: relative; 2142 top: 5px; 2143 line-height: 12px; 2144 padding-bottom: 1px; 2145 text-overflow: ellipsis; 2146 overflow: hidden; 2147 white-space: nowrap; 2148} 2149 2150.sidebar-tree-item .titles.no-subtitle { 2151 top: 10px; 2152} 2153 2154.sidebar-tree.small .sidebar-tree-item .titles, 2155.sidebar-tree .children.small .sidebar-tree-item .titles, 2156.sidebar-tree-item.small .titles { 2157 top: 2px; 2158 line-height: normal; 2159} 2160 2161.sidebar-tree:not(.small) .sidebar-tree-item:not(.small) .title::after, 2162.sidebar-tree .children:not(.small) .sidebar-tree-item .title::after { 2163 content: "\A"; 2164 white-space: pre; 2165} 2166 2167.sidebar-tree-item .subtitle { 2168 font-size: 80%; 2169} 2170 2171.sidebar-tree.small .sidebar-tree-item .subtitle, 2172.sidebar-tree .children.small .sidebar-tree-item .subtitle, 2173.sidebar-tree-item.small .subtitle { 2174 display: none; 2175} 2176 2177.sidebar-tree-item.selected .subtitle { 2178 color: white; 2179} 2180 2181.bubble.debug, 2182.console-debug-level .bubble { 2183 background-color: rgb(0, 0, 255) !important; 2184} 2185 2186.bubble.warning, 2187.console-warning-level .bubble { 2188 background-color: rgb(232, 164, 0) !important; 2189} 2190 2191.bubble.error, 2192.console-error-level .bubble { 2193 background-color: rgb(216, 35, 35) !important; 2194} 2195 2196.storage-application-cache-status-icon, 2197.storage-application-cache-connectivity-icon { 2198 margin: 5px 5px 0; 2199 vertical-align: middle; 2200} 2201 2202.status-bar-divider { 2203 margin-left: 7px; 2204 border-right: 1px solid #CCC; 2205} 2206 2207.storage-application-cache-status, 2208.storage-application-cache-connectivity { 2209 position: relative; 2210 top: 4px; 2211} 2212 2213.status-bar-items { 2214 position: absolute; 2215 top: 0; 2216 bottom: 0; 2217 left: 0; 2218 overflow: hidden; 2219 border-left: 1px solid rgb(184, 184, 184); 2220 margin-left: -1px; 2221} 2222 2223.node-search-status-bar-item .glyph { 2224 -webkit-mask-position: -224px -24px; 2225} 2226 2227.delete-storage-status-bar-item .glyph { 2228 -webkit-mask-position: -128px 0; 2229} 2230 2231.clear-storage-status-bar-item .glyph { 2232 -webkit-mask-position: -64px 0; 2233} 2234 2235.refresh-storage-status-bar-item .glyph { 2236 -webkit-mask-position: 0 0; 2237} 2238 2239.webkit-html-js-node, 2240.webkit-html-css-node { 2241 white-space: pre; 2242} 2243 2244.source-frame-breakpoint-condition { 2245 z-index: 30; 2246 padding: 4px; 2247 background-color: rgb(203, 226, 255); 2248 border-radius: 7px; 2249 border: 2px solid rgb(169, 172, 203); 2250 width: 90%; 2251 pointer-events: auto; 2252} 2253 2254.source-frame-breakpoint-message { 2255 background-color: transparent; 2256 font-weight: normal; 2257 font-size: 11px; 2258 text-align: left; 2259 text-shadow: none; 2260 color: rgb(85, 85, 85); 2261 cursor: default; 2262 margin: 0 0 2px 0; 2263} 2264 2265#source-frame-breakpoint-condition { 2266 margin: 0; 2267 border: 1px inset rgb(190, 190, 190) !important; 2268 width: 100%; 2269 box-shadow: none !important; 2270 outline: none !important; 2271 -webkit-user-modify: read-write; 2272} 2273 2274.source-frame-popover-title { 2275 text-overflow: ellipsis; 2276 overflow: hidden; 2277 white-space: nowrap; 2278 font-weight: bold; 2279 padding-left: 18px; 2280} 2281 2282.source-frame-popover-tree { 2283 border-top: 1px solid rgb(194, 194, 147); 2284 overflow: auto; 2285 position: absolute; 2286 top: 15px; 2287 bottom: 0; 2288 left: 0; 2289 right: 0; 2290} 2291 2292.source-frame-eval-expression { 2293 outline: 1px solid rgb(163, 41, 34); 2294 background-color: rgb(255, 255, 194); 2295} 2296 2297.source-frame-stepin-mark { 2298 cursor: pointer; 2299 text-decoration: underline; 2300} 2301 2302.source-frame-stepin-mark-highlighted { 2303 font-weight: 800; 2304 cursor: pointer; 2305 text-decoration: underline; 2306} 2307 2308.workers-list { 2309 list-style: none; 2310 margin: 0; 2311 padding: 0; 2312} 2313 2314.resource-content-unavailable { 2315 color: rgb(50%, 50%, 50%); 2316 font-style: italic; 2317 font-size: 14px; 2318 text-align: center; 2319 padding: 32px; 2320} 2321 2322.node-link { 2323 text-decoration: underline; 2324 cursor: pointer; 2325} 2326 2327.cursor-pointer { 2328 cursor: pointer; 2329} 2330 2331.cursor-auto { 2332 cursor: auto; 2333} 2334 2335.please-wait-msg { 2336 position: absolute; 2337 left: 0; 2338 top: 0; 2339 border: 4px black solid; 2340 border-radius: 4px; 2341 background-color: black; 2342 opacity: 0.85; 2343 color: white; 2344 font-size: 12px; 2345 font-weight: bold; 2346 z-index: 10000; 2347} 2348 2349.resource-view.json { 2350 padding: 5px; 2351} 2352 2353.resource-view.html iframe { 2354 width: 100%; 2355 height: 100%; 2356 position: absolute; 2357} 2358 2359.soft-context-menu-glass-pane { 2360 position: absolute; 2361 top: 0; 2362 bottom: 0; 2363 left: 0; 2364 right: 0; 2365 z-index: 20000; 2366} 2367 2368.soft-context-menu { 2369 position: absolute; 2370 border: 1px solid rgba(196, 196, 196, 0.9); 2371 border-top: 1px solid rgba(196, 196, 196, 0.5); 2372 border-bottom: 1px solid rgba(150, 150, 150, 0.9); 2373 padding: 4px 0 4px 0; 2374 border-radius: 4px; 2375 background-color: white; 2376 box-shadow: 0 5px 10px rgba(0, 0, 0, 0.25); 2377} 2378 2379.soft-context-menu-item { 2380 width: 100%; 2381 line-height: 13px; 2382 font-size: 14px; 2383 border-top: 1px solid transparent; 2384 border-bottom: 1px solid transparent; 2385 padding: 2px 7px 2px 6px; 2386 margin: 0 13px 0 0; 2387 white-space: nowrap; 2388} 2389 2390.soft-context-menu-separator { 2391 height: 10px; 2392 margin: 0 1px; 2393} 2394 2395.soft-context-menu-separator > .separator-line { 2396 margin: 0; 2397 height: 5px; 2398 border-bottom: 1px solid rgb(227, 227, 227); 2399 pointer-events: none; 2400} 2401 2402.soft-context-menu-item-mouse-over { 2403 border-top: 1px solid rgb(56, 121, 217); 2404 border-bottom: 1px solid rgb(56, 121, 217); 2405 background-color: rgb(56, 121, 217); 2406 color: white; 2407} 2408 2409body.platform-mac .soft-context-menu-item-mouse-over { 2410 border-top: 1px solid rgb(90, 131, 236); 2411 border-bottom: 1px solid rgb(18, 88, 233); 2412 background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(100, 140, 243)), to(rgb(36, 101, 243))); 2413} 2414 2415.soft-context-menu-item-checkmark { 2416 color: rgb(108, 108, 108); 2417 pointer-events: none; 2418} 2419 2420.soft-context-menu-item-submenu-arrow { 2421 color: #222; 2422 float: right; 2423 pointer-events: none; 2424} 2425 2426.soft-context-menu-item-mouse-over .soft-context-menu-item-checkmark { 2427 color: white; 2428} 2429 2430.search-view { 2431 position: absolute; 2432 top: 0; 2433 bottom: 0; 2434 left: 0; 2435 right: 0; 2436} 2437 2438.search-drawer-header { 2439 flex: none; 2440 padding: 4px; 2441} 2442 2443.search-drawer-header input[type="text"].search-config-search { 2444 -webkit-appearance: none; 2445 padding: 0 2px; 2446 margin: 0; 2447 border: 1px solid rgb(163, 163, 163); 2448 height: 20px; 2449 border-radius: 2px; 2450 color: #303030; 2451} 2452 2453.search-drawer-header input[type="search"].search-config-search:focus { 2454 border: 1px solid rgb(190, 190, 190); 2455 outline: none; 2456} 2457 2458body.platform-mac .search-drawer-header input[type="search"].search-config-search { 2459 top: 1px; 2460} 2461 2462.search-drawer-header label.search-config-label { 2463 margin-left: 8px; 2464 color: #303030; 2465} 2466 2467.search-drawer-header input[type="checkbox"].search-config-checkbox { 2468 vertical-align: bottom; 2469} 2470 2471body:not(.platform-mac) .search-drawer-header input[type="checkbox"].search-config-checkbox { 2472 margin-bottom: 5px; 2473} 2474 2475body.platform-mac .search-drawer-header input[type="checkbox"].search-config-checkbox { 2476 margin-bottom: 4px; 2477} 2478 2479#bottom-status-bar-container { 2480 -webkit-flex: 1 1 0; 2481 width: 0; 2482 overflow: hidden; 2483} 2484 2485.search-status-bar-summary { 2486 background-color: rgb(236, 236, 236); 2487 border-top: 1px solid #ccc; 2488 padding-left: 5px; 2489 flex: 0 0 19px; 2490} 2491 2492.search-status-bar-summary .progress-bar-container { 2493 margin-top: -4px; 2494} 2495 2496.progress-bar-stop-button-item { 2497 width: 19px; 2498 height: 24px; 2499 overflow: hidden; 2500} 2501 2502.progress-bar-stop-button .glyph { 2503 -webkit-mask-position: -96px -48px; 2504 background-color: rgb(216, 0, 0) !important; 2505} 2506 2507.search-view .search-results { 2508 overflow-y: auto; 2509 flex: auto; 2510} 2511 2512#search-results-pane-file-based li { 2513 list-style: none; 2514} 2515 2516#search-results-pane-file-based ol { 2517 -webkit-padding-start: 0; 2518 margin-top: 0; 2519} 2520 2521#search-results-pane-file-based ol.children { 2522 display: none; 2523} 2524 2525#search-results-pane-file-based ol.children.expanded { 2526 display: block; 2527} 2528 2529#search-results-pane-file-based li.parent::before { 2530 -webkit-user-select: none; 2531 background-image: url(Images/statusbarButtonGlyphs.png); 2532 background-size: 320px 120px; 2533 opacity: 0.5; 2534 width: 8px; 2535 content: "a"; 2536 color: transparent; 2537 margin-left: -5px; 2538 padding-right: 4px; 2539} 2540 2541@media (-webkit-min-device-pixel-ratio: 1.5) { 2542#search-results-pane-file-based li.parent::before { 2543 background-image: url(Images/statusbarButtonGlyphs2x.png); 2544} 2545} /* media */ 2546 2547#search-results-pane-file-based li.parent::before { 2548 background-position: -4px -96px; 2549} 2550 2551#search-results-pane-file-based li.parent.expanded::before { 2552 background-position: -20px -96px; 2553} 2554 2555#search-results-pane-file-based .search-result { 2556 font-size: 11px; 2557 padding: 2px 0 2px 10px; 2558 word-wrap: normal; 2559 white-space: pre; 2560 cursor: pointer; 2561} 2562 2563#search-results-pane-file-based .search-result:hover { 2564 background-color: rgba(121, 121, 121, 0.1); 2565} 2566 2567#search-results-pane-file-based .search-result .search-result-file-name { 2568 font-weight: bold; 2569 color: #222; 2570} 2571 2572#search-results-pane-file-based .search-result .search-result-matches-count { 2573 margin-left: 5px; 2574 color: #222; 2575} 2576 2577#search-results-pane-file-based .show-more-matches { 2578 padding: 4px 0; 2579 color: #222; 2580 cursor: pointer; 2581 font-size: 11px; 2582 margin-left: 20px; 2583} 2584 2585#search-results-pane-file-based .show-more-matches:hover { 2586 text-decoration: underline; 2587} 2588 2589#search-results-pane-file-based .search-match { 2590 word-wrap: normal; 2591 white-space: pre; 2592} 2593 2594#search-results-pane-file-based .search-match .search-match-line-number { 2595 color: rgb(128, 128, 128); 2596 text-align: right; 2597 vertical-align: top; 2598 word-break: normal; 2599 padding-right: 4px; 2600 padding-left: 6px; 2601 margin-right: 5px; 2602 border-right: 1px solid #BBB; 2603} 2604 2605#search-results-pane-file-based .search-match:not(:hover) .search-match-line-number { 2606 background-color: #F0F0F0; 2607} 2608 2609#search-results-pane-file-based .search-match:hover { 2610 background-color: rgba(56, 121, 217, 0.1); 2611} 2612 2613#search-results-pane-file-based .search-match .highlighted-match { 2614 background-color: #F1EA00; 2615} 2616 2617#search-results-pane-file-based a { 2618 text-decoration: none; 2619 display: block; 2620} 2621 2622#search-results-pane-file-based .search-match .search-match-content { 2623 color: #000; 2624} 2625 2626.record-cpu-profile-status-bar-item .glyph, 2627.record-profile-status-bar-item .glyph { 2628 -webkit-mask-position: -288px 0; 2629} 2630 2631button.record-cpu-profile-status-bar-item.toggled-on .glyph:not(.shadow), 2632button.record-profile-status-bar-item.toggled-on .glyph:not(.shadow) { 2633 -webkit-mask-position: -288px -24px; 2634 background-color: rgb(216, 0, 0) !important; 2635} 2636 2637.empty-view, 2638.storage-view .storage-table-error { 2639 position: absolute; 2640 top: 0; 2641 bottom: 25%; 2642 left: 0; 2643 right: 0; 2644 font-size: 24px; 2645 color: rgb(75%, 75%, 75%); 2646 margin-top: auto; 2647 margin-bottom: auto; 2648 height: 50px; 2649 line-height: 26px; 2650 text-align: center; 2651 font-weight: bold; 2652 padding: 10px; 2653 white-space: pre-wrap; 2654} 2655 2656/* Generic suggest box style */ 2657 2658.suggest-box.generic-suggest { 2659 margin-left: -1px; 2660 border-color: rgb(66%, 66%, 66%); 2661} 2662 2663.suggest-box.generic-suggest.above-anchor { 2664 border-radius: 5px 5px 5px 0; 2665} 2666 2667.suggest-box.generic-suggest.under-anchor { 2668 border-radius: 0 5px 5px 5px; 2669} 2670 2671/* Custom popup scrollers */ 2672 2673.custom-popup-horizontal-scroll ::-webkit-scrollbar, 2674.custom-popup-vertical-scroll ::-webkit-scrollbar { 2675 width: 11px; 2676 height: 11px; 2677} 2678 2679.custom-popup-horizontal-scroll ::-webkit-scrollbar-corner, 2680.custom-popup-vertical-scroll ::-webkit-scrollbar-corner { 2681 display: none; 2682} 2683 2684.custom-popup-horizontal-scroll ::-webkit-resizer, 2685.custom-popup-vertical-scroll ::-webkit-resizer { 2686 display: none; 2687} 2688 2689.custom-popup-horizontal-scroll ::-webkit-scrollbar-button, 2690.custom-popup-vertical-scroll ::-webkit-scrollbar-button { 2691 display: none; 2692} 2693 2694/* Custom Horizontal Scrollbar Styles */ 2695 2696.custom-popup-horizontal-scroll ::-webkit-scrollbar:horizontal:corner-present { 2697 border-right-width: 0; 2698} 2699 2700.custom-popup-horizontal-scroll ::-webkit-scrollbar-thumb:horizontal { 2701 -webkit-border-image: url(Images/thumbHoriz.png) 0 11 0 11; 2702 border-color: transparent; 2703 border-width: 0 11px; 2704 min-width: 20px; 2705} 2706 2707.custom-popup-horizontal-scroll ::-webkit-scrollbar-thumb:horizontal:hover { 2708 -webkit-border-image: url(Images/thumbHoverHoriz.png) 0 11 0 11; 2709} 2710 2711.custom-popup-horizontal-scroll ::-webkit-scrollbar-thumb:horizontal:active { 2712 -webkit-border-image: url(Images/thumbActiveHoriz.png) 0 11 0 11; 2713} 2714 2715.custom-popup-horizontal-scroll ::-webkit-scrollbar-track-piece:horizontal:start { 2716 margin-left: 5px; 2717} 2718 2719.custom-popup-horizontal-scroll ::-webkit-scrollbar-track-piece:horizontal:end { 2720 margin-right: 5px; 2721} 2722 2723.custom-popup-horizontal-scroll ::-webkit-scrollbar-track-piece:horizontal:end:corner-present { 2724 margin-right: 4px; 2725} 2726 2727.custom-popup-horizontal-scroll ::-webkit-scrollbar-track-piece:horizontal:decrement { 2728 -webkit-border-image: url(Images/trackHoriz.png) 0 11 0 11; 2729 border-color: transparent; 2730 border-width: 0 0 0 11px; 2731} 2732 2733.custom-popup-horizontal-scroll ::-webkit-scrollbar-track-piece:horizontal:increment { 2734 -webkit-border-image: url(Images/trackHoriz.png) 0 11 0 11; 2735 border-color: transparent; 2736 border-width: 0 11px 0 0; 2737} 2738 2739/* Custom Vertical Scrollbar Styles */ 2740 2741.custom-popup-vertical-scroll ::-webkit-scrollbar:vertical:corner-present { 2742 border-bottom-width: 0; 2743} 2744 2745.custom-popup-vertical-scroll ::-webkit-scrollbar-thumb:vertical { 2746 -webkit-border-image: url(Images/thumbVert.png) 11 0 11 0; 2747 border-color: transparent; 2748 border-width: 11px 0; 2749 min-height: 20px; 2750} 2751 2752.custom-popup-vertical-scroll ::-webkit-scrollbar-thumb:vertical:hover { 2753 -webkit-border-image: url(Images/thumbHoverVert.png) 11 0 11 0; 2754} 2755 2756.custom-popup-vertical-scroll ::-webkit-scrollbar-thumb:vertical:active { 2757 -webkit-border-image: url(Images/thumbActiveVert.png) 11 0 11 0; 2758} 2759 2760.custom-popup-vertical-scroll ::-webkit-scrollbar-track-piece:vertical:start { 2761 margin-top: 5px; 2762} 2763 2764.custom-popup-vertical-scroll ::-webkit-scrollbar-track-piece:vertical:end { 2765 margin-bottom: 5px; 2766} 2767 2768.custom-popup-vertical-scroll ::-webkit-scrollbar-track-piece:vertical:end:corner-present { 2769 margin-bottom: 4px; 2770} 2771 2772.custom-popup-vertical-scroll ::-webkit-scrollbar-track-piece:vertical:decrement { 2773 -webkit-border-image: url(Images/trackVert.png) 11 0 11 0; 2774 border-color: transparent; 2775 border-width: 11px 0 0 0; 2776} 2777 2778.custom-popup-vertical-scroll ::-webkit-scrollbar-track-piece:vertical:increment { 2779 -webkit-border-image: url(Images/trackVert.png) 11 0 11 0; 2780 border-color: transparent; 2781 border-width: 0 0 11px 0; 2782} 2783 2784.console-context { 2785 max-width: 200px; 2786} 2787 2788.inspector-view { 2789 overflow: hidden; 2790} 2791 2792.inspector-footer.status-bar { 2793 flex: 0 0 auto; 2794 background-color: rgb(236, 236, 236); 2795 height: auto; 2796} 2797 2798.progress-bar-container { 2799 display: inline-flex; 2800 margin: 0 8px; 2801 -webkit-flex: 1 0; 2802} 2803 2804.progress-bar-container span { 2805 padding: 6px; 2806} 2807 2808.progress-bar-container progress { 2809 margin-top: 7px; 2810 -webkit-flex: 1 0; 2811} 2812 2813body.platform-mac .progress-bar-container progress { 2814 margin-top: 6px; 2815} 2816 2817.progress-bar-container button.status-bar-item { 2818 border-left: none; 2819 margin-top: 1px; 2820} 2821 2822.elements-tree-outline li.parent::before { 2823 top: 0 !important; 2824} 2825 2826.elements-tree-outline li.shadow-root + ol { 2827 margin-left: 5px; 2828 padding-left: 5px; 2829 border-left: 1px solid gray; 2830} 2831 2832#drawer-editor-view { 2833 flex: auto; 2834} 2835 2836.toolbar-close-button-item { 2837 display: inline-block; 2838 float: right; 2839 padding-right: 4px; 2840 padding-top: 4px; 2841 padding-left: 2px; 2842} 2843 2844body.undocked .toolbar-close-button-item { 2845 display: none; 2846} 2847 2848body.dock-to-bottom.overlay-contents #inspector-split-view .split-view-resizer { 2849 display: none; 2850} 2851
