sync both themes with toolkit windows theme changes in Mozilla 25 cycle
[themes.git] / LCARStrek / browser / devtools / toolbox.css
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/. */
4
5 window {
6   padding: 0;
7 }
8
9 notification {
10   margin-bottom: 3px;
11 }
12
13 #toolbox-controls {
14   margin: 0 2px;
15 }
16
17 #toolbox-controls > toolbarbutton,
18 #toolbox-dock-buttons > toolbarbutton {
19   min-width: 16px;
20 /*  padding: 1px 3px; */
21 }
22
23 #toolbox-dock-bottom {
24   list-style-image: url("chrome://browser/skin/devtools/dock-bottom.png");
25   -moz-image-region: rect(0px, 16px, 16px, 0px);
26 }
27
28 #toolbox-dock-bottom:hover {
29   -moz-image-region: rect(0px, 32px, 16px, 16px);
30 }
31
32 #toolbox-dock-side {
33   list-style-image: url("chrome://browser/skin/devtools/dock-side.png");
34   -moz-image-region: rect(0px, 16px, 16px, 0px);
35 }
36
37 #toolbox-dock-side:hover {
38   -moz-image-region: rect(0px, 32px, 16px, 16px);
39 }
40
41 #toolbox-dock-window {
42   list-style-image: url("chrome://browser/skin/devtools/undock.png");
43   -moz-image-region: rect(0px, 16px, 16px, 0px);
44 }
45
46 #toolbox-dock-window:hover {
47   -moz-image-region: rect(0px, 32px, 16px, 16px);
48 }
49
50 #toolbox-dock-window,
51 #toolbox-dock-bottom,
52 #toolbox-dock-side {
53 }
54
55 #toolbox-dock-window:hover,
56 #toolbox-dock-bottom:hover,
57 #toolbox-dock-side:hover {
58 }
59
60 #toolbox-controls-separator {
61   -moz-margin-start: 4px;
62 }
63
64
65 /* Command buttons */
66
67 .command-button {
68 /*  padding: 1px 4px; */
69   min-width: 16px;
70 }
71
72 .command-button:hover {
73 }
74 .command-button:hover:active {
75 }
76
77 #command-button-paintflashing {
78   list-style-image: url("chrome://browser/skin/devtools/command-paintflashing.png");
79   -moz-image-region: rect(0px, 16px, 16px, 0px);
80 }
81
82 #command-button-paintflashing:hover,
83 #command-button-paintflashing:hover:active,
84 #command-button-paintflashing[checked=true] {
85   -moz-image-region: rect(0px, 32px, 16px, 16px);
86 }
87
88 #command-button-responsive {
89   list-style-image: url("chrome://browser/skin/devtools/command-responsivemode.png");
90   -moz-image-region: rect(0px, 16px, 16px, 0px);
91 }
92
93 #command-button-responsive:hover,
94 #command-button-responsive:hover:active,
95 #command-button-responsive[checked=true] {
96   -moz-image-region: rect(0px, 32px, 16px, 16px);
97 }
98
99 #command-button-tilt {
100   list-style-image: url("chrome://browser/skin/devtools/command-tilt.png");
101   -moz-image-region: rect(0px, 16px, 16px, 0px);
102 }
103
104 #command-button-tilt:hover,
105 #command-button-tilt:hover:active,
106 #command-button-tilt[checked=true] {
107   -moz-image-region: rect(0px, 32px, 16px, 16px);
108 }
109
110 #command-button-scratchpad {
111   list-style-image: url("chrome://browser/skin/devtools/command-scratchpad.png");
112   -moz-image-region: rect(0px, 16px, 16px, 0px);
113 }
114
115 #command-button-scratchpad:hover,
116 #command-button-scratchpad:hover:active {
117   -moz-image-region: rect(0px, 32px, 16px, 16px);
118 }
119
120
121 /* Tabs */
122
123 .devtools-tabbar {
124 }
125
126 #toolbox-tabs {
127   margin: 0;
128   background-color: #000000;
129   color: #FFCF00;
130 }
131
132 .devtools-tab {
133   min-width: 32px;
134   max-width: 110px;
135   color: #000000;
136   margin: 0;
137   -moz-margin-end: 3px;
138   padding: 1px;
139   -moz-padding-start: 3px;
140   background-color: #C09070;
141   border-radius: 8px 8px 0 0;
142 }
143
144 .devtools-tab > image {
145   -moz-margin-end: 0px;
146 /*  -moz-margin-start: 4px; */
147 }
148
149 #toolbox-tab-options > image {
150 /*  margin: 0 8px; */
151 }
152
153 .devtools-tab:hover > image {
154 }
155
156 .devtools-tab:active > image,
157 .devtools-tab[selected=true] > image {
158 }
159
160 .devtools-tab:hover,
161 .devtools-tab:hover:active {
162   background-color: #FFCF00;
163   color: #000000;
164 }
165
166 .devtools-tab[selected=true] {
167   background-color: #008484;
168   color: #000000;
169 }
170
171 .devtools-tab > spacer {
172   max-width: 0;
173   -moz-box-flex: 0;
174 }
175
176 .devtools-tab > image {
177   -moz-margin-end: 0;
178   -moz-margin-start: 0;
179 }
180
181 #toolbox-tab-options {
182   min-width: 20px;
183 }
184
185 #toolbox-tab-options > image {
186   -moz-margin-end: 3px;
187 }
188
189 .devtools-tab:not(.highlighted) > .highlighted-icon,
190 .devtools-tab[selected=true] > .highlighted-icon,
191 .devtools-tab:not([selected=true]).highlighted > .default-icon {
192   visibility: collapse;
193 }
194
195 .devtools-tab:not([selected=true]).highlighted {
196   color: #FFCF00;
197 }
198
199 .devtools-tab:not(.highlighted) > .highlighted-icon,
200 .devtools-tab[selected=true] > .highlighted-icon,
201 .devtools-tab:not([selected=true]).highlighted > .default-icon {
202   visibility: collapse;
203 }
204
205 #options-panel {
206   /* background-image: url("chrome://browser/skin/newtab/noise.png"); */
207 }
208
209 .options-vertical-pane {
210   margin: 15px;
211   width: calc(50% - 30px);
212   min-width: 400px;
213   -moz-padding-start: 5px;
214 }
215
216 .options-vertical-pane > label {
217   padding: 5px 0;
218   font-size: 1.4rem;
219 }
220
221 .options-groupbox {
222   -moz-margin-start: 15px;
223   padding: 4px;
224 }
225
226 .options-groupbox > * {
227   padding: 2px;
228 }
229
230 .options-citation-label {
231   font-size: 1rem !important;
232   /* !important is required otherwise font-size will still be 1.4rem */
233   font-style: italic;
234   padding: 4px 0 0; /* To align it with the checkbox */
235   color: #A09090;
236 }
237
238 .options-citation-label + label {
239   padding: 3px 0 0 !important; /* To align it with the checkbox */
240   font-style: italic;
241 }