From: Robert Kaiser Date: Sun, 12 Mar 2017 18:24:21 +0000 (+0100) Subject: remove devtools and webide theming from LCARStrek due to large rate of churn in devto... X-Git-Tag: LCARStrek-2.49~4 X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=commitdiff_plain;h=bdb9f97982138845069e66497bea0e2c4d0fe455;ds=sidebyside remove devtools and webide theming from LCARStrek due to large rate of churn in devtools and impending end of full themes --- diff --git a/LCARStrek/chrome.manifest b/LCARStrek/chrome.manifest index a2a9f380..343d5ed2 100644 --- a/LCARStrek/chrome.manifest +++ b/LCARStrek/chrome.manifest @@ -10,5 +10,3 @@ skin editor LCARStrek editor/ skin chatzilla LCARStrek chatzilla/ skin inspector LCARStrek inspector/ skin browser LCARStrek browser/ -skin devtools LCARStrek devtools/ -skin webide LCARStrek webide/ diff --git a/LCARStrek/devtools/animationinspector.css b/LCARStrek/devtools/animationinspector.css deleted file mode 100644 index ec8c97af..00000000 --- a/LCARStrek/devtools/animationinspector.css +++ /dev/null @@ -1,623 +0,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/. */ - -/* Animation-inspector specific theme variables */ - -.theme-dark, -.theme-light, -.theme-firebug { - --even-animation-timeline-background-color: rgba(160,144,144,0.03); - --command-pick-image: url(chrome://devtools/skin/images/command-pick.svg); - --pause-image: url(chrome://devtools/skin/images/pause.svg); - --rewind-image: url(chrome://devtools/skin/images/rewind.svg); - --play-image: url(chrome://devtools/skin/images/play.svg); -} - -:root { - /* How high should toolbars be */ - --toolbar-height: 20px; - /* How wide should the sidebar be (should be wide enough to contain long - property names like 'border-bottom-right-radius' without ellipsis) */ - --timeline-sidebar-width: 200px; - /* How high should animations displayed in the timeline be */ - --timeline-animation-height: 20px; - /* The size of a keyframe marker in the keyframes diagram */ - --keyframes-marker-size: 10px; - /* The color of the time graduation borders */ - --time-graduation-border-color: rgba(160, 144, 144, .5); -} - -.animation { - --timeline-border-color: var(--theme-body-color); - --timeline-background-color: var(--theme-splitter-color); -} - -.animation.cssanimation { - --timeline-border-color: var(--theme-highlight-lightorange); - --timeline-background-color: var(--theme-contrast-background); -} - -.animation.csstransition { - --timeline-border-color: var(--theme-highlight-bluegrey); - --timeline-background-color: var(--theme-highlight-blue); -} - -.animation.scriptanimation { - --timeline-border-color: var(--theme-highlight-green); - --timeline-background-color: var(--theme-graphs-green); -} - -html { - height: 100%; -} - -body { - margin: 0; - padding: 0; - display : flex; - flex-direction: column; - height: 100%; - overflow: hidden; - color: var(--theme-content-color3); -} - -/* The top toolbar, containing the toggle-all button. And the timeline toolbar, - containing playback control buttons, shown only when there are animations - displayed in the timeline */ - -#global-toolbar, -#timeline-toolbar { - border-bottom: 1px solid var(--theme-splitter-color); - display: flex; - flex-direction: row; - align-items: center; - justify-content: flex-end; - height: var(--toolbar-height); -} - -#timeline-toolbar { - display: none; - justify-content: flex-start; -} - -[timeline] #global-toolbar { - display: none; -} - -[timeline] #timeline-toolbar { - display: flex; -} - -/* The main animations container */ - -#sidebar-panel-animationinspector { - height: 100%; - width: 100%; -} - -#players { - height: calc(100% - var(--toolbar-height)); - overflow-x: hidden; - overflow-y: auto; -} - -[empty] #players { - display: none; -} - -/* The error message, shown when an invalid/unanimated element is selected */ - -#error-message { - padding-top: 10%; - text-align: center; - flex: 1; - overflow: auto; - - /* The error message is hidden by default */ - display: none; -} - -[empty] #error-message { - display: block; -} - -/* Element picker, toggle-all buttons, timeline pause button, ... */ - -#global-toolbar > *, -#timeline-toolbar > * { - min-height: var(--toolbar-height); - border-color: var(--theme-splitter-color); - border-width: 0 0 0 1px; - display: flex; - justify-content: center; - align-items: center; -} - -#global-toolbar .label, -#timeline-toolbar .label { - padding: 0 5px; - border-style: solid; -} - -#global-toolbar .devtools-button, -#timeline-toolbar .devtools-button { - margin: 0; - padding: 0; -} - -#timeline-toolbar .devtools-button, -#timeline-toolbar .label { - border-width: 0 1px 0 0; -} - -#element-picker { - height: 18px; -} - -#element-picker::before { - background-image: var(--command-pick-image); -} - -.pause-button::before { - background-image: var(--pause-image); -} - -#rewind-timeline::before { - background-image: var(--rewind-image); -} - -.pause-button.paused::before { - background-image: var(--play-image); -} - -#timeline-rate select.devtools-button { - -moz-appearance: none; - text-align: center; - font-family: inherit; - color: var(--theme-body-color); - font-size: 1em; - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - background-image: url("chrome://devtools/skin/images/dropmarker.svg"); - background-repeat: no-repeat; - background-position: calc(100% - 4px) center; - padding-right: 1em; -} - -#timeline-rate { - position: relative; - width: 4.5em; -} - -/* Animation timeline component */ - -.animation-timeline { - position: relative; - display: flex; - flex-direction: column; -} - -/* Useful for positioning animations or keyframes in the timeline */ -.animation-timeline .track-container { - position: absolute; - top: 0; - left: var(--timeline-sidebar-width); - /* Leave the width of a marker right of a track so the 100% markers can be - selected easily */ - right: var(--keyframes-marker-size); - height: var(--timeline-animation-height); -} - -.animation-timeline .scrubber-wrapper { - position: absolute; - left: var(--timeline-sidebar-width); - /* Leave the width of a marker right of a track so the 100% markers can be - selected easily */ - right: var(--keyframes-marker-size); - height: 100%; -} - -.animation-timeline .scrubber { - z-index: 5; - pointer-events: none; - position: absolute; - /* Make the scrubber as tall as the viewport minus the toolbar height and the - header-wrapper's borders */ - height: calc(100vh - var(--toolbar-height) - 1px); - min-height: 100%; - width: 0; - border-right: 1px solid #FF0000; - box-sizing: border-box; -} - -/* The scrubber handle is a transparent element displayed on top of the scrubber - line that allows users to drag it */ -.animation-timeline .scrubber .scrubber-handle { - position: absolute; - height: 100%; - /* Make it thick enough for easy dragging */ - width: 6px; - right: -1.5px; - cursor: col-resize; - pointer-events: all; -} - -.animation-timeline .scrubber .scrubber-handle::before { - content: ""; - position: sticky; - top: 0; - width: 1px; - border-top: 5px solid red; - border-left: 5px solid transparent; - border-right: 5px solid transparent; -} - -.animation-timeline .time-header { - min-height: var(--timeline-animation-height); - cursor: col-resize; - -moz-user-select: none; -} - -.animation-timeline .time-header .header-item { - position: absolute; - height: 100%; - padding-top: 3px; - border-left: 0.5px solid var(--time-graduation-border-color); -} - -.animation-timeline .header-wrapper { - position: sticky; - top: 0; - background-color: var(--theme-body-background); - border-bottom: 1px solid var(--time-graduation-border-color); - z-index: 3; - height: var(--timeline-animation-height); - overflow: hidden; -} - -.animation-timeline .time-body { - height: 100%; -} - -.animation-timeline .time-header .time-tick { - -moz-user-select: none; - position: absolute; - width: 0; - /* When scroll bar is shown, make it covers entire time-body */ - height: 100%; - /* When scroll bar is hidden, make it as tall as the viewport minus the - timeline animation height and the header-wrapper's borders */ - min-height: calc(100vh - var(--timeline-animation-height) - 1px); - border-left: 0.5px solid var(--time-graduation-border-color); -} - -.animation-timeline .animations { - width: 100%; - height: 100%; - padding: 0; - list-style-type: none; - margin-top: 0; -} - -/* Animation block widgets */ - -.animation-timeline .animation { - margin: 2px 0; - height: var(--timeline-animation-height); - position: relative; -} - -/* We want animations' background colors to alternate, but each animation has - a sibling (hidden by default) that contains the animated properties and - keyframes, so we need to alternate every 4 elements. */ -.animation-timeline .animation:nth-child(4n+1) { - background-color: var(--even-animation-timeline-background-color); -} - -.animation-timeline .animation .target { - width: var(--timeline-sidebar-width); - height: 100%; - overflow: hidden; - display: flex; - align-items: center; -} - -.animation-timeline .animation-target { - background-color: transparent; -} - -.animation-timeline .animation .time-block { - cursor: pointer; -} - -/* Animation iterations */ - -.animation-timeline .animation .iterations { - position: absolute; - height: 100%; - box-sizing: border-box; - - /* Iterations of the animation are displayed with a repeating linear-gradient - which size is dynamically changed from JS. The gradient only draws 1px - borders between each iteration. These borders must have the same color as - the border of this element */ - background-image: - linear-gradient(to left, - var(--timeline-border-color) 0, - var(--timeline-border-color) 1px, - transparent 1px, - transparent 2px); - border: 1px solid var(--timeline-border-color); - /* Border-right is already handled by the gradient */ - border-width: 1px 0 1px 1px; - - /* The background color is set independently */ - background-color: var(--timeline-background-color); -} - -.animation-timeline .animation .iterations.infinite::before, -.animation-timeline .animation .iterations.infinite::after { - content: ""; - position: absolute; - top: 0; - right: 0; - width: 0; - height: 0; - border-right: 4px solid var(--theme-body-background); - border-top: 4px solid transparent; - border-bottom: 4px solid transparent; -} - -.animation-timeline .animation .iterations.infinite::after { - bottom: 0; - top: unset; -} - -.animation-timeline .animation .name { - position: absolute; - color: var(--theme-selection-color); - height: 100%; - display: flex; - align-items: center; - padding: 0 2px; - box-sizing: border-box; - --fast-track-icon-width: 15px; - z-index: 1; -} - -.animation-timeline .animation .name div { - /* Flex items don't support text-overflow, so a child div is used */ - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; -} - -.animation-timeline .fast-track .name div { - width: calc(100% - var(--fast-track-icon-width)); -} - -.animation-timeline .fast-track .name::after { - /* Animations running on the compositor have the fast-track background image*/ - content: ""; - display: block; - position: absolute; - top: 1px; - right: 0; - height: 100%; - width: var(--fast-track-icon-width); - z-index: 1; -} - -.animation-timeline .all-properties .name::after { - background-color: white; - clip-path: url(images/animation-fast-track.svg#thunderbolt); - background-repeat: no-repeat; - background-position: center; -} - -.animation-timeline .some-properties .name::after { - background-color: var(--theme-content-color3); - clip-path: url(images/animation-fast-track.svg#thunderbolt); - background-repeat: no-repeat; - background-position: center; -} - -.animation-timeline .animation .delay, -.animation-timeline .animation .end-delay { - position: absolute; - height: 100%; - border: 1px solid var(--timeline-border-color); - box-sizing: border-box; -} - -.animation-timeline .animation .delay { - border-width: 1px 0 1px 1px; - background-image: repeating-linear-gradient(45deg, - transparent, - transparent 1px, - var(--theme-selection-color) 1px, - var(--theme-selection-color) 4px); - background-color: var(--timeline-border-color); -} - -.animation-timeline .animation .end-delay { - border-width: 1px 1px 1px 0; - background-image: repeating-linear-gradient( - -45deg, - transparent, - transparent 3px, - var(--timeline-border-color) 3px, - var(--timeline-border-color) 4px); -} - -.animation-timeline .animation .delay.negative, -.animation-timeline .animation .end-delay.negative { - /* Negative delays are displayed on top of the animation, so they need a - right border. Whereas normal delays are displayed just before the - animation, so there's already the animation's left border that serves as - a separation. */ - border-width: 1px; -} - -/* Animation target node gutter, contains a preview of the dom node */ - -.animation-target { - background-color: var(--theme-toolbar-background); - padding: 0 4px; - box-sizing: border-box; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - cursor: pointer; -} - -.animation-target .attribute-name { - padding-left: 4px; -} - -.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-highlighter:hover { - filter: url(images/filters.svg#checked-icon-state); -} - -.animation-target .node-highlighter:active, -.animation-target .node-highlighter.selected { - filter: url(images/filters.svg#checked-icon-state); -} - -/* Inline keyframes info in the timeline */ - -.animation-timeline .animated-properties:not(.selected) { - display: none; -} - -.animation-timeline .animated-properties { - background-color: var(--theme-selection-background-semitransparent); -} - -.animation-timeline .animated-properties ul { - margin: 0; - padding: 0; - list-style-type: none; -} - -.animation-timeline .animated-properties .property { - height: var(--timeline-animation-height); - position: relative; -} - -.animation-timeline .animated-properties .property:nth-child(2n) { - background-color: var(--even-animation-timeline-background-color); -} - -.animation-timeline .animated-properties .name { - width: var(--timeline-sidebar-width); - padding-right: var(--keyframes-marker-size); - box-sizing: border-box; - height: 100%; - color: var(--theme-body-color-alt); - white-space: nowrap; - display: flex; - justify-content: flex-end; - align-items: center; -} - -.animation-timeline .animated-properties .name div { - overflow: hidden; - text-overflow: ellipsis; -} - -.animated-properties.cssanimation { - --background-color: var(--theme-contrast-background); -} - -.animated-properties.csstransition { - --background-color: var(--theme-highlight-blue); -} - -.animated-properties.scriptanimation { - --background-color: var(--theme-graphs-green); -} - -.animation-timeline .animated-properties .oncompositor::before { - content: ""; - display: inline-block; - width: 17px; - height: 17px; - background-color: var(--background-color); - clip-path: url(images/animation-fast-track.svg#thunderbolt); - vertical-align: middle; -} - -.animation-timeline .animated-properties .warning { - text-decoration: underline dotted; -} - -.animation-timeline .animated-properties .frames { - /* The frames list is absolutely positioned and the left and width properties - are dynamically set from javascript to match the animation's startTime and - duration */ - position: absolute; - top: 0; - height: 100%; - /* Using flexbox to vertically center the frames */ - display: flex; - align-items: center; -} - -/* Keyframes diagram, displayed below the timeline, inside the animation-details - element. */ - -.keyframes { - /* Actual keyframe markers are positioned absolutely within this container and - their position is relative to its size (we know the offset of each frame - in percentage) */ - position: relative; - width: 100%; - height: 0; -} - -.keyframes.cssanimation { - background-color: var(--theme-contrast-background); -} - -.keyframes.csstransition { - background-color: var(--theme-highlight-blue); -} - -.keyframes.scriptanimation { - background-color: var(--theme-graphs-green); -} - -.keyframes .frame { - position: absolute; - top: 0; - width: 0; - height: 0; - background-color: inherit; - cursor: pointer; -} - -.keyframes .frame::before { - content: ""; - display: block; - transform: - translateX(calc(var(--keyframes-marker-size) * -.5)) - /* The extra pixel on the Y axis is so that markers are centered on the - horizontal line in the keyframes diagram. */ - translateY(calc(var(--keyframes-marker-size) * -.5 + 1px)); - width: var(--keyframes-marker-size); - height: var(--keyframes-marker-size); - border-radius: 100%; - background-color: inherit; -} diff --git a/LCARStrek/devtools/app-manager/add.svg b/LCARStrek/devtools/app-manager/add.svg deleted file mode 100644 index 4d99d86b..00000000 --- a/LCARStrek/devtools/app-manager/add.svg +++ /dev/null @@ -1,7 +0,0 @@ - - - - - diff --git a/LCARStrek/devtools/app-manager/connection-footer.css b/LCARStrek/devtools/app-manager/connection-footer.css deleted file mode 100644 index b920516e..00000000 --- a/LCARStrek/devtools/app-manager/connection-footer.css +++ /dev/null @@ -1,229 +0,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/. */ - -/************** LAYOUT **************/ - -#connection-footer { - display: flex; - flex-direction: column; - height: 50px; -} - -#banners-and-logs { - display: flex; - flex-grow: 1; -} - -#logs { - display: flex; - width: 40%; - padding: 0; - width: 100%; -} - -.banner { - display: none; - width: 60%; -} - -#connection-footer[status="connected"] #banner-connected, -#connection-footer[status="connecting"] #banner-connecting, -#connection-footer[status="disconnected"] #banner-disconnected, -#connection-footer[status="disconnecting"] #banner-disconnecting { - display: flex; -} - -body.show-simulators .banner, -body.edit-connection .banner { - display: none !important; -} - -body.show-simulators #banner-simulators, -body.edit-connection #banner-editing { - display: flex !important; -} - -#banner-logs { - width: 40%; - display: flex; -} - -#logs > pre { - overflow: auto; - white-space: pre-line; -} - -#status.banner-box { - width: 100% !important; -} - -.banner-box { - display: flex; - flex-direction: column; - justify-content: center; - width: 100%; -} - -#banner-connected > .banner-box { - align-items: flex-start; -} - -#start-simulator-box { - display: inline; -} - -/************** PIXELS **************/ - -* { - margin: 0; - padding: 0; - box-sizing: border-box; - font-size: 0.9rem; -} - -body { - color: #FF9F00; - background-color: #000000; - font-family: "Liberation Sans",Arial,Tahoma,Helvetica,sans-serif; -} - -button { - background-color: #C09070; - color: #000000; - border: none; - cursor: pointer; - border-radius: 300px; - padding-top: 1px; - padding-bottom: 2px; - padding-inline-start: .5em; - padding-inline-end: calc(.5em + 1px); -} - -button.left { - margin-right: 0px; - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} - -button.right { - margin-left: -6px; - border-top-left-radius: 0; - border-bottom-left-radius: 0; -} - -button.action-primary { - background-color: #A06060; -} - -button.action-cancel { -} - -button:hover, -button.action-primary:hover { - background-color: #FFCF00; - color: #000000; -} - -button:hover:active { - padding-top: 2px; - padding-bottom: 1px; - padding-inline-start: calc(.5em + 1px); - padding-inline-end: .5em; -} - -#banners-and-logs { -/* border-top: #9C9CFF solid;*/ - border-width: 1px 0; -/* background: linear-gradient(to bottom, #323A42, #29313A); - color: #A8BABF;*/ -} - -#status { -/* background: linear-gradient(to bottom, #454F59, #404952); - box-shadow: inset 0 0 1px #606D78, inset 0 1px 0 #5E6973;*/ -} - -#logs > pre { - border: 1px solid #A09090; - font-size: 10px; - background: #000000; - padding: 5px; - height: 100%; - padding-left: 20px; - position: relative; -} - -#logs > pre span{ - color: #9C9CFF; - position: fixed; - right: calc(30% - 15px); - bottom: -1px; -} - -#logs > pre b { - font-size: 10px; - color: #A09090; -} - -.banner-box { -/* border-right: 1px solid #111; - background-position: center right; - background-size: 1px 100%; - background-repeat: no-repeat;*/ - padding: 10px 20px; - position: relative; -} - -.connected-status { - color: #9C9CFF; - padding-bottom: 10px; -} - -.connected-status { - font-size: 150%; - top: 10%; - padding-right: 3px; - position: relative; -} - -.connected-indicator { - border-radius: 300px; - height: 100%; - flex: 0 0 10px; -} - -#banner-connected .connected-indicator, -#banner-connecting .connected-indicator { - background-color: #008484; -} - -#banner-simulators .connected-indicator, -#banner-disconnected .connected-indicator, -#banner-editing .connected-indicator, -#banner-disconnecting .connected-indicator { - background-color: #A09090; -} - -#banner-simulators .banner-content > * { - display: inline-block; -} - -#banner-simulators[simulator-count="0"] .found-simulator, -#banner-simulators:not([simulator-count="0"]) .no-simulator { - display: none; -} - -#connection-no-device, -[device-count="0"] > #connection-found-device, -#connection-manual, -#connection-assisted { - display: none; -} - -#connection-found-device, -[device-count="0"] > #connection-no-device, -[adb-available="true"] > #connection-assisted, -[adb-available="false"] > #connection-manual { - display: inline; -} diff --git a/LCARStrek/devtools/app-manager/device.css b/LCARStrek/devtools/app-manager/device.css deleted file mode 100644 index 77c70eb6..00000000 --- a/LCARStrek/devtools/app-manager/device.css +++ /dev/null @@ -1,410 +0,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/. */ - -/***************** GENERAL *****************/ - -* { - margin: 0; - padding: 0; - box-sizing: border-box; -} - -html, body { - height: 100%; -} - -body { - font-size: 0.9rem; - color: #FF9F00; - background-color: #000000; - font-family: "Liberation Sans",Arial,Tahoma,Helvetica,sans-serif; - display: flex; - flex-direction: column; -} - -template { - display: none; -} - -h1 { - font-size: 20px; -} - -#content { - display: flex; - flex-direction: row; - height: 100%; - overflow: hidden; -} - -#detail { - display: flex; - flex-grow: 1; - z-index: 1; - overflow: hidden; -} - -#meta { - background-size: 100%; - padding-top: 50px; -} - -#connection-footer { - border-width: 0; - height: 50px; - min-height: 50px; -} - -#root-actor-debug { - background: #000000; -} - - - -/***************** APP BUTTONS *****************/ - - - -.app-buttons { - display: block; - margin-left: 20px; - color: #FF9F00; -} - -button { - margin: 0; - font-size: 11px; - padding: 5px 15px; - cursor: pointer; - background-color: #C09070; - text-transform: uppercase; - border-radius: 300px; - border-width: 1px; -} - -.app-buttons > button { - display: none; -} - -.app-buttons > button:not([disabled]):hover { - background-color: #FFCF00; - color: #000000; -} - -.app-buttons > button[disabled] { - background-color: #402858; - color: #000000; - pointer-events: none; -} - -.app[running="false"] > .app-buttons > .button-start, -.app[running="true"] > .app-buttons > .button-stop, -.app[running="true"] > .app-buttons > .button-debug { - display: inline-block; -} -/* -.button-debug { - color: #3498DB; -} - -.button-debug:hover { - background-color: #3498DB; - color: #FFF; -} - -.button-debug[disabled] { - color: #3498DB; -} - -.button-start { - color: #18BC9C -} - -.button-start:hover { - background-color: #18BC9C; - color: #FFF; -} - -.button-start[disabled] { - color: #18BC9C -} - -.button-stop { - color: #E74C3C; -} - -.button-stop:hover { - background-color: #E74C3C; - color: #FFF; -} - -.button-stop[disabled] { - color: #E74C3C; -} -*/ - - -/***************** PERMISSIONS *****************/ - - - - -.permission-table { - display: flex; - flex-direction: column; - height: 100%; -} - -.permission-table-body { - overflow: auto; - display: flex; - flex-grow: 1; - flex-direction: column; -} - -.permission-table-header, -.permission-table-footer { - display: flex; - background: #000000; - border-top: 1px solid #9C9CFF; - z-index: 2; - flex-shrink: 0; -} - -.permission-table-header > div, -.permission-table-footer > div { - z-index: 2; - flex-grow: 1; - background-color: #000000; - color: #FF9F00; - border: 0; - margin: auto 0; - padding: 5px; - text-align: center; - background: transparent; - box-shadow: none; - text-shadow: none; -} - -.permission-table-header > div { - flex-basis: 20%; -} - -.permission-table-header > div:first-child { - text-align: start; - padding-left: 10px; - flex-basis: 30%; -} - -.permission-table-header { - border: 0; - border-bottom: 1px solid #9C9CFF; -/* box-shadow: 0 1px 4px rgba(0,0,0,0.3);*/ -} - -.permission-table-footer { -/* box-shadow: 0 -1px 4px rgba(0,0,0,0.3);*/ -} - -.permission { - display: flex; - flex-grow: 1; -} - -.permission:nth-child(odd) { - background-color: #404000; -} - -.permission:hover { - background-color: #FFCF00; - color: #000000; -} - -.permission > div { - flex-grow: 1; - flex-basis: 20%; - text-align: center; - padding: 3px; - border-right: 1px solid #9C9CFF; - border-bottom: 1px solid #9C9CFF; -} - -.permission > div:first-child { - text-align: start; - padding: 3px 10px; - flex-basis: 30%; - font-weight: bold; -} - -.permission > div[permission="1"]:before, .allow-label:after { - color: #008484; - content: ' \2713'; -} - -.permission > div[permission="2"]:before, .deny-label:after { - color: #FF0000; - content: ' \2715'; -} - -.permission > div[permission="3"]:before, .prompt-label:after { - color: #9C9CFF; - content: ' !'; -} - - - - -/***************** SIDEBAR *****************/ - - - - -#sidebar { - background: #000000; - position: relative; - display: flex; - flex-direction: column; - flex: 0 0 350px; - overflow: hidden; - z-index: 100; -} - -.sidebar-item { - background-color: #000000; - color: #FF9F00; - line-height: 120%; - cursor: pointer; - display: flex; - padding: 15px 10px; - display: block; - text-align: start; - flex-grow: 1; -} - -.sidebar-item > * { - flex-shrink: 0; -} - -.sidebar-item:hover, -.sidebar-item.selected:hover { - background-color: #FFCF00; - color: #000000 -} - -.sidebar-item.selected { - background-color: #008484; - color: #000000; -} - -.help { - float: right; - padding: 0 5px; -} - -/***************** HEADER *****************/ - -header { - padding-top: 140px; - color: #9C9CFF; - padding: 10px; -} - - - -/***************** APPS & BROWSER TABS *****************/ - - - -.browser-tabs.hidden { - display: none; -} - -.apps, .browser-tabs { - display: flex; - flex-direction: column; - overflow: auto; -} - -.app, .browser-tab { - display: flex; - align-items: center; - order: 1; -} - -.app-name, .browser-tab-details { - flex-grow: 1; - font-weight: bold; -} - -.app, .browser-tab { - padding: 10px 20px; - border-bottom: 1px solid #9C9CFF; -} - -.app:hover, .browser-tab:hover { - background-color: #404000; -} - -.app-icon { - width: 32px; - height: 32px; - margin-right: 10px; -} - -.browser-tab-url-subheading { - font-size: 10px; -} - - - -/***************** NOT CONNECTED *****************/ - - - -body:not(.notconnected) > #notConnectedMessage, -body.notconnected > #content { - display: none; -} - -#notConnectedMessage { - flex-grow: 1; - flex-direction: column; - margin: 50px auto; -} - -#notConnectedMessage > span { - padding: 20px; - border: 1px solid #9C9CFF; - border-radius: 5px; -} - -#notConnectedMessage > span:before { - content: ''; - background: url('error.svg') no-repeat; - background-size: 18px; - height: 24px; - width: 24px; - position: relative; - top: 10px; - display: inline-block; -} - - - -/***************** TABS *****************/ - -#tabs { - flex-grow: 1; - overflow: auto; -} - -.tabpanel:not(.selected) { - display: none; -} - -#tabs-headers { - flex-shrink: 0; - display: flex; - flex-direction: column; -} diff --git a/LCARStrek/devtools/app-manager/error.svg b/LCARStrek/devtools/app-manager/error.svg deleted file mode 100644 index 0bf23a29..00000000 --- a/LCARStrek/devtools/app-manager/error.svg +++ /dev/null @@ -1,7 +0,0 @@ - - - - - diff --git a/LCARStrek/devtools/app-manager/help.css b/LCARStrek/devtools/app-manager/help.css deleted file mode 100644 index 892eacb3..00000000 --- a/LCARStrek/devtools/app-manager/help.css +++ /dev/null @@ -1,51 +0,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/. */ - -html, body { - margin: 0; - height: 100%; -} - -body { - color: #FF9F00; - font-family: "Liberation Sans",Arial,Tahoma,Helvetica,sans-serif; - overflow: hidden; - max-width: 600px; - margin: auto; - padding: 20px 0; - background-color: #000000; -} - -button { - border: none; - border-radius: 300px; - padding-top: 1px; - padding-bottom: 2px; - padding-inline-start: .5em; - padding-inline-end: calc(.5em + 1px); - cursor: pointer; - background-color: #C09070; - text-transform: uppercase; - color: #000000; -} - -button:hover { - background-color: #FFCF00; - color: #000000; -} - -button:hover:active { - padding-top: 2px; - padding-bottom: 1px; - padding-inline-start: calc(.5em + 1px); - padding-inline-end: .5em; -} - -a, a:visited { - color: #3333FF; -} - -#close-button { - float: right; -} diff --git a/LCARStrek/devtools/app-manager/index-icons.svg b/LCARStrek/devtools/app-manager/index-icons.svg deleted file mode 100644 index bddd72d7..00000000 --- a/LCARStrek/devtools/app-manager/index-icons.svg +++ /dev/null @@ -1,18 +0,0 @@ - - - - - - - - - - - - - - - - diff --git a/LCARStrek/devtools/app-manager/index.css b/LCARStrek/devtools/app-manager/index.css deleted file mode 100644 index a195f8e3..00000000 --- a/LCARStrek/devtools/app-manager/index.css +++ /dev/null @@ -1,105 +0,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/. */ - -* { - margin: 0; - padding: 0; - box-sizing: border-box; - font-family: Lucida Grande, Helvetica, Helvetica Neue, sans-serif; -} - -#tabs { - background: #000000; - padding-inline-end: 3px; -} - -#toolbox-tabs { - overflow-y: auto; -} - -.button { - width: 80px; - height: 85px; - padding-bottom: 5px; - -moz-appearance: none; - border: none; - background-color: #C09070; - color: #000000; - cursor: pointer; - text-align: center; - -moz-box-align: end; - font-size: 10px; -} - -.button:first-child { - border-top: none; -} - -.button:hover, -.button[selected]:hover { - color: #000000; - background-color: #FFCF00; -} - -.button[selected] { - color: #FFCF00; - background-color: #008484; -} - -.button::-moz-focus-inner { - border-width: 0; -} - -.panel { - border-width: 0; -} - -.panel:not([selected="true"]) { - display: none; -} - -.button.toolbox { - background-repeat: no-repeat; - background-position: center 15px; - background-size: 40px 40px; -} - -.projects-button { - background-image: url('chrome://devtools/skin/app-manager/index-icons.svg'); - background-repeat: no-repeat; - background-position: left -5px; -} - -.projects-button[selected]:not(:hover) { - background-position: right -5px; -} - -.device-button { - background-image: url('chrome://devtools/skin/app-manager/index-icons.svg'); - background-position: left -85px, top left; - background-repeat: no-repeat, no-repeat; - background-size: 160px 240px, 2px 80px; -} - -.device-button[selected]:not(:hover) { - background-position: right -85px, top left; -} - -.help-button { - border-bottom: 0; - background-image: url('chrome://devtools/skin/app-manager/index-icons.svg'); - background-position: left -165px, top left; - background-repeat: no-repeat, no-repeat; - background-size: 160px 240px, 2px 80px; -} - -.help-button[selected]:not(:hover) { - background-position: right -165px, top left; -} - -#connection-footer { - border-width: 0; - height: 50px; - min-height: 50px; -} diff --git a/LCARStrek/devtools/app-manager/plus.svg b/LCARStrek/devtools/app-manager/plus.svg deleted file mode 100644 index 13caa7b2..00000000 --- a/LCARStrek/devtools/app-manager/plus.svg +++ /dev/null @@ -1,7 +0,0 @@ - - - - - diff --git a/LCARStrek/devtools/app-manager/projects.css b/LCARStrek/devtools/app-manager/projects.css deleted file mode 100644 index c3a7f431..00000000 --- a/LCARStrek/devtools/app-manager/projects.css +++ /dev/null @@ -1,596 +0,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/. */ - -* { - margin: 0; - padding: 0; - box-sizing: border-box; - font-size: 0.9rem; -} - -html, body { - height: 100%; -} - -template { - display: none; -} - -body { - display: flex; - color: #FF9F00; - background-color: #000000; - font-family: "Liberation Sans",Arial,Tahoma,Helvetica,sans-serif; - overflow: hidden; -} - -body:not(.connected) button.device-action { - display: none; -} - -strong { - color: #FFCF00; -} - - -/********* SIDEBAR ***********/ - - - -#sidebar { - display: flex; - flex-direction: column; - flex: 0 0 350px; - overflow: hidden; - z-index: 100; - background-color: #000000; - position: relative; - border-right: 1px solid #9C9CFF; -} - -#project-list { - height: 100%; - overflow: auto; -} - -#project-list:not([projects-count="0"]) > #no-project { - display: none; -} - -#no-project { - padding: 100px 20px 0; - font-weight: bold; - color: #A09090; - font-size: 22px; -} - - -/********* PROJECT MENU ***********/ - - -.project-item { - padding: 10px 0; - background-color: #000000; - border-top: 1px solid #9C9CFF; - color: #FF9F00; - line-height: 120%; - cursor: pointer; - display: flex; - position: relative; -} - -.project-item:hover { - background-color: #FFCF00; - color: #000000; -} - -.project-item:hover strong, -.project-item:hover p, -.project-item:hover span { - color: #000000; -} - -.project-item > * { - flex-shrink: 0; -} - -.project-item.selected { - background-color: #008484; -} - -.project-item.selected strong { - color: #FFCF00; -} - -.project-item.selected p, -.project-item.selected span { - color: #000000; -} - -.button-remove { - background-image: url('remove.svg'); - background-size: 20px; - width: 20px; - height: 20px; - position: absolute; - right: 5px; - bottom: 5px; - visibility: hidden; -} - -.project-item:hover .button-remove { - visibility: visible; -} - -.project-item-status { - width: 6px; - margin: -10px 0; - border-right: 1px solid #9C9CFF; -} - -.project-item-status[status="valid"] { - background-color: #008484; -} - -.project-item-status[status~="warning"] { - background-color: #FFCF00; -} - -.project-item-status[status~="error"] { - background-color: #FF0000; -} - -.project-item-icon { - width: 32px; - height: 32px; - margin: 0 10px; -} - -.project-item-meta { - flex-grow: 1; - flex-shrink: 1 !important; -} - -.project-item-type { - font-size: 10px; - line-height: 20px; - float: right; - padding-right: 10px; - color: #9C9CFF; - text-transform: uppercase; -} - -.project-item-description { - color: #A09090; - font-size: 90%; -} - -/********* ADD PROJECT ***********/ - -#new-packaged-project { - background-position: calc(100% - 10px) 10px; -} - -#new-packaged-project, -#new-hosted-project { - background-color: #000000; - border: none; - border-top: 1px solid #9C9CFF; - padding: 10px; - font-weight: bold; -} - -#new-packaged-project:hover, -#new-hosted-project:hover { - background-color: #FFCF00; - color: #000000; -} - -#new-hosted-project-wrapper { - display: flex; - align-items: center; -} - -#new-packaged-project, -#new-hosted-project-click { - background-image: url('plus.svg'); - background-size: 20px; - background-repeat: no-repeat; - cursor: pointer; -} - -#new-hosted-project-click { - background-position: top right; - width: 20px; - height: 20px; - margin-left: 5px; -} - -#url-input { - flex-grow: 1; - width: 90%; - box-shadow: none; - border-radius: 3px; - border: 1px solid #9C9CFF; - padding: 4px; - margin-top: 4px; -} - - -/********* LENSE ***********/ - - -#lense { - height: 100%; - flex-grow: 1; - display: flex; - z-index: 1; - overflow: hidden; - background-color: #000000; - background-image: url('rocket.svg'); - background-repeat: no-repeat, repeat; - background-size: 35%, auto; - background-position: center center, top left; -} - -#lense > div { - display: flex; - flex-grow: 1; - flex-direction: column; -} - - -/********* PROJECT ***********/ - - -.project-details { - background-color: #000000; - padding: 10px; - line-height: 160%; - display: flex; - flex-direction: column; -} - -.project-metadata { - flex-grow: 1; -} - -.project-status { - display: flex; -} - -.project-title { - flex-direction: row; - display: flex; - align-items: flex-start; - padding-bottom: 10px; - border-bottom: 1px solid #A09090; - margin-bottom: 10px; -} - -.project-title > h1 { - flex-grow: 1; - font-size: 24px; -} - -.project-location { - color: gray; - font-size: 10px; - cursor: pointer; - font-family: monospace; -} - -.project-location:hover { - text-decoration: underline; -} - -.project-header { - display: flex; - border-bottom: 1px solid #A09090; - margin: 10px 20px 10px 20px; - padding-bottom: 10px; -} - -.project-icon { - flex-shrink: 0; - width: 64px; - height: 64px; - margin-right: 10px; -} - -.project-location { - font-size: 11px; - color: #9C9CFF; -} - -.project-description { - font-style: italic; - color: #A09090; -} - -.project-status > p { - text-transform: uppercase; - font-size: 10px; - padding: 2px 10px; - border-radius: 2px; - margin-top: 6px; - line-height: 10px; -} - -.project-validation { - color: #000000; - display: none; - margin-left: 10px; -} - -.project-validation.valid { - background-color: #008484; -} - -.project-validation.warning { - background-color: #FF9F00; -} - -.project-validation.error { - background-color: #FF0000; -} - -[status="valid"] > .project-validation.valid, -[status~="warning"] > .project-validation.warning, -[status~="error"] > .project-validation.error { - display: inline; -} - -.project-type { - display: none; - margin-left: 10px; -} -[type="hosted"] > .project-type.hosted, -[type="packaged"] > .project-type.packaged { - display: inline; -} - - -/********* PROJECT BUTTONS ***********/ - - - -.project-buttons { - display: flex; - margin-left: 20px; - color: #FF9F00; -} - -.project-buttons > button { - margin: 0; - font-size: 11px; - border-left-width: 0; - padding-top: 1px; - padding-bottom: 2px; - padding-inline-start: .5em; - padding-inline-end: calc(.5em + 1px); - border: none; - border-radius: 300px; - cursor: pointer; - background-color: #C09070; - text-transform: uppercase; -} - -.project-buttons > button:hover:active { - padding-top: 2px; - padding-bottom: 1px; - padding-inline-start: calc(.5em + 1px); - padding-inline-end: .5em; -} - -.project-buttons > button:not([disabled]):hover { - background-color: #FFCF00; - color: #000000; -} - -.project-buttons > button[disabled] { - background-color: #402858; - color: #000000; - pointer-events: none; -} - -.project-buttons > button:first-child { - border-left-width: 1px; -} -/* -.project-button-debug { - color: #3498DB; -} - -.project-button-debug:hover { - background-color: #3498DB; - color: #FFF; -} - -.project-button-debug[disabled] { - color: #3498DB; -} - -.project-button-update { - color: #777; -} - -.project-button-update:hover { - background-color: #777; - color: #FFF; -} - -.project-button-update[disabled] { - color: #777; -} -*/ - - -/********* ERRORS AND WARNINGS ***********/ - -.project-warnings, -.project-errors, -.project-item-warnings, -.project-item-errors { - display: none; -} - -[status~="warning"] .project-item-warnings, -[status~="error"] .project-item-errors { - display: inline-block; -} - -[status~="warning"] > .project-warnings, -[status~="error"] > .project-errors { - display: block; -} - -.project-warnings, -.project-errors { - margin: 20px 20px 0; - padding: 10px 10px; - font-family: monospace; - color: #000000; -} - -.project-warnings { - border-left: 3px solid #9C9CFF; - background-color: #FF9F00; -} - -.project-errors { - border-left: 3px solid #9C9CFF; - background-color: #FF0000; -} - -.project-item-warnings { - background-image: url('warning.svg'); - color: #FFCF00; -} - -.project-item-errors { - background-image: url('error.svg'); - color: #FF0000; -} - -.project-item-warnings, -.project-item-errors { - background-repeat: no-repeat; - background-size: 12px; - background-position: left center; - margin-top: 6px; -} - -.project-item-warnings > span, -.project-item-errors > span { - font-size: 11px; - padding-left: 16px; - font-weight: bold; -} - - -/********* MANIFEST EDITOR ***********/ - -.manifest-editor { - display: flex; - flex-direction: column; - flex-grow: 1; - background-color: #000000; -} - -.manifest-header { - display: flex; - flex-direction: row; -} - -.manifest-header > h2 { - font-size: 18px; - margin: 1em 15px 1em 30px; - display: none; -} - -.manifest-header > button { - margin: 18px 0; - font-size: 11px; - border-right-width: 0; - padding-top: 1px; - padding-bottom: 2px; - padding-inline-start: .5em; - padding-inline-end: calc(.5em + 1px); - border: none; - border-radius: 300px; - cursor: pointer; - background-color: #C09070; - text-transform: uppercase; - display: none; -} - -.manifest-header > button:hover:active { - padding-top: 2px; - padding-bottom: 1px; - padding-inline-start: calc(.5em + 1px); - padding-inline-end: .5em; -} - -.manifest-header > button:not([disabled]):hover { - background-color: #FFCF00; - color: #000000; -} - -.manifest-header > button[disabled] { - background-color: #402858; - color: #000000; - pointer-events: none; -} - -.manifest-header > button:last-child { - border-right-width: 1px; -} - -[type="packaged"] > .editable { - display: block; -} - -[type="hosted"] > .viewable { - display: block; -} -/* -.manifest-button-save { - color: #777; -} - -.manifest-button-save:hover { - background-color: #777; - color: #FFF; -} - -.manifest-button-save[disabled] { - color: #777; -} -*/ -.variables-view { - flex-grow: 1; - border: 0; - border-top: 5px solid #9C9CFF; -} - -/* Bug 925921: Remove when the manifest editor is always on */ - -.manifest-editor { - display: none; -} - -.project-details { - flex-grow: 1; -} - -#lense[manifest-editable] .manifest-editor { - display: flex; -} - -#lense[manifest-editable] .project-details { - flex-grow: 0; -} - -/* End blocks to remove */ diff --git a/LCARStrek/devtools/app-manager/remove.svg b/LCARStrek/devtools/app-manager/remove.svg deleted file mode 100644 index b11512b0..00000000 --- a/LCARStrek/devtools/app-manager/remove.svg +++ /dev/null @@ -1,7 +0,0 @@ - - - - - diff --git a/LCARStrek/devtools/app-manager/warning.svg b/LCARStrek/devtools/app-manager/warning.svg deleted file mode 100644 index 14393dbc..00000000 --- a/LCARStrek/devtools/app-manager/warning.svg +++ /dev/null @@ -1,7 +0,0 @@ - - - - - diff --git a/LCARStrek/devtools/boxmodel.css b/LCARStrek/devtools/boxmodel.css deleted file mode 100644 index 11128eba..00000000 --- a/LCARStrek/devtools/boxmodel.css +++ /dev/null @@ -1,260 +0,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/ */ - -@import url(variables.css); /* No idea why this is needed but we get error messages without it */ - -#boxmodel-wrapper { - border-bottom-style: solid; - border-bottom-width: 1px; - border-color: var(--theme-splitter-color); -} - -#boxmodel-container { - /* The view will grow bigger as the window gets resized, until 400px */ - max-width: 400px; - margin: 0px auto; - padding: 0; -} - -/* Header */ - -#boxmodel-header, -#boxmodel-info { - display: flex; - align-items: center; - padding: 4px 17px; -} - -#layout-geometry-editor { - visibility: hidden; -} - -#layout-geometry-editor::before { - background: url(images/geometry-editor.svg) no-repeat center center / 16px 16px; -} - -/* Main: contains the box-model regions */ - -#boxmodel-main { - position: relative; - box-sizing: border-box; - /* The regions are semi-transparent, so the white background is partly - visible */ - background-color: #FF9F00; - color: var(--theme-selection-color); - /* Make sure there is some space between the window's edges and the regions */ - margin: 0 14px 4px 14px; - width: calc(100% - 2 * 14px); -} - -.boxmodel-margin, -.boxmodel-size { -/* color: var(--theme-highlight-blue); */ -} - -/* Regions are 3 nested elements with wide borders and outlines */ - -#boxmodel-content { - height: 18px; -} - -#boxmodel-margins, -#boxmodel-borders, -#boxmodel-padding { - border-color: var(--theme-splitter-color); - border-width: 18px; - border-style: solid; - outline: dotted 1px var(--theme-splitter-color); -} - -#boxmodel-margins { - /* This opacity applies to all of the regions, since they are nested */ - opacity: .8; -} - -/* Regions colors */ - -#boxmodel-margins { - border-color: #FFCF00; -} - -#boxmodel-borders { - border-color: #A09090; -} - -#boxmodel-padding { - border-color: #8050B0; -} - -#boxmodel-content { - background-color: #008484; -} -/* -.theme-firebug #boxmodel-main, -.theme-firebug #boxmodel-borders, -.theme-firebug #boxmodel-content { - border-style: solid; -} - -.theme-firebug #boxmodel-main, -.theme-firebug #boxmodel-header { - font-family: var(--proportional-font-family); -} - -.theme-firebug #boxmodel-main { - color: var(--theme-body-color); - font-size: var(--theme-toolbar-font-size); -} - -.theme-firebug #boxmodel-header { - font-size: var(--theme-toolbar-font-size); -} -*/ -/* Editable region sizes are contained in absolutely positioned

*/ - -#boxmodel-main > p { - position: absolute; - pointer-events: none; - margin: 0; - text-align: center; -} - -#boxmodel-main > p > span, -#boxmodel-main > p > input { - vertical-align: middle; - pointer-events: auto; -} - -/* Coordinates for the region sizes */ - -.boxmodel-top, -.boxmodel-bottom { - width: calc(100% - 2px); - text-align: center; -} - -.boxmodel-padding.boxmodel-top { - top: 37px; -} - -.boxmodel-padding.boxmodel-bottom { - bottom: 38px; -} - -.boxmodel-border.boxmodel-top { - top: 19px; -} - -.boxmodel-border.boxmodel-bottom { - bottom: 20px; -} - -.boxmodel-margin.boxmodel-top { - top: 1px; -} - -.boxmodel-margin.boxmodel-bottom { - bottom: 2px; -} - -.boxmodel-size, -.boxmodel-margin.boxmodel-left, -.boxmodel-margin.boxmodel-right, -.boxmodel-border.boxmodel-left, -.boxmodel-border.boxmodel-right, -.boxmodel-padding.boxmodel-left, -.boxmodel-padding.boxmodel-right { - top: 22px; - line-height: 80px; -} - -.boxmodel-size { - width: calc(100% - 2px); -} - -.boxmodel-margin.boxmodel-right, -.boxmodel-margin.boxmodel-left, -.boxmodel-border.boxmodel-left, -.boxmodel-border.boxmodel-right, -.boxmodel-padding.boxmodel-right, -.boxmodel-padding.boxmodel-left { - width: 21px; -} - -.boxmodel-padding.boxmodel-left { - left: 35px; -} - -.boxmodel-padding.boxmodel-right { - right: 35px; -} - -.boxmodel-border.boxmodel-left { - left: 16px; -} - -.boxmodel-border.boxmodel-right { - right: 17px; -} - -.boxmodel-margin.boxmodel-right { - right: 0; -} - -.boxmodel-margin.boxmodel-left { - left: 0; -} - -.boxmodel-rotate.boxmodel-left:not(.boxmodel-editing) { - transform: rotate(-90deg); -} - -.boxmodel-rotate.boxmodel-right:not(.boxmodel-editing) { - transform: rotate(90deg); -} - -/* Legend: displayed inside regions */ - -.boxmodel-legend { - position: absolute; - margin: 2px 6px; - z-index: 1; -} - -.boxmodel-legend[data-box="margin"] { - color: #000000; /*var(--theme-highlight-blue);*/ -} - -/* Editable fields */ - -.boxmodel-editable { - border: 1px dashed transparent; - -moz-user-select: text; -} - -.boxmodel-editable:hover { - border-bottom-color: #E7ADE7; -} - -.styleinspector-propertyeditor { - border: 1px solid #008484; - padding: 0; -} - -/* Make sure the content size doesn't appear as editable like the other sizes */ - -.boxmodel-size > span { - cursor: default; -} - -/* Box Model Info: contains the position and size of the element */ - -#boxmodel-element-size { - flex: 1; -} - -#boxmodel-position-group { - display: flex; - align-items: center; -} diff --git a/LCARStrek/devtools/canvasdebugger.css b/LCARStrek/devtools/canvasdebugger.css deleted file mode 100644 index 6d99e543..00000000 --- a/LCARStrek/devtools/canvasdebugger.css +++ /dev/null @@ -1,339 +0,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/. */ - -:root { - --gutter-width: 3em; - --gutter-padding-start: 22px; - --checkerboard-pattern: linear-gradient(45deg, rgba(128,128,128,0.2) 25%, transparent 25%, transparent 75%, rgba(128,128,128,0.2) 75%, rgba(128,128,128,0.2)), - linear-gradient(45deg, rgba(128,128,128,0.2) 25%, transparent 25%, transparent 75%, rgba(128,128,128,0.2) 75%, rgba(128,128,128,0.2)); -} - -:root.theme-dark, -:root.theme-light, -:root.theme-firebug { - --draw-call-background: #403800; - --interesting-call-background: #272740; -} - -/* Reload and waiting notices */ - -.notice-container { - margin-top: -50vh; - color: var(--theme-body-color-alt); -} - -#empty-notice > button { - min-width: 30px; - min-height: 28px; - margin: 0; - list-style-image: url("images/profiler-stopwatch.svg"); -} - -#empty-notice > button .button-text { - display: none; -} - -#waiting-notice { - font-size: 110%; -} - -/* Snapshots pane */ - -#snapshots-pane { - border-inline-end: 1px solid var(--theme-splitter-color); -} - -#record-snapshot { - list-style-image: url("chrome://devtools/skin/images/profiler-stopwatch-tbutton.svg"); -} - -#import-snapshot { - list-style-image: url("images/import.svg"); -} - -/* Snapshots items */ - -.snapshot-item-thumbnail { - image-rendering: -moz-crisp-edges; - background-image: var(--checkerboard-pattern); - background-size: 12px 12px, 12px 12px; - background-position: 0px 0px, 6px 6px; - background-repeat: repeat, repeat; -} - -.snapshot-item-thumbnail[flipped=true] { - transform: scaleY(-1); -} - -.snapshot-item-thumbnail { - background-color: var(--theme-body-background); -} - -.snapshot-item-details { - padding-inline-start: 6px; -} - -.snapshot-item-calls { - padding-top: 4px; - font-size: 80%; -} - -.snapshot-item-save { - padding-bottom: 2px; - font-size: 90%; -} - -.snapshot-item-calls, -.snapshot-item-save { - color: var(--theme-body-color-alt); -} - -.snapshot-item-save { - text-decoration: underline; - cursor: pointer; -} - -.snapshot-item-save[disabled=true] { - text-decoration: none; - pointer-events: none; -} - -.snapshot-item-footer.devtools-throbber::before { - margin-top: -2px; -} - -#snapshots-list .selected label { - /* Text inside a selected item should not be custom colored. */ - color: inherit !important; -} - -/* Debugging pane controls */ - -#resume { - list-style-image: url("images/play.svg"); -} - -#step-over { - list-style-image: url("images/debugger-step-over.svg"); -} - -#step-in { - list-style-image: url("images/debugger-step-in.svg"); -} - -#step-out { - list-style-image: url("images/debugger-step-out.svg"); -} - -#calls-slider { - padding-inline-end: 24px; -} - -#calls-slider .scale-slider { - margin: 0; -} - -#debugging-toolbar-sizer-button { - /* This button's only purpose in life is to make the - container .devtools-toolbar have the right height. */ - visibility: hidden; - min-width: 1px; -} - -/* Calls list pane */ - -#calls-list .side-menu-widget-container { - background: transparent; -} - -/* Calls list items */ - -#calls-list .side-menu-widget-item { - padding: 0; - border-color: var(--theme-splitter-color); - border-bottom-color: transparent; -} - -.call-item-view:hover { - background-color: #402800; -} - -.call-item-view[draw-call] { - background-color: var(--draw-call-background); -} - -.call-item-view[interesting-call] { - background-color: var(--interesting-call-background); -} - -.call-item-gutter { - width: calc(var(--gutter-width) + var(--gutter-padding-start)); - padding-inline-start: var(--gutter-padding-start); - padding-inline-end: 4px; - padding-top: 2px; - padding-bottom: 2px; - border-inline-end: 1px solid var(--theme-splitter-color); - margin-inline-end: 6px; - background-color: var(--theme-sidebar-background); - color: var(--theme-content-color3); -} - -.selected .call-item-gutter { - background-color: #008484; - color: #000000; -} - -.call-item-index { - text-align: end; -} - -.call-item-context { - color: var(--theme-highlight-lightorange); -} - -.call-item-name { - color: var(--theme-highlight-blue); -} - -.call-item-location { - padding-inline-start: 2px; - padding-inline-end: 6px; - text-align: end; - cursor: pointer; - color: var(--theme-highlight-bluegrey); - border-color: var(--theme-splitter-color); -} - -.call-item-location:hover { - color: var(--theme-highlight-blue); -} - -.call-item-view:hover .call-item-location, -.call-item-view[expanded] .call-item-location { - text-decoration: underline; -} - -.call-item-stack { - padding-inline-start: calc(var(--gutter-width) + var(--gutter-padding-start)); - padding-bottom: 10px; -} - -.call-item-stack { - background: #403800; -} - -.call-item-stack-fn { - padding-top: 2px; - padding-bottom: 2px; -} - -.call-item-stack-fn-location { - padding-inline-start: 2px; - padding-inline-end: 6px; - text-align: end; - cursor: pointer; - text-decoration: underline; -} - -.call-item-stack-fn-name { - color: var(--theme-content-color2); -} - -.theme-dark .call-item-stack-fn-location { - color: var(--theme-content-color1); -} - -.theme-dark .call-item-stack-fn-location:hover { - color: var(--theme-highlight-blue); -} - -#calls-list .selected .call-item-contents > label:not(.call-item-gutter) { - /* Text inside a selected item should not be custom colored. */ - color: inherit !important; -} - -/* Rendering preview */ - -#screenshot-container { - background-color: var(--theme-body-background); - background-image: var(--checkerboard-pattern); - background-size: 30px 30px, 30px 30px; - background-position: 0px 0px, 15px 15px; - background-repeat: repeat, repeat; -} - -@media (min-width: 701px) { - #screenshot-container { - width: 30vw; - max-width: 50vw; - min-width: 100px; - } -} - -@media (max-width: 700px) { - #screenshot-container { - height: 40vh; - max-height: 70vh; - min-height: 100px; - } -} - -#screenshot-image { - background-image: -moz-element(#screenshot-rendering); - background-size: contain; - background-position: center, center; - background-repeat: no-repeat; -} - -#screenshot-image[flipped=true] { - transform: scaleY(-1); -} - -#screenshot-dimensions { - padding-top: 4px; - padding-bottom: 4px; - text-align: center; -} - -#screenshot-dimensions { - background-color: #402800; -} - -/* Snapshot filmstrip */ - -#snapshot-filmstrip { - border-top: 1px solid var(--theme-splitter-color); - overflow: hidden; -} - -#snapshot-filmstrip { - color: var(--theme-body-color); -} - -.filmstrip-thumbnail { - image-rendering: -moz-crisp-edges; - background-color: var(--theme-body-background); - background-image: var(--checkerboard-pattern); - background-size: 12px 12px, 12px 12px; - background-position: 0px -1px, 6px 5px; - background-repeat: repeat, repeat; - background-origin: content-box; - cursor: pointer; - padding-top: 1px; - padding-bottom: 1px; - border-inline-end: 1px solid var(--theme-splitter-color); - transition: opacity 0.1s ease-in-out; -} - -.filmstrip-thumbnail[flipped=true] { - transform: scaleY(-1); -} - -#snapshot-filmstrip > .filmstrip-thumbnail:hover, -#snapshot-filmstrip:not(:hover) > .filmstrip-thumbnail[highlighted] { - border: 1px solid var(--theme-highlight-blue); - margin: 0 0 0 -1px; - padding: 0; - opacity: 0.66; -} diff --git a/LCARStrek/devtools/commandline.css b/LCARStrek/devtools/commandline.css deleted file mode 100644 index 89c32e97..00000000 --- a/LCARStrek/devtools/commandline.css +++ /dev/null @@ -1,168 +0,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/. */ - -/* NOTE: THESE NEED TO STAY IN SYNC WITH LIGHT-THEME.CSS AND DARK-THEME.CSS. - We are copy/pasting variables from light-theme and dark-theme, - since they aren't loaded in this context (within commandlineoutput.xhtml - and commandlinetooltip.xhtml). */ -:root { - --gcli-background-color: #000000; /* --theme-tab-toolbar-background */ - --gcli-input-focused-background: #FFCF00; /* --theme-sidebar-background */ - --gcli-input-focused-color: #000000; - --gcli-input-color: #FF9F00; /* --theme-body-color */ - --gcli-border-color: #9C9CFF; /* --theme-splitter-color */ - --gcli-edittext-color: #E7ADE7; -} - -.gcli-body { - margin: 0; - font: 11px "Liberation Sans",Arial,Tahoma,Helvetica,sans-serif; - color: var(--gcli-input-color); -} - -#gcli-output-root, -#gcli-tooltip-root { - border: 1px solid var(--gcli-border-color); - border-radius: 3px; - background-color: var(--gcli-background-color); -} - -#gcli-output-root { - padding: 5px 10px; - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - border-bottom: 0; -} - -#gcli-tooltip-root { - padding: 5px 0px; -} - -#gcli-tooltip-connector { - margin-top: -1px; - margin-left: 8px; - width: 20px; - height: 10px; - border-left: 1px solid var(--gcli-border-color); - border-right: 1px solid var(--gcli-border-color); - background-color: var(--gcli-background-color); -} - -.gcli-tt-description, -.gcli-tt-error { - padding: 0 10px; -} - -.gcli-row-out { - padding: 0 5px; - line-height: 1.2em; - border-top: none; - border-bottom: none; - color: var(--gcli-input-color); -} - -.gcli-row-out p, -.gcli-row-out h1, -.gcli-row-out h2, -.gcli-row-out h3 { - margin: 5px 0; -} - -.gcli-row-out h1, -.gcli-row-out h2, -.gcli-row-out h3, -.gcli-row-out h4, -.gcli-row-out h5, -.gcli-row-out th, -.gcli-row-out strong, -.gcli-row-out pre { - color: var(--gcli-input-color); -} - -.gcli-row-out pre { - font-size: 80%; -} - -.gcli-row-out td { - white-space: nowrap; -} - -.gcli-out-shortcut, -.gcli-help-synopsis { - padding: 0 3px; - margin: 0 4px; - font-weight: normal; - font-size: 90%; - border-radius: 3px; - background-color: var(--gcli-background-color); - color: var(--gcli-edittext-color); - border: 1px solid var(--gcli-border-color); -} - -.gcli-out-shortcut:before, -.gcli-help-synopsis:before { - color: var(--gcli-input-color); - padding-inline-end: 2px; -} - -.gcli-help-arrow { - color: #008484; -} - -.gcli-help-description { - margin: 0 20px; - padding: 0; -} - -.gcli-help-parameter { - margin: 0 30px; - padding: 0; -} - -.gcli-help-header { - margin: 10px 0 6px; -} - -.gcli-menu-name { - padding-inline-start: 8px; -} - -.gcli-menu-desc { - padding-inline-end: 8px; - color: var(--gcli-input-color); -} - -.gcli-menu-name:hover, -.gcli-menu-desc:hover { - background-color: var(--gcli-input-focused-background); - color: var(--gcli-input-focused-color); -} - -.gcli-menu-highlight, -.gcli-menu-highlight:hover { - background-color: #795900; -} - -.gcli-menu-typed { - color: #008484; -} - -.gcli-menu-more { - font-size: 80%; - text-align: end; - padding-inline-end: 8px; -} - -.gcli-addon-disabled { - opacity: 0.6; - text-decoration: line-through; -} - -.gcli-breakpoint-label { - font-weight: bold; -} - -.gcli-breakpoint-lineText { - font-family: "Liberation Mono", Consolas, "Courier New", monospace; -} diff --git a/LCARStrek/devtools/common.css b/LCARStrek/devtools/common.css deleted file mode 100644 index 9bad1677..00000000 --- a/LCARStrek/devtools/common.css +++ /dev/null @@ -1,659 +0,0 @@ -/* 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/. */ - -@import url("splitters.css"); - -/* LCARS-specific rules that should be limited to toolbox but there's no other place to put them */ -window { - padding: 0; -} - -notification { - margin-bottom: 3px; -} - -/* End LCARStrek toolbox rules */ - -:root { - font: 11px "Liberation Sans",Arial,Tahoma,Helvetica,sans-serif; - --proportional-font-family: "Liberation Sans",Arial,Tahoma,Helvetica,sans-serif; - --monospace-font-family: "Liberation Mono", Consolas, "Courier New", monospace; - --monospace-font-size: 12px; -} - -.devtools-monospace { - font-family: var(--monospace-font-family); - font-size: var(--monospace-font-size); -} - - -/* Autocomplete Popup */ - -.devtools-autocomplete-popup { - border-radius: 3px; - overflow-x: hidden; - max-height: 20rem; - - /* Devtools autocompletes display technical english keywords and should be displayed - using LTR direction. */ - direction: ltr !important; -} - -/* Reset list styles. */ -.devtools-autocomplete-popup ul { - list-style: none; -} - -.devtools-autocomplete-popup ul, -.devtools-autocomplete-popup li { - margin: 0; -} - -.devtools-autocomplete-listbox { - background-color: transparent; - border-width: 0px !important; - margin: 0; -} - -.devtools-autocomplete-listbox .autocomplete-item { - width: 100%; - background-color: transparent; - border-radius: 4px; -} - -.devtools-autocomplete-listbox .autocomplete-selected { -/* background-color: rgba(0,0,0,0.2); */ -} - -.devtools-autocomplete-listbox .autocomplete-item > .initial-value, -.devtools-autocomplete-listbox .autocomplete-item > .autocomplete-value { - margin: 0; - padding: 0; - cursor: default; -} - -.devtools-autocomplete-listbox .autocomplete-item > .autocomplete-count { - text-align: end; -} - -/* Rest of the dark and light theme */ - -.devtools-autocomplete-popup, -.CodeMirror-hints, -.CodeMirror-Tern-tooltip { - border: 1px solid #9C9CFF; - background-color: #000000; -} - -/* Autocomplete list clone used for accessibility. */ - -.devtools-autocomplete-list-aria-clone { - /* Cannot use display:none or visibility:hidden : screen readers ignore the element. */ - position: fixed; - overflow: hidden; - margin: 0; - width: 0; - height: 0; -} - -.devtools-autocomplete-list-aria-clone li { - /* Prevent screen readers from prefacing every item with 'bullet'. */ - list-style-type: none; -} - -/* links to source code, like displaying `myfile.js:45` */ - -.devtools-source-link { - font-family: var(--monospace-font-family); - color: var(--theme-text-blue); - cursor: pointer; - white-space: nowrap; - display: flex; - text-decoration: none; - font-size: 11px; - width: 12em; /* probably should be changed for each tool */ -} - -.devtools-source-link:hover { - text-decoration: underline; -} - -.devtools-source-link > .filename { - text-overflow: ellipsis; - text-align: end; - overflow: hidden; - margin: 2px 0px; - cursor: pointer; -} - -.devtools-source-link > .line-number { - flex: none; - margin: 2px 0px; - cursor: pointer; -} - -/* Keyboard focus highlight styles */ - -:-moz-focusring { - outline: var(--theme-focus-outline); - outline-offset: -1px; -} - -textbox[focused="true"] { - border-color: var(--theme-focus-border-color-textbox); -/* box-shadow: var(--theme-focus-box-shadow-textbox);*/ - transition: all 0.2s ease-in-out -} - -textbox :-moz-focusring { - box-shadow: none; - outline: none; -} - -/* Form fields should already have box-shadow hightlight */ -select:-moz-focusring, -input[type="radio"]:-moz-focusring, -input[type="checkbox"]:-moz-focusring, -checkbox:-moz-focusring { - outline: none; -} - -/* Toolbar buttons */ - -.devtools-menulist, -.devtools-toolbarbutton, -.devtools-button { -} - -.devtools-menulist, -.devtools-toolbarbutton { -} - -.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; - border: none; - border-radius: 3px; - min-width: 18px; - height: 100%; - margin-inline-start: 2px; - 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], -.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;*/ -} - -.devtools-button:-moz-focusring { - outline: none; -} - -/* Standalone buttons */ -.devtools-button[standalone], -.devtools-button[data-standalone], -.devtools-toolbarbutton[standalone], -.devtools-toolbarbutton[data-standalone], -.menu-filter-button { - border: none; -/* min-height: 32px; */ - font: inherit; - background-color: var(--theme-button-background); - color: var(--theme-button-color); - border-radius: 300px; -} - -.devtools-button[standalone]:hover, -.devtools-button[data-standalone]:hover, -.devtools-toolbarbutton[standalone]:hover, -.devtools-toolbarbutton[data-standalone]:hover, -.menu-filter-button:hover { - background-color: var(--theme-hover-background); - color: var(--theme-hover-color); -} - -.devtools-button[standalone]:hover:active, -.devtools-button[data-standalone]:hover:active, -.devtools-toolbarbutton[standalone]:hover:active, -.devtools-toolbarbutton[data-standalone]:hover:active, -.menu-filter-button:hover:active { - background-color: var(--theme-active-background); - color: var(--theme-active-color); -} - -.menu-filter-button.checked { - background: var(--theme-selection-background); - color: var(--theme-selection-color); -} - -.menu-filter-button + .menu-filter-button { - margin-inline-start: 2px; -} - -.devtools-toolbarbutton[standalone], .devtools-toolbarbutton[data-standalone] { -} - -.devtools-toolbarbutton[label][standalone] { -} - -.devtools-menulist, -.devtools-toolbarbutton, -.devtools-button { - min-height: 18px; -} - -/* Icon button styles */ -.devtools-toolbarbutton:not([label]), -.devtools-toolbarbutton[text-as-image] { - min-width: 16px; -} - -.devtools-toolbarbutton:not([label]) > .toolbarbutton-text { - display: none; -} - -.devtools-toolbar .devtools-toolbarbutton { - margin-inline-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[checked]:empty::before, -.devtools-button[open]:empty::before, -.devtools-button.checked::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] { - pointer-events: none; -/* opacity: 0.5 !important;*/ -} - -.devtools-button[standalone]::before, -.devtools-button[data-standalone]::before, -.devtools-button:not([disabled]):hover::before, -.devtools-button:not([disabled]):hover:active::before, -.devtools-button[checked]:empty::before, -.devtools-button[open]:empty::before, -.devtools-toolbarbutton[standalone] > image, -.devtools-toolbarbutton[data-standalone] > image, -.devtools-toolbarbutton:not([disabled]):hover > image, -.devtools-toolbarbutton:not([disabled]):hover:active > image, -.devtools-toolbarbutton[checked=true] > image, -.devtools-toolbarbutton[open=true] > image { - filter: var(--checked-icon-filter); -} - -.devtools-button[disabled]::before, -.devtools-toolbarbutton[disabled] > image { - filter: url(images/filters.svg#disabled-icon-state); -} - -/* Icon-and-text buttons */ -.devtools-toolbarbutton.icon-and-text .toolbarbutton-text { - margin-inline-start: .5em !important; - font-weight: 600; -} - -/* Text-only buttons */ -.devtools-toolbarbutton[label]:not([text-as-image]):not([type=menu-button]), -.devtools-toolbarbutton[data-text-only], -.devtools-button:not(:empty), -#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); */ -} - -:root { - --clear-icon-url: url("chrome://devtools/skin/images/clear.svg"); -} - -.devtools-button.devtools-clear-icon::before { - background-image: var(--clear-icon-url); -} - -.devtools-button.devtools-filter-icon::before { - background-image: var(--filter-image); -} - -.devtools-toolbarbutton.devtools-clear-icon { - list-style-image: var(--clear-icon-url); -} - -.devtools-option-toolbarbutton { - list-style-image: var(--tool-options-image); -} - -.devtools-toolbarbutton-group > .devtools-toolbarbutton:last-child { -} - -.devtools-toolbarbutton-group + .devtools-toolbarbutton { -} - -.devtools-separator + .devtools-toolbarbutton { -} - -/* - * Filter buttons - * @TODO : Fix when https://bugzilla.mozilla.org/show_bug.cgi?id=1255116 lands - */ - -.menu-filter-button { -/* -moz-appearance: none; - background: rgba(128,128,128,0.1); - border: none; - border-radius: 2px; - min-width: 0; - padding: 0 5px; - margin: 2px; - color: var(--theme-body-color);*/ -} - -.menu-filter-button:hover { -/* background: rgba(128,128,128,0.2);*/ -} - -.menu-filter-button:hover:active { -/* background-color: var(--theme-selection-background-semitransparent);*/ -} - -.menu-filter-button:not(:active).checked { - background-color: var(--theme-selection-background); - color: var(--theme-selection-color); -} - -/* Text input */ - -.devtools-textinput, -.devtools-searchinput, -.devtools-filterinput { -/* -moz-appearance: none; - margin: 1 3px; - border: 1px solid; - border-radius: 2px; - padding: 4px 6px; - border-color: var(--theme-splitter-color); - font: message-box;*/ - margin-top: 0; - margin-bottom: 0; -} - -:root[platform="mac"] .devtools-searchinput, -:root[platform="mac"] .devtools-textinput { -/* border-radius: 20px;*/ -} - -.devtools-searchinput, -.devtools-filterinput { -/* margin-top: 1px; - margin-bottom: 1px; - padding: 0;*/ - padding-inline-start: 22px; - padding-inline-end: 4px; - background-position: 8px center; - background-size: 11px 11px; - background-repeat: no-repeat; - font-size: inherit; -} - -/* - * @TODO : has-clear-btn class was added for bug 1296187 and we should remove it - * once we have a standardized search and filter input across the toolboxes. - */ -.has-clear-btn > .devtools-searchinput, -.has-clear-btn > .devtools-filterinput { - padding-inline-end: 23px; -} - -.devtools-searchinput { - background-image: var(--magnifying-glass-image); -} - -.devtools-filterinput { - background-image: var(--filter-image); -} - -.devtools-searchinput:-moz-locale-dir(rtl), -.devtools-searchinput:dir(rtl), -.devtools-filterinput:-moz-locale-dir(rtl), -.devtools-filterinput:dir(rtl) { - background-position: calc(100% - 8px) center; -} - -.devtools-searchinput > .textbox-input-box > .textbox-search-icons > .textbox-search-icon, -.devtools-filterinput > .textbox-input-box > .textbox-search-icons > .textbox-search-icon { - visibility: hidden; -} - -.devtools-searchinput .textbox-input::placeholder, -.devtools-filterinput .textbox-input::placeholder { - font-style: normal; -} - -.devtools-plaininput { - border-color: transparent; - background-color: transparent; - - color: var(--theme-highlight-gray); -} - -/* Searchbox is a div container element for a search input element */ -.devtools-searchbox { - display: flex; - flex: 1; - position: relative; -} - -button + .devtools-searchbox { - margin-inline-start: 2px; -} - -/* The spacing is accomplished with a padding on the searchbox */ -.devtools-searchbox > .devtools-textinput, -.devtools-searchbox > .devtools-searchinput { -} - -.devtools-textinput:focus, -.devtools-searchinput:focus, -.devtools-filterinput:focus { - border-color: var(--theme-focus-border-color-textbox); -/* box-shadow: var(--theme-focus-box-shadow-textbox);*/ - transition: all 0.2s ease-in-out; - outline: none; -} - -/* Don't add 'double spacing' for inputs that are at beginning / end - of a toolbar (since the toolbar has it's own spacing). */ -.devtools-toolbar > .devtools-textinput:first-child, -.devtools-toolbar > .devtools-searchinput:first-child, -.devtools-toolbar > .devtools-filterinput:first-child { -} -.devtools-toolbar > .devtools-textinput:last-child, -.devtools-toolbar > .devtools-searchinput:last-child, -.devtools-toolbar > .devtools-filterinput:last-child { -} -.devtools-toolbar > .devtools-searchbox:first-child { -} -.devtools-toolbar > .devtools-searchbox:last-child { -} - -.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); -} - -.devtools-style-searchbox-no-match { - background-color: var(--searchbox-no-match-background-color) !important; - border-color: var(--searchbox-no-match-border-color) !important; -} - -.devtools-searchinput-clear { - position: absolute; - top: 3.5px; - offset-inline-end: 7px; - padding: 0; - border: 0; - width: 16px; - height: 16px; - background-position: 0 0; - background-repeat: no-repeat; - background-color: transparent; -} - -.devtools-searchinput-clear:dir(rtl) { - right: unset; - left: 7px; -} - -.devtools-searchinput-clear { - background-image: url("chrome://devtools/skin/images/search-clear.svg"); -} - -.devtools-style-searchbox-no-match + .devtools-searchinput-clear { - background-image: url("chrome://devtools/skin/images/search-clear-failed.svg") !important; -} - -.devtools-searchinput-clear:hover { - background-position: -16px 0; -} - -.devtools-searchinput > .textbox-input-box > .textbox-search-icons > .textbox-search-clear, -.devtools-filterinput > .textbox-input-box > .textbox-search-icons > .textbox-search-clear { - list-style-image: url("chrome://devtools/skin/images/search-clear.svg"); - -moz-image-region: rect(0, 16px, 16px, 0); -} - -.devtools-searchinput > .textbox-input-box > .textbox-search-icons > .textbox-search-clear:hover, -.devtools-filterinput > .textbox-input-box > .textbox-search-icons > .textbox-search-clear:hover { - -moz-image-region: rect(0, 32px, 16px, 16px); -} - -/* Throbbers */ - -.devtools-throbber::before { - content: ""; - display: inline-block; - vertical-align: bottom; - margin-inline-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); - } -} diff --git a/LCARStrek/devtools/components-frame.css b/LCARStrek/devtools/components-frame.css deleted file mode 100644 index cbdc3d2c..00000000 --- a/LCARStrek/devtools/components-frame.css +++ /dev/null @@ -1,53 +0,0 @@ -/* 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/. */ - -/** - * Frame Component - * Styles for React component at `devtools/client/shared/components/frame.js` - */ - -.frame-link { - display: flex; - justify-content: space-between; -} - -.frame-link-async-cause { - color: var(--theme-body-color-inactive); -} - -.frame-link .frame-link-source { - flex: initial; - color: var(--theme-highlight-blue); -} - -.frame-link a.frame-link-source { - cursor: pointer; - text-decoration: none; - font-style: normal; -} - -.frame-link a.frame-link-source:hover { - text-decoration: underline; -} - -.frame-link .frame-link-host { - margin-inline-start: 5px; - font-size: 90%; - color: var(--theme-content-color2); -} - -.frame-link .frame-link-function-display-name { - margin-inline-end: 5px; -} - -.frame-link .frame-link-line { - color: var(--theme-highlight-orange); -} - -.focused .frame-link .frame-link-source, -.focused .frame-link .frame-link-line, -.focused .frame-link .frame-link-host { - color: var(--theme-selection-color); -} diff --git a/LCARStrek/devtools/components-h-split-box.css b/LCARStrek/devtools/components-h-split-box.css deleted file mode 100644 index 270b007c..00000000 --- a/LCARStrek/devtools/components-h-split-box.css +++ /dev/null @@ -1,24 +0,0 @@ -/* 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/. */ - -/** - * HSplitBox Component - * Styles for React component at `devtools/client/shared/components/h-split-box.js` - */ - -.h-split-box, -.h-split-box-pane { - overflow: auto; - margin: 0; - padding: 0; - width: 100%; - height: 100%; -} - -.h-split-box { - display: flex; - flex-direction: row; - flex: 1; -} diff --git a/LCARStrek/devtools/computed.css b/LCARStrek/devtools/computed.css deleted file mode 100644 index 803349df..00000000 --- a/LCARStrek/devtools/computed.css +++ /dev/null @@ -1,230 +0,0 @@ -/* 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/. */ - -#sidebar-panel-computedview { - margin: 0; - display : flex; - flex-direction: column; - width: 100%; - height: 100%; -} - -#computedview-container { - overflow: auto; - height: 100%; -} - -/* This extra wrapper only serves as a way to get the content of the view focusable. - So that when the user reaches it either via keyboard or mouse, we know that the view - is focused and therefore can handle shortcuts. - However, for accessibility reasons, tabindex is set to -1 to avoid having to tab - through it, and the outline is hidden. */ -#computedview-container-focusable { - height: 100%; - outline: none; -} - -#computedview-toolbar { - display: flex; -} - -#browser-style-checkbox { - /* Bug 1200073 - extra space before the browser styles checkbox so - they aren't squished together in a small window. Put also - an extra space after. */ - margin-inline-start: 5px; - margin-inline-end: 5px; -} - -#browser-style-checkbox-label { - margin-right: 5px; - - /* Vertically center the 'Browser styles' checkbox in the - Computed panel with its label. */ - display: flex; - align-items: center; -} - -#propertyContainer { - -moz-user-select: text; - overflow-y: auto; - overflow-x: hidden; - flex: auto; -} - -.row-striped { - background: var(--theme-body-background); -} - -.property-view-hidden, -.property-content-hidden { - display: none; -} - -.property-view { - padding: 2px 17px; - display: flex; - flex-wrap: wrap; -} - -.property-name-container { - width: 202px; -} - -.property-value-container { - display: flex; - flex: 1 1 168px; - overflow: hidden; -} - -.property-name-container > *, -.property-value-container > * { - display: inline-block; - vertical-align: middle; -} - -.property-name { - overflow-x: hidden; - text-overflow: ellipsis; - white-space: nowrap; - outline: 0 !important; -} - -.other-property-value { - background-image: url(images/arrow-e.png); - background-repeat: no-repeat; - background-size: 5px 8px; -} - -@media (min-resolution: 1.1dppx) { - .other-property-value { - background-image: url(images/arrow-e@2x.png); - } -} - -.property-value { - overflow-x: hidden; - text-overflow: ellipsis; - white-space: nowrap; - padding-left: 10px; - outline: 0 !important; -} - -.other-property-value { - background-position: left center; - padding-left: 8px; -} - -.property-content { - padding-left: 17px; -} - -.theme-firebug .property-view, -.theme-firebug .property-content { - font-family: var(--proportional-font-family); -} - -.theme-firebug .property-view { - border-bottom: 1px solid rgba(0, 0, 0, 0.1); -} - -/* From skin */ -.expander { - visibility: hidden; - margin-inline-start: -12px !important; -} - -.expandable { - visibility: visible; -} - -.match { - visibility: hidden; -} - -.matchedselectors > p { - clear: both; - margin: 0 2px 0 0; - padding: 2px; - overflow-x: hidden; - border-style: dotted; - border-color: #A09090; - border-width: 1px 1px 0 1px; -} - -.matchedselectors > p:last-of-type { - border-bottom-width: 1px; -} - -.matched { - text-decoration: line-through; -} - -.parentmatch { - opacity: 0.5; -} - -#computedview-no-results { - height: 100%; -} - -.onlyuserstyles { - cursor: pointer; -} - -.legendKey { - margin: 0 5px; -} - -.link { - padding: 0 3px; - cursor: pointer; - float: right; -} - -/* Take away these two :visited rules to get a core dumper */ -/* See https://bugzilla.mozilla.org/show_bug.cgi?id=575675#c30 */ - -.link, -.link:visited { - color: #336699; -} - -.link, -.helplink, -.link:visited, -.helplink:visited { - text-decoration: none; -} - -.link:hover { - text-decoration: underline; -} - -.computedview-colorswatch { - border-radius: 50%; - width: 0.9em; - height: 0.9em; - vertical-align: middle; - margin-inline-end: 5px; - display: inline-block; - position: relative; -} - -.computedview-colorswatch::before { - content: ''; - background-color: #9C9CFF; - background-image: linear-gradient(45deg, #A09090 25%, transparent 25%, transparent 75%, #A09090 75%, #A09090), - linear-gradient(45deg, #A09090 25%, transparent 25%, transparent 75%, #A09090 75%, #A09090); - background-size: 12px 12px; - background-position: 0 0, 6px 6px; - position: absolute; - border-radius: 50%; - top: 0; - left: 0; - right: 0; - bottom: 0; - z-index: -1; -} diff --git a/LCARStrek/devtools/dark-theme.css b/LCARStrek/devtools/dark-theme.css deleted file mode 100644 index c209a860..00000000 --- a/LCARStrek/devtools/dark-theme.css +++ /dev/null @@ -1,423 +0,0 @@ -/* 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/. */ - -@import url(variables.css); -@import url(common.css); -@import url(toolbars.css); -@import url(tooltips.css); - -body, html { - padding: 0; - margin: 0; -} - -.theme-body { - background: var(--theme-body-background); - color: var(--theme-body-color); -} - -.theme-sidebar { - background: var(--theme-sidebar-background); - color: var(--theme-content-color1); -} - -::-moz-selection { - background-color: var(--theme-selection-background); - color: var(--theme-selection-color); -} - -.theme-bg-darker { - background: var(--theme-selection-background-semitransparent); -} - -.theme-selected, -.CodeMirror-hint-active { - background-color: var(--theme-selection-background2); - color: var(--theme-selection-color2); -} - -.theme-bg-contrast, -.variable-or-property:not([overridden])[changed] { - background: var(--theme-contrast-background); -} - -.theme-link, -.cm-s-mozilla .cm-link, -.cm-s-mozilla .cm-keyword { - color: var(--theme-text-green); -} - -/* - * FIXME: http://bugzil.la/575675 CSS links without :visited set cause assertion - * failures in debug builds. - */ -.theme-link:visited, -.cm-s-mozilla .cm-link:visited, -.CodeMirror-Tern-type { - color: var(--theme-text-blue); -} - -.theme-comment, -.cm-s-mozilla .cm-meta, -.cm-s-mozilla .cm-hr, -.cm-s-mozilla .cm-comment, -.variable-or-property .token-undefined, -.variable-or-property .token-null, -.CodeMirror-Tern-completion-unknown:before { - color: var(--theme-comment); -} - -.theme-gutter { - background-color: var(--theme-tab-toolbar-background); - color: var(--theme-content-color3); - border-color: var(--theme-splitter-color); -} - -.theme-separator { - border-color: var(--theme-splitter-color); -} - -.theme-fg-color1, -.cm-s-mozilla .cm-number, -.variable-or-property .token-number, -.variable-or-property[return] > .title > .name, -.variable-or-property[scope] > .title > .name { - color: var(--theme-highlight-red); -} - -.CodeMirror-Tern-completion-number:before { - background-color: #008484; -} - -.theme-fg-color2, -.cm-s-mozilla .cm-attribute, -.cm-s-mozilla .cm-def, -.cm-s-mozilla .cm-property, -.cm-s-mozilla .cm-qualifier, -.variables-view-variable > .title > .name { - color: var(--theme-highlight-purple); -} - -.CodeMirror-Tern-completion-object:before { - background-color: #9C9CFF; -} - -.cm-s-mozilla .cm-unused-line { - text-decoration: line-through; - text-decoration-color: #8050B0; -} - -.cm-s-mozilla .cm-executed-line { - background-color: #404000; -} - -.theme-fg-color3, -.cm-s-mozilla .cm-builtin, -.cm-s-mozilla .cm-tag, -.cm-s-mozilla .cm-header, -.cm-s-mozilla .cm-bracket, -.variables-view-property > .title > .name { - color: var(--theme-highlight-green); -} - -.CodeMirror-Tern-completion-array:before { - color: var(--theme-highlight-pink); /* var(--theme-highlight-bluegrey) */ -} - -.theme-fg-color4 { - color: var(--theme-highlight-purple); -} - -.theme-fg-color5 { - color: var(--theme-highlight-purple); -} - -.theme-fg-color6, -.cm-s-mozilla .cm-string, -.cm-s-mozilla .cm-string-2, -.variable-or-property .token-string, -.cm-s-mozilla .cm-variable, -.CodeMirror-Tern-farg { - color: var(--theme-highlight-gray); -} - -.CodeMirror-Tern-completion-string:before, -.CodeMirror-Tern-completion-fn:before { - background-color: #E7ADE7; -} - -.theme-fg-color7, -.cm-s-mozilla .cm-atom, -.cm-s-mozilla .cm-quote, -.cm-s-mozilla .cm-error, -.variable-or-property .token-boolean, -.variable-or-property .token-domnode, -.variable-or-property[exception] > .title > .name { - color: var(--theme-highlight-red); -} - -.CodeMirror-Tern-completion-bool:before { - background-color: #FF0000; -} - -.variable-or-property .token-domnode { - font-weight: bold; -} - -.theme-toolbar, -.devtools-toolbar, -.devtools-sidebar-tabs tabs, -.devtools-sidebar-alltabs, -.cm-s-mozilla .CodeMirror-dialog { /* General toolbar styling */ -/* color: var(--theme-body-color-alt); - background-color: var(--theme-toolbar-background); - border-color: var(--theme-splitter-color);*/ -} - -.theme-fg-contrast { /* To be used for text on theme-bg-contrast */ - color: #FFCF00; -} - -.ruleview-swatch, -.computedview-colorswatch { -/* box-shadow: 0 0 0 1px #818181; */ -} - -.variables-view-scope:focus > .title, -.variable-or-property:focus > .title { - background-color: #008484; /* fg-color2 */ - color: #000000; -} - -/* CodeMirror specific styles. - * Best effort to match the existing theme, some of the colors - * are duplicated here to prevent weirdness in the main theme. */ - -.CodeMirror.cm-s-mozilla { /* Inherit platform specific font sizing and styles */ - font-family: inherit; - font-size: inherit; - background: transparent; -} - -.CodeMirror.cm-s-mozilla pre, -.cm-s-mozilla .cm-variable-2, -.cm-s-mozilla .cm-variable-3, -.cm-s-mozilla .cm-operator, -.cm-s-mozilla .cm-special { - color: var(--theme-content-color1); -} - -.cm-s-mozilla .CodeMirror-lines .CodeMirror-cursor { - border-left: solid 1px #FF9F00; -} - -.cm-s-mozilla.CodeMirror-focused .CodeMirror-selected { /* selected text (focused) */ - background: #008484; - color: #FFCF00; -} - -.cm-s-mozilla .CodeMirror-selected { /* selected text (unfocused) */ - background: #008484; - color: #000000; -} - -.cm-s-mozilla .CodeMirror-activeline-background { /* selected color with alpha */ - background: rgba(0, 132, 132, .25); -} - -div.cm-s-mozilla span.CodeMirror-matchingbracket { /* highlight brackets */ - outline: solid 1px rgba(0, 132, 132, .4); - color: #FFCF00; -} - -/* Highlight for a line that contains an error. */ -div.CodeMirror div.error-line { - background: rgba(255, 0, 0, 0.2); -} - -/* Generic highlighted text */ -div.CodeMirror span.marked-text { - background: rgba(255,207,0,0.2); - border: 1px dashed rgba(156, 156, 255, 0.6); - margin-inline-start: -1px; - margin-inline-end: -1px; -} - -/* Highlight for evaluating current statement. */ -div.CodeMirror span.eval-text { - background-color: #403800; -} - -.cm-s-mozilla .CodeMirror-linenumber { /* line number text */ - color: var(--theme-content-color2); -} - -.cm-s-mozilla .CodeMirror-gutters { /* vertical line next to line numbers */ - border-right-color: var(--theme-contrast-border); - background-color: var(--theme-contrast-background); -} - -.cm-s-markup-view pre { - line-height: 1.4em; - min-height: 1.4em; -} - -/* Twisty and checkbox controls */ -.theme-twisty, .theme-checkbox { - width: 14px; - height: 14px; - background-repeat: no-repeat; - background-image: url("chrome://devtools/skin/images/controls.png"); - background-size: 28px 28px; -} - -.theme-twisty { - cursor: pointer; - background-position: -0px -14px; -} - -.theme-twisty:-moz-focusring { - outline-style: none; -} - -.theme-twisty[open] { - background-position: -14px -14px; -} - -.theme-twisty[invisible] { - visibility: hidden; -} - -/* Mirror the twisty for rtl direction */ -.theme-twisty:dir(rtl), -.theme-twisty:-moz-locale-dir(rtl) { - transform: scaleX(-1); -} - -.theme-checkbox { - display: inline-block; - border: 0; - padding: 0; - outline: none; - background-position: 0 0; -} - -.theme-checkbox[checked] { - background-position: -14px 0; -} - -@media (min-resolution: 1.1dppx) { - .theme-twisty, .theme-checkbox { - background-image: url("chrome://devtools/skin/images/controls@2x.png"); - } -} - -/* XUL panel styling (see devtools/client/shared/widgets/Tooltip.js) */ - -.theme-tooltip-panel .panel-arrowcontent { -/* padding: 5px; */ - background: rgba(0, 0, 0, .9); -/* border-radius: 5px; - box-shadow: none; - border: 3px solid #9C9CFF; */ -} - -/* Overring panel arrow images to fit with our light and dark themes */ -/* -.theme-tooltip-panel .panel-arrow { - --arrow-margin: -4px; -} - -:root[platform="win"] .theme-tooltip-panel .panel-arrow { - --arrow-margin: -7px; -} - -.theme-tooltip-panel .panel-arrow[side="top"], -.theme-tooltip-panel .panel-arrow[side="bottom"] { - list-style-image: url("chrome://devtools/skin/tooltip/arrow-vertical-dark.png"); - / !important is needed to override the popup.css rules in toolkit/themes / - width: 39px !important; - height: 16px !important; -} - -.theme-tooltip-panel .panel-arrow[side="left"], -.theme-tooltip-panel .panel-arrow[side="right"] { - list-style-image: url("chrome://devtools/skin/tooltip/arrow-horizontal-dark.png"); - / !important is needed to override the popup.css rules in toolkit/themes / - width: 16px !important; - height: 39px !important; -} - -.theme-tooltip-panel .panel-arrow[side="top"] { - margin-bottom: var(--arrow-margin); -} - -.theme-tooltip-panel .panel-arrow[side="bottom"] { - margin-top: var(--arrow-margin); -} - -.theme-tooltip-panel .panel-arrow[side="left"] { - margin-right: var(--arrow-margin); -} - -.theme-tooltip-panel .panel-arrow[side="right"] { - margin-left: var(--arrow-margin); -} - -@media (min-resolution: 1.1dppx) { - .theme-tooltip-panel .panel-arrow[side="top"], - .theme-tooltip-panel .panel-arrow[side="bottom"] { - list-style-image: url("chrome://devtools/skin/tooltip/arrow-vertical-dark@2x.png"); - } - - .theme-tooltip-panel .panel-arrow[side="left"], - .theme-tooltip-panel .panel-arrow[side="right"] { - list-style-image: url("chrome://devtools/skin/tooltip/arrow-horizontal-dark@2x.png"); - } -} -*/ -.theme-tooltip-panel .devtools-tooltip-simple-text { -/* color: white; */ - border-bottom: 1px solid #A09090; -} - -.theme-tooltip-panel .devtools-tooltip-simple-text:last-child { - border-bottom: 0; -} - -.devtools-textinput, -.devtools-searchinput, -.devtools-filterinput, -.devtools-plaininput { - background-color: #000000; - color: #E7ADE7; - border: 1px solid #9C9CFF; - border-radius: 3px; -} - -.devtools-textinput:focus, -.devtools-searchinput:focus, -.devtools-filterinput:focus, -.devtools-plaininput:focus { - border-color: #008484; -} - -.devtools-textinput::placeholder, -.devtools-searchinput::placeholder, -.devtools-filterinput::placeholder, -.devtools-plaininput::placeholder { - color: #8050B0; - opacity: 1.0; -} - -.CodeMirror-Tern-fname { - color: #A09090; -} - -.CodeMirror-hints, -.CodeMirror-Tern-tooltip { - background-color: #000000; - color: var(--theme-body-color); -} diff --git a/LCARStrek/devtools/debugger.css b/LCARStrek/devtools/debugger.css deleted file mode 100644 index 6e230bb2..00000000 --- a/LCARStrek/devtools/debugger.css +++ /dev/null @@ -1,559 +0,0 @@ -/* 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/. */ - -window { - padding: 0; -} - -/* Sources and breakpoints pane */ - -#sources-pane[selectedIndex="0"] + #sources-and-editor-splitter { - border-color: transparent; -} - -#sources-pane > tabs { -/* border-inline-end: 1px solid;*/ -} - -#sources-pane .devtools-toolbar { - border: none; /* Remove the devtools-toolbar bottom border. */ -/* border-inline-end: 1px solid;*/ -} - -#sources-pane > tabs, -#sources-pane .devtools-toolbar { - border-inline-end-color: var(--theme-splitter-color); -} - -/* Sources and breakpoints list */ - -.dbg-source-item { - padding: 2px 0px; -} - -.dbg-wasm-item .icon { - display: block; - background-image: url(chrome://devtools/skin/images/webconsole.svg); - background-repeat: no-repeat; - background-size: 72px 60px; - /* show warning icon */ - background-position: -24px -24px; - width: 10px; - height: 10px; - position: absolute; - margin-inline-start: -15px; - margin-top: 3px; -} - -.dbg-breakpoint-line { - font-weight: 600; -} - -.dbg-breakpoint-text { - padding-inline-start: 6px; - font-style: italic; - font-size: 90%; -} - -.dbg-breakpoint-checkbox { - width: 16px; - height: 16px; - margin: 2px; -} - -.dbg-breakpoint-condition-thrown-message { - display: none; - color: var(--theme-highlight-red); -} - -.dbg-breakpoint.dbg-breakpoint-condition-thrown .dbg-breakpoint-condition-thrown-message { - display: block; - padding-inline-start: 0; -} - -/* Sources toolbar */ - -#sources-toolbar > .devtools-toolbarbutton, -#sources-controls > .devtools-toolbarbutton { - min-width: 16px; -} - -#black-box { - list-style-image: url("images/debugger-blackbox.svg"); -} - -#pretty-print { - list-style-image: url("images/debugger-prettyprint.svg"); -} - -#toggle-breakpoints { - list-style-image: url(images/debugger-toggleBreakpoints.svg); - -moz-image-region: rect(0,32px,16px,16px); -} - -#toggle-breakpoints[checked] { - -moz-image-region: rect(0,16px,16px,0); -} - -#toggle-breakpoints[checked] > image { - /* This button has a special checked image, don't make it blue */ - filter: none; -} - -#toggle-promise-debugger { - /* TODO Bug 1186119: Add a toggle promise debugger image */ -} - -#sources .black-boxed { - color: #8050B0; -} - -#sources .selected .black-boxed { - color: #000000; -} - -#sources .black-boxed ~ .dbg-breakpoint { - display: none; -} - -/* Debugger unblackbox button */ - -#black-boxed-message-button > .button-box > .button-icon { - width: 16px; - height: 16px; - background-image: url("images/debugger-blackbox.svg"); - background-position: 0 0; - background-size: cover; -} - -/* Black box message and source progress meter */ - -#black-boxed-message, -#source-progress-container { - background-color: #A09090; - /* Prevent the container deck from aquiring the size from this message. */ - min-width: 1px; - min-height: 1px; - color: #000000; -} - -#source-progress { - min-height: 2em; - min-width: 40em; -} - -#black-boxed-message-label, -#black-boxed-message-button { - text-align: center; - font-size: 120%; -} - -#black-boxed-message-button { - margin-top: 1em; - padding: .25em; -} - -/* Breadcrumbs stack frames view */ - -.dbg-stackframe-details { - padding-inline-start: 4px; -} - -/* Classic stack frames view */ - -.dbg-classic-stackframe { - display: block; -} - -.dbg-classic-stackframe-title { - font-weight: 600; -} - -.dbg-classic-stackframe-details:-moz-locale-dir(ltr) { - float: right; -} - -.dbg-classic-stackframe-details:-moz-locale-dir(rtl) { - float: left; -} - -.dbg-classic-stackframe-details-url { - max-width: 90%; - text-align: end; -} - -.dbg-classic-stackframe-details-url { - color: var(--theme-content-color1); -} - -.dbg-classic-stackframe-details-sep { - color: var(--theme-body-color-alt) -} - -.dbg-classic-stackframe-details-line { - color: var(--theme-highlight-bluegrey); -} - -#callstack-list .selected label { - /* Text inside a selected item should not be custom colored. */ - color: inherit !important; -} - -/* Tracer */ - -#trace { - list-style-image: url("images/tracer-icon.png"); -} - -@media (min-resolution: 1.1dppx) { - #trace { - list-style-image: url("images/tracer-icon@2x.png"); - } -} - -#clear-tracer { - /* Make this button as narrow as the text inside it. */ - min-width: 1px; -} - -.trace-name { - padding-inline-start: 4px; -} - -/* Tracer dark+light theme */ - -.trace-item { - color: var(--theme-content-color1); -} - -.trace-item.black-boxed { - color: #A09090; -} - -.trace-item.selected-matching { - background-color: #004242; /* Select highlight blue at 40% alpha */ -} - -.selected > .trace-item { - background-color: #004242; /* Select highlight blue at 75% alpha */ -} - -.trace-call { - color: var(--theme-highlight-blue); -} - -.trace-return, -.trace-yield { - color: var(--theme-highlight-green); -} - -.trace-throw { - color: var(--theme-highlight-red); -} - -.trace-param { - color: var(--theme-highlight-pink); -} - -.trace-syntax { - color: var(--theme-content-color2); -} - -/* Watch expressions view */ - -#expressions { - min-height: 10px; - max-height: 125px; -} - -.dbg-expression { - height: 20px; -} - -.dbg-expression-arrow { - background-image: var(--theme-command-line-image-focus); - width: 16px; - height: 16px; - margin: 2px; -} - -.dbg-expression-input { - color: inherit; -} - -.dbg-expression-button { - border: none; - background: none; - text-decoration: underline; - cursor: pointer; - color: var(--theme-highlight-blue); -} - -/* Event listeners view */ - -.dbg-event-listener-type { - font-weight: 600; -} - -.dbg-event-listener-location { - color: var(--theme-highlight-pink); -} - -.dbg-event-listener-separator { - color: var(--theme-body-color-alt); -} - -.dbg-event-listener-targets { - color: var(--theme-highlight-blue); -} - -#event-listeners .selected { - /* Selected items shouldn't be displayed differently. */ - background: none; - color: var(--theme-content-color1); -} - -/* Searchbox and the search operations help panel */ - -#searchbox { - min-width: 220px; - margin-inline-start: 1px; -} - -#filter-label { - margin-inline-start: 2px; -} - -#searchbox-panel-operators { - margin-top: 5px; - margin-bottom: 8px; - margin-inline-start: 2px; -} - -.searchbox-panel-operator-button { - min-width: 26px; - margin-top: 0; - margin-bottom: 0; - margin-inline-start: 2px; - margin-inline-end: 6px; - text-align: center; -} - -.searchbox-panel-operator-label { - padding-bottom: 2px; -} - -/* Searchbox results panel */ - -#results-panel { - border: none; -} - -.results-panel-item { - padding: 6px 8px; - border-top: 1px solid #A09090; -} - -.results-panel-item:first-of-type { - border-top: none; - border-radius: 4px 4px 0 0; -} - -.results-panel-item:last-of-type { - border-radius: 0 0 4px 4px; -} - -.results-panel-item:only-of-type { - border-radius: 4px; -} - -.results-panel-item-label { - font-weight: 600; -} - -.results-panel-item-label-before { - padding-inline-end: 6px; -} - -.results-panel-item-label { - color: var(--theme-highlight-blue); -} - -.results-panel-item-label-before { - color: var(--theme-content-color2); -} - -.results-panel-item-label-below { - color: var(--theme-content-color3); -} - -#results-panel .selected label { - /* Text inside a selected item should not be custom colored. */ - color: inherit !important; -} - -/* Sources search view */ - -#globalsearch { - min-height: 10px; - max-height: 50vh; -} - -#globalsearch + .devtools-horizontal-splitter { - -moz-border-top-colors: var(--theme-splitter-color); -} - -.dbg-source-results { - padding: 0; - background: none !important; -} - -.dbg-source-results:not(.selected):hover { - background-color: var(--theme-sidebar-background); -} - -.dbg-results-header { - padding-inline-start: 6px; -} - -.dbg-results-header-location { - font-weight: 600; -} - -.dbg-results-header-match-count { - padding-inline-start: 6px; - color: var(--theme-body-color-inactive); -} - -.dbg-results-line-number { - min-width: 3em; - border-inline-end: 1px solid #9C9CFF; - padding-inline-end: 4px; - text-align: end; -} - -.dbg-results-line-contents { - padding-inline-start: 4px; -} - -.dbg-results-line-contents-string[match=true] { - background: #E7ADE7; - color: var(--theme-selection-color); - border: 1px solid #9C9CFF; - border-radius: 4px; - margin-top: -1px !important; - margin-bottom: -1px !important; - cursor: pointer; -} - -.dbg-results-line-contents-string[match=true][focusing] { - transition: transform 0.3s ease-in-out; -} - -.dbg-results-line-contents-string[match=true][focused] { - transition-duration: 0.1s; - transform: scale(1.75, 1.75); -} - -.dbg-source-results:not(.selected):hover { - background-color: var(--theme-sidebar-background); -} - -.dbg-results-header { - background-color: var(--theme-tab-toolbar-background); -} - -.dbg-results-header { - color: var(--theme-content-color1); -} - -.dbg-search-result:hover { - background-color: #004242; /* Select highlight blue at 40% alpha */ -} - -.dbg-results-header-match-count { - color: var(--theme-content-color3); -} - -.dbg-results-line-number { - background-color: var(--theme-tab-toolbar-background); - color: var(--theme-body-color-alt); -} - -.dbg-results-line-contents-string { - color: var(--theme-body-color-alt); -} - -.theme-dark .dbg-results-line-contents-string[match=true] { - color: var(--theme-selection-color); -} - -.theme-light .dbg-results-line-contents-string[match=true] { - color: var(--theme-body-color); -} - -/* Toolbar controls */ - -#resume { - list-style-image: url(images/pause.svg); -} - -#resume[checked] { - list-style-image: url(images/play.svg); -} - -#resume[break-on-next] { - background: var(--theme-highlight-lightorange); -} - -#step-over { - list-style-image: url(images/debugger-step-over.svg); -} - -#step-in { - list-style-image: url(images/debugger-step-in.svg); -} - -#step-out { - list-style-image: url(images/debugger-step-out.svg); -} - -#instruments-pane-toggle { - list-style-image: var(--theme-pane-collapse-image); -} - -#instruments-pane-toggle[pane-collapsed] { - list-style-image: var(--theme-pane-expand-image); -} - -/* Horizontal vs. vertical layout */ - -#vertical-layout-panes-container { - min-height: 35vh; - max-height: 80vh; -} - -#body[layout=vertical] #sources-pane > tabs { - border-inline-end: none; -} - -#body[layout=vertical] #instruments-pane { - margin: 0 !important; - /* To prevent all the margin hacks to hide the sidebar. */ -} - -#body[layout=vertical] .side-menu-widget-container, -#body[layout=vertical] .side-menu-widget-empty-text { - box-shadow: none !important; -} - -#body[layout=vertical] .side-menu-widget-item-arrow { - background-image: none !important; -} - -#body[layout=vertical] .side-menu-widget-group, -#body[layout=vertical] .side-menu-widget-item { - margin-inline-end: 0; -} diff --git a/LCARStrek/devtools/devtools-browser.css b/LCARStrek/devtools/devtools-browser.css deleted file mode 100644 index fd9dcaed..00000000 --- a/LCARStrek/devtools/devtools-browser.css +++ /dev/null @@ -1,34 +0,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/. */ - -@import url("splitters.css"); - -/* Bottom-docked toolbox minimize transition */ -.devtools-toolbox-bottom-iframe { - transition: margin-bottom .1s; -} - -.devtools-toolbox-side-iframe { - min-width: 465px; -} - -/* Eyedropper Widget */ -/* added to mainPopupSet */ - -.devtools-eyedropper-panel { - pointer-events: none; - -moz-appearance: none; - width: 156px; - height: 120px; - background-color: transparent; - border: none; -} - -#color-value { - color: #FF9F00; -} - -#color-value.highlight { - color: #FFCF00; -} diff --git a/LCARStrek/devtools/dom.css b/LCARStrek/devtools/dom.css deleted file mode 100644 index 53eb8bb2..00000000 --- a/LCARStrek/devtools/dom.css +++ /dev/null @@ -1,9 +0,0 @@ -/* 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/. */ - -:root.theme-dark { -} -:root.theme-light { -} diff --git a/LCARStrek/devtools/firebug-theme.css b/LCARStrek/devtools/firebug-theme.css deleted file mode 100644 index 41569dc7..00000000 --- a/LCARStrek/devtools/firebug-theme.css +++ /dev/null @@ -1,2 +0,0 @@ -/* In LCARStrek, we do not support dark and light devtools themes, it's all one. */ -@import url("dark-theme.css"); diff --git a/LCARStrek/devtools/floating-scrollbars-dark-theme.css b/LCARStrek/devtools/floating-scrollbars-dark-theme.css deleted file mode 100644 index 669647f6..00000000 --- a/LCARStrek/devtools/floating-scrollbars-dark-theme.css +++ /dev/null @@ -1,46 +0,0 @@ -@namespace xul url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); - -xul|scrollbar { - position: relative; - background-color: transparent; - background-image: none; - z-index: 2147483647; - padding: 2px; -} - -:root[platform="mac"] xul|scrollbar { - border: none; -} - -/* Scrollbar code will reset the margin to the correct side depending on - where layout actually puts the scrollbar */ -xul|scrollbar[orient="vertical"] { - margin-left: -10px; - min-width: 10px; - max-width: 10px; -} - -xul|scrollbar[orient="horizontal"] { - margin-top: -10px; - min-height: 10px; - max-height: 10px; -} - -xul|scrollbar xul|thumb { -/* background-color: rgba(170, 170, 170, .2) !important; / --toolbar-tab-hover, in LCARStrek only in non-hover rule */ -/* -moz-appearance: none !important;*/ - border-width: 0px !important; - background-image: none; - border-radius: 3px !important; -} - -xul|scrollbar:not(:hover) xul|thumb { - background-color: rgba(160, 144, 144, 0.3) !important; -} - -xul|scrollbar xul|scrollbarbutton, -xul|scrollbar xul|scrollbarbutton[sbattr="scrollbar-up-top"], -xul|scrollbar xul|scrollbarbutton[sbattr="scrollbar-down-bottom"], -xul|scrollbar xul|gripper { - display: none !important; /* need !important to override forced display in LCARStrek */ -} diff --git a/LCARStrek/devtools/floating-scrollbars-responsive-design.css b/LCARStrek/devtools/floating-scrollbars-responsive-design.css deleted file mode 100644 index 4cd47049..00000000 --- a/LCARStrek/devtools/floating-scrollbars-responsive-design.css +++ /dev/null @@ -1,49 +0,0 @@ -@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); - -scrollbar { - position: relative; - background-color: transparent; - background-image: none; - z-index: 2147483647; - padding: 2px; -} - -:root[platform="mac"] scrollbar { - border: none; -} - -/* Scrollbar code will reset the margin to the correct side depending on - where layout actually puts the scrollbar */ -scrollbar[orient="vertical"] { - margin-left: -10px; - min-width: 10px; - max-width: 10px; -} - -scrollbar[orient="horizontal"] { - margin-top: -10px; - min-height: 10px; - max-height: 10px; -} - -scrollbar:not(:hover) slider { - background-color: rgba(64, 64, 72, 0.3); -} - -thumb { - border-width: 0px !important; -/* background-color: rgba(0,0,0,0.2) !important; */ - background-image: none; - border-radius: 3px !important; -} - -scrollbar:not(:hover) thumb { - background-color: rgba(160, 144, 144, 0.3) !important; -} - -scrollbar scrollbarbutton, -scrollbar scrollbarbutton[sbattr="scrollbar-up-top"], -scrollbar scrollbarbutton[sbattr="scrollbar-down-bottom"], -scrollbar gripper { - display: none !important; /* need !important to override forced display in LCARStrek */ -} diff --git a/LCARStrek/devtools/fonts.css b/LCARStrek/devtools/fonts.css deleted file mode 100644 index fa7d97bf..00000000 --- a/LCARStrek/devtools/fonts.css +++ /dev/null @@ -1,130 +0,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/. */ - -:root { - --fonts-button-text: #000000; - --fonts-button-background: #C09070; -} - -#sidebar-panel-fontinspector { - margin: 0; - display: flex; - flex-direction: column; - padding-bottom: 20px; - width: 100%; - height: 100%; -} - -#sidebar-panel-fontinspector > .devtools-toolbar { - display: flex; -} - -#font-container { - overflow: auto; - flex: auto; -} - -#all-fonts { - padding: 0; - margin: 0; -} - -#font-showall { - border-radius: 300px; - border: none; - background-color: var(--fonts-button-background); - color: var(--fonts-button-text); - padding: 0 6px; - cursor: pointer; -} - -#font-showall:hover { -/* text-decoration: underline;*/ -} - -.dim > #font-container, -.font:not(.has-code) .font-css-code, -.font-is-local, -.font-is-remote, -.font.is-local .font-format-url, -#font-template { - display: none; -} - -.font.is-remote .font-is-remote, -.font.is-local .font-is-local { - display: inline; -} - -.font-format::before { - content: "("; -} - -.font-format::after { - content: ")"; -} - -.preview-input-toolbar { - display: flex; - width: 100%; -} - -.font-preview-container { - overflow-x: auto; -} - -#font-preview-text-input { - margin-top: 1px; - margin-bottom: 1px; - padding-top: 0; - padding-bottom: 0; - flex: 1; -} - -.font { - padding: 10px 10px; -} - -.theme-dark .font, -.theme-light .font { - border-bottom: 1px solid #A09090; -} - -.font:last-of-type { - border-bottom: 0; -} - -.font:nth-child(even) { - background: var(--theme-contrast-background); -} - -.font-preview { - margin-left: -4px; - height: 60px; - display: block; -} - -.font-info { - display: block; -} - -.font-name { - display: inline; -} - -.font-css-code { - max-width: 100%; - overflow: hidden; - text-overflow: ellipsis; - padding: 5px; -} - -.theme-light .font-css-code, -.theme-light .font-url , -.theme-dark .font-css-code, -.theme-dark .font-url { - border: 1px solid #A09090; - background: #000000; - color: #336699; -} diff --git a/LCARStrek/devtools/images/add.svg b/LCARStrek/devtools/images/add.svg deleted file mode 100644 index ed9f48eb..00000000 --- a/LCARStrek/devtools/images/add.svg +++ /dev/null @@ -1,6 +0,0 @@ - - - - diff --git a/LCARStrek/devtools/images/alerticon-warning.png b/LCARStrek/devtools/images/alerticon-warning.png deleted file mode 100644 index 1a28eb7b..00000000 Binary files a/LCARStrek/devtools/images/alerticon-warning.png and /dev/null differ diff --git a/LCARStrek/devtools/images/alerticon-warning@2x.png b/LCARStrek/devtools/images/alerticon-warning@2x.png deleted file mode 100644 index c4a5c798..00000000 Binary files a/LCARStrek/devtools/images/alerticon-warning@2x.png and /dev/null differ diff --git a/LCARStrek/devtools/images/angle-swatch.svg b/LCARStrek/devtools/images/angle-swatch.svg deleted file mode 100644 index a30abc5f..00000000 --- a/LCARStrek/devtools/images/angle-swatch.svg +++ /dev/null @@ -1,17 +0,0 @@ - - - - - - - - - - - - - - - diff --git a/LCARStrek/devtools/images/animation-fast-track.svg b/LCARStrek/devtools/images/animation-fast-track.svg deleted file mode 100644 index 3ee1d822..00000000 --- a/LCARStrek/devtools/images/animation-fast-track.svg +++ /dev/null @@ -1,6 +0,0 @@ - - - - diff --git a/LCARStrek/devtools/images/arrow-e.png b/LCARStrek/devtools/images/arrow-e.png deleted file mode 100644 index 20a71b59..00000000 Binary files a/LCARStrek/devtools/images/arrow-e.png and /dev/null differ diff --git a/LCARStrek/devtools/images/arrow-e@2x.png b/LCARStrek/devtools/images/arrow-e@2x.png deleted file mode 100644 index e80b1491..00000000 Binary files a/LCARStrek/devtools/images/arrow-e@2x.png and /dev/null differ diff --git a/LCARStrek/devtools/images/breadcrumbs-divider@2x.png b/LCARStrek/devtools/images/breadcrumbs-divider@2x.png deleted file mode 100644 index 3f057d2e..00000000 Binary files a/LCARStrek/devtools/images/breadcrumbs-divider@2x.png and /dev/null differ diff --git a/LCARStrek/devtools/images/breakpoint.svg b/LCARStrek/devtools/images/breakpoint.svg deleted file mode 100644 index 7802376c..00000000 --- a/LCARStrek/devtools/images/breakpoint.svg +++ /dev/null @@ -1,45 +0,0 @@ - - - - - - - - - - - - - - - diff --git a/LCARStrek/devtools/images/clear.svg b/LCARStrek/devtools/images/clear.svg deleted file mode 100644 index 66b6e047..00000000 --- a/LCARStrek/devtools/images/clear.svg +++ /dev/null @@ -1,7 +0,0 @@ - - - - - diff --git a/LCARStrek/devtools/images/close.svg b/LCARStrek/devtools/images/close.svg deleted file mode 100644 index 9ad8ed42..00000000 --- a/LCARStrek/devtools/images/close.svg +++ /dev/null @@ -1,6 +0,0 @@ - - - - diff --git a/LCARStrek/devtools/images/close@2x.png b/LCARStrek/devtools/images/close@2x.png deleted file mode 100644 index 89423836..00000000 Binary files a/LCARStrek/devtools/images/close@2x.png and /dev/null differ diff --git a/LCARStrek/devtools/images/command-console.svg b/LCARStrek/devtools/images/command-console.svg deleted file mode 100644 index b197dae9..00000000 --- a/LCARStrek/devtools/images/command-console.svg +++ /dev/null @@ -1,7 +0,0 @@ - - - - - diff --git a/LCARStrek/devtools/images/command-eyedropper.svg b/LCARStrek/devtools/images/command-eyedropper.svg deleted file mode 100644 index 8c990583..00000000 --- a/LCARStrek/devtools/images/command-eyedropper.svg +++ /dev/null @@ -1,7 +0,0 @@ - - - - - diff --git a/LCARStrek/devtools/images/command-frames.svg b/LCARStrek/devtools/images/command-frames.svg deleted file mode 100644 index e0e12b54..00000000 --- a/LCARStrek/devtools/images/command-frames.svg +++ /dev/null @@ -1,6 +0,0 @@ - - - - diff --git a/LCARStrek/devtools/images/command-measure.svg b/LCARStrek/devtools/images/command-measure.svg deleted file mode 100644 index 2366d576..00000000 --- a/LCARStrek/devtools/images/command-measure.svg +++ /dev/null @@ -1,7 +0,0 @@ - - - - - diff --git a/LCARStrek/devtools/images/command-noautohide.svg b/LCARStrek/devtools/images/command-noautohide.svg deleted file mode 100755 index fb04f56e..00000000 --- a/LCARStrek/devtools/images/command-noautohide.svg +++ /dev/null @@ -1,6 +0,0 @@ - - - - diff --git a/LCARStrek/devtools/images/command-paintflashing.svg b/LCARStrek/devtools/images/command-paintflashing.svg deleted file mode 100644 index 2aa205c5..00000000 --- a/LCARStrek/devtools/images/command-paintflashing.svg +++ /dev/null @@ -1,7 +0,0 @@ - - - - - diff --git a/LCARStrek/devtools/images/command-pick.svg b/LCARStrek/devtools/images/command-pick.svg deleted file mode 100644 index 63191e0f..00000000 --- a/LCARStrek/devtools/images/command-pick.svg +++ /dev/null @@ -1,9 +0,0 @@ - - - - - - - diff --git a/LCARStrek/devtools/images/command-responsivemode.svg b/LCARStrek/devtools/images/command-responsivemode.svg deleted file mode 100644 index d825b7ff..00000000 --- a/LCARStrek/devtools/images/command-responsivemode.svg +++ /dev/null @@ -1,6 +0,0 @@ - - - - diff --git a/LCARStrek/devtools/images/command-rulers.svg b/LCARStrek/devtools/images/command-rulers.svg deleted file mode 100644 index 0f620ffe..00000000 --- a/LCARStrek/devtools/images/command-rulers.svg +++ /dev/null @@ -1,7 +0,0 @@ - - - - - diff --git a/LCARStrek/devtools/images/command-scratchpad.svg b/LCARStrek/devtools/images/command-scratchpad.svg deleted file mode 100644 index 6fa3ee65..00000000 --- a/LCARStrek/devtools/images/command-scratchpad.svg +++ /dev/null @@ -1,7 +0,0 @@ - - - - - diff --git a/LCARStrek/devtools/images/command-screenshot.svg b/LCARStrek/devtools/images/command-screenshot.svg deleted file mode 100644 index f8905d78..00000000 --- a/LCARStrek/devtools/images/command-screenshot.svg +++ /dev/null @@ -1,7 +0,0 @@ - - - - - diff --git a/LCARStrek/devtools/images/commandline-icon.svg b/LCARStrek/devtools/images/commandline-icon.svg deleted file mode 100644 index cf7c7de8..00000000 --- a/LCARStrek/devtools/images/commandline-icon.svg +++ /dev/null @@ -1,42 +0,0 @@ - - - - - - - - - - - - - - - - diff --git a/LCARStrek/devtools/images/controls.png b/LCARStrek/devtools/images/controls.png deleted file mode 100644 index e5f2433a..00000000 Binary files a/LCARStrek/devtools/images/controls.png and /dev/null differ diff --git a/LCARStrek/devtools/images/controls@2x.png b/LCARStrek/devtools/images/controls@2x.png deleted file mode 100644 index d2eae838..00000000 Binary files a/LCARStrek/devtools/images/controls@2x.png and /dev/null differ diff --git a/LCARStrek/devtools/images/cubic-bezier-swatch.png b/LCARStrek/devtools/images/cubic-bezier-swatch.png deleted file mode 100644 index 8a2ca355..00000000 Binary files a/LCARStrek/devtools/images/cubic-bezier-swatch.png and /dev/null differ diff --git a/LCARStrek/devtools/images/cubic-bezier-swatch@2x.png b/LCARStrek/devtools/images/cubic-bezier-swatch@2x.png deleted file mode 100644 index 2fcba499..00000000 Binary files a/LCARStrek/devtools/images/cubic-bezier-swatch@2x.png and /dev/null differ diff --git a/LCARStrek/devtools/images/debugger-blackbox.svg b/LCARStrek/devtools/images/debugger-blackbox.svg deleted file mode 100644 index f8d4165d..00000000 --- a/LCARStrek/devtools/images/debugger-blackbox.svg +++ /dev/null @@ -1,7 +0,0 @@ - - - - - diff --git a/LCARStrek/devtools/images/debugger-prettyprint.svg b/LCARStrek/devtools/images/debugger-prettyprint.svg deleted file mode 100644 index 13c9b184..00000000 --- a/LCARStrek/devtools/images/debugger-prettyprint.svg +++ /dev/null @@ -1,6 +0,0 @@ - - - - diff --git a/LCARStrek/devtools/images/debugger-step-in.svg b/LCARStrek/devtools/images/debugger-step-in.svg deleted file mode 100644 index 22cf7b7e..00000000 --- a/LCARStrek/devtools/images/debugger-step-in.svg +++ /dev/null @@ -1,6 +0,0 @@ - - - - diff --git a/LCARStrek/devtools/images/debugger-step-out.svg b/LCARStrek/devtools/images/debugger-step-out.svg deleted file mode 100644 index 6ed3e7b3..00000000 --- a/LCARStrek/devtools/images/debugger-step-out.svg +++ /dev/null @@ -1,6 +0,0 @@ - - - - diff --git a/LCARStrek/devtools/images/debugger-step-over.png b/LCARStrek/devtools/images/debugger-step-over.png deleted file mode 100644 index 53299ac0..00000000 Binary files a/LCARStrek/devtools/images/debugger-step-over.png and /dev/null differ diff --git a/LCARStrek/devtools/images/debugger-step-over.svg b/LCARStrek/devtools/images/debugger-step-over.svg deleted file mode 100644 index c56536ea..00000000 --- a/LCARStrek/devtools/images/debugger-step-over.svg +++ /dev/null @@ -1,7 +0,0 @@ - - - - - diff --git a/LCARStrek/devtools/images/debugger-step-over@2x.png b/LCARStrek/devtools/images/debugger-step-over@2x.png deleted file mode 100644 index 33eef332..00000000 Binary files a/LCARStrek/devtools/images/debugger-step-over@2x.png and /dev/null differ diff --git a/LCARStrek/devtools/images/debugger-toggleBreakpoints.svg b/LCARStrek/devtools/images/debugger-toggleBreakpoints.svg deleted file mode 100644 index f0cfd719..00000000 --- a/LCARStrek/devtools/images/debugger-toggleBreakpoints.svg +++ /dev/null @@ -1,6 +0,0 @@ - - - - diff --git a/LCARStrek/devtools/images/debugging-addons.svg b/LCARStrek/devtools/images/debugging-addons.svg deleted file mode 100644 index 50df610d..00000000 --- a/LCARStrek/devtools/images/debugging-addons.svg +++ /dev/null @@ -1,6 +0,0 @@ - - - - diff --git a/LCARStrek/devtools/images/debugging-devices.svg b/LCARStrek/devtools/images/debugging-devices.svg deleted file mode 100644 index 8b12b65f..00000000 --- a/LCARStrek/devtools/images/debugging-devices.svg +++ /dev/null @@ -1,7 +0,0 @@ - - - - diff --git a/LCARStrek/devtools/images/debugging-tabs.svg b/LCARStrek/devtools/images/debugging-tabs.svg deleted file mode 100644 index 4d2852fd..00000000 --- a/LCARStrek/devtools/images/debugging-tabs.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/LCARStrek/devtools/images/debugging-workers.svg b/LCARStrek/devtools/images/debugging-workers.svg deleted file mode 100644 index 7b0fdadf..00000000 --- a/LCARStrek/devtools/images/debugging-workers.svg +++ /dev/null @@ -1,11 +0,0 @@ - - - - diff --git a/LCARStrek/devtools/images/diff.svg b/LCARStrek/devtools/images/diff.svg deleted file mode 100644 index 009874c7..00000000 --- a/LCARStrek/devtools/images/diff.svg +++ /dev/null @@ -1,9 +0,0 @@ - - - - - - - diff --git a/LCARStrek/devtools/images/dock-bottom.svg b/LCARStrek/devtools/images/dock-bottom.svg deleted file mode 100644 index 763a0a45..00000000 --- a/LCARStrek/devtools/images/dock-bottom.svg +++ /dev/null @@ -1,6 +0,0 @@ - - - - diff --git a/LCARStrek/devtools/images/dock-side.svg b/LCARStrek/devtools/images/dock-side.svg deleted file mode 100644 index d4f6a202..00000000 --- a/LCARStrek/devtools/images/dock-side.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/LCARStrek/devtools/images/dock-undock.svg b/LCARStrek/devtools/images/dock-undock.svg deleted file mode 100644 index a94e613a..00000000 --- a/LCARStrek/devtools/images/dock-undock.svg +++ /dev/null @@ -1,8 +0,0 @@ - - - - - - diff --git a/LCARStrek/devtools/images/dropmarker.svg b/LCARStrek/devtools/images/dropmarker.svg deleted file mode 100644 index b175ec11..00000000 --- a/LCARStrek/devtools/images/dropmarker.svg +++ /dev/null @@ -1,6 +0,0 @@ - - - - diff --git a/LCARStrek/devtools/images/editor-error.png b/LCARStrek/devtools/images/editor-error.png deleted file mode 100644 index 786fc7d0..00000000 Binary files a/LCARStrek/devtools/images/editor-error.png and /dev/null differ diff --git a/LCARStrek/devtools/images/emojis/emoji-command-pick.svg b/LCARStrek/devtools/images/emojis/emoji-command-pick.svg deleted file mode 100755 index 4be43676..00000000 --- a/LCARStrek/devtools/images/emojis/emoji-command-pick.svg +++ /dev/null @@ -1,7 +0,0 @@ - - - - - \ No newline at end of file diff --git a/LCARStrek/devtools/images/emojis/emoji-tool-canvas.svg b/LCARStrek/devtools/images/emojis/emoji-tool-canvas.svg deleted file mode 100644 index 97d8a91a..00000000 --- a/LCARStrek/devtools/images/emojis/emoji-tool-canvas.svg +++ /dev/null @@ -1,11 +0,0 @@ - - - - - - - - - \ No newline at end of file diff --git a/LCARStrek/devtools/images/emojis/emoji-tool-debugger.svg b/LCARStrek/devtools/images/emojis/emoji-tool-debugger.svg deleted file mode 100644 index 07b9ebbb..00000000 --- a/LCARStrek/devtools/images/emojis/emoji-tool-debugger.svg +++ /dev/null @@ -1,11 +0,0 @@ - - - - - - - - - \ No newline at end of file diff --git a/LCARStrek/devtools/images/emojis/emoji-tool-dom.svg b/LCARStrek/devtools/images/emojis/emoji-tool-dom.svg deleted file mode 100644 index 1d3e40fa..00000000 --- a/LCARStrek/devtools/images/emojis/emoji-tool-dom.svg +++ /dev/null @@ -1,11 +0,0 @@ - - - - - - - - - diff --git a/LCARStrek/devtools/images/emojis/emoji-tool-inspector.svg b/LCARStrek/devtools/images/emojis/emoji-tool-inspector.svg deleted file mode 100644 index 093fb91b..00000000 --- a/LCARStrek/devtools/images/emojis/emoji-tool-inspector.svg +++ /dev/null @@ -1,13 +0,0 @@ - - - - - - - - - - - \ No newline at end of file diff --git a/LCARStrek/devtools/images/emojis/emoji-tool-memory.svg b/LCARStrek/devtools/images/emojis/emoji-tool-memory.svg deleted file mode 100644 index 6387d564..00000000 --- a/LCARStrek/devtools/images/emojis/emoji-tool-memory.svg +++ /dev/null @@ -1,9 +0,0 @@ - - - - - - - \ No newline at end of file diff --git a/LCARStrek/devtools/images/emojis/emoji-tool-network.svg b/LCARStrek/devtools/images/emojis/emoji-tool-network.svg deleted file mode 100644 index 249ac7b6..00000000 --- a/LCARStrek/devtools/images/emojis/emoji-tool-network.svg +++ /dev/null @@ -1,8 +0,0 @@ - - - - - - \ No newline at end of file diff --git a/LCARStrek/devtools/images/emojis/emoji-tool-profiler.svg b/LCARStrek/devtools/images/emojis/emoji-tool-profiler.svg deleted file mode 100644 index bf4b660c..00000000 --- a/LCARStrek/devtools/images/emojis/emoji-tool-profiler.svg +++ /dev/null @@ -1,11 +0,0 @@ - - - - - - - - - \ No newline at end of file diff --git a/LCARStrek/devtools/images/emojis/emoji-tool-scratchpad.svg b/LCARStrek/devtools/images/emojis/emoji-tool-scratchpad.svg deleted file mode 100644 index 08128eb5..00000000 --- a/LCARStrek/devtools/images/emojis/emoji-tool-scratchpad.svg +++ /dev/null @@ -1,10 +0,0 @@ - - - - - - - - \ No newline at end of file diff --git a/LCARStrek/devtools/images/emojis/emoji-tool-shadereditor.svg b/LCARStrek/devtools/images/emojis/emoji-tool-shadereditor.svg deleted file mode 100644 index 1356caad..00000000 --- a/LCARStrek/devtools/images/emojis/emoji-tool-shadereditor.svg +++ /dev/null @@ -1,96 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - \ No newline at end of file diff --git a/LCARStrek/devtools/images/emojis/emoji-tool-storage.svg b/LCARStrek/devtools/images/emojis/emoji-tool-storage.svg deleted file mode 100644 index d9be2610..00000000 --- a/LCARStrek/devtools/images/emojis/emoji-tool-storage.svg +++ /dev/null @@ -1,8 +0,0 @@ - - - - - - \ No newline at end of file diff --git a/LCARStrek/devtools/images/emojis/emoji-tool-styleeditor.svg b/LCARStrek/devtools/images/emojis/emoji-tool-styleeditor.svg deleted file mode 100644 index ef715331..00000000 --- a/LCARStrek/devtools/images/emojis/emoji-tool-styleeditor.svg +++ /dev/null @@ -1,11 +0,0 @@ - - - - - - - - - \ No newline at end of file diff --git a/LCARStrek/devtools/images/emojis/emoji-tool-webaudio.svg b/LCARStrek/devtools/images/emojis/emoji-tool-webaudio.svg deleted file mode 100644 index b57c0f88..00000000 --- a/LCARStrek/devtools/images/emojis/emoji-tool-webaudio.svg +++ /dev/null @@ -1,12 +0,0 @@ - - - - - - - - - - \ No newline at end of file diff --git a/LCARStrek/devtools/images/emojis/emoji-tool-webconsole.svg b/LCARStrek/devtools/images/emojis/emoji-tool-webconsole.svg deleted file mode 100644 index 78843dfd..00000000 --- a/LCARStrek/devtools/images/emojis/emoji-tool-webconsole.svg +++ /dev/null @@ -1,8 +0,0 @@ - - - - - - \ No newline at end of file diff --git a/LCARStrek/devtools/images/fast-forward.svg b/LCARStrek/devtools/images/fast-forward.svg deleted file mode 100644 index 6fbfbd2c..00000000 --- a/LCARStrek/devtools/images/fast-forward.svg +++ /dev/null @@ -1,6 +0,0 @@ - - - - diff --git a/LCARStrek/devtools/images/filetypes/dir-close.svg b/LCARStrek/devtools/images/filetypes/dir-close.svg deleted file mode 100644 index 7a50bb87..00000000 --- a/LCARStrek/devtools/images/filetypes/dir-close.svg +++ /dev/null @@ -1,6 +0,0 @@ - - - - diff --git a/LCARStrek/devtools/images/filetypes/dir-open.svg b/LCARStrek/devtools/images/filetypes/dir-open.svg deleted file mode 100644 index 14c01fba..00000000 --- a/LCARStrek/devtools/images/filetypes/dir-open.svg +++ /dev/null @@ -1,7 +0,0 @@ - - - - - diff --git a/LCARStrek/devtools/images/filetypes/globe.svg b/LCARStrek/devtools/images/filetypes/globe.svg deleted file mode 100644 index fcc575a4..00000000 --- a/LCARStrek/devtools/images/filetypes/globe.svg +++ /dev/null @@ -1,7 +0,0 @@ - - - - - diff --git a/LCARStrek/devtools/images/filetypes/store.svg b/LCARStrek/devtools/images/filetypes/store.svg deleted file mode 100644 index a62d2adb..00000000 --- a/LCARStrek/devtools/images/filetypes/store.svg +++ /dev/null @@ -1,7 +0,0 @@ - - - - - diff --git a/LCARStrek/devtools/images/filter-swatch.svg b/LCARStrek/devtools/images/filter-swatch.svg deleted file mode 100644 index 89bd043a..00000000 --- a/LCARStrek/devtools/images/filter-swatch.svg +++ /dev/null @@ -1,12 +0,0 @@ - - - - - - - - - - diff --git a/LCARStrek/devtools/images/filter.svg b/LCARStrek/devtools/images/filter.svg deleted file mode 100644 index 2e3ad5a3..00000000 --- a/LCARStrek/devtools/images/filter.svg +++ /dev/null @@ -1,16 +0,0 @@ - - - - - - - - - diff --git a/LCARStrek/devtools/images/filters.svg b/LCARStrek/devtools/images/filters.svg deleted file mode 100644 index 8e76a1b4..00000000 --- a/LCARStrek/devtools/images/filters.svg +++ /dev/null @@ -1,31 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - diff --git a/LCARStrek/devtools/images/geometry-editor.svg b/LCARStrek/devtools/images/geometry-editor.svg deleted file mode 100644 index 138e4618..00000000 --- a/LCARStrek/devtools/images/geometry-editor.svg +++ /dev/null @@ -1,7 +0,0 @@ - - - - - diff --git a/LCARStrek/devtools/images/import.svg b/LCARStrek/devtools/images/import.svg deleted file mode 100644 index 96855bec..00000000 --- a/LCARStrek/devtools/images/import.svg +++ /dev/null @@ -1,8 +0,0 @@ - - - - - - diff --git a/LCARStrek/devtools/images/itemArrow-ltr.svg b/LCARStrek/devtools/images/itemArrow-ltr.svg deleted file mode 100644 index e08242b1..00000000 --- a/LCARStrek/devtools/images/itemArrow-ltr.svg +++ /dev/null @@ -1,7 +0,0 @@ - - - - - diff --git a/LCARStrek/devtools/images/itemArrow-rtl.svg b/LCARStrek/devtools/images/itemArrow-rtl.svg deleted file mode 100755 index 95787b20..00000000 --- a/LCARStrek/devtools/images/itemArrow-rtl.svg +++ /dev/null @@ -1,7 +0,0 @@ - - - - - diff --git a/LCARStrek/devtools/images/itemToggle.svg b/LCARStrek/devtools/images/itemToggle.svg deleted file mode 100644 index f8d4165d..00000000 --- a/LCARStrek/devtools/images/itemToggle.svg +++ /dev/null @@ -1,7 +0,0 @@ - - - - - diff --git a/LCARStrek/devtools/images/pane-collapse.svg b/LCARStrek/devtools/images/pane-collapse.svg deleted file mode 100644 index 08258741..00000000 --- a/LCARStrek/devtools/images/pane-collapse.svg +++ /dev/null @@ -1,7 +0,0 @@ - - - - - diff --git a/LCARStrek/devtools/images/pane-expand.svg b/LCARStrek/devtools/images/pane-expand.svg deleted file mode 100644 index c8643be7..00000000 --- a/LCARStrek/devtools/images/pane-expand.svg +++ /dev/null @@ -1,7 +0,0 @@ - - - - - diff --git a/LCARStrek/devtools/images/pause.svg b/LCARStrek/devtools/images/pause.svg deleted file mode 100644 index 04b8d401..00000000 --- a/LCARStrek/devtools/images/pause.svg +++ /dev/null @@ -1,6 +0,0 @@ - - - - diff --git a/LCARStrek/devtools/images/performance-icons.svg b/LCARStrek/devtools/images/performance-icons.svg deleted file mode 100644 index 1847f2f2..00000000 --- a/LCARStrek/devtools/images/performance-icons.svg +++ /dev/null @@ -1,42 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/LCARStrek/devtools/images/play.svg b/LCARStrek/devtools/images/play.svg deleted file mode 100644 index bf3cb094..00000000 --- a/LCARStrek/devtools/images/play.svg +++ /dev/null @@ -1,6 +0,0 @@ - - - - diff --git a/LCARStrek/devtools/images/power.svg b/LCARStrek/devtools/images/power.svg deleted file mode 100644 index 1fc7fb2b..00000000 --- a/LCARStrek/devtools/images/power.svg +++ /dev/null @@ -1,7 +0,0 @@ - - - - - diff --git a/LCARStrek/devtools/images/profiler-stopwatch-tbutton.svg b/LCARStrek/devtools/images/profiler-stopwatch-tbutton.svg deleted file mode 100644 index df607b3b..00000000 --- a/LCARStrek/devtools/images/profiler-stopwatch-tbutton.svg +++ /dev/null @@ -1,17 +0,0 @@ - - - - - - - - - - - - - - - diff --git a/LCARStrek/devtools/images/profiler-stopwatch.svg b/LCARStrek/devtools/images/profiler-stopwatch.svg deleted file mode 100644 index f8be61e0..00000000 --- a/LCARStrek/devtools/images/profiler-stopwatch.svg +++ /dev/null @@ -1,11 +0,0 @@ - - - - - - - - - diff --git a/LCARStrek/devtools/images/pseudo-class.svg b/LCARStrek/devtools/images/pseudo-class.svg deleted file mode 100644 index 88613aba..00000000 --- a/LCARStrek/devtools/images/pseudo-class.svg +++ /dev/null @@ -1,7 +0,0 @@ - - - - - diff --git a/LCARStrek/devtools/images/reload.svg b/LCARStrek/devtools/images/reload.svg deleted file mode 100644 index b0426278..00000000 --- a/LCARStrek/devtools/images/reload.svg +++ /dev/null @@ -1,6 +0,0 @@ - - - - diff --git a/LCARStrek/devtools/images/responsive-horizontal-resizer.png b/LCARStrek/devtools/images/responsive-horizontal-resizer.png deleted file mode 100644 index 84bfc781..00000000 Binary files a/LCARStrek/devtools/images/responsive-horizontal-resizer.png and /dev/null differ diff --git a/LCARStrek/devtools/images/responsive-horizontal-resizer@2x.png b/LCARStrek/devtools/images/responsive-horizontal-resizer@2x.png deleted file mode 100644 index d27e78d6..00000000 Binary files a/LCARStrek/devtools/images/responsive-horizontal-resizer@2x.png and /dev/null differ diff --git a/LCARStrek/devtools/images/responsive-se-resizer.png b/LCARStrek/devtools/images/responsive-se-resizer.png deleted file mode 100644 index 769bcd8a..00000000 Binary files a/LCARStrek/devtools/images/responsive-se-resizer.png and /dev/null differ diff --git a/LCARStrek/devtools/images/responsive-se-resizer@2x.png b/LCARStrek/devtools/images/responsive-se-resizer@2x.png deleted file mode 100644 index 9d04d281..00000000 Binary files a/LCARStrek/devtools/images/responsive-se-resizer@2x.png and /dev/null differ diff --git a/LCARStrek/devtools/images/responsive-vertical-resizer.png b/LCARStrek/devtools/images/responsive-vertical-resizer.png deleted file mode 100644 index 85cc090e..00000000 Binary files a/LCARStrek/devtools/images/responsive-vertical-resizer.png and /dev/null differ diff --git a/LCARStrek/devtools/images/responsive-vertical-resizer@2x.png b/LCARStrek/devtools/images/responsive-vertical-resizer@2x.png deleted file mode 100644 index eae5e24c..00000000 Binary files a/LCARStrek/devtools/images/responsive-vertical-resizer@2x.png and /dev/null differ diff --git a/LCARStrek/devtools/images/responsiveui-home.png b/LCARStrek/devtools/images/responsiveui-home.png deleted file mode 100644 index 43379d0e..00000000 Binary files a/LCARStrek/devtools/images/responsiveui-home.png and /dev/null differ diff --git a/LCARStrek/devtools/images/responsiveui-rotate.png b/LCARStrek/devtools/images/responsiveui-rotate.png deleted file mode 100644 index eaebc16a..00000000 Binary files a/LCARStrek/devtools/images/responsiveui-rotate.png and /dev/null differ diff --git a/LCARStrek/devtools/images/responsiveui-rotate@2x.png b/LCARStrek/devtools/images/responsiveui-rotate@2x.png deleted file mode 100644 index 1f5434f1..00000000 Binary files a/LCARStrek/devtools/images/responsiveui-rotate@2x.png and /dev/null differ diff --git a/LCARStrek/devtools/images/responsiveui-screenshot.png b/LCARStrek/devtools/images/responsiveui-screenshot.png deleted file mode 100644 index 147184bc..00000000 Binary files a/LCARStrek/devtools/images/responsiveui-screenshot.png and /dev/null differ diff --git a/LCARStrek/devtools/images/responsiveui-screenshot@2x.png b/LCARStrek/devtools/images/responsiveui-screenshot@2x.png deleted file mode 100644 index 87fab6e0..00000000 Binary files a/LCARStrek/devtools/images/responsiveui-screenshot@2x.png and /dev/null differ diff --git a/LCARStrek/devtools/images/responsiveui-touch.png b/LCARStrek/devtools/images/responsiveui-touch.png deleted file mode 100644 index c045c64f..00000000 Binary files a/LCARStrek/devtools/images/responsiveui-touch.png and /dev/null differ diff --git a/LCARStrek/devtools/images/responsiveui-touch@2x.png b/LCARStrek/devtools/images/responsiveui-touch@2x.png deleted file mode 100644 index dc1998a8..00000000 Binary files a/LCARStrek/devtools/images/responsiveui-touch@2x.png and /dev/null differ diff --git a/LCARStrek/devtools/images/rewind.svg b/LCARStrek/devtools/images/rewind.svg deleted file mode 100644 index a423fec5..00000000 --- a/LCARStrek/devtools/images/rewind.svg +++ /dev/null @@ -1,6 +0,0 @@ - - - - diff --git a/LCARStrek/devtools/images/search-clear-failed.svg b/LCARStrek/devtools/images/search-clear-failed.svg deleted file mode 100644 index d5202a55..00000000 --- a/LCARStrek/devtools/images/search-clear-failed.svg +++ /dev/null @@ -1,15 +0,0 @@ - - - - - - - - - - diff --git a/LCARStrek/devtools/images/search-clear.svg b/LCARStrek/devtools/images/search-clear.svg deleted file mode 100644 index b343c039..00000000 --- a/LCARStrek/devtools/images/search-clear.svg +++ /dev/null @@ -1,15 +0,0 @@ - - - - - - - - - - diff --git a/LCARStrek/devtools/images/search.svg b/LCARStrek/devtools/images/search.svg deleted file mode 100644 index 76a0b967..00000000 --- a/LCARStrek/devtools/images/search.svg +++ /dev/null @@ -1,6 +0,0 @@ - - - - diff --git a/LCARStrek/devtools/images/security-state-broken.svg b/LCARStrek/devtools/images/security-state-broken.svg deleted file mode 100644 index 7febcedf..00000000 --- a/LCARStrek/devtools/images/security-state-broken.svg +++ /dev/null @@ -1,9 +0,0 @@ - - - - - - diff --git a/LCARStrek/devtools/images/security-state-insecure.svg b/LCARStrek/devtools/images/security-state-insecure.svg deleted file mode 100644 index fa3d5797..00000000 --- a/LCARStrek/devtools/images/security-state-insecure.svg +++ /dev/null @@ -1,38 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/LCARStrek/devtools/images/security-state-local.svg b/LCARStrek/devtools/images/security-state-local.svg deleted file mode 100644 index 4e6c8e0c..00000000 --- a/LCARStrek/devtools/images/security-state-local.svg +++ /dev/null @@ -1,8 +0,0 @@ - - - - - - diff --git a/LCARStrek/devtools/images/security-state-secure.svg b/LCARStrek/devtools/images/security-state-secure.svg deleted file mode 100644 index aad4d3c0..00000000 --- a/LCARStrek/devtools/images/security-state-secure.svg +++ /dev/null @@ -1,27 +0,0 @@ - - - - - - - - - - - - - - - - - - - - diff --git a/LCARStrek/devtools/images/security-state-weak.svg b/LCARStrek/devtools/images/security-state-weak.svg deleted file mode 100644 index 92f05850..00000000 --- a/LCARStrek/devtools/images/security-state-weak.svg +++ /dev/null @@ -1,31 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/LCARStrek/devtools/images/sort-arrows.svg b/LCARStrek/devtools/images/sort-arrows.svg deleted file mode 100644 index 07e05a00..00000000 --- a/LCARStrek/devtools/images/sort-arrows.svg +++ /dev/null @@ -1,12 +0,0 @@ - - - - - - diff --git a/LCARStrek/devtools/images/tabs-icon.svg b/LCARStrek/devtools/images/tabs-icon.svg deleted file mode 100644 index 4e6c8e0c..00000000 --- a/LCARStrek/devtools/images/tabs-icon.svg +++ /dev/null @@ -1,8 +0,0 @@ - - - - - - diff --git a/LCARStrek/devtools/images/toggle-tools.png b/LCARStrek/devtools/images/toggle-tools.png deleted file mode 100644 index 96a2d772..00000000 Binary files a/LCARStrek/devtools/images/toggle-tools.png and /dev/null differ diff --git a/LCARStrek/devtools/images/toggle-tools@2x.png b/LCARStrek/devtools/images/toggle-tools@2x.png deleted file mode 100644 index 2d165de9..00000000 Binary files a/LCARStrek/devtools/images/toggle-tools@2x.png and /dev/null differ diff --git a/LCARStrek/devtools/images/tool-canvas.svg b/LCARStrek/devtools/images/tool-canvas.svg deleted file mode 100644 index 4fd94d69..00000000 --- a/LCARStrek/devtools/images/tool-canvas.svg +++ /dev/null @@ -1,9 +0,0 @@ - - - - - - - diff --git a/LCARStrek/devtools/images/tool-debugger-paused.svg b/LCARStrek/devtools/images/tool-debugger-paused.svg deleted file mode 100644 index 4fa674ad..00000000 --- a/LCARStrek/devtools/images/tool-debugger-paused.svg +++ /dev/null @@ -1,6 +0,0 @@ - - - - diff --git a/LCARStrek/devtools/images/tool-debugger.svg b/LCARStrek/devtools/images/tool-debugger.svg deleted file mode 100644 index 7c7d85f9..00000000 --- a/LCARStrek/devtools/images/tool-debugger.svg +++ /dev/null @@ -1,6 +0,0 @@ - - - - diff --git a/LCARStrek/devtools/images/tool-dom.svg b/LCARStrek/devtools/images/tool-dom.svg deleted file mode 100644 index 97db8579..00000000 --- a/LCARStrek/devtools/images/tool-dom.svg +++ /dev/null @@ -1,6 +0,0 @@ - - - - diff --git a/LCARStrek/devtools/images/tool-inspector.svg b/LCARStrek/devtools/images/tool-inspector.svg deleted file mode 100644 index d41de5aa..00000000 --- a/LCARStrek/devtools/images/tool-inspector.svg +++ /dev/null @@ -1,7 +0,0 @@ - - - - - diff --git a/LCARStrek/devtools/images/tool-memory-active.svg b/LCARStrek/devtools/images/tool-memory-active.svg deleted file mode 100644 index 86f4b922..00000000 --- a/LCARStrek/devtools/images/tool-memory-active.svg +++ /dev/null @@ -1,10 +0,0 @@ - - - - - - - - diff --git a/LCARStrek/devtools/images/tool-memory.svg b/LCARStrek/devtools/images/tool-memory.svg deleted file mode 100644 index b4bfd6a4..00000000 --- a/LCARStrek/devtools/images/tool-memory.svg +++ /dev/null @@ -1,10 +0,0 @@ - - - - - - - - diff --git a/LCARStrek/devtools/images/tool-network.svg b/LCARStrek/devtools/images/tool-network.svg deleted file mode 100644 index ed9b927e..00000000 --- a/LCARStrek/devtools/images/tool-network.svg +++ /dev/null @@ -1,9 +0,0 @@ - - - - - - - diff --git a/LCARStrek/devtools/images/tool-options-tbutton.svg b/LCARStrek/devtools/images/tool-options-tbutton.svg deleted file mode 100644 index b54c3cce..00000000 --- a/LCARStrek/devtools/images/tool-options-tbutton.svg +++ /dev/null @@ -1,6 +0,0 @@ - - - - diff --git a/LCARStrek/devtools/images/tool-options.svg b/LCARStrek/devtools/images/tool-options.svg deleted file mode 100644 index f3ec84db..00000000 --- a/LCARStrek/devtools/images/tool-options.svg +++ /dev/null @@ -1,7 +0,0 @@ - - - - - diff --git a/LCARStrek/devtools/images/tool-profiler-active.svg b/LCARStrek/devtools/images/tool-profiler-active.svg deleted file mode 100644 index fb049b7f..00000000 --- a/LCARStrek/devtools/images/tool-profiler-active.svg +++ /dev/null @@ -1,9 +0,0 @@ - - - - - - - diff --git a/LCARStrek/devtools/images/tool-profiler.svg b/LCARStrek/devtools/images/tool-profiler.svg deleted file mode 100644 index 0b189197..00000000 --- a/LCARStrek/devtools/images/tool-profiler.svg +++ /dev/null @@ -1,9 +0,0 @@ - - - - - - - diff --git a/LCARStrek/devtools/images/tool-scratchpad.svg b/LCARStrek/devtools/images/tool-scratchpad.svg deleted file mode 100644 index 7df801f5..00000000 --- a/LCARStrek/devtools/images/tool-scratchpad.svg +++ /dev/null @@ -1,7 +0,0 @@ - - - - - diff --git a/LCARStrek/devtools/images/tool-shadereditor.svg b/LCARStrek/devtools/images/tool-shadereditor.svg deleted file mode 100644 index 8e63794b..00000000 --- a/LCARStrek/devtools/images/tool-shadereditor.svg +++ /dev/null @@ -1,12 +0,0 @@ - - - - - - - - - - diff --git a/LCARStrek/devtools/images/tool-storage.svg b/LCARStrek/devtools/images/tool-storage.svg deleted file mode 100644 index a62d2adb..00000000 --- a/LCARStrek/devtools/images/tool-storage.svg +++ /dev/null @@ -1,7 +0,0 @@ - - - - - diff --git a/LCARStrek/devtools/images/tool-styleeditor.svg b/LCARStrek/devtools/images/tool-styleeditor.svg deleted file mode 100644 index b4f26ab9..00000000 --- a/LCARStrek/devtools/images/tool-styleeditor.svg +++ /dev/null @@ -1,6 +0,0 @@ - - - - diff --git a/LCARStrek/devtools/images/tool-webaudio.svg b/LCARStrek/devtools/images/tool-webaudio.svg deleted file mode 100644 index fcdf50e4..00000000 --- a/LCARStrek/devtools/images/tool-webaudio.svg +++ /dev/null @@ -1,6 +0,0 @@ - - - - diff --git a/LCARStrek/devtools/images/tool-webconsole.svg b/LCARStrek/devtools/images/tool-webconsole.svg deleted file mode 100644 index 69c13e0f..00000000 --- a/LCARStrek/devtools/images/tool-webconsole.svg +++ /dev/null @@ -1,7 +0,0 @@ - - - - - diff --git a/LCARStrek/devtools/images/tracer-icon.png b/LCARStrek/devtools/images/tracer-icon.png deleted file mode 100644 index c8bfb400..00000000 Binary files a/LCARStrek/devtools/images/tracer-icon.png and /dev/null differ diff --git a/LCARStrek/devtools/images/tracer-icon@2x.png b/LCARStrek/devtools/images/tracer-icon@2x.png deleted file mode 100644 index 06d7ae51..00000000 Binary files a/LCARStrek/devtools/images/tracer-icon@2x.png and /dev/null differ diff --git a/LCARStrek/devtools/images/vview-delete.png b/LCARStrek/devtools/images/vview-delete.png deleted file mode 100644 index 6e857187..00000000 Binary files a/LCARStrek/devtools/images/vview-delete.png and /dev/null differ diff --git a/LCARStrek/devtools/images/vview-delete@2x.png b/LCARStrek/devtools/images/vview-delete@2x.png deleted file mode 100644 index 66e0fdcf..00000000 Binary files a/LCARStrek/devtools/images/vview-delete@2x.png and /dev/null differ diff --git a/LCARStrek/devtools/images/vview-edit.png b/LCARStrek/devtools/images/vview-edit.png deleted file mode 100644 index 446f7b00..00000000 Binary files a/LCARStrek/devtools/images/vview-edit.png and /dev/null differ diff --git a/LCARStrek/devtools/images/vview-edit@2x.png b/LCARStrek/devtools/images/vview-edit@2x.png deleted file mode 100644 index 353d7ea3..00000000 Binary files a/LCARStrek/devtools/images/vview-edit@2x.png and /dev/null differ diff --git a/LCARStrek/devtools/images/vview-lock.png b/LCARStrek/devtools/images/vview-lock.png deleted file mode 100644 index b9df4314..00000000 Binary files a/LCARStrek/devtools/images/vview-lock.png and /dev/null differ diff --git a/LCARStrek/devtools/images/vview-lock@2x.png b/LCARStrek/devtools/images/vview-lock@2x.png deleted file mode 100644 index f1571db2..00000000 Binary files a/LCARStrek/devtools/images/vview-lock@2x.png and /dev/null differ diff --git a/LCARStrek/devtools/images/vview-open-inspector.png b/LCARStrek/devtools/images/vview-open-inspector.png deleted file mode 100644 index 91c49702..00000000 Binary files a/LCARStrek/devtools/images/vview-open-inspector.png and /dev/null differ diff --git a/LCARStrek/devtools/images/vview-open-inspector@2x.png b/LCARStrek/devtools/images/vview-open-inspector@2x.png deleted file mode 100644 index b95b3090..00000000 Binary files a/LCARStrek/devtools/images/vview-open-inspector@2x.png and /dev/null differ diff --git a/LCARStrek/devtools/images/webconsole.svg b/LCARStrek/devtools/images/webconsole.svg deleted file mode 100644 index d40e1641..00000000 --- a/LCARStrek/devtools/images/webconsole.svg +++ /dev/null @@ -1,101 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - \ No newline at end of file diff --git a/LCARStrek/devtools/inspector.css b/LCARStrek/devtools/inspector.css deleted file mode 100644 index 49d5bf11..00000000 --- a/LCARStrek/devtools/inspector.css +++ /dev/null @@ -1,234 +0,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/. */ - -@import url(variables.css); /* No idea why this is needed but we get error messages without it */ - -:root { - --eyedropper-image: url(images/command-eyedropper.svg); -} - -window { - padding: 0; -} - -:root { - --breadcrumbs-border-color: #9C9CFF; -} - -* { - box-sizing: border-box; -} - -/* Make sure to hide scroll bars for the parent window */ -window { - overflow: hidden; -} - -/* The main Inspector panel container. */ -.inspector-responsive-container { - height: 100vh; -} - -/* The main panel layout. This area consists of a toolbar, markup view - and breadcrumbs bar. */ -#inspector-main-content { - /* Subtract 1 pixel from the panel height. It's puzzling why this - is needed, but if not presented the entire Inspector panel - content jumps 1 pixel up when the Toolbox is opened. */ - height: calc(100% - 1px); - /* This min-width avoids a visual glitch when moving the splitter quickly to the left. - See bug 1307408 comment #12. */ - min-width: 125px; - display: flex; - flex-direction: column; - flex: 1 1 auto; -} - -/* Inspector Panel Splitter */ - -#inspector-splitter-box { - height: 100vh; - width: 100vw; - position: fixed; -} - -/* Minimum dimensions for the Inspector splitter areas. */ -#inspector-splitter-box .uncontrolled, -#inspector-splitter-box .controlled { - min-height: 50px; - min-width: 50px; - overflow-x: hidden; -} - -/* Set a minimum width of 200px for tab content to avoid breaking the layout when resizing - the sidebar tab to small width. If a specific panel supports smaller width, this should - be overridden on a panel-by-panel basis */ -.inspector-tabpanel { - min-width: 200px; -} - -#inspector-splitter-box .controlled.pane-collapsed { - visibility: collapse; -} - -/* Use flex layout for the Inspector toolbar. For now, it's done - specifically for the Inspector toolbar since general rule applied - on .devtools-toolbar breaks breadcrumbs and also toolbars in other - panels (e.g. webconsole, debugger), these are not ready for HTML - layout yet. */ -#inspector-toolbar.devtools-toolbar { - display: flex; -} - -#inspector-toolbar.devtools-toolbar .devtools-toolbar-spacer { - flex-grow: 1; - display: inline-block; -} - -/* Add element toolbar button */ -#inspector-element-add-button::before { - background-image: url("chrome://devtools/skin/images/add.svg"); - list-style-image: url("chrome://devtools/skin/images/add.svg"); - -moz-user-focus: normal; -} - -#inspector-searchlabel { - overflow: hidden; - margin-inline-end: 2px; -} - -#inspector-search { - flex: unset; -} - -/* TODO: bug 1265759: should apply to .devtools-searchinput once all searchbox - is converted to html*/ -#inspector-searchbox { - width: 100%; -} - -/* Make sure the text is vertically centered in Inspector's - search box. This can be removed when the search box is - switched to HTML. - See also: https://bugzilla.mozilla.org/show_bug.cgi?id=1265759 */ -#inspector-searchbox { - line-height: 19px; -} - -/* Eyedropper toolbar button */ - -#inspector-eyedropper-toggle { - /* Required to display tooltip when eyedropper is disabled in non-HTML documents */ - pointer-events: auto; -} - -#inspector-eyedropper-toggle::before { - background-image: var(--eyedropper-image); -} - -#inspector-sidebar-toggle-box { - line-height: initial; -} - -#inspector-breadcrumbs-toolbar { - padding: 0px; - border-bottom-width: 0px; -/* border-top-width: 1px; - border-top-color: var(--breadcrumbs-border-color);*/ - /* Bug 1262668 - Use the same background as the body so the breadcrumbs toolbar doesn't - get mistaken as a splitter */ - background-color: var(--theme-alternate-toolbar-background); - background-image: none; - background-size: auto; - display: block; - position: relative; -} - -/* Remove LCARS startcap and endcap */ -div#inspector-breadcrumbs-toolbar::before, -div#inspector-breadcrumbs-toolbar::after { - display: none; -} - -#inspector-breadcrumbs-toolbar, -#inspector-breadcrumbs-toolbar * { - box-sizing: border-box; -} - -#inspector-breadcrumbs { - display: flex; - - /* Break out of the XUL flexbox, so the splitter can still shrink the - markup view even if the contents of the breadcrumbs are wider than - the new width. */ - position: absolute; - top: 0; - left: 0; - bottom: 0; - right: 0; -} - -#inspector-breadcrumbs .scrollbutton-up, -#inspector-breadcrumbs .scrollbutton-down { - flex: 0; - display: flex; - align-items: center; -} - -#inspector-breadcrumbs .html-arrowscrollbox-inner { - flex: 1; - display: flex; - overflow: hidden; -} - -#inspector-breadcrumbs .breadcrumbs-widget-item { - white-space: nowrap; - flex-shrink: 0; - font: 11px "Liberation Sans",Arial,Tahoma,Helvetica,sans-serif; -} - -#inspector-sidebar-container { - overflow: hidden; - position: relative; - height: 100%; -} - -#inspector-sidebar { - position: absolute; - top: 0; - bottom: 0; - left: 0; - right: 0; -} - -/* Override `-moz-user-focus:ignore;` from toolkit/content/minimal-xul.css */ -.inspector-tabpanel > * { - -moz-user-focus: normal; -} - -/* "no results" warning message displayed in the ruleview and in the computed view */ - -#ruleview-no-results, -#computedview-no-results { - color: var(--theme-body-color-inactive); - text-align: center; - margin: 5px; -} - -/* Markup Box */ - -iframe { - border: 0; -} - -#markup-box { - width: 100%; - flex: 1; - min-height: 0; -} - -#markup-box > iframe { - height: 100%; - width: 100%; -} diff --git a/LCARStrek/devtools/jit-optimizations.css b/LCARStrek/devtools/jit-optimizations.css deleted file mode 100644 index 36381050..00000000 --- a/LCARStrek/devtools/jit-optimizations.css +++ /dev/null @@ -1,108 +0,0 @@ -/* 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/. */ - -/** - * JIT View - */ - -#jit-optimizations-view { - width: 350px; - min-width: 200px; - white-space: nowrap; - --jit-tree-row-height: 14; - --jit-tree-header-height: 16; -} - -/* Override layout styles applied by minimal-xul.css */ -#jit-optimizations-view div { - display: block; -} -#jit-optimizations-view span { - display: inline-block; -} - -#jit-optimizations-view > div { - /* For elements that need to flex to fill the available space and/or - * scroll on overflow, we need to use the old flexbox model, since the - * parent nodes are in the XUL namespace. The new flexbox model can't - * properly compute dimensions and will ignore `flex: ${number}` properties, - * since no other parent node has a flex display. */ - display: -moz-box; - -moz-box-flex: 1; - -moz-box-orient: vertical; -} - -#jit-optimizations-view .optimization-header, -#jit-optimizations-view .tree * { - /* We can, however, display child nodes as flex to take advantage of - * horizontal/vertical inlining. */ - display: flex; -} - -#jit-optimizations-view .optimization-header { - height: var(--jit-tree-header-height); - padding: 2px 5px; - background-color: var(--theme-tab-toolbar-background); -} - -#jit-optimizations-view .header-title { - font-weight: bold; - padding-inline-end: 7px; -} - -#jit-optimizations-view .tree { - display: -moz-box; - -moz-box-flex: 1; - -moz-box-orient: vertical; - overflow: auto; - background-color: var(--theme-body-background); -} - -#jit-optimizations-view .tree-node { - height: var(--jit-tree-row-height); -} - -#jit-optimizations-view .tree-node button { - display: none; -} - -#jit-optimizations-view .optimization-outcome.success { - color: var(--theme-highlight-green); -} -#jit-optimizations-view .optimization-outcome.failure { - color: var(--theme-highlight-red); -} - -.theme-dark .opt-icon::before { - background-image: url(chrome://devtools/skin/images/webconsole.svg); -} -.theme-light .opt-icon::before { - background-image: url(chrome://devtools/skin/images/webconsole.svg#light-icons); -} - -.opt-icon::before { - display: inline-block; - content: ""; - background-repeat: no-repeat; - background-size: 72px 60px; - /* show grey "i" bubble by default */ - background-position: -36px -36px; - width: 10px; - height: 10px; - max-height: 12px; -} - -.opt-icon::before { - margin: 1px 6px 0 0; -} - -.opt-icon.warning::before { - background-position: -24px -24px; -} - -/* Frame Component */ -.frame-link { - margin-inline-start: 7px; -} diff --git a/LCARStrek/devtools/layout.css b/LCARStrek/devtools/layout.css deleted file mode 100644 index a2f89873..00000000 --- a/LCARStrek/devtools/layout.css +++ /dev/null @@ -1,272 +0,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/ */ - -#sidebar-panel-layoutview { - display: block; - overflow: auto; - height: 100%; -} - -#layout-wrapper { - /* The sidebar-panel is not focusable, this wrapper will catch click events in - all the empty area around the layout-container */ - height: 100%; -} - -#layout-container { - /* The view will grow bigger as the window gets resized, until 400px */ - max-width: 400px; - margin: 0px auto; - padding: 0; - /* "Contain" the absolutely positioned #layout-main element */ - position: relative; -} - -/* Header: contains the position and size of the element */ - -#layout-header { - box-sizing: border-box; - width: 100%; - padding: 4px 14px; - display: -moz-box; - vertical-align: top; -} - -#layout-header:dir(rtl) { - -moz-box-direction: reverse; -} - -#layout-header > span { - display: -moz-box; -} - -#layout-element-size { - -moz-box-flex: 1; -} - -#layout-element-size:dir(rtl) { - -moz-box-pack: end; -} - -@media (max-height: 250px) { - #layout-header { - padding-top: 0; - padding-bottom: 0; - margin-top: 10px; - margin-bottom: 8px; - } -} - -#layout-geometry-editor { - visibility: hidden; -} - -#layout-geometry-editor::before { - background: url(images/geometry-editor.svg) no-repeat center center / 16px 16px; -} - -/* Main: contains the box-model regions */ - -#layout-main { - position: relative; - box-sizing: border-box; - /* The regions are semi-transparent, so the white background is partly - visible */ - background-color: #FF9F00; - color: var(--theme-selection-color); - /* Make sure there is some space between the window's edges and the regions */ - margin: 0 14px 4px 14px; - width: calc(100% - 2 * 14px); -} - -.layout-margin, -.layout-size { -/* color: var(--theme-highlight-blue); */ -} - -/* Regions are 3 nested elements with wide borders and outlines */ - -#layout-content { - height: 18px; -} - -#layout-margins, -#layout-borders, -#layout-padding { - border-color: var(--theme-splitter-color); - border-width: 18px; - border-style: solid; - outline: dotted 1px var(--theme-splitter-color); -} - -#layout-margins { - /* This opacity applies to all of the regions, since they are nested */ - opacity: .8; -} - -/* Regions colors */ - -#layout-margins { - border-color: #FFCF00; -} - -#layout-borders { - border-color: #A09090; -} - -#layout-padding { - border-color: #8050B0; -} - -#layout-content { - background-color: #008484; -} - -/* Editable region sizes are contained in absolutely positioned

*/ - -#layout-main > p { - position: absolute; - pointer-events: none; - margin: 0; - text-align: center; -} - -#layout-main > p > span, -#layout-main > p > input { - vertical-align: middle; - pointer-events: auto; -} - -/* Coordinates for the region sizes */ - -.layout-top, -.layout-bottom { - width: calc(100% - 2px); - text-align: center; -} - -.layout-padding.layout-top { - top: 37px; -} - -.layout-padding.layout-bottom { - bottom: 38px; -} - -.layout-border.layout-top { - top: 19px; -} - -.layout-border.layout-bottom { - bottom: 20px; -} - -.layout-margin.layout-top { - top: 1px; -} - -.layout-margin.layout-bottom { - bottom: 2px; -} - -.layout-size, -.layout-margin.layout-left, -.layout-margin.layout-right, -.layout-border.layout-left, -.layout-border.layout-right, -.layout-padding.layout-left, -.layout-padding.layout-right { - top: 22px; - line-height: 88px; -} - -.layout-size { - width: calc(100% - 2px); -} - -.layout-margin.layout-right, -.layout-margin.layout-left, -.layout-border.layout-left, -.layout-border.layout-right, -.layout-padding.layout-right, -.layout-padding.layout-left { - width: 21px; -} - -.layout-padding.layout-left { - left: 35px; -} - -.layout-padding.layout-right { - right: 35px; -} - -.layout-border.layout-left { - left: 16px; -} - -.layout-border.layout-right { - right: 17px; -} - -.layout-margin.layout-right { - right: 0; -} - -.layout-margin.layout-left { - left: 0; -} - -.layout-rotate.layout-left:not(.layout-editing) { - transform: rotate(-90deg); -} - -.layout-rotate.layout-right:not(.layout-editing) { - transform: rotate(90deg); -} - -/* Legend, displayed inside regions */ - -.layout-legend { - position: absolute; - margin: 2px 6px; - z-index: 1; -} - -.layout-legend[data-box="margin"] { - color: #000000; /*var(--theme-highlight-blue);*/ -} - -/* Editable fields */ - -.layout-editable { - border: 1px dashed transparent; - -moz-user-select: text; -} - -.layout-editable:hover { - border-bottom-color: #E7ADE7; -} - -.styleinspector-propertyeditor { - border: 1px solid #008484; - padding: 0; -} - -/* Make sure the content size doesn't appear as editable like the other sizes */ - -.layout-size > span { - cursor: default; -} - -/* Layout info: contains the position and size of the element */ - -#layout-element-size { - flex: 1; -} - -#layout-position-group { - display: flex; - align-items: center; -} diff --git a/LCARStrek/devtools/light-theme.css b/LCARStrek/devtools/light-theme.css deleted file mode 100644 index 41569dc7..00000000 --- a/LCARStrek/devtools/light-theme.css +++ /dev/null @@ -1,2 +0,0 @@ -/* In LCARStrek, we do not support dark and light devtools themes, it's all one. */ -@import url("dark-theme.css"); diff --git a/LCARStrek/devtools/markup.css b/LCARStrek/devtools/markup.css deleted file mode 100644 index 07438462..00000000 --- a/LCARStrek/devtools/markup.css +++ /dev/null @@ -1,309 +0,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/. */ - -:root { - --markup-outline: var(--theme-splitter-color); - font: 12px "Liberation Mono", Consolas, "Courier New", monospace; -} - -* { - padding: 0; - margin: 0; -} - -:root { - -moz-control-character-visibility: visible; -} - -body { - -moz-user-select: none; -} - -/* Force height and width (possibly overflowing) from inline elements. - * This allows long overflows of text or input fields to still be styled with - * the container, rather than the background disappearing when scrolling */ -#root { - float: left; - min-width: 100%; -} - -/* Don't display a parent-child outline for the root elements */ -#root > ul > li > .children { - background: none; -} - -html.dragging { - overflow-x: hidden; -} - -body.dragging .tag-line { - cursor: grabbing; -} - -#root-wrapper:after { - content: ""; - display: block; - clear: both; - position:relative; -} - -.html-editor { - display: none; - position: absolute; - z-index: 2; - - /* Use the same margin/padding trick used by .child tags to ensure that - * the editor covers up any content to the left (including expander arrows - * and hover effects). */ - margin-left: -1000em; - padding-left: 1000em; -} - -.html-editor-inner { - border: solid .1px; - flex: 1 1 auto; - - /* Keep the editor away from the markup view floating scrollbars */ - margin-inline-end: 12px; -} - -.html-editor iframe { - height: 100%; - width: 100%; - border: none; - margin: 0; - padding: 0; -} - -.children { - list-style: none; - padding: 0; - margin: 0; -} - -/* Tags are organized in a UL/LI tree and indented thanks to a left padding. - * A very large padding is used in combination with a slightly smaller margin - * to make sure childs actually span from edge-to-edge. */ -.child { - margin-left: -1000em; - padding-left: 1001em; -} - -/* Normally this element takes space in the layout even if it's position: relative - * by adding height: 0 we let surrounding elements to fill the blank space */ -.child.dragging { - position: relative; - pointer-events: none; - opacity: 0.7; - z-index: 1; - height: 0; -} - -/* Indicates a tag-line in the markup-view as being an active drop target by - * drawing a horizontal line where the dragged element would be inserted if - * dropped here */ -.tag-line.drop-target::before, -.tag-line.drag-target::before { - content: ''; - position: absolute; - top: 0; - width: 100%; - /* Offset these by 1000px to make sure they cover the full width of the view */ - padding-left: 1000px; - left: -1000px; -} - -.tag-line.drag-target::before { - border-top: 2px solid var(--theme-content-color2); -} - -.tag-line.drop-target::before { - border-top: 2px solid var(--theme-contrast-background); -} - -/* In case the indicator is put on the closing .tag-line, the indentation level - * will become misleading, so we push it forward to match the indentation level */ -ul.children + .tag-line::before { - margin-left: 14px; -} - -.tag-line { - min-height: 1.4em; - line-height: 1.4em; - position: relative; - cursor: default; - padding-left: 2px; -} - -.tag-line[selected] + .children { - background-image: linear-gradient(to top, var(--markup-outline), var(--markup-outline)); - background-repeat: no-repeat; - /* Shorten the outline height by 4px to account for the 2px top padding and - * allow for a 2px bottom padding */ - background-size: 1.5px calc(100% - 4px); - /* Align the outline to under the expander arrow and provide 2px top - * padding */ - background-position: -6px 2px; - border-left: 6px solid transparent; - margin-left: -6px; -} - -.html-editor-container { - position: relative; - min-height: 200px; -} - -/* This extra element placed in each tag is positioned absolutely to cover the - * whole tag line and is used for background styling (when a selection is made - * or when the tag is flashing) */ -.tag-line .tag-state { - position: absolute; - left: -1000em; - right: 0; - height: 100%; - z-index: 0; -} - -.expander { - display: inline-block; - margin-left: -14px; - vertical-align: middle; - /* Make sure the expander still appears above the tag-state */ - position: relative; - z-index: 1; -} - -.child.collapsed .child, .child.collapsed .children { - display: none; -} - -.child > .tag-line:first-child .close { - display: none; -} - -.child.collapsed > .tag-line:first-child .close { - display: inline; -} - -.child.collapsed > .tag-line ~ .tag-line { - display: none; -} - -.child.collapsed .close { - display: inline; -} - -/* Hide HTML void elements (img, hr, br, …) closing tag when the element is not - * expanded (it can be if it has pseudo-elements attached) */ -.child.collapsed > .tag-line .void-element .close { - display: none; -} - -.closing-bracket { - pointer-events: none; -} - -.newattr { - display: inline-block; - width: 1em; - height: 1ex; - margin-right: -1em; - padding: 1px 0; -} - -.attr-value .link { - text-decoration: underline; -} - -.newattr:focus { - margin-right: 0; -} - -.flash-out { - transition: background .5s; -} - -.markupview-events { - display: none; - cursor: pointer; -} - -.editor { - /* Make sure the editor still appears above the tag-state */ - position: relative; - z-index: 1; -} - -.editor.text { - display: inline-block; -} - -.editor.text pre, -.editor.comment pre { - font: inherit; -} - -.more-nodes { - padding-left: 16px; -} - -.styleinspector-propertyeditor { - border: 1px solid #CCC; -} - -/* Draw a circle next to nodes that have a pseudo class lock. - Center vertically with the 1.4em line height on .tag-line */ -.child.pseudoclass-locked::before { - content: ""; - background: var(--theme-highlight-lightorange); - border-radius: 50%; - width: .8em; - height: .8em; - margin-top: .3em; - left: 1px; - position: absolute; - z-index: 1; -} - -/* Selected nodes in the tree should have light selected text. - theme-selected doesn't work in this case since the text is a - sibling of the class, not a child. */ -.theme-selected ~ .editor, -.theme-selected ~ .editor .theme-fg-color1, -.theme-selected ~ .editor .theme-fg-color2, -.theme-selected ~ .editor .theme-fg-color3, -.theme-selected ~ .editor .theme-fg-color4, -.theme-selected ~ .editor .theme-fg-color5, -.theme-selected ~ .editor .theme-fg-color6, -.theme-selected ~ .editor .theme-fg-color7 { - color: var(--theme-selection-color); -} - -/* Make sure even text nodes are white when selected in the Inspector panel. */ -.theme-firebug .theme-selected ~ .editor .open, -.theme-firebug .theme-selected ~ .editor .close { - color: var(--theme-selection-color); -} - -/* In case a node isn't displayed in the page, we fade the syntax highlighting */ -.not-displayed .open, -.not-displayed .close { - opacity: .7; -} - -/* Events */ -.markupview-events { - font-size: 8px; - font-weight: bold; - line-height: 10px; - border-radius: 3px; - padding: 0px 2px; - margin-inline-start: 5px; - -moz-user-select: none; -} - -.markupview-events { - background-color: var(--theme-body-color-alt); - color: var(--theme-body-background); -} diff --git a/LCARStrek/devtools/memory.css b/LCARStrek/devtools/memory.css deleted file mode 100644 index 650b0662..00000000 --- a/LCARStrek/devtools/memory.css +++ /dev/null @@ -1,758 +0,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/. */ - -/* CSS Variables specific to this panel that aren't defined by the themes */ -.theme-dark, -.theme-light { - --cell-border-color: #9C9CFF; - --cell-border-color-light: #A09090; - --focus-cell-border-color: #9C9CFF; - --row-alt-background-color: #402000; - --row-hover-background-color: #603000; -} - -html, body, #app, #memory-tool { - height: 100%; -} - -#memory-tool { - /** - * Flex: contains two children: .devtools-toolbar and #memory-tool-container, - * which need to be laid out vertically. The toolbar has a fixed height and - * the container needs to flex to fill out all remaining vertical space. - */ - display: flex; - flex-direction: column; - --sidebar-width: 185px; - /** - * If --heap-tree-row-height changes, be sure to change HEAP_TREE_ROW_HEIGHT - * in `devtools/client/memory/components/heap.js`. - */ - --heap-tree-row-height: 14px; - --heap-tree-header-height: 17px; -} - -/** - * Toolbar - */ - -.devtools-toolbar { - /** - * Flex: contains several children, which need to be laid out horizontally, - * and aligned vertically in the middle of the container. - */ - display: flex; - align-items: center; - background-size: calc(100% - 30px); - background-image: linear-gradient(90deg,#9C9CFF,#9C9CFF); - background-repeat: no-repeat; - background-position: center center; -} - -.devtools-toolbar::before, -.devtools-toolbar::after { - display: flex; - content: ""; - width: 12px; - min-height: 16px; - height: 100%; - background-color: #FF9F00; -} - -.devtools-toolbar::before { - border-radius: 8px 0px 0px 8px; - border: none; - border-inline-end: 3px solid black; - margin-inline-end: 2px; -} - -.devtools-toolbar::after { - border-radius: 0px 8px 8px 0px; - border: none; - border-inline-start: 3px solid black; - margin-inline-start: 2px; -} - -.devtools-toolbar > .toolbar-group:nth-of-type(1) { - /** - * We want this to be exactly at a `--sidebar-width` distance from the - * toolbar's start boundary. We want the end border to be after the sidebar, - * and the startcap has to be subtracted. - */ - flex: 0 0 calc(var(--sidebar-width) - 2px - 15px); - border-inline-end: 3px solid var(--theme-toolbar-background); - margin-inline-end: 5px; - padding-right: 1px; -} - -.devtools-toolbar > .toolbar-group { - /** - * Flex: contains several children, which need to be laid out horizontally, - * and aligned vertically in the middle of the container. - */ - display: flex; - align-items: center; - flex: 1; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - height: 100%; -} - -.devtools-toolbar > .toolbar-group > label { - /** - * Flex: contains form controls and text, which need to be laid out - * horizontally, vertically aligned in the middle of the container. - */ - display: flex; - align-items: center; - margin-inline-end: 5px; - color: var(--theme-button-color); -} - -.devtools-toolbar > .toolbar-group > label.display-by > span { - margin-inline-end: 5px; -} - -.devtools-toolbar > .toolbar-group > label.label-by > span { - margin-inline-end: 5px; -} - -.devtools-toolbar > label { - margin-inline-end: 5px; - flex: 1; - color: var(--theme-button-color); -} - -#select-view { - margin-inline-start: 5px; -} - -#take-snapshot::before { - background-image: url(images/command-screenshot.svg); -} - -#clear-snapshots::before { - background-image: url(chrome://devtools/skin/images/clear.svg); -} - -#diff-snapshots::before { - 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; - flex: none; -} - -/** - * Due to toolbar styles of `.devtools-toolbarbutton:not([label])` which overrides - * .devtools-toolbarbutton's min-width of 78px, reset the min-width. - */ -#import-snapshot, -#clear-snapshots { - -moz-box-align: center; -/* flex-grow: 1; - padding: 1px; - margin: 2px 1px; - min-width: unset;*/ -} - -.spacer { - flex: 1; -} - -#filter { - align-self: stretch; -/* margin: 2px; */ - font: inherit; -} - -/** - * Container (sidebar + main panel) - */ - -#memory-tool-container { - /** - * Flex: contains two children: .list (sidebar) and #heap-view (main panel), - * which need to be laid out horizontally. The sidebar has a fixed width and - * the main panel needs to flex to fill out all remaining horizontal space. - */ - display: flex; - /** - * Flexing to fill out remaining vertical space. The preceeding sibling is - * the toolbar. @see #memory-tool. - */ - flex: 1; - overflow: hidden; -} - -/** - * Sidebar - */ - -.list { - width: var(--sidebar-width); - min-width: var(--sidebar-width); - overflow-y: auto; - margin: 0; - padding: 0; - background-color: var(--theme-sidebar-background); - border-inline-end: 1px solid var(--theme-splitter-color); -} - -.snapshot-list-item { - /** - * Flex: contains several children, which need to be laid out vertically. - */ - display: flex; - flex-direction: column; - color: var(--theme-body-color); - border-bottom: 1px solid #A09090; - padding: 8px; - cursor: default; -} - -.snapshot-list-item.selected { - background-color: var(--theme-selection-background); - color: var(--theme-selection-color); -} - -.snapshot-list-item.selected ::-moz-selection { - background-color: var(--theme-selection-color); - color: var(--theme-selection-background); -} - -.snapshot-list-item .snapshot-info { - display: flex; - justify-content: space-between; - 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; -} - -.snapshot-list-item > .snapshot-title > input[type=checkbox] { - margin: 0; - margin-inline-end: 5px; -} - -.snapshot-list-item > .snapshot-state, -.snapshot-list-item > .snapshot-totals { - font-size: 90%; - color: var(--theme-body-color-alt); -} - -.snapshot-list-item.selected > .snapshot-state, -.snapshot-list-item.selected > .snapshot-totals { - /* Text inside a selected item should not be custom colored. */ - color: inherit !important; -} - -/** - * Main panel - */ - -.vbox { - display: flex; - flex-direction: column; - width: 100%; - height: 100%; - overflow: auto; - padding: 0; - margin: 0; -} - -.vbox > * { - flex: 1; - - /** - * By default, flex items have min-width: auto; - * (https://drafts.csswg.org/css-flexbox/#min-size-auto) - */ - min-width: 0; -} - -#heap-view { - /** - * Flex: contains a .heap-view-panel which needs to fill out all the - * available space, horizontally and vertically. - */; - display: flex; - /** - * Flexing to fill out remaining horizontal space. The preceeding sibling - * is the sidebar. @see #memory-tool-container. - */ - flex: 1; - background-color: var(--theme-body-background); - - /** - * By default, flex items have min-width: auto; - * (https://drafts.csswg.org/css-flexbox/#min-size-auto) - */ - min-width: 0; - font-size: 90%; -} - -#heap-view > .heap-view-panel { - /** - * Flex: can contain several children, including a tree with a header and - * multiple rows, all of which need to be laid out vertically. When the - * tree is visible, the header has a fixed height and tree body needs to flex - * to fill out all remaining vertical space. - */ - display: flex; - flex-direction: column; - /** - * Flexing to fill out remaining horizontal space. @see #heap-view. - */ - flex: 1; - - /** - * By default, flex items have min-width: auto; - * (https://drafts.csswg.org/css-flexbox/#min-size-auto) - */ - min-width: 0; -} - -#heap-view > .heap-view-panel > .snapshot-status, -#heap-view > .heap-view-panel > .take-snapshot, -#heap-view .empty, -#shortest-paths-select-node-msg { - margin: auto; - margin-top: 65px; - font-size: 120%; -} - -#heap-view > .heap-view-panel > .take-snapshot { - padding: 5px; -} - -#heap-view > .heap-view-panel[data-state="snapshot-state-error"] pre { - background-color: var(--theme-body-background); - margin: 20px; - padding: 20px; -} - -/** - * Heap tree view header - */ - -.header { - /** - * Flex: contains several span columns, all of which need to be laid out - * horizontally. All columns except the last one have percentage widths, and - * the last one needs to flex to fill out all remaining horizontal space. - */ - display: flex; - color: var(--theme-body-color); - background-color: var(--theme-tab-toolbar-background); - border-bottom: 1px solid var(--cell-border-color); - flex: 0; -} - -.header > span, -#shortest-paths-header { - text-overflow: ellipsis; - line-height: var(--heap-tree-header-height); - justify-content: center; - justify-self: center; - white-space: nowrap; -} - -.header > span { - overflow: hidden; -} - -.header > .heap-tree-item-name { - justify-content: flex-start; -} - -#shortest-paths { - background-color: var(--theme-body-background); - overflow: hidden; - height: 100%; - width: 100%; -} - -#shortest-paths-select-node-msg { - justify-self: center; -} - -/** - * Heap tree view body - */ - -.tree { - /** - * Flexing to fill out remaining vertical space. @see .heap-view-panel - */ - flex: 1; - overflow-y: auto; - background-color: var(--theme-body-background); -} - -.tree-node { - height: var(--heap-tree-row-height); - line-height: var(--heap-tree-row-height); - cursor: default; -} - -.children-pointer { - padding-inline-end: 5px; -} - -.children-pointer:dir(rtl) { - transform: scaleX(-1); -} - -/** - * Heap tree view columns - */ - -.heap-tree-item { - /** - * Flex: contains several span columns, all of which need to be laid out - * horizontally. All columns except the last one have percentage widths, and - * the last one needs to flex to fill out all remaining horizontal space. - */ - display: flex; -} - -.tree-node-odd { - background-color: var(--row-alt-background-color); -} - -.tree-node:hover { - background-color: var(--row-hover-background-color); -} - -.heap-tree-item.focused { - background-color: var(--theme-selection-background); - color: var(--theme-selection-color); -} - -.heap-tree-item.focused ::-moz-selection { - background-color: var(--theme-selection-color); - color: var(--theme-selection-background); -} - -.heap-tree-item-individuals, -.heap-tree-item-bytes, -.heap-tree-item-count, -.heap-tree-item-total-bytes, -.heap-tree-item-total-count { - /** - * Flex: contains several subcolumns, which need to be laid out horizontally. - * These subcolumns may have specific widths or need to flex. - */ - display: flex; - /* Make sure units/decimals/... are always vertically aligned to right in both LTR and RTL locales */ - text-align: right; - border-inline-end: var(--cell-border-color) 1px solid; -} - -.heap-tree-item-count, -.heap-tree-item-total-count, -.heap-tree-item-bytes, -.heap-tree-item-total-bytes { - width: 10%; - /* - * Provision for up to 19 characters: - * - * GG_MMM_KKK_BBB_100% - * | ||| | - * '------------'|'--' - * 14 ch for 10s | 4 ch for the largest % we will - * of GB and | normally see: "100%" - * spaces every | - * 3 digits | - * | - * A space between the number and percent - */ - min-width: 19ch; -} - -.heap-tree-item-name { - /** - * Flex: contains an .arrow and some text, which need to be laid out - * horizontally, vertically aligned in the middle of the container. - */ - display: flex; - align-items: center; - /** - * Flexing to fill out remaining vertical space. - * @see .header and .heap-tree-item */ - flex: 1; - padding-inline-start: 5px; -} - -/** - * Heap tree view subcolumns - */ - -.heap-tree-number, -.heap-tree-percent, -.heap-tree-item-name { - white-space: nowrap; -} - -.heap-tree-number { - padding: 0 3px; - flex: 1; - color: var(--theme-content-color3); - /* Make sure number doesn't appear backwards on RTL locales */ - direction: ltr; -} - -.heap-tree-percent { - padding-inline-start: 3px; - padding-inline-end: 3px; -} - -.heap-tree-number, -.heap-tree-percent { - font-family: var(--monospace-font-family); -} - -.heap-tree-percent { - width: 4ch; -} - -.heap-tree-item.focused .heap-tree-number, -.heap-tree-item.focused .heap-tree-percent { - 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. - */ - -.error::before { - content: ""; - display: inline-block; - width: 12px; - height: 12px; - max-height: 12px; - background-image: url(chrome://devtools/skin/images/webconsole.svg); - background-size: 72px 60px; - background-position: -24px -24px; - background-repeat: no-repeat; - margin: 0px; - margin-top: 2px; - margin-inline-end: 5px; -} - -.theme-light .error::before { - background-image: url(chrome://devtools/skin/images/webconsole.svg#light-icons); -} - -/** - * Frame View components - */ - -.separator, -.not-available, -.heap-tree-item-address { - opacity: .5; - margin-left: .5em; - margin-right: .5em; -} - -.heap-tree-item-address { - font-family: monospace; -} - -.no-allocation-stacks { - border-color: var(--theme-splitter-color); - border-style: solid; - border-width: 0px 0px 1px 0px; - text-align: center; - padding: 5px; -} - -/** - * Dagre-D3 graphs - */ - -.edgePath path { - stroke-width: 1px; - fill: none; -} - -.theme-dark .edgePath path { - stroke: var(--theme-body-color-alt); -} -.theme-light .edgePath path { - stroke: var(--theme-splitter-color); -} - -g.edgeLabel rect { - fill: var(--theme-body-background); -} -g.edgeLabel tspan { - fill: var(--theme-body-color-alt); -} - -.nodes rect { - stroke-width: 1px; -} - -.nodes rect { - stroke: var(--theme-tab-toolbar-background); -} -.theme-light rect { - fill: var(--theme-tab-toolbar-background); -} -.theme-dark rect { - fill: var(--theme-toolbar-background); -} - -text { - font-weight: 300; - font-family: "Liberation Sans",Arial,Tahoma,Helvetica,sans-serif; - font-size: 14px; -} - -text { - fill: var(--theme-body-color-alt); -} - - - -/* Hide the actual checkbox */ -input[type="checkbox"] { - opacity: 0; - width: 0; - pointer-events: none; - position: absolute; -} - -/* Create a box to style as the checkbox */ -input[type="checkbox"] + span::before { - display: inline-block; - content: ""; - vertical-align: -3px; -} - -input[type="checkbox"] + span { - line-height: 0px; -} - -input[type="checkbox"] + span::before { - -moz-appearance: none; - width: 1em; - height: 1em; - border-radius: 0; - border: 1px solid var(--theme-body-color); - margin-inline-end: 10px; - background-color: var(--theme-toolbar-background); - background-position: center center; - background-repeat: no-repeat; -} - -input[type="checkbox"]:not(:disabled) + span:hover::before { - border-color: var(--theme-hover-background); -} -input[type="checkbox"]:not(:disabled) + span:hover { - color: var(--theme-hover-background); -} -input[type="checkbox"]:checked + span::before { - background-image: url("chrome://global/skin/in-content/check.svg#check"); -} - -input[type="checkbox"]:checked:disabled + span::before { - background-image: url("chrome://global/skin/in-content/check.svg#check-disabled"); -} -input[type="checkbox"]:checked:not(:disabled) + span:hover::before { - background-image: url("chrome://global/skin/in-content/check.svg#check-hover"); -} -input[type="checkbox"]:disabled + span::before { - border-color: var(--theme-body-color-inactive); -} -input[type="checkbox"]:disabled + span { - color: var(--theme-body-color-inactive); -} - -select { - border: 1px solid var(--theme-body-color); - background-color: var(--theme-toolbar-background); - color: var(--theme-body-color); - background-image: url("chrome://global/skin/arrow/arrow-down.gif"); - background-repeat: no-repeat; - background-position: calc(100% - 2px) center; - border-radius: 3px; - padding: 1px; - margin: 1px; - font: inherit; -} -select:hover { - background-color: var(--theme-hover-background); - color: var(--theme-hover-color); - background-image: url("chrome://global/skin/arrow/arrow-down-hover.gif"); -} -select:hover:active { - background-color: var(--theme-active-background); - color: var(--theme-active-color); -} diff --git a/LCARStrek/devtools/netmonitor.css b/LCARStrek/devtools/netmonitor.css deleted file mode 100644 index 435f50e7..00000000 --- a/LCARStrek/devtools/netmonitor.css +++ /dev/null @@ -1,1382 +0,0 @@ -/* 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/. */ - -@import url("resource://devtools/client/shared/components/tree/tree-view.css"); -@import url(variables.css); /* No idea why this is needed but we get error messages without it */ -@import "resource://devtools/client/shared/components/tabs/tabs.css"; -@import "resource://devtools/client/shared/components/tabs/tabbar.css"; - -window { - padding: 0; -} - -#toolbar-labels { - overflow: hidden; - display: flex; - flex: auto; -} - -.devtools-toolbar-container { - display: flex; - justify-content: space-between; -} - -.devtools-toolbar-group { - display: flex; - flex: 0 0 auto; - flex-wrap: nowrap; - align-items: stretch; -} - -/** - * Collapsed details pane needs to be truly hidden to prevent both accessibility - * tools and keyboard from accessing its contents. - */ -#details-pane.pane-collapsed { - visibility: hidden; -} - -#details-pane-toggle[disabled] { - display: none; -} - -#custom-pane { - overflow: auto; -} - -#response-content-image-box { - overflow: auto; -} - -#network-statistics-charts { - overflow: auto; -} - -.cropped-textbox .textbox-input { - /* workaround for textbox not supporting the @crop attribute */ - text-overflow: ellipsis; -} - -/* Responsive sidebar */ -@media (max-width: 700px) { - #toolbar-spacer, - #details-pane-toggle, - #details-pane.pane-collapsed, - .requests-menu-waterfall, - #requests-menu-network-summary-button > .summary-info-text { - display: none; - } -} - -:root.theme-dark, -:root.theme-light { - --table-splitter-color: #A09090; - --table-zebra-background: rgba(255,159,0,0.1); - - --timing-blocked-color: #FF0000; - --timing-dns-color: #E7ADE7; /* pink */ - --timing-connect-color: #FF9F00; /* orange */ - --timing-send-color: #FFCF00; /* light blue */ - --timing-wait-color: #9C9CFF; /* blue grey */ - --timing-receive-color: #A09090; /* green */ - - --sort-ascending-image: url(chrome://devtools/skin/images/sort-arrows.svg#ascending); - --sort-descending-image: url(chrome://devtools/skin/images/sort-arrows.svg#descending); -} - -#network-table { - display: -moz-box; - -moz-box-orient: vertical; - -moz-box-flex: 1; - overflow: hidden; -} - -.request-list-container { - display: -moz-box; - -moz-box-orient: vertical; - -moz-box-flex: 1; -} - -#requests-menu-empty-notice, -.request-list-empty-notice { - margin: 0; - padding: 12px; - font-size: 120%; -} - -#notice-perf-message { - margin-top: 2px; -} - -#requests-menu-perf-notice-button { - min-width: 30px; - min-height: 26px; - list-style-image: url("images/profiler-stopwatch.svg"); - margin: 0 5px; - vertical-align: middle; -} - -#requests-menu-perf-notice-button::before { - background-image: url("images/profiler-stopwatch.svg"); -} - -/* Make sure the icon is visible on Linux (to overwrite a rule - in xul.css that hides the icon if there is no label. - See also bug 1278050. */ -#requests-menu-perf-notice-button .button-icon { - display: block; -} - -#requests-menu-perf-notice-button .button-text { - display: none; -} - -#requests-menu-reload-notice-button { - font-size: inherit; - min-height: 26px; - padding-left: 10px; - padding-right: 10px; - margin: 0 5px; -} - -/* Network requests table */ - -#requests-menu-toolbar { - background: var(--theme-capped-toolbar-background); -} - -#requests-menu-toolbar::before, #requests-menu-toolbar::after { - display: none; /* Remove caps from this toolbar (and above background rule make the background fill it completely) */ -} - -#requests-menu-filter-buttons { - display: flex; - flex-wrap: nowrap; -} - -#requests-menu-toolbar > .toolbar-box > .toolbar-startcap, -#requests-menu-toolbar > .toolbar-box > .toolbar-endcap { - display: none; -} - -.requests-menu-contents { - display: -moz-box; - -moz-box-orient: vertical; - -moz-box-flex: 1; - overflow-x: hidden; - overflow-y: auto; - - --timings-scale: 1; - --timings-rev-scale: 1; -} - -.requests-menu-subitem { - display: flex; - flex: none; - box-sizing: border-box; - align-items: center; - padding: 3px; -} - -.subitem-label { - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; -} - -.requests-menu-header { - display: flex; - flex: none; -} - -#requests-menu-status-button, -.requests-menu-header-button { - display: flex; - align-items: center; - flex: auto; - -moz-appearance: none; - background-color: transparent; - border-image: linear-gradient(transparent 15%, - var(--theme-toolbar-background) 15%, - var(--theme-toolbar-background) 85%, - transparent 85%) 1 1; - border-style: solid; - border-width: 0; - border-inline-start-width: 1px; - border-radius: 0; - min-width: 1px; - min-height: 24px; - margin: 0; - padding-top: 2px; - padding-bottom: 2px; -/* padding-inline-start: 16px; - padding-inline-end: 0;*/ - text-align: center; -/* color: inherit;*/ - font-weight: inherit !important; -} - -.requests-menu-header-button::-moz-focus-inner { - border: 0; - padding: 0; -} - -.requests-menu-header:first-child .requests-menu-header-button { - border-width: 0; -} - -.requests-menu-header-button:hover { - background-color: var(--theme-hover-background); - color: var(--theme-hover-color); -} - -.requests-menu-header-button:hover:active { - background-color: var(--theme-active-background); - color: var(--theme-active-color); -} - -.requests-menu-header-button > .button-text { - flex: auto; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; -} - -.requests-menu-header-button > .button-box > .button-icon, -#requests-menu-waterfall-image { - display: -moz-box; - -moz-box-ordinal-group: 2; -} -.requests-menu-header-button > .button-box > .button-icon, -#requests-menu-waterfall-image, -.requests-menu-header-button > .button-icon { - flex: none; - height: 4px; - margin-inline-start: 3px; - margin-inline-end: 6px; - width: 7px; - display: none; -} - -.requests-menu-header-button[sorted=ascending] > .button-box > .button-icon, -.requests-menu-header-button[sorted=ascending] #requests-menu-waterfall-image { - list-style-image: var(--sort-ascending-image); -} - -.requests-menu-header-button[data-sorted=ascending] > .button-icon { - background-image: var(--sort-ascending-image); -} - -.requests-menu-header-button[sorted=descending] > .button-box > .button-icon, -.requests-menu-header-button[sorted=descending] #requests-menu-waterfall-image { - list-style-image: var(--sort-descending-image); -} - -.requests-menu-header-button[data-sorted=descending] > .button-icon { - background-image: var(--sort-descending-image); -} - -.requests-menu-header-button > .button-box > .button-text, -#requests-menu-waterfall-label-wrapper { - -moz-box-flex: 1; -} - -.requests-menu-waterfall-label-wrapper { - display: flex; -} - -.requests-menu-header-button[sorted], -.requests-menu-header-button[sorted]:hover, -.requests-menu-header-button[data-sorted], -.requests-menu-header-button[data-sorted]:hover { - background-color: var(--theme-selection-background); - color: var(--theme-selection-color); -} - -.requests-menu-header-button[sorted], -.requests-menu-header[active] + .requests-menu-header .requests-menu-header-button, -.requests-menu-header-button[data-sorted], -.requests-menu-header[data-active] + .requests-menu-header .requests-menu-header-button { - border-image: linear-gradient(var(--theme-splitter-color), var(--theme-splitter-color)) 1 1; -} - -#requests-menu-status-button { - border: none; -} - -#requests-menu-status-button > .button-box { - padding: 0; -} - -/* Network requests table: specific column dimensions */ - -.requests-menu-status { - max-width: 6em; - text-align: center; - width: 10vw; -} - -.requests-menu-method, -.requests-menu-method-box { - max-width: 7em; - text-align: center; - width: 10vw; -} - -.requests-menu-icon-and-file { - width: 22vw; -} - -.requests-menu-icon { - background: transparent; - width: 15px; - height: 15px; - margin-inline-end: 4px; -} - -.requests-menu-icon { - outline: 1px solid var(--table-splitter-color); -} - -.requests-menu-security-and-domain { - width: 14vw; -} - -.requests-security-state-icon { - flex: none; - width: 16px; - height: 16px; - margin-inline-end: 4px; -} - -.side-menu-widget-item.selected .requests-security-state-icon, -.request-list-item.selected .requests-security-state-icon { -/* filter: brightness(1.3);*/ -} - -.security-state-insecure { - list-style-image: url("chrome://devtools/skin/images/security-state-insecure.svg"); -} - -.security-state-secure { - list-style-image: url("chrome://devtools/skin/images/security-state-secure.svg"); -} - -.security-state-weak { - list-style-image: url("chrome://devtools/skin/images/security-state-weak.svg"); -} - -.security-state-broken { - list-style-image: url("chrome://devtools/skin/images/security-state-broken.svg"); -} - -.security-state-local { - list-style-image: url("chrome://devtools/skin/images/security-state-local.svg"); -} - -.requests-menu-type, -.requests-menu-size { - max-width: 6em; - text-align: center; - width: 8vw; - justify-content: center; -} - -.requests-menu-transferred { - max-width: 8em; - width: 8vw; - justify-content: center; -} - -.requests-menu-cause { - max-width: 8em; - width: 8vw; -} - -.requests-menu-cause-stack { - background-color: var(--theme-body-color-alt); - color: var(--theme-body-background); - font-size: 8px; - font-weight: bold; - line-height: 10px; - border-radius: 3px; - padding: 0 2px; - margin: 0; - margin-inline-end: 3px; - -moz-user-select: none; -} - -.requests-menu-transferred { - max-width: 8em; - text-align: center; - width: 8vw; -} - -.side-menu-widget-item.selected .requests-menu-transferred.theme-comment, -.request-list-item.selected .requests-menu-transferred.theme-comment { - color: var(--theme-selection-color); -} - -/* Network requests table: status codes */ - -.requests-menu-status-code { - margin-inline-start: 3px !important; - width: 3em; - margin-inline-end: -3em !important; -} - -.requests-menu-status-icon { - background-color: #A09090; - height: 10px; - width: 10px; - margin-inline-start: 5px; - margin-inline-end: 5px; - border-radius: 20px; - border: 1px solid #000000; - transition: background-color 0.5s ease-in-out; - box-sizing: border-box; -} - -.side-menu-widget-item.selected .requests-menu-status-icon, -.request-list-item.selected .requests-menu-status-icon { -/* filter: brightness(1.3);*/ -} - -.requests-menu-status-icon:not([code]), -.requests-menu-status-icon:not([data-code]) { - background-color: var(--theme-content-color2); -} - -.requests-menu-status-icon[code="cached"], -.requests-menu-status-icon[data-code="cached"] { - border: 2px solid var(--theme-content-color2); - background-color: transparent; -} - -.requests-menu-status-icon[code^="1"], -.requests-menu-status-icon[data-code^="1"] { - background-color: var(--theme-highlight-blue); -} - -.requests-menu-status-icon[code^="2"], -.requests-menu-status-icon[data-code^="2"] { - background-color: var(--theme-highlight-green); -} - -/* 3xx are triangles */ -.requests-menu-status-icon[code^="3"], -.requests-menu-status-icon[data-code^="3"] { - background-color: transparent; - width: 0; - height: 0; - border-left: 5px solid transparent; - border-right: 5px solid transparent; - border-bottom: 10px solid var(--theme-highlight-lightorange); - border-radius: 0; -} - -/* 4xx and 5xx are squares - error codes */ -.requests-menu-status-icon[code^="4"], -.requests-menu-status-icon[data-code^="4"] { - background-color: var(--theme-highlight-red); - border-radius: 0; /* squares */ -} - -.requests-menu-status-icon[code^="5"], -.requests-menu-status-icon[data-code^="5"] { - background-color: var(--theme-highlight-pink); - border-radius: 0; - transform: rotate(45deg); -} - -/* Network requests table: waterfall header */ - -.requests-menu-waterfall { - flex: auto; - padding-inline-start: 0; -} - -#requests-menu-waterfall-label:not(.requests-menu-waterfall-visible), -.requests-menu-waterfall-label-wrapper:not(.requests-menu-waterfall-visible) { - padding-inline-start: 16px; -} - -.requests-menu-timings-division { - width: 100px; - padding-top: 2px; - padding-inline-start: 4px; - font-size: 75%; - pointer-events: none; - box-sizing: border-box; - text-align: start; - /* Allow the timing label to shrink if the container gets too narrow. - * The container width then is not limited by the content. */ - flex: initial; -} - -.requests-menu-timings-division:first-child { - width: 98px; /* Substract 2px for borders */ -} - -.requests-menu-timings-division:not(:first-child) { - border-inline-start: 1px dashed; -/* margin-inline-start: -100px !important; / Don't affect layout. */ -} - -.requests-menu-timings-division:-moz-locale-dir(ltr) { - transform-origin: left center; -} - -.requests-menu-timings-division:-moz-locale-dir(rtl) { - transform-origin: right center; -} - -.requests-menu-timings-division { - border-inline-start-color: var(--theme-body-color) !important; -} - -.requests-menu-timings-division[division-scale=second], -.requests-menu-timings-division[division-scale=minute], -.requests-menu-timings-division[data-division-scale=second], -.requests-menu-timings-division[data-division-scale=minute] { - font-weight: 600; -} - -/* Network requests table: waterfall items */ - -.requests-menu-subitem.requests-menu-waterfall { - padding-inline-start: 0; - padding-inline-end: 4px; - /* Background created on a in js. */ - /* @see devtools/client/netmonitor/netmonitor-view.js */ - background-image: -moz-element(#waterfall-background); - background-repeat: repeat-y; - background-position: left center; -} - -.requests-menu-subitem.requests-menu-waterfall:-moz-locale-dir(rtl) { - background-position: right center; -} - -.requests-menu-timings { - display: flex; - flex: none; - align-items: center; - transform: scaleX(var(--timings-scale)); -} - -.requests-menu-timings:-moz-locale-dir(ltr) { - transform-origin: left center; -} - -.requests-menu-timings:-moz-locale-dir(rtl) { - transform-origin: right center; -} - -.requests-menu-timings-total:-moz-locale-dir(ltr) { - transform-origin: left center; -} - -.requests-menu-timings-total:-moz-locale-dir(rtl) { - transform-origin: right center; -} - -.requests-menu-timings-total { - display: inline-block; - padding-inline-start: 4px; - font-size: 85%; - font-weight: 600; - white-space: nowrap; - /* This node should not be scaled - apply a reversed transformation */ - transform: scaleX(var(--timings-rev-scale)); -} - -.requests-menu-timings-box { - display: inline-block; - height: 9px; -} - -.requests-menu-timings-box.blocked { - background-color: var(--timing-blocked-color); -} - -.requests-menu-timings-box.dns { - background-color: var(--timing-dns-color); -} - -.requests-menu-timings-box.connect { - background-color: var(--timing-connect-color); -} - -.requests-menu-timings-box.send { - background-color: var(--timing-send-color); -} - -.requests-menu-timings-box.wait { - background-color: var(--timing-wait-color); -} - -.requests-menu-timings-box.receive { - background-color: var(--timing-receive-color); -} - -/* SideMenuWidget */ - -#network-table .side-menu-widget-empty-text, -#network-table .side-menu-widget-container, -#network-table .request-list-empty-notice, -#network-table .request-list-container { - background-color: var(--theme-body-background); -} - -#network-table .side-menu-widget-item, -.request-list-item { - display: flex; - border-top-color: transparent; - border-bottom-color: transparent; - padding: 0; -} - -.request-list-item.selected { - background-color: var(--theme-selection-background); - color: var(--theme-selection-color); -} - -.side-menu-widget-item-contents { - padding: 0px; -} - -.side-menu-widget-container { - box-shadow: none !important; -} - -.side-menu-widget-item:not(.selected)[odd], -.request-list-item:not(.selected).odd { - background-color: var(--table-zebra-background); -} - -.side-menu-widget-item:not(.selected):hover, -.request-list-item:not(.selected):hover { - background-color: var(--theme-selection-background-semitransparent); -} - -/* Method Column */ - -.side-menu-widget-item.selected .requests-menu-method, -.request-list-item.selected .requests-menu-method { - color: var(--theme-selection-color); -} - -/* Network request details */ - -#details-pane-toggle:-moz-locale-dir(ltr), -#details-pane-toggle.pane-collapsed:-moz-locale-dir(rtl) { - list-style-image: var(--theme-pane-collapse-image); -} - -#details-pane-toggle.pane-collapsed:-moz-locale-dir(ltr), -#details-pane-toggle:-moz-locale-dir(rtl) { - list-style-image: var(--theme-pane-expand-image); -} - -#details-pane-toggle:-moz-locale-dir(ltr)::before, -#details-pane-toggle.pane-collapsed:-moz-locale-dir(rtl)::before { - background-image: var(--theme-pane-collapse-image); -} - -#details-pane-toggle.pane-collapsed:-moz-locale-dir(ltr)::before, -#details-pane-toggle:-moz-locale-dir(rtl)::before { - background-image: var(--theme-pane-expand-image); -} - -/* Network request details tabpanels */ - -.tabpanel-content { - background-color: var(--theme-sidebar-background); - - color: var(--theme-body-color); -} - -#headers-tabpanel { - background-color: var(--theme-toolbar-background); -} - -/* Summary tabpanel */ - -.tabpanel-summary-container { - padding: 1px; -} - -.tabpanel-summary-label { - display: inline-block; - padding-inline-start: 4px; - padding-inline-end: 3px; - font-weight: 600; -} - -.tabpanel-summary-value { - color: inherit; - padding-inline-start: 3px; -} - -/* Headers tabpanel */ - -#headers-summary-status, -#headers-summary-version { - padding-bottom: 2px; -} - -#headers-summary-size { - padding-top: 2px; -} - -#headers-summary-resend { - margin-top: -10px; - margin-inline-end: 6px; -} - -#toggle-raw-headers { - margin-top: -10px; - margin-inline-end: 6px; -} - -.raw-response-textarea { - height: 50vh; -} - -/* Response tabpanel */ - -#response-content-info-header, -.response-error-header { - margin: 0; - padding: 3px 8px; - background-color: var(--theme-highlight-red); - color: var(--theme-selection-color); -} - -#response-content-image-box { - padding-top: 10px; - padding-bottom: 10px; -} - -#response-content-image { - background: #FFFFFF; - border: 1px dashed #A09090; - margin-bottom: 10px; -} - -.response-image-box { - display: flex; - flex-direction: column; - justify-content: center; - align-items: center; - overflow-y: auto; - padding: 10px; -} - -.response-image { - background: #FFFFFF; - border: 1px dashed #A09090; - margin-bottom: 10px; - max-width: 300px; - max-height: 100px; -} - -/* Preview tabpanel */ - -#preview-tabpanel { - background: #fff; -} - -#response-preview { - display: -moz-box; - -moz-box-flex: 1; -} - -/* Timings tabpanel */ - -#timings-tabpanel .tabpanel-summary-container, -.timings-container { - display: flex; -} - -#timings-tabpanel .tabpanel-summary-label, -.timings-label { - width: 10em; -} - -#timings-tabpanel .requests-menu-timings-container, -.requests-menu-timings-container { - display: flex; - flex: 1; - align-items: center; -} - -#timings-tabpanel .requests-menu-timings-offset, -.requests-menu-timings-offset { - transition: width 0.2s ease-out; -} - -#timings-tabpanel .requests-menu-timings-box, -.requests-menu-timings-box { - border: none; - min-width: 1px; - transition: width 0.2s ease-out; -} - -#timings-tabpanel .requests-menu-timings-total { - transition: transform 0.2s ease-out; -} - -/* Security tabpanel */ - -/* Overwrite tree-view cell colon `:` for security panel and tree section */ -.security-panel .treeTable .treeLabelCell::after, -.treeTable .tree-section .treeLabelCell::after { - content: ""; -} - -/* Layout additional warning icon in tree value cell */ -.security-info-value { - display: flex; -} - -.security-info-section { - padding-inline-start: 1em; -} - -#security-tabpanel { - overflow: auto; - -moz-user-select: text; -} - -.security-warning-icon { - background-image: url("images/alerticon-warning.png"); - background-size: 13px 12px; - margin-inline-start: 5px; - vertical-align: top; - width: 13px; - height: 12px; -} - -@media (min-resolution: 1.1dppx) { - .security-warning-icon { - background-image: url("images/alerticon-warning@2x.png"); - } -} - -/* Custom request form */ - -#custom-pane { - padding: 0.6em 0.5em; -} - -.custom-header { - font-size: 1.1em; -} - -.custom-section { - margin-top: 0.5em; -} - -#custom-method-value { - width: 4.5em; -} - -/* Main toolbar */ -.requests-menu-filter-button { -/* -moz-appearance: none; - background: rgba(128,128,128,0.1); - border: none; - border-radius: 2px; - min-width: 0; - padding: 0 5px; - margin: 2px; - color: var(--theme-body-color);*/ - margin-top: 0; - margin-bottom: 0; -} - -.requests-menu-filter-button:hover { -/* background: rgba(128,128,128,0.2);*/ -} - -.requests-menu-filter-button:hover:active { -/* background-color: var(--theme-selection-background-semitransparent);*/ -} - -/* Performance analysis buttons */ - -#requests-menu-network-summary-button { - display: flex; - flex-wrap: nowrap; - align-items: center; - font: inherit; - box-shadow: none; - border-color: transparent; - list-style-image: url("images/profiler-stopwatch-tbutton.svg"); - cursor: pointer; - min-width: 0; -} - -#requests-menu-network-summary-button > .summary-info-icon { - background-image: url(images/profiler-stopwatch.svg); - filter: var(--icon-filter); - width: 16px; - height: 16px; -} - -#requests-menu-network-summary-button > .summary-info-text { - margin-inline-start: 0.5em; -} - -#requests-menu-network-summary-button:hover > .summary-info-icon, -#requests-menu-network-summary-button:hover > .summary-info-text { -} - -/* Performance analysis view */ - -#network-statistics-view { - display: -moz-box; -} - -#network-statistics-toolbar { - /* Make the toolbar invisible, it only hold the back button */ - -moz-binding: url("chrome://global/content/bindings/toolbar.xml#toolbar"); - background-color: #000000; - border: none; - margin: 0; - padding: 0; -} - -#network-statistics-back-button { - min-width: 4em; - min-height: 100vh; - margin: 0; - padding: 0; - border-radius: 0; - border-top: none; - border-bottom: none; - border-inline-start: none; -} - -#network-statistics-view-splitter { -/* border-color: rgba(0,0,0,0.2);*/ - cursor: default; - pointer-events: none; -} - -#network-statistics-charts { - min-height: 1px; -} - -#network-statistics-charts { - background-color: var(--theme-sidebar-background); -} - -#network-statistics-charts .pie-chart-container { - margin-inline-start: 3vw; - margin-inline-end: 1vw; -} - -#network-statistics-charts .table-chart-container { - margin-inline-start: 1vw; - margin-inline-end: 3vw; -} - -.chart-colored-blob[name=html] { - fill: var(--theme-highlight-bluegrey); - background: var(--theme-highlight-bluegrey); -} - -.chart-colored-blob[name=css] { - fill: var(--theme-highlight-blue); - background: var(--theme-highlight-blue); -} - -.chart-colored-blob[name=js] { - fill: var(--theme-highlight-lightorange); - background: var(--theme-highlight-lightorange); -} - -.chart-colored-blob[name=xhr] { - fill: var(--theme-highlight-orange); - background: var(--theme-highlight-orange); -} - -.chart-colored-blob[name=fonts] { - fill: var(--theme-highlight-darkpurple); - background: var(--theme-highlight-darkpurple); -} - -.chart-colored-blob[name=images] { - fill: var(--theme-highlight-pink); - background: var(--theme-highlight-pink); -} - -.chart-colored-blob[name=media] { - fill: var(--theme-highlight-green); - background: var(--theme-highlight-green); -} - -.chart-colored-blob[name=flash] { - fill: var(--theme-highlight-red); - background: var(--theme-highlight-red); -} - -.table-chart-row-label[name=cached] { - display: none; -} - -.table-chart-row-label[name=count] { - width: 3em; - text-align: end; -} - -.table-chart-row-label[name=label] { - width: 7em; -} - -.table-chart-row-label[name=size] { - width: 7em; -} - -.table-chart-row-label[name=time] { - width: 7em; -} - -/* Responsive sidebar */ -@media (max-width: 700px) { - #toolbar-spacer, - #details-pane-toggle, - #details-pane.pane-collapsed, - #requests-menu-network-summary-button > .summary-info-text { - display: none; - } - - #requests-menu-toolbar { - height: 22px; - } - - .requests-menu-header-button { - min-height: 22px; - padding-left: 8px; - } - - #details-pane { - margin: 0 !important; - /* To prevent all the margin hacks to hide the sidebar. */ - } - - .requests-menu-status { - max-width: none; - width: 10vw; - } - - .requests-menu-status-code { - width: auto; - } - - .requests-menu-method, - .requests-menu-method-box { - max-width: none; - width: 12vw; - } - - .requests-menu-icon-and-file { - width: 22vw; - } - - .requests-menu-security-and-domain { - width: 16vw; - } - - .requests-menu-cause, - .requests-menu-type, - .requests-menu-transferred, - .requests-menu-size { - max-width: none; - width: 10vw; - } - - .requests-menu-waterfall { - display: none; - } -} - -/* Platform overrides (copied in from the old platform specific files) */ -:root[platform="win"] .requests-menu-header-button > .button-box { - padding: 0; -} - -:root[platform="win"] .requests-menu-timings-division { - padding-top: 1px; - font-size: 90%; -} - -:root[platform="linux"] #headers-summary-resend { - padding: 4px; -} - -:root[platform="linux"] #toggle-raw-headers { - padding: 4px; -} - -/* Responsive sidebar */ -@media (max-width: 700px) { - :root[platform="linux"] .requests-menu-header-button { - font-size: 85%; - } -} - -.textbox-input { - text-overflow: ellipsis; - border: none; - background: none; - color: inherit; - width: 100%; -} - -/* Overwrite tree-view cell colon and use l10n string instead */ -.treeTable .treeLabelCell::after { - content: ""; -} - -.treeTable .textbox-input:focus { -/* outline: 0; - box-shadow: var(--theme-focus-box-shadow-textbox);*/ -} - -.panel-container, -.properties-view { - display: flex; - flex-direction: column; - flex-grow: 1; - height: 100%; -} - -/* Layout additional warning icon in tree value cell */ -.security-info-value { - display: flex; -} - -.security-info-value .textbox-input { - text-overflow: ellipsis; - border: none; - background: none; - color: inherit; - width: 100%; - margin-inline-end: 2px; -} - -.security-info-value .textbox-input:focus { - outline: 0; - box-shadow: var(--theme-focus-box-shadow-textbox); -} - -.properties-view .searchbox-section { - flex: 0 1 auto; -} - -.properties-view .devtools-searchbox { - padding: 0; -} - -.properties-view .devtools-searchbox input { - margin: 1px 3px; -} - -.tree-container { - position: relative; - height: 100%; -} - -/* Make treeTable fill parent element and scrollable */ -.tree-container .treeTable { - position: absolute; - display: block; - overflow-y: auto; - top: 0; - right: 0; - bottom: 0; - left: 0; -} - -/* Apply flex to table tbody in order to fill available vertical space */ -.tree-container .treeTable tbody { - display: flex; - flex-direction: column; - /* Apply flex to table will create an anonymous table element outside of tbody - * See also http://stackoverflow.com/a/30851678 - * Therefore, we set height with this magic number in order to remove the - * redundant scrollbar when source editor appears. - */ - height: calc(100% - 4px); -} - -.tree-container .treeTable tr { - display: block; -} -/* Make right td fill available horizontal space */ -.tree-container .treeTable td:last-child { - width: 100%; -} - -/* If there is a source editor shows up in the last row of TreeView, - * it should occupy the available vertical space. - */ -.tree-container .treeTable .editor-row-container, -.tree-container .treeTable tr:last-child td[colspan="2"] { - display: block; - height: 100%; -} - -.properties-view .devtools-searchbox, -.tree-container .treeTable .tree-section { - width: 100%; - background-color: var(--theme-toolbar-background); -} - -.tree-container .treeTable tr.tree-section:not(:first-child) td:not([class=""]) { - border-top: 1px solid var(--theme-splitter-color); -} - -.properties-view .devtools-searchbox, -.tree-container .treeTable tr.tree-section:not(:last-child) td:not([class=""]) { - border-bottom: 1px solid var(--theme-splitter-color); -} - -.tree-container .treeTable .tree-section > * { - vertical-align: middle; -} - -.tree-container .treeTable .treeRow.tree-section > .treeLabelCell > .treeLabel, -.tree-container .treeTable .treeRow.tree-section > .treeLabelCell > .treeLabel:hover { - color: var(--theme-body-color-alt); -} - -.tree-container .treeTable .treeValueCell { - /* FIXME: Make value cell can be reduced to shorter width */ - max-width: 0; - padding-inline-end: 5px; -} - -.headers-summary input:not([type="button"]) { - width: 100%; - background: none; - border: none; - color: inherit; - margin-inline-end: 2px; -} - -.headers-summary input:not([type="button"]):focus { -/* outline: none; - box-shadow: var(--theme-focus-box-shadow-textbox);*/ - transition: all 0.2s ease-in-out; -} - -.headers-summary-label, -.tree-container .objectBox { - white-space: nowrap; -} - -.headers-summary, -.response-summary { - display: flex; - align-items: center; -} - -.headers-summary .tool-button { -/* border: 1px solid transparent; - color: var(--theme-body-color); - transition: background 0.05s ease-in-out;*/ - margin-inline-end: 6px; - padding: 0 5px; -} - -.headers-summary .requests-menu-status-icon { - min-width: 10px; -} - -.headers-summary .raw-headers-container { - display: flex; - width: 100%; -} - -.headers-summary .raw-headers { - width: 50%; - padding: 0px 4px; -} - -.headers-summary .raw-headers textarea { - width: 100%; - height: 50vh; - font: message-box; - resize: none; - box-sizing: border-box; -} - -.headers-summary .raw-headers .tabpanel-summary-label { - padding: 0 0 4px 0; -} - -.empty-notice { - color: var(--theme-body-color-alt); - padding: 3px 8px; -} - -.response-summary { - display: flex; -} - -.editor-container, -.editor-mount, -.panel-container iframe { - border: none; - width: 100%; - height: 100%; -} - -.treeTable .treeLabel { - font-weight: 600; -} - -/* Customize default tree table style to align with devtools theme */ -.treeTable .treeLabel, -.treeTable .treeRow.hasChildren > .treeLabelCell > .treeLabel:hover { - color: var(--theme-highlight-purple); -} - -.treeTable .treeRow.hasChildren > .treeLabelCell > .treeLabel:hover { - cursor: default; - text-decoration: none; -} - -/* - * FIXME: normal html block element cannot fill outer XUL element - * This workaround should be removed after sidebar is migrated to react - */ -#react-security-tabpanel-hook, -#react-timings-tabpanel-hook { - display: -moz-box; - -moz-box-orient: vertical; - -moz-box-flex: 1; -} - -/* - * FIXME: normal html block element cannot fill outer XUL element - * This workaround should be removed after netmonitor is migrated to react - */ -#react-details-panel-hook { - display: flex; - flex-direction: column; -} - -#network-statistics-charts, -#primed-cache-chart, -#empty-cache-chart { - display: -moz-box; - -moz-box-flex: 1; -} diff --git a/LCARStrek/devtools/performance.css b/LCARStrek/devtools/performance.css deleted file mode 100644 index c60aa520..00000000 --- a/LCARStrek/devtools/performance.css +++ /dev/null @@ -1,680 +0,0 @@ -/* 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 this panel that aren't defined by the themes */ -.theme-dark, -.theme-light { - --cell-border-color: #A09090; - --cell-border-color-light: #A09090; - --focus-cell-border-color: #9C9CFF; - --row-alt-background-color: #403400; - --row-hover-background-color: #544400; -} - -/* - * DE-XUL: Set a sidebar width because inline XUL components will cause the flex - * to overflow if dynamically sized. - */ -.performance-tool { - --sidebar-width: 185px; -} - -/** - * A generic class to hide elements, replacing the `element.hidden` attribute - * that we use to hide elements that can later be active - */ -.hidden { - display: none; - width: 0px; - height: 0px; -} - -/* Toolbar */ - -#performance-toolbar-control-other { - padding-inline-end: 5px; -} - -#performance-toolbar-controls-detail-views .toolbarbutton-text { - padding-inline-start: 4px; - padding-inline-end: 8px; -} - -#filter-button { - list-style-image: url(images/filter.svg); -} - -#performance-filter-menupopup > menuitem .menu-iconic-left::after { - content: ""; - display: block; - width: 8px; - height: 8px; - margin: 0 8px; - border-radius: 1px; -} - -/* Details panel buttons */ - -#select-waterfall-view { - list-style-image: url(images/performance-icons.svg#details-waterfall); -} - -#select-js-calltree-view, -#select-memory-calltree-view { - list-style-image: url(images/performance-icons.svg#details-call-tree); -} - -#select-js-flamegraph-view, -#select-memory-flamegraph-view { - list-style-image: url(images/performance-icons.svg#details-flamegraph); -} - -#select-optimizations-view { - list-style-image: url(images/profiler-stopwatch.svg); -} - -/* Recording buttons */ - -#recordings-controls { -/* background-color: #9C9CFF;*/ - display: flex; -} - -#recording-controls-mount, -#recording-controls-mount > div, -#recording-controls-mount > div > .devtools-toolbar { - display: flex; - flex: 1 1 auto; -} - -#clear-button::before { - background-image: var(--clear-icon-url); -} - -#main-record-button::before { - background-image: url(images/profiler-stopwatch-tbutton.svg); -} - -#import-button::before { - background-image: url(images/import.svg); -} - -#main-record-button .button-icon, #import-button .button-icon { - margin: 0; -} - -#main-record-button .button-text, #import-button .button-text { - display: none; -} - -#main-record-button .button-icon { - margin: 0; -} - -#main-record-button .button-text { - display: none; -} - -.notice-container .record-button { - padding: 5px !important; -} - -.notice-container .record-button.checked, -.notice-container .record-button.checked { - color: var(--theme-selection-color) !important; - background: var(--theme-selection-background) !important; -} - -/* Sidebar & recording items */ - -#recordings-pane { - border-inline-end: 1px solid var(--theme-splitter-color); - width: var(--sidebar-width); -} - -#recording-controls-mount { - width: var(--sidebar-width); -} - -#recording-controls-mount > div { - width: var(--sidebar-width); -} - -/* - * DE-XUL: The height of the toolbar is not correct without tweaking the line-height. - */ -#recordings-pane .devtools-toolbar { - line-height: 0; -} - -#recordings-list { - max-width: 300px; -} - -.recording-item { - padding: 4px; -} - -.recording-item-title { - font-size: 110%; -} - -.recording-item-footer { - padding-top: 4px; - font-size: 90%; -} - -.recording-item-save { - text-decoration: underline; - cursor: pointer; -} - -.recording-item-duration, -.recording-item-save { - color: var(--theme-body-color-alt); -} - -#recordings-list .selected label { - /* Text inside a selected item should not be custom colored. */ - color: inherit !important; -} - -/* Recording notices */ - -.notice-container { - font-size: 120%; - background-color: var(--theme-body-background); - color: var(--theme-body-color); - padding-bottom: 20vh; -} - -.tool-disabled-message { - text-align: center; -} - -.console-profile-recording-notice, -.console-profile-stop-notice { - overflow: hidden; -} - -.console-profile-command { - font-family: monospace; - margin: 3px 2px; -} - -.realtime-disabled-message, -.realtime-disabled-on-e10s-message { - display: none; -} - -#performance-view[e10s="disabled"] .realtime-disabled-on-e10s-message, -#performance-view[e10s="unsupported"] .realtime-disabled-message { - display: initial; - opacity: 0.5; -} - -.buffer-status-message, -.buffer-status-message-full { - display: none; -} - -#details-pane-container[buffer-status="in-progress"] .buffer-status-message { - display: initial; - opacity: 0.5; -} - -#details-pane-container[buffer-status="full"] .buffer-status-message { - display: initial; - color: var(--theme-highlight-red); - font-weight: bold; - opacity: 1; -} - -#details-pane-container[buffer-status="full"] .buffer-status-message-full { - display: initial; -} - -/* Profile call tree */ - -.call-tree-cells-container { - overflow: auto; -} - -.call-tree-cells-container[categories-hidden] .call-tree-category { - display: none; -} - -.call-tree-header { - font-size: 90%; - padding-top: 2px !important; - padding-bottom: 2px !important; -} - -.call-tree-header[type="duration"], -.call-tree-cell[type="duration"], -.call-tree-header[type="self-duration"], -.call-tree-cell[type="self-duration"] { - min-width: 6vw; - width: 6vw; -} - -.call-tree-header[type="percentage"], -.call-tree-cell[type="percentage"], -.call-tree-header[type="self-percentage"], -.call-tree-cell[type="self-percentage"] { - min-width: 5vw; - width: 5vw; -} - -.call-tree-header[type="samples"], -.call-tree-cell[type="samples"] { - min-width: 4.5vw; - width: 4.5vw; -} - -.call-tree-header[type="count"], -.call-tree-cell[type="count"], -.call-tree-header[type="self-count"], -.call-tree-cell[type="self-count"], -.call-tree-header[type="size"], -.call-tree-cell[type="size"], -.call-tree-header[type="self-size"], -.call-tree-cell[type="self-size"], -.call-tree-header[type="count-percentage"], -.call-tree-cell[type="count-percentage"], -.call-tree-header[type="self-count-percentage"], -.call-tree-cell[type="self-count-percentage"], -.call-tree-header[type="size-percentage"], -.call-tree-cell[type="size-percentage"], -.call-tree-header[type="self-size-percentage"], -.call-tree-cell[type="self-size-percentage"] { - min-width: 6vw; - width: 6vw; -} - -.call-tree-header, -.call-tree-cell { - -moz-box-align: center; - overflow: hidden; - text-overflow: ellipsis; - padding: 1px 4px; - color: var(--theme-body-color); - border-inline-end-color: var(--cell-border-color); -} - -.call-tree-header:not(:last-child), -.call-tree-cell:not(:last-child) { - border-inline-end-width: 1px; - border-inline-end-style: solid; -} - -.call-tree-header:not(:last-child) { - text-align: center; -} - -.call-tree-cell:not(:last-child) { - text-align: end; -} - -.call-tree-header { - background-color: var(--theme-tab-toolbar-background); -} - -.call-tree-item .call-tree-cell, -.call-tree-item .call-tree-cell[type=function] description { - -moz-user-select: text; - /* so that optimizations view doesn't break the lines in call tree */ - white-space: nowrap; -} - -.call-tree-item .call-tree-cell::-moz-selection, -.call-tree-item .call-tree-cell[type=function] description::-moz-selection { - background-color: var(--theme-highlight-orange); -} - -.call-tree-item:last-child { - border-bottom: 1px solid var(--cell-border-color); -} - -.call-tree-item:nth-child(2n) { - background-color: var(--row-alt-background-color); -} - -.call-tree-item:hover { - background-color: var(--row-hover-background-color); -} - -.call-tree-item:focus { - background-color: var(--theme-selection-background); -} - -.call-tree-item:focus description { - color: var(--theme-selection-color) !important; -} - -.call-tree-item:focus .call-tree-cell { - border-inline-end-color: var(--focus-cell-border-color); -} - -.call-tree-item:not([origin="content"]) .call-tree-name, -.call-tree-item:not([origin="content"]) .call-tree-url, -.call-tree-item:not([origin="content"]) .call-tree-line, -.call-tree-item:not([origin="content"]) .call-tree-column { - /* Style chrome and non-JS nodes differently. */ - opacity: 0.6; -} - -.call-tree-name { - margin-inline-end: 4px !important; -} - -.call-tree-url { - cursor: pointer; -} - -.call-tree-url:hover { - text-decoration: underline; -} - -.call-tree-url, .tree-widget-item:not(.theme-selected) .opt-url { - color: var(--theme-highlight-blue); -} - -.call-tree-line, .tree-widget-item:not(.theme-selected) .opt-line { - color: var(--theme-highlight-orange); -} - -.call-tree-column { - color: var(--theme-highlight-orange); - opacity: 0.6; -} - -.call-tree-host { - margin-inline-start: 8px !important; - font-size: 90%; - color: var(--theme-content-color2); -} - -.call-tree-category { - transform: scale(0.75); - transform-origin: center right; -} - -/** - * Waterfall ticks header - */ - -.waterfall-header-ticks { - overflow: hidden; -} - -.waterfall-header-name { - padding: 2px 4px; - font-size: 90%; -} - -.waterfall-header-tick { - width: 100px; - font-size: 9px; - transform-origin: left center; - color: var(--theme-body-color); -} - -.waterfall-header-tick:not(:first-child) { - margin-inline-start: -100px !important; /* Don't affect layout. */ -} - -.waterfall-background-ticks { - /* Background created on a in js. */ - /* @see devtools/client/timeline/widgets/waterfall.js */ - background-image: -moz-element(#waterfall-background); - background-repeat: repeat-y; - background-position: -1px center; -} - -/** - * Markers waterfall breakdown - */ - -#waterfall-breakdown { - overflow-x: hidden; - overflow-y: auto; -} - -.waterfall-tree-item:not([level="0"]) { - background-image: repeating-linear-gradient( - -45deg, - transparent 0px, - transparent 2px, - rgba(255,255,255,0.05) 2px, - rgba(255,255,255,0.05) 4px - ); -} - -.waterfall-tree-item[expandable] .waterfall-marker-bullet, -.waterfall-tree-item[expandable] .waterfall-marker-bar { - background-image: repeating-linear-gradient( - -45deg, - transparent 0px, - transparent 5px, - rgba(0,0,0,0.35) 5px, - rgba(0,0,0,0.35) 10px - ); -} - -.waterfall-tree-item[expanded], -.waterfall-tree-item:not([level="0"]) + .waterfall-tree-item[level="0"] { - box-shadow: 0 -1px var(--cell-border-color-light); -} - -.waterfall-tree-item:nth-child(2n) > .waterfall-marker { - background-color: var(--row-alt-background-color); -} - -.waterfall-tree-item:hover { - background-color: var(--row-hover-background-color); -} - -.waterfall-tree-item:last-child { - border-bottom: 1px solid var(--cell-border-color); -} - -.waterfall-tree-item:focus { - background-color: var(--theme-selection-background); -} - -.waterfall-tree-item:focus description { - color: var(--theme-selection-color) !important; -} - -/** - * Marker left sidebar - */ - -.waterfall-sidebar { - border-inline-end: 1px solid var(--cell-border-color); -} - -.waterfall-tree-item > .waterfall-sidebar:hover, -.waterfall-tree-item:hover > .waterfall-sidebar, -.waterfall-tree-item:focus > .waterfall-sidebar { - background: transparent; -} - -.waterfall-marker-bullet { - width: 8px; - height: 8px; - margin-inline-start: 8px; - margin-inline-end: 6px; - border-radius: 1px; -} - -.waterfall-marker-name { - font-size: 95%; - padding-bottom: 1px !important; -} - -/** - * Marker timebar - */ - -.waterfall-marker { - overflow: hidden; -} - -.waterfall-marker-bar { - height: 9px; - transform-origin: left center; - border-radius: 1px; -} - -.waterfall-marker > .theme-twisty { - /* Don't affect layout. */ - width: 14px; - margin-inline-end: -14px; -} - -/** - * OTMT markers - */ - -.waterfall-tree-item[otmt=true] .waterfall-marker-bullet, -.waterfall-tree-item[otmt=true] .waterfall-marker-bar { - background-color: transparent; - border-width: 1px; - border-style: solid; -} - -/** - * Marker details view - */ - -#waterfall-details { - padding-inline-start: 8px; - padding-inline-end: 8px; - padding-top: 2vh; - overflow: auto; - min-width: 50px; -} - -#waterfall-details > * { - padding-top: 3px; -} - -.marker-details-bullet { - width: 8px; - height: 8px; - border-radius: 1px; -} - -.marker-details-name-label { - padding-inline-end: 4px; -} - -.marker-details-type { - font-size: 1.2em; - font-weight: bold; -} - -.marker-details-duration { - font-weight: bold; -} - -.marker-details-customcontainer .custom-button { - padding: 2px 5px; - border-width: 1px; -} - -/** - * Marker colors - */ - -menuitem.marker-color-graphs-full-red .menu-iconic-left::after, -.marker-color-graphs-full-red { - background-color: var(--theme-graphs-full-red); - border-color: var(--theme-graphs-full-red); -} -menuitem.marker-color-graphs-full-blue .menu-iconic-left::after, -.marker-color-graphs-full-blue { - background-color: var(--theme-graphs-full-blue); - border-color: var(--theme-graphs-full-blue); -} -menuitem.marker-color-graphs-green .menu-iconic-left::after, -.marker-color-graphs-green { - background-color: var(--theme-graphs-green); - border-color: var(--theme-graphs-green); -} -menuitem.marker-color-graphs-blue .menu-iconic-left::after, -.marker-color-graphs-blue { - background-color: var(--theme-graphs-blue); - border-color: var(--theme-graphs-blue); -} -menuitem.marker-color-graphs-bluegrey .menu-iconic-left::after, -.marker-color-graphs-bluegrey { - background-color: var(--theme-graphs-bluegrey); - border-color: var(--theme-graphs-bluegrey); -} -menuitem.marker-color-graphs-purple .menu-iconic-left::after, -.marker-color-graphs-purple { - background-color: var(--theme-graphs-purple); - border-color: var(--theme-graphs-purple); -} -menuitem.marker-color-graphs-yellow .menu-iconic-left::after, -.marker-color-graphs-yellow { - background-color: var(--theme-graphs-yellow); - border-color: var(--theme-graphs-yellow); -} -menuitem.marker-color-graphs-orange .menu-iconic-left::after, -.marker-color-graphs-orange { - background-color: var(--theme-graphs-orange); - border-color: var(--theme-graphs-orange); -} -menuitem.marker-color-graphs-red .menu-iconic-left::after, -.marker-color-graphs-red { - background-color: var(--theme-graphs-red); - border-color: var(--theme-graphs-red); -} -menuitem.marker-color-graphs-grey .menu-iconic-left::after, -.marker-color-graphs-grey{ - background-color: var(--theme-graphs-grey); - border-color: var(--theme-graphs-grey); -} - -/** - * Configurable Options - * - * Elements can be tagged with a class and visibility is controlled via a - * preference being applied or removed. - */ - -/** - * devtools.performance.ui.experimental - */ -menuitem.experimental-option::before { - content: ""; - background-image: url(chrome://devtools/skin/images/webconsole.svg); - background-repeat: no-repeat; - background-size: 72px 60px; - width: 12px; - height: 12px; - display: inline-block; - - background-position: -24px -24px; - margin: 2px 5px 0 0; - max-height: 12px; -} - -#performance-options-menupopup:not(.experimental-enabled) .experimental-option, -#performance-options-menupopup:not(.experimental-enabled) .experimental-option::before { - display: none; -} - -/* for call tree */ -description.opt-icon { - margin: 0px 0px 0px 0px; -} -description.opt-icon::before { - margin: 1px 4px 0px 0px; -} diff --git a/LCARStrek/devtools/projecteditor/projecteditor.css b/LCARStrek/devtools/projecteditor/projecteditor.css deleted file mode 100644 index dc2a0016..00000000 --- a/LCARStrek/devtools/projecteditor/projecteditor.css +++ /dev/null @@ -1,185 +0,0 @@ -/* 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/. */ - -.view-project-detail { - overflow: auto; -} - -.plugin-hidden { - display: none; -} - -.arrow { - list-style-image: url("chrome://global/skin/tree/twisty.svg#clsd"); - width: 20px; - height: 20px; -} - -.arrow[open] { - list-style-image: url("chrome://global/skin/tree/twisty.svg#open"); -} - -.arrow[invisible] { - visibility: hidden; -} - -#projecteditor-menubar { - display: none; -} - -#projecteditor-toolbar, -#projecteditor-toolbar-bottom { - display: none; /* For now don't show the status bars */ - min-height: 22px; - height: 22px; - background: #9C9CFF; -} - -#sources { - overflow: auto; -} - -.sources-tree { - overflow:auto; - overflow-x: hidden; - -moz-user-focus: normal; - - /* Allows this to expand inside of parent xul element, while - still supporting child flexbox elements, including ellipses. */ - -moz-box-flex: 1; - display: block; -} - -.sources-tree input { - margin: 2px; - border: 1px solid #A09090; -} - -#main-deck .sources-tree { - background: #000000; - min-width: 100px; -} - -.entry { - color: #FF9F00; - display: flex; - align-items: center; -} - -.entry .file-label { - display: flex; - flex: 1; - align-items: center; -} - -.entry { - border: none; - box-shadow: none; - white-space: nowrap; - cursor: pointer; -} - -.entry:hover:not(.entry-group-title):not(.selected) { - background: #404000; -} - -.entry.selected { - background: #008484; - color: #000000; - outline: none; -} - -.entry-group-title { - background: #A09090; - color: #000000; - font-weight: bold; - font-size: 1.05em; - line-height: 35px; - padding: 0 10px; -} - -.sources-tree .entry-group-title .expander { - display: none; -} - -.entry .expander { - width: 16px; - padding: 0; -} - -.tree-collapsed .children { - display: none; -} - -/* Plugins */ - -#projecteditor-toolbar textbox { - margin: 0; -} - -.projecteditor-basic-display { - padding: 0 3px; -} - -/* App Manager */ -.project-name-label { - font-weight: bold; - padding-left: 10px; - overflow: hidden; - text-overflow: ellipsis; -} - -.project-flex { - flex: 1; -} - -.project-image { - max-height: 25px; - margin-left: -10px; -} - -.project-image, -.project-status, -.project-options { - flex-shrink: 0; -} - -.project-status { - width: 10px; - height: 10px; - border-radius: 50%; - border: solid 1px #9C9CFF; - margin-right: 10px; - color: #000000; - visibility: hidden; -} - -.project-status[status=valid] { - background: #008484; - visibility: visible; -} - -.project-status[status=warning] { - background: #FF9F00; - visibility: visible; -} - -.project-status[status=error] { - background: #FF0000; - visibility: visible; -} - -/* Status Bar */ -.projecteditor-file-label { - font-weight: bold; - padding-left: 29px; - padding-right: 10px; - flex: 1; -} - -/* Image View */ -.editor-image { - padding: 10px; -} diff --git a/LCARStrek/devtools/promisedebugger.css b/LCARStrek/devtools/promisedebugger.css deleted file mode 100644 index e0032240..00000000 --- a/LCARStrek/devtools/promisedebugger.css +++ /dev/null @@ -1,3 +0,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/. */ diff --git a/LCARStrek/devtools/rules.css b/LCARStrek/devtools/rules.css deleted file mode 100644 index abe4739e..00000000 --- a/LCARStrek/devtools/rules.css +++ /dev/null @@ -1,539 +0,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/. */ - -/* CSS Variables specific to this panel that aren't defined by the themes */ -.theme-light, -.theme-dark, -.theme-firebug { - --rule-highlight-background-color: #402000; -} - -/* Rule View Tabpanel */ - -.theme-firebug .ruleview { -/* font-family: monospace; - font-size: 11px;*/ -} - -#sidebar-panel-ruleview { - margin: 0; - display: flex; - flex-direction: column; - width: 100%; - height: 100%; -} - -/* Rule View Toolbar */ - -#ruleview-toolbar-container { - display: flex; - flex-direction: column; - height: auto; -} - -/* Remove LCARS startcap and endcap */ -/* XXX: We actually should add them via the #ruleview-toolbar again */ -div#ruleview-toolbar-container::before, -div#ruleview-toolbar-container::after { - display: none; -} - -#ruleview-toolbar { - display: flex; -} - -#ruleview-toolbar > .devtools-searchbox:first-child { - padding-inline-start: 0px; -} - -#ruleview-command-toolbar { - display: flex; -} - -#pseudo-class-panel { - display: flex; - height: 24px; - overflow: hidden; - transition: height 150ms ease; -} - -#pseudo-class-panel[hidden] { - height: 0px; -} - -#pseudo-class-panel > label { - -moz-user-select: none; - flex-grow: 1; - display: flex; - align-items: center; -} - -/* Rule View Container */ - -#ruleview-container { - -moz-user-select: text; - overflow: auto; - flex: auto; - height: 100%; -} - -/* This extra wrapper only serves as a way to get the content of the view focusable. - So that when the user reaches it either via keyboard or mouse, we know that the view - is focused and therefore can handle shortcuts. - However, for accessibility reasons, tabindex is set to -1 to avoid having to tab - through it, and the outline is hidden. */ -#ruleview-container-focusable { - height: 100%; - outline: none; -} - -#ruleview-container.non-interactive { - pointer-events: none; - visibility: collapse; - transition: visibility 0.25s; -} - -.ruleview-code { - direction: ltr; -} - -.ruleview-property:not(:hover) > .ruleview-enableproperty { - pointer-events: none; -} - -.ruleview-expandable-container[hidden] { - display: none; -} - -.ruleview-expandable-container { - display: block; -} - -.ruleview-namecontainer { - cursor: text; -} - -.ruleview-propertyvaluecontainer { - cursor: text; - padding-right: 5px; -} - -.ruleview-propertyvaluecontainer a { - cursor: pointer; -} - -.ruleview-computedlist, -.ruleview-overridden-rule-filter[hidden], -.ruleview-warning[hidden] { - display: none; -} - -.ruleview-computedlist[user-open], -.ruleview-computedlist[filter-open] { - display: block; -} - -.ruleview-rule-source { - text-align: end; - float: right; - -moz-user-select: none; - margin-bottom: 2px; -} - -.ruleview-rule-source > label { - cursor: pointer; - margin: 0; -} - -.ruleview-rule-source[unselectable], -.ruleview-rule-source[unselectable] > label { - cursor: default; -} - -.theme-firebug .ruleview-rule-source label { - font-family: var(--proportional-font-family); - font-weight: bold; - color: #0000FF; -} - -.ruleview-rule-source:not([unselectable]):hover { - text-decoration: underline; -} - -.ruleview-header { - border-top-width: 1px; - border-bottom-width: 1px; - border-top-style: solid; - border-bottom-style: solid; - padding: 1px 4px; - -moz-user-select: none; - word-wrap: break-word; - vertical-align: middle; - min-height: 1.5em; - line-height: 1.5em; - margin-top: -1px; -} - -.theme-firebug .theme-gutter.ruleview-header { - font-family: var(--proportional-font-family); - font-weight: bold; - color: inherit; - border: none; - margin: 4px 0; - padding: 3px 4px 2px 4px; - line-height: inherit; - min-height: 0; - background: var(--theme-header-background); -} - -:root[platform="win"] .ruleview-header, -:root[platform="linux"] .ruleview-header { - margin-top: 4px; -} - -.ruleview-header.ruleview-expandable-header { - cursor: pointer; -} - -.ruleview-rule-pseudo-element { - padding-left:20px; - border-left: solid 10px; -} - -.ruleview-rule { - padding: 2px 4px; -} - -/** - * Display rules that don't match the current selected element and uneditable - * user agent styles differently - */ -.ruleview-rule[unmatched=true], -.ruleview-rule[uneditable=true] { - background: var(--theme-tab-toolbar-background); -} - -.ruleview-rule[unmatched=true] { - opacity: 0.5; -} - -.ruleview-rule[uneditable=true] :focus { - outline: none; -} - -.ruleview-rule[uneditable=true] .theme-link { - color: var(--theme-highlight-bluegrey); -} - -.ruleview-rule[uneditable=true] .ruleview-enableproperty { - visibility: hidden; -} - -.ruleview-rule[uneditable=true] .ruleview-swatch { - cursor: default; -} - -.ruleview-rule[uneditable=true] .ruleview-namecontainer > .ruleview-propertyname, -.ruleview-rule[uneditable=true] .ruleview-propertyvaluecontainer > -.ruleview-propertyvalue { - border-bottom-color: transparent; -} - -.theme-firebug .ruleview-namecontainer > .ruleview-propertyname, -.theme-firebug .ruleview-propertycontainer > .ruleview-propertyvalue { - border-bottom: none; -} - -.theme-firebug .ruleview-namecontainer > .ruleview-propertyname { - color: var(--rule-property-name); -} - -.theme-firebug .ruleview-propertycontainer > .ruleview-propertyvalue { - color: var(--rule-property-value); -} - -.theme-firebug .ruleview-overridden .ruleview-propertyname, -.theme-firebug .ruleview-overridden .ruleview-propertyvalue { - text-decoration: line-through; -} - -.theme-firebug .ruleview-enableproperty:not([checked]) ~ .ruleview-namecontainer, -.theme-firebug .ruleview-enableproperty:not([checked]) ~ .ruleview-namecontainer *, -.theme-firebug .ruleview-enableproperty:not([checked]) ~ .ruleview-propertycontainer, -.theme-firebug .ruleview-enableproperty:not([checked]) ~ .ruleview-propertycontainer * { - color: #A09090; -} - -.theme-firebug .ruleview-enableproperty:not([checked]) ~ .ruleview-computedlist * { - color: #A09090; -} - -.ruleview-rule + .ruleview-rule { - border-top-width: 1px; - border-top-style: dotted; -} - -.theme-firebug .ruleview-rule + .ruleview-rule { - border-top: none; -} - -.ruleview-warning { - background-image: url(images/alerticon-warning.png); - background-size: 13px 12px; - margin-inline-start: 5px; - display: inline-block; - width: 13px; - height: 12px; -} - -@media (min-resolution: 1.1dppx) { - .ruleview-warning { - background-image: url(images/alerticon-warning@2x.png); - } -} - -.ruleview-overridden-rule-filter { - background-image: url(images/filter.svg#filterinput); - background-size: 11px 11px; - margin-inline-start: 5px; - display: inline-block; - width: 11px; - height: 11px; -} - -.ruleview-ruleopen { - padding-inline-end: 5px; -} - -.ruleview-ruleclose { - cursor: text; - padding-right: 20px; -} - -.ruleview-propertylist { - list-style: none; - padding: 0; - margin: 0; -} - -.ruleview-rule:not(:hover) .ruleview-enableproperty { - visibility: hidden; -} - -.ruleview-expander { - vertical-align: middle; - display: inline-block; -} - -.ruleview-rule .ruleview-expander.theme-twisty:dir(rtl) { - /* for preventing .theme-twisty's wrong direction in rtl; Bug 1296648 */ - transform: none; -} - -.ruleview-newproperty { - /* (enable checkbox width: 12px) + (expander width: 15px) */ - margin-inline-start: 27px; -} - -.ruleview-namecontainer, -.ruleview-propertyvaluecontainer, -.ruleview-propertyname, -.ruleview-propertyvalue { - text-decoration: inherit; -} - -.ruleview-computedlist { - list-style: none; - padding: 0; -} - -.ruleview-computed { - margin-inline-start: 35px; -} - -.ruleview-swatch { - cursor: pointer; - border-radius: 50%; - width: 0.9em; - height: 0.9em; - vertical-align: middle; - /* align the swatch with its value */ - margin-top: -1px; - margin-inline-end: 5px; - display: inline-block; - position: relative; -} - -.ruleview-colorswatch::before { - content: ''; - background-color: #9C9CFF; - background-image: linear-gradient(45deg, #A09090 25%, transparent 25%, transparent 75%, #A09090 75%, #A09090), - linear-gradient(45deg, #A09090 25%, transparent 25%, transparent 75%, #A09090 75%, #A09090); - background-size: 12px 12px; - background-position: 0 0, 6px 6px; - position: absolute; - border-radius: 50%; - top: 0; - left: 0; - right: 0; - bottom: 0; - z-index: -1; -} - -.ruleview-bezierswatch { - background: url("chrome://devtools/skin/images/cubic-bezier-swatch.png"); - background-size: 1em; -} - -.ruleview-filterswatch { - background: url("chrome://devtools/skin/images/filter-swatch.svg"); - background-size: 1em; -} - -.ruleview-angleswatch { - background: url("chrome://devtools/skin/images/angle-swatch.svg"); - background-size: 1em; -} - -@media (min-resolution: 1.1dppx) { - .ruleview-bezierswatch { - background: url("chrome://devtools/skin/images/cubic-bezier-swatch@2x.png"); - background-size: 1em; - } -} - -.ruleview-overridden { - text-decoration: line-through; -} - -.theme-light .ruleview-overridden { - text-decoration-color: var(--theme-content-color3); -} - -.styleinspector-propertyeditor { - border: 1px solid #CCC; - padding: 0; - margin: -1px -3px -1px -1px; -} - -.theme-firebug .styleinspector-propertyeditor { - border: 1px solid var(--theme-splitter-color); - box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5); -} - -.ruleview-property { - border-left: 3px solid transparent; - clear: right; -} - -.ruleview-propertycontainer > * { - vertical-align: middle; -} - -.ruleview-property[dirty] { - border-left-color: var(--theme-highlight-green); -} - -.ruleview-highlight { - background-color: var(--rule-highlight-background-color); -} - -.ruleview-namecontainer > .ruleview-propertyname, -.ruleview-propertyvaluecontainer > .ruleview-propertyvalue { - border-bottom: 1px dashed transparent; -} - -.ruleview-namecontainer:hover > .ruleview-propertyname, -.ruleview-propertyvaluecontainer:hover > .ruleview-propertyvalue { - border-bottom-color: hsl(0,0%,50%); -} - -.ruleview-selectorcontainer { - word-wrap: break-word; - cursor: text; -} - -.ruleview-selector-separator, -.ruleview-selector-unmatched { - color: var(--theme-comment); -} - -.ruleview-selector-matched > .ruleview-selector-attribute { - /* TODO: Bug 1178535 Awaiting UX feedback on highlight colors */ -} - -.ruleview-selector-matched > .ruleview-selector-pseudo-class { - /* TODO: Bug 1178535 Awaiting UX feedback on highlight colors */ -} - -.ruleview-selector-matched > .ruleview-selector-pseudo-class-lock { - font-weight: bold; - color: var(--theme-highlight-orange); -} - -.theme-firebug .ruleview-selector > .ruleview-selector-matched, -.theme-firebug .ruleview-selector > .ruleview-selector-separator, -.theme-firebug .ruleview-selector > .ruleview-selector-unmatched { - color: inherit; -} - -.ruleview-selectorhighlighter { - background: url("chrome://devtools/skin/images/vview-open-inspector.png") no-repeat 0 0; - padding-left: 16px; - margin-left: 5px; - cursor: pointer; -} - -.ruleview-selectorhighlighter:hover { - filter: url(images/filters.svg#checked-icon-state); -} - -.ruleview-selectorhighlighter:active, -.ruleview-selectorhighlighter.highlighted { - filter: url(images/filters.svg#checked-icon-state) brightness(0.9); -} - -#ruleview-add-rule-button::before { - background-image: url("chrome://devtools/skin/images/add.svg"); - background-size: cover; -} - -#pseudo-class-panel-toggle::before { - background-image: url("chrome://devtools/skin/images/pseudo-class.svg"); - background-size: cover; -} - -.ruleview-overridden-rule-filter { - opacity: 0.8; -} -.ruleview-overridden-rule-filter:hover { - opacity: 1; -} - -.theme-firebug .ruleview-overridden { - text-decoration: none; -} - -/* Firebug theme disable/enable CSS rule. Firebug theme uses its own - icons to indicate when CSS rules can be disabled or enabled. - -.theme-firebug .ruleview-rule .theme-checkbox { - background-repeat: no-repeat; - background-size: 12px 12px; - background-image: url(chrome://devtools/skin/images/firebug/disable.svg); - background-position: 0 0; -} - -.theme-firebug .ruleview-rule .theme-checkbox:not([checked]){ - filter: grayscale(1); -} - -.theme-firebug .ruleview-rule .theme-checkbox[checked] { - background-position: 0 0; -} - -.theme-firebug .ruleview-property:not(:hover) .ruleview-enableproperty { - visibility: hidden; -} - */ diff --git a/LCARStrek/devtools/scratchpad.css b/LCARStrek/devtools/scratchpad.css deleted file mode 100644 index 651d4efe..00000000 --- a/LCARStrek/devtools/scratchpad.css +++ /dev/null @@ -1,12 +0,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/. */ - -#scratchpad-sidebar > tabs { - height: 0; - border: none; -} - -#sp-toolbar { - border: none; -} diff --git a/LCARStrek/devtools/shadereditor.css b/LCARStrek/devtools/shadereditor.css deleted file mode 100644 index 7c675cd5..00000000 --- a/LCARStrek/devtools/shadereditor.css +++ /dev/null @@ -1,101 +0,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/. */ - -window { - padding: 0; -} - -/* Reload and waiting notices */ - -.notice-container { - margin-top: -50vh; - color: var(--theme-body-color); -} - -#reload-notice { - font-size: 120%; -} - -#waiting-notice { - font-size: 110%; -} - -/* Shaders pane */ - -#shaders-pane { - min-width: 150px; -} - -.program-item { - padding: 2px 0px; -} - -.side-menu-widget-item-checkbox { - -moz-appearance: none; - opacity: 0; - transition: opacity .15s ease-out 0s; -} - -/* Only show the checkbox when the source is hovered over, is selected, or if it - * is not checked. */ -.side-menu-widget-item:hover > .side-menu-widget-item-checkbox, -.side-menu-widget-item.selected > .side-menu-widget-item-checkbox, -.side-menu-widget-item-checkbox:not([checked]) { - opacity: 1; - transition: opacity .15s ease-out 0s; -} - -.side-menu-widget-item-checkbox .checkbox-check { - background-image: url("images/itemToggle.svg"); - background-color: transparent; - width: 16px; - height: 16px; - border: 0; -} - -side-menu-widget-item-checkbox:not([checked]) .checkbox-check, -.side-menu-widget-item-checkbox:not([checked]) + vbox { - opacity: 0.3; -} - -/* Shader source editors */ - -#editors-splitter { - border-color: var(--theme-contrastsidebar-bordercolor); -} - -.editor-label { - padding: 1px 12px; - border-top: 1px solid; -} - -.editor-label { - background: var(--theme-contrastsidebar-background); - color: var(--theme-contrastsidebar-color); -} - -.editor-label[selected] { - background-color: var(--theme-selection-background); - color: var(--theme-selection-color); -} - -/* Responsive sidebar */ - -@media (max-width: 700px) { - #shaders-pane { - max-height: 60vh; - } - - .side-menu-widget-container { - box-shadow: none !important; - } - - .side-menu-widget-item-arrow { - background-image: none !important; - } - - .editor-label { - -moz-box-ordinal-group: 0; - } -} diff --git a/LCARStrek/devtools/splitters.css b/LCARStrek/devtools/splitters.css deleted file mode 100644 index 21dd19ba..00000000 --- a/LCARStrek/devtools/splitters.css +++ /dev/null @@ -1,73 +0,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/. */ - -/* This file is loaded by both browser.xul and toolbox.xul. Therefore, rules - defined here can not rely on toolbox.xul variables. */ - -/* Splitters */ - -:root { - /* Define the widths of the draggable areas on each side of a splitter. top - and bottom widths are used for horizontal splitters, inline-start and - inline-end for side splitters.*/ - - --devtools-splitter-top-width: 2px; - --devtools-splitter-bottom-width: 2px; - - /* Small draggable area on inline-start to avoid overlaps on scrollbars.*/ - --devtools-splitter-inline-start-width: 1px; - --devtools-splitter-inline-end-width: 4px; - - /* These variables are used in browser.xul but inside the toolbox they are overridden by --theme-splitter-color */ - --devtools-splitter-color: #9C9CFF; -} - -.devtools-horizontal-splitter, -.devtools-side-splitter { - -moz-appearance: none; - background-image: none; - border: 0; - border-style: solid; - border-color: transparent; - background-color: var(--devtools-splitter-color); - background-clip: content-box; - position: relative; - - box-sizing: border-box; - - /* Positive z-index positions the splitter on top of its siblings and makes - it clickable on both sides. */ - z-index: 1; -} - -.devtools-horizontal-splitter { - min-height: calc(var(--devtools-splitter-top-width) + - var(--devtools-splitter-bottom-width) + 1px); - - border-top-width: var(--devtools-splitter-top-width); - border-bottom-width: var(--devtools-splitter-bottom-width); - - margin-top: calc(-1 * var(--devtools-splitter-top-width) - 1px); - margin-bottom: calc(-1 * var(--devtools-splitter-bottom-width)); - - cursor: n-resize; -} - -.devtools-side-splitter { - min-width: calc(var(--devtools-splitter-inline-start-width) + - var(--devtools-splitter-inline-end-width) + 1px); - - border-inline-start-width: var(--devtools-splitter-inline-start-width); - border-inline-end-width: var(--devtools-splitter-inline-end-width); - - margin-inline-start: calc(-1 * var(--devtools-splitter-inline-start-width) - 1px); - margin-inline-end: calc(-1 * var(--devtools-splitter-inline-end-width)); - - cursor: e-resize; -} - -.devtools-horizontal-splitter.disabled, -.devtools-side-splitter.disabled { - pointer-events: none; -} diff --git a/LCARStrek/devtools/splitview.css b/LCARStrek/devtools/splitview.css deleted file mode 100644 index e11e9d79..00000000 --- a/LCARStrek/devtools/splitview.css +++ /dev/null @@ -1,81 +0,0 @@ -/* 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/. */ - -.theme-dark, -.theme-light, -.theme-firebug { - --sidemenu-selected-arrow: url(images/itemArrow-dark-ltr.svg); - --sidemenu-selected-arrow-rtl: url(images/itemArrow-dark-rtl.svg); -} - -.splitview-nav-container .devtools-throbber { - display: none; - text-align: center; -} - -.loading .splitview-nav-container .devtools-throbber { - display: block; -} - -.splitview-nav { - list-style: none; - padding: 0; - margin: 0; - background-color: var(--theme-sidebar-background); -} - -.splitview-nav > li { - padding-inline-end: 8px; - -moz-box-align: center; - outline: 0; - vertical-align: bottom; - border-bottom: 1px solid rgba(160,144,144,0.15); -} - -.placeholder { - -moz-box-flex: 1; - text-align: center; -} - -.splitview-nav > li.splitview-active { - background-color: var(--theme-selection-background); - color: var(--theme-selection-color); - background-image: var(--sidemenu-selected-arrow); - background-repeat: no-repeat; - background-position: center right; -} - -.splitview-nav > li.splitview-active:-moz-locale-dir(rtl) { - background-image: var(--sidemenu-selected-arrow-rtl); - background-position: center left; -} - -/* Toolbars */ - -.splitview-main > .devtools-toolbar { - background-origin: border-box; - background-clip: border-box; -} - -.splitview-main > toolbar { - padding-inline-end: 3px; -} - -.splitview-details > toolbar { - padding-inline-start: 3px; -} - -.splitview-main > toolbar, -.loading .splitview-nav-container { - border-inline-end: 1px solid var(--theme-splitter-color); -} - -.splitview-main > .devtools-toolbarbutton { - font-size: 11px; -/* padding: 0 8px;*/ - width: auto; - min-width: 48px; - min-height: 0; -} diff --git a/LCARStrek/devtools/storage.css b/LCARStrek/devtools/storage.css deleted file mode 100644 index c37d1a7d..00000000 --- a/LCARStrek/devtools/storage.css +++ /dev/null @@ -1,49 +0,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/. */ - -/* Storage Host Tree */ - -#storage-tree { - min-width: 220px; - max-width: 500px; - overflow: auto; -} - -#storage-tree { - background: var(--theme-sidebar-background); -} - -#storage-tree .tree-widget-item[type="store"]:after { - background-image: url("chrome://devtools/skin/images/filetypes/store.svg"); - background-size: 18px 18px; - background-position: -1px 0; -} - -/* Columns with date should have a min width so that date is visible */ -#expires, #lastAccessed, #creationTime { - min-width: 150px; -} - -/* Variables View Sidebar */ - -#storage-sidebar { - max-width: 500px; - min-width: 250px; -} - -/* Responsive sidebar */ -@media (max-width: 700px) { - #storage-tree, - #storage-sidebar { - max-width: 100%; - } - - #storage-table #path { - display: none; - } - - #storage-table .table-widget-cell { - min-width: 100px; - } -} diff --git a/LCARStrek/devtools/styleeditor.css b/LCARStrek/devtools/styleeditor.css deleted file mode 100644 index 5168985c..00000000 --- a/LCARStrek/devtools/styleeditor.css +++ /dev/null @@ -1,432 +0,0 @@ -/* 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/. */ - -window:not([windowtype]) { - /* This does not apply to the standalone window in FF 19 and lower, - * only to the dev toolbox in FF 20+. */ - padding: 0; -} - -#style-editor-chrome { - -moz-box-flex: 1; - background-color: #000000; -} - -.splitview-nav > li, -.stylesheet-info, -.stylesheet-more, -.stylesheet-rule-count, -li.splitview-active > hgroup > .stylesheet-more > h3 > .stylesheet-saveButton, -li:hover > hgroup > .stylesheet-more > h3 > .stylesheet-saveButton { - display: -moz-box; -} - -.devtools-toolbar > spacer { - -moz-box-flex: 1; -} - -.style-editor-newButton { - list-style-image: url(images/add.svg); -} - -.style-editor-importButton { - list-style-image: url(images/import.svg); -} - -.stylesheet-details-container { - -moz-box-flex: 1; -} - -.stylesheet-media-container { - overflow-y: auto; -} - -.stylesheet-error-message { - display: none; -} - -li.error > .stylesheet-info > .stylesheet-more > .stylesheet-error-message { - display: block; -} - -.stylesheet-title, -.stylesheet-name { - text-decoration: none; -} - -.stylesheet-name { - font-size: 13px; - white-space: nowrap; -} - -.stylesheet-name > label { - display: inline; - cursor: pointer; -} - -.stylesheet-info > h1 { - -moz-box-flex: 1; -} - -.splitview-nav > li > hgroup.stylesheet-info { - -moz-box-pack: center; -} - -.stylesheet-more > spacer { - -moz-box-flex: 1; -} - -.stylesheet-title, -.stylesheet-name { - color: var(--theme-highlight-blue); -} - -.stylesheet-rule-count, -.stylesheet-linked-file, -.stylesheet-saveButton { - color: var(--theme-body-color); -} - -.stylesheet-saveButton { - display: none; - margin-top: 0px; - margin-bottom: 0px; - text-decoration: underline; - cursor: pointer; -} - -.splitview-active .stylesheet-title, -.splitview-active .stylesheet-name { - color: var(--theme-highlight-lightorange); -} - -.splitview-active .stylesheet-rule-count, -.splitview-active .stylesheet-linked-file, -.splitview-active .stylesheet-saveButton { - color: var(--theme-highlight-pink); -} - -.splitview-nav:focus { - outline: 0; /* focus ring is on the stylesheet name */ -} - -.splitview-nav > li { - -moz-box-orient: horizontal; -} - -.splitview-nav > li > hgroup { - display: -moz-box; - -moz-box-orient: vertical; - -moz-box-flex: 1; -} - -.splitview-nav > li.unsaved > hgroup .stylesheet-name { - font-style: italic; -} - -.splitview-nav:-moz-locale-dir(ltr) > li.unsaved > hgroup .stylesheet-name:before, -.splitview-nav:-moz-locale-dir(rtl) > li.unsaved > hgroup .stylesheet-name:after { - font-style: italic; -} - -.splitview-nav.empty > p { - padding: 0 10px; -} - -.stylesheet-sidebar { - max-width: 400px; - min-width: 100px; - - border-color: var(--theme-splitter-color); -} - -.media-rule-label { - border-bottom: 1px solid var(--theme-splitter-color); -} - -.media-rule-label { - display: flex; - padding: 4px; - cursor: pointer; - border-bottom: 1px solid; -} - -.media-responsive-mode-toggle { - color: var(--theme-highlight-blue); - text-decoration: underline; -} - -.media-rule-line { - padding-inline-start: 4px; -} - -.media-condition-unmatched { - color: #8050B0; -/* opacity: 0.4;*/ -} - -.media-rule-condition { - flex: 1; - overflow: hidden; -} - -.stylesheet-enabled { - display: -moz-box; - cursor: pointer; - padding: 8px 0; - margin: 0 8px; - background-image: url("images/itemToggle.svg"); - background-repeat: no-repeat; - background-clip: content-box; - background-position: center; - background-size: 16px; - width: 24px; - height: 40px; -/* filter: var(--icon-filter);*/ -} - -.disabled > .stylesheet-enabled { - filter: url(images/filters.svg#disabled-icon-state); -} - -.splitview-nav > li > .stylesheet-enabled:focus, -.splitview-nav > li:hover > .stylesheet-enabled { - outline: 0; -} - -.stylesheet-linked-file:not(:empty){ - margin-inline-end: 0.4em; -} - -.stylesheet-linked-file:not(:empty):before { - margin-inline-start: 0.4em; - content: " ↳ "; -} - -li.unsaved > hgroup > h1 > .stylesheet-name:before { - content: "*"; -} - -li.linked-file-error .stylesheet-linked-file { - text-decoration: line-through; -} - -li.linked-file-error .stylesheet-linked-file:after { - font-size: 110%; - content: " ✘"; -} - -li.linked-file-error .stylesheet-rule-count { - visibility: hidden; -} - -.stylesheet-more > h3 { - font-size: 11px; - margin-inline-end: 2px; -} - -.devtools-searchinput, -.devtools-filterinput { - max-width: 25ex; - font-size: 11px; -} - -.placeholder a { - text-decoration: underline; -} - -h1, -h2, -h3 { - font-size: inherit; - font-weight: normal; - margin: 0; - padding: 0; -} - -@media (max-width: 700px) { - .stylesheet-sidebar { - width: 150px; - } -} - -/* portrait mode */ -@media (max-width: 550px) { - li.splitview-active > hgroup > .stylesheet-more > .stylesheet-rule-count, - li:hover > hgroup > .stylesheet-more > .stylesheet-rule-count { - display: none; - } - - .splitview-nav { - box-shadow: none; - } - - .splitview-nav > li.splitview-active { - background-size: 0 0, 0 0, auto; - } - - .stylesheet-enabled { - padding: 0; - background-position: 0 0; - height: 24px; - } - - .disabled > .stylesheet-enabled { - background-position: -24px 0; - } - - .splitview-nav > li > hgroup.stylesheet-info { - -moz-box-align: baseline; - -moz-box-orient: horizontal; - -moz-box-flex: 1; - } - - .stylesheet-sidebar { - width: 180px; - } - - .stylesheet-more { - -moz-box-flex: 1; - -moz-box-pack: end; - } - - .stylesheet-more > spacer { - -moz-box-flex: 0; - } -} - -/* CSS coverage */ -.csscoverage-report { - background-color: var(--theme-contrastsidebar-background); - -moz-box-orient: horizontal; -} - -.csscoverage-report-container { - height: 100vh; - padding: 0 10px; - overflow-x: hidden; - overflow-y: auto; - -moz-box-flex: 1; -} - -.csscoverage-report-content { - margin: 20px auto; - -moz-column-width: 300px; - font-size: 13px; - -moz-user-select: text; -} - -.csscoverage-report-summary, -.csscoverage-report-unused, -.csscoverage-report-optimize { - display: inline-block; -} - -.csscoverage-report-unused, -.csscoverage-report-optimize { - flex: 1; - min-width: 0; -} - -@media (max-width: 950px) { - .csscoverage-report-content { - display: block; - } - - .csscoverage-report-summary { - display: block; - text-align: center; - } -} - -.csscoverage-report h1 { - font-size: 120%; -} - -.csscoverage-report h2 { - font-size: 110%; -} - -.csscoverage-report h1, -.csscoverage-report h2, -.csscoverage-report h3 { - font-weight: bold; - margin: 10px 0; -} - -.csscoverage-report code, -.csscoverage-report textarea { - font-family: var(--monospace-font-family); - font-size: inherit; -} - -.csscoverage-list:after { - content: ', '; -} - -.csscoverage-list:last-child:after { - display: none; -} - -.csscoverage-report textarea { - width: 100%; - height: 100px; -} - -.csscoverage-report a { - cursor: pointer; - text-decoration: underline; -} - -.csscoverage-report > .csscoverage-toolbar { - border: none; - margin: 0; - padding: 0; -} - -.csscoverage-report > .csscoverage-toolbarbutton { - min-width: 4em; - min-height: 100vh; - margin: 0; - padding: 0; - border-radius: 0; - border-top: none; - border-bottom: none; - border-inline-start: none; -} - -.csscoverage-report .pie-table-chart-container { - -moz-box-orient: vertical; - text-align: start; -} - -.chart-colored-blob[name="Used Preload"] { - fill: var(--theme-highlight-pink); - background: var(--theme-highlight-pink); -} - -.chart-colored-blob[name=Used] { - fill: var(--theme-highlight-green); - background: var(--theme-highlight-green); -} - -.chart-colored-blob[name=Unused] { - fill: var(--theme-highlight-lightorange); - background: var(--theme-highlight-lightorange); -} - -/* Undo 'largest' customization */ -.pie-chart-slice[largest] { - stroke-width: 1px; - stroke: rgba(0,0,0,0.2); -} - -.csscoverage-report .pie-chart-slice { - cursor: default; -} - -.csscoverage-report-chart { - margin: 0 20px; -} diff --git a/LCARStrek/devtools/toolbars.css b/LCARStrek/devtools/toolbars.css deleted file mode 100644 index cf3e8d9c..00000000 --- a/LCARStrek/devtools/toolbars.css +++ /dev/null @@ -1,283 +0,0 @@ -/* 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, -.theme-firebug { - --toolbar-tab-hover: #FFCF00; - --toolbar-tab-hover-active: #FF9F00; - --searchbox-background-color: #000000; - --searchbox-border-color: #9C9CFF; - --searcbox-no-match-background-color: #400000; - --searcbox-no-match-border-color: #FF0000; - --magnifying-glass-image: url(images/search.svg); - --filter-image: url(images/filter.svg); - --tool-options-image: url(images/tool-options-tbutton.svg); - --icon-filter: invert(1); - --checked-icon-filter: url(images/filters.svg#checked-icon-state); - --toolbar-button-border-color: #A09090; -} - -/* Toolbars */ -.devtools-toolbar, -.devtools-sidebar-tabs tabs { - padding: 0; - border-width: 0; -/* border-bottom-width: 1px;*/ - border-style: solid; -/* height: 24px; - line-height: 24px;*/ - box-sizing: border-box; - font: 11px "Liberation Sans",Arial,Tahoma,Helvetica,sans-serif; -} -.devtools-toolbar { - height: 24px; -} - -.devtools-toolbar { - border-bottom: 3px solid var(--theme-body-background); -} - -.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 { -} - -/* HTML Checkboxes - a lot copied from global/in-content/common.css */ -/* Hide the actual checkbox */ -input[type="checkbox"] { - opacity: 0; - width: 0; - pointer-events: none; - position: absolute; -} - -label > input[type="checkbox"] { /* old placement of checkbox in label, undo above */ - opacity: 1; - width: auto; - pointer-events: auto; - position: static; -} - -/* Create a box to style as the checkbox */ -input[type="checkbox"] + label::before { - display: inline-block; - content: ""; - vertical-align: middle; -} - -.devtools-searchbox + #browser-style-checkbox-label, /* workaround for old placement of checkbox in label */ -input[type="checkbox"] + label { - line-height: 0px; - color: var(--theme-capped-toolbar-text); -} - -input[type="checkbox"] + label::before { - -moz-appearance: none; - width: 13px; - height: 13px; - border-radius: 0; - border: 1px solid var(--theme-body-color); - margin-inline-end: 3px; - margin-inline-start: 2px; - background-color: var(--theme-toolbar-background); - background-position: center center; - background-repeat: no-repeat; -} - -input[type="checkbox"]:not(:disabled) + label:hover::before { - border-color: var(--theme-hover-background); -} -.devtools-searchbox + #browser-style-checkbox-label:hover, /* workaround for old placement of checkbox in label */ -input[type="checkbox"]:not(:disabled) + label:hover { - color: var(--theme-hover-background); -} -input[type="checkbox"]:checked + label::before { - background-image: url("chrome://global/skin/in-content/check.svg#check"); -} - -input[type="checkbox"]:checked:disabled + label::before { - background-image: url("chrome://global/skin/in-content/check.svg#check-disabled"); -} -input[type="checkbox"]:checked:not(:disabled) + label:hover::before { - background-image: url("chrome://global/skin/in-content/check.svg#check-hover"); -} -input[type="checkbox"]:disabled + label::before { - border-color: var(--theme-body-color-inactive); -} -input[type="checkbox"]:disabled + label { - color: var(--theme-body-color-inactive); -} - -.devtools-separator { - margin: 0 2px; - width: 2px; - background-image: linear-gradient(transparent 15%, var(--theme-splitter-color) 15%, var(--theme-splitter-color) 85%, transparent 85%); - background-size: 1px 100%; - background-repeat: no-repeat; - background-position: 0, 1px, 2px; -} - -/* HTML toolbars - style them LCARStrek-like */ - -div.devtools-toolbar, -div.devtools-tabbar { - background-size: calc(100% - 30px); - background-image: linear-gradient(90deg, var(--theme-capped-toolbar-background), var(--theme-capped-toolbar-background)); - background-repeat: no-repeat; - background-position: center center; - display: flex; -} - -div.devtools-toolbar::before, -div.devtools-toolbar::after, -div.devtools-tabbar::before, -div.devtools-tabbar::after { - display: flex; - content: ""; - width: 12px; - min-height: 16px; - background-color: var(--theme-toolbar-caps); -} - -div.devtools-toolbar::before, -div.devtools-tabbar::before { - border-radius: 8px 0px 0px 8px; - border: none; - border-inline-end: 3px solid black; - margin-inline-end: 2px; -} - -div.devtools-toolbar::after, -div.devtools-tabbar::after { - border-radius: 0px 8px 8px 0px; - border: none; - border-inline-start: 3px solid black; - margin-inline-start: auto; /* originally 2px, but auto makes us able to get flexible free space */ -} - -/* In-tools sidebar */ - -.devtools-sidebar-tabs { - height: 100%; -} - -.devtools-sidebar-tabs > tabpanels { - padding: 0; - border: 0; -} - -.devtools-sidebar-tabs tabs { - position: static; - overflow: hidden; -} - -.devtools-sidebar-alltabs { -/* -moz-appearance: none; - height: 24px; - line-height: 24px; - padding: 0 4px; - margin: 0; - border-width: 0 0 1px 0; - border-inline-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 { - margin-inline-start: 0; -} - -.devtools-sidebar-tabs tabs > tab:last-of-type { - border-inline-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], -.devtools-sidebar-tabs tabs > tab[selected]:hover:active { -} - -.hidden-labels-box:not(.visible) > label, -.hidden-labels-box.visible ~ .hidden-labels-box > label:last-child { - display: none; -} - -.devtools-invisible-splitter { - border-color: transparent; - background-color: transparent; -} - -.devtools-horizontal-splitter, -.devtools-side-splitter { -/* background-color: var(--theme-splitter-color);*/ -} - -/* HACK around hardcoded stylings for the HTML-based sidebar tabs */ -.tabs .tabs-menu-item, -.theme-dark .tabs .tabs-menu-item, -.theme-light .tabs .tabs-menu-item { - margin: 0; - margin-inline-end: 3px !important; - padding: 0 !important; - border-radius: 8px 8px 0 0; - border: 0 !important; - background-color: var(--theme-button-background); -} -.tabs .tabs-menu-item a { - color: var(--theme-button-color) !important; - padding: 0px 3px !important; -} -.tabs .tabs-menu-item.is-active { - height: auto !important; -} -.tabs .tabs-navigation { - height: auto !important; - border: 0 !important; - border-bottom: 3px solid var(--theme-body-background) !important; -} diff --git a/LCARStrek/devtools/toolbox.css b/LCARStrek/devtools/toolbox.css deleted file mode 100644 index 4f3814a1..00000000 --- a/LCARStrek/devtools/toolbox.css +++ /dev/null @@ -1,430 +0,0 @@ -/* 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/. */ - -:root { - --close-button-image: url(chrome://devtools/skin/images/close.svg); - --dock-bottom-image: url(chrome://devtools/skin/images/dock-bottom.svg); - --dock-side-image: url(chrome://devtools/skin/images/dock-side.svg); - --dock-undock-image: url(chrome://devtools/skin/images/dock-undock.svg); - - --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-rulers-image: url(images/command-rulers.svg); - --command-measure-image: url(images/command-measure.svg); -} - -#toolbox-container { - padding-top: 3px; -} - -/* Toolbox tabbar */ - -.devtools-tabbar { -/* -moz-appearance: none; - min-height: 24px; - border: 0px solid; - border-bottom-width: 1px; - padding: 0; - background: var(--theme-capped-toolbar-background); - border-bottom-color: var(--theme-splitter-color);*/ -} -div.devtools-tabbar { - border-bottom: 3px solid #000000; - display: flex; -} - -.toolbox-tabs-wrapper { - position: relative; - display: flex; - flex: 1; -} - -#toolbox-tabs, -.toolbox-tabs { - margin: 0; - padding-inline-start: 3px; - margin-inline-start: 2px; - background-color: #000000; - color: #FFCF00; - display: flex; - flex: 1; -} - -/* Set flex attribute to Toolbox buttons and Picker container so, - they don't overlapp with the tab bar */ -#toolbox-buttons { - display: flex; -} -hbox#toolbox-buttons { - margin-inline-end: 2px; -} - -#toolbox-picker-container { - display: flex; -} - -#toolbox-buttons-end { - display: flex; - margin-inline-end: 2px; -} - -#toolbox-picker-container { - display: flex; -} - -#toolbox-buttons-start { - border: solid 0 var(--theme-splitter-color); -/* border-inline-end-width: 1px;*/ - display: flex; -} - -/* Toolbox tabs */ - -.devtools-tab { -/* -moz-appearance: none; - -moz-binding: url("chrome://global/content/bindings/general.xml#control-item"); - -moz-box-align: center;*/ - min-width: 32px; -/* min-height: 24px;*/ - max-width: 100px; - margin: 0; - margin-inline-end: 3px; - padding: 1px; - padding-inline-start: 3px; - padding-inline-end: 3px; - border-radius: 8px 8px 0 0; - border-width: 0; -/* border-inline-start-width: 1px;*/ - -moz-box-align: center; - -moz-box-flex: 1; - - color: var(--theme-button-color); - background-color: var(--theme-button-background); - - font: 11px "Liberation Sans",Arial,Tahoma,Helvetica,sans-serif; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - flex: 1; - align-content: flex-start; - display: flex; - align-items: center; -} - -.devtools-tab:hover, -.devtools-tab:hover:active { - background-color: var(--theme-hover-background); - color: var(--theme-hover-color); -} - -.devtools-tab:not([selected])[highlighted], -.devtools-tab:not(.selected).highlighted { - background-color: var(--theme-highlight-pink); -} - -.devtools-tab > image { - border: none; - margin: 0; -/* margin-inline-start: 4px; - opacity: 0.6;*/ - max-height: 16px; - width: 16px; /* Prevents collapse during theme switching */ -} - -.devtools-tab > img { - border: none; - margin: 0; -/* margin-inline-start: 10px; - opacity: 0.6;*/ - max-height: 16px; - width: 16px; /* Prevents collapse during theme switching */ - vertical-align: middle; - margin-inline-end: 3px; -} - - -.devtools-tab > label { - white-space: nowrap; -/* margin: 0 4px;*/ -} - -.devtools-tab:hover > image { -/* opacity: 0.8;*/ -} - -.devtools-tab:active > image, -.devtools-tab[selected] > image { -/* opacity: 1;*/ -} - -.devtools-tab > spacer { - max-width: 0; - -moz-box-flex: 0; -} - -.devtools-tabbar .devtools-tab[selected], -.devtools-tabbar .devtools-tab.selected { - color: var(--theme-selection-color); - background-color: var(--theme-selection-background); -} - -#toolbox-tabs .devtools-tab[selected], -#toolbox-tabs .devtools-tab[highlighted] { -} - -#toolbox-tabs .devtools-tab[selected]:last-child, -#toolbox-tabs .devtools-tab[highlighted]:last-child { -} - -#toolbox-tabs .devtools-tab[selected] + .devtools-tab, -#toolbox-tabs .devtools-tab[highlighted] + .devtools-tab { -} - -#toolbox-tabs .devtools-tab:first-child[selected] { -} - -#toolbox-tabs .devtools-tab:last-child { -} - -.devtools-tab:not([highlighted]) > .highlighted-icon, -.devtools-tab[selected] > .highlighted-icon, -.devtools-tab:not([selected])[highlighted] > .default-icon { - visibility: collapse; -} -.devtools-tab:not(.highlighted) > .highlighted-icon, -.devtools-tab.selected > .highlighted-icon, -.devtools-tab:not(.selected).highlighted > .default-icon { - display: none; -} - - -/* 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; - padding-inline-start: 1px;*/ -} -#toolbox-tab-options > image { -/* margin: 0 8px;*/ - margin-inline-end: 3px; -} -#toolbox-tab-options { - min-width: 20px; -} -#toolbox-tab-options > img { - margin-inline-end: 0; -} -#toolbox-option-container { - background-color: #000000; - padding-inline-start: 3px; - margin-inline-end: 1px; -} - -/* Toolbox controls */ - -#toolbox-controls, #toolbox-dock-buttons { - display: flex; -} - -#toolbox-controls { - margin-inline-end: 2px; -} - -#toolbox-controls > button, -#toolbox-dock-buttons > button { - -moz-appearance: none; - border: none; -/* margin: 0 4px;*/ - min-width: 18px; - width: 18px; -} - -#toolbox-close::before { - background-image: var(--close-button-image); -} - -#toolbox-dock-bottom::before { - background-image: var(--dock-bottom-image); -} - -#toolbox-dock-side::before { - background-image: var(--dock-side-image); -} - -#toolbox-dock-window::before { - background-image: var(--dock-undock-image); -} - -#toolbox-dock-bottom-minimize::before { - background-image: url("chrome://devtools/skin/images/dock-bottom-minimize@2x.png"); -} - -#toolbox-dock-bottom-minimize.minimized::before { - background-image: url("chrome://devtools/skin/images/dock-bottom-maximize@2x.png"); -} - -.devtools-separator { - margin: 0 2px; - width: 2px; -} - -#toolbox-buttons:empty + .devtools-separator, -.devtools-separator[invisible] { - visibility: hidden; -} - -#toolbox-controls-separator { - margin: 0; - width: 0; -} - -/* Command buttons */ - -.command-button { - padding: 0; - margin: 0; - position: relative; -} - -.command-button::before { -/* opacity: 0.7;*/ -} - -.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:hover::before { -/* opacity: 0.85;*/ -} - -.command-button:hover:active::before, -.command-button[checked=true]::before, -.command-button[open=true]::before { -/* opacity: 1;*/ -} - -#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.checked::before, -.command-button.open::before { - filter: var(--checked-icon-filter); -} - -/* Command button images */ - -#command-button-paintflashing::before { - background-image: var(--command-paintflashing-image); -} - -#command-button-screenshot::before { - background-image: var(--command-screenshot-image); -} - -#command-button-responsive::before { - background-image: var(--command-responsive-image); -} - -#command-button-scratchpad::before { - background-image: var(--command-scratchpad-image); -} - -#command-button-pick::before { - background-image: var(--command-pick-image); -} - -#command-button-splitconsole::before { - background-image: var(--command-splitconsole-image); -} - -#command-button-noautohide::before { - background-image: var(--command-noautohide-image); -} - -#command-button-eyedropper::before { - background-image: var(--command-eyedropper-image); -} - -#command-button-rulers::before { - background-image: var(--command-rulers-image); -} - -#command-button-measure::before { - background-image: var(--command-measure-image); -} - -#command-button-frames::before { - background-image: var(--command-frames-image); -} - -#command-button-frames { - background-image: url("chrome://devtools/skin/images/dropmarker.svg"); - background-repeat: no-repeat; - - /* Override background-size from the command-button. - The drop down arrow is smaller */ - background-size: 8px 4px !important; - min-width: 32px; -} - -#command-button-frames:-moz-locale-dir(ltr) { - background-position: right; -} - -#command-button-frames:-moz-locale-dir(rtl) { - background-position: left; -} - -/* Toolbox panels */ - -.toolbox-panel { - display: -moz-box; - -moz-box-flex: 1; - visibility: collapse; -} - -.toolbox-panel[selected] { - visibility: visible; -} - -/** - * When panels are collapsed or hidden, making sure that they are also - * inaccessible by keyboard. This is not the case by default because the are - * predominantly hidden using visibility: collapse; style or collapsed - * attribute. - */ -.toolbox-panel *, -#toolbox-panel-webconsole[collapsed] * { - -moz-user-focus: ignore; -} - -/** - * Enrure that selected toolbox panel's contents are keyboard accessible as they - * are explicitly made not to be when hidden (default). - */ -.toolbox-panel[selected] * { - -moz-user-focus: normal; -} diff --git a/LCARStrek/devtools/tooltips.css b/LCARStrek/devtools/tooltips.css deleted file mode 100644 index 760dd83f..00000000 --- a/LCARStrek/devtools/tooltips.css +++ /dev/null @@ -1,456 +0,0 @@ -/* 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/. */ - -/* Tooltip specific theme variables */ - -.theme-dark, -.theme-light { - --bezier-diagonal-color: #A09090; - --bezier-grid-color: rgba(0, 0, 0, 0.2); -} - -/* Tooltip widget (see devtools/client/shared/widgets/Tooltip.js) */ - -.devtools-tooltip .panel-arrowcontent { - padding: 4px; -} - -.devtools-tooltip .panel-arrowcontainer { - /* Reseting the transition used when panels are shown */ - transition: none; - /* Panels slide up/down/left/right when they appear using a transform. - Since we want to remove the transition, we don't need to transform anymore - plus it can interfeer by causing mouseleave events on the underlying nodes */ - transform: none; -} - -.devtools-tooltip[clamped-dimensions] { - min-height: 100px; - max-height: 400px; - min-width: 100px; - max-width: 400px; -} -.devtools-tooltip[clamped-dimensions-no-min-height] { - min-height: 0; - max-height: 400px; - min-width: 100px; - max-width: 400px; -} -.devtools-tooltip[clamped-dimensions-no-max-or-min-height] { - min-width: 400px; - max-width: 400px; -} -.devtools-tooltip[clamped-dimensions] .panel-arrowcontent, -.devtools-tooltip[clamped-dimensions-no-min-height] .panel-arrowcontent, -.devtools-tooltip[clamped-dimensions-no-max-or-min-height] .panel-arrowcontent { - overflow: hidden; -} -.devtools-tooltip[wide] { - max-width: 600px; -} - -/* Tooltip: Simple Text */ - -.devtools-tooltip-simple-text { - max-width: 400px; - margin: 0 -4px; /* Compensate for the .panel-arrowcontent padding. */ - padding: 8px 12px; - white-space: pre-wrap; -} - -.devtools-tooltip-simple-text:first-child { - margin-top: -4px; -} - -.devtools-tooltip-simple-text:last-child { - margin-bottom: -4px; -} - -/* Tooltip: Alert Icon */ - -.devtools-tooltip-alert-icon { - width: 32px; - height: 32px; - margin: 6px; - margin-inline-end: 20px; -} - -.devtools-tooltip-alert-icon { - list-style-image: url("chrome://global/skin/icons/warning-32.png"); -} - -/* Tooltip: Variables View */ - -.devtools-tooltip-variables-view-box { - margin: -4px; /* Compensate for the .panel-arrowcontent padding. */ -} - -.devtools-tooltip-variables-view-box .variable-or-property > .title { - padding-inline-end: 6px; -} - -/* Tooltip: Tiles */ - -.devtools-tooltip-tiles { - background-color: #eee; - background-image: linear-gradient(45deg, #ccc 25%, transparent 25%, transparent 75%, #ccc 75%, #ccc), - linear-gradient(45deg, #ccc 25%, transparent 25%, transparent 75%, #ccc 75%, #ccc); - background-size: 20px 20px; - background-position: 0 0, 10px 10px; -} - -.devtools-tooltip-iframe { - border: none; - background: transparent; -} - -.tooltip-container { - display: none; - position: fixed; - z-index: 9999; - display: none; - background: transparent; - pointer-events: none; - overflow: hidden; - filter: drop-shadow(0 3px 4px var(--theme-tooltip-shadow)); -} - -.tooltip-xul-wrapper { - -moz-appearance: none; - background: transparent; - overflow: visible; - border-style: none; -} - -.tooltip-xul-wrapper .tooltip-container { - position: absolute; -} - -.tooltip-top { - flex-direction: column; -} - -.tooltip-bottom { - flex-direction: column-reverse; -} - -.tooltip-panel{ - background-color: var(--theme-tooltip-background); - pointer-events: all; - flex-grow: 1; -} - -.tooltip-visible { - display: flex; -} - -.tooltip-hidden { - display: flex; - visibility: hidden; -} - -/* Tooltip : flexible height styles */ - -.tooltip-flexible-height .tooltip-panel { - /* In flexible mode the tooltip panel should only grow according to its content. */ - flex-grow: 0; -} - -.tooltip-flexible-height .tooltip-filler { - /* In flexible mode the filler should grow as much as possible. */ - flex-grow: 1; -} - -/* type="arrow" overrides: remove arrow decorations for the xul wrapper */ - -.tooltip-xul-wrapper[type="arrow"] { - margin: 0; -} - -/* The arrow image is hidden because the panel is opened using openPopupAtScreen(). */ - -/* Remove all decorations on .panel-arrowcontent is the tooltip content container. */ -.tooltip-xul-wrapper[type="arrow"] .panel-arrowcontent { - margin: 0; - padding: 0; - background: transparent; - border: none; - box-shadow: none; -} - -/* Tooltip : arrow style */ - -.tooltip-xul-wrapper .tooltip-container { - /* When displayed in a XUL panel the drop shadow would be abruptly cut by the panel */ - filter: none; -} - -.tooltip-container[type="arrow"] > .tooltip-panel { - position: relative; - min-height: 10px; - box-sizing: border-box; - width: 100%; - - border: 3px solid var(--theme-tooltip-border); - border-radius: 5px; -} - -.tooltip-top[type="arrow"] .tooltip-panel { - top: 0; -} - -.tooltip-bottom[type="arrow"] .tooltip-panel { - bottom: 0; -} - -.tooltip-arrow { - position: relative; - height: 16px; - width: 32px; - overflow: hidden; - flex-shrink: 0; -} - -/* In RTL locales, only use RTL on the tooltip content, keep LTR for positioning */ -.tooltip-container:-moz-locale-dir(rtl) { - direction: ltr; -} - -.tooltip-panel:-moz-locale-dir(rtl) { - direction: rtl; -} - -.tooltip-top .tooltip-arrow { - margin-top: -3px; -} - -.tooltip-bottom .tooltip-arrow { - margin-bottom: -3px; -} - -.tooltip-arrow:before { - content: ""; - position: absolute; - width: 21px; - height: 21px; - margin-left: 4px; - background: linear-gradient(-45deg, - var(--theme-tooltip-background) 50%, transparent 50%); - border-color: var(--theme-tooltip-border); - border-style: solid; - border-width: 0px 3px 3px 0px; - border-radius: 3px; - pointer-events: all; -} - -.tooltip-bottom .tooltip-arrow:before { - margin-top: 4px; - transform: rotate(225deg); -} - -.tooltip-top .tooltip-arrow:before { - margin-top: -12px; - transform: rotate(45deg); -} - -/* Tooltip: Events */ - -.event-header { - display: flex; - align-items: center; - cursor: pointer; - overflow: hidden; -} - -.event-header:first-child { - border-width: 0; -} - -.event-header:not(:first-child) { - border-width: 1px 0 0 0; -} - -.devtools-tooltip-events-container { - height: 100%; - overflow-y: auto; -} - -.event-tooltip-event-type, -.event-tooltip-filename, -.event-tooltip-attributes { - margin-inline-start: 0; - flex-shrink: 0; - cursor: pointer; -} - -.event-tooltip-event-type { - font-weight: bold; - font-size: 13px; -} - -.event-tooltip-filename { - margin: 0 5px; - font-size: 100%; - flex-shrink: 1; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - /* Force ellipsis to be displayed on the left */ - direction: rtl; -} - -.event-tooltip-debugger-icon { - width: 16px; - height: 16px; - margin-inline-end: 4px; - opacity: 0.6; - flex-shrink: 0; -} - -.event-tooltip-debugger-icon:hover { - opacity: 1; -} - -.event-tooltip-content-box { - display: none; - height: 100px; - overflow: hidden; - margin-inline-end: 0; - border: 1px solid var(--theme-splitter-color); - border-width: 1px 0 0 0; -} - -.event-toolbox-content-box iframe { - height: 100%; - border-style: none; -} - -.event-tooltip-content-box[open] { - display: block; -} - -.event-tooltip-source-container { - margin-top: 5px; - margin-bottom: 10px; - margin-inline-start: 5px; - margin-inline-end: 0; -} - -.event-tooltip-source { - margin-bottom: 0; -} - -.event-tooltip-attributes-container { - display: flex; - flex-shrink: 0; - flex-grow: 1; - justify-content: flex-end; -} - -.event-tooltip-attributes-box { - display: flex; - flex-shrink: 0; - align-items: center; - height: 14px; - border-radius: 3px; - padding: 2px; - margin-inline-start: 5px; - background-color: var(--theme-body-color-alt); - color: var(--theme-toolbar-background); -} - -.event-tooltip-attributes { - margin: 0; - font-size: 9px; - padding-top: 2px; -} - -/* - * Tooltip: JS stack traces - */ - -.stack-trace-tooltip { - direction: ltr; - height: 100%; - overflow-y: auto; -} - -.stack-trace-tooltip > .stack-frame { - margin-left: 5px; - margin-right: 5px; -} - -.stack-trace-tooltip > .stack-frame:first-child { - margin-top: 5px; -} - -.stack-trace-tooltip > .stack-frame:last-child { - margin-bottom: 5px; -} - -.stack-frame-call { - color: var(--theme-body-color-alt); - cursor: pointer; - display: flex; -} - -.stack-frame-call:hover { - background-color: var(--theme-selection-background-semitransparent); -} - -.stack-frame-async { - color: var(--theme-body-color-inactive); -} - -.stack-frame-function-name { - color: var(--theme-highlight-blue); - max-width: 50%; - margin-inline-end: 1em; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; -} - -.stack-frame-source-name { - flex: 1 1; - /* Makes the file name truncated (and ellipsis shown) on the left side */ - direction: rtl; - text-align: right; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; -} - -/* Enforce LTR direction for the file name - fixes bug 1290056 */ -.stack-frame-source-name-inner { - direction: ltr; - unicode-bidi: embed; -} - -.stack-frame-line { - color: var(--theme-highlight-orange); -} - -/* Tooltip: HTML Search */ - -#searchbox-panel-listbox { - width: 250px; - max-width: 250px; - overflow-x: hidden; -} - -#searchbox-panel-listbox .autocomplete-item, -#searchbox-panel-listbox .autocomplete-item[selected] { - overflow-x: hidden; -} - -#searchbox-panel-listbox .autocomplete-item > .initial-value { - max-width: 130px; - margin-left: 15px; -} - -#searchbox-panel-listbox .autocomplete-item > .autocomplete-value { - max-width: 150px; -} diff --git a/LCARStrek/devtools/variables.css b/LCARStrek/devtools/variables.css deleted file mode 100644 index 14ab52ea..00000000 --- a/LCARStrek/devtools/variables.css +++ /dev/null @@ -1,106 +0,0 @@ -/* 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-capped-toolbar-background: #9C9CFF; - --theme-capped-toolbar-text: #000000; - --theme-alternate-toolbar-background: #A09090; - --theme-toolbar-caps: #FF9F00; - --theme-button-background: #C09070; - --theme-button-color: #000000; - --theme-hover-background: #FFCF00; - --theme-hover-color: #000000; - --theme-active-background: #FF9F00; - --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-body-color-inactive: #8050B0; - --theme-content-color1: #FF9F00; - --theme-content-color2: #A09090; - --theme-content-color3: #FF9F00; - --theme-content-color4: #9C9CFF; - - --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; - --theme-highlight-gray: #A09090; - - /* For accessibility purposes we want to enhance the focus styling. This - * should improve keyboard navigation usability. */ - --theme-focus-outline-color: #008484; - - /* 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; - --theme-graphs-full-red: #FF0000; - --theme-graphs-full-blue: #0000FF; - - /* 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); - - /* Tooltips */ - --theme-tooltip-border: #9C9CFF; - --theme-tooltip-background: #000000; - /*--theme-tooltip-shadow: rgba(25, 25, 25, 0.76);*/ - - /* Command line */ - --theme-command-line-image: url(chrome://devtools/skin/images/commandline-icon.svg#light-theme); - --theme-command-line-image-focus: url(chrome://devtools/skin/images/commandline-icon.svg#light-theme-focus); -} - -:root { - --theme-focus-border-color-textbox: #008484; - /*--theme-textbox-box-shadow: rgba(97,181,255,.75);*/ - - /* For accessibility purposes we want to enhance the focus styling. This - * should improve keyboard navigation usability. */ - --theme-focus-outline: 1px dotted var(--theme-focus-outline-color); -/* --theme-focus-box-shadow-textbox: 0 0 0 1px var(--theme-textbox-box-shadow);*/ -} diff --git a/LCARStrek/devtools/webaudioeditor.css b/LCARStrek/devtools/webaudioeditor.css deleted file mode 100644 index d6cc29a0..00000000 --- a/LCARStrek/devtools/webaudioeditor.css +++ /dev/null @@ -1,190 +0,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/. */ - -/* Reload and waiting notices */ -.notice-container { - margin-top: -50vh; - color: var(--theme-body-color-alt); -} - -#reload-notice { - font-size: 120%; -} - -#waiting-notice { - font-size: 110%; -} - -/* Context Graph */ -svg { - overflow: hidden; - -moz-box-flex: 1; -} - -/* Edges in graph */ -.edgePath path { - stroke-width: 1px; - fill: none; - - stroke: var(--theme-body-color-alt); -} - -/* AudioParam connection edges */ -g.edgePath.param-connection { - stroke-dasharray: 5,5; -} - -.edgePath.param-connection path { - stroke: var(--theme-body-color-alt); -} - -/* Labels in AudioParam connection should have background that match - * the main background so there's whitespace around the label, on top of the - * dotted lines. */ -g.edgeLabel rect { - fill: var(--theme-body-background); -} -g.edgeLabel tspan { - fill: var(--theme-body-color-alt); -} - -/* Audio Nodes */ -.nodes rect { - stroke-width: 1px; - cursor: pointer; - - stroke: var(--theme-splitter-color); - fill: var(--theme-toolbar-background); -} - -/** - * Bypassed Nodes - */ - -.theme-light .nodes g.bypassed rect { - fill: url(chrome://devtools/skin/images/filters.svg#bypass-light); -} -.theme-dark .nodes g.bypassed rect { - fill: url(chrome://devtools/skin/images/filters.svg#bypass-dark); -} -.nodes g.bypassed.selected rect { - stroke: var(--theme-selection-background); -} - -/* -.nodes g.bypassed text { - opacity: 0.8; -} -*/ - -/** - * Selected Nodes - */ - -.nodes g.selected rect { - fill: var(--theme-selection-background); -} - - -/* Text in nodes and edges */ -text { - cursor: default; /* override the "text" cursor */ - font-weight: 300; - font-family: "Helvetica Neue", Helvetica, Arial, sans-serf; - font-size: 14px; -} - -text { - fill: var(--theme-body-color-alt); -} - -.nodes text { - cursor: pointer; -} - -/** - * Inspector Styles - */ - -/* hide the variables view scope title as its redundant, - * because there's only one scope displayed. */ -.variables-view-scope > .title { - display: none; -} - -#web-audio-inspector-title { - margin: 6px; -} - -.web-audio-inspector .error { - background-image: url("images/alerticon-warning.png"); - background-size: 13px 12px; - -moz-appearance: none; - opacity: 0; - transition: opacity .5s ease-out 0s; -} - -#inspector-pane-toggle { - background: none; - box-shadow: none; - border: none; - list-style-image: var(--theme-pane-collapse-image); -} - -#inspector-pane-toggle > .toolbarbutton-icon { - width: 16px; - height: 16px; -} - -#inspector-pane-toggle.pane-collapsed { - list-style-image: var(--theme-pane-expand-image); -} - -/** - * Automation Styles - */ - -#automation-param-toolbar .automation-param-button[selected] { - color: var(--theme-selection-color); - background-color: var(--theme-selection-background); -} - -#automation-graph { - overflow: hidden; - -moz-box-flex: 1; -} - -@media (min-resolution: 1.1dppx) { - .web-audio-inspector .error { - background-image: url("images/alerticon-warning@2x.png"); - } -} - -/** - * Inspector toolbar - */ - -#audio-node-toolbar .bypass { - list-style-image: url(images/power.svg); -} - -/** - * Responsive Styles - * `.devtools-responsive-container` takes care of most of - * the changing of host types. - */ -@media (max-width: 700px) { - /** - * Override the inspector toggle so it's always open - * in the portrait view, with the toggle button hidden. - */ - #inspector-pane-toggle { - display: none; - } - - #web-audio-inspector { - margin-left: 0px !important; - margin-right: 0px !important; - } -} diff --git a/LCARStrek/devtools/webconsole.css b/LCARStrek/devtools/webconsole.css deleted file mode 100644 index 095b405d..00000000 --- a/LCARStrek/devtools/webconsole.css +++ /dev/null @@ -1,768 +0,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/. */ - -/* Webconsole specific theme variables */ - -.theme-dark, -.theme-light, -.theme-firebug { - --error-color: #FF0000; - --error-background-color: #FF0000; - --error-background-text: #000000; - --warning-background-color: #FFCF00; - --warning-background-text: #000000; -} - -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; -} - -/* 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; - padding: 0 7px; - width: 100%; - box-sizing: border-box; -} - -.message > .prefix, -.message > .timestamp { - flex: none; - color: var(--theme-comment); - 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/images/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: auto; - min-width: 0px; - 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 { - max-width: 40%; -} - -.stack-trace { - /* The markup contains extra whitespace to improve formatting of clipboard text. - Make sure this whitespace doesn't affect the HTML rendering */ - white-space: normal; -} - -.stack-trace .frame-link-source, -.message-location .frame-link-source { - /* Makes the file name truncated (and ellipsis shown) on the left side */ - direction: rtl; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; -} - -.stack-trace .frame-link-source-inner, -.message-location .frame-link-source-inner { - /* Enforce LTR direction for the file name - fixes bug 1290056 */ - direction: ltr; - unicode-bidi: embed; -} - -.stack-trace .frame-link-function-display-name { - max-width: 50%; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; -} - -.message-flex-body { - display: flex; -} - -.message-body > * { - white-space: pre-wrap; - word-wrap: break-word; -} - -.message-flex-body > .message-body { - display: block; - flex: auto; -} - -#output-wrapper { - direction: ltr; - overflow: auto; - -moz-user-select: text; - position: relative; -} - -/* The width on #output-container is set to a hardcoded px in webconsole.js - since it's way faster than using 100% with -moz-box-flex (see Bug 1237368) */ - -#output-container.hideTimestamps > .message { - padding-inline-start: 0; - margin-inline-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 */ - -.webconsole-filter-button { - -moz-user-focus: normal; -} - -.webconsole-filter-button > .toolbarbutton-menubutton-button { - -moz-box-orient: horizontal; /* saving vertical space in toolbar */ -} - -.webconsole-filter-button > .toolbarbutton-menubutton-button:before { - content: ""; - display: inline-block; - height: 8px; - width: 8px; - border-radius: 50%; - margin-inline-start: 1px; - margin-inline-end: 3px; - border-width: 1px; - border-style: solid; -} - -/* 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], -.message.error { - background-color: var(--error-background-color); -} - -.console-string { - color: var(--theme-highlight-orange); -} - -.message[severity=error] .console-string { - background-color: var(--error-background-text); -} - -.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 { - border-inline-end: solid var(--theme-body-color-alt) 6px; -} - -.message[category=network][severity=error] > .icon::before, -.message.network.error > .icon::before { - background-position: -12px 0; -} - -.message[category=network] > .message-body, -.message.network > .message-body { - display: flex; - flex-wrap: wrap; -} - -.message[category=network] .method, -.message.network .method { - flex: none; -} - -.message[category=network]:not(.navigation-marker) .url, -.message.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, -.message.network .status { - flex: none; - margin-inline-start: 6px; -} - -.message[category=network].mixed-content .url, -.message.network.mixed-content .url { - color: var(--theme-highlight-red); -} - -.message .learn-more-link { - color: var(--theme-highlight-blue); - margin: 0 6px; -} - -.message[category=network] .xhr, -.message.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; - margin-inline-start: 3px; - margin-inline-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, -.message.cssparser > .indent { - border-inline-end: solid #9C9CFF 6px; -} - -.message[category=cssparser][severity=error] > .icon::before, -.message.cssparser.error > .icon::before { - background-position: -12px -12px; -} - -.message[category=cssparser][severity=warn] > .icon::before, -.message.cssparser.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, -.message.exception > .indent { - border-inline-end: solid #FF9F00 6px; -} - -.message[category=exception][severity=error] > .icon::before, -.message.exception.error > .icon::before { - background-position: -12px -24px; -} - -.message[category=exception][severity=warn] > .icon::before, -.message.exception.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, -.message.console-api > .indent { - border-inline-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, -.message.console-api.error > .icon::before, -.message.output.error > .icon::before, -.message.server.error > .icon::before { - background-position: -12px -36px; -} - -.message[category=console][severity=warn] > .icon::before, -.message[category=server][severity=warn] > .icon::before, -.message.console-api.warn > .icon::before, -.message.server.warn > .icon::before { - background-position: -24px -36px; -} - -.message[category=console][severity=info] > .icon::before, -.message[category=server][severity=info] > .icon::before, -.message.console-api.info > .icon::before, -.message.server.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, -.message.server > .indent { - border-inline-end: solid #8050B0 6px; -} - -/* Input and output styles */ -.message[category=input] > .indent, -.message[category=output] > .indent, -.message.command > .indent, -.message.result > .indent { - border-inline-end: solid #A09090 6px; -} - -.message[category=input] > .icon::before, -.message.command > .icon::before { - background-position: -48px -36px; -} - -.message[category=output] > .icon::before, -.message.result > .icon::before { - background-position: -60px -36px; -} - -/* JSTerm Styles */ -.jsterm-input-container { - background-color: var(--theme-tab-toolbar-background); - border-top: 1px solid var(--theme-splitter-color); -} - -.jsterm-input-node, -.jsterm-complete-node { - border: none; - padding: 0; - padding-inline-start: 20px; - margin: 0; - -moz-appearance: none; - background-color: transparent; -} - -.jsterm-input-node[focused="true"] { - background-image: var(--theme-command-line-image-focus); - box-shadow: none; -} - -.jsterm-complete-node { - color: var(--theme-comment); -} - -.jsterm-input-node { - /* Always allow scrolling on input - it auto expands in js by setting height, - but don't want it to get bigger than the window. 24px = toolbar height. */ - max-height: calc(90vh - 24px); - background-image: var(--theme-command-line-image); - background-repeat: no-repeat; - background-size: 16px 16px; - background-position: 4px 50%; - color: var(--theme-content-color1); -} - -:-moz-any(.jsterm-input-node, - .jsterm-complete-node) > .textbox-input-box > .textbox-textarea { - overflow-x: hidden; - /* Set padding for console input on textbox to make sure it is inlcuded in - scrollHeight that is used when resizing JSTerminal's input. Note: textbox - default style has important already */ - padding: 4px 0 !important; -} - -.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; - margin-inline-end: 15px; - border: 1px solid var(--theme-splitter-color); - border-radius: 3px; -} - -#webconsole-sidebar > tabs { - height: 0; - border: none; -} - -.devtools-side-splitter ~ #webconsole-sidebar[hidden] { - display: none; -} - -/* Security styles */ - -.message[category=security] > .indent, -.message.security > .indent { - border-inline-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, -.message.security.error > .icon::before { - background-position: -12px -48px; -} - -.message[category=security][severity=warn] > .icon::before, -.message.security.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 { - padding-inline-end: 9px; - text-decoration: none; - background: var(--theme-body-background); -} - -.stacktrace { - display: none; - padding: 5px 10px; - margin: 5px 0 0 0; - overflow-y: auto; - border: 1px solid var(--theme-splitter-color); - border-radius: 3px; -} - -.consoletable { - margin: 5px 0 0 0; -} - -/* Force cells to only show one row of contents. Getting normal ellipses - behavior has proven impossible so far, so this is better than letting - rows get out of vertical alignment when one cell has a lot of content. */ -.consoletable .table-widget-cell > span { - overflow: hidden; - display: flex; - height: 1.25em; - line-height: 1.25em; -} - -.message[severity=error] .stacktrace { - background-color: #000000; -} - -.message[open] .stacktrace, -.message.open .stacktrace { - display: block; -} - -.message .theme-twisty { - display: inline-block; - vertical-align: middle; - margin: 3px 0 0 0; - flex-shrink: 0; -} - -/*Do not mirror the twisty because container force to ltr */ -.message .theme-twisty:dir(rtl), -.message .theme-twisty:-moz-locale-dir(rtl) { - transform: none; -} - -.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; -} - -a.learn-more-link.webconsole-learn-more-link { - font-style: normal; -} - -/* 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-inline-start: 5px; - cursor: pointer; -} - -.elementNode:hover .open-inspector, -.open-inspector:hover { - filter: url(images/filters.svg#checked-icon-state); -} - -.elementNode:hover .open-inspector:active, -.open-inspector:active { - filter: url(images/filters.svg#checked-icon-state); -} - -@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-inline-start: 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; - } - */ -} - -/* - * 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 - */ - -:root[platform="win"] .hud-filter-box { - width: 200px; -} - -/* NEW CONSOLE STYLES */ - -#output-wrapper > div { - position: absolute; - top: 0; - bottom: 0; - left: 0; - right: 0; -} - -#output-container { - height: 100%; -} - -.webconsole-output-wrapper { - display: flex; - flex-direction: column; - height: 100%; - -moz-user-focus: normal; -} - -.webconsole-filterbar-wrapper { - flex-grow: 0; -} - -.webconsole-output { - flex: 1; - overflow: auto; -} - -.webconsole-filterbar-primary { - display: flex; -} - -.devtools-toolbar.webconsole-filterbar-secondary { - height: initial; -} - -.webconsole-filterbar-primary .devtools-plaininput { - flex: 1 1 100%; -} - -.webconsole-output.hideTimestamps > .message > .timestamp { - display: none; -} - -.message.startGroup .message-body, -.message.startGroupCollapsed .message-body { - color: var(--theme-body-color); - font-weight: bold; -} - -.webconsole-output-wrapper .message > .icon { - margin: 3px 0 0 0; - padding: 0 0 0 6px; -} - -.message.error > .icon::before { - background-position: -12px -36px; -} - -.message.warn > .icon::before { - background-position: -24px -36px; -} - -.message.info > .icon::before { - background-position: -36px -36px; -} - -.message.network .method { - margin-inline-end: 5px; -} - -.webconsole-output-wrapper .message .indent { - display: inline-block; - border-inline-end: solid 1px var(--theme-splitter-color); -} - -.message.startGroup .indent, -.message.startGroupCollapsed .indent { - border-inline-end-color: transparent; - margin-inline-end: 5px; -} - -.message.startGroup .icon, -.message.startGroupCollapsed .icon { - display: none; -} - -/* console.table() */ -.new-consoletable { - width: 100%; - border-collapse: collapse; - --consoletable-border: 1px solid var(--table-splitter-color); -} - -.new-consoletable thead, -.new-consoletable tbody { - background-color: var(--theme-body-background); -} - -.new-consoletable th { - background-color: var(--theme-selection-background); - color: var(--theme-selection-color); - margin: 0; - padding: 5px 0 0; - font-weight: inherit; - border-inline-end: var(--consoletable-border); - border-bottom: var(--consoletable-border); -} - -.new-consoletable tr:nth-of-type(even) { - background-color: var(--table-zebra-background); -} - -.new-consoletable td { - padding: 3px 4px; - min-width: 100px; - -moz-user-focus: normal; - color: var(--theme-body-color); - border-inline-end: var(--consoletable-border); - height: 1.25em; - line-height: 1.25em; -} diff --git a/LCARStrek/devtools/widgets.css b/LCARStrek/devtools/widgets.css deleted file mode 100644 index ba1dba2c..00000000 --- a/LCARStrek/devtools/widgets.css +++ /dev/null @@ -1,1412 +0,0 @@ -/* 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/. */ - -.theme-dark, -.theme-light { - --table-splitter-color: #A09090; - --table-zebra-background: rgba(255,159,0,0.1); - --sidemenu-separator-color: rgba(160,144,144,0.15); - --sidemenu-selected-arrow: url(images/itemArrow-dark-ltr.svg); - --sidemenu-selected-arrow-rtl: url(images/itemArrow-dark-rtl.svg); - --delete-icon: url(chrome://devtools/skin/images/vview-delete.png); - --delete-icon-2x: url(chrome://devtools/skin/images/vview-delete@2x.png); -} - -/* Generic pane helpers */ - -.generic-toggled-pane { - margin-inline-start: 0 !important; - /* Unfortunately, transitions don't work properly with locale-aware properties, - so both the left and right margins are set via js, while the start margin - is always overridden here. */ -} - -.generic-toggled-pane[animated] { - transition: margin 0.25s ease-in-out; -} - -/* Responsive container */ - -.devtools-responsive-container { - -moz-box-orient: horizontal; -} - -.devtools-main-content { - min-width: 50px; -} - -.devtools-main-content, -.devtools-sidebar-tabs { - /* Prevent some children that should be hidden from remaining visible as this is shrunk (Bug 971959) */ - position: relative; -} - -@media (min-width: 701px) { - .devtools-responsive-container .generic-toggled-pane { - /* To hide generic-toggled-pane, negative margins are applied dynamically. - * In the default horizontal layout, the pane is on the side and should be - * hidden using negative margin-inline-end only. - */ - margin-top: 0 !important; - margin-bottom: 0 !important; - } -} -@media (max-width: 700px) { - .devtools-responsive-container { - -moz-box-orient: vertical; - } - - .devtools-responsive-container > .devtools-side-splitter { - /* This is a normally vertical splitter, but we have turned it horizontal - due to the smaller resolution */ - min-height: calc(var(--devtools-splitter-top-width) + - var(--devtools-splitter-bottom-width) + 1px); - border-top-width: var(--devtools-splitter-top-width); - border-bottom-width: var(--devtools-splitter-bottom-width); - margin-top: calc(-1 * var(--devtools-splitter-top-width) - 1px); - margin-bottom: calc(-1 * var(--devtools-splitter-bottom-width)); - - /* Reset the vertical splitter styles */ - width: auto; - min-width: 0; - border-inline-end-width: 0; - border-inline-start-width: 0; - margin-inline-end: 0; - margin-inline-start: 0; - - /* In some edge case the cursor is not changed to n-resize */ - cursor: n-resize; - } - - .devtools-responsive-container > .devtools-sidebar-tabs:not(.pane-collapsed) { - /* When the panel is collapsed min/max height should not be applied because - collapsing relies on negative margins, which implies constant height. */ - min-height: 35vh; - max-height: 75vh; - } - - .devtools-responsive-container .generic-toggled-pane { - /* To hide generic-toggled-pane, negative margins are applied dynamically. - * If a vertical layout, the pane is on the bottom and should be hidden - * using negative bottom margin only. - */ - margin-inline-end: 0 !important; - } -} - -/* BreacrumbsWidget */ - -.breadcrumbs-widget-container { - margin-inline-start: 2px; - max-height: 24px; /* Set max-height for proper sizing on linux */ - height: 24px; /* Set height to prevent starting small waiting for content */ -} - -.scrollbutton-up, -.scrollbutton-down { - background: transparent; - box-shadow: none; - border: none; - margin: 0; - padding: 0; -} - -.scrollbutton-up { - margin-inline-end: 1px; -} - -.scrollbutton-down { - margin-inline-end: 0; -} - -.scrollbutton-up > .toolbarbutton-icon, -.scrollbutton-down > .toolbarbutton-icon { - /* margin: 0 8px; */ -} - -.scrollbutton-up:not([disabled]):active:hover > .toolbarbutton-icon, -.scrollbutton-down:not([disabled]):active:hover > .toolbarbutton-icon { -} - -.scrollbutton-up[disabled] > .toolbarbutton-icon, -.scrollbutton-down[disabled] > .toolbarbutton-icon { -} - -.scrollbutton-up:-moz-locale-dir(ltr) { - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} - -.scrollbutton-down:-moz-locale-dir(ltr) { - border-top-left-radius: 0; - border-bottom-left-radius: 0; -} - -.scrollbutton-up:-moz-locale-dir(rtl) { - border-top-left-radius: 0; - border-bottom-left-radius: 0; -} - -.scrollbutton-down:-moz-locale-dir(rtl) { - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} - -/* Draw shadows to indicate there is more content 'behind' scrollbuttons. */ -/* -.scrollbutton-up:-moz-locale-dir(ltr), -.scrollbutton-down:-moz-locale-dir(rtl) { - border-right: solid 1px rgba(255, 255, 255, .1); - border-left: solid 1px transparent; - box-shadow: 3px 0px 3px -3px var(--theme-sidebar-background); -} - -.scrollbutton-down:-moz-locale-dir(ltr), -.scrollbutton-up:-moz-locale-dir(rtl) { - border-right: solid 1px transparent; - border-left: solid 1px rgba(255, 255, 255, .1); - box-shadow: -3px 0px 3px -3px var(--theme-sidebar-background); -} - -.scrollbutton-up[disabled], -.scrollbutton-down[disabled] { - box-shadow: none; - border-color: transparent; -} -*/ - -.scrollbutton-up > .toolbarbutton-icon:-moz-locale-dir(rtl), -.scrollbutton-down > .toolbarbutton-icon:-moz-locale-dir(ltr) { -/* transform: scaleX(-1); */ -} - -/* The breadcrumb separator elements are used as background images with - * -moz-element, so we position them offscreen since we don't care about - * seeing the original elements. - */ -.breadcrumb-separator-container { - position: fixed; - top: -1000px; - left: -1000px; -} - -#breadcrumb-separator-before, -#breadcrumb-separator-after, -#breadcrumb-separator-normal { - width: 12px; - height: 24px; - overflow: hidden; -} - -#breadcrumb-separator-before, -#breadcrumb-separator-after:after { - background: var(--theme-selection-background); -} - -#breadcrumb-separator-after, -#breadcrumb-separator-before:after { - background: var(--theme-body-background); -} - -/* This chevron arrow cannot be replicated easily in CSS, so we are using - * a background image for it (still keeping it in a separate element so - * we can handle RTL support with a CSS transform). - */ -#breadcrumb-separator-normal { - background: url("images/breadcrumbs-divider@2x.png") no-repeat center right; - background-size: 12px 24px; -} - -/* Fake a triangle by rotating a rectangle inside the elements */ -#breadcrumb-separator-before:after, -#breadcrumb-separator-after:after { - content: ""; - display: block; - width: 25px; - height: 24px; - transform: translateX(-18px) rotate(45deg); - box-sizing: border-box; -} - -.breadcrumbs-widget-item { - background-color: var(--theme-capped-toolbar-background); - min-height: 24px; - min-width: 65px; - margin: 0; - padding: 0 8px 0 20px; - border: none; - border-radius: 0; - outline: none; - color: var(--theme-content-color1); -} - -.breadcrumbs-widget-item:hover { - background-color: var(--theme-hover-background); - color: var(--theme-hover-color); -} - -.breadcrumbs-widget-item[checked]:not(:hover) { - background-color: var(--theme-selection-background); - color: var(--theme-selection-color); -} - -.breadcrumbs-widget-item[siblings-menu-open], -.breadcrumbs-widget-item:active { - background-color: var(--theme-active-background); - color: var(--theme-active-color); -} - -.breadcrumbs-widget-item > .button-box { - border: none; - padding-top: 0; - padding-bottom: 0; -} - -:root[platform="win"] .breadcrumbs-widget-item:-moz-focusring > .button-box { - border-width: 0; -} - -.breadcrumbs-widget-item:not([checked]) { - background-image: -moz-element(#breadcrumb-separator-normal); - background-repeat: no-repeat; - background-position: center left; -} - -.breadcrumbs-widget-item[checked] + .breadcrumbs-widget-item { - background-image: -moz-element(#breadcrumb-separator-after); - background-repeat: no-repeat; - background-position: 0 0; -} - -.breadcrumbs-widget-item[checked] { - background-image: -moz-element(#breadcrumb-separator-before); - background-repeat: no-repeat; - background-position: 0 0; - background-color: var(--theme-selection-background); /* Select Highlight Blue */ -} - -.breadcrumbs-widget-item:first-child { - background-image: none; -} - -/* RTL support: move the images that were on the left to the right, - * and move images that were on the right to the left. - */ -.breadcrumbs-widget-item:-moz-locale-dir(rtl) { - padding: 0 20px 0 8px; -} - -.breadcrumbs-widget-item:-moz-locale-dir(rtl), -.breadcrumbs-widget-item[checked] + .breadcrumbs-widget-item:-moz-locale-dir(rtl) { - background-position: center right; -} - -#breadcrumb-separator-before:-moz-locale-dir(rtl), -#breadcrumb-separator-after:-moz-locale-dir(rtl), -#breadcrumb-separator-normal:-moz-locale-dir(rtl) { - transform: scaleX(-1); -} - -#breadcrumb-separator-before:-moz-locale-dir(rtl):after, -#breadcrumb-separator-after:-moz-locale-dir(rtl):after { - transform: translateX(-5px) rotate(45deg); -} - -.breadcrumbs-widget-item[checked] .breadcrumbs-widget-item-id, -.breadcrumbs-widget-item[checked] .breadcrumbs-widget-item-tag, -.breadcrumbs-widget-item[checked] .breadcrumbs-widget-item-pseudo-classes, -.breadcrumbs-widget-item[checked] .breadcrumbs-widget-item-classes { - color: var(--theme-button-color); /* --theme-highlight-lightorange */ -} - -.breadcrumbs-widget-item { - color: var(--theme-button-color); /* tag name, --theme-highlight-lightorange */ -} - -.breadcrumbs-widget-item:not([checked]):hover span, -.breadcrumbs-widget-item:not([checked]):hover label { - color: var(--theme-hover-color) !important; -} - -.breadcrumbs-widget-item-id { - color: var(--theme-highlight-red); /* --theme-body-color-alt */ -} - -.breadcrumbs-widget-item-classes { - color: #402800; /* --theme-content-color1 */ -} - -.breadcrumbs-widget-item-pseudo-classes { - color: var(--theme-button-color); /* --theme-highlight-lightorange */ -} - -/* SimpleListWidget */ - -.simple-list-widget-container { - /* Hack: force hardware acceleration */ - transform: translateZ(1px); -} - -.simple-list-widget-item.selected { - background-color: var(--theme-selection-background); - color: var(--theme-selection-color); -} - -.simple-list-widget-item:not(.selected):hover { - background-color: var(--theme-hover-background); - color: var(--theme-hover-color); -} - -.simple-list-widget-perma-text, -.simple-list-widget-empty-text { - padding: 4px 8px; -} - -.simple-list-widget-perma-text, -.simple-list-widget-empty-text { - color: var(--theme-body-color-alt); -} - -/* FastListWidget */ - -.fast-list-widget-container { - /* Hack: force hardware acceleration */ - transform: translateZ(1px); -} - -.fast-list-widget-empty-text { - padding: 4px 8px; -} - -.fast-list-widget-empty-text { - color: var(--theme-body-color-alt); -} - -/* SideMenuWidget */ - -.side-menu-widget-container { - /* Hack: force hardware acceleration */ - transform: translateZ(1px); -} - -/* SideMenuWidget container */ - -.side-menu-widget-container[with-arrows=true] .side-menu-widget-item { - /* To compensate for the arrow image's dark margin. */ -/* margin-inline-end: -1px;*/ -} - -/* SideMenuWidget groups */ - -.side-menu-widget-group-title { - padding: 4px; - font-weight: 600; - border-bottom: 1px solid var(--sidemenu-separator-color); -} - -.side-menu-widget-group-title + .side-menu-widget-group-list .side-menu-widget-item-contents { - padding-inline-start: 20px; -} - -/* SideMenuWidget items */ - -.side-menu-widget-item { - border-bottom: 1px solid var(--sidemenu-separator-color); - background-clip: padding-box; -} - -.side-menu-widget-item.selected { - background-color: var(--theme-selection-background); - color: var(--theme-selection-color); -} - -.side-menu-widget-item-arrow { - margin-inline-start: -7px; - width: 7px; /* The image's width is 7 pixels */ -} - -.side-menu-widget-item.selected > .side-menu-widget-item-arrow { - background-image: var(--sidemenu-selected-arrow); - background-size: auto; - background-repeat: no-repeat; - background-position: center right; -} - -.side-menu-widget-item.selected > .side-menu-widget-item-arrow:-moz-locale-dir(rtl) { - background-image: var(--sidemenu-selected-arrow-rtl); - background-position: center left; -} - -/* SideMenuWidget items contents */ - -.side-menu-widget-item-contents { - padding: 4px; - /* To avoid having content overlapping the arrow image. */ - padding-inline-end: 8px; -} - -.side-menu-widget-item-other { - /* To avoid having content overlapping the arrow image. */ - padding-inline-end: 8px; - /* To compensate for the .side-menu-widget-item-contents padding. */ - margin-inline-start: -4px; - margin-inline-end: -8px; - color: var(--theme-selection-color); -} - -.side-menu-widget-group-title + .side-menu-widget-group-list .side-menu-widget-item-other { - /* To compensate for the .side-menu-widget-item-contents padding. */ - margin-inline-start: -20px; -} - -.side-menu-widget-item.selected .side-menu-widget-item-other:not(.selected) { - background-color: var(--theme-sidebar-background); - box-shadow: inset 2px 0 0 var(--theme-selection-background); - color: var(--theme-body-color); -} - -.side-menu-widget-item.selected .side-menu-widget-item-other.selected { - background-color: var(--theme-selection-background); - color: var(--theme-selection-color); -} - -.side-menu-widget-item-other:first-of-type { - margin-top: 4px; -/* border-top-left-radius: 4px; */ -} - -.side-menu-widget-item-other:last-of-type { - margin-bottom: -4px; -} - -.side-menu-widget-item-other:not(.selected) > label { - color: #9C9CFF; -} - -/* SideMenuWidget checkboxes */ - -.side-menu-widget-group-checkbox { - margin: 0; - margin-inline-end: 4px; -} - -.side-menu-widget-item-checkbox { - margin: 0; - margin-inline-start: 4px; - margin-inline-end: -4px; -} - -/* SideMenuWidget misc */ - -.side-menu-widget-empty-text { - padding: 4px 8px; - background-color: var(--theme-sidebar-background); -} - -/* VariablesView */ - -.variables-view-container { - /* Hack: force hardware acceleration */ - transform: translateZ(1px); -} - -.variables-view-empty-notice { - padding: 2px; -} - -.variables-view-empty-notice { - color: var(--theme-body-color-alt); -} - -.variables-view-scope:focus > .title, -.theme-dark .variable-or-property:focus > .title { - background-color: var(--theme-selection-background); - color: var(--theme-selection-color); -} - -.variables-view-scope > .title { - background-color: #A09090; - color: #000000; -} - -/* Custom scope stylings */ - -.variables-view-watch-expressions .title > .name { - max-width: 14em; -} - -/* Generic variables traits */ - -.variables-view-variable:not(:last-child) { - border-bottom: 1px solid #A09090; -} - -.variables-view-variable > .title > .name { - font-weight: 600; -} - -/* Generic variables *and* properties traits */ - -.variable-or-property:focus > .title > label { - color: inherit !important; -} - -.variables-view-container .theme-twisty { - margin: 2px; -} - -.variable-or-property > .title > .theme-twisty { - margin-inline-start: 5px; -} - -.variable-or-property:not([untitled]) > .variables-view-element-details { - margin-inline-start: 7px; -} - -/* Traits applied when variables or properties are changed or overridden */ - -.variable-or-property:not([overridden]) { - transition: background 1s ease-in-out, color 1s ease-in-out; -} - -.variable-or-property:not([overridden])[changed] { - color: #000000; - transition-duration: .4s; -} - -.variable-or-property[overridden] { - background: rgba(160,144,144,0.5); -} - -.variable-or-property[overridden] .title > label { - /* Cross out the title for this variable and all child properties. */ - font-style: italic; - text-decoration: line-through; - border-bottom: none !important; - color: #A09090; - opacity: 0.7; -} - -/* Traits applied when variables or properties are editable */ - -.variable-or-property[editable] > .title > .value { - cursor: text; -} - -.variable-or-property[overridden] .title > .value { - /* Disallow editing this variable and all child properties. */ - pointer-events: none; -} - -/* Custom configurable/enumerable/writable or frozen/sealed/extensible - * variables and properties */ - -.variable-or-property[non-enumerable]:not([self]):not([pseudo-item]) > .title > .name { - opacity: 0.6; -} - -.variable-or-property-non-writable-icon { - background: url("chrome://devtools/skin/images/vview-lock.png") no-repeat; - background-size: cover; - width: 16px; - height: 16px; -} - -@media (min-resolution: 1.1dppx) { - .variable-or-property-non-writable-icon { - background-image: url("chrome://devtools/skin/images/vview-lock@2x.png"); - } -} - -.variable-or-property-frozen-label, -.variable-or-property-sealed-label, -.variable-or-property-non-extensible-label { - height: 16px; - padding-inline-end: 4px; -} - -.variable-or-property:not(:focus) > .title > .variable-or-property-frozen-label, -.variable-or-property:not(:focus) > .title > .variable-or-property-sealed-label, -.variable-or-property:not(:focus) > .title > .variable-or-property-non-extensible-label { - color: #A09090; -} - -/* Aligned values */ - -.variables-view-container[aligned-values] .title > .separator { - -moz-box-flex: 1; -} - -.variables-view-container[aligned-values] .title > .value { - -moz-box-flex: 0; - width: 70vw; -} - -.variables-view-container[aligned-values] .title > .element-value-input { - width: calc(70vw - 10px); -} - -/* Actions first */ - -.variables-view-open-inspector { - -moz-box-ordinal-group: 1; -} - -.variables-view-edit, -.variables-view-add-property { - -moz-box-ordinal-group: 2; -} - -.variable-or-property-frozen-label, -.variable-or-property-sealed-label, -.variable-or-property-non-extensible-label, -.variable-or-property-non-writable-icon { - -moz-box-ordinal-group: 3; -} - -.variables-view-delete { - -moz-box-ordinal-group: 4; -} - -.variables-view-container[actions-first] .variables-view-delete, -.variables-view-container[actions-first] .variables-view-add-property, -.variables-view-container[actions-first] .variables-view-open-inspector { - -moz-box-ordinal-group: 0; -} - -.variables-view-container[actions-first] [invisible] { - visibility: hidden; -} - -/* Variables and properties tooltips */ - -.variable-or-property > tooltip > label { - margin: 0 2px 0 2px; -} - -.variable-or-property[non-enumerable] > tooltip > label.enumerable, -.variable-or-property[non-configurable] > tooltip > label.configurable, -.variable-or-property[non-writable] > tooltip > label.writable, -.variable-or-property[non-extensible] > tooltip > label.extensible { - color: #A09090; - text-decoration: line-through; -} - -.variable-or-property[overridden] > tooltip > label.overridden { - padding-inline-start: 4px; - border-inline-start: 1px dotted #9C9CFF; -} - -.variable-or-property[safe-getter] > tooltip > label.WebIDL { - padding-inline-start: 4px; - border-inline-start: 1px dotted #9C9CFF; - color: #008484; -} - -/* Variables and properties editing */ -.variables-view-delete, -.variables-view-edit, -.variables-view-open-inspector { - width: 16px; - height: 16px; - background-size: cover; - cursor: pointer; -} - -.variables-view-delete:hover, -.variables-view-edit:hover, -.variables-view-open-inspector:hover { - filter: url(images/filters.svg#checked-icon-state); -} - -.variables-view-delete:active, -.variables-view-edit:active, -.variables-view-open-inspector:active { - filter: url(images/filters.svg#checked-icon-state); -} - -.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; -} - -.variables-view-delete { - background-image: var(--delete-icon); -} - -@media (min-resolution: 1.1dppx) { - .variables-view-delete { - background-image: var(--delete-icon-2x); - } -} - -.variables-view-edit { - background-image: url("chrome://devtools/skin/images/vview-edit.png"); -} - -@media (min-resolution: 1.1dppx) { - .variables-view-edit { - background-image: url("chrome://devtools/skin/images/vview-edit@2x.png"); - } -} - -.variables-view-open-inspector { - background-image: url("chrome://devtools/skin/images/vview-open-inspector.png"); -} - -@media (min-resolution: 1.1dppx) { - .variables-view-open-inspector { - background-image: url("chrome://devtools/skin/images/vview-open-inspector@2x.png"); - } -} - -/* Variables and properties input boxes */ - -.variable-or-property > .title > .separator + .element-value-input { - margin-inline-start: -2px !important; - margin-inline-end: 2px !important; -} - -.variable-or-property > .title > .separator[hidden=true] + .element-value-input { - margin-inline-start: 4px !important; - margin-inline-end: 2px !important; -} - -.element-name-input { - margin-inline-start: -2px !important; - margin-inline-end: 2px !important; - font-weight: 600; -} - -.element-value-input, -.element-name-input { - border: 1px solid #008484 !important; - color: inherit; -} - -/* Variables and properties searching */ - -.variable-or-property[unmatched] { - border: none; - margin: 0; -} - -/* Canvas graphs */ - -.graph-widget-container { - position: relative; -} - -.graph-widget-canvas { - width: 100%; - height: 100%; -} - -.graph-widget-canvas[input=hovering-background] { - cursor: text; -} - -.graph-widget-canvas[input=hovering-region] { - cursor: pointer; -} - -.graph-widget-canvas[input=hovering-selection-start-boundary], -.graph-widget-canvas[input=hovering-selection-end-boundary], -.graph-widget-canvas[input=adjusting-selection-boundary] { - cursor: col-resize; -} - -.graph-widget-canvas[input=adjusting-view-area] { - cursor: grabbing; -} - -.graph-widget-canvas[input=hovering-selection-contents] { - cursor: grab; -} - -.graph-widget-canvas[input=dragging-selection-contents] { - cursor: grabbing; -} - -/* Line graph widget */ - -.line-graph-widget-gutter { - position: absolute; - width: 10px; - height: 100%; - top: 0; - left: 0; - pointer-events: none; - - background: #000000; - border-inline-end: 1px solid #9C9CFF; -} - -.line-graph-widget-gutter-line { - position: absolute; - width: 100%; - border-top: 1px solid; -} - -.line-graph-widget-gutter-line[type=maximum] { - border-color: #008484; -} - -.line-graph-widget-gutter-line[type=minimum] { - border-color: #FF0000; -} - -.line-graph-widget-gutter-line[type=average] { - border-color: #FF9F00; -} - -.line-graph-widget-tooltip { - position: absolute; - border-radius: 2px; - line-height: 15px; - padding-inline-start: 6px; - padding-inline-end: 6px; - transform: translateY(-50%); - font-size: 0.8rem !important; - z-index: 1; - pointer-events: none; - - background: #404000; -} - -.line-graph-widget-tooltip[with-arrows=true]::before { - content: ""; - position: absolute; - border-top: 3px solid transparent; - border-bottom: 3px solid transparent; - top: calc(50% - 3px); -} - -.line-graph-widget-tooltip[arrow=start][with-arrows=true]::before { - border-inline-end: 3px solid #9C9CFF; - left: -3px; -} - -.line-graph-widget-tooltip[arrow=end][with-arrows=true]::before { - border-inline-start: 3px solid #9C9CFF; - right: -3px; -} - -.line-graph-widget-tooltip[type=maximum] { - left: 14px; -} - -.line-graph-widget-tooltip[type=minimum] { - left: 14px; -} - -.line-graph-widget-tooltip[type=average] { - right: 4px; -} - -.line-graph-widget-tooltip > [text=info] { - color: var(--theme-content-color2); -} - -.line-graph-widget-tooltip > [text=value] { - margin-inline-start: 3px; -} - -.line-graph-widget-tooltip > [text=metric] { - margin-inline-start: 1px; - color: var(--theme-content-color4); -} - -.line-graph-widget-tooltip > [text=value], -.line-graph-widget-tooltip > [text=metric] { -/* text-shadow: 1px 0px rgba(255,255,255,0.6), - -1px 0px rgba(255,255,255,0.6), - 0px -1px rgba(255,255,255,0.6), - 0px 1px rgba(255,255,255,0.6);*/ -} - -.line-graph-widget-tooltip[type=maximum] > [text=value] { - color: var(--theme-highlight-green); -} - -.line-graph-widget-tooltip[type=minimum] > [text=value] { - color: var(--theme-highlight-red); -} - -.line-graph-widget-tooltip[type=average] > [text=value] { - color: var(--theme-highlight-orange); -} - -/* Bar graph widget */ - -.bar-graph-widget-legend { - position: absolute; - top: 4px; - left: 8px; - color: #A09090; - font-size: 0.8rem !important; - pointer-events: none; -} - -.bar-graph-widget-legend-item { - float: left; - margin-inline-end: 8px; -} - -.bar-graph-widget-legend-item > [view="color"], -.bar-graph-widget-legend-item > [view="label"] { - vertical-align: middle; -} - -.bar-graph-widget-legend-item > [view="color"] { - display: inline-block; - width: 8px; - height: 8px; - border: 1px solid #9C9CFF; - border-radius: 1px; - margin-inline-end: 4px; - pointer-events: all; - cursor: pointer; -} - -.bar-graph-widget-legend-item > [view="label"] { -/* text-shadow: 1px 0px rgba(255,255,255,0.8), - -1px 0px rgba(255,255,255,0.8), - 0px -1px rgba(255,255,255,0.8), - 0px 1px rgba(255,255,255,0.8);*/ -} - -/* Charts */ - -.generic-chart-container { - /* Hack: force hardware acceleration */ - transform: translateZ(1px); -} - -.generic-chart-container { - color: var(--theme-body-color-alt); -} - -.chart-colored-blob { - fill: var(--theme-highlight-blue); - background: var(--theme-highlight-blue); -} - -/* Charts: Pie */ - -.pie-chart-slice { - stroke-width: 1px; - cursor: pointer; -} - -.pie-chart-slice { - stroke: #A09090; -} - -.pie-chart-slice[largest] { - stroke-width: 2px; - stroke: #9C9CFF; -} - -.pie-chart-label { - text-anchor: middle; - dominant-baseline: middle; - pointer-events: none; -} - -.pie-chart-label { - fill: #000; -} - -.pie-chart-container[slices="1"] > .pie-chart-slice { - stroke-width: 0px; -} - -.pie-chart-slice, -.pie-chart-label { - transition: all 0.1s ease-out; -} - -.pie-chart-slice:not(:hover):not([focused]), -.pie-chart-slice:not(:hover):not([focused]) + .pie-chart-label { - transform: none !important; -} - -/* Charts: Table */ - -.table-chart-title { - padding-bottom: 10px; - font-size: 120%; - font-weight: 600; -} - -.table-chart-row { - margin-top: 1px; - cursor: pointer; -} - -.table-chart-grid:hover > .table-chart-row { - transition: opacity 0.1s ease-in-out; -} - -.table-chart-grid:not(:hover) > .table-chart-row { - transition: opacity 0.2s ease-in-out; -} - -.generic-chart-container:hover > .table-chart-grid:hover > .table-chart-row:not(:hover), -.generic-chart-container:hover ~ .table-chart-container > .table-chart-grid > .table-chart-row:not([focused]) { - opacity: 0.4; -} - -.table-chart-row-box { - width: 8px; - height: 1.5em; - margin-inline-end: 10px; -} - -.table-chart-row-label { - width: 8em; - padding-inline-end: 6px; - cursor: inherit; -} - -.table-chart-totals { - margin-top: 8px; - padding-top: 6px; -} - -.table-chart-totals { - border-top: 1px solid var(--theme-body-color-alt); /* Grey foreground text */ -} - -.table-chart-summary-label { - font-weight: 600; - padding: 1px 0px; -} - -.table-chart-summary-label { - color: var(--theme-content-color2); -} - -/* Table Widget */ - -/* Table body */ - -.table-widget-body > .devtools-side-splitter { - border: none; -} - -.table-widget-body { - overflow: auto; -} - -.table-widget-body, -.table-widget-empty-text { - background-color: var(--theme-body-background); -} - -/* Column Headers */ - -.table-widget-column-header, -.table-widget-cell { - border-inline-end: 1px solid var(--table-splitter-color) !important; -} - -/* Table widget column header colors are taken from netmonitor.inc.css to match - the look of both the tables. */ - -.table-widget-column-header { - position: sticky; - top: 0; - width: 100%; - margin: 0; - padding: 5px 0 0 !important; - color: inherit; - text-align: center; - font-weight: inherit !important; - border-image: linear-gradient(transparent 15%, - var(--theme-splitter-color) 15%, - var(--theme-splitter-color) 85%, - transparent 85%, - transparent calc(100% - 1px), - var(--theme-splitter-color) calc(100% - 1px)) 1 1; - background-repeat: no-repeat; -} - -.table-widget-column-header:not([sorted]):hover { -/* background-image: linear-gradient(rgba(0,0,0,0.1),rgba(0,0,0,0.1));*/ -} - -.table-widget-column-header[sorted] { - background-color: var(--theme-selection-background); - color: var(--theme-selection-color); - border-image: linear-gradient(var(--theme-splitter-color), var(--theme-splitter-color)) 1 1; -/* box-shadow: -0.5px 0 0 0.5px var(--theme-splitter-color);*/ - background-position: right 6px center; -} - -.table-widget-column-header[sorted]:-moz-locale-dir(rtl) { - background-position: 6px center; -} - -.table-widget-column-header[sorted=ascending] { - background-image: url("chrome://devtools/skin/images/sort-arrows.svg#ascending"); -} - -.table-widget-column-header[sorted=descending] { - background-image: url("chrome://devtools/skin/images/sort-arrows.svg#descending"); -} - -.table-widget-column[readonly] { - background-color: #402800; -} - -.table-widget-body .devtools-side-splitter:last-of-type { - display: none; -} - -/* Cells */ - -.table-widget-cell { - width: 100%; - padding: 3px 4px; - min-width: 100px; - -moz-user-focus: normal; - color: var(--theme-body-color); -} - -.table-widget-cell[hidden] { - display: none; -} - -.table-widget-column-header + .table-widget-cell { - border-top: 1px solid var(--theme-splitter-color); -} - -.table-widget-cell:last-child { - border-bottom: 1px solid var(--table-splitter-color); -} - -.table-widget-cell.even:not(.theme-selected) { - background-color: var(--table-zebra-background); -} - -:root:not(.no-animate) .table-widget-cell.flash-out { - animation: flash-out 0.5s ease-in; -} - -@keyframes flash-out { - to { - background: var(--theme-contrast-background2); - } -} - -/* Empty text and initial text */ - -.table-widget-empty-text { - display: none; - text-align: center; - font-size: large; - margin-top: -20px !important; -} - -.table-widget-body:empty + .table-widget-empty-text:not([value=""]), -.table-widget-body[empty] + .table-widget-empty-text:not([value=""]) { - display: block; -} - -/* Tree Widget */ - -.tree-widget-container { - padding: 0; - margin: 0; - width: 100%; - height: 100%; - list-style: none; - overflow: hidden; - margin-inline-end: 40px; -} - -.tree-widget-container:-moz-focusring, -.tree-widget-container *:-moz-focusring { - outline-style: none; -} - -.tree-widget-empty-text { - padding: 10px 20px; - font-size: medium; - background: transparent; - pointer-events: none; -} - -/* Tree Item */ - -.tree-widget-container .tree-widget-item { - padding: 2px 0px 4px; - /* OSX has line-height 14px by default, which causes weird alignment issues - * because of 20px high icons. thus making line-height consistent with that of - * windows. - */ - line-height: 17px !important; - display: inline-block; - width: 100%; - word-break: keep-all; /* To prevent long urls like http://foo.com/bar from - breaking in multiple lines */ -} - -.tree-widget-container .tree-widget-children { - margin: 0; - padding: 0; - list-style: none; -} - -.tree-widget-item[level="1"] { - font-weight: 700; -} - -/* Twisties */ -.tree-widget-item::before { - content: ""; - width: 14px; - height: 14px; - float: left; - margin: 3px 2px -3px; - background-repeat: no-repeat; - background-image: url("chrome://devtools/skin/images/controls.png"); - background-size: 56px 28px; - cursor: pointer; - background-position: -28px -14px; -} - -.tree-widget-item:-moz-locale-dir(rtl)::before { - float: right; - transform: scaleX(-1); -} - -.tree-widget-item[empty]::before { - background: transparent; -} - -.tree-widget-item[expanded]::before { - background-position: -42px -14px; -} - -.tree-widget-item + ul { - overflow: hidden; - animation: collapse-tree-item 0.2s; - max-height: 0; -} - -.tree-widget-item[expanded] + ul { - animation: expand-tree-item 0.3s; - max-height: unset; -} - -@keyframes collapse-tree-item { - from { - max-height: 300px; - } - to { - max-height: 0; - } -} - -@keyframes expand-tree-item { - from { - max-height: 0; - } - to { - max-height: 500px; - } -} - -@media (min-resolution: 1.1dppx) { - .tree-widget-item:before { - background-image: url("chrome://devtools/skin/images/controls@2x.png"); - } -} - -/* Indentation of child items in the tree */ - -/* For level > 6 */ -.tree-widget-item[level] + ul > li > .tree-widget-item { - padding-inline-start: 98px; -} - -/* First level */ -.tree-widget-item[level="1"] + ul > li > .tree-widget-item { - padding-inline-start: 14px; -} - -/* Second level */ -.tree-widget-item[level="2"] + ul > li > .tree-widget-item { - padding-inline-start: 28px; -} - -/* Third level */ -.tree-widget-item[level="3"] + ul > li > .tree-widget-item { - padding-inline-start: 42px; -} - -/* Fourth level */ -.tree-widget-item[level="4"] + ul > li > .tree-widget-item { - padding-inline-start: 56px; -} - -/* Fifth level */ -.tree-widget-item[level="5"] + ul > li > .tree-widget-item { - padding-inline-start: 70px; -} - -/* Sixth level */ -.tree-widget-item[level="6"] + ul > li > .tree-widget-item { - padding-inline-start: 84px; -} - -/* Custom icons for certain tree items indicating the type of the item */ - -.tree-widget-item[type]::after { - content: ""; - float: left; - width: 16px; - height: 17px; - margin-inline-end: 4px; - background-repeat: no-repeat; - background-size: 20px auto; - background-position: 0 0; - background-size: auto 20px; - opacity: 0.75; -} - -.tree-widget-item.theme-selected[type]::after { - opacity: 1; -} - -.tree-widget-item:-moz-locale-dir(rtl)::after { - float: right; -} - -/*.theme-light .tree-widget-item.theme-selected[type]::after,*/ -.tree-widget-item[type]::after { - filter: invert(1); -} - -.tree-widget-item[type="dir"]::after { - background-image: url("chrome://devtools/skin/images/filetypes/dir-close.svg"); - background-position: 2px 0; - background-size: auto 16px; - width: 20px; -} - -.tree-widget-item[type="dir"][expanded]:not([empty])::after { - background-image: url("chrome://devtools/skin/images/filetypes/dir-open.svg"); -} - -.tree-widget-item[type="url"]::after { - background-image: url("chrome://devtools/skin/images/filetypes/globe.svg"); - background-size: auto 18px; - width: 18px; -} diff --git a/LCARStrek/webide/addons.css b/LCARStrek/webide/addons.css deleted file mode 100644 index 728b8849..00000000 --- a/LCARStrek/webide/addons.css +++ /dev/null @@ -1,76 +0,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/. */ - -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; -} diff --git a/LCARStrek/webide/config-view.css b/LCARStrek/webide/config-view.css deleted file mode 100644 index dc1a0b85..00000000 --- a/LCARStrek/webide/config-view.css +++ /dev/null @@ -1,82 +0,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/. */ - -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%; -} diff --git a/LCARStrek/webide/deck.css b/LCARStrek/webide/deck.css deleted file mode 100644 index f3dd542d..00000000 --- a/LCARStrek/webide/deck.css +++ /dev/null @@ -1,89 +0,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/. */ - -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; -} diff --git a/LCARStrek/webide/default-app-icon.png b/LCARStrek/webide/default-app-icon.png deleted file mode 100644 index cf4d9aa4..00000000 Binary files a/LCARStrek/webide/default-app-icon.png and /dev/null differ diff --git a/LCARStrek/webide/details.css b/LCARStrek/webide/details.css deleted file mode 100644 index 236c2e9f..00000000 --- a/LCARStrek/webide/details.css +++ /dev/null @@ -1,139 +0,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/. */ - -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; -} diff --git a/LCARStrek/webide/icons.png b/LCARStrek/webide/icons.png deleted file mode 100644 index 3f01bde9..00000000 Binary files a/LCARStrek/webide/icons.png and /dev/null differ diff --git a/LCARStrek/webide/logs.css b/LCARStrek/webide/logs.css deleted file mode 100644 index 446b6e41..00000000 --- a/LCARStrek/webide/logs.css +++ /dev/null @@ -1,18 +0,0 @@ -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; -} diff --git a/LCARStrek/webide/monitor.css b/LCARStrek/webide/monitor.css deleted file mode 100644 index fa5e2cb8..00000000 --- a/LCARStrek/webide/monitor.css +++ /dev/null @@ -1,86 +0,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/. */ - -/* 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; -} diff --git a/LCARStrek/webide/newapp.css b/LCARStrek/webide/newapp.css deleted file mode 100644 index f4d6939d..00000000 --- a/LCARStrek/webide/newapp.css +++ /dev/null @@ -1,54 +0,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/. */ - -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; -} diff --git a/LCARStrek/webide/panel-listing.css b/LCARStrek/webide/panel-listing.css deleted file mode 100644 index 16c2a89f..00000000 --- a/LCARStrek/webide/panel-listing.css +++ /dev/null @@ -1,152 +0,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/. */ - -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); } diff --git a/LCARStrek/webide/permissionstable.css b/LCARStrek/webide/permissionstable.css deleted file mode 100644 index 1bc98f23..00000000 --- a/LCARStrek/webide/permissionstable.css +++ /dev/null @@ -1,24 +0,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/. */ - -html, body { - background: #000000; - color: #FF9F00; -} - -.permissionstable td { - text-align: center; -} - -.permallow { - color: #008484; -} - -.permprompt { - color: #9C9CFF; -} - -.permdeny { - color: #FF0000; -} diff --git a/LCARStrek/webide/rocket.svg b/LCARStrek/webide/rocket.svg deleted file mode 100644 index 5e8cbfed..00000000 --- a/LCARStrek/webide/rocket.svg +++ /dev/null @@ -1,12 +0,0 @@ - - - - - - - - - - diff --git a/LCARStrek/webide/runtimedetails.css b/LCARStrek/webide/runtimedetails.css deleted file mode 100644 index ae2f74c9..00000000 --- a/LCARStrek/webide/runtimedetails.css +++ /dev/null @@ -1,25 +0,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/. */ - -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; -} diff --git a/LCARStrek/webide/simulator.css b/LCARStrek/webide/simulator.css deleted file mode 100644 index 036cfcdb..00000000 --- a/LCARStrek/webide/simulator.css +++ /dev/null @@ -1,41 +0,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/. */ - -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; -} diff --git a/LCARStrek/webide/throbber.svg b/LCARStrek/webide/throbber.svg deleted file mode 100644 index f79a1e00..00000000 --- a/LCARStrek/webide/throbber.svg +++ /dev/null @@ -1,22 +0,0 @@ - - - - - - - - - - - - - - - - - - - diff --git a/LCARStrek/webide/webide.css b/LCARStrek/webide/webide.css deleted file mode 100644 index 7f267331..00000000 --- a/LCARStrek/webide/webide.css +++ /dev/null @@ -1,147 +0,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/. */ - -/* - * - * 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; -} diff --git a/LCARStrek/webide/wifi-auth.css b/LCARStrek/webide/wifi-auth.css deleted file mode 100644 index c25dbf93..00000000 --- a/LCARStrek/webide/wifi-auth.css +++ /dev/null @@ -1,65 +0,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/. */ - -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 -}