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/. */
9 box-sizing: border-box;
19 flex-direction: column;
24 -moz-user-select: text;
31 background: var(--theme-body-background);
34 .property-view-hidden,
35 .property-content-hidden {
41 padding: 2px 0 2px 17px;
45 display: inline-block;
46 vertical-align: middle;
50 /* -12px is so the expander triangle isn't pushed up above the property */
51 width: calc(100% - 12px);
53 text-overflow: ellipsis;
58 .property-value, .other-property-value {
59 background-image: url("images/arrow-e.png");
60 background-repeat: no-repeat;
61 background-size: 5px 8px;
64 @media (min-resolution: 1.1dppx) {
65 .property-value, .other-property-value {
66 background-image: url("images/arrow-e@2x.png");
73 text-overflow: ellipsis;
75 background-position: 2px center;
80 .other-property-value {
81 background-position: left center;
85 @media (min-width: 400px) {
90 /* -212px is accounting for the 200px property-name and the 12px triangle */
91 width: calc(100% - 212px);
102 margin-left: -12px!important;
113 .matchedselectors > p {
118 border-style: dotted;
119 border-color: #A09090;
120 border-width: 1px 1px 0 1px;
123 .matchedselectors > p:last-of-type {
124 border-bottom-width: 1px;
128 text-decoration: line-through;
149 #root .devtools-toolbar {
160 /* Take away these two :visited rules to get a core dumper */
161 /* See https://bugzilla.mozilla.org/show_bug.cgi?id=575675#c30 */
172 text-decoration: none;
176 text-decoration: underline;
179 .computedview-colorswatch {
183 vertical-align: middle;
184 -moz-margin-end: 5px;
185 display: inline-block;
189 .computedview-colorswatch::before {
191 background-color: #9C9CFF;
192 background-image: linear-gradient(45deg, #A09090 25%, transparent 25%, transparent 75%, #A09090 75%, #A09090),
193 linear-gradient(45deg, #A09090 25%, transparent 25%, transparent 75%, #A09090 75%, #A09090);
194 background-size: 12px 12px;
195 background-position: 0 0, 6px 6px;