third and last part of syncing LCARStrek with Firefox 52 browser windows theme changes
[themes.git] / LCARStrek / devtools / splitview.css
... / ...
CommitLineData
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/. */
5
6.theme-dark,
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);
11}
12
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;
20}
21
22.splitview-nav {
23 list-style: none;
24 padding: 0;
25 margin: 0;
26 background-color: var(--theme-sidebar-background);
27}
28
29.splitview-nav > li {
30 padding-inline-end: 8px;
31 -moz-box-align: center;
32 outline: 0;
33 vertical-align: bottom;
34 border-bottom: 1px solid rgba(160,144,144,0.15);
35}
36
37.placeholder {
38 -moz-box-flex: 1;
39 text-align: center;
40}
41
42.splitview-nav > li.splitview-active {
43 background-color: var(--theme-selection-background);
44 color: var(--theme-selection-color);
45 background-image: var(--sidemenu-selected-arrow);
46 background-repeat: no-repeat;
47 background-position: center right;
48}
49
50.splitview-nav > li.splitview-active:-moz-locale-dir(rtl) {
51 background-image: var(--sidemenu-selected-arrow-rtl);
52 background-position: center left;
53}
54
55/* Toolbars */
56
57.splitview-main > .devtools-toolbar {
58 background-origin: border-box;
59 background-clip: border-box;
60}
61
62.splitview-main > toolbar {
63 padding-inline-end: 3px;
64}
65
66.splitview-details > toolbar {
67 padding-inline-start: 3px;
68}
69
70.splitview-main > toolbar,
71.loading .splitview-nav-container {
72 border-inline-end: 1px solid var(--theme-splitter-color);
73}
74
75.splitview-main > .devtools-toolbarbutton {
76 font-size: 11px;
77/* padding: 0 8px;*/
78 width: auto;
79 min-width: 48px;
80 min-height: 0;
81}