From 2efcd25dc1dc8e4c55c31d226b99b9cfda531de1 Mon Sep 17 00:00:00 2001 From: Robert Kaiser Date: Sat, 6 Apr 2013 15:12:26 +0200 Subject: [PATCH] make Firefox 22 inspector work well --- LCARStrek/browser/devtools/arrow-e.png | Bin 0 -> 177 bytes .../devtools/command-paintflashing.png | Bin 0 -> 368 bytes LCARStrek/browser/devtools/common.css | 1 + LCARStrek/browser/devtools/computedview.css | 175 ++++++++++++++++++ LCARStrek/browser/devtools/dark-theme.css | 107 +++++++++++ .../devtools/floating-scrollbars-light.css | 10 + LCARStrek/browser/devtools/light-theme.css | 107 +++++++++++ LCARStrek/browser/devtools/ruleview.css | 125 +++++++++++++ LCARStrek/browser/devtools/toolbox.css | 13 ++ 9 files changed, 538 insertions(+) create mode 100644 LCARStrek/browser/devtools/arrow-e.png create mode 100644 LCARStrek/browser/devtools/command-paintflashing.png create mode 100644 LCARStrek/browser/devtools/computedview.css create mode 100644 LCARStrek/browser/devtools/dark-theme.css create mode 100644 LCARStrek/browser/devtools/floating-scrollbars-light.css create mode 100644 LCARStrek/browser/devtools/light-theme.css create mode 100644 LCARStrek/browser/devtools/ruleview.css diff --git a/LCARStrek/browser/devtools/arrow-e.png b/LCARStrek/browser/devtools/arrow-e.png new file mode 100644 index 0000000000000000000000000000000000000000..09691bc5e540079d8b83efbd4aa78f2b71e03d95 GIT binary patch literal 177 zcmeAS@N?(olHy`uVBq!ia0vp^tU%1c!3HD^Kbl$tsR~aQ#}JO_84N%F z|NmdoVMgMiHL8}{+htBLUKCE#OJm{IySrmLYe%uej`UxLWHu;tL~JM%2Wn_2IR2#4 zGU4Df&fjA5L~c#`DCC7XMsm# zF#`j)FbFd;%$g$s6l5>)^mS#w%fiNECHnc}{M|sIzn(6RAs)xyPH_}!GT?Cyc94k@ zC|mc0ZQgUTW}CC`<*_q23jgROBrjY1La+YQxho%MT9+l; z6jvs^Vw^Z#`B%!my-iB~M;~Q87x}eoZEd~i)Ma5ObxLxymwwp(OYWn>87s9AueB$m za~6bU%T5-b5_sF}!TcXHe>EC)4Ftl-qC+LfYrtOF7c?)|&m_5fRv+h51R zz%}z{-?}b7G5NOs&XuKpSv?E$=L9i0JTBs6nEEki-GUd<$$bAAe3aA9-{|%H4-5zf MPgg&ebxsLQ0MT8V=Kufz literal 0 HcmV?d00001 diff --git a/LCARStrek/browser/devtools/common.css b/LCARStrek/browser/devtools/common.css index 8bfe5c39..fdc173b3 100644 --- a/LCARStrek/browser/devtools/common.css +++ b/LCARStrek/browser/devtools/common.css @@ -102,6 +102,7 @@ devtools-menulist:-moz-focusring, .devtools-searchinput { -moz-appearance: none; margin: 0 3px; + min-height: 22px; border: 1px solid hsla(211,68%,6%,.6); box-shadow: inset 0 1px 0 hsla(211,68%,6%,.05), 0 0 0 1px hsla(210,40%,83%,.1); border-radius: 2px; diff --git a/LCARStrek/browser/devtools/computedview.css b/LCARStrek/browser/devtools/computedview.css new file mode 100644 index 00000000..b9b999c0 --- /dev/null +++ b/LCARStrek/browser/devtools/computedview.css @@ -0,0 +1,175 @@ +/* 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/. */ + +/* 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: #3333FF; +} +.link, +.helplink, +.link:visited, +.helplink:visited { + text-decoration: none; +} +.link:hover { + text-decoration: underline; +} + +/* From content */ + +* { + -moz-box-sizing: border-box; +} + +:root { + height: 100%; +} + +body { + margin: 0; + display : flex; + flex-direction: column; + height: 100%; +} + +#propertyContainer { + -moz-user-select: text; + overflow: auto; + min-height: 0; + flex: 1; +} + +.property-view-hidden, +.property-content-hidden { + display: none; +} + +.property-view { + clear: both; + padding: 2px 0 2px 17px; +} + +.property-view > * { + display: inline-block; + vertical-align: middle; +} + +.property-name { + width: 50%; + overflow-x: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.property-value { + width: 50%; + max-width: 100%; + overflow-x: hidden; + text-overflow: ellipsis; + white-space: nowrap; + background-image: url(arrow-e.png); + background-repeat: no-repeat; + background-size: 5px 8px; + background-position: 2px center; + padding-left: 10px; +} + +.other-property-value { + background-image: url(arrow-e.png); + background-repeat: no-repeat; + background-size: 5px 8px; + background-position: left center; + padding-left: 8px; +} + +@media (min-width: 400px) { + .property-name { + width: 200px; + } + .property-value { + width: auto; + } +} + +.property-content { + padding-left: 17px; +} + +/* From skin */ +.helplink { + /* FIXME: remove this image + background-image: url("chrome://browser/skin/devtools/goto-mdn.png"); + */ +} + +.expander { + visibility: hidden; + margin-left: -12px!important; +} + +.expander[open] { + margin-left: -17px!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; +} + +/* This rule is necessary because Templater.jsm breaks LTR TDs in RTL docs */ +.rule-text { + direction: ltr; +} + +.matched { + text-decoration: line-through; +} + +.parentmatch { + opacity: 0.5; +} + +#noResults { + font-size: 110%; + margin: 5px; + text-align: center; +} + +.onlyuserstyles { + cursor: pointer; +} + +.legendKey { + margin: 0 5px; +} + +.devtools-toolbar { + width: 100%; +} + +.link { + padding: 0 3px; + cursor: pointer; + float: right; +} diff --git a/LCARStrek/browser/devtools/dark-theme.css b/LCARStrek/browser/devtools/dark-theme.css new file mode 100644 index 00000000..9e19bb37 --- /dev/null +++ b/LCARStrek/browser/devtools/dark-theme.css @@ -0,0 +1,107 @@ +/* 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/. */ + +/* According to: + * https://bugzilla.mozilla.org/show_bug.cgi?id=715472#c17 + */ +.theme-body { + background: #000000; + color: #FF9F00; +} + +.theme-twisty { + cursor: pointer; + margin-right: 5px; +} + +.theme-twisty:-moz-focusring { + outline-style: none; +} + +.theme-twisty:not([open]) { + width: 0; + height: 0; + border-top: 5px solid transparent; + border-bottom: 5px solid transparent; + border-left: 5px solid #8050B0; + margin-left: 5px; +} + +.theme-twisty[open] { + width: 10px; + height: 10px; + background-image: linear-gradient(to bottom right, transparent 68%, #8050B0 68%); +} + +.theme-checkbox { + display: inline-block; + border: 1px solid #FF9F00; + width: 6px; + height: 6px; + padding: 2px; + background-color: transparent; + background-repeat: no-repeat; + outline: none; +} + +.theme-checkbox[checked] { + background-clip: content-box; + background-image: linear-gradient(to bottom right, transparent 48%, #FF9F00 48%, #FF9F00 52%, transparent 52%), + linear-gradient(to bottom left, transparent 48%, #FF9F00 48%, #FF9F00 52%, transparent 52%); +} + +.theme-selected { + background: #004242; +} + +.theme-bg-darker { + background-color: rgba(0,0,0,0.1); +} + +.theme-link { /* original: blue */ + color: #3333FF; +} + +.theme-comment { /* original: grey */ + color: #A09090; +} + +.theme-gutter { + background-color: #000000; + color: #FF9F00; + border-color: #9C9CFF; +} + +.theme-separator { /* original: grey */ + border-color: #8050B0; +} + +.theme-fg-color1 { /* original: green */ + color: #008484; +} + +.theme-fg-color2 { /* original: blue */ + color: #9C9CFF; +} + +.theme-fg-color3 { /* original: pink/lavender */ + color: #E7ADE7; +} + +.theme-fg-color4 { /* original: purple/violet */ + color: #C09070; +} + +.theme-fg-color5 { /* original: Yellow */ + color: #FFCF00; +} + +.theme-fg-color6 { /* original: Orange */ + color: #FF9F00; +} + +.theme-fg-color7 { /* original: Red */ + color: #FF0000; +} diff --git a/LCARStrek/browser/devtools/floating-scrollbars-light.css b/LCARStrek/browser/devtools/floating-scrollbars-light.css new file mode 100644 index 00000000..a92e3dc0 --- /dev/null +++ b/LCARStrek/browser/devtools/floating-scrollbars-light.css @@ -0,0 +1,10 @@ +/* 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("floating-scrollbars.css"); + +scrollbar thumb { + /*background-color: rgba(170,170,170,0.2) !important;*/ +} diff --git a/LCARStrek/browser/devtools/light-theme.css b/LCARStrek/browser/devtools/light-theme.css new file mode 100644 index 00000000..9e19bb37 --- /dev/null +++ b/LCARStrek/browser/devtools/light-theme.css @@ -0,0 +1,107 @@ +/* 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/. */ + +/* According to: + * https://bugzilla.mozilla.org/show_bug.cgi?id=715472#c17 + */ +.theme-body { + background: #000000; + color: #FF9F00; +} + +.theme-twisty { + cursor: pointer; + margin-right: 5px; +} + +.theme-twisty:-moz-focusring { + outline-style: none; +} + +.theme-twisty:not([open]) { + width: 0; + height: 0; + border-top: 5px solid transparent; + border-bottom: 5px solid transparent; + border-left: 5px solid #8050B0; + margin-left: 5px; +} + +.theme-twisty[open] { + width: 10px; + height: 10px; + background-image: linear-gradient(to bottom right, transparent 68%, #8050B0 68%); +} + +.theme-checkbox { + display: inline-block; + border: 1px solid #FF9F00; + width: 6px; + height: 6px; + padding: 2px; + background-color: transparent; + background-repeat: no-repeat; + outline: none; +} + +.theme-checkbox[checked] { + background-clip: content-box; + background-image: linear-gradient(to bottom right, transparent 48%, #FF9F00 48%, #FF9F00 52%, transparent 52%), + linear-gradient(to bottom left, transparent 48%, #FF9F00 48%, #FF9F00 52%, transparent 52%); +} + +.theme-selected { + background: #004242; +} + +.theme-bg-darker { + background-color: rgba(0,0,0,0.1); +} + +.theme-link { /* original: blue */ + color: #3333FF; +} + +.theme-comment { /* original: grey */ + color: #A09090; +} + +.theme-gutter { + background-color: #000000; + color: #FF9F00; + border-color: #9C9CFF; +} + +.theme-separator { /* original: grey */ + border-color: #8050B0; +} + +.theme-fg-color1 { /* original: green */ + color: #008484; +} + +.theme-fg-color2 { /* original: blue */ + color: #9C9CFF; +} + +.theme-fg-color3 { /* original: pink/lavender */ + color: #E7ADE7; +} + +.theme-fg-color4 { /* original: purple/violet */ + color: #C09070; +} + +.theme-fg-color5 { /* original: Yellow */ + color: #FFCF00; +} + +.theme-fg-color6 { /* original: Orange */ + color: #FF9F00; +} + +.theme-fg-color7 { /* original: Red */ + color: #FF0000; +} diff --git a/LCARStrek/browser/devtools/ruleview.css b/LCARStrek/browser/devtools/ruleview.css new file mode 100644 index 00000000..eaf44147 --- /dev/null +++ b/LCARStrek/browser/devtools/ruleview.css @@ -0,0 +1,125 @@ +/* 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/. */ + +.ruleview { + height: 100%; +} + +.ruleview-rule-source { + -moz-padding-start: 5px; + cursor: pointer; + text-align: right; + float: right; + -moz-user-select: none; +} + +.ruleview-rule-inheritance { + border-top-width: 1px; + border-bottom-width: 1px; + border-top-style: solid; + border-bottom-style: solid; + padding: 1px 4px; + margin-top: 4px; + -moz-user-select: none; +} + +.ruleview-rule-source:hover { + text-decoration: underline; +} + +.ruleview-rule { + padding: 2px 4px; +} + +.ruleview-rule + .ruleview-rule { + border-top-width: 1px; + border-top-style: dotted; +} + +.ruleview-warning { + background: url("chrome://browser/skin/devtools/alerticon-warning.png"); + -moz-margin-start: 5px; + vertical-align: middle; + width: 13px; + height: 12px; +} + +.ruleview-ruleopen { + -moz-padding-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 { + display: inline-block; +} + +.ruleview-newproperty { + /* (enable checkbox width: 12px) + (expander width: 15px) */ + -moz-margin-start: 27px; +} + +.ruleview-namecontainer, +.ruleview-propertycontainer, +.ruleview-propertyname, +.ruleview-propertyvalue { + text-decoration: inherit; +} + +.ruleview-computedlist { + list-style: none; + padding: 0; +} + +.ruleview-computed { + -moz-margin-start: 35px; +} + +.ruleview-overridden { + text-decoration: line-through; +} + +.styleinspector-propertyeditor { + border: 1px solid #A09090; + padding: 0; +} + +.ruleview-property { + border-left: 2px solid transparent; +} + +.ruleview-property > * { + vertical-align: middle; +} + +.ruleview-property[dirty] { + border-left-color: #9C9CFF; +} + +.ruleview-namecontainer > .ruleview-propertyname, +.ruleview-propertycontainer > .ruleview-propertyvalue { + border-bottom: 1px dashed transparent; +} + +.ruleview-namecontainer:hover > .ruleview-propertyname, +.ruleview-propertycontainer:hover > .ruleview-propertyvalue { + border-bottom-color: #008484; +} + +.ruleview-selector-separator, .ruleview-selector-unmatched { + color: #8050B0; +} diff --git a/LCARStrek/browser/devtools/toolbox.css b/LCARStrek/browser/devtools/toolbox.css index 60941e05..e5db567c 100644 --- a/LCARStrek/browser/devtools/toolbox.css +++ b/LCARStrek/browser/devtools/toolbox.css @@ -81,6 +81,17 @@ window { .command-button:hover:active { } +#command-button-paintflashing { + list-style-image: url("chrome://browser/skin/devtools/command-paintflashing.png"); + -moz-image-region: rect(0px, 16px, 16px, 0px); +} + +#command-button-paintflashing:hover, +#command-button-paintflashing:hover:active, +#command-button-paintflashing[checked=true] { + -moz-image-region: rect(0px, 32px, 16px, 16px); +} + #command-button-responsive { list-style-image: url("chrome://browser/skin/devtools/command-responsivemode.png"); -moz-image-region: rect(0px, 16px, 16px, 0px); @@ -131,6 +142,8 @@ window { color: #000000; margin: 0; -moz-margin-end: 3px; + padding: 1px; + -moz-padding-start: 3px; background-color: #C09070; border-radius: 8px 8px 0 0; } -- 2.35.3