tweaks for making devtools look nicer
[themes.git] / LCARStrek / browser / devtools / computedview.css
... / ...
CommitLineData
1/* vim:set ts=2 sw=2 sts=2 et: */
2/* This Source Code Form is subject to the terms of the Mozilla Public
3 * License, v. 2.0. If a copy of the MPL was not distributed with this
4 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
5
6/* Take away these two :visited rules to get a core dumper */
7/* See https://bugzilla.mozilla.org/show_bug.cgi?id=575675#c30 */
8.link,
9.link:visited {
10 color: #3333FF;
11}
12.link,
13.helplink,
14.link:visited,
15.helplink:visited {
16 text-decoration: none;
17}
18.link:hover {
19 text-decoration: underline;
20}
21
22/* From content */
23
24* {
25 -moz-box-sizing: border-box;
26}
27
28:root {
29 height: 100%;
30}
31
32body {
33 margin: 0;
34 display : flex;
35 flex-direction: column;
36 height: 100%;
37}
38
39#propertyContainer {
40 -moz-user-select: text;
41 overflow: auto;
42 min-height: 0;
43 flex: 1;
44}
45
46.property-view-hidden,
47.property-content-hidden {
48 display: none;
49}
50
51.property-view {
52 clear: both;
53 padding: 2px 0 2px 17px;
54}
55
56.property-view > * {
57 display: inline-block;
58 vertical-align: middle;
59}
60
61.property-name {
62 width: 50%;
63 overflow-x: hidden;
64 text-overflow: ellipsis;
65 white-space: nowrap;
66}
67
68.property-value {
69 width: 50%;
70 max-width: 100%;
71 overflow-x: hidden;
72 text-overflow: ellipsis;
73 white-space: nowrap;
74 background-image: url(arrow-e.png);
75 background-repeat: no-repeat;
76 background-size: 5px 8px;
77 background-position: 2px center;
78 padding-left: 10px;
79}
80
81.other-property-value {
82 background-image: url(arrow-e.png);
83 background-repeat: no-repeat;
84 background-size: 5px 8px;
85 background-position: left center;
86 padding-left: 8px;
87}
88
89@media (min-width: 400px) {
90 .property-name {
91 width: 200px;
92 }
93 .property-value {
94 width: auto;
95 }
96}
97
98.property-content {
99 padding-left: 17px;
100}
101
102/* From skin */
103.helplink {
104 /* FIXME: remove this image
105 background-image: url("chrome://browser/skin/devtools/goto-mdn.png");
106 */
107}
108
109.expander {
110 visibility: hidden;
111 margin-left: -12px!important;
112}
113
114.expander[open] {
115 margin-left: -17px!important;
116}
117
118.expandable {
119 visibility: visible;
120}
121
122.match {
123 visibility: hidden;
124}
125
126.matchedselectors > p {
127 clear: both;
128 margin: 0 2px 0 0;
129 padding: 2px;
130 overflow-x: hidden;
131 border-style: dotted;
132 border-color: #A09090;
133 border-width: 1px 1px 0 1px;
134}
135
136.matchedselectors > p:last-of-type {
137 border-bottom-width: 1px;
138}
139
140/* This rule is necessary because Templater.jsm breaks LTR TDs in RTL docs */
141.rule-text {
142 direction: ltr;
143}
144
145.matched {
146 text-decoration: line-through;
147}
148
149.parentmatch {
150 opacity: 0.5;
151}
152
153#noResults {
154 font-size: 110%;
155 margin: 5px;
156 text-align: center;
157}
158
159.onlyuserstyles {
160 cursor: pointer;
161}
162
163.legendKey {
164 margin: 0 5px;
165}
166
167.devtools-toolbar {
168 width: 100%;
169}
170
171.link {
172 padding: 0 3px;
173 cursor: pointer;
174 float: right;
175}