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/. */
5 @import url
("chrome://global/skin/in-content/common.css");
11 /* This is needed to make the sidebar not hide the last button but breaks printing by hiding overflowing content */
25 .main-content.search > section > *:not(.data) {
39 background-color: var
(--in-content-page-background
);
42 inset-inline-start: 0;
47 flex-direction: column
;
59 margin-inline-start: 4px;
69 margin-inline-start: 5px;
74 padding-inline-start: 5px;
94 background-image: url
(chrome://global
/skin
/icons
/arrow-down
.svg
);
95 background-position: right
8px center
;
96 background-repeat: no-repeat
;
97 -moz-context-properties: fill
;
102 background-position-x: left
8px;
108 justify-content: space-between
;
111 .category:not(.has-data) {
118 flex-direction: column
;
119 justify-content: center
;
123 #categories > .category
.category-no-icon
{
124 margin-inline-start: 0;
125 margin-inline-end: 0;
133 .category-subsection {
134 color: var
(--in-content-text-color
);
136 padding-inline-start: 16px;
140 .category-subsection.selected {
144 .category-subsection::first-letter {
145 text-transform: uppercase
;
148 .category.selected > .category-subsection {
153 pointer-events: none
;
156 section:not
(.active
) {
160 #ping-explanation > span
{
162 border-bottom-width: 2px;
163 border-bottom-style: solid
;
170 transform: translate
(-50%, -50%);
173 flex-direction: column
;
176 #no-search-results-text {
182 display: none
!important
;
191 box-shadow: 0 1px 3px 0 rgba
(0, 0, 0, 0.25);
194 flex-direction: column
;
195 background-color: var
(--in-content-box-background
);
196 border: 1px solid var
(--in-content-box-border-color
);
198 inset-inline-start: 12px;
201 #ping-picker .title
{
205 #ping-source-picker {
206 margin-inline-start: 5px;
210 #ping-source-archive-container.disabled
{
217 text-decoration: underline
;
228 position: relative
; /* required for position:absolute of the contained .copy-node */
230 padding-inline: 20px;
231 border: 1px solid var
(--in-content-box-border-color
);
232 background-color: var
(--in-content-box-background
);
235 margin-inline-end: 24px;
240 text-overflow: ellipsis
;
253 position: relative
; /* required for position:absolute of the contained .copy-node */
264 text-overflow: ellipsis
;
276 font-family: monospace
;
280 background-color: var
(--in-content-accent-color
);
281 border: 1px solid rgba
(0,0,0,0.1);
285 .bar:nth-child(even) .long-label {
291 word-break: break-all
;
292 border-collapse: collapse
;
302 padding-bottom: 0.25em;
303 border-bottom: 1px solid var
(--in-content-border-color
);
306 tr:not
(:first-child
):hover
{
307 background-color: rgba
(0, 0, 0, 0.05);
327 inset-inline-end: 1px;
330 .histogram:hover .copy-node {