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;
13 -moz-user-select: none;
16 .ruleview-rule-source,
17 .ruleview-rule-source > label {
21 .ruleview-rule-source[unselectable],
22 .ruleview-rule-source[unselectable] > label {
26 .ruleview-rule-source:not([unselectable]):hover {
27 text-decoration: underline;
31 border-top-width: 1px;
32 border-bottom-width: 1px;
33 border-top-style: solid;
34 border-bottom-style: solid;
37 -moz-user-select: none;
38 word-wrap: break-word;
46 /* User agent styles are not editable, display them differently */
47 .ruleview-rule[uneditable=true] {
48 background: #282425; /* Tab Toolbar */
51 .ruleview-rule[uneditable=true] :focus {
55 .ruleview-rule[uneditable=true] .theme-link {
56 color: #336699; /* Blue - Grey */
59 .ruleview-rule[uneditable=true] .ruleview-enableproperty {
63 .ruleview-rule[uneditable=true] .ruleview-colorswatch,
64 .ruleview-rule[uneditable=true] .ruleview-bezierswatch {
69 .ruleview-rule[uneditable=true] .ruleview-namecontainer > .ruleview-propertyname,
70 .ruleview-rule[uneditable=true] .ruleview-propertycontainer > .ruleview-propertyvalue {
71 border-bottom-color: transparent;
79 .ruleview-rule + .ruleview-rule {
80 border-top-width: 1px;
81 border-top-style: dotted;
85 background: url("alerticon-warning.png");
86 -moz-margin-start: 5px;
87 display: inline-block;
93 @media (min-resolution: 2dppx) {
95 background-image: url("alerticon-warning@2x.png");
100 -moz-padding-end: 5px;
103 .ruleview-ruleclose {
108 .ruleview-propertylist {
114 .ruleview-rule:not(:hover) .ruleview-enableproperty {
119 display: inline-block;
122 .ruleview-newproperty {
123 /* (enable checkbox width: 12px) + (expander width: 15px) */
124 -moz-margin-start: 27px;
127 .ruleview-namecontainer,
128 .ruleview-propertycontainer,
129 .ruleview-propertyname,
130 .ruleview-propertyvalue {
131 text-decoration: inherit;
134 .ruleview-computedlist {
140 -moz-margin-start: 35px;
143 .ruleview-colorswatch,
144 .ruleview-bezierswatch {
149 vertical-align: text-top;
150 -moz-margin-end: 5px;
151 display: inline-block;
155 .ruleview-colorswatch::before {
157 background-color: #9C9CFF;
158 background-image: linear-gradient(45deg, #A09090 25%, transparent 25%, transparent 75%, #A09090 75%, #A09090),
159 linear-gradient(45deg, #A09090 25%, transparent 25%, transparent 75%, #A09090 75%, #A09090);
160 background-size: 12px 12px;
161 background-position: 0 0, 6px 6px;
171 .ruleview-bezierswatch {
172 background: url("chrome://browser/skin/devtools/cubic-bezier-swatch.png");
173 background-size: 1em;
176 @media (min-resolution: 2dppx) {
177 .ruleview-bezierswatch {
178 background: url("chrome://browser/skin/devtools/cubic-bezier-swatch@2x.png");
179 background-size: 1em;
183 .ruleview-overridden {
184 text-decoration: line-through;
187 .styleinspector-propertyeditor {
188 border: 1px solid #A09090;
193 border-left: 3px solid transparent;
197 .ruleview-property > * {
198 vertical-align: middle;
201 .ruleview-property[dirty] {
202 border-left-color: #9C9CFF; /* Green */
205 .ruleview-namecontainer > .ruleview-propertyname,
206 .ruleview-propertycontainer > .ruleview-propertyvalue {
207 border-bottom: 1px dashed transparent;
210 .ruleview-namecontainer:hover > .ruleview-propertyname,
211 .ruleview-propertycontainer:hover > .ruleview-propertyvalue {
212 border-bottom-color: #008484;
216 word-wrap: break-word;
219 .ruleview-selector-separator, .ruleview-selector-unmatched {