LCARStrek/devtools/common.css

   1 /* vim:set ts=2 sw=2 sts=2 et: */
   2 /* This Source Code Form is subject to the terms of the Mozilla Public
   3  * License, v. 2.0. If a copy of the MPL was not distributed with this
   4  * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
   5
   6 @import url("splitters.css");
   7
   8 /* LCARS-specific rules that should be limited to toolbox but there's no other place to put them */
   9 window {
  10   padding: 0;
  11 }
  12
  13 notification {
  14   margin-bottom: 3px;
  15 }
  16
  17 /* End LCARStrek toolbox rules */
  18
  19 :root {
  20   font: 11px "Liberation Sans",Arial,Tahoma,Helvetica,sans-serif;
  21   --proportional-font-family: "Liberation Sans",Arial,Tahoma,Helvetica,sans-serif;
  22   --monospace-font-family: "Liberation Mono", Consolas, "Courier New", monospace;
  23   --monospace-font-size: 12px;
  24 }
  25
  26 .devtools-monospace {
  27   font-family: var(--monospace-font-family);
  28   font-size: var(--monospace-font-size);
  29 }
  30
  31
  32 /* Autocomplete Popup */
  33
  34 .devtools-autocomplete-popup {
  35   border-radius: 3px;
  36   overflow-x: hidden;
  37   max-height: 20rem;
  38
  39   /* Devtools autocompletes display technical english keywords and should be displayed
  40      using LTR direction. */
  41   direction: ltr !important;
  42 }
  43
  44 /* Reset list styles. */
  45 .devtools-autocomplete-popup ul {
  46   list-style: none;
  47 }
  48
  49 .devtools-autocomplete-popup ul,
  50 .devtools-autocomplete-popup li {
  51   margin: 0;
  52 }
  53
  54 .devtools-autocomplete-listbox {
  55   background-color: transparent;
  56   border-width: 0px !important;
  57   margin: 0;
  58 }
  59
  60 .devtools-autocomplete-listbox .autocomplete-item {
  61   width: 100%;
  62   background-color: transparent;
  63   border-radius: 4px;
  64 }
  65
  66 .devtools-autocomplete-listbox .autocomplete-selected {
  67 /*  background-color: rgba(0,0,0,0.2); */
  68 }
  69
  70 .devtools-autocomplete-listbox .autocomplete-item > .initial-value,
  71 .devtools-autocomplete-listbox .autocomplete-item > .autocomplete-value {
  72   margin: 0;
  73   padding: 0;
  74   cursor: default;
  75 }
  76
  77 .devtools-autocomplete-listbox .autocomplete-item > .autocomplete-count {
  78   text-align: end;
  79 }
  80
  81 /* Rest of the dark and light theme */
  82
  83 .devtools-autocomplete-popup,
  84 .CodeMirror-hints,
  85 .CodeMirror-Tern-tooltip {
  86   border: 1px solid #FF9F00;
  87   background-color: #000000;
  88 }
  89
  90 /* Autocomplete list clone used for accessibility. */
  91
  92 .devtools-autocomplete-list-aria-clone {
  93   /* Cannot use display:none or visibility:hidden : screen readers ignore the element. */
  94   position: fixed;
  95   overflow: hidden;
  96   margin: 0;
  97   width: 0;
  98   height: 0;
  99 }
 100
 101 .devtools-autocomplete-list-aria-clone li {
 102   /* Prevent screen readers from prefacing every item with 'bullet'. */
 103   list-style-type: none;
 104 }
 105
 106 /* links to source code, like displaying `myfile.js:45` */
 107
 108 .devtools-source-link {
 109   font-family: var(--monospace-font-family);
 110   color: var(--theme-text-blue);
 111   cursor: pointer;
 112   white-space: nowrap;
 113   display: flex;
 114   text-decoration: none;
 115   font-size: 11px;
 116   width: 12em; /* probably should be changed for each tool */
 117 }
 118
 119 .devtools-source-link:hover {
 120   text-decoration: underline;
 121 }
 122
 123 .devtools-source-link > .filename {
 124   text-overflow: ellipsis;
 125   text-align: end;
 126   overflow: hidden;
 127   margin: 2px 0px;
 128   cursor: pointer;
 129 }
 130
 131 .devtools-source-link > .line-number {
 132   flex: none;
 133   margin: 2px 0px;
 134   cursor: pointer;
 135 }
 136
 137 /* Keyboard focus highlight styles */
 138
 139 :-moz-focusring {
 140   outline: var(--theme-focus-outline);
 141   outline-offset: -1px;
 142 }
 143
 144 textbox[focused="true"] {
 145   border-color: var(--theme-focus-border-color-textbox);
 146 /*  box-shadow: var(--theme-focus-box-shadow-textbox);*/
 147   transition: all 0.2s ease-in-out
 148 }
 149
 150 textbox :-moz-focusring {
 151   box-shadow: none;
 152   outline: none;
 153 }
 154
 155 /* Form fields should already have box-shadow hightlight */
 156 select:-moz-focusring,
 157 input[type="radio"]:-moz-focusring,
 158 input[type="checkbox"]:-moz-focusring,
 159 checkbox:-moz-focusring {
 160   outline: none;
 161 }