+
+.ruleview-rule-source:hover {
+ text-decoration: underline;
+}
+
+.ruleview-code {
+ padding: 2px 5px;
+}
+
+.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 {
+ width: -moz-min-content;
+ padding-right: 20px;
+}
+
+.ruleview-propertylist {
+ list-style: none;
+ padding: 0;
+ margin: 0;
+}
+
+.ruleview-enableproperty {
+ height: 10px;
+ width: 10px;
+ -moz-margin-start: 2px;
+ -moz-margin-end: 0;
+}
+
+.ruleview-expander {
+ width: 8px;
+ height: 8px;
+ background: url("chrome://browser/skin/devtools/arrows.png") 24px 0;
+ cursor: pointer;
+ -moz-margin-start: 2px;
+ -moz-margin-end: 5px;
+}
+
+.ruleview-expander.styleinspector-open {
+ background-position: 8px 0;
+}
+
+.ruleview-newproperty {
+ /* (enable checkbox width: 12px) + (expander width: 15px) */
+ -moz-margin-start: 27px;
+}
+
+.ruleview-propertyname {
+ padding: 1px 0;
+ cursor: text;
+ color: #9C9CFF;
+ text-decoration: inherit;
+}
+
+.ruleview-propertyvalue {
+ cursor: text;
+ text-decoration: inherit;
+}
+
+.ruleview-computedlist {
+ list-style: none;
+ padding: 0;
+}
+
+.ruleview-computed {
+ -moz-margin-start: 4em;
+}
+
+.ruleview-overridden {
+ text-decoration: line-through;
+}
+
+.styleinspector-propertyeditor {
+ border: 1px solid #9C9CFF;
+ padding: 0;
+}