LCARStrek/devtools/commandline.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 /* NOTE: THESE NEED TO STAY IN SYNC WITH LIGHT-THEME.CSS AND DARK-THEME.CSS.
   6    We are copy/pasting variables from light-theme and dark-theme,
   7    since they aren't loaded in this context (within commandlineoutput.xhtml
   8    and commandlinetooltip.xhtml). */
   9 :root {
  10   --gcli-background-color: #000000; /* --theme-tab-toolbar-background */
  11   --gcli-input-focused-background: #FFCF00; /* --theme-sidebar-background */
  12   --gcli-input-focused-color: #000000;
  13   --gcli-input-color: #FF9F00; /* --theme-body-color */
  14   --gcli-border-color: #9C9CFF; /* --theme-splitter-color */
  15   --gcli-edittext-color: #E7ADE7;
  16 }
  17
  18 .gcli-body {
  19   margin: 0;
  20   font: 11px "Liberation Sans",Arial,Tahoma,Helvetica,sans-serif;
  21   color: var(--gcli-input-color);
  22 }
  23
  24 #gcli-output-root,
  25 #gcli-tooltip-root {
  26   border: 1px solid var(--gcli-border-color);
  27   border-radius: 3px;
  28   background-color: var(--gcli-background-color);
  29 }
  30
  31 #gcli-output-root {
  32   padding: 5px 10px;
  33   border-bottom-left-radius: 0;
  34   border-bottom-right-radius: 0;
  35   border-bottom: 0;
  36 }
  37
  38 #gcli-tooltip-root {
  39   padding: 5px 0px;
  40 }
  41
  42 #gcli-tooltip-connector {
  43   margin-top: -1px;
  44   margin-left: 8px;
  45   width: 20px;
  46   height: 10px;
  47   border-left: 1px solid var(--gcli-border-color);
  48   border-right: 1px solid var(--gcli-border-color);
  49   background-color: var(--gcli-background-color);
  50 }
  51
  52 .gcli-tt-description,
  53 .gcli-tt-error {
  54   padding: 0 10px;
  55 }
  56
  57 .gcli-row-out {
  58   padding: 0 5px;
  59   line-height: 1.2em;
  60   border-top: none;
  61   border-bottom: none;
  62   color: var(--gcli-input-color);
  63 }
  64
  65 .gcli-row-out p,
  66 .gcli-row-out h1,
  67 .gcli-row-out h2,
  68 .gcli-row-out h3 {
  69   margin: 5px 0;
  70 }
  71
  72 .gcli-row-out h1,
  73 .gcli-row-out h2,
  74 .gcli-row-out h3,
  75 .gcli-row-out h4,
  76 .gcli-row-out h5,
  77 .gcli-row-out th,
  78 .gcli-row-out strong,
  79 .gcli-row-out pre {
  80   color: var(--gcli-input-color);
  81 }
  82
  83 .gcli-row-out pre {
  84   font-size: 80%;
  85 }
  86
  87 .gcli-row-out td {
  88   white-space: nowrap;
  89 }
  90
  91 .gcli-out-shortcut,
  92 .gcli-help-synopsis {
  93   padding: 0 3px;
  94   margin: 0 4px;
  95   font-weight: normal;
  96   font-size: 90%;
  97   border-radius: 3px;
  98   background-color: var(--gcli-background-color);
  99   color: var(--gcli-edittext-color);
 100   border: 1px solid var(--gcli-border-color);
 101 }
 102
 103 .gcli-out-shortcut:before,
 104 .gcli-help-synopsis:before {
 105   color: var(--gcli-input-color);
 106   padding-inline-end: 2px;
 107 }
 108
 109 .gcli-help-arrow {
 110   color: #008484;
 111 }
 112
 113 .gcli-help-description {
 114   margin: 0 20px;
 115   padding: 0;
 116 }
 117
 118 .gcli-help-parameter {
 119   margin: 0 30px;
 120   padding: 0;
 121 }
 122
 123 .gcli-help-header {
 124   margin: 10px 0 6px;
 125 }
 126
 127 .gcli-menu-name {
 128   padding-inline-start: 8px;
 129 }
 130
 131 .gcli-menu-desc {
 132   padding-inline-end: 8px;
 133   color: var(--gcli-input-color);
 134 }
 135
 136 .gcli-menu-name:hover,
 137 .gcli-menu-desc:hover {
 138   background-color: var(--gcli-input-focused-background);
 139   color: var(--gcli-input-focused-color);
 140 }
 141
 142 .gcli-menu-highlight,
 143 .gcli-menu-highlight:hover {
 144   background-color: #795900;
 145 }
 146
 147 .gcli-menu-typed {
 148   color: #008484;
 149 }
 150
 151 .gcli-menu-more {
 152   font-size: 80%;
 153   text-align: end;
 154   padding-inline-end: 8px;
 155 }
 156
 157 .gcli-addon-disabled {
 158   opacity: 0.6;
 159   text-decoration: line-through;
 160 }
 161
 162 .gcli-breakpoint-label {
 163   font-weight: bold;
 164 }
 165
 166 .gcli-breakpoint-lineText {
 167   font-family: "Liberation Mono", Consolas, "Courier New", monospace;
 168 }