| Index: chrome_linux/resources/inspector/inspector.css
|
| ===================================================================
|
| --- chrome_linux/resources/inspector/inspector.css (revision 221742)
|
| +++ chrome_linux/resources/inspector/inspector.css (working copy)
|
| @@ -7,18 +7,19 @@
|
| border-radius: 10px;
|
| border: 1px solid gray;
|
|
|
| - -webkit-box-shadow: rgb(40,40,40) 0px 0px 50px;
|
| + box-shadow: rgb(40,40,40) 0 0 50px;
|
|
|
| display: -webkit-flex;
|
| -webkit-flex-direction: column;
|
|
|
| background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#E9E9E9), to(#CFCFCF));
|
| - font-size: 11px;
|
| - font-family: 'Lucida Grande', sans-serif;
|
| }
|
|
|
| .dialog-contents {
|
| width: 100%;
|
| +}
|
| +
|
| +.go-to-line-dialog {
|
| font-size: 11px;
|
| font-family: 'Lucida Grande', sans-serif;
|
| }
|
| @@ -33,7 +34,7 @@
|
| border: 1px solid rgb(165, 165, 165);
|
| background-color: rgb(237, 237, 237);
|
| background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(252, 252, 252)), to(rgb(223, 223, 223)));
|
| - -webkit-border-radius: 12px;
|
| + border-radius: 12px;
|
| -webkit-appearance: none;
|
|
|
| padding: 3px 20px;
|
| @@ -45,6 +46,7 @@
|
| background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(194, 194, 194)), to(rgb(239, 239, 239)));
|
| }
|
|
|
| +
|
| /* inspector.css */
|
|
|
| /*
|
| @@ -76,7 +78,8 @@
|
| * THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
|
| */
|
|
|
| -input[type="search"]:focus, input[type="text"]:focus {
|
| +input[type="search"]:focus,
|
| +input[type="text"]:focus {
|
| outline: auto 5px -webkit-focus-ring-color;
|
| }
|
|
|
| @@ -111,18 +114,17 @@
|
| padding-left: 5px;
|
| border-bottom: 1px solid rgb(80, 80, 80);
|
| -webkit-flex-direction: row;
|
| - -webkit-background-origin: padding;
|
| - -webkit-background-clip: padding;
|
| + background-origin: padding-box;
|
| + background-clip: padding-box;
|
| }
|
|
|
| -body.show-toolbar-icons #toolbar {
|
| - height: 56px;
|
| +button,
|
| +input,
|
| +select {
|
| + font-family: inherit;
|
| + font-size: inherit;
|
| }
|
|
|
| -body.show-toolbar-icons.dock-to-bottom #toolbar {
|
| - height: 34px;
|
| -}
|
| -
|
| body.inactive #toolbar {
|
| background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(233, 233, 233)), to(rgb(207, 207, 207)));
|
| border-bottom: 1px solid rgb(64%, 64%, 64%);
|
| @@ -142,7 +144,8 @@
|
| border-top: 1px solid rgb(64%, 64%, 64%);
|
| }
|
|
|
| -body.platform-windows #toolbar, body.platform-windows.inactive #toolbar {
|
| +body.platform-windows #toolbar,
|
| +body.platform-windows.inactive #toolbar {
|
| background-image: none;
|
| }
|
|
|
| @@ -179,24 +182,12 @@
|
| border-style: none;
|
| border-color: transparent;
|
| color: inherit;
|
| - font-family: inherit;
|
| - font-size: inherit;
|
| }
|
|
|
| -body:not(.show-toolbar-icons) .toolbar-item {
|
| +.toolbar-item {
|
| height: 24px;
|
| }
|
|
|
| -body.show-toolbar-icons .toolbar-item.toggleable {
|
| - padding-top: 2px;
|
| - padding-bottom: 2px;
|
| -}
|
| -
|
| -body.show-toolbar-icons.dock-to-bottom .toolbar-item.toggleable {
|
| - margin: 2px 0;
|
| - padding-bottom: 2px;
|
| -}
|
| -
|
| .toolbar-item.toggleable.toggled-on {
|
| border-width: 0 2px 0 2px;
|
| padding-left: 4px;
|
| @@ -204,39 +195,6 @@
|
| -webkit-border-image: url(Images/toolbarItemSelected.png) 0 2 0 2;
|
| }
|
|
|
| -.toolbar-icon {
|
| - display: none;
|
| - width: 32px;
|
| - height: 32px;
|
| - background-image: url(Images/toolbarIcons.png);
|
| - vertical-align: top;
|
| -}
|
| -
|
| -body.show-toolbar-icons .toolbar-icon {
|
| - display: block;
|
| - margin: auto;
|
| -}
|
| -
|
| -body.show-toolbar-icons.dock-to-bottom .toolbar-icon {
|
| - width: 24px;
|
| - height: 24px;
|
| - display: inline-block;
|
| - vertical-align: middle;
|
| - background-image: url(Images/toolbarIconsSmall.png);
|
| -}
|
| -
|
| -body.dock-to-bottom .toolbar-icon.custom-toolbar-icon {
|
| - background-position-x: -32px;
|
| -}
|
| -
|
| -.toolbar-item:active .toolbar-icon {
|
| - background-position-y: 32px;
|
| -}
|
| -
|
| -body.dock-to-bottom .toolbar-item:active .toolbar-icon {
|
| - background-position-y: 24px;
|
| -}
|
| -
|
| .toolbar-label {
|
| line-height: 22px;
|
| text-shadow: rgba(255, 255, 255, 0.5) 0 1px 0;
|
| @@ -255,31 +213,16 @@
|
| opacity: 1;
|
| }
|
|
|
| -body.show-toolbar-icons.dock-to-bottom .toolbar-item.toggleable .close-button {
|
| - top: 3px;
|
| -}
|
| -
|
| #toolbar-dropdown .toolbar-items-separator {
|
| border-bottom: 1px solid #aaa;
|
| width: 100%;
|
| margin: 5px 0;
|
| }
|
|
|
| -body.show-toolbar-icons .toolbar-label {
|
| - line-height: 15px;
|
| -}
|
| -
|
| .toolbar-item.toggleable:active .toolbar-label {
|
| text-shadow: none;
|
| }
|
|
|
| -body.show-toolbar-icons.dock-to-bottom .toolbar-label {
|
| - display: inline-block;
|
| - margin-left: 3px;
|
| - top: 0;
|
| - vertical-align: middle;
|
| -}
|
| -
|
| body.dock-to-bottom #search-toolbar-label {
|
| display: none;
|
| }
|
| @@ -296,7 +239,7 @@
|
| font-weight: bold;
|
| border: 0;
|
| background-color: transparent;
|
| - -webkit-border-radius: 5px;
|
| + border-radius: 5px;
|
| text-shadow: none;
|
| cursor: default;
|
| margin: 0;
|
| @@ -320,16 +263,12 @@
|
| #toolbar-dropdown {
|
| position: absolute;
|
| z-index: 1000;
|
| - -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.4);
|
| + box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.4);
|
| border: 1px solid rgb(128, 128, 128);
|
| background-color: inherit;
|
| background-image: inherit;
|
| }
|
|
|
| -body.show-toolbar-icons #toolbar-dropdown {
|
| - padding: 4px;
|
| -}
|
| -
|
| body.undocked.platform-mac-leopard #toolbar-dropdown,
|
| body.undocked.platform-mac-snowleopard #toolbar-dropdown {
|
| background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(191, 191, 191)), to(rgb(151, 151, 151)));
|
| @@ -345,17 +284,11 @@
|
| #toolbar-dropdown .toolbar-item {
|
| display: -webkit-flex;
|
| -webkit-flex-direction: row;
|
| + -webkit-flex: none;
|
| width: 100%;
|
| border: 1px solid rgba(0, 0, 0, 0);
|
| }
|
|
|
| -body.show-toolbar-icons #toolbar-dropdown .toolbar-item {
|
| - position: relative;
|
| - left: -2px;
|
| - margin: 0px 2px;
|
| - padding: 4px;
|
| -}
|
| -
|
| #toolbar-dropdown .toolbar-item.toggleable.toggled-on {
|
| border: 1px solid rgba(100, 100, 120, 0.4);
|
| -webkit-border-image: none;
|
| @@ -366,23 +299,14 @@
|
| background: -webkit-gradient(linear, left top, left bottom, from(rgba(128, 128, 128, 0.6)), to(rgba(128, 128, 128, 0.3)), color-stop(20%, rgba(158, 158, 158, 0.2)), color-stop(80%, rgba(158, 158, 158, 0.1)));
|
| }
|
|
|
| -#toolbar-dropdown .toolbar-icon {
|
| - margin-left: 0;
|
| - margin-right: 0.5em;
|
| -}
|
| -
|
| #toolbar-dropdown .toolbar-label {
|
| line-height: 22px;
|
| top: 0;
|
| }
|
|
|
| -body.show-toolbar-icons #toolbar-dropdown .toolbar-label {
|
| - line-height: 32px;
|
| -}
|
| -
|
| #toolbar-panels-menu {
|
| border: 0;
|
| - -webkit-border-radius: 5px;
|
| + border-radius: 5px;
|
| cursor: default;
|
| font-family: Arial, Helvetica, sans-serif !important;
|
| font-weight: bold;
|
| @@ -392,14 +316,6 @@
|
| margin: 1px 3px;
|
| }
|
|
|
| -body.show-toolbar-icons #toolbar-panels-menu {
|
| - margin: 16px 3px;
|
| -}
|
| -
|
| -body.show-toolbar-icons.dock-to-bottom #toolbar-panels-menu {
|
| - margin: 6px 3px;
|
| -}
|
| -
|
| #toolbar-panels-menu:hover:not(.disabled) {
|
| background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(191, 191, 191, 0.7)), to(rgba(171, 171, 171, 0.5)));
|
| }
|
| @@ -452,17 +368,9 @@
|
| border: 0;
|
| padding: 0 2px;
|
| margin: 0;
|
| - width: 165px;
|
| + -webkit-flex: 1;
|
| }
|
|
|
| -.filter {
|
| - -webkit-appearance: none;
|
| - border: 0;
|
| - padding: 0 2px;
|
| - margin: 0;
|
| - width: 251px;
|
| -}
|
| -
|
| .search-replace:focus {
|
| outline: none;
|
| }
|
| @@ -476,10 +384,7 @@
|
| }
|
|
|
| .toolbar-search-navigation-controls {
|
| - position: absolute;
|
| - top: 0;
|
| - right: 0;
|
| - height: 18px;
|
| + vertical-align: top;
|
| background-image: -webkit-linear-gradient(rgb(228, 228, 228), rgb(206, 206, 206));
|
| }
|
|
|
| @@ -497,6 +402,10 @@
|
| opacity: 1.0;
|
| }
|
|
|
| +.toolbar-search label {
|
| + vertical-align: bottom;
|
| +}
|
| +
|
| .toolbar-search input[type="checkbox"] {
|
| position: relative;
|
| margin-top: -1px;
|
| @@ -507,10 +416,10 @@
|
| .toolbar-search button {
|
| border: 1px solid rgb(163, 163, 163);
|
| border-radius: 8px;
|
| - margin: 0 0px;
|
| - font-size: 11px;
|
| + margin: 0;
|
| background-image: -webkit-linear-gradient(rgb(241, 241, 241), rgb(220, 220, 220));
|
| width: 100%;
|
| + height: 20px;
|
| }
|
|
|
| .toolbar-search button:active {
|
| @@ -518,13 +427,13 @@
|
| }
|
|
|
| .toolbar-search-control {
|
| - display: inline-block;
|
| + display: -webkit-flex;
|
| + width: 253px;
|
| position: relative;
|
| background-color: white;
|
| border: 1px solid rgb(163, 163, 163);
|
| height: 20px;
|
| border-radius: 2px;
|
| - padding-top: 1px;
|
| }
|
|
|
| .toolbar-replace-control {
|
| @@ -535,7 +444,7 @@
|
| }
|
|
|
| .toolbar-search-navigation.enabled:active {
|
| - background-position: 4px 7px, 0px 0px;
|
| + background-position: 4px 7px, 0 0;
|
| }
|
|
|
| .toolbar-search-navigation.toolbar-search-navigation-prev {
|
| @@ -558,100 +467,15 @@
|
|
|
| .search-results-matches {
|
| display: inline-block;
|
| - min-width: 50px;
|
| min-height: 10px;
|
| - margin-right: 36px;
|
| text-align: right;
|
| font-size: 11px;
|
| - padding: 0 4px;
|
| + padding: 1px 4px;
|
| color: rgb(165, 165, 165);
|
| }
|
|
|
| -.toolbar-item.elements .toolbar-icon {
|
| - background-position-x: 0;
|
| -}
|
| -
|
| -.toolbar-item.resources .toolbar-icon {
|
| - background-position-x: -32px;
|
| -}
|
| -
|
| -body.dock-to-bottom .toolbar-item.resources .toolbar-icon {
|
| - background-position-x: -24px;
|
| -}
|
| -
|
| -.toolbar-item.network .toolbar-icon {
|
| - background-position-x: -64px;
|
| -}
|
| -
|
| -body.dock-to-bottom .toolbar-item.network .toolbar-icon {
|
| - background-position-x: -48px;
|
| -}
|
| -
|
| -.toolbar-item.scripts .toolbar-icon {
|
| - background-position-x: -96px;
|
| -}
|
| -
|
| -body.dock-to-bottom .toolbar-item.scripts .toolbar-icon {
|
| - background-position-x: -72px;
|
| -}
|
| -
|
| -.toolbar-item.timeline .toolbar-icon {
|
| - background-position-x: -128px;
|
| -}
|
| -
|
| -body.dock-to-bottom .toolbar-item.timeline .toolbar-icon {
|
| - background-position-x: -96px;
|
| -}
|
| -
|
| -.toolbar-item.profiles .toolbar-icon {
|
| - background-position-x: -160px;
|
| -}
|
| -
|
| -.toolbar-item.cpu-profiler .toolbar-icon {
|
| - background-position-x: -160px;
|
| -}
|
| -
|
| -.toolbar-item.css-profiler .toolbar-icon {
|
| - background-position-x: -160px;
|
| -}
|
| -
|
| -.toolbar-item.heap-profiler .toolbar-icon {
|
| - background-position-x: -160px;
|
| -}
|
| -
|
| -.toolbar-item.canvas-profiler .toolbar-icon {
|
| - background-position-x: -160px;
|
| -}
|
| -
|
| -.toolbar-item.memory-chart-profiler .toolbar-icon {
|
| - background-position-x: -160px;
|
| -}
|
| -
|
| -.toolbar-item.memory-snapshot-profiler .toolbar-icon {
|
| - background-position-x: -160px;
|
| -}
|
| -
|
| -body.dock-to-bottom .toolbar-item.profiles .toolbar-icon {
|
| - background-position-x: -120px;
|
| -}
|
| -
|
| -.toolbar-item.audits .toolbar-icon {
|
| - background-position-x: -192px;
|
| -}
|
| -
|
| -body.dock-to-bottom .toolbar-item.audits .toolbar-icon {
|
| - background-position-x: -144px;
|
| -}
|
| -
|
| -.toolbar-item.console .toolbar-icon {
|
| - background-position-x: -224px;
|
| -}
|
| -
|
| -body.dock-to-bottom .toolbar-item.console .toolbar-icon {
|
| - background-position-x: -168px;
|
| -}
|
| -
|
| -.close-button, .close-button-gray {
|
| +.close-button,
|
| +.close-button-gray {
|
| background-image: url(Images/statusbarButtonGlyphs.png);
|
| background-size: 320px 120px;
|
| display: inline-block;
|
| @@ -670,10 +494,11 @@
|
| }
|
|
|
| @media (-webkit-min-device-pixel-ratio: 1.5) {
|
| -.close-button, .close-button-gray {
|
| +.close-button,
|
| +.close-button-gray {
|
| background-image: url(Images/statusbarButtonGlyphs2x.png);
|
| }
|
| -}
|
| +} /* media */
|
|
|
| .close-button:hover {
|
| background-position: -96px -216px;
|
| @@ -712,13 +537,22 @@
|
| display: none;
|
| }
|
|
|
| -.toolbar-item.close-left, .toolbar-item.close-right {
|
| +.toolbar-item.close-left,
|
| +.toolbar-item.close-right {
|
| display: -webkit-flex;
|
| -webkit-align-items: center;
|
| height: 100%;
|
| cursor: default;
|
| }
|
|
|
| +#root {
|
| + position: absolute;
|
| + top: 0;
|
| + left: 0;
|
| + right: 0;
|
| + bottom: 0;
|
| +}
|
| +
|
| #main {
|
| position: absolute;
|
| z-index: 1;
|
| @@ -730,22 +564,6 @@
|
| background-color: white;
|
| }
|
|
|
| -.animate-slow * {
|
| - -webkit-transition-duration: 2.5s !important;
|
| -}
|
| -
|
| -.animate #main {
|
| - -webkit-transition: bottom 100ms linear;
|
| -}
|
| -
|
| -body.show-toolbar-icons #main {
|
| - top: 56px;
|
| -}
|
| -
|
| -body.show-toolbar-icons.dock-to-bottom #main {
|
| - top: 34px;
|
| -}
|
| -
|
| #main-panels {
|
| position: absolute;
|
| top: 0;
|
| @@ -814,12 +632,6 @@
|
| height: 24px;
|
| }
|
|
|
| -.animate #floating-status-bar-container {
|
| - -webkit-transition-property: padding-left, bottom;
|
| - -webkit-transition-duration: 100ms;
|
| - -webkit-transition-timing-function: linear;
|
| -}
|
| -
|
| body.drawer-overlay #floating-status-bar-container {
|
| box-shadow: 1px 1px 5px 2px rgba(128, 128, 128, 0.7);
|
| }
|
| @@ -879,7 +691,7 @@
|
| .long-click-glyph {
|
| -webkit-mask-image: url(Images/statusbarButtonGlyphs2x.png);
|
| }
|
| -}
|
| +} /* media */
|
|
|
| .long-click-glyph.shadow {
|
| top: 1px;
|
| @@ -919,7 +731,6 @@
|
|
|
| button.status-bar-item.extension {
|
| background-image: none;
|
| - background-color: auto;
|
| }
|
|
|
| .status-bar-select-container {
|
| @@ -944,7 +755,7 @@
|
| .status-bar-select-arrow {
|
| background-image: url(Images/statusbarButtonGlyphs2x.png);
|
| }
|
| -}
|
| +} /* media */
|
|
|
| select.status-bar-item {
|
| min-width: 48px;
|
| @@ -957,11 +768,10 @@
|
| margin-right: -10px;
|
| position: relative;
|
| line-height: 20px;
|
| - font-family: inherit;
|
| - font-size: inherit;
|
| }
|
|
|
| -select.status-bar-item, select.status-bar-item:hover {
|
| +select.status-bar-item,
|
| +select.status-bar-item:hover {
|
| border-left: 1px solid rgb(202, 202, 202);
|
| border-right: 1px solid rgb(202, 202, 202);
|
| }
|
| @@ -971,22 +781,26 @@
|
| -webkit-mask-size: 320px 120px;
|
| }
|
|
|
| +.console-filter > .glyph {
|
| + -webkit-mask-position: -32px -48px;
|
| +}
|
| +
|
| @media (-webkit-min-device-pixel-ratio: 1.5) {
|
| .status-bar-item > .glyph {
|
| -webkit-mask-image: url(Images/statusbarButtonGlyphs2x.png);
|
| }
|
| -}
|
| +} /* media */
|
|
|
| -button.dock-status-bar-item.status-bar-item.toggled-undock .glyph {
|
| +button.status-bar-item.dock-status-bar-item.toggled-undock .glyph {
|
| -webkit-mask-position: 0 -48px;
|
| }
|
|
|
| -button.dock-status-bar-item.status-bar-item.toggled-bottom .glyph {
|
| +button.status-bar-item.dock-status-bar-item.toggled-bottom .glyph {
|
| -webkit-mask-position: -32px -24px;
|
| background-color: rgba(0, 0, 0, 0.75);
|
| }
|
|
|
| -button.dock-status-bar-item.status-bar-item.toggled-right .glyph {
|
| +button.status-bar-item.dock-status-bar-item.toggled-right .glyph {
|
| -webkit-mask-position: -256px -48px;
|
| background-color: rgba(0, 0, 0, 0.75);
|
| }
|
| @@ -1020,6 +834,55 @@
|
| border-right: 0 transparent none;
|
| }
|
|
|
| +button.status-bar-item.left-sidebar-show-hide-button,
|
| +button.status-bar-item.right-sidebar-show-hide-button {
|
| + position: absolute;
|
| + top: 0;
|
| + background-image: none;
|
| + height: 16px;
|
| + width: 16px;
|
| + margin: 4px 2px 2px 2px;
|
| + border: none;
|
| +}
|
| +
|
| +button.status-bar-item.left-sidebar-show-hide-button:active,
|
| +button.status-bar-item.right-sidebar-show-hide-button:active {
|
| + margin: 5px 1px 1px 3px;
|
| +}
|
| +
|
| +button.status-bar-item.left-sidebar-show-hide-button.toggled-left > .glyph {
|
| + -webkit-mask-position: -199px -76px;
|
| +}
|
| +
|
| +button.status-bar-item.left-sidebar-show-hide-button.toggled-right > .glyph {
|
| + -webkit-mask-position: -168px -76px;
|
| +}
|
| +
|
| +button.status-bar-item.right-sidebar-show-hide-button.toggled-left > .glyph {
|
| + -webkit-mask-position: -296px -76px;
|
| +}
|
| +
|
| +button.status-bar-item.right-sidebar-show-hide-button.toggled-right > .glyph {
|
| + -webkit-mask-position: -264px -76px;
|
| +}
|
| +
|
| +button.status-bar-item.left-sidebar-show-hide-button.toggled-overlay > .glyph {
|
| + -webkit-mask-position: -231px -76px;
|
| +}
|
| +
|
| +div.resizer-widget {
|
| + position: absolute;
|
| + top: 0;
|
| + right: 0;
|
| + height: 24px;
|
| + width: 16px;
|
| + cursor: ew-resize;
|
| + background-image: url(Images/statusbarResizerHorizontal.png);
|
| + background-repeat: no-repeat;
|
| + background-position: center;
|
| + z-index: 13;
|
| +}
|
| +
|
| .settings-status-bar-item .glyph {
|
| -webkit-mask-position: -160px -24px;
|
| }
|
| @@ -1032,11 +895,19 @@
|
| -webkit-mask-position: -64px -24px;
|
| }
|
|
|
| +.screencast-status-bar-item .glyph {
|
| + -webkit-mask-position: -256px -96px;
|
| +}
|
| +
|
| .clear-status-bar-item .glyph {
|
| -webkit-mask-position: -64px 0;
|
| }
|
|
|
| -.error-icon-small, .warning-icon-small, .red-ball, .green-ball, .orange-ball {
|
| +.error-icon-small,
|
| +.warning-icon-small,
|
| +.red-ball,
|
| +.green-ball,
|
| +.orange-ball {
|
| background-image: url(Images/statusbarButtonGlyphs.png);
|
| background-size: 320px 120px;
|
| width: 10px;
|
| @@ -1045,10 +916,14 @@
|
| }
|
|
|
| @media (-webkit-min-device-pixel-ratio: 1.5) {
|
| -.error-icon-small, .warning-icon-small, .red-ball, .green-ball, .orange-ball {
|
| +.error-icon-small,
|
| +.warning-icon-small,
|
| +.red-ball,
|
| +.green-ball,
|
| +.orange-ball {
|
| background-image: url(Images/statusbarButtonGlyphs2x.png);
|
| }
|
| -}
|
| +} /* media */
|
|
|
| .error-icon-small {
|
| background-position: -213px -96px;
|
| @@ -1071,7 +946,7 @@
|
| }
|
|
|
| #error-warning-count {
|
| - padding: 4px 6px 6px 0px;
|
| + padding: 4px 6px 6px 0;
|
| font-size: 11px;
|
| height: 19px;
|
| cursor: pointer;
|
| @@ -1082,7 +957,8 @@
|
| border-bottom: 1px solid rgb(96, 96, 96);
|
| }
|
|
|
| -#error-warning-count .error-icon-small, #error-warning-count .warning-icon-small {
|
| +#error-warning-count .error-icon-small,
|
| +#error-warning-count .warning-icon-small {
|
| vertical-align: -1px;
|
| margin-right: 2px;
|
| }
|
| @@ -1102,23 +978,37 @@
|
| z-index: 1;
|
| }
|
|
|
| -.animate #drawer {
|
| - -webkit-transition: height 100ms linear;
|
| +#drawer-body {
|
| + position: absolute;
|
| + top: 0;
|
| + bottom: 24px;
|
| + left: 0;
|
| + right: 0;
|
| }
|
|
|
| #drawer-contents {
|
| position: absolute;
|
| top: 0;
|
| - bottom: 24px;
|
| + bottom: 0;
|
| left: 0;
|
| right: 0;
|
| }
|
|
|
| +#drawer-footer {
|
| + position: absolute;
|
| + bottom: 0;
|
| + left: 0;
|
| + right: 0;
|
| + font-size: 11px;
|
| + height: 23px;
|
| +}
|
| +
|
| body.drawer-visible #drawer {
|
| display: block;
|
| }
|
|
|
| -body.platform-mac .monospace, body.platform-mac .source-code {
|
| +body.platform-mac .monospace,
|
| +body.platform-mac .source-code {
|
| font-size: 11px !important;
|
| font-family: Menlo, monospace;
|
| }
|
| @@ -1129,12 +1019,14 @@
|
| font-family: Monaco, monospace;
|
| }
|
|
|
| -body.platform-windows .monospace, body.platform-windows .source-code {
|
| +body.platform-windows .monospace,
|
| +body.platform-windows .source-code {
|
| font-size: 12px !important;
|
| font-family: Consolas, Lucida Console, monospace;
|
| }
|
|
|
| -body.platform-linux .monospace, body.platform-linux .source-code {
|
| +body.platform-linux .monospace,
|
| +body.platform-linux .source-code {
|
| font-size: 11px !important;
|
| font-family: dejavu sans mono, monospace;
|
| }
|
| @@ -1165,7 +1057,7 @@
|
| clear: right;
|
| position: relative;
|
| border-top: 1px solid rgb(240, 240, 240);
|
| - padding: 1px 22px 1px 0px;
|
| + padding: 1px 22px 1px 0;
|
| margin-left: 24px;
|
| min-height: 16px;
|
| white-space: pre-wrap;
|
| @@ -1180,11 +1072,12 @@
|
| background-position: -202px -96px;
|
| }
|
|
|
| -.console-message, .console-user-command {
|
| +.console-message,
|
| +.console-user-command {
|
| clear: right;
|
| position: relative;
|
| border-top: 1px solid rgb(240, 240, 240);
|
| - padding: 1px 22px 1px 0px;
|
| + padding: 1px 22px 1px 0;
|
| margin-left: 24px;
|
| min-height: 16px;
|
| }
|
| @@ -1201,7 +1094,10 @@
|
| background-image: none;
|
| }
|
|
|
| -.console-message::before, .console-user-command::before, #console-prompt::before, .console-group-title::before {
|
| +.console-message::before,
|
| +.console-user-command::before,
|
| +#console-prompt::before,
|
| +.console-group-title::before {
|
| position: absolute;
|
| display: block;
|
| content: "";
|
| @@ -1216,10 +1112,13 @@
|
| }
|
|
|
| @media (-webkit-min-device-pixel-ratio: 1.5) {
|
| -.console-message::before, .console-user-command::before, #console-prompt::before, .console-group-title::before {
|
| +.console-message::before,
|
| +.console-user-command::before,
|
| +#console-prompt::before,
|
| +.console-group-title::before {
|
| background-image: url(Images/statusbarButtonGlyphs2x.png);
|
| }
|
| -}
|
| +} /* media */
|
|
|
| .console-message > .outline-disclosure li.parent::before {
|
| top: 0;
|
| @@ -1241,18 +1140,21 @@
|
| font-weight: bold;
|
| text-shadow: none;
|
| color: white;
|
| - -webkit-border-radius: 7px;
|
| + border-radius: 7px;
|
| }
|
|
|
| .console-message-text {
|
| white-space: pre-wrap;
|
| }
|
|
|
| -.repeated-message.console-error-level::before, .repeated-message.console-warning-level:before, .repeated-message.console-debug-level:before {
|
| +.repeated-message.console-error-level::before,
|
| +.repeated-message.console-warning-level:before,
|
| +.repeated-message.console-debug-level:before {
|
| visibility: hidden;
|
| }
|
|
|
| -.repeated-message .outline-disclosure, .repeated-message > .console-message-text {
|
| +.repeated-message .outline-disclosure,
|
| +.repeated-message > .console-message-text {
|
| -webkit-flex: 1;
|
| }
|
|
|
| @@ -1286,7 +1188,7 @@
|
| .console-group-title::before {
|
| -webkit-mask-image: url(Images/statusbarButtonGlyphs2x.png);
|
| }
|
| -}
|
| +} /* media */
|
|
|
| .console-group .console-group-title::before {
|
| -webkit-mask-position: -20px -96px;
|
| @@ -1313,14 +1215,15 @@
|
| width: 3px;
|
| border-style: solid;
|
| border-color: #A3A3A3;
|
| - border-width: 0px 0px 1px 1px;
|
| + border-width: 0 0 1px 1px;
|
| }
|
|
|
| .console-group.collapsed > .console-group-bracket {
|
| display: none;
|
| }
|
|
|
| -.console-error-level .console-message-text, .console-error-level .section > .header .title {
|
| +.console-error-level .console-message-text,
|
| +.console-error-level .section > .header .title {
|
| color: red !important;
|
| }
|
|
|
| @@ -1328,7 +1231,9 @@
|
| color: blue;
|
| }
|
|
|
| -.console-error-level::before, .console-warning-level::before, .console-debug-level::before {
|
| +.console-error-level::before,
|
| +.console-warning-level::before,
|
| +.console-debug-level::before {
|
| background-image: url(Images/statusbarButtonGlyphs.png);
|
| background-size: 320px 120px;
|
| width: 10px;
|
| @@ -1336,10 +1241,12 @@
|
| }
|
|
|
| @media (-webkit-min-device-pixel-ratio: 1.5) {
|
| -.console-error-level::before, .console-warning-level::before, .console-debug-level::before {
|
| +.console-error-level::before,
|
| +.console-warning-level::before,
|
| +.console-debug-level::before {
|
| background-image: url(Images/statusbarButtonGlyphs2x.png);
|
| }
|
| -}
|
| +} /* media */
|
|
|
| .console-warning-level::before {
|
| background-position: -202px -107px;
|
| @@ -1418,7 +1325,8 @@
|
| padding: 0 0 0 12px !important;
|
| }
|
|
|
| -.console-group-messages .outline-disclosure, .console-group-messages .outline-disclosure ol {
|
| +.console-group-messages .outline-disclosure,
|
| +.console-group-messages .outline-disclosure ol {
|
| font-size: inherit;
|
| line-height: 12px;
|
| }
|
| @@ -1436,7 +1344,9 @@
|
| display: none;
|
| }
|
|
|
| -.console-formatted-object, .console-formatted-node, .console-formatted-array {
|
| +.console-formatted-object,
|
| +.console-formatted-node,
|
| +.console-formatted-array {
|
| position: relative;
|
| display: inline-block;
|
| vertical-align: top;
|
| @@ -1447,7 +1357,9 @@
|
| background-color: rgba(56, 121, 217, 0.1);
|
| }
|
|
|
| -.console-formatted-object .section, .console-formatted-node .section, .console-formatted-array .section {
|
| +.console-formatted-object .section,
|
| +.console-formatted-node .section,
|
| +.console-formatted-array .section {
|
| position: static;
|
| }
|
|
|
| @@ -1455,7 +1367,8 @@
|
| margin-top: 0;
|
| }
|
|
|
| -.console-formatted-object .properties, .console-formatted-node .properties {
|
| +.console-formatted-object .properties,
|
| +.console-formatted-node .properties {
|
| padding-left: 0 !important;
|
| }
|
|
|
| @@ -1463,12 +1376,14 @@
|
| color: rgb(28, 0, 207);
|
| }
|
|
|
| -.console-formatted-string, .console-formatted-regexp {
|
| +.console-formatted-string,
|
| +.console-formatted-regexp {
|
| color: rgb(196, 26, 22);
|
| white-space: pre;
|
| }
|
|
|
| -.console-formatted-null, .console-formatted-undefined {
|
| +.console-formatted-null,
|
| +.console-formatted-undefined {
|
| color: rgb(128, 128, 128);
|
| }
|
|
|
| @@ -1510,7 +1425,8 @@
|
| background-color: rgb(220, 130, 130);
|
| }
|
|
|
| -.auto-complete-text, .editing .auto-complete-text {
|
| +.auto-complete-text,
|
| +.editing .auto-complete-text {
|
| color: rgb(128, 128, 128) !important;
|
| -webkit-user-select: none;
|
| -webkit-user-modify: read-only;
|
| @@ -1557,22 +1473,9 @@
|
| left: 3px;
|
| right: 3px;
|
| background-color: rgba(56, 121, 217, 0.1);
|
| - -webkit-border-radius: 5px;
|
| + border-radius: 5px;
|
| }
|
|
|
| -.outline-disclosure li.highlighted .highlight {
|
| - background-color: rgb(255, 230, 179);
|
| - -webkit-border-radius: 4px;
|
| - padding-bottom: 2px;
|
| - margin-bottom: -2px;
|
| -}
|
| -
|
| -.outline-disclosure li.selected.highlighted .highlight {
|
| - background-color: transparent;
|
| - padding-bottom: 0;
|
| - margin-bottom: 0;
|
| -}
|
| -
|
| .outline-disclosure li .selection {
|
| display: none;
|
| position: absolute;
|
| @@ -1609,7 +1512,8 @@
|
| min-width: 100%;
|
| }
|
|
|
| -.outline-disclosure, .outline-disclosure ol {
|
| +.outline-disclosure,
|
| +.outline-disclosure ol {
|
| list-style-type: none;
|
| -webkit-padding-start: 12px;
|
| margin: 0;
|
| @@ -1644,7 +1548,8 @@
|
| margin-left: -12px;
|
| }
|
|
|
| -.webkit-html-tag.shadow, .webkit-html-fragment.shadow {
|
| +.webkit-html-tag.shadow,
|
| +.webkit-html-fragment.shadow {
|
| opacity: 0.6;
|
| }
|
|
|
| @@ -1671,7 +1576,7 @@
|
| .outline-disclosure li.parent::before {
|
| -webkit-mask-image: url(Images/statusbarButtonGlyphs2x.png);
|
| }
|
| -}
|
| +} /* media */
|
|
|
| .outline-disclosure li.parent::before {
|
| -webkit-mask-position: -4px -96px;
|
| @@ -1692,7 +1597,6 @@
|
|
|
| .placard {
|
| position: relative;
|
| - margin-top: 1px;
|
| padding: 3px 8px 4px 18px;
|
| min-height: 18px;
|
| white-space: nowrap;
|
| @@ -1705,8 +1609,8 @@
|
| .placard.selected {
|
| border-top: 1px solid rgb(172, 172, 172);
|
| background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(182, 182, 182)), to(rgb(162, 162, 162)));
|
| - -webkit-background-origin: padding;
|
| - -webkit-background-clip: padding;
|
| + background-origin: padding-box;
|
| + background-clip: padding-box;
|
| }
|
|
|
| :focus .placard.selected {
|
| @@ -1758,8 +1662,8 @@
|
| padding: 0 8px 0 5px;
|
| min-height: 18px;
|
| white-space: nowrap;
|
| - -webkit-background-origin: padding;
|
| - -webkit-background-clip: padding;
|
| + background-origin: padding-box;
|
| + background-clip: padding-box;
|
| }
|
|
|
| .section > .header::before {
|
| @@ -1780,7 +1684,7 @@
|
| .section > .header::before {
|
| background-image: url(Images/statusbarButtonGlyphs2x.png);
|
| }
|
| -}
|
| +} /* media */
|
|
|
| .section > .header::before {
|
| background-position: -4px -96px;
|
| @@ -1790,7 +1694,8 @@
|
| background-position: -20px -96px;
|
| }
|
|
|
| -.section > .header .title, .event-bar .header .title {
|
| +.section > .header .title,
|
| +.event-bar .header .title {
|
| font-weight: normal;
|
| word-wrap: break-word;
|
| white-space: normal;
|
| @@ -1801,15 +1706,18 @@
|
| font-style: italic;
|
| }
|
|
|
| -.section > .header label, .event-bar .header label {
|
| +.section > .header label,
|
| +.event-bar .header label {
|
| display: none;
|
| }
|
|
|
| -.section.expanded .header label, .event-bar.expanded .header label {
|
| +.section.expanded .header label,
|
| +.event-bar.expanded .header label {
|
| display: inline;
|
| }
|
|
|
| -.section > .header .subtitle, .event-bar .header .subtitle {
|
| +.section > .header .subtitle,
|
| +.event-bar .header .subtitle {
|
| float: right;
|
| margin-left: 5px;
|
| max-width: 55%;
|
| @@ -1821,11 +1729,13 @@
|
| color: inherit;
|
| }
|
|
|
| -.section .properties, .event-bar .event-properties {
|
| +.section .properties,
|
| +.event-bar .event-properties {
|
| display: none;
|
| }
|
|
|
| -.section.expanded .properties, .event-bar.expanded .event-properties {
|
| +.section.expanded .properties,
|
| +.event-bar.expanded .event-properties {
|
| display: block;
|
| }
|
|
|
| @@ -1877,11 +1787,19 @@
|
| text-shadow: none;
|
| }
|
|
|
| +.properties-calculate-value-button:hover {
|
| + text-decoration: underline;
|
| +}
|
| +
|
| +.properties-accessor-property-name {
|
| + font-style: italic;
|
| +}
|
| +
|
| @media (-webkit-min-device-pixel-ratio: 1.5) {
|
| .properties-tree li.parent::before {
|
| background-image: url(Images/statusbarButtonGlyphs2x.png);
|
| }
|
| -}
|
| +} /* media */
|
|
|
| .properties-tree li.parent::before {
|
| background-position: -4px -96px;
|
| @@ -1909,7 +1827,7 @@
|
|
|
| .editing {
|
| -webkit-user-select: text;
|
| - -webkit-box-shadow: rgba(0, 0, 0, .5) 3px 3px 4px;
|
| + box-shadow: rgba(0, 0, 0, .5) 3px 3px 4px;
|
| outline: 1px solid rgb(66%, 66%, 66%) !important;
|
| background-color: white;
|
| -webkit-user-modify: read-write-plaintext-only;
|
| @@ -1923,7 +1841,8 @@
|
| opacity: 1.0 !important;
|
| }
|
|
|
| -.editing, .editing * {
|
| +.editing,
|
| +.editing * {
|
| color: #222 !important;
|
| text-decoration: none !important;
|
| }
|
| @@ -1943,7 +1862,8 @@
|
| text-overflow: clip;
|
| }
|
|
|
| -li.editing .swatch, li.editing .enabled-button, li.editing-sub-part .delete-button {
|
| +li.editing .swatch, li.editing .enabled-button,
|
| +li.editing-sub-part .delete-button {
|
| display: none !important;
|
| }
|
|
|
| @@ -1974,7 +1894,8 @@
|
| width: 100%;
|
| }
|
|
|
| -.watch-expressions > li.editing-sub-part .value, .watch-expressions > li.editing-sub-part .separator {
|
| +.watch-expressions > li.editing-sub-part .value,
|
| +.watch-expressions > li.editing-sub-part .separator {
|
| display: none;
|
| }
|
|
|
| @@ -1997,11 +1918,18 @@
|
| display: none;
|
| }
|
|
|
| +.tabbed-pane-content .watch-expressions li:first-child .delete-button {
|
| + right: 55px;
|
| + top: 3px;
|
| +}
|
| +
|
| .section .properties li.hovered .delete-button {
|
| display: inline;
|
| }
|
|
|
| -.section .properties .name, .event-properties .name, .console-formatted-object .name {
|
| +.section .properties .name,
|
| +.event-properties .name,
|
| +.console-formatted-object .name {
|
| color: rgb(136, 19, 145);
|
| }
|
|
|
| @@ -2013,15 +1941,18 @@
|
| color: red;
|
| }
|
|
|
| -.section .properties .number, .event-properties .number {
|
| +.section .properties .number,
|
| +.event-properties .number {
|
| color: blue;
|
| }
|
|
|
| -.section .properties .keyword, .event-properties .keyword {
|
| +.section .properties .keyword,
|
| +.event-properties .keyword {
|
| color: rgb(136, 19, 79);
|
| }
|
|
|
| -.section .properties .color, .event-properties .color {
|
| +.section .properties .color,
|
| +.event-properties .color {
|
| color: rgb(118, 15, 21);
|
| }
|
|
|
| @@ -2063,7 +1994,7 @@
|
| border: 1px solid rgb(165, 165, 165);
|
| background-color: rgb(237, 237, 237);
|
| background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(252, 252, 252)), to(rgb(223, 223, 223)));
|
| - -webkit-border-radius: 12px;
|
| + border-radius: 12px;
|
| -webkit-appearance: none;
|
| }
|
|
|
| @@ -2082,7 +2013,7 @@
|
| border: 1px solid rgb(165, 165, 165);
|
| background-color: rgb(237, 237, 237);
|
| background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(252, 252, 252)), to(rgb(223, 223, 223)));
|
| - -webkit-border-radius: 12px;
|
| + border-radius: 12px;
|
| -webkit-appearance: none;
|
| }
|
|
|
| @@ -2123,7 +2054,7 @@
|
| line-height: 12px;
|
| background: transparent;
|
| text-shadow: rgba(255, 255, 255, 0.5) 0 1px 0;
|
| - -webkit-border-radius: 8px;
|
| + border-radius: 8px;
|
| vertical-align: middle;
|
| }
|
|
|
| @@ -2135,7 +2066,9 @@
|
| display: inline-block;
|
| }
|
|
|
| -.scope-bar li.selected, .scope-bar li:hover, .scope-bar li:active {
|
| +.scope-bar li.selected,
|
| +.scope-bar li:hover,
|
| +.scope-bar li:active {
|
| color: white;
|
| text-shadow: rgba(0, 0, 0, 0.4) 0 1px 0;
|
| }
|
| @@ -2182,7 +2115,8 @@
|
| cursor: ew-resize;
|
| }
|
|
|
| -.sidebar-tree, .sidebar-tree .children {
|
| +.sidebar-tree,
|
| +.sidebar-tree .children {
|
| position: relative;
|
| padding: 0;
|
| margin: 0;
|
| @@ -2254,7 +2188,7 @@
|
| border: 0;
|
| -webkit-mask-image: url(Images/statusbarButtonGlyphs.png);
|
| -webkit-mask-size: 320px 120px;
|
| - -webkit-apearance: none;
|
| + -webkit-appearance: none;
|
| background-color: rgba(0, 0, 0, 0.75);
|
| position: relative;
|
| top: 10px;
|
| @@ -2264,7 +2198,7 @@
|
| .sidebar-tree-item .disclosure-button {
|
| -webkit-mask-image: url(Images/statusbarButtonGlyphs2x.png);
|
| }
|
| -}
|
| +} /* media */
|
|
|
| .sidebar-tree.hide-disclosure-buttons .sidebar-tree-item .disclosure-button {
|
| display: none;
|
| @@ -2323,7 +2257,7 @@
|
| font-weight: bold;
|
| text-shadow: none;
|
| color: white;
|
| - -webkit-border-radius: 7px;
|
| + border-radius: 7px;
|
| }
|
|
|
| li .status .bubble:empty {
|
| @@ -2343,16 +2277,23 @@
|
| color: rgb(159, 159, 159) !important;
|
| }
|
|
|
| -.sidebar-tree.small .sidebar-tree-item, .sidebar-tree .children.small .sidebar-tree-item, .sidebar-tree-item.small, .small .resources-graph-side {
|
| +.sidebar-tree.small .sidebar-tree-item,
|
| +.sidebar-tree .children.small .sidebar-tree-item,
|
| +.sidebar-tree-item.small,
|
| +.small .resources-graph-side {
|
| height: 20px;
|
| }
|
|
|
| -.sidebar-tree.small .sidebar-tree-item .icon, .sidebar-tree .children.small .sidebar-tree-item .icon, .sidebar-tree-item.small .icon {
|
| +.sidebar-tree.small .sidebar-tree-item .icon,
|
| +.sidebar-tree .children.small .sidebar-tree-item .icon,
|
| +.sidebar-tree-item.small .icon {
|
| width: 16px;
|
| height: 16px;
|
| }
|
|
|
| -.sidebar-tree.small .sidebar-tree-item .status, .sidebar-tree .children.small .sidebar-tree-item .status, .sidebar-tree-item.small .status {
|
| +.sidebar-tree.small .sidebar-tree-item .status,
|
| +.sidebar-tree .children.small .sidebar-tree-item .status,
|
| +.sidebar-tree-item.small .status {
|
| margin-top: 1px;
|
| }
|
|
|
| @@ -2361,8 +2302,8 @@
|
| border-top: 1px solid rgb(145, 160, 192);
|
| background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(162, 177, 207)), to(rgb(120, 138, 177)));
|
| text-shadow: rgba(0, 0, 0, 0.33) 1px 1px 0;
|
| - -webkit-background-origin: padding;
|
| - -webkit-background-clip: padding;
|
| + background-origin: padding-box;
|
| + background-clip: padding-box;
|
| }
|
|
|
| :focus .sidebar-tree-item.selected {
|
| @@ -2389,12 +2330,15 @@
|
| top: 10px;
|
| }
|
|
|
| -.sidebar-tree.small .sidebar-tree-item .titles, .sidebar-tree .children.small .sidebar-tree-item .titles, .sidebar-tree-item.small .titles {
|
| +.sidebar-tree.small .sidebar-tree-item .titles,
|
| +.sidebar-tree .children.small .sidebar-tree-item .titles,
|
| +.sidebar-tree-item.small .titles {
|
| top: 2px;
|
| line-height: normal;
|
| }
|
|
|
| -.sidebar-tree:not(.small) .sidebar-tree-item:not(.small) .title::after, .sidebar-tree .children:not(.small) .sidebar-tree-item .title::after {
|
| +.sidebar-tree:not(.small) .sidebar-tree-item:not(.small) .title::after,
|
| +.sidebar-tree .children:not(.small) .sidebar-tree-item .title::after {
|
| content: "\A";
|
| white-space: pre;
|
| }
|
| @@ -2403,7 +2347,9 @@
|
| font-size: 80%;
|
| }
|
|
|
| -.sidebar-tree.small .sidebar-tree-item .subtitle, .sidebar-tree .children.small .sidebar-tree-item .subtitle, .sidebar-tree-item.small .subtitle {
|
| +.sidebar-tree.small .sidebar-tree-item .subtitle,
|
| +.sidebar-tree .children.small .sidebar-tree-item .subtitle,
|
| +.sidebar-tree-item.small .subtitle {
|
| display: none;
|
| }
|
|
|
| @@ -2411,15 +2357,18 @@
|
| color: white;
|
| }
|
|
|
| -.bubble.debug, .console-debug-level .bubble {
|
| +.bubble.debug,
|
| +.console-debug-level .bubble {
|
| background-color: rgb(0, 0, 255) !important;
|
| }
|
|
|
| -.bubble.warning, .console-warning-level .bubble {
|
| +.bubble.warning,
|
| +.console-warning-level .bubble {
|
| background-color: rgb(232, 164, 0) !important;
|
| }
|
|
|
| -.bubble.error, .console-error-level .bubble {
|
| +.bubble.error,
|
| +.console-error-level .bubble {
|
| background-color: rgb(216, 35, 35) !important;
|
| }
|
|
|
| @@ -2442,7 +2391,8 @@
|
| background-image: url(Images/searchSmallGray.png);
|
| }
|
|
|
| -.storage-application-cache-status-icon, .storage-application-cache-connectivity-icon {
|
| +.storage-application-cache-status-icon,
|
| +.storage-application-cache-connectivity-icon {
|
| margin: 5px 5px 0;
|
| vertical-align: middle;
|
| }
|
| @@ -2452,7 +2402,8 @@
|
| border-right: 1px solid #CCC;
|
| }
|
|
|
| -.storage-application-cache-status, .storage-application-cache-connectivity {
|
| +.storage-application-cache-status,
|
| +.storage-application-cache-connectivity {
|
| position: relative;
|
| top: 4px;
|
| }
|
| @@ -2483,7 +2434,8 @@
|
| -webkit-mask-position: 0 0;
|
| }
|
|
|
| -.webkit-html-js-node, .webkit-html-css-node {
|
| +.webkit-html-js-node,
|
| +.webkit-html-css-node {
|
| white-space: pre;
|
| }
|
|
|
| @@ -2491,7 +2443,7 @@
|
| z-index: 30;
|
| padding: 4px;
|
| background-color: rgb(203, 226, 255);
|
| - -webkit-border-radius: 7px;
|
| + border-radius: 7px;
|
| border: 2px solid rgb(169, 172, 203);
|
| width: 90%;
|
| pointer-events: auto;
|
| @@ -2540,6 +2492,16 @@
|
| background-color: rgb(255, 255, 194);
|
| }
|
|
|
| +.source-frame-stepin-mark {
|
| + text-decoration: underline;
|
| + background-color: #bfccfe;
|
| +}
|
| +
|
| +.source-frame-stepin-mark-highlighted {
|
| + text-decoration: underline;
|
| + background-color: #698cfe;
|
| +}
|
| +
|
| .workers-list {
|
| list-style: none;
|
| margin: 0;
|
| @@ -2608,7 +2570,7 @@
|
| padding: 4px 0 4px 0;
|
| border-radius: 4px;
|
| background-color: white;
|
| - -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.25);
|
| + box-shadow: 0 5px 10px rgba(0, 0, 0, 0.25);
|
| }
|
|
|
| .soft-context-menu-item {
|
| @@ -2719,10 +2681,6 @@
|
| overflow: hidden;
|
| }
|
|
|
| -.animate #bottom-status-bar-container > * {
|
| - -webkit-transition: opacity 100ms linear;
|
| -}
|
| -
|
| .search-status-bar-item {
|
| display: inline-block;
|
| cursor: pointer;
|
| @@ -2798,7 +2756,7 @@
|
| #search-results-pane-file-based li.parent::before {
|
| background-image: url(Images/statusbarButtonGlyphs2x.png);
|
| }
|
| -}
|
| +} /* media */
|
|
|
| #search-results-pane-file-based li.parent::before {
|
| background-position: -4px -96px;
|
| @@ -2847,12 +2805,18 @@
|
| white-space: pre;
|
| }
|
|
|
| -#search-results-pane-file-based .search-match .webkit-line-number.search-match-line-number {
|
| +#search-results-pane-file-based .search-match .search-match-line-number {
|
| + color: rgb(128, 128, 128);
|
| + text-align: right;
|
| + vertical-align: top;
|
| + word-break: normal;
|
| + padding-right: 4px;
|
| + padding-left: 6px;
|
| margin-right: 5px;
|
| border-right: 1px solid #BBB;
|
| }
|
|
|
| -#search-results-pane-file-based .search-match:not(:hover) .webkit-line-number.search-match-line-number {
|
| +#search-results-pane-file-based .search-match:not(:hover) .search-match-line-number {
|
| background-color: #F0F0F0;
|
| }
|
|
|
| @@ -2873,16 +2837,19 @@
|
| color: #000;
|
| }
|
|
|
| -.record-cpu-profile-status-bar-item .glyph, .record-profile-status-bar-item .glyph {
|
| +.record-cpu-profile-status-bar-item .glyph,
|
| +.record-profile-status-bar-item .glyph {
|
| -webkit-mask-position: -288px 0;
|
| }
|
|
|
| -.record-cpu-profile-status-bar-item.toggled-on .glyph, .record-profile-status-bar-item.toggled-on .glyph {
|
| +.record-cpu-profile-status-bar-item.toggled-on .glyph,
|
| +.record-profile-status-bar-item.toggled-on .glyph {
|
| -webkit-mask-position: -288px -24px;
|
| background-color: rgb(216, 0, 0) !important;
|
| }
|
|
|
| -.storage-empty-view, .storage-view .storage-table-error {
|
| +.empty-view,
|
| +.storage-view .storage-table-error {
|
| position: absolute;
|
| top: 0;
|
| bottom: 25%;
|
| @@ -2917,20 +2884,24 @@
|
|
|
| /* Custom popup scrollers */
|
|
|
| -.custom-popup-horizontal-scroll ::-webkit-scrollbar, .custom-popup-vertical-scroll ::-webkit-scrollbar {
|
| +.custom-popup-horizontal-scroll ::-webkit-scrollbar,
|
| +.custom-popup-vertical-scroll ::-webkit-scrollbar {
|
| width: 11px;
|
| height: 11px;
|
| }
|
|
|
| -.custom-popup-horizontal-scroll ::-webkit-scrollbar-corner, .custom-popup-vertical-scroll ::-webkit-scrollbar-corner {
|
| +.custom-popup-horizontal-scroll ::-webkit-scrollbar-corner,
|
| +.custom-popup-vertical-scroll ::-webkit-scrollbar-corner {
|
| display: none;
|
| }
|
|
|
| -.custom-popup-horizontal-scroll ::-webkit-resizer, .custom-popup-vertical-scroll ::-webkit-resizer {
|
| +.custom-popup-horizontal-scroll ::-webkit-resizer,
|
| +.custom-popup-vertical-scroll ::-webkit-resizer {
|
| display: none;
|
| }
|
|
|
| -.custom-popup-horizontal-scroll ::-webkit-scrollbar-button, .custom-popup-vertical-scroll ::-webkit-scrollbar-button {
|
| +.custom-popup-horizontal-scroll ::-webkit-scrollbar-button,
|
| +.custom-popup-vertical-scroll ::-webkit-scrollbar-button {
|
| display: none;
|
| }
|
|
|
| @@ -3033,7 +3004,6 @@
|
| bottom: 0;
|
| left: 0;
|
| right: 0;
|
| - font-size: 11px;
|
| height: auto;
|
| }
|
|
|
| @@ -3121,7 +3091,7 @@
|
| }
|
|
|
| * {
|
| - -webkit-box-sizing: border-box;
|
| + box-sizing: border-box;
|
| }
|
|
|
| :focus {
|
| @@ -3132,7 +3102,8 @@
|
| -webkit-user-drag: none;
|
| }
|
|
|
| -iframe, a img {
|
| +iframe,
|
| +a img {
|
| border: none;
|
| }
|
|
|
| @@ -3177,18 +3148,21 @@
|
| .resources-dividers-label-bar {
|
| position: absolute;
|
| top: 0;
|
| - left: 0px;
|
| + left: 0;
|
| right: 0;
|
| background-color: rgba(255, 255, 255, 0.8);
|
| - background-clip: padding;
|
| + background-clip: padding-box;
|
| border-bottom: 1px solid rgba(0, 0, 0, 0.3);
|
| height: 20px;
|
| z-index: 200;
|
| pointer-events: none;
|
| - cursor: move;
|
| overflow: hidden;
|
| }
|
|
|
| +.resize-enabled .resources-dividers-label-bar {
|
| + cursor: move;
|
| +}
|
| +
|
| .resources-divider {
|
| position: absolute;
|
| width: 1px;
|
| @@ -3236,15 +3210,15 @@
|
| left: 0;
|
| right: 0;
|
| top: 0;
|
| - bottom: 60px;
|
| + height: 20px;
|
| z-index: 150;
|
| }
|
|
|
| .overview-grid-dividers-background {
|
| left: 0%;
|
| right: 0%;
|
| - top: 0px;
|
| - bottom: 60px;
|
| + top: 0;
|
| + height: 20px;
|
| background-color: black;
|
| position: absolute;
|
| }
|
| @@ -3262,18 +3236,26 @@
|
|
|
| .overview-grid-window-resizer {
|
| position: absolute;
|
| - top: 0px;
|
| - bottom: 60px;
|
| + top: 0;
|
| + height: 20px;
|
| width: 5px;
|
| - margin-left: -3px;
|
| - margin-right: -2px;
|
| + margin-left: -2px;
|
| + margin-right: -3px;
|
| background-color: rgb(153, 153, 153);
|
| z-index: 500;
|
| + border-radius: 2px;
|
| + box-shadow: white 1px 0 0, white -1px 0 0, white 0 1px 0, white 0 -1px 0;
|
| +}
|
| +
|
| +.resize-enabled .overview-grid-window-resizer {
|
| cursor: ew-resize;
|
| - -webkit-border-radius: 2px;
|
| - -webkit-box-shadow: white 1px 0 0, white -1px 0 0, white 0 1px 0, white 0 -1px 0;
|
| }
|
|
|
| +.overview-grid-window-resizer-right {
|
| + margin-left: -3px;
|
| + margin-right: -2px;
|
| +}
|
| +
|
| /* Network timing is shared between popover and network item view pane */
|
|
|
| .network-timing-row {
|
| @@ -3296,14 +3278,11 @@
|
| top: 1px;
|
| }
|
|
|
| -.webkit-search-result {
|
| - -webkit-border-radius: 4px;
|
| - padding: 2px 2px 2px 3px;
|
| - margin: -2px -2px -2px -3px;
|
| - opacity: 0.8;
|
| - -webkit-box-shadow: rgba(0, 0, 0, .5) 3px 3px 4px;
|
| - background-color: rgb(241, 234, 0);
|
| - color: #222;
|
| +.highlighted-search-result {
|
| + border-radius: 1px;
|
| + padding: 1px;
|
| + margin: -1px;
|
| + background-color: rgba(255, 255, 0, 0.8);
|
| }
|
|
|
| .sidebar-separator {
|
| @@ -3352,81 +3331,32 @@
|
| * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF
|
| * THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
|
| */
|
| +.cm-js-keyword {color: rgb(170, 13, 145);}
|
| +.cm-js-number {color: rgb(28, 0, 207);}
|
| +.cm-js-comment {color: rgb(0, 116, 0);}
|
| +.cm-js-string {color: rgb(196, 26, 22);}
|
| +.cm-js-string-2 {color: rgb(196, 26, 22);}
|
|
|
| -.webkit-css-comment {
|
| - color: rgb(0, 116, 0);
|
| -}
|
| +.cm-css-keyword { color: rgb(7, 144, 154);}
|
| +.cm-css-number {color: rgb(50, 0, 255);}
|
| +.cm-css-comment {color: rgb(0, 116, 0);}
|
| +.cm-css-def {color: rgb(200, 0, 0);}
|
| +.cm-css-meta {color: rgb(200, 0, 0);}
|
| +.cm-css-atom {color: rgb(7, 144, 154);}
|
| +.cm-css-string {color: rgb(7, 144, 154);}
|
| +.cm-css-string-2 {color: rgb(7, 144, 154);}
|
| +.cm-css-link {color: rgb(7, 144, 154);}
|
| +.cm-css-variable {color: rgb(200, 0, 0);}
|
| +.cm-css-variable-2 {color: rgb(0, 0, 128);}
|
| +.cm-css-property, .webkit-css-property {color: rgb(200, 0, 0);}
|
|
|
| -.webkit-css-url, .webkit-css-color, .webkit-css-string, .webkit-css-keyword {
|
| - color: rgb(7, 144, 154);
|
| - }
|
| +.cm-xml-meta {color: rgb(192, 192, 192);}
|
| +.cm-xml-comment {color: rgb(35, 110, 37);}
|
| +.cm-xml-string {color: rgb(26, 26, 166);}
|
| +.cm-xml-tag {color: rgb(136, 18, 128);}
|
| +.cm-xml-attribute {color: rgb(153, 69, 0);}
|
| +.cm-xml-link {color: #00e;}
|
|
|
| -.webkit-css-number {
|
| - color: rgb(50, 0, 255);
|
| -}
|
| -
|
| -.webkit-css-property, .webkit-css-at-rule {
|
| - color: rgb(200, 0, 0);
|
| -}
|
| -
|
| -.webkit-css-selector {
|
| - color: #222;
|
| -}
|
| -
|
| -.webkit-css-bang-keyword {
|
| - color: rgb(200, 0, 180);
|
| -}
|
| -
|
| -.webkit-javascript-undef {
|
| - color: rgb(123, 123, 123);
|
| -}
|
| -
|
| -.webkit-javascript-comment {
|
| - color: rgb(0, 116, 0);
|
| -}
|
| -
|
| -.webkit-javascript-keyword {
|
| - color: rgb(170, 13, 145);
|
| -}
|
| -
|
| -.webkit-javascript-number {
|
| - color: rgb(28, 0, 207);
|
| -}
|
| -
|
| -.webkit-javascript-string, .webkit-javascript-regexp {
|
| - color: rgb(196, 26, 22);
|
| -}
|
| -
|
| -.webkit-javascript-ident {
|
| - color: #222;
|
| -}
|
| -
|
| -.webkit-whitespace-1::before {
|
| - content: "·";
|
| -}
|
| -
|
| -.webkit-whitespace-2::before {
|
| - content: "··";
|
| -}
|
| -
|
| -.webkit-whitespace-4::before {
|
| - content: "····";
|
| -}
|
| -
|
| -.webkit-whitespace-8::before {
|
| - content: "········";
|
| -}
|
| -
|
| -.webkit-whitespace-16::before {
|
| - content: "················";
|
| -}
|
| -
|
| -.webkit-whitespace::before {
|
| - position: absolute;
|
| - pointer-events: none;
|
| - color: rgb(175, 175, 175);
|
| -}
|
| -
|
| .webkit-html-comment {
|
| /* Keep this in sync with view-source.css (.webkit-html-comment) */
|
| color: rgb(35, 110, 37);
|
| @@ -3452,7 +3382,8 @@
|
| color: rgb(26, 26, 166);
|
| }
|
|
|
| -.webkit-html-external-link, .webkit-html-resource-link {
|
| +.webkit-html-external-link,
|
| +.webkit-html-resource-link {
|
| /* Keep this in sync with view-source.css (.webkit-html-external-link, .webkit-html-resource-link) */
|
| color: #00e;
|
| }
|
| @@ -3592,7 +3523,7 @@
|
| border-bottom: 1px solid #B8B8B8;
|
| font-weight: bold;
|
| padding-bottom: 5px;
|
| - padding-top: 0px;
|
| + padding-top: 0;
|
| white-space: nowrap;
|
| }
|
|
|
| @@ -3627,7 +3558,8 @@
|
| * THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
|
| */
|
|
|
| -input[type="search"]:focus, input[type="text"]:focus {
|
| +input[type="search"]:focus,
|
| +input[type="text"]:focus {
|
| outline: auto 5px -webkit-focus-ring-color;
|
| }
|
|
|
| @@ -3662,18 +3594,17 @@
|
| padding-left: 5px;
|
| border-bottom: 1px solid rgb(80, 80, 80);
|
| -webkit-flex-direction: row;
|
| - -webkit-background-origin: padding;
|
| - -webkit-background-clip: padding;
|
| + background-origin: padding-box;
|
| + background-clip: padding-box;
|
| }
|
|
|
| -body.show-toolbar-icons #toolbar {
|
| - height: 56px;
|
| +button,
|
| +input,
|
| +select {
|
| + font-family: inherit;
|
| + font-size: inherit;
|
| }
|
|
|
| -body.show-toolbar-icons.dock-to-bottom #toolbar {
|
| - height: 34px;
|
| -}
|
| -
|
| body.inactive #toolbar {
|
| background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(233, 233, 233)), to(rgb(207, 207, 207)));
|
| border-bottom: 1px solid rgb(64%, 64%, 64%);
|
| @@ -3693,7 +3624,8 @@
|
| border-top: 1px solid rgb(64%, 64%, 64%);
|
| }
|
|
|
| -body.platform-windows #toolbar, body.platform-windows.inactive #toolbar {
|
| +body.platform-windows #toolbar,
|
| +body.platform-windows.inactive #toolbar {
|
| background-image: none;
|
| }
|
|
|
| @@ -3730,24 +3662,12 @@
|
| border-style: none;
|
| border-color: transparent;
|
| color: inherit;
|
| - font-family: inherit;
|
| - font-size: inherit;
|
| }
|
|
|
| -body:not(.show-toolbar-icons) .toolbar-item {
|
| +.toolbar-item {
|
| height: 24px;
|
| }
|
|
|
| -body.show-toolbar-icons .toolbar-item.toggleable {
|
| - padding-top: 2px;
|
| - padding-bottom: 2px;
|
| -}
|
| -
|
| -body.show-toolbar-icons.dock-to-bottom .toolbar-item.toggleable {
|
| - margin: 2px 0;
|
| - padding-bottom: 2px;
|
| -}
|
| -
|
| .toolbar-item.toggleable.toggled-on {
|
| border-width: 0 2px 0 2px;
|
| padding-left: 4px;
|
| @@ -3755,39 +3675,6 @@
|
| -webkit-border-image: url(Images/toolbarItemSelected.png) 0 2 0 2;
|
| }
|
|
|
| -.toolbar-icon {
|
| - display: none;
|
| - width: 32px;
|
| - height: 32px;
|
| - background-image: url(Images/toolbarIcons.png);
|
| - vertical-align: top;
|
| -}
|
| -
|
| -body.show-toolbar-icons .toolbar-icon {
|
| - display: block;
|
| - margin: auto;
|
| -}
|
| -
|
| -body.show-toolbar-icons.dock-to-bottom .toolbar-icon {
|
| - width: 24px;
|
| - height: 24px;
|
| - display: inline-block;
|
| - vertical-align: middle;
|
| - background-image: url(Images/toolbarIconsSmall.png);
|
| -}
|
| -
|
| -body.dock-to-bottom .toolbar-icon.custom-toolbar-icon {
|
| - background-position-x: -32px;
|
| -}
|
| -
|
| -.toolbar-item:active .toolbar-icon {
|
| - background-position-y: 32px;
|
| -}
|
| -
|
| -body.dock-to-bottom .toolbar-item:active .toolbar-icon {
|
| - background-position-y: 24px;
|
| -}
|
| -
|
| .toolbar-label {
|
| line-height: 22px;
|
| text-shadow: rgba(255, 255, 255, 0.5) 0 1px 0;
|
| @@ -3806,31 +3693,16 @@
|
| opacity: 1;
|
| }
|
|
|
| -body.show-toolbar-icons.dock-to-bottom .toolbar-item.toggleable .close-button {
|
| - top: 3px;
|
| -}
|
| -
|
| #toolbar-dropdown .toolbar-items-separator {
|
| border-bottom: 1px solid #aaa;
|
| width: 100%;
|
| margin: 5px 0;
|
| }
|
|
|
| -body.show-toolbar-icons .toolbar-label {
|
| - line-height: 15px;
|
| -}
|
| -
|
| .toolbar-item.toggleable:active .toolbar-label {
|
| text-shadow: none;
|
| }
|
|
|
| -body.show-toolbar-icons.dock-to-bottom .toolbar-label {
|
| - display: inline-block;
|
| - margin-left: 3px;
|
| - top: 0;
|
| - vertical-align: middle;
|
| -}
|
| -
|
| body.dock-to-bottom #search-toolbar-label {
|
| display: none;
|
| }
|
| @@ -3847,7 +3719,7 @@
|
| font-weight: bold;
|
| border: 0;
|
| background-color: transparent;
|
| - -webkit-border-radius: 5px;
|
| + border-radius: 5px;
|
| text-shadow: none;
|
| cursor: default;
|
| margin: 0;
|
| @@ -3871,16 +3743,12 @@
|
| #toolbar-dropdown {
|
| position: absolute;
|
| z-index: 1000;
|
| - -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.4);
|
| + box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.4);
|
| border: 1px solid rgb(128, 128, 128);
|
| background-color: inherit;
|
| background-image: inherit;
|
| }
|
|
|
| -body.show-toolbar-icons #toolbar-dropdown {
|
| - padding: 4px;
|
| -}
|
| -
|
| body.undocked.platform-mac-leopard #toolbar-dropdown,
|
| body.undocked.platform-mac-snowleopard #toolbar-dropdown {
|
| background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(191, 191, 191)), to(rgb(151, 151, 151)));
|
| @@ -3896,17 +3764,11 @@
|
| #toolbar-dropdown .toolbar-item {
|
| display: -webkit-flex;
|
| -webkit-flex-direction: row;
|
| + -webkit-flex: none;
|
| width: 100%;
|
| border: 1px solid rgba(0, 0, 0, 0);
|
| }
|
|
|
| -body.show-toolbar-icons #toolbar-dropdown .toolbar-item {
|
| - position: relative;
|
| - left: -2px;
|
| - margin: 0px 2px;
|
| - padding: 4px;
|
| -}
|
| -
|
| #toolbar-dropdown .toolbar-item.toggleable.toggled-on {
|
| border: 1px solid rgba(100, 100, 120, 0.4);
|
| -webkit-border-image: none;
|
| @@ -3917,23 +3779,14 @@
|
| background: -webkit-gradient(linear, left top, left bottom, from(rgba(128, 128, 128, 0.6)), to(rgba(128, 128, 128, 0.3)), color-stop(20%, rgba(158, 158, 158, 0.2)), color-stop(80%, rgba(158, 158, 158, 0.1)));
|
| }
|
|
|
| -#toolbar-dropdown .toolbar-icon {
|
| - margin-left: 0;
|
| - margin-right: 0.5em;
|
| -}
|
| -
|
| #toolbar-dropdown .toolbar-label {
|
| line-height: 22px;
|
| top: 0;
|
| }
|
|
|
| -body.show-toolbar-icons #toolbar-dropdown .toolbar-label {
|
| - line-height: 32px;
|
| -}
|
| -
|
| #toolbar-panels-menu {
|
| border: 0;
|
| - -webkit-border-radius: 5px;
|
| + border-radius: 5px;
|
| cursor: default;
|
| font-family: Arial, Helvetica, sans-serif !important;
|
| font-weight: bold;
|
| @@ -3943,14 +3796,6 @@
|
| margin: 1px 3px;
|
| }
|
|
|
| -body.show-toolbar-icons #toolbar-panels-menu {
|
| - margin: 16px 3px;
|
| -}
|
| -
|
| -body.show-toolbar-icons.dock-to-bottom #toolbar-panels-menu {
|
| - margin: 6px 3px;
|
| -}
|
| -
|
| #toolbar-panels-menu:hover:not(.disabled) {
|
| background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(191, 191, 191, 0.7)), to(rgba(171, 171, 171, 0.5)));
|
| }
|
| @@ -4003,17 +3848,9 @@
|
| border: 0;
|
| padding: 0 2px;
|
| margin: 0;
|
| - width: 165px;
|
| + -webkit-flex: 1;
|
| }
|
|
|
| -.filter {
|
| - -webkit-appearance: none;
|
| - border: 0;
|
| - padding: 0 2px;
|
| - margin: 0;
|
| - width: 251px;
|
| -}
|
| -
|
| .search-replace:focus {
|
| outline: none;
|
| }
|
| @@ -4027,10 +3864,7 @@
|
| }
|
|
|
| .toolbar-search-navigation-controls {
|
| - position: absolute;
|
| - top: 0;
|
| - right: 0;
|
| - height: 18px;
|
| + vertical-align: top;
|
| background-image: -webkit-linear-gradient(rgb(228, 228, 228), rgb(206, 206, 206));
|
| }
|
|
|
| @@ -4048,6 +3882,10 @@
|
| opacity: 1.0;
|
| }
|
|
|
| +.toolbar-search label {
|
| + vertical-align: bottom;
|
| +}
|
| +
|
| .toolbar-search input[type="checkbox"] {
|
| position: relative;
|
| margin-top: -1px;
|
| @@ -4058,10 +3896,10 @@
|
| .toolbar-search button {
|
| border: 1px solid rgb(163, 163, 163);
|
| border-radius: 8px;
|
| - margin: 0 0px;
|
| - font-size: 11px;
|
| + margin: 0;
|
| background-image: -webkit-linear-gradient(rgb(241, 241, 241), rgb(220, 220, 220));
|
| width: 100%;
|
| + height: 20px;
|
| }
|
|
|
| .toolbar-search button:active {
|
| @@ -4069,13 +3907,13 @@
|
| }
|
|
|
| .toolbar-search-control {
|
| - display: inline-block;
|
| + display: -webkit-flex;
|
| + width: 253px;
|
| position: relative;
|
| background-color: white;
|
| border: 1px solid rgb(163, 163, 163);
|
| height: 20px;
|
| border-radius: 2px;
|
| - padding-top: 1px;
|
| }
|
|
|
| .toolbar-replace-control {
|
| @@ -4086,7 +3924,7 @@
|
| }
|
|
|
| .toolbar-search-navigation.enabled:active {
|
| - background-position: 4px 7px, 0px 0px;
|
| + background-position: 4px 7px, 0 0;
|
| }
|
|
|
| .toolbar-search-navigation.toolbar-search-navigation-prev {
|
| @@ -4109,100 +3947,15 @@
|
|
|
| .search-results-matches {
|
| display: inline-block;
|
| - min-width: 50px;
|
| min-height: 10px;
|
| - margin-right: 36px;
|
| text-align: right;
|
| font-size: 11px;
|
| - padding: 0 4px;
|
| + padding: 1px 4px;
|
| color: rgb(165, 165, 165);
|
| }
|
|
|
| -.toolbar-item.elements .toolbar-icon {
|
| - background-position-x: 0;
|
| -}
|
| -
|
| -.toolbar-item.resources .toolbar-icon {
|
| - background-position-x: -32px;
|
| -}
|
| -
|
| -body.dock-to-bottom .toolbar-item.resources .toolbar-icon {
|
| - background-position-x: -24px;
|
| -}
|
| -
|
| -.toolbar-item.network .toolbar-icon {
|
| - background-position-x: -64px;
|
| -}
|
| -
|
| -body.dock-to-bottom .toolbar-item.network .toolbar-icon {
|
| - background-position-x: -48px;
|
| -}
|
| -
|
| -.toolbar-item.scripts .toolbar-icon {
|
| - background-position-x: -96px;
|
| -}
|
| -
|
| -body.dock-to-bottom .toolbar-item.scripts .toolbar-icon {
|
| - background-position-x: -72px;
|
| -}
|
| -
|
| -.toolbar-item.timeline .toolbar-icon {
|
| - background-position-x: -128px;
|
| -}
|
| -
|
| -body.dock-to-bottom .toolbar-item.timeline .toolbar-icon {
|
| - background-position-x: -96px;
|
| -}
|
| -
|
| -.toolbar-item.profiles .toolbar-icon {
|
| - background-position-x: -160px;
|
| -}
|
| -
|
| -.toolbar-item.cpu-profiler .toolbar-icon {
|
| - background-position-x: -160px;
|
| -}
|
| -
|
| -.toolbar-item.css-profiler .toolbar-icon {
|
| - background-position-x: -160px;
|
| -}
|
| -
|
| -.toolbar-item.heap-profiler .toolbar-icon {
|
| - background-position-x: -160px;
|
| -}
|
| -
|
| -.toolbar-item.canvas-profiler .toolbar-icon {
|
| - background-position-x: -160px;
|
| -}
|
| -
|
| -.toolbar-item.memory-chart-profiler .toolbar-icon {
|
| - background-position-x: -160px;
|
| -}
|
| -
|
| -.toolbar-item.memory-snapshot-profiler .toolbar-icon {
|
| - background-position-x: -160px;
|
| -}
|
| -
|
| -body.dock-to-bottom .toolbar-item.profiles .toolbar-icon {
|
| - background-position-x: -120px;
|
| -}
|
| -
|
| -.toolbar-item.audits .toolbar-icon {
|
| - background-position-x: -192px;
|
| -}
|
| -
|
| -body.dock-to-bottom .toolbar-item.audits .toolbar-icon {
|
| - background-position-x: -144px;
|
| -}
|
| -
|
| -.toolbar-item.console .toolbar-icon {
|
| - background-position-x: -224px;
|
| -}
|
| -
|
| -body.dock-to-bottom .toolbar-item.console .toolbar-icon {
|
| - background-position-x: -168px;
|
| -}
|
| -
|
| -.close-button, .close-button-gray {
|
| +.close-button,
|
| +.close-button-gray {
|
| background-image: url(Images/statusbarButtonGlyphs.png);
|
| background-size: 320px 120px;
|
| display: inline-block;
|
| @@ -4221,10 +3974,11 @@
|
| }
|
|
|
| @media (-webkit-min-device-pixel-ratio: 1.5) {
|
| -.close-button, .close-button-gray {
|
| +.close-button,
|
| +.close-button-gray {
|
| background-image: url(Images/statusbarButtonGlyphs2x.png);
|
| }
|
| -}
|
| +} /* media */
|
|
|
| .close-button:hover {
|
| background-position: -96px -216px;
|
| @@ -4263,13 +4017,22 @@
|
| display: none;
|
| }
|
|
|
| -.toolbar-item.close-left, .toolbar-item.close-right {
|
| +.toolbar-item.close-left,
|
| +.toolbar-item.close-right {
|
| display: -webkit-flex;
|
| -webkit-align-items: center;
|
| height: 100%;
|
| cursor: default;
|
| }
|
|
|
| +#root {
|
| + position: absolute;
|
| + top: 0;
|
| + left: 0;
|
| + right: 0;
|
| + bottom: 0;
|
| +}
|
| +
|
| #main {
|
| position: absolute;
|
| z-index: 1;
|
| @@ -4281,22 +4044,6 @@
|
| background-color: white;
|
| }
|
|
|
| -.animate-slow * {
|
| - -webkit-transition-duration: 2.5s !important;
|
| -}
|
| -
|
| -.animate #main {
|
| - -webkit-transition: bottom 100ms linear;
|
| -}
|
| -
|
| -body.show-toolbar-icons #main {
|
| - top: 56px;
|
| -}
|
| -
|
| -body.show-toolbar-icons.dock-to-bottom #main {
|
| - top: 34px;
|
| -}
|
| -
|
| #main-panels {
|
| position: absolute;
|
| top: 0;
|
| @@ -4365,12 +4112,6 @@
|
| height: 24px;
|
| }
|
|
|
| -.animate #floating-status-bar-container {
|
| - -webkit-transition-property: padding-left, bottom;
|
| - -webkit-transition-duration: 100ms;
|
| - -webkit-transition-timing-function: linear;
|
| -}
|
| -
|
| body.drawer-overlay #floating-status-bar-container {
|
| box-shadow: 1px 1px 5px 2px rgba(128, 128, 128, 0.7);
|
| }
|
| @@ -4430,7 +4171,7 @@
|
| .long-click-glyph {
|
| -webkit-mask-image: url(Images/statusbarButtonGlyphs2x.png);
|
| }
|
| -}
|
| +} /* media */
|
|
|
| .long-click-glyph.shadow {
|
| top: 1px;
|
| @@ -4470,7 +4211,6 @@
|
|
|
| button.status-bar-item.extension {
|
| background-image: none;
|
| - background-color: auto;
|
| }
|
|
|
| .status-bar-select-container {
|
| @@ -4495,7 +4235,7 @@
|
| .status-bar-select-arrow {
|
| background-image: url(Images/statusbarButtonGlyphs2x.png);
|
| }
|
| -}
|
| +} /* media */
|
|
|
| select.status-bar-item {
|
| min-width: 48px;
|
| @@ -4508,11 +4248,10 @@
|
| margin-right: -10px;
|
| position: relative;
|
| line-height: 20px;
|
| - font-family: inherit;
|
| - font-size: inherit;
|
| }
|
|
|
| -select.status-bar-item, select.status-bar-item:hover {
|
| +select.status-bar-item,
|
| +select.status-bar-item:hover {
|
| border-left: 1px solid rgb(202, 202, 202);
|
| border-right: 1px solid rgb(202, 202, 202);
|
| }
|
| @@ -4522,22 +4261,26 @@
|
| -webkit-mask-size: 320px 120px;
|
| }
|
|
|
| +.console-filter > .glyph {
|
| + -webkit-mask-position: -32px -48px;
|
| +}
|
| +
|
| @media (-webkit-min-device-pixel-ratio: 1.5) {
|
| .status-bar-item > .glyph {
|
| -webkit-mask-image: url(Images/statusbarButtonGlyphs2x.png);
|
| }
|
| -}
|
| +} /* media */
|
|
|
| -button.dock-status-bar-item.status-bar-item.toggled-undock .glyph {
|
| +button.status-bar-item.dock-status-bar-item.toggled-undock .glyph {
|
| -webkit-mask-position: 0 -48px;
|
| }
|
|
|
| -button.dock-status-bar-item.status-bar-item.toggled-bottom .glyph {
|
| +button.status-bar-item.dock-status-bar-item.toggled-bottom .glyph {
|
| -webkit-mask-position: -32px -24px;
|
| background-color: rgba(0, 0, 0, 0.75);
|
| }
|
|
|
| -button.dock-status-bar-item.status-bar-item.toggled-right .glyph {
|
| +button.status-bar-item.dock-status-bar-item.toggled-right .glyph {
|
| -webkit-mask-position: -256px -48px;
|
| background-color: rgba(0, 0, 0, 0.75);
|
| }
|
| @@ -4571,6 +4314,55 @@
|
| border-right: 0 transparent none;
|
| }
|
|
|
| +button.status-bar-item.left-sidebar-show-hide-button,
|
| +button.status-bar-item.right-sidebar-show-hide-button {
|
| + position: absolute;
|
| + top: 0;
|
| + background-image: none;
|
| + height: 16px;
|
| + width: 16px;
|
| + margin: 4px 2px 2px 2px;
|
| + border: none;
|
| +}
|
| +
|
| +button.status-bar-item.left-sidebar-show-hide-button:active,
|
| +button.status-bar-item.right-sidebar-show-hide-button:active {
|
| + margin: 5px 1px 1px 3px;
|
| +}
|
| +
|
| +button.status-bar-item.left-sidebar-show-hide-button.toggled-left > .glyph {
|
| + -webkit-mask-position: -199px -76px;
|
| +}
|
| +
|
| +button.status-bar-item.left-sidebar-show-hide-button.toggled-right > .glyph {
|
| + -webkit-mask-position: -168px -76px;
|
| +}
|
| +
|
| +button.status-bar-item.right-sidebar-show-hide-button.toggled-left > .glyph {
|
| + -webkit-mask-position: -296px -76px;
|
| +}
|
| +
|
| +button.status-bar-item.right-sidebar-show-hide-button.toggled-right > .glyph {
|
| + -webkit-mask-position: -264px -76px;
|
| +}
|
| +
|
| +button.status-bar-item.left-sidebar-show-hide-button.toggled-overlay > .glyph {
|
| + -webkit-mask-position: -231px -76px;
|
| +}
|
| +
|
| +div.resizer-widget {
|
| + position: absolute;
|
| + top: 0;
|
| + right: 0;
|
| + height: 24px;
|
| + width: 16px;
|
| + cursor: ew-resize;
|
| + background-image: url(Images/statusbarResizerHorizontal.png);
|
| + background-repeat: no-repeat;
|
| + background-position: center;
|
| + z-index: 13;
|
| +}
|
| +
|
| .settings-status-bar-item .glyph {
|
| -webkit-mask-position: -160px -24px;
|
| }
|
| @@ -4583,11 +4375,19 @@
|
| -webkit-mask-position: -64px -24px;
|
| }
|
|
|
| +.screencast-status-bar-item .glyph {
|
| + -webkit-mask-position: -256px -96px;
|
| +}
|
| +
|
| .clear-status-bar-item .glyph {
|
| -webkit-mask-position: -64px 0;
|
| }
|
|
|
| -.error-icon-small, .warning-icon-small, .red-ball, .green-ball, .orange-ball {
|
| +.error-icon-small,
|
| +.warning-icon-small,
|
| +.red-ball,
|
| +.green-ball,
|
| +.orange-ball {
|
| background-image: url(Images/statusbarButtonGlyphs.png);
|
| background-size: 320px 120px;
|
| width: 10px;
|
| @@ -4596,10 +4396,14 @@
|
| }
|
|
|
| @media (-webkit-min-device-pixel-ratio: 1.5) {
|
| -.error-icon-small, .warning-icon-small, .red-ball, .green-ball, .orange-ball {
|
| +.error-icon-small,
|
| +.warning-icon-small,
|
| +.red-ball,
|
| +.green-ball,
|
| +.orange-ball {
|
| background-image: url(Images/statusbarButtonGlyphs2x.png);
|
| }
|
| -}
|
| +} /* media */
|
|
|
| .error-icon-small {
|
| background-position: -213px -96px;
|
| @@ -4622,7 +4426,7 @@
|
| }
|
|
|
| #error-warning-count {
|
| - padding: 4px 6px 6px 0px;
|
| + padding: 4px 6px 6px 0;
|
| font-size: 11px;
|
| height: 19px;
|
| cursor: pointer;
|
| @@ -4633,7 +4437,8 @@
|
| border-bottom: 1px solid rgb(96, 96, 96);
|
| }
|
|
|
| -#error-warning-count .error-icon-small, #error-warning-count .warning-icon-small {
|
| +#error-warning-count .error-icon-small,
|
| +#error-warning-count .warning-icon-small {
|
| vertical-align: -1px;
|
| margin-right: 2px;
|
| }
|
| @@ -4653,23 +4458,37 @@
|
| z-index: 1;
|
| }
|
|
|
| -.animate #drawer {
|
| - -webkit-transition: height 100ms linear;
|
| +#drawer-body {
|
| + position: absolute;
|
| + top: 0;
|
| + bottom: 24px;
|
| + left: 0;
|
| + right: 0;
|
| }
|
|
|
| #drawer-contents {
|
| position: absolute;
|
| top: 0;
|
| - bottom: 24px;
|
| + bottom: 0;
|
| left: 0;
|
| right: 0;
|
| }
|
|
|
| +#drawer-footer {
|
| + position: absolute;
|
| + bottom: 0;
|
| + left: 0;
|
| + right: 0;
|
| + font-size: 11px;
|
| + height: 23px;
|
| +}
|
| +
|
| body.drawer-visible #drawer {
|
| display: block;
|
| }
|
|
|
| -body.platform-mac .monospace, body.platform-mac .source-code {
|
| +body.platform-mac .monospace,
|
| +body.platform-mac .source-code {
|
| font-size: 11px !important;
|
| font-family: Menlo, monospace;
|
| }
|
| @@ -4680,12 +4499,14 @@
|
| font-family: Monaco, monospace;
|
| }
|
|
|
| -body.platform-windows .monospace, body.platform-windows .source-code {
|
| +body.platform-windows .monospace,
|
| +body.platform-windows .source-code {
|
| font-size: 12px !important;
|
| font-family: Consolas, Lucida Console, monospace;
|
| }
|
|
|
| -body.platform-linux .monospace, body.platform-linux .source-code {
|
| +body.platform-linux .monospace,
|
| +body.platform-linux .source-code {
|
| font-size: 11px !important;
|
| font-family: dejavu sans mono, monospace;
|
| }
|
| @@ -4716,7 +4537,7 @@
|
| clear: right;
|
| position: relative;
|
| border-top: 1px solid rgb(240, 240, 240);
|
| - padding: 1px 22px 1px 0px;
|
| + padding: 1px 22px 1px 0;
|
| margin-left: 24px;
|
| min-height: 16px;
|
| white-space: pre-wrap;
|
| @@ -4731,11 +4552,12 @@
|
| background-position: -202px -96px;
|
| }
|
|
|
| -.console-message, .console-user-command {
|
| +.console-message,
|
| +.console-user-command {
|
| clear: right;
|
| position: relative;
|
| border-top: 1px solid rgb(240, 240, 240);
|
| - padding: 1px 22px 1px 0px;
|
| + padding: 1px 22px 1px 0;
|
| margin-left: 24px;
|
| min-height: 16px;
|
| }
|
| @@ -4752,7 +4574,10 @@
|
| background-image: none;
|
| }
|
|
|
| -.console-message::before, .console-user-command::before, #console-prompt::before, .console-group-title::before {
|
| +.console-message::before,
|
| +.console-user-command::before,
|
| +#console-prompt::before,
|
| +.console-group-title::before {
|
| position: absolute;
|
| display: block;
|
| content: "";
|
| @@ -4767,10 +4592,13 @@
|
| }
|
|
|
| @media (-webkit-min-device-pixel-ratio: 1.5) {
|
| -.console-message::before, .console-user-command::before, #console-prompt::before, .console-group-title::before {
|
| +.console-message::before,
|
| +.console-user-command::before,
|
| +#console-prompt::before,
|
| +.console-group-title::before {
|
| background-image: url(Images/statusbarButtonGlyphs2x.png);
|
| }
|
| -}
|
| +} /* media */
|
|
|
| .console-message > .outline-disclosure li.parent::before {
|
| top: 0;
|
| @@ -4792,18 +4620,21 @@
|
| font-weight: bold;
|
| text-shadow: none;
|
| color: white;
|
| - -webkit-border-radius: 7px;
|
| + border-radius: 7px;
|
| }
|
|
|
| .console-message-text {
|
| white-space: pre-wrap;
|
| }
|
|
|
| -.repeated-message.console-error-level::before, .repeated-message.console-warning-level:before, .repeated-message.console-debug-level:before {
|
| +.repeated-message.console-error-level::before,
|
| +.repeated-message.console-warning-level:before,
|
| +.repeated-message.console-debug-level:before {
|
| visibility: hidden;
|
| }
|
|
|
| -.repeated-message .outline-disclosure, .repeated-message > .console-message-text {
|
| +.repeated-message .outline-disclosure,
|
| +.repeated-message > .console-message-text {
|
| -webkit-flex: 1;
|
| }
|
|
|
| @@ -4837,7 +4668,7 @@
|
| .console-group-title::before {
|
| -webkit-mask-image: url(Images/statusbarButtonGlyphs2x.png);
|
| }
|
| -}
|
| +} /* media */
|
|
|
| .console-group .console-group-title::before {
|
| -webkit-mask-position: -20px -96px;
|
| @@ -4864,14 +4695,15 @@
|
| width: 3px;
|
| border-style: solid;
|
| border-color: #A3A3A3;
|
| - border-width: 0px 0px 1px 1px;
|
| + border-width: 0 0 1px 1px;
|
| }
|
|
|
| .console-group.collapsed > .console-group-bracket {
|
| display: none;
|
| }
|
|
|
| -.console-error-level .console-message-text, .console-error-level .section > .header .title {
|
| +.console-error-level .console-message-text,
|
| +.console-error-level .section > .header .title {
|
| color: red !important;
|
| }
|
|
|
| @@ -4879,7 +4711,9 @@
|
| color: blue;
|
| }
|
|
|
| -.console-error-level::before, .console-warning-level::before, .console-debug-level::before {
|
| +.console-error-level::before,
|
| +.console-warning-level::before,
|
| +.console-debug-level::before {
|
| background-image: url(Images/statusbarButtonGlyphs.png);
|
| background-size: 320px 120px;
|
| width: 10px;
|
| @@ -4887,10 +4721,12 @@
|
| }
|
|
|
| @media (-webkit-min-device-pixel-ratio: 1.5) {
|
| -.console-error-level::before, .console-warning-level::before, .console-debug-level::before {
|
| +.console-error-level::before,
|
| +.console-warning-level::before,
|
| +.console-debug-level::before {
|
| background-image: url(Images/statusbarButtonGlyphs2x.png);
|
| }
|
| -}
|
| +} /* media */
|
|
|
| .console-warning-level::before {
|
| background-position: -202px -107px;
|
| @@ -4969,7 +4805,8 @@
|
| padding: 0 0 0 12px !important;
|
| }
|
|
|
| -.console-group-messages .outline-disclosure, .console-group-messages .outline-disclosure ol {
|
| +.console-group-messages .outline-disclosure,
|
| +.console-group-messages .outline-disclosure ol {
|
| font-size: inherit;
|
| line-height: 12px;
|
| }
|
| @@ -4987,7 +4824,9 @@
|
| display: none;
|
| }
|
|
|
| -.console-formatted-object, .console-formatted-node, .console-formatted-array {
|
| +.console-formatted-object,
|
| +.console-formatted-node,
|
| +.console-formatted-array {
|
| position: relative;
|
| display: inline-block;
|
| vertical-align: top;
|
| @@ -4998,7 +4837,9 @@
|
| background-color: rgba(56, 121, 217, 0.1);
|
| }
|
|
|
| -.console-formatted-object .section, .console-formatted-node .section, .console-formatted-array .section {
|
| +.console-formatted-object .section,
|
| +.console-formatted-node .section,
|
| +.console-formatted-array .section {
|
| position: static;
|
| }
|
|
|
| @@ -5006,7 +4847,8 @@
|
| margin-top: 0;
|
| }
|
|
|
| -.console-formatted-object .properties, .console-formatted-node .properties {
|
| +.console-formatted-object .properties,
|
| +.console-formatted-node .properties {
|
| padding-left: 0 !important;
|
| }
|
|
|
| @@ -5014,12 +4856,14 @@
|
| color: rgb(28, 0, 207);
|
| }
|
|
|
| -.console-formatted-string, .console-formatted-regexp {
|
| +.console-formatted-string,
|
| +.console-formatted-regexp {
|
| color: rgb(196, 26, 22);
|
| white-space: pre;
|
| }
|
|
|
| -.console-formatted-null, .console-formatted-undefined {
|
| +.console-formatted-null,
|
| +.console-formatted-undefined {
|
| color: rgb(128, 128, 128);
|
| }
|
|
|
| @@ -5061,7 +4905,8 @@
|
| background-color: rgb(220, 130, 130);
|
| }
|
|
|
| -.auto-complete-text, .editing .auto-complete-text {
|
| +.auto-complete-text,
|
| +.editing .auto-complete-text {
|
| color: rgb(128, 128, 128) !important;
|
| -webkit-user-select: none;
|
| -webkit-user-modify: read-only;
|
| @@ -5108,22 +4953,9 @@
|
| left: 3px;
|
| right: 3px;
|
| background-color: rgba(56, 121, 217, 0.1);
|
| - -webkit-border-radius: 5px;
|
| + border-radius: 5px;
|
| }
|
|
|
| -.outline-disclosure li.highlighted .highlight {
|
| - background-color: rgb(255, 230, 179);
|
| - -webkit-border-radius: 4px;
|
| - padding-bottom: 2px;
|
| - margin-bottom: -2px;
|
| -}
|
| -
|
| -.outline-disclosure li.selected.highlighted .highlight {
|
| - background-color: transparent;
|
| - padding-bottom: 0;
|
| - margin-bottom: 0;
|
| -}
|
| -
|
| .outline-disclosure li .selection {
|
| display: none;
|
| position: absolute;
|
| @@ -5160,7 +4992,8 @@
|
| min-width: 100%;
|
| }
|
|
|
| -.outline-disclosure, .outline-disclosure ol {
|
| +.outline-disclosure,
|
| +.outline-disclosure ol {
|
| list-style-type: none;
|
| -webkit-padding-start: 12px;
|
| margin: 0;
|
| @@ -5195,7 +5028,8 @@
|
| margin-left: -12px;
|
| }
|
|
|
| -.webkit-html-tag.shadow, .webkit-html-fragment.shadow {
|
| +.webkit-html-tag.shadow,
|
| +.webkit-html-fragment.shadow {
|
| opacity: 0.6;
|
| }
|
|
|
| @@ -5222,7 +5056,7 @@
|
| .outline-disclosure li.parent::before {
|
| -webkit-mask-image: url(Images/statusbarButtonGlyphs2x.png);
|
| }
|
| -}
|
| +} /* media */
|
|
|
| .outline-disclosure li.parent::before {
|
| -webkit-mask-position: -4px -96px;
|
| @@ -5243,7 +5077,6 @@
|
|
|
| .placard {
|
| position: relative;
|
| - margin-top: 1px;
|
| padding: 3px 8px 4px 18px;
|
| min-height: 18px;
|
| white-space: nowrap;
|
| @@ -5256,8 +5089,8 @@
|
| .placard.selected {
|
| border-top: 1px solid rgb(172, 172, 172);
|
| background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(182, 182, 182)), to(rgb(162, 162, 162)));
|
| - -webkit-background-origin: padding;
|
| - -webkit-background-clip: padding;
|
| + background-origin: padding-box;
|
| + background-clip: padding-box;
|
| }
|
|
|
| :focus .placard.selected {
|
| @@ -5309,8 +5142,8 @@
|
| padding: 0 8px 0 5px;
|
| min-height: 18px;
|
| white-space: nowrap;
|
| - -webkit-background-origin: padding;
|
| - -webkit-background-clip: padding;
|
| + background-origin: padding-box;
|
| + background-clip: padding-box;
|
| }
|
|
|
| .section > .header::before {
|
| @@ -5331,7 +5164,7 @@
|
| .section > .header::before {
|
| background-image: url(Images/statusbarButtonGlyphs2x.png);
|
| }
|
| -}
|
| +} /* media */
|
|
|
| .section > .header::before {
|
| background-position: -4px -96px;
|
| @@ -5341,7 +5174,8 @@
|
| background-position: -20px -96px;
|
| }
|
|
|
| -.section > .header .title, .event-bar .header .title {
|
| +.section > .header .title,
|
| +.event-bar .header .title {
|
| font-weight: normal;
|
| word-wrap: break-word;
|
| white-space: normal;
|
| @@ -5352,15 +5186,18 @@
|
| font-style: italic;
|
| }
|
|
|
| -.section > .header label, .event-bar .header label {
|
| +.section > .header label,
|
| +.event-bar .header label {
|
| display: none;
|
| }
|
|
|
| -.section.expanded .header label, .event-bar.expanded .header label {
|
| +.section.expanded .header label,
|
| +.event-bar.expanded .header label {
|
| display: inline;
|
| }
|
|
|
| -.section > .header .subtitle, .event-bar .header .subtitle {
|
| +.section > .header .subtitle,
|
| +.event-bar .header .subtitle {
|
| float: right;
|
| margin-left: 5px;
|
| max-width: 55%;
|
| @@ -5372,11 +5209,13 @@
|
| color: inherit;
|
| }
|
|
|
| -.section .properties, .event-bar .event-properties {
|
| +.section .properties,
|
| +.event-bar .event-properties {
|
| display: none;
|
| }
|
|
|
| -.section.expanded .properties, .event-bar.expanded .event-properties {
|
| +.section.expanded .properties,
|
| +.event-bar.expanded .event-properties {
|
| display: block;
|
| }
|
|
|
| @@ -5428,11 +5267,19 @@
|
| text-shadow: none;
|
| }
|
|
|
| +.properties-calculate-value-button:hover {
|
| + text-decoration: underline;
|
| +}
|
| +
|
| +.properties-accessor-property-name {
|
| + font-style: italic;
|
| +}
|
| +
|
| @media (-webkit-min-device-pixel-ratio: 1.5) {
|
| .properties-tree li.parent::before {
|
| background-image: url(Images/statusbarButtonGlyphs2x.png);
|
| }
|
| -}
|
| +} /* media */
|
|
|
| .properties-tree li.parent::before {
|
| background-position: -4px -96px;
|
| @@ -5460,7 +5307,7 @@
|
|
|
| .editing {
|
| -webkit-user-select: text;
|
| - -webkit-box-shadow: rgba(0, 0, 0, .5) 3px 3px 4px;
|
| + box-shadow: rgba(0, 0, 0, .5) 3px 3px 4px;
|
| outline: 1px solid rgb(66%, 66%, 66%) !important;
|
| background-color: white;
|
| -webkit-user-modify: read-write-plaintext-only;
|
| @@ -5474,7 +5321,8 @@
|
| opacity: 1.0 !important;
|
| }
|
|
|
| -.editing, .editing * {
|
| +.editing,
|
| +.editing * {
|
| color: #222 !important;
|
| text-decoration: none !important;
|
| }
|
| @@ -5494,7 +5342,8 @@
|
| text-overflow: clip;
|
| }
|
|
|
| -li.editing .swatch, li.editing .enabled-button, li.editing-sub-part .delete-button {
|
| +li.editing .swatch, li.editing .enabled-button,
|
| +li.editing-sub-part .delete-button {
|
| display: none !important;
|
| }
|
|
|
| @@ -5525,7 +5374,8 @@
|
| width: 100%;
|
| }
|
|
|
| -.watch-expressions > li.editing-sub-part .value, .watch-expressions > li.editing-sub-part .separator {
|
| +.watch-expressions > li.editing-sub-part .value,
|
| +.watch-expressions > li.editing-sub-part .separator {
|
| display: none;
|
| }
|
|
|
| @@ -5548,11 +5398,18 @@
|
| display: none;
|
| }
|
|
|
| +.tabbed-pane-content .watch-expressions li:first-child .delete-button {
|
| + right: 55px;
|
| + top: 3px;
|
| +}
|
| +
|
| .section .properties li.hovered .delete-button {
|
| display: inline;
|
| }
|
|
|
| -.section .properties .name, .event-properties .name, .console-formatted-object .name {
|
| +.section .properties .name,
|
| +.event-properties .name,
|
| +.console-formatted-object .name {
|
| color: rgb(136, 19, 145);
|
| }
|
|
|
| @@ -5564,15 +5421,18 @@
|
| color: red;
|
| }
|
|
|
| -.section .properties .number, .event-properties .number {
|
| +.section .properties .number,
|
| +.event-properties .number {
|
| color: blue;
|
| }
|
|
|
| -.section .properties .keyword, .event-properties .keyword {
|
| +.section .properties .keyword,
|
| +.event-properties .keyword {
|
| color: rgb(136, 19, 79);
|
| }
|
|
|
| -.section .properties .color, .event-properties .color {
|
| +.section .properties .color,
|
| +.event-properties .color {
|
| color: rgb(118, 15, 21);
|
| }
|
|
|
| @@ -5614,7 +5474,7 @@
|
| border: 1px solid rgb(165, 165, 165);
|
| background-color: rgb(237, 237, 237);
|
| background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(252, 252, 252)), to(rgb(223, 223, 223)));
|
| - -webkit-border-radius: 12px;
|
| + border-radius: 12px;
|
| -webkit-appearance: none;
|
| }
|
|
|
| @@ -5633,7 +5493,7 @@
|
| border: 1px solid rgb(165, 165, 165);
|
| background-color: rgb(237, 237, 237);
|
| background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(252, 252, 252)), to(rgb(223, 223, 223)));
|
| - -webkit-border-radius: 12px;
|
| + border-radius: 12px;
|
| -webkit-appearance: none;
|
| }
|
|
|
| @@ -5674,7 +5534,7 @@
|
| line-height: 12px;
|
| background: transparent;
|
| text-shadow: rgba(255, 255, 255, 0.5) 0 1px 0;
|
| - -webkit-border-radius: 8px;
|
| + border-radius: 8px;
|
| vertical-align: middle;
|
| }
|
|
|
| @@ -5686,7 +5546,9 @@
|
| display: inline-block;
|
| }
|
|
|
| -.scope-bar li.selected, .scope-bar li:hover, .scope-bar li:active {
|
| +.scope-bar li.selected,
|
| +.scope-bar li:hover,
|
| +.scope-bar li:active {
|
| color: white;
|
| text-shadow: rgba(0, 0, 0, 0.4) 0 1px 0;
|
| }
|
| @@ -5733,7 +5595,8 @@
|
| cursor: ew-resize;
|
| }
|
|
|
| -.sidebar-tree, .sidebar-tree .children {
|
| +.sidebar-tree,
|
| +.sidebar-tree .children {
|
| position: relative;
|
| padding: 0;
|
| margin: 0;
|
| @@ -5805,7 +5668,7 @@
|
| border: 0;
|
| -webkit-mask-image: url(Images/statusbarButtonGlyphs.png);
|
| -webkit-mask-size: 320px 120px;
|
| - -webkit-apearance: none;
|
| + -webkit-appearance: none;
|
| background-color: rgba(0, 0, 0, 0.75);
|
| position: relative;
|
| top: 10px;
|
| @@ -5815,7 +5678,7 @@
|
| .sidebar-tree-item .disclosure-button {
|
| -webkit-mask-image: url(Images/statusbarButtonGlyphs2x.png);
|
| }
|
| -}
|
| +} /* media */
|
|
|
| .sidebar-tree.hide-disclosure-buttons .sidebar-tree-item .disclosure-button {
|
| display: none;
|
| @@ -5874,7 +5737,7 @@
|
| font-weight: bold;
|
| text-shadow: none;
|
| color: white;
|
| - -webkit-border-radius: 7px;
|
| + border-radius: 7px;
|
| }
|
|
|
| li .status .bubble:empty {
|
| @@ -5894,16 +5757,23 @@
|
| color: rgb(159, 159, 159) !important;
|
| }
|
|
|
| -.sidebar-tree.small .sidebar-tree-item, .sidebar-tree .children.small .sidebar-tree-item, .sidebar-tree-item.small, .small .resources-graph-side {
|
| +.sidebar-tree.small .sidebar-tree-item,
|
| +.sidebar-tree .children.small .sidebar-tree-item,
|
| +.sidebar-tree-item.small,
|
| +.small .resources-graph-side {
|
| height: 20px;
|
| }
|
|
|
| -.sidebar-tree.small .sidebar-tree-item .icon, .sidebar-tree .children.small .sidebar-tree-item .icon, .sidebar-tree-item.small .icon {
|
| +.sidebar-tree.small .sidebar-tree-item .icon,
|
| +.sidebar-tree .children.small .sidebar-tree-item .icon,
|
| +.sidebar-tree-item.small .icon {
|
| width: 16px;
|
| height: 16px;
|
| }
|
|
|
| -.sidebar-tree.small .sidebar-tree-item .status, .sidebar-tree .children.small .sidebar-tree-item .status, .sidebar-tree-item.small .status {
|
| +.sidebar-tree.small .sidebar-tree-item .status,
|
| +.sidebar-tree .children.small .sidebar-tree-item .status,
|
| +.sidebar-tree-item.small .status {
|
| margin-top: 1px;
|
| }
|
|
|
| @@ -5912,8 +5782,8 @@
|
| border-top: 1px solid rgb(145, 160, 192);
|
| background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(162, 177, 207)), to(rgb(120, 138, 177)));
|
| text-shadow: rgba(0, 0, 0, 0.33) 1px 1px 0;
|
| - -webkit-background-origin: padding;
|
| - -webkit-background-clip: padding;
|
| + background-origin: padding-box;
|
| + background-clip: padding-box;
|
| }
|
|
|
| :focus .sidebar-tree-item.selected {
|
| @@ -5940,12 +5810,15 @@
|
| top: 10px;
|
| }
|
|
|
| -.sidebar-tree.small .sidebar-tree-item .titles, .sidebar-tree .children.small .sidebar-tree-item .titles, .sidebar-tree-item.small .titles {
|
| +.sidebar-tree.small .sidebar-tree-item .titles,
|
| +.sidebar-tree .children.small .sidebar-tree-item .titles,
|
| +.sidebar-tree-item.small .titles {
|
| top: 2px;
|
| line-height: normal;
|
| }
|
|
|
| -.sidebar-tree:not(.small) .sidebar-tree-item:not(.small) .title::after, .sidebar-tree .children:not(.small) .sidebar-tree-item .title::after {
|
| +.sidebar-tree:not(.small) .sidebar-tree-item:not(.small) .title::after,
|
| +.sidebar-tree .children:not(.small) .sidebar-tree-item .title::after {
|
| content: "\A";
|
| white-space: pre;
|
| }
|
| @@ -5954,7 +5827,9 @@
|
| font-size: 80%;
|
| }
|
|
|
| -.sidebar-tree.small .sidebar-tree-item .subtitle, .sidebar-tree .children.small .sidebar-tree-item .subtitle, .sidebar-tree-item.small .subtitle {
|
| +.sidebar-tree.small .sidebar-tree-item .subtitle,
|
| +.sidebar-tree .children.small .sidebar-tree-item .subtitle,
|
| +.sidebar-tree-item.small .subtitle {
|
| display: none;
|
| }
|
|
|
| @@ -5962,15 +5837,18 @@
|
| color: white;
|
| }
|
|
|
| -.bubble.debug, .console-debug-level .bubble {
|
| +.bubble.debug,
|
| +.console-debug-level .bubble {
|
| background-color: rgb(0, 0, 255) !important;
|
| }
|
|
|
| -.bubble.warning, .console-warning-level .bubble {
|
| +.bubble.warning,
|
| +.console-warning-level .bubble {
|
| background-color: rgb(232, 164, 0) !important;
|
| }
|
|
|
| -.bubble.error, .console-error-level .bubble {
|
| +.bubble.error,
|
| +.console-error-level .bubble {
|
| background-color: rgb(216, 35, 35) !important;
|
| }
|
|
|
| @@ -5993,7 +5871,8 @@
|
| background-image: url(Images/searchSmallGray.png);
|
| }
|
|
|
| -.storage-application-cache-status-icon, .storage-application-cache-connectivity-icon {
|
| +.storage-application-cache-status-icon,
|
| +.storage-application-cache-connectivity-icon {
|
| margin: 5px 5px 0;
|
| vertical-align: middle;
|
| }
|
| @@ -6003,7 +5882,8 @@
|
| border-right: 1px solid #CCC;
|
| }
|
|
|
| -.storage-application-cache-status, .storage-application-cache-connectivity {
|
| +.storage-application-cache-status,
|
| +.storage-application-cache-connectivity {
|
| position: relative;
|
| top: 4px;
|
| }
|
| @@ -6034,7 +5914,8 @@
|
| -webkit-mask-position: 0 0;
|
| }
|
|
|
| -.webkit-html-js-node, .webkit-html-css-node {
|
| +.webkit-html-js-node,
|
| +.webkit-html-css-node {
|
| white-space: pre;
|
| }
|
|
|
| @@ -6042,7 +5923,7 @@
|
| z-index: 30;
|
| padding: 4px;
|
| background-color: rgb(203, 226, 255);
|
| - -webkit-border-radius: 7px;
|
| + border-radius: 7px;
|
| border: 2px solid rgb(169, 172, 203);
|
| width: 90%;
|
| pointer-events: auto;
|
| @@ -6091,6 +5972,16 @@
|
| background-color: rgb(255, 255, 194);
|
| }
|
|
|
| +.source-frame-stepin-mark {
|
| + text-decoration: underline;
|
| + background-color: #bfccfe;
|
| +}
|
| +
|
| +.source-frame-stepin-mark-highlighted {
|
| + text-decoration: underline;
|
| + background-color: #698cfe;
|
| +}
|
| +
|
| .workers-list {
|
| list-style: none;
|
| margin: 0;
|
| @@ -6159,7 +6050,7 @@
|
| padding: 4px 0 4px 0;
|
| border-radius: 4px;
|
| background-color: white;
|
| - -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.25);
|
| + box-shadow: 0 5px 10px rgba(0, 0, 0, 0.25);
|
| }
|
|
|
| .soft-context-menu-item {
|
| @@ -6270,10 +6161,6 @@
|
| overflow: hidden;
|
| }
|
|
|
| -.animate #bottom-status-bar-container > * {
|
| - -webkit-transition: opacity 100ms linear;
|
| -}
|
| -
|
| .search-status-bar-item {
|
| display: inline-block;
|
| cursor: pointer;
|
| @@ -6349,7 +6236,7 @@
|
| #search-results-pane-file-based li.parent::before {
|
| background-image: url(Images/statusbarButtonGlyphs2x.png);
|
| }
|
| -}
|
| +} /* media */
|
|
|
| #search-results-pane-file-based li.parent::before {
|
| background-position: -4px -96px;
|
| @@ -6398,12 +6285,18 @@
|
| white-space: pre;
|
| }
|
|
|
| -#search-results-pane-file-based .search-match .webkit-line-number.search-match-line-number {
|
| +#search-results-pane-file-based .search-match .search-match-line-number {
|
| + color: rgb(128, 128, 128);
|
| + text-align: right;
|
| + vertical-align: top;
|
| + word-break: normal;
|
| + padding-right: 4px;
|
| + padding-left: 6px;
|
| margin-right: 5px;
|
| border-right: 1px solid #BBB;
|
| }
|
|
|
| -#search-results-pane-file-based .search-match:not(:hover) .webkit-line-number.search-match-line-number {
|
| +#search-results-pane-file-based .search-match:not(:hover) .search-match-line-number {
|
| background-color: #F0F0F0;
|
| }
|
|
|
| @@ -6424,16 +6317,19 @@
|
| color: #000;
|
| }
|
|
|
| -.record-cpu-profile-status-bar-item .glyph, .record-profile-status-bar-item .glyph {
|
| +.record-cpu-profile-status-bar-item .glyph,
|
| +.record-profile-status-bar-item .glyph {
|
| -webkit-mask-position: -288px 0;
|
| }
|
|
|
| -.record-cpu-profile-status-bar-item.toggled-on .glyph, .record-profile-status-bar-item.toggled-on .glyph {
|
| +.record-cpu-profile-status-bar-item.toggled-on .glyph,
|
| +.record-profile-status-bar-item.toggled-on .glyph {
|
| -webkit-mask-position: -288px -24px;
|
| background-color: rgb(216, 0, 0) !important;
|
| }
|
|
|
| -.storage-empty-view, .storage-view .storage-table-error {
|
| +.empty-view,
|
| +.storage-view .storage-table-error {
|
| position: absolute;
|
| top: 0;
|
| bottom: 25%;
|
| @@ -6468,20 +6364,24 @@
|
|
|
| /* Custom popup scrollers */
|
|
|
| -.custom-popup-horizontal-scroll ::-webkit-scrollbar, .custom-popup-vertical-scroll ::-webkit-scrollbar {
|
| +.custom-popup-horizontal-scroll ::-webkit-scrollbar,
|
| +.custom-popup-vertical-scroll ::-webkit-scrollbar {
|
| width: 11px;
|
| height: 11px;
|
| }
|
|
|
| -.custom-popup-horizontal-scroll ::-webkit-scrollbar-corner, .custom-popup-vertical-scroll ::-webkit-scrollbar-corner {
|
| +.custom-popup-horizontal-scroll ::-webkit-scrollbar-corner,
|
| +.custom-popup-vertical-scroll ::-webkit-scrollbar-corner {
|
| display: none;
|
| }
|
|
|
| -.custom-popup-horizontal-scroll ::-webkit-resizer, .custom-popup-vertical-scroll ::-webkit-resizer {
|
| +.custom-popup-horizontal-scroll ::-webkit-resizer,
|
| +.custom-popup-vertical-scroll ::-webkit-resizer {
|
| display: none;
|
| }
|
|
|
| -.custom-popup-horizontal-scroll ::-webkit-scrollbar-button, .custom-popup-vertical-scroll ::-webkit-scrollbar-button {
|
| +.custom-popup-horizontal-scroll ::-webkit-scrollbar-button,
|
| +.custom-popup-vertical-scroll ::-webkit-scrollbar-button {
|
| display: none;
|
| }
|
|
|
| @@ -6584,7 +6484,6 @@
|
| bottom: 0;
|
| left: 0;
|
| right: 0;
|
| - font-size: 11px;
|
| height: auto;
|
| }
|
|
|
|
|