Commit | Line | Data |
---|---|---|
e0c47e26 | 1 | /* vim:set ts=2 sw=2 sts=2 et: */ |
9099c61d RK |
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/. */ | |
e0c47e26 | 5 | |
d0a8de80 RK |
6 | .theme-dark, |
7 | .theme-light { | |
8 | --smw-margin: #9C9CFF; | |
9 | --smw-item-top-border: #A09090; | |
10 | --smw-item-bottom-border: #008484; | |
11 | } | |
12 | ||
e0c47e26 | 13 | .splitview-nav-container { |
28e80a05 RK |
14 | background-color: var(--theme-toolbar-background); |
15 | color: var(--theme-body-color); | |
e0c47e26 RK |
16 | } |
17 | ||
d533ec21 RK |
18 | .splitview-nav-container .devtools-throbber { |
19 | display: none; | |
20 | text-align: center; | |
21 | } | |
22 | ||
23 | .loading .splitview-nav-container .devtools-throbber { | |
24 | display: block; | |
e0c47e26 RK |
25 | } |
26 | ||
27 | .splitview-nav { | |
28 | -moz-appearance: none; | |
e0c47e26 RK |
29 | list-style-image: none; |
30 | list-style: none; | |
31 | padding: 0; | |
32 | margin: 0; | |
934990f8 | 33 | margin: 0; |
d0a8de80 RK |
34 | border-inline-end: var(--smw-margin); |
35 | /* box-shadow: inset -1px 0 0 var(--smw-margin);*/ | |
36 | } | |
37 | ||
38 | .splitview-nav:-moz-locale-dir(rtl) { | |
39 | /* box-shadow: inset 1px 0 0 var(--smw-margin);*/ | |
e0c47e26 RK |
40 | } |
41 | ||
42 | .splitview-nav > li { | |
934990f8 RK |
43 | /* To compensate for the top and bottom borders */ |
44 | margin-top: 0; | |
45 | margin-bottom: -1px; | |
46 | -moz-padding-end: 8px; | |
47 | -moz-box-align: center; | |
e0c47e26 RK |
48 | outline: 0; |
49 | vertical-align: bottom; | |
934990f8 RK |
50 | /* color: white; |
51 | background-clip: padding-box;*/ | |
52 | ||
d0a8de80 RK |
53 | border-top: 1px solid var(--smw-item-top-border); |
54 | border-bottom: 1px solid var(--smw-item-bottom-border); | |
55 | } | |
56 | ||
57 | .splitview-nav > li:last-of-type { | |
58 | /* box-shadow: inset 0 -1px 0 var(--smw-item-top-border);*/ | |
e0c47e26 RK |
59 | } |
60 | ||
61 | .placeholder { | |
62 | -moz-box-flex: 1; | |
e0c47e26 RK |
63 | text-align: center; |
64 | } | |
65 | ||
66 | .splitview-nav > li.splitview-active { | |
934990f8 RK |
67 | background-repeat: no-repeat; |
68 | background-position: center right; | |
69 | background-size: auto; | |
d0a8de80 | 70 | border-bottom: 1px solid var(--smw-item-bottom-border); |
934990f8 RK |
71 | |
72 | background-image: url("itemArrow-ltr.svg"); | |
e0c47e26 RK |
73 | } |
74 | ||
75 | .splitview-nav > li.splitview-active:-moz-locale-dir(rtl) { | |
934990f8 RK |
76 | background-repeat: no-repeat; |
77 | background-position: center left; | |
78 | ||
79 | background-image: url("itemArrow-rtl.svg"); | |
e0c47e26 RK |
80 | } |
81 | ||
82 | /* Toolbars */ | |
83 | ||
de57e474 | 84 | .splitview-main > .devtools-toolbar { |
e0c47e26 RK |
85 | background-origin: border-box; |
86 | background-clip: border-box; | |
5a3cfc14 RK |
87 | } |
88 | ||
89 | .splitview-main > toolbar { | |
90 | -moz-padding-end: 3px; | |
91 | } | |
92 | ||
93 | .splitview-details > toolbar { | |
94 | -moz-padding-start: 3px; | |
e0c47e26 RK |
95 | } |
96 | ||
d0a8de80 RK |
97 | .splitview-main > toolbar, |
98 | .loading .splitview-nav-container { | |
99 | border-inline-end: 1px solid var(--smw-margin); | |
e0c47e26 RK |
100 | } |
101 | ||
de57e474 | 102 | .splitview-main > .devtools-toolbarbutton { |
e0c47e26 RK |
103 | width: auto; |
104 | min-width: 48px; | |
105 | min-height: 0; | |
106 | } |