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;
30 .property-view-hidden,
31 .property-content-hidden {
37 padding: 2px 0 2px 17px;
41 display: inline-block;
42 vertical-align: middle;
46 /* -12px is so the expander triangle isn't pushed up above the property */
47 width: calc(100% - 12px);
49 text-overflow: ellipsis;
54 .property-value, .other-property-value {
55 background-image: url("arrow-e.png");
56 background-repeat: no-repeat;
57 background-size: 5px 8px;
60 @media (min-resolution: 2dppx) {
61 .property-value, .other-property-value {
62 background-image: url("arrow-e@2x.png");
69 text-overflow: ellipsis;
71 background-position: 2px center;
76 .other-property-value {
77 background-position: left center;
81 @media (min-width: 400px) {
86 /* -212px is accounting for the 200px property-name and the 12px triangle */
87 width: calc(100% - 212px);
98 margin-left: -12px!important;
109 .matchedselectors > p {
114 border-style: dotted;
115 border-color: #A09090;
116 border-width: 1px 1px 0 1px;
119 .matchedselectors > p:last-of-type {
120 border-bottom-width: 1px;
123 /* This rule is necessary because Templater.jsm breaks LTR TDs in RTL docs */
129 text-decoration: line-through;
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: text-top;
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;