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 /* Watch expressions, variables and other instruments pane */
  24
  25 #instruments-pane {
  26   min-width: 50px;
  27   -moz-margin-start: 0px !important;
  28   /* Unfortunately, transitions don't work properly with locale-aware properties,
  29      so both the left and right margins are set via js, while the start margin
  30      is always overridden here. */
  31 }
  32
  33 #instruments-pane[animated] {
  34   transition: margin 0.25s ease-in-out;
  35 }
  36
  37 /* ListWidget items */
  38
  39 .list-widget-item {
  40   padding: 2px;
  41 }
  42
  43 .list-widget-item:not(.selected):not(.empty):hover {
  44 /*  background: linear-gradient(rgba(255,255,255,0.9), rgba(255,255,255,0.85)), Highlight;*/
  45 }
  46
  47 .list-widget-item.selected.light {
  48 /*  background: linear-gradient(rgba(255,255,255,0.85), rgba(255,255,255,0.8)), Highlight;
  49   color: #000;*/
  50 }
  51
  52 .list-widget-item.selected {
  53   background: #008484;
  54   color: #FFCF00;
  55 }
  56
  57 .list-widget-item.empty {
  58   color: #8050B0;
  59   /* padding: 4px; */
  60 }
  61
  62 /* Stack frames view */
  63
  64 .dbg-stackframe-details {
  65   -moz-padding-start: 4px;
  66 }
  67
  68 .dbg-stackframe-menuitem[checked] {
  69   margin-top: 3px;
  70   margin-bottom: 3px;
  71   outline: 1px solid #008484;
  72   font-weight: 600;
  73 }
  74
  75 .dbg-stackframe-menuitem-details {
  76   -moz-padding-start: 16px;
  77 }
  78
  79 /* Sources and breakpoints view */
  80
  81 .dbg-breakpoint {
  82   font-family: "Liberation Mono", Consolas, "Courier New", monospace;
  83 }
  84
  85 .dbg-breakpoint-line {
  86   font-weight: 600;
  87 }
  88
  89 .dbg-breakpoint-text {
  90   -moz-margin-start: 10px !important;
  91   font-style: italic;
  92 }
  93
  94 /* Watch expressions view */
  95
  96 #expressions {
  97   min-height: 10px;
  98   max-height: 125px;
  99 }
 100
 101 .dbg-expression {
 102   height: 20px;
 103   -moz-padding-start: 8px;
 104 }
 105
 106 .dbg-expression-arrow {
 107   width: 10px;
 108   height: auto;
 109   background: url("chrome://browser/skin/devtools/commandline.png") 0px 4px no-repeat;
 110 }
 111
 112 .dbg-expression-input {
 113   -moz-padding-start: 2px !important;
 114   font-family: "Liberation Mono", Consolas, "Courier New", monospace;
 115 }
 116
 117 /* Searchbox and the search operations help panel */
 118
 119 .devtools-searchinput {
 120   min-width: 220px;
 121   -moz-margin-start: 1px;
 122 }
 123
 124 #searchbox-panel-description {
 125   margin-top: 0;
 126   margin-bottom: 8px;
 127   -moz-margin-start: 2px;
 128 }
 129
 130 .searchbox-panel-operator-button {
 131   min-width: 26px;
 132   margin-top: 0;
 133   margin-bottom: 0;
 134   -moz-margin-start: 2px;
 135   -moz-margin-end: 6px;
 136   text-align: center;
 137   font-family: "Liberation Mono", Consolas, "Courier New", monospace;
 138 }
 139
 140 .searchbox-panel-operator-label {
 141   padding-bottom: 2px;
 142 }
 143
 144 /* Searchbox results panel */
 145
 146 .results-panel {
 147   padding: 4px;
 148 }
 149
 150 .results-panel-item {
 151   border: 1px solid #A09090;
 152   border-top-color: #8050B0;
 153   padding: 5px;
 154   cursor: pointer;
 155 }
 156
 157 .results-panel-item:first-of-type {
 158   border-top-color: #9C9CFF;
 159   border-radius: 4px 4px 0 0;
 160 }
 161
 162 .results-panel-item:last-of-type {
 163   border-radius: 0 0 4px 4px;
 164 }
 165
 166 .results-panel-item:only-of-type {
 167   border-radius: 4px;
 168 }
 169
 170 .results-panel-item:not(.selected):not(:hover) {
 171 /*  text-shadow: 0 1px #fff;*/
 172 }
 173
 174 .results-panel-item-pre {
 175   -moz-margin-end: 5px !important;
 176   color: #A09090;
 177   cursor: inherit;
 178 }
 179
 180 .results-panel-item-name {
 181   color: #9C9CFF;
 182   font-weight: 600;
 183   cursor: inherit;
 184 }
 185
 186 .results-panel-item-details {
 187   color: #FF9F00;
 188   cursor: inherit;
 189 }
 190
 191 /* Sources search view */
 192
 193 #globalsearch {
 194   min-height: 10px;
 195 }
 196
 197 #globalsearch > vbox:not(:empty) {
 198   min-height: 10px;
 199   max-height: 125px;
 200 }
 201
 202 #globalsearch + .devtools-horizontal-splitter {
 203   -moz-border-top-colors: #9C9CFF;
 204 }
 205
 206 .dbg-source-results {
 207   padding: 0;
 208   background: none !important;
 209 }
 210
 211 .dbg-results-header {
 212   -moz-padding-start: 6px;
 213 }
 214
 215 .dbg-results-header-location {
 216   font-weight: 600;
 217 }
 218
 219 .dbg-results-header-match-count {
 220   -moz-padding-start: 6px;
 221   color: #8050B0;
 222 }
 223
 224 .dbg-results-line-number {
 225   background: #000000;
 226   min-width: 40px;
 227   -moz-border-end: 1px solid #9C9CFF;
 228   -moz-padding-end: 4px;
 229   padding-top: 2px;
 230   text-align: end;
 231   font-family: "Liberation Mono", Consolas, "Courier New", monospace;
 232   color: #FF9F00;
 233 }
 234
 235 .dbg-results-line-contents {
 236   -moz-padding-start: 4px;
 237   padding-top: 1px;
 238   padding-bottom: 1px;
 239   font-family: "Liberation Mono", Consolas, "Courier New", monospace;
 240 }
 241
 242 .dbg-results-line-contents-string {
 243   padding: 1px;
 244 }
 245
 246 .dbg-results-line-contents-string[match=true] {
 247   background: #E7ADE7;
 248   color: #000000;
 249   padding: 0;
 250   border: 1px solid #9C9CFF;
 251   border-radius: 4px;
 252   cursor: pointer;
 253 }
 254
 255 .dbg-results-line-contents-string[match=true][focusing] {
 256   transition: transform 0.3s ease-in-out;
 257 }
 258
 259 .dbg-results-line-contents-string[match=true][focused] {
 260   transition-duration: 0.1s;
 261   transform: scale(1.75, 1.75);
 262 }
 263
 264 /* Toolbar Controls */
 265
 266 #toggle-panes {
 267   list-style-image: url("chrome://browser/skin/devtools/debugger-expand.png");
 268   -moz-image-region: rect(0px, 16px, 16px, 0px);
 269 }
 270
 271 #toggle-panes:not([panesHidden]) {
 272   list-style-image: url("chrome://browser/skin/devtools/debugger-collapse.png");
 273 }
 274
 275 #toggle-panes:hover,
 276 #toggle-panes:hover:active {
 277   -moz-image-region: rect(0px, 32px, 16px, 16px);
 278 }
 279
 280 #resume {
 281   list-style-image: url("chrome://browser/skin/devtools/debugger-play.png");
 282   -moz-image-region: rect(0px, 16px, 16px, 0px);
 283 }
 284
 285 #resume[checked=true],
 286 #resume:hover {
 287   -moz-image-region: rect(0px, 32px, 16px, 16px);
 288 }
 289
 290 #step-over {
 291   list-style-image: url("chrome://browser/skin/devtools/debugger-step-over.png");
 292   -moz-image-region: rect(0px, 16px, 16px, 0px);
 293 }
 294 #step-over:hover {
 295   -moz-image-region: rect(0px, 32px, 16px, 16px);
 296 }
 297
 298 #step-in {
 299   list-style-image: url("chrome://browser/skin/devtools/debugger-step-in.png");
 300   -moz-image-region: rect(0px, 16px, 16px, 0px);
 301 }
 302 #step-in:hover {
 303   -moz-image-region: rect(0px, 32px, 16px, 16px);
 304 }
 305
 306 #step-out {
 307   list-style-image: url("chrome://browser/skin/devtools/debugger-step-out.png");
 308   -moz-image-region: rect(0px, 16px, 16px, 0px);
 309 }
 310 #step-out:hover {
 311   -moz-image-region: rect(0px, 32px, 16px, 16px);
 312 }
 313
 314 #debugger-controls > toolbarbutton {
 315 }
 316
 317 #debugger-controls > toolbarbutton:last-of-type {
 318 }
 319
 320 #debugger-controls {
 321 }
 322
 323 #instruments-pane-toggle {
 324   background: none;
 325   box-shadow: none;
 326   border: none;
 327   list-style-image: url("chrome://browser/skin/devtools/debugger-expand.png");
 328   -moz-image-region: rect(0px,16px,16px,0px);
 329 }
 330
 331 #instruments-pane-toggle:not([toggled]) {
 332   list-style-image: url("chrome://browser/skin/devtools/debugger-collapse.png");
 333 }
 334
 335 #instruments-pane-toggle:hover,
 336 #instruments-pane-toggle:hover:active {
 337   -moz-image-region: rect(0px,32px,16px,16px);
 338 }