make Firefox 22 inspector work well EarylBlue-2.17 LCARStrek-2.17
authorRobert Kaiser <robert@widebook.box.kairo.at>
Sat, 6 Apr 2013 13:12:26 +0000 (15:12 +0200)
committerRobert Kaiser <robert@widebook.box.kairo.at>
Sat, 6 Apr 2013 13:12:26 +0000 (15:12 +0200)
LCARStrek/browser/devtools/arrow-e.png [new file with mode: 0644]
LCARStrek/browser/devtools/command-paintflashing.png [new file with mode: 0644]
LCARStrek/browser/devtools/common.css
LCARStrek/browser/devtools/computedview.css [new file with mode: 0644]
LCARStrek/browser/devtools/dark-theme.css [new file with mode: 0644]
LCARStrek/browser/devtools/floating-scrollbars-light.css [new file with mode: 0644]
LCARStrek/browser/devtools/light-theme.css [new file with mode: 0644]
LCARStrek/browser/devtools/ruleview.css [new file with mode: 0644]
LCARStrek/browser/devtools/toolbox.css

diff --git a/LCARStrek/browser/devtools/arrow-e.png b/LCARStrek/browser/devtools/arrow-e.png
new file mode 100644 (file)
index 0000000..09691bc
Binary files /dev/null and b/LCARStrek/browser/devtools/arrow-e.png differ
diff --git a/LCARStrek/browser/devtools/command-paintflashing.png b/LCARStrek/browser/devtools/command-paintflashing.png
new file mode 100644 (file)
index 0000000..5f44421
Binary files /dev/null and b/LCARStrek/browser/devtools/command-paintflashing.png differ
index 8bfe5c397e6c82e0aefcaa3ad110ba5ca300cd46..fdc173b3d80c6a0e3caf5eaeb3e1b4826c289237 100644 (file)
@@ -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 (file)
index 0000000..b9b999c
--- /dev/null
@@ -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 (file)
index 0000000..9e19bb3
--- /dev/null
@@ -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 (file)
index 0000000..a92e3dc
--- /dev/null
@@ -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 (file)
index 0000000..9e19bb3
--- /dev/null
@@ -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 (file)
index 0000000..eaf4414
--- /dev/null
@@ -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;
+}
index 60941e0592a2bd0a5d41fb1bbb8f3475c96aeca2..e5db567c7ad4cb31a588d518cb1532fd410422be 100644 (file)
@@ -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;
 }