From 37953ab48bd07b740b15610e6b7acb2f10333996 Mon Sep 17 00:00:00 2001 From: Robert Kaiser Date: Sun, 19 Aug 2012 20:32:37 +0200 Subject: [PATCH] rest of LCARStrek updates for toolkit winstripe in Firefox 15 --- LCARStrek/browser/browser.css | 125 ++++++++++++++---- LCARStrek/browser/devtools/common.css | 20 ++- LCARStrek/browser/devtools/csshtmltree.css | 20 ++- LCARStrek/browser/devtools/debugger.css | 56 ++++++-- LCARStrek/browser/devtools/gcli.css | 93 +++++++------ .../browser/devtools/orion-breakpoint.png | Bin 224 -> 187 bytes .../browser/devtools/orion-debug-location.png | Bin 199 -> 184 bytes LCARStrek/browser/tabbrowser/connecting.png | Bin 8540 -> 8540 bytes LCARStrek/browser/tabbrowser/loading.png | Bin 10727 -> 10727 bytes LCARStrek/global/autocomplete.css | 5 +- 10 files changed, 235 insertions(+), 84 deletions(-) diff --git a/LCARStrek/browser/browser.css b/LCARStrek/browser/browser.css index 1c553c53..c2297178 100644 --- a/LCARStrek/browser/browser.css +++ b/LCARStrek/browser/browser.css @@ -1344,18 +1344,18 @@ window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icon padding-right: 2.01px; } -#identity-box.verifiedIdentity { +#urlbar[pageproxystate="valid"] > #identity-box.verifiedIdentity { color: #008484; -moz-border-end: 1px solid #008484; -moz-margin-end: 3px; } -#identity-box.verifiedIdentity:-moz-locale-dir(ltr) { +#urlbar[pageproxystate="valid"] > #identity-box.verifiedIdentity:-moz-locale-dir(ltr) { border-top-right-radius: 0; border-bottom-right-radius: 0; } -#identity-box.verifiedIdentity:-moz-locale-dir(rtl) { +#urlbar[pageproxystate="valid"] > #identity-box.verifiedIdentity:-moz-locale-dir(rtl) { border-top-left-radius: 0; border-bottom-left-radius: 0; } @@ -1445,7 +1445,7 @@ window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icon } #page-proxy-favicon[pageproxystate="invalid"] { - opacity: 0.5; + opacity: 0.3; } /* autocomplete */ @@ -2522,11 +2522,27 @@ highlighter-veil-transparentbox { -moz-image-region: rect(0 32px 16px 16px); } -#inspector-toolbar { +#inspector-toolbar, +#developer-toolbar { border-top: 3px solid #000000; border-bottom: none; } +#developer-toolbar .toolbar-holder { + background-color: #8050B0; + color: #FFCF00; +} + +#developer-toolbar .toolbar-holder { + background-color: #8050B0; + color: #FFCF00; +} + +#developer-toolbar .toolbar-startcap, +#developer-toolbar .toolbar-endcap{ + background-color: #6000CF; +} + #inspector-tools { -moz-padding-end: 2px; border-left: 3px solid #000000; @@ -2928,41 +2944,64 @@ html|*#highlighter-nodeinfobar-pseudo-classes { /* border-radius: 0 3px 3px 0;*/ } -.gcli-panel-inner-arrowcontent { +/* Highlight toolbar - Option menu */ + +#inspector-option-toolbarbutton:-moz-focusring { + outline: 1px dotted #008484; + outline-offset: -2px; +} + +html|*#gcli-tooltip-frame, +html|*#gcli-output-frame { padding: 0; + border-width: 0; + background-color: transparent; +} + +#gcli-output, +#gcli-tooltip { + border-width: 0; + background-color: transparent; + margin-bottom: -2px; } .gclitoolbar-input-node, .gclitoolbar-complete-node, .gclitoolbar-prompt { - font-family: "Liberation Mono", Consolas, "Courier New", monospace; + margin: 1px 3px; + -moz-box-align: center; + padding-top: 0; + padding-bottom: 0; + padding-right: 4px; + background-color: transparent; + border-radius: 3px; + text-shadow: none; } .gclitoolbar-input-node { - background-color: transparent; - -moz-appearance: none; - border: none; - padding: 0 0 0 22px; + padding-left: 20px; +} + +.gclitoolbar-input-node:not([focused="true"]) { + border-color: transparent; } .gclitoolbar-complete-node { + padding-left: 21px; background-color: transparent; color: transparent; - height: 100%; - line-height: 100%; - padding: 7px 0 0 27px; - margin: 0; } .gclitoolbar-prompt { - color: #E7ADE7; + padding-left: 4px; + padding-bottom: 2px; font-size: 150%; font-weight: bold; - line-height: 100%; - padding-top: 1px; - padding-left: 4px; + color: #E7ADE7; + background-color: #000000; } +.gclitoolbar-prompt-label, .gcli-in-incomplete, .gcli-in-error, .gcli-in-ontab, @@ -2994,9 +3033,49 @@ html|*#highlighter-nodeinfobar-pseudo-classes { color: #8050B0; } -/* Highlight toolbar - Option menu */ +/* Responsive Mode */ -#inspector-option-toolbarbutton:-moz-focusring { - outline: 1px dotted #008484; - outline-offset: -2px; +vbox[anonid=browserContainer][responsivemode] { + background: #392900 url("chrome://browser/skin/devtools/responsive-background.png"); + box-shadow: 0 0 7px #9C9CFF inset; + padding: 0 20px 20px 20px; +} + +stack[anonid=browserStack][responsivemode] { + box-shadow: 0 0 7px #9C9CFF; +} + +.devtools-responsiveui-toolbar { + background: transparent; + margin: 10px 0; + padding: 0; + box-shadow: none; + border-bottom-width: 0; +} + +.devtools-responsiveui-toolbar > menulist, +.devtools-responsiveui-toolbar > toolbarbutton { + min-width: 22px; + border-radius: 0; +} + +.devtools-responsiveui-toolbar:-moz-locale-dir(ltr) > *:first-child, +.devtools-responsiveui-toolbar:-moz-locale-dir(rtl) > *:last-child { + margin-left: 0; +} + +.devtools-responsiveui-resizebar { + width: 7px; + height: 24px; + cursor: ew-resize; + -moz-transform: translate(12px, -12px); + background-image: url("chrome://browser/skin/devtools/responsive-vertical-resizer.png"); +} + +.devtools-responsiveui-resizehandle { + width: 16px; + height: 16px; + cursor: se-resize; + -moz-transform: translate(12px, 12px); + background-image: url("chrome://browser/skin/devtools/responsive-se-resizer.png"); } diff --git a/LCARStrek/browser/devtools/common.css b/LCARStrek/browser/devtools/common.css index 09eb0135..6cdbe48f 100644 --- a/LCARStrek/browser/devtools/common.css +++ b/LCARStrek/browser/devtools/common.css @@ -25,14 +25,14 @@ devtools-menulist:-moz-focusring, min-width: 20px; } -.devtools-toolbarbutton:not([checked]):hover:active { +.devtools-toolbarbutton:not([checked=true]):hover:active { } .devtools-menulist[open=true], -.devtools-toolbarbutton[checked] { +.devtools-toolbarbutton[checked=true] { } -.devtools-toolbarbutton[checked]:hover:active { +.devtools-toolbarbutton[checked=true]:hover:active { } .devtools-menulist > .menulist-label-box { @@ -45,6 +45,12 @@ devtools-menulist:-moz-focusring, .devtools-menulist:focus:not([open="true"]):not(.menulist-compact) > .menulist-label-box { } +/* LCARStrek checkbox colors don't work well against toolbar background */ +.devtools-toolbar > checkbox { + background-color: #000000; + padding: 2px; +} + /* Search input */ /* @@ -105,16 +111,18 @@ devtools-menulist:-moz-focusring, list-style-image: url("chrome://global/skin/icons/close-button-hover.gif"); } -/* Splitter */ +/* Splitters */ .devtools-horizontal-splitter { border: none; min-height: 3px; height: 3px; - margin-bottom: -3px; position: relative; } #devtools-side-splitter { - border: none; + border: 0; + min-width: 0; + width: 3px; + position: relative; } diff --git a/LCARStrek/browser/devtools/csshtmltree.css b/LCARStrek/browser/devtools/csshtmltree.css index 51996d06..adc78221 100644 --- a/LCARStrek/browser/devtools/csshtmltree.css +++ b/LCARStrek/browser/devtools/csshtmltree.css @@ -175,7 +175,7 @@ link:hover { } .ruleview-ruleclose { - width: -moz-min-content; + cursor: text; padding-right: 20px; } @@ -212,13 +212,13 @@ link:hover { .ruleview-propertyname { padding: 1px 0; - cursor: text; color: #9C9CFF; - text-decoration: inherit; } +.ruleview-namecontainer, +.ruleview-propertycontainer, +.ruleview-propertyname, .ruleview-propertyvalue { - cursor: text; text-decoration: inherit; } @@ -246,4 +246,14 @@ link:hover { .ruleview-property[dirty] { border-left-color: #008484; -} \ No newline at end of file +} + +.ruleview-namecontainer > .ruleview-propertyname, +.ruleview-propertycontainer > .ruleview-propertyvalue { + border-bottom: 1px dotted transparent; +} + +.ruleview-namecontainer:hover > .ruleview-propertyname, +.ruleview-propertycontainer:hover > .ruleview-propertyvalue { + border-bottom-color: #9C9CFF; +} diff --git a/LCARStrek/browser/devtools/debugger.css b/LCARStrek/browser/devtools/debugger.css index 5a643959..6126a546 100644 --- a/LCARStrek/browser/devtools/debugger.css +++ b/LCARStrek/browser/devtools/debugger.css @@ -17,20 +17,23 @@ window { */ #dbg-content { - /* padding: 6px; */ + padding: 0; } .devtools-side-splitter { border: none; } +#scripts { + max-width: 350px; +} + /** * Lists and headers */ .list-item { padding: 2px; -/* font: -moz-list; */ } .list-item.selected { @@ -56,11 +59,12 @@ window { } .dbg-stackframe-name { + -moz-padding-end: 4px; font-weight: 600; } /** - * Properties elements + * Properties view */ #variables { @@ -68,7 +72,7 @@ window { } /** - * Generic element details container + * Property element details container */ .details { @@ -80,16 +84,17 @@ window { */ .scope > .title { - margin-top: 1px; - -moz-padding-start: 2px; background: #E7ADE7; border-radius: 5px; color: #000000; } +.scope > .title > .arrow { + margin-top: -2px; +} + .scope > .title > .name { padding-top: 2px; - padding-bottom: 2px; } .scope > .details { @@ -106,7 +111,6 @@ window { -moz-margin-end: 1px; margin-top: 2px; border-bottom: 1px dotted #008484; - border-radius: 8px; -moz-transition: background 1s ease-in-out; background: #000000; } @@ -143,7 +147,37 @@ window { } /** - * Property colors + * Non enumerable, configurable and writable variables and properties. + */ + +.property[proto] > .title > .key, +.variable[non-enumerable] > .title > .name, +.property[non-enumerable] > .title > .key { + opacity: 0.5; +} + +.variable[non-configurable] > .title > .name, +.property[non-configurable] > .title > .key { + border-bottom: 1px dashed #9C9CFF; +} + +.variable[non-writable] > .title > .name, +.property[non-writable] > .title > .key { + border-bottom: 1px dashed #FF0000; +} + +.variable[non-writable] > .title:after, +.property[non-writable] > .title:after { + content: " "; + display: inline-block; + width: 16px; + height: 16px; + background: url("chrome://browser/skin/identity-icons-https.png") no-repeat; + opacity: 0.5; +} + +/** + * Property values colors */ .token-undefined { @@ -205,7 +239,7 @@ window { * Animations */ -.details[open] { +.details[open][animated] { -moz-animation-duration: 0.25s; -moz-animation-name: showblock; } @@ -229,7 +263,7 @@ window { */ #resume { - list-style-image: url("chrome://browser/skin/devtools/debugger-pause.png"); + list-style-image: url("chrome://browser/skin/devtools/debugger-play.png"); -moz-image-region: rect(0px, 16px, 16px, 0px); } diff --git a/LCARStrek/browser/devtools/gcli.css b/LCARStrek/browser/devtools/gcli.css index 8237ff25..16d8fe2d 100644 --- a/LCARStrek/browser/devtools/gcli.css +++ b/LCARStrek/browser/devtools/gcli.css @@ -2,10 +2,43 @@ * 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/. */ -#gclichrome-body { +.gcli-body { margin: 0; - padding: 0; font: 11px "Liberation Sans",Arial,Tahoma,Helvetica,sans-serif; + color: #FF9F00; +} + +#gcli-output-root, +#gcli-tooltip-root { + border: 1px solid #008484; + background-color: #000000; + border-radius: 3px; +} + +#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 #008484; + border-right: 1px solid #008484; + background-color: #000000; +} + +.gcli-tt-description, +.gcli-tt-error { + padding: 0 10px; } .gcli-row-out { @@ -13,6 +46,7 @@ line-height: 1.2em; border-top: none; border-bottom: none; + color: #9C9CFF; } .gcli-row-out p, @@ -22,42 +56,36 @@ margin: 5px 0; } -.gcli-out-shortcut { - border: 1px solid #8050B0; - border-radius: 3px; - padding: 1px 4px 0; - margin: 0 4px; - font-size: 80%; - font-family: "Liberation Mono", Consolas, "Courier New", monospace; - cursor: pointer; - vertical-align: bottom; - white-space: pre; - background-color: #000000; -} - -.gcli-out-shortcut:before { +.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 { color: #FFCF00; - content: '\bb'; -} - -/* From: $GCLI/lib/gcli/commands/help.css */ - -.gcli-help-arrow { - font-size: 70%; - color: #008484; } +.gcli-out-shortcut, .gcli-help-synopsis { - font-family: "Liberation Mono", Consolas, "Courier New", monospace; - font-weight: normal; padding: 0 3px; - margin: 0 10px; - border: 1px solid #9C9CFF; + margin: 0 4px; + font-weight: normal; + font-size: 90%; border-radius: 3px; + background-color: #000000; + color: #E7ADE7; + border: 1px solid #8050B0; } +.gcli-out-shortcut:before, .gcli-help-synopsis:before { color: #FFCF00; + -moz-padding-end: 2px; +} + +.gcli-help-arrow { + color: #008484; } .gcli-help-description { @@ -74,9 +102,6 @@ margin: 10px 0 6px; } - -/* From: $GCLI/lib/gcli/ui/menu.css */ - .gcli-menu-name { -moz-padding-start: 8px; } @@ -96,12 +121,6 @@ background-color: #795900; } -.gcli-menu-error { - padding: 8px 10px 2px; - font-size: 80%; - color: #FF0000; -} - .gcli-menu-typed { color: #008484; } diff --git a/LCARStrek/browser/devtools/orion-breakpoint.png b/LCARStrek/browser/devtools/orion-breakpoint.png index 834e4a42cd90bc27a555827d24ccea43c48ded01..c94886e13ccec1a2c797e8f312bd110f54ccf3cf 100644 GIT binary patch delta 139 zcmaFBxSP?eGr-TCmrII^fq{Y7)59eQNb`X(6El!ZQakDdq&Ne7LR=Xb(ivJ>=FIv3 z{=)HD6Fn_`ID`evEjcduaR60ld%8G=a9mGLh}hcD*qD7)i;Zn<=xQm2Bdb0(843Re_~JV1fVtsPgg&ebxsLQ0HMAoaR2}S delta 176 zcmdnZ_<+%~Gr-TCmrII^fq{Y7)59eQNDF{43p0>>d-oAYfU!8p-HBn{IhmJ04u618 zh^tpU14B#8oH_sh&u935p5ZI|_HPr-EaO->gaoZqa$G+G)!BNwIEHXsPfl=PP*YW9 zHCX%T(Ib{5#!Ln7&Vx@LC272Qw1^?af}3krgJfS*lhO*F9U>uy%PcvxA53#%WSCbZ VP?>G0dktt1gQu&X%Q~loCIH25H@E-* diff --git a/LCARStrek/browser/devtools/orion-debug-location.png b/LCARStrek/browser/devtools/orion-debug-location.png index 88dd4e9f3af4e6e0dd42f967f35d7cf95d45913a..6b219a21b8a0742b36bb080bd8ea6c73835a51a5 100644 GIT binary patch delta 136 zcmX@kxP#HGGr-TCmrII^fq{Y7)59eQNb`X(6El!ZQakDdq&Ne7LR{y}`OnbO0wmKb z--k|gu=L~*7BG^qJhw_1s6xZj#W95AdU66oW9Vur35jKGY7HG60)lKxPSOr8Og*A( f(|sFWH83;ez7UAJC+U43sE5JR)z4*}Q$iB}6MrQ< delta 151 zcmdnNc%0FpGr-TCmrII^fq{Y7)59eQNDF{4BQuaxwarxmQjEnx?oJHr&dIz4a@YcV zLR_Pw>gUY)?^`tQ<3uw{KNb!leznWmV&8$%x}GkMAsp9}6M!HoA%SfX8{0Exo-_Os tGwclv{wE~-V^*_oaFuf4YB(h!!Els^qty3aRRd5XgQu&X%Q~loCIIW7DOLag diff --git a/LCARStrek/browser/tabbrowser/connecting.png b/LCARStrek/browser/tabbrowser/connecting.png index 3c8e71f5db658610223244b2e5938d6e3c7b6524..e564fb5708f3d9da4c623bb3bdfccb960566e327 100644 GIT binary patch delta 262 zcmccPbjN9f3lpai^9u%sW$8Zcn|+xsGeWrDALr+7)?_&i+E3)}7>q(gGTD!lS z&$FL}$=>5%xOpk(E|{#x9goc!+^1l&P3w#{Tk~Fk$%@q8-Ymj@2+Cb9dg}D%`vT{n zT(4$HrOn%fZo*_evm-Xo5V;DIy}x7Q<}$G}FxfSoZ#R2Oz%25zielL;Cv_Ai`$3~_ c^Bd`lFuiHNr*A$c3$u4glY{)`iSnlz0qZ$iWdHyG delta 262 zcmccPbjN9f3lpae^9u$B$?#9lHv2MNW`uCR98~1rtjTg3%9Z2}F5Uc>^(0JoZo{0- z=h@G~WZ!K(uz4xxE|_dZlIG?N?o%+?O#;E2t$8oNWK|CD+AP9<2+EaEEm^hszQ8#s z_v_~6&YQOh-Gs?jUbWmjL*yz<_C4E$&1GU|V6t<}dp3JZz%2U8^(1w(oYYa6?15?W do8L%Zgy{`){kHj-EX-c%P5i9lQwh8xWM%OVLP`uOwJ7^n{`!v^HK#@ inCyb(v70|DS;1t@O15k^Q}u&#`!1cg+1#rh#RLF6HtX|Qz+{`&8Eq~Q@PX+SslC1VsE{|5yIl0t z>CKX&Fs@g#q|)YGahSc!J+mV=Z