+/* Security tabpanel */
+
+.security-info-section {
+ -moz-padding-start: 1em;
+}
+
+#security-tabpanel {
+ overflow: auto;
+}
+
+.security-warning-icon {
+ background-image: url("alerticon-warning.png");
+ background-size: 13px 12px;
+ -moz-margin-start: 5px;
+ vertical-align: top;
+ width: 13px;
+ height: 12px;
+}
+
+@media (min-resolution: 2dppx) {
+ .security-warning-icon {
+ background-image: url("alerticon-warning@2x.png");
+ }
+}
+
+/* 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;
+ background-color: var(--theme-toolbar-background);
+}
+
+.requests-menu-footer-button,
+.requests-menu-footer-label {
+ min-width: 1em;
+ margin: 0;
+ -moz-margin-end: 3px;
+ border: none;
+ padding: 0px 1vw;
+/* color: var(--theme-body-color);*/
+}
+
+.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-color: var(--theme-toolbar-background);
+}
+
+#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: var(--theme-highlight-bluegrey);
+ background: var(--theme-highlight-bluegrey);
+}
+
+.chart-colored-blob[name=css] {
+ fill: var(--theme-highlight-blue);
+ background: var(--theme-highlight-blue);
+}
+
+.chart-colored-blob[name=js] {
+ fill: var(--theme-highlight-lightorange);
+ background: var(--theme-highlight-lightorange);
+}
+
+.chart-colored-blob[name=xhr] {
+ fill: var(--theme-highlight-orange);
+ background: var(--theme-highlight-orange);
+}
+
+.chart-colored-blob[name=fonts] {
+ fill: var(--theme-highlight-darkpurple);
+ background: var(--theme-highlight-darkpurple);
+}
+
+.chart-colored-blob[name=images] {
+ fill: var(--theme-highlight-pink);
+ background: var(--theme-highlight-pink);
+}
+
+.chart-colored-blob[name=media] {
+ fill: var(--theme-highlight-green);
+ background: var(--theme-highlight-green);
+}
+
+.chart-colored-blob[name=flash] {
+ fill: var(--theme-highlight-red);
+ background: var(--theme-highlight-red);
+}
+
+.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;
+}
+