skin inspector LCARStrek inspector/
skin browser LCARStrek browser/
skin devtools LCARStrek devtools/
+skin webide LCARStrek webide/
min-height: var(--toolbar-height);
}
-.devtools-button {
- position: relative;
-}
-
-.devtools-button::before {
- content: "";
- display: block;
- width: 16px;
- height: 16px;
- position: absolute;
- left: 50%;
- top: 50%;
- margin: -8px 0 0 -8px;
-}
-
#element-picker::before {
- background-image: url("chrome://devtools/skin/command-pick.png");
+ background-image: url("chrome://devtools/skin/command-pick.svg");
}
.pause-button::before {
background-image: url("debugger-pause.png");
}
-#element-picker[checked]::before {
- background-position: -48px 0;
- filter: none; /* Icon is blue when checked, don't invert for light theme */
-}
-
.pause-button.paused::before {
background-image: url("debugger-play.png");
}
@media (min-resolution: 1.1dppx) {
- #element-picker::before {
- background-image: url("chrome://devtools/skin/command-pick@2x.png");
- background-size: 64px;
- }
-
.pause-button::before {
background-image: url("debugger-pause@2x.png");
}
}
}
+#timeline-rate select {
+ -moz-appearance: none;
+ text-align: center;
+ color: inherit;
+ font-family: inherit;
+}
+
/* Animation timeline component */
.animation-timeline {
padding: 0 2px;
}
+.animation-timeline .fast-track .name {
+ /* Animations running on the compositor have the fast-track background image*/
+ background-image: url("images/animation-fast-track.svg");
+ background-repeat: no-repeat;
+}
+
.animation-timeline .animation .delay {
position: absolute;
top: 0;
padding-left: 4px;
}
-.animation-target .node-selector {
+.animation-target .node-highlighter {
background: url("chrome://devtools/skin/images/vview-open-inspector.png") no-repeat 0 0;
padding-left: 16px;
margin-right: 5px;
cursor: pointer;
}
-.animation-target .node-selector:hover {
- background-position: -32px 0;
+.animation-target .node-highlighter:hover {
+ filter: url(images/filters.svg#checked-icon-state);
}
-.animation-target .node-selector:active {
- background-position: -16px 0;
+.animation-target .node-highlighter:active,
+.animation-target .node-highlighter.selected {
+ filter: url(images/filters.svg#checked-icon-state);
}
/* Animation title gutter, contains the name, duration, iteration */
.animation-title .meta-data .compositor-icon {
display: none;
- background-image: url("animation-fast-track.svg");
+ background-image: url("images/animation-fast-track.svg");
background-repeat: no-repeat;
padding-left: 12px;
/* Make sure the icon is positioned above the timeline range input so that
min-width: 30px;
min-height: 28px;
margin: 0;
- list-style-image: url("profiler-stopwatch.svg");
+ list-style-image: url("images/profiler-stopwatch.svg");
}
#empty-notice > button .button-text {
}
#record-snapshot {
- list-style-image: url("chrome://devtools/skin/profiler-stopwatch-tbutton.svg");
-}
-
-#record-snapshot:hover {
- list-style-image: url("chrome://devtools/skin/profiler-stopwatch.svg");
-}
-
-#record-snapshot[checked] {
- list-style-image: url("chrome://devtools/skin/profiler-stopwatch-checked-tbutton.svg");
-}
-
-#record-snapshot[checked]:hover {
- list-style-image: url("chrome://devtools/skin/profiler-stopwatch-checked.svg");
+ list-style-image: url("chrome://devtools/skin/images/profiler-stopwatch-tbutton.svg");
}
/* Snapshots items */
/* Debugging pane controls */
-#debugging-controls .devtools-toolbarbutton > .toolbarbutton-icon {
- width: 16px;
- height: 16px;
-}
-
#resume {
list-style-image: url("debugger-play.png");
- -moz-image-region: rect(0px,32px,16px,16px);
}
#step-over {
@media (min-resolution: 1.1dppx) {
#resume {
list-style-image: url(debugger-play@2x.png);
- -moz-image-region: rect(0px,64px,32px,32px);
}
#step-over {
}
}
-#debugging-controls > toolbarbutton {
- transition: opacity 0.15s ease-in-out;
-}
-
-#debugging-controls > toolbarbutton[disabled=true] {
- opacity: 0.5;
-}
-
#calls-slider {
-moz-padding-end: 24px;
}
* 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/. */
+@import url(variables.css);
@import url(common.css);
-
-/* Colors are taken from:
- * https://developer.mozilla.org/en-US/docs/Tools/DevToolsColors.
- * Changes should be kept in sync with commandline.css and commandline.inc.css.
- */
-:root {
- --theme-body-background: #000000;
- --theme-sidebar-background: #000000;
- --theme-contrast-background: #402800;
- --theme-contrast-border: #A09090;
- --theme-contrast-background2: #795900;
-
- --theme-tab-toolbar-background: #402800;
- --theme-toolbar-background: #000000;
- --theme-hover-background: #FFCF00;
- --theme-hover-color: #000000;
- --theme-active-background: #FFCF00;
- --theme-active-color: #000000;
- --theme-selection-background: #008484;
- --theme-selection-color: #000000;
- --theme-selection-background2: #004242;
- --theme-selection-color2: #FF9F00;
- --theme-selection-background-semitransparent: rgba(0, 132, 132, .5);
- --theme-splitter-color: #9C9CFF;
- --theme-comment: #A09090;
-
- --theme-sidebar-background: #000000;
- --theme-contrastsidebar-background: #A09090;
- --theme-contrastsidebar-color: #000000;
- --theme-contrastsidebar-bordercolor: #000000;
-
- --theme-body-color: #FF9F00;
- --theme-body-color-alt: #A09090;
- --theme-content-color1: #FF9F00;
- --theme-content-color2: #A09090;
- --theme-content-color3: #FF9F00;
- --theme-content-color4: #9C9CFF;
- --theme-content-disabled: #8050B0;
-
- --theme-text-blue: #3333FF;
- --theme-highlight-green: #008484;
- --theme-highlight-blue: #9C9CFF;
- --theme-highlight-bluegrey: #A09090;
- --theme-highlight-purple: #C09070;
- --theme-highlight-darkpurple: #6000CF;
- --theme-highlight-lightorange: #FFCF00;
- --theme-highlight-orange: #FF9F00;
- --theme-highlight-red: #FF0000;
- --theme-highlight-pink: #E7ADE7;
-
- /* Colors used in Graphs, like performance tools. Mostly similar to some "highlight-*" colors. */
- --theme-graphs-green: #008484;
- --theme-graphs-blue: #9C9CFF;
- --theme-graphs-bluegrey: #C09070;
- --theme-graphs-purple: #C09070;
- --theme-graphs-yellow: #FFCF00;
- --theme-graphs-red: #FF0000;
- --theme-graphs-grey: #A09090;
-
- /* Images */
- --theme-pane-collapse-image: url(chrome://devtools/skin/images/pane-collapse.svg);
- --theme-pane-expand-image: url(chrome://devtools/skin/images/pane-expand.svg);
-}
+@import url(toolbars.css);
body, html {
padding: 0;
background-color: #000000;
color: var(--theme-body-color);
}
-
-/* === BEGIN toolbars.inc.css === */
-
-/* CSS Variables specific to the devtools toolbar that aren't defined by the themes */
-.theme-light,
-.theme-dark {
- --searchbox-background-color: #000000;
- --searchbox-border-color: #9C9CFF;
- --searcbox-no-match-background-color: #400000;
- --searcbox-no-match-border-color: #FF0000;
-}
-
-/* Toolbars */
-.devtools-toolbar,
-.devtools-sidebar-tabs tabs {
-}
-
-.devtools-toolbar {
-}
-
-.devtools-toolbar checkbox {
- /* LCARStrek checkbox colors don't work well against toolbar background */
- background-color: var(--theme-toolbar-background);
- padding: 2px;
- line-height: -moz-block-height;
-}
-.devtools-toolbar checkbox .checkbox-check {
-}
-.devtools-toolbar checkbox .checkbox-label-box {
-}
-.devtools-toolbar checkbox .checkbox-label-box .checkbox-label {
-}
-
-/* Toolbar buttons */
-.devtools-menulist,
-.devtools-toolbarbutton {
-/* transition: background 0.05s ease-in-out; */
-}
-
-.devtools-menulist:-moz-focusring,
-.devtools-toolbarbutton:-moz-focusring {
- outline: 1px dotted var(--theme-selection-color);
-}
-
-.devtools-toolbarbutton[standalone] {
-}
-.devtools-toolbarbutton[label][standalone] {
-}
-
-.devtools-toolbarbutton:not([label]),
-.devtools-toolbarbutton[text-as-image] {
- min-width: 20px;
-}
-
-#toolbox-buttons .devtools-toolbarbutton[text-as-image] {
- -moz-padding-start: 5px;
- -moz-padding-end: 5px;
- min-width: inherit;
-}
-
-/* Command buttons with menupopups should be styled slightly differently -
- no background color and a bit more narrow */
-#toolbox-buttons .devtools-toolbarbutton:not([text-as-image]):not(:hover):not([open=true]) {
-/* background: transparent; */
-}
-#toolbox-buttons .devtools-toolbarbutton[type=menu] > .toolbarbutton-menu-dropmarker {
- padding: 0 2px;
-}
-
-.devtools-toolbarbutton:not([label]) > .toolbarbutton-text {
- display: none;
-}
-
-.devtools-toolbar .devtools-toolbarbutton {
- -moz-margin-start: 2px;
-}
-
-.devtools-toolbarbutton > .toolbarbutton-icon {
-}
-
-.devtools-toolbarbutton[type=menu-button] > .toolbarbutton-menubutton-button {
-/* -moz-box-orient: horizontal; */
-}
-
-.devtools-toolbarbutton[type=menu-button] {
-}
-
-.devtools-toolbarbutton > .toolbarbutton-menubutton-button > .toolbarbutton-icon {
-}
-
-.devtools-menulist > .menulist-dropmarker {
-}
-
-.devtools-toolbarbutton[type=menu] > .toolbarbutton-menu-dropmarker,
-.devtools-toolbarbutton[type=menu-button] > .toolbarbutton-menubutton-dropmarker {
-}
-
-.devtools-menulist,
-.devtools-toolbarbutton {
-}
-
-/* Text-only buttons */
-.devtools-toolbarbutton[label]:not([text-as-image]):not([type=menu-button]),
-#toolbox-buttons .devtools-toolbarbutton[text-as-image] {
-/* background-color: rgba(0, 0, 0, .2); / Splitter */
-}
-
-/* Button States */
-.devtools-toolbarbutton:not([disabled]):hover,
-#toolbox-buttons .devtools-toolbarbutton:not([disabled])[text-as-image]:hover,
-.devtools-toolbarbutton:not([disabled])[label]:not([text-as-image]):not([type=menu-button]):hover {
-/* background: rgba(0, 0, 0, .3); / Splitters */
-}
-
-.devtools-toolbarbutton:not([disabled]):hover:active,
-#toolbox-buttons .devtools-toolbarbutton:not([disabled])[text-as-image]:hover:active,
-.devtools-toolbarbutton:not([disabled])[label]:not([text-as-image]):not([type=menu-button]):hover:active {
-/* background: rgba(0, 0, 0, .4); / Splitters */
-}
-
-/* Menu type buttons and checked states */
-.devtools-toolbarbutton[checked=true],
-#toolbox-buttons .devtools-toolbarbutton[text-as-image][checked] {
-/* background: rgba(29, 79, 115, .7); / Select highlight blue /
- color: var(--theme-selection-color); */
-}
-
-.devtools-menulist[open=true],
-.devtools-toolbarbutton[open=true],
-.devtools-toolbarbutton[open=true]:hover,
-.devtools-toolbarbutton[open=true]:hover:active,
-.devtools-toolbarbutton[checked=true],
-.devtools-toolbarbutton[checked=true]:hover,
-#toolbox-buttons .devtools-toolbarbutton[text-as-image][checked] {
-/* background: rgba(29, 79, 115, .8); / Select highlight blue /
- color: var(--theme-selection-color); */
-}
-
-.devtools-toolbarbutton[checked=true]:hover {
-}
-
-.devtools-option-toolbarbutton {
- list-style-image: url("chrome://devtools/skin/tool-options-tbutton.svg");
-/* background: none;
- border: none; */
-}
-
-.devtools-option-toolbarbutton:hover,
-.devtools-option-toolbarbutton[open=true] {
- list-style-image: url("chrome://devtools/skin/tool-options.svg");
-}
-
-/* Toolbar button groups */
-.devtools-toolbarbutton-group > .devtools-toolbarbutton {
-}
-
-.devtools-toolbarbutton-group > .devtools-toolbarbutton:last-child {
-}
-
-.devtools-toolbarbutton-group + .devtools-toolbarbutton {
-}
-
-.devtools-separator + .devtools-toolbarbutton {
-}
-
-/* HTML buttons, similar to toolbar buttons, but work in HTML documents */
-
-.devtools-button {
- border: 0 solid var(--theme-splitter-color);
- background: var(--theme-toolbar-background);
- color: var(--theme-body-color);
- margin: 0 1px;
- padding: 0 6px;
- min-width: 16px;
- min-height: 18px;
- /* The icon is absolutely positioned in the button using ::before */
- position: relative;
-}
-
-.devtools-button[standalone] {
- min-height: 32px;
- border-width: 1px;
-}
-
-/* Button States */
-.devtools-button:not([disabled]):hover {
- background: var(--theme-hover-background);
- color: var(--theme-hover-color);
-}
-
-.devtools-button:not([disabled]):hover:active {
- background: var(--theme-active-background);
- color: var(--theme-active-color);
-}
-
-/* Menu type buttons and checked states */
-.devtools-button[checked] {
- background: var(--theme-selection-background);
- color: var(--theme-selection-color);
-}
-
-.devtools-button::before {
- content: "";
- display: block;
- width: 16px;
- height: 16px;
- position: absolute;
- left: 50%;
- top: 50%;
- margin: -8px 0 0 -8px;
- background-repeat: no-repeat;
-}
-
-.devtools-button[disabled]::before,
-.devtools-button:disabled::before {
- opacity: 0.5;
-}
-
-@media (min-resolution: 1.1dppx) {
- .devtools-button::before {
- background-size: 32px;
- }
-}
-
-:root {
- --clear-icon-url: url("chrome://devtools/skin/images/clear.svg");
-}
-
-.devtools-button.devtools-clear-icon::before {
- background-image: var(--clear-icon-url);
-}
-
-.devtools-toolbarbutton.devtools-clear-icon {
- list-style-image: var(--clear-icon-url);
-}
-
-/* Text input */
-
-.devtools-textinput,
-.devtools-searchinput {
-/* -moz-appearance: none;
- margin: 0 3px;
- border: 1px solid rgb(88, 94, 101);
- border-radius: 2px;
- background-color: rgba(24, 29, 32, 1);
- padding: 4px 6px;
- color: rgba(184, 200, 217, 1);*/
-}
-
-.devtools-searchinput {
-/* margin-top: 1px;
- margin-bottom: 1px;
- padding: 0;*/
- -moz-padding-start: 22px;
- -moz-padding-end: 4px;
- background-position: 8px center;
- background-size: 11px 11px;
- background-repeat: no-repeat;
- font-size: inherit;
-
- background-image: url("magnifying-glass.png");
-}
-
-.devtools-searchinput:-moz-locale-dir(rtl) {
- background-position: calc(100% - 8px) center;
-}
-
-.devtools-searchinput > .textbox-input-box > .textbox-search-icons > .textbox-search-icon {
- visibility: hidden;
-}
-
-/* Searchbox is a div container element for a search input element */
-.devtools-searchbox {
- display: flex;
- flex: 1;
- position: relative;
-}
-
-.devtools-rule-searchbox {
- -moz-box-flex: 1;
- padding-right: 23px;
- width: 100%;
- font: inherit;
-}
-
-.devtools-rule-searchbox[filled] {
- background-color: var(--searchbox-background-color);
- border-color: var(--searchbox-border-color);
-}
-
-.devtools-style-searchbox-no-match {
- background-color: var(--searcbox-no-match-background-color) !important;
- border-color: var(--searcbox-no-match-border-color) !important;
-}
-
-.devtools-no-search-result {
- border-color: var(--theme-highlight-red) !important;
-}
-
-.devtools-searchinput-clear {
- position: absolute;
- top: 3.5px;
- right: 7px;
- padding: 0;
- border: 0;
- width: 16px;
- height: 16px;
- background-position: 0 0;
- background-repeat: no-repeat;
- background-color: transparent;
-}
-
-.devtools-searchinput-clear {
- background-image: url("chrome://devtools/skin/search-clear.svg");
-}
-
-.devtools-style-searchbox-no-match + .devtools-searchinput-clear {
- background-image: url("chrome://devtools/skin/search-clear-failed.svg") !important;
-}
-
-.devtools-searchinput-clear:hover {
- background-position: -16px 0;
-}
-
-.devtools-searchinput > .textbox-input-box > .textbox-search-icons > .textbox-search-clear {
- list-style-image: url("chrome://devtools/skin/search-clear.svg");
- -moz-image-region: rect(0, 16px, 16px, 0);
-}
-
-.devtools-searchinput > .textbox-input-box > .textbox-search-icons > .textbox-search-clear:hover {
- -moz-image-region: rect(0, 32px, 16px, 16px);
-}
-
-@media (min-resolution: 1.1dppx) {
- .devtools-searchinput {
- background-image: url("magnifying-glass@2x.png");
- }
-}
-
-/* Close button */
-
-.devtools-closebutton {
- min-width: 16px;
- width: 16px;
-}
-
-.devtools-closebutton > image {
- width: 16px;
- height: 16px;
- -moz-appearance: none;
- background-size: 32px 16px;
- background-image: url("chrome://devtools/skin/close@2x.png");
- background-position: 0 center;
- background-repeat: no-repeat;
-}
-
-.devtools-closebutton:hover > image,
-.devtools-closebutton:hover:active > image {
- background-position: -16px center;
-}
-
-.devtools-closebutton > .toolbarbutton-text {
- display: none;
-}
-
-#toolbox-close::before {
- background-image: url("chrome://devtools/skin/close@2x.png");
-}
-
-/* In-tools sidebar */
-
-.devtools-sidebar-tabs {
-}
-
-.devtools-sidebar-tabs > tabpanels {
- padding: 0;
- border: 0;
-}
-
-.devtools-sidebar-tabs tabs {
- position: static;
- overflow: hidden;
-}
-
-.devtools-sidebar-alltabs {
-/* height: 24px;
- line-height: 24px;
- padding: 0 4px;
- margin: 0;
- border-width: 0 0 1px 0;
- -moz-border-start-width: 1px;
- border-style: solid;*/
-}
-
-.devtools-sidebar-alltabs .toolbarbutton-icon {
- display: none;
-}
-
-.devtools-sidebar-tabs tabs > .tabs-right,
-.devtools-sidebar-tabs tabs > .tabs-left {
- display: none;
-}
-
-.devtools-sidebar-tabs tabs > tab {
- min-width: 78px;
- text-align: center;
- -moz-box-flex: 1;
- position: static;
- margin-top: 0;
-}
-
-.devtools-sidebar-tabs tabs > tab:-moz-focusring {
- position: static;
-}
-
-.devtools-sidebar-tabs tabs > tab:first-of-type {
- -moz-margin-start: 0;
-}
-
-.devtools-sidebar-tabs tabs > tab:last-of-type {
- -moz-border-end-width: 0;
-}
-
-.devtools-sidebar-tabs tabs > tab {
-}
-
-.devtools-sidebar-tabs tabs > tab[selected],
-.devtools-sidebar-tabs tabs > tab[selected] + tab {
-}
-
-.devtools-sidebar-tabs tabs > tab:first-child {
-}
-
-.devtools-sidebar-tabs tabs > tab:hover {
-}
-
-.devtools-sidebar-tabs tabs > tab:hover:active {
-}
-
-.devtools-sidebar-tabs tabs > tab[selected] + tab:hover {
-}
-
-.devtools-sidebar-tabs tabs > tab[selected] + tab:hover:active {
-}
-
-.devtools-sidebar-tabs tabs > tab[selected],
-.devtools-sidebar-tabs tabs > tab[selected]:hover:active {
-}
-
-/* Toolbox - moved from toolbox.css.
- * Rules that apply to the global toolbox like command buttons,
- * devtools tabs, docking buttons, etc. */
-
-#toolbox-controls > toolbarbutton,
-#toolbox-dock-buttons > toolbarbutton {
- min-width: 16px;
-/* padding: 1px 3px; */
-}
-
-#toolbox-dock-buttons > toolbarbutton > image {
- width: 16px;
- height: 16px;
- background-size: 32px 16px;
- background-position: 0 center;
- background-repeat: no-repeat;
-}
-
-#toolbox-dock-buttons > toolbarbutton:hover > image {
- background-position: -16px center;
-}
-
-#toolbox-dock-bottom::before,
-#toolbox-dock-bottom > image {
- background-image: url("chrome://devtools/skin/dock-bottom@2x.png");
-}
-
-#toolbox-dock-side::before,
-#toolbox-dock-side > image {
- background-image: url("chrome://devtools/skin/dock-side@2x.png");
-}
-
-#toolbox-dock-window::before,
-#toolbox-dock-window > image {
- background-image: url("chrome://devtools/skin/undock@2x.png");
-}
-
-#toolbox-dock-bottom-minimize {
- /* Bug 1177463 - The minimize button is currently hidden until we agree on
- the UI for it, and until bug 1173849 is fixed too. */
- display: none;
-}
-
-#toolbox-dock-bottom-minimize > image {
- background-image: url("chrome://devtools/skin/dock-bottom-minimize@2x.png");
-}
-
-#toolbox-dock-bottom-minimize.minimized > image {
- background-image: url("chrome://devtools/skin/dock-bottom-maximize@2x.png");
-}
-
-#toolbox-dock-window,
-#toolbox-dock-bottom,
-#toolbox-dock-side {
-}
-
-#toolbox-dock-window:hover,
-#toolbox-dock-bottom:hover,
-#toolbox-dock-side:hover {
-}
-
-.devtools-separator {
- margin: 0 2px;
- width: 2px;
-}
-
-#toolbox-buttons:empty + .devtools-separator,
-.devtools-separator[invisible] {
- visibility: hidden;
-}
-
-#toolbox-controls-separator {
- margin: 0;
- width: 1px;
-}
-
-/* Command buttons */
-
-.command-button {
-/* padding: 1px 4px; */
- min-width: 16px;
-}
-
-.command-button:hover {
-}
-.command-button:hover:active {
-}
-
-#toolbox-close::before,
-.toolbox-dock-button::before,
-.command-button::before,
-.command-button > image {
- width: 16px;
- height: 16px;
- background-size: 32px 16px;
- background-position: 0 center;
- background-repeat: no-repeat;
-}
-
-#toolbox-close:hover::before,
-#toolbox-close:hover:active::before,
-.toolbox-dock-button:hover::before,
-.toolbox-dock-button:hover:active::before,
-.command-button:hover::before,
-.command-button:hover:active::before,
-.command-button[checked=true]::before,
-.command-button[open=true]::before,
-.command-button:hover > image,
-.command-button:hover:active > image,
-.command-button[checked=true] > image,
-.command-button[open=true] > image {
- background-position: -16px center;
-}
-
-#command-button-paintflashing::before,
-#command-button-paintflashing > image {
- background-image: url("chrome://devtools/skin/command-paintflashing.png");
-}
-
-#command-button-screenshot::before,
-#command-button-screenshot > image {
- background-image: url("chrome://devtools/skin/command-screenshot.png");
-}
-
-#command-button-responsive::before,
-#command-button-responsive > image {
- background-image: url("chrome://devtools/skin/command-responsivemode.png");
-}
-
-#command-button-tilt::before,
-#command-button-tilt > image {
- background-image: url("chrome://devtools/skin/command-tilt.png");
-}
-
-#command-button-scratchpad::before,
-#command-button-scratchpad > image {
- background-image: url("chrome://devtools/skin/command-scratchpad.png");
-}
-
-#command-button-pick::before,
-#command-button-pick > image {
- background-image: url("chrome://devtools/skin/command-pick.png");
-}
-
-#command-button-frames::before,
-#command-button-frames > image {
- background-image: url("chrome://devtools/skin/command-frames.png");
-}
-
-#command-button-splitconsole::before,
-#command-button-splitconsole > image {
- background-image: url("chrome://devtools/skin/command-console.png");
-}
-
-#command-button-eyedropper::before,
-#command-button-eyedropper > image {
- background-image: url("chrome://devtools/skin/command-eyedropper.png");
-}
-
-#command-button-rulers::before,
-#command-button-rulers > image {
- background-image: url("chrome://devtools/skin/command-rulers.png");
-}
-
-#command-button-measure::before,
-#command-button-measure > image {
- background-image: url("chrome://devtools/skin/images/command-measure.png");
-}
-
-@media (min-resolution: 1.1dppx) {
- #command-button-paintflashing > image {
- background-image: url("chrome://devtools/skin/command-paintflashing@2x.png");
- }
-
- #command-button-screenshot > image {
- background-image: url("chrome://devtools/skin/command-screenshot@2x.png");
- }
-
- #command-button-responsive > image {
- background-image: url("chrome://devtools/skin/command-responsivemode@2x.png");
- }
-
- #command-button-tilt > image {
- background-image: url("chrome://devtools/skin/command-tilt@2x.png");
- }
-
- #command-button-scratchpad > image {
- background-image: url("chrome://devtools/skin/command-scratchpad@2x.png");
- }
-
- #command-button-pick > image {
- background-image: url("chrome://devtools/skin/command-pick@2x.png");
- }
-
- #command-button-frames > image {
- background-image: url("chrome://devtools/skin/command-frames@2x.png");
- }
-
- #command-button-splitconsole > image {
- background-image: url("chrome://devtools/skin/command-console@2x.png");
- }
-
- #command-button-eyedropper > image {
- background-image: url("chrome://devtools/skin/command-eyedropper@2x.png");
- }
-
- #command-button-rulers > image {
- background-image: url("chrome://devtools/skin/command-rulers@2x.png");
- }
-
- #command-button-measure > image {
- background-image: url("chrome://devtools/skin/images/command-measure@2x.png");
- }
-}
-
-/* Tabs */
-
-.devtools-tabbar {
-}
-
-#toolbox-tabs {
- padding-inline-start: 3px;
- margin-inline-start: 2px; /* this is only needed for the old button design */
- margin-inline-end: 3px; /* this is for the new ::before-based button design */
- background-color: #000000;
- color: #FFCF00;
-}
-
-.toolbox-panel {
- display: -moz-box;
- -moz-box-flex: 1;
- visibility: collapse;
-}
-
-#toolbox-deck[selectedIndex] > .toolbox-panel, /* workaround for Firefox 47 and older */
-.toolbox-panel[selected] {
- visibility: visible;
-}
-
-.devtools-tab {
- min-width: 32px;
- max-width: 110px;
- color: #000000;
- margin: 0;
- -moz-margin-end: 3px;
- padding: 1px;
- -moz-padding-start: 3px;
- background-color: #C09070;
- border-radius: 8px 8px 0 0;
-}
-
-.devtools-tab > image {
- -moz-margin-end: 0px;
-/* -moz-margin-start: 4px; */
- max-height: 16px;
- width: 16px; /* Prevents collapse during theme switching */
-}
-
-.devtools-tab:hover > image {
-}
-
-.devtools-tab:active > image,
-.devtools-tab[selected] > image {
-}
-
-.devtools-tab:hover,
-.devtools-tab:hover:active {
- background-color: var(--theme-hover-background);
- color: var(--theme-hover-color);
-}
-
-.devtools-tab[selected] {
- background-color: var(--theme-selection-background);
- color: var(--theme-selection-color);
-}
-
-.devtools-tab > spacer {
- max-width: 0;
- -moz-box-flex: 0;
-}
-
-.devtools-tab > image {
- -moz-margin-end: 0;
- -moz-margin-start: 0;
-}
-
-#toolbox-picker-container {
- margin-inline-start: 1px;
-}
-
-#toolbox-option-container {
- background-color: #000000;
- padding-inline-start: 3px;
- margin-inline-end: 1px;
-}
-
-#toolbox-tab-options {
- min-width: 20px;
-}
-
-#toolbox-tab-options > image {
- -moz-margin-end: 3px;
-}
-
-.devtools-tab:not([highlighted]) > .highlighted-icon,
-.devtools-tab[selected] > .highlighted-icon,
-.devtools-tab:not([selected])[highlighted] > .default-icon {
- visibility: collapse;
-}
-
-.devtools-tab:not([selected])[highlighted] {
-}
-
-.devtools-tab:not([selected])[highlighted] {
- color: #FFCF00;
-}
-
-.devtools-tab:not([highlighted]) > .highlighted-icon,
-.devtools-tab[selected] > .highlighted-icon,
-.devtools-tab:not([selected])[highlighted] > .default-icon {
- visibility: collapse;
-}
-
-/* The options tab is special - it doesn't have the same parent
- as the other tabs (toolbox-option-container vs toolbox-tabs) */
-#toolbox-option-container .devtools-tab:not([selected]) {
-/* background-color: transparent;*/
-}
-#toolbox-option-container .devtools-tab {
-/* border-color: transparent;
- border-width: 0;
- -moz-padding-start: 1px;*/
-}
-#toolbox-tab-options > image {
-/* margin: 0 8px;*/
-}
-
-.hidden-labels-box:not(.visible) > label,
-.hidden-labels-box.visible ~ .hidden-labels-box > label:last-child {
- display: none;
-}
-
-.devtools-horizontal-splitter {
-/* border-bottom: 1px solid var(--theme-splitter-color); */
-}
-
-.devtools-side-splitter {
-/* -moz-border-end: 1px solid var(--theme-splitter-color);
- border-color: var(--theme-splitter-color); / Needed for responsive container at low width. */
-}
-/* Throbbers */
-
-.devtools-throbber::before {
- content: "";
- display: inline-block;
- vertical-align: bottom;
- -moz-margin-end: 0.5em;
- width: 1em;
- height: 1em;
- border: 2px solid currentColor;
- border-right-color: transparent;
- border-radius: 50%;
- animation: 1.1s linear throbber-spin infinite;
-}
-
-@keyframes throbber-spin {
- from {
- transform: none;
- }
- to {
- transform: rotate(360deg);
- }
-}
-
-/* === END toolbars.inc.css === */
min-width: 32px;
}
+#sources-toolbar .devtools-toolbarbutton:not([label]) {
+ -moz-image-region: rect(0,16px,16px,0);
+}
+
#black-box {
list-style-image: url("debugger-blackbox.png");
}
list-style-image: url("debugger-toggleBreakpoints.png");
}
-@media (min-resolution: 1.1dppx) {
- #toggle-breakpoints {
- list-style-image: url(debugger-toggleBreakpoints@2x.png);
- }
-}
-
-#toggle-promise-debugger {
- /* TODO Bug 1186119: Add a toggle promise debugger image */
-}
-
-#sources-toolbar .devtools-toolbarbutton:not([label]) {
- -moz-image-region: rect(0px, 16px, 16px, 0px);
+#toggle-breakpoints[checked] {
+ -moz-image-region: rect(0,32px,16px,16px) !important;
}
-#sources-toolbar .devtools-toolbarbutton:not([label]):hover {
- -moz-image-region: rect(16px, 16px, 32px, 0px);
-}
-
-#sources-toolbar .devtools-toolbarbutton:not([label])[checked] {
- -moz-image-region: rect(0px, 32px, 16px, 16px);
-}
-
-#sources-toolbar .devtools-toolbarbutton:not([label])[checked]:hover {
- -moz-image-region: rect(16px, 32px, 32px, 16px);
+#toggle-breakpoints[checked] > image {
+ /* This button has a special checked image, don't make it blue */
+ filter: none;
}
@media (min-resolution: 1.1dppx) {
#sources-toolbar .devtools-toolbarbutton:not([label]) {
- -moz-image-region: rect(0px,32px,32px,0px);
+ -moz-image-region: rect(0,32px,32px,0);
}
- #sources-toolbar .devtools-toolbarbutton:not([label]):hover {
- -moz-image-region: rect(32px,32px,64px,0px);
+ #toggle-breakpoints {
+ list-style-image: url(debugger-toggleBreakpoints@2x.png);
}
- #sources-toolbar .devtools-toolbarbutton:not([label])[checked] {
- -moz-image-region: rect(0px,64px,32px,32px);
+ #toggle-breakpoints[checked] {
+ -moz-image-region: rect(0,64px,32px,32px) !important;
}
+}
- #sources-toolbar .devtools-toolbarbutton:not([label])[checked]:hover {
- -moz-image-region: rect(32px,64px,64px,32px);
- }
+#toggle-promise-debugger {
+ /* TODO Bug 1186119: Add a toggle promise debugger image */
}
#sources .black-boxed {
-moz-image-region: rect(0px,16px,16px,0px);
}
-#trace:hover,
-#trace[checked] {
+#trace:hover {
-moz-image-region: rect(0px,32px,16px,16px);
}
-moz-image-region: rect(0px, 32px, 16px, 16px);
}
-#debugger-toolbar .devtools-toolbarbutton:not([label]) > .toolbarbutton-icon,
-#sources-toolbar .devtools-toolbarbutton:not([label]) > .toolbarbutton-icon {
- width: 16px;
- height: 16px;
-}
-
#resume {
list-style-image: url("chrome://devtools/skin/debugger-pause.png");
-moz-image-region: rect(0px, 16px, 16px, 0px);
}
}
-#debugger-controls toolbarbutton {
-/* transition: opacity 0.15s ease-in-out; */
-}
-
-#debugger-controls toolbarbutton[disabled] {
-/* opacity: 0.5;
- transition: none; */
-}
-
#resume[break-on-next] {
background: var(--theme-highlight-lightorange);
}
}
#instruments-pane-toggle {
-/* background: none;
- box-shadow: none;
- border: none; */
list-style-image: url("chrome://devtools/skin/debugger-collapse.png");
- -moz-image-region: rect(0px,16px,16px,0px);
}
#instruments-pane-toggle[pane-collapsed] {
list-style-image: url("chrome://devtools/skin/debugger-expand.png");
}
-#instruments-pane-toggle:hover {
- -moz-image-region: rect(0px,32px,16px,16px);
-}
-
@media (min-resolution: 1.1dppx) {
#instruments-pane-toggle {
list-style-image: url(debugger-collapse@2x.png);
- -moz-image-region: rect(0px,32px,32px,0px);
}
#instruments-pane-toggle[pane-collapsed] {
list-style-image: url(debugger-expand@2x.png);
}
-
- #instruments-pane-toggle:hover {
- -moz-image-region: rect(0px,64px,32px,32px);
- }
}
/* Horizontal vs. vertical layout */
--- /dev/null
+<!-- 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/. -->
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="#FFCF00">
+ <path d="M6.7 8l3.6-3.6c.2-.2.2-.5 0-.7-.2-.2-.5-.2-.7 0L6 7.3 2.4 3.7c-.2-.2-.5-.2-.7 0-.2.2-.2.5 0 .7L5.3 8l-3.6 3.6c-.2.2-.2.5 0 .7.2.2.5.2.7 0L6 8.7l3.6 3.6c.2.2.5.2.7 0 .2-.2.2-.5 0-.7L6.7 8z"/>
+</svg>
--- /dev/null
+<!-- 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/. -->
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="#FFCF00">
+ <path d="M6.8 9.7c0-.2 0-.3-.2-.4L4.9 7.6c-.3-.3-.7-.3-.9 0s-.3.6 0 .9l1.3 1.4L4 11.3c-.3.3-.3.6 0 .9s.6.3.9 0l1.8-1.8c.1-.2.2-.5.1-.7z"/>
+ <path d="M14.2 2H1.8c-.4 0-.8.4-.8.9v11.2c0 .4.3.9.8.9h12.4c.4 0 .8-.4.8-.9V2.9c0-.7-.6-.9-.8-.9zM14 14H2V6h12v8zm0-9H2V3h12v2z"/>
+</svg>
--- /dev/null
+<!-- 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/. -->
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="#FFCF00">
+ <path d="M8.3 2.9l4.9 4.9c.2.2.5.4.8.1.2-.2.1-.5-.1-.8L11.6 5l1.8-1.8c.2-.2.4-.5.1-.8-.2-.2-.5-.1-.8.1L11 4.3l-2.1-2c-.2-.3-.5-.4-.8-.2-.2.3-.1.6.2.8zM10.4 7.4l-6.1 6-2.4.8.7-2.4 6.2-6.1-.7-.7L2 11c-.1.1-.2.3-.2.4L1 13.7s-.1.7.1 1c.3.3.9.3 1.2.2l2.3-.8c.2-.1.3-.1.4-.3L11 8l-.6-.6z"/>
+ <path opacity="0.5" d="M7.1 7.1l-4.2 3.8-1.4 3.5 2.9-.6 2.8-2.7z"/>
+</svg>
--- /dev/null
+<!-- 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/. -->
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="#FFCF00">
+ <path d="M14.2 2H1.8c-.4 0-.8.4-.8.9v11.2c0 .4.3.9.8.9h12.4c.4 0 .8-.4.8-.9V2.9s-.6-.9-.8-.9zM8 14H2v-4h6v4zm6 0H9v-4h5v4zm0-5H2V3h12v6z"/>
+</svg>
--- /dev/null
+<!-- 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/. -->
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="#FFCF00">
+ <path d="M1 11h14V6H1v5zm15 .2c0 .5-.4.8-.8.8H.8c-.4 0-.8-.4-.8-.8V5.8c0-.4.4-.8.8-.8h14.3c.5 0 .9.4.9.8v5.4z"/>
+ <path d="M9 6v3c0 .2.3.4.5.4s.5-.2.5-.4V6H9zM13 6v3c0 .2.3.4.5.4.2-.1.5-.2.5-.4V6h-1zM5.1 5.7L4 6v2.8c0 .2.4.4.6.4s.5-.2.5-.4V5.7zM11 5v2.7c0 .2.3.4.5.4s.5-.2.5-.4V5h-1zM6 5.1v2.6c0 .2.5.4.7.4.2 0 .6-.2.6-.4l-.1-2.6H6zM2 5.1v2.6c0 .2.3.4.5.4s.5-.2.5-.4V5.1H2z"/>
+</svg>
--- /dev/null
+<!-- This Source Code Form is subject to the terms of the Mozilla Public\r
+ - License, v. 2.0. If a copy of the MPL was not distributed with this\r
+ - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->\r
+<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill="#FFCF00">\r
+ <path d="M2 1.99v4.02C2 6 2 6 1.99 6h4.02C6 6 6 6 6 6.01V1.99C6 2 6 2 6.01 2H1.99C2 2 2 2 2 1.99zm-1 0c0-.546.451-.99.99-.99h4.02c.546 0 .99.451.99.99v4.02c0 .546-.451.99-.99.99H1.99A.996.996 0 0 1 1 6.01V1.99zM10 1.99v4.02C10 6 10 6 9.99 6h4.02C14 6 14 6 14 6.01V1.99c0 .01 0 .01.01.01H9.99C10 2 10 2 10 1.99zm-1 0c0-.546.451-.99.99-.99h4.02c.546 0 .99.451.99.99v4.02c0 .546-.451.99-.99.99H9.99A.996.996 0 0 1 9 6.01V1.99zM10 9.99v4.02c0-.01 0-.01-.01-.01h4.02c-.01 0-.01 0-.01.01V9.99c0 .01 0 .01.01.01H9.99c.01 0 .01 0 .01-.01zm-1 0c0-.546.451-.99.99-.99h4.02c.546 0 .99.451.99.99v4.02c0 .546-.451.99-.99.99H9.99a.996.996 0 0 1-.99-.99V9.99zM2 9.99v4.02C2 14 2 14 1.99 14h4.02C6 14 6 14 6 14.01V9.99c0 .01 0 .01.01.01H1.99C2 10 2 10 2 9.99zm-1 0c0-.546.451-.99.99-.99h4.02c.546 0 .99.451.99.99v4.02c0 .546-.451.99-.99.99H1.99a.996.996 0 0 1-.99-.99V9.99z"/>\r
+</svg>\r
--- /dev/null
+<!-- 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/. -->
+<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill="#FFCF00">
+ <path d="M3 6.997v6.006c0-.006.003-.003.002-.003h9.996c-.001 0 .002-.003.002.003V6.997c0 .006-.003.003-.002.003H3.002C3.003 7 3 7.003 3 6.997zm-1 0C2 6.447 2.456 6 3.002 6h9.996C13.55 6 14 6.453 14 6.997v6.006c0 .55-.456.997-1.002.997H3.002A1.004 1.004 0 0 1 2 13.003V6.997zM8.5 4V1.5a.5.5 0 0 0-1 0V4H4a.5.5 0 0 0 0 1h8a.5.5 0 1 0 0-1H8.5z"/>
+ <path fill-opacity=".3" d="M13 10v3H3v-3z"/>
+</svg>
--- /dev/null
+<!-- 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/. -->
+<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill="#FFCF00">
+ <path d="M15 7.667V3.002A1.01 1.01 0 0 0 13.993 2H2.007C1.45 2 1 2.449 1 3.002v9.996C1 13.544 1.45 14 2.007 14h6.818l-.37-1H2V3h12v4.334l1 .333z"/>
+ <path fill-opacity=".3" d="M9 8l1.981 5.843 4.044-3.966z"/>
+ <path d="M8.526 8.16l1.982 5.844a.5.5 0 0 0 .824.196l4.043-3.966a.5.5 0 0 0-.202-.835L9.15 7.523a.5.5 0 0 0-.623.638zm.948-.32l-.623.637 6.025 1.877-.201-.834-4.044 3.966.824.197-1.981-5.844z"/>
+ <path d="M12.674 12.39l1.973 1.964a.5.5 0 1 0 .706-.708L13.38 11.68a.5.5 0 0 0-.706.709z"/>
+</svg>
--- /dev/null
+<!-- 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/. -->
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="#FFCF00">
+ <path d="M11.1 2H3.8c-.4 0-.8.4-.8.9v11.2c0 .4.3.9.8.9h7.3c.4 0 .9-.4.9-.9V2.9s-.7-.9-.9-.9zM11 14H4v-3h7v3zm0-4H4V3h7v7z"/>
+</svg>
--- /dev/null
+<!-- 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/. -->
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="#FFCF00">
+ <path d="M11.4 3c-.2 0-.4.2-.4.4v2.5c0 .2.3.4.5.4s.5-.2.5-.4V3.4c0-.2-.3-.4-.5-.4M13.5 3.2c-.2 0-.5.2-.5.4v1.5c0 .2.3.4.5.4s.5-.2.5-.4V3.6c0-.2-.3-.4-.5-.4M9.6 3.2c-.2 0-.6.2-.6.4v1.5c0 .2.3.4.6.4.2 0 .4-.2.4-.4V3.6c0-.2-.2-.4-.4-.4M7.4 3c-.2 0-.4.2-.4.4v2.5c0 .2.3.4.5.4s.5-.2.5-.4V3.4c0-.2-.2-.4-.6-.4M5.5 3.2c-.3 0-.5.2-.5.4v1.5c0 .2.3.4.5.4s.5-.2.5-.4V3.6c0-.2-.3-.4-.5-.4M4.3 8.5c0-.2-.2-.5-.4-.5H2.4c-.2 0-.4.3-.4.5s.2.5.4.5h1.5c.2 0 .4-.3.4-.5M4.3 12.5c0-.2-.2-.5-.4-.5H2.4c-.2 0-.4.3-.4.5s.2.5.4.5h1.5c.2 0 .4-.3.4-.5M5.1 10.5c0-.2-.2-.5-.4-.5H3.2c-.2 0-.4.3-.4.5s.2.5.4.5h1.5c.2 0 .4-.3.4-.5M5.1 6.5c0-.2-.2-.5-.4-.5H3.2c-.2 0-.4.3-.4.5s.2.5.4.5h1.5c.2 0 .4-.3.4-.5"/>
+ <path d="M15.1 3H3.5C2.9 3 2 3.6 2 4.1V14c0 .6 1 1 1.5 1h3.2c.6 0 1.3-.5 1.3-1V9h7c.6 0 1-.4 1-.9v-4c0-1-.4-1.1-.9-1.1zM15 8H7.4c-.6 0-.5.1-.4 0v6H3V4h12v4z"/>
+</svg>
--- /dev/null
+<!-- 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/. -->
+<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill="#FFCF00">
+ <path d="M5 1.5a.5.5 0 0 0-1 0v2a.5.5 0 0 0 1 0v-2zM8.5 3.5v-2a.5.5 0 0 0-1 0v2a.5.5 0 0 0 1 0zM12 3.5v-2a.5.5 0 1 0-1 0v2a.5.5 0 1 0 1 0zM5 7h4a.5.5 0 0 0 0-1H5a.5.5 0 0 0 0 1zM5 11h2a.5.5 0 1 0 0-1H5a.5.5 0 1 0 0 1zM6 9h5a.5.5 0 1 0 0-1H6a.5.5 0 0 0 0 1z"/>
+ <path d="M3 3.996v9.008c0-.003 0-.004.002-.004h9.996c-.001 0 .002-.003.002.004V3.996c0 .003 0 .004-.002.004H3.002C3.003 4 3 4.003 3 3.996zm-1 0C2 3.446 2.456 3 3.002 3h9.996A.998.998 0 0 1 14 3.996v9.008c0 .55-.456.996-1.002.996H3.002A.998.998 0 0 1 2 13.004V3.996z"/>
+</svg>
- file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
<svg height="0" xmlns="http://www.w3.org/2000/svg">
-<filter id="invert" x="0%" y="0%" width="100%" height="100%" >
- <feComponentTransfer>
- <feFuncR type="table" tableValues=".1 0"/>
- <feFuncG type="table" tableValues=".1 0"/>
- <feFuncB type="table" tableValues=".1 0"/>
- </feComponentTransfer>
-</filter>
-<filter id="invert-white" x="0%" y="0%" width="100%" height="100%" >
- <feComponentTransfer>
- <feFuncR type="table" tableValues=".6 0"/>
- <feFuncG type="table" tableValues=".6 0"/>
- <feFuncB type="table" tableValues=".6 0"/>
- </feComponentTransfer>
+ <filter id="checked-icon-state">
+ <feColorMatrix in="SourceGraphic" type="matrix"
+ values="0 0 0 0 0
+ 0 0 0 0 0
+ 0 0 0 0 0
+ 0 0 0 1 0"/>
</filter>
<!-- Web Audio Gradients -->
--- /dev/null
+<!-- 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/. -->
+<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill="#FFCF00">
+ <path d="M7.864 1.417c-.123-.13-.305-.185-.48-.144-.173.04-.312.172-.363.343-.05.17-.007.357.116.487l4 4.243c.19.2.506.21.707.02.2-.188.21-.505.02-.706l-4-4.243z"/>
+ <path d="M7.136 1.414l-4 4.243c-.19.2-.18.518.02.707.202.19.52.18.708-.02l4-4.244c.123-.13.166-.316.115-.487-.052-.17-.19-.302-.365-.343-.174-.04-.356.014-.48.144zM1.5 8c-.276 0-.5.224-.5.5v5c0 .2.224.5.5.5h12c.276 0 .5-.3.5-.5v-5c0-.276-.224-.5-.5-.5h-3c-.28 0-.5.224-.5.5s.22.5.5.5H13v4H2V9h2.5c.27 0 .5-.224.5-.5S4.77 8 4.5 8h-3z"/>
+ <path d="M7 2v9c0 .276.224.5.5.5s.5-.224.5-.5V2c0-.276-.224-.5-.5-.5S7 1.724 7 2z"/>
+</svg>
--- /dev/null
+<!-- 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/. -->
+<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill="#FFCF00">
+ <path d="M8 14.5a5.5 5.5 0 1 0 0-11 5.5 5.5 0 0 0 0 11zm0-1a4.5 4.5 0 1 1 0-9 4.5 4.5 0 0 1 0 9z"/>
+ <path d="M8.5 7.5v-6a.5.5 0 0 0-1 0v6a.5.5 0 0 0 1 0z"/>
+</svg>
<!-- 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/. -->
-<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
- <defs>
- <style>
- use[id^="pseudo-class"]:not(:target) {
- display: none;
- }
- </style>
- <rect id="class-block-maskBG" width="8" height="8" fill="#fff"/>
- <rect id="class-block" width="8" height="8" rx="1" ry="1"/>
- <mask id="mask-block-solid">
- <use xlink:href="#class-block-maskBG"/>
- <use xlink:href="#class-block" transform="translate(3 3)" fill="#000"/>
- </mask>
- <g id="pseudo-class-shape">
- <rect x=".5" y=".5" width="7" height="7" rx="1" ry="1" mask="url(#mask-block-solid)" fill="none" stroke="currentColor" stroke-width="1"/>
- <use xlink:href="#class-block" mask="url(#mask-block-solid)" fill="currentColor" fill-opacity=".4"/>
- <use xlink:href="#class-block" mask="url(#mask-block-solid)" fill="currentColor" transform="translate(4 4)"/>
- <g transform="translate(8 8)" fill="currentColor">
- <path d="M2.5,0C2.2,0,2,0.2,2,0.5C2,0.8,2.2,1,2.5,1C2.8,1,3,0.8,3,0.5 C3,0.2,2.8,0,2.5,0z M4.5,0C4.2,0,4,0.2,4,0.5C4,0.8,4.2,1,4.5,1C4.8,1,5,0.8,5,0.5C5,0.2,4.8,0,4.5,0z M0.5,6C0.8,6,1,5.8,1,5.5 C1,5.2,0.8,5,0.5,5C0.2,5,0,5.2,0,5.5C0,5.8,0.2,6,0.5,6z M0.5,4C0.8,4,1,3.8,1,3.5C1,3.2,0.8,3,0.5,3C0.2,3,0,3.2,0,3.5 C0,3.8,0.2,4,0.5,4z M7.5,2C7.2,2,7,2.2,7,2.5C7,2.8,7.2,3,7.5,3C7.8,3,8,2.8,8,2.5C8,2.2,7.8,2,7.5,2z M7.5,4C7.2,4,7,4.2,7,4.5 C7,4.8,7.2,5,7.5,5C7.8,5,8,4.8,8,4.5C8,4.2,7.8,4,7.5,4z M5.5,7C5.2,7,5,7.2,5,7.5C5,7.8,5.2,8,5.5,8C5.8,8,6,7.8,6,7.5 C6,7.2,5.8,7,5.5,7z M3.5,7C3.2,7,3,7.2,3,7.5C3,7.8,3.2,8,3.5,8C3.8,8,4,7.8,4,7.5C4,7.2,3.8,7,3.5,7z M0.5,2C0.8,2,1,1.8,1,1.5v-1 C1,0.2,0.8,0,0.5,0C0.2,0,0,0.2,0,0.5v1C0,1.8,0.2,2,0.5,2z M8,0.5C8,0.2,7.8,0,7.5,0h-1C6.2,0,6,0.2,6,0.5C6,0.8,6.2,1,6.5,1h1 C7.8,1,8,0.8,8,0.5z M7.5,6C7.2,6,7,6.2,7,6.5v1C7,7.8,7.2,8,7.5,8C7.8,8,8,7.8,8,7.5v-1C8,6.2,7.8,6,7.5,6z M1.5,7h-1 C0.2,7,0,7.2,0,7.5C0,7.8,0.2,8,0.5,8h1C1.8,8,2,7.8,2,7.5C2,7.2,1.8,7,1.5,7z"/>
- <use xlink:href="#class-block" fill-opacity=".2"/>
- </g>
- </g>
- </defs>
- <use xlink:href="#pseudo-class-shape" id="pseudo-class" color="#FFCF00"/>
- <use xlink:href="#pseudo-class-shape" id="pseudo-class-checked" color="#000000"/>
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="#FFCF00">
+ <path d="M11 7V5.5c0-.3-.2-.5-.5-.5h-5c-.3 0-.5.2-.5.5v5c0 .3.2.5.5.5h1.9V7.5c0-.3.2-.5.5-.5H11zM3 7H.8c-.1 0-.6 0-.7-.7-.1-.2-.1-.4-.1-.6v-5C0 .5 0 .3.2.1.4 0 .6 0 .7 0h5.2c.3 0 .6 0 .8.2.2.1.3.3.3.5V3H3v4zM1 6h1V2.7c0-.2.1-.4.2-.5.3-.2.6-.2.8-.2h3V1H1v5z"/>
+ <path d="M9 9h1v1H9V9zm5 1h-1V9h1v1zm-2 0h-1V9h1v1zm3-1h1v1h-1V9zm1 5h-1v-1h1v1zm0-2h-1v-1h1v1zm-1 3h1v1h-1v-1zm-1 1h-1v-1h1v1zm-2 0h-1v-1h1v1zm-3-1h1v1H9v-1zm1-1H9v-1h1v1zm0-2H9v-1h1v1z"/>
</svg>
- 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/. -->
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
- <path fill="#000000" fill-rule="evenodd" d="M2,2h5.4l6.5,6.5L7.4,15H2l6.5-6.5L2,2z"/>
+ <path fill="#FFCF00" d="M2,2v3l5,4v6h2v-6l5,-4v-3L14,2z"/>
</svg>
<!-- 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/. -->
-<svg height="16" width="16" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="#000000">
- <path opacity="0.2" d="M3.8 3.9l8.4.1v8.3H3.8z"/>
- <path opacity="0.5" d="M5.3 3.6H3.7c-.1 0-.1.1-.1.1v1.6c0 .1.1.1.1.1h1.6c.1 0 .1-.1.1-.1V3.7c.1-.1 0-.1-.1-.1zM5.3 7.3H3.7c-.1 0-.1.1-.1.1V9c0 .1.1.1.1.1h1.6c.1 0 .1-.1.1-.1V7.5c.1-.1 0-.2-.1-.2zM5.3 11.1H3.7c-.1 0-.1.1-.1.1v1.6c0 .1.1.1.1.1h1.6c.1 0 .1-.1.1-.1v-1.6c.1 0 0-.1-.1-.1zM7.2 5.5H5.6c-.1 0-.1.1-.1.1v1.6c0 .1.1.1.1.1h1.6c.1 0 .1-.1.1-.1V5.6c.1-.1 0-.1-.1-.1zM7.2 9.2H5.6c-.1 0-.1.1-.1.1V11c0 .1.1.1.1.1h1.6c.1 0 .1-.1.1-.1V9.4c.1-.1 0-.2-.1-.2zM9.1 3.6H7.5c-.1 0-.1.1-.1.1v1.6c0 .1.1.1.1.1h1.6c.1 0 .1-.1.1-.1V3.7c.1-.1 0-.1-.1-.1zM9.1 7.3H7.5c-.1 0-.1.1-.1.1V9c0 .1.1.1.1.1h1.6c.1 0 .1-.1.1-.1V7.5c.1-.1 0-.2-.1-.2zM9.1 11.1H7.5c-.1 0-.1.1-.1.1v1.6c0 .1.1.1.1.1h1.6c.1 0 .1-.1.1-.1v-1.6c.1 0 0-.1-.1-.1zM11 5.5H9.4c-.1 0-.1.1-.1.1v1.6c0 .1.1.1.1.1H11c.1 0 .1-.1.1-.1V5.6c0-.1 0-.1-.1-.1zM11 9.2H9.4c-.1 0-.1.1-.1.1V11c0 .1.1.1.1.1H11c.1 0 .1-.1.1-.1V9.4c0-.1 0-.2-.1-.2zM12.9 3.6h-1.6c-.1 0-.1.1-.1.1v1.6c0 .1.1.1.1.1h1.6c.1.1.1 0 .1-.1V3.7c0-.1 0-.1-.1-.1zM12.9 7.3h-1.6c-.1 0-.1.1-.1.1V9c0 .1.1.1.1.1h1.6c.1.1.1.1.1 0V7.5c0-.1 0-.2-.1-.2zM12.9 11.1h-1.6c-.1 0-.1.1-.1.1v1.6c0 .1.1.1.1.1h1.6c.1 0 .1-.1.1-.1v-1.6s0-.1-.1-.1z"/>
- <path d="M13.7 2H2.3c-.2 0-.3.1-.3.3v11.5c0 .1.1.2.3.2h11.5c.1 0 .3-.1.3-.3V2.3c-.1-.2-.2-.3-.4-.3zM12 12H4V4h8v8z"/>
-</svg>
\ No newline at end of file
+<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill="#000000">
+ <g fill-rule="evenodd">
+ <path d="M1 2.007C1 1.45 1.45 1 2.007 1h11.986C14.55 1 15 1.45 15 2.007v11.986C15 14.55 14.55 15 13.993 15H2.007C1.45 15 1 14.55 1 13.993V2.007zM2 2h12v12H2V2z"/>
+ <path d="M3 3h2v2H3zM11 3h2v2h-2zM7 3h2v2H7zM3 7h2v2H3zM11 7h2v2h-2zM7 7h2v2H7zM5 5h2v2H5zM9 5h2v2H9zM3 11h2v2H3zM11 11h2v2h-2zM7 11h2v2H7zM5 9h2v2H5zM9 9h2v2H9z" opacity="0.5"/>
+ </g>
+</svg>
<!-- 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/. -->
-<svg height="16" width="16" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
- <path fill="#000000" fill-rule="evenodd" d="m8,1c-3.9,0-7,3.1-7,7 0,3.9 3.1,7 7,7 3.9,0 7-3.1 7-7 0-3.9-3.1-7-7-7zm2,11h-1-5c-.6,0-1-.4-1-1v-6c0-.6 .4-1 1-1h5 1l4,4-4,4z"/>
+<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill="#000000">
+ <path d="M2 5v6c0 .109.039.342.144.553.15.297.374.447.856.447h9l-.78.375 4-5v1.25l-4-5L12 4H3c-.482 0-.707.15-.856.447A1.403 1.403 0 0 0 2 5zM1 5s0-2 2-2h9l4 5-4 5H3c-2 0-2-2-2-2V5z"/>
</svg>
<!-- 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/. -->
-<svg width="16" height="16" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
- <g fill="#000000" fill-rule="evenodd">
- <path d="m8,1c-3.9,0-7,3.1-7,7 0,3.9 3.1,7 7,7 3.9,0 7-3.1 7-7 0-3.9-3.1-7-7-7zm0,12c-2.8,0-5-2.2-5-5 0-2.8 2.2-5 5-5 2.8,0 5,2.2 5,5 0,2.8-2.2,5-5,5z"/>
- <path d="m6,5c.6,0 1,.4 1,1v4c0,.6-.4,1-1,1-.6,0-1-.4-1-1v-4c0-.6 .4-1 1-1z"/>
- <path d="m10,5c.6,0 1,.4 1,1v4c0,.6-.4,1-1,1-.6,0-1-.4-1-1v-4c0-.6 .4-1 1-1z"/>
- </g>
+<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill="#000000">
+ <path d="M2 5v6c0 .109.039.342.144.553.15.297.374.447.856.447h9l-.78.375 4-5v1.25l-4-5L12 4H3c-.482 0-.707.15-.856.447A1.403 1.403 0 0 0 2 5zM1 5s0-2 2-2h9l4 5-4 5H3c-2 0-2-2-2-2V5z"/>
</svg>
<!-- 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/. -->
-<svg width="16" xmlns="http://www.w3.org/2000/svg" height="16" viewBox="0 0 16 16">
- <path fill="#000000" fill-rule="evenodd" d="M2,4v9h11V4H2z M11,11H4V6h7V11z"/>
- <g opacity=".8">
- <path opacity=".8" fill="#000000" fill-rule="evenodd" d="M0,8h2v1H0V8z"/>
- <path opacity=".8" fill="#000000" fill-rule="evenodd" d="M13,8h2v1h-2V8z"/>
- <path opacity=".8" fill="#000000" fill-rule="evenodd" d="M7,2h1v2H7V2z"/>
- <path opacity=".8" fill="#000000" fill-rule="evenodd" d="M7,13h1v2H7V13z"/>
- </g>
+<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill="#000000">
+ <path d="M3 3.995v8.01c0-.01.005-.005.002-.005h9.996c-.001 0 .002-.003.002.005v-8.01c0 .01-.005.005-.002.005H3.002C3.003 4 3 4.003 3 3.995zm-1 0C2 3.445 2.456 3 3.002 3h9.996C13.55 3 14 3.456 14 3.995v8.01c0 .55-.456.995-1.002.995H3.002A1.005 1.005 0 0 1 2 12.005v-8.01z"/>
+ <path d="M8.5 3.5V2a.5.5 0 0 0-1 0v1.5a.5.5 0 0 0 1 0zM1 8.5h1a.5.5 0 0 0 0-1H1a.5.5 0 0 0 0 1zM14 8.5h1a.5.5 0 1 0 0-1h-1a.5.5 0 1 0 0 1zM8.5 14v-1.5a.5.5 0 1 0-1 0V14a.5.5 0 1 0 1 0z"/>
</svg>
<!-- 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/. -->
-<svg width="17" height="16" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17 16">
- <g fill="#000000" fill-rule="evenodd">
- <path opacity=".1" d="M2.1,0h12.8C16,0,17,1,17,2.1v10.6c0,1.2-1,2.1-2.1,2.1H2.1c-1.2,0-2.1-1-2.1-2.1V2.1C0,1,1,0,2.1,0z"/>
- <path d="m2.1,2.1h9.6c.6,0 1.1,.5 1.1,1.1 0,.6-.5,1.1-1.1,1.1h-9.6c-.6,0-1.1-.5-1.1-1.1 .1-.6 .5-1.1 1.1-1.1z"/>
- </g>
- <g opacity=".7">
- <g opacity=".75">
- <path fill="#000000" fill-rule="evenodd" d="m7.4,5.3h7.4c.6,0 1.1,.5 1.1,1.1 0,.6-.5,1.1-1.1,1.1h-7.4c-.5-.1-1-.5-1-1.1 0-.6 .5-1.1 1-1.1z"/>
- </g>
- <g opacity=".85">
- <path fill="#000000" d="m14.9,5.7c.4,0 .7,.3 .7,.7s-.4,.6-.7,.6h-7.5c-.3,0-.6-.3-.6-.6s.3-.7 .7-.7h7.4m0-.4h-7.5c-.6,0-1.1,.5-1.1,1.1 0,.6 .5,1.1 1.1,1.1h7.4c.6,0 1.1-.5 1.1-1.1 0-.6-.4-1.1-1-1.1z"/>
- </g>
- </g>
- <g opacity=".75">
- <path fill="#000000" fill-rule="evenodd" d="m5.3,8.5h3.2c.6,0 1.1,.5 1.1,1.1 0,.6-.5,1.1-1.1,1.1h-3.2c-.6,0-1.1-.5-1.1-1.1 .1-.6 .5-1.1 1.1-1.1z"/>
- </g>
- <g opacity=".85">
- <path fill="#000000" d="m8.5,8.9c.4,0 .7,.3 .7,.7 0,.4-.3,.7-.7,.7h-3.2c-.4,0-.7-.3-.7-.7 0-.4 .3-.7 .7-.7h3.2m0-.4h-3.2c-.6,0-1.1,.5-1.1,1.1 0,.6 .5,1.1 1.1,1.1h3.2c.6,0 1.1-.5 1.1-1.1 0-.6-.5-1.1-1.1-1.1z"/>
- </g>
- <g opacity=".7">
- <g opacity=".75">
- <path fill="#000000" fill-rule="evenodd" d="m4.3,11.7h2.1c.6,0 1.1,.5 1.1,1.1 0,.6-.5,1.1-1.1,1.1h-2.1c-.6,0-1.1-.5-1.1-1.1 0-.6 .5-1.1 1.1-1.1z"/>
- </g>
- <g opacity=".85">
- <path fill="#000000" d="m6.4,12.1c.4,0 .7,.3 .7,.7 0,.4-.3,.7-.7,.7h-2.1c-.4,0-.7-.3-.7-.7 0-.4 .3-.7 .7-.7h2.1m0-.4h-2.1c-.6,0-1.1,.5-1.1,1.1 0,.6 .5,1.1 1.1,1.1h2.1c.6,0 1.1-.5 1.1-1.1-.1-.6-.5-1.1-1.1-1.1z"/>
- </g>
- </g>
- <g opacity=".05" fill="#000000" fill-rule="evenodd">
- <path d="m7.4,14.3v-13.8c0-.3-.2-.5-.5-.5-.3,0-.5,.2-.5,.5v13.8c0,.3 .2,.5 .5,.5 .3,.1 .5-.2 .5-.5z"/>
- <path d="m4.2,14.3v-13.8c0-.3-.2-.5-.5-.5-.3,0-.5,.2-.5,.5v13.8c0,.3 .2,.5 .5,.5 .3,.1 .5-.2 .5-.5z"/>
- <path d="m1,14.6c0-.1 0-.1 0-.2v-13.9c0-.1 0-.1 0-.2-.6,.4-1,1-1,1.8v10.6c0,.8 .4,1.5 1,1.9z"/>
- <path d="m16,.3c0,.1 0,.1 0,.2v13.8c0,.1 0,.1 0,.2 .6-.4 1-1 1-1.8v-10.6c0-.7-.4-1.4-1-1.8z"/>
- <path d="m13.8,14.3v-13.8c0-.3-.2-.5-.5-.5-.3,0-.5,.2-.5,.5v13.8c0,.3 .2,.5 .5,.5 .3,.1 .5-.2 .5-.5z"/>
- <path d="m10.6,14.3v-13.8c0-.3-.2-.5-.5-.5-.3,0-.5,.2-.5,.5v13.8c0,.3 .2,.5 .5,.5 .3,.1 .5-.2 .5-.5z"/>
- </g>
+<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill="#000000">
+ <rect fill-opacity=".5" x="2" y="3" width="8" height="1" rx=".5"/>
+ <rect x="6" y="6" width="8" height="1" rx=".5"/>
+ <rect fill-opacity=".5" x="4" y="9" width="8" height="1" rx=".5"/>
+ <rect x="2" y="12" width="5" height="1" rx=".5"/>
</svg>
- 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/. -->
<svg height="16" width="16" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
- <path fill="#FFCF00" d="m11.5,13.9l-.6-1.5c.3-.2 .5-.4 .8-.6 .2-.2 .4-.5 .6-.7l1.5,.6c.3,.1 .6,0 .7-.3l.4-1c.1-.3 0-.6-.3-.7l-1.5-.6c.1-.6 .1-1.3 0-2l1.5-.6c.3-.1 .4-.4 .3-.7l-.4-1c-.1-.3-.4-.4-.7-.3l-1.5,.6c-.2-.3-.4-.5-.6-.8-.2-.1-.5-.3-.7-.5l.6-1.5c.1-.3 0-.6-.3-.7l-.9-.4c-.3-.1-.6,0-.7,.3l-.6,1.5c-.6-.1-1.3-.1-2,0l-.6-1.5c-.1-.3-.4-.4-.7-.3l-1,.4c-.2,.1-.3,.4-.2,.6l.6,1.5c-.3,.3-.5,.5-.8,.7-.2,.3-.4,.5-.6,.8l-1.5-.7c-.3-.1-.6,0-.7,.3l-.4,.9c-.1,.3 0,.6 .3,.7l1.5,.7c-.1,.6-.1,1.3 0,1.9l-1.5,.6c-.3,.1-.4,.4-.3,.7l.4,1c.1,.3 .4,.4 .7,.3l1.5-.6c.2,.3 .4,.5 .6,.8 .2,.2 .5,.4 .7,.6l-.6,1.5c-.1,.3 0,.6 .3,.7l1,.4c.3,.1 .6,0 .7-.3l.6-1.5c.6,.1 1.3,.1 2,0l.6,1.5c.1,.3 .4,.4 .7,.3l1-.4c.1-.1 .3-.4 .1-.7zm-5.1-4.2c-.9-.9-.9-2.4 0-3.3 .9-.9 2.4-.9 3.3,0 .9,.9 .9,2.4 0,3.3-.9,.9-2.4,.9-3.3,0z"/>
+ <path fill="#000000" d="m11.5,13.9l-.6-1.5c.3-.2 .5-.4 .8-.6 .2-.2 .4-.5 .6-.7l1.5,.6c.3,.1 .6,0 .7-.3l.4-1c.1-.3 0-.6-.3-.7l-1.5-.6c.1-.6 .1-1.3 0-2l1.5-.6c.3-.1 .4-.4 .3-.7l-.4-1c-.1-.3-.4-.4-.7-.3l-1.5,.6c-.2-.3-.4-.5-.6-.8-.2-.1-.5-.3-.7-.5l.6-1.5c.1-.3 0-.6-.3-.7l-.9-.4c-.3-.1-.6,0-.7,.3l-.6,1.5c-.6-.1-1.3-.1-2,0l-.6-1.5c-.1-.3-.4-.4-.7-.3l-1,.4c-.2,.1-.3,.4-.2,.6l.6,1.5c-.3,.3-.5,.5-.8,.7-.2,.3-.4,.5-.6,.8l-1.5-.7c-.3-.1-.6,0-.7,.3l-.4,.9c-.1,.3 0,.6 .3,.7l1.5,.7c-.1,.6-.1,1.3 0,1.9l-1.5,.6c-.3,.1-.4,.4-.3,.7l.4,1c.1,.3 .4,.4 .7,.3l1.5-.6c.2,.3 .4,.5 .6,.8 .2,.2 .5,.4 .7,.6l-.6,1.5c-.1,.3 0,.6 .3,.7l1,.4c.3,.1 .6,0 .7-.3l.6-1.5c.6,.1 1.3,.1 2,0l.6,1.5c.1,.3 .4,.4 .7,.3l1-.4c.1-.1 .3-.4 .1-.7zm-5.1-4.2c-.9-.9-.9-2.4 0-3.3 .9-.9 2.4-.9 3.3,0 .9,.9 .9,2.4 0,3.3-.9,.9-2.4,.9-3.3,0z"/>
</svg>
<!-- 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/. -->
-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
- <g fill="#9C9CFF" fill-rule="evenodd">
- <path d="m8,1c-3.9,0-7,3.1-7,7s3.1,7 7,7c3.9,0 7-3.1 7-7s-3.1-7-7-7zm-.1,12c-2.8,0-5-2.2-5-5 0-2.8 2.2-5 5-5s5,2.2 5,5c0,2.8-2.2,5-5,5z"/>
- <path d="m8,6.9c.6,0 1.1,.5 1.1,1.1 0,.6-.5,1.1-1.1,1.1-.6,0-1.1-.5-1.1-1.1 0-.6 .5-1.1 1.1-1.1z"/>
- <path d="m11.3,4.6l-3.9,2.5 1.5,1.4 2.4-3.9z"/>
- <path opacity=".4" d="m4.6,10c.7,1.2 2,2 3.4,2 1.5,0 2.7-.8 3.4-2h-6.8z"/>
- <g opacity=".3">
- <path d="m7.1,5.1l-.6-1.3-.9,.4 .7,1.3c.2-.1 .5-.3 .8-.4z"/>
- <path d="m9.8,5.6l.7-1.4-.9-.4-.7,1.3c.3,.2 .6,.3 .9,.5z"/>
- <path d="m10.8,7c.1,.3 .2,.7 .2,1h2v-1h-2.2z"/>
- <path d="m5,8c0-.3 .1-.7 .2-1h-2.2l-.1,1h2.1z"/>
- </g>
- </g>
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="#9C9CFF">
+ <path d="M6.9 7.8c-.3.1-.6.4-.6.7-.1.5.2 1 .7 1.1.3 0 .7-.1.9-.3l2.5-2.9-3.5 1.4z"/>
+ <path opacity="0.5" d="M4.7 10.6c.7 1.1 1.9 1.9 3.3 1.9s2.6-.8 3.3-1.9H4.7z"/>
+ <path d="M-12.7-2.5c-3.8 0-6.7 3-6.7 6.7s3 6.7 6.7 6.7c3.8 0 6.7-3 6.7-6.7s-2.9-6.7-6.7-6.7zM-12.8 9c-2.5 0-4.6-2.1-4.8-4.5v-.2h.6c.6 0 1-.4 1-1s-.4-1-1-1h-.4c.4-.9.8-1.4 1.5-1.9l.2.4c.3.5.8.7 1.3.4.5-.2.7-.7.4-1.2l-.2-.4c.4-.1.9-.2 1.4-.2.6 0 1.1.1 1.6.3l-.2.4c-.3.5-.1 1 .4 1.3.5.3 1 .1 1.3-.4l.2-.6c.6.6 1.2 1.5 1.4 1.8h-.4c-.6 0-1 .4-1 1s.4 1 1 1h.6v.2C-8.2 6.9-10.3 9-12.8 9zM-12.8 12.7c-3.4 0-6.2 2.7-6.2 6.2s2.7 6.3 6.3 6.3c3.5 0 6.3-2.7 6.3-6.3-.1-3.4-2.9-6.2-6.4-6.2zm0 11.4c-2.9 0-5.2-2.3-5.2-5.2 0-2.9 2.3-5.2 5.2-5.2s5.2 2.3 5.2 5.2c0 3-2.2 5.2-5.2 5.2z"/>
+ <path d="M-14.5 16.3c-.2 0-.4.2-.4.4v4.5c0 .2.3.4.5.4s.5-.2.5-.4v-4.5c0-.2-.3-.4-.5-.4"/>
+ <path d="M8 2.3C4.5 2.3 1.8 5 1.8 8.5s2.7 6.3 6.3 6.3c3.5 0 6.3-2.7 6.3-6.3-.2-3.4-2.9-6.2-6.4-6.2zm0 11.4c-2.9 0-5.2-2.3-5.2-5.2v-.3h1.7c.2 0 .4-.3.4-.5s-.2-.6-.4-.6H2.9C3.3 5.9 4 4.8 5 4.1l1.4 1.3c.1.1.5.1.6-.1.1-.1.2-.5.1-.6L6 3.6c.6-.2 1.3-.4 2-.4.8 0 1.5.2 2.2.5L9 4.8c-.1.1 0 .5.1.6s.5.2.6.1L11 4.3c1 .7 1.7 1.7 2 2.8h-1.7c-.2 0-.4.3-.4.5s.2.5.4.5h1.9v.3c0 3.1-2.2 5.3-5.2 5.3z"/>
</svg>
<!-- 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/. -->
-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
- <g fill="#000000" fill-rule="evenodd">
- <path d="m8,1c-3.9,0-7,3.1-7,7s3.1,7 7,7c3.9,0 7-3.1 7-7s-3.1-7-7-7zm-.1,12c-2.8,0-5-2.2-5-5 0-2.8 2.2-5 5-5s5,2.2 5,5c0,2.8-2.2,5-5,5z"/>
- <path d="m8,6.9c.6,0 1.1,.5 1.1,1.1 0,.6-.5,1.1-1.1,1.1-.6,0-1.1-.5-1.1-1.1 0-.6 .5-1.1 1.1-1.1z"/>
- <path d="m11.3,4.6l-3.9,2.5 1.5,1.4 2.4-3.9z"/>
- <path opacity=".4" d="m4.6,10c.7,1.2 2,2 3.4,2 1.5,0 2.7-.8 3.4-2h-6.8z"/>
- <g opacity=".3">
- <path d="m7.1,5.1l-.6-1.3-.9,.4 .7,1.3c.2-.1 .5-.3 .8-.4z"/>
- <path d="m9.8,5.6l.7-1.4-.9-.4-.7,1.3c.3,.2 .6,.3 .9,.5z"/>
- <path d="m10.8,7c.1,.3 .2,.7 .2,1h2v-1h-2.2z"/>
- <path d="m5,8c0-.3 .1-.7 .2-1h-2.2l-.1,1h2.1z"/>
- </g>
- </g>
+<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill="#000000" fill-rule="evenodd">
+ <path d="M15 9.004C14.51 12.394 11.578 15 8.035 15 4.15 15 1 11.866 1 8s3.15-7 7.036-7c1.941 0 3.7.783 4.972 2.048l-.709.709A6.027 6.027 0 0 0 8.036 2c-3.33 0-6.03 2.686-6.03 6s2.7 6 6.03 6a6.023 6.023 0 0 0 5.946-4.993l1.017-.003z"/>
+ <path d="M4.137 9H3.1a5.002 5.002 0 0 0 9.8 0h-.965a4.023 4.023 0 0 1-3.9 3 4.023 4.023 0 0 1-3.898-3z" fill-opacity=".5"/>
+ <path d="M8.036 11a2.994 2.994 0 0 0 2.987-3c0-1.657-1.338-3-2.987-3a2.994 2.994 0 0 0-2.988 3c0 1.657 1.338 3 2.988 3zm0-1c1.11 0 2.011-.895 2.011-2s-.9-2-2.011-2c-1.111 0-2.012.895-2.012 2s.9 2 2.012 2z"/>
+ <path d="M10.354 6.354l4-4a.5.5 0 0 0-.708-.708l-4 4a.5.5 0 1 0 .708.708z"/>
</svg>
<!-- 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/. -->
-<svg height="16" width="16" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="#000000">
- <path opacity="0.2" d="M2.6 2.8l10.7 10.7-10.7-.1z"/>
- <path d="M11.4 10.5L5.9 5c-.3-.3-.8-.3-1 0-.3.3-.3.8 0 1l5.5 5.5c.1.1.3.2.5.2s.4-.1.5-.2c.2-.3.2-.7 0-1z"/>
- <path opacity="0.5" d="M11.2 4.9H9.6c-.1 0-.1 0-.1.1v1.6c0 .1.1.1.1.1h1.6c.1 0 .1-.1.1-.1V5c.1-.1 0-.1-.1-.1zM11.3 8.7H9.7s-.1 0-.1.1l1.8 1.8.1-.1V8.8c0-.1-.1-.1-.2-.1zM9.4 6.7H7.8s-.1 0-.1.1l1.8 1.8.1-.1V6.9c0-.1-.1-.2-.2-.2zM7.5 4.8H5.9s-.1 0-.1.1l1.8 1.8.1-.1V5c-.1-.1-.1-.2-.2-.2z"/>
- <path d="M14 11.9V3.6c.5-.2.9-.7.9-1.3 0-.8-.7-1.5-1.5-1.5-.7 0-1.3.5-1.4 1.2H3.9C3.8 1.3 3.2.8 2.5.8 1.7.8 1 1.5 1 2.3c0 .6.4 1.2 1 1.4v8.2c-.6.2-1 .7-1 1.4 0 .8.7 1.5 1.5 1.5.5 0 1-.3 1.3-.7h8.5c.3.4.7.7 1.3.7.8 0 1.5-.7 1.5-1.5-.2-.6-.6-1.2-1.1-1.4zM4 4h8v8H4V4z"/>
-</svg>
\ No newline at end of file
+<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill="#000000">
+ <path d="M2 4v8h12V4H2zm0-1h12a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1z"/>
+ <circle cx="1" cy="3" r="1"/>
+ <circle cx="1" cy="13" r="1"/>
+ <circle cx="15" cy="13" r="1"/>
+ <circle cx="15" cy="3" r="1"/>
+ <path d="M1.215 3.911l13 9 .411.285.57-.822-.411-.285-13-9-.411-.285-.57.822z"/>
+ <path fill-opacity=".3" d="M8 5h2v2H8zM8 8h2v2L9 8.711zM5 5.962V5h2v2h-.828l-.729-.368zM11 5h2v2h-2zM11 8h2v2h-2z"/>
+</svg>
<!-- 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/. -->
-<svg width="16" xmlns="http://www.w3.org/2000/svg" height="16" viewBox="0 0 16 16">
- <g fill="#000000">
- <path d="m1.3,12.5v-2.4c0,0 0,2.5 6.7,2.5 6.7,0 6.7-2.5 6.7-2.5v2.4c0,0 0,2.7-6.8,2.7-6.6,0-6.6-2.7-6.6-2.7z"/>
- <path d="m14.7,3.4c0-1.4-3-2.5-6.7-2.5s-6.7,1.1-6.7,2.5c0,.2 0,.3 .1,.5-.1-.3-.1-.4-.1-.4v1.5c0,0 0,2.7 6.7,2.7 6.7,0 6.8-2.7 6.8-2.7v-1.6c0,.1 0,.2-.1,.5-0-.2-0-.3-0-.5z"/>
- <path d="m1.3,8.7v-2.4c0,0 0,2.5 6.7,2.5 6.7,0 6.7-2.5 6.7-2.5v2.4c0,0 0,2.7-6.8,2.7-6.6-0-6.6-2.7-6.6-2.7z"/>
- </g>
+<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill="#000000">
+ <path d="M7.5 7.556c3.006 0 5.5-1.136 5.5-2.778C13 3.136 10.506 2 7.5 2S2 3.136 2 4.778C2 6.42 4.494 7.556 7.5 7.556zm0-1c-2.517 0-4.5-.903-4.5-1.778S4.983 3 7.5 3s4.5.903 4.5 1.778-1.983 1.778-4.5 1.778zM7.5 14.445c3.006 0 5.5-1.137 5.5-2.778 0-.878-.595-1.606-1.657-2.081-.244-.11-.473-.107-.778-.033-.056.014-.565.158-.765.205-.626.148-1.342.231-2.3.231-.973 0-1.683-.082-2.273-.225a18.574 18.574 0 0 1-.673-.193c-.277-.076-.479-.089-.707-.005l-.035.014C2.638 10.064 2 10.756 2 11.667c0 1.641 2.494 2.778 5.5 2.778zm0-1c-2.517 0-4.5-.904-4.5-1.778 0-.432.354-.816 1.194-1.163h-.002c-.012.005.003.006.097.032-.056-.016.474.144.702.2.669.162 1.458.253 2.509.253 1.035 0 1.828-.092 2.53-.257.228-.054.74-.2.77-.207a.756.756 0 0 1 .134-.027c.734.329 1.066.735 1.066 1.169 0 .874-1.983 1.778-4.5 1.778z"/>
+ <path d="M7.5 10.945c3.006 0 5.5-1.137 5.5-2.778 0-.873-.62-1.601-1.693-2.082-.244-.109-.472-.106-.773-.032-.051.013-.551.158-.75.206-.615.147-1.326.23-2.284.23-.973 0-1.68-.082-2.265-.225a17.077 17.077 0 0 1-.66-.19c-.27-.076-.467-.092-.692-.015l-.054.02C2.65 6.568 2 7.259 2 8.168c0 1.641 2.494 2.778 5.5 2.778zm0-1C4.983 9.945 3 9.04 3 8.167c0-.426.364-.813 1.21-1.163l-.003.001c-.011.004.005.005.099.032-.079-.022.465.143.69.198.665.163 1.452.254 2.504.254 1.036 0 1.825-.092 2.517-.258.228-.054.733-.2.758-.207a.766.766 0 0 1 .124-.026c.748.335 1.101.75 1.101 1.169 0 .874-1.983 1.778-4.5 1.778z"/>
</svg>
<!-- 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/. -->
-<svg xmlns="http://www.w3.org/2000/svg" width="17" height="16" viewBox="0 0 17 16">
- <g fill="#000000" fill-rule="evenodd">
- <path d="m10,11.1 0,2.3-7.8,0 0-11.2 5.6-0 1.1,1.1 1.7-1.6-1.7-1.7-8.9,0 0,15.6 12.2,0 0-6.7z"/>
- <path d="M6.7,7.8L14.5,0l2.2,2.2L8.9,10l-3.3,1.1L6.7,7.8z"/>
- </g>
+<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill="#000000">
+ <path d="M5.5 2C3.565 2 2.806 3.12 3.065 4.587c.239 1.346.117 1.76-.435 2.39l-.054.06c-.252.288-.39.474-.523.74L1.94 8l.112.224c.132.265.27.45.523.739l.054.06c.552.63.674 1.044.435 2.39C2.802 12.904 3.527 14 5.5 14a.5.5 0 1 0 0-1c-1.291 0-1.614-.487-1.45-1.413.292-1.65.081-2.37-.669-3.223l-.053-.06c-.2-.229-.296-.357-.38-.528v.448c.084-.17.18-.299.38-.528l.053-.06c.75-.854.961-1.573.67-3.223C3.89 3.515 4.24 3 5.5 3a.5.5 0 1 0 0-1zM10.5 3c1.26 0 1.609.515 1.45 1.413-.292 1.65-.081 2.37.669 3.223l.053.06c.2.229.296.357.38.528v-.448c-.084.17-.18.299-.38.528l-.053.06c-.75.854-.961 1.573-.67 3.223.165.926-.158 1.413-1.449 1.413a.5.5 0 1 0 0 1c1.973 0 2.698-1.096 2.435-2.587-.239-1.346-.117-1.76.435-2.39l.054-.06c.252-.288.39-.474.523-.74L14.06 8l-.112-.224c-.132-.265-.27-.45-.523-.739l-.054-.06c-.552-.63-.674-1.044-.435-2.39C13.194 3.12 12.435 2 10.5 2a.5.5 0 0 0 0 1z"/>
</svg>
<!-- 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/. -->
-<svg xmlns="http://www.w3.org/2000/svg" width="16px" height="16px" viewBox="-6.167 -16.135 100 100">
- <path fill="none" stroke="#000000" stroke-width="8" stroke-linecap="round" stroke-miterlimit="10" d="M86.666,33.864 c-0.797,5.297-3.467,32.799-10.518,32.866c-7.086,0.066-9.973-27.596-10.9-32.866C64.322,28.597,61.436,0.933,54.35,1 c-7.105,0.068-9.644,27.561-10.517,32.864c-0.874,5.305-3.412,32.799-10.517,32.866c-7.087,0.066-9.974-27.596-10.899-32.866 C21.49,28.597,18.604,0.933,11.517,1C4.466,1.067,1.796,28.569,1,33.864"/>
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+ <path fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke="#000000" d="M2.7 8.6c-.1-2.9.2-4.1 1.4-4.1 1.8 0 .6 6.6 2.5 6.6s1-6.4 3-6.4.7 6.4 2.7 6.4c1.4 0 1.5-3.5 1.5-3.5"/>
</svg>
<!-- 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/. -->
-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
- <path fill="#000000" fill-rule="evenodd" d="M2,2h5.4l6.5,6.5L7.4,15H2l6.5-6.5L2,2z"/>
+<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill="#000000" fill-rule="evenodd">
+ <path d="M14 4V3H2v1h12zm0 1v8H2V5h12zM1 3.002C1 2.45 1.45 2 2.007 2h11.986A1.01 1.01 0 0 1 15 3.002v9.996C15 13.55 14.55 14 13.993 14H2.007A1.01 1.01 0 0 1 1 12.998V3.002z"/>
+ <path d="M4.09 7.859l2.062 2-.006-.713-2.061 2.062a.5.5 0 0 0 .707.707l2.062-2.061a.5.5 0 0 0-.006-.713l-2.061-2a.5.5 0 1 0-.697.718z"/>
</svg>
background-image: url(chrome://devtools/skin/images/diff.svg);
}
+#import-snapshot::before {
+ background-image: url(chrome://devtools/skin/images/import.svg);
+}
+
+#record-allocation-stacks-label,
+#pop-view-button-label {
+ border-inline-end: 1px solid var(--theme-splitter-color);
+ padding-inline-end: 5px;
+}
+
/**
* Due to toolbar styles of `.devtools-toolbarbutton:not([label])` which overrides
* .devtools-toolbarbutton's min-width of 78px, reset the min-width.
font-size: 90%;
}
+.snapshot-list-item .snapshot-title {
+ display: flex;
+ justify-content: space-between;
+}
+
.snapshot-list-item .save {
text-decoration: underline;
cursor: pointer;
}
+.snapshot-list-item .delete {
+ cursor: pointer;
+ position: relative;
+ min-height: 1em;
+ min-width: 1.3em;
+}
+
+.theme-light .snapshot-list-item.selected .delete {
+/* filter: invert(100%);*/
+}
+
+.snapshot-list-item .delete::before {
+ background-image: url("chrome://devtools/skin/images/close.svg");
+ background-position: 0.2em 0;
+}
+
.snapshot-list-item > .snapshot-title {
margin-bottom: 14px;
}
color: var(--theme-selection-background);
}
+.heap-tree-item-individuals,
.heap-tree-item-bytes,
.heap-tree-item-count,
.heap-tree-item-total-bytes,
color: inherit;
}
+.heap-tree-item-individuals {
+ width: 38px;
+ min-width: 20px;
+ overflow: hidden;
+ margin: 0;
+}
+
+.heap-tree-item-individuals > button {
+ height: 10px;
+ width: 32px;
+
+ /* Override default styles for toolbar buttons to fix entire row height. */
+ margin: 0 auto !important;
+ padding: 0;
+}
+
+/**
+ * Tree map
+ */
+
+.tree-map-container {
+ width: 100%;
+ height: 100%;
+ position: relative;
+ overflow: hidden;
+}
+
/**
* Heap tree errors.
*/
margin-right: .5em;
}
+.heap-tree-item-address {
+ font-family: monospace;
+}
+
.no-allocation-stacks {
border-color: var(--theme-splitter-color);
border-style: solid;
min-width: 30px;
min-height: 26px;
margin: 0;
- list-style-image: url("profiler-stopwatch.svg");
+ list-style-image: url("images/profiler-stopwatch.svg");
}
#requests-menu-perf-notice-button .button-text {
#details-pane-toggle {
list-style-image: url("chrome://devtools/skin/debugger-collapse.png");
- -moz-image-region: rect(0px,16px,16px,0px);
-}
-
-#details-pane-toggle > .toolbarbutton-icon {
- width: 16px;
- height: 16px;
}
#details-pane-toggle[pane-collapsed] {
list-style-image: url("chrome://devtools/skin/debugger-expand.png");
}
-#details-pane-toggle:hover,
-#details-pane-toggle:hover:active {
- -moz-image-region: rect(0px,32px,16px,16px);
-}
-
@media (min-resolution: 1.1dppx) {
#details-pane-toggle {
list-style-image: url("chrome://devtools/skin/debugger-collapse@2x.png");
- -moz-image-region: rect(0px,32px,32px,0px);
}
#details-pane-toggle[pane-collapsed] {
list-style-image: url("chrome://devtools/skin/debugger-expand@2x.png");
}
-
- #details-pane-toggle:active {
- -moz-image-region: rect(0px,64px,32px,32px);
- }
}
/* Network request details tabpanels */
/* Performance analysis buttons */
#requests-menu-network-summary-button {
- list-style-image: url("profiler-stopwatch.svg");
+ list-style-image: url("images/profiler-stopwatch.svg");
-moz-padding-end: 0;
cursor: pointer;
}
}
#filter-button {
- list-style-image: url(timeline-filter.svg#filter);
- min-width: 24px;
-}
-
-#filter-button[disabled] {
- list-style-image: url(timeline-filter.svg#filter-disabled);
-}
-
-#filter-button[open] {
- list-style-image: url(timeline-filter.svg#filter-open);
+ list-style-image: url(timeline-filter.svg);
}
#performance-filter-menupopup > menuitem:before {
}
#select-optimizations-view {
- list-style-image: url(profiler-stopwatch.svg);
+ list-style-image: url(images/profiler-stopwatch.svg);
}
/* Recording buttons */
#main-record-button {
- list-style-image: url(profiler-stopwatch-tbutton.svg);
+ list-style-image: url(images/profiler-stopwatch-tbutton.svg);
}
#empty-notice > .record-button,
#main-record-button:hover,
#main-record-button:hover:active {
- list-style-image: url(profiler-stopwatch.svg);
-}
-
-#main-record-button[checked] {
- list-style-image: url(profiler-stopwatch-checked.svg);
+ list-style-image: url(images/profiler-stopwatch.svg);
}
#main-record-button .button-icon {
+++ /dev/null
-<?xml version="1.0"?>
-<!-- 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/. -->
-<svg xmlns="http://www.w3.org/2000/svg"
- xmlns:xlink="http://www.w3.org/1999/xlink"
- width="16px" height="16px">
-<style>
-use:not(:target) {
- display: none;
-}
-
-use {
- fill: #FFCF00;
- stroke: #FFCF00;
-}
-
-use[id$="-disabled"] {
- fill: #8050B0;
-}
-
-use[id$="-active"] {
- fill: #000000;
-}
-</style>
-<defs>
- <path id="power-shape" stroke-width="0"
- d="m10.89891,2.50043c-0.49827,-0.24134 -1.09841,-0.03411 -1.34129,0.46514c-0.24185,0.49928 -0.03311,1.09942 0.46517,1.34128c1.56306,0.76071 2.64193,2.36094 2.64092,4.21555c-0.00501,2.58626 -2.09749,4.6787 -4.68322,4.68321c-2.58623,-0.005 -4.67869,-2.09746 -4.68371,-4.68321c-0.001,-1.85561 1.07834,-3.45731 2.64294,-4.21654c0.49928,-0.24185 0.7065,-0.84201 0.46514,-1.34129c-0.24185,-0.49825 -0.84098,-0.70697 -1.34029,-0.46513c-2.23396,1.08135 -3.77446,3.37351 -3.77545,6.02296c0.00099,3.69518 2.99518,6.68989 6.69138,6.69088c3.6957,-0.00099 6.69037,-2.9957 6.69089,-6.69088c-0.00102,-2.64846 -1.53948,-4.9391 -3.77247,-6.02197zm-2.91842,4.9346c0.55398,0 1.00309,-0.44861 1.00309,-1.00357l0,-4.68373c0,-0.55446 -0.44911,-1.00309 -1.00309,-1.00309c-0.555,0 -1.00358,0.44911 -1.00358,1.00309l0,4.68321c0,0.55499 0.44858,1.00409 1.00358,1.00409z"/>
-</defs>
-<use id="power" xlink:href="#power-shape"/>
-<use id="power-disabled" xlink:href="#power-shape"/>
-<use id="power-active" xlink:href="#power-shape"/>
-</svg>
+++ /dev/null
-<!-- 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/. -->
-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
- <g fill="#FFCF00" fill-rule="evenodd">
- <path d="m8,1c-3.9,0-7,3.1-7,7s3.1,7 7,7c3.9,0 7-3.1 7-7s-3.1-7-7-7zm-.1,12c-2.8,0-5-2.2-5-5 0-2.8 2.2-5 5-5s5,2.2 5,5c0,2.8-2.2,5-5,5z"/>
- <path d="m8,6.9c.6,0 1.1,.5 1.1,1.1 0,.6-.5,1.1-1.1,1.1-.6,0-1.1-.5-1.1-1.1 0-.6 .5-1.1 1.1-1.1z"/>
- <path d="m11.3,4.6l-3.9,2.5 1.5,1.4 2.4-3.9z"/>
- <path opacity=".4" d="m4.6,10c.7,1.2 2,2 3.4,2 1.5,0 2.7-.8 3.4-2h-6.8z"/>
- <g opacity=".3">
- <path d="m7.1,5.1l-.6-1.3-.9,.4 .7,1.3c.2-.1 .5-.3 .8-.4z"/>
- <path d="m9.8,5.6l.7-1.4-.9-.4-.7,1.3c.3,.2 .6,.3 .9,.5z"/>
- <path d="m10.8,7c.1,.3 .2,.7 .2,1h2v-1h-2.2z"/>
- <path d="m5,8c0-.3 .1-.7 .2-1h-2.2l-.1,1h2.1z"/>
- </g>
- </g>
-</svg>
+++ /dev/null
-<!-- 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/. -->
-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
- <g fill="#000000" fill-rule="evenodd">
- <path d="m8,1c-3.9,0-7,3.1-7,7s3.1,7 7,7c3.9,0 7-3.1 7-7s-3.1-7-7-7zm-.1,12c-2.8,0-5-2.2-5-5 0-2.8 2.2-5 5-5s5,2.2 5,5c0,2.8-2.2,5-5,5z"/>
- <path d="m8,6.9c.6,0 1.1,.5 1.1,1.1 0,.6-.5,1.1-1.1,1.1-.6,0-1.1-.5-1.1-1.1 0-.6 .5-1.1 1.1-1.1z"/>
- <path d="m11.3,4.6l-3.9,2.5 1.5,1.4 2.4-3.9z"/>
- <path opacity=".4" d="m4.6,10c.7,1.2 2,2 3.4,2 1.5,0 2.7-.8 3.4-2h-6.8z"/>
- <g opacity=".3">
- <path d="m7.1,5.1l-.6-1.3-.9,.4 .7,1.3c.2-.1 .5-.3 .8-.4z"/>
- <path d="m9.8,5.6l.7-1.4-.9-.4-.7,1.3c.3,.2 .6,.3 .9,.5z"/>
- <path d="m10.8,7c.1,.3 .2,.7 .2,1h2v-1h-2.2z"/>
- <path d="m5,8c0-.3 .1-.7 .2-1h-2.2l-.1,1h2.1z"/>
- </g>
- </g>
-</svg>
+++ /dev/null
-<!-- 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/. -->
-<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
- <defs>
- <style>
- use[id^="pseudo-class"]:not(:target) {
- display: none;
- }
- </style>
- <rect id="class-block-maskBG" width="8" height="8" fill="#fff"/>
- <rect id="class-block" width="8" height="8" rx="1" ry="1"/>
- <mask id="mask-block-solid">
- <use xlink:href="#class-block-maskBG"/>
- <use xlink:href="#class-block" transform="translate(3 3)" fill="#000"/>
- </mask>
- <g id="pseudo-class-shape">
- <rect x=".5" y=".5" width="7" height="7" rx="1" ry="1" mask="url(#mask-block-solid)" fill="none" stroke="currentColor" stroke-width="1"/>
- <use xlink:href="#class-block" mask="url(#mask-block-solid)" fill="currentColor" fill-opacity=".4"/>
- <use xlink:href="#class-block" mask="url(#mask-block-solid)" fill="currentColor" transform="translate(4 4)"/>
- <g transform="translate(8 8)" fill="currentColor">
- <path d="M2.5,0C2.2,0,2,0.2,2,0.5C2,0.8,2.2,1,2.5,1C2.8,1,3,0.8,3,0.5 C3,0.2,2.8,0,2.5,0z M4.5,0C4.2,0,4,0.2,4,0.5C4,0.8,4.2,1,4.5,1C4.8,1,5,0.8,5,0.5C5,0.2,4.8,0,4.5,0z M0.5,6C0.8,6,1,5.8,1,5.5 C1,5.2,0.8,5,0.5,5C0.2,5,0,5.2,0,5.5C0,5.8,0.2,6,0.5,6z M0.5,4C0.8,4,1,3.8,1,3.5C1,3.2,0.8,3,0.5,3C0.2,3,0,3.2,0,3.5 C0,3.8,0.2,4,0.5,4z M7.5,2C7.2,2,7,2.2,7,2.5C7,2.8,7.2,3,7.5,3C7.8,3,8,2.8,8,2.5C8,2.2,7.8,2,7.5,2z M7.5,4C7.2,4,7,4.2,7,4.5 C7,4.8,7.2,5,7.5,5C7.8,5,8,4.8,8,4.5C8,4.2,7.8,4,7.5,4z M5.5,7C5.2,7,5,7.2,5,7.5C5,7.8,5.2,8,5.5,8C5.8,8,6,7.8,6,7.5 C6,7.2,5.8,7,5.5,7z M3.5,7C3.2,7,3,7.2,3,7.5C3,7.8,3.2,8,3.5,8C3.8,8,4,7.8,4,7.5C4,7.2,3.8,7,3.5,7z M0.5,2C0.8,2,1,1.8,1,1.5v-1 C1,0.2,0.8,0,0.5,0C0.2,0,0,0.2,0,0.5v1C0,1.8,0.2,2,0.5,2z M8,0.5C8,0.2,7.8,0,7.5,0h-1C6.2,0,6,0.2,6,0.5C6,0.8,6.2,1,6.5,1h1 C7.8,1,8,0.8,8,0.5z M7.5,6C7.2,6,7,6.2,7,6.5v1C7,7.8,7.2,8,7.5,8C7.8,8,8,7.8,8,7.5v-1C8,6.2,7.8,6,7.5,6z M1.5,7h-1 C0.2,7,0,7.2,0,7.5C0,7.8,0.2,8,0.5,8h1C1.8,8,2,7.8,2,7.5C2,7.2,1.8,7,1.5,7z"/>
- <use xlink:href="#class-block" fill-opacity=".2"/>
- </g>
- </g>
- </defs>
- <use xlink:href="#pseudo-class-shape" id="pseudo-class" color="#FFCF00"/>
- <use xlink:href="#pseudo-class-shape" id="pseudo-class-checked" color="#000000"/>
-</svg>
--- /dev/null
+<!-- 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/. -->
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14" width="14" height="14">
+ <path d="M12,7H6l2.4-2.4C7.6,4,6.6,3.8,5.5,4.1C4.3,4.5,3.3,5.5,3,6.8 C2.6,9,4.3,11,6.5,11c1,0,2-0.5,2.6-1.2l1.7,1c-1.3,1.6-3.3,2.5-5.6,2c-2-0.5-3.6-2.1-4-4.1C0.4,5.1,3.1,2,6.5,2 c1.3,0,2.4,0.4,3.3,1.2L12,1V7z"/>
+</svg>
/* TODO: Bug 1178535 Awaiting UX feedback on highlight colors */
}
-.ruleview-selector-matched > .ruleview-selector-pseudo-class {
+.ruleview-selector-matched > .ruleview-selector-images/psuedo-class {
/* TODO: Bug 1178535 Awaiting UX feedback on highlight colors */
}
-.ruleview-selector-matched > .ruleview-selector-pseudo-class-lock {
+.ruleview-selector-matched > .ruleview-selector-images/psuedo-class-lock {
font-weight: bold;
color: var(--theme-highlight-orange);
}
}
.ruleview-selectorhighlighter:hover {
- background-position: -32px 0;
+ filter: url(images/filters.svg#checked-icon-state);
}
.ruleview-selectorhighlighter:active,
.ruleview-selectorhighlighter.highlighted {
- background-position: -16px 0;
+ filter: url(images/filters.svg#checked-icon-state);
}
-#pseudo-class-panel:not([hidden]) {
+#images/psuedo-class-panel:not([hidden]) {
border-bottom: 1px solid var(--theme-splitter-color);
}
background-image: url("chrome://devtools/skin/images/add.svg#add-checked");
}
-#pseudo-class-panel-toggle::before {
- background-image: url("chrome://devtools/skin/pseudo-class.svg#pseudo-class");
- background-size: cover;
-}
-#pseudo-class-panel-toggle:hover::before,
-#pseudo-class-panel-toggle[checked]::before {
- background-image: url("chrome://devtools/skin/pseudo-class.svg#pseudo-class-checked");
- filter: none !important;
+#images/psuedo-class-panel-toggle::before {
+ background-image: url("chrome://devtools/skin/images/psuedo-class.svg);
}
-/**
- * These buttons are using opacity instead of background color to indicate
- * the state
- */
/*
-#ruleview-add-rule-button,
-#pseudo-class-panel-toggle,
.ruleview-overridden-rule-filter {
opacity: 0.8;
}
-#ruleview-add-rule-button:not([disabled]):hover,
-#pseudo-class-panel-toggle:hover,
-#pseudo-class-panel-toggle[checked],
.ruleview-overridden-rule-filter:hover {
opacity: 1;
}
-
-#ruleview-add-rule-button,
-#pseudo-class-panel-toggle,
-#pseudo-class-panel-toggle:hover,
-#pseudo-class-panel-toggle[checked]::before {
- background-color: transparent !important;
-}
*/
+++ /dev/null
-<?xml version="1.0"?>
-<!-- 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/. -->
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16">
- <style>
- use:not(:target) {
- display: none;
- }
- use {
- fill: #FFCF00;
- }
- use[id$="-disabled"] {
- fill: #8050B0;
- }
- use[id$="-open"] {
- fill: #000000;
- }
- </style>
- <defs>
- <path id="filter-shape" d="M 2,2 v 3 l 5,4 v 6 h 2 v -6 l 5,-4 v -3 L 14,2 z"/>
- </defs>
- <use id="filter" xlink:href="#filter-shape"/>
- <use id="filter-disabled" xlink:href="#filter-shape"/>
- <use id="filter-open" xlink:href="#filter-shape"/>
-</svg>
+++ /dev/null
-<!-- 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/. -->
-<svg height="16" width="16" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
- <path fill="#000000" fill-rule="evenodd" d="m8,1c-3.9,0-7,3.1-7,7 0,3.9 3.1,7 7,7 3.9,0 7-3.1 7-7 0-3.9-3.1-7-7-7zm2,11h-1-5c-.6,0-1-.4-1-1v-6c0-.6 .4-1 1-1h5 1l4,4-4,4z"/>
-</svg>
+++ /dev/null
-<!-- 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/. -->
-<svg width="16" height="16" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
- <g fill="#000000" fill-rule="evenodd">
- <path d="m8,1c-3.9,0-7,3.1-7,7 0,3.9 3.1,7 7,7 3.9,0 7-3.1 7-7 0-3.9-3.1-7-7-7zm0,12c-2.8,0-5-2.2-5-5 0-2.8 2.2-5 5-5 2.8,0 5,2.2 5,5 0,2.8-2.2,5-5,5z"/>
- <path d="m6,5c.6,0 1,.4 1,1v4c0,.6-.4,1-1,1-.6,0-1-.4-1-1v-4c0-.6 .4-1 1-1z"/>
- <path d="m10,5c.6,0 1,.4 1,1v4c0,.6-.4,1-1,1-.6,0-1-.4-1-1v-4c0-.6 .4-1 1-1z"/>
- </g>
-</svg>
+++ /dev/null
-<!-- 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/. -->
-<svg width="16" xmlns="http://www.w3.org/2000/svg" height="16" viewBox="0 0 16 16">
- <path fill="#000000" fill-rule="evenodd" d="M2,4v9h11V4H2z M11,11H4V6h7V11z"/>
- <g opacity=".8">
- <path opacity=".8" fill="#000000" fill-rule="evenodd" d="M0,8h2v1H0V8z"/>
- <path opacity=".8" fill="#000000" fill-rule="evenodd" d="M13,8h2v1h-2V8z"/>
- <path opacity=".8" fill="#000000" fill-rule="evenodd" d="M7,2h1v2H7V2z"/>
- <path opacity=".8" fill="#000000" fill-rule="evenodd" d="M7,13h1v2H7V13z"/>
- </g>
-</svg>
+++ /dev/null
-<!-- 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/. -->
-<svg width="17" height="16" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17 16">
- <g fill="#000000" fill-rule="evenodd">
- <path opacity=".1" d="M2.1,0h12.8C16,0,17,1,17,2.1v10.6c0,1.2-1,2.1-2.1,2.1H2.1c-1.2,0-2.1-1-2.1-2.1V2.1C0,1,1,0,2.1,0z"/>
- <path d="m2.1,2.1h9.6c.6,0 1.1,.5 1.1,1.1 0,.6-.5,1.1-1.1,1.1h-9.6c-.6,0-1.1-.5-1.1-1.1 .1-.6 .5-1.1 1.1-1.1z"/>
- </g>
- <g opacity=".7">
- <g opacity=".75">
- <path fill="#000000" fill-rule="evenodd" d="m7.4,5.3h7.4c.6,0 1.1,.5 1.1,1.1 0,.6-.5,1.1-1.1,1.1h-7.4c-.5-.1-1-.5-1-1.1 0-.6 .5-1.1 1-1.1z"/>
- </g>
- <g opacity=".85">
- <path fill="#000000" d="m14.9,5.7c.4,0 .7,.3 .7,.7s-.4,.6-.7,.6h-7.5c-.3,0-.6-.3-.6-.6s.3-.7 .7-.7h7.4m0-.4h-7.5c-.6,0-1.1,.5-1.1,1.1 0,.6 .5,1.1 1.1,1.1h7.4c.6,0 1.1-.5 1.1-1.1 0-.6-.4-1.1-1-1.1z"/>
- </g>
- </g>
- <g opacity=".75">
- <path fill="#000000" fill-rule="evenodd" d="m5.3,8.5h3.2c.6,0 1.1,.5 1.1,1.1 0,.6-.5,1.1-1.1,1.1h-3.2c-.6,0-1.1-.5-1.1-1.1 .1-.6 .5-1.1 1.1-1.1z"/>
- </g>
- <g opacity=".85">
- <path fill="#000000" d="m8.5,8.9c.4,0 .7,.3 .7,.7 0,.4-.3,.7-.7,.7h-3.2c-.4,0-.7-.3-.7-.7 0-.4 .3-.7 .7-.7h3.2m0-.4h-3.2c-.6,0-1.1,.5-1.1,1.1 0,.6 .5,1.1 1.1,1.1h3.2c.6,0 1.1-.5 1.1-1.1 0-.6-.5-1.1-1.1-1.1z"/>
- </g>
- <g opacity=".7">
- <g opacity=".75">
- <path fill="#000000" fill-rule="evenodd" d="m4.3,11.7h2.1c.6,0 1.1,.5 1.1,1.1 0,.6-.5,1.1-1.1,1.1h-2.1c-.6,0-1.1-.5-1.1-1.1 0-.6 .5-1.1 1.1-1.1z"/>
- </g>
- <g opacity=".85">
- <path fill="#000000" d="m6.4,12.1c.4,0 .7,.3 .7,.7 0,.4-.3,.7-.7,.7h-2.1c-.4,0-.7-.3-.7-.7 0-.4 .3-.7 .7-.7h2.1m0-.4h-2.1c-.6,0-1.1,.5-1.1,1.1 0,.6 .5,1.1 1.1,1.1h2.1c.6,0 1.1-.5 1.1-1.1-.1-.6-.5-1.1-1.1-1.1z"/>
- </g>
- </g>
- <g opacity=".05" fill="#000000" fill-rule="evenodd">
- <path d="m7.4,14.3v-13.8c0-.3-.2-.5-.5-.5-.3,0-.5,.2-.5,.5v13.8c0,.3 .2,.5 .5,.5 .3,.1 .5-.2 .5-.5z"/>
- <path d="m4.2,14.3v-13.8c0-.3-.2-.5-.5-.5-.3,0-.5,.2-.5,.5v13.8c0,.3 .2,.5 .5,.5 .3,.1 .5-.2 .5-.5z"/>
- <path d="m1,14.6c0-.1 0-.1 0-.2v-13.9c0-.1 0-.1 0-.2-.6,.4-1,1-1,1.8v10.6c0,.8 .4,1.5 1,1.9z"/>
- <path d="m16,.3c0,.1 0,.1 0,.2v13.8c0,.1 0,.1 0,.2 .6-.4 1-1 1-1.8v-10.6c0-.7-.4-1.4-1-1.8z"/>
- <path d="m13.8,14.3v-13.8c0-.3-.2-.5-.5-.5-.3,0-.5,.2-.5,.5v13.8c0,.3 .2,.5 .5,.5 .3,.1 .5-.2 .5-.5z"/>
- <path d="m10.6,14.3v-13.8c0-.3-.2-.5-.5-.5-.3,0-.5,.2-.5,.5v13.8c0,.3 .2,.5 .5,.5 .3,.1 .5-.2 .5-.5z"/>
- </g>
-</svg>
+++ /dev/null
-<!-- 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/. -->
-<svg height="16" width="16" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
- <path fill="#FFCF00" d="m11.5,13.9l-.6-1.5c.3-.2 .5-.4 .8-.6 .2-.2 .4-.5 .6-.7l1.5,.6c.3,.1 .6,0 .7-.3l.4-1c.1-.3 0-.6-.3-.7l-1.5-.6c.1-.6 .1-1.3 0-2l1.5-.6c.3-.1 .4-.4 .3-.7l-.4-1c-.1-.3-.4-.4-.7-.3l-1.5,.6c-.2-.3-.4-.5-.6-.8-.2-.1-.5-.3-.7-.5l.6-1.5c.1-.3 0-.6-.3-.7l-.9-.4c-.3-.1-.6,0-.7,.3l-.6,1.5c-.6-.1-1.3-.1-2,0l-.6-1.5c-.1-.3-.4-.4-.7-.3l-1,.4c-.2,.1-.3,.4-.2,.6l.6,1.5c-.3,.3-.5,.5-.8,.7-.2,.3-.4,.5-.6,.8l-1.5-.7c-.3-.1-.6,0-.7,.3l-.4,.9c-.1,.3 0,.6 .3,.7l1.5,.7c-.1,.6-.1,1.3 0,1.9l-1.5,.6c-.3,.1-.4,.4-.3,.7l.4,1c.1,.3 .4,.4 .7,.3l1.5-.6c.2,.3 .4,.5 .6,.8 .2,.2 .5,.4 .7,.6l-.6,1.5c-.1,.3 0,.6 .3,.7l1,.4c.3,.1 .6,0 .7-.3l.6-1.5c.6,.1 1.3,.1 2,0l.6,1.5c.1,.3 .4,.4 .7,.3l1-.4c.1-.1 .3-.4 .1-.7zm-5.1-4.2c-.9-.9-.9-2.4 0-3.3 .9-.9 2.4-.9 3.3,0 .9,.9 .9,2.4 0,3.3-.9,.9-2.4,.9-3.3,0z"/>
-</svg>
+++ /dev/null
-<!-- 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/. -->
-<svg height="16" width="16" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
- <path fill="#000000" d="m11.5,13.9l-.6-1.5c.3-.2 .5-.4 .8-.6 .2-.2 .4-.5 .6-.7l1.5,.6c.3,.1 .6,0 .7-.3l.4-1c.1-.3 0-.6-.3-.7l-1.5-.6c.1-.6 .1-1.3 0-2l1.5-.6c.3-.1 .4-.4 .3-.7l-.4-1c-.1-.3-.4-.4-.7-.3l-1.5,.6c-.2-.3-.4-.5-.6-.8-.2-.1-.5-.3-.7-.5l.6-1.5c.1-.3 0-.6-.3-.7l-.9-.4c-.3-.1-.6,0-.7,.3l-.6,1.5c-.6-.1-1.3-.1-2,0l-.6-1.5c-.1-.3-.4-.4-.7-.3l-1,.4c-.2,.1-.3,.4-.2,.6l.6,1.5c-.3,.3-.5,.5-.8,.7-.2,.3-.4,.5-.6,.8l-1.5-.7c-.3-.1-.6,0-.7,.3l-.4,.9c-.1,.3 0,.6 .3,.7l1.5,.7c-.1,.6-.1,1.3 0,1.9l-1.5,.6c-.3,.1-.4,.4-.3,.7l.4,1c.1,.3 .4,.4 .7,.3l1.5-.6c.2,.3 .4,.5 .6,.8 .2,.2 .5,.4 .7,.6l-.6,1.5c-.1,.3 0,.6 .3,.7l1,.4c.3,.1 .6,0 .7-.3l.6-1.5c.6,.1 1.3,.1 2,0l.6,1.5c.1,.3 .4,.4 .7,.3l1-.4c.1-.1 .3-.4 .1-.7zm-5.1-4.2c-.9-.9-.9-2.4 0-3.3 .9-.9 2.4-.9 3.3,0 .9,.9 .9,2.4 0,3.3-.9,.9-2.4,.9-3.3,0z"/>
-</svg>
+++ /dev/null
-<!-- 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/. -->
-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
- <g fill="#9C9CFF" fill-rule="evenodd">
- <path d="m8,1c-3.9,0-7,3.1-7,7s3.1,7 7,7c3.9,0 7-3.1 7-7s-3.1-7-7-7zm-.1,12c-2.8,0-5-2.2-5-5 0-2.8 2.2-5 5-5s5,2.2 5,5c0,2.8-2.2,5-5,5z"/>
- <path d="m8,6.9c.6,0 1.1,.5 1.1,1.1 0,.6-.5,1.1-1.1,1.1-.6,0-1.1-.5-1.1-1.1 0-.6 .5-1.1 1.1-1.1z"/>
- <path d="m11.3,4.6l-3.9,2.5 1.5,1.4 2.4-3.9z"/>
- <path opacity=".4" d="m4.6,10c.7,1.2 2,2 3.4,2 1.5,0 2.7-.8 3.4-2h-6.8z"/>
- <g opacity=".3">
- <path d="m7.1,5.1l-.6-1.3-.9,.4 .7,1.3c.2-.1 .5-.3 .8-.4z"/>
- <path d="m9.8,5.6l.7-1.4-.9-.4-.7,1.3c.3,.2 .6,.3 .9,.5z"/>
- <path d="m10.8,7c.1,.3 .2,.7 .2,1h2v-1h-2.2z"/>
- <path d="m5,8c0-.3 .1-.7 .2-1h-2.2l-.1,1h2.1z"/>
- </g>
- </g>
-</svg>
+++ /dev/null
-<!-- 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/. -->
-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
- <g fill="#000000" fill-rule="evenodd">
- <path d="m8,1c-3.9,0-7,3.1-7,7s3.1,7 7,7c3.9,0 7-3.1 7-7s-3.1-7-7-7zm-.1,12c-2.8,0-5-2.2-5-5 0-2.8 2.2-5 5-5s5,2.2 5,5c0,2.8-2.2,5-5,5z"/>
- <path d="m8,6.9c.6,0 1.1,.5 1.1,1.1 0,.6-.5,1.1-1.1,1.1-.6,0-1.1-.5-1.1-1.1 0-.6 .5-1.1 1.1-1.1z"/>
- <path d="m11.3,4.6l-3.9,2.5 1.5,1.4 2.4-3.9z"/>
- <path opacity=".4" d="m4.6,10c.7,1.2 2,2 3.4,2 1.5,0 2.7-.8 3.4-2h-6.8z"/>
- <g opacity=".3">
- <path d="m7.1,5.1l-.6-1.3-.9,.4 .7,1.3c.2-.1 .5-.3 .8-.4z"/>
- <path d="m9.8,5.6l.7-1.4-.9-.4-.7,1.3c.3,.2 .6,.3 .9,.5z"/>
- <path d="m10.8,7c.1,.3 .2,.7 .2,1h2v-1h-2.2z"/>
- <path d="m5,8c0-.3 .1-.7 .2-1h-2.2l-.1,1h2.1z"/>
- </g>
- </g>
-</svg>
+++ /dev/null
-<!-- 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/. -->
-<svg height="16" width="16" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
- <g fill="#000000" fill-rule="evenodd">
- <path opacity=".3" d="m1.1,6.3c0-.3 .3-.6 .6-.6h4.6c.3,0 .6,.3 .6,.6s-.3,.6-.6,.6h-4.6c-.3,0-.6-.3-.6-.6zm12,1.7h-10.2c-.4,0-.6,.3-.6,.6 0,.3 .3,.6 .6,.6h10.3c.3,0 .6-.3 .6-.6-.1-.3-.3-.6-.7-.6zm-5.7,3.4c.3,0 .6-.3 .6-.6 0-.3-.3-.6-.6-.6h-4.5c-.3,0-.6,.3-.6,.6 0,.3 .3,.6 .6,.6h4.5zm2.3,1.2h-8c-.3,0-.6,.3-.6,.6 0,.3 .3,.6 .6,.6h8c.3,0 .6-.3 .6-.6 0-.4-.3-.6-.6-.6z"/>
- <path d="m14.3,2.3h-.6v1.1c0,.6-.5,1.1-1.1,1.1-.6,0-1.1-.5-1.1-1.1v-.5c0,.3 .3,.6 .6,.6 .3,0 .6-.3 .6-.6v-.6-1.7c0-.1 0-.2-.1-.3-.1-.1-.1-.1-.2-.2-.2-.1-.3-.1-.4-.1-.3,0-.6,.3-.6,.6v1.7h-1.1v1.1c0,.6-.5,1.1-1.1,1.1-.7,.1-1.2-.4-1.2-1.1v-.5c0,.3 .3,.6 .6,.6 .3,0 .6-.3 .6-.6v-.6-1.7c0-.1 0-.2-.1-.3-.1-.1-.2-.2-.3-.2-.1-.1-.1-.1-.2-.1-.3,0-.6,.3-.6,.6v1.7h-1.1v1.1c0,.6-.5,1.1-1.1,1.1-.6,0-1.1-.5-1.1-1.1v-.5c0,.3 .3,.6 .6,.6 .3,0 .6-.3 .6-.6v-.6-1.7c0-.1 0-.2-.1-.3-.3-.1-.3-.2-.4-.2-.1-.1-.2-.1-.3-.1-.3,0-.5,.3-.5,.6v1.7h-1.2v1.1c0,.6-.5,1.1-1.1,1.1-.6,0-1.1-.5-1.1-1.1v-.5c0,.3 .3,.6 .6,.6 .3,0 .6-.3 .6-.6v-.6-1.7c0-.1 0-.2-.1-.3-.2-.1-.2-.2-.3-.2-.1-.1-.2-.1-.3-.1-.3,0-.6,.3-.6,.6v1.7h-.5c-.3,0-.6,.2-.6,.6v12.6c0,.2 .3,.5 .6,.5h13.7c.3,0 .6-.3 .6-.6v-12.5c0-.4-.3-.6-.6-.6zm-12.6,3.4h4.6c.3,0 .6,.3 .6,.6s-.3,.6-.6,.6h-4.6c-.3,0-.6-.3-.6-.6s.3-.6 .6-.6zm8,8h-8c-.3,0-.6-.3-.6-.6 0-.3 .3-.6 .6-.6h8c.3,0 .6,.3 .6,.6 0,.4-.3,.6-.6,.6zm-7.4-2.8c0-.3 .3-.6 .6-.6h4.6c.3,0 .6,.3 .6,.6 0,.3-.3,.6-.6,.6h-4.6c-.4-.1-.6-.3-.6-.6zm10.8-1.8h-10.2c-.3,0-.6-.3-.6-.6 0-.2 .2-.5 .6-.5h10.3c.3,0 .6,.3 .6,.6-.1,.3-.3,.5-.7,.5z"/>
- </g>
-</svg>
+++ /dev/null
-<!-- 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/. -->
-<svg height="16" width="16" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="#000000">
- <path opacity="0.2" d="M2.6 2.8l10.7 10.7-10.7-.1z"/>
- <path d="M11.4 10.5L5.9 5c-.3-.3-.8-.3-1 0-.3.3-.3.8 0 1l5.5 5.5c.1.1.3.2.5.2s.4-.1.5-.2c.2-.3.2-.7 0-1z"/>
- <path opacity="0.5" d="M11.2 4.9H9.6c-.1 0-.1 0-.1.1v1.6c0 .1.1.1.1.1h1.6c.1 0 .1-.1.1-.1V5c.1-.1 0-.1-.1-.1zM11.3 8.7H9.7s-.1 0-.1.1l1.8 1.8.1-.1V8.8c0-.1-.1-.1-.2-.1zM9.4 6.7H7.8s-.1 0-.1.1l1.8 1.8.1-.1V6.9c0-.1-.1-.2-.2-.2zM7.5 4.8H5.9s-.1 0-.1.1l1.8 1.8.1-.1V5c-.1-.1-.1-.2-.2-.2z"/>
- <path d="M14 11.9V3.6c.5-.2.9-.7.9-1.3 0-.8-.7-1.5-1.5-1.5-.7 0-1.3.5-1.4 1.2H3.9C3.8 1.3 3.2.8 2.5.8 1.7.8 1 1.5 1 2.3c0 .6.4 1.2 1 1.4v8.2c-.6.2-1 .7-1 1.4 0 .8.7 1.5 1.5 1.5.5 0 1-.3 1.3-.7h8.5c.3.4.7.7 1.3.7.8 0 1.5-.7 1.5-1.5-.2-.6-.6-1.2-1.1-1.4zM4 4h8v8H4V4z"/>
-</svg>
\ No newline at end of file
+++ /dev/null
-<!-- 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/. -->
-<svg width="16" xmlns="http://www.w3.org/2000/svg" height="16" viewBox="0 0 16 16">
- <g fill="#000000">
- <path d="m1.3,12.5v-2.4c0,0 0,2.5 6.7,2.5 6.7,0 6.7-2.5 6.7-2.5v2.4c0,0 0,2.7-6.8,2.7-6.6,0-6.6-2.7-6.6-2.7z"/>
- <path d="m14.7,3.4c0-1.4-3-2.5-6.7-2.5s-6.7,1.1-6.7,2.5c0,.2 0,.3 .1,.5-.1-.3-.1-.4-.1-.4v1.5c0,0 0,2.7 6.7,2.7 6.7,0 6.8-2.7 6.8-2.7v-1.6c0,.1 0,.2-.1,.5-0-.2-0-.3-0-.5z"/>
- <path d="m1.3,8.7v-2.4c0,0 0,2.5 6.7,2.5 6.7,0 6.7-2.5 6.7-2.5v2.4c0,0 0,2.7-6.8,2.7-6.6-0-6.6-2.7-6.6-2.7z"/>
- </g>
-</svg>
+++ /dev/null
-<!-- 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/. -->
-<svg xmlns="http://www.w3.org/2000/svg" width="17" height="16" viewBox="0 0 17 16">
- <g fill="#000000" fill-rule="evenodd">
- <path d="m10,11.1 0,2.3-7.8,0 0-11.2 5.6-0 1.1,1.1 1.7-1.6-1.7-1.7-8.9,0 0,15.6 12.2,0 0-6.7z"/>
- <path d="M6.7,7.8L14.5,0l2.2,2.2L8.9,10l-3.3,1.1L6.7,7.8z"/>
- </g>
-</svg>
+++ /dev/null
-<!-- 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/. -->
-<svg xmlns="http://www.w3.org/2000/svg" width="16px" height="16px" viewBox="-6.167 -16.135 100 100">
- <path fill="none" stroke="#000000" stroke-width="8" stroke-linecap="round" stroke-miterlimit="10" d="M86.666,33.864 c-0.797,5.297-3.467,32.799-10.518,32.866c-7.086,0.066-9.973-27.596-10.9-32.866C64.322,28.597,61.436,0.933,54.35,1 c-7.105,0.068-9.644,27.561-10.517,32.864c-0.874,5.305-3.412,32.799-10.517,32.866c-7.087,0.066-9.974-27.596-10.899-32.866 C21.49,28.597,18.604,0.933,11.517,1C4.466,1.067,1.796,28.569,1,33.864"/>
-</svg>
--- /dev/null
+/* 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/. */
+
+/* CSS Variables specific to the devtools toolbar that aren't defined by the themes */
+.theme-light,
+.theme-dark {
+ --searchbox-background-color: #000000;
+ --searchbox-border-color: #9C9CFF;
+ --searcbox-no-match-background-color: #400000;
+ --searcbox-no-match-border-color: #FF0000;
+
+ /* Toolbox buttons */
+ --command-paintflashing-image: url(images/command-paintflashing.svg);
+ --command-screenshot-image: url(images/command-screenshot.svg);
+ --command-responsive-image: url(images/command-responsivemode.svg);
+ --command-scratchpad-image: url(images/command-scratchpad.svg);
+ --command-pick-image: url(images/command-pick.svg);
+ --command-frames-image: url(images/command-frames.svg);
+ --command-splitconsole-image: url(images/command-console.svg);
+ --command-noautohide-image: url(images/command-noautohide.svg);
+ --command-eyedropper-image: url(images/command-eyedropper.svg);
+ --command-rulers-image: url(images/command-rulers.svg);
+ --command-measure-image: url(images/command-measure.svg);
+}
+
+/* Toolbars */
+.devtools-toolbar,
+.devtools-sidebar-tabs tabs {
+}
+
+.devtools-toolbar {
+}
+
+.devtools-toolbar checkbox {
+ /* LCARStrek checkbox colors don't work well against toolbar background */
+ background-color: var(--theme-toolbar-background);
+ padding: 2px;
+ line-height: -moz-block-height;
+}
+.devtools-toolbar checkbox .checkbox-check {
+}
+.devtools-toolbar checkbox .checkbox-label-box {
+}
+.devtools-toolbar checkbox .checkbox-label-box .checkbox-label {
+}
+
+/* Toolbar buttons */
+
+.devtools-menulist,
+.devtools-toolbarbutton,
+.devtools-button {
+/* transition: background 0.05s ease-in-out; */
+}
+
+.devtools-menulist,
+.devtools-toolbarbutton {
+}
+
+.devtools-menulist:-moz-focusring,
+.devtools-toolbarbutton:-moz-focusring {
+ outline: 1px dotted var(--theme-selection-color);
+}
+
+.devtools-toolbarbutton:not([label]) > .toolbarbutton-icon,
+.devtools-button::before {
+ width: 16px;
+ height: 16px;
+/* transition: opacity 0.05s ease-in-out;*/
+}
+
+/* HTML buttons */
+.devtools-button {
+ margin: 0;
+ padding: 0;
+ min-width: 32px;
+ background: var(--theme-toolbar-background);
+ color: var(--theme-body-color);
+ /* The icon is absolutely positioned in the button using ::before */
+ position: relative;
+}
+
+.devtools-button:not([disabled]):hover {
+ background: var(--theme-hover-background);
+ color: var(--theme-hover-color);
+}
+
+.devtools-button:not([disabled]):hover:active {
+ background: var(--theme-active-background);
+ color: var(--theme-active-color);
+}
+
+/* Menu type buttons and checked states */
+.devtools-button[checked] {
+ background: var(--theme-selection-background);
+ color: var(--theme-selection-color);
+}
+
+.devtools-button::before {
+ content: "";
+ display: block;
+ position: absolute;
+ left: 50%;
+ top: 50%;
+ margin: -8px 0 0 -8px;
+ background-size: cover;
+ background-repeat: no-repeat;
+/* transition: opacity 0.05s ease-in-out;*/
+}
+
+/* Standalone buttons */
+.devtools-button[standalone],
+.devtools-button[data-standalone],
+.devtools-toolbarbutton[standalone],
+.devtools-toolbarbutton[data-standalone] {
+ border: none;
+/* min-height: 32px; */
+ background-color: var(--theme-button-background);
+}
+
+.devtools-toolbarbutton[standalone] {
+}
+.devtools-toolbarbutton[label][standalone] {
+}
+
+/* Icon button styles */
+.devtools-toolbarbutton:not([label]),
+.devtools-toolbarbutton[text-as-image] {
+ min-width: 20px;
+}
+
+#toolbox-buttons .devtools-toolbarbutton[text-as-image] {
+ -moz-padding-start: 5px;
+ -moz-padding-end: 5px;
+ min-width: inherit;
+}
+
+#toolbox-buttons .devtools-toolbarbutton:not([text-as-image]):not(:hover):not([open=true]) {
+/* background: transparent; */
+}
+#toolbox-buttons .devtools-toolbarbutton[type=menu] > .toolbarbutton-menu-dropmarker {
+ padding: 0 2px;
+}
+
+.devtools-toolbarbutton:not([label]) > .toolbarbutton-text {
+ display: none;
+}
+
+.devtools-toolbar .devtools-toolbarbutton {
+ -moz-margin-start: 2px;
+}
+
+.devtools-toolbarbutton > .toolbarbutton-icon {
+}
+
+/* Menu button styles (eg. web console filters) */
+.devtools-toolbarbutton[type=menu-button] > .toolbarbutton-menubutton-button {
+/* -moz-box-orient: horizontal; */
+}
+
+.devtools-toolbarbutton[type=menu-button] {
+}
+
+.devtools-toolbarbutton > .toolbarbutton-menubutton-button > .toolbarbutton-icon {
+}
+
+.devtools-menulist > .menulist-dropmarker {
+}
+
+.devtools-toolbarbutton[type=menu] > .toolbarbutton-menu-dropmarker,
+.devtools-toolbarbutton[type=menu-button] > .toolbarbutton-menubutton-dropmarker {
+}
+
+/* Icon-only buttons */
+.devtools-button:empty::before,
+.devtools-toolbarbutton:not([label]):not([disabled]) > image {
+/* opacity: 0.8;*/
+}
+
+.devtools-button:hover:empty::before,
+.devtools-button[checked]:empty::before,
+.devtools-button[open]:empty::before,
+.devtools-toolbarbutton:not([label]):hover > image,
+.devtools-toolbarbutton:not([label])[checked=true] > image,
+.devtools-toolbarbutton:not([label])[open=true] > image {
+/* opacity: 1;*/
+}
+
+.devtools-button:disabled,
+.devtools-button[disabled],
+.devtools-toolbarbutton[disabled] {
+/* opacity: 0.5 !important;*/
+}
+
+.devtools-button[checked]:empty::before,
+.devtools-button[open]:empty::before,
+.devtools-toolbarbutton:not([label])[checked=true] > image,
+.devtools-toolbarbutton:not([label])[open=true] > image {
+ filter: url(images/filters.svg#checked-icon-state);
+}
+
+/* Text-only buttons */
+.devtools-toolbarbutton[label]:not([text-as-image]):not([type=menu-button]),
+#toolbox-buttons .devtools-toolbarbutton[text-as-image] {
+/* background-color: rgba(0, 0, 0, .2); / Splitter */
+}
+
+/* Text-only button states */
+.devtools-button:not(:empty):not([disabled]):hover,
+#toolbox-buttons .devtools-toolbarbutton:not([disabled])[text-as-image]:hover,
+.devtools-toolbarbutton:not(:-moz-any([checked=true],[disabled],[text-as-image]))[label]:hover {
+/* background: rgba(0, 0, 0, .3); / Splitters */
+}
+
+.devtools-button:not(:empty):not([disabled]):hover:active,
+#toolbox-buttons .devtools-toolbarbutton:not([disabled])[text-as-image]:hover:active,
+.devtools-toolbarbutton:not(:-moz-any([checked=true],[disabled],[text-as-image]))[label]:hover:active {
+/* background: rgba(0, 0, 0, .4); / Splitters */
+}
+
+.devtools-toolbarbutton:not([disabled])[label][checked=true],
+.devtools-toolbarbutton:not([disabled])[label][open],
+.devtools-button:not(:empty)[checked=true],
+#toolbox-buttons .devtools-toolbarbutton[text-as-image][checked=true] {
+/* background: rgba(29, 79, 115, .7); / Select highlight blue /
+ color: var(--theme-selection-color); */
+}
+
+.devtools-menulist[open=true],
+.devtools-toolbarbutton[open=true],
+.devtools-toolbarbutton[open=true]:hover,
+.devtools-toolbarbutton[open=true]:hover:active,
+.devtools-toolbarbutton[checked=true],
+.devtools-toolbarbutton[checked=true]:hover,
+#toolbox-buttons .devtools-toolbarbutton[text-as-image][checked] {
+/* background: rgba(29, 79, 115, .8); / Select highlight blue /
+ color: var(--theme-selection-color); */
+}
+
+.devtools-toolbarbutton[checked=true]:hover {
+}
+
+.devtools-option-toolbarbutton {
+ list-style-image: url("chrome://devtools/skin/images/tool-options-tbutton.svg");
+}
+
+/* Toolbar button groups */
+.devtools-toolbarbutton-group > .devtools-toolbarbutton {
+}
+
+.devtools-toolbarbutton-group > .devtools-toolbarbutton:last-child {
+}
+
+.devtools-toolbarbutton-group + .devtools-toolbarbutton {
+}
+
+.devtools-separator + .devtools-toolbarbutton {
+}
+
+:root {
+ --clear-icon-url: url("chrome://devtools/skin/images/clear.svg");
+}
+
+.devtools-button.devtools-clear-icon::before {
+ background-image: var(--clear-icon-url);
+}
+
+.devtools-toolbarbutton.devtools-clear-icon {
+ list-style-image: var(--clear-icon-url);
+}
+
+/* Text input */
+
+.devtools-textinput,
+.devtools-searchinput {
+/* -moz-appearance: none;
+ margin: 0 3px;
+ border: 1px solid rgb(88, 94, 101);
+ border-radius: 2px;
+ background-color: rgba(24, 29, 32, 1);
+ padding: 4px 6px;
+ color: rgba(184, 200, 217, 1);*/
+}
+
+:root[platform="mac"] .devtools-textinput,
+:root[platform="mac"] .devtools-searchinput {
+/* border-radius: 20px;*/
+}
+
+
+.devtools-searchinput {
+/* margin-top: 1px;
+ margin-bottom: 1px;
+ padding: 0;*/
+ -moz-padding-start: 22px;
+ -moz-padding-end: 4px;
+ background-position: 8px center;
+ background-size: 11px 11px;
+ background-repeat: no-repeat;
+ font-size: inherit;
+
+ background-image: url("magnifying-glass.png");
+}
+
+.devtools-searchinput:-moz-locale-dir(rtl),
+.devtools-searchinput:-moz-dir(rtl) {
+ background-position: calc(100% - 8px) center;
+}
+
+.devtools-searchinput > .textbox-input-box > .textbox-search-icons > .textbox-search-icon {
+ visibility: hidden;
+}
+
+/* Searchbox is a div container element for a search input element */
+.devtools-searchbox {
+ display: flex;
+ flex: 1;
+ position: relative;
+}
+
+.devtools-rule-searchbox {
+ -moz-box-flex: 1;
+ width: 100%;
+ font: inherit;
+}
+
+.devtools-rule-searchbox[filled] {
+ background-color: var(--searchbox-background-color);
+ border-color: var(--searchbox-border-color);
+ -moz-padding-end: 23px;
+}
+
+.devtools-style-searchbox-no-match {
+ background-color: var(--searcbox-no-match-background-color) !important;
+ border-color: var(--searcbox-no-match-border-color) !important;
+}
+
+.devtools-no-search-result {
+ border-color: var(--theme-highlight-red) !important;
+}
+
+.devtools-searchinput-clear {
+ position: absolute;
+ top: 3.5px;
+ right: 7px;
+ padding: 0;
+ border: 0;
+ width: 16px;
+ height: 16px;
+ background-position: 0 0;
+ background-repeat: no-repeat;
+ background-color: transparent;
+}
+
+.devtools-searchinput-clear:-moz-dir(rtl) {
+ right: unset;
+ left: 7px;
+}
+
+.devtools-searchinput-clear {
+ background-image: url("chrome://devtools/skin/search-clear.svg");
+}
+
+.devtools-style-searchbox-no-match + .devtools-searchinput-clear {
+ background-image: url("chrome://devtools/skin/search-clear-failed.svg") !important;
+}
+
+.devtools-searchinput-clear:hover {
+ background-position: -16px 0;
+}
+
+.devtools-searchinput > .textbox-input-box > .textbox-search-icons > .textbox-search-clear {
+ list-style-image: url("chrome://devtools/skin/search-clear.svg");
+ -moz-image-region: rect(0, 16px, 16px, 0);
+}
+
+.devtools-searchinput > .textbox-input-box > .textbox-search-icons > .textbox-search-clear:hover {
+ -moz-image-region: rect(0, 32px, 16px, 16px);
+}
+
+@media (min-resolution: 1.1dppx) {
+ .devtools-searchinput {
+ background-image: url("magnifying-glass@2x.png");
+ }
+}
+
+/* Close button */
+
+.devtools-closebutton {
+ min-width: 16px;
+ width: 16px;
+}
+
+.devtools-closebutton > image {
+ width: 16px;
+ height: 16px;
+ -moz-appearance: none;
+ background-size: 32px 16px;
+ background-image: url("chrome://devtools/skin/close@2x.png");
+ background-position: 0 center;
+ background-repeat: no-repeat;
+}
+
+.devtools-closebutton:hover > image,
+.devtools-closebutton:hover:active > image {
+ background-position: -16px center;
+}
+
+.devtools-closebutton > .toolbarbutton-text {
+ display: none;
+}
+
+#toolbox-close::before {
+ background-image: url("chrome://devtools/skin/close@2x.png");
+}
+
+/* In-tools sidebar */
+
+.devtools-sidebar-tabs {
+}
+
+.devtools-sidebar-tabs > tabpanels {
+ padding: 0;
+ border: 0;
+}
+
+.devtools-sidebar-tabs tabs {
+ position: static;
+ overflow: hidden;
+}
+
+.devtools-sidebar-alltabs {
+/* height: 24px;
+ line-height: 24px;
+ padding: 0 4px;
+ margin: 0;
+ border-width: 0 0 1px 0;
+ -moz-border-start-width: 1px;
+ border-style: solid;*/
+}
+
+.devtools-sidebar-alltabs .toolbarbutton-icon {
+ display: none;
+}
+
+.devtools-sidebar-tabs tabs > .tabs-right,
+.devtools-sidebar-tabs tabs > .tabs-left {
+ display: none;
+}
+
+.devtools-sidebar-tabs tabs > tab {
+ min-width: 78px;
+ text-align: center;
+ -moz-box-flex: 1;
+ position: static;
+ margin-top: 0;
+}
+
+.devtools-sidebar-tabs tabs > tab:-moz-focusring {
+ position: static;
+}
+
+.devtools-sidebar-tabs tabs > tab:first-of-type {
+ -moz-margin-start: 0;
+}
+
+.devtools-sidebar-tabs tabs > tab:last-of-type {
+ -moz-border-end-width: 0;
+}
+
+.devtools-sidebar-tabs tabs > tab {
+}
+
+.devtools-sidebar-tabs tabs > tab[selected],
+.devtools-sidebar-tabs tabs > tab[selected] + tab {
+}
+
+.devtools-sidebar-tabs tabs > tab:first-child {
+}
+
+.devtools-sidebar-tabs tabs > tab:hover {
+}
+
+.devtools-sidebar-tabs tabs > tab:hover:active {
+}
+
+.devtools-sidebar-tabs tabs > tab[selected] + tab:hover {
+}
+
+.devtools-sidebar-tabs tabs > tab[selected] + tab:hover:active {
+}
+
+.devtools-sidebar-tabs tabs > tab[selected],
+.devtools-sidebar-tabs tabs > tab[selected]:hover:active {
+}
+
+/* Toolbox - moved from toolbox.css.
+ * Rules that apply to the global toolbox like command buttons,
+ * devtools tabs, docking buttons, etc. */
+
+#toolbox-controls > toolbarbutton,
+#toolbox-dock-buttons > toolbarbutton {
+ min-width: 16px;
+/* padding: 1px 3px; */
+}
+
+#toolbox-dock-buttons > toolbarbutton > image {
+ width: 16px;
+ height: 16px;
+ background-size: 32px 16px;
+ background-position: 0 center;
+ background-repeat: no-repeat;
+}
+
+#toolbox-dock-buttons > toolbarbutton:hover > image {
+ background-position: -16px center;
+}
+
+#toolbox-dock-bottom::before,
+#toolbox-dock-bottom > image {
+ background-image: url("chrome://devtools/skin/dock-bottom@2x.png");
+}
+
+#toolbox-dock-side::before,
+#toolbox-dock-side > image {
+ background-image: url("chrome://devtools/skin/dock-side@2x.png");
+}
+
+#toolbox-dock-window::before,
+#toolbox-dock-window > image {
+ background-image: url("chrome://devtools/skin/undock@2x.png");
+}
+
+#toolbox-dock-bottom-minimize {
+ /* Bug 1177463 - The minimize button is currently hidden until we agree on
+ the UI for it, and until bug 1173849 is fixed too. */
+ display: none;
+}
+
+#toolbox-dock-bottom-minimize > image {
+ background-image: url("chrome://devtools/skin/dock-bottom-minimize@2x.png");
+}
+
+#toolbox-dock-bottom-minimize.minimized > image {
+ background-image: url("chrome://devtools/skin/dock-bottom-maximize@2x.png");
+}
+
+#toolbox-dock-window,
+#toolbox-dock-bottom,
+#toolbox-dock-side {
+}
+
+#toolbox-dock-window:hover,
+#toolbox-dock-bottom:hover,
+#toolbox-dock-side:hover {
+}
+
+.devtools-separator {
+ margin: 0 2px;
+ width: 2px;
+}
+
+#toolbox-buttons:empty + .devtools-separator,
+.devtools-separator[invisible] {
+ visibility: hidden;
+}
+
+#toolbox-controls-separator {
+ margin: 0;
+ width: 1px;
+}
+
+/* Command buttons */
+
+.command-button {
+ -moz-appearance: none;
+ border: none;
+/* padding: 0 8px; */
+/* margin: 0; */
+ width: 16px;
+ position: relative;
+ -moz-user-focus: normal;
+}
+
+.command-button:hover {
+/* background-color: var(--toolbar-tab-hover); */
+}
+.command-button:hover:active, .command-button[checked=true]:not(:hover) {
+/* background-color: var(--toolbar-tab-hover-active) */
+}
+
+#command-button-frames {
+ width: 32px;
+}
+
+#toolbox-close::before,
+.toolbox-dock-button::before,
+.command-button::before,
+.command-button > image {
+ width: 16px;
+ height: 16px;
+ background-size: cover;
+ background-position: 0 center;
+ background-repeat: no-repeat;
+}
+
+#toolbox-close:hover::before,
+#toolbox-close:hover:active::before,
+.toolbox-dock-button:hover::before,
+.toolbox-dock-button:hover:active::before,
+.command-button:hover::before,
+.command-button:hover:active::before,
+.command-button[checked=true]::before,
+.command-button[open=true]::before,
+.command-button:hover > image,
+.command-button:hover:active > image,
+.command-button[checked=true] > image,
+.command-button[open=true] > image {
+ filter: url(images/filters.svg#checked-icon-state);
+}
+
+#command-button-paintflashing > image,
+#command-button-paintflashing::before {
+ background-image: var(--command-paintflashing-image);
+}
+
+#command-button-screenshot > image,
+#command-button-screenshot::before {
+ background-image: var(--command-screenshot-image);
+}
+
+#command-button-responsive > image,
+#command-button-responsive::before {
+ background-image: var(--command-responsive-image);
+}
+
+#command-button-scratchpad > image,
+#command-button-scratchpad::before {
+ background-image: var(--command-scratchpad-image);
+}
+
+#command-button-pick > image,
+#command-button-pick::before {
+ background-image: var(--command-pick-image);
+}
+
+#command-button-splitconsole > image,
+#command-button-splitconsole::before {
+ background-image: var(--command-splitconsole-image);
+}
+
+#command-button-noautohide > image,
+#command-button-noautohide::before {
+ background-image: var(--command-noautohide-image);
+}
+
+#command-button-eyedropper > image,
+#command-button-eyedropper::before {
+ background-image: var(--command-eyedropper-image);
+}
+
+#command-button-rulers > image,
+#command-button-rulers::before {
+ background-image: var(--command-rulers-image);
+}
+
+#command-button-measure > image,
+#command-button-measure::before {
+ background-image: var(--command-measure-image);
+}
+
+#command-button-frames > image,
+#command-button-frames::before {
+ background-image: var(--command-frames-image);
+}
+
+/* Tabs */
+
+.devtools-tabbar {
+}
+
+#toolbox-tabs {
+ padding-inline-start: 3px;
+ margin-inline-start: 2px; /* this is only needed for the old button design */
+ margin-inline-end: 3px; /* this is for the new ::before-based button design */
+ background-color: #000000;
+ color: #FFCF00;
+}
+
+.toolbox-panel {
+ display: -moz-box;
+ -moz-box-flex: 1;
+ visibility: collapse;
+}
+
+#toolbox-deck[selectedIndex] > .toolbox-panel, /* workaround for Firefox 47 and older */
+.toolbox-panel[selected] {
+ visibility: visible;
+}
+
+.devtools-tab {
+ min-width: 32px;
+ max-width: 110px;
+ color: #000000;
+ margin: 0;
+ -moz-margin-end: 3px;
+ padding: 1px;
+ -moz-padding-start: 3px;
+ background-color: #C09070;
+ border-radius: 8px 8px 0 0;
+}
+
+.devtools-tab > image {
+ -moz-margin-end: 0px;
+/* -moz-margin-start: 4px; */
+ max-height: 16px;
+ width: 16px; /* Prevents collapse during theme switching */
+}
+
+.devtools-tab:hover > image {
+}
+
+.devtools-tab:active > image,
+.devtools-tab[selected] > image {
+}
+
+.devtools-tab:hover,
+.devtools-tab:hover:active {
+ background-color: var(--theme-hover-background);
+ color: var(--theme-hover-color);
+}
+
+.devtools-tab[selected] {
+ background-color: var(--theme-selection-background);
+ color: var(--theme-selection-color);
+}
+
+.devtools-tab > spacer {
+ max-width: 0;
+ -moz-box-flex: 0;
+}
+
+.devtools-tab > image {
+ -moz-margin-end: 0;
+ -moz-margin-start: 0;
+}
+
+#toolbox-picker-container {
+ margin-inline-start: 1px;
+}
+
+#toolbox-option-container {
+ background-color: #000000;
+ padding-inline-start: 3px;
+ margin-inline-end: 1px;
+}
+
+#toolbox-tab-options {
+ min-width: 20px;
+}
+
+#toolbox-tab-options > image {
+ -moz-margin-end: 3px;
+}
+
+.devtools-tab:not([highlighted]) > .highlighted-icon,
+.devtools-tab[selected] > .highlighted-icon,
+.devtools-tab:not([selected])[highlighted] > .default-icon {
+ visibility: collapse;
+}
+
+.devtools-tab:not([selected])[highlighted] {
+}
+
+.devtools-tab:not([selected])[highlighted] {
+ color: #FFCF00;
+}
+
+.devtools-tab:not([highlighted]) > .highlighted-icon,
+.devtools-tab[selected] > .highlighted-icon,
+.devtools-tab:not([selected])[highlighted] > .default-icon {
+ visibility: collapse;
+}
+
+/* The options tab is special - it doesn't have the same parent
+ as the other tabs (toolbox-option-container vs toolbox-tabs) */
+#toolbox-option-container .devtools-tab:not([selected]) {
+/* background-color: transparent;*/
+}
+#toolbox-option-container .devtools-tab {
+/* border-color: transparent;
+ border-width: 0;
+ -moz-padding-start: 1px;*/
+}
+#toolbox-tab-options > image {
+/* margin: 0 8px;*/
+}
+
+.hidden-labels-box:not(.visible) > label,
+.hidden-labels-box.visible ~ .hidden-labels-box > label:last-child {
+ display: none;
+}
+
+.devtools-horizontal-splitter {
+/* border-bottom: 1px solid var(--theme-splitter-color); */
+}
+
+.devtools-side-splitter {
+/* -moz-border-end: 1px solid var(--theme-splitter-color);
+ border-color: var(--theme-splitter-color); / Needed for responsive container at low width. */
+}
+/* Throbbers */
+
+.devtools-throbber::before {
+ content: "";
+ display: inline-block;
+ vertical-align: bottom;
+ -moz-margin-end: 0.5em;
+ width: 1em;
+ height: 1em;
+ border: 2px solid currentColor;
+ border-right-color: transparent;
+ border-radius: 50%;
+ animation: 1.1s linear throbber-spin infinite;
+}
+
+@keyframes throbber-spin {
+ from {
+ transform: none;
+ }
+ to {
+ transform: rotate(360deg);
+ }
+}
--- /dev/null
+/* 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/. */
+
+/* Variable declarations for light and dark devtools themes.
+ * Colors are taken from:
+ * https://developer.mozilla.org/en-US/docs/Tools/DevToolsColors.
+ * Changes should be kept in sync with commandline.css and commandline.inc.css.
+ */
+
+/* IMPORTANT NOTE:
+ * This file is parsed in js (see client/shared/theme.js)
+ * so the formatting should be consistent (i.e. no '}' inside a rule).
+ */
+
+:root {
+ --theme-body-background: #000000;
+ --theme-sidebar-background: #000000;
+ --theme-contrast-background: #402800;
+ --theme-contrast-border: #A09090;
+ --theme-contrast-background2: #795900;
+
+ --theme-tab-toolbar-background: #402800;
+ --theme-toolbar-background: #000000;
+ --theme-button-background: #C09070;
+ --theme-hover-background: #FFCF00;
+ --theme-hover-color: #000000;
+ --theme-active-background: #FFCF00;
+ --theme-active-color: #000000;
+ --theme-selection-background: #008484;
+ --theme-selection-color: #000000;
+ --theme-selection-background2: #004242;
+ --theme-selection-color2: #FF9F00;
+ --theme-selection-background-semitransparent: rgba(0, 132, 132, .5);
+ --theme-splitter-color: #9C9CFF;
+ --theme-comment: #A09090;
+
+ --theme-sidebar-background: #000000;
+ --theme-contrastsidebar-background: #A09090;
+ --theme-contrastsidebar-color: #000000;
+ --theme-contrastsidebar-bordercolor: #000000;
+
+ --theme-body-color: #FF9F00;
+ --theme-body-color-alt: #A09090;
+ --theme-content-color1: #FF9F00;
+ --theme-content-color2: #A09090;
+ --theme-content-color3: #FF9F00;
+ --theme-content-color4: #9C9CFF;
+ --theme-content-disabled: #8050B0;
+
+ --theme-text-blue: #3333FF;
+ --theme-highlight-green: #008484;
+ --theme-highlight-blue: #9C9CFF;
+ --theme-highlight-bluegrey: #A09090;
+ --theme-highlight-purple: #C09070;
+ --theme-highlight-darkpurple: #6000CF;
+ --theme-highlight-lightorange: #FFCF00;
+ --theme-highlight-orange: #FF9F00;
+ --theme-highlight-red: #FF0000;
+ --theme-highlight-pink: #E7ADE7;
+
+ /* Colors used in Graphs, like performance tools. Mostly similar to some "highlight-*" colors. */
+ --theme-graphs-green: #008484;
+ --theme-graphs-blue: #9C9CFF;
+ --theme-graphs-bluegrey: #C09070;
+ --theme-graphs-purple: #C09070;
+ --theme-graphs-yellow: #FFCF00;
+ --theme-graphs-red: #FF0000;
+ --theme-graphs-grey: #A09090;
+
+ /* Images */
+ --theme-pane-collapse-image: url(chrome://devtools/skin/images/pane-collapse.svg);
+ --theme-pane-expand-image: url(chrome://devtools/skin/images/pane-expand.svg);
+}
*/
#audio-node-toolbar .bypass {
- list-style-image: url(power.svg#power);
+ list-style-image: url(images/power.svg);
}
-#audio-node-toolbar .bypass[disabled] {
- list-style-image: url(power.svg#power-disabled);
-}
-
-#audio-node-toolbar .bypass:not([disabled]):hover,
-#audio-node-toolbar .bypass:hover:active,
-#audio-node-toolbar .bypass[checked] {
- list-style-image: url(power.svg#power-active);
-}
-
-#audio-node-toolbar toolbarbutton[checked] {
- background-color: var(--theme-selection-background); /* Select Highlight Blue */
-}
-
-/* don't invert checked buttons so we can have white icons on light theme */
-#audio-node-toolbar toolbarbutton[checked] > .toolbarbutton-icon {
- filter: none;
-}
-
-
/**
* Responsive Styles
* `.devtools-responsive-container` takes care of most of
+++ /dev/null
-/* 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/. */
-
-window {
- padding: 0;
-}
-
-/*
- * This hardcoded width likely due to a toolkit Windows specific bug.
- * See http://hg.mozilla.org/mozilla-central/annotate/f38d6df93cad/toolkit/themes/winstripe/global/textbox-aero.css#l7
- */
-
-.hud-filter-box {
- width: 200px;
-}
-
-/* === BEGIN webconsole.inc.css === */
-
-/* General output styles */
-
-a {
- -moz-user-focus: normal;
- -moz-user-input: enabled;
- cursor: pointer;
- text-decoration: underline;
-}
-
-/* Workaround for Bug 575675 - FindChildWithRules aRelevantLinkVisited
- * assertion when loading HTML page with links in XUL iframe */
-*:visited { }
-
-.message {
- display: flex;
- flex: none;
- padding: 0 7px;
- width: 100%;
- box-sizing: border-box;
-}
-
-.message > .prefix,
-.message > .timestamp {
- flex: none;
- color: #8050B0;
- margin: 3px 6px 0 0;
-}
-
-.message > .indent {
- flex: none;
-}
-
-.message > .icon {
- flex: none;
- margin: 3px 6px 0 0;
- padding: 0 4px;
- height: 1em;
- align-self: flex-start;
-}
-
-.message > .icon::before {
- content: "";
- background-image: url("chrome://devtools/skin/webconsole.svg");
- background-position: 12px 12px;
- background-repeat: no-repeat;
- background-size: 72px 60px;
- width: 12px;
- height: 12px;
- display: inline-block;
-}
-
-.message > .message-body-wrapper {
- flex: 1 1 100%;
- margin: 3px;
-}
-
-.message-body-wrapper .table-widget-body {
- overflow: visible;
-}
-
-/* The red bubble that shows the number of times a message is repeated */
-.message-repeats {
- -moz-user-select: none;
- flex: none;
- margin: 2px 6px;
- padding: 0 6px;
- height: 1.25em;
- color: #000000;
- background-color: #FF0000;
- border-radius: 40px;
- /* font: message-box; */
- font-size: 0.9em;
- font-weight: 600;
-}
-
-.message-repeats[value="1"] {
- display: none;
-}
-
-.message-location {
- display: flex;
- flex: none;
- align-self: flex-start;
- justify-content: flex-end;
- width: 10em;
- margin-top: 3px;
- color: #3333FF;
- text-decoration: none;
- white-space: nowrap;
-}
-
-.message-location:hover,
-.message-location:focus {
- text-decoration: underline;
-}
-
-.message-location > .filename {
- text-overflow: ellipsis;
- text-align: end;
- overflow: hidden;
- white-space: nowrap;
-}
-
-.message-location > .line-number {
- flex: none;
-}
-
-.hud-msg-node[selected="true"] > .webconsole-timestamp,
-.hud-msg-node[selected="true"] > .webconsole-location {
- color: inherit;
-}
-
-.message-flex-body {
- display: flex;
-}
-
-.message-body > * {
- white-space: pre-wrap;
- word-wrap: break-word;
-}
-
-.message-flex-body > .message-body {
- display: block;
- flex: 1 1 auto;
- vertical-align: middle;
-}
-
-.message-flex-body > .message-location {
- margin-top: 0;
-}
-
-.jsterm-input-container {
- border-top-width: 1px;
- border-top-style: solid;
-}
-
-#output-wrapper {
- direction: ltr;
- overflow: auto;
-}
-
-#output-container {
- -moz-user-select: text;
- -moz-box-flex: 1;
- display: flex;
- flex-direction: column;
- align-items: flex-start;
-}
-
-#output-container.hideTimestamps > .message {
- -moz-padding-start: 0;
- -moz-margin-start: 7px;
- width: calc(100% - 7px);
-}
-
-#output-container.hideTimestamps > .message > .timestamp {
- display: none;
-}
-
-#output-container.hideTimestamps > .message > .indent {
- background-color: var(--theme-body-background);
-}
-
-.filtered-by-type,
-.filtered-by-string {
- display: none;
-}
-
-.hidden-message {
- display: block;
- visibility: hidden;
- height: 0;
- overflow: hidden;
-}
-
-/* WebConsole colored drops */
-
-.hud-console-filter-toolbar toolbarbutton > .toolbarbutton-text {
- padding: 2px 2px 3px;
-}
-
-.webconsole-filter-button {
- -moz-user-focus: normal;
-}
-
-.webconsole-filter-button > .toolbarbutton-menubutton-button:before {
- content: "";
- display: inline-block;
- height: 8px;
- width: 8px;
- border-radius: 50%;
- -moz-margin-start: 2px;
- -moz-margin-end: 2px;
- border-width: 1px;
- border-style: solid;
-}
-
-.webconsole-filter-button > .toolbarbutton-menubutton-button {
- -moz-box-orient: horizontal;
-}
-
-.webconsole-filter-button menuitem {
- -moz-image-region: auto;
-}
-
-.hud-filter-box {
- margin-top: 0;
- margin-bottom: 0;
-}
-
-/* Network styles */
-.webconsole-filter-button[category="net"] > .toolbarbutton-menubutton-button:before {
- background-image: linear-gradient(#BF9B00, #7F6700);
- border-color: #FFCF00;
-}
-
-.message:hover {
- background-color: var(--theme-contrast-background);
-}
-
-.message[severity=error] {
- background-color: #FF0000;
-}
-
-.console-string {
- color: var(--theme-highlight-orange);
-}
-
-.message[severity=error] .console-string {
- color: #000000;
-}
-
-.theme-selected .console-string,
-.theme-selected .cm-number,
-.theme-selected .cm-variable,
-.theme-selected .kind-ArrayLike {
- color: #000000 !important; /* Selection Text Color */
-}
-
-.message[category=network] > .indent {
- -moz-border-end: solid #FF0000 6px;
-}
-
-.message[category=network][severity=error] > .icon::before {
- background-position: -12px 0;
-}
-
-.message[category=network] > .message-body {
- display: flex;
-}
-
-.message[category=network] .method {
- flex: none;
-}
-
-.message[category=network]:not(.navigation-marker) .url {
- flex: 1 1 auto;
- /* Make sure the URL is very small initially, let flex change width as needed. */
- width: 100px;
- min-width: 5em;
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
-}
-
-.message[category=network] .status {
- flex: none;
- -moz-margin-start: 6px;
-}
-
-.message[category=network].mixed-content .url {
- color: #FF0000;
-}
-
-.message .learn-more-link {
- color: #3333FF;
- margin: 0 6px;
-}
-
-.message[category=network] .xhr {
- background-color: var(--theme-body-color-alt);
- color: var(--theme-body-background);
- border-radius: 3px;
- font-weight: bold;
- font-size: 10px;
- padding: 2px;
- line-height: 10px;
- -moz-margin-end: 1ex;
-}
-
-/* CSS styles */
-.webconsole-filter-button[category="css"] > .toolbarbutton-menubutton-button:before {
- background-image: linear-gradient(#7575BF, #4E4E7F);
- border-color: #9C9CFF;
-}
-
-.message[category=cssparser] > .indent {
- -moz-border-end: solid #9C9CFF 6px;
-}
-
-.message[category=cssparser][severity=error] > .icon::before {
- background-position: -12px -12px;
-}
-
-.message[category=cssparser][severity=warn] > .icon::before {
- background-position: -24px -12px;
-}
-
-/* JS styles */
-.webconsole-filter-button[category="js"] > .toolbarbutton-menubutton-button:before {
- background-image: linear-gradient(#BF7700, #7F4F00);
- border-color: #FF9F00;
-}
-
-.message[category=exception] > .indent {
- -moz-border-end: solid #FF9F00 6px;
-}
-
-.message[category=exception][severity=error] > .icon::before {
- background-position: -12px -24px;
-}
-
-.message[category=exception][severity=warn] > .icon::before {
- background-position: -24px -24px;
-}
-
-/* Web Developer styles */
-.webconsole-filter-button[category="logging"] > .toolbarbutton-menubutton-button:before {
- background-image: linear-gradient(#5F3B83, #3F2756);
- border-color: #8050B0;
-}
-
-.message[category=console] > .indent {
- -moz-border-end: solid #8050B0 6px;
-}
-
-.message[category=console][severity=error] > .icon::before,
-.message[category=output][severity=error] > .icon::before,
-.message[category=server][severity=error] > .icon::before {
- background-position: -12px -36px;
-}
-
-.message[category=console][severity=warn] > .icon::before,
-.message[category=server][severity=warn] > .icon::before {
- background-position: -24px -36px;
-}
-
-.message[category=console][severity=info] > .icon::before,
-.message[category=server][severity=info] > .icon::before {
- background-position: -36px -36px;
-}
-
-/* Server Logging Styles */
-
-.webconsole-filter-button[category="server"] > .toolbarbutton-menubutton-button:before {
- background-image: linear-gradient(#006363, #004242);
- border-color: #008484;
-}
-
-.message[category=server] > .indent {
- -moz-border-end: solid #8050B0 6px;
-}
-
-/* Input and output styles */
-.message[category=input] > .indent,
-.message[category=output] > .indent {
- -moz-border-end: solid #A09090 6px;
-}
-
-.message[category=input] > .icon::before {
- background-position: -48px -36px;
-}
-
-.message[category=output] > .icon::before {
- background-position: -60px -36px;
-}
-
-/* JSTerm Styles */
-
-.jsterm-input-node,
-.jsterm-complete-node {
- -moz-padding-start: 16px;
- margin: 3px 0 0 0;
- background-color: transparent;
-}
-
-.jsterm-input-node {
- background-image: -moz-image-rect(url("chrome://devtools/skin/commandline-icon.png"), 0, 32, 16, 16);
- background-repeat: no-repeat;
- background-size: 16px 16px;
-}
-
-@media (min-resolution: 1.1dppx) {
- .jsterm-input-node {
- background-image: -moz-image-rect(url('chrome://devtools/skin/commandline-icon@2x.png'), 0, 64, 32, 32);
- }
-}
-
-:-moz-any(.jsterm-input-node,
- .jsterm-complete-node) > .textbox-input-box > .textbox-textarea {
- overflow-x: hidden;
-}
-
-.inlined-variables-view .message-body {
- display: flex;
- flex-direction: column;
- resize: vertical;
- overflow: auto;
- min-height: 200px;
-}
-
-.inlined-variables-view iframe {
- display: block;
- flex: 1;
- margin-top: 5px;
- margin-bottom: 15px;
- -moz-margin-end: 15px;
- border: 1px solid #9C9CFF;
- border-radius: 4px;
-}
-
-#webconsole-sidebar > tabs {
- height: 0;
- border: none;
-}
-
-.devtools-side-splitter ~ #webconsole-sidebar[hidden] {
- display: none;
-}
-
-/* Security styles */
-
-.message[category=security] > .indent {
- -moz-border-end: solid #FF0000 6px;
-}
-
-.webconsole-filter-button[category="security"] > .toolbarbutton-menubutton-button:before {
- background-color: #FF0000;
- border-color: #FFCF00;
-}
-
-.message[category=security][severity=error] > .icon::before {
- background-position: -12px -48px;
-}
-
-.message[category=security][severity=warn] > .icon::before {
- background-position: -24px -48px;
-}
-
-.navigation-marker {
- color: #000000;
- background-color: #A09090;
- margin-top: 6px;
- margin-bottom: 6px;
- font-size: 0.9em;
-}
-
-.navigation-marker .url {
- -moz-padding-end: 9px;
- text-decoration: none;
-}
-
-.stacktrace {
- display: none;
- list-style: none;
- padding: 0 1em 0 1.5em;
- margin: 5px 0 0 0;
- max-height: 10em;
- overflow-y: auto;
- border: 1px solid #A09090;
- border-radius: 3px;
-}
-
-.consoletable {
- margin: 5px 0 0 0;
-}
-
-.message[severity=error] .stacktrace {
- background-color: #000000;
-}
-
-.message[open] .stacktrace {
- display: block;
-}
-
-.message .theme-twisty {
- display: inline-block;
- vertical-align: middle;
- margin: 0 3px 0 0;
-}
-
-.stacktrace li {
- display: flex;
- margin: 0;
-}
-
-.stacktrace .function {
- display: block;
- flex: 1 1 auto;
-}
-
-.cm-s-mozilla a[class] {
- font-style: italic;
- text-decoration: none;
-}
-
-.cm-s-mozilla a[class]:hover,
-.cm-s-mozilla a[class]:focus {
- text-decoration: underline;
-}
-
-/* Open DOMNode in inspector button */
-.open-inspector {
- background: url("chrome://devtools/skin/images/vview-open-inspector.png") no-repeat 0 0;
- padding-left: 16px;
- margin-left: 5px;
- cursor: pointer;
-}
-
-.elementNode:hover .open-inspector,
-.open-inspector:hover {
- background-position: -32px 0;
-}
-
-.open-inspector:active {
- background-position: -16px 0;
-}
-
-/* Replace these values with CSS variables as available */
-.jsterm-input-container {
- background-color: var(--theme-toolbar-background);
- border-color: var(--theme-splitter-color);
-}
-
-.jsterm-input-node {
- color: var(--theme-highlight-pink);
-}
-
-.jsterm-complete-node {
- color: var(--theme-comment);
-}
-
-.navigation-marker .url {
- background: var(--theme-body-background);
-}
-
-.inlined-variables-view iframe {
- border-color: #A09090;
-}
-
-.stacktrace {
- border-color: #A09090;
-}
-
-@media (max-width: 500px) {
- .message > .timestamp {
- display: none;
- }
- .hud-console-filter-toolbar .webconsole-filter-button .toolbarbutton-text {
- display: none;
- }
- .hud-console-filter-toolbar .webconsole-filter-button {
- min-width: 40px;
- }
- .hud-console-filter-toolbar .webconsole-clear-console-button {
- min-width: 25px;
- }
- .webconsole-filter-button > .toolbarbutton-menubutton-button:before {
- width: 12px;
- height: 12px;
- margin-left: 1px;
- }
- .toolbarbutton-menubutton-dropmarker {
- margin: 0px;
- }
-}
-
-@media (max-width: 300px) {
- .hud-console-filter-toolbar {
- -moz-box-orient: vertical;
- }
- .toolbarbutton-text {
- display: -moz-box;
- }
- /*
- .devtools-toolbarbutton {
- margin-top: 3px;
- }
- .hud-console-filter-toolbar .hud-filter-box,
- .hud-console-filter-toolbar .devtools-toolbarbutton {
- margin-top: 5px;
- }
- */
-}
-
-/* === END webconsole.inc.css === */
}
/* Variables and properties editing */
-
-.variables-view-delete {
- background: url("chrome://devtools/skin/images/vview-delete.png");
- background-size: cover;
+.variables-view-delete,
+.variables-view-edit,
+.variables-view-open-inspector {
width: 16px;
height: 16px;
+ background-size: cover;
+ cursor: pointer;
}
-@media (min-resolution: 1.1dppx) {
- .variables-view-delete {
- background-image: url("chrome://devtools/skin/images/vview-delete@2x.png");
- }
+.variables-view-delete:hover,
+.variables-view-edit:hover,
+.variables-view-open-inspector:hover {
+ filter: url(images/filters.svg#checked-icon-state);
}
-.variables-view-delete:hover {
- background-position: 32px;
+.variables-view-delete:active,
+.variables-view-edit:active,
+.variables-view-open-inspector:active {
+ filter: url(images/filters.svg#checked-icon-state);
}
-.variables-view-delete:active {
- background-position: 16px;
+.variable-or-property:focus > .title > .variables-view-delete,
+.variable-or-property:focus > .title > .variables-view-edit,
+.variable-or-property:focus > .title > .variables-view-open-inspector {
+ filter: none;
}
-.variable-or-property:focus > .title > .variables-view-delete {
-/* background-position: 0px; */
+.variables-view-delete {
+ background-image: url("chrome://devtools/skin/images/vview-delete.png");
+}
+
+@media (min-resolution: 1.1dppx) {
+ .variables-view-delete {
+ background-image: url("chrome://devtools/skin/images/vview-delete@2x.png");
+ }
}
.variables-view-edit {
- background: url("chrome://devtools/skin/images/vview-edit.png");
- background-size: cover;
- width: 16px;
- height: 16px;
- cursor: pointer;
+ background-image: url("chrome://devtools/skin/images/vview-edit.png");
}
@media (min-resolution: 1.1dppx) {
}
}
-.variables-view-edit:hover {
- background-position: 32px;
-}
-
-.variables-view-edit:active {
- background-position: 16px;
-}
-
-.variable-or-property:focus > .title > .variables-view-edit {
-/* background-position: 0px; */
-}
-
.variables-view-open-inspector {
- background: url("chrome://devtools/skin/images/vview-open-inspector.png");
- background-size: cover;
- width: 16px;
- height: 16px;
- cursor: pointer;
-}
-
-.variables-view-open-inspector:hover {
- background-position: 32px;
-}
-
-.variables-view-open-inspector:active {
- background-position: 16px;
-}
-
-.variable-or-property:focus > .title > .variables-view-open-inspector {
-/* background-position: 0px; */
+ background-image: url("chrome://devtools/skin/images/vview-open-inspector.png");
}
/* Variables and properties input boxes */
--- /dev/null
+/* 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/. */
+
+button {
+ line-height: 20px;
+ font-size: 1em;
+ height: 30px;
+ max-height: 30px;
+ min-width: 120px;
+ padding: 3px;
+ color: #000000;
+ border: none;
+ border-radius: 300px;
+ background-color: #C09070;
+ -moz-appearance: none;
+ -moz-border-top-colors: none !important;
+ -moz-border-right-colors: none !important;
+ -moz-border-bottom-colors: none !important;
+ -moz-border-left-colors: none !important;
+}
+
+button:hover {
+ background-color: #FFCF00;
+ cursor: pointer;
+}
+
+button:hover:active {
+ background-color: #FF9F00;
+}
+
+progress {
+ height: 30px;
+ vertical-align: middle;
+ padding: 0;
+ width: 120px;
+}
+
+li {
+ margin: 20px 0;
+}
+
+.name {
+ display: inline-block;
+ min-width: 280px;
+}
+
+.status {
+ display: inline-block;
+ min-width: 120px;
+}
+
+.warning {
+ color: #F06;
+ margin: 0;
+ font-size: 0.9em;
+}
+
+li[status="unknown"],
+li > .uninstall-button,
+li > .install-button,
+li > progress {
+ display: none;
+}
+
+li[status="installed"] > .uninstall-button,
+li[status="uninstalled"] > .install-button,
+li[status="preparing"] > progress,
+li[status="downloading"] > progress,
+li[status="installing"] > progress {
+ display: inline;
+}
+
+li:not([status="uninstalled"]) > .warning {
+ display: none;
+}
--- /dev/null
+/* 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/. */
+
+html, body {
+ background: #000000;
+ color: #FF9F00;
+}
+
+.action {
+ display: inline;
+}
+
+.action[hidden] {
+ display: none;
+}
+
+#device-fields {
+ font-family: sans-serif;
+ padding-left: 6px;
+ width: 100%;
+ table-layout: auto;
+ margin-top: 110px;
+}
+
+#custom-value-name {
+ width: 50%;
+}
+
+header {
+ background-color: #A09090;
+ color: #000000;
+ border-bottom: 1px solid #9C9CFF;
+ position: fixed;
+ top: 0;
+ left: 0;
+ right: 0;
+ height: 90px;
+ padding: 10px 20px;
+}
+
+#device-fields td {
+ background-color: #F9F9F9;
+ border-bottom: 1px solid #CCC;
+ border-right: 1px solid #FFF;
+ font-size: 0.75em;
+}
+
+#device-fields td:first-child {
+ max-width: 250px;
+ min-width: 150px;
+}
+
+#device-fields td.preference-name, #device-fields td.setting-name {
+ width: 50%;
+ min-width: 400px;
+ word-break: break-all;
+}
+
+#device-fields button {
+ display: inline-block;
+ font-family: sans-serif;
+ font-size: 0.7rem;
+ white-space: nowrap;
+}
+
+#device-fields tr.hide, #device-fields button.hide {
+ display: none;
+}
+
+#device-fields .custom-input {
+ width: 130px;
+}
+
+#search {
+ margin-bottom: 20px;
+ width: 100%;
+}
+
+#search-bar {
+ width: 80%;
+}
--- /dev/null
+/* 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/. */
+
+html {
+ font: 11px "Liberation Sans",Arial,Tahoma,Helvetica,sans-serif;
+ font-weight: normal;
+ margin: 0;
+ height: 100%;
+ color: #FF9F00;
+ background-color: #000000;
+}
+
+body {
+ margin: 0;
+ padding: 20px;
+}
+
+.text-input {
+ display: flex;
+}
+
+.text-input input {
+ flex: 0.5;
+ margin-left: 5px;
+}
+
+h1 {
+ font-size: 2em;
+ font-weight: lighter;
+ line-height: 1.2;
+ margin: 0;
+ margin-bottom: .5em;
+}
+
+#controls {
+ float: right;
+ position: relative;
+ top: -10px;
+ right: -10px;
+}
+
+#controls > a {
+ color: #336699;
+ font-size: small;
+ cursor: pointer;
+ border-bottom: 1px dotted;
+ margin-left: 10px;
+}
+
+table {
+ font-family: monospace;
+ border-collapse: collapse;
+}
+
+th, td {
+ padding: 5px;
+ border: 1px solid #9C9CFF;
+}
+
+th {
+ min-width: 100px;
+}
+
+th:first-of-type, td:first-of-type {
+ text-align: left;
+}
+
+li {
+ list-style: none;
+ padding: 2px;
+}
+
+li > label:hover {
+ background-color: rgba(255,204,0,0.02);
+}
+
+li > label > span {
+ display: inline-block;
+}
+
+input, select {
+ box-sizing: border-box;
+}
+
+select {
+ padding-top: 2px;
+ padding-bottom: 2px;
+}
--- /dev/null
+/* 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/. */
+
+body {
+ margin: 0;
+ background-color: #000000;
+ color: #FF9F00;
+ font: 11px "Liberation Sans",Arial,Tahoma,Helvetica,sans-serif;
+}
+
+.hidden {
+ display: none;
+}
+
+h1, h3, p {
+ margin: 0;
+}
+
+#toolbar {
+ background-color: #9C9CFF;
+ border-bottom: 3px solid #000000;
+}
+
+#toolbar > button {
+ -moz-appearance: none;
+ background-color: #000000;
+ border-width: 0 1px 0 0;
+ border-color: #9C9CFF;
+ border-style: solid;
+ margin: 0;
+ padding: 0 12px;
+ font-family: inherit;
+ font-weight: bold;
+ height: 24px;
+}
+
+#toolbar > button:hover {
+ background-color: #FFCF00;
+ cursor: pointer;
+}
+
+#validation_status {
+ float: right;
+ text-transform: uppercase;
+ font-size: 10px;
+ line-height: 24px;
+ padding: 0 12px;
+ color: #000000;
+}
+
+
+header {
+ padding: 20px 0;
+}
+
+header > div {
+ vertical-align: top;
+ display: flex;
+ flex-direction: column;
+}
+
+#icon {
+ height: 48px;
+ width: 48px;
+ float: left;
+ margin: 0 20px;
+}
+
+h1, #type {
+ line-height: 24px;
+ height: 24px; /* avoid collapsing if empty */
+ display: block;
+}
+
+h1 {
+ font-size: 20px;
+ overflow-x: hidden;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+}
+
+#type {
+ font-size: 10px;
+ text-transform: uppercase;
+ color: #A09090;
+}
+
+main {
+ padding-left: 88px;
+}
+
+h3 {
+ color: #9C9CFF;
+ font-size: 10px;
+ font-weight: normal;
+}
+
+main > p {
+ margin-bottom: 20px;
+}
+
+.validation_messages {
+ margin-left: 74px;
+ list-style: none;
+ border-left: 4px solid transparent;
+ padding: 0 10px;
+}
+
+
+body.valid #validation_status {
+ background-color: #008484;
+}
+
+body.warning #validation_status {
+ background-color: #FFCF00;
+}
+
+body.error #validation_status {
+ background-color: #FF0000;
+}
+
+#warningslist {
+ border-color: #FFCF00;
+}
+
+#errorslist {
+ border-color: #FF0000;
+}
+
+#validation_status > span {
+ display: none;
+}
+
+body.valid #validation_status > .valid,
+body.warning #validation_status > .warning,
+body.error #validation_status > .error {
+ display: inline;
+}
--- /dev/null
+html, body {
+ background: var(--theme-body-background);
+ color: var(--theme-body-color);
+}
+
+h1 {
+ font-size: 1.2em;
+}
+
+ul {
+ padding: 0;
+ font-size: 1em;
+}
+
+li {
+ list-style: none;
+ margin: 0;
+}
--- /dev/null
+/* 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/. */
+
+/* Graph */
+.graph {
+ height: 500px;
+ width: 100%;
+ padding-top: 20px;
+ padding-bottom: 20px;
+ margin-bottom: 30px;
+ background-color: #000000;
+}
+.graph > svg, .sidebar {
+ display: inline-block;
+ vertical-align: top;
+}
+.disabled {
+ opacity: 0.5;
+}
+.graph.disabled {
+ height: 30px;
+}
+.graph.disabled > svg {
+ visibility: hidden;
+}
+.curve path, .event-slot line {
+ fill: none;
+ stroke-width: 1.5px;
+}
+.axis line {
+ fill: none;
+ stroke: #000;
+ shape-rendering: crispEdges;
+}
+.axis path {
+ fill: none;
+ stroke: black;
+ stroke-width: 1px;
+ shape-rendering: crispEdges;
+}
+.tick text, .x.ruler text, .y.ruler text {
+ font-size: 0.9em;
+}
+.x.ruler text {
+ text-anchor: middle;
+}
+.y.ruler text {
+ text-anchor: end;
+}
+
+/* Sidebar */
+.sidebar {
+ width: 150px;
+ overflow-x: hidden;
+}
+.sidebar label {
+ cursor: pointer;
+ display: block;
+}
+.sidebar span:not(.color) {
+ vertical-align: 13%;
+}
+.sidebar input {
+ visibility: hidden;
+}
+.sidebar input:hover {
+ visibility: visible;
+}
+.graph-title {
+ margin-top: 5px;
+ font-size: 1.2em;
+}
+.legend-color {
+ display: inline-block;
+ height: 10px;
+ width: 10px;
+ margin-left: 1px;
+ margin-right: 3px;
+}
+.legend-id {
+ font-size: .9em;
+}
+.graph.disabled > .sidebar > .legend {
+ display: none;
+}
--- /dev/null
+/* 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/. */
+
+dialog {
+ -moz-appearance: none;
+ background-color: #000000;
+ font-family: "Liberation Sans",Arial,Tahoma,Helvetica,sans-serif;
+ color: #FF9F00;
+ overflow-y: scroll;
+}
+
+.header-name {
+ font-size: 1.5rem;
+ font-weight: normal;
+ margin: 15px 0;
+}
+
+richlistbox {
+ -moz-appearance: none;
+ overflow-y: auto;
+ border: 1px solid #9C9CFF;
+}
+
+richlistitem {
+ padding: 6px 0;
+}
+
+richlistitem:not([selected="true"]):hover {
+ background-color: rgba(255,204,0,0.04);
+}
+
+richlistitem > vbox > label {
+ margin: 0;
+ font-size: 1.1em;
+}
+
+richlistbox > description {
+ margin: 8px;
+}
+
+richlistitem {
+ -moz-box-align: start;
+}
+
+richlistitem > image {
+ height: 24px;
+ width: 24px;
+ margin: 0 6px;
+}
+
+textbox {
+ font-size: 1.2rem;
+}
--- /dev/null
+/* 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/. */
+
+html {
+ font: "Liberation Sans",Arial,Tahoma,Helvetica,sans-serif;
+ font-size: 11px;
+ font-weight: 400;
+ background-color: #000000;
+ color: #FF9F00;
+}
+
+label,
+.panel-item,
+#project-panel-projects,
+#runtime-panel-projects {
+ display: block;
+ float: left;
+ width: 100%;
+ text-align: left;
+}
+
+.project-image,
+.panel-item span {
+ display: inline-block;
+ float: left;
+ line-height: 20px;
+}
+
+.project-image {
+ margin-right: 10px;
+ max-height: 20px;
+}
+
+.panel-header {
+ color: #9C9CFF;
+ text-transform: uppercase;
+ line-height: 200%;
+ margin: 5px 5px 0 5px;
+ font-weight: 700;
+ width: 100%;
+}
+
+.panel-header:first-child {
+ margin-top: 0;
+}
+
+.panel-header[hidden], .panel-item[hidden] {
+ display: none;
+}
+
+#runtime-panel-simulator,
+.panel-item-complex {
+ clear: both;
+ position: relative;
+}
+
+.panel-item span {
+ display: block;
+ float: left;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ width: 75%;
+ white-space: nowrap;
+}
+
+.panel-item {
+ -moz-appearance: none;
+ -moz-box-align: center;
+ padding: 3%;
+ display: block;
+ width: 94%;
+ cursor: pointer;
+ border-top: 1px solid transparent;
+ border-left: 0;
+ border-bottom: 1px solid #A09090;
+ border-right: 0;
+ background-color: transparent;
+}
+
+button.panel-item {
+ background-position: 5px 5px;
+ background-repeat: no-repeat;
+ background-size: 14px 14px;
+ padding-left: 25px;
+ width: 100%;
+}
+
+.panel-item:disabled {
+ background-color: #8050B0;
+ color: #000000;
+ opacity: 0.5;
+ cursor: default;
+}
+
+.refresh-icon {
+ background-image: url("chrome://devtools/skin/images/reload.svg");
+ height: 14px;
+ width: 14px;
+ border: 0;
+ opacity: 0.6;
+ display: inline-block;
+ margin: 3px;
+ float: right;
+}
+
+.panel-item:not(:disabled):hover,
+button.panel-item:not(:disabled):hover {
+ background-color: #FFCF00;
+ border-top: 1px solid #9C9CFF;
+}
+
+.configure-button {
+ display: inline-block;
+ height: 30px;
+ width: 30px;
+ background-color: transparent;
+ background-image: -moz-image-rect(url("icons.png"), 104, 462, 129, 438);
+ background-position: center center;
+ background-repeat: no-repeat;
+ background-size: 14px 14px;
+ position: absolute;
+ top: -2px;
+ right: 0;
+ border: 0;
+}
+
+.configure-button:hover {
+ cursor: pointer;
+}
+
+.project-panel-item-openpackaged { background-image: -moz-image-rect(url("icons.png"), 260, 438, 286, 412); }
+.runtime-panel-item-simulator { background-image: -moz-image-rect(url("icons.png"), 0, 438, 26, 412); }
+.runtime-panel-item-other { background-image: -moz-image-rect(url("icons.png"), 26, 438, 52, 412); }
+#runtime-permissions { background-image: -moz-image-rect(url("icons.png"), 105, 438, 131, 412); }
+#runtime-screenshot { background-image: -moz-image-rect(url("icons.png"), 131, 438, 156, 412); }
+
+#runtime-preferences,
+#runtime-settings { background-image: -moz-image-rect(url("icons.png"), 105, 464, 131, 438); }
+
+#runtime-panel-nousbdevice,
+#runtime-details { background-image: -moz-image-rect(url("icons.png"), 156, 438, 182, 412); }
+
+.runtime-panel-item-usb,
+#runtime-disconnect { background-image: -moz-image-rect(url("icons.png"), 52, 438, 78, 412); }
+
+.runtime-panel-item-wifi,
+.project-panel-item-openhosted { background-image: -moz-image-rect(url("icons.png"), 208, 438, 234, 412); }
+
+.project-panel-item-newapp,
+#runtime-panel-noadbhelper,
+#runtime-panel-installsimulator { background-image: -moz-image-rect(url("icons.png"), 234, 438, 260, 412); }
--- /dev/null
+/* 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/. */
+
+html, body {
+ background: #000000;
+ color: #FF9F00;
+}
+
+.permissionstable td {
+ text-align: center;
+}
+
+.permallow {
+ color: #008484;
+}
+
+.permprompt {
+ color: #9C9CFF;
+}
+
+.permdeny {
+ color: #FF0000;
+}
--- /dev/null
+/* 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/. */
+
+html, body {
+ background: white;
+}
+
+#devicePrivileges {
+ font-family: monospace;
+ padding-left: 6px;
+}
+
+#devtools-check > a {
+ color: #336699;
+ cursor: pointer;
+}
+
+.action {
+ display: inline;
+}
+
+.action[hidden] {
+ display: none;
+}
--- /dev/null
+/* 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/. */
+
+select:not(.custom) > option[value="custom"] {
+ display: none;
+}
+
+select, input[type="text"] {
+ width: 13rem;
+}
+
+input[name="name"] {
+ height: 1.8rem;
+}
+
+input[type="number"] {
+ width: 6rem;
+}
+
+input[type="text"], input[type="number"] {
+ padding-left: 0.2rem;
+}
+
+li > label:hover {
+ background-color: transparent;
+}
+
+ul {
+ padding-left: 0;
+}
+
+.label {
+ width: 6rem;
+ padding: 0.2rem;
+ text-align: right;
+}
+
+.hidden {
+ display: none;
+}
--- /dev/null
+<!-- 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/. -->
+
+<svg xmlns="http://www.w3.org/2000/svg"
+ width="24" height="24" viewBox="0 0 64 64">
+ <g>
+ <rect x="30" y="4" width="4" height="15" transform="rotate(0, 32, 32)" fill="#FF0000"/>
+ <rect x="30" y="4" width="4" height="15" transform="rotate(30, 32, 32)" fill="#EE0000"/>
+ <rect x="30" y="4" width="4" height="15" transform="rotate(60, 32, 32)" fill="#DD0000"/>
+ <rect x="30" y="4" width="4" height="15" transform="rotate(90, 32, 32)" fill="#AA0000"/>
+ <rect x="30" y="4" width="4" height="15" transform="rotate(120, 32, 32)" fill="#880000"/>
+ <rect x="30" y="4" width="4" height="15" transform="rotate(150, 32, 32)" fill="#660000"/>
+ <rect x="30" y="4" width="4" height="15" transform="rotate(180, 32, 32)" fill="#550000"/>
+ <rect x="30" y="4" width="4" height="15" transform="rotate(210, 32, 32)" fill="#440000"/>
+ <rect x="30" y="4" width="4" height="15" transform="rotate(240, 32, 32)" fill="#330000"/>
+ <rect x="30" y="4" width="4" height="15" transform="rotate(270, 32, 32)" fill="#220000"/>
+ <rect x="30" y="4" width="4" height="15" transform="rotate(300, 32, 32)" fill="#110000"/>
+ <rect x="30" y="4" width="4" height="15" transform="rotate(330, 32, 32)" fill="#000000"/>
+ <animateTransform attributeName="transform" type="rotate" calcMode="discrete" values="0 32 32;30 32 32;60 32 32;90 32 32;120 32 32;150 32 32;180 32 32;210 32 32;240 32 32;270 32 32;300 32 32;330 32 32" dur="0.8s" repeatCount="indefinite"/>
+ </g>
+</svg>
--- /dev/null
+/* 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/. */
+
+/*
+ *
+ * Icons.png:
+ *
+ * actions icons: 100x100. Starts at 0x0.
+ * menu icons: 26x26. Starts at 312x0.
+ * anchors icons: 27x16. Starts at 364x0.
+ *
+ */
+
+#main-toolbar {
+ padding: 0 12px;
+}
+
+#action-buttons-container {
+ -moz-box-pack: center;
+ height: 50px;
+}
+
+#panel-buttons-container {
+ height: 50px;
+ margin-top: -50px;
+ pointer-events: none;
+}
+
+#panel-buttons-container > .panel-button {
+ pointer-events: auto;
+}
+
+#action-busy-undetermined {
+ height: 24px;
+ width: 24px;
+}
+
+window.busy .action-button,
+window:not(.busy) #action-busy,
+window.busy-undetermined #action-busy-determined,
+window.busy-determined #action-busy-undetermined {
+ display: none;
+}
+
+/* Panel buttons - runtime */
+
+#runtime-panel-button > .panel-button-image {
+ list-style-image: url('icons.png');
+ -moz-image-region: rect(78px,438px,104px,412px);
+ width: 13px;
+ height: 13px;
+}
+
+#runtime-panel-button[active="true"] > .panel-button-image {
+ -moz-image-region: rect(78px,464px,104px,438px);
+}
+
+/* Action buttons */
+
+.action-button {
+ -moz-appearance: none;
+ border-width: 0;
+ margin: 0;
+ padding: 0;
+ list-style-image: url('icons.png');
+}
+
+.action-button[disabled="true"] {
+ opacity: 0.4;
+}
+
+.action-button > .toolbarbutton-icon {
+ width: 40px;
+ height: 40px;
+}
+
+.action-button > .toolbarbutton-text {
+ display: none;
+}
+
+#action-button-play { -moz-image-region: rect(0,100px,100px,0) }
+#action-button-stop { -moz-image-region: rect(0,200px,100px,100px) }
+#action-button-debug { -moz-image-region: rect(0,300px,100px,200px) }
+
+#action-button-play:not([disabled="true"]):hover { -moz-image-region: rect(200px,100px,300px,0) }
+#action-button-stop:not([disabled="true"]):hover { -moz-image-region: rect(200px,200px,300px,100px) }
+#action-button-debug:not([disabled="true"]):not([active="true"]):hover { -moz-image-region: rect(200px,300px,300px,200px) }
+
+#action-button-play.reload { -moz-image-region: rect(0,400px,100px,303px) }
+#action-button-play.reload:hover { -moz-image-region: rect(200px,400px,300px,303px) }
+
+#action-button-debug[active="true"] { -moz-image-region: rect(100px,300px,200px,200px) }
+
+/* Panels */
+
+.panel-list {
+ display: none;
+ position: relative;
+ max-width: 190px;
+ overflow: hidden;
+}
+
+#project-listing-panel {
+ max-width: 165px;
+}
+
+.panel-list-wrapper {
+ height: 100%;
+ width: 100%;
+ min-width: 100px;
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ right: 0;
+ left: 0;
+}
+
+.panel-list-wrapper > iframe {
+ height: inherit;
+ width: 100%;
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ right: 0;
+ left: 0;
+}
+
+[sidebar-displayed] {
+ display: block;
+}
+
+/* Main view */
+
+#deck {
+ background-color: #000000;
+ background-image: url('rocket.svg');
+ background-repeat: no-repeat;
+ background-size: 35%, auto;
+ background-position: center center;
+ border-top: 1px solid #A09090;
+}
+
+.devtools-horizontal-splitter {
+ position: relative;
+ border-bottom: 1px solid #9C9CFF;
+}
--- /dev/null
+/* 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/. */
+
+html, body {
+ background: #000000;
+ color: #FF9F00;
+}
+
+body {
+ display: flex;
+ flex-direction: column;
+ height: 90%;
+}
+
+div {
+ margin-bottom: 1em;
+}
+
+#qr-code {
+ flex: 1;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+}
+
+#qr-code-wrapper {
+ flex: 1;
+ width: 100%;
+ margin: 2em 0;
+ text-align: center;
+}
+
+#qr-code img {
+ height: 100%;
+}
+
+.toggle-scanner {
+ color: #008484;
+ font-size: small;
+ cursor: pointer;
+ border-bottom: 1px dotted;
+}
+
+#token {
+ display: none;
+}
+
+body[token] > #token {
+ display: flex;
+ flex-direction: column;
+}
+
+body[token] > #qr-code {
+ display: none;
+}
+
+#token pre,
+#token a {
+ align-self: center;
+}
+
+#qr-size-note {
+ text-align: center
+}
HG_MOZD_DIR=/mnt/mozilla/hg/comm-beta/mozilla
MOZD_HG_OPTIONS=
-MOZD_DIR="devtools/client/themes/"
+MOZD_DIR="devtools/client/themes/ devtools/client/webide/themes/"
MOZD_TAG_PRE=$TAG_PRE_MOZ
MOZD_TAG_POST=$TAG_POST_MOZ
MOZD_NAME_EXTRA=" (devtools)"