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/. */
10 /* Take away these two :visited rules to get a core dumper */
11 /* See https://bugzilla.mozilla.org/show_bug.cgi?id=575675#c30 */
20 text-decoration: none;
23 text-decoration: underline;
30 -moz-padding-start: 14px;
31 background-image: url("chrome://browser/skin/devtools/goto-mdn.png");
36 .property-view:not(:hover) > .helplink-container {
41 color: -moz-dialogtext;
49 -moz-margin-start: 5px;
51 background: url("chrome://global/skin/tree/twisty-closed.gif") center center no-repeat;
52 vertical-align: middle;
56 background-image: url("chrome://global/skin/tree/twisty-open.gif");
69 vertical-align: text-top;
80 -moz-padding-end: 6px;
87 -moz-padding-start: 10px;
90 /* This rule is necessary because Templater.jsm breaks LTR TDs in RTL docs */
94 -moz-padding-start: 20px;
95 vertical-align: text-bottom;
102 text-decoration: line-through;
109 border-collapse: collapse;
113 background-color: #404000;
124 background-color: #000000;
133 border-top: 1px solid #9C9CFF;
145 background-color: #000000;
148 .ruleview-rule-source {
149 color: #9C9CFF; /* original: green */
150 -moz-padding-start: 5px;
154 -moz-user-select: -moz-none;
157 .ruleview-rule-inheritance {
158 background-color: #000000;
160 border-top: 1px solid #9C9CFF;
161 border-bottom: 1px solid #9C9CFF;
164 -moz-user-select: -moz-none;
167 .ruleview-rule-source:hover {
168 text-decoration: underline;
175 .ruleview-rule + .ruleview-rule {
176 border-top: 1px dotted #008484;
180 background: url("chrome://browser/skin/devtools/alerticon-warning.png");
181 -moz-margin-start: 5px;
182 vertical-align: middle;
188 -moz-padding-end: 5px;
191 .ruleview-ruleclose {
196 .ruleview-propertylist {
202 .ruleview-enableproperty {
205 -moz-margin-start: 1px;
207 transition: opacity 100ms;
208 transition-delay: 200ms;
211 .ruleview-property:not(:hover) > .ruleview-enableproperty[checked] {
219 background: url("chrome://browser/skin/devtools/arrows.png") 24px 0;
221 -moz-margin-start: 2px;
222 -moz-margin-end: 5px;
225 .ruleview-expander.styleinspector-open {
226 background-position: 8px 0;
229 .ruleview-newproperty {
230 /* (enable checkbox width: 12px) + (expander width: 15px) */
231 -moz-margin-start: 27px;
234 .ruleview-propertyname {
236 color: #9C9CFF; /* original: blue */
239 .ruleview-propertyvalue {
243 .ruleview-namecontainer,
244 .ruleview-propertycontainer,
245 .ruleview-propertyname,
246 .ruleview-propertyvalue {
247 text-decoration: inherit;
250 .ruleview-computedlist {
256 -moz-margin-start: 4em;
259 .ruleview-overridden {
260 text-decoration: line-through;
263 .styleinspector-propertyeditor {
264 border: 1px solid #9C9CFF;
269 border-left: 2px solid transparent;
272 .ruleview-property[dirty] {
273 border-left-color: #008484;
276 .ruleview-namecontainer > .ruleview-propertyname,
277 .ruleview-propertycontainer > .ruleview-propertyvalue {
278 border-bottom: 1px dashed transparent;
281 .ruleview-namecontainer:hover > .ruleview-propertyname,
282 .ruleview-propertycontainer:hover > .ruleview-propertyvalue {
283 border-bottom-color: #9C9CFF;
286 .ruleview-selector-separator, .ruleview-selector-unmatched {