make Firefox 22 inspector work well
[themes.git] / LCARStrek / browser / devtools / ruleview.css
CommitLineData
2efcd25d
RK
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/. */
4
5.ruleview {
6 height: 100%;
7}
8
9.ruleview-rule-source {
10 -moz-padding-start: 5px;
11 cursor: pointer;
12 text-align: right;
13 float: right;
14 -moz-user-select: none;
15}
16
17.ruleview-rule-inheritance {
18 border-top-width: 1px;
19 border-bottom-width: 1px;
20 border-top-style: solid;
21 border-bottom-style: solid;
22 padding: 1px 4px;
23 margin-top: 4px;
24 -moz-user-select: none;
25}
26
27.ruleview-rule-source:hover {
28 text-decoration: underline;
29}
30
31.ruleview-rule {
32 padding: 2px 4px;
33}
34
35.ruleview-rule + .ruleview-rule {
36 border-top-width: 1px;
37 border-top-style: dotted;
38}
39
40.ruleview-warning {
41 background: url("chrome://browser/skin/devtools/alerticon-warning.png");
42 -moz-margin-start: 5px;
43 vertical-align: middle;
44 width: 13px;
45 height: 12px;
46}
47
48.ruleview-ruleopen {
49 -moz-padding-end: 5px;
50}
51
52.ruleview-ruleclose {
53 cursor: text;
54 padding-right: 20px;
55}
56
57.ruleview-propertylist {
58 list-style: none;
59 padding: 0;
60 margin: 0;
61}
62
63.ruleview-rule:not(:hover) .ruleview-enableproperty {
64 visibility: hidden;
65}
66
67.ruleview-expander {
68 display: inline-block;
69}
70
71.ruleview-newproperty {
72 /* (enable checkbox width: 12px) + (expander width: 15px) */
73 -moz-margin-start: 27px;
74}
75
76.ruleview-namecontainer,
77.ruleview-propertycontainer,
78.ruleview-propertyname,
79.ruleview-propertyvalue {
80 text-decoration: inherit;
81}
82
83.ruleview-computedlist {
84 list-style: none;
85 padding: 0;
86}
87
88.ruleview-computed {
89 -moz-margin-start: 35px;
90}
91
92.ruleview-overridden {
93 text-decoration: line-through;
94}
95
96.styleinspector-propertyeditor {
97 border: 1px solid #A09090;
98 padding: 0;
99}
100
101.ruleview-property {
102 border-left: 2px solid transparent;
103}
104
105.ruleview-property > * {
106 vertical-align: middle;
107}
108
109.ruleview-property[dirty] {
110 border-left-color: #9C9CFF;
111}
112
113.ruleview-namecontainer > .ruleview-propertyname,
114.ruleview-propertycontainer > .ruleview-propertyvalue {
115 border-bottom: 1px dashed transparent;
116}
117
118.ruleview-namecontainer:hover > .ruleview-propertyname,
119.ruleview-propertycontainer:hover > .ruleview-propertyvalue {
120 border-bottom-color: #008484;
121}
122
123.ruleview-selector-separator, .ruleview-selector-unmatched {
124 color: #8050B0;
125}