/* vim:set ts=2 sw=2 sts=2 et: */ /* This Source Code Form is subject to the terms of the Mozilla Public * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ window { padding: 0; } /* === BEGIN netmonitor.inc.css === */ #requests-menu-empty-notice { margin: 0; padding: 12px; font-size: 120%; color: #FF9F00; } #notice-perf-message { margin-top: 2px; } #requests-menu-perf-notice-button { min-width: 30px; min-height: 26px; margin: 0; list-style-image: url("profiler-stopwatch.svg"); } #requests-menu-perf-notice-button .button-text { display: none; } #requests-menu-reload-notice-button { min-height: 26px; margin: 0; } /* Network requests table */ #requests-menu-toolbar { } #requests-menu-toolbar > .toolbar-box > .toolbar-startcap, #requests-menu-toolbar > .toolbar-box > .toolbar-endcap { display: none; } .requests-menu-header:first-child { -moz-padding-start: 4px; -moz-margin-start: 4px; } .requests-menu-subitem { padding: 4px; } .requests-menu-header:not(:last-child), .requests-menu-subitem:not(:last-child) { -moz-border-end: 1px solid #9C9CFF; } .requests-menu-header:not(:last-child):-moz-locale-dir(rtl), .requests-menu-subitem:not(:last-child):-moz-locale-dir(rtl) { } .requests-menu-header-button, #requests-menu-status-button { background-color: transparent; border-radius: 0; min-width: 20px; margin: 0; font-weight: inherit !important; transition: background-color 0.1s ease-in-out; } .requests-menu-header-button > .button-box, #requests-menu-status-button > .button-box { border-radius: 0; -moz-padding-start: 0; -moz-padding-end: 0; border: 0; } .requests-menu-header-button:hover { background-color: #FFCF00; } .requests-menu-header-button:hover:active { background-color: #FF9F00; } .requests-menu-header-button:not(:active)[sorted] { background-color: #008484; } .requests-menu-header-button:not(:active)[sorted=ascending] { background-image: radial-gradient(farthest-side at center top, rgba(0,0,0,.7), rgba(0,0,0,0.3)); background-size: 100% 1px; background-repeat: no-repeat; } .requests-menu-header-button:not(:active)[sorted=descending] { background-image: radial-gradient(farthest-side at center bottom, rgba(0,0,0,.7), rgba(0,0,0,0.3)); background-size: 100% 1px; background-repeat: no-repeat; background-position: bottom; } #requests-menu-status-button { border: none; } #requests-menu-status-button > .button-box { padding: 0; } /* Network requests table: specific column dimensions */ .requests-menu-status-and-method { width: 12em; } .requests-menu-status { width: 10px; height: 10px; margin: 0px 2px; } .requests-menu-method { text-align: center; font-weight: 600; } .requests-menu-icon-and-file { width: 20vw; min-width: 4em; } .requests-menu-icon { background: #FFCF00; width: calc(1em + 4px); height: calc(1em + 4px); margin: -4px 0px; -moz-margin-end: 4px; } .requests-menu-icon { outline: 1px solid #A09090; } .requests-menu-file { text-align: start; } .requests-menu-domain { width: 14vw; min-width: 10em; } .requests-menu-type { text-align: center; width: 4em; } .requests-menu-size { text-align: center; width: 8em; } /* Network requests table: status codes */ box.requests-menu-status { background-color: #A09090; width: 10px; -moz-margin-start: 5px; -moz-margin-end: 5px; border-radius: 20px; border: 1px solid #000000; transition: background-color 0.5s ease-in-out; } label.requests-menu-status-code { -moz-margin-start: 3px !important; width: 3em; -moz-margin-end: -3em !important; } box.requests-menu-status:not([code]) { background-color: #A09090; /* dark grey */ } box.requests-menu-status[code^="1"] { background-color: #9C9CFF; /* light blue */ } box.requests-menu-status[code^="2"] { background-color: #008484; /* green */ } /* 3xx are triangles */ box.requests-menu-status[code^="3"] { background-color: transparent; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 10px solid #FF9F00; /* light orange */ border-radius: 0; } /* 4xx and 5xx are squares - error codes */ box.requests-menu-status[code^="4"] { background-color: #FF0000; /* red */ border-radius: 0; /* squares */ } box.requests-menu-status[code^="5"] { background-color: #6000CF; /* pink? */ border-radius: 0; transform: rotate(45deg); } /* Network requests table: waterfall header */ #requests-menu-waterfall-label { -moz-padding-start: 8px; -moz-padding-end: 8px; } .requests-menu-timings-division { width: 100px; padding-top: 1px; -moz-padding-start: 4px; -moz-border-start: 1px dotted #000000; font-size: 90%; pointer-events: none; } .requests-menu-timings-division:not(:first-child) { -moz-border-start: 1px dotted; -moz-margin-start: -100px !important; /* Don't affect layout. */ } .requests-menu-timings-division:-moz-locale-dir(ltr) { transform-origin: left center; } .requests-menu-timings-division:-moz-locale-dir(rtl) { transform-origin: right center; } .requests-menu-timings-division[division-scale=millisecond] { -moz-border-start-color: #FF9F00 !important; /* Light foreground text */ } .requests-menu-timings-division[division-scale=second] { -moz-border-start-color: #FF9F00 !important; /* Light foreground text */ font-weight: 600; } .requests-menu-timings-division[division-scale=minute] { -moz-border-start-color: #FF9F00 !important; /* Light foreground text */ font-weight: 600; } /* Network requests table: waterfall items */ .requests-menu-subitem.requests-menu-waterfall { -moz-padding-start: 0px; -moz-padding-end: 4px; /* Background created on a in js. */ /* @see browser/devtools/netmonitor/netmonitor-view.js */ background-image: -moz-element(#waterfall-background); background-repeat: repeat-y; background-position: -1px center; } .requests-menu-subitem.requests-menu-waterfall:-moz-locale-dir(rtl) { background-position: right center; } .requests-menu-timings:-moz-locale-dir(ltr) { transform-origin: left center; } .requests-menu-timings:-moz-locale-dir(rtl) { transform-origin: right center; } .requests-menu-timings-total:-moz-locale-dir(ltr) { transform-origin: left center; } .requests-menu-timings-total:-moz-locale-dir(rtl) { transform-origin: right center; } .requests-menu-timings-total { -moz-padding-start: 4px; font-size: 85%; font-weight: 600; } .requests-menu-timings-box { height: 9px; } .requests-menu-timings-box.blocked { background-color: #FF0000; /* red */ } .requests-menu-timings-box.dns { background-color: #E7ADE7; /* pink */ } .requests-menu-timings-box.connect { background-color: #FF9F00; /* orange */ } .requests-menu-timings-box.send { background-color: #FFCF00; /* light blue */ } .requests-menu-timings-box.wait { background-color: #9C9CFF; /* blue grey */ } .requests-menu-timings-box.receive { background-color: #A09090; /* green */ } /* SideMenuWidget */ .side-menu-widget-item-contents { padding: 0px; } .side-menu-widget-container { box-shadow: none !important; } .side-menu-widget-item:not(.selected)[odd] { background: rgba(255,159,0,0.1); } /* Network request details */ #details-pane-toggle { list-style-image: url("chrome://browser/skin/devtools/debugger-collapse.png"); -moz-image-region: rect(0px,16px,16px,0px); } #details-pane-toggle > .toolbarbutton-icon { width: 16px; height: 16px; } #details-pane-toggle[pane-collapsed] { list-style-image: url("chrome://browser/skin/devtools/debugger-expand.png"); } #details-pane-toggle:hover, #details-pane-toggle:hover:active { -moz-image-region: rect(0px,32px,16px,16px); } @media (min-resolution: 2dppx) { #details-pane-toggle { list-style-image: url("chrome://browser/skin/devtools/debugger-collapse@2x.png"); -moz-image-region: rect(0px,32px,32px,0px); } #details-pane-toggle[pane-collapsed] { list-style-image: url("chrome://browser/skin/devtools/debugger-expand@2x.png"); } #details-pane-toggle:active { -moz-image-region: rect(0px,64px,32px,32px); } } /* Network request details tabpanels */ .tabpanel-content { background-color: #000000; color: #FF9F00; } /* Summary tabpanel */ .tabpanel-summary-container { padding: 1px; } .tabpanel-summary-label { -moz-padding-start: 4px; -moz-padding-end: 3px; font-weight: 600; } .tabpanel-summary-value { -moz-padding-start: 3px; } /* Headers tabpanel */ #headers-summary-status, #headers-summary-version { padding-bottom: 2px; } #headers-summary-size { padding-top: 2px; } #headers-summary-resend { margin: 0 6px; /* min-height: 20px;*/ } /* Response tabpanel */ #response-content-info-header { margin: 0; padding: 3px 8px; background-color: #FF0000; /* Red highlight */ color: #000000; /* Light foreground text */ } #response-content-image-box { padding-top: 10px; padding-bottom: 10px; } #response-content-image { background: #FFFFFF; border: 1px dashed #A09090; margin-bottom: 10px; } /* Preview tabpanel */ #preview-tabpanel { background: #fff; } #response-preview { display: -moz-box; -moz-box-flex: 1; } /* Timings tabpanel */ #timings-tabpanel .tabpanel-summary-label { width: 10em; } #timings-tabpanel .requests-menu-timings-box { transition: transform 0.2s ease-out; min-width: 1px; border: none; } #timings-tabpanel .requests-menu-timings-total { transition: transform 0.2s ease-out; } /* Custom request form */ #custom-pane { padding: 0.6em 0.5em; } .custom-header { font-size: 1.1em; } .custom-section { margin-top: 0.5em; } #custom-method-value { width: 4.5em; } /* Footer */ #requests-menu-footer { border-top: 1px solid #9C9CFF; padding-top: 3px; } .requests-menu-footer-button, .requests-menu-footer-label { min-width: 1em; margin: 0; -moz-margin-end: 3px; border: none; padding: 0px 1vw; /* color: #fff;*/ } .requests-menu-footer-spacer { min-width: 2px; } .requests-menu-footer-spacer, .requests-menu-footer-button { } .requests-menu-footer-button { } .requests-menu-footer-button:hover { } .requests-menu-footer-button:hover:active { } .requests-menu-footer-button:not(:active)[checked] { } .requests-menu-footer-label { font-weight: 600; } /* Performance analysis buttons */ #requests-menu-network-summary-button { list-style-image: url("profiler-stopwatch.svg"); -moz-padding-end: 0; cursor: pointer; } #requests-menu-network-summary-label { -moz-padding-start: 0; cursor: pointer; } #requests-menu-network-summary-label:hover { text-decoration: underline; } /* Performance analysis view */ #network-statistics-toolbar { /* Make the toolbar invisible, it only hold the back button */ -moz-binding: url("chrome://global/content/bindings/toolbar.xml#toolbar"); background-color: #000000; } #network-statistics-back-button { min-width: 4em; min-height: 100vh; } #network-statistics-view-splitter { cursor: default; pointer-events: none; } #network-statistics-charts { min-height: 1px; background: #000000; /* Toolbars */ } #network-statistics-charts .pie-chart-container { -moz-margin-start: 3vw; -moz-margin-end: 1vw; } #network-statistics-charts .table-chart-container { -moz-margin-start: 1vw; -moz-margin-end: 3vw; } .chart-colored-blob[name=html] { fill: #A09090; /* Blue-Grey highlight */ background: #A09090; } .chart-colored-blob[name=css] { fill: #9C9CFF; /* Blue highlight */ background: #9C9CFF; } .chart-colored-blob[name=js] { fill: #FFCF00; /* Light Orange highlight */ background: #FFCF00; } .chart-colored-blob[name=xhr] { fill: #FF9F00; /* Orange highlight */ background: #FF9F00; } .chart-colored-blob[name=fonts] { fill: #6000CF; /* Purple highlight */ background: #6000CF; } .chart-colored-blob[name=images] { fill: #E7ADE7; /* Pink highlight */ background: #E7ADE7; } .chart-colored-blob[name=media] { fill: #008484; /* Green highlight */ background: #008484; } .chart-colored-blob[name=flash] { fill: #FF0000; /* Red highlight */ background: #FF0000; } .table-chart-row-label[name=cached] { display: none; } .table-chart-row-label[name=count] { width: 3em; text-align: end; } .table-chart-row-label[name=label] { width: 7em; } .table-chart-row-label[name=size] { width: 7em; } .table-chart-row-label[name=time] { width: 7em; } /* Responsive sidebar */ @media (max-width: 700px) { #requests-menu-toolbar { height: 24px; } .requests-menu-header-button { min-height: 24px; } #details-pane { margin: 0 !important; /* To prevent all the margin hacks to hide the sidebar. */ } .requests-menu-status-and-method { width: 16vw; } .requests-menu-icon-and-file, .requests-menu-domain { width: 30vw; } .requests-menu-type { width: 8vw; } .requests-menu-size { width: 16vw; border-width: 0 !important; box-shadow: none !important; /* The "Timeline" header is not visible anymore, and thus the right border and box-shadow of "Size" column should be hidden. */ } } /* === END netmonitor.inc.css === */