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