* 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/. */
+/* CSS Variables specific to this panel that aren't defined by the themes */
+
+.theme-light {
+ --rule-highlight-background-color: #402800;
+}
+
.ruleview {
height: 100%;
}
cursor: default;
}
-
.ruleview-rule[uneditable=true] .ruleview-namecontainer > .ruleview-propertyname,
-.ruleview-rule[uneditable=true] .ruleview-propertycontainer > .ruleview-propertyvalue {
+.ruleview-rule[uneditable=true] .ruleview-propertyvaluecontainer >
+.ruleview-propertyvalue {
border-bottom-color: transparent;
}
height: 12px;
}
-@media (min-resolution: 2dppx) {
+@media (min-resolution: 1.25dppx) {
.ruleview-warning {
background-image: url("alerticon-warning@2x.png");
}
}
.ruleview-namecontainer,
-.ruleview-propertycontainer,
+.ruleview-propertyvaluecontainer,
.ruleview-propertyname,
.ruleview-propertyvalue {
text-decoration: inherit;
background-size: 1em;
}
-@media (min-resolution: 2dppx) {
+@media (min-resolution: 1.25dppx) {
.ruleview-bezierswatch {
background: url("chrome://browser/skin/devtools/cubic-bezier-swatch@2x.png");
background-size: 1em;
clear: right;
}
-.ruleview-property > * {
+.ruleview-propertycontainer > * {
vertical-align: middle;
}
border-left-color: var(--theme-highlight-green);
}
+.ruleview-highlight {
+ background-color: var(--rule-highlight-background-color);
+}
+
.ruleview-namecontainer > .ruleview-propertyname,
-.ruleview-propertycontainer > .ruleview-propertyvalue {
+.ruleview-propertyvaluecontainer > .ruleview-propertyvalue {
border-bottom: 1px dashed transparent;
}
.ruleview-namecontainer:hover > .ruleview-propertyname,
-.ruleview-propertycontainer:hover > .ruleview-propertyvalue {
+.ruleview-propertyvaluecontainer:hover > .ruleview-propertyvalue {
border-bottom-color: #008484;
}
.ruleview-selector-separator, .ruleview-selector-unmatched {
color: #8050B0;
}
+
+.ruleview-selectorhighlighter {
+ background: url("chrome://browser/skin/devtools/vview-open-inspector.png") no-repeat 0 0;
+ padding-left: 16px;
+ margin-left: 5px;
+ cursor: pointer;
+}
+
+.ruleview-selectorhighlighter:hover {
+ background-position: -32px 0;
+}
+
+.ruleview-selectorhighlighter:active,
+.ruleview-selectorhighlighter.highlighted {
+ background-position: -16px 0;
+}