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