X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=blobdiff_plain;f=LCARStrek%2Fbrowser%2Fdevtools%2Fwebaudioeditor.css;fp=LCARStrek%2Fbrowser%2Fdevtools%2Fwebaudioeditor.css;h=0000000000000000000000000000000000000000;hp=119b597f4a6f600e8ef3b21603239037689eb3c8;hb=dc9d5d64a3f915cb832f43050545b432f33504f7;hpb=ecfc58b0361c617fa298d4b1bb69ea2484d37de2 diff --git a/LCARStrek/browser/devtools/webaudioeditor.css b/LCARStrek/browser/devtools/webaudioeditor.css deleted file mode 100644 index 119b597f..00000000 --- a/LCARStrek/browser/devtools/webaudioeditor.css +++ /dev/null @@ -1,253 +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; -} - -.notice-container { - background-color: var(--theme-toolbar-background); - 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: #A09090; /* Grey foreground text */ -} - -/* AudioParam connection edges */ -g.edgePath.param-connection { - stroke-dasharray: 5,5; -} - -.edgePath.param-connection path { - stroke: #A09090; /* Grey foreground text */ -} - -/* 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-highlight-color-blue); -} - -/* Audio Nodes */ -.nodes rect { - stroke-width: 1px; - cursor: pointer; -} - -.nodes rect { - stroke: var(--theme-splitter-color); - fill: var(--theme-toolbar-background); -} - -/** - * Bypassed Nodes - */ - -.theme-light .nodes g.bypassed rect { - fill: url(chrome://browser/skin/devtools/filters.svg#bypass-light); -} -.theme-dark .nodes g.bypassed rect { - fill: url(chrome://browser/skin/devtools/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); -} -g.selected text { -/* fill: var(--theme-toolbar-background); */ -} - -.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("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: url("debugger-collapse.png"); - -moz-image-region: rect(0px,16px,16px,0px); -} - -#inspector-pane-toggle > .toolbarbutton-icon { - width: 16px; - height: 16px; -} - -#inspector-pane-toggle[pane-collapsed] { - list-style-image: url("debugger-expand.png"); -} - -#inspector-pane-toggle:active { - -moz-image-region: rect(0px,32px,16px,16px); -} - -/** - * 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) { - #inspector-pane-toggle { - list-style-image: url("debugger-collapse@2x.png"); - -moz-image-region: rect(0px,32px,32px,0px); - } - - #inspector-pane-toggle[pane-collapsed] { - list-style-image: url("debugger-expand@2x.png"); - } - - #inspector-pane-toggle:active { - -moz-image-region: rect(0px,64px,32px,32px); - } - - .web-audio-inspector .error { - background-image: url("alerticon-warning@2x.png"); - } -} - -/** - * Inspector toolbar - */ - -#audio-node-toolbar .bypass { - list-style-image: url(power.svg#power); -} - -#audio-node-toolbar .bypass[disabled] { - list-style-image: url(power.svg#power-disabled); -} - -#audio-node-toolbar .bypass:not([disabled]):hover, -#audio-node-toolbar .bypass:hover:active, -#audio-node-toolbar .bypass[checked] { - list-style-image: url(power.svg#power-active); -} - -#audio-node-toolbar toolbarbutton[checked] { - background-color: var(--theme-selection-background); /* Select Highlight Blue */ -} - -/* don't invert checked buttons so we can have white icons on light theme */ -#audio-node-toolbar toolbarbutton[checked] > .toolbarbutton-icon { - filter: none; -} - - -/** - * Responsive Styles - * `.devtools-responsive-container` takes care of most of - * 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; - } -} - -#inspector-pane-toggle { - background: none; - box-shadow: none; - border: none; - list-style-image: url("debugger-collapse.png"); - -moz-image-region: rect(0px,16px,16px,0px); -} - -#inspector-pane-toggle[pane-collapsed] { - list-style-image: url("debugger-expand.png"); -} - -#inspector-pane-toggle:active { - -moz-image-region: rect(0px,32px,16px,16px); -}