michael@0: /* This Source Code Form is subject to the terms of the Mozilla Public
michael@0:  * License, v. 2.0. If a copy of the MPL was not distributed with this
michael@0:  * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
michael@0: 
michael@0: .hidden {
michael@0:   display: none;
michael@0: }
michael@0: 
michael@0: html {
michael@0:   background-color: -moz-Field;
michael@0:   color: -moz-FieldText;
michael@0:   font: message-box;
michael@0: }
michael@0: 
michael@0: body {
michael@0:   padding: 0px;
michael@0:   margin: 0px;
michael@0: }
michael@0: 
michael@0: h2 {
michael@0:   font-size: medium;
michael@0: }
michael@0: 
michael@0: #page-description {
michael@0:   background-color: LightGray;
michael@0:   border: 1px solid threedshadow;
michael@0:   margin: 0px;
michael@0:   padding: 10px;
michael@0: }
michael@0: 
michael@0: #description-enabled > span {
michael@0:   color: green;
michael@0: }
michael@0: 
michael@0: #description-disabled > span {
michael@0:   color: red;
michael@0: }
michael@0: 
michael@0: .data-section {
michael@0:   background-color: WhiteSmoke;
michael@0:   border-top: 1px solid threedshadow;
michael@0:   border-bottom: 1px solid threedshadow;
michael@0:   margin: 0px;
michael@0:   padding: 10px;
michael@0: }
michael@0: 
michael@0: .data-section:not(.has-data) {
michael@0:   color: gray;
michael@0: }
michael@0: 
michael@0: 
michael@0: .section-name {
michael@0:   font-size: x-large;
michael@0:   display: inline;
michael@0: }
michael@0: 
michael@0: .has-data .section-name {
michael@0:   cursor: pointer;
michael@0: }
michael@0: 
michael@0: 
michael@0: .toggle-caption {
michael@0:   font-style: italic;
michael@0:   cursor: pointer;
michael@0: }
michael@0: 
michael@0: .data-section:not(.has-data) .toggle-caption {
michael@0:   display: none;
michael@0: }
michael@0: 
michael@0: 
michael@0: .empty-caption {
michael@0:   font-style: italic;
michael@0: }
michael@0: 
michael@0: .has-data .empty-caption {
michael@0:   display: none; /* invisible when has-data */
michael@0: }
michael@0: 
michael@0: 
michael@0: .data {
michael@0:   margin: 15px;
michael@0:   display: none;
michael@0: }
michael@0: 
michael@0: .has-data.expanded .data {
michael@0:   display: block;
michael@0: }
michael@0: 
michael@0: 
michael@0: .stack-title {
michael@0:   font-size: medium;
michael@0:   font-weight: bold;
michael@0:   text-decoration: underline;
michael@0: }
michael@0: 
michael@0: #histograms, #addon-histograms, #thread-hang-stats>div {
michael@0:   overflow: hidden;
michael@0: }
michael@0: 
michael@0: .histogram {
michael@0:   float: left;
michael@0:   border: 1px solid gray;
michael@0:   white-space: nowrap;
michael@0:   padding: 10px;
michael@0:   position: relative; /* required for position:absolute of the contained .copy-node */
michael@0: }
michael@0: 
michael@0: body[dir="rtl"] .histogram {
michael@0:   float: right;
michael@0: }
michael@0: 
michael@0: .histogram-title {
michael@0:   text-overflow: ellipsis;
michael@0:   width: 100%;
michael@0:   white-space: nowrap;
michael@0:   overflow: hidden;
michael@0: }
michael@0: 
michael@0: .bar {
michael@0:   width: 2em;
michael@0:   margin: 2px;
michael@0:   text-align: center;
michael@0:   float: left;
michael@0:   font-family: monospace;
michael@0: }
michael@0: 
michael@0: body[dir="rtl"] .bar {
michael@0:   float: right;
michael@0: }
michael@0: 
michael@0: .bar-inner {
michael@0:   background-color: DeepSkyBlue;
michael@0:   border: 1px solid #0000b0;
michael@0: }
michael@0: 
michael@0: th {
michael@0:   font-weight: bold;
michael@0:   white-space: nowrap;
michael@0:   text-align: left;
michael@0: }
michael@0: 
michael@0: body[dir="rtl"] th {
michael@0:   text-align: right;
michael@0: }
michael@0: 
michael@0: caption {
michael@0:   font-weight: bold;
michael@0:   white-space: nowrap;
michael@0:   text-align: left;
michael@0:   font-size: large;
michael@0: }
michael@0: 
michael@0: body[dir="rtl"] caption {
michael@0:   text-align: right;
michael@0: }
michael@0: 
michael@0: .copy-node {
michael@0:   visibility: hidden;
michael@0:   position: absolute;
michael@0:   bottom: 1px;
michael@0:   right: 1px;
michael@0: }
michael@0: 
michael@0: body[dir="rtl"] .copy-node {
michael@0:   left: 1px;
michael@0: }
michael@0: 
michael@0: .histogram:hover .copy-node {
michael@0:   visibility: visible;
michael@0: }
michael@0: 
michael@0: 
michael@0: .statebox {
michael@0:   display: none;
michael@0: }
michael@0: 
michael@0: 
michael@0: .filter-ui {
michael@0:   -moz-padding-start: 10em;
michael@0:   display: none;
michael@0: }
michael@0: 
michael@0: .has-data.expanded .filter-ui {
michael@0:   display: inline;
michael@0: }
michael@0: 
michael@0: .filter-blocked {
michael@0:   display: none;
michael@0: }