1/* This Source Code Form is subject to the terms of the Mozilla Public 2 * License, v. 2.0. If a copy of the MPL was not distributed with this 3 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ 4 5.hidden { 6 display: none; 7} 8 9html { 10 background-color: -moz-Dialog; 11 color: -moz-DialogText; 12 font: message-box; 13} 14 15body { 16 padding: 0px; 17 margin: 0px; 18} 19 20h2 { 21 font-size: medium; 22} 23 24#page-description { 25 border: 1px solid threedshadow; 26 margin: 0px; 27 padding: 10px; 28} 29 30#settings { 31 border: 1px solid lightgrey; 32 padding: 5px; 33} 34 35.description-enabled, 36.description-disabled { 37 margin: 0px; 38} 39 40.description-enabled > span { 41 color: green; 42} 43 44.description-disabled > span { 45 color: red; 46} 47 48#ping-picker { 49 margin-top: 10px; 50 border: 1px solid lightgrey; 51 padding: 5px; 52} 53 54#ping-source-picker { 55 margin-left: 5px; 56 margin-bottom: 10px; 57} 58 59.data-section, 60.data-subsection { 61 background-color: -moz-Field; 62 color: -moz-FieldText; 63 border-top: 1px solid threedshadow; 64 border-bottom: 1px solid threedshadow; 65 margin: 0px; 66 padding: 10px; 67} 68 69.data-section:not(.has-data), 70.data-subsection:not(.has-subdata) { 71 color: gray; 72} 73 74 75.section-name { 76 font-size: x-large; 77 display: inline; 78} 79 80.has-data .section-name { 81 cursor: pointer; 82} 83 84 85.toggle-caption { 86 font-style: italic; 87 cursor: pointer; 88} 89 90.data-section:not(.has-data) .toggle-caption, 91.data-subsection:not(.has-subdata) .toggle-caption { 92 display: none; 93} 94 95 96.empty-caption { 97 font-style: italic; 98} 99 100.has-data .empty-caption, 101.has-subdata .empty-caption { 102 display: none; /* invisible when has-data */ 103} 104 105.data, 106.subdata { 107 margin: 15px; 108 display: none; 109} 110 111.has-data.expanded .data, 112.has-subdata.expanded .subdata { 113 display: block; 114} 115 116 117.stack-title { 118 font-size: medium; 119 font-weight: bold; 120 text-decoration: underline; 121} 122 123#histograms, #addon-histograms, #thread-hang-stats>div { 124 overflow: hidden; 125} 126 127.histogram { 128 float: left; 129 border: 1px solid gray; 130 white-space: nowrap; 131 padding: 10px; 132 position: relative; /* required for position:absolute of the contained .copy-node */ 133} 134 135body[dir="rtl"] .histogram { 136 float: right; 137} 138 139.histogram-title { 140 text-overflow: ellipsis; 141 width: 100%; 142 white-space: nowrap; 143 overflow: hidden; 144} 145 146.keyed-histogram { 147 white-space: nowrap; 148 padding: 15px; 149 position: relative; /* required for position:absolute of the contained .copy-node */ 150 display: block; 151 overflow: hidden; 152} 153 154.keyed-histogram-title { 155 text-overflow: ellipsis; 156 width: 100%; 157 margin: 10px; 158 font-weight: bold; 159 font-size: 120%; 160 white-space: nowrap; 161} 162 163 164.bar { 165 width: 2em; 166 margin: 2px; 167 text-align: center; 168 float: left; 169 font-family: monospace; 170} 171 172body[dir="rtl"] .bar { 173 float: right; 174} 175 176.bar-inner { 177 background-color: DeepSkyBlue; 178 border: 1px solid #0000b0; 179} 180 181th { 182 font-weight: bold; 183 white-space: nowrap; 184 text-align: left; 185} 186 187body[dir="rtl"] th { 188 text-align: right; 189} 190 191caption { 192 font-weight: bold; 193 white-space: nowrap; 194 text-align: left; 195 font-size: large; 196} 197 198body[dir="rtl"] caption { 199 text-align: right; 200} 201 202.copy-node { 203 visibility: hidden; 204 position: absolute; 205 bottom: 1px; 206 right: 1px; 207} 208 209body[dir="rtl"] .copy-node { 210 left: 1px; 211} 212 213.histogram:hover .copy-node { 214 visibility: visible; 215} 216 217 218.statebox { 219 display: none; 220} 221 222 223.filter-ui { 224 padding-inline-start: 10em; 225 display: none; 226} 227 228.has-data.expanded .filter-ui { 229 display: inline; 230} 231 232.processes-ui { 233 display: none; 234} 235 236.has-data.expanded .processes-ui { 237 display: initial; 238} 239 240.filter-blocked { 241 display: none; 242} 243 244#raw-ping-data-section { 245 width: 100%; 246 height: 100%; 247 background-color:-moz-Dialog; 248} 249 250#raw-ping-data { 251 background-color:white; 252 margin: 0px; 253} 254 255#hide-raw-ping { 256 float: right; 257 cursor: pointer; 258 font-size: 20px; 259 background-color:#d8d8d8; 260 padding: 5px 10px; 261} 262 263/* addon subsection style */ 264.addon-caption { 265 font-size: larger; 266 margin: 5px 0; 267} 268 269.process-picker { 270 margin: 0 0.5em; 271} 272