Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(7350)

Unified Diff: chrome_linux64/resources/inspector/inspector.css

Issue 23466010: Roll reference builds to r221697. (Closed) Base URL: svn://svn.chromium.org/chrome/trunk/deps/reference_builds/
Patch Set: Created 7 years, 3 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View side-by-side diff with in-line comments
Download patch
Index: chrome_linux64/resources/inspector/inspector.css
===================================================================
--- chrome_linux64/resources/inspector/inspector.css (revision 221742)
+++ chrome_linux64/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;
}
« no previous file with comments | « chrome_linux64/resources/inspector/helpScreen.css ('k') | chrome_linux64/resources/inspector/inspectorCommon.css » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698