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