sync both themes with toolkit windows theme changes in Mozilla 32 cycle
[themes.git] / LCARStrek / browser / devtools / ruleview.css
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-header {
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   word-wrap: break-word;
26 }
27
28 .ruleview-rule-source:hover {
29   text-decoration: underline;
30 }
31
32 .ruleview-rule,
33 #noResults {
34   padding: 2px 4px;
35 }
36
37 #noResults {
38   font: message-box;
39   color: #8050B0;
40 }
41
42 .ruleview-rule + .ruleview-rule {
43   border-top-width: 1px;
44   border-top-style: dotted;
45 }
46
47 .ruleview-warning {
48   background: url("chrome://browser/skin/devtools/alerticon-warning.png");
49   -moz-margin-start: 5px;
50   display: inline-block;
51   vertical-align: top;
52   width: 13px;
53   height: 12px;
54 }
55
56 .ruleview-ruleopen {
57   -moz-padding-end: 5px;
58 }
59
60 .ruleview-ruleclose {
61   cursor: text;
62   padding-right: 20px;
63 }
64
65 .ruleview-propertylist {
66   list-style: none;
67   padding: 0;
68   margin: 0;
69 }
70
71 .ruleview-rule:not(:hover) .ruleview-enableproperty {
72   visibility: hidden;
73 }
74
75 .ruleview-expander {
76   display: inline-block;
77 }
78
79 .ruleview-newproperty {
80   /* (enable checkbox width: 12px) + (expander width: 15px) */
81   -moz-margin-start: 27px;
82 }
83
84 .ruleview-namecontainer,
85 .ruleview-propertycontainer,
86 .ruleview-propertyname,
87 .ruleview-propertyvalue {
88   text-decoration: inherit;
89 }
90
91 .ruleview-computedlist {
92   list-style: none;
93   padding: 0;
94 }
95
96 .ruleview-computed {
97   -moz-margin-start: 35px;
98 }
99
100 .ruleview-colorswatch {
101   border-radius: 50%;
102   width: 1em;
103   height: 1em;
104   vertical-align: text-top;
105   -moz-margin-end: 5px;
106 }
107
108 .ruleview-overridden {
109   text-decoration: line-through;
110 }
111
112 .styleinspector-propertyeditor {
113   border: 1px solid #A09090;
114   padding: 0;
115 }
116
117 .ruleview-property {
118   border-left: 3px solid transparent;
119   clear: right;
120 }
121
122 .ruleview-property  > * {
123   vertical-align: middle;
124 }
125
126 .ruleview-property[dirty] {
127   border-left-color: #9C9CFF; /* Green */
128 }
129
130 .ruleview-namecontainer > .ruleview-propertyname,
131 .ruleview-propertycontainer > .ruleview-propertyvalue {
132   border-bottom: 1px dashed transparent;
133 }
134
135 .ruleview-namecontainer:hover > .ruleview-propertyname,
136 .ruleview-propertycontainer:hover > .ruleview-propertyvalue {
137   border-bottom-color: #008484;
138 }
139
140 .ruleview-selector {
141   word-wrap: break-word;
142 }
143
144 .ruleview-selector-separator, .ruleview-selector-unmatched {
145   color: #8050B0;
146 }