Mercurial > repos > other > Adwaita-Dark-Green

comparison gtk-3.20/gtk.css @ 24:1b8713fff1e1

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Add initial GTK3.20 support ready for upgrade to openSUSE Leap 42.2
author IBBoard <dev@ibboard.co.uk>
date Tue, 22 Nov 2016 20:58:58 +0000
parents
children cf107670260d
comparison
equal deleted inserted replaced
23:279a2801a81b 24:1b8713fff1e1
1 * {
2 padding: 0;
3 -GtkToolButton-icon-spacing: 4;
4 -GtkTextView-error-underline-color: #cc0000;
5 -GtkScrolledWindow-scrollbar-spacing: 0;
6 -GtkToolItemGroup-expander-size: 11;
7 -GtkWidget-text-handle-width: 20;
8 -GtkWidget-text-handle-height: 24;
9 -GtkDialog-button-spacing: 4;
10 -GtkDialog-action-area-border: 0;
11 outline-color: rgba(22, 22, 22, 0.3);
12 outline-style: dashed;
13 outline-offset: -3px;
14 outline-width: 1px;
15 -gtk-outline-radius: 2px;
16 -gtk-secondary-caret-color: #5E7F3E; }
17
18 /***************
19 * Base States *
20 ***************/
21 .background {
22 color: #161616;
23 background-color: #C6C6C6; }
24 .background:backdrop {
25 color: #6e6e6e;
26 background-color: #C6C6C6;
27 text-shadow: none;
28 -gtk-icon-shadow: none; }
29
30 /*
31 These wildcard seems unavoidable, need to investigate.
32 Wildcards are bad and troublesome, use them with care,
33 or better, just don't.
34 Everytime a wildcard is used a kitten dies, painfully.
35 */
36 *:disabled {
37 -gtk-icon-effect: dim; }
38
39 .gtkstyle-fallback {
40 color: #161616;
41 background-color: #C6C6C6; }
42 .gtkstyle-fallback:hover {
43 color: #161616;
44 background-color: #e0e0e0; }
45 .gtkstyle-fallback:active {
46 color: #161616;
47 background-color: #adadad; }
48 .gtkstyle-fallback:disabled {
49 color: #6e6e6e;
50 background-color: #c6c6c6; }
51 .gtkstyle-fallback:selected {
52 color: #ffffff;
53 background-color: #5E7F3E; }
54
55 .view, iconview,
56 .view text,
57 iconview text,
58 textview text {
59 color: black;
60 background-color: #C6C6C6; }
61 .view:backdrop, iconview:backdrop,
62 .view text:backdrop,
63 iconview text:backdrop,
64 textview text:backdrop {
65 color: #272727;
66 background-color: #c3c3c3; }
67 .view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected,
68 .view text:selected:focus,
69 iconview text:selected:focus,
70 textview text:selected:focus,
71 .view text:selected,
72 iconview text:selected,
73 textview text:selected {
74 border-radius: 3px; }
75
76 textview border {
77 background-color: #c6c6c6; }
78
79 .rubberband,
80 rubberband,
81 flowbox rubberband,
82 treeview.view rubberband,
83 .content-view rubberband {
84 border: 1px solid #455d2d;
85 background-color: rgba(69, 93, 45, 0.2); }
86
87 flowbox flowboxchild {
88 padding: 3px;
89 border-radius: 3px; }
90 flowbox flowboxchild:selected {
91 outline-offset: -2px; }
92
93 label {
94 caret-color: currentColor; }
95 label.separator {
96 color: #161616; }
97 label.separator:backdrop {
98 color: #6e6e6e; }
99 label selection {
100 background-color: #5E7F3E;
101 color: #ffffff; }
102 label:disabled {
103 color: #6e6e6e; }
104 label:disabled:backdrop {
105 color: #a0a0a0; }
106 label:backdrop {
107 color: #6e6e6e; }
108
109 .dim-label, label.separator, .titlebar:not(headerbar) .subtitle,
110 headerbar .subtitle {
111 opacity: 0.55;
112 text-shadow: none; }
113
114 assistant .sidebar {
115 background-color: #C6C6C6;
116 border-top: 1px solid #7a7a7a; }
117 assistant .sidebar:backdrop {
118 background-color: #c3c3c3;
119 border-color: #828282; }
120 assistant.csd .sidebar {
121 border-top-style: none; }
122 assistant .sidebar label {
123 padding: 6px 12px; }
124 assistant .sidebar label.highlight {
125 background-color: #a3a3a3; }
126
127 .csd popover.background.touch-selection, .csd popover.background.magnifier, popover.background.touch-selection, popover.background.magnifier, .csd popover.background.osd, popover.background.osd, .app-notification,
128 .app-notification.frame, .osd .scale-popup, .osd {
129 color: #eeeeec;
130 border: none;
131 background-color: rgba(32, 37, 38, 0.8);
132 background-clip: padding-box;
133 outline-color: rgba(238, 238, 236, 0.3);
134 text-shadow: 0 1px black;
135 -gtk-icon-shadow: 0 1px black; }
136 popover.background.touch-selection:backdrop, popover.background.magnifier:backdrop, popover.background.osd:backdrop, .app-notification:backdrop, .osd .scale-popup:backdrop, .osd:backdrop {
137 text-shadow: none;
138 -gtk-icon-shadow: none; }
139
140 /*********************
141 * Spinner Animation *
142 *********************/
143 @keyframes spin {
144 to {
145 -gtk-icon-transform: rotate(1turn); } }
146 spinner {
147 background: none;
148 opacity: 0;
149 -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); }
150 spinner:checked {
151 opacity: 1;
152 animation: spin 1s linear infinite; }
153 spinner:checked:disabled {
154 opacity: 0.5; }
155
156 /****************
157 * Text Entries *
158 ****************/
159 spinbutton:not(.vertical),
160 entry {
161 min-height: 32px;
162 padding-left: 8px;
163 padding-right: 8px;
164 border: 1px solid;
165 border-radius: 3px;
166 transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
167 color: black;
168 border-color: #7a7a7a;
169 background-image: linear-gradient(to bottom, #a4a4a4, #c4c4c4 2px, #C6C6C6 90%);
170 box-shadow: inset 0 0 0 1px rgba(94, 127, 62, 0); }
171 spinbutton:not(.vertical) image.left,
172 entry image.left {
173 padding-left: 0;
174 padding-right: 6px; }
175 spinbutton:not(.vertical) image.right,
176 entry image.right {
177 padding-left: 6px;
178 padding-right: 0; }
179 spinbutton:not(.vertical) undershoot.left,
180 entry undershoot.left {
181 background-color: transparent;
182 background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%);
183 padding-left: 1px;
184 background-size: 1px 10px;
185 background-repeat: repeat-y;
186 background-origin: content-box;
187 background-position: left center;
188 border: none;
189 box-shadow: none; }
190 spinbutton:not(.vertical) undershoot.right,
191 entry undershoot.right {
192 background-color: transparent;
193 background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%);
194 padding-right: 1px;
195 background-size: 1px 10px;
196 background-repeat: repeat-y;
197 background-origin: content-box;
198 background-position: right center;
199 border: none;
200 box-shadow: none; }
201 spinbutton.flat:focus:not(.vertical), spinbutton.flat:not(.vertical),
202 entry.flat:focus,
203 entry.flat {
204 min-height: 0;
205 padding: 2px;
206 background-image: none;
207 border-color: transparent;
208 border-radius: 0; }
209 spinbutton:focus:not(.vertical),
210 entry:focus {
211 box-shadow: inset 0 0 0 1px #5E7F3E;
212 border-color: #5E7F3E; }
213 spinbutton:disabled:not(.vertical),
214 entry:disabled {
215 color: #6e6e6e;
216 border-color: #7a7a7a;
217 background-image: linear-gradient(to bottom, #c6c6c6);
218 box-shadow: none; }
219 spinbutton:backdrop:not(.vertical),
220 entry:backdrop {
221 color: #272727;
222 border-color: #828282;
223 background-image: linear-gradient(to bottom, #c3c3c3);
224 box-shadow: none;
225 transition: 200ms ease-out; }
226 spinbutton:backdrop:disabled:not(.vertical),
227 entry:backdrop:disabled {
228 color: #a0a0a0;
229 border-color: #828282;
230 background-image: linear-gradient(to bottom, #c6c6c6);
231 box-shadow: none; }
232 spinbutton.error:not(.vertical),
233 entry.error {
234 color: #cc0000;
235 border-color: #cc0000; }
236 spinbutton.error:focus:not(.vertical),
237 entry.error:focus {
238 box-shadow: inset 0 0 0 1px #cc0000;
239 border-color: #cc0000; }
240 spinbutton.error:not(.vertical) selection,
241 entry.error selection {
242 background-color: #cc0000; }
243 spinbutton.warning:not(.vertical),
244 entry.warning {
245 color: #f57900;
246 border-color: #f57900; }
247 spinbutton.warning:focus:not(.vertical),
248 entry.warning:focus {
249 box-shadow: inset 0 0 0 1px #f57900;
250 border-color: #f57900; }
251 spinbutton.warning:not(.vertical) selection,
252 entry.warning selection {
253 background-color: #f57900; }
254 spinbutton:not(.vertical) image,
255 entry image {
256 color: #393939; }
257 spinbutton:not(.vertical) image:hover,
258 entry image:hover {
259 color: #161616; }
260 spinbutton:not(.vertical) image:active,
261 entry image:active {
262 color: #5E7F3E; }
263 spinbutton:not(.vertical) image:backdrop,
264 entry image:backdrop {
265 color: #7f7f7f; }
266 spinbutton:drop(active):focus:not(.vertical), spinbutton:drop(active):not(.vertical),
267 entry:drop(active):focus,
268 entry:drop(active) {
269 border-color: #4e9a06;
270 box-shadow: inset 0 0 0 1px #4e9a06; }
271 .osd spinbutton:not(.vertical), .osd
272 entry {
273 color: white;
274 border-color: rgba(0, 0, 0, 0.7);
275 background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5));
276 background-clip: padding-box;
277 box-shadow: none;
278 text-shadow: 0 1px black;
279 -gtk-icon-shadow: 0 1px black; }
280 .osd spinbutton:focus:not(.vertical), .osd
281 entry:focus {
282 color: white;
283 border-color: #5E7F3E;
284 background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5));
285 background-clip: padding-box;
286 box-shadow: inset 0 0 0 1px #5E7F3E;
287 text-shadow: 0 1px black;
288 -gtk-icon-shadow: 0 1px black; }
289 .osd spinbutton:backdrop:not(.vertical), .osd
290 entry:backdrop {
291 color: white;
292 border-color: rgba(0, 0, 0, 0.7);
293 background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5));
294 background-clip: padding-box;
295 box-shadow: none;
296 text-shadow: none;
297 -gtk-icon-shadow: none; }
298 .osd spinbutton:disabled:not(.vertical), .osd
299 entry:disabled {
300 color: #878a89;
301 border-color: rgba(0, 0, 0, 0.7);
302 background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5));
303 background-clip: padding-box;
304 box-shadow: none;
305 text-shadow: none;
306 -gtk-icon-shadow: none; }
307 spinbutton:not(.vertical) progress,
308 entry progress {
309 margin: 2px -6px;
310 background-color: transparent;
311 background-image: none;
312 border-radius: 0;
313 border-width: 0 0 2px;
314 border-color: #5E7F3E;
315 border-style: solid;
316 box-shadow: none; }
317 spinbutton:not(.vertical) progress:backdrop,
318 entry progress:backdrop {
319 background-color: transparent; }
320 .linked:not(.vertical) > spinbutton:focus:not(.vertical) + spinbutton:not(.vertical), .linked:not(.vertical) > spinbutton:focus:not(.vertical) + button, .linked:not(.vertical) > spinbutton:focus:not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) >
321 entry:focus + spinbutton:not(.vertical), .linked:not(.vertical) >
322 entry:focus + button, .linked:not(.vertical) >
323 entry:focus + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:focus:not(.vertical) +
324 entry, .linked:not(.vertical) >
325 entry:focus +
326 entry {
327 border-left-color: #5E7F3E; }
328 .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + spinbutton:not(.vertical), .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + combobox > box > button.combo, .linked:not(.vertical) >
329 entry:drop(active) + spinbutton:not(.vertical), .linked:not(.vertical) >
330 entry:drop(active) + button, .linked:not(.vertical) >
331 entry:drop(active) + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) +
332 entry, .linked:not(.vertical) >
333 entry:drop(active) +
334 entry {
335 border-left-color: #4e9a06; }
336 .linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled), .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):not(.vertical), .linked.vertical >
337 entry:not(:disabled) + entry:not(:disabled), .linked.vertical >
338 entry:not(:disabled) + spinbutton:not(:disabled):not(.vertical) {
339 border-top-color: #afafaf;
340 background-image: linear-gradient(to bottom, #C6C6C6); }
341 .linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled):backdrop, .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):backdrop:not(.vertical), .linked.vertical >
342 entry:not(:disabled) + entry:not(:disabled):backdrop, .linked.vertical >
343 entry:not(:disabled) + spinbutton:not(:disabled):backdrop:not(.vertical) {
344 border-top-color: #b0b0b0;
345 background-image: linear-gradient(to bottom, #c3c3c3); }
346 .linked.vertical > spinbutton:disabled:not(.vertical) + spinbutton:disabled:not(.vertical), .linked.vertical > spinbutton:disabled:not(.vertical) + entry:disabled, .linked.vertical >
347 entry:disabled + spinbutton:disabled:not(.vertical), .linked.vertical >
348 entry:disabled + entry:disabled {
349 border-top-color: #afafaf; }
350 .linked.vertical > spinbutton:not(.vertical) + spinbutton:focus:not(:only-child):not(.vertical),
351 .linked.vertical > spinbutton:not(.vertical) + entry:focus:not(:only-child), .linked.vertical >
352 entry + spinbutton:focus:not(:only-child):not(.vertical),
353 .linked.vertical >
354 entry + entry:focus:not(:only-child) {
355 border-top-color: #5E7F3E; }
356 .linked.vertical > spinbutton:not(.vertical) + spinbutton:drop(active):not(:only-child):not(.vertical),
357 .linked.vertical > spinbutton:not(.vertical) + entry:drop(active):not(:only-child), .linked.vertical >
358 entry + spinbutton:drop(active):not(:only-child):not(.vertical),
359 .linked.vertical >
360 entry + entry:drop(active):not(:only-child) {
361 border-top-color: #4e9a06; }
362 .linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + spinbutton:not(.vertical),
363 .linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + entry,
364 .linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + button,
365 .linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + combobox > box > button.combo, .linked.vertical >
366 entry:focus:not(:only-child) + spinbutton:not(.vertical),
367 .linked.vertical >
368 entry:focus:not(:only-child) + entry,
369 .linked.vertical >
370 entry:focus:not(:only-child) + button,
371 .linked.vertical >
372 entry:focus:not(:only-child) + combobox > box > button.combo {
373 border-top-color: #5E7F3E; }
374 .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + spinbutton:not(.vertical),
375 .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + entry,
376 .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + button,
377 .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + combobox > box > button.combo, .linked.vertical >
378 entry:drop(active):not(:only-child) + spinbutton:not(.vertical),
379 .linked.vertical >
380 entry:drop(active):not(:only-child) + entry,
381 .linked.vertical >
382 entry:drop(active):not(:only-child) + button,
383 .linked.vertical >
384 entry:drop(active):not(:only-child) + combobox > box > button.combo {
385 border-top-color: #4e9a06; }
386
387 treeview entry:focus:dir(rtl), treeview entry:focus:dir(ltr) {
388 background-color: #C6C6C6;
389 transition-property: color, background; }
390 treeview entry.flat, treeview entry {
391 border-radius: 0;
392 background-image: none;
393 background-color: #C6C6C6; }
394 treeview entry.flat:focus, treeview entry:focus {
395 border-color: #5E7F3E; }
396
397 /***********
398 * Buttons *
399 ***********/
400 @keyframes needs_attention {
401 from {
402 background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#5E7F3E), to(transparent)); }
403 to {
404 background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#5E7F3E), to(transparent)); } }
405 notebook > header > tabs > arrow, button.titlebutton,
406 button {
407 min-height: 24px;
408 min-width: 16px;
409 padding: 4px 8px;
410 border: 1px solid;
411 border-radius: 3px;
412 transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
413 color: #161616;
414 outline-color: rgba(22, 22, 22, 0.3);
415 border-color: #7a7a7a;
416 background-image: linear-gradient(to bottom, #C6C6C6, #bcbcbc 60%, #adadad);
417 text-shadow: 0 1px rgba(255, 255, 255, 0.76923);
418 -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923);
419 box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); }
420 notebook > header > tabs > arrow, button.sidebar-button, button.titlebutton,
421 button.flat {
422 border-color: transparent;
423 background-color: transparent;
424 background-image: none;
425 box-shadow: inset 0 1px rgba(255, 255, 255, 0);
426 text-shadow: none;
427 -gtk-icon-shadow: none;
428 transition: none; }
429 notebook > header > tabs > arrow:hover, button.sidebar-button:hover, button.titlebutton:hover,
430 button.flat:hover {
431 transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
432 transition-duration: 500ms; }
433 notebook > header > tabs > arrow:hover:active, button.sidebar-button:hover:active, button.titlebutton:hover:active,
434 button.flat:hover:active {
435 transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
436 notebook > header > tabs > arrow:hover, button.titlebutton:hover,
437 button:hover {
438 color: #161616;
439 outline-color: rgba(22, 22, 22, 0.3);
440 border-color: #7a7a7a;
441 background-image: linear-gradient(to bottom, #d5d5d5, #C6C6C6 60%, #bcbcbc);
442 text-shadow: 0 1px rgba(255, 255, 255, 0.76923);
443 -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923);
444 box-shadow: inset 0 1px rgba(255, 255, 255, 0.6);
445 -gtk-icon-effect: highlight; }
446 notebook > header > tabs > arrow:active, button.titlebutton:active, notebook > header > tabs > arrow:checked, button.titlebutton:checked,
447 button:active,
448 button:checked {
449 color: #161616;
450 outline-color: rgba(22, 22, 22, 0.3);
451 border-color: #7a7a7a;
452 background-image: linear-gradient(to bottom, #a5a5a5, #b9b9b9);
453 text-shadow: 0 1px rgba(255, 255, 255, 0.76923);
454 -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923);
455 box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6);
456 transition-duration: 50ms; }
457 notebook > header > tabs > arrow:backdrop, button.sidebar-button:backdrop, button.titlebutton:backdrop, notebook > header > tabs > arrow:backdrop, button.titlebutton:backdrop,
458 button:backdrop.flat,
459 button:backdrop {
460 border-color: #828282;
461 background-image: linear-gradient(to bottom, #C6C6C6);
462 text-shadow: none;
463 -gtk-icon-shadow: none;
464 box-shadow: inset 0 1px rgba(255, 255, 255, 0);
465 transition: 200ms ease-out;
466 -gtk-icon-effect: none; }
467 notebook > header > tabs > arrow:backdrop label, button.sidebar-button:backdrop label, button.titlebutton:backdrop label, notebook > header > tabs > arrow:backdrop, button.sidebar-button:backdrop, button.titlebutton:backdrop, notebook > header > tabs > arrow:backdrop label, button.titlebutton:backdrop label, notebook > header > tabs > arrow:backdrop, button.titlebutton:backdrop,
468 button:backdrop.flat label,
469 button:backdrop.flat,
470 button:backdrop label,
471 button:backdrop {
472 color: #6e6e6e; }
473 notebook > header > tabs > arrow:backdrop:active, button.sidebar-button:backdrop:active, button.titlebutton:backdrop:active, notebook > header > tabs > arrow:backdrop:checked, button.sidebar-button:backdrop:checked, button.titlebutton:backdrop:checked, notebook > header > tabs > arrow:backdrop:active, button.titlebutton:backdrop:active, notebook > header > tabs > arrow:backdrop:checked, button.titlebutton:backdrop:checked,
474 button:backdrop.flat:active,
475 button:backdrop.flat:checked,
476 button:backdrop:active,
477 button:backdrop:checked {
478 border-color: #828282;
479 background-image: linear-gradient(to bottom, #aeaeae);
480 box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
481 notebook > header > tabs > arrow:backdrop:active label, button.sidebar-button:backdrop:active label, button.titlebutton:backdrop:active label, notebook > header > tabs > arrow:backdrop:active, button.sidebar-button:backdrop:active, button.titlebutton:backdrop:active, notebook > header > tabs > arrow:backdrop:checked label, button.sidebar-button:backdrop:checked label, button.titlebutton:backdrop:checked label, notebook > header > tabs > arrow:backdrop:checked, button.sidebar-button:backdrop:checked, button.titlebutton:backdrop:checked, notebook > header > tabs > arrow:backdrop:active label, button.titlebutton:backdrop:active label, notebook > header > tabs > arrow:backdrop:active, button.titlebutton:backdrop:active, notebook > header > tabs > arrow:backdrop:checked label, button.titlebutton:backdrop:checked label, notebook > header > tabs > arrow:backdrop:checked, button.titlebutton:backdrop:checked,
482 button:backdrop.flat:active label,
483 button:backdrop.flat:active,
484 button:backdrop.flat:checked label,
485 button:backdrop.flat:checked,
486 button:backdrop:active label,
487 button:backdrop:active,
488 button:backdrop:checked label,
489 button:backdrop:checked {
490 color: #6e6e6e; }
491 notebook > header > tabs > arrow:backdrop:disabled, button.sidebar-button:backdrop:disabled, button.titlebutton:backdrop:disabled, notebook > header > tabs > arrow:backdrop:disabled, button.titlebutton:backdrop:disabled,
492 button:backdrop.flat:disabled,
493 button:backdrop:disabled {
494 border-color: #828282;
495 background-image: linear-gradient(to bottom, #c6c6c6);
496 text-shadow: none;
497 -gtk-icon-shadow: none;
498 box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
499 notebook > header > tabs > arrow:backdrop:disabled label, button.sidebar-button:backdrop:disabled label, button.titlebutton:backdrop:disabled label, notebook > header > tabs > arrow:backdrop:disabled, button.sidebar-button:backdrop:disabled, button.titlebutton:backdrop:disabled, notebook > header > tabs > arrow:backdrop:disabled label, button.titlebutton:backdrop:disabled label, notebook > header > tabs > arrow:backdrop:disabled, button.titlebutton:backdrop:disabled,
500 button:backdrop.flat:disabled label,
501 button:backdrop.flat:disabled,
502 button:backdrop:disabled label,
503 button:backdrop:disabled {
504 color: #a0a0a0; }
505 notebook > header > tabs > arrow:backdrop:disabled:active, button.sidebar-button:backdrop:disabled:active, button.titlebutton:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked, button.sidebar-button:backdrop:disabled:checked, button.titlebutton:backdrop:disabled:checked, notebook > header > tabs > arrow:backdrop:disabled:active, button.titlebutton:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked, button.titlebutton:backdrop:disabled:checked,
506 button:backdrop.flat:disabled:active,
507 button:backdrop.flat:disabled:checked,
508 button:backdrop:disabled:active,
509 button:backdrop:disabled:checked {
510 border-color: #828282;
511 background-image: linear-gradient(to bottom, #b9b9b9);
512 box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
513 notebook > header > tabs > arrow:backdrop:disabled:active label, button.sidebar-button:backdrop:disabled:active label, button.titlebutton:backdrop:disabled:active label, notebook > header > tabs > arrow:backdrop:disabled:checked label, button.sidebar-button:backdrop:disabled:checked label, button.titlebutton:backdrop:disabled:checked label, notebook > header > tabs > arrow:backdrop:disabled:active label, button.titlebutton:backdrop:disabled:active label, notebook > header > tabs > arrow:backdrop:disabled:checked label, button.titlebutton:backdrop:disabled:checked label,
514 button:backdrop.flat:disabled:active label,
515 button:backdrop.flat:disabled:checked label,
516 button:backdrop:disabled:active label,
517 button:backdrop:disabled:checked label {
518 color: #a0a0a0; }
519 notebook > header > tabs > arrow:backdrop, button.sidebar-button:backdrop, button.titlebutton:backdrop, notebook > header > tabs > arrow:disabled, button.sidebar-button:disabled, button.titlebutton:disabled, notebook > header > tabs > arrow:backdrop:disabled, button.sidebar-button:backdrop:disabled, button.titlebutton:backdrop:disabled,
520 button.flat:backdrop,
521 button.flat:disabled,
522 button.flat:backdrop:disabled {
523 border-color: transparent;
524 background-color: transparent;
525 background-image: none;
526 box-shadow: inset 0 1px rgba(255, 255, 255, 0);
527 text-shadow: none;
528 -gtk-icon-shadow: none; }
529 notebook > header > tabs > arrow:disabled, button.titlebutton:disabled,
530 button:disabled {
531 border-color: #7a7a7a;
532 background-image: linear-gradient(to bottom, #c6c6c6);
533 text-shadow: none;
534 -gtk-icon-shadow: none;
535 box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
536 notebook > header > tabs > arrow:disabled label, button.titlebutton:disabled label, notebook > header > tabs > arrow:disabled, button.titlebutton:disabled,
537 button:disabled label,
538 button:disabled {
539 color: #6e6e6e; }
540 notebook > header > tabs > arrow:disabled:active, button.titlebutton:disabled:active, notebook > header > tabs > arrow:disabled:checked, button.titlebutton:disabled:checked,
541 button:disabled:active,
542 button:disabled:checked {
543 border-color: #7a7a7a;
544 background-image: linear-gradient(to bottom, #bebebe, #c6c6c6);
545 box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
546 notebook > header > tabs > arrow:disabled:active label, button.titlebutton:disabled:active label, notebook > header > tabs > arrow:disabled:active, button.titlebutton:disabled:active, notebook > header > tabs > arrow:disabled:checked label, button.titlebutton:disabled:checked label, notebook > header > tabs > arrow:disabled:checked, button.titlebutton:disabled:checked,
547 button:disabled:active label,
548 button:disabled:active,
549 button:disabled:checked label,
550 button:disabled:checked {
551 color: #6e6e6e; }
552 notebook > header > tabs > arrow.image-button, button.image-button.titlebutton,
553 button.image-button {
554 min-width: 24px;
555 padding-left: 4px;
556 padding-right: 4px; }
557 notebook > header > tabs > arrow.text-button, button.text-button.titlebutton,
558 button.text-button {
559 padding-left: 16px;
560 padding-right: 16px; }
561 notebook > header > tabs > arrow.text-button.image-button, button.text-button.image-button.titlebutton,
562 button.text-button.image-button {
563 padding-left: 8px;
564 padding-right: 8px; }
565 notebook > header > tabs > arrow.text-button.image-button label, button.text-button.image-button.titlebutton label,
566 button.text-button.image-button label {
567 padding-left: 8px;
568 padding-right: 8px; }
569 combobox:drop(active) button.combo, notebook > header > tabs > arrow:drop(active), button.titlebutton:drop(active),
570 button:drop(active) {
571 color: #4e9a06;
572 border-color: #4e9a06;
573 box-shadow: inset 0 0 0 1px #4e9a06; }
574 row:selected
575 button {
576 border-color: #12180c; }
577 row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled), row:selected
578 button.flat:not(:active):not(:checked):not(:hover):not(disabled) {
579 color: #ffffff;
580 border-color: transparent; }
581 row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled):backdrop, row:selected
582 button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop {
583 color: #c3c3c3; }
584 button.osd {
585 min-width: 24px;
586 min-height: 32px;
587 color: #eeeeec;
588 border-radius: 5px;
589 outline-color: rgba(238, 238, 236, 0.3);
590 color: #eeeeec;
591 border-color: rgba(0, 0, 0, 0.7);
592 background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8));
593 background-clip: padding-box;
594 box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
595 text-shadow: 0 1px black;
596 -gtk-icon-shadow: 0 1px black;
597 outline-color: rgba(238, 238, 236, 0.3);
598 border: none;
599 box-shadow: none; }
600 button.osd.image-button {
601 min-width: 32px; }
602 button.osd:hover {
603 color: white;
604 border-color: rgba(0, 0, 0, 0.7);
605 background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8));
606 background-clip: padding-box;
607 box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
608 text-shadow: 0 1px black;
609 -gtk-icon-shadow: 0 1px black;
610 outline-color: rgba(238, 238, 236, 0.3);
611 border: none;
612 box-shadow: none; }
613 button.osd:active,
614 button.osd:checked {
615 color: white;
616 border-color: rgba(0, 0, 0, 0.7);
617 background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7));
618 background-clip: padding-box;
619 box-shadow: none;
620 text-shadow: none;
621 -gtk-icon-shadow: none;
622 outline-color: rgba(238, 238, 236, 0.3);
623 border: none;
624 box-shadow: none; }
625 button.osd:disabled:backdrop,
626 button.osd:disabled {
627 color: #878a89;
628 border-color: rgba(0, 0, 0, 0.7);
629 background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5));
630 background-clip: padding-box;
631 box-shadow: none;
632 text-shadow: none;
633 -gtk-icon-shadow: none;
634 border: none; }
635 button.osd:backdrop {
636 color: #eeeeec;
637 border-color: rgba(0, 0, 0, 0.7);
638 background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8));
639 background-clip: padding-box;
640 box-shadow: none;
641 text-shadow: none;
642 -gtk-icon-shadow: none;
643 border: none; }
644 .csd popover.background.touch-selection button, .csd popover.background.magnifier button, popover.background.touch-selection button, popover.background.magnifier button, .app-notification button,
645 .app-notification.frame button, .osd
646 button {
647 color: #eeeeec;
648 border-color: rgba(0, 0, 0, 0.7);
649 background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8));
650 background-clip: padding-box;
651 box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
652 text-shadow: 0 1px black;
653 -gtk-icon-shadow: 0 1px black;
654 outline-color: rgba(238, 238, 236, 0.3); }
655 popover.background.touch-selection button:hover, popover.background.magnifier button:hover, .app-notification button:hover, .osd
656 button:hover {
657 color: white;
658 border-color: rgba(0, 0, 0, 0.7);
659 background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8));
660 background-clip: padding-box;
661 box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
662 text-shadow: 0 1px black;
663 -gtk-icon-shadow: 0 1px black;
664 outline-color: rgba(238, 238, 236, 0.3); }
665 popover.background.touch-selection button:active:backdrop, popover.background.magnifier button:active:backdrop, .app-notification button:active:backdrop, popover.background.touch-selection button:active, popover.background.magnifier button:active, .app-notification button:active, popover.background.touch-selection button:checked:backdrop, popover.background.magnifier button:checked:backdrop, .app-notification button:checked:backdrop, popover.background.touch-selection button:checked, popover.background.magnifier button:checked, .app-notification button:checked, .osd
666 button:active:backdrop, .osd
667 button:active, .osd
668 button:checked:backdrop, .osd
669 button:checked {
670 color: white;
671 border-color: rgba(0, 0, 0, 0.7);
672 background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7));
673 background-clip: padding-box;
674 box-shadow: none;
675 text-shadow: none;
676 -gtk-icon-shadow: none;
677 outline-color: rgba(238, 238, 236, 0.3); }
678 popover.background.touch-selection button:disabled:backdrop, popover.background.magnifier button:disabled:backdrop, .app-notification button:disabled:backdrop, popover.background.touch-selection button:disabled, popover.background.magnifier button:disabled, .app-notification button:disabled, .osd
679 button:disabled:backdrop, .osd
680 button:disabled {
681 color: #878a89;
682 border-color: rgba(0, 0, 0, 0.7);
683 background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5));
684 background-clip: padding-box;
685 box-shadow: none;
686 text-shadow: none;
687 -gtk-icon-shadow: none; }
688 popover.background.touch-selection button:backdrop, popover.background.magnifier button:backdrop, .app-notification button:backdrop, .osd
689 button:backdrop {
690 color: #eeeeec;
691 border-color: rgba(0, 0, 0, 0.7);
692 background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8));
693 background-clip: padding-box;
694 box-shadow: none;
695 text-shadow: none;
696 -gtk-icon-shadow: none; }
697 popover.background.touch-selection button.flat, popover.background.magnifier button.flat, .app-notification button.flat, .osd
698 button.flat {
699 border-color: transparent;
700 background-color: transparent;
701 background-image: none;
702 box-shadow: inset 0 1px rgba(255, 255, 255, 0);
703 text-shadow: none;
704 -gtk-icon-shadow: none;
705 box-shadow: none;
706 text-shadow: 0 1px black;
707 -gtk-icon-shadow: 0 1px black; }
708 popover.background.touch-selection button.flat:hover, popover.background.magnifier button.flat:hover, .app-notification button.flat:hover, .osd
709 button.flat:hover {
710 color: white;
711 border-color: rgba(0, 0, 0, 0.7);
712 background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8));
713 background-clip: padding-box;
714 box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
715 text-shadow: 0 1px black;
716 -gtk-icon-shadow: 0 1px black;
717 outline-color: rgba(238, 238, 236, 0.3); }
718 popover.background.touch-selection button.flat:disabled, popover.background.magnifier button.flat:disabled, .app-notification button.flat:disabled, .osd
719 button.flat:disabled {
720 color: #878a89;
721 border-color: rgba(0, 0, 0, 0.7);
722 background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5));
723 background-clip: padding-box;
724 box-shadow: none;
725 text-shadow: none;
726 -gtk-icon-shadow: none;
727 background-image: none;
728 border-color: transparent;
729 box-shadow: none; }
730 popover.background.touch-selection button.flat:backdrop, popover.background.magnifier button.flat:backdrop, .app-notification button.flat:backdrop, .osd
731 button.flat:backdrop {
732 border-color: transparent;
733 background-color: transparent;
734 background-image: none;
735 box-shadow: inset 0 1px rgba(255, 255, 255, 0);
736 text-shadow: none;
737 -gtk-icon-shadow: none; }
738 popover.background.touch-selection button.flat:active, popover.background.magnifier button.flat:active, .app-notification button.flat:active, popover.background.touch-selection button.flat:checked, popover.background.magnifier button.flat:checked, .app-notification button.flat:checked, .osd
739 button.flat:active, .osd
740 button.flat:checked {
741 color: white;
742 border-color: rgba(0, 0, 0, 0.7);
743 background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7));
744 background-clip: padding-box;
745 box-shadow: none;
746 text-shadow: none;
747 -gtk-icon-shadow: none;
748 outline-color: rgba(238, 238, 236, 0.3); }
749 button.suggested-action {
750 color: white;
751 outline-color: rgba(255, 255, 255, 0.3);
752 border-color: #1f2914;
753 background-image: linear-gradient(to bottom, #5E7F3E, #547137 60%, #455d2d);
754 text-shadow: 0 -1px rgba(0, 0, 0, 0.70353);
755 -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.70353);
756 box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); }
757 .selection-mode button.titlebutton,
758 button.suggested-action.flat {
759 border-color: transparent;
760 background-color: transparent;
761 background-image: none;
762 box-shadow: inset 0 1px rgba(255, 255, 255, 0);
763 text-shadow: none;
764 -gtk-icon-shadow: none;
765 color: #5E7F3E; }
766 button.suggested-action:hover {
767 color: white;
768 outline-color: rgba(255, 255, 255, 0.3);
769 border-color: #1f2914;
770 background-image: linear-gradient(to bottom, #6d9448, #5E7F3E 60%, #547137);
771 text-shadow: 0 -1px rgba(0, 0, 0, 0.65553);
772 -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.65553);
773 box-shadow: inset 0 1px rgba(255, 255, 255, 0.2); }
774 button.suggested-action:active,
775 button.suggested-action:checked {
776 color: white;
777 outline-color: rgba(255, 255, 255, 0.3);
778 border-color: #1f2914;
779 background-image: linear-gradient(to bottom, #3d5228, #516e36);
780 text-shadow: 0 -1px rgba(0, 0, 0, 0.78353);
781 -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.78353);
782 box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); }
783 .selection-mode button.titlebutton:backdrop,
784 button.suggested-action:backdrop,
785 button.suggested-action.flat:backdrop {
786 border-color: #5E7F3E;
787 background-image: linear-gradient(to bottom, #5E7F3E);
788 text-shadow: none;
789 -gtk-icon-shadow: none;
790 box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
791 .selection-mode button.titlebutton:backdrop label, .selection-mode button.titlebutton:backdrop,
792 button.suggested-action:backdrop label,
793 button.suggested-action:backdrop,
794 button.suggested-action.flat:backdrop label,
795 button.suggested-action.flat:backdrop {
796 color: #dfe5d8; }
797 .selection-mode button.titlebutton:backdrop:active, .selection-mode button.titlebutton:backdrop:checked,
798 button.suggested-action:backdrop:active,
799 button.suggested-action:backdrop:checked,
800 button.suggested-action.flat:backdrop:active,
801 button.suggested-action.flat:backdrop:checked {
802 border-color: #455d2d;
803 background-image: linear-gradient(to bottom, #455d2d);
804 box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
805 .selection-mode button.titlebutton:backdrop:active label, .selection-mode button.titlebutton:backdrop:active, .selection-mode button.titlebutton:backdrop:checked label, .selection-mode button.titlebutton:backdrop:checked,
806 button.suggested-action:backdrop:active label,
807 button.suggested-action:backdrop:active,
808 button.suggested-action:backdrop:checked label,
809 button.suggested-action:backdrop:checked,
810 button.suggested-action.flat:backdrop:active label,
811 button.suggested-action.flat:backdrop:active,
812 button.suggested-action.flat:backdrop:checked label,
813 button.suggested-action.flat:backdrop:checked {
814 color: #dadfd5; }
815 .selection-mode button.titlebutton:backdrop:disabled,
816 button.suggested-action:backdrop:disabled,
817 button.suggested-action.flat:backdrop:disabled {
818 border-color: #828282;
819 background-image: linear-gradient(to bottom, #c6c6c6);
820 text-shadow: none;
821 -gtk-icon-shadow: none;
822 box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
823 .selection-mode button.titlebutton:backdrop:disabled label, .selection-mode button.titlebutton:backdrop:disabled,
824 button.suggested-action:backdrop:disabled label,
825 button.suggested-action:backdrop:disabled,
826 button.suggested-action.flat:backdrop:disabled label,
827 button.suggested-action.flat:backdrop:disabled {
828 color: #a0a0a0; }
829 .selection-mode button.titlebutton:backdrop:disabled:active, .selection-mode button.titlebutton:backdrop:disabled:checked,
830 button.suggested-action:backdrop:disabled:active,
831 button.suggested-action:backdrop:disabled:checked,
832 button.suggested-action.flat:backdrop:disabled:active,
833 button.suggested-action.flat:backdrop:disabled:checked {
834 border-color: #617a48;
835 background-image: linear-gradient(to bottom, #617a48);
836 box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
837 .selection-mode button.titlebutton:backdrop:disabled:active label, .selection-mode button.titlebutton:backdrop:disabled:checked label,
838 button.suggested-action:backdrop:disabled:active label,
839 button.suggested-action:backdrop:disabled:checked label,
840 button.suggested-action.flat:backdrop:disabled:active label,
841 button.suggested-action.flat:backdrop:disabled:checked label {
842 color: #98a988; }
843 .selection-mode button.titlebutton:backdrop, .selection-mode button.titlebutton:disabled, .selection-mode button.titlebutton:backdrop:disabled,
844 button.suggested-action.flat:backdrop,
845 button.suggested-action.flat:disabled,
846 button.suggested-action.flat:backdrop:disabled {
847 border-color: transparent;
848 background-color: transparent;
849 background-image: none;
850 box-shadow: inset 0 1px rgba(255, 255, 255, 0);
851 text-shadow: none;
852 -gtk-icon-shadow: none;
853 color: rgba(94, 127, 62, 0.8); }
854 button.suggested-action:disabled {
855 border-color: #7a7a7a;
856 background-image: linear-gradient(to bottom, #c6c6c6);
857 text-shadow: none;
858 -gtk-icon-shadow: none;
859 box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
860 button.suggested-action:disabled label,
861 button.suggested-action:disabled {
862 color: #6e6e6e; }
863 button.suggested-action:disabled:active,
864 button.suggested-action:disabled:checked {
865 border-color: #1f2914;
866 background-image: linear-gradient(to bottom, #5a7243, #617a48);
867 box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
868 button.suggested-action:disabled:active label,
869 button.suggested-action:disabled:active,
870 button.suggested-action:disabled:checked label,
871 button.suggested-action:disabled:checked {
872 color: #c0cab6; }
873 .osd
874 button.suggested-action {
875 color: #eeeeec;
876 border-color: rgba(0, 0, 0, 0.7);
877 background-image: linear-gradient(to bottom, rgba(94, 127, 62, 0.5));
878 background-clip: padding-box;
879 box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
880 text-shadow: 0 1px black;
881 -gtk-icon-shadow: 0 1px black;
882 outline-color: rgba(238, 238, 236, 0.3); }
883 .osd
884 button.suggested-action:hover {
885 color: white;
886 border-color: rgba(0, 0, 0, 0.7);
887 background-image: linear-gradient(to bottom, rgba(94, 127, 62, 0.7));
888 background-clip: padding-box;
889 box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
890 text-shadow: 0 1px black;
891 -gtk-icon-shadow: 0 1px black;
892 outline-color: rgba(238, 238, 236, 0.3); }
893 .osd
894 button.suggested-action:active:backdrop, .osd
895 button.suggested-action:active, .osd
896 button.suggested-action:checked:backdrop, .osd
897 button.suggested-action:checked {
898 color: white;
899 border-color: rgba(0, 0, 0, 0.7);
900 background-image: linear-gradient(to bottom, #5E7F3E);
901 background-clip: padding-box;
902 box-shadow: none;
903 text-shadow: none;
904 -gtk-icon-shadow: none;
905 outline-color: rgba(238, 238, 236, 0.3); }
906 .osd
907 button.suggested-action:disabled:backdrop, .osd
908 button.suggested-action:disabled {
909 color: #878a89;
910 border-color: rgba(0, 0, 0, 0.7);
911 background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5));
912 background-clip: padding-box;
913 box-shadow: none;
914 text-shadow: none;
915 -gtk-icon-shadow: none; }
916 .osd
917 button.suggested-action:backdrop {
918 color: #eeeeec;
919 border-color: rgba(0, 0, 0, 0.7);
920 background-image: linear-gradient(to bottom, rgba(94, 127, 62, 0.5));
921 background-clip: padding-box;
922 box-shadow: none;
923 text-shadow: none;
924 -gtk-icon-shadow: none; }
925 button.destructive-action {
926 color: white;
927 outline-color: rgba(255, 255, 255, 0.3);
928 border-color: #8e0b0b;
929 background-image: linear-gradient(to bottom, #ef2929, #ee1616 60%, #d51010);
930 text-shadow: 0 -1px rgba(0, 0, 0, 0.56078);
931 -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.56078);
932 box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); }
933 button.destructive-action.flat {
934 border-color: transparent;
935 background-color: transparent;
936 background-image: none;
937 box-shadow: inset 0 1px rgba(255, 255, 255, 0);
938 text-shadow: none;
939 -gtk-icon-shadow: none;
940 color: #ef2929; }
941 button.destructive-action:hover {
942 color: white;
943 outline-color: rgba(255, 255, 255, 0.3);
944 border-color: #8e0b0b;
945 background-image: linear-gradient(to bottom, #f14545, #ef2929 60%, #ee1616);
946 text-shadow: 0 -1px rgba(0, 0, 0, 0.51278);
947 -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.51278);
948 box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); }
949 button.destructive-action:active,
950 button.destructive-action:checked {
951 color: white;
952 outline-color: rgba(255, 255, 255, 0.3);
953 border-color: #8e0b0b;
954 background-image: linear-gradient(to bottom, #c70f0f, #ed1212);
955 text-shadow: 0 -1px rgba(0, 0, 0, 0.64078);
956 -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.64078);
957 box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); }
958 button.destructive-action:backdrop,
959 button.destructive-action.flat:backdrop {
960 border-color: #ef2929;
961 background-image: linear-gradient(to bottom, #ef2929);
962 text-shadow: none;
963 -gtk-icon-shadow: none;
964 box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
965 button.destructive-action:backdrop label,
966 button.destructive-action:backdrop,
967 button.destructive-action.flat:backdrop label,
968 button.destructive-action.flat:backdrop {
969 color: #fcd4d4; }
970 button.destructive-action:backdrop:active,
971 button.destructive-action:backdrop:checked,
972 button.destructive-action.flat:backdrop:active,
973 button.destructive-action.flat:backdrop:checked {
974 border-color: #d51010;
975 background-image: linear-gradient(to bottom, #d51010);
976 box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
977 button.destructive-action:backdrop:active label,
978 button.destructive-action:backdrop:active,
979 button.destructive-action:backdrop:checked label,
980 button.destructive-action:backdrop:checked,
981 button.destructive-action.flat:backdrop:active label,
982 button.destructive-action.flat:backdrop:active,
983 button.destructive-action.flat:backdrop:checked label,
984 button.destructive-action.flat:backdrop:checked {
985 color: #f7cfcf; }
986 button.destructive-action:backdrop:disabled,
987 button.destructive-action.flat:backdrop:disabled {
988 border-color: #828282;
989 background-image: linear-gradient(to bottom, #c6c6c6);
990 text-shadow: none;
991 -gtk-icon-shadow: none;
992 box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
993 button.destructive-action:backdrop:disabled label,
994 button.destructive-action:backdrop:disabled,
995 button.destructive-action.flat:backdrop:disabled label,
996 button.destructive-action.flat:backdrop:disabled {
997 color: #a0a0a0; }
998 button.destructive-action:backdrop:disabled:active,
999 button.destructive-action:backdrop:disabled:checked,
1000 button.destructive-action.flat:backdrop:disabled:active,
1001 button.destructive-action.flat:backdrop:disabled:checked {
1002 border-color: #e62a2a;
1003 background-image: linear-gradient(to bottom, #e62a2a);
1004 box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
1005 button.destructive-action:backdrop:disabled:active label,
1006 button.destructive-action:backdrop:disabled:checked label,
1007 button.destructive-action.flat:backdrop:disabled:active label,
1008 button.destructive-action.flat:backdrop:disabled:checked label {
1009 color: #ef7575; }
1010 button.destructive-action.flat:backdrop,
1011 button.destructive-action.flat:disabled,
1012 button.destructive-action.flat:backdrop:disabled {
1013 border-color: transparent;
1014 background-color: transparent;
1015 background-image: none;
1016 box-shadow: inset 0 1px rgba(255, 255, 255, 0);
1017 text-shadow: none;
1018 -gtk-icon-shadow: none;
1019 color: rgba(239, 41, 41, 0.8); }
1020 button.destructive-action:disabled {
1021 border-color: #7a7a7a;
1022 background-image: linear-gradient(to bottom, #c6c6c6);
1023 text-shadow: none;
1024 -gtk-icon-shadow: none;
1025 box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
1026 button.destructive-action:disabled label,
1027 button.destructive-action:disabled {
1028 color: #6e6e6e; }
1029 button.destructive-action:disabled:active,
1030 button.destructive-action:disabled:checked {
1031 border-color: #8e0b0b;
1032 background-image: linear-gradient(to bottom, #dd2727, #e62a2a);
1033 box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
1034 button.destructive-action:disabled:active label,
1035 button.destructive-action:disabled:active,
1036 button.destructive-action:disabled:checked label,
1037 button.destructive-action:disabled:checked {
1038 color: #f5aaaa; }
1039 .osd
1040 button.destructive-action {
1041 color: #eeeeec;
1042 border-color: rgba(0, 0, 0, 0.7);
1043 background-image: linear-gradient(to bottom, rgba(239, 41, 41, 0.5));
1044 background-clip: padding-box;
1045 box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
1046 text-shadow: 0 1px black;
1047 -gtk-icon-shadow: 0 1px black;
1048 outline-color: rgba(238, 238, 236, 0.3); }
1049 .osd
1050 button.destructive-action:hover {
1051 color: white;
1052 border-color: rgba(0, 0, 0, 0.7);
1053 background-image: linear-gradient(to bottom, rgba(239, 41, 41, 0.7));
1054 background-clip: padding-box;
1055 box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
1056 text-shadow: 0 1px black;
1057 -gtk-icon-shadow: 0 1px black;
1058 outline-color: rgba(238, 238, 236, 0.3); }
1059 .osd
1060 button.destructive-action:active:backdrop, .osd
1061 button.destructive-action:active, .osd
1062 button.destructive-action:checked:backdrop, .osd
1063 button.destructive-action:checked {
1064 color: white;
1065 border-color: rgba(0, 0, 0, 0.7);
1066 background-image: linear-gradient(to bottom, #ef2929);
1067 background-clip: padding-box;
1068 box-shadow: none;
1069 text-shadow: none;
1070 -gtk-icon-shadow: none;
1071 outline-color: rgba(238, 238, 236, 0.3); }
1072 .osd
1073 button.destructive-action:disabled:backdrop, .osd
1074 button.destructive-action:disabled {
1075 color: #878a89;
1076 border-color: rgba(0, 0, 0, 0.7);
1077 background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5));
1078 background-clip: padding-box;
1079 box-shadow: none;
1080 text-shadow: none;
1081 -gtk-icon-shadow: none; }
1082 .osd
1083 button.destructive-action:backdrop {
1084 color: #eeeeec;
1085 border-color: rgba(0, 0, 0, 0.7);
1086 background-image: linear-gradient(to bottom, rgba(239, 41, 41, 0.5));
1087 background-clip: padding-box;
1088 box-shadow: none;
1089 text-shadow: none;
1090 -gtk-icon-shadow: none; }
1091 .stack-switcher >
1092 button {
1093 outline-offset: -3px; }
1094 .stack-switcher >
1095 button > label {
1096 padding-left: 6px;
1097 padding-right: 6px; }
1098 .stack-switcher >
1099 button > image {
1100 padding-left: 6px;
1101 padding-right: 6px;
1102 padding-top: 3px;
1103 padding-bottom: 3px; }
1104 .stack-switcher >
1105 button.text-button {
1106 padding-left: 10px;
1107 padding-right: 10px; }
1108 .stack-switcher >
1109 button.image-button {
1110 padding-left: 2px;
1111 padding-right: 2px; }
1112 .stack-switcher >
1113 button.needs-attention:active > label,
1114 .stack-switcher >
1115 button.needs-attention:active > image, .stack-switcher >
1116 button.needs-attention:checked > label,
1117 .stack-switcher >
1118 button.needs-attention:checked > image {
1119 animation: none;
1120 background-image: none; }
1121 .inline-toolbar
1122 button, .inline-toolbar
1123 button:backdrop {
1124 border-radius: 2px;
1125 border-width: 1px; }
1126 .primary-toolbar
1127 button {
1128 -gtk-icon-shadow: none; }
1129
1130 .stack-switcher >
1131 button.needs-attention > label,
1132 .stack-switcher >
1133 button.needs-attention > image, stacksidebar row.needs-attention > label {
1134 animation: needs_attention 150ms ease-in;
1135 background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#5E7F3E), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, to(rgba(255, 255, 255, 0.76923)), to(transparent));
1136 background-size: 6px 6px, 6px 6px;
1137 background-repeat: no-repeat;
1138 background-position: right 3px, right 4px; }
1139 .stack-switcher >
1140 button.needs-attention > label:backdrop,
1141 .stack-switcher >
1142 button.needs-attention > image:backdrop, stacksidebar row.needs-attention > label:backdrop {
1143 background-size: 6px 6px, 0 0; }
1144 .stack-switcher >
1145 button.needs-attention > label:dir(rtl),
1146 .stack-switcher >
1147 button.needs-attention > image:dir(rtl), stacksidebar row.needs-attention > label:dir(rtl) {
1148 background-position: left 3px, left 4px; }
1149
1150 .inline-toolbar toolbutton > button {
1151 color: #161616;
1152 outline-color: rgba(22, 22, 22, 0.3);
1153 border-color: #7a7a7a;
1154 background-image: linear-gradient(to bottom, #C6C6C6, #bcbcbc 60%, #adadad);
1155 text-shadow: 0 1px rgba(255, 255, 255, 0.76923);
1156 -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923);
1157 box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); }
1158 .inline-toolbar toolbutton > button:hover {
1159 color: #161616;
1160 outline-color: rgba(22, 22, 22, 0.3);
1161 border-color: #7a7a7a;
1162 background-image: linear-gradient(to bottom, #d5d5d5, #C6C6C6 60%, #bcbcbc);
1163 text-shadow: 0 1px rgba(255, 255, 255, 0.76923);
1164 -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923);
1165 box-shadow: inset 0 1px rgba(255, 255, 255, 0.6); }
1166 .inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked {
1167 color: #161616;
1168 outline-color: rgba(22, 22, 22, 0.3);
1169 border-color: #7a7a7a;
1170 background-image: linear-gradient(to bottom, #a5a5a5, #b9b9b9);
1171 text-shadow: 0 1px rgba(255, 255, 255, 0.76923);
1172 -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923);
1173 box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); }
1174 .inline-toolbar toolbutton > button:disabled {
1175 border-color: #7a7a7a;
1176 background-image: linear-gradient(to bottom, #c6c6c6);
1177 text-shadow: none;
1178 -gtk-icon-shadow: none;
1179 box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
1180 .inline-toolbar toolbutton > button:disabled label, .inline-toolbar toolbutton > button:disabled {
1181 color: #6e6e6e; }
1182 .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked {
1183 border-color: #7a7a7a;
1184 background-image: linear-gradient(to bottom, #bebebe, #c6c6c6);
1185 box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
1186 .inline-toolbar toolbutton > button:disabled:active label, .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked label, .inline-toolbar toolbutton > button:disabled:checked {
1187 color: #6e6e6e; }
1188 .inline-toolbar toolbutton > button:backdrop {
1189 border-color: #828282;
1190 background-image: linear-gradient(to bottom, #C6C6C6);
1191 text-shadow: none;
1192 -gtk-icon-shadow: none;
1193 box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
1194 .inline-toolbar toolbutton > button:backdrop label, .inline-toolbar toolbutton > button:backdrop {
1195 color: #6e6e6e; }
1196 .inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked {
1197 border-color: #828282;
1198 background-image: linear-gradient(to bottom, #aeaeae);
1199 box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
1200 .inline-toolbar toolbutton > button:backdrop:active label, .inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked label, .inline-toolbar toolbutton > button:backdrop:checked {
1201 color: #6e6e6e; }
1202 .inline-toolbar toolbutton > button:backdrop:disabled {
1203 border-color: #828282;
1204 background-image: linear-gradient(to bottom, #c6c6c6);
1205 text-shadow: none;
1206 -gtk-icon-shadow: none;
1207 box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
1208 .inline-toolbar toolbutton > button:backdrop:disabled label, .inline-toolbar toolbutton > button:backdrop:disabled {
1209 color: #a0a0a0; }
1210 .inline-toolbar toolbutton > button:backdrop:disabled:active, .inline-toolbar toolbutton > button:backdrop:disabled:checked {
1211 border-color: #828282;
1212 background-image: linear-gradient(to bottom, #b9b9b9);
1213 box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
1214 .inline-toolbar toolbutton > button:backdrop:disabled:active label, .inline-toolbar toolbutton > button:backdrop:disabled:checked label {
1215 color: #a0a0a0; }
1216
1217 toolbar.inline-toolbar toolbutton > button.flat,
1218 toolbar.inline-toolbar toolbutton:backdrop > button.flat, .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) >
1219 entry, .inline-toolbar
1220 button, .inline-toolbar
1221 button:backdrop, .linked >
1222 button, .linked >
1223 button:hover, .linked >
1224 button:active, .linked >
1225 button:checked, .linked >
1226 button:backdrop, .linked > combobox > box > button.combo:dir(ltr), .linked > combobox > box > button.combo:dir(rtl) {
1227 border-radius: 0;
1228 border-right-style: none; }
1229
1230 .linked:not(.vertical) > spinbutton:first-child:not(.vertical), .linked:not(.vertical) >
1231 entry:first-child, .inline-toolbar
1232 button:first-child, .linked >
1233 button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat,
1234 toolbar.inline-toolbar toolbutton:backdrop:first-child > button.flat, combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > box > button.combo {
1235 border-top-left-radius: 3px;
1236 border-bottom-left-radius: 3px; }
1237 .linked:not(.vertical) > spinbutton:last-child:not(.vertical), .linked:not(.vertical) >
1238 entry:last-child, .inline-toolbar
1239 button:last-child, .linked >
1240 button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat,
1241 toolbar.inline-toolbar toolbutton:backdrop:last-child > button.flat, combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > box > button.combo {
1242 border-top-right-radius: 3px;
1243 border-bottom-right-radius: 3px;
1244 border-right-style: solid; }
1245 .linked:not(.vertical) > spinbutton:only-child:not(.vertical), .linked:not(.vertical) >
1246 entry:only-child, .inline-toolbar
1247 button:only-child, .linked >
1248 button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat,
1249 toolbar.inline-toolbar toolbutton:backdrop:only-child > button.flat, .linked:not(.vertical) > combobox:only-child > box > button.combo {
1250 border-radius: 3px;
1251 border-style: solid; }
1252
1253 .linked.vertical > spinbutton:not(.vertical), .linked.vertical >
1254 entry, .linked.vertical >
1255 button, .linked.vertical >
1256 button:hover, .linked.vertical >
1257 button:active, .linked.vertical >
1258 button:checked, .linked.vertical >
1259 button:backdrop, .linked.vertical > combobox > box > button.combo {
1260 border-style: solid solid none solid;
1261 border-radius: 0; }
1262
1263 .linked.vertical > spinbutton:first-child:not(.vertical), .linked.vertical >
1264 entry:first-child, .linked.vertical >
1265 button:first-child, .linked.vertical > combobox:first-child > box > button.combo {
1266 border-top-left-radius: 3px;
1267 border-top-right-radius: 3px; }
1268 .linked.vertical > spinbutton:last-child:not(.vertical), .linked.vertical >
1269 entry:last-child, .linked.vertical >
1270 button:last-child, .linked.vertical > combobox:last-child > box > button.combo {
1271 border-bottom-left-radius: 3px;
1272 border-bottom-right-radius: 3px;
1273 border-style: solid; }
1274 .linked.vertical > spinbutton:only-child:not(.vertical), .linked.vertical >
1275 entry:only-child, .linked.vertical >
1276 button:only-child, .linked.vertical > combobox:only-child > box > button.combo {
1277 border-radius: 3px;
1278 border-style: solid; }
1279
1280 modelbutton.flat, popover.background checkbutton,
1281 popover.background radiobutton,
1282 .menuitem.button.flat, modelbutton.flat:backdrop, popover.background checkbutton:backdrop,
1283 popover.background radiobutton:backdrop, modelbutton.flat:backdrop:hover, popover.background checkbutton:backdrop:hover,
1284 popover.background radiobutton:backdrop:hover,
1285 .menuitem.button.flat:backdrop,
1286 .menuitem.button.flat:backdrop:hover, button:link,
1287 button:visited, button:link:hover, button:link:active, button:link:checked,
1288 button:visited:hover,
1289 button:visited:active,
1290 button:visited:checked, calendar.button, .scale-popup button:hover, .scale-popup button:backdrop:hover, .scale-popup button:backdrop:disabled, .scale-popup button:backdrop {
1291 background-color: transparent;
1292 background-image: none;
1293 border-color: transparent;
1294 box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0);
1295 text-shadow: none;
1296 -gtk-icon-shadow: none; }
1297
1298 /* menu buttons */
1299 modelbutton.flat, popover.background checkbutton,
1300 popover.background radiobutton,
1301 .menuitem.button.flat {
1302 min-height: 26px;
1303 padding-left: 5px;
1304 padding-right: 5px;
1305 border-radius: 3px;
1306 outline-offset: -2px; }
1307 modelbutton.flat:hover, popover.background checkbutton:hover,
1308 popover.background radiobutton:hover,
1309 .menuitem.button.flat:hover {
1310 background-color: lightgray; }
1311 modelbutton.flat check:last-child, popover.background checkbutton check:last-child,
1312 popover.background radiobutton check:last-child,
1313 modelbutton.flat radio:last-child,
1314 popover.background checkbutton radio:last-child,
1315 popover.background radiobutton radio:last-child,
1316 .menuitem.button.flat check:last-child,
1317 .menuitem.button.flat radio:last-child {
1318 margin-left: 8px; }
1319 modelbutton.flat check:first-child, popover.background checkbutton check:first-child,
1320 popover.background radiobutton check:first-child,
1321 modelbutton.flat radio:first-child,
1322 popover.background checkbutton radio:first-child,
1323 popover.background radiobutton radio:first-child,
1324 .menuitem.button.flat check:first-child,
1325 .menuitem.button.flat radio:first-child {
1326 margin-right: 8px; }
1327
1328 modelbutton.flat arrow, popover.background checkbutton arrow,
1329 popover.background radiobutton arrow {
1330 background: none; }
1331 modelbutton.flat arrow:hover, popover.background checkbutton arrow:hover,
1332 popover.background radiobutton arrow:hover {
1333 background: none; }
1334 modelbutton.flat arrow.left, popover.background checkbutton arrow.left,
1335 popover.background radiobutton arrow.left {
1336 -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); }
1337 modelbutton.flat arrow.right, popover.background checkbutton arrow.right,
1338 popover.background radiobutton arrow.right {
1339 -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
1340
1341 button.color {
1342 padding: 4px; }
1343 button.color colorswatch:only-child {
1344 box-shadow: 0 1px rgba(255, 255, 255, 0.76923); }
1345 button.color colorswatch:only-child, button.color colorswatch:only-child overlay {
1346 border-radius: 0; }
1347 button.color colorswatch:only-child:disabled, button.color colorswatch:only-child:backdrop {
1348 box-shadow: none; }
1349
1350 /*********
1351 * Links *
1352 *********/
1353 *:link, button:link,
1354 button:visited {
1355 color: #455d2d; }
1356 *:link:visited,
1357 button:visited {
1358 color: #2b3a1d; }
1359 *:selected *:link:visited, *:selected button:visited:link,
1360 *:selected button:visited {
1361 color: #bfccb2; }
1362 *:link:hover, button:hover:link,
1363 button:hover:visited {
1364 color: #5e7f3e; }
1365 *:selected *:link:hover, *:selected button:hover:link,
1366 *:selected button:hover:visited {
1367 color: #eff2ec; }
1368 *:link:active, button:active:link,
1369 button:active:visited {
1370 color: #455d2d; }
1371 *:selected *:link:active, *:selected button:active:link,
1372 *:selected button:active:visited {
1373 color: #dfe5d8; }
1374 *:link:backdrop:backdrop:hover, button:backdrop:backdrop:hover:link,
1375 button:backdrop:backdrop:hover:visited, *:link:backdrop:backdrop:hover:selected, button:backdrop:backdrop:hover:selected:link,
1376 button:backdrop:backdrop:hover:selected:visited, .selection-mode.titlebar:not(headerbar) .subtitle:backdrop:backdrop:hover:link,
1377 headerbar.selection-mode .subtitle:backdrop:backdrop:hover:link, *:link:backdrop, button:backdrop:link,
1378 button:backdrop:visited {
1379 color: #5E7F3E; }
1380 infobar.info *:link, infobar.info button:link,
1381 infobar.info button:visited, infobar.question *:link, infobar.question button:link,
1382 infobar.question button:visited, infobar.warning *:link, infobar.warning button:link,
1383 infobar.warning button:visited, infobar.error *:link, infobar.error button:link,
1384 infobar.error button:visited, *:link:selected, button:selected:link,
1385 button:selected:visited, .selection-mode.titlebar:not(headerbar) .subtitle:link,
1386 headerbar.selection-mode .subtitle:link, *:selected *:link, *:selected button:link,
1387 *:selected button:visited {
1388 color: #dfe5d8; }
1389
1390 button:link,
1391 button:visited {
1392 text-shadow: none; }
1393 button:link:hover, button:link:active, button:link:checked,
1394 button:visited:hover,
1395 button:visited:active,
1396 button:visited:checked {
1397 text-shadow: none; }
1398 button:link > label,
1399 button:visited > label {
1400 text-decoration-line: underline; }
1401
1402 /*****************
1403 * GtkSpinButton *
1404 *****************/
1405 spinbutton:not(.vertical) {
1406 padding: 0; }
1407 spinbutton:not(.vertical) entry {
1408 min-width: 28px;
1409 margin: 0;
1410 background: none;
1411 background-color: transparent;
1412 border: none;
1413 border-radius: 0;
1414 box-shadow: none; }
1415 spinbutton:not(.vertical) button {
1416 min-height: 16px;
1417 margin: 0;
1418 padding-bottom: 0;
1419 padding-top: 0;
1420 color: #282828;
1421 background-image: none;
1422 border-style: none none none solid;
1423 border-color: rgba(122, 122, 122, 0.3);
1424 border-radius: 0;
1425 box-shadow: none; }
1426 spinbutton:not(.vertical) button:dir(rtl) {
1427 border-style: none solid none none; }
1428 spinbutton:not(.vertical) button:hover {
1429 color: #161616;
1430 background-color: rgba(46, 52, 54, 0.05); }
1431 spinbutton:not(.vertical) button:disabled {
1432 color: rgba(110, 110, 110, 0.3); }
1433 spinbutton:not(.vertical) button:active {
1434 background-color: rgba(0, 0, 0, 0.1);
1435 box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.2); }
1436 spinbutton:not(.vertical) button:backdrop {
1437 color: #777777;
1438 background-color: transparent;
1439 border-color: rgba(130, 130, 130, 0.3);
1440 transition: 200ms ease-out; }
1441 spinbutton:not(.vertical) button:backdrop:disabled {
1442 color: rgba(160, 160, 160, 0.3);
1443 background-image: none;
1444 border-style: none none none solid; }
1445 spinbutton:not(.vertical) button:backdrop:disabled:dir(rtl) {
1446 border-style: none solid none none; }
1447 .osd spinbutton:not(.vertical) button {
1448 border-color: transparent;
1449 background-color: transparent;
1450 background-image: none;
1451 box-shadow: inset 0 1px rgba(255, 255, 255, 0);
1452 text-shadow: none;
1453 -gtk-icon-shadow: none;
1454 color: #eeeeec;
1455 border-style: none none none solid;
1456 border-color: rgba(0, 0, 0, 0.4);
1457 border-radius: 0;
1458 box-shadow: none;
1459 -gtk-icon-shadow: 0 1px black; }
1460 .osd spinbutton:not(.vertical) button:dir(rtl) {
1461 border-style: none solid none none; }
1462 .osd spinbutton:not(.vertical) button:hover {
1463 border-color: transparent;
1464 background-color: transparent;
1465 background-image: none;
1466 box-shadow: inset 0 1px rgba(255, 255, 255, 0);
1467 text-shadow: none;
1468 -gtk-icon-shadow: none;
1469 color: #eeeeec;
1470 border-color: rgba(0, 0, 0, 0.5);
1471 background-color: rgba(238, 238, 236, 0.1);
1472 -gtk-icon-shadow: 0 1px black;
1473 box-shadow: none; }
1474 .osd spinbutton:not(.vertical) button:backdrop {
1475 border-color: transparent;
1476 background-color: transparent;
1477 background-image: none;
1478 box-shadow: inset 0 1px rgba(255, 255, 255, 0);
1479 text-shadow: none;
1480 -gtk-icon-shadow: none;
1481 color: #eeeeec;
1482 border-color: rgba(0, 0, 0, 0.5);
1483 -gtk-icon-shadow: none;
1484 box-shadow: none; }
1485 .osd spinbutton:not(.vertical) button:disabled {
1486 border-color: transparent;
1487 background-color: transparent;
1488 background-image: none;
1489 box-shadow: inset 0 1px rgba(255, 255, 255, 0);
1490 text-shadow: none;
1491 -gtk-icon-shadow: none;
1492 color: #878a89;
1493 border-color: rgba(0, 0, 0, 0.5);
1494 -gtk-icon-shadow: none;
1495 box-shadow: none; }
1496 .osd spinbutton:not(.vertical) button:last-child {
1497 border-radius: 0 3px 3px 0; }
1498 .osd spinbutton:not(.vertical) button:dir(rtl):first-child {
1499 border-radius: 3px 0 0 3px; }
1500 spinbutton.vertical:disabled {
1501 color: #6e6e6e; }
1502 spinbutton.vertical:backdrop:disabled {
1503 color: #a0a0a0; }
1504 spinbutton.vertical:drop(active) {
1505 border-color: transparent;
1506 box-shadow: none; }
1507 spinbutton.vertical entry {
1508 min-height: 32px;
1509 min-width: 32px;
1510 padding: 0;
1511 border-radius: 0; }
1512 spinbutton.vertical button {
1513 min-height: 32px;
1514 min-width: 32px;
1515 padding: 0; }
1516 spinbutton.vertical button.up {
1517 border-radius: 3px 3px 0 0;
1518 border-style: solid solid none solid; }
1519 spinbutton.vertical button.down {
1520 border-radius: 0 0 3px 3px;
1521 border-style: none solid solid solid; }
1522 .osd spinbutton.vertical button:first-child {
1523 color: #eeeeec;
1524 border-color: rgba(0, 0, 0, 0.7);
1525 background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8));
1526 background-clip: padding-box;
1527 box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
1528 text-shadow: 0 1px black;
1529 -gtk-icon-shadow: 0 1px black;
1530 outline-color: rgba(238, 238, 236, 0.3); }
1531 .osd spinbutton.vertical button:first-child:hover {
1532 color: white;
1533 border-color: rgba(0, 0, 0, 0.7);
1534 background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8));
1535 background-clip: padding-box;
1536 box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
1537 text-shadow: 0 1px black;
1538 -gtk-icon-shadow: 0 1px black;
1539 outline-color: rgba(238, 238, 236, 0.3); }
1540 .osd spinbutton.vertical button:first-child:active {
1541 color: white;
1542 border-color: rgba(0, 0, 0, 0.7);
1543 background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7));
1544 background-clip: padding-box;
1545 box-shadow: none;
1546 text-shadow: none;
1547 -gtk-icon-shadow: none;
1548 outline-color: rgba(238, 238, 236, 0.3); }
1549 .osd spinbutton.vertical button:first-child:disabled {
1550 color: #878a89;
1551 border-color: rgba(0, 0, 0, 0.7);
1552 background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5));
1553 background-clip: padding-box;
1554 box-shadow: none;
1555 text-shadow: none;
1556 -gtk-icon-shadow: none; }
1557 .osd spinbutton.vertical button:first-child:backdrop {
1558 color: #eeeeec;
1559 border-color: rgba(0, 0, 0, 0.7);
1560 background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8));
1561 background-clip: padding-box;
1562 box-shadow: none;
1563 text-shadow: none;
1564 -gtk-icon-shadow: none; }
1565 treeview spinbutton:not(.vertical) {
1566 min-height: 0;
1567 border-style: none;
1568 border-radius: 0; }
1569 treeview spinbutton:not(.vertical) entry {
1570 min-height: 0;
1571 padding: 1px 2px; }
1572
1573 /**************
1574 * ComboBoxes *
1575 **************/
1576 combobox arrow {
1577 -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
1578 min-height: 16px;
1579 min-width: 16px; }
1580 combobox:drop(active) {
1581 box-shadow: none; }
1582
1583 /************
1584 * Toolbars *
1585 ************/
1586 toolbar, .inline-toolbar, searchbar,
1587 .location-bar {
1588 -GtkWidget-window-dragging: true;
1589 padding: 4px;
1590 background-color: #C6C6C6; }
1591
1592 toolbar {
1593 padding: 4px 3px 3px 4px; }
1594 .osd toolbar {
1595 background-color: transparent; }
1596 toolbar.osd {
1597 padding: 13px;
1598 border: none;
1599 border-radius: 5px;
1600 background-color: rgba(32, 37, 38, 0.8); }
1601 toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom {
1602 border-radius: 0; }
1603 toolbar.horizontal separator {
1604 margin: 0 7px 1px 6px; }
1605 toolbar.vertical separator {
1606 margin: 6px 1px 7px 0; }
1607 toolbar:not(.inline-toolbar):not(.osd) switch,
1608 toolbar:not(.inline-toolbar):not(.osd) scale,
1609 toolbar:not(.inline-toolbar):not(.osd) entry,
1610 toolbar:not(.inline-toolbar):not(.osd) spinbutton,
1611 toolbar:not(.inline-toolbar):not(.osd) button {
1612 margin-right: 1px;
1613 margin-bottom: 1px; }
1614
1615 .inline-toolbar {
1616 padding: 3px;
1617 border-width: 0 1px 1px;
1618 border-radius: 0 0 5px 5px; }
1619
1620 searchbar,
1621 .location-bar {
1622 border-width: 0 0 1px;
1623 padding: 3px; }
1624
1625 .inline-toolbar, searchbar,
1626 .location-bar {
1627 border-style: solid;
1628 border-color: #7a7a7a;
1629 background-color: #afafaf; }
1630 .inline-toolbar:backdrop, searchbar:backdrop,
1631 .location-bar:backdrop {
1632 border-color: #828282;
1633 background-color: #aeaeae;
1634 box-shadow: none;
1635 transition: 200ms ease-out; }
1636
1637 /***************
1638 * Header bars *
1639 ***************/
1640 .titlebar:not(headerbar),
1641 headerbar {
1642 padding: 0 6px;
1643 min-height: 46px;
1644 border-width: 0 0 1px;
1645 border-style: solid;
1646 border-color: #7a7a7a;
1647 border-radius: 0;
1648 background: #f4f4f4 linear-gradient(to top, #d4d4d2, #efefef 2px, #f4f4f4 3px);
1649 box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); }
1650 .titlebar:backdrop:not(headerbar),
1651 headerbar:backdrop {
1652 border-color: #828282;
1653 background-color: #C6C6C6;
1654 background-image: none;
1655 box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
1656 transition: 200ms ease-out; }
1657 .titlebar:not(headerbar) .title,
1658 headerbar .title {
1659 font-weight: bold;
1660 padding-left: 12px;
1661 padding-right: 12px; }
1662 .titlebar:not(headerbar) .subtitle,
1663 headerbar .subtitle {
1664 font-size: smaller;
1665 padding-left: 12px;
1666 padding-right: 12px; }
1667 .selection-mode.titlebar:not(headerbar),
1668 headerbar.selection-mode {
1669 color: #ffffff;
1670 text-shadow: 0 -1px rgba(0, 0, 0, 0.5);
1671 border-color: #12180c;
1672 background: #5E7F3E linear-gradient(to top, #3d5228, #59783b 2px, #5E7F3E 3px);
1673 box-shadow: inset 0 1px rgba(102, 133, 72, 0.55); }
1674 .selection-mode.titlebar:backdrop:not(headerbar),
1675 headerbar.selection-mode:backdrop {
1676 background-color: #5E7F3E;
1677 background-image: none;
1678 box-shadow: inset 0 1px rgba(106, 136, 76, 0.46); }
1679 .selection-mode.titlebar:not(headerbar) button,
1680 headerbar.selection-mode button {
1681 color: #ffffff;
1682 outline-color: rgba(255, 255, 255, 0.3);
1683 border-color: #1f2914;
1684 background-image: linear-gradient(to bottom, #5E7F3E, #547137 60%, #455d2d);
1685 text-shadow: 0 -1px rgba(0, 0, 0, 0.70353);
1686 -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.70353);
1687 box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); }
1688 .selection-mode.titlebar:not(headerbar) button.flat,
1689 headerbar.selection-mode button.flat {
1690 border-color: transparent;
1691 background-color: transparent;
1692 background-image: none;
1693 box-shadow: inset 0 1px rgba(255, 255, 255, 0);
1694 text-shadow: none;
1695 -gtk-icon-shadow: none; }
1696 .selection-mode.titlebar:not(headerbar) button:hover,
1697 headerbar.selection-mode button:hover {
1698 color: #ffffff;
1699 outline-color: rgba(255, 255, 255, 0.3);
1700 border-color: #1f2914;
1701 background-image: linear-gradient(to bottom, #6d9448, #5E7F3E 60%, #547137);
1702 text-shadow: 0 -1px rgba(0, 0, 0, 0.65553);
1703 -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.65553);
1704 box-shadow: inset 0 1px rgba(255, 255, 255, 0.2); }
1705 .selection-mode.titlebar:not(headerbar) button:active, .selection-mode.titlebar:not(headerbar) button:checked,
1706 headerbar.selection-mode button:active,
1707 headerbar.selection-mode button:checked {
1708 color: #ffffff;
1709 outline-color: rgba(255, 255, 255, 0.3);
1710 border-color: #1f2914;
1711 background-image: linear-gradient(to bottom, #3d5228, #516e36);
1712 text-shadow: 0 -1px rgba(0, 0, 0, 0.78353);
1713 -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.78353);
1714 box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); }
1715 .selection-mode.titlebar:not(headerbar) button:backdrop.flat, .selection-mode.titlebar:not(headerbar) button:backdrop,
1716 headerbar.selection-mode button:backdrop.flat,
1717 headerbar.selection-mode button:backdrop {
1718 border-color: #5E7F3E;
1719 background-image: linear-gradient(to bottom, #5E7F3E);
1720 text-shadow: none;
1721 -gtk-icon-shadow: none;
1722 box-shadow: inset 0 1px rgba(255, 255, 255, 0);
1723 -gtk-icon-effect: none;
1724 border-color: #12180c; }
1725 .selection-mode.titlebar:not(headerbar) button:backdrop.flat label, .selection-mode.titlebar:not(headerbar) button:backdrop.flat, .selection-mode.titlebar:not(headerbar) button:backdrop label, .selection-mode.titlebar:not(headerbar) button:backdrop,
1726 headerbar.selection-mode button:backdrop.flat label,
1727 headerbar.selection-mode button:backdrop.flat,
1728 headerbar.selection-mode button:backdrop label,
1729 headerbar.selection-mode button:backdrop {
1730 color: #dfe5d8; }
1731 .selection-mode.titlebar:not(headerbar) button:backdrop.flat:active, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:active, .selection-mode.titlebar:not(headerbar) button:backdrop:checked,
1732 headerbar.selection-mode button:backdrop.flat:active,
1733 headerbar.selection-mode button:backdrop.flat:checked,
1734 headerbar.selection-mode button:backdrop:active,
1735 headerbar.selection-mode button:backdrop:checked {
1736 border-color: #455d2d;
1737 background-image: linear-gradient(to bottom, #455d2d);
1738 box-shadow: inset 0 1px rgba(255, 255, 255, 0);
1739 border-color: #12180c; }
1740 .selection-mode.titlebar:not(headerbar) button:backdrop.flat:active label, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:active, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:checked label, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:active label, .selection-mode.titlebar:not(headerbar) button:backdrop:active, .selection-mode.titlebar:not(headerbar) button:backdrop:checked label, .selection-mode.titlebar:not(headerbar) button:backdrop:checked,
1741 headerbar.selection-mode button:backdrop.flat:active label,
1742 headerbar.selection-mode button:backdrop.flat:active,
1743 headerbar.selection-mode button:backdrop.flat:checked label,
1744 headerbar.selection-mode button:backdrop.flat:checked,
1745 headerbar.selection-mode button:backdrop:active label,
1746 headerbar.selection-mode button:backdrop:active,
1747 headerbar.selection-mode button:backdrop:checked label,
1748 headerbar.selection-mode button:backdrop:checked {
1749 color: #dadfd5; }
1750 .selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled,
1751 headerbar.selection-mode button:backdrop.flat:disabled,
1752 headerbar.selection-mode button:backdrop:disabled {
1753 border-color: #6e8a52;
1754 background-image: linear-gradient(to bottom, #6e8a52);
1755 text-shadow: none;
1756 -gtk-icon-shadow: none;
1757 box-shadow: inset 0 1px rgba(255, 255, 255, 0);
1758 border-color: #12180c; }
1759 .selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled label, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled label, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled,
1760 headerbar.selection-mode button:backdrop.flat:disabled label,
1761 headerbar.selection-mode button:backdrop.flat:disabled,
1762 headerbar.selection-mode button:backdrop:disabled label,
1763 headerbar.selection-mode button:backdrop:disabled {
1764 color: #a1b38f; }
1765 .selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled:active, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:active, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:checked,
1766 headerbar.selection-mode button:backdrop.flat:disabled:active,
1767 headerbar.selection-mode button:backdrop.flat:disabled:checked,
1768 headerbar.selection-mode button:backdrop:disabled:active,
1769 headerbar.selection-mode button:backdrop:disabled:checked {
1770 border-color: #617a48;
1771 background-image: linear-gradient(to bottom, #617a48);
1772 box-shadow: inset 0 1px rgba(255, 255, 255, 0);
1773 border-color: #12180c; }
1774 .selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled:active label, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled:checked label, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:active label, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:checked label,
1775 headerbar.selection-mode button:backdrop.flat:disabled:active label,
1776 headerbar.selection-mode button:backdrop.flat:disabled:checked label,
1777 headerbar.selection-mode button:backdrop:disabled:active label,
1778 headerbar.selection-mode button:backdrop:disabled:checked label {
1779 color: #98a988; }
1780 .selection-mode.titlebar:not(headerbar) button.flat:backdrop, .selection-mode.titlebar:not(headerbar) button.flat:disabled, .selection-mode.titlebar:not(headerbar) button.flat:backdrop:disabled,
1781 headerbar.selection-mode button.flat:backdrop,
1782 headerbar.selection-mode button.flat:disabled,
1783 headerbar.selection-mode button.flat:backdrop:disabled {
1784 border-color: transparent;
1785 background-color: transparent;
1786 background-image: none;
1787 box-shadow: inset 0 1px rgba(255, 255, 255, 0);
1788 text-shadow: none;
1789 -gtk-icon-shadow: none; }
1790 .selection-mode.titlebar:not(headerbar) button:disabled,
1791 headerbar.selection-mode button:disabled {
1792 border-color: #1f2914;
1793 background-image: linear-gradient(to bottom, #6e8a52);
1794 text-shadow: none;
1795 -gtk-icon-shadow: none;
1796 box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
1797 .selection-mode.titlebar:not(headerbar) button:disabled label, .selection-mode.titlebar:not(headerbar) button:disabled,
1798 headerbar.selection-mode button:disabled label,
1799 headerbar.selection-mode button:disabled {
1800 color: #b7c5a9; }
1801 .selection-mode.titlebar:not(headerbar) button:disabled:active, .selection-mode.titlebar:not(headerbar) button:disabled:checked,
1802 headerbar.selection-mode button:disabled:active,
1803 headerbar.selection-mode button:disabled:checked {
1804 border-color: #1f2914;
1805 background-image: linear-gradient(to bottom, #5a7243, #617a48);
1806 box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
1807 .selection-mode.titlebar:not(headerbar) button:disabled:active label, .selection-mode.titlebar:not(headerbar) button:disabled:active, .selection-mode.titlebar:not(headerbar) button:disabled:checked label, .selection-mode.titlebar:not(headerbar) button:disabled:checked,
1808 headerbar.selection-mode button:disabled:active label,
1809 headerbar.selection-mode button:disabled:active,
1810 headerbar.selection-mode button:disabled:checked label,
1811 headerbar.selection-mode button:disabled:checked {
1812 color: #c0cab6; }
1813 .selection-mode.titlebar:not(headerbar) button.suggested-action,
1814 headerbar.selection-mode button.suggested-action {
1815 color: #161616;
1816 outline-color: rgba(22, 22, 22, 0.3);
1817 border-color: #7a7a7a;
1818 background-image: linear-gradient(to bottom, #C6C6C6, #bcbcbc 60%, #adadad);
1819 text-shadow: 0 1px rgba(255, 255, 255, 0.76923);
1820 -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923);
1821 box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
1822 border-color: #12180c; }
1823 .selection-mode.titlebar:not(headerbar) button.suggested-action:hover,
1824 headerbar.selection-mode button.suggested-action:hover {
1825 color: #161616;
1826 outline-color: rgba(22, 22, 22, 0.3);
1827 border-color: #7a7a7a;
1828 background-image: linear-gradient(to bottom, #d5d5d5, #C6C6C6 60%, #bcbcbc);
1829 text-shadow: 0 1px rgba(255, 255, 255, 0.76923);
1830 -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923);
1831 box-shadow: inset 0 1px rgba(255, 255, 255, 0.6);
1832 border-color: #12180c; }
1833 .selection-mode.titlebar:not(headerbar) button.suggested-action:active,
1834 headerbar.selection-mode button.suggested-action:active {
1835 color: #161616;
1836 outline-color: rgba(22, 22, 22, 0.3);
1837 border-color: #7a7a7a;
1838 background-image: linear-gradient(to bottom, #a5a5a5, #b9b9b9);
1839 text-shadow: 0 1px rgba(255, 255, 255, 0.76923);
1840 -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923);
1841 box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6);
1842 border-color: #12180c; }
1843 .selection-mode.titlebar:not(headerbar) button.suggested-action:disabled,
1844 headerbar.selection-mode button.suggested-action:disabled {
1845 border-color: #7a7a7a;
1846 background-image: linear-gradient(to bottom, #c6c6c6);
1847 text-shadow: none;
1848 -gtk-icon-shadow: none;
1849 box-shadow: inset 0 1px rgba(255, 255, 255, 0);
1850 border-color: #12180c; }
1851 .selection-mode.titlebar:not(headerbar) button.suggested-action:disabled label, .selection-mode.titlebar:not(headerbar) button.suggested-action:disabled,
1852 headerbar.selection-mode button.suggested-action:disabled label,
1853 headerbar.selection-mode button.suggested-action:disabled {
1854 color: #6e6e6e; }
1855 .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop,
1856 headerbar.selection-mode button.suggested-action:backdrop {
1857 border-color: #828282;
1858 background-image: linear-gradient(to bottom, #C6C6C6);
1859 text-shadow: none;
1860 -gtk-icon-shadow: none;
1861 box-shadow: inset 0 1px rgba(255, 255, 255, 0);
1862 border-color: #12180c; }
1863 .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop label, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop,
1864 headerbar.selection-mode button.suggested-action:backdrop label,
1865 headerbar.selection-mode button.suggested-action:backdrop {
1866 color: #6e6e6e; }
1867 .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop:disabled,
1868 headerbar.selection-mode button.suggested-action:backdrop:disabled {
1869 border-color: #828282;
1870 background-image: linear-gradient(to bottom, #c6c6c6);
1871 text-shadow: none;
1872 -gtk-icon-shadow: none;
1873 box-shadow: inset 0 1px rgba(255, 255, 255, 0);
1874 border-color: #12180c; }
1875 .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop:disabled label, .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop:disabled,
1876 headerbar.selection-mode button.suggested-action:backdrop:disabled label,
1877 headerbar.selection-mode button.suggested-action:backdrop:disabled {
1878 color: #a0a0a0; }
1879 .selection-mode.titlebar:not(headerbar) .selection-menu:backdrop, .selection-mode.titlebar:not(headerbar) .selection-menu,
1880 headerbar.selection-mode .selection-menu:backdrop,
1881 headerbar.selection-mode .selection-menu {
1882 border-color: rgba(94, 127, 62, 0);
1883 background-image: linear-gradient(to bottom, rgba(94, 127, 62, 0));
1884 box-shadow: none;
1885 padding-left: 10px;
1886 padding-right: 10px; }
1887 .selection-mode.titlebar:not(headerbar) .selection-menu:backdrop GtkArrow, .selection-mode.titlebar:not(headerbar) .selection-menu GtkArrow,
1888 headerbar.selection-mode .selection-menu:backdrop GtkArrow,
1889 headerbar.selection-mode .selection-menu GtkArrow {
1890 -GtkArrow-arrow-scaling: 1; }
1891 .selection-mode.titlebar:not(headerbar) .selection-menu:backdrop .arrow, .selection-mode.titlebar:not(headerbar) .selection-menu .arrow,
1892 headerbar.selection-mode .selection-menu:backdrop .arrow,
1893 headerbar.selection-mode .selection-menu .arrow {
1894 -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
1895 color: rgba(255, 255, 255, 0.5);
1896 -gtk-icon-shadow: none; }
1897 .tiled .titlebar:backdrop:not(headerbar), .tiled .titlebar:not(headerbar), .maximized .titlebar:backdrop:not(headerbar), .maximized .titlebar:not(headerbar), .tiled
1898 headerbar:backdrop, .tiled
1899 headerbar, .maximized
1900 headerbar:backdrop, .maximized
1901 headerbar {
1902 border-radius: 0; }
1903 .default-decoration.titlebar:not(headerbar),
1904 headerbar.default-decoration {
1905 padding: 4px;
1906 min-height: 28px; }
1907 .default-decoration.titlebar:not(headerbar) button.titlebutton,
1908 headerbar.default-decoration button.titlebutton {
1909 min-height: 26px;
1910 min-width: 26px;
1911 margin: 0;
1912 padding: 0; }
1913
1914 headerbar entry,
1915 headerbar spinbutton,
1916 headerbar separator,
1917 headerbar button {
1918 margin-top: 6px;
1919 margin-bottom: 6px; }
1920 headerbar switch {
1921 margin-top: 9px;
1922 margin-bottom: 9px; }
1923
1924 .background:not(.tiled):not(.maximized) .titlebar:backdrop, .background:not(.tiled):not(.maximized) .titlebar {
1925 border-top-left-radius: 7px;
1926 border-top-right-radius: 7px; }
1927
1928 window:not(.tiled):not(.maximized) separator:first-child + headerbar:backdrop, window:not(.tiled):not(.maximized) separator:first-child + headerbar, window:not(.tiled):not(.maximized) headerbar:first-child:backdrop, window:not(.tiled):not(.maximized) headerbar:first-child {
1929 border-top-left-radius: 7px; }
1930 window:not(.tiled):not(.maximized) headerbar:last-child:backdrop, window:not(.tiled):not(.maximized) headerbar:last-child {
1931 border-top-right-radius: 7px; }
1932
1933 window.csd > .titlebar:not(headerbar) {
1934 padding: 0;
1935 background-color: transparent;
1936 background-image: none;
1937 border-style: none;
1938 border-color: transparent;
1939 box-shadow: none; }
1940 .titlebar:not(headerbar) > separator {
1941 background-color: #7a7a7a; }
1942
1943 /************
1944 * Pathbars *
1945 ************/
1946 .path-bar button.text-button, .path-bar button.image-button, .path-bar button {
1947 padding-left: 4px;
1948 padding-right: 4px; }
1949 .path-bar button.text-button.image-button label {
1950 padding-left: 0;
1951 padding-right: 0; }
1952 .path-bar button.text-button.image-button label:last-child, .path-bar button label:last-child {
1953 padding-right: 8px; }
1954 .path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child {
1955 padding-left: 8px; }
1956 .path-bar button image {
1957 padding-left: 4px;
1958 padding-right: 4px; }
1959 .path-bar button.slider-button {
1960 padding-left: 0;
1961 padding-right: 0; }
1962
1963 /**************
1964 * Tree Views *
1965 **************/
1966 treeview.view {
1967 border-left-color: #6e6e6e;
1968 border-top-color: #C6C6C6; }
1969 * {
1970 -GtkTreeView-horizontal-separator: 4;
1971 -GtkTreeView-grid-line-width: 1;
1972 -GtkTreeView-grid-line-pattern: '';
1973 -GtkTreeView-tree-line-width: 1;
1974 -GtkTreeView-tree-line-pattern: '';
1975 -GtkTreeView-expander-size: 16; }
1976 treeview.view:selected:focus, treeview.view:selected {
1977 border-radius: 0; }
1978 treeview.view:selected:backdrop, treeview.view:selected {
1979 border-left-color: #afbf9f;
1980 border-top-color: rgba(22, 22, 22, 0.1); }
1981 treeview.view:disabled {
1982 color: #6e6e6e; }
1983 treeview.view:disabled:selected {
1984 color: #9eb28b; }
1985 treeview.view:disabled:selected:backdrop {
1986 color: #8ea578; }
1987 treeview.view:disabled:backdrop {
1988 color: #a0a0a0; }
1989 treeview.view.separator {
1990 min-height: 2px;
1991 color: #C6C6C6; }
1992 treeview.view.separator:backdrop {
1993 color: rgba(198, 198, 198, 0.1); }
1994 treeview.view:backdrop {
1995 border-left-color: #9a9a9a;
1996 border-top: #C6C6C6; }
1997 treeview.view:drop(active) {
1998 border-style: solid none;
1999 border-width: 1px;
2000 border-color: #12180c; }
2001 treeview.view:drop(active).after {
2002 border-top-style: none; }
2003 treeview.view:drop(active).before {
2004 border-bottom-style: none; }
2005 treeview.view.expander {
2006 -gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
2007 color: #4b4b4b; }
2008 treeview.view.expander:dir(rtl) {
2009 -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); }
2010 treeview.view.expander:hover {
2011 color: #161616; }
2012 treeview.view.expander:selected {
2013 color: #cfd9c5; }
2014 treeview.view.expander:selected:hover {
2015 color: #ffffff; }
2016 treeview.view.expander:selected:backdrop {
2017 color: #cfd9c5; }
2018 treeview.view.expander:checked {
2019 -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
2020 treeview.view.expander:backdrop {
2021 color: #888888; }
2022 treeview.view.progressbar {
2023 color: #C6C6C6;
2024 border: 1px solid #12180c;
2025 border-radius: 4px;
2026 background-color: #5E7F3E;
2027 background-image: linear-gradient(to bottom, #5E7F3E, #455d2d);
2028 box-shadow: inset 0 1px rgba(255, 255, 255, 0.3), 0 1px rgba(0, 0, 0, 0.2); }
2029 treeview.view.progressbar:selected:focus, treeview.view.progressbar:selected {
2030 border-radius: 4px;
2031 color: #5E7F3E;
2032 box-shadow: none;
2033 background-image: linear-gradient(to bottom, #C6C6C6, #adadad); }
2034 treeview.view.progressbar:selected:focus:backdrop, treeview.view.progressbar:selected:backdrop {
2035 color: #5E7F3E;
2036 border-color: #12180c;
2037 background-color: #c3c3c3; }
2038 treeview.view.progressbar:backdrop {
2039 color: #c3c3c3;
2040 background-image: none;
2041 box-shadow: none; }
2042 treeview.view.trough {
2043 background-color: rgba(22, 22, 22, 0.1);
2044 border-radius: 4px; }
2045 treeview.view.trough:selected:focus, treeview.view.trough:selected {
2046 background-color: rgba(255, 255, 255, 0.3);
2047 border-radius: 4px;
2048 border-width: 1px 0;
2049 border-style: solid;
2050 border-color: #5E7F3E; }
2051 treeview.view header button {
2052 color: #6e6e6e;
2053 background-color: #C6C6C6;
2054 font-weight: bold;
2055 text-shadow: none;
2056 box-shadow: none; }
2057 treeview.view header button:hover {
2058 color: #424242;
2059 box-shadow: none;
2060 transition: none; }
2061 treeview.view header button:active {
2062 color: #161616;
2063 transition: none; }
2064 treeview.view header button:last-child:backdrop, treeview.view header button:last-child {
2065 border-right-style: none; }
2066 treeview.view button.dnd:active, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd,
2067 treeview.view header.button.dnd:active,
2068 treeview.view header.button.dnd:selected,
2069 treeview.view header.button.dnd:hover,
2070 treeview.view header.button.dnd {
2071 padding: 0 6px;
2072 transition: none;
2073 background-image: none;
2074 background-color: #5E7F3E;
2075 color: #C6C6C6;
2076 border-radius: 0;
2077 border-style: none;
2078 box-shadow: inset 0 0 0 1px #C6C6C6;
2079 text-shadow: none; }
2080 treeview.view acceleditor > label {
2081 background-color: #5E7F3E; }
2082
2083 treeview.view header button, treeview.view header button:hover, treeview.view header button:active {
2084 padding: 0 6px;
2085 border-radius: 0;
2086 background-image: none;
2087 text-shadow: none;
2088 border-style: none solid solid none;
2089 border-color: #C6C6C6; }
2090 treeview.view header button:disabled {
2091 border-color: #C6C6C6;
2092 background-image: none; }
2093 treeview.view header button:backdrop {
2094 border-color: #C6C6C6;
2095 border-style: none solid solid none;
2096 color: #9a9a9a;
2097 background-image: none;
2098 background-color: #c3c3c3; }
2099 treeview.view header button:backdrop:disabled {
2100 border-color: #C6C6C6;
2101 background-image: none; }
2102
2103 /*********
2104 * Menus *
2105 *********/
2106 menubar,
2107 .menubar {
2108 -GtkWidget-window-dragging: true;
2109 padding: 0px;
2110 box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1); }
2111 menubar:backdrop,
2112 .menubar:backdrop {
2113 background-color: #C6C6C6; }
2114 menubar > menuitem,
2115 .menubar > menuitem {
2116 min-height: 16px;
2117 padding: 4px 8px; }
2118 menubar > menuitem:hover,
2119 .menubar > menuitem:hover {
2120 box-shadow: inset 0 -3px #5E7F3E;
2121 color: #455d2d; }
2122 menubar > menuitem:disabled,
2123 .menubar > menuitem:disabled {
2124 color: #6e6e6e;
2125 box-shadow: none; }
2126
2127 menu,
2128 .menu,
2129 .context-menu {
2130 margin: 4px;
2131 padding: 2px 0px;
2132 background-color: #C6C6C6;
2133 border: 1px solid #7a7a7a; }
2134 .csd menu, .csd
2135 .menu, .csd
2136 .context-menu {
2137 border: none; }
2138 menu:backdrop,
2139 .menu:backdrop,
2140 .context-menu:backdrop {
2141 background-color: #C6C6C6; }
2142 menu menuitem,
2143 .menu menuitem,
2144 .context-menu menuitem {
2145 min-height: 16px;
2146 min-width: 40px;
2147 padding: 4px 6px;
2148 text-shadow: none; }
2149 menu menuitem:hover,
2150 .menu menuitem:hover,
2151 .context-menu menuitem:hover {
2152 color: #ffffff;
2153 background-color: #5E7F3E; }
2154 menu menuitem:disabled,
2155 .menu menuitem:disabled,
2156 .context-menu menuitem:disabled {
2157 color: #6e6e6e; }
2158 menu menuitem:disabled:backdrop,
2159 .menu menuitem:disabled:backdrop,
2160 .context-menu menuitem:disabled:backdrop {
2161 color: #a0a0a0; }
2162 menu menuitem:backdrop, menu menuitem:backdrop:hover,
2163 .menu menuitem:backdrop,
2164 .menu menuitem:backdrop:hover,
2165 .context-menu menuitem:backdrop,
2166 .context-menu menuitem:backdrop:hover {
2167 color: #6e6e6e;
2168 background-color: transparent; }
2169 menu menuitem arrow,
2170 .menu menuitem arrow,
2171 .context-menu menuitem arrow {
2172 min-height: 16px;
2173 min-width: 16px; }
2174 menu menuitem arrow:dir(ltr),
2175 .menu menuitem arrow:dir(ltr),
2176 .context-menu menuitem arrow:dir(ltr) {
2177 -gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
2178 margin-left: 10px; }
2179 menu menuitem arrow:dir(rtl),
2180 .menu menuitem arrow:dir(rtl),
2181 .context-menu menuitem arrow:dir(rtl) {
2182 -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl");
2183 margin-right: 10px; }
2184 menu menuitem label:dir(rtl), menu menuitem label:dir(ltr),
2185 .menu menuitem label:dir(rtl),
2186 .menu menuitem label:dir(ltr),
2187 .context-menu menuitem label:dir(rtl),
2188 .context-menu menuitem label:dir(ltr) {
2189 color: inherit; }
2190 menu > arrow,
2191 .menu > arrow,
2192 .context-menu > arrow {
2193 border-color: transparent;
2194 background-color: transparent;
2195 background-image: none;
2196 box-shadow: inset 0 1px rgba(255, 255, 255, 0);
2197 text-shadow: none;
2198 -gtk-icon-shadow: none;
2199 min-height: 16px;
2200 min-width: 16px;
2201 padding: 4px;
2202 background-color: #C6C6C6;
2203 border-radius: 0; }
2204 menu > arrow.top,
2205 .menu > arrow.top,
2206 .context-menu > arrow.top {
2207 margin-top: -6px;
2208 border-bottom: 1px solid #b4b4b4;
2209 -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
2210 menu > arrow.bottom,
2211 .menu > arrow.bottom,
2212 .context-menu > arrow.bottom {
2213 margin-bottom: -6px;
2214 border-top: 1px solid #b4b4b4;
2215 -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
2216 menu > arrow:hover,
2217 .menu > arrow:hover,
2218 .context-menu > arrow:hover {
2219 background-color: #b4b4b4; }
2220 menu > arrow:backdrop,
2221 .menu > arrow:backdrop,
2222 .context-menu > arrow:backdrop {
2223 background-color: #C6C6C6; }
2224 menu > arrow:disabled,
2225 .menu > arrow:disabled,
2226 .context-menu > arrow:disabled {
2227 color: transparent;
2228 background-color: transparent;
2229 border-color: transparent; }
2230
2231 menuitem accelerator {
2232 color: alpha(currentColor,0.55); }
2233 menuitem check,
2234 menuitem radio {
2235 min-height: 16px;
2236 min-width: 16px; }
2237 menuitem check:dir(ltr),
2238 menuitem radio:dir(ltr) {
2239 margin-right: 7px; }
2240 menuitem check:dir(rtl),
2241 menuitem radio:dir(rtl) {
2242 margin-left: 7px; }
2243
2244 /***************
2245 * Popovers *
2246 ***************/
2247 popover.background {
2248 padding: 2px;
2249 border-radius: 5px;
2250 background-color: #C6C6C6;
2251 box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); }
2252 .csd popover.background, popover.background {
2253 border: 1px solid #7a7a7a; }
2254 popover.background:backdrop {
2255 background-color: #C6C6C6;
2256 box-shadow: none; }
2257 popover.background > list,
2258 popover.background > .view,
2259 popover.background > iconview,
2260 popover.background > toolbar {
2261 border-style: none;
2262 background-color: transparent; }
2263 .csd popover.background.touch-selection, .csd popover.background.magnifier, popover.background.touch-selection, popover.background.magnifier {
2264 border: 1px solid rgba(255, 255, 255, 0.1); }
2265 popover.background separator {
2266 margin: 3px; }
2267 popover.background list separator {
2268 margin: 0px; }
2269
2270 /*************
2271 * Notebooks *
2272 *************/
2273 notebook > header {
2274 padding: 1px;
2275 border-color: #7a7a7a;
2276 border-width: 1px;
2277 background-color: #ababab; }
2278 notebook > header:backdrop {
2279 border-color: #828282;
2280 background-color: #aeaeae; }
2281 notebook > header tabs {
2282 margin: -1px; }
2283 notebook > header.top {
2284 border-bottom-style: solid; }
2285 notebook > header.top > tabs {
2286 margin-bottom: -2px; }
2287 notebook > header.top > tabs > tab:hover {
2288 box-shadow: inset 0 -3px #7a7a7a; }
2289 notebook > header.top > tabs > tab:backdrop {
2290 box-shadow: none; }
2291 notebook > header.top > tabs > tab:checked {
2292 box-shadow: inset 0 -3px #5E7F3E; }
2293 notebook > header.bottom {
2294 border-top-style: solid; }
2295 notebook > header.bottom > tabs {
2296 margin-top: -2px; }
2297 notebook > header.bottom > tabs > tab:hover {
2298 box-shadow: inset 0 3px #7a7a7a; }
2299 notebook > header.bottom > tabs > tab:backdrop {
2300 box-shadow: none; }
2301 notebook > header.bottom > tabs > tab:checked {
2302 box-shadow: inset 0 3px #5E7F3E; }
2303 notebook > header.left {
2304 border-right-style: solid; }
2305 notebook > header.left > tabs {
2306 margin-right: -2px; }
2307 notebook > header.left > tabs > tab:hover {
2308 box-shadow: inset -3px 0 #7a7a7a; }
2309 notebook > header.left > tabs > tab:backdrop {
2310 box-shadow: none; }
2311 notebook > header.left > tabs > tab:checked {
2312 box-shadow: inset -3px 0 #5E7F3E; }
2313 notebook > header.right {
2314 border-left-style: solid; }
2315 notebook > header.right > tabs {
2316 margin-left: -2px; }
2317 notebook > header.right > tabs > tab:hover {
2318 box-shadow: inset 3px 0 #7a7a7a; }
2319 notebook > header.right > tabs > tab:backdrop {
2320 box-shadow: none; }
2321 notebook > header.right > tabs > tab:checked {
2322 box-shadow: inset 3px 0 #5E7F3E; }
2323 notebook > header.top > tabs > arrow {
2324 border-top-style: none; }
2325 notebook > header.bottom > tabs > arrow {
2326 border-bottom-style: none; }
2327 notebook > header.top > tabs > arrow, notebook > header.bottom > tabs > arrow {
2328 margin-left: -5px;
2329 margin-right: -5px;
2330 padding-left: 4px;
2331 padding-right: 4px; }
2332 notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down {
2333 -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); }
2334 notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up {
2335 -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
2336 notebook > header.left > tabs > arrow {
2337 border-left-style: none; }
2338 notebook > header.right > tabs > arrow {
2339 border-right-style: none; }
2340 notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow {
2341 margin-top: -5px;
2342 margin-bottom: -5px;
2343 padding-top: 4px;
2344 padding-bottom: 4px; }
2345 notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down {
2346 -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
2347 notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up {
2348 -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
2349 notebook > header > tabs > arrow {
2350 min-height: 16px;
2351 min-width: 16px;
2352 border-radius: 0; }
2353 notebook > header > tabs > arrow:hover:not(:active):not(:backdrop) {
2354 background-clip: padding-box;
2355 background-image: none;
2356 background-color: rgba(255, 255, 255, 0.3);
2357 border-color: transparent;
2358 box-shadow: none; }
2359 notebook > header > tabs > arrow:disabled {
2360 border-color: transparent;
2361 background-color: transparent;
2362 background-image: none;
2363 box-shadow: inset 0 1px rgba(255, 255, 255, 0);
2364 text-shadow: none;
2365 -gtk-icon-shadow: none; }
2366 notebook > header tab {
2367 min-height: 30px;
2368 min-width: 30px;
2369 padding: 3px 12px;
2370 outline-offset: -5px;
2371 color: #6e6e6e;
2372 font-weight: bold;
2373 border-width: 1px;
2374 border-color: transparent; }
2375 notebook > header tab:hover {
2376 color: #424242; }
2377 notebook > header tab:hover.reorderable-page {
2378 border-color: rgba(122, 122, 122, 0.3);
2379 background-color: rgba(198, 198, 198, 0.2); }
2380 notebook > header tab:backdrop {
2381 color: #919191; }
2382 notebook > header tab:backdrop.reorderable-page {
2383 border-color: transparent;
2384 background-color: transparent; }
2385 notebook > header tab:checked {
2386 color: #161616; }
2387 notebook > header tab:checked.reorderable-page {
2388 border-color: rgba(122, 122, 122, 0.5);
2389 background-color: rgba(198, 198, 198, 0.5); }
2390 notebook > header tab:checked.reorderable-page:hover {
2391 background-color: rgba(198, 198, 198, 0.7); }
2392 notebook > header tab:backdrop:checked {
2393 color: #6e6e6e; }
2394 notebook > header tab:backdrop:checked.reorderable-page {
2395 border-color: #828282;
2396 background-color: #C6C6C6; }
2397 notebook > header tab button.flat {
2398 padding: 0;
2399 margin-top: 4px;
2400 margin-bottom: 4px;
2401 min-width: 20px;
2402 min-height: 20px; }
2403 notebook > header tab button.flat:hover {
2404 color: currentColor; }
2405 notebook > header tab button.flat, notebook > header tab button.flat:backdrop {
2406 color: alpha(currentColor,0.3); }
2407 notebook > header tab button.flat:last-child {
2408 margin-left: 4px;
2409 margin-right: -4px; }
2410 notebook > header tab button.flat:first-child {
2411 margin-left: -4px;
2412 margin-right: 4px; }
2413 notebook > header.top tabs, notebook > header.bottom tabs {
2414 padding-left: 4px;
2415 padding-right: 4px; }
2416 notebook > header.top tabs:not(:only-child), notebook > header.bottom tabs:not(:only-child) {
2417 margin-left: 3px;
2418 margin-right: 3px; }
2419 notebook > header.top tabs:not(:only-child):first-child, notebook > header.bottom tabs:not(:only-child):first-child {
2420 margin-left: -1px; }
2421 notebook > header.top tabs:not(:only-child):last-child, notebook > header.bottom tabs:not(:only-child):last-child {
2422 margin-right: -1px; }
2423 notebook > header.top tabs tab, notebook > header.bottom tabs tab {
2424 margin-left: 4px;
2425 margin-right: 4px; }
2426 notebook > header.top tabs tab.reorderable-page, notebook > header.bottom tabs tab.reorderable-page {
2427 border-style: none solid; }
2428 notebook > header.left tabs, notebook > header.right tabs {
2429 padding-top: 4px;
2430 padding-bottom: 4px; }
2431 notebook > header.left tabs:not(:only-child), notebook > header.right tabs:not(:only-child) {
2432 margin-top: 3px;
2433 margin-bottom: 3px; }
2434 notebook > header.left tabs:not(:only-child):first-child, notebook > header.right tabs:not(:only-child):first-child {
2435 margin-top: -1px; }
2436 notebook > header.left tabs:not(:only-child):last-child, notebook > header.right tabs:not(:only-child):last-child {
2437 margin-bottom: -1px; }
2438 notebook > header.left tabs tab, notebook > header.right tabs tab {
2439 margin-top: 4px;
2440 margin-bottom: 4px; }
2441 notebook > header.left tabs tab.reorderable-page, notebook > header.right tabs tab.reorderable-page {
2442 border-style: solid none; }
2443 notebook > header.top tab {
2444 padding-bottom: 4px; }
2445 notebook > header.bottom tab {
2446 padding-top: 4px; }
2447 notebook > stack:not(:only-child) {
2448 background-color: #C6C6C6; }
2449 notebook > stack:not(:only-child):backdrop {
2450 background-color: #c3c3c3; }
2451
2452 /**************
2453 * Scrollbars *
2454 **************/
2455 scrollbar {
2456 background-color: #b4b4b4;
2457 transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
2458 * {
2459 -GtkScrollbar-has-backward-stepper: false;
2460 -GtkScrollbar-has-forward-stepper: false; }
2461 scrollbar.top {
2462 border-bottom: 1px solid #7a7a7a; }
2463 scrollbar.bottom {
2464 border-top: 1px solid #7a7a7a; }
2465 scrollbar.left {
2466 border-right: 1px solid #7a7a7a; }
2467 scrollbar.right {
2468 border-left: 1px solid #7a7a7a; }
2469 scrollbar:backdrop {
2470 background-color: #bebebe;
2471 border-color: #828282;
2472 transition: 200ms ease-out; }
2473 scrollbar slider {
2474 min-width: 6px;
2475 min-height: 6px;
2476 margin: -1px;
2477 border: 4px solid transparent;
2478 border-radius: 8px;
2479 background-clip: padding-box;
2480 background-color: #787c7d; }
2481 scrollbar slider:hover {
2482 background-color: #535859; }
2483 scrollbar slider:hover:active {
2484 background-color: #2a76c6; }
2485 scrollbar slider:backdrop {
2486 background-color: #c3c4c4; }
2487 scrollbar slider:disabled {
2488 background-color: transparent; }
2489 scrollbar.fine-tune slider {
2490 min-width: 4px;
2491 min-height: 4px; }
2492 scrollbar.fine-tune.horizontal slider {
2493 border-width: 5px 4px; }
2494 scrollbar.fine-tune.vertical slider {
2495 border-width: 4px 5px; }
2496 scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
2497 border-color: transparent;
2498 opacity: 0.4;
2499 background-color: transparent; }
2500 scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider {
2501 margin: 0;
2502 min-width: 3px;
2503 min-height: 3px;
2504 background-color: #161616;
2505 border: 1px solid white; }
2506 scrollbar.overlay-indicator:not(.dragging):not(.hovering) button {
2507 min-width: 5px;
2508 min-height: 5px;
2509 background-color: #161616;
2510 background-clip: padding-box;
2511 border-radius: 100%;
2512 border: 1px solid white;
2513 -gtk-icon-source: none; }
2514 scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider {
2515 margin: 0 2px;
2516 min-width: 40px; }
2517 scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button {
2518 margin: 1px 2px;
2519 min-width: 5px; }
2520 scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider {
2521 margin: 2px 0;
2522 min-height: 40px; }
2523 scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button {
2524 margin: 2px 1px;
2525 min-height: 5px; }
2526 scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering {
2527 opacity: 0.8; }
2528 scrollbar.horizontal slider {
2529 min-width: 40px; }
2530 scrollbar.vertical slider {
2531 min-height: 40px; }
2532 scrollbar button {
2533 padding: 0;
2534 min-width: 12px;
2535 min-height: 12px;
2536 border-style: none;
2537 border-radius: 0;
2538 transition-property: min-height, min-width, color;
2539 border-color: transparent;
2540 background-color: transparent;
2541 background-image: none;
2542 box-shadow: inset 0 1px rgba(255, 255, 255, 0);
2543 text-shadow: none;
2544 -gtk-icon-shadow: none;
2545 color: #787c7d; }
2546 scrollbar button:hover {
2547 border-color: transparent;
2548 background-color: transparent;
2549 background-image: none;
2550 box-shadow: inset 0 1px rgba(255, 255, 255, 0);
2551 text-shadow: none;
2552 -gtk-icon-shadow: none;
2553 color: #535859; }
2554 scrollbar button:active, scrollbar button:checked {
2555 border-color: transparent;
2556 background-color: transparent;
2557 background-image: none;
2558 box-shadow: inset 0 1px rgba(255, 255, 255, 0);
2559 text-shadow: none;
2560 -gtk-icon-shadow: none;
2561 color: #2a76c6; }
2562 scrollbar button:disabled {
2563 border-color: transparent;
2564 background-color: transparent;
2565 background-image: none;
2566 box-shadow: inset 0 1px rgba(255, 255, 255, 0);
2567 text-shadow: none;
2568 -gtk-icon-shadow: none;
2569 color: rgba(120, 124, 125, 0.2); }
2570 scrollbar button:backdrop {
2571 border-color: transparent;
2572 background-color: transparent;
2573 background-image: none;
2574 box-shadow: inset 0 1px rgba(255, 255, 255, 0);
2575 text-shadow: none;
2576 -gtk-icon-shadow: none;
2577 color: #c3c4c4; }
2578 scrollbar button:backdrop:disabled {
2579 border-color: transparent;
2580 background-color: transparent;
2581 background-image: none;
2582 box-shadow: inset 0 1px rgba(255, 255, 255, 0);
2583 text-shadow: none;
2584 -gtk-icon-shadow: none;
2585 color: rgba(195, 196, 196, 0.2); }
2586 scrollbar.vertical button.down {
2587 -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
2588 scrollbar.vertical button.up {
2589 -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
2590 scrollbar.horizontal button.down {
2591 -gtk-icon-source: -gtk-icontheme("pan-right-symbolic"); }
2592 scrollbar.horizontal button.up {
2593 -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); }
2594
2595 treeview ~ scrollbar.vertical {
2596 border-top: 1px solid #7a7a7a;
2597 margin-top: -1px; }
2598
2599 /**********
2600 * Switch *
2601 **********/
2602 switch {
2603 font-weight: bold;
2604 font-size: smaller;
2605 outline-offset: -4px;
2606 box-shadow: inset 0 1px rgba(0, 0, 0, 0.1), 0 1px transparent;
2607 border: 1px solid #7a7a7a;
2608 border-radius: 3px;
2609 color: #161616;
2610 background-image: linear-gradient(to bottom, #a8a8a8);
2611 text-shadow: 0 1px rgba(0, 0, 0, 0.1); }
2612 switch:checked {
2613 color: white;
2614 border-color: #12180c;
2615 background-color: #5E7F3E;
2616 background-image: none;
2617 box-shadow: 0 1px transparent;
2618 text-shadow: 0 1px rgba(18, 24, 12, 0.5), 0 0 2px rgba(255, 255, 255, 0.6); }
2619 switch:disabled {
2620 color: #6e6e6e;
2621 border-color: #7a7a7a;
2622 background-image: none;
2623 background-color: #c6c6c6;
2624 box-shadow: 0 1px transparent;
2625 text-shadow: none; }
2626 switch:backdrop {
2627 color: #6e6e6e;
2628 border-color: #828282;
2629 background-image: linear-gradient(to bottom, #aeaeae);
2630 box-shadow: none;
2631 text-shadow: none;
2632 transition: 200ms ease-out; }
2633 switch:backdrop:checked {
2634 color: #C6C6C6;
2635 border-color: #5E7F3E;
2636 background-image: linear-gradient(to bottom, #5E7F3E);
2637 box-shadow: none; }
2638 switch:disabled {
2639 color: #a0a0a0;
2640 border-color: #828282;
2641 background-image: none;
2642 background-color: #c6c6c6; }
2643 switch slider {
2644 margin: -1px;
2645 min-width: 44px;
2646 min-height: 26px;
2647 border: 1px solid;
2648 border-radius: 3px;
2649 transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
2650 color: #161616;
2651 outline-color: rgba(22, 22, 22, 0.3);
2652 border-color: #7a7a7a;
2653 text-shadow: 0 1px rgba(255, 255, 255, 0.76923);
2654 -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923);
2655 background-image: linear-gradient(to bottom, lightgray 20%, #C6C6C6 90%);
2656 box-shadow: inset 0 1px rgba(255, 255, 255, 0.6), inset 0 -2px #cbcbcb, inset 0 -1px #a7a7a7, 0 1px rgba(0, 0, 0, 0.1); }
2657 switch:hover slider {
2658 color: #161616;
2659 outline-color: rgba(22, 22, 22, 0.3);
2660 border-color: #7a7a7a;
2661 background-image: linear-gradient(to bottom, #dddddd 10%, #d0d0d0 90%);
2662 box-shadow: inset 0 1px rgba(255, 255, 255, 0.6), inset 0 -2px lightgray, inset 0 -1px #adadad, 0 1px rgba(0, 0, 0, 0.1); }
2663 switch:checked slider {
2664 border: 1px solid #12180c; }
2665 switch:disabled slider {
2666 border-color: #7a7a7a;
2667 background-image: linear-gradient(to bottom, #c6c6c6);
2668 text-shadow: none;
2669 -gtk-icon-shadow: none;
2670 box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
2671 switch:disabled slider label, switch:disabled slider {
2672 color: #6e6e6e; }
2673 switch:backdrop slider {
2674 transition: 200ms ease-out;
2675 border-color: #828282;
2676 background-image: linear-gradient(to bottom, #C6C6C6);
2677 text-shadow: none;
2678 -gtk-icon-shadow: none;
2679 box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
2680 switch:backdrop slider label, switch:backdrop slider {
2681 color: #6e6e6e; }
2682 switch:backdrop:checked slider {
2683 border-color: #5E7F3E; }
2684 switch:backdrop:disabled slider {
2685 border-color: #828282;
2686 background-image: linear-gradient(to bottom, #c6c6c6);
2687 text-shadow: none;
2688 -gtk-icon-shadow: none;
2689 box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
2690 switch:backdrop:disabled slider label, switch:backdrop:disabled slider {
2691 color: #a0a0a0; }
2692 row:selected switch {
2693 box-shadow: none;
2694 border-color: #12180c; }
2695 row:selected switch:backdrop {
2696 border-color: #12180c; }
2697 row:selected switch.slider:dir(rtl) {
2698 border-left-color: #7a7a7a; }
2699 row:selected switch.slider:dir(ltr) {
2700 border-right-color: #7a7a7a; }
2701 row:selected switch.slider:checked, row:selected switch.slider {
2702 border-color: #12180c; }
2703
2704 /*************************
2705 * Check and Radio items *
2706 *************************/
2707 .view.content-view.check:not(list), iconview.content-view.check:not(list) {
2708 -gtk-icon-shadow: none;
2709 -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode.png"), url("assets/checkbox-selectionmode@2.png"));
2710 background-color: transparent; }
2711
2712 .view.content-view.check:hover:not(list), iconview.content-view.check:hover:not(list) {
2713 -gtk-icon-shadow: none;
2714 -gtk-icon-source: -gtk-scaled(url("assets/checkbox-hover-selectionmode.png"), url("assets/checkbox-hover-selectionmode@2.png"));
2715 background-color: transparent; }
2716
2717 .view.content-view.check:active:not(list), iconview.content-view.check:active:not(list) {
2718 -gtk-icon-shadow: none;
2719 -gtk-icon-source: -gtk-scaled(url("assets/checkbox-active-selectionmode.png"), url("assets/checkbox-active-selectionmode@2.png"));
2720 background-color: transparent; }
2721
2722 .view.content-view.check:backdrop:not(list), iconview.content-view.check:backdrop:not(list) {
2723 -gtk-icon-shadow: none;
2724 -gtk-icon-source: -gtk-scaled(url("assets/checkbox-backdrop-selectionmode.png"), url("assets/checkbox-backdrop-selectionmode@2.png"));
2725 background-color: transparent; }
2726
2727 .view.content-view.check:checked:not(list), iconview.content-view.check:checked:not(list) {
2728 -gtk-icon-shadow: none;
2729 -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode.png"), url("assets/checkbox-checked-selectionmode@2.png"));
2730 background-color: transparent; }
2731
2732 .view.content-view.check:checked:hover:not(list), iconview.content-view.check:checked:hover:not(list) {
2733 -gtk-icon-shadow: none;
2734 -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-hover-selectionmode.png"), url("assets/checkbox-checked-hover-selectionmode@2.png"));
2735 background-color: transparent; }
2736
2737 .view.content-view.check:checked:active:not(list), iconview.content-view.check:checked:active:not(list) {
2738 -gtk-icon-shadow: none;
2739 -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-active-selectionmode.png"), url("assets/checkbox-checked-active-selectionmode@2.png"));
2740 background-color: transparent; }
2741
2742 .view.content-view.check:backdrop:checked:not(list), iconview.content-view.check:backdrop:checked:not(list) {
2743 -gtk-icon-shadow: none;
2744 -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-backdrop-selectionmode.png"), url("assets/checkbox-checked-backdrop-selectionmode@2.png"));
2745 background-color: transparent; }
2746
2747 checkbutton.text-button, radiobutton.text-button {
2748 padding: 2px 0;
2749 outline-offset: 0; }
2750 checkbutton.text-button label:not(:only-child):first-child, radiobutton.text-button label:not(:only-child):first-child {
2751 margin-left: 4px; }
2752 checkbutton.text-button label:not(:only-child):last-child, radiobutton.text-button label:not(:only-child):last-child {
2753 margin-right: 4px; }
2754
2755 check,
2756 radio {
2757 margin: 0 4px;
2758 min-height: 14px;
2759 min-width: 14px;
2760 border: 1px solid;
2761 -gtk-icon-source: none;
2762 color: #161616;
2763 outline-color: rgba(22, 22, 22, 0.3);
2764 border-color: #7a7a7a;
2765 text-shadow: 0 1px rgba(255, 255, 255, 0.76923);
2766 -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923);
2767 background-image: linear-gradient(to bottom, lightgray 20%, #C6C6C6 90%);
2768 box-shadow: inset 0 1px rgba(255, 255, 255, 0.6), inset 0 -2px #cbcbcb, inset 0 -1px #a7a7a7, 0 1px rgba(0, 0, 0, 0.1); }
2769 check:only-child,
2770 radio:only-child {
2771 margin: 0; }
2772 check:hover,
2773 radio:hover {
2774 color: #161616;
2775 outline-color: rgba(22, 22, 22, 0.3);
2776 border-color: #7a7a7a;
2777 background-image: linear-gradient(to bottom, #dddddd 10%, #d0d0d0 90%);
2778 box-shadow: inset 0 1px rgba(255, 255, 255, 0.6), inset 0 -2px lightgray, inset 0 -1px #adadad, 0 1px rgba(0, 0, 0, 0.1); }
2779 check:active,
2780 radio:active {
2781 color: #161616;
2782 outline-color: rgba(22, 22, 22, 0.3);
2783 border-color: #7a7a7a;
2784 background-image: linear-gradient(to bottom, #a5a5a5, #b9b9b9);
2785 text-shadow: 0 1px rgba(255, 255, 255, 0.76923);
2786 -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923);
2787 box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); }
2788 check:disabled,
2789 radio:disabled {
2790 border-color: #7a7a7a;
2791 background-image: linear-gradient(to bottom, #c6c6c6);
2792 text-shadow: none;
2793 -gtk-icon-shadow: none;
2794 box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
2795 check:disabled label, check:disabled,
2796 radio:disabled label,
2797 radio:disabled {
2798 color: #6e6e6e; }
2799 check:backdrop,
2800 radio:backdrop {
2801 border-color: #828282;
2802 background-image: linear-gradient(to bottom, #C6C6C6);
2803 text-shadow: none;
2804 -gtk-icon-shadow: none;
2805 box-shadow: inset 0 1px rgba(255, 255, 255, 0);
2806 transition: 200ms ease-out; }
2807 check:backdrop label, check:backdrop,
2808 radio:backdrop label,
2809 radio:backdrop {
2810 color: #6e6e6e; }
2811 check:backdrop:disabled,
2812 radio:backdrop:disabled {
2813 border-color: #828282;
2814 background-image: linear-gradient(to bottom, #c6c6c6);
2815 text-shadow: none;
2816 -gtk-icon-shadow: none;
2817 box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
2818 check:backdrop:disabled label, check:backdrop:disabled,
2819 radio:backdrop:disabled label,
2820 radio:backdrop:disabled {
2821 color: #a0a0a0; }
2822 row:selected check, row:selected
2823 radio {
2824 border-color: #12180c; }
2825 .osd check, .osd
2826 radio {
2827 color: #eeeeec;
2828 border-color: rgba(0, 0, 0, 0.7);
2829 background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8));
2830 background-clip: padding-box;
2831 box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
2832 text-shadow: 0 1px black;
2833 -gtk-icon-shadow: 0 1px black;
2834 outline-color: rgba(238, 238, 236, 0.3); }
2835 .osd check:hover, .osd
2836 radio:hover {
2837 color: #eeeeec;
2838 border-color: rgba(0, 0, 0, 0.7);
2839 background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8));
2840 background-clip: padding-box;
2841 box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
2842 text-shadow: 0 1px black;
2843 -gtk-icon-shadow: 0 1px black;
2844 outline-color: rgba(238, 238, 236, 0.3); }
2845 .osd check:active, .osd
2846 radio:active {
2847 color: white;
2848 border-color: rgba(0, 0, 0, 0.7);
2849 background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7));
2850 background-clip: padding-box;
2851 box-shadow: none;
2852 text-shadow: none;
2853 -gtk-icon-shadow: none;
2854 outline-color: rgba(238, 238, 236, 0.3); }
2855 .osd check:backdrop, .osd
2856 radio:backdrop {
2857 color: #eeeeec;
2858 border-color: rgba(0, 0, 0, 0.7);
2859 background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8));
2860 background-clip: padding-box;
2861 box-shadow: none;
2862 text-shadow: none;
2863 -gtk-icon-shadow: none; }
2864 .osd check:disabled, .osd
2865 radio:disabled {
2866 color: #878a89;
2867 border-color: rgba(0, 0, 0, 0.7);
2868 background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5));
2869 background-clip: padding-box;
2870 box-shadow: none;
2871 text-shadow: none;
2872 -gtk-icon-shadow: none; }
2873 menu menuitem check, menu menuitem
2874 radio {
2875 margin: 0; }
2876 menu menuitem check, menu menuitem check:hover, menu menuitem check:disabled, menu menuitem
2877 radio, menu menuitem
2878 radio:hover, menu menuitem
2879 radio:disabled {
2880 min-height: 14px;
2881 min-width: 14px;
2882 background-image: none;
2883 background-color: transparent;
2884 box-shadow: none;
2885 -gtk-icon-shadow: none;
2886 color: inherit;
2887 border-color: currentColor;
2888 animation: none; }
2889
2890 check {
2891 border-radius: 3px; }
2892 check:checked {
2893 -gtk-icon-source: image(-gtk-recolor(url("assets/check-symbolic.svg")), -gtk-recolor(url("assets/check-symbolic.symbolic.png"))); }
2894 check:indeterminate {
2895 -gtk-icon-source: image(-gtk-recolor(url("assets/dash-symbolic.svg")), -gtk-recolor(url("assets/dash-symbolic.symbolic.png"))); }
2896
2897 treeview.view radio:selected:focus, treeview.view radio:selected,
2898 radio {
2899 border-radius: 100%; }
2900 treeview.view radio:checked:selected,
2901 radio:checked {
2902 -gtk-icon-source: image(-gtk-recolor(url("assets/bullet-symbolic.svg")), -gtk-recolor(url("assets/bullet-symbolic.symbolic.png"))); }
2903 treeview.view radio:indeterminate:selected,
2904 radio:indeterminate {
2905 -gtk-icon-source: image(-gtk-recolor(url("assets/dash-symbolic.svg")), -gtk-recolor(url("assets/dash-symbolic.symbolic.png"))); }
2906
2907 @keyframes check_check {
2908 from {
2909 -gtk-icon-transform: translate(6px, -3px) rotate(-45deg) scaleY(0.2) rotate(45deg) scaleX(0); }
2910 to {
2911 -gtk-icon-transform: unset; } }
2912 @keyframes check_radio {
2913 from {
2914 -gtk-icon-transform: scale(0); }
2915 to {
2916 -gtk-icon-transform: unset; } }
2917 @keyframes check_indeterminate {
2918 from {
2919 -gtk-icon-transform: scale(0, 1); }
2920 to {
2921 -gtk-icon-transform: unset; } }
2922 check:not(:indeterminate):checked {
2923 animation: check_check 400ms; }
2924
2925 radio:not(:indeterminate):checked {
2926 animation: check_radio 400ms; }
2927
2928 check:indeterminate:checked, radio:indeterminate:checked {
2929 animation: check_indeterminate 400ms; }
2930
2931 menu menuitem check:not(:indeterminate):checked,
2932 menu menuitem radio:not(:indeterminate):checked,
2933 menu menuitem check:indeterminate:checked:active,
2934 menu menuitem radio:indeterminate:checked {
2935 animation: none; }
2936
2937 treeview.view check:selected:focus, treeview.view check:selected,
2938 treeview.view radio:selected:focus,
2939 treeview.view radio:selected {
2940 color: #161616;
2941 border-color: #12180c; }
2942 treeview.view check:selected:disabled,
2943 treeview.view radio:selected:disabled {
2944 color: #6e6e6e; }
2945 treeview.view check:selected:disabled:backdrop,
2946 treeview.view radio:selected:disabled:backdrop {
2947 color: #a0a0a0; }
2948 treeview.view check:backdrop:selected, treeview.view check:backdrop,
2949 treeview.view radio:backdrop:selected,
2950 treeview.view radio:backdrop {
2951 color: #6e6e6e; }
2952
2953 /************
2954 * GtkScale *
2955 ************/
2956 scale trough, scale fill, progressbar trough {
2957 border: 1px solid #7a7a7a;
2958 border-radius: 3px;
2959 background-color: #ababab;
2960 box-shadow: inset 1px 1px rgba(0, 0, 0, 0.1); }
2961 scale trough:disabled, scale fill:disabled, progressbar trough:disabled {
2962 background-color: #c6c6c6;
2963 box-shadow: none; }
2964 scale trough:backdrop, scale fill:backdrop, progressbar trough:backdrop, progressbar:backdrop trough {
2965 background-color: #aeaeae;
2966 border-color: #828282;
2967 box-shadow: none;
2968 transition: 200ms ease-out; }
2969 scale trough:backdrop:disabled, scale fill:backdrop:disabled, progressbar trough:backdrop:disabled, progressbar:backdrop trough:disabled {
2970 background-color: #c6c6c6; }
2971 row:selected scale trough, scale row:selected trough, row:selected scale fill, scale row:selected fill, row:selected progressbar trough, progressbar row:selected trough {
2972 box-shadow: none; }
2973 row:selected scale trough, scale row:selected trough, row:selected scale fill, scale row:selected fill, row:selected progressbar trough, progressbar row:selected trough, row:selected scale trough:disabled, scale row:selected trough:disabled, row:selected scale fill:disabled, scale row:selected fill:disabled, row:selected progressbar trough:disabled, progressbar row:selected trough:disabled {
2974 border-color: #12180c; }
2975 .osd scale trough, scale .osd trough, .osd scale fill, scale .osd fill, .osd progressbar trough, progressbar .osd trough {
2976 border-color: rgba(0, 0, 0, 0.7);
2977 background-color: rgba(0, 0, 0, 0.5);
2978 box-shadow: none;
2979 outline-color: rgba(238, 238, 236, 0.2); }
2980 .osd scale trough:disabled, scale .osd trough:disabled, .osd scale fill:disabled, scale .osd fill:disabled, .osd progressbar trough:disabled, progressbar .osd trough:disabled {
2981 background-color: rgba(53, 57, 58, 0.5); }
2982
2983 scale highlight, progressbar progress {
2984 border: 1px solid #12180c;
2985 border-radius: 3px;
2986 background-color: #5E7F3E; }
2987 scale highlight:disabled, progressbar progress:disabled {
2988 background-color: transparent;
2989 border-color: transparent; }
2990 scale highlight:backdrop, progressbar progress:backdrop, progressbar:backdrop progress {
2991 border-color: #5E7F3E; }
2992 scale highlight:backdrop:disabled, progressbar progress:backdrop:disabled, progressbar:backdrop progress:disabled {
2993 background-color: transparent;
2994 border-color: transparent; }
2995 row:selected scale highlight:disabled, scale row:selected highlight:disabled, row:selected progressbar progress:disabled, progressbar row:selected progress:disabled, row:selected scale highlight, scale row:selected highlight, row:selected progressbar progress, progressbar row:selected progress {
2996 border-color: #12180c; }
2997 .osd scale highlight, scale .osd highlight, .osd progressbar progress, progressbar .osd progress {
2998 border-color: rgba(0, 0, 0, 0.7); }
2999 .osd scale highlight:disabled, scale .osd highlight:disabled, .osd progressbar progress:disabled, progressbar .osd progress:disabled {
3000 border-color: transparent; }
3001
3002 scale {
3003 min-height: 10px;
3004 min-width: 10px;
3005 padding: 12px; }
3006 scale fill,
3007 scale highlight {
3008 margin: -1px; }
3009 scale slider {
3010 min-height: 18px;
3011 min-width: 18px;
3012 margin: -9px; }
3013 scale.fine-tune.horizontal {
3014 padding-top: 9px;
3015 padding-bottom: 9px;
3016 min-height: 16px; }
3017 scale.fine-tune.vertical {
3018 padding-left: 9px;
3019 padding-right: 9px;
3020 min-width: 16px; }
3021 scale.fine-tune slider {
3022 margin: -6px; }
3023 scale.fine-tune fill,
3024 scale.fine-tune highlight,
3025 scale.fine-tune trough {
3026 border-radius: 5px;
3027 -gtk-outline-radius: 7px; }
3028 scale trough {
3029 outline-offset: 2px;
3030 -gtk-outline-radius: 5px; }
3031 scale fill, scale fill:backdrop {
3032 background-color: #7a7a7a;
3033 box-shadow: none; }
3034 scale fill:disabled, scale fill:disabled:backdrop {
3035 border-color: transparent;
3036 background-color: transparent; }
3037 .osd scale fill {
3038 background-color: rgba(91, 91, 90, 0.775); }
3039 .osd scale fill:disabled, .osd scale fill:disabled:backdrop {
3040 border-color: transparent;
3041 background-color: transparent; }
3042 scale slider {
3043 color: #161616;
3044 outline-color: rgba(22, 22, 22, 0.3);
3045 border-color: #7a7a7a;
3046 text-shadow: 0 1px rgba(255, 255, 255, 0.76923);
3047 -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923);
3048 background-image: linear-gradient(to bottom, lightgray 20%, #C6C6C6 90%);
3049 box-shadow: inset 0 1px rgba(255, 255, 255, 0.6), inset 0 -2px #cbcbcb, inset 0 -1px #a7a7a7, 0 1px rgba(0, 0, 0, 0.1);
3050 border: 1px solid #727272;
3051 border-radius: 100%;
3052 transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
3053 transition-property: background, border, box-shadow; }
3054 scale slider:hover {
3055 color: #161616;
3056 outline-color: rgba(22, 22, 22, 0.3);
3057 border-color: #7a7a7a;
3058 background-image: linear-gradient(to bottom, #dddddd 10%, #d0d0d0 90%);
3059 box-shadow: inset 0 1px rgba(255, 255, 255, 0.6), inset 0 -2px lightgray, inset 0 -1px #adadad, 0 1px rgba(0, 0, 0, 0.1); }
3060 scale slider:active {
3061 border-color: #12180c; }
3062 scale slider:disabled {
3063 border-color: #7a7a7a;
3064 background-image: linear-gradient(to bottom, #c6c6c6);
3065 text-shadow: none;
3066 -gtk-icon-shadow: none;
3067 box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
3068 scale slider:disabled label, scale slider:disabled {
3069 color: #6e6e6e; }
3070 scale slider:backdrop {
3071 transition: 200ms ease-out;
3072 border-color: #828282;
3073 background-image: linear-gradient(to bottom, #C6C6C6);
3074 text-shadow: none;
3075 -gtk-icon-shadow: none;
3076 box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
3077 scale slider:backdrop label, scale slider:backdrop {
3078 color: #6e6e6e; }
3079 scale slider:backdrop:disabled {
3080 border-color: #828282;
3081 background-image: linear-gradient(to bottom, #c6c6c6);
3082 text-shadow: none;
3083 -gtk-icon-shadow: none;
3084 box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
3085 scale slider:backdrop:disabled label, scale slider:backdrop:disabled {
3086 color: #a0a0a0; }
3087 row:selected scale slider, row:selected scale slider:disabled {
3088 border-color: #12180c; }
3089 .osd scale slider {
3090 color: #eeeeec;
3091 border-color: rgba(0, 0, 0, 0.7);
3092 background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8));
3093 background-clip: padding-box;
3094 box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
3095 text-shadow: 0 1px black;
3096 -gtk-icon-shadow: 0 1px black;
3097 outline-color: rgba(238, 238, 236, 0.3);
3098 border-color: rgba(0, 0, 0, 0.7);
3099 background-color: #202526; }
3100 .osd scale slider:hover {
3101 color: white;
3102 border-color: rgba(0, 0, 0, 0.7);
3103 background-image: linear-gradient(to bottom, rgba(60, 69, 71, 0.8));
3104 background-clip: padding-box;
3105 box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
3106 text-shadow: 0 1px black;
3107 -gtk-icon-shadow: 0 1px black;
3108 outline-color: rgba(238, 238, 236, 0.3); }
3109 .osd scale slider:active {
3110 color: white;
3111 border-color: rgba(0, 0, 0, 0.7);
3112 background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7));
3113 background-clip: padding-box;
3114 box-shadow: none;
3115 text-shadow: none;
3116 -gtk-icon-shadow: none;
3117 outline-color: rgba(238, 238, 236, 0.3); }
3118 .osd scale slider:disabled {
3119 color: #878a89;
3120 border-color: rgba(0, 0, 0, 0.7);
3121 background-image: linear-gradient(to bottom, rgba(53, 57, 58, 0.5));
3122 background-clip: padding-box;
3123 box-shadow: none;
3124 text-shadow: none;
3125 -gtk-icon-shadow: none; }
3126 .osd scale slider:backdrop {
3127 color: #eeeeec;
3128 border-color: rgba(0, 0, 0, 0.7);
3129 background-image: linear-gradient(to bottom, rgba(32, 37, 38, 0.8));
3130 background-clip: padding-box;
3131 box-shadow: none;
3132 text-shadow: none;
3133 -gtk-icon-shadow: none; }
3134 scale value {
3135 color: alpha(currentColor,0.4); }
3136 scale marks {
3137 color: alpha(currentColor,0.4); }
3138 scale marks.top {
3139 margin-bottom: 6px;
3140 margin-top: -12px; }
3141 scale marks.bottom {
3142 margin-top: 6px;
3143 margin-bottom: -12px; }
3144 scale marks.top {
3145 margin-right: 6px;
3146 margin-left: -12px; }
3147 scale marks.bottom {
3148 margin-left: 6px;
3149 margin-right: -12px; }
3150 scale.fine-tune marks.top {
3151 margin-bottom: 6px;
3152 margin-top: -9px; }
3153 scale.fine-tune marks.bottom {
3154 margin-top: 6px;
3155 margin-bottom: -9px; }
3156 scale.fine-tune marks.top {
3157 margin-right: 6px;
3158 margin-left: -9px; }
3159 scale.fine-tune marks.bottom {
3160 margin-left: 6px;
3161 margin-right: -9px; }
3162 scale.horizontal indicator {
3163 min-height: 6px;
3164 min-width: 1px; }
3165 scale.horizontal.fine-tune indicator {
3166 min-height: 3px; }
3167 scale.vertical indicator {
3168 min-height: 1px;
3169 min-width: 6px; }
3170 scale.vertical.fine-tune indicator {
3171 min-width: 3px; }
3172 scale.horizontal.marks-before:not(.marks-after) slider {
3173 margin: -10px;
3174 border-style: none;
3175 border-radius: 0;
3176 background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above.png"), url("assets/slider-horz-scale-has-marks-above@2.png"));
3177 min-height: 26px;
3178 min-width: 22px;
3179 margin-top: -14px;
3180 background-position: top;
3181 background-repeat: no-repeat;
3182 box-shadow: none; }
3183 scale.horizontal.marks-before:not(.marks-after).fine-tune slider {
3184 margin: -7px;
3185 margin-top: -11px; }
3186 scale.horizontal.marks-before:not(.marks-after) slider:hover {
3187 margin: -10px;
3188 border-style: none;
3189 border-radius: 0;
3190 background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-hover.png"), url("assets/slider-horz-scale-has-marks-above-hover@2.png"));
3191 min-height: 26px;
3192 min-width: 22px;
3193 margin-top: -14px;
3194 background-position: top;
3195 background-repeat: no-repeat;
3196 box-shadow: none; }
3197 scale.horizontal.marks-before:not(.marks-after).fine-tune slider {
3198 margin: -7px;
3199 margin-top: -11px; }
3200 scale.horizontal.marks-before:not(.marks-after) slider:active {
3201 margin: -10px;
3202 border-style: none;
3203 border-radius: 0;
3204 background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active.png"), url("assets/slider-horz-scale-has-marks-above-active@2.png"));
3205 min-height: 26px;
3206 min-width: 22px;
3207 margin-top: -14px;
3208 background-position: top;
3209 background-repeat: no-repeat;
3210 box-shadow: none; }
3211 scale.horizontal.marks-before:not(.marks-after).fine-tune slider {
3212 margin: -7px;
3213 margin-top: -11px; }
3214 scale.horizontal.marks-before:not(.marks-after) slider:disabled {
3215 margin: -10px;
3216 border-style: none;
3217 border-radius: 0;
3218 background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-insensitive.png"), url("assets/slider-horz-scale-has-marks-above-insensitive@2.png"));
3219 min-height: 26px;
3220 min-width: 22px;
3221 margin-top: -14px;
3222 background-position: top;
3223 background-repeat: no-repeat;
3224 box-shadow: none; }
3225 scale.horizontal.marks-before:not(.marks-after).fine-tune slider {
3226 margin: -7px;
3227 margin-top: -11px; }
3228 scale.horizontal.marks-before:not(.marks-after) slider:backdrop {
3229 margin: -10px;
3230 border-style: none;
3231 border-radius: 0;
3232 background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-backdrop.png"), url("assets/slider-horz-scale-has-marks-above-backdrop@2.png"));
3233 min-height: 26px;
3234 min-width: 22px;
3235 margin-top: -14px;
3236 background-position: top;
3237 background-repeat: no-repeat;
3238 box-shadow: none; }
3239 scale.horizontal.marks-before:not(.marks-after).fine-tune slider {
3240 margin: -7px;
3241 margin-top: -11px; }
3242 scale.horizontal.marks-before:not(.marks-after) slider:backdrop:disabled {
3243 margin: -10px;
3244 border-style: none;
3245 border-radius: 0;
3246 background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-backdrop-insensitive.png"), url("assets/slider-horz-scale-has-marks-above-backdrop-insensitive@2.png"));
3247 min-height: 26px;
3248 min-width: 22px;
3249 margin-top: -14px;
3250 background-position: top;
3251 background-repeat: no-repeat;
3252 box-shadow: none; }
3253 scale.horizontal.marks-before:not(.marks-after).fine-tune slider {
3254 margin: -7px;
3255 margin-top: -11px; }
3256 scale.horizontal.marks-after:not(.marks-before) slider {
3257 margin: -10px;
3258 border-style: none;
3259 border-radius: 0;
3260 background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below.png"), url("assets/slider-horz-scale-has-marks-below@2.png"));
3261 min-height: 26px;
3262 min-width: 22px;
3263 margin-bottom: -14px;
3264 background-position: bottom;
3265 background-repeat: no-repeat;
3266 box-shadow: none; }
3267 scale.horizontal.marks-after:not(.marks-before).fine-tune slider {
3268 margin: -7px;
3269 margin-bottom: -11px; }
3270 scale.horizontal.marks-after:not(.marks-before) slider:hover {
3271 margin: -10px;
3272 border-style: none;
3273 border-radius: 0;
3274 background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-hover.png"), url("assets/slider-horz-scale-has-marks-below-hover@2.png"));
3275 min-height: 26px;
3276 min-width: 22px;
3277 margin-bottom: -14px;
3278 background-position: bottom;
3279 background-repeat: no-repeat;
3280 box-shadow: none; }
3281 scale.horizontal.marks-after:not(.marks-before).fine-tune slider {
3282 margin: -7px;
3283 margin-bottom: -11px; }
3284 scale.horizontal.marks-after:not(.marks-before) slider:active {
3285 margin: -10px;
3286 border-style: none;
3287 border-radius: 0;
3288 background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-active.png"), url("assets/slider-horz-scale-has-marks-below-active@2.png"));
3289 min-height: 26px;
3290 min-width: 22px;
3291 margin-bottom: -14px;
3292 background-position: bottom;
3293 background-repeat: no-repeat;
3294 box-shadow: none; }
3295 scale.horizontal.marks-after:not(.marks-before).fine-tune slider {
3296 margin: -7px;
3297 margin-bottom: -11px; }
3298 scale.horizontal.marks-after:not(.marks-before) slider:disabled {
3299 margin: -10px;
3300 border-style: none;
3301 border-radius: 0;
3302 background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-insensitive.png"), url("assets/slider-horz-scale-has-marks-below-insensitive@2.png"));
3303 min-height: 26px;
3304 min-width: 22px;
3305 margin-bottom: -14px;
3306 background-position: bottom;
3307 background-repeat: no-repeat;
3308 box-shadow: none; }
3309 scale.horizontal.marks-after:not(.marks-before).fine-tune slider {
3310 margin: -7px;
3311 margin-bottom: -11px; }
3312 scale.horizontal.marks-after:not(.marks-before) slider:backdrop {
3313 margin: -10px;
3314 border-style: none;
3315 border-radius: 0;
3316 background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-backdrop.png"), url("assets/slider-horz-scale-has-marks-below-backdrop@2.png"));
3317 min-height: 26px;
3318 min-width: 22px;
3319 margin-bottom: -14px;
3320 background-position: bottom;
3321 background-repeat: no-repeat;
3322 box-shadow: none; }
3323 scale.horizontal.marks-after:not(.marks-before).fine-tune slider {
3324 margin: -7px;
3325 margin-bottom: -11px; }
3326 scale.horizontal.marks-after:not(.marks-before) slider:backdrop:disabled {
3327 margin: -10px;
3328 border-style: none;
3329 border-radius: 0;
3330 background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-backdrop-insensitive.png"), url("assets/slider-horz-scale-has-marks-below-backdrop-insensitive@2.png"));
3331 min-height: 26px;
3332 min-width: 22px;
3333 margin-bottom: -14px;
3334 background-position: bottom;
3335 background-repeat: no-repeat;
3336 box-shadow: none; }
3337 scale.horizontal.marks-after:not(.marks-before).fine-tune slider {
3338 margin: -7px;
3339 margin-bottom: -11px; }
3340 scale.vertical.marks-before:not(.marks-after) slider {
3341 margin: -10px;
3342 border-style: none;
3343 border-radius: 0;
3344 background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above.png"), url("assets/slider-vert-scale-has-marks-above@2.png"));
3345 min-height: 22px;
3346 min-width: 26px;
3347 margin-left: -14px;
3348 background-position: left bottom;
3349 background-repeat: no-repeat;
3350 box-shadow: none; }
3351 scale.vertical.marks-before:not(.marks-after).fine-tune slider {
3352 margin: -7px;
3353 margin-left: -11px; }
3354 scale.vertical.marks-before:not(.marks-after) slider:hover {
3355 margin: -10px;
3356 border-style: none;
3357 border-radius: 0;
3358 background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-hover.png"), url("assets/slider-vert-scale-has-marks-above-hover@2.png"));
3359 min-height: 22px;
3360 min-width: 26px;
3361 margin-left: -14px;
3362 background-position: left bottom;
3363 background-repeat: no-repeat;
3364 box-shadow: none; }
3365 scale.vertical.marks-before:not(.marks-after).fine-tune slider {
3366 margin: -7px;
3367 margin-left: -11px; }
3368 scale.vertical.marks-before:not(.marks-after) slider:active {
3369 margin: -10px;
3370 border-style: none;
3371 border-radius: 0;
3372 background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-active.png"), url("assets/slider-vert-scale-has-marks-above-active@2.png"));
3373 min-height: 22px;
3374 min-width: 26px;
3375 margin-left: -14px;
3376 background-position: left bottom;
3377 background-repeat: no-repeat;
3378 box-shadow: none; }
3379 scale.vertical.marks-before:not(.marks-after).fine-tune slider {
3380 margin: -7px;
3381 margin-left: -11px; }
3382 scale.vertical.marks-before:not(.marks-after) slider:disabled {
3383 margin: -10px;
3384 border-style: none;
3385 border-radius: 0;
3386 background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-insensitive.png"), url("assets/slider-vert-scale-has-marks-above-insensitive@2.png"));
3387 min-height: 22px;
3388 min-width: 26px;
3389 margin-left: -14px;
3390 background-position: left bottom;
3391 background-repeat: no-repeat;
3392 box-shadow: none; }
3393 scale.vertical.marks-before:not(.marks-after).fine-tune slider {
3394 margin: -7px;
3395 margin-left: -11px; }
3396 scale.vertical.marks-before:not(.marks-after) slider:backdrop {
3397 margin: -10px;
3398 border-style: none;
3399 border-radius: 0;
3400 background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-backdrop.png"), url("assets/slider-vert-scale-has-marks-above-backdrop@2.png"));
3401 min-height: 22px;
3402 min-width: 26px;
3403 margin-left: -14px;
3404 background-position: left bottom;
3405 background-repeat: no-repeat;
3406 box-shadow: none; }
3407 scale.vertical.marks-before:not(.marks-after).fine-tune slider {
3408 margin: -7px;
3409 margin-left: -11px; }
3410 scale.vertical.marks-before:not(.marks-after) slider:backdrop:disabled {
3411 margin: -10px;
3412 border-style: none;
3413 border-radius: 0;
3414 background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-backdrop-insensitive.png"), url("assets/slider-vert-scale-has-marks-above-backdrop-insensitive@2.png"));
3415 min-height: 22px;
3416 min-width: 26px;
3417 margin-left: -14px;
3418 background-position: left bottom;
3419 background-repeat: no-repeat;
3420 box-shadow: none; }
3421 scale.vertical.marks-before:not(.marks-after).fine-tune slider {
3422 margin: -7px;
3423 margin-left: -11px; }
3424 scale.vertical.marks-after:not(.marks-before) slider {
3425 margin: -10px;
3426 border-style: none;
3427 border-radius: 0;
3428 background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below.png"), url("assets/slider-vert-scale-has-marks-below@2.png"));
3429 min-height: 22px;
3430 min-width: 26px;
3431 margin-right: -14px;
3432 background-position: right bottom;
3433 background-repeat: no-repeat;
3434 box-shadow: none; }
3435 scale.vertical.marks-after:not(.marks-before).fine-tune slider {
3436 margin: -7px;
3437 margin-right: -11px; }
3438 scale.vertical.marks-after:not(.marks-before) slider:hover {
3439 margin: -10px;
3440 border-style: none;
3441 border-radius: 0;
3442 background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-hover.png"), url("assets/slider-vert-scale-has-marks-below-hover@2.png"));
3443 min-height: 22px;
3444 min-width: 26px;
3445 margin-right: -14px;
3446 background-position: right bottom;
3447 background-repeat: no-repeat;
3448 box-shadow: none; }
3449 scale.vertical.marks-after:not(.marks-before).fine-tune slider {
3450 margin: -7px;
3451 margin-right: -11px; }
3452 scale.vertical.marks-after:not(.marks-before) slider:active {
3453 margin: -10px;
3454 border-style: none;
3455 border-radius: 0;
3456 background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-active.png"), url("assets/slider-vert-scale-has-marks-below-active@2.png"));
3457 min-height: 22px;
3458 min-width: 26px;
3459 margin-right: -14px;
3460 background-position: right bottom;
3461 background-repeat: no-repeat;
3462 box-shadow: none; }
3463 scale.vertical.marks-after:not(.marks-before).fine-tune slider {
3464 margin: -7px;
3465 margin-right: -11px; }
3466 scale.vertical.marks-after:not(.marks-before) slider:disabled {
3467 margin: -10px;
3468 border-style: none;
3469 border-radius: 0;
3470 background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-insensitive.png"), url("assets/slider-vert-scale-has-marks-below-insensitive@2.png"));
3471 min-height: 22px;
3472 min-width: 26px;
3473 margin-right: -14px;
3474 background-position: right bottom;
3475 background-repeat: no-repeat;
3476 box-shadow: none; }
3477 scale.vertical.marks-after:not(.marks-before).fine-tune slider {
3478 margin: -7px;
3479 margin-right: -11px; }
3480 scale.vertical.marks-after:not(.marks-before) slider:backdrop {
3481 margin: -10px;
3482 border-style: none;
3483 border-radius: 0;
3484 background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-backdrop.png"), url("assets/slider-vert-scale-has-marks-below-backdrop@2.png"));
3485 min-height: 22px;
3486 min-width: 26px;
3487 margin-right: -14px;
3488 background-position: right bottom;
3489 background-repeat: no-repeat;
3490 box-shadow: none; }
3491 scale.vertical.marks-after:not(.marks-before).fine-tune slider {
3492 margin: -7px;
3493 margin-right: -11px; }
3494 scale.vertical.marks-after:not(.marks-before) slider:backdrop:disabled {
3495 margin: -10px;
3496 border-style: none;
3497 border-radius: 0;
3498 background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-backdrop-insensitive.png"), url("assets/slider-vert-scale-has-marks-below-backdrop-insensitive@2.png"));
3499 min-height: 22px;
3500 min-width: 26px;
3501 margin-right: -14px;
3502 background-position: right bottom;
3503 background-repeat: no-repeat;
3504 box-shadow: none; }
3505 scale.vertical.marks-after:not(.marks-before).fine-tune slider {
3506 margin: -7px;
3507 margin-right: -11px; }
3508 scale.color {
3509 min-height: 0;
3510 min-width: 0; }
3511 scale.color trough {
3512 background-image: linear-gradient(to top, #7a7a7a);
3513 background-repeat: no-repeat; }
3514 scale.color.horizontal {
3515 padding: 0 0 15px 0; }
3516 scale.color.horizontal trough {
3517 padding-bottom: 4px;
3518 background-position: 0 -3px;
3519 border-top-left-radius: 0;
3520 border-top-right-radius: 0; }
3521 scale.color.horizontal slider:dir(ltr):hover, scale.color.horizontal slider:dir(ltr):backdrop, scale.color.horizontal slider:dir(ltr):disabled, scale.color.horizontal slider:dir(ltr):backdrop:disabled, scale.color.horizontal slider:dir(ltr), scale.color.horizontal slider:dir(rtl):hover, scale.color.horizontal slider:dir(rtl):backdrop, scale.color.horizontal slider:dir(rtl):disabled, scale.color.horizontal slider:dir(rtl):backdrop:disabled, scale.color.horizontal slider:dir(rtl) {
3522 margin-bottom: -15px;
3523 margin-top: 6px; }
3524 scale.color.vertical:dir(ltr) {
3525 padding: 0 0 0 15px; }
3526 scale.color.vertical:dir(ltr) trough {
3527 padding-left: 4px;
3528 background-position: 3px 0;
3529 border-bottom-right-radius: 0;
3530 border-top-right-radius: 0; }
3531 scale.color.vertical:dir(ltr) slider:hover, scale.color.vertical:dir(ltr) slider:backdrop, scale.color.vertical:dir(ltr) slider:disabled, scale.color.vertical:dir(ltr) slider:backdrop:disabled, scale.color.vertical:dir(ltr) slider {
3532 margin-left: -15px;
3533 margin-right: 6px; }
3534 scale.color.vertical:dir(rtl) {
3535 padding: 0 15px 0 0; }
3536 scale.color.vertical:dir(rtl) trough {
3537 padding-right: 4px;
3538 background-position: -3px 0;
3539 border-bottom-left-radius: 0;
3540 border-top-left-radius: 0; }
3541 scale.color.vertical:dir(rtl) slider:hover, scale.color.vertical:dir(rtl) slider:backdrop, scale.color.vertical:dir(rtl) slider:disabled, scale.color.vertical:dir(rtl) slider:backdrop:disabled, scale.color.vertical:dir(rtl) slider {
3542 margin-right: -15px;
3543 margin-left: 6px; }
3544 scale.color.fine-tune.horizontal:dir(ltr), scale.color.fine-tune.horizontal:dir(rtl) {
3545 padding: 0 0 12px 0; }
3546 scale.color.fine-tune.horizontal:dir(ltr) trough, scale.color.fine-tune.horizontal:dir(rtl) trough {
3547 padding-bottom: 7px;
3548 background-position: 0 -6px; }
3549 scale.color.fine-tune.horizontal:dir(ltr) slider, scale.color.fine-tune.horizontal:dir(rtl) slider {
3550 margin-bottom: -15px;
3551 margin-top: 6px; }
3552 scale.color.fine-tune.vertical:dir(ltr) {
3553 padding: 0 0 0 12px; }
3554 scale.color.fine-tune.vertical:dir(ltr) trough {
3555 padding-left: 7px;
3556 background-position: 6px 0; }
3557 scale.color.fine-tune.vertical:dir(ltr) slider {
3558 margin-left: -15px;
3559 margin-right: 6px; }
3560 scale.color.fine-tune.vertical:dir(rtl) {
3561 padding: 0 12px 0 0; }
3562 scale.color.fine-tune.vertical:dir(rtl) trough {
3563 padding-right: 7px;
3564 background-position: -6px 0; }
3565 scale.color.fine-tune.vertical:dir(rtl) slider {
3566 margin-right: -15px;
3567 margin-left: 6px; }
3568
3569 /*****************
3570 * Progress bars *
3571 *****************/
3572 progressbar {
3573 font-size: smaller;
3574 color: rgba(22, 22, 22, 0.4); }
3575 progressbar.horizontal trough,
3576 progressbar.horizontal progress {
3577 min-height: 2px; }
3578 progressbar.vertical trough,
3579 progressbar.vertical progress {
3580 min-width: 2px; }
3581 progressbar.horizontal progress {
3582 margin: 0 -1px; }
3583 progressbar.vertical progress {
3584 margin: -1px 0; }
3585 progressbar:backdrop {
3586 box-shadow: none;
3587 transition: 200ms ease-out; }
3588 progressbar progress {
3589 border-radius: 1.5px; }
3590 progressbar progress.left {
3591 border-top-left-radius: 2px;
3592 border-bottom-left-radius: 2px; }
3593 progressbar progress.right {
3594 border-top-right-radius: 2px;
3595 border-bottom-right-radius: 2px; }
3596 progressbar progress.top {
3597 border-top-right-radius: 2px;
3598 border-top-left-radius: 2px; }
3599 progressbar progress.bottom {
3600 border-bottom-right-radius: 2px;
3601 border-bottom-left-radius: 2px; }
3602 progressbar.osd {
3603 min-width: 3px;
3604 min-height: 3px;
3605 background-color: transparent; }
3606 progressbar.osd trough {
3607 border-style: none;
3608 border-radius: 0;
3609 background-color: transparent;
3610 box-shadow: none; }
3611 progressbar.osd progress {
3612 border-style: none;
3613 border-radius: 0; }
3614
3615 /*************
3616 * Level Bar *
3617 *************/
3618 levelbar block {
3619 min-width: 32px;
3620 min-height: 1px; }
3621 levelbar.vertical block {
3622 min-width: 1px;
3623 min-height: 32px; }
3624 levelbar:backdrop {
3625 transition: 200ms ease-out; }
3626 levelbar trough {
3627 border: 1px solid;
3628 padding: 2px;
3629 border-radius: 3px;
3630 color: black;
3631 border-color: #7a7a7a;
3632 background-image: linear-gradient(to bottom, #a4a4a4, #c4c4c4 2px, #C6C6C6 90%);
3633 box-shadow: inset 0 0 0 1px rgba(94, 127, 62, 0); }
3634 levelbar trough:backdrop {
3635 color: #272727;
3636 border-color: #828282;
3637 background-image: linear-gradient(to bottom, #c3c3c3);
3638 box-shadow: none; }
3639 levelbar.horizontal.discrete block {
3640 margin: 0 1px; }
3641 levelbar.vertical.discrete block {
3642 margin: 1px 0; }
3643 levelbar block {
3644 border: 1px solid;
3645 border-radius: 1px;
3646 box-shadow: 0 1px rgba(0, 0, 0, 0.2); }
3647 levelbar block:backdrop {
3648 box-shadow: none; }
3649 levelbar block.low {
3650 border-color: #8f4700;
3651 background-color: #f57900; }
3652 levelbar block.low:backdrop {
3653 border-color: #f57900; }
3654 levelbar block.high, levelbar block:not(.empty) {
3655 border-color: #2b3a1d;
3656 background-color: #5E7F3E; }
3657 levelbar block.high:backdrop, levelbar block:not(.empty):backdrop {
3658 border-color: #5E7F3E; }
3659 levelbar block.full {
3660 border-color: #40760c;
3661 background-color: #73d216; }
3662 levelbar block.full:backdrop {
3663 border-color: #73d216; }
3664 levelbar block.empty {
3665 background-color: transparent;
3666 border-color: rgba(22, 22, 22, 0.2);
3667 box-shadow: none; }
3668 levelbar block.empty:backdrop {
3669 border-color: rgba(110, 110, 110, 0.15); }
3670
3671 /****************
3672 * Print dialog *
3673 *****************/
3674 printdialog paper {
3675 color: #161616;
3676 border: 1px solid #7a7a7a;
3677 background: white;
3678 padding: 0; }
3679 printdialog paper:backdrop {
3680 color: #6e6e6e;
3681 border-color: #828282; }
3682 printdialog .dialog-action-box {
3683 margin: 12px; }
3684
3685 /**********
3686 * Frames *
3687 **********/
3688 frame > border,
3689 .frame {
3690 box-shadow: none;
3691 margin: 0;
3692 padding: 0;
3693 border-radius: 0;
3694 border: 1px solid #7a7a7a; }
3695 frame > border.flat,
3696 .frame.flat {
3697 border-style: none; }
3698 frame > border:backdrop,
3699 .frame:backdrop {
3700 border-color: #828282; }
3701
3702 actionbar > revealer > box {
3703 padding: 6px;
3704 border-top: 1px solid #7a7a7a; }
3705 actionbar > revealer > box:backdrop {
3706 border-color: #828282; }
3707
3708 scrolledwindow viewport.frame {
3709 border-style: none; }
3710 scrolledwindow overshoot.top {
3711 background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#606060), to(rgba(96, 96, 96, 0))), -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(22, 22, 22, 0.07)), to(rgba(22, 22, 22, 0)));
3712 background-size: 100% 5%, 100% 100%;
3713 background-repeat: no-repeat;
3714 background-position: center top;
3715 background-color: transparent;
3716 border: none;
3717 box-shadow: none; }
3718 scrolledwindow overshoot.top:backdrop {
3719 background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#828282), to(rgba(130, 130, 130, 0)));
3720 background-size: 100% 5%;
3721 background-repeat: no-repeat;
3722 background-position: center top;
3723 background-color: transparent;
3724 border: none;
3725 box-shadow: none; }
3726 scrolledwindow overshoot.bottom {
3727 background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#606060), to(rgba(96, 96, 96, 0))), -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(22, 22, 22, 0.07)), to(rgba(22, 22, 22, 0)));
3728 background-size: 100% 5%, 100% 100%;
3729 background-repeat: no-repeat;
3730 background-position: center bottom;
3731 background-color: transparent;
3732 border: none;
3733 box-shadow: none; }
3734 scrolledwindow overshoot.bottom:backdrop {
3735 background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(#828282), to(rgba(130, 130, 130, 0)));
3736 background-size: 100% 5%;
3737 background-repeat: no-repeat;
3738 background-position: center bottom;
3739 background-color: transparent;
3740 border: none;
3741 box-shadow: none; }
3742 scrolledwindow overshoot.left {
3743 background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#606060), to(rgba(96, 96, 96, 0))), -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(22, 22, 22, 0.07)), to(rgba(22, 22, 22, 0)));
3744 background-size: 5% 100%, 100% 100%;
3745 background-repeat: no-repeat;
3746 background-position: left center;
3747 background-color: transparent;
3748 border: none;
3749 box-shadow: none; }
3750 scrolledwindow overshoot.left:backdrop {
3751 background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(#828282), to(rgba(130, 130, 130, 0)));
3752 background-size: 5% 100%;
3753 background-repeat: no-repeat;
3754 background-position: left center;
3755 background-color: transparent;
3756 border: none;
3757 box-shadow: none; }
3758 scrolledwindow overshoot.right {
3759 background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#606060), to(rgba(96, 96, 96, 0))), -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(22, 22, 22, 0.07)), to(rgba(22, 22, 22, 0)));
3760 background-size: 5% 100%, 100% 100%;
3761 background-repeat: no-repeat;
3762 background-position: right center;
3763 background-color: transparent;
3764 border: none;
3765 box-shadow: none; }
3766 scrolledwindow overshoot.right:backdrop {
3767 background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(#828282), to(rgba(130, 130, 130, 0)));
3768 background-size: 5% 100%;
3769 background-repeat: no-repeat;
3770 background-position: right center;
3771 background-color: transparent;
3772 border: none;
3773 box-shadow: none; }
3774 scrolledwindow undershoot.top {
3775 background-color: transparent;
3776 background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%);
3777 padding-top: 1px;
3778 background-size: 10px 1px;
3779 background-repeat: repeat-x;
3780 background-origin: content-box;
3781 background-position: center top;
3782 border: none;
3783 box-shadow: none; }
3784 scrolledwindow undershoot.bottom {
3785 background-color: transparent;
3786 background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%);
3787 padding-bottom: 1px;
3788 background-size: 10px 1px;
3789 background-repeat: repeat-x;
3790 background-origin: content-box;
3791 background-position: center bottom;
3792 border: none;
3793 box-shadow: none; }
3794 scrolledwindow undershoot.left {
3795 background-color: transparent;
3796 background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%);
3797 padding-left: 1px;
3798 background-size: 1px 10px;
3799 background-repeat: repeat-y;
3800 background-origin: content-box;
3801 background-position: left center;
3802 border: none;
3803 box-shadow: none; }
3804 scrolledwindow undershoot.right {
3805 background-color: transparent;
3806 background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%);
3807 padding-right: 1px;
3808 background-size: 1px 10px;
3809 background-repeat: repeat-y;
3810 background-origin: content-box;
3811 background-position: right center;
3812 border: none;
3813 box-shadow: none; }
3814 scrolledwindow junction {
3815 border-color: transparent;
3816 border-image: linear-gradient(to bottom, #7a7a7a 1px, transparent 1px) 0 0 0 1/0 1px stretch;
3817 background-color: #b4b4b4; }
3818 scrolledwindow junction:dir(rtl) {
3819 border-image-slice: 0 1 0 0; }
3820 scrolledwindow junction:backdrop {
3821 border-image-source: linear-gradient(to bottom, #828282 1px, transparent 1px);
3822 background-color: #bebebe;
3823 transition: 200ms ease-out; }
3824
3825 separator {
3826 background: rgba(0, 0, 0, 0.1);
3827 min-width: 1px;
3828 min-height: 1px; }
3829
3830 /*********
3831 * Lists *
3832 *********/
3833 list {
3834 color: black;
3835 background-color: #C6C6C6;
3836 border-color: #7a7a7a; }
3837 list:backdrop {
3838 background-color: #c3c3c3;
3839 border-color: #828282; }
3840 list row {
3841 padding: 2px; }
3842
3843 row {
3844 transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
3845 row:hover {
3846 transition: none; }
3847 row:backdrop {
3848 transition: 200ms ease-out; }
3849 row.activatable.has-open-popup, row.activatable:hover {
3850 background-color: rgba(22, 22, 22, 0.05); }
3851 row.activatable:active {
3852 box-shadow: inset 0 2px 2px -2px rgba(0, 0, 0, 0.2); }
3853 row.activatable:backdrop:hover {
3854 background-color: transparent; }
3855 row.activatable:selected:active {
3856 box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.5); }
3857 row.activatable:selected.has-open-popup, row.activatable:selected:hover {
3858 background-color: #57753a; }
3859 row.activatable:selected:backdrop {
3860 background-color: #5E7F3E; }
3861
3862 /*********************
3863 * App Notifications *
3864 *********************/
3865 .app-notification,
3866 .app-notification.frame {
3867 padding: 10px;
3868 border-radius: 0 0 5px 5px;
3869 background-color: rgba(32, 37, 38, 0.8);
3870 background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), transparent 2px);
3871 background-clip: padding-box; }
3872 .app-notification:backdrop,
3873 .app-notification.frame:backdrop {
3874 background-image: none;
3875 transition: 200ms ease-out; }
3876 .app-notification border,
3877 .app-notification.frame border {
3878 border: none; }
3879
3880 /*************
3881 * Expanders *
3882 *************/
3883 expander arrow {
3884 min-width: 16px;
3885 min-height: 16px;
3886 -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
3887 expander arrow:dir(rtl) {
3888 -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); }
3889 expander arrow:hover {
3890 color: #636363; }
3891 expander arrow:checked {
3892 -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
3893
3894 /************
3895 * Calendar *
3896 ***********/
3897 calendar {
3898 color: black;
3899 border: 1px solid #7a7a7a; }
3900 calendar:selected {
3901 border-radius: 3px; }
3902 calendar.header {
3903 border-bottom-color: rgba(0, 0, 0, 0.1); }
3904 calendar.header:backdrop {
3905 border-bottom-color: rgba(0, 0, 0, 0.1); }
3906 calendar.button {
3907 color: rgba(22, 22, 22, 0.45); }
3908 calendar.button:hover {
3909 color: #161616; }
3910 calendar.button:backdrop {
3911 color: rgba(110, 110, 110, 0.45); }
3912 calendar.button:disabled {
3913 color: rgba(110, 110, 110, 0.45); }
3914 calendar.highlight {
3915 color: #6e6e6e; }
3916 calendar.highlight:backdrop {
3917 color: #a0a0a0; }
3918 calendar:backdrop {
3919 color: #272727;
3920 border-color: #828282; }
3921 calendar:indeterminate {
3922 color: alpha(currentColor,0.1); }
3923
3924 /***********
3925 * Dialogs *
3926 ***********/
3927 messagedialog .titlebar {
3928 min-height: 20px;
3929 background-image: none;
3930 background-color: #C6C6C6;
3931 border-style: none;
3932 border-top-left-radius: 7px;
3933 border-top-right-radius: 7px; }
3934 messagedialog.csd.background {
3935 border-bottom-left-radius: 9px;
3936 border-bottom-right-radius: 9px; }
3937 messagedialog.csd .dialog-action-area button {
3938 padding: 10px 14px;
3939 border-radius: 0;
3940 border-left-style: solid;
3941 border-right-style: none;
3942 border-bottom-style: none; }
3943 messagedialog.csd .dialog-action-area button:first-child {
3944 border-left-style: none;
3945 border-bottom-left-radius: 7px;
3946 -gtk-outline-bottom-left-radius: 5px; }
3947 messagedialog.csd .dialog-action-area button:last-child {
3948 border-bottom-right-radius: 7px;
3949 -gtk-outline-bottom-right-radius: 5px; }
3950
3951 filechooser .dialog-action-box {
3952 border-top: 1px solid #7a7a7a; }
3953 filechooser .dialog-action-box:backdrop {
3954 border-top-color: #828282; }
3955 filechooser #pathbarbox {
3956 border-bottom: 1px solid #C6C6C6; }
3957
3958 filechooserbutton:drop(active) {
3959 box-shadow: none;
3960 border-color: transparent; }
3961
3962 /***********
3963 * Sidebar *
3964 ***********/
3965 .sidebar {
3966 border-style: none;
3967 background-color: #c6c6c6; }
3968 stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left, .sidebar.left:dir(rtl) {
3969 border-right: 1px solid #7a7a7a;
3970 border-left-style: none; }
3971 stacksidebar.sidebar:dir(rtl) list
3972 .sidebar:dir(rtl), stacksidebar.sidebar.right list
3973 .sidebar:dir(rtl), .sidebar.right {
3974 border-left: 1px solid #7a7a7a;
3975 border-right-style: none; }
3976 .sidebar:backdrop {
3977 background-color: #b9b9b9;
3978 border-color: #828282;
3979 transition: 200ms ease-out; }
3980 .sidebar list {
3981 background-color: transparent; }
3982 paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar {
3983 border-style: none; }
3984
3985 stacksidebar row {
3986 padding: 10px 4px; }
3987 stacksidebar row > label {
3988 padding-left: 6px;
3989 padding-right: 6px; }
3990 stacksidebar row.needs-attention > label {
3991 background-size: 6px 6px, 0 0; }
3992
3993 /****************
3994 * File chooser *
3995 ****************/
3996 placessidebar > viewport.frame {
3997 border-style: none; }
3998 placessidebar row {
3999 min-height: 36px;
4000 padding: 0px; }
4001 placessidebar row > revealer {
4002 padding: 0 14px; }
4003 placessidebar row:selected {
4004 color: #ffffff; }
4005 placessidebar row:disabled {
4006 color: #6e6e6e; }
4007 placessidebar row:backdrop {
4008 color: #6e6e6e; }
4009 placessidebar row:backdrop:selected {
4010 color: #ffffff; }
4011 placessidebar row:backdrop:disabled {
4012 color: #a0a0a0; }
4013 placessidebar row image.sidebar-icon {
4014 opacity: 0.7; }
4015 placessidebar row image.sidebar-icon:dir(ltr) {
4016 padding-right: 8px; }
4017 placessidebar row image.sidebar-icon:dir(rtl) {
4018 padding-left: 8px; }
4019 placessidebar row label.sidebar-label:dir(ltr) {
4020 padding-right: 2px; }
4021 placessidebar row label.sidebar-label:dir(rtl) {
4022 padding-left: 2px; }
4023 button.sidebar-button {
4024 min-height: 26px;
4025 min-width: 26px;
4026 margin-top: 3px;
4027 margin-bottom: 3px;
4028 padding: 0;
4029 border-radius: 100%;
4030 -gtk-outline-radius: 100%; }
4031 button.sidebar-button:not(:hover):not(:active) > image, button.sidebar-button:backdrop > image {
4032 opacity: 0.7; }
4033 placessidebar row:selected:active {
4034 box-shadow: none; }
4035 placessidebar row.sidebar-placeholder-row {
4036 padding: 0 8px;
4037 min-height: 2px;
4038 background-image: image(#4e9a06);
4039 background-clip: content-box; }
4040 placessidebar row.sidebar-new-bookmark-row {
4041 color: #5E7F3E; }
4042 placessidebar row:drop(active):not(:disabled) {
4043 color: #4e9a06;
4044 box-shadow: inset 0 1px #4e9a06, inset 0 -1px #4e9a06; }
4045 placessidebar row:drop(active):not(:disabled):selected {
4046 color: #ffffff;
4047 background-color: #4e9a06; }
4048
4049 placesview .server-list-button > image {
4050 transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
4051 -gtk-icon-transform: rotate(0turn); }
4052 placesview .server-list-button:checked > image {
4053 transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
4054 -gtk-icon-transform: rotate(-0.5turn); }
4055 placesview row.activatable:hover {
4056 background-color: transparent; }
4057 placesview > actionbar > revealer > box > label {
4058 padding-left: 8px;
4059 padding-right: 8px; }
4060
4061 /*********
4062 * Paned *
4063 *********/
4064 paned > separator {
4065 min-width: 1px;
4066 min-height: 1px;
4067 -gtk-icon-source: none;
4068 border-style: none;
4069 background-color: transparent;
4070 background-image: image(#7a7a7a);
4071 background-size: 1px 1px; }
4072 paned > separator:selected {
4073 background-image: image(#5E7F3E); }
4074 paned > separator:backdrop {
4075 background-image: image(#828282); }
4076 paned > separator.wide {
4077 min-width: 5px;
4078 min-height: 5px;
4079 background-color: #C6C6C6;
4080 background-image: image(#7a7a7a), image(#7a7a7a);
4081 background-size: 1px 1px, 1px 1px; }
4082 paned > separator.wide:backdrop {
4083 background-color: #C6C6C6;
4084 background-image: image(#828282), image(#828282); }
4085 paned.horizontal > separator {
4086 background-repeat: repeat-y; }
4087 paned.horizontal > separator:dir(ltr) {
4088 margin: 0 -8px 0 0;
4089 padding: 0 8px 0 0;
4090 background-position: left; }
4091 paned.horizontal > separator:dir(rtl) {
4092 margin: 0 0 0 -8px;
4093 padding: 0 0 0 8px;
4094 background-position: right; }
4095 paned.horizontal > separator.wide {
4096 margin: 0;
4097 padding: 0;
4098 background-repeat: repeat-y, repeat-y;
4099 background-position: left, right; }
4100 paned.vertical > separator {
4101 margin: 0 0 -8px 0;
4102 padding: 0 0 8px 0;
4103 background-repeat: repeat-x;
4104 background-position: top; }
4105 paned.vertical > separator.wide {
4106 margin: 0;
4107 padding: 0;
4108 background-repeat: repeat-x, repeat-x;
4109 background-position: bottom, top; }
4110
4111 /**************
4112 * GtkInfoBar *
4113 **************/
4114 infobar {
4115 border-style: none; }
4116 infobar.info, infobar.question, infobar.warning, infobar.error {
4117 text-shadow: 0 1px #455d2d; }
4118 infobar.info:backdrop, infobar.info, infobar.question:backdrop, infobar.question, infobar.warning:backdrop, infobar.warning, infobar.error:backdrop, infobar.error {
4119 background-color: #5E7F3E;
4120 border-color: #455d2d; }
4121 infobar.info:backdrop label, infobar.info:backdrop, infobar.info label, infobar.info, infobar.question:backdrop label, infobar.question:backdrop, infobar.question label, infobar.question, infobar.warning:backdrop label, infobar.warning:backdrop, infobar.warning label, infobar.warning, infobar.error:backdrop label, infobar.error:backdrop, infobar.error label, infobar.error {
4122 color: #ffffff; }
4123 infobar.info:backdrop, infobar.question:backdrop, infobar.warning:backdrop, infobar.error:backdrop {
4124 text-shadow: none; }
4125 infobar.info button, infobar.question button, infobar.warning button, infobar.error button {
4126 color: #ffffff;
4127 outline-color: rgba(255, 255, 255, 0.3);
4128 border-color: #1f2914;
4129 background-image: linear-gradient(to bottom, #5E7F3E, #547137 60%, #455d2d);
4130 text-shadow: 0 -1px rgba(0, 0, 0, 0.70353);
4131 -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.70353);
4132 box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); }
4133 infobar.info button:hover, infobar.question button:hover, infobar.warning button:hover, infobar.error button:hover {
4134 color: #ffffff;
4135 outline-color: rgba(255, 255, 255, 0.3);
4136 border-color: #1f2914;
4137 background-image: linear-gradient(to bottom, #6d9448, #5E7F3E 60%, #547137);
4138 text-shadow: 0 -1px rgba(0, 0, 0, 0.65553);
4139 -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.65553);
4140 box-shadow: inset 0 1px rgba(255, 255, 255, 0.2); }
4141 infobar.info button:active, infobar.info button:checked, infobar.question button:active, infobar.question button:checked, infobar.warning button:active, infobar.warning button:checked, infobar.error button:active, infobar.error button:checked {
4142 color: #ffffff;
4143 outline-color: rgba(255, 255, 255, 0.3);
4144 border-color: #1f2914;
4145 background-image: linear-gradient(to bottom, #3d5228, #516e36);
4146 text-shadow: 0 -1px rgba(0, 0, 0, 0.78353);
4147 -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.78353);
4148 box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); }
4149 infobar.info button:disabled, infobar.question button:disabled, infobar.warning button:disabled, infobar.error button:disabled {
4150 border-color: #1f2914;
4151 background-image: linear-gradient(to bottom, #6e8a52);
4152 text-shadow: none;
4153 -gtk-icon-shadow: none;
4154 box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
4155 infobar.info button:disabled label, infobar.info button:disabled, infobar.question button:disabled label, infobar.question button:disabled, infobar.warning button:disabled label, infobar.warning button:disabled, infobar.error button:disabled label, infobar.error button:disabled {
4156 color: #b7c5a9; }
4157 infobar.info button:backdrop, infobar.question button:backdrop, infobar.warning button:backdrop, infobar.error button:backdrop {
4158 border-color: #5E7F3E;
4159 background-image: linear-gradient(to bottom, #5E7F3E);
4160 text-shadow: none;
4161 -gtk-icon-shadow: none;
4162 box-shadow: inset 0 1px rgba(255, 255, 255, 0);
4163 border-color: #1f2914; }
4164 infobar.info button:backdrop label, infobar.info button:backdrop, infobar.question button:backdrop label, infobar.question button:backdrop, infobar.warning button:backdrop label, infobar.warning button:backdrop, infobar.error button:backdrop label, infobar.error button:backdrop {
4165 color: #dfe5d8; }
4166 infobar.info button:backdrop:disabled, infobar.question button:backdrop:disabled, infobar.warning button:backdrop:disabled, infobar.error button:backdrop:disabled {
4167 border-color: #6e8a52;
4168 background-image: linear-gradient(to bottom, #6e8a52);
4169 text-shadow: none;
4170 -gtk-icon-shadow: none;
4171 box-shadow: inset 0 1px rgba(255, 255, 255, 0);
4172 border-color: #1f2914; }
4173 infobar.info button:backdrop:disabled label, infobar.info button:backdrop:disabled, infobar.question button:backdrop:disabled label, infobar.question button:backdrop:disabled, infobar.warning button:backdrop:disabled label, infobar.warning button:backdrop:disabled, infobar.error button:backdrop:disabled label, infobar.error button:backdrop:disabled {
4174 color: #a1b38f; }
4175 infobar.info selection, infobar.question selection, infobar.warning selection, infobar.error selection {
4176 background-color: #455d2d; }
4177
4178 /************
4179 * Tooltips *
4180 ************/
4181 tooltip {
4182 padding: 4px;
4183 /* not working */
4184 border-radius: 5px;
4185 box-shadow: none;
4186 text-shadow: 0 1px black; }
4187 tooltip.background {
4188 background-color: rgba(0, 0, 0, 0.8);
4189 background-clip: padding-box;
4190 border: 1px solid rgba(255, 255, 255, 0.1); }
4191 tooltip decoration {
4192 background-color: transparent; }
4193 tooltip * {
4194 padding: 4px;
4195 background-color: transparent;
4196 color: white; }
4197
4198 /*****************
4199 * Color Chooser *
4200 *****************/
4201 colorswatch, colorswatch:drop(active) {
4202 border-style: none; }
4203 colorswatch.top {
4204 border-top-left-radius: 5.5px;
4205 border-top-right-radius: 5.5px; }
4206 colorswatch.top overlay {
4207 border-top-left-radius: 5px;
4208 border-top-right-radius: 5px; }
4209 colorswatch.bottom {
4210 border-bottom-left-radius: 5.5px;
4211 border-bottom-right-radius: 5.5px; }
4212 colorswatch.bottom overlay {
4213 border-bottom-left-radius: 5px;
4214 border-bottom-right-radius: 5px; }
4215 colorswatch.left, colorswatch:first-child:not(.top) {
4216 border-top-left-radius: 5.5px;
4217 border-bottom-left-radius: 5.5px; }
4218 colorswatch.left overlay, colorswatch:first-child:not(.top) overlay {
4219 border-top-left-radius: 5px;
4220 border-bottom-left-radius: 5px; }
4221 colorswatch.right, colorswatch:last-child:not(.bottom) {
4222 border-top-right-radius: 5.5px;
4223 border-bottom-right-radius: 5.5px; }
4224 colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay {
4225 border-top-right-radius: 5px;
4226 border-bottom-right-radius: 5px; }
4227 colorswatch.dark overlay {
4228 color: #ffffff; }
4229 colorswatch.dark overlay:hover {
4230 border-color: rgba(0, 0, 0, 0.8); }
4231 colorswatch.dark overlay:backdrop {
4232 color: #ffffff; }
4233 colorswatch.light overlay {
4234 color: black; }
4235 colorswatch.light overlay:hover {
4236 border-color: rgba(0, 0, 0, 0.5); }
4237 colorswatch.light overlay:backdrop {
4238 color: #272727; }
4239 colorswatch:drop(active) {
4240 box-shadow: none; }
4241 colorswatch:drop(active).light overlay {
4242 border-color: #4e9a06;
4243 box-shadow: inset 0 0 0 2px #3d7805, inset 0 0 0 1px #4e9a06; }
4244 colorswatch:drop(active).dark overlay {
4245 border-color: #4e9a06;
4246 box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.3), inset 0 0 0 1px #4e9a06; }
4247 colorswatch overlay {
4248 box-shadow: inset 0 2px 2px -3px rgba(0, 0, 0, 0.7);
4249 border: 1px solid rgba(0, 0, 0, 0.3); }
4250 colorswatch overlay:hover {
4251 box-shadow: inset 0 1px rgba(255, 255, 255, 0.3); }
4252 colorswatch overlay:backdrop, colorswatch overlay:backdrop:hover {
4253 border-color: rgba(0, 0, 0, 0.3);
4254 box-shadow: none; }
4255 colorswatch#add-color-button {
4256 border-radius: 5px 5px 0 0; }
4257 colorswatch#add-color-button:only-child {
4258 border-radius: 5px; }
4259 colorswatch#add-color-button overlay {
4260 color: #161616;
4261 outline-color: rgba(22, 22, 22, 0.3);
4262 border-color: #7a7a7a;
4263 background-image: linear-gradient(to bottom, #C6C6C6, #bcbcbc 60%, #adadad);
4264 text-shadow: 0 1px rgba(255, 255, 255, 0.76923);
4265 -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923);
4266 box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); }
4267 colorswatch#add-color-button overlay:hover {
4268 color: #161616;
4269 outline-color: rgba(22, 22, 22, 0.3);
4270 border-color: #7a7a7a;
4271 background-image: linear-gradient(to bottom, #d5d5d5, #C6C6C6 60%, #bcbcbc);
4272 text-shadow: 0 1px rgba(255, 255, 255, 0.76923);
4273 -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923);
4274 box-shadow: inset 0 1px rgba(255, 255, 255, 0.6); }
4275 colorswatch#add-color-button overlay:backdrop {
4276 border-color: #828282;
4277 background-image: linear-gradient(to bottom, #C6C6C6);
4278 text-shadow: none;
4279 -gtk-icon-shadow: none;
4280 box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
4281 colorswatch#add-color-button overlay:backdrop label, colorswatch#add-color-button overlay:backdrop {
4282 color: #6e6e6e; }
4283 colorswatch:disabled {
4284 opacity: 0.5; }
4285 colorswatch:disabled overlay {
4286 border-color: rgba(0, 0, 0, 0.6);
4287 box-shadow: none; }
4288 row:selected colorswatch {
4289 box-shadow: 0 0 0 2px #ffffff; }
4290 colorswatch#editor-color-sample {
4291 border-radius: 4px; }
4292 colorswatch#editor-color-sample overlay {
4293 border-radius: 4.5px; }
4294
4295 colorchooser .popover.osd {
4296 border-radius: 5px; }
4297
4298 /********
4299 * Misc *
4300 ********/
4301 .content-view {
4302 background-color: #b4b4b4; }
4303 .content-view:hover {
4304 -gtk-icon-effect: highlight; }
4305 .content-view:backdrop {
4306 background-color: #b4b4b4; }
4307
4308 .osd .scale-popup button.flat {
4309 border-style: none;
4310 border-radius: 5px; }
4311 .scale-popup button:hover {
4312 background-color: rgba(22, 22, 22, 0.1);
4313 border-radius: 5px; }
4314
4315 /**********************
4316 * Window Decorations *
4317 *********************/
4318 decoration {
4319 border-radius: 7px 7px 0 0;
4320 border-width: 0px;
4321 box-shadow: 0 3px 9px 1px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(0, 0, 0, 0.23);
4322 margin: 10px; }
4323 decoration:backdrop {
4324 box-shadow: 0 3px 9px 1px transparent, 0 2px 6px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.18);
4325 transition: 200ms ease-out; }
4326 .maximized decoration, .fullscreen decoration, .tiled decoration {
4327 border-radius: 0; }
4328 .popup decoration {
4329 box-shadow: none; }
4330 .ssd decoration {
4331 box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.23); }
4332 .csd.popup decoration {
4333 border-radius: 0;
4334 box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.13); }
4335 tooltip.csd decoration {
4336 border-radius: 5px;
4337 box-shadow: none; }
4338 messagedialog.csd decoration {
4339 border-radius: 7px;
4340 box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.13); }
4341 .solid-csd decoration {
4342 border-radius: 0;
4343 margin: 4px;
4344 background-color: #C6C6C6;
4345 border: solid 1px #828282;
4346 box-shadow: none; }
4347
4348 button.titlebutton {
4349 text-shadow: 0 1px rgba(255, 255, 255, 0.76923);
4350 -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923); }
4351 button.titlebutton:backdrop {
4352 -gtk-icon-shadow: none; }
4353
4354 headerbar.selection-mode button.titlebutton,
4355 .titlebar.selection-mode button.titlebutton {
4356 text-shadow: 0 -1px rgba(0, 0, 0, 0.70353);
4357 -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.70353); }
4358 headerbar.selection-mode button.titlebutton:backdrop,
4359 .titlebar.selection-mode button.titlebutton:backdrop {
4360 -gtk-icon-shadow: none; }
4361
4362 .view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected,
4363 .view text:selected:focus,
4364 iconview text:selected:focus,
4365 textview text:selected:focus,
4366 .view text:selected,
4367 iconview text:selected,
4368 textview text:selected, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection,
4369 textview text selection:focus,
4370 textview text selection, flowbox flowboxchild:selected, spinbutton:not(.vertical) selection,
4371 entry selection, modelbutton.flat:selected, popover.background checkbutton:selected,
4372 popover.background radiobutton:selected,
4373 .menuitem.button.flat:selected, treeview.view:selected:focus, treeview.view:selected, row:selected, calendar:selected {
4374 background-color: #5E7F3E; }
4375 row:selected label, label:selected, .selection-mode button.titlebutton, .view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected,
4376 .view text:selected:focus,
4377 iconview text:selected:focus,
4378 textview text:selected:focus,
4379 .view text:selected,
4380 iconview text:selected,
4381 textview text:selected, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection,
4382 textview text selection:focus,
4383 textview text selection, flowbox flowboxchild:selected, spinbutton:not(.vertical) selection,
4384 entry selection, modelbutton.flat:selected, popover.background checkbutton:selected,
4385 popover.background radiobutton:selected,
4386 .menuitem.button.flat:selected, treeview.view:selected:focus, treeview.view:selected, row:selected, calendar:selected {
4387 color: #ffffff;
4388 outline-color: rgba(255, 255, 255, 0.3); }
4389 row:selected label:disabled, label:disabled:selected, .selection-mode button.titlebutton:disabled, iconview:disabled:selected:focus, .view:disabled:selected, iconview:disabled:selected,
4390 iconview text:disabled:selected:focus,
4391 textview text:disabled:selected:focus,
4392 .view text:disabled:selected,
4393 iconview text:disabled:selected,
4394 textview text:disabled:selected, iconview text selection:disabled:focus, .view text selection:disabled, iconview text selection:disabled,
4395 textview text selection:disabled, flowbox flowboxchild:disabled:selected, label:disabled selection, spinbutton:not(.vertical) selection:disabled,
4396 entry selection:disabled, modelbutton.flat:disabled:selected, popover.background checkbutton:disabled:selected,
4397 popover.background radiobutton:disabled:selected,
4398 .menuitem.button.flat:disabled:selected, row:disabled:selected, calendar:disabled:selected {
4399 color: #afbf9f; }
4400 row:selected label:backdrop, label:backdrop:selected, .selection-mode button.titlebutton:backdrop, iconview:backdrop:selected:focus, .view:backdrop:selected, iconview:backdrop:selected,
4401 iconview text:backdrop:selected:focus,
4402 textview text:backdrop:selected:focus,
4403 .view text:backdrop:selected,
4404 iconview text:backdrop:selected,
4405 textview text:backdrop:selected, iconview text selection:backdrop:focus, .view text selection:backdrop, iconview text selection:backdrop,
4406 textview text selection:backdrop, flowbox flowboxchild:backdrop:selected, label:backdrop selection, spinbutton:not(.vertical) selection:backdrop,
4407 entry selection:backdrop, modelbutton.flat:backdrop:selected, popover.background checkbutton:backdrop:selected,
4408 popover.background radiobutton:backdrop:selected,
4409 .menuitem.button.flat:backdrop:selected, row:backdrop:selected, calendar:backdrop:selected {
4410 color: #ffffff; }
4411 row:selected label:backdrop:disabled, label:backdrop:disabled:selected, .selection-mode button.titlebutton:backdrop:disabled, .view:backdrop:disabled:selected, iconview:backdrop:disabled:selected,
4412 .view text:backdrop:disabled:selected,
4413 iconview text:backdrop:disabled:selected,
4414 textview text:backdrop:disabled:selected, .view text selection:backdrop:disabled, iconview text selection:backdrop:disabled,
4415 textview text selection:backdrop:disabled, flowbox flowboxchild:backdrop:disabled:selected, label:disabled selection:backdrop, label:backdrop selection:disabled, spinbutton:not(.vertical) selection:backdrop:disabled,
4416 entry selection:backdrop:disabled, modelbutton.flat:backdrop:disabled:selected, popover.background checkbutton:backdrop:disabled:selected,
4417 popover.background radiobutton:backdrop:disabled:selected,
4418 .menuitem.button.flat:backdrop:disabled:selected, row:backdrop:disabled:selected, calendar:backdrop:disabled:selected {
4419 color: #8ea578; }
4420
4421 .monospace {
4422 font: Monospace; }
4423
4424 /**********************
4425 * Touch Copy & Paste *
4426 *********************/
4427 cursor-handle {
4428 background-color: transparent;
4429 background-image: none;
4430 box-shadow: none;
4431 border-style: none; }
4432 cursor-handle.top:dir(ltr), cursor-handle.bottom:dir(rtl) {
4433 -gtk-icon-source: -gtk-scaled(url("assets/text-select-start.png"), url("assets/text-select-start@2.png"));
4434 padding-left: 10px; }
4435 cursor-handle.bottom:dir(ltr), cursor-handle.top:dir(rtl) {
4436 -gtk-icon-source: -gtk-scaled(url("assets/text-select-end.png"), url("assets/text-select-end@2.png"));
4437 padding-right: 10px; }
4438 cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) {
4439 -gtk-icon-source: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above.png"), url("assets/slider-horz-scale-has-marks-above@2.png")); }
4440 cursor-handle.top:hover:dir(ltr), cursor-handle.bottom:hover:dir(rtl) {
4441 -gtk-icon-source: -gtk-scaled(url("assets/text-select-start-hover.png"), url("assets/text-select-start-hover@2.png"));
4442 padding-left: 10px; }
4443 cursor-handle.bottom:hover:dir(ltr), cursor-handle.top:hover:dir(rtl) {
4444 -gtk-icon-source: -gtk-scaled(url("assets/text-select-end-hover.png"), url("assets/text-select-end-hover@2.png"));
4445 padding-right: 10px; }
4446 cursor-handle.insertion-cursor:hover:dir(ltr), cursor-handle.insertion-cursor:hover:dir(rtl) {
4447 -gtk-icon-source: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-hover.png"), url("assets/slider-horz-scale-has-marks-above-hover@2.png")); }
4448 cursor-handle.top:active:dir(ltr), cursor-handle.bottom:active:dir(rtl) {
4449 -gtk-icon-source: -gtk-scaled(url("assets/text-select-start-active.png"), url("assets/text-select-start-active@2.png"));
4450 padding-left: 10px; }
4451 cursor-handle.bottom:active:dir(ltr), cursor-handle.top:active:dir(rtl) {
4452 -gtk-icon-source: -gtk-scaled(url("assets/text-select-end-active.png"), url("assets/text-select-end-active@2.png"));
4453 padding-right: 10px; }
4454 cursor-handle.insertion-cursor:active:dir(ltr), cursor-handle.insertion-cursor:active:dir(rtl) {
4455 -gtk-icon-source: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active.png"), url("assets/slider-horz-scale-has-marks-above-active@2.png")); }
4456
4457 .context-menu {
4458 font: initial; }
4459
4460 button.circular {
4461 border-radius: 9999px;
4462 -gtk-outline-radius: 9999px; }
4463 button.circular label {
4464 padding: 0; }
4465
4466 .keycap {
4467 min-width: 20px;
4468 min-height: 25px;
4469 margin-top: 2px;
4470 padding-bottom: 3px;
4471 padding-left: 6px;
4472 padding-right: 6px;
4473 color: #161616;
4474 background-color: #C6C6C6;
4475 border: 1px solid;
4476 border-color: #a0a0a0;
4477 border-radius: 5px;
4478 box-shadow: inset 0 -3px #c6c6c6;
4479 font-size: smaller; }
4480 .keycap:backdrop {
4481 background-color: #c3c3c3;
4482 color: #6e6e6e;
4483 transition: 200ms ease-out; }
4484
4485 :not(decoration):not(window):drop(active):focus,
4486 :not(decoration):not(window):drop(active) {
4487 border-color: #4e9a06;
4488 box-shadow: inset 0 0 0 1px #4e9a06; }
4489
4490 stackswitcher button.text-button {
4491 min-width: 100px; }
4492
4493 stackswitcher button.circular,
4494 stackswitcher button.text-button.circular {
4495 min-width: 32px;
4496 min-height: 32px;
4497 padding: 0; }
4498
4499 /* GTK NAMED COLORS
4500 ----------------
4501 use responsibly! */
4502 /*
4503 widget text/foreground color */
4504 @define-color theme_fg_color #161616;
4505 /*
4506 text color for entries, views and content in general */
4507 @define-color theme_text_color black;
4508 /*
4509 widget base background color */
4510 @define-color theme_bg_color #C6C6C6;
4511 /*
4512 text widgets and the like base background color */
4513 @define-color theme_base_color #C6C6C6;
4514 /*
4515 base background color of selections */
4516 @define-color theme_selected_bg_color #5E7F3E;
4517 /*
4518 text/foreground color of selections */
4519 @define-color theme_selected_fg_color #ffffff;
4520 /*
4521 base background color of insensitive widgets */
4522 @define-color insensitive_bg_color #c6c6c6;
4523 /*
4524 text foreground color of insensitive widgets */
4525 @define-color insensitive_fg_color #6e6e6e;
4526 /*
4527 insensitive text widgets and the like base background color */
4528 @define-color insensitive_base_color #C6C6C6;
4529 /*
4530 widget text/foreground color on backdrop windows */
4531 @define-color theme_unfocused_fg_color #6e6e6e;
4532 /*
4533 text color for entries, views and content in general on backdrop windows */
4534 @define-color theme_unfocused_text_color black;
4535 /*
4536 widget base background color on backdrop windows */
4537 @define-color theme_unfocused_bg_color #C6C6C6;
4538 /*
4539 text widgets and the like base background color on backdrop windows */
4540 @define-color theme_unfocused_base_color #c3c3c3;
4541 /*
4542 base background color of selections on backdrop windows */
4543 @define-color theme_unfocused_selected_bg_color #5E7F3E;
4544 /*
4545 text/foreground color of selections on backdrop windows */
4546 @define-color theme_unfocused_selected_fg_color #ffffff;
4547 /*
4548 widgets main borders color */
4549 @define-color borders #7a7a7a;
4550 /*
4551 widgets main borders color on backdrop windows */
4552 @define-color unfocused_borders #828282;
4553 /*
4554 these are pretty self explicative */
4555 @define-color warning_color #f57900;
4556 @define-color error_color #cc0000;
4557 @define-color success_color #73d216;
4558 /*
4559 these colors are exported for the window manager and shouldn't be used in applications,
4560 read if you used those and something break with a version upgrade you're on your own... */
4561 @define-color wm_title shade(#161616, 1.8);
4562 @define-color wm_unfocused_title #6e6e6e;
4563 @define-color wm_highlight rgba(255, 255, 255, 0.1);
4564 @define-color wm_borders_edge rgba(255, 255, 255, 0.1);
4565 @define-color wm_bg_a shade(#C6C6C6, 1.2);
4566 @define-color wm_bg_b #C6C6C6;
4567 @define-color wm_shadow alpha(black, 0.35);
4568 @define-color wm_border alpha(black, 0.18);
4569 @define-color wm_button_hover_color_a shade(#C6C6C6, 1.3);
4570 @define-color wm_button_hover_color_b #C6C6C6;
4571 @define-color wm_button_active_color_a shade(#C6C6C6, 0.85);
4572 @define-color wm_button_active_color_b shade(#C6C6C6, 0.89);
4573 @define-color wm_button_active_color_c shade(#C6C6C6, 0.9);
4574 @define-color content_view_bg #C6C6C6;
4575 @define-color wm_title #3D3D3D;
4576 @define-color wm_unfocused_title #3D3D3D;
4577 @define-color wm_highlight shade(#3D3D3D, 1.03);
4578 @define-color wm_borders_edge #3D3D3D;
4579 @define-color wm_bg_a shade(#3D3D3D, 1.2);
4580 @define-color wm_bg_b #3D3D3D;
4581 @define-color wm_button_hover_color_a shade(#3D3D3D, 1.3);
4582 @define-color wm_button_hover_color_b #3D3D3D;
4583 @define-color wm_button_active_color_a shade(#3D3D3D, 0.85);
4584 @define-color wm_button_active_color_b shade(#3D3D3D, 0.89);
4585 @define-color wm_button_active_color_c shade(#3D3D3D, 0.9);
4586 *:insensitive {
4587 -gtk-image-effect: highlight; }
4588
4589 /***************
4590 * Header bars *
4591 ***************/
4592 .titlebar:not(headerbar),
4593 headerbar {
4594 color: #fff;
4595 background-image: linear-gradient(to bottom, #3D3D3D, #454545 20%, #3D3D3D 45%);
4596 border-color: shade(#3D3D3D, 0.9);
4597 border-bottom-width: 0;
4598 box-shadow: inset 0 2px #4c4c4c, inset 0 1px #303030;
4599 background-color: #3D3D3D; }
4600 .titlebar:backdrop:not(headerbar),
4601 headerbar:backdrop {
4602 color: #dddddd;
4603 box-shadow: none;
4604 background-color: #3D3D3D;
4605 background-image: none;
4606 border-bottom-width: 0;
4607 border-color: #242424; }
4608 .titlebar:not(headerbar) .title,
4609 headerbar .title {
4610 color: #fff; }
4611
4612 window.csd > .titlebar:not(headerbar) {
4613 padding: 0;
4614 background-color: transparent;
4615 background-image: none;
4616 border-style: none;
4617 border-color: transparent;
4618 box-shadow: none; }
4619 .titlebar:not(headerbar) > separator {
4620 background-color: #7a7a7a; }
4621
4622 headerbar button, headerbar button label, headerbar button:checked, headerbar button:checked label, headerbar button:backdrop, headerbar button:backdrop label, headerbar button:backdrop:checked, headerbar button:backdrop:checked label {
4623 color: #dddddd; }
4624
4625 .titlebar:not(headerbar) button,
4626 headerbar button {
4627 color: #dddddd;
4628 background-image: linear-gradient(to bottom, #575757, #3D3D3D);
4629 text-shadow: 0 1px rgba(87, 87, 87, 0.5);
4630 icon-shadow: 0 1px rgba(87, 87, 87, 0.5);
4631 border-color: #303030;
4632 outline-color: #575757;
4633 box-shadow: inset 0 1px #575757, 0 1px #575757; }
4634 .titlebar:not(headerbar) button.flat, .titlebar:not(headerbar) button.titlebutton,
4635 headerbar button.flat,
4636 headerbar button.titlebutton {
4637 color: #dddddd;
4638 background-image: none;
4639 background-color: transparent;
4640 border-color: transparent;
4641 box-shadow: none;
4642 text-shadow: none;
4643 icon-shadow: none; }
4644 .titlebar:not(headerbar) button.flat:hover, .titlebar:not(headerbar) button.flat:active, .titlebar:not(headerbar) button.flat:backdrop, .titlebar:not(headerbar) button.titlebutton:hover, .titlebar:not(headerbar) button.titlebutton:active, .titlebar:not(headerbar) button.titlebutton:backdrop,
4645 headerbar button.flat:hover,
4646 headerbar button.flat:active,
4647 headerbar button.flat:backdrop,
4648 headerbar button.titlebutton:hover,
4649 headerbar button.titlebutton:active,
4650 headerbar button.titlebutton:backdrop {
4651 color: #fff; }
4652 .titlebar:not(headerbar) button:hover, .titlebar:not(headerbar) button.titlebutton:hover,
4653 headerbar button:hover,
4654 headerbar button.titlebutton:hover {
4655 color: shade(#dddddd, 1.3);
4656 outline-color: #575757;
4657 border-color: #303030;
4658 background-image: linear-gradient(to bottom, shade(#575757, 1.1), shade(#3D3D3D, 1.1));
4659 text-shadow: 0 1px rgba(87, 87, 87, 0.5);
4660 icon-shadow: 0 1px rgba(87, 87, 87, 0.5);
4661 box-shadow: inset 0 1px #575757, 0 1px #575757; }
4662 .titlebar:not(headerbar) button:active, .titlebar:not(headerbar) button:checked, .titlebar:not(headerbar) button.titlebutton:active, .titlebar:not(headerbar) button.titlebutton:active:backdrop,
4663 headerbar button:active,
4664 headerbar button:checked,
4665 headerbar button.titlebutton:active,
4666 headerbar button.titlebutton:active:backdrop {
4667 color: #fff;
4668 outline-color: #575757;
4669 border-color: #303030;
4670 background-image: linear-gradient(to bottom, #3D3D3D, #303030);
4671 text-shadow: 0 1px rgba(87, 87, 87, 0.5);
4672 icon-shadow: 0 1px rgba(87, 87, 87, 0.5);
4673 box-shadow: inset 0 1px rgba(87, 87, 87, 0.3), 0 1px #575757; }
4674 .titlebar:not(headerbar) button:backdrop.flat, .titlebar:not(headerbar) button:backdrop,
4675 headerbar button:backdrop.flat,
4676 headerbar button:backdrop {
4677 color: #dddddd;
4678 background-image: none;
4679 background-color: #3D3D3D;
4680 border-color: #303030;
4681 box-shadow: none;
4682 text-shadow: none;
4683 icon-shadow: none;
4684 transition: 200ms ease-out;
4685 -gtk-icon-effect: none; }
4686 .titlebar:not(headerbar) button:backdrop.flat:active, .titlebar:not(headerbar) button:backdrop.flat:checked, .titlebar:not(headerbar) button:backdrop:active, .titlebar:not(headerbar) button:backdrop:checked,
4687 headerbar button:backdrop.flat:active,
4688 headerbar button:backdrop.flat:checked,
4689 headerbar button:backdrop:active,
4690 headerbar button:backdrop:checked {
4691 background-image: none;
4692 background-color: #303030;
4693 border-color: #303030; }
4694 .titlebar:not(headerbar) button:backdrop.flat:disabled, .titlebar:not(headerbar) button:backdrop.flat.suggested-action:disabled, .titlebar:not(headerbar) button:backdrop:disabled, .titlebar:not(headerbar) button:backdrop.suggested-action:disabled,
4695 headerbar button:backdrop.flat:disabled,
4696 headerbar button:backdrop.flat.suggested-action:disabled,
4697 headerbar button:backdrop:disabled,
4698 headerbar button:backdrop.suggested-action:disabled {
4699 color: #8d8d8d;
4700 background-color: #3D3D3D;
4701 background-image: none;
4702 border-color: #303030;
4703 box-shadow: none; }
4704 .titlebar:not(headerbar) button:disabled, .titlebar:not(headerbar) button.suggested-action:disabled,
4705 headerbar button:disabled,
4706 headerbar button.suggested-action:disabled {
4707 color: #8d8d8d;
4708 background-color: #3D3D3D;
4709 background-image: none;
4710 border-color: #303030;
4711 box-shadow: 0 1px #575757; }
4712 .titlebar:not(headerbar) button:disabled:active, .titlebar:not(headerbar) button:disabled:checked, .titlebar:not(headerbar) button.suggested-action:disabled:active, .titlebar:not(headerbar) button.suggested-action:disabled:checked,
4713 headerbar button:disabled:active,
4714 headerbar button:disabled:checked,
4715 headerbar button.suggested-action:disabled:active,
4716 headerbar button.suggested-action:disabled:checked {
4717 border-color: #171717;
4718 background-image: linear-gradient(to bottom, #545454, #5b5b5b);
4719 box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
4720 .titlebar:not(headerbar) button:disabled:active label, .titlebar:not(headerbar) button:disabled:active, .titlebar:not(headerbar) button:disabled:checked label, .titlebar:not(headerbar) button:disabled:checked, .titlebar:not(headerbar) button.suggested-action:disabled:active label, .titlebar:not(headerbar) button.suggested-action:disabled:active, .titlebar:not(headerbar) button.suggested-action:disabled:checked label, .titlebar:not(headerbar) button.suggested-action:disabled:checked,
4721 headerbar button:disabled:active label,
4722 headerbar button:disabled:active,
4723 headerbar button:disabled:checked label,
4724 headerbar button:disabled:checked,
4725 headerbar button.suggested-action:disabled:active label,
4726 headerbar button.suggested-action:disabled:active,
4727 headerbar button.suggested-action:disabled:checked label,
4728 headerbar button.suggested-action:disabled:checked {
4729 color: darkgray; }
4730 .titlebar:not(headerbar) button:drop(active),
4731 headerbar button:drop(active) {
4732 color: #4e9a06;
4733 border-color: #4e9a06;
4734 box-shadow: inset 0 0 0 1px #4e9a06; }
4735 .titlebar:not(headerbar) button.suggested-action:backdrop,
4736 headerbar button.suggested-action:backdrop {
4737 border-color: #303030; }
4738 .titlebar:not(headerbar) button.suggested-action label,
4739 headerbar button.suggested-action label {
4740 color: #ffffff; }
4741
4742 column-header button, column-header headerbar button.titlebutton, headerbar column-header button.titlebutton,
4743 column-header .titlebar button.titlebutton,
4744 .titlebar column-header button.titlebutton {
4745 color: #161616;
4746 background-color: #e0e0e0; }
4747
4748 column-header button:hover, column-header headerbar button.titlebutton:hover, headerbar column-header button.titlebutton:hover,
4749 column-header .titlebar button.titlebutton:hover,
4750 .titlebar column-header button.titlebutton:hover {
4751 color: black; }
4752
4753 entry, .linked.vertical > entry, .linked.vertical > entry:first-child, .linked.vertical > entry:last-child, spinbutton:not(.vertical) {
4754 background-image: linear-gradient(to bottom, #bbbbbb, #ececec 2px, #F0F0F0 90%);
4755 background-color: #F0F0F0; }
4756 entry:focus, .linked.vertical > entry:focus, .linked.vertical > entry:first-child:focus, .linked.vertical > entry:last-child:focus, spinbutton:not(.vertical):focus {
4757 background-image: linear-gradient(to bottom, #bbbbbb, #ececec 2px, #F0F0F0 90%); }
4758 entry:insensitive, .linked.vertical > entry:insensitive, .linked.vertical > entry:first-child:insensitive, .linked.vertical > entry:last-child:insensitive, spinbutton:not(.vertical):insensitive {
4759 background-image: linear-gradient(to bottom, #c6c6c6); }
4760 entry:backdrop, .linked.vertical > entry:backdrop, .linked.vertical > entry:first-child:backdrop, .linked.vertical > entry:last-child:backdrop, spinbutton:not(.vertical):backdrop {
4761 background-image: none;
4762 background-color: #ededed; }
4763 entry:backdrop:insensitive, .linked.vertical > entry:backdrop:insensitive, .linked.vertical > entry:first-child:backdrop:insensitive, .linked.vertical > entry:last-child:backdrop:insensitive, spinbutton:not(.vertical):backdrop:insensitive {
4764 background-image: linear-gradient(to bottom, #c6c6c6); }
4765
4766 spinbutton:not(.vertical) button:hover {
4767 background-color: rgba(198, 198, 198, 0.4);
4768 border-top-color: transparent;
4769 border-top-style: solid;
4770 border-top-width: 1px;
4771 border-bottom-color: transparent;
4772 border-bottom-style: solid;
4773 border-bottom-width: 1px;
4774 background-clip: padding-box; }
4775
4776 .view, iconview, .view text, iconview text, iconview, iconview text, textview, textview text, list, list-row, list-row.button {
4777 color: black;
4778 background-color: #F0F0F0; }
4779 .view:backdrop, iconview:backdrop, .view:backdrop:hover, iconview:backdrop:hover, .view text:backdrop, iconview text:backdrop, .view text:backdrop:hover, iconview text:backdrop:hover, iconview:backdrop, iconview:backdrop:hover, iconview text:backdrop, iconview text:backdrop:hover, textview:backdrop, textview:backdrop:hover, textview text:backdrop, textview text:backdrop:hover, list:backdrop, list:backdrop:hover, list-row:backdrop, list-row:backdrop:hover, list-row.button:backdrop, list-row.button:backdrop:hover {
4780 color: #272727;
4781 background-color: #ededed; }
4782 .view:selected, iconview:selected, .view text:selected, iconview text:selected, iconview:selected, iconview text:selected, textview:selected, textview text:selected, list:selected, list-row:selected, list-row.button:selected {
4783 color: #ffffff;
4784 background-color: #5E7F3E; }
4785 .view:hover, iconview:hover, .view text:hover, iconview text:hover, iconview:hover, iconview text:hover, textview:hover, textview text:hover, list:hover, list-row:hover, list-row.button:hover {
4786 background-color: #e5e5e5; }
4787 .view:active, iconview:active, .view text:active, iconview text:active, iconview:active, iconview text:active, textview:active, textview text:active, list:active, list-row:active, list-row.button:active {
4788 box-shadow: inset 0 2px 2px -2px rgba(0, 0, 0, 0.2); }
4789 .view:selected:active, iconview:selected:active, .view text:selected:active, iconview text:selected:active, iconview:selected:active, iconview text:selected:active, textview:selected:active, textview text:selected:active, list:selected:active, list-row:selected:active, list-row.button:selected:active {
4790 box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.5); }
4791 .view:selected:hover, iconview:selected:hover, .view text:selected:hover, iconview text:selected:hover, iconview:selected:hover, iconview text:selected:hover, textview:selected:hover, textview text:selected:hover, list:selected:hover, list-row:selected:hover, list-row.button:selected:hover {
4792 background-color: #57753a; }
4793 .view:selected:backdrop, iconview:selected:backdrop, .view text:selected:backdrop, iconview text:selected:backdrop, iconview:selected:backdrop, iconview text:selected:backdrop, textview:selected:backdrop, textview text:selected:backdrop, list:selected:backdrop, list-row:selected:backdrop, list-row.button:selected:backdrop {
4794 background-color: #5E7F3E; }
4795
4796 #pathbarbox {
4797 background-color: #C6C6C6; }
4798
4799 list-row.sidebar-item {
4800 background-color: #b9b9b9;
4801 border-color: #7a7a7a; }
4802 list-row.sidebar-item:backdrop, list-row.sidebar-item:backdrop:hover {
4803 background-color: #b9b9b9;
4804 border-color: #828282; }
4805 list-row.sidebar-item:hover {
4806 background-color: #bdbdbd; }
4807 list-row.sidebar-item:active {
4808 box-shadow: inset 0 2px 2px -2px rgba(0, 0, 0, 0.2); }
4809 list-row.sidebar-item:selected {
4810 background-color: #5E7F3E; }
4811 list-row.sidebar-item:selected:active {
4812 box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.5); }
4813 list-row.sidebar-item:selected:hover {
4814 background-color: #57753a; }
4815 list-row.sidebar-item:selected:backdrop {
4816 background-color: #5E7F3E; }
4817
4818 /* Fudge the Nautilus icon view background colour in the only way that seems to work */
4819 .nautilus-window notebook {
4820 background-color: #F0F0F0; }
4821
4822 /* And make the Nautilus places bar a bit darker, as it used to be */
4823 placessidebar list {
4824 background-color: #b9b9b9;
4825 border-color: #7a7a7a; }
4826 placessidebar list:backdrop {
4827 background-color: #b9b9b9;
4828 border-color: #828282; }
4829
4830 .view.rubberband, iconview.rubberband {
4831 background-color: rgba(94, 127, 62, 0.2); }
4832
4833 menubar {
4834 background-color: #3D3D3D;
4835 color: #cccccc;
4836 box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1); }
4837 menubar:backdrop {
4838 background-color: #3D3D3D;
4839 color: #cccccc; }
4840
4841 menubar menu, headerbar menu {
4842 background-color: #3D3D3D;
4843 color: #cccccc;
4844 border-color: #303030; }
4845 menubar > menuitem:hover, headerbar > menuitem:hover {
4846 box-shadow: inset 0 -3px #5E7F3E; }
4847 menubar > menuitem:hover, menubar > menuitem label:hover, headerbar > menuitem:hover, headerbar > menuitem label:hover {
4848 color: #5E7F3E; }
4849 menubar > menuitem:insensitive, menubar > menuitem label:insensitive, headerbar > menuitem:insensitive, headerbar > menuitem label:insensitive {
4850 color: #6e6e6e;
4851 box-shadow: none; }
4852 menubar > menuitem:backdrop, menubar > menuitem label:backdrop, headerbar > menuitem:backdrop, headerbar > menuitem label:backdrop {
4853 color: #cccccc; }
4854 menubar > menuitem menuitem.check, menubar > menuitem menuitem.radio, menubar > menuitem label menuitem.check, menubar > menuitem label menuitem.radio, headerbar > menuitem menuitem.check, headerbar > menuitem menuitem.radio, headerbar > menuitem label menuitem.check, headerbar > menuitem label menuitem.radio {
4855 color: #dddddd; }
4856
4857 menu,
4858 .menu,
4859 .context-menu {
4860 border: 5px solid #f00; }
4861
4862 .floating-bar {
4863 opacity: 0.9;
4864 color: black;
4865 background-color: #F0F0F0;
4866 border: 1px solid #7a7a7a; }
4867 .floating-bar.top.left {
4868 border-bottom-right-radius: 3px;
4869 border-top-width: 0;
4870 border-left-width: 0; }
4871 .floating-bar.top.right {
4872 border-bottom-left-radius: 3px;
4873 border-top-width: 0;
4874 border-right-width: 0; }
4875 .floating-bar.bottom.left {
4876 border-top-right-radius: 3px;
4877 border-bottom-width: 0;
4878 border-left-width: 0; }
4879 .floating-bar.bottom.right {
4880 border-top-left-radius: 3px;
4881 border-bottom-width: 0;
4882 border-right-width: 0; }
4883
4884 treeview.view header button, treeview.view header button:backdrop, treeview.view header button:hover, treeview.view header button:hover:backdrop, treeview.view header button:active, treeview.view header button:active:backdrop, treeview.view header button:disabled, treeview.view header button:disabled:backdrop {
4885 border-color: #adadad; }
4886
4887 treeview.view header button:last-child:hover {
4888 border-right-width: 0; }
4889
4890 notebook > header tab:checked.reorderable-page {
4891 border-color: #7a7a7a;
4892 background-color: #C6C6C6; }
4893 notebook > header tab:checked.reorderable-page:hover {
4894 background-color: lightgray; }
4895 notebook > header tab:backdrop:checked.reorderable-page {
4896 background-color: #C6C6C6; }