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/. */
8 font: 12px "Liberation Mono", Consolas, "Courier New", monospace;
11 /* Take away these two :visited rules to get a core dumper */
12 /* See https://bugzilla.mozilla.org/show_bug.cgi?id=575675#c30 */
21 text-decoration: none;
24 text-decoration: underline;
31 -moz-padding-start: 14px;
32 background-image: url("chrome://browser/skin/devtools/goto-mdn.png");
37 .property-view:not(:hover) > .helplink-container {
42 color: -moz-dialogtext;
50 -moz-margin-start: 5px;
52 background: url("chrome://global/skin/tree/twisty-closed.gif") center center no-repeat;
53 vertical-align: middle;
57 background-image: url("chrome://global/skin/tree/twisty-open.gif");
70 vertical-align: text-top;
81 -moz-padding-end: 6px;
88 -moz-padding-start: 10px;
91 /* This rule is necessary because Templater.jsm breaks LTR TDs in RTL docs */
95 -moz-padding-start: 20px;
96 vertical-align: text-bottom;
103 text-decoration: line-through;
110 border-collapse: collapse;
114 background-color: #404000;
125 background-color: #000000;
128 .includebrowserstyles {
134 border-top: 1px solid #9C9CFF;
146 background-color: #000000;
149 .ruleview-rule-source {
150 color: #9C9CFF; /* original: green */
151 -moz-padding-start: 5px;
155 -moz-user-select: none;
158 .ruleview-rule-inheritance {
159 background-color: #000000;
161 border-top: 1px solid #9C9CFF;
162 border-bottom: 1px solid #9C9CFF;
165 -moz-user-select: none;
168 .ruleview-rule-source:hover {
169 text-decoration: underline;
176 .ruleview-rule + .ruleview-rule {
177 border-top: 1px dotted #008484;
181 background: url("chrome://browser/skin/devtools/alerticon-warning.png");
182 -moz-margin-start: 5px;
183 vertical-align: middle;
189 -moz-padding-end: 5px;
192 .ruleview-ruleclose {
197 .ruleview-propertylist {
203 .ruleview-enableproperty {
206 -moz-margin-start: 1px;
208 transition: opacity 100ms;
209 transition-delay: 200ms;
212 .ruleview-property:not(:hover) > .ruleview-enableproperty[checked] {
220 background: url("chrome://browser/skin/devtools/arrows.png") 24px 0;
222 -moz-margin-start: 2px;
223 -moz-margin-end: 5px;
226 .ruleview-expander.styleinspector-open {
227 background-position: 8px 0;
230 .ruleview-newproperty {
231 /* (enable checkbox width: 12px) + (expander width: 15px) */
232 -moz-margin-start: 27px;
235 .ruleview-propertyname {
237 color: #9C9CFF; /* original: blue */
240 .ruleview-propertyvalue {
244 .ruleview-namecontainer,
245 .ruleview-propertycontainer,
246 .ruleview-propertyname,
247 .ruleview-propertyvalue {
248 text-decoration: inherit;
251 .ruleview-computedlist {
257 -moz-margin-start: 4em;
260 .ruleview-overridden {
261 text-decoration: line-through;
264 .styleinspector-propertyeditor {
265 border: 1px solid #9C9CFF;
270 border-left: 2px solid transparent;
273 .ruleview-property > * {
274 vertical-align: middle;
277 .ruleview-property[dirty] {
278 border-left-color: #008484;
281 .ruleview-namecontainer > .ruleview-propertyname,
282 .ruleview-propertycontainer > .ruleview-propertyvalue {
283 border-bottom: 1px dashed transparent;
286 .ruleview-namecontainer:hover > .ruleview-propertyname,
287 .ruleview-propertycontainer:hover > .ruleview-propertyvalue {
288 border-bottom-color: #9C9CFF;
291 .ruleview-selector-separator, .ruleview-selector-unmatched {