summaryrefslogtreecommitdiffstats
path: root/WebCore/inspector/front-end/inspector.css
diff options
context:
space:
mode:
Diffstat (limited to 'WebCore/inspector/front-end/inspector.css')
-rw-r--r--WebCore/inspector/front-end/inspector.css141
1 files changed, 71 insertions, 70 deletions
diff --git a/WebCore/inspector/front-end/inspector.css b/WebCore/inspector/front-end/inspector.css
index 429e749..b26b748 100644
--- a/WebCore/inspector/front-end/inspector.css
+++ b/WebCore/inspector/front-end/inspector.css
@@ -508,7 +508,7 @@ body.drawer-visible #drawer {
}
.monospace {
- font-size: 10px;
+ font-size: 10px !important;
font-family: monospace;
}
@@ -519,17 +519,17 @@ body.platform-mac .monospace, body.platform-mac .source-code {
/* Keep .platform-mac to make the rule more specific than the general one above. */
body.platform-mac.platform-mac-snowleopard .monospace,
body.platform-mac.platform-mac-snowleopard .source-code {
- font-size: 11px;
+ font-size: 11px !important;
font-family: Menlo, monospace;
}
body.platform-windows .monospace, body.platform-windows .source-code {
- font-size: 12px;
+ font-size: 12px !important;
font-family: Consolas, Lucida Console, monospace;
}
body.platform-linux .monospace, body.platform-linux .source-code {
- font-size: 11px;
+ font-size: 11px !important;
font-family: dejavu sans mono, monospace;
}
@@ -1176,7 +1176,7 @@ body.platform-linux .monospace, body.platform-linux .source-code {
.source-code {
font-family: monospace;
- font-size: 10px;
+ font-size: 10px !important;
white-space: pre-wrap;
}
@@ -1311,26 +1311,21 @@ body.inactive .placard.selected {
margin-top: 1px;
}
-.section:nth-last-of-type(1), .event-bar:nth-last-of-type(1) {
- margin-bottom: 1px;
-}
-
.watch-expressions-buttons-container {
text-align: center;
}
-.event-bar:first-child {
- margin-top: 1px;
+.events-pane .section:not(:nth-of-type(1)) {
+ border-top: 1px solid rgb(191, 191, 191);
}
-.event-bar:nth-last-of-type(1) .header {
- border-bottom: 1px solid rgb(163, 163, 163);
+.event-bar:first-child {
+ margin-top: 1px;
}
.section .header {
- padding: 2px 8px 4px 18px;
- 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)));
+ color: black;
+ padding: 0 8px 0 18px;
min-height: 18px;
white-space: nowrap;
-webkit-background-origin: padding;
@@ -1339,22 +1334,23 @@ body.inactive .placard.selected {
.section .header::before {
position: absolute;
- top: 4px;
+ top: 2px;
left: 7px;
width: 8px;
height: 8px;
- content: url(Images/treeRightTriangleWhite.png);
+ content: url(Images/treeRightTriangleBlack.png);
+ opacity: 0.8;
}
.section.expanded .header::before {
- content: url(Images/treeDownTriangleWhite.png);
+ content: url(Images/treeDownTriangleBlack.png);
}
.section .header .title, .event-bar .header .title {
- color: white;
- font-weight: bold;
+ font-weight: normal;
word-wrap: break-word;
white-space: normal;
+ line-height: 18px;
}
.section .header .title.blank-title {
@@ -1371,10 +1367,8 @@ body.inactive .placard.selected {
.section .header .subtitle, .event-bar .header .subtitle {
float: right;
- font-size: 10px;
margin-left: 5px;
max-width: 55%;
- color: rgba(255, 255, 255, 0.7);
text-overflow: ellipsis;
overflow: hidden;
}
@@ -1389,6 +1383,7 @@ body.inactive .placard.selected {
.section.expanded .properties, .event-bar.expanded .event-properties {
display: block;
+ padding-left: 16px;
}
.section.no-affect .properties li {
@@ -1401,7 +1396,7 @@ body.inactive .placard.selected {
.properties-tree {
margin: 0;
- padding: 2px 6px 3px;
+ padding: 0 6px 2px;
list-style: none;
min-height: 18px;
}
@@ -1453,19 +1448,23 @@ body.inactive .placard.selected {
}
.event-listener-breakpoints .event-category {
- font-size: 12px;
+ font-size: 11px;
font-weight: bold;
- color: rgb(110, 110, 110);
+ color: rgb(96, 96, 96);
+ padding-top: 2px;
}
.event-listener-breakpoints.properties-tree .children li {
- margin-left: 17px;
+ margin-left: 12px;
+ height: 16px;
}
.event-listener-breakpoints .checkbox-elem {
+ font-size: 10px;
float: left;
- margin-top: 1px;
- margin-left: 0px;
+ top: -2px;
+ position: relative;
+ left: -1px;
}
.section .event-bars {
@@ -1478,38 +1477,21 @@ body.inactive .placard.selected {
.event-bar {
position: relative;
-}
-
-.event-bar-connector {
- position: absolute;
- left: 75%;
- bottom: -7px;
- margin-left: -7px;
- content: url(Images/grayConnectorPoint.png);
- z-index: 3;
-}
-
-.event-bar.expanded .event-bar-connector {
- content: url(Images/whiteConnectorPoint.png);
+ left: 10px;
}
.event-bars .event-bar .header {
- padding: 2px 8px 4px 18px;
- border-top: 1px solid rgb(163, 163, 163);
- background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(243, 243, 243)), to(rgb(207, 207, 207)));
- min-height: 18px;
+ padding: 0 8px 0 18px;
+ min-height: 16px;
+ opacity: 1.0;
white-space: nowrap;
-webkit-background-origin: padding;
-webkit-background-clip: padding;
}
-.event-bars .event-bar.expanded .header {
- border-bottom: 1px solid rgb(163, 163, 163);
-}
-
.event-bars .event-bar .header .title {
- font-weight: bold;
- color: #333;
+ font-weight: normal;
+ color: black;
text-shadow: white 0 1px 0;
}
@@ -1519,7 +1501,7 @@ body.inactive .placard.selected {
.event-bars .event-bar .header::before {
position: absolute;
- top: 4px;
+ top: 2px;
left: 7px;
width: 8px;
height: 8px;
@@ -1744,11 +1726,12 @@ li.editing .swatch, li.editing .enabled-button, li.editing-sub-part .delete-but
font-style: italic;
font-size: 10px;
padding: 6px;
- color: gray;
+ color: black;
}
.pane > .body .placard + .info {
- border-top: 1px solid gray
+ border-top: 1px solid rgb(189, 189, 189);
+ background-color: rgb(255, 255, 194);
}
.pane.expanded > .body, .pane.expanded > .growbar {
@@ -1932,6 +1915,11 @@ body.inactive .sidebar {
content: url(Images/applicationCache.png);
}
+/* FIXME: Make separate png for file-system */
+.file-system-storage-tree-item .icon {
+ content: url(Images/applicationCache.png);
+}
+
#storage-views {
position: absolute;
top: 0;
@@ -1963,18 +1951,18 @@ body.inactive .sidebar {
font-weight: bold;
}
-.storage.panel .sidebar li .selection {
+.storage.panel .sidebar li.selected .selection {
background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(162, 177, 207)), to(rgb(120, 138, 177)));
border-top: 1px solid #979797;
height: 17px;
}
-.storage.panel .sidebar :focus li .selection {
+.storage.panel .sidebar :focus li.selected .selection {
background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(92, 147, 213)), to(rgb(21, 83, 170)));
border-top: 1px solid rgb(68, 128, 200);
}
-body.inactive .storage.panel .sidebar li .selection {
+body.inactive .storage.panel .sidebar li.selected .selection {
background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(180, 180, 180)), to(rgb(138, 138, 138)));
border-top: 1px solid rgb(151, 151, 151);
}
@@ -1993,6 +1981,16 @@ body.inactive .storage.panel .sidebar li .selection {
top: 1px;
}
+li.selected .base-storage-tree-element-subtitle {
+ color: white;
+}
+
+.base-storage-tree-element-subtitle {
+ padding-left: 2px;
+ color: rgb(80, 80, 80);
+ text-shadow: none;
+}
+
.storage.panel .status {
float: right;
height: 16px;
@@ -2494,10 +2492,6 @@ body.inactive .panel-enabler-view button:not(.status-bar-item), .panel-enabler-v
-webkit-gradient(linear, left top, left bottom, from(rgb(252, 252, 252)), to(rgb(223, 223, 223)));
}
-.panel-enabler-view.resources img {
- content: url(Images/resourcesSilhouette.png);
-}
-
.panel-enabler-view.scripts img {
content: url(Images/scriptsSilhouette.png);
}
@@ -2677,8 +2671,8 @@ button.enable-toggle-status-bar-item.toggled-on .glyph {
background: transparent;
text-shadow: rgba(255, 255, 255, 0.5) 0 1px 0;
vertical-align: middle;
- padding: 1px 7px 2px;
- height: 18px;
+ padding: 3px 7px 2px;
+ height: 21px;
border: 1px solid transparent;
border-bottom: none;
}
@@ -4095,7 +4089,7 @@ button.enable-toggle-status-bar-item .glyph {
}
ol.breakpoint-list {
- -webkit-padding-start: 2px;
+ -webkit-padding-start: 0;
list-style: none;
margin: 0;
}
@@ -4104,9 +4098,8 @@ ol.breakpoint-list {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
- margin: 4px 0;
- color: rgb(33%, 33%, 33%);
- cursor: pointer;
+ padding: 2px 0;
+ color: black;
}
.breakpoint-list li:hover {
@@ -4128,8 +4121,8 @@ ol.breakpoint-list {
margin: 2px 0 0px 20px;
}
-.breakpoint-list .breakpoint-hit {
- background-color: yellow;
+.pane .breakpoint-hit {
+ background-color: rgb(255, 255, 194);
}
.webkit-html-js-node, .webkit-html-css-node {
@@ -4391,3 +4384,11 @@ a.worker-item:hover {
text-decoration: underline;
cursor: pointer;
}
+
+.cursor-pointer {
+ cursor: pointer;
+}
+
+.cursor-auto {
+ cursor: auto;
+} \ No newline at end of file
generated by cgit v1.1 at 2025-08-18 05:58:38 +0000