1 /* This Source Code Form is subject to the terms of the Mozilla Public
2 * License, v. 2.0. If a copy of the MPL was not distributed with this
3 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
9 .ruleview-rule-source {
10 -moz-padding-start: 5px;
14 -moz-user-select: none;
18 border-top-width: 1px;
19 border-bottom-width: 1px;
20 border-top-style: solid;
21 border-bottom-style: solid;
24 -moz-user-select: none;
25 word-wrap: break-word;
28 .ruleview-rule-source:hover {
29 text-decoration: underline;
42 .ruleview-rule + .ruleview-rule {
43 border-top-width: 1px;
44 border-top-style: dotted;
48 background: url("alerticon-warning.png");
49 -moz-margin-start: 5px;
50 display: inline-block;
56 @media (min-resolution: 2dppx) {
58 background-image: url("alerticon-warning@2x.png");
63 -moz-padding-end: 5px;
71 .ruleview-propertylist {
77 .ruleview-rule:not(:hover) .ruleview-enableproperty {
82 display: inline-block;
85 .ruleview-newproperty {
86 /* (enable checkbox width: 12px) + (expander width: 15px) */
87 -moz-margin-start: 27px;
90 .ruleview-namecontainer,
91 .ruleview-propertycontainer,
92 .ruleview-propertyname,
93 .ruleview-propertyvalue {
94 text-decoration: inherit;
97 .ruleview-computedlist {
103 -moz-margin-start: 35px;
106 .ruleview-colorswatch {
110 vertical-align: text-top;
111 -moz-margin-end: 5px;
112 display: inline-block;
115 .ruleview-colorswatch::before {
117 background-color: #9C9CFF;
118 background-image: linear-gradient(45deg, #A09090 25%, transparent 25%, transparent 75%, #A09090 75%, #A09090),
119 linear-gradient(45deg, #A09090 25%, transparent 25%, transparent 75%, #A09090 75%, #A09090);
120 background-size: 12px 12px;
121 background-position: 0 0, 6px 6px;
129 .ruleview-overridden {
130 text-decoration: line-through;
133 .styleinspector-propertyeditor {
134 border: 1px solid #A09090;
139 border-left: 3px solid transparent;
143 .ruleview-property > * {
144 vertical-align: middle;
147 .ruleview-property[dirty] {
148 border-left-color: #9C9CFF; /* Green */
151 .ruleview-namecontainer > .ruleview-propertyname,
152 .ruleview-propertycontainer > .ruleview-propertyvalue {
153 border-bottom: 1px dashed transparent;
156 .ruleview-namecontainer:hover > .ruleview-propertyname,
157 .ruleview-propertycontainer:hover > .ruleview-propertyvalue {
158 border-bottom-color: #008484;
162 word-wrap: break-word;
165 .ruleview-selector-separator, .ruleview-selector-unmatched {