LCARStrek/browser/devtools/gcli.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 /* From: $GCLI/mozilla/gcli/ui/gcliterm.css */
   6
   7 /* Bug 678152 calls for UX review which will fix the color names */
   8
   9 .gcliterm-input-node,
  10 .gcliterm-complete-node {
  11   border: none;
  12   -moz-appearance: none;
  13   height: 100%;
  14   vertical-align: middle;
  15   background-color: transparent;
  16 }
  17
  18 .gcliterm-input-node {
  19   padding-top: 2px;
  20   padding-bottom: 0;
  21   -moz-padding-start: 16px;
  22   -moz-padding-end: 0;
  23 }
  24
  25 .gcliterm-complete-node {
  26   color: #E7ADE7;
  27   padding-top: 4px;
  28   padding-bottom: 2px;
  29   -moz-padding-start: 21px;
  30   -moz-padding-end: 4px;
  31 }
  32
  33 .gcliterm-stack-node {
  34   background: url("chrome://global/skin/icons/commandline.png") 4px center no-repeat;
  35   width: 100%;
  36 }
  37
  38 .gcliterm-argfetcher {
  39   display: -moz-box;
  40   -moz-box-flex: 1;
  41 }
  42
  43 .gcliterm-hint-node {
  44   border-top: 1px solid #9C9CFF;
  45   border-bottom: 1px solid #E7ADE7;
  46   border-left: 1px solid #9C9CFF;
  47   border-right: 1px solid #9C9CFF;
  48   border-top-right-radius: 5px;
  49   border-top-left-radius: 5px;
  50   margin-bottom: -1px;
  51 }
  52
  53 .gcliterm-hint-parent {
  54   width: 300px;
  55   padding: 10px 10px 0;
  56   border-top: 1px solid #9C9CFF;
  57   border-bottom: 1px solid #9C9CFF;
  58 }
  59
  60 .gcliterm-menu {
  61   display: -moz-box;
  62   -moz-box-flex: 1;
  63   border-bottom-color: #E7ADE7;
  64 }
  65
  66 .gcliterm-hint-scroll {
  67   overflow-y: scroll;
  68   border-bottom-color: #9C9CFF;
  69 }
  70
  71 .gcliterm-hint-nospace {
  72   display: none;
  73 }
  74
  75 .gcliterm-msg-body {
  76   margin-top: 0;
  77   margin-bottom: 3px;
  78   -moz-margin-start: 3px;
  79   -moz-margin-end: 6px;
  80   list-style-image: none;
  81 }
  82
  83 /* Extract from display.css, we only want these 2 rules */
  84
  85 .gcli-out-shortcut {
  86   border: 1px solid #8050B0;
  87   border-radius: 3px;
  88   padding: 0 4px;
  89   margin: 0 4px;
  90   font-size: 70%;
  91   color: #FF9F00;
  92   cursor: pointer;
  93   vertical-align: bottom;
  94 }
  95
  96 .gcli-out-shortcut:before {
  97   color: #FFCF00;
  98   content: '\bb';
  99   padding: 0 2px;
 100 }
 101
 102 /*
 103  * The language of a console is not en_US or any other common language
 104  * (i.e we don't attempt to translate 'console.log(x)')
 105  * So we fix .gcliterm-input-node/.gcliterm-complete-node elements to be ltr.
 106  * As a result we also want the hints to pop up on the left (above the prompt)
 107  */
 108 .gcliterm-input-node,
 109 .gcliterm-complete-node,
 110 .gcliterm-display {
 111   direction: ltr;
 112 }
 113
 114 /*
 115  * We want the stuff under .gcliterm-display to obey normal direction rules
 116  * so we need to swap back when the document is in rtl mode.
 117  * The selectors below are faster, but equivalent to:
 118  * .gcliterm-display > *:-moz-locale-dir(rtl) {
 119  *   direction: rtl;
 120  * }
 121  * In non-performance critical situations the above is preferred due to it's
 122  * greater resilience to refactoring
 123  */
 124 .gcliterm-hint-parent:-moz-locale-dir(rtl),
 125 .hud-output-node:-moz-locale-dir(rtl) {
 126   direction: rtl;
 127 }
 128
 129 /* From: $GCLI/mozilla/gcli/ui/gcliterm-winstripe.css */
 130
 131 .gcliterm-input-node,
 132 .gcliterm-complete-node {
 133   font: 12px "Liberation Mono", Consolas, "Courier New", monospace;
 134 }
 135
 136 .gcli-out-shortcut {
 137   font-family: "Liberation Mono", Consolas, "Courier New", monospace;
 138 }
 139
 140 /* From: $GCLI/lib/gcli/ui/arg_fetch.css */
 141
 142 .gcli-argfetch {
 143   width: 100%;
 144   -moz-box-sizing: border-box;
 145 }
 146
 147 .gcli-af-cmddesc {
 148   font-weight: bold;
 149   text-align: center;
 150   margin-bottom: 5px;
 151   padding: 3px 10px 0;
 152 }
 153
 154 .gcli-af-params {
 155   padding: 0 10px;
 156   width: 100%;
 157   -moz-box-sizing: border-box;
 158 }
 159
 160 .gcli-af-paramname {
 161   text-align: right;
 162   font-size: 90%;
 163 }
 164
 165 .gcli-af-required {
 166   font-size: 90%;
 167   color: #FF0000;
 168   -moz-padding-start: 5px;
 169 }
 170
 171 .gcli-af-error {
 172   font-size: 80%;
 173   color: #FF9F00;
 174 }
 175
 176 .gcli-af-submit {
 177   text-align: right;
 178 }
 179
 180 .gcli-field {
 181   width: 100%;
 182 }
 183
 184 .gcli-field-javascript {
 185   margin-bottom: 0;
 186 }
 187
 188 /* From: $GCLI/lib/gcli/ui/menu.css */
 189
 190 .gcli-menu {
 191   width: 100%;
 192   overflow: hidden;
 193 }
 194
 195 .gcli-menu-field {
 196   border: 1px solid #9C9CFF;
 197   border-top: 0;
 198   border-bottom-right-radius: 5px;
 199   border-bottom-left-radius: 5px;
 200   max-height: 300px;
 201   margin: 0 3px;
 202   padding: 0;
 203 }
 204
 205 .gcli-menu-template {
 206   border-collapse: collapse;
 207   width: 100%;
 208   margin: 10px 0;
 209 }
 210
 211 .gcli-menu-option {
 212   overflow: hidden;
 213   white-space: nowrap;
 214   cursor: pointer;
 215   padding: 2px;
 216 }
 217
 218 .gcli-menu-option:hover {
 219   background-color: #FFCF00;
 220   color: #000000;
 221 }
 222
 223 .gcli-menu-name {
 224   padding-top: 0;
 225   padding-bottom: 0;
 226   -moz-padding-start: 10px;
 227   -moz-padding-end: 2px;
 228 }
 229
 230 .gcli-menu-desc {
 231   font-size: 80%;
 232   color: #FF9F00;
 233 }
 234
 235 .gcli-menu-error {
 236   overflow: hidden;
 237   white-space: nowrap;
 238   padding-top: 8px;
 239   padding-bottom: 2px;
 240   -moz-padding-start: 10px;
 241   -moz-padding-end: 2px;
 242   font-size: 80%;
 243   color: #FF0000;
 244 }
 245
 246 /* From: $GCLI/lib/gcli/ui/inputter.css */
 247
 248 .gcli-in-complete {
 249   position: absolute;
 250   z-index: -1000;
 251   border: 1px transparent solid;
 252   padding: 1px 1px 1px 2px;
 253   color: #008484;
 254 }
 255
 256 .gcli-in-incomplete {
 257   border-bottom: 2px dotted #9C9CFF;
 258 }
 259
 260 .gcli-in-error {
 261   border-bottom: 2px dotted #FF0000;
 262 }
 263
 264 .gcli-in-ontab {
 265   color: #9C9CFF;
 266 }
 267
 268 .gcli-in-closebrace {
 269   color: #9C9CFF;
 270 }
 271
 272 .gcli-prompt {
 273   color: #E7ADE7;
 274   font-weight: bold;
 275 }
 276
 277 .gcli-in-scratchlink {
 278   float: right;
 279   font-size: 85%;
 280   color: #9C9CFF;
 281   padding-right: 10px;
 282 }
 283
 284 /* From: $GCLI/lib/gcli/commands/help.css */
 285
 286 .gcli-help-name {
 287   text-align: end;
 288 }
 289
 290 .gcli-help-arrow {
 291   font-size: 70%;
 292   color: #008484;
 293 }
 294
 295 .gcli-help-synopsis {
 296   font-family: "Liberation Mono", Consolas, "Courier New", monospace;
 297   font-weight: normal;
 298   padding: 0 3px;
 299   margin: 0 10px;
 300   border: 1px solid #9C9CFF;
 301   border-radius: 3px;
 302   color: #FF9F00;
 303   cursor: pointer;
 304   display: inline-block;
 305 }
 306
 307 .gcli-help-synopsis:before {
 308   color: #FFCF00;
 309   content: '\bb';
 310 }
 311
 312 .gcli-help-description {
 313   margin: 0 20px;
 314   padding: 0;
 315 }
 316
 317 .gcli-help-parameter {
 318   margin: 0 30px;
 319   padding: 0;
 320 }
 321
 322 .gcli-help-header {
 323   margin: 10px 0 6px;
 324 }