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/. */
6 #sidebar-panel-computedview {
9 flex-direction: column;
11 /* Bug 1243598 - Reduce the container height by the tab height to make room
12 for the tabs above. */
13 height: calc(100% - 24px);
17 #sidebar-panel-computedview > .devtools-toolbar {
21 #browser-style-checkbox {
22 /* Bug 1200073 - extra space before the browser styles checkbox so
23 they aren't squished together in a small window. */
24 margin-inline-start: 5px;
28 -moz-user-select: text;
34 background: var(--theme-body-background);
37 .property-view-hidden,
38 .property-content-hidden {
43 padding: 2px 0 2px 17px;
48 .property-name-container {
52 .property-value-container {
56 .property-name-container > *,
57 .property-value-container > * {
58 display: inline-block;
59 vertical-align: middle;
64 text-overflow: ellipsis;
69 .property-value, .other-property-value {
70 background-image: url(images/arrow-e.png);
71 background-repeat: no-repeat;
72 background-size: 5px 8px;
75 @media (min-resolution: 1.1dppx) {
76 .property-value, .other-property-value {
77 background-image: url(images/arrow-e@2x.png);
83 text-overflow: ellipsis;
85 background-position: 2px center;
90 .other-property-value {
91 background-position: left center;
99 .theme-firebug .property-view,
100 .theme-firebug .property-content {
101 font-family: var(--proportional-font-family);
104 .theme-firebug .property-view {
105 border-bottom: 1px solid rgba(0, 0, 0, 0.1);
111 margin-left: -12px !important;
122 .matchedselectors > p {
127 border-style: dotted;
128 border-color: #A09090;
129 border-width: 1px 1px 0 1px;
132 .matchedselectors > p:last-of-type {
133 border-bottom-width: 1px;
137 text-decoration: line-through;
164 /* Take away these two :visited rules to get a core dumper */
165 /* See https://bugzilla.mozilla.org/show_bug.cgi?id=575675#c30 */
176 text-decoration: none;
180 text-decoration: underline;
183 .computedview-colorswatch {
187 vertical-align: middle;
188 margin-inline-end: 5px;
189 display: inline-block;
193 .computedview-colorswatch::before {
195 background-color: #9C9CFF;
196 background-image: linear-gradient(45deg, #A09090 25%, transparent 25%, transparent 75%, #A09090 75%, #A09090),
197 linear-gradient(45deg, #A09090 25%, transparent 25%, transparent 75%, #A09090 75%, #A09090);
198 background-size: 12px 12px;
199 background-position: 0 0, 6px 6px;