LCARStrek/browser/devtools/debugger.css

   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 #body {
  10   background-color: #000000;
  11 }
  12
  13 /* Sources and breakpoints pane */
  14
  15 #sources-pane {
  16   min-width: 50px;
  17 }
  18
  19 #sources-pane + .devtools-side-splitter {
  20   -moz-border-start-color: transparent;
  21 }
  22
  23 .side-menu-widget-item-checkbox {
  24  -moz-appearance: none;
  25   padding: 0;
  26   margin: 0 -4px 0 4px;
  27   opacity: 0;
  28   transition: opacity .25s ease 0s;
  29 }
  30
  31 /* Only show the checkbox when the source is hovered over, is selected, or if it
  32  * is not checked. */
  33 .side-menu-widget-item:hover > .side-menu-widget-item-checkbox,
  34 .side-menu-widget-item.selected > .side-menu-widget-item-checkbox,
  35 .side-menu-widget-item-checkbox:not([checked]) {
  36   opacity: 1;
  37   transition: opacity .25s ease-out 0s;
  38 }
  39
  40 .side-menu-widget-item-checkbox > .checkbox-check {
  41   -moz-appearance: none;
  42   background: none;
  43   background-image: url("itemToggle.png");
  44   background-repeat: no-repeat;
  45   background-clip: content-box;
  46   background-position: -24px 0;
  47   width: 24px;
  48   height: 24px;
  49   border: 0;
  50 }
  51
  52 .side-menu-widget-item-checkbox[checked] > .checkbox-check {
  53   background-position: 0 0;
  54 }
  55
  56 .side-menu-widget-item-checkbox:not([checked]) ~ .side-menu-widget-item-contents > .dbg-breakpoint {
  57   display: none;
  58 }
  59
  60 /* Black box message */
  61
  62 #black-boxed-message {
  63   /* Prevent the container deck from aquiring the height from this message. */
  64   min-height: 1px;
  65   background-color: #A09090;
  66   padding: 25vh 0;
  67   color: #000000;
  68 }
  69
  70 #black-boxed-message-label,
  71 #black-boxed-message-button {
  72   text-align: center;
  73   font-size: 120%;
  74 }
  75
  76 #black-boxed-message-button {
  77   margin-top: 1em;
  78   padding: .25em;
  79 }
  80
  81 /* ListWidget items */
  82
  83 .list-widget-item {
  84   padding: 2px;
  85 }
  86
  87 .list-widget-item:not(.selected):not(.empty):hover {
  88 /*  background: linear-gradient(rgba(255,255,255,0.9), rgba(255,255,255,0.85)), Highlight;*/
  89 }
  90
  91 .list-widget-item.selected.light {
  92 /*  background: linear-gradient(rgba(255,255,255,0.85), rgba(255,255,255,0.8)), Highlight;
  93   color: #000;*/
  94 }
  95
  96 .list-widget-item.selected {
  97   background: #008484;
  98   color: #FFCF00;
  99 }
 100
 101 .list-widget-item.empty {
 102   color: #8050B0;
 103   /* padding: 4px; */
 104 }
 105
 106 /* Stack frames view */
 107
 108 #stackframes {
 109   min-height: 25px;
 110 }
 111
 112 .dbg-stackframe-details {
 113   -moz-padding-start: 4px;
 114 }
 115
 116 .dbg-stackframe-menuitem[checked] {
 117   margin-top: 3px;
 118   margin-bottom: 3px;
 119   outline: 1px solid #008484;
 120   font-weight: 600;
 121 }
 122
 123 .dbg-stackframe-menuitem-details {
 124   -moz-padding-start: 16px;
 125 }
 126
 127 /* Sources and breakpoints view */
 128
 129 .dbg-breakpoint {
 130   font-family: "Liberation Mono", Consolas, "Courier New", monospace;
 131 }
 132
 133 .dbg-breakpoint-line {
 134   font-weight: 600;
 135 }
 136
 137 .dbg-breakpoint-text {
 138   -moz-margin-start: 10px !important;
 139   font-style: italic;
 140 }
 141
 142 /* Watch expressions view */
 143
 144 #expressions {
 145   min-height: 10px;
 146   max-height: 125px;
 147 }
 148
 149 .dbg-expression {
 150   height: 20px;
 151 }
 152
 153 .dbg-expression-arrow {
 154   width: 16px;
 155   height: auto;
 156   background: -moz-image-rect(url("chrome://browser/skin/devtools/commandline-icon.png"), 0, 32, 16, 16);
 157 }
 158
 159 .dbg-expression-input {
 160   -moz-padding-start: 2px !important;
 161   font-family: "Liberation Mono", Consolas, "Courier New", monospace;
 162 }
 163
 164 /* Searchbox and the search operations help panel */
 165
 166 .devtools-searchinput {
 167   min-width: 220px;
 168   -moz-margin-start: 1px;
 169 }
 170
 171 #filter-label {
 172   -moz-margin-start: 2px;
 173 }
 174
 175 #searchbox-panel-operators {
 176   margin-top: 5px;
 177   margin-bottom: 8px;
 178   -moz-margin-start: 2px;
 179 }
 180
 181 .searchbox-panel-operator-button {
 182   min-width: 26px;
 183   margin-top: 0;
 184   margin-bottom: 0;
 185   -moz-margin-start: 2px;
 186   -moz-margin-end: 6px;
 187   text-align: center;
 188   font-family: "Liberation Mono", Consolas, "Courier New", monospace;
 189 }
 190
 191 .searchbox-panel-operator-label {
 192   padding-bottom: 2px;
 193 }
 194
 195 /* Searchbox results panel */
 196
 197 .results-panel {
 198   padding: 4px;
 199 }
 200
 201 .results-panel-item {
 202   border: 1px solid #A09090;
 203   border-top-color: #8050B0;
 204   padding: 5px;
 205   cursor: pointer;
 206 }
 207
 208 .results-panel-item:first-of-type {
 209   border-top-color: #9C9CFF;
 210   border-radius: 4px 4px 0 0;
 211 }
 212
 213 .results-panel-item:last-of-type {
 214   border-radius: 0 0 4px 4px;
 215 }
 216
 217 .results-panel-item:only-of-type {
 218   border-radius: 4px;
 219 }
 220
 221 .results-panel-item:not(.selected):not(:hover) {
 222 /*  text-shadow: 0 1px #fff;*/
 223 }
 224
 225 .results-panel-item-pre {
 226   -moz-margin-end: 5px !important;
 227   color: #A09090;
 228   cursor: inherit;
 229 }
 230
 231 .results-panel-item-name {
 232   color: #9C9CFF;
 233   font-weight: 600;
 234   cursor: inherit;
 235 }
 236
 237 .results-panel-item-details {
 238   color: #FF9F00;
 239   cursor: inherit;
 240 }
 241
 242 /* Sources search view */
 243
 244 #globalsearch {
 245   min-height: 10px;
 246 }
 247
 248 #globalsearch > vbox:not(:empty) {
 249   min-height: 10px;
 250   max-height: 125px;
 251 }
 252
 253 #globalsearch + .devtools-horizontal-splitter {
 254   -moz-border-top-colors: #9C9CFF;
 255 }
 256
 257 .dbg-source-results {
 258   padding: 0;
 259   background: none !important;
 260 }
 261
 262 .dbg-results-header {
 263   -moz-padding-start: 6px;
 264 }
 265
 266 .dbg-results-header-location {
 267   font-weight: 600;
 268 }
 269
 270 .dbg-results-header-match-count {
 271   -moz-padding-start: 6px;
 272   color: #8050B0;
 273 }
 274
 275 .dbg-results-line-number {
 276   background: #000000;
 277   min-width: 40px;
 278   -moz-border-end: 1px solid #9C9CFF;
 279   -moz-padding-end: 4px;
 280   padding-top: 2px;
 281   text-align: end;
 282   font-family: "Liberation Mono", Consolas, "Courier New", monospace;
 283   color: #FF9F00;
 284 }
 285
 286 .dbg-results-line-contents {
 287   -moz-padding-start: 4px;
 288   padding-top: 1px;
 289   padding-bottom: 1px;
 290   font-family: "Liberation Mono", Consolas, "Courier New", monospace;
 291 }
 292
 293 .dbg-results-line-contents-string {
 294   padding: 1px;
 295 }
 296
 297 .dbg-results-line-contents-string[match=true] {
 298   background: #E7ADE7;
 299   color: #000000;
 300   padding: 0;
 301   border: 1px solid #9C9CFF;
 302   border-radius: 4px;
 303   cursor: pointer;
 304 }
 305
 306 .dbg-results-line-contents-string[match=true][focusing] {
 307   transition: transform 0.3s ease-in-out;
 308 }
 309
 310 .dbg-results-line-contents-string[match=true][focused] {
 311   transition-duration: 0.1s;
 312   transform: scale(1.75, 1.75);
 313 }
 314
 315 /* Toolbar Controls */
 316
 317 #toggle-panes {
 318   list-style-image: url("chrome://browser/skin/devtools/debugger-expand.png");
 319   -moz-image-region: rect(0px, 16px, 16px, 0px);
 320 }
 321
 322 #toggle-panes:not([panesHidden]) {
 323   list-style-image: url("chrome://browser/skin/devtools/debugger-collapse.png");
 324 }
 325
 326 #toggle-panes:hover,
 327 #toggle-panes:hover:active {
 328   -moz-image-region: rect(0px, 32px, 16px, 16px);
 329 }
 330
 331 #resumption-panel-desc {
 332   width: 200px;
 333 }
 334
 335 #resumption-order-panel {
 336   -moz-margin-start: -8px;
 337 }
 338
 339 #resume {
 340   list-style-image: url("chrome://browser/skin/devtools/debugger-play.png");
 341   -moz-image-region: rect(0px, 16px, 16px, 0px);
 342 }
 343
 344 #resume[checked=true],
 345 #resume:hover {
 346   -moz-image-region: rect(0px, 32px, 16px, 16px);
 347 }
 348
 349 #step-over {
 350   list-style-image: url("chrome://browser/skin/devtools/debugger-step-over.png");
 351   -moz-image-region: rect(0px, 16px, 16px, 0px);
 352 }
 353 #step-over:hover {
 354   -moz-image-region: rect(0px, 32px, 16px, 16px);
 355 }
 356
 357 #step-in {
 358   list-style-image: url("chrome://browser/skin/devtools/debugger-step-in.png");
 359   -moz-image-region: rect(0px, 16px, 16px, 0px);
 360 }
 361 #step-in:hover {
 362   -moz-image-region: rect(0px, 32px, 16px, 16px);
 363 }
 364
 365 #step-out {
 366   list-style-image: url("chrome://browser/skin/devtools/debugger-step-out.png");
 367   -moz-image-region: rect(0px, 16px, 16px, 0px);
 368 }
 369 #step-out:hover {
 370   -moz-image-region: rect(0px, 32px, 16px, 16px);
 371 }
 372
 373 #debugger-controls > toolbarbutton {
 374 }
 375
 376 #debugger-controls > toolbarbutton:last-of-type {
 377 }
 378
 379 #debugger-controls {
 380 }
 381
 382 #instruments-pane-toggle {
 383 /*  background: none;
 384   box-shadow: none;
 385   border: none; */
 386   list-style-image: url("chrome://browser/skin/devtools/debugger-collapse.png");
 387   -moz-image-region: rect(0px,16px,16px,0px);
 388 }
 389
 390 #instruments-pane-toggle[pane-collapsed] {
 391   list-style-image: url("chrome://browser/skin/devtools/debugger-expand.png");
 392 }
 393
 394 #instruments-pane-toggle:hover,
 395 #instruments-pane-toggle:hover:active {
 396   -moz-image-region: rect(0px,32px,16px,16px);
 397 }