From: Robert Kaiser Date: Sun, 19 Aug 2012 18:32:37 +0000 (+0200) Subject: rest of LCARStrek updates for toolkit winstripe in Firefox 15 X-Git-Tag: LCARStrek-2.12~5 X-Git-Url: https://git-public.kairo.at/?a=commitdiff_plain;h=37953ab48bd07b740b15610e6b7acb2f10333996;p=themes.git rest of LCARStrek updates for toolkit winstripe in Firefox 15 --- 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 834e4a42..c94886e1 100644 Binary files a/LCARStrek/browser/devtools/orion-breakpoint.png and b/LCARStrek/browser/devtools/orion-breakpoint.png differ diff --git a/LCARStrek/browser/devtools/orion-debug-location.png b/LCARStrek/browser/devtools/orion-debug-location.png index 88dd4e9f..6b219a21 100644 Binary files a/LCARStrek/browser/devtools/orion-debug-location.png and b/LCARStrek/browser/devtools/orion-debug-location.png differ diff --git a/LCARStrek/browser/tabbrowser/connecting.png b/LCARStrek/browser/tabbrowser/connecting.png index 3c8e71f5..e564fb57 100644 Binary files a/LCARStrek/browser/tabbrowser/connecting.png and b/LCARStrek/browser/tabbrowser/connecting.png differ diff --git a/LCARStrek/browser/tabbrowser/loading.png b/LCARStrek/browser/tabbrowser/loading.png index 201d014c..ba54836e 100644 Binary files a/LCARStrek/browser/tabbrowser/loading.png and b/LCARStrek/browser/tabbrowser/loading.png differ diff --git a/LCARStrek/global/autocomplete.css b/LCARStrek/global/autocomplete.css index 11bef460..4d44a49c 100644 --- a/LCARStrek/global/autocomplete.css +++ b/LCARStrek/global/autocomplete.css @@ -114,6 +114,7 @@ panel[type="autocomplete-richlistbox"], /* ::::: richlistbox autocomplete ::::: */ .autocomplete-richlistbox { + border: none; margin: 0; } @@ -139,8 +140,8 @@ panel[type="autocomplete-richlistbox"], height: 16px; margin-top: 0; margin-bottom: -3px; - -moz-margin-start: 3px; - -moz-margin-end: 5px; + -moz-margin-start: 0; + -moz-margin-end: 3px; } .ac-type-icon {