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 }
 114
 115 /* Extract from display.css, we only want these 2 rules */
 116
 117 .gcli-out-shortcut {
 118   border: 1px solid #8050B0;
 119   border-radius: 3px;
 120   padding: 0 4px;
 121   margin: 0 4px;
 122   font-size: 70%;
 123   color: #FF9F00;
 124   cursor: pointer;
 125   vertical-align: bottom;
 126 }
 127
 128 .gcli-out-shortcut:before {
 129   color: #FFCF00;
 130   content: '\bb';
 131   padding: 0 2px;
 132 }
 133
 134 /*
 135  * The language of a console is not en_US or any other common language
 136  * (i.e we don't attempt to translate 'console.log(x)')
 137  * So we fix .gcliterm-input-node/.gcliterm-complete-node elements to be ltr.
 138  * As a result we also want the hints to pop up on the left (above the prompt)
 139  */
 140 .gcliterm-input-node,
 141 .gcliterm-complete-node,
 142 .gcliterm-display {
 143   direction: ltr;
 144 }
 145
 146 /*
 147  * We want the stuff under .gcliterm-display to obey normal direction rules
 148  * so we need to swap back when the document is in rtl mode.
 149  * The selectors below are faster, but equivalent to:
 150  * .gcliterm-display > *:-moz-locale-dir(rtl) {
 151  *   direction: rtl;
 152  * }
 153  * In non-performance critical situations the above is preferred due to it's
 154  * greater resilience to refactoring
 155  */
 156 .gcliterm-hint-parent:-moz-locale-dir(rtl),
 157 .hud-output-node:-moz-locale-dir(rtl) {
 158   direction: rtl;
 159 }
 160
 161 /* From: $GCLI/mozilla/gcli/ui/gcliterm-winstripe.css */
 162
 163 .gcliterm-input-node,
 164 .gcliterm-complete-node {
 165   font: 12px "Liberation Mono", Consolas, "Courier New", monospace;
 166 }
 167
 168 .gcli-out-shortcut {
 169   font-family: "Liberation Mono", Consolas, "Courier New", monospace;
 170 }
 171
 172 /* From: $GCLI/lib/gcli/ui/arg_fetch.css */
 173
 174 .gcli-argfetch {
 175   width: 100%;
 176   box-sizing: border-box;
 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   box-sizing: border-box;
 191   -moz-box-sizing: border-box;
 192 }
 193
 194 .gcli-af-paramname {
 195   text-align: right;
 196   font-size: 90%;
 197 }
 198
 199 .gcli-af-required {
 200   font-size: 90%;
 201   color: #FF0000;
 202   -moz-padding-start: 5px;
 203 }
 204
 205 .gcli-af-error {
 206   font-size: 80%;
 207   color: #FF9F00;
 208 }
 209
 210 .gcli-af-submit {
 211   text-align: right;
 212 }
 213
 214 .gcli-field {
 215   width: 100%;
 216 }
 217
 218 .gcli-field-javascript {
 219   margin-bottom: 0;
 220 }
 221
 222 /* From: $GCLI/lib/gcli/ui/menu.css */
 223
 224 .gcli-menu {
 225   width: 100%;
 226   overflow: hidden;
 227 }
 228
 229 .gcli-menu-field {
 230   border: 1px solid #9C9CFF;
 231   border-top: 0;
 232   border-bottom-right-radius: 5px;
 233   border-bottom-left-radius: 5px;
 234   max-height: 300px;
 235   margin: 0 3px;
 236   padding: 0;
 237 }
 238
 239 .gcli-menu-template {
 240   border-collapse: collapse;
 241   width: 100%;
 242   margin: 10px 0;
 243 }
 244
 245 .gcli-menu-option {
 246   overflow: hidden;
 247   white-space: nowrap;
 248   cursor: pointer;
 249   padding: 2px;
 250 }
 251
 252 .gcli-menu-option:hover {
 253   background-color: #FFCF00;
 254   color: #000000;
 255 }
 256
 257 .gcli-menu-name {
 258   padding-top: 0;
 259   padding-bottom: 0;
 260   -moz-padding-start: 10px;
 261   -moz-padding-end: 2px;
 262 }
 263
 264 .gcli-menu-desc {
 265   font-size: 80%;
 266   color: #FF9F00;
 267 }
 268
 269 .gcli-menu-error {
 270   overflow: hidden;
 271   white-space: nowrap;
 272   padding-top: 8px;
 273   padding-bottom: 2px;
 274   -moz-padding-start: 10px;
 275   -moz-padding-end: 2px;
 276   font-size: 80%;
 277   color: #FF0000;
 278 }
 279
 280 /* From: $GCLI/lib/gcli/ui/inputter.css */
 281
 282 .gcli-in-complete {
 283   position: absolute;
 284   z-index: -1000;
 285   border: 1px transparent solid;
 286   padding: 1px 1px 1px 2px;
 287   color: #008484;
 288 }
 289
 290 .gcli-in-incomplete {
 291   border-bottom: 2px dotted #9C9CFF;
 292 }
 293
 294 .gcli-in-error {
 295   border-bottom: 2px dotted #FF0000;
 296 }
 297
 298 .gcli-in-ontab {
 299   color: #9C9CFF;
 300 }
 301
 302 .gcli-in-closebrace {
 303   color: #9C9CFF;
 304 }
 305
 306 .gcli-prompt {
 307   color: #E7ADE7;
 308   font-weight: bold;
 309 }
 310
 311 /* From: $GCLI/lib/gcli/commands/help.css */
 312
 313 .gcli-help-name {
 314   text-align: end;
 315 }
 316
 317 .gcli-help-arrow {
 318   font-size: 70%;
 319   color: #008484;
 320 }
 321
 322 .gcli-help-synopsis {
 323   font-family: "Liberation Mono", Consolas, "Courier New", monospace;
 324   font-weight: normal;
 325   padding: 0 3px;
 326   margin: 0 10px;
 327   border: 1px solid #9C9CFF;
 328   border-radius: 3px;
 329   color: #FF9F00;
 330   cursor: pointer;
 331   display: inline-block;
 332 }
 333
 334 .gcli-help-synopsis:before {
 335   color: #FFCF00;
 336   content: '\bb';
 337 }
 338
 339 .gcli-help-description {
 340   margin: 0 20px;
 341   padding: 0;
 342 }
 343
 344 .gcli-help-parameter {
 345   margin: 0 30px;
 346   padding: 0;
 347 }
 348
 349 .gcli-help-header {
 350   margin: 10px 0 6px;
 351 }