diff options
Diffstat (limited to 'WebCore/inspector/front-end/audits.css')
| -rw-r--r-- | WebCore/inspector/front-end/audits.css | 215 |
1 files changed, 114 insertions, 101 deletions
diff --git a/WebCore/inspector/front-end/audits.css b/WebCore/inspector/front-end/audits.css index 9d02c80..ad12db3 100644 --- a/WebCore/inspector/front-end/audits.css +++ b/WebCore/inspector/front-end/audits.css @@ -50,104 +50,6 @@ button.clear-audit-results-status-bar-item .glyph { -webkit-mask-image: url(Images/clearConsoleButtonGlyph.png); } -#audit-result-view { - display: none; - overflow: auto; - position: absolute; - top: 0; - left: 0; - right: 0; - bottom: 0; - background-color: rgb(245, 245, 245); - cursor: default; - overflow: auto; -} - -#audit-result-view.visible { - display: block; -} - -#audit-result-view > .pane img.score { - float: left; - margin-top: 2px; - position: relative; - height: 16px; - width: 16px; - z-index: 100; -} - -#audit-result-view > .pane img.score.red { - content: url(Images/errorRedDot.png); -} - -#audit-result-view > .pane img.score.green { - content: url(Images/successGreenDot.png); -} - -#audit-result-view > .pane.expanded:nth-last-of-type(1) { - border-bottom: 1px solid rgb(189, 189, 189) !important; -} - -#audit-result-view .pane.expanded:nth-last-of-type(1) { - border-bottom: 0px transparent none; -} - -#audit-result-view > .pane > .body > .pane > .title { - padding-left: 16px; - background-image: none; - border-bottom: none; -} - -#audit-result-view > .pane > .body > .pane > .body { - background-color: transparent; -} - -#audit-result-view > .pane > .body > .pane .section { - margin-left: 16px; -} - -#audit-result-view .section .header { - border: 0; - background-image: none; - background-color: transparent; -} - -#audit-result-view .section .header > .title { - color: rgb(0, 0, 0); -} - -#audit-result-view .section .section-content { - width: 100%; - padding-left: 18px; - display: none; -} - -#audit-result-view .section.expanded .section-content { - display: block; -} - -#audit-result-view .section.expanded .section-content > p:nth-of-type(1) { - margin-top: 0; -} - -#audit-result-view .section.expanded .section-content > p:nth-of-type(1) > *:nth-child(1) { - margin-top: 0; -} - -#audit-result-view .section .header::before { - content: url(Images/treeRightTriangleBlack.png); -} - -#audit-result-view .section.expanded .header::before { - content: url(Images/treeDownTriangleBlack.png); -} - -div.panel.audits .sidebar > ol.sidebar-tree > li:nth-child(1) { - height: 0px; - padding-top: 0; - padding-bottom: 0; -} - .audit-launcher-view { z-index: 1000; position: absolute; @@ -174,6 +76,8 @@ div.panel.audits .sidebar > ol.sidebar-tree > li:nth-child(1) { bottom: 0; padding: 0 0 0 16px; white-space: nowrap; + display: -webkit-box; + -webkit-box-orient: vertical; } .audit-launcher-view h1 { @@ -192,10 +96,13 @@ div.panel.audits .sidebar > ol.sidebar-tree > li:nth-child(1) { } .audit-launcher-view div.button-container { - position: absolute; + display: -webkit-box; + -webkit-box-orient: vertical; width: 100%; - bottom: 16px; - padding-top: 16px; + padding: 16px 0; +} +.audit-launcher-view .flexible-space { + -webkit-box-flex: 1; } .audit-launcher-view div.audit-categories-container { @@ -270,3 +177,109 @@ body.inactive .audit-launcher-view button, .audit-launcher-view button:disabled background: url(Images/radioDot.png) center no-repeat, -webkit-gradient(linear, left top, left bottom, from(rgb(252, 252, 252)), to(rgb(223, 223, 223))); } + +.audit-launcher-view .resource-progress > img { + content: url(Images/spinner.gif); + vertical-align: text-top; + margin: 0 4px 0 8px; +} + +.audit-result-view { + overflow: auto; + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + display: none; +} + +.audit-result-view.visible { + display: block; +} + +.audit-result-view .severity-severe { + content: url(Images/errorRedDot.png); +} + +.audit-result-view .severity-warning { + content: url(Images/warningOrangeDot.png); +} + +.audit-result-view .severity-info { + content: url(Images/successGreenDot.png); +} + +.audit-result-tree li.parent::before { + content: url(Images/treeRightTriangleBlack.png); + float: left; + width: 8px; + height: 8px; + margin-top: 1px; + padding-right: 2px; +} + +.audit-result-tree { + font-size: 11px; + line-height: 14px; + -webkit-user-select: text; +} + +.audit-result-tree > ol { + position: relative; + padding: 2px 6px !important; + margin: 0; + color: rgb(84, 84, 84); + cursor: default; + min-width: 100%; +} + +.audit-result-tree, .audit-result-tree ol { + list-style-type: none; + -webkit-padding-start: 12px; + margin: 0; +} + +.audit-result-tree li { + padding: 0 0 0 14px; + margin-top: 1px; + margin-bottom: 1px; + word-wrap: break-word; + text-indent: -2px; +} + +.audit-result-tree li.parent { + text-indent: -12px +} + +.audit-result-tree li.parent::before { + content: url(Images/treeRightTriangleBlack.png); + float: left; + width: 8px; + height: 8px; + margin-top: 0; + padding-right: 2px; +} + +.audit-result-tree li.parent.expanded::before { + content: url(Images/treeDownTriangleBlack.png); +} + +.audit-result-tree ol.children { + display: none; +} + +.audit-result-tree ol.children.expanded { + display: block; +} + +.audit-result { + font-weight: bold; + color: black; +} + +.audit-result img { + float: left; + margin-left: -40px; + margin-top: -1px; +} |