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/. */
13 vertical-align: text-top;
16 /* Take away these two :visited rules to get a core dumper */
17 /* See https://bugzilla.mozilla.org/show_bug.cgi?id=575675#c30 */
26 text-decoration: none;
29 text-decoration: underline;
36 -moz-padding-start: 14px;
37 background-image: url("chrome://browser/skin/devtools/goto-mdn.png");
42 .property-view:not(:hover) > .helplink-container {
47 color: -moz-dialogtext;
55 -moz-margin-start: 5px;
57 background: url("chrome://global/skin/tree/twisty-closed.png") center center no-repeat;
58 vertical-align: middle;
62 background-image: url("chrome://global/skin/tree/twisty-open.png");
83 vertical-align: text-top;
89 -moz-padding-start: 10px;
92 /* This rule is necessary because Templater.jsm breaks LTR TDs in RTL docs */
96 -moz-padding-start: 20px;
97 vertical-align: text-bottom;
104 text-decoration: line-through;
111 border-collapse: collapse;
115 background-color: #404000;
126 background-color: #000000;
135 border-top: 1px solid #9C9CFF;
147 background-color: #000000;
150 .ruleview-rule-source {
151 color: #9C9CFF; /* original: green */
152 -moz-padding-start: 5px;
156 -moz-user-select: -moz-none;
159 .ruleview-rule-inheritance {
160 background-color: #000000;
162 border-top: 1px solid #9C9CFF;
163 border-bottom: 1px solid #9C9CFF;
166 -moz-user-select: -moz-none;
169 .ruleview-rule-source:hover {
170 text-decoration: underline;
177 .ruleview-rule + .ruleview-rule {
178 border-top: 1px dotted #008484;
182 background: url("chrome://browser/skin/devtools/alerticon-warning.png");
183 -moz-margin-start: 5px;
184 vertical-align: middle;
190 -moz-padding-end: 5px;
193 .ruleview-ruleclose {
198 .ruleview-propertylist {
204 .ruleview-enableproperty {
207 -moz-margin-start: 1px;
209 transition: opacity 100ms;
210 transition-delay: 200ms;
213 .ruleview-property:not(:hover) > .ruleview-enableproperty[checked] {
221 background: url("chrome://browser/skin/devtools/arrows.png") 24px 0;
223 -moz-margin-start: 2px;
224 -moz-margin-end: 5px;
227 .ruleview-expander.styleinspector-open {
228 background-position: 8px 0;
231 .ruleview-newproperty {
232 /* (enable checkbox width: 12px) + (expander width: 15px) */
233 -moz-margin-start: 27px;
236 .ruleview-propertyname {
238 color: #9C9CFF; /* original: blue */
241 .ruleview-propertyvalue {
245 .ruleview-namecontainer,
246 .ruleview-propertycontainer,
247 .ruleview-propertyname,
248 .ruleview-propertyvalue {
249 text-decoration: inherit;
252 .ruleview-computedlist {
258 -moz-margin-start: 4em;
261 .ruleview-overridden {
262 text-decoration: line-through;
265 .styleinspector-propertyeditor {
266 border: 1px solid #9C9CFF;
271 border-left: 2px solid transparent;
274 .ruleview-property[dirty] {
275 border-left-color: #008484;
278 .ruleview-namecontainer > .ruleview-propertyname,
279 .ruleview-propertycontainer > .ruleview-propertyvalue {
280 border-bottom: 1px dashed transparent;
283 .ruleview-namecontainer:hover > .ruleview-propertyname,
284 .ruleview-propertycontainer:hover > .ruleview-propertyvalue {
285 border-bottom-color: #9C9CFF;