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