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 RK |
5 | |
6 | .splitview-nav-container { | |
e0b5363a | 7 | background-color: #000000; |
e0c47e26 RK |
8 | color: #FF9F00; |
9 | } | |
10 | ||
11 | .loading .splitview-nav-container { | |
12 | background-image: url("chrome://global/skin/icons/loading.gif"); | |
13 | background-repeat: no-repeat; | |
14 | background-position: center center; | |
15 | } | |
16 | ||
17 | .splitview-nav { | |
18 | -moz-appearance: none; | |
19 | margin: 0; | |
20 | border-right: #9C9CFF; | |
21 | } | |
22 | ||
23 | .splitview-nav > li { | |
24 | color: white; | |
25 | background-clip: padding-box; | |
26 | border-bottom: 1px solid #008484; | |
27 | -moz-padding-end: 8px; | |
28 | -moz-box-align: center; | |
29 | } | |
30 | ||
31 | .splitview-nav { | |
32 | list-style-image: none; | |
33 | list-style: none; | |
34 | padding: 0; | |
35 | margin: 0; | |
36 | } | |
37 | ||
38 | .splitview-nav > li { | |
39 | outline: 0; | |
40 | vertical-align: bottom; | |
41 | } | |
42 | ||
43 | .placeholder { | |
44 | -moz-box-flex: 1; | |
e0c47e26 RK |
45 | text-align: center; |
46 | } | |
47 | ||
48 | .splitview-nav > li.splitview-active { | |
49 | background-image: url("itemArrow-ltr.png"); | |
50 | background-repeat: no-repeat, no-repeat, repeat-x; | |
51 | background-position: center right, top right, top left; | |
52 | background-size: auto, 1px 100%, auto; | |
53 | border-bottom: 1px solid #008484; | |
54 | } | |
55 | ||
56 | .splitview-nav > li.splitview-active:-moz-locale-dir(rtl) { | |
57 | background-image: url("itemArrow-rtl.png"); | |
58 | background-repeat: no-repeat, no-repeat, repeat-x; | |
59 | background-position: center left, top left, top right; | |
60 | } | |
61 | ||
62 | /* Toolbars */ | |
63 | ||
64 | .devtools-toolbar { | |
65 | height: 26px; | |
66 | background-origin: border-box; | |
67 | background-clip: border-box; | |
5a3cfc14 RK |
68 | } |
69 | ||
70 | .splitview-main > toolbar { | |
71 | -moz-padding-end: 3px; | |
72 | } | |
73 | ||
74 | .splitview-details > toolbar { | |
75 | -moz-padding-start: 3px; | |
e0c47e26 RK |
76 | } |
77 | ||
78 | .splitview-main > toolbar:-moz-locale-dir(ltr) { | |
79 | border-right: 1px solid #008484; | |
80 | } | |
81 | ||
82 | .splitview-main > toolbar:-moz-locale-dir(rtl) { | |
83 | border-left: 1px solid #008484; | |
84 | } | |
85 | ||
86 | .devtools-toolbarbutton { | |
e0c47e26 RK |
87 | width: auto; |
88 | min-width: 48px; | |
89 | min-height: 0; | |
90 | } | |
91 | ||
92 | ||
93 | /* Resizers */ | |
94 | ||
95 | .splitview-landscape-resizer { | |
96 | -moz-appearance: none; | |
97 | width: 7px; | |
5a3cfc14 RK |
98 | background-image: -moz-linear-gradient(left, #000000 1px, #FFCF00 1px); |
99 | background-size: 2px 15px; | |
e0c47e26 RK |
100 | background-clip: padding-box; |
101 | background-repeat: repeat-x; | |
5a3cfc14 | 102 | /* border-width: 1px; |
e0c47e26 | 103 | border-style: solid; |
5a3cfc14 | 104 | border-color: #9C9CFF;*/ |
e0c47e26 | 105 | margin: 5px 0; |
71a617ff | 106 | transform: translateX(-22px); /* account for startcap as well */ |
e0c47e26 RK |
107 | } |
108 | ||
109 | .splitview-landscape-resizer:-moz-locale-dir(rtl) { | |
71a617ff | 110 | transform: translateX(22px); |
e0c47e26 RK |
111 | } |
112 | ||
113 | .splitview-portrait-resizer { | |
114 | -moz-appearance: none; | |
5a3cfc14 | 115 | background: -moz-linear-gradient(top, #000000 1px, #FFCF00 1px); |
e0c47e26 RK |
116 | height: 12px; |
117 | background-size: 10px 2px, 100% 12px; | |
118 | background-clip: content-box, border-box; | |
119 | background-repeat: repeat-y, no-repeat; | |
120 | background-position: center center; | |
121 | padding: 2px 0; | |
122 | border-top: 1px solid #008484; | |
123 | border-bottom: 1px solid #008484; | |
124 | } |