/* 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 */ /* Font for code */ .devtools-monospace { font: 12px "Liberation Mono", Consolas, "Courier New", monospace; } /* 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; } /* In-tools sidebar */ .devtools-toolbox-side-iframe { min-width: 465px; } /* === BEGIN common.inc.css === */ /* Autocomplete Popup */ /* Dark and light theme */ .devtools-autocomplete-popup { border: 1px solid #FF9F00; background-color: #000000; 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: right; } /* Rest of the light theme */ .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] { max-height: 400px; max-width: 400px; } .devtools-tooltip[clamped-dimensions] .panel-arrowcontent { overflow: hidden; } /* 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: Variables View */ .devtools-tooltip-variables-view-box { margin: -4px; /* Compensate for the .panel-arrowcontent padding. */ } /* 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; } /* === END common.inc.css === */