/* vim:set ts=2 sw=2 sts=2 et: */ /* This Source Code Form is subject to the terms of the Mozilla Public * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ /* LCARS-specific rules that should be limited to toolbox but there's no other place to put them */ window { padding: 0; } notification { margin-bottom: 3px; } /* End LCARStrek toolbox rules */ :root { font: 11px "Liberation Sans",Arial,Tahoma,Helvetica,sans-serif; --proportional-font-family: "Liberation Sans",Arial,Tahoma,Helvetica,sans-serif; --monospace-font-family: "Liberation Mono", Consolas, "Courier New", monospace; --monospace-font-size: 12px; } .devtools-monospace { font-family: var(--monospace-font-family); font-size: var(--monospace-font-size); } /* Bottom-docked toolbox minimize transition */ .devtools-toolbox-bottom-iframe { transition: margin-bottom .1s; } /* Splitters */ .devtools-horizontal-splitter { min-height: 3px; height: 3px; position: relative; } #devtools-side-splitter { min-width: 0; width: 3px; border: none; margin: 0 3px; position: relative; cursor: e-resize; } .devtools-horizontal-splitter.disabled, .devtools-side-splitter.disabled { pointer-events: none; } /* In-tools sidebar */ .devtools-toolbox-side-iframe { min-width: 465px; } /* === BEGIN common.inc.css === */ /* Autocomplete Popup */ /* Dark and light theme */ .devtools-autocomplete-popup { border-radius: 3px; overflow-x: hidden; max-height: 40rem; } .devtools-autocomplete-listbox { background-color: transparent; border-width: 0px !important; } .devtools-autocomplete-listbox > richlistitem, .devtools-autocomplete-listbox > richlistitem[selected] { width: 100%; background-color: transparent; border-radius: 4px; } .devtools-autocomplete-listbox.dark-theme > richlistitem[selected], .devtools-autocomplete-listbox.dark-theme > richlistitem:hover { /* background-color: rgba(0,0,0,0.5); */ } .devtools-autocomplete-listbox.dark-theme > richlistitem[selected] > .autocomplete-value, .devtools-autocomplete-listbox:focus.dark-theme > richlistitem[selected] > .initial-value { /* color: hsl(208,100%,60%);*/ } .devtools-autocomplete-listbox.dark-theme > richlistitem[selected] > label { /* color: #eee;*/ } .devtools-autocomplete-listbox.dark-theme > richlistitem > label { /* color: #ccc;*/ } .devtools-autocomplete-listbox > richlistitem > .initial-value, .devtools-autocomplete-listbox > richlistitem > .autocomplete-value { margin: 0; padding: 1px 0; } .devtools-autocomplete-listbox > richlistitem > .autocomplete-count { text-align: end; } /* Rest of the dark and light theme */ .devtools-autocomplete-popup, .CodeMirror-hints, .CodeMirror-Tern-tooltip { border: 1px solid #FF9F00; background-color: #000000; } .devtools-autocomplete-popup.light-theme { } .devtools-autocomplete-listbox.light-theme > richlistitem[selected], .devtools-autocomplete-listbox.light-theme > richlistitem:hover { /* background-color: rgba(128,128,128,0.3); */ } .devtools-autocomplete-listbox.light-theme > richlistitem[selected] > .autocomplete-value, .devtools-autocomplete-listbox:focus.light-theme > richlistitem[selected] > .initial-value { /* color: #222;*/ } .devtools-autocomplete-listbox.light-theme > richlistitem > label { /* color: #666;*/ } /* Responsive container */ .devtools-responsive-container { -moz-box-orient: horizontal; } @media (max-width: 700px) { .devtools-responsive-container { -moz-box-orient: vertical; } .devtools-responsive-container > .devtools-side-splitter { border: 0; margin: 3px 0; min-height: 3px; height: 3px; /* In some edge case the cursor is not changed to n-resize */ cursor: n-resize; } .devtools-responsive-container > .devtools-sidebar-tabs { min-height: 35vh; max-height: 75vh; } } /* Tooltip widget (see browser/devtools/shared/widgets/Tooltip.js) */ .devtools-tooltip.devtools-tooltip-tooltip { /* If the tooltip uses a XUL element */ padding: 4px; background: #A09090; border-radius: 3px; } .devtools-tooltip .panel-arrowcontent { /* If the tooltip uses a XUL element instead */ padding: 4px; } .devtools-tooltip .panel-arrowcontainer { /* Reseting the transition used when panels are shown */ transition: none; /* Panels slide up/down/left/right when they appear using a transform. Since we want to remove the transition, we don't need to transform anymore plus it can interfeer by causing mouseleave events on the underlying nodes */ transform: none; } .devtools-tooltip[clamped-dimensions] { min-height: 100px; max-height: 400px; min-width: 100px; max-width: 400px; } .devtools-tooltip[clamped-dimensions-no-min-height] { min-height: 0; max-height: 400px; min-width: 100px; max-width: 400px; } .devtools-tooltip[clamped-dimensions-no-max-or-min-height] { min-width: 400px; max-width: 400px; } .devtools-tooltip[clamped-dimensions] .panel-arrowcontent, .devtools-tooltip[clamped-dimensions-no-min-height] .panel-arrowcontent, .devtools-tooltip[clamped-dimensions-no-max-or-min-height] .panel-arrowcontent { overflow: hidden; } .devtools-tooltip[wide] { max-width: 600px; } /* Tooltip: Simple Text */ .devtools-tooltip-simple-text { background: #000000; max-width: 400px; margin: 0 -4px; /* Compensate for the .panel-arrowcontent padding. */ padding: 8px 12px; white-space: pre-wrap; } .devtools-tooltip-simple-text:first-child { margin-top: -4px; } .devtools-tooltip-simple-text:last-child { margin-bottom: -4px; } .devtools-tooltip-simple-text { background-color: #000000; max-width: 400px; margin: 0 -4px; /* Compensate for the .panel-arrowcontent padding. */ padding: 8px 12px; white-space: pre-wrap; } .devtools-tooltip-simple-text:first-child { margin-top: -4px; } .devtools-tooltip-simple-text:last-child { margin-bottom: -4px; } /* Tooltip: Alert Icon */ .devtools-tooltip-alert-icon { width: 32px; height: 32px; margin: 6px; -moz-margin-end: 20px; } .devtools-tooltip-alert-icon { list-style-image: url("chrome://global/skin/icons/alert-exclam.gif"); } /* Tooltip: Variables View */ .devtools-tooltip-variables-view-box { margin: -4px; /* Compensate for the .panel-arrowcontent padding. */ } .devtools-tooltip-variables-view-box .variable-or-property > .title { -moz-padding-end: 6px; } /* Tooltip: Tiles */ .devtools-tooltip-tiles { background-color: #A09090; background-image: linear-gradient(45deg, #9C9CFF 25%, transparent 25%, transparent 75%, #9C9CFF 75%, #9C9CFF), linear-gradient(45deg, #9C9CFF 25%, transparent 25%, transparent 75%, #9C9CFF 75%, #9C9CFF); background-size: 20px 20px; background-position: 0 0, 10px 10px; } .devtools-tooltip-iframe { border: none; background: transparent; } /* Eyedropper Widget */ .devtools-eyedropper-panel { pointer-events: none; -moz-appearance: none; width: 156px; height: 120px; background-color: transparent; border: none; padding: 0; } #color-value { color: #FF9F00; } #color-value.highlight { color: #FFCF00; } /* Links to source code, like displaying `myfile.js:45` */ .devtools-source-link { font-family: var(--monospace-font-family); color: var(--theme-text-blue); cursor: pointer; white-space: nowrap; display: flex; align-self: flex-start; text-decoration: none; font-size: 11px; width: 12em; /* probably should be changed for each tool */ } .devtools-source-link:hover { text-decoration: underline; } .devtools-source-link > .filename { text-overflow: ellipsis; text-align: end; overflow: hidden; margin: 2px 0px; cursor: pointer; } .devtools-source-link > .line-number { flex: none; margin: 2px 0px; cursor: pointer; } /* === END common.inc.css === */