From acc20e5dafc253d32dd6f55076943b9eeae398ca Mon Sep 17 00:00:00 2001 From: Robert Kaiser Date: Sat, 9 Aug 2014 22:01:19 +0200 Subject: [PATCH] fourth and final part of syncing LCARStrek with Firefox 31 windows theme changes --- LCARStrek/browser/devtools/eyedropper.css | 43 +++++ LCARStrek/browser/devtools/option-icon.png | Bin 209 -> 0 bytes .../browser/devtools/tool-options-tbutton.svg | 3 + LCARStrek/browser/devtools/webaudioeditor.css | 148 ++++++++++++++++++ 4 files changed, 194 insertions(+) create mode 100644 LCARStrek/browser/devtools/eyedropper.css delete mode 100644 LCARStrek/browser/devtools/option-icon.png create mode 100644 LCARStrek/browser/devtools/tool-options-tbutton.svg create mode 100644 LCARStrek/browser/devtools/webaudioeditor.css diff --git a/LCARStrek/browser/devtools/eyedropper.css b/LCARStrek/browser/devtools/eyedropper.css new file mode 100644 index 00000000..1e3756e6 --- /dev/null +++ b/LCARStrek/browser/devtools/eyedropper.css @@ -0,0 +1,43 @@ +/* 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/. */ + +#canvas { + image-rendering: -moz-crisp-edges; + cursor: none; + border: 3px solid #A09090; + border-radius: 50%; +} + +#canvas-overflow { + overflow: hidden; + width: 96px; + height: 96px; +} + +#color-preview { + width: 16px; + height: 16px; + border: solid 1px #9C9CFF; + margin: 3px; +} + +#color-value-box { + background-color: #000000; + border-radius: 1px; + width: 150px; +} + +#color-value { + padding: 0.3em; +} + +#color-value.highlight { + font-family: inherit; +} + +window { + /* inexplicably, otherwise background shows up on Linux */ + border: 1px solid transparent; + background-color: transparent; +} diff --git a/LCARStrek/browser/devtools/option-icon.png b/LCARStrek/browser/devtools/option-icon.png deleted file mode 100644 index 55770161d1095517a8e4733c5e022e26851e2101..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 209 zcmeAS@N?(olHy`uVBq!ia0vp^3P3Et#0(_4@}`~wQk(%kA+8Jz=|JZH^9=SKDaU~< z#*!evUYh7ML)50LT#kH}&M25w;xW@MN(M*=9wUgGKN%6^woNK{cq zz1;c`P{`5K#W95AdUC=67AYwn9wjA*wrgB$Y!?Mo*siY%<&JQ6W|r6ymZ6)#E6AIW u5Ov_{0f_^z8WIjHeb8li)-j@yk733#;qzP5FK-7L#^CAd=d#Wzp$Py>(Kd7d diff --git a/LCARStrek/browser/devtools/tool-options-tbutton.svg b/LCARStrek/browser/devtools/tool-options-tbutton.svg new file mode 100644 index 00000000..df5c6e35 --- /dev/null +++ b/LCARStrek/browser/devtools/tool-options-tbutton.svg @@ -0,0 +1,3 @@ + + + diff --git a/LCARStrek/browser/devtools/webaudioeditor.css b/LCARStrek/browser/devtools/webaudioeditor.css new file mode 100644 index 00000000..552c29ae --- /dev/null +++ b/LCARStrek/browser/devtools/webaudioeditor.css @@ -0,0 +1,148 @@ +/* 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: #000000; /* Toolbars */ + color: #A09090; /* Light foreground text */ +} + +#reload-notice { + font-size: 120%; +} + +#waiting-notice { + font-size: 110%; +} + +#waiting-notice::before { + display: inline-block; + content: ""; + background: url("chrome://global/skin/icons/loading.gif") center no-repeat; + width: 16px; + height: 16px; + -moz-margin-end: 6px; +} + +/* Context Graph */ +svg { + overflow: hidden; + -moz-box-flex: 1; +} + +/* Edges in graph */ +.edgePath path { + stroke-width: 1px; + fill: none; +} + +.edgePath path { + stroke: #9C9CFF; /* Grey foreground text */ +} + +/* Audio Nodes */ +.nodes rect { + stroke-width: 1px; + cursor: pointer; +} + +.nodes rect { + stroke: #9C9CFF; /* Tab toolbar */ + fill: #000000; /* Toolbars */ +} + +.nodes g.selected rect { + fill: #008484; /* Select Highlight Blue */ +} + +/* Text in nodes */ +text { + cursor: pointer; + font-weight: 300; + font-family: "Helvetica Neue", Helvetica, Arial, sans-serf; + font-size: 14px; +} + +text { + fill: #A09090; /* Grey foreground text */ +} +g.selected text { +/* fill: #f0f1f2; / Toolbars */ +} + +/** + * Inspector Styles + */ + +.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); +} + +@media (min-resolution: 2dppx) { + #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"); + } +} + +/** + * 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; + } +} -- 2.35.3