LCARStrek/browser/devtools/gcli.css

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