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/. */
6 @import url("splitters.css");
8 /* LCARS-specific rules that should be limited to toolbox but there's no other place to put them */
17 /* End LCARStrek toolbox rules */
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;
27 font-family: var(--monospace-font-family);
28 font-size: var(--monospace-font-size);
32 /* Autocomplete Popup */
34 .devtools-autocomplete-popup {
39 /* Devtools autocompletes display technical english keywords and should be displayed
40 using LTR direction. */
41 direction: ltr !important;
44 /* Reset list styles. */
45 .devtools-autocomplete-popup ul {
49 .devtools-autocomplete-popup ul,
50 .devtools-autocomplete-popup li {
54 .devtools-autocomplete-listbox {
55 background-color: transparent;
56 border-width: 0px !important;
60 .devtools-autocomplete-listbox .autocomplete-item {
62 background-color: transparent;
66 .devtools-autocomplete-listbox .autocomplete-selected {
67 /* background-color: rgba(0,0,0,0.2); */
70 .devtools-autocomplete-listbox .autocomplete-item > .initial-value,
71 .devtools-autocomplete-listbox .autocomplete-item > .autocomplete-value {
77 .devtools-autocomplete-listbox .autocomplete-item > .autocomplete-count {
81 /* Rest of the dark and light theme */
83 .devtools-autocomplete-popup,
85 .CodeMirror-Tern-tooltip {
86 border: 1px solid #FF9F00;
87 background-color: #000000;
90 /* Autocomplete list clone used for accessibility. */
92 .devtools-autocomplete-list-aria-clone {
93 /* Cannot use display:none or visibility:hidden : screen readers ignore the element. */
101 .devtools-autocomplete-list-aria-clone li {
102 /* Prevent screen readers from prefacing every item with 'bullet'. */
103 list-style-type: none;
106 /* links to source code, like displaying `myfile.js:45` */
108 .devtools-source-link {
109 font-family: var(--monospace-font-family);
110 color: var(--theme-text-blue);
114 text-decoration: none;
116 width: 12em; /* probably should be changed for each tool */
119 .devtools-source-link:hover {
120 text-decoration: underline;
123 .devtools-source-link > .filename {
124 text-overflow: ellipsis;
131 .devtools-source-link > .line-number {
137 /* Keyboard focus highlight styles */
140 outline: var(--theme-focus-outline);
141 outline-offset: -1px;
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
150 textbox :-moz-focusring {
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 {
165 --clear-icon-url: url("chrome://devtools/skin/images/clear.svg");
168 .devtools-button.devtools-clear-icon::before {
169 background-image: var(--clear-icon-url);
172 .devtools-button.devtools-filter-icon::before {
173 background-image: var(--filter-image);
176 .devtools-toolbarbutton.devtools-clear-icon {
177 list-style-image: var(--clear-icon-url);
180 .devtools-option-toolbarbutton {
181 list-style-image: var(--tool-options-image);