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 | 6 | .theme-dark, |
7d6161c5 RK |
7 | .theme-light, |
8 | .theme-firebug { | |
9 | --sidemenu-selected-arrow: url(images/itemArrow-dark-ltr.svg); | |
10 | --sidemenu-selected-arrow-rtl: url(images/itemArrow-dark-rtl.svg); | |
e0c47e26 RK |
11 | } |
12 | ||
d533ec21 RK |
13 | .splitview-nav-container .devtools-throbber { |
14 | display: none; | |
15 | text-align: center; | |
16 | } | |
17 | ||
18 | .loading .splitview-nav-container .devtools-throbber { | |
19 | display: block; | |
e0c47e26 RK |
20 | } |
21 | ||
22 | .splitview-nav { | |
e0c47e26 RK |
23 | list-style: none; |
24 | padding: 0; | |
25 | margin: 0; | |
7d6161c5 | 26 | background-color: var(--theme-sidebar-background); |
e0c47e26 RK |
27 | } |
28 | ||
29 | .splitview-nav > li { | |
7d6161c5 | 30 | padding-inline-end: 8px; |
934990f8 | 31 | -moz-box-align: center; |
e0c47e26 RK |
32 | outline: 0; |
33 | vertical-align: bottom; | |
7d6161c5 | 34 | border-bottom: 1px solid rgba(160,144,144,0.15); |
e0c47e26 RK |
35 | } |
36 | ||
37 | .placeholder { | |
38 | -moz-box-flex: 1; | |
e0c47e26 RK |
39 | text-align: center; |
40 | } | |
41 | ||
42 | .splitview-nav > li.splitview-active { | |
7d6161c5 RK |
43 | background-color: var(--theme-selection-background); |
44 | color: var(--theme-selection-color); | |
45 | background-image: var(--sidemenu-selected-arrow); | |
934990f8 RK |
46 | background-repeat: no-repeat; |
47 | background-position: center right; | |
e0c47e26 RK |
48 | } |
49 | ||
50 | .splitview-nav > li.splitview-active:-moz-locale-dir(rtl) { | |
7d6161c5 | 51 | background-image: var(--sidemenu-selected-arrow-rtl); |
934990f8 | 52 | background-position: center left; |
e0c47e26 RK |
53 | } |
54 | ||
55 | /* Toolbars */ | |
56 | ||
de57e474 | 57 | .splitview-main > .devtools-toolbar { |
e0c47e26 RK |
58 | background-origin: border-box; |
59 | background-clip: border-box; | |
5a3cfc14 RK |
60 | } |
61 | ||
62 | .splitview-main > toolbar { | |
63 | -moz-padding-end: 3px; | |
64 | } | |
65 | ||
66 | .splitview-details > toolbar { | |
67 | -moz-padding-start: 3px; | |
e0c47e26 RK |
68 | } |
69 | ||
d0a8de80 RK |
70 | .splitview-main > toolbar, |
71 | .loading .splitview-nav-container { | |
7d6161c5 | 72 | border-inline-end: 1px solid var(--theme-splitter-color); |
e0c47e26 RK |
73 | } |
74 | ||
de57e474 | 75 | .splitview-main > .devtools-toolbarbutton { |
7d6161c5 RK |
76 | font-size: 11px; |
77 | /* padding: 0 8px;*/ | |
e0c47e26 RK |
78 | width: auto; |
79 | min-width: 48px; | |
80 | min-height: 0; | |
81 | } |