/* 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; } /* Network requests table */ #body { background-color: #000000; } .requests-menu-empty-notice { background-color: #A09090; border-radius: 8px; padding: 12px; font-size: 110%; color: #000000; } #requests-menu-toolbar { } .requests-menu-header { text-align: center; } .requests-menu-subitem { padding: 0 4px; } .requests-menu-header:not(:last-of-type), .requests-menu-subitem:not(:last-child) { -moz-border-end: 1px solid #9C9CFF; } .requests-menu-status-and-method { width: 8em; } .requests-menu-status { background-color: #A09090; width: 10px; height: 10px; -moz-margin-start: 4px; -moz-margin-end: 2px; border-radius: 20px; border: 1px solid #000000; transition: background-color 0.5s ease-in-out; } .requests-menu-status[code^="1"] { background-color: #9C9CFF; } .requests-menu-status[code^="2"] { background-color: #008484; } .requests-menu-status[code^="3"] { background-color: #FF9F00; } .requests-menu-status[code^="4"] { background-color: #FF0000; } .requests-menu-status[code^="5"] { background-color: #6000CF; } .requests-menu-method { text-align: center; font-weight: 600; } .requests-menu-file { width: 16em; } .requests-menu-domain { width: 16em; } .requests-menu-type { text-align: center; width: 4em; } .requests-menu-size { text-align: center; width: 8em; } .requests-menu-header.requests-menu-waterfall { -moz-padding-start: 8px; -moz-padding-end: 8px; text-align: center; } /* Network request waterfall */ .requests-menu-subitem.requests-menu-waterfall { -moz-padding-start: 4px; -moz-padding-end: 4px; background-size: 5px; background-image: -moz-linear-gradient(left, transparent 25%, rgba(156,156,255,0.1) 25%, rgba(156,156,255,0.1) 75%, transparent 75%); } .requests-menu-timings { transform-origin: left center; } .requests-menu-timings-total { -moz-padding-start: 8px; font-size: 85%; font-weight: 600; transform-origin: left center; } .requests-menu-timings-cap { width: 4px; height: 10px; border: 1px solid #FFCF00; } .requests-menu-timings-cap.start { -moz-border-end: none; border-radius: 4px 0 0 4px; transform-origin: right center; } .requests-menu-timings-cap.end { -moz-border-start: none; border-radius: 0 4px 4px 0; transform-origin: left center; } .requests-menu-timings-box { height: 10px; border-top: 1px solid #FFCF00; border-bottom: 1px solid #FFCF00; } .requests-menu-timings-box.blocked, .requests-menu-timings-cap.blocked { background-color: #FF0000; } .requests-menu-timings-box.dns, .requests-menu-timings-cap.dns { background-color: #6000CF; } .requests-menu-timings-box.connect, .requests-menu-timings-cap.connect { background-color: #FF9F00; } .requests-menu-timings-box.send, .requests-menu-timings-cap.send { background-color: #FFCF00; } .requests-menu-timings-box.wait, .requests-menu-timings-cap.wait { background-color: #9C9CFF; } .requests-menu-timings-box.receive, .requests-menu-timings-cap.receive { background-color: #A09090; } .side-menu-widget-item:nth-child(even) { background: rgba(255,159,0,0.1); } /* Network request details */ #details-pane { background-color: #000000; max-width: 500px; } #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[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); } /* Network request details tabpanels */ .tabpanel-content { background-color: #000000; color: #FF9F00; } .tabpanel-summary-container { padding: 1px; } .tabpanel-summary-label { -moz-padding-start: 4px; -moz-padding-end: 3px; font-weight: 600; color: #9C9CFF; } .tabpanel-summary-value { -moz-padding-start: 3px; font-family: "Liberation Mono", Consolas, "Courier New", monospace; } /* Headers tabpanel */ #headers-summary-status, #headers-summary-version { padding-bottom: 2px; } #headers-summary-size { padding-top: 2px; } /* Response tabpanel */ #response-content-image-box { padding-top: 10px; padding-bottom: 10px; } #response-content-image { background: #FFFFFF; border: 1px dashed #A09090; margin-bottom: 10px; } /* Timings tabpanel */ #timings-tabpanel .tabpanel-summary-label { width: 10em; } #timings-tabpanel .requests-menu-timings-box { transition: transform 0.2s ease-out; min-width: 1px; } #timings-tabpanel .requests-menu-timings-total { transition: transform 0.2s ease-out; }