| | 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 | window { |
| | 6 | padding: 0; |
| | 7 | } |
| | 8 | |
| | 9 | /* === BEGIN debugger.inc.css === */ |
| | 10 | |
| | 11 | /* Sources and breakpoints pane */ |
| | 12 | |
| | 13 | #sources-pane[selectedIndex="0"] + #sources-and-editor-splitter { |
| | 14 | border-color: transparent; |
| | 15 | } |
| | 16 | |
| | 17 | #sources-pane > tabs { |
| | 18 | -moz-border-end-color: var(--theme-splitter-color); |
| | 19 | } |
| | 20 | |
| | 21 | .dbg-breakpoint-condition-thrown-message { |
| | 22 | display: none; |
| | 23 | color: var(--theme-highlight-red); |
| | 24 | } |
| | 25 | |
| | 26 | .dbg-breakpoint.dbg-breakpoint-condition-thrown .dbg-breakpoint-condition-thrown-message { |
| | 27 | display: block; |
| | 28 | -moz-padding-start: 0; |
| | 29 | } |
| | 30 | |
| | 31 | /* Sources toolbar */ |
| | 32 | |
| | 33 | #sources-toolbar > .devtools-toolbarbutton, |
| | 34 | #sources-controls > .devtools-toolbarbutton { |
| | 35 | min-width: 32px; |
| | 36 | } |
| | 37 | |
| | 38 | #black-box { |
| | 39 | list-style-image: url("debugger-blackbox.png"); |
| | 40 | } |
| | 41 | |
| | 42 | @media (min-resolution: 2dppx) { |
| | 43 | #black-box { |
| | 44 | list-style-image: url(debugger-blackbox@2x.png); |
| | 45 | } |
| | 46 | } |
| | 47 | |
| | 48 | #pretty-print { |
| | 49 | list-style-image: url(debugger-prettyprint.png); |
| | 50 | } |
| | 51 | |
| | 52 | @media (min-resolution: 2dppx) { |
| | 53 | #pretty-print { |
| | 54 | list-style-image: url(debugger-prettyprint@2x.png); |
| | 55 | } |
| | 56 | } |
| | 57 | |
| | 58 | #toggle-breakpoints { |
| | 59 | list-style-image: url("debugger-toggleBreakpoints.png"); |
| | 60 | } |
| | 61 | |
| | 62 | @media (min-resolution: 2dppx) { |
| | 63 | #toggle-breakpoints { |
| | 64 | list-style-image: url(debugger-toggleBreakpoints@2x.png); |
| | 65 | } |
| | 66 | } |
| | 67 | |
| | 68 | #sources-toolbar .devtools-toolbarbutton:not([label]) { |
| | 69 | -moz-image-region: rect(0px, 16px, 16px, 0px); |
| | 70 | } |
| | 71 | |
| | 72 | #sources-toolbar .devtools-toolbarbutton:not([label]):hover { |
| | 73 | -moz-image-region: rect(16px, 16px, 32px, 0px); |
| | 74 | } |
| | 75 | |
| | 76 | #sources-toolbar .devtools-toolbarbutton:not([label])[checked] { |
| | 77 | -moz-image-region: rect(0px, 32px, 16px, 16px); |
| | 78 | } |
| | 79 | |
| | 80 | #sources-toolbar .devtools-toolbarbutton:not([label])[checked]:hover { |
| | 81 | -moz-image-region: rect(16px, 32px, 32px, 16px); |
| | 82 | } |
| | 83 | |
| | 84 | @media (min-resolution: 2dppx) { |
| | 85 | #sources-toolbar .devtools-toolbarbutton:not([label]) { |
| | 86 | -moz-image-region: rect(0px,32px,32px,0px); |
| | 87 | } |
| | 88 | |
| | 89 | #sources-toolbar .devtools-toolbarbutton:not([label]):hover { |
| | 90 | -moz-image-region: rect(32px,32px,64px,0px); |
| | 91 | } |
| | 92 | |
| | 93 | #sources-toolbar .devtools-toolbarbutton:not([label])[checked] { |
| | 94 | -moz-image-region: rect(0px,64px,32px,32px); |
| | 95 | } |
| | 96 | |
| | 97 | #sources-toolbar .devtools-toolbarbutton:not([label])[checked]:hover { |
| | 98 | -moz-image-region: rect(32px,64px,64px,32px); |
| | 99 | } |
| | 100 | } |
| | 101 | |
| | 102 | #sources .black-boxed { |
| | 103 | color: #8050B0; |
| | 104 | } |
| | 105 | |
| | 106 | #sources .selected .black-boxed { |
| | 107 | color: #000000; |
| | 108 | } |
| | 109 | |
| | 110 | #sources .black-boxed ~ .dbg-breakpoint { |
| | 111 | display: none; |
| | 112 | } |
| | 113 | |
| | 114 | #sources .black-boxed + .side-menu-widget-item-arrow:-moz-locale-dir(ltr) { |
| | 115 | background-image: none; |
| | 116 | /* box-shadow: inset -1px 0 0 #222426; */ |
| | 117 | } |
| | 118 | |
| | 119 | #sources .black-boxed + .side-menu-widget-item-arrow:-moz-locale-dir(rtl) { |
| | 120 | background-image: none; |
| | 121 | /* box-shadow: inset 1px 0 0 #222426; */ |
| | 122 | } |
| | 123 | |
| | 124 | /* Debugger unblackbox button */ |
| | 125 | |
| | 126 | #black-boxed-message-button > .button-box > .button-icon { |
| | 127 | width: 16px; |
| | 128 | height: 16px; |
| | 129 | background-image: url("debugger-blackbox.png"); |
| | 130 | background-position: -16px -16px; |
| | 131 | background-size: 32px 32px; |
| | 132 | background-repeat: no-repeat; |
| | 133 | -moz-margin-end: 5px; |
| | 134 | } |
| | 135 | |
| | 136 | @media (min-resolution: 2dppx) { |
| | 137 | #black-boxed-message-button > .button-box > .button-icon { |
| | 138 | background-image: url("debugger-blackbox@2x.png"); |
| | 139 | } |
| | 140 | } |
| | 141 | |
| | 142 | /* Black box message and source progress meter */ |
| | 143 | |
| | 144 | #black-boxed-message, |
| | 145 | #source-progress-container { |
| | 146 | background-color: #A09090; |
| | 147 | /* Prevent the container deck from aquiring the size from this message. */ |
| | 148 | min-width: 1px; |
| | 149 | min-height: 1px; |
| | 150 | color: #000000; |
| | 151 | } |
| | 152 | |
| | 153 | #source-progress { |
| | 154 | min-height: 2em; |
| | 155 | min-width: 40em; |
| | 156 | } |
| | 157 | |
| | 158 | #black-boxed-message-label, |
| | 159 | #black-boxed-message-button { |
| | 160 | text-align: center; |
| | 161 | font-size: 120%; |
| | 162 | } |
| | 163 | |
| | 164 | #black-boxed-message-button { |
| | 165 | margin-top: 1em; |
| | 166 | padding: .25em; |
| | 167 | } |
| | 168 | |
| | 169 | /* Tracer */ |
| | 170 | |
| | 171 | #trace { |
| | 172 | list-style-image: url("tracer-icon.png"); |
| | 173 | -moz-image-region: rect(0px,16px,16px,0px); |
| | 174 | } |
| | 175 | |
| | 176 | #trace:hover, |
| | 177 | #trace[checked] { |
| | 178 | -moz-image-region: rect(0px,32px,16px,16px); |
| | 179 | } |
| | 180 | |
| | 181 | @media (min-resolution: 2dppx) { |
| | 182 | #trace { |
| | 183 | list-style-image: url(tracer-icon@2x.png); |
| | 184 | -moz-image-region: rect(0px,32px,32px,0px); |
| | 185 | } |
| | 186 | |
| | 187 | #trace:hover, |
| | 188 | #trace[checked] { |
| | 189 | -moz-image-region: rect(0px,64px,32px,32px); |
| | 190 | } |
| | 191 | } |
| | 192 | |
| | 193 | #clear-tracer { |
| | 194 | /* Make this button as narrow as the text inside it. */ |
| | 195 | min-width: 1px; |
| | 196 | } |
| | 197 | |
| | 198 | .trace-name { |
| | 199 | -moz-padding-start: 4px !important; |
| | 200 | } |
| | 201 | |
| | 202 | /* Tracer dark+light theme */ |
| | 203 | |
| | 204 | .trace-item { |
| | 205 | color: var(--theme-content-color1); |
| | 206 | } |
| | 207 | |
| | 208 | .trace-item.black-boxed { |
| | 209 | color: #A09090; |
| | 210 | } |
| | 211 | |
| | 212 | .trace-item.selected-matching { |
| | 213 | background-color: #004242; /* Select highlight blue at 40% alpha */ |
| | 214 | } |
| | 215 | |
| | 216 | .selected > .trace-item { |
| | 217 | background-color: #004242; /* Select highlight blue at 75% alpha */ |
| | 218 | } |
| | 219 | |
| | 220 | .trace-call { |
| | 221 | color: var(--theme-highlight-blue); |
| | 222 | } |
| | 223 | |
| | 224 | .trace-return, |
| | 225 | .trace-yield { |
| | 226 | color: var(--theme-highlight-green); |
| | 227 | } |
| | 228 | |
| | 229 | .trace-throw { |
| | 230 | color: var(--theme-highlight-red); |
| | 231 | } |
| | 232 | |
| | 233 | .trace-param { |
| | 234 | color: var(--theme-highlight-pink); |
| | 235 | } |
| | 236 | |
| | 237 | .trace-syntax { |
| | 238 | color: var(--theme-content-color2); |
| | 239 | } |
| | 240 | |
| | 241 | /* Breadcrumbs stack frames view */ |
| | 242 | |
| | 243 | .breadcrumbs-widget-item { |
| | 244 | max-width: none; |
| | 245 | } |
| | 246 | |
| | 247 | #stackframes { |
| | 248 | min-height: 25px; |
| | 249 | } |
| | 250 | |
| | 251 | .dbg-stackframe-details { |
| | 252 | -moz-padding-start: 4px; |
| | 253 | } |
| | 254 | |
| | 255 | /* Classic stack frames view */ |
| | 256 | |
| | 257 | .dbg-classic-stackframe { |
| | 258 | display: block; |
| | 259 | padding: 0 4px; |
| | 260 | } |
| | 261 | |
| | 262 | .dbg-classic-stackframe-title { |
| | 263 | font-weight: 600; |
| | 264 | color: #9C9CFF; |
| | 265 | } |
| | 266 | |
| | 267 | .dbg-classic-stackframe-details:-moz-locale-dir(ltr) { |
| | 268 | float: right; |
| | 269 | } |
| | 270 | |
| | 271 | .dbg-classic-stackframe-details:-moz-locale-dir(rtl) { |
| | 272 | float: left; |
| | 273 | } |
| | 274 | |
| | 275 | .dbg-classic-stackframe-details-url { |
| | 276 | max-width: 90%; |
| | 277 | text-align: end; |
| | 278 | color: var(--theme-text-blue); |
| | 279 | } |
| | 280 | |
| | 281 | .dbg-classic-stackframe-details-sep { |
| | 282 | color: var(--theme-body-color-alt) |
| | 283 | } |
| | 284 | |
| | 285 | .dbg-classic-stackframe-details-line { |
| | 286 | color: var(--theme-highlight-blue); |
| | 287 | } |
| | 288 | |
| | 289 | #callstack-list .side-menu-widget-item.selected label { |
| | 290 | color: #FFCF00; |
| | 291 | } |
| | 292 | |
| | 293 | /* Sources and breakpoints view */ |
| | 294 | |
| | 295 | .dbg-breakpoint { |
| | 296 | -moz-margin-start: 4px; |
| | 297 | } |
| | 298 | |
| | 299 | .dbg-breakpoint-line { |
| | 300 | font-weight: 600; |
| | 301 | } |
| | 302 | |
| | 303 | .dbg-breakpoint-text { |
| | 304 | -moz-margin-start: 10px !important; |
| | 305 | font-style: italic; |
| | 306 | font-size: 90%; |
| | 307 | } |
| | 308 | |
| | 309 | .dbg-breakpoint-checkbox { |
| | 310 | width: 16px; |
| | 311 | height: 16px; |
| | 312 | margin: 2px; |
| | 313 | } |
| | 314 | |
| | 315 | /* Variable bubble view */ |
| | 316 | |
| | 317 | .devtools-tooltip-simple-text.token-undefined, |
| | 318 | .devtools-tooltip-simple-text.token-null { |
| | 319 | text-align: center; |
| | 320 | color: #A09090 !important; /* Override the theme's color. */ |
| | 321 | } |
| | 322 | |
| | 323 | .devtools-tooltip-simple-text.token-boolean { |
| | 324 | text-align: center; |
| | 325 | color: #9C9CFF !important; |
| | 326 | } |
| | 327 | |
| | 328 | .devtools-tooltip-simple-text.token-number { |
| | 329 | text-align: center; |
| | 330 | color: #E7ADE7 !important; |
| | 331 | } |
| | 332 | |
| | 333 | .devtools-tooltip-simple-text.token-string { |
| | 334 | text-align: start; |
| | 335 | color: #008484 !important; |
| | 336 | } |
| | 337 | |
| | 338 | .devtools-tooltip-simple-text.token-other { |
| | 339 | text-align: center; |
| | 340 | color: #FF9F00 !important; |
| | 341 | } |
| | 342 | |
| | 343 | /* Instruments pane (watch expressions, variables, event listeners...) */ |
| | 344 | |
| | 345 | #instruments-pane .side-menu-widget-container, |
| | 346 | #instruments-pane .side-menu-widget-empty-text { |
| | 347 | /* box-shadow: none !important; */ |
| | 348 | } |
| | 349 | |
| | 350 | /* Watch expressions view */ |
| | 351 | |
| | 352 | #expressions { |
| | 353 | min-height: 10px; |
| | 354 | max-height: 125px; |
| | 355 | } |
| | 356 | |
| | 357 | .dbg-expression { |
| | 358 | height: 20px; |
| | 359 | } |
| | 360 | |
| | 361 | .dbg-expression-arrow { |
| | 362 | background-image: url("commandline-icon.png"); |
| | 363 | background-position: -16px 0; |
| | 364 | background-repeat: no-repeat; |
| | 365 | background-size: 32px 16px; |
| | 366 | width: 16px; |
| | 367 | height: 16px; |
| | 368 | margin: 2px; |
| | 369 | } |
| | 370 | |
| | 371 | @media (min-resolution: 2dppx) { |
| | 372 | .dbg-expression-arrow { |
| | 373 | background-image: url(commandline-icon@2x.png); |
| | 374 | } |
| | 375 | } |
| | 376 | |
| | 377 | .dbg-expression-input { |
| | 378 | color: inherit; |
| | 379 | } |
| | 380 | |
| | 381 | .dbg-expression-button { |
| | 382 | border: none; |
| | 383 | background: none; |
| | 384 | text-decoration: underline; |
| | 385 | cursor: pointer; |
| | 386 | color: var(--theme-highlight-blue); |
| | 387 | } |
| | 388 | |
| | 389 | /* Event listeners view */ |
| | 390 | |
| | 391 | .dbg-event-listener { |
| | 392 | padding: 0 8px; |
| | 393 | } |
| | 394 | |
| | 395 | .dbg-event-listener-type { |
| | 396 | font-weight: 600; |
| | 397 | } |
| | 398 | |
| | 399 | .dbg-event-listener-separator { |
| | 400 | color: var(--theme-body-color-alt); |
| | 401 | } |
| | 402 | |
| | 403 | .dbg-event-listener-targets { |
| | 404 | color: var(--theme-highlight-blue); |
| | 405 | } |
| | 406 | |
| | 407 | .dbg-event-listener-location { |
| | 408 | color: var(--theme-highlight-pink); |
| | 409 | } |
| | 410 | |
| | 411 | #event-listeners .side-menu-widget-item.selected { |
| | 412 | background: none !important; |
| | 413 | } |
| | 414 | |
| | 415 | /* Searchbox and the search operations help panel */ |
| | 416 | |
| | 417 | #searchbox { |
| | 418 | min-width: 220px; |
| | 419 | -moz-margin-start: 1px; |
| | 420 | } |
| | 421 | |
| | 422 | #filter-label { |
| | 423 | -moz-margin-start: 2px; |
| | 424 | } |
| | 425 | |
| | 426 | #searchbox-panel-operators { |
| | 427 | margin-top: 5px; |
| | 428 | margin-bottom: 8px; |
| | 429 | -moz-margin-start: 2px; |
| | 430 | } |
| | 431 | |
| | 432 | .searchbox-panel-operator-button { |
| | 433 | min-width: 26px; |
| | 434 | margin-top: 0; |
| | 435 | margin-bottom: 0; |
| | 436 | -moz-margin-start: 2px; |
| | 437 | -moz-margin-end: 6px; |
| | 438 | text-align: center; |
| | 439 | } |
| | 440 | |
| | 441 | .searchbox-panel-operator-label { |
| | 442 | padding-bottom: 2px; |
| | 443 | } |
| | 444 | |
| | 445 | /* Searchbox results panel */ |
| | 446 | |
| | 447 | .results-panel { |
| | 448 | padding: 4px; |
| | 449 | } |
| | 450 | |
| | 451 | .results-panel-item { |
| | 452 | border: 1px solid #A09090; |
| | 453 | border-top-color: #8050B0; |
| | 454 | padding: 5px; |
| | 455 | cursor: pointer; |
| | 456 | } |
| | 457 | |
| | 458 | .results-panel-item:first-of-type { |
| | 459 | border-top-color: #9C9CFF; |
| | 460 | border-radius: 4px 4px 0 0; |
| | 461 | } |
| | 462 | |
| | 463 | .results-panel-item:last-of-type { |
| | 464 | border-radius: 0 0 4px 4px; |
| | 465 | } |
| | 466 | |
| | 467 | .results-panel-item:only-of-type { |
| | 468 | border-radius: 4px; |
| | 469 | } |
| | 470 | |
| | 471 | .results-panel-item:not(.selected):not(:hover) { |
| | 472 | /* text-shadow: 0 1px #fff;*/ |
| | 473 | } |
| | 474 | |
| | 475 | .results-panel-item-label-before { |
| | 476 | -moz-margin-end: 5px !important; |
| | 477 | color: var(--theme-content-color2); |
| | 478 | cursor: inherit; |
| | 479 | } |
| | 480 | |
| | 481 | .results-panel-item-label { |
| | 482 | color: var(--theme-highlight-blue); |
| | 483 | font-weight: 600; |
| | 484 | cursor: inherit; |
| | 485 | } |
| | 486 | |
| | 487 | .results-panel-item-label-below { |
| | 488 | color: var(--theme-content-color3); |
| | 489 | cursor: inherit; |
| | 490 | } |
| | 491 | |
| | 492 | /* Sources search view */ |
| | 493 | |
| | 494 | #globalsearch { |
| | 495 | min-height: 10px; |
| | 496 | max-height: 125px; |
| | 497 | } |
| | 498 | |
| | 499 | #globalsearch + .devtools-horizontal-splitter { |
| | 500 | -moz-border-top-colors: #9C9CFF; |
| | 501 | } |
| | 502 | |
| | 503 | .dbg-source-results { |
| | 504 | padding: 0; |
| | 505 | background: none !important; |
| | 506 | } |
| | 507 | |
| | 508 | .dbg-source-results:not(.selected):hover { |
| | 509 | background-color: #000000; /* Sidebar background */ |
| | 510 | } |
| | 511 | |
| | 512 | .dbg-results-header { |
| | 513 | -moz-padding-start: 6px; |
| | 514 | } |
| | 515 | |
| | 516 | .dbg-results-header-location { |
| | 517 | font-weight: 600; |
| | 518 | } |
| | 519 | |
| | 520 | .dbg-results-header-match-count { |
| | 521 | -moz-padding-start: 6px; |
| | 522 | color: var(--theme-content-disabled); |
| | 523 | } |
| | 524 | |
| | 525 | .dbg-results-line-number { |
| | 526 | background-color: var(--theme-toolbar-background); |
| | 527 | min-width: 40px; |
| | 528 | -moz-border-end: 1px solid #9C9CFF; |
| | 529 | -moz-padding-end: 4px; |
| | 530 | padding-top: 2px; |
| | 531 | text-align: end; |
| | 532 | color: var(--theme-body-color); |
| | 533 | } |
| | 534 | |
| | 535 | .dbg-results-line-contents { |
| | 536 | -moz-padding-start: 4px; |
| | 537 | padding-top: 1px; |
| | 538 | padding-bottom: 1px; |
| | 539 | } |
| | 540 | |
| | 541 | .dbg-results-line-contents-string { |
| | 542 | padding: 1px; |
| | 543 | /* color: var(--theme-body-color-alt);*/ |
| | 544 | } |
| | 545 | |
| | 546 | .dbg-results-line-contents-string[match=true] { |
| | 547 | background: #E7ADE7; |
| | 548 | color: var(--theme-selection-color); |
| | 549 | padding: 0; |
| | 550 | border: 1px solid #9C9CFF; |
| | 551 | border-radius: 4px; |
| | 552 | cursor: pointer; |
| | 553 | } |
| | 554 | |
| | 555 | .dbg-results-line-contents-string[match=true][focusing] { |
| | 556 | transition: transform 0.3s ease-in-out; |
| | 557 | } |
| | 558 | |
| | 559 | .dbg-results-line-contents-string[match=true][focused] { |
| | 560 | transition-duration: 0.1s; |
| | 561 | transform: scale(1.75, 1.75); |
| | 562 | } |
| | 563 | |
| | 564 | /* Toolbar controls */ |
| | 565 | |
| | 566 | #toggle-panes { |
| | 567 | list-style-image: url("chrome://browser/skin/devtools/debugger-expand.png"); |
| | 568 | -moz-image-region: rect(0px, 16px, 16px, 0px); |
| | 569 | } |
| | 570 | |
| | 571 | #toggle-panes:not([panesHidden]) { |
| | 572 | list-style-image: url("chrome://browser/skin/devtools/debugger-collapse.png"); |
| | 573 | } |
| | 574 | |
| | 575 | #toggle-panes:hover, |
| | 576 | #toggle-panes:hover:active { |
| | 577 | -moz-image-region: rect(0px, 32px, 16px, 16px); |
| | 578 | } |
| | 579 | |
| | 580 | #debugger-toolbar .devtools-toolbarbutton:not([label]) > .toolbarbutton-icon, |
| | 581 | #sources-toolbar .devtools-toolbarbutton:not([label]) > .toolbarbutton-icon { |
| | 582 | width: 16px; |
| | 583 | height: 16px; |
| | 584 | } |
| | 585 | |
| | 586 | #resume { |
| | 587 | list-style-image: url("chrome://browser/skin/devtools/debugger-pause.png"); |
| | 588 | -moz-image-region: rect(0px, 16px, 16px, 0px); |
| | 589 | } |
| | 590 | |
| | 591 | #resume:hover { |
| | 592 | -moz-image-region: rect(0px, 32px, 16px, 16px); |
| | 593 | } |
| | 594 | |
| | 595 | #resume[checked=true] { |
| | 596 | list-style-image: url("chrome://browser/skin/devtools/debugger-play.png"); |
| | 597 | } |
| | 598 | |
| | 599 | @media (min-resolution: 2dppx) { |
| | 600 | #resume { |
| | 601 | list-style-image: url(debugger-pause@2x.png); |
| | 602 | -moz-image-region: rect(0px, 32px, 32px, 0px); |
| | 603 | } |
| | 604 | |
| | 605 | #resume:hover { |
| | 606 | -moz-image-region: rect(0px, 64px, 32px, 32px); |
| | 607 | } |
| | 608 | |
| | 609 | #resume[checked=true] { |
| | 610 | list-style-image: url(debugger-play@2x.png); |
| | 611 | } |
| | 612 | } |
| | 613 | |
| | 614 | #resume ~ toolbarbutton { |
| | 615 | /* transition: opacity 0.15s ease-in-out; */ |
| | 616 | } |
| | 617 | |
| | 618 | #resume:not([checked]) ~ toolbarbutton { |
| | 619 | /* opacity: 0.5; */ |
| | 620 | } |
| | 621 | |
| | 622 | #step-over { |
| | 623 | list-style-image: url("chrome://browser/skin/devtools/debugger-step-over.png"); |
| | 624 | -moz-image-region: rect(0px, 16px, 16px, 0px); |
| | 625 | } |
| | 626 | #step-over:hover { |
| | 627 | -moz-image-region: rect(0px, 32px, 16px, 16px); |
| | 628 | } |
| | 629 | |
| | 630 | #step-in { |
| | 631 | list-style-image: url("chrome://browser/skin/devtools/debugger-step-in.png"); |
| | 632 | -moz-image-region: rect(0px, 16px, 16px, 0px); |
| | 633 | } |
| | 634 | #step-in:hover { |
| | 635 | -moz-image-region: rect(0px, 32px, 16px, 16px); |
| | 636 | } |
| | 637 | |
| | 638 | #step-out { |
| | 639 | list-style-image: url("chrome://browser/skin/devtools/debugger-step-out.png"); |
| | 640 | -moz-image-region: rect(0px, 16px, 16px, 0px); |
| | 641 | } |
| | 642 | #step-out:hover { |
| | 643 | -moz-image-region: rect(0px, 32px, 16px, 16px); |
| | 644 | } |
| | 645 | |
| | 646 | @media (min-resolution: 2dppx) { |
| | 647 | #step-over { |
| | 648 | list-style-image: url(debugger-step-over@2x.png); |
| | 649 | -moz-image-region: rect(0px, 32px, 32px, 0); |
| | 650 | } |
| | 651 | |
| | 652 | #step-over:hover { |
| | 653 | -moz-image-region: rect(0px, 64px, 32px, 32px); |
| | 654 | } |
| | 655 | |
| | 656 | #step-in { |
| | 657 | list-style-image: url(debugger-step-in@2x.png); |
| | 658 | -moz-image-region: rect(0px, 32px, 32px, 0); |
| | 659 | } |
| | 660 | |
| | 661 | #step-in:hover { |
| | 662 | -moz-image-region: rect(0px, 64px, 32px, 32px); |
| | 663 | } |
| | 664 | |
| | 665 | #step-out { |
| | 666 | list-style-image: url(debugger-step-out@2x.png); |
| | 667 | -moz-image-region: rect(0px, 32px, 32px, 0); |
| | 668 | } |
| | 669 | |
| | 670 | #step-out:hover { |
| | 671 | -moz-image-region: rect(0px, 64px, 32px, 32px); |
| | 672 | } |
| | 673 | } |
| | 674 | |
| | 675 | #instruments-pane-toggle { |
| | 676 | /* background: none; |
| | 677 | box-shadow: none; |
| | 678 | border: none; */ |
| | 679 | list-style-image: url("chrome://browser/skin/devtools/debugger-collapse.png"); |
| | 680 | -moz-image-region: rect(0px,16px,16px,0px); |
| | 681 | } |
| | 682 | |
| | 683 | #instruments-pane-toggle[pane-collapsed] { |
| | 684 | list-style-image: url("chrome://browser/skin/devtools/debugger-expand.png"); |
| | 685 | } |
| | 686 | |
| | 687 | #instruments-pane-toggle:hover { |
| | 688 | -moz-image-region: rect(0px,32px,16px,16px); |
| | 689 | } |
| | 690 | |
| | 691 | @media (min-resolution: 2dppx) { |
| | 692 | #instruments-pane-toggle { |
| | 693 | list-style-image: url(debugger-collapse@2x.png); |
| | 694 | -moz-image-region: rect(0px,32px,32px,0px); |
| | 695 | } |
| | 696 | |
| | 697 | #instruments-pane-toggle[pane-collapsed] { |
| | 698 | list-style-image: url(debugger-expand@2x.png); |
| | 699 | } |
| | 700 | |
| | 701 | #instruments-pane-toggle:hover { |
| | 702 | -moz-image-region: rect(0px,64px,32px,32px); |
| | 703 | } |
| | 704 | } |
| | 705 | |
| | 706 | /* Horizontal vs. vertical layout */ |
| | 707 | |
| | 708 | #vertical-layout-panes-container { |
| | 709 | min-height: 35vh; |
| | 710 | max-height: 80vh; |
| | 711 | } |
| | 712 | |
| | 713 | #body[layout=vertical] #instruments-pane { |
| | 714 | margin: 0 !important; |
| | 715 | /* To prevent all the margin hacks to hide the sidebar. */ |
| | 716 | } |
| | 717 | |
| | 718 | #body[layout=vertical] #sources-pane > tabs { |
| | 719 | -moz-border-end: none; |
| | 720 | } |
| | 721 | |
| | 722 | #body[layout=vertical] .side-menu-widget-container, |
| | 723 | #body[layout=vertical] .side-menu-widget-empty-text { |
| | 724 | box-shadow: none !important; |
| | 725 | } |
| | 726 | |
| | 727 | #body[layout=vertical] .side-menu-widget-item-arrow { |
| | 728 | background-image: none !important; |
| | 729 | } |
| | 730 | |
| | 731 | /* === END debugger.inc.css === */ |
projects / themes.git / blame_incremental