1/*******************************************************
2 * Blue-Submarine                                      *
3 * Part of https://github.com/mate-desktop/mate-themes *
4 * Author Wolfgang Ulbrich                             *
5 *******************************************************/
6
7* {
8    padding: 0;
9    background-clip: padding-box;
10    -GtkDialog-button-spacing: 4; /* ie. logout dialog */
11    -GtkDialog-action-area-border: 10; /* ie. logout dialog */
12    -GtkHTML-link-color: @link_color;
13    -GtkIMHtml-hyperlink-color: @link_color;
14    -GtkScrollbar-activate-slider: 1;
15    -GtkScrolledWindow-scrollbar-spacing: 0;
16    -GtkTextView-error-underline-color: @error_color;
17    -GtkToolButton-icon-spacing: 4;
18    -GtkToolItemGroup-expander-size: 6;
19    -GtkTreeView-expander-size: 12; /* arrow size in list/tree views */
20    -GtkTreeView-horizontal-separator: 4;
21    -GtkTreeView-vertical-separator: 4;
22    -WnckTasklist-fade-overlay-rect: 0;
23    /* Highlight drag-drop destination */
24    outline-color: alpha(currentColor, 0.3);
25    outline-style: dashed;
26    outline-offset: -3px;
27    outline-width: 1px;
28    -gtk-outline-radius: 2px;
29    -gtk-icon-style: regular; /* no symbolic icons */
30}
31
32/***************
33 * Base States *
34 ***************/
35window {
36    color: @theme_fg_color;
37}
38
39/* exclude widget for mate-menu */
40.background:not(widget) {
41	color: @theme_fg_color;
42	background-color: @theme_bg_color;
43}
44
45/* override previous setting for rubberband of mate-screenshot */
46.background.rubberband {
47	background-color: transparent;
48}
49
50.background:backdrop {
51    text-shadow: none;
52    -gtk-icon-shadow: none;
53}
54
55*:active {
56/*    background-color: alpha(shade(@theme_selected_bg_color, 1.90), 0.015);*/
57}
58
59*:hover:active:disabled {
60}
61
62*:active:disabled {
63}
64
65*:hover {
66/*     background-color: alpha(shade(@menu_bg_color, 1.05), 0.0);*/
67}
68
69*:hover:disabled {
70}
71
72/* seems like firefox needs this stupid wildcard in several places */
73*:selected:focus {
74        background-color: @theme_selected_bg_color;
75        color: @theme_selected_fg_color;
76}
77
78*:disabled {
79    /* inherit the color from parent by default */
80/*    background-color: inherit;*/
81    color: @insensitive_fg_color;
82    border-color: @insensitive_border_color;
83    box-shadow: none;
84}
85
86*:backdrop {
87}
88
89.gtkstyle-fallback {
90    background-color: @theme_bg_color;
91    color: @theme_fg_color;
92}
93
94.gtkstyle-fallback:hover {
95    background-color: shade(@theme_bg_color, 1.10);
96    color: @theme_fg_color;
97}
98
99.gtkstyle-fallback:active {
100    background-color: shade(@theme_bg_color, 0.90);
101    color: @theme_fg_color;
102}
103
104.gtkstyle-fallback:disabled {
105    background-color: @insensitive_bg_color;
106    color: @insensitive_fg_color;
107}
108
109.gtkstyle-fallback:selected {
110    background-color: @theme_selected_bg_color;
111    color: @theme_selected_fg_color;
112}
113
114/* Fix for applications that have issues finding a default monospace font */
115.monospace {
116  font-family: Monospace;
117}
118
119/*********
120 * label *
121 *********/
122/*
123label,
124label:disabled {
125    background-color: transparent;
126}
127*/
128.grip {
129    background-color: transparent;
130    background-image: url("assets/resize-grip.svg");
131}
132
133/* ie. selection mouse retancle in caja */
134view.rubberband,
135rubberband,
136.view.rubberband,
137.rubberband {
138    background-color: alpha (@theme_selected_bg_color, 0.35);
139    background-image: linear-gradient(to bottom,
140                                      alpha (@theme_selected_bg_color, 0.35),
141                                      alpha (@theme_selected_bg_color, 0.35));
142    border-color: @theme_selected_bg_color;
143    border-style: solid;
144    border-width: 1px;
145    border-radius: 2px;
146}
147
148/************
149 * Tooltips *
150 ************/
151
152tooltip,
153.tooltip {
154    border-width: 0px;
155    border-style: none;
156    border-radius: 2px;
157    border-color: transparent;
158}
159
160tooltip.background,
161.tooltip.background {
162    background-color: alpha(@theme_tooltip_bg_color, 1.00);
163    background-clip: padding-box;
164    border-width: 1px;
165    border-style: solid;
166    border-radius: 2px;
167    border-color: @theme_fg_color;
168}
169
170tooltip label,
171.tooltip label {
172    color: shade(@theme_tooltip_fg_color, 0.90);
173	text-shadow: none;
174/* this controls the tooltip size */
175    padding: 6px;
176}
177
178/* needed for override CSD setting */
179tooltip decoration,
180.tooltip decoration,
181tooltip.csd decoration,
182.tooltip.csd decoration,
183tooltip.ssd decoration,
184.tooltip.ssd decoration,
185tooltip.solid-csd decoration,
186.tooltip.solid-csd decoration,
187tooltip.background.csd decoration,
188.tooltip.background.csd decoration,
189tooltip.background.ssd decoration,
190.tooltip.background.ssd decoration,
191tooltip.background.solid-csd decoration,
192.tooltip.background.solid-csd decoration {
193    background-color: alpha(shade(@theme_selected_bg_color, 1.3), 0.6);
194    border-width: 1px;
195    border-style: solid;
196    border-radius: 2px;
197    border-color: @theme_fg_color;
198    box-shadow: 0 1px 5px shade (@theme_selected_bg_color, 1.3);
199    padding: 1px;
200}
201
202/*************
203 * separator *
204 *************/
205
206separator {
207    border-width: 1px;
208    border-style: solid;
209    border-image: none;
210    border-color:  mix(@theme_fg_color, @theme_bg_color, 0.95);
211    border-bottom-color: alpha (shade (@theme_bg_color, 1.26), 0.15);
212    border-right-color:  alpha (shade (@theme_bg_color, 1.26), 0.15);
213}
214
215separator:hover {
216    color: shade (@theme_bg_color, 0.92);
217    border-color: mix(@theme_fg_color, @theme_bg_color, 0.95);
218    border-image: none;
219}
220
221treeview.view.separator,
222treeview.separator,
223treeview.view.separator:hover,
224treeview.separator:hover {
225    border-style: solid;
226    border-width: 0px 0px 1px 0px;
227    border-color: @notebook_border;
228}
229
230separator.horizontal {
231    border-width: 1px 0 1px 0;
232}
233
234separator.vertical {
235    border-width: 0 1px 0 1px;
236}
237
238button separator,
239button.separator {
240    border-color: alpha (#000, 0.00);
241}
242
243button separator:disabled,
244button.separator:disabled {
245    border-color: alpha (#000, 0.00);
246}
247
248statusbar {
249    padding: 2px;
250    margin: -2px 0 -2px 0;
251    color: @theme_fg_color;
252    font-size: smaller;
253}
254
255.dnd {
256    border-width: 1px;
257    border-style: solid;
258    border-color: @theme_selected_bg_color;
259    border-radius: 0px;
260}
261
262/*********
263 * Paned *
264 *********/
265
266/* the small line between sidebar and view */
267paned > separator {
268    min-width: 3px;
269    min-height: 3px;
270    -gtk-icon-source: none;
271    border-style: none;
272    background-color: @theme_bg_color;
273    background-size: 1px 1px;
274 }
275
276paned > separator:hover,
277paned > separator:selected {
278    background-color: @theme_bg_color;
279}
280
281paned > separator:backdrop {
282}
283
284paned > separator.wide {
285    margin: 0;
286    padding: 0;
287    min-width: 5px;
288    min-height: 5px;
289    background-size: 1px 1px, 1px 1px;
290}
291
292paned > separator.wide:backdrop {
293}
294
295/****************
296 * Text Entries *
297 ****************/
298
299entry {
300    min-height: 17px;
301}
302
303entry,
304entry.combo {
305    background-color: shade (@bg_color, 1.1);
306    padding: 6px 4px;
307    color: @entry_text_color;
308    background-image: -gtk-gradient(linear,
309                                    left top, left bottom,
310                                    from       (shade(@theme_base_color, 0.86)),
311                                    color-stop (0.15, shade(@theme_base_color, 0.96)),
312                                    color-stop (0.50, shade(@theme_base_color, 0.98)),
313                                    to         (shade(@theme_base_color, 1.00)));
314    /* outer */
315    border-width: 2px;
316    border-style: solid;
317    border-radius: 6px;
318    border-top-color:         transparent;
319    border-right-color:     alpha(#fff, 0.02);
320    border-left-color:         alpha(#fff, 0.02);
321    border-bottom-color:     alpha(#fff, 0.03);
322    /* border */
323    box-shadow: inset  0px  3px alpha(#000, 0.03),
324                inset  0px  2px alpha(#000, 0.05),
325                inset  2px  0px alpha(#000, 0.04),
326                inset -2px  0px alpha(#000, 0.04),
327                inset  0px -2px alpha(#000, 0.03),
328                inset  0px  1px shade(@button_border, 0.80),
329                inset  1px  0px shade(@button_border, 0.90),
330                inset -1px  0px shade(@button_border, 0.90),
331                inset  0px -1px shade(@button_border, 1.05);
332}
333
334entry:focus {
335    box-shadow: inset  0px  1px shade (@theme_selected_bg_color, 1.3),
336                inset  1px  0px shade (@theme_selected_bg_color, 1.3),
337                inset -1px  0px shade (@theme_selected_bg_color, 1.3),
338                inset  0px -1px shade (@theme_selected_bg_color, 1.3);
339}
340
341entry:disabled,
342entry.combo:disabled {
343    color: @insensitive_fg_color;
344    background-image: none;
345    background-color: @insensitive_bg_color;
346    border-style: solid;
347    border-color: alpha (#000, 0.00);
348    border-bottom-color: alpha (#000, 0.00);
349    border-image: none;
350    box-shadow: inset  0px  1px @insensitive_border_color,
351                inset  1px  0px @insensitive_border_color,
352                inset -1px  0px @insensitive_border_color,
353                inset  0px -1px @insensitive_border_color;
354}
355
356entry selection,
357entry selection:focus {
358    background-color: @theme_selected_bg_color;
359    color: @theme_selected_fg_color;
360}
361
362entry progressbar {
363    background-color: @theme_selected_bg_color;
364    color: @theme_selected_fg_color;
365    border-width: 1px;
366    border-radius: 3px;
367}
368
369entry image.left {
370	padding-right: 6px;
371}
372
373entry image.right {
374	padding-left: 6px;
375}
376
377/****************
378 * Progress bar *
379 ****************/
380
381progressbar {
382	border-radius: 3px;
383	padding: 0;
384	font-size: smaller;
385}
386
387/* progress component */
388progressbar.horizontal trough {
389    min-height: 18px;
390    border-radius: 3px;
391}
392
393progressbar.horizontal progress {
394    min-height: 16px;
395    border-radius: 3px;
396}
397
398progressbar.vertical trough {
399    min-width: 18px;
400    border-radius: 3px;
401}
402
403progressbar.vertical progress {
404    min-width: 16px;
405    border-radius: 3px;
406}
407
408progressbar progress.left {
409    border-top-left-radius: 3px;
410    border-bottom-left-radius: 3px;
411}
412
413progressbar progress.right {
414    border-top-right-radius: 3px;
415    border-bottom-right-radius: 3px;
416}
417
418progressbar progress.top {
419    border-top-right-radius: 3px;
420    border-top-left-radius: 3px;
421}
422
423progressbar progress.bottom {
424    border-bottom-right-radius: 3px;
425    border-bottom-left-radius: 3px;
426}
427
428treeview.view.progressbar,
429treeview.view.progressbar:hover,
430progressbar.horizontal progress {
431    background-image: linear-gradient(to right,
432                                      alpha (#000, 0.00),
433                                      alpha (#000, 0.00) 48%,
434                                      alpha (#004, 0.12) 48%,
435                                      alpha (#004, 0.12) 50%,
436                                      alpha (#000, 0.00) 50%,
437                                      alpha (#000, 0.00) 98%,
438                                      alpha (#004, 0.12) 98%,
439                                      alpha (#004, 0.12)),
440                      linear-gradient(to bottom,
441                                      alpha (#000, 0.20),
442                                      alpha (#000, 0.05) 50%,
443                                      alpha (#000, 0.00)),
444                      linear-gradient(to right,
445                                      @progressbar_fill_a,
446                                      @progressbar_fill_b);
447    background-size: 40px auto, auto, auto;
448    box-shadow: inset  0px  1px alpha(black, 0.03),
449                inset  1px  0px alpha(black, 0.03),
450                inset -1px  0px alpha(black, 0.03),
451                inset  0px -1px alpha(white, 0.10);
452    border-width: 1px;
453    border-style: solid;
454    border-radius: 3px;
455    border-top-color:    shade(@button_border_active, 0.80);
456    border-left-color:   shade(@button_border_active, 0.85);
457    border-right-color:  shade(@button_border_active, 0.85);
458    border-bottom-color: shade(@button_border_active, 1.00);
459}
460
461treeview.view.progressbar:selected,
462treeview.view.progressbar:selected:hover {
463    background-image: linear-gradient(to right,
464                                      alpha (#000, 0.00),
465                                      alpha (#000, 0.00) 48%,
466                                      alpha (#004, 0.12) 48%,
467                                      alpha (#004, 0.12) 50%,
468                                      alpha (#000, 0.00) 50%,
469                                      alpha (#000, 0.00) 98%,
470                                      alpha (#004, 0.12) 98%,
471                                      alpha (#004, 0.12)),
472                      linear-gradient(to bottom,
473                                      alpha (#000, 0.20),
474                                      alpha (#000, 0.05) 50%,
475                                      alpha (#000, 0.00)),
476                      linear-gradient(to right,
477                                      shade(@progressbar_fill_a, 1.29),
478                                      shade(@progressbar_fill_b, 1.29));
479    background-size: 40px auto, auto, auto;
480    border-width: 1px;
481    border-style: solid;
482    border-radius: 3px;
483    border-top-color:    shade(@button_border_active, 0.80);
484    border-left-color:   shade(@button_border_active, 0.85);
485    border-right-color:  shade(@button_border_active, 0.85);
486    border-bottom-color: shade(@button_border_active, 1.00);
487}
488
489progressbar.vertical progress {
490    background-image: linear-gradient(to top,
491                                      alpha (#000, 0.00),
492                                      alpha (#000, 0.00) 48%,
493                                      alpha (#004, 0.12) 48%,
494                                      alpha (#004, 0.12) 50%,
495                                      alpha (#000, 0.00) 50%,
496                                      alpha (#000, 0.00) 98%,
497                                      alpha (#004, 0.12) 98%,
498                                      alpha (#004, 0.12)),
499                      linear-gradient(to right,
500                                      alpha (#000, 0.20),
501                                      alpha (#000, 0.05) 50%,
502                                      alpha (#000, 0.00)),
503                      linear-gradient(to top,
504                                      @progressbar_fill_a,
505                                      @progressbar_fill_b);
506    background-size: auto 40px, auto, auto;
507    box-shadow: inset  0px  1px alpha(black, 0.03),
508                inset  1px  0px alpha(black, 0.03),
509                inset -1px  0px alpha(white, 0.10),
510                inset  0px -1px alpha(black, 0.03);
511    border-width: 1px;
512    border-style: solid;
513    border-radius: 3px;
514    border-top-color:    shade(@button_border_active, 0.85);
515    border-left-color:   shade(@button_border_active, 0.80);
516    border-right-color:  shade(@button_border_active, 1.00);
517    border-bottom-color: shade(@button_border_active, 0.85);
518}
519
520treeview.view.progressbar,
521treeview.view.progressbar:hover,
522notebook treeview.view.progressbar:hover {
523      color: @theme_selected_fg_color;
524}
525
526treeview.view.progressbar:hover {
527      color: @theme_fg_color;
528}
529
530treeview.view.trough,
531progressbar trough {
532    background-image: -gtk-gradient (linear,
533                                     left top, left bottom,
534                                     from (alpha (#000, 0.18)),
535                                     color-stop (0.20, alpha (#000, 0.14)),
536                                     to (alpha (#000, 0.04)));
537    border-style: none;
538    border-width: 0px;
539    border-radius: 3px;
540    padding: 0 0 1px 0;
541    box-shadow: inset  1px  1px alpha(#000, 0.15),
542                inset -1px -1px alpha(#000, 0.15);
543    text-shadow: none;
544}
545
546treeview.view.trough:selected,
547notebook treeview.view.trough:selected:hover {
548    background-image: -gtk-gradient(linear,
549                                    left top, left bottom,
550                                    from       (shade(@theme_base_color, 0.80)),
551                                    color-stop (0.15, shade(@theme_base_color, 0.90)),
552                                    color-stop (0.50, shade(@theme_base_color, 0.92)),
553                                    to         (shade(@theme_base_color, 0.94)));
554    border-width: 1px;
555    border-style: solid;
556    border-radius: 3px;
557    border-top-color:    shade(@button_border_active, 0.80);
558    border-left-color:   shade(@button_border_active, 0.85);
559    border-right-color:  shade(@button_border_active, 0.85);
560    border-bottom-color: shade(@button_border_active, 1.00);
561    padding: 0 0 0px 0;
562    box-shadow: inset  1px  1px alpha(#000, 0.15),
563                inset -1px -1px alpha(#000, 0.15);
564    text-shadow: none;
565    color: @theme_fg_color;
566}
567
568progressbar.vertical trough {
569    background-image: -gtk-gradient (linear,
570                                     left top, right top,
571                                     from (alpha (#000, 0.18)),
572                                     color-stop (0.20, alpha (#000, 0.14)),
573                                     to (alpha (#000, 0.04)));
574    border-radius: 2px;
575    padding: 0 0 1px 0;
576    text-shadow: none;
577}
578
579/* level bars as used for password quality or remaining power */
580levelbar {
581    min-width: 34px;
582    min-height: 3px;
583}
584
585levelbar.vertical {
586    min-width: 3px;
587    min-height: 34px;
588}
589
590levelbar trough {
591	padding: 2px;
592	border-radius: 2px;
593	background-image: linear-gradient(to bottom,
594		@trough_bg_color_a,
595		@trough_bg_color_b);
596	background-color: transparent;
597    box-shadow: inset  1px  1px alpha(#000, 0.15),
598                inset -1px -1px alpha(#000, 0.15);
599}
600
601levelbar block.filled {
602    border-width: 2px;
603    border-style: solid;
604    border-color: @button_border_active;
605    background-image: -gtk-gradient (linear,
606                                     0.45 top, 0.55 bottom,
607                                     from (shade (@button_bg_active, 1.30)),
608                                     color-stop (0.40, shade (@button_bg_active, 1.04)),
609                                     color-stop (0.60, shade (@button_bg_active, 0.92)),
610                                     to (shade (@button_bg_active, 1.20)));
611}
612
613levelbar.continuous block.filled {
614    padding: 1px;
615    border-radius: 2px;
616}
617
618levelbar.discrete.horizontal block.filled {
619    margin: 0 1px;
620}
621
622levelbar.discrete.vertical block.filled {
623    margin: 1px 0;
624}
625
626.level-bar.indicator-discrete.fill-block.horizontal:first-child {
627    border-radius: 2px 0 0 2px;
628}
629
630.level-bar.indicator-discrete.fill-block.horizontal:last-child {
631    border-radius: 0 2px 2px 0;
632}
633
634.level-bar.indicator-discrete.fill-block.vertical:first-child {
635    border-radius: 2px 2px 0 0;
636}
637
638.level-bar.indicator-discrete.fill-block.vertical:last-child {
639    border-radius: 0 0 2px 2px;
640}
641
642levelbar block.low {
643	border-color: shade(@warning_color, 0.80);
644	background-image: linear-gradient(to bottom,
645                                      shade(@warning_color, 1.3),
646                                      @warning_color 75%,
647                                      shade(@warning_color, 0.90));
648}
649
650levelbar block.high {
651    border-color: shade(@success_color, 0.85);
652    background-image: linear-gradient(to bottom,
653                                      shade(@success_color, 1.2),
654                                      @success_color 75%,
655                                      shade(@success_color, 0.95));
656}
657
658levelbar block.full {
659    border-color: shade(@success_color, 0.95);
660    background-image: linear-gradient(to bottom,
661                                      shade(@success_color, 1.2),
662                                      @success_color 75%,
663                                      shade(@success_color, 0.95));
664}
665
666levelbar block.empty {
667    border: 1px solid #2a76c6;
668    border-radius: 1px;
669    background-color: transparent;
670    border-color: rgba(46, 52, 54, 0.2);
671    box-shadow: none;
672}
673
674levelbar block.empty:backdrop {
675    border-color: rgba(139, 142, 143, 0.15);
676}
677
678/************
679 * GtkScale *
680 ************/
681
682scale.vertical {
683    min-width: 10px;
684    padding: 0px 4px;
685}
686
687scale.horizontal {
688    min-height: 10px;
689    padding: 6px 0px;
690}
691
692scale.horizontal trough {
693    min-height: 3px;
694    margin-left: 8px;
695    margin-right: 8px;
696}
697
698scale.vertical trough {
699    min-width: 3px;
700    margin-top: 8px;
701    margin-bottom: 8px;
702}
703
704scale trough {
705    border-radius: 8px;
706    border-style: solid;
707    border-width: 1px;
708    background-image: -gtk-gradient (linear,
709                                     left top,
710                                     left bottom,
711                                     from (alpha (#000, 0.20)),
712                                     color-stop (0.20, alpha (#000, 0.16)),
713                                     to (alpha (#000, 0.06)));
714    box-shadow: inset  1px  1px alpha(#000, 0.08),
715                inset -1px -1px alpha(#000, 0.08);
716}
717
718scale trough,
719scale.horizontal trough,
720scale.vertical trough {
721    border-color: @scale_border_b;
722}
723
724scale trough:disabled {
725    background-image: -gtk-gradient (linear,
726                                     left top,
727                                     left bottom,
728                                     from (alpha (#000, 0.03)),
729                                     to   (alpha (#000, 0.03)));
730    border-style: none;
731    box-shadow: inset  1px  1px alpha(#000, 0.15),
732                          inset -1px -1px alpha(#000, 0.15);
733}
734
735scale trough highlight,
736scale.vertical trough highlight,
737scale.horizontal trough highlight {
738    border-style: solid;
739    border-color: @scale_highlight_border;
740    border-radius: 8px;
741    background-color: @scale_highlight_bg;
742}
743
744scale trough highlight:disabled,
745scale.vertical trough highlight:disabled,
746scale.horizontal trough highlight:disabled {
747    background-color: transparent;
748}
749
750scale highlight.left {
751    background-image: -gtk-gradient (linear,
752                                     left top, left bottom,
753                                     from (shade (@scale_fill, 0.90)),
754                                     to (shade (@scale_fill, 1.31)));
755    border-style: none;
756    border-width: 0px;
757    border-radius: 8px;
758    box-shadow: inset  1px  1px alpha(#000, 0.08),
759                inset -1px -1px alpha(#000, 0.08);
760    color:       @theme_selected_fg_color;
761    text-shadow: none;
762}
763
764scale highlight.bottom {
765    background-image: -gtk-gradient (linear,
766                                     left top, right top,
767                                     from (shade (@scale_fill, 0.90)),
768                                     to (shade (@scale_fill, 1.31)));
769    border-style: none;
770    border-width: 0px;
771    border-radius: 8px;
772    box-shadow: inset  1px  1px alpha(#000, 0.08),
773                inset -1px -1px alpha(#000, 0.08);
774    color:       @theme_selected_fg_color;
775    text-shadow: none;
776}
777
778scale highlight.left:disabled {
779    background-image: -gtk-gradient (linear, left top, left bottom,
780                                     from (shade (@theme_bg_color, 0.85)),
781                                     to (shade (@theme_bg_color, 0.85)));
782    box-shadow: inset  1px  1px alpha(#000, 0.02),
783                inset -1px -1px alpha(#000, 0.02);
784}
785
786scale highlight.bottom:disabled {
787    background-image: -gtk-gradient (linear,  left top, right top,
788                                     from (shade (@theme_bg_color, 0.85)),
789                                     to (shade (@theme_bg_color, 0.85)));
790    box-shadow: inset  1px  1px alpha(#000, 0.02),
791                inset -1px -1px alpha(#000, 0.02);
792}
793
794scale marks {
795    color: mix(@theme_bg_color, @theme_text_color, 0.56);
796    background-color: transparent;
797}
798
799scale marks.top,
800scale.fine-tune marks.top {
801    margin-bottom: 6px;
802}
803
804scale marks.bottom,
805scale.fine-tune marks.bottom  {
806    margin-top: 6px;
807}
808
809/* this makes marks visible */
810scale.horizontal indicator,
811scale.horizontal.fine-tune indicator {
812    min-height: 8px;
813    min-width: 1px;
814}
815
816scale.vertical indicator,
817scale.vertical.fine-tune indicator {
818    min-height: 1px;
819    min-width: 8px;
820}
821
822scale slider,
823scale slider:hover,
824scale slider:disabled {
825    border-radius: 8px;
826    border-style: none;
827}
828
829scale.horizontal slider {
830    /* background-image in -assets variant */
831    background-color: transparent;
832    background-size: 105%;
833    background-repeat: no-repeat;
834    background-position: center;
835    min-height: 18px;
836    min-width: 18px;
837    margin: -9px 0px -9px 0px;
838}
839
840scale.horizontal.fine-tune slider:active,
841scale.horizontal.fine-tune slider:hover:active {
842    background-size: 90%;
843    background-repeat: no-repeat;
844    background-position: center;
845}
846
847scale.horizontal.marks-after slider {
848    min-height: 22px
849}
850
851/* Why different values ? */
852scale.vertical slider {
853    /* background-image in -assets variant */
854    background-size: 110%;
855    background-repeat: no-repeat;
856    background-position: center;
857    min-height: 18px;
858    min-width: 18px;
859    margin: 0px -9px 0px -9px;
860}
861
862scale.vertical.fine-tune slider:active,
863scale.vertical.fine-tune slider:hover:active {
864    background-size: 95%;
865    background-repeat: no-repeat;
866    background-position: center;
867}
868
869scale.horizontal.color.marks-before,
870scale.vertical.color.marks-after {
871    margin: 0px 0px 0px 0px;
872    padding: 0px;
873}
874
875scale.horizontal.color.marks-before trough,
876scale.vertical.color.marks-after trough {
877      border-color: @notebook_border;
878      border-radius: 5px;
879      background-repeat: no-repeat;
880}
881
882scale.vertical.color.marks-after slider {
883    min-height: 20px;
884    min-width: 22px;
885    padding: 0px;
886    background-size: 100%;
887    background-repeat: no-repeat;
888    background-position: center;
889    margin: 0px 0px 0px 0px;
890}
891
892scale.horizontal.color.marks-before slider {
893    min-height: 14px;
894    min-width: 20px;
895    margin: 0px 0px 0px 0px;
896    padding: 5px 0px;
897    background-size: 100%;
898    background-repeat: no-repeat;
899    background-position: center;
900}
901
902scale.horizontal.color.marks-before slider:hover,
903scale.vertical.color.marks-after slider:hover {
904    background-size: 105%;
905}
906
907scale.horizontal.color.marks-before.fine-tune slider,
908scale.vertical.color.marks-after.fine-tune slider {
909    background-size: 85%;
910}
911
912/**********
913 * Frames *
914 **********/
915
916.frame,
917frame > border { /* firefox location entry */
918    padding: 0px;
919    border-width: 1px;
920    border-radius: 4px;
921    border-style: solid;
922    border-color:  shade (@theme_bg_color, 0.85);
923    color: mix(@theme_selected_bg_color, @theme_fg_color, 0.70);
924}
925
926.frame.flat,
927frame > border.flat,
928overlay > frame > border {
929    border-style: none;
930}
931
932/***********
933 * Buttons *
934 ***********/
935
936button,
937button.raised {
938    padding: 5px;
939    min-height: 20px;
940    min-width: 20px;
941}
942
943button.combo {
944    min-height: 22px;
945    min-width: 20px;
946}
947
948/* needed with new button padding */
949button label {
950    padding: 2px 0px;
951}
952
953button {
954    transition: all 400ms ease-out;
955    background-image: -gtk-gradient (linear,
956                                     left top, left bottom,
957                                     from (@button_gradient1),
958                                     color-stop (0.50, @button_gradient3),
959                                     to   (@button_gradient4));
960    border-width: 1px;
961    border-radius: 5px;
962    border-style: solid;
963    /* outer */
964    border-top-color:    transparent;
965    border-left-color:   alpha (#000, 0.01);
966    border-right-color:  alpha (#000, 0.01);
967    border-bottom-color: alpha (#000, 0.03);
968    box-shadow: inset  0px  1px alpha(shade(@button_border, 1.00), 0.70),
969                inset  1px  0px alpha(shade(@button_border, 0.94), 0.80),
970                inset -1px  0px alpha(shade(@button_border, 0.94), 0.80),
971                inset  0px -1px alpha(shade(@button_border, 0.88), 0.90);
972/* box-shadow Syntax */
973/* box-shadow: [ inset ] horizontal_offset vertical_offset [ blur_radius ] [ spread ] color */
974    color:             @theme_fg_color;
975    text-shadow: none;
976    outline-style: none;
977}
978
979button.default {
980    text-shadow: none;
981    color: @theme_fg_color;
982}
983
984/* ie. mate-control-center */
985button.flat {
986    transition: all 400ms ease-out;
987    border-radius: 5px;
988    padding: 4px;
989    border-color: transparent;
990    background-color: transparent;
991    background-image: none;
992    box-shadow: inset 0 1px rgba(255,255,255,0), 0 1px rgba(255,255,255,0);
993    text-shadow: none;
994    -gtk-icon-shadow: none;
995    border-image: none;
996}
997
998/* ie. caja location drop down button */
999button.flat.toggle {
1000    padding: 5px;
1001}
1002
1003/* ie. controls gnome-mplayer, virtual-manager */
1004button.flat.image-button,
1005button.flat.image-button:focus,
1006button.flat.image-button:hover,
1007button.flat.scale {
1008	padding: 5px;
1009}
1010
1011button:hover {
1012    background-image: -gtk-gradient (linear,
1013                                     left top, left bottom,
1014                                     from (shade(@button_gradient1, 1.03)),
1015                                     color-stop (0.50, shade(@button_gradient3, 1.03)),
1016                                     to   (shade(@button_gradient4, 1.01)));
1017    box-shadow: inset  0px  1px shade (@theme_selected_bg_color, 1.3),
1018                inset  1px  0px shade (@theme_selected_bg_color, 1.3),
1019                inset -1px  0px shade (@theme_selected_bg_color, 1.3),
1020                inset  0px -1px shade (@theme_selected_bg_color, 1.3);
1021}
1022
1023button:hover:active,
1024button:focus:hover:active,
1025button:checked,
1026button:checked:hover,
1027button:checked:hover:active {
1028    background-image: -gtk-gradient (linear,
1029                                     left top, left bottom,
1030                                     from (shade (@theme_bg_color, 1.20)),
1031                                     color-stop (0.50, shade (@theme_bg_color, 1.00)),
1032                                     color-stop (0.50, shade (@theme_bg_color, 0.99)),
1033                                     to (shade (@theme_bg_color, 0.80)));
1034    border-radius: 5px;
1035    box-shadow: inset  0px  1px shade (@theme_selected_bg_color, 1.3),
1036                inset  1px  0px shade (@theme_selected_bg_color, 1.3),
1037                inset -1px  0px shade (@theme_selected_bg_color, 1.3),
1038                inset  0px -1px shade (@theme_selected_bg_color, 1.3);
1039}
1040
1041button:focus,
1042button.default {
1043    border-color: transparent;
1044    box-shadow: inset  0px  1px shade (@theme_selected_bg_color, 1.3),
1045                inset  1px  0px shade (@theme_selected_bg_color, 1.3),
1046                inset -1px  0px shade (@theme_selected_bg_color, 1.3),
1047                inset  0px -1px shade (@theme_selected_bg_color, 1.3);
1048}
1049
1050button:hover:active,
1051button:checked,
1052button:checked:hover,
1053button:checked:hover:active {
1054    text-shadow: none;
1055}
1056
1057button:disabled {
1058    background-image: none;
1059    background-color: @insensitive_bg_color;
1060    border-color: alpha (#000, 0.00);
1061    border-bottom-color: alpha (#000, 0.00);
1062    border-image: none;
1063    box-shadow: inset  0px  1px @insensitive_border_color,
1064                inset  1px  0px @insensitive_border_color,
1065                inset -1px  0px @insensitive_border_color,
1066                inset  0px -1px @insensitive_border_color;
1067    color: @insensitive_fg_color;
1068    text-shadow: none;
1069}
1070
1071button:disabled image,
1072.button:disabled image,
1073button:active:disabled image,
1074.button:active:disabled image{
1075	 opacity: 0.5;
1076}
1077
1078
1079toolbar.vertical > button.image-button.flat {
1080    padding: 5px;
1081}
1082
1083button.text-button,
1084button.text-button:focus,
1085button.text-button:hover,
1086button.file,
1087combobox > button.combo,
1088combobox > button.combo:hover {
1089    padding: 5px;
1090}
1091
1092button.font,
1093button.color {
1094    padding: 5px 4px;
1095}
1096
1097.path-bar > button,
1098.linked.path-bar > button,
1099.linked.path-bar > button:hover,
1100.linked.path-bar > button:hover:active,
1101.linked.path-bar > button:checked,
1102.linked.path-bar > button:checked:hover,
1103.linked.path-bar > button:checked:hover:active {
1104    padding: 5px;
1105    border-color: transparent;
1106}
1107
1108/* slider (left/right arrow) button */
1109.linked.path-bar > button.slider-button:first-child {
1110    border-width: 1px 0px 1px 1px;
1111    border-radius: 4px 0px 0px 4px;
1112    padding: 5px 1px;
1113}
1114
1115.linked.path-bar > button.slider-button:last-child {
1116    border-width: 1px 1px 1px 0px;
1117    border-radius: 0px 4px 4px 0px;
1118    padding: 5px 1px;
1119}
1120
1121.titlebar .path-bar > button.slider-button:disabled {
1122    box-shadow: none;
1123}
1124
1125.titlebar .path-bar > button.toggle,
1126.titlebar .path-bar > button.toggle:hover,
1127.titlebar .path-bar > button.toggle:checked:active {
1128    border-radius: 0px;
1129    border-width: 1px 0px;
1130}
1131
1132/***************************/
1133/* Linked toolbars-buttons */
1134/***************************/
1135
1136/* Middle toolbar-button */
1137toolbar menubar .linked button,
1138toolbar menubar .linked button:focus,
1139toolbar menubar .linked button:hover,
1140toolbar menubar .linked button:hover:active,
1141toolbar menubar .linked button:checked,
1142toolbar menubar .linked button:checked:focus,
1143toolbar menubar .linked button:checked:hover,
1144toolbar menubar .linked button:checked:hover:active,
1145toolbar menubar .linked button:disabled,
1146toolbar button.raised.linked,
1147toolbar button.raised.linked:focus,
1148toolbar button.raised.linked:hover,
1149toolbar button.raised.linked:hover:active,
1150toolbar button.raised.linked:checked,
1151toolbar button.raised.linked:checked:focus,
1152toolbar button.raised.linked:checked:hover,
1153toolbar button.raised.linked:checked:hover:active,
1154toolbar button.raised.linked:disabled,
1155toolbar .raised.linked button,
1156toolbar .raised.linked button:focus,
1157toolbar .raised.linked button:hover,
1158toolbar .raised.linked button:hover:active,
1159toolbar .raised.linked button:checked,
1160toolbar .raised.linked button:checked:focus,
1161toolbar .raised.linked button:checked:hover,
1162toolbar .raised.linked button:checked:hover:active,
1163toolbar .raised.linked button:disabled,
1164toolbar.primary-toolbar .linked entry,
1165toolbar.primary-toolbar .linked entry:disabled,
1166toolbar.primary-toolbar .linked button,
1167toolbar.primary-toolbar .linked button:focus,
1168toolbar.primary-toolbar .linked button:hover,
1169toolbar.primary-toolbar .linked button:hover:active,
1170toolbar.primary-toolbar .linked button:checked,
1171toolbar.primary-toolbar .linked button:checked:focus,
1172toolbar.primary-toolbar .linked button:checked:hover,
1173toolbar.primary-toolbar .linked button:checked:hover:active,
1174toolbar.primary-toolbar .linked button:disabled {
1175    padding: 2px 4px 4px 2px;
1176    border-radius: 0px;
1177    border-width: 1px 0px 1px 0px;
1178}
1179
1180/* Middle toolbar-button hover */
1181toolbar menubar .linked button:hover,
1182toolbar .raised.linked button:hover,
1183toolbar.primary-toolbar .linked button:hover {
1184    background-image: -gtk-gradient (linear,
1185                                     left top, left bottom,
1186                                     from (shade(@menu_bg_dark_color, 2.03)),
1187                                     to   (shade(@menu_bg_dark_color, 1.17)));
1188    box-shadow: inset  0px  1px shade (@theme_selected_bg_color, 1.3),
1189                inset  1px  0px shade (@theme_selected_bg_color, 1.3),
1190                inset -1px  0px shade (@theme_selected_bg_color, 1.3),
1191                inset  0px -1px shade (@theme_selected_bg_color, 1.3);
1192}
1193
1194/* Middle toolbar-button active */
1195toolbar menubar .linked button:hover:active,
1196toolbar menubar .linked button:checked,
1197toolbar menubar .linked button:checked:focus,
1198toolbar menubar .linked button:checked:hover,
1199toolbar menubar .linked button:checked:hover:active,
1200toolbar button.raised.linked:hover:active,
1201toolbar button.raised.linked:checked,
1202toolbar button.raised.linked:checked:focus,
1203toolbar button.raised.linked:checked:hover,
1204toolbar button.raised.linked:checked:hover:active,
1205toolbar .raised.linked button:hover:active,
1206toolbar .raised.linked button:checked,
1207toolbar .raised.linked button:checked:focus,
1208toolbar .raised.linked button:checked:hover,
1209toolbar .raised.linked button:checked:hover:active,
1210toolbar.primary-toolbar .linked button:hover:active,
1211toolbar.primary-toolbar .linked button:checked,
1212toolbar.primary-toolbar .linked button:checked:focus,
1213toolbar.primary-toolbar .linked button:checked:hover,
1214toolbar.primary-toolbar .linked button:checked:hover:active {
1215    box-shadow: inset  0px  1px shade (@theme_selected_bg_color, 1.3),
1216                inset  1px  0px shade (@theme_selected_bg_color, 1.3),
1217                inset -1px  0px shade (@theme_selected_bg_color, 1.3),
1218                inset  0px -1px shade (@theme_selected_bg_color, 1.3);
1219}
1220
1221/* Middle toolbar-button disabled */
1222toolbar menubar .linked button:disabled,
1223toolbar button.raised.linked:disabled,
1224toolbar .raised.linked button:disabled,
1225toolbar.primary-toolbar .linked button:disabled,
1226toolbar.primary-toolbar .linked entry:disabled {
1227     /* remove outer */
1228    border-color: alpha (#fff, 0.00);
1229    /* Remove right border */
1230    box-shadow: inset  0px  1px shade(@theme_button_border_dark, 1.10),
1231                inset  1px  0px shade(@theme_button_border_dark, 1.05),
1232                inset  0px -1px shade(@theme_button_border_dark, 1.00);
1233}
1234
1235/* Leftmost toolbars-button */
1236toolbar menubar .linked button:first-child,
1237toolbar menubar .linked button:focus:first-child,
1238toolbar menubar .linked button:hover:first-child,
1239toolbar menubar .linked button:hover:active:first-child,
1240toolbar menubar .linked button:checked:first-child,
1241toolbar menubar .linked button:checked:focus:first-child,
1242toolbar menubar .linked button:checked:hover:first-child,
1243toolbar menubar .linked button:checked:hover:active:first-child,
1244toolbar menubar .linked button:disabled:first-child,
1245toolbar button.raised.linked:first-child,
1246toolbar button.raised.linked:focus:first-child,
1247toolbar button.raised.linked:hover:first-child,
1248toolbar button.raised.linked:hover:active:first-child,
1249toolbar button.raised.linked:checked:first-child,
1250toolbar button.raised.linked:checked:focus:first-child,
1251toolbar button.raised.linked:checked:hover:first-child,
1252toolbar button.raised.linked:checked:hover:active:first-child,
1253toolbar button.raised.linked:disabled:first-child,
1254toolbar .raised.linked button:first-child,
1255toolbar .raised.linked button:focus:first-child,
1256toolbar .raised.linked button:hover:first-child,
1257toolbar .raised.linked button:hover:active:first-child,
1258toolbar .raised.linked button:checked:first-child,
1259toolbar .raised.linked button:checked:focus:first-child,
1260toolbar .raised.linked button:checked:hover:first-child,
1261toolbar .raised.linked button:checked:hover:active:first-child,
1262toolbar .raised.linked button:disabled:first-child,
1263toolbar.primary-toolbar .linked entry:first-child,
1264toolbar.primary-toolbar .linked button:first-child,
1265toolbar.primary-toolbar .linked button:focus:first-child,
1266toolbar.primary-toolbar .linked button:hover:first-child,
1267toolbar.primary-toolbar .linked button:hover:active:first-child,
1268toolbar.primary-toolbar .linked button:checked:first-child,
1269toolbar.primary-toolbar .linked button:checked:focus:first-child,
1270toolbar.primary-toolbar .linked button:checked:hover:first-child,
1271toolbar.primary-toolbar .linked button:checked:hover:active:first-child,
1272toolbar.primary-toolbar .linked button:disabled:first-child,
1273toolbar.primary-toolbar .linked entry:disabled:first-child {
1274    padding: 2px 4px 4px 2px;
1275    border-radius: 5px 0px 0px 5px;
1276    border-width: 1px 0px 1px 1px;
1277}
1278
1279/* Leftmost toolbars-button hover */
1280toolbar menubar .linked button:hover:first-child,
1281toolbar .raised.linked button:hover:first-child,
1282toolbar.primary-toolbar .linked button:hover:first-child {
1283    background-image: -gtk-gradient (linear,
1284                                     left top, left bottom,
1285                                     from (shade(@menu_bg_dark_color, 2.03)),
1286                                     to   (shade(@menu_bg_dark_color, 1.17)));
1287    box-shadow: inset  0px  1px shade (@theme_selected_bg_color, 1.3),
1288                inset  1px  0px shade (@theme_selected_bg_color, 1.3),
1289                inset -1px  0px shade (@theme_selected_bg_color, 1.3),
1290                inset  0px -1px shade (@theme_selected_bg_color, 1.3);
1291}
1292
1293/* Leftmost toolbars-button active */
1294toolbar menubar .linked button:hover:active:first-child,
1295toolbar menubar .linked button:checked:first-child,
1296toolbar menubar .linked button:checked:focus:first-child,
1297toolbar menubar .linked button:checked:hover:first-child,
1298toolbar menubar .linked button:checked:hover:active:first-child,
1299toolbar button.raised.linked:hover:active:first-child,
1300toolbar button.raised.linked:checked:first-child,
1301toolbar button.raised.linked:checked:focus:first-child,
1302toolbar button.raised.linked:checked:hover:first-child,
1303toolbar button.raised.linked:checked:hover:active:first-child,
1304toolbar .raised.linked button:hover:active:first-child,
1305toolbar .raised.linked button:checked:first-child,
1306toolbar .raised.linked button:checked:focus:first-child,
1307toolbar .raised.linked button:checked:hover:first-child,
1308toolbar .raised.linked button:checked:hover:active:first-child,
1309toolbar.primary-toolbar .linked button:hover:active:first-child,
1310toolbar.primary-toolbar .linked button:checked:first-child,
1311toolbar.primary-toolbar .linked button:checked:focus:first-child,
1312toolbar.primary-toolbar .linked button:checked:hover:first-child,
1313toolbar.primary-toolbar .linked button:checked:hover:active:first-child {
1314    box-shadow: inset  0px  1px shade (@theme_selected_bg_color, 1.3),
1315                inset  1px  0px shade (@theme_selected_bg_color, 1.3),
1316                inset -1px  0px shade (@theme_selected_bg_color, 1.3),
1317                inset  0px -1px shade (@theme_selected_bg_color, 1.3);
1318}
1319
1320/* Leftmost toolbars-button disabled */
1321toolbar menubar .linked button:disabled:first-child,
1322toolbar button.raised.linked:disabled:first-child,
1323toolbar .raised.linked button:disabled:first-child,
1324toolbar.primary-toolbar .linked button:disabled:first-child,
1325toolbar.primary-toolbar .linked entry:disabled:first-child {
1326     /* remove outer */
1327    border-color: alpha (#fff, 0.00);
1328    /* Remove right border */
1329    box-shadow: inset  0px  1px shade(@theme_button_border_dark, 1.10),
1330                inset  1px  0px shade(@theme_button_border_dark, 1.05),
1331                inset  0px -1px shade(@theme_button_border_dark, 1.00);
1332}
1333
1334/* Rightmost toolbar-button */
1335toolbar menubar .linked button:last-child,
1336toolbar menubar .linked button:focus:last-child,
1337toolbar menubar .linked button:hover:last-child,
1338toolbar menubar .linked button:hover:active:last-child,
1339toolbar menubar .linked button:checked:last-child,
1340toolbar menubar .linked button:checked:focus:last-child,
1341toolbar menubar .linked button:checked:hover:last-child,
1342toolbar menubar .linked button:checked:hover:active:last-child,
1343toolbar menubar .linked button:disabled:last-child,
1344toolbar button.raised.linked:last-child,
1345toolbar button.raised.linked:focus:last-child,
1346toolbar button.raised.linked:hover:last-child,
1347toolbar button.raised.linked:hover:active:last-child,
1348toolbar button.raised.linked:checked:last-child,
1349toolbar button.raised.linked:checked:focus:last-child,
1350toolbar button.raised.linked:checked:hover:last-child,
1351toolbar button.raised.linked:checked:hover:active:last-child,
1352toolbar button.raised.linked:disabled:last-child,
1353toolbar .raised.linked button:last-child,
1354toolbar .raised.linked button:focus:last-child,
1355toolbar .raised.linked button:hover:last-child,
1356toolbar .raised.linked button:hover:active:last-child,
1357toolbar .raised.linked button:checked:last-child,
1358toolbar .raised.linked button:checked:focus:last-child,
1359toolbar .raised.linked button:checked:hover:last-child,
1360toolbar .raised.linked button:checked:hover:active:last-child,
1361toolbar .raised.linked button:disabled:last-child,
1362toolbar.primary-toolbar .linked entry:last-child,
1363toolbar.primary-toolbar .linked button:last-child,
1364toolbar.primary-toolbar .linked button:focus:last-child,
1365toolbar.primary-toolbar .linked button:hover:last-child,
1366toolbar.primary-toolbar .linked button:hover:active:last-child,
1367toolbar.primary-toolbar .linked button:checked:last-child,
1368toolbar.primary-toolbar .linked button:checked:focus:last-child,
1369toolbar.primary-toolbar .linked button:checked:hover:last-child,
1370toolbar.primary-toolbar .linked button:checked:hover:active:last-child,
1371toolbar.primary-toolbar .linked button:disabled:last-child,
1372toolbar.primary-toolbar .linked entry:disabled:last-child {
1373    padding: 2px 4px 4px 2px;
1374    border-radius: 0px 5px 5px  0px;
1375    border-width: 1px 1px 1px 0px;
1376}
1377
1378/* Rightmost toolbars-button hover */
1379toolbar menubar .linked button:hover:last-child,
1380toolbar .raised.linked button:hover:last-child,
1381toolbar.primary-toolbar .linked button:hover:last-child {
1382    background-image: -gtk-gradient (linear,
1383                                     left top, left bottom,
1384                                     from (shade(@menu_bg_dark_color, 2.03)),
1385                                     to   (shade(@menu_bg_dark_color, 1.17)));
1386    box-shadow: inset  0px  1px shade (@theme_selected_bg_color, 1.3),
1387                inset  1px  0px shade (@theme_selected_bg_color, 1.3),
1388                inset -1px  0px shade (@theme_selected_bg_color, 1.3),
1389                inset  0px -1px shade (@theme_selected_bg_color, 1.3);
1390}
1391
1392/* Rightmost toolbar-button active */
1393toolbar menubar .linked button:hover:active:last-child,
1394toolbar menubar .linked button:checked:last-child,
1395toolbar menubar .linked button:checked:focus:last-child,
1396toolbar menubar .linked button:checked:hover:last-child,
1397toolbar menubar .linked button:checked:hover:active:last-child,
1398toolbar button.raised.linked:hover:active:last-child,
1399toolbar button.raised.linked:checked:last-child,
1400toolbar button.raised.linked:checked:focus:last-child,
1401toolbar button.raised.linked:checked:hover:last-child,
1402toolbar button.raised.linked:checked:hover:active:last-child,
1403toolbar .raised.linked button:hover:active:last-child,
1404toolbar .raised.linked button:checked:last-child,
1405toolbar .raised.linked button:checked:focus:last-child,
1406toolbar .raised.linked button:checked:hover:last-child,
1407toolbar .raised.linked button:checked:hover:active:last-child,
1408toolbar.primary-toolbar .linked button:hover:active:last-child,
1409toolbar.primary-toolbar .linked button:checked:last-child,
1410toolbar.primary-toolbar .linked button:checked:focus:last-child,
1411toolbar.primary-toolbar .linked button:checked:hover:last-child,
1412toolbar.primary-toolbar .linked button:checked:hover:active:last-child {
1413    box-shadow: inset  0px  1px shade (@theme_selected_bg_color, 1.3),
1414                inset  1px  0px shade (@theme_selected_bg_color, 1.3),
1415                inset -1px  0px shade (@theme_selected_bg_color, 1.3),
1416                inset  0px -1px shade (@theme_selected_bg_color, 1.3);
1417}
1418
1419/* Rightmost toolbar-button disabled */
1420toolbar menubar .linked button:disabled:last-child,
1421toolbar button.raised.linked:disabled:last-child,
1422toolbar .raised.linked button:disabled:last-child,
1423toolbar.primary-toolbar .linked button:disabled:last-child,
1424toolbar.primary-toolbar .linked entry:disabled:last-child {
1425    border-color: alpha (#fff, 0.00); /* Quita outer */
1426    box-shadow: inset  0px  1px shade(@theme_button_border_dark, 1.10),
1427                inset  1px  0px shade(@theme_button_border_dark, 1.05),
1428                inset -1px  0px shade(@theme_button_border_dark, 1.05),
1429                inset  0px -1px shade(@theme_button_border_dark, 1.00);
1430}
1431
1432/* Linked single toolbar-button */
1433toolbar menubar .linked button:only-child,
1434toolbar menubar .linked button:hover:only-child,
1435toolbar menubar .linked button:hover:active:only-child,
1436toolbar menubar .linked button:checked:only-child,
1437toolbar menubar .linked button:checked:focus:only-child,
1438toolbar menubar .linked button:checked:hover:only-child,
1439toolbar menubar .linked button:checked:hover:active:only-child,
1440toolbar menubar .linked button:disabled:only-child,
1441toolbar button.raised.linked:only-child,
1442toolbar button.raised.linked:hover:only-child,
1443toolbar button.raised.linked:hover:active:only-child,
1444toolbar button.raised.linked:checked:only-child,
1445toolbar button.raised.linked:checked:focus:only-child,
1446toolbar button.raised.linked:checked:hover:only-child,
1447toolbar button.raised.linked:checked:hover:active:only-child,
1448toolbar button.raised.linked:disabled:only-child,
1449toolbar .raised.linked button:only-child,
1450toolbar .raised.linked button:hover:only-child,
1451toolbar .raised.linked button:hover:active:only-child,
1452toolbar .raised.linked button:checked:only-child,
1453toolbar .raised.linked button:checked:focus:only-child,
1454toolbar .raised.linked button:checked:hover:only-child,
1455toolbar .raised.linked button:checked:hover:active:only-child,
1456toolbar .raised.linked button:disabled:only-child,
1457toolbar.primary-toolbar .linked entry:only-child,
1458toolbar.primary-toolbar .linked button:only-child,
1459toolbar.primary-toolbar .linked button:hover:only-child,
1460toolbar.primary-toolbar .linked button:hover:active:only-child,
1461toolbar.primary-toolbar .linked button:checked:only-child,
1462toolbar.primary-toolbar .linked button:checked:focus:only-child,
1463toolbar.primary-toolbar .linked button:checked:hover:only-child,
1464toolbar.primary-toolbar .linked button:checked:hover:active:only-child,
1465toolbar.primary-toolbar .linked entry:disabled:only-child,
1466toolbar.primary-toolbar .linked button:disabled:only-child {
1467    border-width: 1px;
1468    border-radius: 5px;
1469    padding: 2px 4px 4px 2px;
1470}
1471
1472/* Linked single toolbar-button hover */
1473toolbar .raised.linked button:hover:only-child,
1474toolbar menubar .linked button:hover:only-child,
1475toolbar.primary-toolbar .linked button:hover:only-child {
1476    background-image: -gtk-gradient (linear,
1477                                     left top, left bottom,
1478                                     from (shade(@menu_bg_dark_color, 2.03)),
1479                                     to   (shade(@menu_bg_dark_color, 1.17)));
1480    box-shadow: inset  0px  1px shade (@theme_selected_bg_color, 1.3),
1481                inset  1px  0px shade (@theme_selected_bg_color, 1.3),
1482                inset -1px  0px shade (@theme_selected_bg_color, 1.3),
1483                inset  0px -1px shade (@theme_selected_bg_color, 1.3);
1484}
1485
1486/* Linked single toolbar-button active */
1487toolbar menubar .linked button:hover:active:only-child,
1488toolbar menubar .linked button:checked:only-child,
1489toolbar menubar .linked button:checked:focus:only-child,
1490toolbar menubar .linked button:checked:hover:only-child,
1491toolbar menubar .linked button:checked:hover:active:only-child,
1492toolbar button.raised.linked:hover:active:only-child,
1493toolbar button.raised.linked:checked:only-child,
1494toolbar button.raised.linked:checked:focus:only-child,
1495toolbar button.raised.linked:checked:hover:only-child,
1496toolbar button.raised.linked:checked:hover:active:only-child,
1497toolbar .raised.linked button:hover:active:only-child,
1498toolbar .raised.linked button:checked:only-child,
1499toolbar .raised.linked button:checked:focus:only-child,
1500toolbar .raised.linked button:checked:hover:only-child,
1501toolbar .raised.linked button:checked:hover:active:only-child,
1502toolbar.primary-toolbar .linked button:hover:active:only-child,
1503toolbar.primary-toolbar .linked button:checked:only-child,
1504toolbar.primary-toolbar .linked button:checked:focus:only-child,
1505toolbar.primary-toolbar .linked button:checked:hover:only-child,
1506toolbar.primary-toolbar .linked button:checked:hover:active:only-child {
1507    box-shadow: inset  0px  1px shade (@theme_selected_bg_color, 1.3),
1508                inset  1px  0px shade (@theme_selected_bg_color, 1.3),
1509                inset -1px  0px shade (@theme_selected_bg_color, 1.3),
1510                inset  0px -1px shade (@theme_selected_bg_color, 1.3);
1511}
1512
1513/* Linked single toolbar-button disabled */
1514toolbar menubar .linked button:disabled:only-child,
1515toolbar button.raised.linked:disabled:only-child,
1516toolbar .raised.linked button:disabled:only-child,
1517toolbar.primary-toolbar .linked entry:disabled:only-child,
1518toolbar.primary-toolbar .linked button:disabled:only-child {
1519    border-color: alpha (#fff, 0.00); /* Quita outer */
1520    box-shadow: inset  0px  1px shade(@theme_button_border_dark, 1.10),
1521                inset  1px  0px shade(@theme_button_border_dark, 1.05),
1522                inset -1px  0px shade(@theme_button_border_dark, 1.05),
1523                inset  0px -1px shade(@theme_button_border_dark, 1.00);
1524}
1525
1526/* nth-child for linked areas */
1527toolbar .raised.linked.button,
1528toolbar .raised.linked.button:hover:active,
1529toolbar .raised.linked.button:checked,
1530toolbar .raised.linked.button:checked:hover,
1531toolbar .raised.linked.button:checked:hover:active,
1532toolbar .raised.linked button,
1533toolbar .raised.linked button:hover:active,
1534toolbar .raised.linked button:checked,
1535toolbar .raised.linked button:checked:hover,
1536toolbar .raised.linked button:checked:hover:active {
1537}
1538
1539toolbar .raised.linked.button:nth-child(first) ,
1540toolbar .raised.linked.button:hover:active:nth-child(first),
1541toolbar .raised.linked.button:checked:nth-child(first),
1542toolbar .raised.linked.button:checked:hover:nth-child(first),
1543toolbar .raised.linked:nth-child(first) button,
1544toolbar .raised.linked:nth-child(first) button:hover:active,
1545toolbar .raised.linked:nth-child(first) button:checked,
1546toolbar .raised.linked:nth-child(first) button:checked:hover {
1547}
1548
1549toolbar .raised.linked.button:nth-child(last),
1550toolbar .raised.linked.button:hover:active:nth-child(last),
1551toolbar .raised.linked.button:checked:nth-child(last),
1552toolbar .raised.linked.button:checked:hover:nth-child(last),
1553toolbar .raised.linked:nth-child(last) button,
1554toolbar .raised.linked:nth-child(last) button:hover:active,
1555toolbar .raised.linked:nth-child(last) button:checked,
1556toolbar .raised.linked:nth-child(last) button:checked:hover {
1557}
1558
1559/***************************/
1560/* Linked standard buttons */
1561/***************************/
1562
1563.linked entry,
1564.linked > combobox > button.combo,
1565.linked > combobox > button.combo:focus
1566.linked > combobox > button.combo:checked,
1567.linked > combobox > button.combo:hover,
1568.linked > combobox > button.combo:focus:hover,
1569.linked > combobox > button.combo:disabled,
1570.linked button,
1571.linked button:focus,
1572.linked button:checked,
1573.linked button:hover,
1574.linked button:focus:hover,
1575.linked button:hover:active,
1576.linked button:checked:hover,
1577.linked button:checked:hover:active,
1578.linked button:disabled {
1579    background-color: transparent;
1580    border-width: 1px;
1581    border-radius: 5px;
1582    color: @theme_fg_color;
1583    text-shadow: none;
1584    box-shadow: none;
1585}
1586
1587.linked entry {
1588    padding: 7px 6px;
1589}
1590
1591.linked button,
1592.linked button:focus,
1593.linked button:hover,
1594.linked button:checked,
1595.linked button:focus:active,
1596.linked button:focus:hover:active,
1597.linked button:hover:active,
1598.linked button:checked:hover,
1599.linked button:checked:hover:active,
1600.linked button:disabled {
1601    padding: 4px;
1602}
1603
1604.linked > combobox > button.combo:disabled,
1605.linked button:disabled {
1606    background-image: none;
1607    background-color: @insensitive_bg_color;
1608    border-color: alpha (#000, 0.00);
1609    border-bottom-color: alpha (#000, 0.00);
1610    color: @insensitive_fg_color;
1611}
1612
1613.linked > combobox > button.combo,
1614.linked > combobox > button.combo:focus,
1615.linked button,
1616.linked button:focus {
1617    background-image: -gtk-gradient (linear,
1618                                     left top, left bottom,
1619                                     from (@button_gradient1),
1620                                     color-stop (0.50, @button_gradient3),
1621                                     to   (@button_gradient4));
1622
1623}
1624
1625.linked > combobox > button.combo:hover,
1626.linked > combobox > button.combo:focus:hover,
1627.linked button:hover,
1628.linked button:focus:hover,
1629.linked button:checked:hover {
1630    background-image: -gtk-gradient (linear,
1631                                     left top, left bottom,
1632                                     from (shade(@button_gradient1, 1.03)),
1633                                     color-stop (0.50, shade(@button_gradient3, 1.03)),
1634                                     to   (shade(@button_gradient4, 1.01)));
1635}
1636
1637.linked > combobox > button.combo:checked,
1638.linked > combobox > button.combo:checked:hover:active,
1639.linked button:checked,
1640.linked button:checked:hover:active {
1641    background-image: -gtk-gradient (linear,
1642                                     left top, left bottom,
1643                                     from (shade (@theme_bg_color, 1.20)),
1644                                     color-stop (0.50, shade (@theme_bg_color, 1.00)),
1645                                     color-stop (0.50, shade (@theme_bg_color, 0.99)),
1646                                     to (shade (@theme_bg_color, 0.80)));
1647}
1648
1649/* default button */
1650.linked button.default,
1651.linked button.default:focus,
1652.linked button.default:first-child,
1653.linked button.default:focus:first-child {
1654    box-shadow: inset  0px  1px shade(@selected_bg_color, 1.3),
1655                inset  1px  0px shade(@selected_bg_color, 1.3),
1656                inset -1px  0px rgba(255,255,255,0), 0 1px rgba(255,255,255,0),
1657                inset  0px -1px shade(@selected_bg_color, 1.3);
1658}
1659
1660.linked button.default:last-child,
1661.linked button.default:focus:last-child,
1662.linked button.default:only-child,
1663.linked button.default:focus:only-child {
1664    box-shadow: inset  0px  1px shade(@selected_bg_color, 1.3),
1665                inset  1px  0px shade(@selected_bg_color, 1.3),
1666                inset -1px  0px shade(@selected_bg_color, 1.3),
1667                inset  0px -1px shade(@selected_bg_color, 1.3);
1668}
1669
1670/* Middle button */
1671.linked entry,
1672.linked button,
1673.linked button:focus {
1674    box-shadow: inset  0px  1px alpha(shade(@button_border, 1.00), 0.70),
1675                inset  1px  0px alpha(shade(@button_border, 0.94), 0.80),
1676                inset -1px  0px rgba(255,255,255,0), 0 1px rgba(255,255,255,0),
1677                inset  0px -1px alpha(shade(@button_border, 0.88), 0.90);
1678    border-width: 1px 0px 1px 0px;
1679    border-radius: 0;
1680}
1681
1682 /* Middle Button active/hover */
1683.linked button:hover,
1684.linked button:checked:hover,
1685.linked button:focus:active,
1686.linked button:hover:active,
1687.linked button:checked,
1688.linked button:checked:hover:active {
1689     box-shadow: inset  0px  1px shade(@selected_bg_color, 1.3),
1690                 inset  1px  0px shade(@selected_bg_color, 1.3),
1691                 inset -1px  0px rgba(255,255,255,0), 0 1px rgba(255,255,255,0),
1692                 inset  0px -1px shade(@selected_bg_color, 1.3);
1693    border-width: 1px 0px 1px 0px;
1694    border-radius: 0;
1695}
1696
1697/* Middle button disabled */
1698.linked button:disabled {
1699    box-shadow: inset  0px  1px @insensitive_border_color,
1700                inset  1px  0px @insensitive_border_color,
1701                inset -1px  0px rgba(255,255,255,0), 0 1px rgba(255,255,255,0),
1702                inset  0px -1px @insensitive_border_color;
1703    border-width: 1px 0px 1px 0px;
1704    border-radius: 0;
1705}
1706
1707/* Leftmost button */
1708.linked entry:first-child,
1709.linked button:first-child,
1710.linked button:focus:first-child {
1711    box-shadow: inset  0px  1px alpha(shade(@button_border, 1.00), 0.70),
1712                inset  1px  0px alpha(shade(@button_border, 0.94), 0.80),
1713                inset -1px  0px rgba(255,255,255,0), 0 1px rgba(255,255,255,0),
1714                inset  0px -1px alpha(shade(@button_border, 0.88), 0.90);
1715    border-radius: 5px 0 0 5px;
1716    border-width: 1px 0px 1px 1px;
1717}
1718
1719/* Leftmost button active/hover */
1720.linked button:hover:first-child,
1721.linked button:checked:hover:first-child,
1722.linked button:focus:active:first-child,
1723.linked button:hover:active:first-child,
1724.linked button:checked:first-child,
1725.linked button:checked:hover:active:first-child {
1726    box-shadow: inset  0px  1px shade(@selected_bg_color, 1.3),
1727                inset  1px  0px shade(@selected_bg_color, 1.3),
1728                inset -1px  0px rgba(255,255,255,0), 0 1px rgba(255,255,255,0),
1729                inset  0px -1px shade(@selected_bg_color, 1.3);
1730    border-radius: 5px 0 0 5px;
1731    border-width: 1px 0px 1px 1px;
1732}
1733
1734/* Leftmost button disabled */
1735.linked button:disabled:first-child {
1736    box-shadow: inset  0px  1px @insensitive_border_color,
1737                inset  1px  0px @insensitive_border_color,
1738                inset -1px  0px rgba(255,255,255,0), 0 1px rgba(255,255,255,0),
1739                inset  0px -1px @insensitive_border_color;
1740    border-radius: 5px 0 0 5px;
1741    border-width: 1px 0px 1px 1px;
1742}
1743
1744/* Rightmost button */
1745.linked entry:last-child,
1746.linked button:last-child,
1747.linked button:focus:last-child {
1748     box-shadow: inset  0px  1px alpha(shade(@button_border, 1.00), 0.70),
1749                 inset  1px  0px alpha(shade(@button_border, 0.94), 0.80),
1750                 inset -1px  0px alpha(shade(@button_border, 0.94), 0.80),
1751                 inset  0px -1px alpha(shade(@button_border, 0.88), 0.90);
1752    border-radius: 0 5px 5px 0;
1753    border-width: 1px 1px 1px 0px;
1754}
1755
1756/* Rightmost button active/hover */
1757.linked button:hover:last-child,
1758.linked button:checked:hover:last-child,
1759.linked button:focus:active:last-child,
1760.linked button:hover:active:last-child,
1761.linked button:checked:last-child,
1762.linked button:checked:hover:active:last-child {
1763    box-shadow: inset  0px  1px shade(@selected_bg_color, 1.3),
1764                inset  1px  0px shade(@selected_bg_color, 1.3),
1765                inset -1px  0px shade(@selected_bg_color, 1.3),
1766                inset  0px -1px shade(@selected_bg_color, 1.3);
1767    border-radius: 0 5px 5px 0;
1768    border-width: 1px 1px 1px 0px;
1769}
1770
1771/* Rightmost button disabled */
1772.linked button.combo:disabled:last-child {
1773    box-shadow: inset  0px  1px @insensitive_border_color,
1774                inset  1px  0px @insensitive_border_color,
1775                inset -1px  0px @insensitive_border_color,
1776                inset  0px -1px @insensitive_border_color;
1777}
1778
1779/* Linked single button */
1780.linked entry:only-child,
1781.linked button:only-child,
1782.linked button:hover:only-child,
1783.linked button:checked:only-child,
1784.linked button:focus:only-child,
1785.linked button:focus:hover:only-child {
1786    border-radius: 5px;
1787    border-width: 1px;
1788}
1789
1790.linked button:hover:only-child,
1791.linked button:hover:active:only-child,
1792.linked button:focus:active:only-child,
1793.linked button:checked:only-child,
1794.linked button:checked:hover:only-child,
1795.linked button:checked:hover:active:only-child {
1796    box-shadow: inset  0px  1px shade(@selected_bg_color, 1.3),
1797                inset  1px  0px shade(@selected_bg_color, 1.3),
1798                inset -1px  0px shade(@selected_bg_color, 1.3),
1799                inset  0px -1px shade(@selected_bg_color, 1.3);
1800    border-radius: 5px;
1801}
1802
1803/* Linked single button disabled */
1804.linked button:disabled:only-child {
1805    box-shadow: inset  0px  1px @insensitive_border_color,
1806                inset  1px  0px @insensitive_border_color,
1807                inset -1px  0px @insensitive_border_color,
1808                inset  0px -1px @insensitive_border_color;
1809    border-radius: 5px;
1810}
1811
1812/* vertical */
1813/* Middle button */
1814.vertical.linked button,
1815.vertical.linked button:focus {
1816    box-shadow: inset  0px  1px alpha(shade(@button_border, 1.00), 0.90),
1817                inset  1px  0px alpha(shade(@button_border, 0.94), 0.90),
1818                inset -1px  0px alpha(shade(@button_border, 0.88), 0.90),
1819                inset  0px -1px alpha(shade(@button_border, 0.88), 0.90);
1820    border-radius: 0px;
1821    border-width: 0px 1px 1px 1px;
1822}
1823
1824.vertical.linked button:hover,
1825.vertical.linked button:checked,
1826.vertical.linked button:focus:hover,
1827.vertical.linked button:focus:hover:active,
1828.vertical.linked button:hover:active,
1829.vertical.linked button:checked:active,
1830.vertical.linked button:checked:hover:active {
1831    box-shadow: inset  0px  1px shade(@selected_bg_color, 1.3),
1832                inset  1px  0px shade(@selected_bg_color, 1.3),
1833                inset -1px  0px shade(@selected_bg_color, 1.3),
1834                inset  0px -1px shade(@selected_bg_color, 1.3);
1835    border-radius: 0px;
1836    border-width: 0px 1px 1px 1px;
1837}
1838
1839.vertical.linked button:disabled {
1840    box-shadow: inset  0px  1px @insensitive_border_color,
1841                inset  1px  0px @insensitive_border_color,
1842                inset -1px  0px @insensitive_border_color,
1843                inset  0px -1px @insensitive_border_color;
1844    border-radius: 0px;
1845    border-width: 0px 1px 1px 1px;
1846}
1847
1848/* Top button */
1849
1850.vertical.linked button:first-child,
1851.vertical.linked button:focus:first-child {
1852    box-shadow: inset  0px  1px alpha(shade(@button_border, 1.00), 0.70),
1853                inset  1px  0px alpha(shade(@button_border, 0.94), 0.90),
1854                inset  -1px 0px alpha(shade(@button_border, 0.88), 0.90);
1855    border-radius: 5px 5px 0 0;
1856    border-width: 1px 1px 1px 1px;
1857}
1858
1859.vertical.linked button:hover:first-child,
1860.vertical.linked button:checked:first-child,
1861.vertical.linked button:focus:hover:first-child,
1862.vertical.linked button:focus:hover:active:first-child,
1863.vertical.linked button:hover:active:first-child,
1864.vertical.linked button:checked:active:first-child,
1865.vertical.linked button:checked:hover:active:first-child {
1866    box-shadow: inset  0px  1px shade(@selected_bg_color, 1.3),
1867                inset  1px  0px shade(@selected_bg_color, 1.3),
1868                inset  -1px 0px shade(@selected_bg_color, 1.3);
1869    border-radius: 5px 5px 0 0;
1870    border-width: 1px 1px 1px 1px;
1871}
1872
1873.vertical.linked button:disabled:first-child {
1874    box-shadow: inset  0px  1px @insensitive_border_color,
1875                inset  1px  0px @insensitive_border_color,
1876                inset -1px  0px @insensitive_border_color;
1877    border-radius: 5px 5px 0 0;
1878    border-width: 1px 1px 1px 1px;
1879}
1880
1881/* Bottom button */
1882
1883.vertical.linked button:last-child,
1884.vertical.linked button:focus:last-child {
1885     box-shadow: inset  1px  0px alpha(shade(@button_border, 0.94), 0.90),
1886                 inset -1px  0px alpha(shade(@button_border, 0.94), 0.90),
1887                 inset  0px -1px alpha(shade(@button_border, 0.88), 0.70);
1888    border-radius: 0 0 5px 5px;
1889    border-width: 0px 1px 1px 1px;
1890}
1891
1892.vertical.linked button:hover:last-child,
1893.vertical.linked button:checked:last-child,
1894.vertical.linked button:focus:hover:last-child,
1895.vertical.linked button:focus:hover:active:last-child,
1896.vertical.linked button:hover:active:last-child,
1897.vertical.linked button:checked:active:last-child,
1898.vertical.linked button:checked:hover:active:last-child {
1899    box-shadow: inset  1px  0px shade(@selected_bg_color, 1.3),
1900                inset -1px  0px shade(@selected_bg_color, 1.3),
1901                inset  0px -1px shade(@selected_bg_color, 1.3);
1902    border-radius: 0 0 5px 5px;
1903    border-width: 0px 1px 1px 1px;
1904}
1905
1906.vertical.linked button:disabled:last-child {
1907    box-shadow: inset  1px  0px @insensitive_border_color,
1908                inset -1px  0px @insensitive_border_color,
1909                inset  0px -1px @insensitive_border_color;
1910    border-radius: 0 0 5px 5px;
1911    border-width: 0px 1px 1px 1px;
1912}
1913
1914/* Single button */
1915
1916.vertical.linked button:only-child,
1917.vertical.linked button:focus:only-child {
1918    box-shadow: inset  0px  1px alpha(shade(@button_border, 0.94), 0.90),
1919                inset  1px  0px alpha(shade(@button_border, 0.94), 0.90),
1920                inset -1px  0px alpha(shade(@button_border, 0.94), 0.90),
1921                inset  0px -1px alpha(shade(@button_border, 0.94), 0.90);
1922    border-radius: 5px;
1923    border-width: 1px;
1924}
1925
1926.vertical.linked button:hover:only-child,
1927.vertical.linked button:checked:only-child,
1928.vertical.linked button:focus:hover:only-child,
1929.vertical.linked button:focus:hover:active:only-child,
1930.vertical.linked button:hover:active:only-child,
1931.vertical.linked button:checked:active:only-child,
1932.vertical.linked button:checked:hover:active:only-child {
1933    box-shadow: inset  0px  1px shade(@selected_bg_color, 1.3),
1934                inset  1px  0px shade(@selected_bg_color, 1.3),
1935                inset -1px  0px shade(@selected_bg_color, 1.3),
1936                inset  0px -1px shade(@selected_bg_color, 1.3);
1937    border-radius: 5px;
1938    border-width: 1px;
1939}
1940
1941.vertical.linked button:disabled:only-child {
1942    box-shadow: inset  0px  1px @insensitive_border_color,
1943                inset  1px  0px @insensitive_border_color,
1944                inset -1px  0px @insensitive_border_color,
1945                inset  0px -1px @insensitive_border_color;
1946    border-radius: 5px;
1947    border-width: 1px;
1948}
1949
1950/*************************/
1951/* linked inline buttons */
1952/*************************/
1953
1954/* Middle button */
1955toolbar.inline-toolbar button,
1956toolbar.inline-toolbar button:checked,
1957toolbar.inline-toolbar button:disabled,
1958toolbar.inline-toolbar toolbutton > button,
1959toolbar.inline-toolbar toolbutton > button:checked,
1960toolbar.inline-toolbar toolbutton > button:disabled {
1961    /* outer */
1962    border-width: 0px;
1963    border-right-width: 0px;
1964    border-left-width: 0px;
1965    border-radius: 0;
1966    /* border and inset */
1967    box-shadow: inset  0px  1px alpha(#fff, 0.09),
1968                inset  2px  0px alpha(#fff, 0.07),
1969                inset  1px  0px shade(@button_border, 1.10),
1970                inset -1px  0px alpha(#fff, 0.07),
1971                inset  0px -1px alpha(#fff, 0.05);
1972}
1973
1974toolbar.inline-toolbar button:hover:active,
1975toolbar.inline-toolbar button:checked,
1976toolbar.inline-toolbar button:checked:hover,
1977toolbar.inline-toolbar button:checked:hover:active,
1978toolbar.inline-toolbar toolbutton > button:checked {
1979    background-color: transparent;
1980    box-shadow: inset  0px  1px alpha(#000, 0.05),
1981                inset  2px  0px alpha(#000, 0.03),
1982                inset  1px  0px shade(@button_border, 0.80),
1983                inset -1px  0px alpha(#000, 0.03),
1984                inset  0px -1px alpha(#000, 0.02);
1985}
1986
1987toolbar.inline-toolbar button:disabled,
1988toolbar.inline-toolbar toolbutton > button:disabled {
1989    box-shadow: inset  1px  0px shade(@button_border, 1.10);
1990}
1991
1992/* Leftmost button */
1993toolbar.inline-toolbar button:first-child,
1994toolbar.inline-toolbar button:checked:first-child,
1995toolbar.inline-toolbar button:disabled:first-child,
1996toolbar.inline-toolbar toolbutton:first-child > button,
1997toolbar.inline-toolbar toolbutton:first-child > button:checked,
1998toolbar.inline-toolbar toolbutton:first-child > button:disabled {
1999    border-width: 0px;
2000    border-radius: 0px;
2001    box-shadow: inset  0px  1px alpha(#fff, 0.09),
2002                inset  1px  0px alpha(#fff, 0.07),
2003                inset -1px  0px alpha(#fff, 0.07),
2004                inset  0px -1px alpha(#fff, 0.05);
2005}
2006
2007toolbar.inline-toolbar button:hover:active:first-child,
2008toolbar.inline-toolbar button:checked:first-child,
2009toolbar.inline-toolbar button:checked:hover:first-child,
2010toolbar.inline-toolbar button:checked:hover:active:first-child,
2011toolbar.inline-toolbar toolbutton:first-child > button:checked {
2012    background-color: transparent;
2013    box-shadow: inset  0px  1px alpha(#000, 0.05),
2014                inset  1px  0px alpha(#000, 0.03),
2015                inset -1px  0px alpha(#000, 0.03),
2016                inset  0px -1px alpha(#000, 0.02);
2017}
2018
2019toolbar.inline-toolbar button:disabled:first-child,
2020toolbar.inline-toolbar toolbutton:first-child > button:disabled {
2021    box-shadow: none;
2022}
2023
2024/* Rightmost button */
2025toolbar.inline-toolbar button:last-child,
2026toolbar.inline-toolbar button:checked:last-child,
2027toolbar.inline-toolbar button:disabled:last-child,
2028toolbar.inline-toolbar toolbutton:last-child > button,
2029toolbar.inline-toolbar toolbutton:last-child > button:checked,
2030toolbar.inline-toolbar toolbutton:last-child > button:disabled {
2031    border-width: 0px;
2032    border-radius: 0px;
2033    box-shadow: inset  0px  1px alpha(#fff, 0.09),
2034                inset  2px  0px alpha(#fff, 0.07),
2035                inset  1px  0px shade(@button_border, 1.10),
2036                inset -2px  0px alpha(#fff, 0.07),
2037                inset -1px  0px shade(@button_border, 1.10),
2038                inset  0px -1px alpha(#fff, 0.05);
2039}
2040
2041toolbar.inline-toolbar button:hover:active:last-child,
2042toolbar.inline-toolbar button:checked:last-child,
2043toolbar.inline-toolbar button:checked:hover:last-child,
2044toolbar.inline-toolbar button:checked:hover:active:last-child,
2045toolbar.inline-toolbar toolbutton:last-child > button:checked {
2046    background-color: transparent;
2047    box-shadow: inset  0px  1px alpha(#000, 0.05),
2048                inset  2px  0px alpha(#000, 0.03),
2049                inset  1px  0px shade(@button_border, 0.80),
2050                inset -2px  0px alpha(#000, 0.03),
2051                inset -1px  0px shade(@button_border, 0.80),
2052                inset  0px -1px alpha(#000, 0.02);
2053}
2054
2055toolbar.inline-toolbar button:disabled:last-child,
2056toolbar.inline-toolbar toolbutton:last-child > button:disabled {
2057    box-shadow: inset  1px  0px shade(@button_border, 1.10),
2058                inset -1px  0px shade(@button_border, 1.10);
2059}
2060
2061/* Single button */
2062toolbar.inline-toolbar button:only-child,
2063toolbar.inline-toolbar button:checked:only-child,
2064toolbar.inline-toolbar button:disabled:only-child,
2065toolbar.inline-toolbar toolbutton:only-child > button,
2066toolbar.inline-toolbar toolbutton:only-child > button:checked,
2067toolbar.inline-toolbar toolbutton:only-child > button:disabled {
2068    border-radius: 0px;
2069    border-width: 0px;
2070    box-shadow: inset  0px  1px alpha(#fff, 0.09),
2071                inset -1px  0px alpha(#fff, 0.07),
2072                inset  0px -1px alpha(#fff, 0.05),
2073                inset  1px  0px shade(@button_border, 1.10);
2074}
2075
2076toolbar.inline-toolbar button:hover:active:only-child,
2077toolbar.inline-toolbar button:checked:only-child,
2078toolbar.inline-toolbar button:checked:hover:only-child,
2079toolbar.inline-toolbar button:checked:hover:active:only-child,
2080toolbar.inline-toolbar toolbutton:only-child > button:checked {
2081    background-color: transparent;
2082    box-shadow: inset  0px  1px alpha(#000, 0.05),
2083                inset -1px  0px alpha(#000, 0.03),
2084                inset  0px -1px alpha(#000, 0.02),
2085                inset  1px  0px shade(@button_border, 0.80);
2086}
2087
2088toolbar.inline-toolbar button:disabled:only-child,
2089toolbar.inline-toolbar toolbutton:only-child > button:disabled {
2090    box-shadow: inset  1px  0px shade(@button_border, 1.10);
2091}
2092
2093/**************
2094 * ComboBoxes *
2095 **************/
2096
2097combobox {
2098    padding: 0px;
2099}
2100
2101combobox cellview {
2102    /* color combobox read-only */
2103    color: @theme_fg_color;
2104    text-shadow: none;
2105}
2106
2107combobox separator {
2108    /* always disable separators */
2109    -GtkWidget-horizontal-separator: 0;
2110    -GtkWidget-vertical-separator: 0;
2111}
2112
2113combobox entry.combo,
2114combobox entry.combo:nth-child(first) {
2115    border-width: 1px 0px 1px 1px; /* remove right-outer */
2116    border-radius: 5px 0px 0px 5px;
2117    /* remove right-border */
2118    box-shadow: inset  0px  3px alpha(#000, 0.03),
2119                inset  0px  2px alpha(#000, 0.05),
2120                inset  2px  0px alpha(#000, 0.04),
2121                inset -1px  0px alpha(#000, 0.04),
2122                inset  0px -2px alpha(#000, 0.03),
2123                inset  0px  1px shade(@button_border, 0.90),
2124                inset  1px  0px shade(@button_border, 0.99),
2125                inset  0px -1px shade(@button_border, 1.10);
2126}
2127
2128combobox entry.combo:focus {
2129    box-shadow: inset  0px  3px alpha(#000, 0.03),
2130                inset  0px  2px alpha(#000, 0.05),
2131                inset  2px  0px alpha(#000, 0.04),
2132                inset -1px  0px alpha(#000, 0.04),
2133                inset  0px -2px alpha(#000, 0.03),
2134                inset  0px  1px alpha(@focused_entry_border, 0.95),
2135                inset  1px  0px alpha(@focused_entry_border, 0.95),
2136                inset  0px -1px alpha(@focused_entry_border, 0.95);
2137}
2138
2139/* for RTL languages */
2140combobox entry.combo:nth-child(last) {
2141    border-width: 1px 1px 1px 0px;
2142    border-radius: 0px 5px 5px 0px;
2143}
2144
2145combobox button.combo {
2146    color: @internal_element_color;
2147}
2148
2149combobox button.combo:hover {
2150    color: @theme_text_color;
2151}
2152
2153combobox button.combo:focus,
2154combobox .linked button.combo:focus {
2155    box-shadow: inset  0px  1px shade (@theme_selected_bg_color, 1.3),
2156                inset  1px  0px shade (@theme_selected_bg_color, 1.3),
2157                inset -1px  0px shade (@theme_selected_bg_color, 1.3),
2158                inset  0px -1px shade (@theme_selected_bg_color, 1.3);
2159}
2160
2161toolbar combobox cellview {
2162    /* color combobox read-only */
2163    color: shade(@toolbar_fg_color, 0.94);
2164    text-shadow: none;
2165}
2166
2167/* ie. atril */
2168.primary-toolbar toolbar combobox cellview,
2169toolbar.primary-toolbar combobox cellview {
2170    /* color combobox read-only */
2171    color: shade(@theme_fg_dark_color, 0.94);
2172    text-shadow: none;
2173}
2174
2175.primary-toolbar toolbar combobox cellview:hover,
2176toolbar.primary-toolbar combobox cellview:hover {
2177    color: shade (@theme_selected_bg_color, 1.6);
2178}
2179
2180toolbar combobox button.combo:disabled,
2181toolbar.primary-toolbar combobox button.combo:disabled,
2182toolbar combobox .linked button.combo:disabled,
2183toolbar.primary-toolbar combobox .linked button.combo:disabled,
2184toolbar combobox .linked button.combo:disabled:first-child,
2185toolbar.primary-toolbar .linked combobox button.combo:disabled:first-child,
2186toolbar combobox .linked button.combo:disabled:last-child,
2187toolbar.primary-toolbar combobox .linked button.combo:disabled:last-child,
2188toolbar combobox .linked button.combo:disabled:only-child,
2189toolbar.primary-toolbar combobox button.combo:disabled:only-child {
2190    color: shade (@insensitive_fg_color, 1.0);
2191    background-color: transparent;
2192    box-shadow: none;
2193}
2194
2195toolbar toolitem entry:disabled,
2196toolbar.primary-toolbar toolitem entry:disabled {
2197    color: shade (@insensitive_fg_color, 1.0);
2198    background-color: transparent;
2199}
2200
2201toolbar combobox entry.combo,
2202toolbar combobox entry.combo:focus {
2203    border-width: 1px 0px 1px 1px; /* remove rightr */
2204    border-top-color:    shade(@toolbar_gradient_base, 0.60);
2205    border-left-color:   shade(@toolbar_gradient_base, 0.70);
2206    border-bottom-color: shade(@toolbar_gradient_base, 0.80);
2207    box-shadow: inset  0px  3px alpha(#000, 0.02),
2208                inset  0px  2px alpha(#000, 0.04),
2209                inset  0px  1px alpha(#000, 0.06),
2210                inset  1px  0px alpha(#000, 0.05),
2211                inset -1px  0px alpha(#000, 0.05);
2212}
2213
2214toolbar combobox button.combo {
2215    background-image: -gtk-gradient (linear,
2216                                     left top, left bottom,
2217                                     from (alpha(#fff, 0.04)),
2218                                     to   (alpha(#000, 0.07)));
2219    border-top-color:    alpha (#000, 0.15);
2220    border-left-color:   alpha (#000, 0.20);
2221    border-right-color:  alpha (#000, 0.20);
2222    border-bottom-color: alpha (#000, 0.25);
2223}
2224
2225toolbar combobox button.combo:checked {
2226    background-image: -gtk-gradient (linear,
2227                                     left top, left bottom,
2228                                     from (alpha(#000, 0.20)),
2229                                     to   (alpha(#000, 0.06)));
2230    border-top-color:    alpha (#000, 0.40);
2231    border-left-color:   alpha (#000, 0.31);
2232    border-right-color:  alpha (#000, 0.31);
2233    border-bottom-color: alpha (#000, 0.22);
2234    box-shadow: inset  0px  2px alpha(#000, 0.02),
2235                inset  0px  1px alpha(#000, 0.06),
2236                inset  2px  0px alpha(#000, 0.02),
2237                inset  1px  0px alpha(#000, 0.04),
2238                inset -2px  0px alpha(#000, 0.02),
2239                inset -1px  0px alpha(#000, 0.04),
2240                inset  0px -1px alpha(#fff, 0.01);
2241}
2242
2243toolbar combobox button.combo,
2244toolbar combobox button.combo:hover,
2245toolbar combobox button.combo:checked,
2246toolbar combobox button.combo:disabled,
2247toolbar combobox button.combo:nth-child(last),
2248toolbar.primary-toolbar combobox button.combo,
2249toolbar.primary-toolbar combobox button.combo:hover,
2250toolbar.primary-toolbar combobox button.combo:checked,
2251toolbar.primary-toolbar combobox button.combo:disabled,
2252toolbar.primary-toolbar combobox button.combo:nth-child(last) {
2253    border-radius: 5px;
2254    border-width: 1px 1px 1px 1px;
2255    padding: 8px 6px;
2256}
2257
2258combobox > button.combo,
2259combobox > button.combo:focus,
2260combobox > button.combo:focus:hover,
2261combobox > button.combo:hover,
2262combobox > button.combo:hover:active,
2263combobox > button.combo:checked,
2264combobox > button.combo:checked:hover,
2265combobox > button.combo:checked:hover:active,
2266combobox > button.combo:disabled {
2267    border-width: 1px;
2268    border-radius: 5px;
2269    border-width: 1px;
2270    padding: 5px 4px;
2271}
2272
2273combobox > .horizontal.linked button.combo,
2274combobox > .horizontal.linked entry.combo,
2275.linked.horizontal > combobox > .linked.horizontal > button.combo,
2276.linked.horizontal > combobox > .linked.horizontal > button.combo:focus {
2277    padding: 4px;
2278    border-radius: 0px;
2279    border-width: 1px 0px 1px 0px;
2280}
2281
2282combobox > .horizontal.linked button.combo:first-child,
2283combobox > .horizontal.linked entry.combo:first-child,
2284.linked.horizontal > combobox:first-child > .linked.horizontal > button.combo:first-child,
2285.linked.horizontal > combobox:first-child > .linked.horizontal > button.combo:focus:first-child {
2286    border-radius: 5px 0px 0px 5px;
2287    border-width: 1px 0px 1px 1px;
2288}
2289
2290combobox > .horizontal.linked button.combo:last-child,
2291combobox > .horizontal.linked entry.combo:last-child,
2292.linked.horizontal > combobox:last-child > .linked.horizontal > button.combo:last-child,
2293.linked.horizontal > combobox:last-child > .linked.horizontal > button.combo:focus:last-child {
2294    border-radius: 0px 5px 5px 0px;
2295    border-width: 1px 1px 1px 0px;
2296}
2297
2298combobox > .horizontal.linked button.combo:only-child,
2299combobox > .horizontal.linked entry.combo:only-child,
2300.linked.horizontal > combobox:only-child > .linked.horizontal > button.combo:only-child,
2301.linked.horizontal > combobox:only-child > .linked.horizontal > button.combo:focus:only-child {
2302    border-radius: 5px;
2303    border-width: 1px;
2304}
2305
2306combobox > .linked button.combo:checked {
2307    box-shadow: inset  0px  1px shade(@selected_bg_color, 1.3),
2308                inset  1px  0px shade(@selected_bg_color, 1.3),
2309                inset -1px  0px shade(@selected_bg_color, 1.3),
2310                inset  0px -1px shade(@selected_bg_color, 1.3);
2311}
2312
2313/* Middle button */
2314.linked.horizontal > combobox > .linked.horizontal > button.combo,
2315.linked.horizontal > combobox > .linked.horizontal > button.combo:focus {
2316    box-shadow: inset  0px  1px alpha(shade(@button_border, 1.00), 0.70),
2317                inset  1px  0px alpha(shade(@button_border, 0.94), 0.80),
2318                inset -1px  0px rgba(255,255,255,0), 0 1px rgba(255,255,255,0),
2319                inset  0px -1px alpha(shade(@button_border, 0.88), 0.90);
2320}
2321
2322 /* Middle Button active/hover */
2323.linked.horizontal > combobox > .linked.horizontal > button.combo:hover,
2324.linked.horizontal > combobox > .linked.horizontal > button.combo:focus:hover,
2325.linked.horizontal > combobox > .linked.horizontal > button.combo:hover:active,
2326.linked.horizontal > combobox > .linked.horizontal > button.combo:checked,
2327.linked.horizontal > combobox > .linked.horizontal > button.combo:checked:hover,
2328.linked.horizontal > combobox > .linked.horizontal > button.combo:checked:hover:active {
2329     box-shadow: inset  0px  1px shade(@selected_bg_color, 1.3),
2330                 inset  1px  0px shade(@selected_bg_color, 1.3),
2331                 inset -1px  0px rgba(255,255,255,0), 0 1px rgba(255,255,255,0),
2332                 inset  0px -1px shade(@selected_bg_color, 1.3);
2333}
2334
2335/* Middle button disabled */
2336.linked.horizontal > combobox > .linked.horizontal > button.combo:disabled {
2337    box-shadow: inset  0px  1px @insensitive_border_color,
2338                inset  1px  0px @insensitive_border_color,
2339                inset -1px  0px rgba(255,255,255,0), 0 1px rgba(255,255,255,0),
2340                inset  0px -1px @insensitive_border_color;
2341}
2342
2343/* Leftmost button */
2344.linked.horizontal > combobox:first-child > .linked.horizontal > button.combo:first-child,
2345.linked.horizontal > combobox:first-child > .linked.horizontal > button.combo:focus:first-child {
2346    box-shadow: inset  0px  1px alpha(shade(@button_border, 1.00), 0.70),
2347                inset  1px  0px alpha(shade(@button_border, 0.94), 0.80),
2348                inset -1px  0px rgba(255,255,255,0), 0 1px rgba(255,255,255,0),
2349                inset  0px -1px alpha(shade(@button_border, 0.88), 0.90);
2350}
2351
2352/* Leftmost button active/active */
2353.linked.horizontal > combobox:first-child > .linked.horizontal > button.combo:hover:first-child,
2354.linked.horizontal > combobox:first-child > .linked.horizontal > button.combo:focus:hover:first-child,
2355.linked.horizontal > combobox:first-child > .linked.horizontal > button.combo:hover:active:first-child,
2356.linked.horizontal > combobox:first-child > .linked.horizontal > button.combo:checked:first-child,
2357.linked.horizontal > combobox:first-child > .linked.horizontal > button.combo:checked:hover:first-child,
2358.linked.horizontal > combobox:first-child > .linked.horizontal > button.combo:checked:hover:active:first-child {
2359    box-shadow: inset  0px  1px shade(@selected_bg_color, 1.3),
2360                inset  1px  0px shade(@selected_bg_color, 1.3),
2361                inset -1px  0px rgba(255,255,255,0), 0 1px rgba(255,255,255,0),
2362                inset  0px -1px shade(@selected_bg_color, 1.3);
2363}
2364
2365/* Leftmost button disabled */
2366.linked.horizontal > combobox:first-child > .linked.horizontal > button.combo:disabled:first-child {
2367    box-shadow: inset  0px  1px @insensitive_border_color,
2368                inset  1px  0px @insensitive_border_color,
2369                inset -1px  0px rgba(255,255,255,0), 0 1px rgba(255,255,255,0),
2370                inset  0px -1px @insensitive_border_color;
2371}
2372
2373/* Rightmost button */
2374.linked.horizontal > combobox:last-child > .linked.horizontal > button.combo:last-child,
2375.linked.horizontal > combobox:last-child > .linked.horizontal > button.combo:focus:last-child {
2376     box-shadow: inset  0px  1px alpha(shade(@button_border, 1.00), 0.70),
2377                 inset  1px  0px alpha(shade(@button_border, 0.94), 0.80),
2378                 inset -1px  0px alpha(shade(@button_border, 0.94), 0.80),
2379                 inset  0px -1px alpha(shade(@button_border, 0.88), 0.90);
2380}
2381
2382/* Rightmost button active */
2383.linked.horizontal > combobox:last-child > .linked.horizontal > button.combo:hover:last-child,
2384.linked.horizontal > combobox:last-child > .linked.horizontal > button.combo:focus:hover:last-child,
2385.linked.horizontal > combobox:last-child > .linked.horizontal > button.combo:hover:active:last-child,
2386.linked.horizontal > combobox:last-child > .linked.horizontal > button.combo:checked:last-child,
2387.linked.horizontal > combobox:last-child > .linked.horizontal > button.combo:checked:hover:last-child,
2388.linked.horizontal > combobox:last-child > .linked.horizontal > button.combo:checked:hover:active:last-child {
2389    box-shadow: inset  0px  1px shade(@selected_bg_color, 1.3),
2390                inset  1px  0px shade(@selected_bg_color, 1.3),
2391                inset -1px  0px shade(@selected_bg_color, 1.3),
2392                inset  0px -1px shade(@selected_bg_color, 1.3);
2393}
2394
2395/* Rightmost button disabled */
2396.linked.horizontal > combobox:last-child > .linked.horizontal > button.combo:last-child {
2397    box-shadow: inset  0px  1px @insensitive_border_color,
2398                inset  1px  0px @insensitive_border_color,
2399                inset -1px  0px @insensitive_border_color,
2400                inset  0px -1px @insensitive_border_color;
2401}
2402
2403/* vertical */
2404/* Middle button */
2405.vertical.linked > combobox > .linked.horizontal > button.combo,
2406.vertical.linked > combobox > .linked.horizontal > button.combo:focus {
2407    box-shadow: inset  0px  1px alpha(shade(@button_border, 1.00), 0.90),
2408                inset  1px  0px alpha(shade(@button_border, 0.94), 0.90),
2409                inset -1px  0px alpha(shade(@button_border, 0.88), 0.90),
2410                inset  0px -1px alpha(shade(@button_border, 0.88), 0.90);
2411    border-radius: 0px;
2412    border-width: 0px 1px 1px 1px;
2413}
2414
2415.vertical.linked > combobox > .linked.horizontal > button.combo:hover,
2416.vertical.linked > combobox > .linked.horizontal > button.combo:focus:hover,
2417.vertical.linked > combobox > .linked.horizontal > button.combo:checked {
2418    box-shadow: inset  0px  1px shade(@selected_bg_color, 1.3),
2419                inset  1px  0px shade(@selected_bg_color, 1.3),
2420                inset -1px  0px shade(@selected_bg_color, 1.3),
2421                inset  0px -1px shade(@selected_bg_color, 1.3);
2422}
2423
2424.vertical.linked > combobox > .linked.horizontal > button.combo:disabled {
2425    box-shadow: inset  0px  1px @insensitive_border_color,
2426                inset  1px  0px @insensitive_border_color,
2427                inset -1px  0px @insensitive_border_color,
2428                inset  0px -1px @insensitive_border_color;
2429}
2430
2431/* Top button */
2432.vertical.linked > combobox:first-child > .linked.horizontal > button.combo:first-child,
2433.vertical.linked > combobox:first-child > .linked.horizontal > button.combo:focus:first-child {
2434    box-shadow: inset  0px  1px alpha(shade(@button_border, 1.00), 0.70),
2435                inset  1px  0px alpha(shade(@button_border, 0.94), 0.90),
2436                inset  -1px 0px alpha(shade(@button_border, 0.88), 0.90);
2437    border-radius: 5px 5px 0 0;
2438    border-width: 1px 1px 1px 1px;
2439}
2440
2441.vertical.linked > combobox:first-child > .linked.horizontal > button.combo:hover:first-child,
2442.vertical.linked > combobox:first-child > .linked.horizontal > button.combo:focus:hover:first-child,
2443.vertical.linked > combobox:first-child > .linked.horizontal > button.combo:checked:first-child {
2444    box-shadow: inset  0px  1px shade(@selected_bg_color, 1.3),
2445                inset  1px  0px shade(@selected_bg_color, 1.3),
2446                inset  -1px 0px shade(@selected_bg_color, 1.3);
2447}
2448
2449.vertical.linked > combobox:first-child > .linked.horizontal > button.combo:disabled:first-child {
2450    box-shadow: inset  0px  1px @insensitive_border_color,
2451                inset  1px  0px @insensitive_border_color,
2452                inset -1px  0px @insensitive_border_color;
2453}
2454
2455/* Bottom button */
2456.vertical.linked > combobox:last-child > .linked.horizontal > button.combo:last-child,
2457.vertical.linked > combobox:last-child > .linked.horizontal > button.combo:focus:last-child {
2458     box-shadow: inset  1px  0px alpha(shade(@button_border, 0.94), 0.90),
2459                 inset -1px  0px alpha(shade(@button_border, 0.94), 0.90),
2460                 inset  0px -1px alpha(shade(@button_border, 0.88), 0.70);
2461    border-radius: 0 0 5px 5px;
2462    border-width: 0px 1px 1px 1px;
2463}
2464
2465.vertical.linked > combobox:last-child > .linked.horizontal > button.combo:hover:last-child,
2466.vertical.linked > combobox:last-child > .linked.horizontal > button.combo:focus:hover:last-child,
2467.vertical.linked > combobox:last-child > .linked.horizontal > button.combo:checked:last-child {
2468    box-shadow: inset  1px  0px shade(@selected_bg_color, 1.3),
2469                inset -1px  0px shade(@selected_bg_color, 1.3),
2470                inset  0px -1px shade(@selected_bg_color, 1.3);
2471}
2472
2473.vertical.linked > combobox:last-child > .linked.horizontal > button.combo:disabled:last-child {
2474    box-shadow: inset  1px  0px @insensitive_border_color,
2475                inset -1px  0px @insensitive_border_color,
2476                inset  0px -1px @insensitive_border_color;
2477}
2478
2479/* Single button */
2480.vertical.linked > combobox:last-child > .linked.horizontal > button.combo:only-child,
2481.vertical.linked > combobox:last-child > .linked.horizontal > button.combo:focus:only-child {
2482    box-shadow: inset  0px  1px alpha(shade(@button_border, 0.94), 0.90),
2483                inset  1px  0px alpha(shade(@button_border, 0.94), 0.90),
2484                inset -1px  0px alpha(shade(@button_border, 0.94), 0.90),
2485                inset  0px -1px alpha(shade(@button_border, 0.94), 0.90);
2486    border-radius: 5px;
2487    border-width: 1px;
2488}
2489
2490.vertical.linked > combobox:last-child > .linked.horizontal > button.combo:hover:only-child,
2491.vertical.linked > combobox:last-child > .linked.horizontal > button.combo:focus:hover:only-child,
2492.vertical.linked > combobox:last-child > .linked.horizontal > button.combo:checked:only-child {
2493    box-shadow: inset  0px  1px shade(@selected_bg_color, 1.3),
2494                inset  1px  0px shade(@selected_bg_color, 1.3),
2495                inset -1px  0px shade(@selected_bg_color, 1.3),
2496                inset  0px -1px shade(@selected_bg_color, 1.3);
2497}
2498
2499.vertical.linked > combobox:last-child > .linked.horizontal > button.combo:disabled:only-child {
2500    box-shadow: inset  0px  1px @insensitive_border_color,
2501                inset  1px  0px @insensitive_border_color,
2502                inset -1px  0px @insensitive_border_color,
2503                inset  0px -1px @insensitive_border_color;
2504    border-radius: 5px;
2505    border-width: 1px;
2506}
2507
2508combobox button.combo:checked,
2509combobox button.combo:hover {
2510    color: @internal_element_prelight;
2511}
2512
2513toolbar combobox button.combo:checked,
2514toolbar combobox button.combo:hover,
2515toolbar.primary-toolbar combobox button.combo:checked,
2516toolbar.primary-toolbar combobox button.combo:hover {
2517    color: shade (@theme_selected_bg_color, 1.6);
2518   -gtk-icon-shadow:  0px  1px shade (@menu_fg_dark_color, 1.0),
2519                      1px  0px shade (@menu_fg_dark_color, 1.0),
2520                     -1px  0px shade (@menu_fg_dark_color, 1.0),
2521                      0px -1px shade (@menu_fg_dark_color, 1.0);
2522}
2523
2524combobox button.combo arrow {
2525    -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
2526    color: @theme_fg_color;
2527    min-height: 16px;
2528    min-width: 16px;
2529    padding: 0px 2px;
2530}
2531
2532toolbar combobox button.combo arrow {
2533    color: @menu_fg_dark_color;
2534}
2535
2536toolbar combobox button.combo:hover arrow {
2537    color: shade (@theme_selected_bg_color, 1.6);
2538}
2539
2540/************
2541 * Toolbars *
2542 ************/
2543
2544toolbar  {
2545    padding: 2px 4px;
2546    background-color: @toolbar_gradient_base;
2547    background-image: -gtk-gradient (linear,
2548                                     left top, left bottom,
2549                                     from (@toolbar_gradient_base),
2550                                     to   (@toolbar_gradient_base));
2551    border-width: 0 0 1px 0;
2552    border-radius: 0px;
2553    border-style: solid;
2554    border-bottom-color: shade(@toolbar_gradient_base, 0.90);
2555    color: @toolbar_fg_color;
2556}
2557
2558toolbar.vertical {
2559    border-radius: 4px 0 0 4px;
2560    padding: 2px;
2561}
2562
2563toolbar button.flat.image-button label {
2564    color: @menu_fg_dark_color;
2565}
2566
2567toolbar button.flat.image-button:hover label {
2568    color: shade (@theme_selected_bg_color, 1.6);
2569}
2570
2571toolbar toolitem combobox button.combo,
2572toolbar toolbutton button.flat.toggle.popup:focus,
2573toolbar toolbutton button.flat.toggle.popup:disabled,
2574toolbar toolbutton button.flat.image-button:disabled {
2575    box-shadow: none;
2576    background-image: none;
2577}
2578
2579toolbar toolbutton button.flat.toggle.popup:focus {
2580
2581}
2582
2583toolbar toolitem combobox button.combo:focus,
2584toolbar toolbutton button.flat.text-button:focus:hover,
2585toolbar toolbutton button.flat.toggle.popup:focus:hover,
2586toolbar toolitem combobox button.combo:hover {
2587    background-image: -gtk-gradient (linear,
2588                                     left top, left bottom,
2589                                     from (shade(@menu_bg_dark_color, 2.03)),
2590                                     to   (shade(@menu_bg_dark_color, 1.17)));
2591    box-shadow: inset  0px  1px shade(@selected_bg_color, 1.3),
2592                inset  1px  0px shade(@selected_bg_color, 1.3),
2593                inset -1px  0px shade(@selected_bg_color, 1.3),
2594                inset  0px -1px shade(@selected_bg_color, 1.3);
2595}
2596
2597/* lightdm-settings */
2598toolbar.horizontal.cs-header > toolitem > label {
2599    color: @theme_fg_color;
2600}
2601
2602/********************
2603 * Menubar Toolbars *
2604 ********************/
2605
2606toolbar menubar {
2607    padding: 2px 4px 5px 3px;
2608    background-image: -gtk-gradient (linear,
2609                                     left top, left bottom,
2610                                     from (shade (@theme_bg_dark_color, 1.00)),
2611                                     to (shade (@theme_bg_dark_color, 0.95)));
2612    border-image: none;
2613    border-width: 0px 0px 1px 0px;
2614    border-radius: 0px;
2615    border-style: solid;
2616    border-color: shade (@theme_bg_dark_color, 0.72);
2617    color: @theme_fg_dark_color;
2618    box-shadow: none;
2619    -GtkToolbar-button-relief: normal;
2620}
2621
2622/********************
2623 * Primary Toolbars *
2624 ********************/
2625
2626/* applications using EggEditableToolbar usually set the primary-toolbar
2627 * hint on the containing vbox, so we need to handle both these cases here.
2628 */
2629
2630toolbar.primary-toolbar {
2631   background-image: -gtk-gradient (linear,
2632                                     left top, left bottom,
2633                                     from (shade(@theme_bg_dark_color, 1.00)),
2634                                     to   (shade(@theme_bg_dark_color, 0.95)));
2635    border-image: none;
2636    border-width: 0px 0px 1px 0px;
2637    border-radius: 0px;
2638    border-style: solid;
2639    border-color: @primay-toolbar-border;
2640    padding: 3px;
2641    box-shadow: none;
2642    -GtkWidget-window-dragging: true;
2643    -GtkToolbar-button-relief: normal;
2644    color: @theme_fg_dark_color;
2645}
2646
2647toolbar.primary-toolbar:disabled {
2648    background-image: none;
2649    background-color: shade (@theme_bg_dark_color, 0.97);
2650    border-image: none;
2651    border-style: solid;
2652    border-color: transparent;
2653}
2654
2655/* primary toolbar buttons */
2656toolbar button,
2657toolbar.primary-toolbar button,
2658toolbar.primary-toolbar .linked button,
2659toolbar.primary-toolbar button:focus {
2660    border-image: none;
2661    border-style: solid;
2662    border-color: transparent;
2663    box-shadow: none;
2664    background-image: none;
2665    background-color: alpha (@theme_base_color, 0.0);
2666}
2667
2668toolbar button {
2669    color: shade(@toolbar_fg_color, 1.00);
2670    text-shadow: none;
2671}
2672
2673toolbar.primary-toolbar > button.toggle #gtk-toolbar-arrow:disabled,
2674toolbar.primary-toolbar > toolbutton button.toggle.popup > image:disabled {
2675    color: mix (@menu_fg_dark_color, @menu_bg_dark_color, 0.4);
2676}
2677
2678toolbar.primary-toolbar > button.toggle:hover #gtk-toolbar-arrow,
2679toolbar.primary-toolbar > toolbutton  button.toggle.popup:hover > image {
2680   -gtk-icon-shadow:  0px  1px shade (@menu_fg_dark_color, 1.0),
2681                      1px  0px shade (@menu_fg_dark_color, 1.0),
2682                     -1px  0px shade (@menu_fg_dark_color, 1.0),
2683                      0px -1px shade (@menu_fg_dark_color, 1.0);
2684}
2685
2686toolbar.primary-toolbar button {
2687    color: @theme_fg_dark_color;
2688    text-shadow: none;
2689}
2690
2691toolbar button:disabled,
2692toolbar.primary-toolbar button:disabled {
2693    background-image: none;
2694    background-color: alpha (@theme_base_color, 0.0);
2695    border-color: transparent;
2696}
2697
2698toolbar button:disabled {
2699    color: mix(@toolbar_gradient_base, @toolbar_fg_color, 0.60);
2700    text-shadow: none;
2701}
2702
2703toolbar.primary-toolbar button:disabled {
2704    color: mix(@theme_bg_dark_color, @theme_fg_dark_color, 0.60);
2705    text-shadow: none;
2706}
2707
2708toolbar button:focus,
2709toolbar button:hover,
2710toolbar button:hover:active,
2711toolbar button:focus:hover:active,
2712toolbar button:checked,
2713toolbar button:checked:focus,
2714toolbar button:checked:hover,
2715toolbar button:checked:hover:active {
2716    background-image: -gtk-gradient (linear,
2717                                     left top, left bottom,
2718                                     from (shade(@menu_bg_dark_color, 2.03)),
2719                                     to   (shade(@menu_bg_dark_color, 1.17)));
2720    border-width: 1px;
2721    border-radius: 5px;
2722    border-color: transparent;
2723    box-shadow: inset  0px  1px shade (@theme_selected_bg_color, 1.3),
2724                inset  1px  0px shade (@theme_selected_bg_color, 1.3),
2725                inset -1px  0px shade (@theme_selected_bg_color, 1.3),
2726                inset  0px -1px shade (@theme_selected_bg_color, 1.3);
2727}
2728
2729toolbar.primary-toolbar button:focus,
2730toolbar.primary-toolbar button:hover,
2731toolbar.primary-toolbar button:hover:active,
2732toolbar.primary-toolbar button:checked,
2733toolbar.primary-toolbar button:checked:focus,
2734toolbar.primary-toolbar button:checked:hover,
2735toolbar.primary-toolbar button:checked:hover:active {
2736    background-image: -gtk-gradient (linear,
2737                                     left top, left bottom,
2738                                     from (shade(@menu_bg_dark_color, 2.03)),
2739                                     to   (shade(@menu_bg_dark_color, 1.17)));
2740    border-image: none;
2741    border-color: transparent;
2742    border-style: solid;
2743    box-shadow: inset  0px  1px shade (@theme_selected_bg_color, 1.3),
2744                inset  1px  0px shade (@theme_selected_bg_color, 1.3),
2745                inset -1px  0px shade (@theme_selected_bg_color, 1.3),
2746                inset  0px -1px shade (@theme_selected_bg_color, 1.3);
2747}
2748
2749toolbar button:hover,
2750toolbar button:checked,
2751toolbar button:hover label,
2752toolbar button:checked label {
2753    color: shade (@theme_selected_bg_color, 1.6);
2754    text-shadow: none;
2755    transition: all 400ms ease-out;
2756}
2757
2758/* arrangement epiphany (toolbar.menubar) */
2759toolbar.primary-toolbar button:hover,
2760toolbar.primary-toolbar button:hover:active,
2761toolbar.primary-toolbar button:checked,
2762toolbar.primary-toolbar button:checked:hover {
2763    color: shade (@theme_selected_bg_color, 1.6);
2764    text-shadow: none;
2765}
2766
2767toolbar button:checked:disabled,
2768toolbar.primary-toolbar button:checked:disabled {
2769    background-image: none;
2770    background-color: alpha (@theme_base_color, 0.0);
2771    border-color: transparent;
2772    -gtk-icon-shadow: none;
2773    text-shadow: none;
2774}
2775
2776/* ie. atril */
2777.primary-toolbar toolbar toolitem combobox .linked button.combo {
2778    padding: 8px 4px;
2779}
2780
2781toolbar label {
2782    color: shade(@toolbar_fg_color, 1.00);
2783    text-shadow: none;
2784}
2785
2786toolbar toolitem label,
2787toolbar menubar label,
2788toolbar.primary-toolbar label {
2789    color: @theme_fg_dark_color;
2790    text-shadow: none;
2791}
2792
2793toolbar toolitem separator,
2794toolbar separator,
2795toolbar separator:disabled {
2796    border-color:        alpha (#000, 0.24);
2797    border-bottom-color: alpha (#fff, 0.08);
2798    border-right-color:  alpha (#fff, 0.08);
2799}
2800
2801/************************************
2802    primary toolbar raised buttons
2803*************************************/
2804
2805/* ie. cimnnamon-settings (button.raised), mate-font-viewer toolbar info button */
2806toolbar .raised button,
2807toolbar button.raised,
2808toolbar button.raised:hover,
2809toolbar button.raised:focus {
2810    padding: 6px;
2811}
2812
2813toolbar menubar button {
2814    padding: 2px 2px;
2815}
2816
2817toolbar menubar .linked button {
2818    padding: 3px 4px;
2819}
2820
2821toolbar menubar button {
2822    padding: 2px 4px;
2823}
2824
2825toolbar menubar button,
2826toolbar .raised button,
2827toolbar button.raised {
2828    background-image: -gtk-gradient (linear,
2829                                     left top, left bottom,
2830                                     from (@button_raised_gradient_color_a),
2831                                     to   (@button_raised_gradient_color_b));
2832    border-style: solid;
2833    /* outer */
2834    border-color: transparent;
2835    /* border and inset */
2836/*    -GtkWidget-focus-line-width: 0; */
2837    color: shade(@theme_fg_dark_color, 1.00);
2838}
2839
2840toolbar button.raised.linked:disabled,
2841toolbar .raised.linked button:disabled,
2842toolbar button.raised.linked:disabled:active,
2843toolbar .raised.linked button:disabled:active,
2844toolbar button.raised.linked:disabled:checked,
2845toolbar .raised.linked button:disabled:checked,
2846toolbar menubar button:disabled,
2847toolbar menubar button:disabled:active,
2848toolbar menubar button:disabled:checked,
2849toolbar .raised button:disabled,
2850toolbar button.raised:disabled,
2851toolbar .raised button:disabled:active,
2852toolbar button.raised:disabled:active,
2853toolbar .raised button:disabled:checked,
2854toolbar button.raised:disabled:checked {
2855    background-image: -gtk-gradient (linear,
2856                                     left top, left bottom,
2857                                     from (shade(@button_raised_gradient_color_a, 0.88)),
2858                                     to   (shade(@button_raised_gradient_color_b, 1.00)));
2859    border-color: transparent;
2860    box-shadow: none;
2861    color: mix(@theme_bg_dark_color, @theme_fg_dark_color, 0.50);
2862}
2863
2864toolbar menubar button:hover,
2865toolbar .raised button:hover,
2866toolbar button.raised:hover {
2867    background-image: -gtk-gradient (linear,
2868                                     left top, left bottom,
2869                                     from (shade(@menu_bg_dark_color, 2.03)),
2870                                     to   (shade(@menu_bg_dark_color, 1.17)));
2871    border-image: none;
2872    /* outer */
2873    border-color: transparent;
2874    /* border and inset */
2875    box-shadow: inset  0px  1px shade (@theme_selected_bg_color, 1.3),
2876                inset  1px  0px shade (@theme_selected_bg_color, 1.3),
2877                inset -1px  0px shade (@theme_selected_bg_color, 1.3),
2878                inset  0px -1px shade (@theme_selected_bg_color, 1.3);
2879    color: shade(@theme_fg_dark_color, 1.00);
2880}
2881
2882toolbar .raised button:hover:active,
2883toolbar button.raised:hover:active,
2884toolbar menubar button:checked,
2885toolbar .raised button:checked,
2886toolbar .raised button:checked:hover,
2887toolbar button.raised:checked:hover,
2888toolbar button.raised:checked {
2889    background-image: -gtk-gradient (linear,
2890                                     left top, left bottom,
2891                                     from (shade(@menu_bg_dark_color, 2.03)),
2892                                     to   (shade(@menu_bg_dark_color, 1.17)));
2893    border-style: solid;
2894    border-radius: 5px;
2895    border-image: none;
2896    border-color: transparent;
2897    box-shadow: inset  0px  1px shade (@theme_selected_bg_color, 1.3),
2898                inset  1px  0px shade (@theme_selected_bg_color, 1.3),
2899                inset -1px  0px shade (@theme_selected_bg_color, 1.3),
2900                inset  0px -1px shade (@theme_selected_bg_color, 1.3);
2901}
2902
2903/* setup shadows */
2904toolbar .raised button label,
2905toolbar button.raised label {
2906    color: @theme_fg_dark_color;
2907    text-shadow: none;
2908}
2909
2910toolbar .raised button,
2911toolbar button.raised {
2912    -gtk-icon-shadow:  1px  1px @theme_shadow_dark_color;
2913}
2914
2915toolbar menubar button:hover,
2916toolbar .raised button:hover,
2917toolbar button.raised:hover,
2918toolbar .raised button:hover:active,
2919toolbar button.raised:hover:active,
2920toolbar menubar button:checked,
2921toolbar .raised button:checked,
2922toolbar button.raised:checked,
2923toolbar .raised button:checked:hover,
2924toolbar button.raised:checked:hover {
2925    color: @theme_text_dark_color;
2926    text-shadow: none;
2927}
2928
2929toolbar menubar button:disabled,
2930toolbar .raised button:disabled,
2931toolbar button.raised:disabled {
2932    -gtk-icon-shadow: none;
2933    text-shadow: none;
2934    color: mix(@theme_bg_dark_color, @theme_fg_dark_color, 0.50);
2935}
2936
2937toolbar .entry {
2938    padding: 4px 4px 4px 6px;
2939    color:  shade(@toolbar_fg_color, 1.0);
2940    background-image: -gtk-gradient (linear,
2941                                     left top, left bottom,
2942                                     from (shade(@toolbar_gradient_base, 0.95)),
2943                                     color-stop (0.15, shade(@toolbar_gradient_base, 1.10)),
2944                                     to   (shade(@toolbar_gradient_base, 1.15)));
2945}
2946
2947toolbar entry,
2948toolbar menubar entry,
2949toolbar .raised entry,
2950toolbar .raised.entry,
2951toolbar.primary-toolbar entry {
2952    padding: 4px 4px 4px 6px;
2953    color:  @entry_text_dark_color;
2954    background-image: -gtk-gradient (linear,
2955                                     left top, left bottom,
2956                                     from (shade(@entry_bg_dark_color, 0.80)),
2957                                     color-stop (0.15, shade(@entry_bg_dark_color, 0.95)),
2958                                     to   (shade(@entry_bg_dark_color, 1.00)));
2959    /* outer */
2960    border-width: 2px;
2961    border-style: solid;
2962    border-radius: 5px;
2963    border-top-color: transparent;
2964    border-right-color:  alpha(#fff, 0.02);
2965    border-left-color:   alpha(#fff, 0.02);
2966    border-bottom-color: alpha(#fff, 0.07);
2967    /* border */
2968    box-shadow: inset  0px  3px alpha(#000, 0.05),
2969                inset  0px  2px alpha(#000, 0.07),
2970                inset  2px  0px alpha(#000, 0.04),
2971                inset -2px  0px alpha(#000, 0.04),
2972                inset  0px -2px alpha(#000, 0.03),
2973                inset  0px  1px shade(@theme_entry_border_dark, 0.90),
2974                inset  1px  0px shade(@theme_entry_border_dark, 0.99),
2975                inset -1px  0px shade(@theme_entry_border_dark, 0.99),
2976                inset  0px -1px shade(@theme_entry_border_dark, 1.10);
2977}
2978
2979toolbar entry:focus,
2980toolbar menubar entry:focus,
2981toolbar .raised entry:focus,
2982toolbar .raised.entry:focus,
2983toolbar.primary-toolbar entry:focus {
2984    /* outer */
2985    border-top-color:    @focused_dark_entry_outer;
2986    border-right-color:  alpha(@focused_dark_entry_outer, 0.90);
2987    border-left-color:   alpha(@focused_dark_entry_outer, 0.90);
2988    border-bottom-color: alpha(@focused_dark_entry_outer, 0.85);
2989    /* border */
2990    box-shadow: inset  0px  3px alpha(#000, 0.03),
2991                inset  0px  2px alpha(#000, 0.05),
2992                inset  2px  0px alpha(#000, 0.04),
2993                inset -2px  0px alpha(#000, 0.04),
2994                inset  0px -2px alpha(#000, 0.03),
2995                inset  0px  1px shade(@focused_dark_entry_border, 0.90),
2996                inset  1px  0px shade(@focused_dark_entry_border, 0.95),
2997                inset -1px  0px shade(@focused_dark_entry_border, 0.95),
2998                inset  0px -1px shade(@focused_dark_entry_border, 1.00);
2999}
3000
3001toolbar entry:selected,
3002toolbar menubar entry:selected,
3003toolbar .raised entry:selected,
3004toolbar .raised.entry:selected,
3005toolbar.primary-toolbar entry:selected {
3006    background-color: @theme_selected_bg_color;
3007    color: @theme_selected_fg_color;
3008}
3009
3010/* progressbars on primary toolbar entries are special */
3011toolbar.primary-toolbar entry.progressbar {
3012    background-image: -gtk-gradient (linear,
3013                                     left top, left bottom,
3014                                     from (shade (@button_bg_active, 1.35)),
3015                                     color-stop (0.7, shade (@button_bg_active, 1.15)),
3016                                     to (shade (@button_bg_active, 1.35)));
3017    border-width: 1px;
3018    border-radius: 4px;
3019    border-style: solid;
3020    border-color: shade(@button_bg_active, 1.00);
3021    border-image: none;
3022    color: @theme_text_color;
3023}
3024
3025/****************************
3026 * Inline toolbars          *
3027 ****************************
3028 * Buttons + dialog open    *
3029 ****************************/
3030
3031toolbar.inline-toolbar {
3032    -GtkToolbar-button-relief: normal;
3033    padding: 0px;
3034    background-color: alpha(@button_base, 0.0);
3035    border-style: none;
3036    background-image: -gtk-gradient (linear,
3037                                     left top, left bottom,
3038                                     from (shade(@button_base, 1.00)),
3039                                     color-stop (0.50, shade(@button_base, 0.96)),
3040                                     color-stop (0.50, shade(@button_base, 0.95)),
3041                                     to (shade(@button_base, 0.94)));
3042    border-width: 0px 1px 1px 1px;
3043    border-style: solid;
3044    border-radius: 0px;
3045    border-top-color:    shade(@button_border, 1.00);
3046    border-right-color:  shade(@button_border, 1.00);
3047    border-left-color:   shade(@button_border, 1.00);
3048    border-bottom-color: shade(@button_border, 1.00);
3049    box-shadow: inset  0px  1px alpha(#fff, 0.09),
3050                inset  1px  0px alpha(#fff, 0.07),
3051                inset -1px  0px alpha(#fff, 0.07),
3052                inset  0px -1px alpha(#fff, 0.05);
3053}
3054
3055toolbar.inline-toolbar button {
3056    padding: 2px 6px;
3057    background-image: -gtk-gradient (linear,
3058                                     left top, left bottom,
3059                                     from (shade(@button_base, 1.00)),
3060                                     color-stop (0.50, shade(@button_base, 0.96)),
3061                                     color-stop (0.50, shade(@button_base, 0.95)),
3062                                     to (shade(@button_base, 0.94)));
3063    border-width: 0px;
3064    border-radius: 0px;
3065    border-style: none;
3066    box-shadow:  none;
3067    color:       @theme_fg_color;
3068    text-shadow: none;
3069    -gtk-icon-shadow: 1px 1px @theme_shadow_color;
3070}
3071
3072toolbar.inline-toolbar button:hover:active,
3073toolbar.inline-toolbar button:checked,
3074toolbar.inline-toolbar button:checked:hover,
3075toolbar.inline-toolbar button:checked:hover:active {
3076    border-radius: 0px;
3077    background-image: -gtk-gradient (linear,
3078                                     left top, left bottom,
3079                                     from (shade(@button_base, 0.50)),
3080                                     to   (shade(@button_base, 0.70)));
3081    box-shadow: inset  0px  1px alpha(#000, 0.05),
3082                inset  1px  0px alpha(#000, 0.03),
3083                inset -1px  0px alpha(#000, 0.03),
3084                inset  0px -1px alpha(#000, 0.02),
3085                inset  1px  0px shade(@button_border, 0.75),
3086                inset -1px  0px shade(@button_border, 0.75),
3087                inset  0px -1px shade(@button_border, 0.78);
3088}
3089
3090toolbar.inline-toolbar button:hover {
3091    padding: 2px 6px;
3092    background-image: -gtk-gradient (linear,
3093                                     left top, left bottom,
3094                                     from (shade(@button_base, 1.03)),
3095                                     color-stop (0.50, shade(@button_base, 0.99)),
3096                                     color-stop (0.50, shade(@button_base, 0.98)),
3097                                     to (shade(@button_base, 0.97)));
3098    color: @theme_text_color;
3099}
3100
3101toolbar.inline-toolbar button:disabled {
3102    box-shadow: none;
3103    background-color: mix(@button_base, @theme_fg_color, 0.10);
3104    background-image: none;
3105}
3106
3107toolbar.inline-toolbar button:disabled {
3108    color: @insensitive_fg_color;
3109    text-shadow: none;
3110    -gtk-icon-shadow: none;
3111}
3112
3113toolbar.inline-toolbar button:hover {
3114    color: @theme_text_color;
3115    text-shadow: none;
3116    -gtk-icon-shadow: 1px 1px @theme_shadow_color;
3117}
3118
3119toolbar.inline-toolbar button:checked {
3120    color: @theme_selected_fg_color;
3121    text-shadow: none;
3122    -gtk-icon-shadow: 1px 1px @theme_selected_shadow_color;
3123}
3124
3125/* eg. pluma preferences */
3126notebook toolbar.horizontal.inline-toolbar {
3127    border-width: 0 1px 1px 1px;
3128}
3129
3130notebook toolbar.inline-toolbar toolitem button.text-button label {
3131    color:       @theme_fg_color;
3132    text-shadow: none;
3133}
3134
3135notebook toolbar.inline-toolbar toolitem button.text-button:disabled label {
3136    color: @insensitive_fg_color;
3137    text-shadow: none;
3138}
3139
3140notebook toolbar.inline-toolbar toolitem button.text-button {
3141    background-image: -gtk-gradient (linear,
3142                                     left top, left bottom,
3143                                     from (@button_gradient1),
3144                                     color-stop (0.50, @button_gradient3),
3145                                     to   (@button_gradient4));
3146    border-width: 1px;
3147    border-radius: 4px;
3148    border-style: solid;
3149    border-top-color:    transparent;
3150    border-left-color:   alpha (#000, 0.01);
3151    border-right-color:  alpha (#000, 0.01);
3152    border-bottom-color: alpha (#000, 0.03);
3153    box-shadow: inset  0px  1px alpha(shade(@button_border, 1.00), 0.70),
3154                inset  1px  0px alpha(shade(@button_border, 0.94), 0.80),
3155                inset -1px  0px alpha(shade(@button_border, 0.94), 0.80),
3156                inset  0px -1px alpha(shade(@button_border, 0.88), 0.90);
3157    color:             @theme_fg_color;
3158    text-shadow: none;
3159}
3160
3161notebook toolbar.inline-toolbar toolitem button.text-button:hover {
3162    background-image: -gtk-gradient (linear,
3163                                     left top, left bottom,
3164                                     from (shade(@button_gradient1, 1.03)),
3165                                     color-stop (0.50, shade(@button_gradient3, 1.03)),
3166                                     to   (shade(@button_gradient4, 1.01)));
3167    box-shadow: inset  0px  1px shade(@selected_bg_color, 1.3),
3168                inset  1px  0px shade(@selected_bg_color, 1.3),
3169                inset -1px  0px shade(@selected_bg_color, 1.3),
3170                inset  0px -1px shade(@selected_bg_color, 1.3);
3171}
3172
3173notebook toolbar.inline-toolbar toolitem button.text-button:disabled {
3174    border-width: 1px;
3175    border-radius: 4px;
3176    border-style: solid;
3177    background-image: none;
3178    background-color: @insensitive_bg_color;
3179    border-color: alpha (#000, 0.00);
3180    border-bottom-color: alpha (#000, 0.00);
3181    border-image: none;
3182    box-shadow: inset  0px  1px @insensitive_border_color,
3183                inset  1px  0px @insensitive_border_color,
3184                inset -1px  0px @insensitive_border_color,
3185                inset  0px -1px @insensitive_border_color;
3186    color: @insensitive_fg_color;
3187    text-shadow: none;
3188}
3189
3190notebook toolbar.inline-toolbar toolitem button.text-button,
3191notebook toolbar.inline-toolbar toolitem button.text-button:focus,
3192notebook toolbar.inline-toolbar toolitem button.text-button:hover {
3193    padding: 2px 6px;
3194}
3195
3196notebook toolbar.inline-toolbar toolitem button.text-button:focus {
3197    box-shadow: inset  0px  1px shade(@selected_bg_color, 1.3),
3198                inset  1px  0px shade(@selected_bg_color, 1.3),
3199                inset -1px  0px shade(@selected_bg_color, 1.3),
3200                inset  0px -1px shade(@selected_bg_color, 1.3);
3201}
3202
3203notebook toolbar.inline-toolbar toolitem button.text-button:focus:hover:active {
3204    background-image: -gtk-gradient (linear,
3205                                     left top, left bottom,
3206                                     from (shade (@theme_bg_color, 1.20)),
3207                                     color-stop (0.50, shade (@theme_bg_color, 1.00)),
3208                                     color-stop (0.50, shade (@theme_bg_color, 0.99)),
3209                                     to (shade (@theme_bg_color, 0.80)));
3210    border-radius: 4px;
3211    box-shadow: inset  0px  1px shade (@theme_selected_bg_color, 1.3),
3212                inset  1px  0px shade (@theme_selected_bg_color, 1.3),
3213                inset -1px  0px shade (@theme_selected_bg_color, 1.3),
3214                inset  0px -1px shade (@theme_selected_bg_color, 1.3);
3215}
3216
3217/******************
3218 * Stack switcher *
3219 ******************/
3220
3221stackswitcher > button > label,
3222headerbar stackswitcher > button.titlebutton > label,
3223headerbar.titlebar stackswitcher > button.titlebutton > label,
3224calendar.header stackswitcher > button.titlebutton > label {
3225    padding-left: 6px;
3226    padding-right: 6px;
3227}
3228
3229stackswitcher > button > image,
3230headerbar stackswitcher > button.titlebutton > image,
3231headerbar.titlebar stackswitcher > button.titlebutton > image,
3232calendar.header stackswitcher > button.titlebutton > image {
3233    padding-left: 6px;
3234    padding-right: 6px;
3235    padding-top: 3px;
3236    padding-bottom: 3px;
3237}
3238
3239toolbar .raised stackswitcher.linked.stack-switcher > button.text-button.radio,
3240stackswitcher.linked.stack-switcher > button.text-button.radio,
3241stackswitcher.linked.stack-switcher > button.image-button.radio:hover:active,
3242stackswitcher.linked.stack-switcher > button.image-button.radio:checked:hover,
3243stackswitcher > button.text-button.radio,
3244stackswitcher > .linked.stackswitcher > button.text-button.radio,
3245stackswitcher > button.image-button.radio,
3246headerbar stackswitcher > button.titlebutton,
3247headerbar.titlebar stackswitcher > button.titlebutton,
3248calendar.header stackswitcher > button.titlebutton {
3249    padding: 4px 2px;
3250}
3251
3252stackswitcher > button.needs-attention > label,
3253stackswitcher > button.needs-attention > image {
3254    animation: needs_attention 150ms ease-in;
3255    background-color: @theme_bg_color; /* FIXME: ? */
3256    background-size: 6px 6px, 6px 6px;
3257    background-repeat: no-repeat;
3258    background-position: right 3px, right 4px;
3259}
3260
3261stackswitcher > button.needs-attention > label:backdrop,
3262stackswitcher > button.needs-attention > image:backdrop {
3263    background-size: 6px 6px, 0 0;
3264}
3265
3266stackswitcher > button.needs-attention > label:dir(rtl),
3267stackswitcher > button.needs-attention > image:dir(rtl) {
3268    background-position: left 3px, left 4px;
3269}
3270
3271stackswitcher > button.needs-attention:checked > label,
3272stackswitcher > button.needs-attention:checked > image {
3273    animation: none;
3274    background-image: none;
3275}
3276
3277/****************
3278 * GtkActionBar *
3279 ****************/
3280
3281actionbar revealer .horizontal.linked.stack-switcher button.image-button.radio {
3282    padding: 4px 2px;
3283}
3284
3285actionbar revealer .horizontal.linked.stack-switcher button.image-button.radio:first-child  {
3286    border-width: 1px 0px 1px 1px;
3287}
3288
3289actionbar revealer .horizontal.linked.stack-switcher button.image-button.radio:last-child  {
3290    border-width: 1px 1px 1px 0px;
3291}
3292
3293actionbar revealer .horizontal button.image-button.popup.toggle {
3294    padding: 6px;
3295}
3296
3297/*****************
3298 * GtkSpinButton *
3299 *****************/
3300
3301spinbutton,
3302spinbutton:focus,
3303spinbutton.vertical,
3304spinbutton.vertical:focus {
3305    color:  @theme_text_color;
3306    border-color: @button_border;
3307    border-width: 1px;
3308    border-style: solid;
3309    border-radius: 3px;
3310    padding: 0px;
3311}
3312
3313spinbutton.horizontal > entry {
3314    padding: 5px 10px 5px 3px;
3315    box-shadow: none;
3316    border-radius: 3px 0px 0px 3px;
3317    border-style: none;
3318}
3319
3320spinbutton > button:disabled,
3321spinbutton > button:disabled:last-child,
3322spinbutton.vertical > button:disabled,
3323spinbutton.vertical > button:disabled:last-child {
3324    color: @internal_element_insensitive;
3325    border-color: @insensitive_border_color;
3326}
3327
3328spinbutton > button,
3329spinbutton > button:hover,
3330spinbutton > button:focus,
3331spinbutton > button:active {
3332    -gtk-icon-shadow: 0 1px @button_text_shadow;
3333    color: @internal_element_prelight;
3334}
3335
3336spinbutton > button:hover {
3337    background-image: -gtk-gradient (linear,
3338                                     left top, left bottom,
3339                                     from (shade(@button_gradient1, 1.03)),
3340                                     color-stop (0.50, shade(@button_gradient3, 1.03)),
3341                                     to   (shade(@button_gradient4, 1.01)));
3342}
3343
3344spinbutton > button:active {
3345    background-image: -gtk-gradient (linear,
3346                                     left top, left bottom,
3347                                     from (shade (@theme_bg_color, 1.20)),
3348                                     color-stop (0.50, shade (@theme_bg_color, 1.00)),
3349                                     color-stop (0.50, shade (@theme_bg_color, 0.99)),
3350                                     to (shade (@theme_bg_color, 0.80)));
3351}
3352
3353spinbutton > button,
3354spinbutton > button:focus,
3355spinbutton > button:hover,
3356spinbutton > button:active,
3357spinbutton > button:disabled {
3358    min-height: 10px;
3359    min-width: 10px;
3360    border-radius: 0px;
3361    padding: 5px;
3362    box-shadow: none;
3363    border-style: solid;
3364    border-color: @button_border;
3365    border-width: 0px 1px 0px 1px;
3366}
3367
3368spinbutton > button:last-child,
3369spinbutton > button:hover:last-child,
3370spinbutton > button:active:last-child,
3371spinbutton > button:disabled:last-child {
3372    border-radius: 0 3px 3px 0;
3373    border-width: 0px;
3374}
3375
3376spinbutton.horizontal > button:hover,
3377spinbutton.horizontal > button:active {
3378    box-shadow: inset  0px  1px shade (@theme_selected_bg_color, 1.3),
3379                inset -1px  0px shade (@theme_selected_bg_color, 1.3),
3380                inset  0px -1px shade (@theme_selected_bg_color, 1.3);
3381}
3382
3383spinbutton > button:hover:last-child,
3384spinbutton > button:active:last-child {
3385    box-shadow: inset  0px  1px shade (@theme_selected_bg_color, 1.3),
3386                inset  1px  0px shade (@theme_selected_bg_color, 1.3),
3387                inset -1px  0px shade (@theme_selected_bg_color, 1.3),
3388                inset  0px -1px shade (@theme_selected_bg_color, 1.3);
3389}
3390
3391spinbutton.vertical > entry {
3392    border-style: none;
3393    border-radius: 0;
3394    padding: 5px 1px;
3395    box-shadow: none;
3396}
3397
3398spinbutton.vertical > button,
3399spinbutton.vertical > button:focus {
3400    border-style: solid;
3401    border-width: 0px 0px 1px 0px;
3402    border-radius: 3px 3px 0px 0px;
3403    padding: 6px 0px;
3404}
3405
3406spinbutton.vertical > button:last-child {
3407    border-width: 1px 0px 0px 0px;
3408    border-radius: 0px 0px 3px 3px;
3409}
3410
3411spinbutton.vertical > button:hover,
3412spinbutton.vertical > button:active {
3413    box-shadow: inset  0px  1px shade (@theme_selected_bg_color, 1.3),
3414                inset  1px  0px shade (@theme_selected_bg_color, 1.3),
3415                inset -1px  0px shade (@theme_selected_bg_color, 1.3);
3416}
3417
3418spinbutton.vertical > button:hover:last-child,
3419spinbutton.vertical > button:active:last-child {
3420    box-shadow: inset  1px  0px shade (@theme_selected_bg_color, 1.3),
3421                inset -1px  0px shade (@theme_selected_bg_color, 1.3),
3422                inset  0px -1px shade (@theme_selected_bg_color, 1.3);
3423}
3424
3425spinbutton.horizontal > entry:focus,
3426spinbutton.vertical > entry:focus {
3427    border-color: alpha(@borders, 0.1);
3428    box-shadow: inset  0px  1px 0 0 shade (@theme_selected_bg_color, 1.3),
3429                inset  1px  0px 0 0 shade (@theme_selected_bg_color, 1.3),
3430                inset -1px  0px 0 0 shade (@theme_selected_bg_color, 1.3),
3431                inset  0px -1px 0 0 shade (@theme_selected_bg_color, 1.3);
3432}
3433
3434/* volume button */
3435button.scale.flat {
3436    transition: all 400ms ease-out;
3437}
3438
3439button.scale.flat,
3440button.scale.flat:hover,
3441button.scale.flat:disabled {
3442    padding: 5px 4px;
3443    border-radius: 5px;
3444    border-color: transparent;
3445    background-color: transparent;
3446}
3447
3448flowbox flowboxchild {
3449    padding: 3px;
3450    border-radius: 3px;
3451}
3452
3453flowbox flowboxchild:selected {
3454    outline-offset: -2px;
3455}
3456
3457/* hyperlinks */
3458/* ie. yelp */
3459*:link,
3460*:visited {
3461  color: @link_color;
3462}
3463
3464button.flat.link.text-button {
3465     padding: 4px;
3466     border-color: transparent;
3467}
3468
3469/*****************
3470 * Notebooks and *
3471 * tabs          *
3472 *****************/
3473
3474notebook {
3475    padding: 0;
3476    background-clip: border-box;
3477    border-style: none;
3478}
3479
3480notebook.frame {
3481    background-color: shade (@theme_bg_color, 1.1);
3482    border-style: solid;
3483    border-color: @notebook_border;
3484    border-width: 1px;
3485    border-radius: 4px 4px 0px 0px;
3486}
3487
3488/* pavu-control */
3489window.background > box.vertical > notebook:not(.frame),
3490window.background.csd > box.vertical > notebook:not(.frame),
3491window.background.ssd > box.vertical > notebook:not(.frame),
3492window.background.solid-csd > box.vertical > notebook:not(.frame) {
3493    background-color: shade (@theme_bg_color, 1.1);
3494    border-radius: 4px 4px 0px 0px;
3495}
3496
3497window.background > box.vertical > notebook:not(.frame) > stack > box,
3498window.background.csd > box.vertical > notebook:not(.frame) > stack > box,
3499window.background.ssd > box.vertical > notebook:not(.frame) > stack > box,
3500window.background.solid-csd > box.vertical > notebook:not(.frame) > stack > box {
3501    border-style: solid;
3502    border-width: 0px 1px 1px 1px;
3503    border-color: @notebook_border;
3504}
3505
3506window.background > box.vertical > notebook:not(.frame) > header.top,
3507window.background.csd > box.vertical > notebook:not(.frame) > header.top,
3508window.background.ssd > box.vertical > notebook:not(.frame) > header.top,
3509window.background.solid-csd > box.vertical > notebook:not(.frame) > header.top {
3510    border-style: solid;
3511    border-width: 1px 1px 0px 1px;
3512    border-color: @notebook_border;
3513}
3514
3515printdialog > box.view.vertical.dialog-vbox > box.vertical > notebook {
3516    background-color: shade (@theme_bg_color, 1.1);
3517    border-radius: 0px 0px 4px 4px;
3518    border-style: solid;
3519    border-color: @notebook_border;
3520    border-width: 0px 0px 1px 0px;
3521}
3522
3523dialog.background.csd > box.vertical.dialog-vbox > notebook, /* meld preferences */
3524dialog.background.ssd > box.vertical.dialog-vbox > notebook,
3525dialog.background.solid-csd > box.vertical.dialog-vbox > notebook {
3526    background-color: shade (@theme_bg_color, 1.1);
3527}
3528
3529notebook header.top {
3530    border-radius: 4px 4px 0px 0px;
3531    border-width: 0px 0px 1px 0px;
3532    background-image: linear-gradient(to bottom,
3533                                      shade(@theme_bg_color, 0.86),
3534                                      shade(@theme_bg_color, 1.05));
3535    box-shadow: inset  0px -1px alpha(shade(@button_border, 1.00), 0.90);
3536}
3537
3538dialog.background.csd > box.vertical.dialog-vbox > notebook > header.top,
3539dialog.background.ssd > box.vertical.dialog-vbox > notebook > header.top,
3540dialog.background.solid-csd > box.vertical.dialog-vbox > notebook > header.top,
3541printdialog notebook header.top {
3542    border-radius: 0px;
3543}
3544
3545notebook header.bottom {
3546    border-radius: 0px;
3547    border-width: 1px 0px 0px 0px;
3548    background-image: linear-gradient(to top,
3549                                      shade(@theme_bg_color, 0.86),
3550                                      shade(@theme_bg_color, 1.05));
3551    box-shadow: inset  0px  1px alpha(shade(@button_border, 1.00), 0.90);
3552}
3553
3554notebook header.left {
3555    border-radius: 4px 0px 0px 0px;
3556    border-width: 1px 1px 0px 0px;
3557    background-image: linear-gradient(to right,
3558                                      shade(@theme_bg_color, 0.86),
3559                                      shade(@theme_bg_color, 1.05));
3560    box-shadow: inset -1px  0px alpha(shade(@button_border, 1.00), 0.90);
3561}
3562
3563notebook header.right {
3564    border-radius: 0px 4px 0px 0px;
3565    border-width: 0px 0px 0px 1px;
3566    background-image: linear-gradient(to left,
3567                                      shade(@theme_bg_color, 0.86),
3568                                      shade(@theme_bg_color, 1.05));
3569    box-shadow: inset  1px  0px alpha(shade(@button_border, 1.00), 0.90);
3570}
3571
3572notebook header tab {
3573    border-color: transparent;
3574    border-width: 0px;
3575    background-image: none;
3576    background-color: transparent;
3577}
3578
3579notebook header tab label {
3580    color: mix (@theme_fg_color, @theme_bg_color, 0.40);
3581    font-weight: normal;
3582}
3583
3584notebook header .prelight-page,
3585notebook header .prelight-page label {
3586    color: mix (@theme_fg_color, @theme_bg_color, 0.15);
3587}
3588
3589notebook header .active-page,
3590notebook header tab .active-page label {
3591    color: @theme_fg_color;
3592}
3593
3594/* tabs and header in view areas, ie. pluma-, caja-tabs */
3595paned.horizontal > box.vertical notebook > header.top,
3596paned.horizontal > paned.vertical notebook > header.top {
3597    border-style: solid;
3598    border-color: @notebook_border;
3599    border-width: 1px 1px 0px 1px;
3600    border-radius: 4px 4px 0px 0px;
3601    box-shadow: none;
3602}
3603
3604paned.horizontal > box.vertical notebook scrolledwindow.frame,
3605paned.horizontal > paned.vertical notebook scrolledwindow.frame {
3606    border-width: 1px 1px 1px 1px;
3607    border-style: solid;
3608    border-color: @notebook_border;
3609}
3610
3611paned.horizontal notebook > header tab,
3612paned.horizontal > box.vertical notebook > header tab,
3613paned.horizontal > paned.vertical notebook > header tab {
3614    padding: 2px 4px;
3615    margin: 0px -1px 0px -1px;
3616    border-width: 0px 1px 0 1px;
3617    border-style: solid;
3618    border-color: transparent;
3619}
3620
3621paned.horizontal notebook > header.top tab:checked,
3622paned.horizontal notebook > header.top tab:checked:hover,
3623paned.horizontal > box.vertical notebook > header.top tab:checked,
3624paned.horizontal > box.vertical notebook > header.top tab:checked:hover,
3625paned.horizontal > paned.vertical notebook > header.top tab:checked,
3626paned.horizontal > paned.vertical notebook > header.top tab:checked:hover {
3627    background-image: linear-gradient(to bottom,
3628                                      shade(@theme_bg_color, 1.18),
3629                                      shade(@theme_bg_color, 1.1));
3630    border-radius: 4px 4px 0 0;
3631    border-width: 0px 1px 0 1px;
3632    border-style: solid;
3633    border-color: @notebook_border;
3634    box-shadow: none;
3635}
3636
3637paned.horizontal notebook > header.top tab:hover,
3638paned.horizontal > box.vertical notebook > header.top tab:hover,
3639paned.horizontal > paned.vertical notebook > header.top tab:hover {
3640    background-image: linear-gradient(to bottom,
3641                                      alpha(@theme_base_color, 0.0),
3642                                      alpha(@theme_base_color, 0.3));
3643    border-radius: 4px 4px 0 0;
3644    border-width: 0px 1px 0 1px;
3645    border-style: solid;
3646    border-color: @notebook_border;
3647    box-shadow: none;
3648}
3649
3650paned.horizontal > box.vertical notebook > header button.flat,
3651paned.horizontal > paned.vertical notebook > header button.flat {
3652    padding: 1px;
3653}
3654
3655/* closable-page */
3656paned.horizontal > notebook {
3657    border-width: 1px 1px 1px 1px;
3658    border-style: solid;
3659    border-color: @notebook_border;
3660    border-radius: 4px 4px 0px 0px;
3661}
3662
3663paned.horizontal > notebook > header {
3664    border-width: 0px 0px 0px 0px;
3665    border-style: solid;
3666    border-color: @notebook_border;
3667    border-radius: 4px 4px 0px 0px;
3668}
3669
3670paned.horizontal > notebook > header label {
3671    padding: 4px;
3672}
3673
3674paned.horizontal > notebook > header button.flat.small-button {
3675    padding: 1px;
3676}
3677
3678paned.horizontal > notebook > stack > box {
3679    background-color: shade (@theme_bg_color, 1.1);
3680}
3681
3682/* tabs in dialog windows */
3683/* horizontal tabs */
3684window.background > box.vertical > notebook > header.top tab, /* pavu-control */
3685window.background.csd > box.vertical > notebook > header.top tab,
3686window.background.ssd > box.vertical > notebook > header.top tab,
3687window.background.solid-csd > box.vertical > notebook > header.top tab,
3688dialog.background.csd > box.vertical.dialog-vbox > notebook > header.top tab, /* meld preferences */
3689dialog.background.ssd > box.vertical.dialog-vbox > notebook > header.top tab,
3690dialog.background.solid-csd > box.vertical.dialog-vbox > notebook > header.top tab,
3691printdialog notebook > header tab,
3692notebook.frame > header.top tab,
3693notebook.frame > header.bottom tab {
3694    padding: 5px 20px 6px;
3695    margin: 0px 0px 0px -1px;
3696    border-width: 0px 1px 0px 1px;
3697    border-style: solid;
3698    border-color: transparent;
3699}
3700
3701window.background > box.vertical > notebook > header.top tab:checked, /* pavu-control */
3702window.background.csd > box.vertical > notebook > header.top tab:checked,
3703window.background.ssd > box.vertical > notebook > header.top tab:checked,
3704window.background.solid-csd > box.vertical > notebook > header.top tab:checked,
3705window.background > box.vertical > notebook > header.top tab:checked:hover,
3706window.background.csd > box.vertical > notebook > header.top tab:checked:hover,
3707window.background.ssd > box.vertical > notebook > header.top tab:checked:hover,
3708window.background.solid-csd > box.vertical > notebook > header.top tab:checked:hover,
3709dialog.background.csd > box.vertical.dialog-vbox > notebook > header.top tab:checked,
3710dialog.background.ssd > box.vertical.dialog-vbox > notebook > header.top tab:checked,
3711dialog.background.solid-csd > box.vertical.dialog-vbox > notebook > header.top tab:checked,
3712dialog.background.csd > box.vertical.dialog-vbox > notebook > header.top tab:checked:hover,
3713dialog.background.ssd > box.vertical.dialog-vbox > notebook > header.top tab:checked:hover,
3714dialog.background.solid-csd > box.vertical.dialog-vbox > notebook > header.top tab:checked:hover,
3715printdialog notebook > header.top tab:checked,
3716printdialog notebook > header.top tab:checked:hover,
3717notebook.frame > header.top tab:checked,
3718notebook.frame > header.top tab:checked:hover {
3719    background-image: linear-gradient(to bottom,
3720                                      shade(@theme_bg_color, 1.18),
3721                                      shade(@theme_bg_color, 1.1));
3722    border-radius: 4px 4px 0px 0px;
3723    border-width: 0px 1px 0px 1px;
3724    border-style: solid;
3725    border-color: @notebook_border;
3726}
3727
3728window.background > box.vertical > notebook > header.top tab:hover, /* pavu-control */
3729window.background.csd > box.vertical > notebook > header.top tab:hover,
3730window.background.ssd > box.vertical > notebook > header.top tab:hover,
3731window.background.solid-csd > box.vertical > notebook > header.top tab:hover,
3732dialog.background.csd > box.vertical.dialog-vbox > notebook > header.top tab:hover,
3733dialog.background.ssd > box.vertical.dialog-vbox > notebook > header.top tab:hover,
3734dialog.background.solid-csd > box.vertical.dialog-vbox > notebook > header.top tab:hover,
3735printdialog notebook > header.top tab:hover,
3736notebook.frame > header.top tab:hover {
3737    background-image: linear-gradient(to bottom,
3738                                      alpha(@theme_base_color, 0.0),
3739                                      alpha(@theme_base_color, 0.3));
3740    border-radius: 4px 4px 0px 0px;
3741    border-width: 0px 1px 0px 1px;
3742    border-style: solid;
3743    border-color: @notebook_border;
3744}
3745
3746notebook.frame > header.bottom tab:checked,
3747notebook.frame > header.bottom tab:checked:hover {
3748    background-image: linear-gradient(to top,
3749                                      shade(@theme_bg_color, 1.18),
3750                                      shade(@theme_bg_color, 1.1));
3751    border-radius: 0px 0px 4px 4px;
3752    border-style: solid;
3753    border-width: 0px 1px 0px 1px;
3754    border-color: @notebook_border;
3755}
3756
3757notebook.frame > header.bottom tab:hover {
3758    background-image: linear-gradient(to top,
3759                                      alpha(@theme_base_color, 0.0),
3760                                      alpha(@theme_base_color, 0.3));
3761    border-radius: 0px 0px 4px 4px;
3762    border-style: solid;
3763    border-width: 0px 1px 0px 1px;
3764    border-color: @notebook_border;
3765}
3766
3767/* vertical tabs */
3768notebook.frame > header.left tab,
3769notebook.frame > header.right tab {
3770    padding: 5px 20px;
3771    margin: -1px 0px 0px 0px;
3772    border-width: 1px 0px 1px 0px;
3773    border-style: solid;
3774    border-color: transparent;
3775}
3776
3777notebook.frame > header.left tab:checked,
3778notebook.frame > header.left tab:checked:hover {
3779    background-image: linear-gradient(to right,
3780                                      shade(@theme_bg_color, 1.18),
3781                                      shade(@theme_bg_color, 1.1));
3782    border-style: solid;
3783    border-width: 1px 0px 1px 0px;
3784    border-color: @notebook_border;
3785    border-radius: 4px 0px 0px 4px;
3786}
3787
3788notebook.frame > header.left tab:hover {
3789    background-image: linear-gradient(to right,
3790                                      alpha(@theme_base_color, 0.0),
3791                                      alpha(@theme_base_color, 0.3));
3792    border-style: solid;
3793    border-width: 1px 0px 1px 0px;
3794    border-color: @notebook_border;
3795    border-radius: 4px 0px 0px 4px;
3796}
3797
3798notebook.frame > header.right tab:checked,
3799notebook.frame > header.right tab:checked:hover {
3800    background-image: linear-gradient(to left,
3801                                      shade(@theme_bg_color, 1.18),
3802                                      shade(@theme_bg_color, 1.1));
3803    border-style: solid;
3804    border-width: 1px 0px 1px 0px;
3805    border-color: @notebook_border;
3806    border-radius: 0px 4px 4px 0px;
3807}
3808
3809notebook.frame > header.right tab:hover {
3810    background-image: linear-gradient(to left,
3811                                      alpha(@theme_base_color, 0.0),
3812                                      alpha(@theme_base_color, 0.3));
3813    border-style: solid;
3814    border-width: 1px 0px 1px 0px;
3815    border-color: @notebook_border;
3816    border-radius: 0px 4px 4px 0px;
3817}
3818
3819notebook tab.reorderable-page:hover {
3820    background-image: linear-gradient(to bottom,
3821                                      alpha(@theme_base_color, 0.0),
3822                                      alpha(@theme_base_color, 0.3));
3823    border-radius: 0;
3824    box-shadow: inset 1px 0 alpha(@borders, 0.6), inset -1px 0 alpha(@borders, 0.6);
3825    border-style: none;
3826}
3827
3828notebook tab.reorderable-page:checked {
3829    background-image: linear-gradient(to bottom,
3830                                      shade(@theme_bg_color, 1.18),
3831                                      shade(@theme_bg_color, 1.1));
3832    border-radius: 4px 4px 0 0;
3833    box-shadow: none;
3834    border-style: solid;
3835}
3836
3837/* outlines */
3838notebook header.top tab:checked {
3839    -gtk-outline-top-left-radius: 4px;
3840    -gtk-outline-top-right-radius: 4px;
3841    -gtk-outline-bottom-left-radius: 0px;
3842    -gtk-outline-bottom-right-radius: 0px;
3843}
3844
3845notebook header.bottom tab:checked {
3846    -gtk-outline-top-left-radius: 0px;
3847    -gtk-outline-top-right-radius: 0px;
3848    -gtk-outline-bottom-left-radius: 4px;
3849    -gtk-outline-bottom-right-radius: 4px;
3850}
3851
3852notebook header.left tab:checked {
3853    -gtk-outline-top-left-radius: 4px;
3854    -gtk-outline-top-right-radius: 0px;
3855    -gtk-outline-bottom-left-radius: 0px;
3856    -gtk-outline-bottom-right-radius: 4px;
3857}
3858
3859notebook header.right tab:checked {
3860    -gtk-outline-top-left-radius: 0px;
3861    -gtk-outline-top-right-radius: 4px;
3862    -gtk-outline-bottom-left-radius: 4px;
3863    -gtk-outline-bottom-right-radius: 0px;
3864}
3865
3866/* close button styling */
3867
3868notebook > header button.flat,
3869notebook > header button.flat.small-button {
3870    border-image: none;
3871    background-image: none;
3872    background-color: transparent;
3873    border-radius: 4px;
3874    border-style: solid;
3875    border-color: transparent;
3876    border-width: 1px;
3877    -gtk-icon-shadow: none;
3878    box-shadow: none;
3879}
3880
3881notebook > header button.flat:hover,
3882notebook > header button.flat.small-button:hover {
3883    -gtk-icon-effect: highlight;
3884}
3885
3886notebook tab.prelight-page button.flat.small-button,
3887notebook tab.active-page button.flat.small-button {
3888	color: mix(@theme_fg_color, @theme_base_color, 0.6);
3889	-gtk-icon-shadow: 0 1px @button_text_shadow;
3890}
3891
3892notebook button.flat:checked,
3893notebook button.flat:checked:hover,
3894notebook button.flat.small-button:checked,
3895notebook button.flat.small-button:checked:hover {
3896	color: @theme_fg_color;
3897	border-color: alpha(black, 0.1);
3898}
3899
3900notebook tab button:checked,
3901notebook tab button:checked:hover {
3902	color:  @button_active_text;
3903	background-color: alpha(black, 0.08);
3904	box-shadow: inset 0 1px alpha(black, 0.05);
3905	-gtk-icon-shadow: 0 1px @button_active_text_shadow;
3906
3907	border-color: alpha(black, 0.27)
3908		alpha(black, 0.13)
3909		alpha(black, 0.13)
3910		alpha(black, 0.13);
3911}
3912
3913notebook header.top tabs arrow.up,
3914notebook header.bottom tabs arrow.up {
3915    -gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
3916}
3917
3918notebook header.top tabs arrow.down,
3919notebook header.bottom tabs arrow.down {
3920    -gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
3921}
3922
3923notebook header.left tabs arrow.up,
3924notebook header.right tabs arrow.up {
3925    -gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
3926}
3927
3928notebook header.left tabs arrow.down,
3929notebook header.right tabs arrow.down {
3930    -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
3931}
3932
3933notebook header tabs arrow {
3934    color: @theme_fg_color;
3935}
3936
3937notebook header tabs arrow:hover,
3938notebook header tabs arrow:checked {
3939    color: @theme_selected_bg_color;
3940}
3941
3942notebook header tabs arrow:disabled {
3943    color: rgba(141, 144, 145, 0.3);
3944}
3945
3946notebook header tabs arrow:backdrop {
3947    color: rgba(84, 89, 90, 0.4);
3948}
3949
3950notebook header tabs arrow:backdrop:disabled {
3951    color: #c7c7c7;
3952}
3953
3954/*************************
3955 * Check and Radio items *
3956 *************************/
3957
3958check,
3959radio,
3960check:disabled,
3961radio:disabled {
3962    background-color: transparent;
3963    border-style: none;
3964	min-height: 12px;
3965	min-width: 12px;
3966}
3967
3968/* move label to the right */
3969check,
3970radio,
3971window.background.popup menuitem check,
3972window.background.popup menuitem radio,
3973window.background.popup menu menuitem check,
3974window.background.popup menu menuitem radio {
3975	padding: 0px 6px 0px 0px;
3976    background-repeat: no-repeat;
3977    background-position: center;
3978}
3979
3980checkbutton,
3981checkbutton:hover,
3982checkbutton:focus,
3983checkbutton:focus:hover,
3984checkbutton:focus:hover:active,
3985checkbutton:checked,
3986checkbutton:checked:hover,
3987checkbutton:checked:focus,
3988checkbutton:checked:focus:hover,
3989checkbutton:checked:focus:hover:active {
3990    background-color: transparent;
3991}
3992
3993checkbutton.text-button,
3994radiobutton.text-button {
3995  padding: 1px;
3996  outline-offset: 0;
3997}
3998
3999/****************
4000 * GtkAssistant *
4001 ****************/
4002
4003assistant .sidebar {
4004    padding: 5px;
4005    background-color: @sidebar_background;
4006    border-width: 0px 1px 0px 0px;
4007    border-radius: 0px;
4008    border-style: solid;
4009    border-right-color: @inactive_frame_color;
4010    color: mix (@theme_fg_color, @theme_bg_color, 0.40);
4011}
4012
4013assistant .sidebar highlight,
4014assistant .sidebar label.highlight { /* ie. caja-actions import dialog */
4015    color: @theme_text_color;
4016    font-weight: bold;
4017}
4018
4019/**********
4020 * Switch *
4021 **********/
4022
4023switch,
4024switch:backdrop {
4025    padding:  4px;
4026    font-weight: bold;
4027    font-size: smaller;
4028    border-radius: 4px;
4029    border: 1px solid ;
4030    border-radius: 6px;
4031    color: @theme_fg_color;
4032    background-image: linear-gradient(to bottom,
4033                                      shade(@theme_bg_color, 0.9),
4034                                      shade(@theme_bg_color, 0.9));
4035    /* outer */
4036    border-top-color:    transparent;
4037    border-left-color:   alpha (#000, 0.01);
4038    border-right-color:  alpha (#000, 0.01);
4039    border-bottom-color: alpha (#000, 0.03);
4040    box-shadow: inset  0px  2px alpha(#fff, 0.11),
4041                inset  2px  0px alpha(#fff, 0.09),
4042                inset -2px  0px alpha(#fff, 0.09),
4043                inset  0px -2px alpha(#fff, 0.07),
4044                inset  0px  1px alpha(shade(@button_border, 1.00), 0.70),
4045                inset  1px  0px alpha(shade(@button_border, 0.94), 0.80),
4046                inset -1px  0px alpha(shade(@button_border, 0.94), 0.80),
4047                inset  0px -1px alpha(shade(@button_border, 0.88), 0.90);
4048    text-shadow: none;
4049}
4050
4051switch:checked,
4052switch:backdrop:checked {
4053    background-image: linear-gradient(to bottom,
4054                                      @theme_selected_bg_color 2px,
4055                                      shade(@theme_selected_bg_color, 1.2));
4056    color: white;
4057}
4058
4059switch:disabled,
4060switch:backdrop:disabled {
4061    color: @insensitive_fg_color;
4062    border-color: @insensitive_border_color;
4063    background-image: none;
4064    background-color: @insensitive_bg_color;
4065    box-shadow: inset  0px  1px @insensitive_border_color,
4066                inset  1px  0px @insensitive_border_color,
4067                inset -1px  0px @insensitive_border_color,
4068                inset  0px -1px @insensitive_border_color;
4069    text-shadow: none;
4070}
4071
4072switch slider,
4073switch slider:backdrop {
4074    border: 1px solid;
4075    border-radius: 4px;
4076    background-image: -gtk-gradient (linear,
4077                                     left top, left bottom,
4078                                     from (@button_gradient1),
4079                                     color-stop (0.48, @button_gradient2),
4080                                     color-stop (0.52, @button_gradient3),
4081                                     to   (@button_gradient4));
4082    border-top-color:    transparent;
4083    border-left-color:   alpha (#000, 0.01);
4084    border-right-color:  alpha (#000, 0.01);
4085    border-bottom-color: alpha (#000, 0.03);
4086    box-shadow: inset  0px  2px alpha(#fff, 0.11),
4087                inset  2px  0px alpha(#fff, 0.09),
4088                inset -2px  0px alpha(#fff, 0.09),
4089                inset  0px -2px alpha(#fff, 0.07),
4090                inset  0px  1px alpha(shade(@button_border, 1.00), 0.70),
4091                inset  1px  0px alpha(shade(@button_border, 0.94), 0.80),
4092                inset -1px  0px alpha(shade(@button_border, 0.94), 0.80),
4093                inset  0px -1px alpha(shade(@button_border, 0.88), 0.90);
4094    padding: 2px;
4095    margin: -3px 0px -3px -3px;
4096}
4097
4098switch:checked slider,
4099switch:checked slider:backdrop {
4100    border-color: transparent;
4101    background-image: -gtk-gradient (linear,
4102                                     left top, left bottom,
4103                                     from (shade (@theme_bg_color, 1.20)),
4104                                     color-stop (0.50, shade (@theme_bg_color, 1.00)),
4105                                     color-stop (0.50, shade (@theme_bg_color, 0.95)),
4106                                     to (shade (@theme_bg_color, 0.80)));
4107    box-shadow: inset  0px  1px shade (@theme_fg_color, 1.0),
4108                inset  1px  0px shade (@theme_fg_color, 1.0),
4109                inset -1px  0px shade (@theme_fg_color, 1.0),
4110                inset  0px -1px shade (@theme_fg_color, 1.0);
4111    margin: -3px -3px -3px 0px;
4112}
4113
4114switch:disabled slider,
4115switch:disabled slider:backdrop {
4116    background-image: none;
4117    background-color: @insensitive_bg_color;
4118    border-color: alpha (#000, 0.00);
4119    border-bottom-color: alpha (#000, 0.00);
4120    border-image: none;
4121    box-shadow: inset  0px  1px @insensitive_border_color,
4122                inset  1px  0px @insensitive_border_color,
4123                inset -1px  0px @insensitive_border_color,
4124                inset  0px -1px @insensitive_border_color;
4125}
4126
4127switch slider:disabled > label,
4128switch slider:backdrop:disabled > label {
4129    color: inherit;
4130}
4131
4132/*********
4133 * image *
4134 *********/
4135
4136image,
4137image:disabled {
4138    background-color: transparent;
4139}
4140
4141/****************
4142 * drawing area *
4143 ****************/
4144
4145/************
4146 * viewport *
4147 ************/
4148
4149viewport {
4150    border-width: 0px;
4151    border-style: none;
4152    /* Background color and system config gnome-tweak-tools */
4153    background-color: shade(@theme_bg_color, 1.00);
4154}
4155
4156viewport.frame {
4157    border-width: 0px;
4158    border-style: none;
4159    padding: 0px;
4160}
4161
4162GdMainIconView.content-view {
4163    -GdMainIconView-icon-size: 40;
4164}
4165
4166iconview.content-view.check {
4167    background-image: url("assets/grid-selection-unchecked.svg");
4168    background-color: transparent;
4169}
4170
4171iconview.content-view.check:active {
4172    background-image: url("assets/grid-selection-checked.svg");
4173    background-color: transparent;
4174}
4175
4176iconview,
4177viewport {
4178    /* avoid resizing theme thumbnails in mate-appearance-properties */
4179    padding: 0px;
4180}
4181
4182iconview {
4183    border-width: 0px;
4184    border-style: none;
4185    /* background view mate-appearance-properties */
4186    background-color: @base_color;
4187}
4188
4189iconview.view.cell:selected,
4190iconview.view.cell:selected:focus {
4191    /* eg. Configuration center */
4192    background-color: alpha(@theme_selected_bg_color, 0.90);
4193    background-image: -gtk-gradient (linear,
4194                                     0.40 top, 0.60 bottom,
4195                                     from (shade (@button_bg_active, 1.14)),
4196                                     color-stop (0.45, shade (@button_bg_active, 1.00)),
4197                                     color-stop (0.52, shade (@button_bg_active, 0.88)),
4198                                     to (shade (@button_bg_active, 0.90)));
4199    border-width: 1px;
4200    border-style: solid;
4201    border-radius: 4px;
4202    border-top-color: shade(@button_bg_active, 1.04);
4203    border-left-color: shade(@button_bg_active, 0.92);
4204    border-right-color: shade(@button_bg_active, 0.92);
4205    border-bottom-color: shade(@button_bg_active, 0.80);
4206    border-image: none;
4207    box-shadow: inset  0px  1px alpha(#fff, 0.08),
4208                inset  1px  0px alpha(#fff, 0.07),
4209                inset -1px  0px alpha(#fff, 0.07),
4210                inset  0px -1px alpha(#fff, 0.06);
4211    text-shadow: none;
4212}
4213
4214iconview.view.cell:hover,
4215iconview.view.cell:hover:focus {
4216    background-color: alpha(@theme_selected_bg_color, 0.10);
4217    border-style: none;
4218    border-radius: 4px;
4219}
4220
4221iconview.view.cell:selected:focus {
4222    border-color: alpha(@theme_text_color, 0.6);
4223    border-width: 1px;
4224    border-style: dashed;
4225}
4226
4227view,
4228.view,
4229view text,
4230.view text,
4231iconview text,
4232textview text {
4233    background-color: @theme_base_color;
4234    color: @theme_fg_color;
4235    text-shadow: none;
4236}
4237
4238view,
4239view:selected,
4240view:selected:focus,
4241.view:selected,
4242.view:selected:focus,
4243view text selection,
4244.view text selection,
4245view text selection:focus,
4246.view text selection:focus {
4247    background-color: shade(@theme_selected_bg_color, 1.10);
4248    background-image: -gtk-gradient (linear,
4249                                     left top, left bottom,
4250                                     from (shade(@theme_selected_bg_color, 1.0)),
4251                                     to (shade(@theme_selected_bg_color, 1.1)));
4252    color: @theme_selected_fg_color;
4253    text-shadow: none;
4254}
4255
4256/* ie. color of selected icons if unfocused */
4257.view:active {
4258    background-color: shade(@theme_bg_color, 0.8);
4259}
4260
4261.view text selection:focus,
4262.view:selected:focus {
4263    text-shadow: none;
4264}
4265
4266/* for firefox and probably other apps */
4267label:selected,
4268label selection,
4269label selection:focus,
4270label selection:hover {
4271  background-color: @theme_selected_bg_color;
4272  color: @theme_selected_fg_color;
4273}
4274
4275label:disabled:selected,
4276label selection:disabled {
4277	color: @insensitive_fg_color;
4278}
4279
4280label:backdrop:selected,
4281label selection:backdrop {
4282	color: @theme_fg_color;
4283}
4284
4285label:backdrop:disabled:selected,
4286label selection:backdrop:disabled {
4287	color: @insensitive_fg_color;
4288}
4289
4290treeview,
4291treeview.view {
4292    padding: 1px 4px;
4293	outline-color: alpha(currentColor, 0.6);
4294}
4295
4296treeview.dnd {
4297    border-color: @internal_element_color;
4298    border-radius: 2px;
4299    border-width: 1px;
4300    border-style: solid;
4301}
4302
4303treeview.view:selected:hover,
4304notebook container treeview.view:selected {
4305    background-image: -gtk-gradient (linear,
4306                                     left top,
4307                                     left bottom,
4308                                     from (shade(@sidebar_selected_bg, 0.90)),
4309                                     color-stop (0.40, shade (@sidebar_selected_bg, 0.98)),
4310                                     to (shade(@sidebar_selected_bg, 1.05)));
4311    color: @theme_selected_fg_color;
4312}
4313
4314treeview.view,
4315treeview.view:focus {
4316    background-color: @theme_base_color;
4317    border-style: none;
4318}
4319
4320treeview.view:hover,
4321notebook container treeview.view:hover {
4322    background-image: -gtk-gradient (linear,
4323                                     left top,
4324                                     left bottom,
4325                                     from (shade(@theme_bg_color, 1.05)),
4326                                     color-stop (0.40, shade (@theme_bg_color, 1.13)),
4327                                     to (shade(@theme_bg_color, 1.10)));
4328    color: shade (@theme_fg_color, 0.90);
4329    text-shadow: none;
4330}
4331
4332/*Keep treeviews from jumping, separators drawn at 0 by default until hovered*/
4333treeview.view.separator,
4334treeview.view.separator:hover {
4335    min-height: 2px;
4336    color: shade(@theme_bg_color, 0.87);
4337    background-color: shade(@theme_bg_color, 0.87);
4338}
4339
4340treeview.view > header > button,
4341treeview.view > header > button:focus {
4342    min-height: 18px;
4343    padding: 0px 4px;
4344    background-image: -gtk-gradient (linear,
4345                                     left top, left bottom,
4346                                     from (shade(@button_base, 1.00)),
4347                                     color-stop (0.50, shade(@button_base, 0.96)),
4348                                     color-stop (0.50, shade(@button_base, 0.95)),
4349                                     to (shade(@button_base, 0.93)));
4350    border-width: 0px 1px 1px 0px;
4351    border-style: solid;
4352    border-radius: 0px;
4353    border-top-color:    transparent;
4354    border-left-color:   shade(@button_border, 1.05);
4355    border-right-color:  shade(@button_border, 1.05);
4356    border-bottom-color: shade(@button_border, 0.95);
4357    border-image: none;
4358    box-shadow: inset  0px  1px alpha(#fff, 0.09),
4359                inset  1px  0px alpha(#fff, 0.07),
4360                inset -1px  0px alpha(#fff, 0.07),
4361                inset  0px -1px alpha(#fff, 0.05);
4362}
4363
4364treeview.view > header > button:hover {
4365    background-image: -gtk-gradient (linear,
4366                                     left top, left bottom,
4367                                     from (shade(@button_gradient1, 1.03)),
4368                                     color-stop (0.50, shade(@button_gradient3, 1.03)),
4369                                     to   (shade(@button_gradient4, 1.01)));
4370    border-style: solid;
4371    border-radius: 0px;
4372    border-top-color:    transparent;
4373    border-left-color:   shade(@button_bg_active, 0.78);
4374    border-right-color:  shade(@button_bg_active, 0.78);
4375    border-bottom-color: shade(@button_bg_active, 0.70);
4376    border-image: none;
4377    box-shadow: inset  0px  1px shade (@theme_selected_bg_color, 1.3),
4378                inset  1px  0px shade (@theme_selected_bg_color, 1.3),
4379                inset -1px  0px shade (@theme_selected_bg_color, 1.3),
4380                inset  0px -1px shade (@theme_selected_bg_color, 1.3);
4381}
4382
4383treeview.view > header > button:focus:hover:active {
4384    background-image: -gtk-gradient (linear,
4385                                     left top, left bottom,
4386                                     from (shade (@theme_bg_color, 1.20)),
4387                                     color-stop (0.50, shade (@theme_bg_color, 1.00)),
4388                                     color-stop (0.50, shade (@theme_bg_color, 0.99)),
4389                                     to (shade (@theme_bg_color, 0.80)));
4390    border-radius: 0px;
4391    box-shadow: none;
4392}
4393
4394treeview.view > header > button:disabled {
4395    background-image: none;
4396    background-color: @insensitive_bg_color;
4397    border-color: @insensitive_border_color;
4398    border-image: none;
4399    box-shadow: none;
4400}
4401
4402treeview.view > header > button label,
4403treeview.view > header > button label:focus,
4404treeview.view > header > button label:backdrop {
4405    padding: 0px;
4406}
4407
4408treeview.view > header > button arrow {
4409    color: @internal_element_color;
4410}
4411
4412treeview.view > header > button:nth-child(last) {
4413    border-width: 0px 0px 1px 0px;
4414}
4415
4416.cell {
4417    color: @theme_fg_color;
4418    padding: 0px 2px;
4419    border-width: 0px;
4420}
4421
4422.cell:hover {
4423    /* take the same background in .view to avoid mouse-over lists */
4424    /*background-color: @theme_base_color;*/
4425    background-color: alpha(@theme_base_color, 0.0);
4426}
4427
4428/*************
4429 * Expanders *
4430 *************/
4431
4432treeview.view.expander {
4433    -gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
4434    color: @theme_fg_color;
4435}
4436
4437treeview.view.expander:dir(rtl) {
4438     -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl");
4439}
4440
4441treeview.view.expander:checked {
4442    -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
4443 }
4444
4445treeview.view.expander:hover {
4446    color: @theme_selected_bg_color;
4447}
4448
4449treeview.view.expander:selected,
4450treeview.view.expander:selected:hover {
4451    color: @theme_selected_fg_color;
4452}
4453
4454expander arrow {
4455    color: @menu_fg_dark_color;
4456    text-shadow: 1px 1px alpha (#000000, 0.8);
4457   -gtk-icon-shadow:  0px  1px shade (@menu_bg_dark_color, 1.0),
4458                      1px  0px shade (@menu_bg_dark_color, 1.0),
4459                     -1px  0px shade (@menu_bg_dark_color, 1.0),
4460                      0px -1px shade (@menu_bg_dark_color, 1.0);
4461}
4462
4463expander arrow {
4464    -gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
4465}
4466
4467expander arrow:dir(rtl) {
4468    -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl");
4469}
4470
4471expander arrow:hover {
4472    color: shade (@theme_selected_bg_color, 1.2);
4473    -gtk-icon-shadow:  0px  1px shade (@menu_fg_dark_color, 1.0),
4474                       1px  0px shade (@menu_fg_dark_color, 1.0),
4475                      -1px  0px shade (@menu_fg_dark_color, 1.0),
4476                       0px -1px shade (@menu_fg_dark_color, 1.0);
4477}
4478
4479expander arrow:checked {
4480    -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
4481    color: shade (@theme_selected_bg_color, 1.2);
4482    -gtk-icon-shadow:  0px  1px shade (@menu_fg_dark_color, 1.0),
4483                       1px  0px shade (@menu_fg_dark_color, 1.0),
4484                      -1px  0px shade (@menu_fg_dark_color, 1.0),
4485                       0px -1px shade (@menu_fg_dark_color, 1.0);
4486}
4487
4488expander arrow:checked:hover {
4489    color: @menu_fg_dark_color;
4490    text-shadow: 1px 1px alpha (#000000, 0.8);
4491   -gtk-icon-shadow:  0px  1px shade (@menu_bg_dark_color, 1.0),
4492                      1px  0px shade (@menu_bg_dark_color, 1.0),
4493                     -1px  0px shade (@menu_bg_dark_color, 1.0),
4494                      0px -1px shade (@menu_bg_dark_color, 1.0);
4495}
4496
4497/* why this weird padding, possible issue with gtk+-3.18 ? */
4498expander arrow {
4499    min-width: 16px;
4500    min-height: 16px;
4501    padding: 0px 4px 0px 0px;
4502}
4503
4504expander {
4505    color: @theme_fg_color;
4506    border-color: @theme_fg_color;
4507}
4508
4509expander:checked {
4510    color: @theme_selected_bg_color;
4511    border-color: @theme_selected_bg_color;
4512}
4513
4514expander:hover {
4515    color: @internal_element_color;
4516    border-color: @internal_element_color;
4517}
4518
4519expander title:selected,
4520expander title:selected:focus,
4521.expander title:selected,
4522.expander title:selected:focus {
4523    border-style: solid;
4524    border-width: 1px;
4525    border-color: @expander_row_selected_color;
4526    color: @expander_row_selected_color;
4527    background-color: @theme_selected_bg_color;
4528}
4529
4530expander title:selected:hover,
4531expander title:selected:focus:hover,
4532.expander title:selected:hover,
4533.expander title:selected:focus:hover {
4534    color: @theme_selected_fg_color;
4535    border-color: @theme_selected_fg_color;
4536}
4537
4538/**************
4539 * List boxes *
4540 **************/
4541
4542list {
4543    background-color: @list_box_bg;
4544}
4545
4546list .separator.horizontal {
4547    background-color: @theme_base_color;
4548    border-width: 0px;
4549}
4550
4551row {
4552    min-height: 22px;
4553}
4554
4555row:disabled {
4556    border-width: 0px;
4557}
4558
4559row:selected,
4560row:selected:focus {
4561    border-width: 1px 0 1px 0;
4562    border-style: solid;
4563    box-shadow: none;
4564}
4565
4566row:selected:backdrop,
4567row:selected:focus:backdrop {
4568    border-width: 1px 0 1px 0;
4569    border-style: solid;
4570    text-shadow: none;
4571    box-shadow: none;
4572}
4573
4574list row,
4575list row.activatable {
4576    padding: 2px;
4577    transition: all 400ms ease-in;
4578    background-image: none;
4579    background-color: @theme_base_color;
4580}
4581
4582list row:hover,
4583list row.activatable:hover {
4584    border-color: shade (@theme_selected_bg_color, 1.6);
4585    background-image: -gtk-gradient (linear,
4586                                     left top,
4587                                     left bottom,
4588                                     from (shade(@theme_bg_color, 1.05)),
4589                                     color-stop (0.40, shade (@theme_bg_color, 1.13)),
4590                                     to (shade(@theme_bg_color, 1.10)));
4591    box-shadow: inset  0px  1px shade (@theme_selected_bg_color, 1.3),
4592                inset  1px  0px shade (@theme_selected_bg_color, 1.3),
4593                inset -1px  0px shade (@theme_selected_bg_color, 1.3),
4594                inset  0px -1px shade (@theme_selected_bg_color, 1.3);
4595    text-shadow: none;
4596    -gtk-icon-shadow: none;
4597    border-image: none;
4598    border-radius: 6px;
4599    border-style: solid;
4600}
4601
4602list row:selected,
4603list row:selected:hover,
4604list row:selected:hover:active,
4605list row.activatable:selected,
4606list row.activatable:selected:hover,
4607list row.activatable:selected:hover:active {
4608    border-width: 0;
4609    border-radius: 0px;
4610    border-style: none;
4611    border-color: transparent;
4612    background-image: linear-gradient(to bottom,
4613                                      shade (@theme_selected_bg_color, 1.2),
4614                                      shade (@theme_selected_bg_color, 0.7));
4615    box-shadow: none;
4616    color: @theme_selected_fg_color;
4617}
4618
4619list row:selected:backdrop,
4620list row:selected:backdrop:hover,
4621list row.activatable:selected:backdrop,
4622list row.activatable:selected:backdrop:hover {
4623    border-width: 0;
4624    border-style: solid;
4625    border-color: shade (@theme_bg_color, 0.85);
4626    background-image: linear-gradient(to bottom,
4627                                      shade (@theme_bg_color, 0.94),
4628                                      shade (@theme_bg_color, 0.94));
4629    color: @theme_fg_color;
4630    text-shadow: none;
4631    box-shadow: none;
4632}
4633
4634/*********************
4635 * App Notifications *
4636 *********************/
4637
4638.app-notification,
4639.app-notification.frame {
4640    color: @theme_dark_fg_color;
4641    padding: 10px;
4642    border: none;
4643    border-radius: 0 0 4px 4px;
4644    background-color: rgba(0, 0, 0, 0.7);
4645    background-image: linear-gradient(to bottom,
4646                                      rgba(0, 0, 0, 0.2),
4647                                      transparent 2px);
4648    background-clip: padding-box;
4649}
4650
4651.app-notification:backdrop,
4652.app-notification.frame:backdrop {
4653    background-image: none;
4654}
4655
4656.app-notification button,
4657.app-notification headerbar button.titlebutton,
4658headerbar .app-notification button.titlebutton,
4659.app-notification .titlebar button.titlebutton,
4660.titlebar .app-notification button.titlebutton,
4661.app-notification calendar.header button.titlebutton,
4662calendar.header .app-notification button.titlebutton,
4663.app-notification.frame button {
4664    color: @theme_dark_fg_color;
4665    border-color: rgba(37, 88, 128, 0.7);
4666    background-image: linear-gradient(to bottom,
4667                                      rgba(0, 0, 0, 0.7),
4668                                      rgba(0, 0, 0, 0.7));
4669    background-clip: padding-box;
4670    box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
4671    text-shadow: none;
4672    -gtk-icon-shadow: 0 1px black;
4673    outline-color: rgba(238, 238, 236, 0.3);
4674    border-radius: 3px;
4675    padding: 0 0px 2px 0px;
4676}
4677
4678.app-notification button.flat,
4679.app-notification headerbar button.titlebutton,
4680headerbar .app-notification button.titlebutton,
4681.app-notification .titlebar button.titlebutton,
4682.titlebar .app-notification button.titlebutton,
4683.app-notification calendar.header button.titlebutton,
4684calendar.header .app-notification button.titlebutton,
4685.app-notification.frame button.flat,
4686.app-notification.frame headerbar button.titlebutton,
4687headerbar .app-notification.frame button.titlebutton,
4688.app-notification.frame .titlebar button.titlebutton,
4689.titlebar .app-notification.frame button.titlebutton,
4690.app-notification.frame calendar.header button.titlebutton,
4691calendar.header .app-notification.frame button.titlebutton {
4692    -gtk-icon-shadow: 0 1px black;
4693    text-shadow: none;
4694}
4695
4696.app-notification button:hover,
4697.app-notification.frame button:hover {
4698    color: black;
4699    border-color: rgba(0, 0, 0, 0.7);
4700    background-image: linear-gradient(to bottom,
4701                                      rgba(203, 213, 217, 0.7),
4702                                      rgba(203, 213, 217, 0.7));
4703    background-clip: padding-box;
4704    box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
4705    text-shadow: none;
4706    -gtk-icon-shadow: 0 1px black;
4707    outline-color: rgba(238, 238, 236, 0.3);
4708    border-radius: 3px;
4709    padding: 0 0px 2px 0px;
4710}
4711
4712.app-notification button:checked,
4713.app-notification button:backdrop:checked,
4714.app-notification.frame button:checked,
4715.app-notification.frame button:backdrop:active {
4716    color: white;
4717    border-color: rgba(0, 0, 0, 0.7);
4718    background-image: linear-gradient(to bottom,
4719                                      rgba(37, 88, 128, 0.7),
4720                                      rgba(37, 88, 128, 0.7));
4721    background-clip: padding-box;
4722    box-shadow: none;
4723    text-shadow: none;
4724    -gtk-icon-shadow: none;
4725    outline-color: rgba(238, 238, 236, 0.3);
4726    border-radius: 3px;
4727}
4728
4729.app-notification button:disabled,
4730.app-notification button:backdrop:disabled,
4731.app-notification.frame button:disabled,
4732.app-notification.frame button:backdrop:disabled {
4733    color: #878989;
4734    border-color: rgba(0, 0, 0, 0.7);
4735    background-image: linear-gradient(to bottom,
4736                                      rgba(52, 57, 57, 0.5),
4737                                      rgba(52, 57, 57, 0.5));
4738    background-clip: padding-box;
4739    box-shadow: none;
4740    text-shadow: none;
4741    -gtk-icon-shadow: none;
4742    border-radius: 3px;
4743    padding: 0px;
4744}
4745
4746.app-notification button:backdrop,
4747.app-notification.frame button:backdrop {
4748    color: #eeeeec;
4749    border-color: rgba(0, 0, 0, 0.7);
4750    background-image: linear-gradient(to bottom,
4751                                      rgba(172, 205, 138, 0.7),
4752                                      rgba(172, 205, 138, 0.7));
4753    background-clip: padding-box;
4754    box-shadow: none;
4755    text-shadow: none;
4756    -gtk-icon-shadow: none;
4757    border-radius: 3px;
4758    padding: 0px;
4759}
4760
4761/**************
4762 * Calendar   *
4763 **************/
4764
4765calendar {
4766    padding: 1px;
4767}
4768
4769calendar.view {
4770    border-radius: 4px;
4771    border-style: solid;
4772    border-width: 1px;
4773    border-color: @notebook_border;
4774    padding: 2px;
4775}
4776
4777calendar.header {
4778    border-radius: 4px 4px 0px 0px;
4779    background-image: linear-gradient(to bottom,
4780                                      shade(@theme_bg_color, 1.04),
4781                                      shade(@theme_bg_color, 0.89));
4782    border-width: 0;
4783}
4784
4785calendar.expander,
4786calendar.button,
4787calendar.button.flat,
4788calendar.button:disabled {
4789    border-color: transparent;
4790    background-image: none;
4791    background-color: transparent;
4792    border-radius: 0px;
4793    box-shadow: none;
4794}
4795
4796/* disable shadows and button background on arrows */
4797calendar.button:first-child,
4798calendar.button:last-child {
4799    box-shadow: none;
4800    background-image: none;
4801}
4802
4803/* disable button background on arrows */
4804calendar.button:hover:first-child,
4805calendar.button:hover:last-child {
4806    background-image: none;
4807    border-radius: 3px;
4808    box-shadow: inset  0px  1px shade (@theme_selected_bg_color, 1.3),
4809                inset  1px  0px shade (@theme_selected_bg_color, 1.3),
4810                inset -1px  0px shade (@theme_selected_bg_color, 1.3),
4811                inset  0px -1px shade (@theme_selected_bg_color, 1.3);
4812}
4813
4814calendar {
4815    color: @theme_fg_color;
4816    text-shadow: none;
4817}
4818
4819calendar:indeterminate {
4820    color: alpha(@theme_fg_color, 0.4);
4821}
4822
4823highlight,
4824calendar.highlight {
4825    background-color: @theme_selected_bg_color;
4826    color: @theme_selected_fg_color;
4827    border-radius: 0px;
4828    padding: 0px;
4829    border-width: 0;
4830    border-color: transparent;
4831}
4832
4833menuitem calendar,
4834menuitem calendar.button,
4835menuitem calendar.header,
4836menuitem calendar.view {
4837    background-color: shade(@theme_bg_dark_color, 0.82);
4838    background-image: none;
4839    border-radius: 0px;
4840    border-style: solid;
4841    border-width: 0px;
4842    padding: 0px;
4843    color: @theme_base_color;
4844}
4845
4846menuitem calendar {
4847    background-color: shade (@menu_bg_color, 1.3);
4848    background-image: none;
4849}
4850
4851/**************
4852 * GtkInfoBar *
4853 **************/
4854
4855infobar {
4856    border-width: 0;
4857    border-style: none;
4858}
4859
4860.info,
4861.question,
4862.warning,
4863.error {
4864    background-color: @info_bg_color;
4865    color: @infobar_fg_color;
4866    text-shadow: none;
4867    border-color: darker(@info_bg_color);
4868}
4869
4870.warning {
4871    color: @warning_fg_color;
4872}
4873
4874.info button.close,
4875.warning button.close,
4876.question button.close,
4877.error button.close {
4878    color: @theme_fg_color;
4879    -gtk-icon-shadow: none;
4880}
4881
4882.info button.close:hover,
4883.warning button.close:hover,
4884.question button.close:hover,
4885.error button.close:hover {
4886    background-image: linear-gradient(to bottom,
4887                                      alpha(white, 0.3),
4888                                      alpha(white, 0.2) 30%,
4889                                      alpha(black, 0.02));
4890}
4891
4892.info button.close:checked,
4893.warning button.close:checked,
4894.question button.close:checked,
4895.error button.close:checked {
4896    color: @infobar_fg_color;
4897    background-image: linear-gradient(to bottom,
4898                                      alpha(black, 0.1),
4899                                      transparent);
4900}
4901
4902entry.info,
4903entry.info:focus,
4904.info button,
4905.info button:disabled,
4906.info button:checked,
4907entry.warning,
4908entry.warning:focus,
4909.warning button,
4910.warning button:disabled,
4911.warning button:checked,
4912entry.error,
4913entry.error:focus,
4914.error button,
4915.error button:disabled,
4916.error button:checked,
4917entry.question,
4918entry.question:focus,
4919.question button,
4920.question button:disabled,
4921.question button:checked {
4922    color: @theme_fg_color;
4923    border-color: darker(@info_bg_color);
4924    border-style: solid;
4925    border-width: 1px;
4926}
4927
4928/* Warning Bar */
4929infobar.horizontal.error {
4930    background-color: @error_bg_color;
4931    color: @error_fg_color;
4932    border-color: darker(@error_bg_color);
4933    border-width: 1px ;
4934    border-style: solid;
4935}
4936
4937/* Question Bar */
4938infobar.horizontal.info .horizontal {
4939    background-color: @question_bg_color;
4940    color: @question_fg_color;
4941}
4942
4943infobar.horizontal.info .horizontal button.flat.raised.close,
4944infobar.horizontal.info .horizontal button.flat.raised.close:hover,
4945infobar.horizontal.info .horizontal button.flat.raised.close:checked {
4946    border-radius: 3px;
4947    box-shadow: none;
4948}
4949
4950/***************
4951 * Dialog      *
4952 ***************/
4953
4954.prompt,
4955messagedialog {
4956    -GtkDialog-content-area-border: 0;
4957    -GtkDialog-action-area-border: 12;
4958    -GtkDialog-button-spacing: 0;
4959    margin: 0;
4960    padding: 0;
4961}
4962
4963/* ie. caja properties-window notes tab */
4964dialog notebook.frame > stack > scrolledwindow.frame {
4965    border-style: none;
4966}
4967
4968/* credits in GtkAbout windows */
4969dialog .dialog-vbox scrolledwindow.frame > viewport.view.frame {
4970    background-color: shade (@theme_bg_color, 1.10);
4971}
4972
4973dialog scrolledwindow.frame viewport .vertical expander .vertical {
4974    background-color: @theme_base_color;
4975    border-radius: 3px;
4976    border-color: @notebook_border;
4977    border-style: solid;
4978    border-width: 1px;
4979}
4980
4981/* middle buttons */
4982.dialog-action-area.linked > button.text-button,
4983.dialog-action-area.linked > button.text-button:focus,
4984.dialog-action-area.linked > button.text-button:hover,
4985.dialog-action-area.linked > button.text-button:hover:active,
4986.dialog-action-area.linked > button.text-button:focus:hover,
4987.dialog-action-area.linked > button.text-button:focus:hover:active,
4988.dialog-action-area.linked > button.text-button:checked,
4989.dialog-action-area.linked > button.text-button:checked:hover,
4990.dialog-action-area.linked > button.text-button:checked:hover:active,
4991.dialog-action-area.linked > button.text-button:disabled {
4992    border-width: 1px 1px 1px 0px;
4993    border-radius: 0;
4994    padding:  6px 6px;
4995    margin: 0px 0px 0px -2px;
4996    min-height: 16px;
4997    min-width: 16px;
4998}
4999
5000/* left button */
5001.dialog-action-area.linked > button.text-button:first-child,
5002.dialog-action-area.linked > button.text-button:focus:first-child,
5003.dialog-action-area.linked > button.text-button:hover:first-child,
5004.dialog-action-area.linked > button.text-button:hover:active:first-child,
5005.dialog-action-area.linked > button.text-button:focus:hover:first-child,
5006.dialog-action-area.linked > button.text-button:focus:hover:active:first-child,
5007.dialog-action-area.linked > button.text-button:checked:first-child,
5008.dialog-action-area.linked > button.text-button:checked:hover:first-child,
5009.dialog-action-area.linked > button.text-button:checked:hover:active:first-child,
5010.dialog-action-area.linked > button.text-button:disabled:first-child {
5011    border-radius: 5px 0 0 5px;
5012    border-width: 1px 1px 1px 1px;
5013}
5014
5015/* right button */
5016.dialog-action-area.linked > button.text-button:last-child,
5017.dialog-action-area.linked > button.text-button:focus:last-child,
5018.dialog-action-area.linked > button.text-button:hover:last-child,
5019.dialog-action-area.linked > button.text-button:hover:active:last-child,
5020.dialog-action-area.linked > button.text-button:focus:hover:last-child,
5021.dialog-action-area.linked > button.text-button:focus:hover:active:last-child,
5022.dialog-action-area.linked > button.text-button:checked:last-child,
5023.dialog-action-area.linked > button.text-button:checked:hover:last-child,
5024.dialog-action-area.linked > button.text-button:checked:hover:active:last-child,
5025.dialog-action-area.linked > button.text-button:disabled:last-child {
5026    margin: 0px 0px 0px -2px;
5027    border-width: 1px 1px 1px 0px;
5028    border-radius: 0 5px 5px 0;
5029}
5030
5031/* single button */
5032.dialog-action-area.linked > button.text-button:only-child,
5033.dialog-action-area.linked > button.text-button:focus:only-child,
5034.dialog-action-area.linked > button.text-button:hover:only-child,
5035.dialog-action-area.linked > button.text-button:hover:active:only-child,
5036.dialog-action-area.linked > button.text-button:focus:hover:only-child,
5037.dialog-action-area.linked > button.text-button:focus:hover:active:only-child,
5038.dialog-action-area.linked > button.text-button:checked:only-child,
5039.dialog-action-area.linked > button.text-button:checked:hover:only-child,
5040.dialog-action-area.linked > button.text-button:checked:hover:active:only-child,
5041.dialog-action-area.linked > button.text-button:disabled:last-child {
5042    border-width: 1px;
5043    border-image-width: 1px;
5044    border-radius: 5px;
5045}
5046
5047.dialog-action-area.linked > button.text-button {
5048    background-image: -gtk-gradient (linear,
5049                                     left top, left bottom,
5050                                     from (@button_gradient1),
5051                                     color-stop (0.50, @button_gradient3),
5052                                     to   (@button_gradient4));
5053    box-shadow: inset  0px  1px alpha(shade(@button_border, 1.00), 0.70),
5054                inset  1px  0px alpha(shade(@button_border, 0.94), 0.80),
5055                inset -1px  0px alpha(shade(@button_border, 0.94), 0.80),
5056                inset  0px -1px alpha(shade(@button_border, 0.88), 0.90);
5057}
5058
5059.dialog-action-area.linked > button.text-button:focus {
5060    box-shadow: inset  0px  1px shade (@theme_selected_bg_color, 1.3),
5061                inset  1px  0px shade (@theme_selected_bg_color, 1.3),
5062                inset -1px  0px shade (@theme_selected_bg_color, 1.3),
5063                inset  0px -1px shade (@theme_selected_bg_color, 1.3);
5064}
5065
5066.dialog-action-area.linked > button.text-button:hover {
5067    background-image: -gtk-gradient (linear,
5068                                     left top, left bottom,
5069                                     from (shade(@button_gradient1, 1.03)),
5070                                     color-stop (0.50, shade(@button_gradient3, 1.03)),
5071                                     to   (shade(@button_gradient4, 1.01)));
5072    box-shadow: inset  0px  1px shade (@theme_selected_bg_color, 1.3),
5073                inset  1px  0px shade (@theme_selected_bg_color, 1.3),
5074                inset -1px  0px shade (@theme_selected_bg_color, 1.3),
5075                inset  0px -1px shade (@theme_selected_bg_color, 1.3);
5076}
5077
5078.dialog-action-area.linked > button.text-button:hover:active {
5079    background-image: -gtk-gradient (linear,
5080                                     left top, left bottom,
5081                                     from (shade (@theme_bg_color, 1.20)),
5082                                     color-stop (0.50, shade (@theme_bg_color, 1.00)),
5083                                     color-stop (0.50, shade (@theme_bg_color, 0.99)),
5084                                     to (shade (@theme_bg_color, 0.80)));
5085    box-shadow: inset  0px  1px shade (@theme_selected_bg_color, 1.3),
5086                inset  1px  0px shade (@theme_selected_bg_color, 1.3),
5087                inset -1px  0px shade (@theme_selected_bg_color, 1.3),
5088                inset  0px -1px shade (@theme_selected_bg_color, 1.3);
5089}
5090
5091.dialog-action-area.linked button.suggested-action,
5092.dialog-action-area.linked button.suggested-action:active,
5093.dialog-action-area.linked button.suggested-action:checked,
5094.dialog-action-area.linked button.suggested-action:disabled {
5095    box-shadow: none;
5096}
5097
5098.dialog-action-area.linked > button.text-button label {
5099     padding: 2px 0px 0px 0px;
5100}
5101
5102/**************
5103 * Dim labels *
5104 **************/
5105
5106.view.dim-label,
5107.dim-label,
5108.dim-label:hover,
5109.dim-label:focus,
5110list row.activatable .dim-label {
5111    color: mix (@theme_fg_color, @theme_bg_color, 0.27);
5112    text-shadow: none;
5113}
5114
5115.dim-label:selected,
5116.dim-label:selected:focus,
5117list row.activatable:selected .dim-label {
5118    color: shade (@theme_selected_fg_color, 0.7);
5119    text-shadow: none;
5120}
5121
5122/*******
5123 * OSD *
5124 *******/
5125
5126.background.osd {
5127    color: @osd_fg;
5128    text-shadow: none;
5129    border-style: solid;
5130    border-width: 1px;
5131    border-color: shade (@theme_selected_bg_color, 0.8);
5132    border-radius: 0px;
5133    background-image: linear-gradient(to left,
5134                                      alpha(shade(@theme_selected_bg_color, 1.2), 0.7),
5135                                      alpha(shade(@theme_selected_bg_color, 0.95), 0.7));
5136    background-color: alpha(shade(@theme_selected_bg_color, 1.0), 0.4);
5137}
5138
5139overlay.osd {
5140    background-color: transparent;
5141}
5142
5143.osd.frame {
5144    background-clip: border-box;
5145    background-origin: border-box;
5146}
5147
5148.osd button,
5149.osd button:focus,
5150.osd button:checked,
5151.osd button:hover:active,
5152.osd button:focus:hover:active,
5153button.osd,
5154button.osd:focus,
5155button.osd:checked,
5156button.osd:hover:active,
5157button.osd:focus:hover:active {
5158    border-width: 1px;
5159    border-style: solid;
5160    border-image: none;
5161    border-color: @osd_button_border;
5162    border-radius: 5px;
5163    box-shadow: none;
5164}
5165
5166.osd button,
5167.osd button:hover,
5168.osd button:checked,
5169button.osd,
5170button.osd:hover,
5171button.osd:checked {
5172    background-color: shade(@osd_bg, 1.10);
5173    border-radius: 5px;
5174    border-color: @osd_button_border;
5175}
5176
5177.osd button:hover,
5178.osd button:checked,
5179button.osd:hover,
5180button.osd:checked {
5181    background-color: transparent;
5182    box-shadow: none;
5183}
5184
5185.osd button:disabled,
5186button.osd:disabled {
5187    background-image: none;
5188    border-color: @osd_button_bg_insensitive;
5189    background-color: transparent;
5190    box-shadow: none;
5191    color: @osd_button_fg_insensitive;
5192}
5193
5194.osd button:checked:disabled,
5195button.osd:checked:disabled {
5196    background-image: none;
5197    background-color: @osd_button_bg_insensitive_active;
5198    color: @osd_button_fg_insensitive;
5199}
5200
5201.osd button,
5202.osd button:focus,
5203button.osd,
5204button.osd:focus {
5205    padding: 4px;
5206    background-image: linear-gradient(to bottom,
5207                                      @osd_button_bg_a,
5208                                      @osd_button_bg_b 68%,
5209                                      @osd_button_bg_c);
5210    color: @osd_button_fg;
5211    text-shadow: none;
5212    -gtk-icon-shadow: 0 -1px @osd_button_shadow;
5213}
5214
5215.osd button:hover,
5216button.osd:hover,
5217.osd .linked button:hover {
5218    background-image: linear-gradient(to bottom,
5219                                      @osd_button_bg_hover_a,
5220                                      @osd_button_bg_hover_b 68%,
5221                                      @osd_button_bg_hover_c);
5222    color: @osd_button_fg_hover;
5223}
5224
5225.osd button:checked,
5226.osd button:checked:hover,
5227.osd button:checked:hover:active,
5228.osd button:hover:active,
5229.osd button:focus:hover:active,
5230.osd button.popup:checked,
5231button.osd:checked,
5232button.osd:checked:hover,
5233button.osd:checked:hover:active,
5234button.osd:hover:active,
5235button.osd:focus:hover:active,
5236button.osd.menu-button:checked {
5237    background-image: linear-gradient(to bottom,
5238                                      @osd_button_bg_active_a,
5239                                      @osd_button_bg_active_b 68%,
5240                                      @osd_button_bg_active_c);
5241    color: @osd_button_fg_active;
5242    text-shadow: none;
5243}
5244
5245.osd button.popup:checked {
5246    background-color: transparent;
5247    border-color: @osd_button_border;
5248}
5249
5250/* ie. gnome-weather */
5251.linked.stack-switcher.osd button {
5252    border-width: 1px 0 1px 0px;
5253    color: @osd_button_fg_hover;
5254    text-shadow: none;
5255}
5256
5257.linked.stack-switcher.osd button:checked {
5258    color: shade(@theme_fg_color, 1.00);
5259}
5260
5261.linked.stack-switcher.osd button:first-child {
5262    border-width: 1px 1px 1px 1px;
5263}
5264
5265.linked.stack-switcher.osd button:last-child {
5266    border-width: 1px 1px 1px 0px;
5267}
5268
5269.linked.stack-switcher.osd button:only-child {
5270    border-width: 1px;
5271}
5272
5273/* ie. parole media-player */
5274/* previous/play/next */
5275.osd .horizontal .horizontal button {
5276    padding: 5px 8px;
5277}
5278
5279.osd .horizontal .horizontal button:disabled {
5280    border-color: @osd_button_bg_disabled;
5281}
5282
5283.osd .horizontal .horizontal label {
5284    padding: 5px 5px;
5285    background-color: transparent;
5286    background-image: linear-gradient(to bottom,
5287                                      @osd_button_bg_a,
5288                                      @osd_button_bg_b 68%,
5289                                      @osd_button_bg_c);
5290    border-color: @osd_button_bg_insensitive;
5291    border-style: solid;
5292    border-width: 1px;
5293    border-radius: 5px;
5294}
5295
5296toolbar.osd {
5297    color: @osd_fg;
5298    text-shadow: none;
5299    padding: 10px;
5300    border-style: solid;
5301    border-width: 1px;
5302    border-color: shade (@theme_selected_bg_color, 0.8);
5303    border-radius: 7px;
5304    background-image: linear-gradient(to left,
5305                                      alpha(shade(@theme_selected_bg_color, 1.2), 0.7),
5306                                      alpha(shade(@theme_selected_bg_color, 0.95), 0.7));
5307    background-color: alpha(shade(@theme_selected_bg_color, 1.0), 0.4);
5308    -GtkToolbar-button-relief: normal;
5309}
5310
5311toolbar.osd button,
5312toolbar.osd button:hover,
5313toolbar.osd button:focus,
5314toolbar.osd button:focus:hover,
5315toolbar.osd button:focus:hover:active,
5316toolbar.osd button:hover:active,
5317toolbar.osd .linked button
5318toolbar.osd .linked button:hover,
5319toolbar.osd .linked button:hover:active,
5320toolbar.osd .linked button:focus,
5321toolbar.osd .linked button:focus:hover,
5322toolbar.osd .linked button:focus:hover:active,
5323toolbar.osd button.scale.flat.image-button {
5324    padding: 8px;
5325    border-width: 1px;
5326    border-radius: 5px;
5327}
5328
5329toolbar.osd button:first-child,
5330toolbar.osd .linked button:first-child,
5331toolbar.osd .linked button:focus:hover:first-child,
5332toolbar.osd .linked button:focus:hover:active:first-child {
5333    border-radius: 5px 0 0 5px;
5334    border-width: 1px 0 1px 1px;
5335    box-shadow: inset -1px 0 @osd_button_inset;
5336}
5337
5338toolbar.osd button:last-child,
5339toolbar.osd .linked button:last-child,
5340toolbar.osd .linked button:focus:hover:last-child,
5341toolbar.osd .linked button:focus:hover:active:last-child {
5342    box-shadow: none;
5343    border-radius: 0 5px 5px 0;
5344    border-width: 1px 1px 1px 0;
5345}
5346
5347toolbar.osd button:only-child,
5348toolbar.osd .linked button:only-child,
5349toolbar.osd toolitem button,
5350toolbar.osd toolitem button:only-child,
5351toolbar.osd toolitem button:last-child,
5352toolbar.osd toolitem button:first-child {
5353    border-width: 1px;
5354    border-radius: 5px;
5355    border-style: solid;
5356    box-shadow: none;
5357}
5358
5359toolbar.osd separator {
5360    color: shade(@osd_lowlight, 0.80);
5361}
5362
5363/* used by gnome-settings-daemon's media-keys OSD
5364   and Epiphany */
5365.osd trough {
5366    background-color: @osd_trough_bg;
5367    border-width: 0;
5368}
5369
5370.osd progressbar {
5371    background-color: @osd_fg;
5372}
5373
5374.osd scale trough:disabled,
5375.osd scale trough.highlight:disabled {
5376    background-image: none;
5377    background-color: transparent;
5378}
5379
5380.osd popover.background.scale-popup {
5381    color: @osd_fg;
5382    border-style: solid;
5383    border-width: 1px;
5384    border-color: shade (@theme_selected_bg_color, 0.8);
5385    border-radius: 4px;
5386    background-image: linear-gradient(to bottom,
5387                                      alpha(shade(@theme_selected_bg_color, 1.2), 0.7),
5388                                      alpha(shade(@theme_selected_bg_color, 0.95), 0.7));
5389    background-color: alpha(shade(@theme_selected_bg_color, 1.0), 0.4);
5390}
5391
5392.osd popover.background.scale-popup button.flat.image-button {
5393    background-image: linear-gradient(to bottom,
5394                                      @osd_button_bg_a,
5395                                      @osd_button_bg_b 68%,
5396                                      @osd_button_bg_c);
5397    border-radius: 4px;
5398    border-width: 1px;
5399    border-color: @osd_button_border;
5400    box-shadow: none;
5401    padding: 2px;
5402}
5403
5404.osd popover.background.scale-popup button.flat.image-button:hover {
5405    background-image: linear-gradient(to bottom,
5406                                      @osd_button_bg_hover_a,
5407                                      @osd_button_bg_hover_b 68%,
5408                                      @osd_button_bg_hover_c);
5409    border-color: alpha(shade(@theme_selected_bg_color, 2.2), 0.8);
5410/*    -gtk-image-effect: highlight; */
5411}
5412
5413.osd popover.background.scale-popup button.flat.image-button:disabled {
5414    background-image: none;
5415    background-color: transparent;
5416    border-image: none;
5417    border-color: transparent;
5418    box-shadow: none;
5419}
5420
5421.osd progressbar,
5422progressbar .osd {
5423    padding: 0;
5424}
5425
5426.osd progressbar.horizontal,
5427progressbar.horizontal .osd {
5428    min-height: 3px;
5429}
5430
5431.osd progressbar trough,
5432progressbar .osd trough {
5433    padding: 0;
5434    border-image: none;
5435    border-style: none;
5436    border-width: 0;
5437    background-image: none;
5438    background-color: transparent;
5439    border-radius: 0;
5440}
5441
5442.osd progressbar,
5443progressbar .osd {
5444    border-style: none;
5445    background-color: @theme_selected_bg_color;
5446    background-image: none;
5447    border-radius: 0;
5448}
5449
5450.osd view {
5451    background-color: @osd_view_bg;
5452}
5453
5454.osd scrollbar trough.trough {
5455    background-color: @osd_scrollbar_trough;
5456}
5457
5458.osd scrollbar trough.slider {
5459    background-color: @osd_scrollbar_slider;
5460}
5461
5462.osd scrollbar trough.slider:hover {
5463    background-color: @osd_scrollbar_slider_prelight;
5464}
5465
5466.osd scrollbar trough.slider:active {
5467    background-color: @osd_scrollbar_slider_active;
5468}
5469
5470.osd iconview.cell:selected,
5471.osd iconview.cell:selected:focus {
5472    background-color: transparent;
5473    border-style: solid;
5474    border-radius: 15px;
5475    border-width: 3px;
5476    border-color: @osd_button_fg;
5477    outline-color: transparent;
5478}
5479
5480/* ie. colorchooser */
5481.osd.popover {
5482    background-image: none;
5483    background-color: alpha(shade(#3D3E40, 0.85), 0.35);
5484    border: 1px solid black;
5485    box-shadow: none;
5486    color: @theme_selected_fg_color;
5487}
5488
5489.osd.popover > grid {
5490    text-shadow: 1px 1px alpha (#000000, 0.8);
5491}
5492
5493.osd.popover toolbar {
5494    background-image: none;
5495    background-color: transparent;
5496    border: none;
5497    box-shadow: none;
5498}
5499
5500.osd.popover button {
5501    text-shadow: none;
5502    -gtk-icon-shadow: 0 -1px @osd_text_shadow;
5503}
5504
5505.osd.popover button:checked {
5506    box-shadow: none;
5507}
5508
5509.osd.popover button:disabled {
5510    color: alpha(@theme_selected_fg_color, 0.4);
5511}
5512
5513.osd.popover > grid > spinbutton {
5514    text-shadow: none;
5515    color: @theme_fg_color;
5516}
5517
5518.osd.popover spinbutton entry,
5519.osd.popover spinbutton entry:focus,
5520.osd.popover spinbutton entry:backdrop {
5521    border-width: 1px;
5522    border-style: none;
5523    border-radius: 0px;
5524    box-shadow: none;
5525    padding: 5px 10px 5px 3px;
5526}
5527
5528.osd.popover spinbutton button,
5529.osd.popover spinbutton button:focus
5530.osd.popover spinbutton button:backdrop {
5531    min-width: 16px;
5532    min-height: 16px;
5533    border-width: 1px;
5534    border-style: none;
5535    border-radius: 0px;
5536    box-shadow: none;
5537    padding: 5px;
5538}
5539
5540.osd.popover spinbutton button:hover {
5541    background-image: linear-gradient(to bottom,
5542                                      alpha(shade(@theme_selected_bg_color, 1.2), 0.4),
5543                                      alpha(shade(@theme_selected_bg_color, 0.95), 0.4));
5544    background-color: alpha(shade(@theme_selected_bg_color, 1.0), 0.4);
5545}
5546
5547/* used by Documents */
5548.osd .page-thumbnail {
5549    border-style: solid;
5550    border-width: 1px;
5551    border-color: @osd_lowlight;
5552    /* when there's no pixbuf yet */
5553    background-color: @osd_bg;
5554}
5555
5556/*************
5557 * Popovers *
5558 *************/
5559
5560popover.background {
5561    background-clip: initial;
5562    color: @theme_fg_dark_color;
5563    margin: 10px;
5564    padding: 2px;
5565    border-color: @borders_headerbar;
5566    border-width: 1px;
5567    border-style: solid;
5568    border-radius: 6px;
5569    background-color: @bg_dark_color;
5570    box-shadow: 0 1px 5px @wm_shadow;
5571    text-shadow: none;
5572    -gtk-icon-shadow: none;
5573}
5574
5575popover .dim-label,
5576popover .dim-label:hover,
5577popover .dim-label:focus {
5578    color: @theme_fg_dark_color;
5579}
5580
5581popover > list,
5582popover > .view,
5583popover > toolbar popover.osd > toolbar,
5584popover > .inline-toolbar popover.osd > toolbar,
5585popover > searchbar popover.osd > toolbar,
5586popover > .location-bar popover.osd > toolbar,
5587popover > toolbar popover.osd > .inline-toolbar,
5588popover > .inline-toolbar .popover.osd > .inline-toolbar,
5589popover > searchbar popover.osd > .inline-toolbar,
5590popover > .location-bar popover.osd > .inline-toolbar,
5591popover > toolbar popover.osd > searchbar,
5592popover > .inline-toolbar popover.osd > searchbar,
5593popover > searchbar popover.osd > searchbar,
5594popover > .location-bar popover.osd > searchbar
5595popover > .inline-toolbar popover.osd > .location-bar,
5596popover > searchbar popover.osd > .location-bar,
5597popover > .location-bar popover.osd > .location-bar {
5598    border-style: none;
5599    background-color: transparent;
5600}
5601
5602popover separator {
5603    font-size: 80%;
5604    font-weight: bold;
5605    color: alpha(@theme_fg_dark_color,0.6);
5606    text-shadow: none;
5607    background-color: transparent;
5608    -gtk-icon-shadow: none;
5609    border: 0;
5610}
5611
5612popover.background.scale-popup button.flat.image-button:disabled {
5613    background-image: none;
5614    background-color: transparent;
5615    border-image: none;
5616    border-color: transparent;
5617    box-shadow: none;
5618}
5619
5620popover.background.scale-popup button.flat.image-button {
5621    background-image: -gtk-gradient (linear,
5622                                     left top, left bottom,
5623                                     from (shade(@menu_bg_dark_color, 2.03)),
5624                                     to   (shade(@menu_bg_dark_color, 1.17)));
5625    border-radius: 4px;
5626    box-shadow: inset  0px  1px shade (@theme_selected_bg_color, 1.3),
5627                inset  1px  0px shade (@theme_selected_bg_color, 1.3),
5628                inset -1px  0px shade (@theme_selected_bg_color, 1.3),
5629                inset  0px -1px shade (@theme_selected_bg_color, 1.3);
5630}
5631
5632popover.background.scale-popup button.flat.image-button:hover {
5633/*    -gtk-image-effect: highlight; */
5634}
5635
5636popover.background.scale-popup scale .trough,
5637popover.background.scale-popup scale .trough.vertical {
5638    background-image: -gtk-gradient (linear,
5639                                     left top, left bottom,
5640                                     from (shade (@scale_border_a, 1.10)),
5641                                     to (shade (@scale_border_a, 1.51)));
5642}
5643
5644popover.background.scale-popup scale .trough.highlight,
5645popover.background.scale-popup scale .trough.highlight.vertical {
5646    background-image: -gtk-gradient (linear,
5647                                     left top, left bottom,
5648                                     from (shade (@theme_selected_bg_color, 1.31)),
5649                                     to (shade (@theme_selected_bg_color, 1.00)));
5650}
5651
5652/* needs to be here to avoid a override by .popover.scale-popup */
5653.osd .scale.trough,
5654.osd popover.background.scale-popup scale trough {
5655    border-color: @osd_scale_border;
5656    border-image: none;
5657    background-image: linear-gradient(to bottom,
5658                                      shade(@osd_button_border, 0.70),
5659                                      shade(@osd_button_border, 0.90));
5660    background-color: transparent;
5661}
5662
5663.osd .scale.trough.highlight,
5664.osd popover.background.scale-popup scale trough highlight {
5665    background-image: none;
5666    background-color: @theme_selected_bg_color;
5667    border-color: @scale_highlight_border;
5668}
5669
5670popover .list {
5671    background-color: @theme_base_color;
5672}
5673
5674/* more/less volume button */
5675popover button.image-button:hover {
5676    background-image: -gtk-gradient (linear,
5677                                     left top, left bottom,
5678                                     from (shade(@menu_bg_dark_color, 2.03)),
5679                                     to   (shade(@menu_bg_dark_color, 1.17)));
5680    box-shadow: inset  0px  1px shade (@theme_selected_bg_color, 1.3),
5681                inset  1px  0px shade (@theme_selected_bg_color, 1.3),
5682                inset -1px  0px shade (@theme_selected_bg_color, 1.3),
5683                inset  0px -1px shade (@theme_selected_bg_color, 1.3);
5684}
5685
5686popover button.image-button:disabled {
5687    background-image: none;
5688    background-color: transparent;
5689    box-shadow: inset  0px  1px @insensitive_border_color,
5690                inset  1px  0px @insensitive_border_color,
5691                inset -1px  0px @insensitive_border_color,
5692                inset  0px -1px @insensitive_border_color;
5693}
5694
5695popover > box > button.text-button,
5696popover > box > button.text-button:hover,
5697popover > box > button.text-button:focus { /* ie. gedit menu button popover */
5698    padding: 6px;
5699}
5700
5701popover > box > button.text-button { /* ie. gedit menu button popover */
5702    background-image: none;
5703    color: @theme_fg_dark_color;
5704    border-radius: 5px;
5705}
5706
5707modelbutton.flat,
5708.linked button.image-button.model {
5709    min-height: 24px;
5710    padding: 4px;
5711}
5712
5713modelbutton.flat arrow.left {
5714    -gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
5715}
5716
5717modelbutton.flat arrow.right {
5718    -gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
5719}
5720
5721modelbutton.flat,
5722modelbutton.flat:first-child,
5723modelbutton.flat:last-child,
5724modelbutton.flat:only-child {
5725    background-image: none;
5726    color: @theme_fg_dark_color;
5727    border-radius: 5px;
5728    padding: 6px 0px 6px 6px;
5729    outline-style: none;
5730}
5731
5732modelbutton.flat:checked,
5733modelbutton.flat:disabled,
5734modelbutton.flat:checked:disabled,
5735modelbutton.flat,
5736modelbutton.flat:focus,
5737modelbutton.flat:checked:focus,
5738modelbutton.flat:checked:first-child,
5739modelbutton.flat:disabled:first-child,
5740modelbutton.flat:checked:disabled:first-child,
5741modelbutton.flat:first-child,
5742modelbutton.flat:focus:first-child,
5743modelbutton.flat:checked:focus:first-child,
5744modelbutton.flat:checked:last-child,
5745modelbutton.flat:disabled:last-child,
5746modelbutton.flat:checked:disabled:last-child,
5747modelbutton.flat:last-child,
5748modelbutton.flat:focus:last-child,
5749modelbutton.flat:checked:focus:last-child,
5750modelbutton.flat:checked:only-child,
5751modelbutton.flat:disabled:only-child,
5752modelbutton.flat:checked:disabled:only-child,
5753modelbutton.flat:only-child,
5754modelbutton.flat:focus:only-child,
5755modelbutton.flat:checked:focus:only-child,
5756.linked button.image-button.model,
5757popover > box > button.text-button { /* ie. gedit menu button popover */
5758    background-color: shade (@theme_bg_dark_color, 1.0);
5759    background-image: none;
5760    border-color: transparent;
5761    border-image: none;
5762    border-style: none;
5763    box-shadow: none;
5764    border-radius: 5px;
5765}
5766
5767/* use box-shadow for outlines */
5768modelbutton.flat:focus,
5769modelbutton.flat:focus:first-child,
5770modelbutton.flat:focus:last-child,
5771modelbutton.flat:focus:only-child {
5772    box-shadow: inset  0px  1px shade (@theme_selected_bg_color, 1.3),
5773                inset  1px  0px shade (@theme_selected_bg_color, 1.3),
5774                inset -1px  0px shade (@theme_selected_bg_color, 1.3),
5775                inset  0px -1px shade (@theme_selected_bg_color, 1.3);
5776}
5777
5778modelbutton.flat:checked:hover:only-child,
5779modelbutton.flat:checked:hover:active:only-child,
5780modelbutton.flat:focus:hover:active:only-child,
5781modelbutton.flat:hover:active:only-child,
5782modelbutton.flat:hover:only-child,
5783modelbutton.flat:selected:only-child,
5784modelbutton.flat:checked:hover:first-child,
5785modelbutton.flat:checked:hover:active:first-child,
5786modelbutton.flat:focus:hover:active:first-child,
5787modelbutton.flat:hover:active:first-child,
5788modelbutton.flat:hover:first-child,
5789modelbutton.flat:selected:first-child,
5790modelbutton.flat:checked:hover:last-child,
5791modelbutton.flat:checked:hover:active:last-child,
5792modelbutton.flat:focus:hover:active:last-child,
5793modelbutton.flat:hover:active:last-child,
5794modelbutton.flat:hover:last-child,
5795modelbutton.flat:selected:last-child,
5796modelbutton.flat:checked:hover,
5797modelbutton.flat:checked:hover:active,
5798modelbutton.flat:focus:hover:active,
5799modelbutton.flat:hover:active,
5800modelbutton.flat:hover,
5801modelbutton.flat:selected,
5802popover > box > button.text-button:hover,
5803popover > box > button.text-button:checked,
5804popover > box > button.text-button:hover:active,
5805popover > box > button.text-button:checked:hover,
5806popover > box > button.text-button:checked:hover:active {
5807    background-image: -gtk-gradient (linear,
5808                                     left top, left bottom,
5809                                     from (shade(@menu_bg_dark_color, 2.03)),
5810                                     to   (shade(@menu_bg_dark_color, 1.17)));
5811    background-color: shade (@theme_bg_dark_color, 1.2);
5812    color: shade (@theme_selected_bg_color, 1.6);
5813    text-shadow: none;
5814    border-width: 0;
5815    border-color: transparent;
5816    border-radius: 5px;
5817    box-shadow: inset  0px  1px shade (@theme_selected_bg_color, 1.3),
5818                inset  1px  0px shade (@theme_selected_bg_color, 1.3),
5819                inset -1px  0px shade (@theme_selected_bg_color, 1.3),
5820                inset  0px -1px shade (@theme_selected_bg_color, 1.3);
5821}
5822
5823popover .linked button:focus,
5824.linked button.image-button.model,
5825.linked button.image-button.model:focus,
5826.linked button.image-button.model:first-child,
5827.linked button.image-button.model:focus:first-child,
5828.linked button.image-button.model:last-child,
5829.linked button.image-button.model:focus:last-child {
5830    background-color: shade (@theme_bg_dark_color, 1.0);
5831    background-image: none;
5832    border-color: transparent;
5833    border-image: none;
5834    border-style: none;
5835    box-shadow: none;
5836    border-radius: 3px;
5837}
5838
5839popover .linked button:focus,
5840popover .linked button:focus:first-child,
5841popover .linked button:focus:last-child,
5842popover .linked button:focus:only-child,
5843.linked button.image-button.model:focus,
5844.linked button.image-button.model:focus:first-child,
5845.linked button.image-button.model:focus:last-child {
5846    box-shadow: inset  0px  1px shade (@theme_selected_bg_color, 1.3),
5847                inset  1px  0px shade (@theme_selected_bg_color, 1.3),
5848                inset -1px  0px shade (@theme_selected_bg_color, 1.3),
5849                inset  0px -1px shade (@theme_selected_bg_color, 1.3);
5850}
5851
5852popover .linked button:hover,
5853popover .linked button:focus:hover,
5854.linked button.image-button.model:checked,
5855.linked button.image-button.model:hover,
5856.linked button.image-button.model:hover:active,
5857.linked button.image-button.model:checked:hover,
5858.linked button.image-button.model:checked:hover:active {
5859    color: @fg_dark_color;
5860    background-image: -gtk-gradient (linear,
5861                                     left top, left bottom,
5862                                     from (shade(@menu_bg_dark_color, 2.03)),
5863                                     to   (shade(@menu_bg_dark_color, 1.17)));
5864    box-shadow: inset  0px  1px shade (@theme_selected_bg_color, 1.3),
5865                inset  1px  0px shade (@theme_selected_bg_color, 1.3),
5866                inset -1px  0px shade (@theme_selected_bg_color, 1.3),
5867                inset  0px -1px shade (@theme_selected_bg_color, 1.3);
5868}
5869
5870/* middle button*/
5871.linked button.image-button.model:hover,
5872.linked button.image-button.model:hover:active,
5873.linked button.image-button.model:checked:hover,
5874.linked button.image-button.model:checked:hover:active {
5875    border-right-width: 0px;
5876    border-left-width:  0px;
5877    border-radius: 0;
5878}
5879
5880/* left button*/
5881.linked button.image-button.model:hover:first-child,
5882.linked button.image-button.model:hover:active:first-child,
5883.linked button.image-button.model:checked:hover:first-child,
5884.linked button.image-button.model:checked:hover:active:first-child {
5885    border-right-width: 0px;
5886    border-radius: 5px 0 0 5px;
5887}
5888
5889/* right button*/
5890.linked button.image-button.model:hover:last-child,
5891.linked button.image-button.model:hover:active:last-child,
5892.linked button.image-button.model:checked:hover:last-child,
5893.linked button.image-button.model:checked:hover:active:last-child {
5894    border-left-width:  0px;
5895    border-radius: 0 5px 5px 0;
5896}
5897
5898popover > box > button.text-button:disabled {
5899    color: mix (@menu_fg_dark_color, @menu_bg_dark_color, 0.4);
5900}
5901
5902popover button.default.text-button.suggested-action {
5903    background-image: none;
5904    color: @theme_fg_dark_color;
5905    text-shadow: none;
5906    border-width: 0;
5907    border-color: transparent;
5908    border-radius: 5px;
5909    padding: 5px 4px;
5910}
5911
5912/* override theme_bg color */
5913popover button.default.text-button.suggested-action:disabled {
5914    background-image: -gtk-gradient (linear,
5915                                     left top, left bottom,
5916                                     from (shade(@menu_bg_dark_color, 1.0)),
5917                                     to   (shade(@menu_bg_dark_color, 1.0)));
5918}
5919
5920popover button.default.text-button.suggested-action:hover {
5921    background-image: -gtk-gradient (linear,
5922                                     left top, left bottom,
5923                                     from (shade(@menu_bg_dark_color, 2.03)),
5924                                     to   (shade(@menu_bg_dark_color, 1.17)));
5925    background-color: shade (@theme_bg_dark_color, 1.2);
5926    color: shade (@theme_selected_bg_color, 1.3);
5927    text-shadow: none;
5928    border-width: 0;
5929    border-color: transparent;
5930    border-radius: 5px;
5931    box-shadow: inset  0px  1px shade (@theme_selected_bg_color, 1.3),
5932                inset  1px  0px shade (@theme_selected_bg_color, 1.3),
5933                inset -1px  0px shade (@theme_selected_bg_color, 1.3),
5934                inset  0px -1px shade (@theme_selected_bg_color, 1.3);
5935}
5936
5937entry.cursor-handle,
5938.cursor-handle {
5939    background-color: transparent;
5940    background-image: none;
5941    box-shadow: none;
5942    border-style: none;
5943}
5944
5945entry.cursor-handle.top,
5946.cursor-handle.top {
5947    -gtk-icon-source: -gtk-icontheme("selection-start-symbolic");
5948}
5949
5950entry.cursor-handle.bottom,
5951.cursor-handle.bottom {
5952    -gtk-icon-source: -gtk-icontheme("selection-end-symbolic");
5953}
5954
5955/***************
5956 * Header bars *
5957 ***************/
5958
5959headerbar,
5960.horizontal.titlebar,  /* eg. tilix */
5961.background.ssd > paned.horizontal.titlebar,
5962.background.csd > paned.horizontal.titlebar,
5963.background.solid-csd > paned.horizontal.titlebar {
5964    background-color: @theme_bg_dark_color;
5965    background-image: linear-gradient(to bottom,
5966                                      @wm_bg_a,
5967                                      @wm_bg_b);
5968    box-shadow: inset 0 -1px shade(@wm_bg_b, 0.95);
5969}
5970
5971headerbar,
5972.titlebar,
5973headerbar.titlebar,
5974.background.ssd > paned.horizontal.titlebar,
5975.background.csd > paned.horizontal.titlebar,
5976.background.solid-csd > paned.horizontal.titlebar {
5977    border-width: 0px 0px 1px 0px;
5978    border-style: solid;
5979    border-color: shade(@borders_headerbar, 0.90);
5980    border-radius: 7px 7px 0px 0px;
5981    padding: 2px 6px;
5982}
5983
5984.horizontal.titlebar headerbar:first-child,
5985paned.horizontal.titlebar headerbar:first-child {
5986	border-top-right-radius: 0px;
5987}
5988
5989.horizontal.titlebar headerbar:last-child,
5990paned.horizontal.titlebar headerbar:last-child {
5991	border-top-left-radius: 0px;
5992}
5993
5994.background.ssd > paned.horizontal.titlebar > separator, /* gedit */
5995.background.csd > paned.horizontal.titlebar > separator,
5996.background.solid-csd > paned.horizontal.titlebar > separator,
5997.horizontal.titlebar separator.vertical.tilix-title-separator {  /* tilix */
5998    min-width: 1px;
5999    background-color: shade(@menu_fg_dark_color, 0.3);
6000    border-image: -gtk-gradient (linear,
6001                                 left top, right top,
6002                                 from (alpha (#000, 0.00)),
6003                                 color-stop (0.25, alpha (#000, 0.03)),
6004                                 color-stop (0.85, alpha (#000, 0.03)),
6005                                 to (alpha (#000, 0.00))) 1;
6006    border-style: solid;
6007}
6008
6009headerbar.titlebar:backdrop {
6010    border-image: linear-gradient(to top,
6011                                  @unfocused_borders_headerbar,
6012                                  @unfocused_borders_headerbar 1px,
6013                                  @theme_unfocused_bg_color 1px) 0 0 2;
6014    background-color: @theme_bg_dark_color;
6015    text-shadow: none;
6016    background-image: none;
6017    box-shadow: none;
6018}
6019
6020headerbar button {
6021    padding-left:  4px;
6022    padding-right: 4px;
6023}
6024
6025headerbar button,
6026headerbar button:last-child,
6027headerbar button:first-child,
6028headerbar button:only-child,
6029headerbar .linked button,
6030headerbar .linked button:last-child,
6031headerbar .linked button:first-child,
6032headerbar .linked button:only-child,
6033headerbar .linked button:disabled,
6034headerbar .linked button:disabled:last-child,
6035headerbar .linked button:disabled:first-child,
6036headerbar .linked button:disabled:only-child
6037headerbar .linked button:focus,
6038headerbar .linked button:focus:last-child,
6039headerbar .linked button:focus:first-child,
6040headerbar .linked button:focus:only-child,
6041headerbar .linked button:backdrop,
6042headerbar .linked button:backdrop:last-child,
6043headerbar .linked button:backdrop:first-child,
6044headerbar .linked button:backdrop:only-child {
6045    background-image: none;
6046    text-shadow: none;
6047    -gtk-icon-shadow: none;
6048    color: @theme_fg_dark_color;
6049    border-width: 1px;
6050    border-radius: 5px;
6051    box-shadow: none;
6052}
6053
6054headerbar .linked entry,
6055headerbar .linked button,
6056headerbar .linked button:disabled,
6057headerbar .linked button:focus,
6058headerbar .linked button:backdrop {
6059    border-radius: 0px;
6060
6061}
6062
6063headerbar .linked button:first-child,
6064headerbar .linked button:disabled:first-child,
6065headerbar .linked button:focus:first-child,
6066headerbar .linked button:backdrop:first-child {
6067    border-radius: 5px 0px 0px 5px;
6068}
6069
6070headerbar .linked button:last-child,
6071headerbar .linked button:disabled:last-child,
6072headerbar .linked button:focus:last-child,
6073headerbar .linked button:backdrop:last-child {
6074    border-radius: 0px 5px 5px 0px;
6075}
6076
6077headerbar .linked button:only-child,
6078headerbar .linked button:disabled:only-child
6079headerbar .linked button:focus:only-child,
6080headerbar .linked button:backdrop:only-child {
6081    border-radius: 5px;
6082}
6083
6084headerbar button:backdrop {
6085    border-width: 1px;
6086    border-radius: 5px;
6087    color: @theme_text_dark_color;
6088    background-image: -gtk-gradient (linear,
6089                                     left top, left bottom,
6090                                     from (shade(@theme_unfocused_bg_color, 1.05)),
6091                                     to   (shade(@theme_unfocused_bg_color, 0.85)));
6092}
6093
6094headerbar button.default,
6095headerbar button:hover,
6096headerbar button:checked,
6097headerbar button:hover:active,
6098headerbar button:focus:hover:active,
6099headerbar button.text-button:hover:active,
6100headerbar button:checked:hover,
6101headerbar button:checked:hover:active,
6102headerbar button:hover:first-child,
6103headerbar button:checked:first-child,
6104headerbar button:hover:active:first-child,
6105headerbar button:checked:hover:first-child,
6106headerbar button:checked:hover:active:first-child,
6107headerbar button:hover:last-child,
6108headerbar button:checked:last-child,
6109headerbar button:hover:active:last-child,
6110headerbar button:checked:hover:last-child,
6111headerbar button:checked:hover:active:last-child,
6112headerbar button:hover:only-child,
6113headerbar button:checked:only-child,
6114headerbar button:hover:active:last-child,
6115headerbar button:checked:hover:only-child,
6116headerbar button:checked:hover:active:only-child,
6117headerbar .linked button:hover,
6118headerbar .linked button:checked,
6119headerbar .linked button:hover:active,
6120headerbar .linked button:checked:hover,
6121headerbar .linked button:checked:hover:active,
6122headerbar .linked button:hover:first-child,
6123headerbar .linked button:checked:first-child,
6124headerbar .linked button:hover:active:first-child,
6125headerbar .linked button:checked:hover:first-child,
6126headerbar .linked button:checked:hover:active:first-child,
6127headerbar .linked button:hover:last-child,
6128headerbar .linked button:checked:last-child,
6129headerbar .linked button:hover:active:last-child,
6130headerbar .linked button:checked:hover:last-child,
6131headerbar .linked button:checked:hover:active:last-child,
6132headerbar .linked button:hover:only-child,
6133headerbar .linked button:checked:only-child,
6134headerbar .linked button:hover:active:last-child,
6135headerbar .linked button:checked:hover:only-child,
6136headerbar .linked button:checked:hover:active:only-child {
6137    color: shade (@theme_selected_bg_color, 1.6);
6138    border-width: 1px;
6139    background-image: -gtk-gradient (linear,
6140                                     left top, left bottom,
6141                                     from (shade(@menu_bg_dark_color, 2.03)),
6142                                     to   (shade(@menu_bg_dark_color, 1.17)));
6143    border-top-color: shade(@button_raised_gradient_color_a, 0.50);
6144    border-bottom-color: shade(@button_raised_gradient_color_a, 0.50);
6145    border-right-color: shade(@button_raised_gradient_color_a, 0.50);
6146    border-left-color: shade(@button_raised_gradient_color_a, 0.50);
6147    box-shadow: inset  0px  1px shade (@theme_selected_bg_color, 1.3),
6148                inset  1px  0px shade (@theme_selected_bg_color, 1.3),
6149                inset -1px  0px shade (@theme_selected_bg_color, 1.3),
6150                inset  0px -1px shade (@theme_selected_bg_color, 1.3);
6151}
6152
6153headerbar button:disabled,
6154headerbar button:disabled:last-child,
6155headerbar button:disabled:first-child,
6156headerbar .linked entry:disabled,
6157headerbar .linked button:disabled,
6158headerbar .linked button:disabled:last-child,
6159headerbar .linked button:disabled:first-child,
6160headerbar .linked entry:backdrop:disabled {
6161    color: mix (@menu_fg_dark_color, @menu_bg_dark_color, 0.4);
6162    background-image: none;
6163    background-color: @theme_bg_dark_color;
6164    border-color: @theme_button_border_dark;
6165    box-shadow: none;
6166    text-shadow: none;
6167    -gtk-icon-shadow: none;
6168    -gtk-icon-effect: dim;
6169}
6170
6171headerbar > button:disabled {
6172    background-color: transparent;
6173    text-shadow: none;
6174    -gtk-icon-shadow: none;
6175}
6176
6177headerbar.titlebar .linked button.image-button:disabled {
6178    box-shadow: none;
6179}
6180
6181/* ie. gitg */
6182headerbar.titlebar button.default.text-button.suggested-action,
6183headerbar.titlebar button.default.text-button.suggested-action:focus {
6184    color: @theme_fg_dark_color;
6185}
6186
6187headerbar.titlebar button.default.text-button.suggested-action:hover {
6188    color: shade (@theme_selected_bg_color, 1.6);
6189}
6190
6191headerbar > button.text-button:hover,
6192headerbar > button.text-button:focus,
6193headerbar > button.text-button:focus:hover:active,
6194headerbar > button.text-button,
6195headerbar > button.text-button.radio,
6196headerbar > .linked > button.text-button,
6197headerbar > .linked > button.text-button:focus:hover:active,
6198headerbar > .linked > button.text-button.radio {
6199    padding: 4px 6px;
6200}
6201
6202headerbar > button.image-button,
6203headerbar > button.image-button:focus,
6204headerbar > button.image-button:hover,
6205headerbar > button.image-button:backdrop {
6206    padding: 5px 5px 6px 5px;
6207}
6208
6209headerbar > stackswitcher.linked.stack-switcher > button.text-button.radio {
6210    border-right-width: 0px;
6211    border-left-width:  0px;
6212    border-radius: 0px;
6213}
6214
6215headerbar > stackswitcher.linked.stack-switcher > button.text-button.radio:first-child {
6216    border-radius: 5px 0 0 5px;
6217    border-width: 1px;
6218    border-right-width: 0px;
6219}
6220
6221headerbar > stackswitcher.linked.stack-switcher > button.text-button.radio:last-child {
6222    border-radius: 0 5px 5px 0;
6223    border-width: 1px;
6224    border-left-width: 0px;
6225}
6226
6227headerbar.titlebar > stackswitcher.linked.stack-switcher > button.text-button.radio.needs-attention >  label {
6228    background-color: transparent;
6229    color: @theme_dark_fg_color;
6230    border-radius: 3px;
6231    box-shadow: inset  0px  1px shade (@info_fg_color, 1.3),
6232                inset  1px  0px shade (@info_fg_color, 1.3),
6233                inset -1px  0px shade (@info_fg_color, 1.3),
6234                inset  0px -1px shade (@info_fg_color, 1.3);
6235}
6236
6237headerbar title {
6238    font-size: 110%;
6239    font-weight: bold;
6240    color: @theme_text_dark_color;
6241}
6242
6243headerbar .subtitle {
6244    font-size: 90%;
6245    color: @theme_text_dark_color;
6246}
6247
6248headerbar toolitem separator,
6249headerbar separator,
6250headerbar separator:disabled,
6251headerbar paned > separator {
6252    border-color: alpha (shade(@theme_bg_dark_color, 0.2), 0.24);
6253    border-bottom-color: @theme_bg_dark_color;
6254    border-right-color:  @theme_bg_dark_color;
6255}
6256
6257/*******
6258 * CSD *
6259 *******/
6260
6261.tiled .titlebar {
6262    border-radius: 0;
6263}
6264
6265.maximized .titlebar {
6266    border-radius: 0;
6267}
6268
6269/* this is the default titlebar that is added by GTK
6270 * when client-side decorations are in use and the application
6271 * did not set a custom titlebar.
6272 */
6273.titlebar.default-decoration {
6274    border: none;
6275    box-shadow: none;
6276}
6277
6278.titlebar .title {
6279    font-size: 100%;
6280    font-weight: bold;
6281    background: none;
6282    color: @theme_text_dark_color;
6283}
6284
6285.titlebar button.titlebutton,
6286.titlebar button.titlebutton:first-child,
6287.titlebar button.titlebutton:last-child,
6288.titlebar button.titlebutton:only-child {
6289    -gtk-icon-shadow: 0px 1px @theme_shadow_dark_color;
6290    color: @wm_title;
6291    background: none;
6292    background-color: transparent;
6293    padding: 5px 5px 6px 5px;
6294    border-width: 1px;
6295    border-radius: 5px;
6296    border-color: transparent;
6297    border-style: solid;
6298    border-image: none;
6299    box-shadow: inset  0px  1px shade(@theme_bg_dark_color, 1.05),
6300                inset  1px  0px shade(@theme_bg_dark_color, 0.97),
6301                inset  0px -1px shade(@theme_bg_dark_color, 0.93),
6302                inset -1px  0px shade(@theme_bg_dark_color, 0.93);
6303}
6304
6305.titlebar button.titlebutton:hover,
6306.titlebar button.titlebutton:focus:hover,
6307.titlebar button.titlebutton:focus:hover:active,
6308.titlebar button.titlebutton:checked,
6309.titlebar button.titlebutton:checked:focus {
6310    background-image: -gtk-gradient (linear,
6311                                     left top, left bottom,
6312                                     from (shade(@menu_bg_dark_color, 2.03)),
6313                                     to   (shade(@menu_bg_dark_color, 1.17)));
6314    background-color: transparent;
6315    border-radius: 5px;
6316    border-width: 1px;
6317    border-color: transparent;
6318    box-shadow: inset  0px  1px shade (@theme_selected_bg_color, 1.3),
6319                inset  1px  0px shade (@theme_selected_bg_color, 1.3),
6320                inset -1px  0px shade (@theme_selected_bg_color, 1.3),
6321                inset  0px -1px shade (@theme_selected_bg_color, 1.3);
6322}
6323
6324.titlebar button.titlebutton:backdrop {
6325    background: none;
6326    color: @theme_text_dark_color;
6327    border-image: none;
6328    -gtk-icon-shadow: none;
6329}
6330
6331/* Middle titlebar-button */
6332.titlebar .linked button.titlebutton,
6333.titlebar .linked button.titlebutton:focus,
6334.titlebar .linked button.titlebutton:disabled,
6335.titlebar .raised.linked button.titlebutton,
6336.titlebar .raised.linked button.titlebutton:focus,
6337.titlebar .raised.linked button.titlebutton:disabled {
6338    background-image: -gtk-gradient (linear,
6339                                     left top, left bottom,
6340                                     from (shade(@button_raised_gradient_color_b, 0.90)),
6341                                     to   (shade(@button_raised_gradient_color_a, 0.80)));
6342    color: @theme_fg_dark_color;
6343    border-width: 1px;
6344    border-right-width: 0px;
6345    border-left-width:  0px;
6346    border-radius: 0;
6347    padding: 5px 5px 6px 5px;
6348}
6349
6350.titlebar .linked button.titlebutton:hover,
6351.titlebar .linked button.titlebutton:checked,
6352.titlebar .linked button.titlebutton:focus:hover:active,
6353.titlebar .linked button.titlebutton:checked:hover,
6354.titlebar .linked button.titlebutton:checked:focus:hover:active,
6355.titlebar .raised.linked button.titlebutton:hover,
6356.titlebar .raised.linked button.titlebutton:checked,
6357.titlebar .raised.linked button.titlebutton:focus:hover:active,
6358.titlebar .raised.linked button.titlebutton:checked:hover,
6359.titlebar .raised.linked button.titlebutton:checked:focus:hover:active {
6360    background-image: -gtk-gradient (linear,
6361                                     left top, left bottom,
6362                                     from (shade(@menu_bg_dark_color, 2.03)),
6363                                     to   (shade(@menu_bg_dark_color, 1.17)));
6364    padding: 5px 5px 6px 5px;
6365    box-shadow: inset  0px  1px shade (@theme_selected_bg_color, 1.3),
6366                inset  1px  0px shade (@theme_selected_bg_color, 1.3),
6367                inset -1px  0px shade (@theme_selected_bg_color, 1.3),
6368                inset  0px -1px shade (@theme_selected_bg_color, 1.3);
6369    color: @theme_fg_dark_color;
6370    border-width: 1px;
6371    border-right-width: 0px;
6372    border-left-width:  0px;
6373    border-radius: 0;
6374    padding: 5px 5px 6px 5px;
6375}
6376
6377/* Leftmost titlebar-button */
6378.titlebar .linked button.titlebutton:first-child,
6379.titlebar .linked button.titlebutton:focus:first-child,
6380.titlebar .linked button.titlebutton:disabled:first-child,
6381.titlebar .raised.linked button.titlebutton:first-child,
6382.titlebar .raised.linked button.titlebutton:focus:first-child,
6383.titlebar .raised.linked button.titlebutton:disabled:first-child {
6384    background-image: -gtk-gradient (linear,
6385                                     left top, left bottom,
6386                                     from (shade(@button_raised_gradient_color_b, 0.90)),
6387                                     to   (shade(@button_raised_gradient_color_a, 0.80)));
6388    color: @theme_fg_dark_color;
6389    border-width: 1px;
6390    border-right-width: 0;
6391    border-radius: 5px;
6392    border-bottom-right-radius: 0;
6393    border-top-right-radius: 0;
6394    padding: 5px 5px 6px 5px;
6395}
6396
6397.titlebar .linked button.titlebutton:hover:first-child,
6398.titlebar .linked button.titlebutton:checked:first-child,
6399.titlebar .linked button.titlebutton:focus:hover:active:first-child,
6400.titlebar .linked button.titlebutton:checked:hover:first-child,
6401.titlebar .linked button.titlebutton:checked:focus:hover:active:first-child,
6402.titlebar .raised.linked button.titlebutton:hover:first-child,
6403.titlebar .raised.linked button.titlebutton:checked:first-child,
6404.titlebar .raised.linked button.titlebutton:focus:hover:active:first-child,
6405.titlebar .raised.linked button.titlebutton:checked:hover:first-child,
6406.titlebar .raised.linked button.titlebutton:checked:focus:hover:active:first-child {
6407    background-image: -gtk-gradient (linear,
6408                                     left top, left bottom,
6409                                     from (shade(@menu_bg_dark_color, 2.03)),
6410                                     to   (shade(@menu_bg_dark_color, 1.17)));
6411    padding: 5px 5px 6px 5px;
6412    box-shadow: inset  0px  1px shade (@theme_selected_bg_color, 1.3),
6413                inset  1px  0px shade (@theme_selected_bg_color, 1.3),
6414                inset -1px  0px shade (@theme_selected_bg_color, 1.3),
6415                inset  0px -1px shade (@theme_selected_bg_color, 1.3);
6416    color: @theme_fg_dark_color;
6417    border-width: 1px;
6418    border-right-width: 0;
6419    border-radius: 5px;
6420    border-bottom-right-radius: 0;
6421    border-top-right-radius: 0;
6422    padding: 5px 5px 6px 5px;
6423}
6424
6425/* rightmost titlebar-button */
6426.titlebar .linked button.titlebutton:last-child,
6427.titlebar .linked button.titlebutton:focus:last-child,
6428.titlebar .linked button.titlebutton:disabled:last-child,
6429.titlebar .raised.linked button.titlebutton:last-child,
6430.titlebar .raised.linked button.titlebutton:focus:last-child,
6431.titlebar .raised.linked button.titlebutton:disabled:last-child {
6432    background-image: -gtk-gradient (linear,
6433                                     left top, left bottom,
6434                                     from (shade(@button_raised_gradient_color_b, 0.90)),
6435                                     to   (shade(@button_raised_gradient_color_a, 0.80)));
6436    color: @theme_fg_dark_color;
6437    border-width: 1px;
6438    border-left-width: 0px;
6439    border-radius: 5px;
6440    border-bottom-left-radius: 0;
6441    border-top-left-radius: 0;
6442    padding: 5px 5px 6px 5px;
6443}
6444
6445.titlebar .linked button.titlebutton:hover:last-child,
6446.titlebar .linked button.titlebutton:checked:last-child,
6447.titlebar .linked button.titlebutton:focus:hover:active:last-child,
6448.titlebar .linked button.titlebutton:checked:hover:last-child,
6449.titlebar .linked button.titlebutton:checked:focus:hover:active:last-child,
6450.titlebar .raised.linked button.titlebutton:hover:last-child,
6451.titlebar .raised.linked button.titlebutton:checked:last-child,
6452.titlebar .raised.linked button.titlebutton:focus:hover:active:last-child,
6453.titlebar .raised.linked button.titlebutton:checked:hover:last-child,
6454.titlebar .raised.linked button.titlebutton:checked:focus:hover:active:last-child {
6455    background-image: -gtk-gradient (linear,
6456                                     left top, left bottom,
6457                                     from (shade(@menu_bg_dark_color, 2.03)),
6458                                     to   (shade(@menu_bg_dark_color, 1.17)));
6459    padding: 5px 5px 6px 5px;
6460    box-shadow: inset  0px  1px shade (@theme_selected_bg_color, 1.3),
6461                inset  1px  0px shade (@theme_selected_bg_color, 1.3),
6462                inset -1px  0px shade (@theme_selected_bg_color, 1.3),
6463                inset  0px -1px shade (@theme_selected_bg_color, 1.3);
6464    color: @theme_fg_dark_color;
6465    border-width: 1px;
6466    border-left-width: 0px;
6467    border-radius: 5px;
6468    border-bottom-left-radius: 0;
6469    border-top-left-radius: 0;
6470    padding: 5px 5px 6px 5px;
6471}
6472
6473/* Linked single titlebar-button */
6474.titlebar .linked button.titlebutton:only-child,
6475.titlebar .linked button.titlebutton:focus:only-child,
6476.titlebar .linked button.titlebutton:disabled:only-child,
6477.titlebar .raised.linked button.titlebutton:only-child,
6478.titlebar .raised.linked button.titlebutton:focus:only-child,
6479.titlebar .raised.linked button.titlebutton:disabled:only-child {
6480    background-image: -gtk-gradient (linear,
6481                                     left top, left bottom,
6482                                     from (shade(@button_raised_gradient_color_b, 0.90)),
6483                                     to   (shade(@button_raised_gradient_color_a, 0.80)));
6484    color: @theme_fg_dark_color;
6485    border-width: 1px;
6486    border-radius: 5px;
6487    padding: 5px 5px 6px 5px;
6488}
6489
6490.titlebar .linked button.titlebutton:hover:only-child,
6491.titlebar .linked button.titlebutton:checked:only-child,
6492.titlebar .linked button.titlebutton:focus:hover:active:only-child,
6493.titlebar .linked button.titlebutton:checked:hover:only-child,
6494.titlebar .linked button.titlebutton:checked:focus:hover:active:only-child,
6495.titlebar .raised.linked button.titlebutton:hover:only-child,
6496.titlebar .raised.linked button.titlebutton:checked:only-child,
6497.titlebar .raised.linked button.titlebutton:focus:hover:active:only-child,
6498.titlebar .raised.linked button.titlebutton:checked:hover:only-child,
6499.titlebar .raised.linked button.titlebutton:checked:focus:hover:active:only-child {
6500    background-image: -gtk-gradient (linear,
6501                                     left top, left bottom,
6502                                     from (shade(@menu_bg_dark_color, 2.03)),
6503                                     to   (shade(@menu_bg_dark_color, 1.17)));
6504    padding: 5px 5px 6px 5px;
6505    box-shadow: inset  0px  1px shade (@theme_selected_bg_color, 1.3),
6506                inset  1px  0px shade (@theme_selected_bg_color, 1.3),
6507                inset -1px  0px shade (@theme_selected_bg_color, 1.3),
6508                inset  0px -1px shade (@theme_selected_bg_color, 1.3);
6509    color: @theme_fg_dark_color;
6510    border-width: 1px;
6511    border-radius: 5px;
6512    padding: 5px 5px 6px 5px;
6513}
6514
6515/* workaround to avoid unwanted black frames if switching compositor on/off */
6516.background decoration  {
6517    box-shadow: none;
6518}
6519
6520.background.csd decoration {
6521    border-color: darker(@theme_bg_dark_color);
6522    border-radius: 7px 7px 0 0;
6523    border-width: 1px;
6524    border-style: solid;
6525/*    background-color: @theme_bg_color; */
6526    box-shadow: 0 0 0 1px @wm_border, 0 2px 8px 3px @wm_shadow;
6527    /* this is used for the resize cursor area */
6528    margin: 10px;
6529}
6530
6531/* workaround to avoid unwanted black frames if switching compositor on/off */
6532decoration:backdrop {
6533/*    background-color: @theme_bg_dark_color; */
6534/*    box-shadow: 0 0 0 1px shade(@wm_border,1.1), 0 2px 5px 1px @wm_shadow;*/
6535    box-shadow: none;
6536}
6537
6538.tiled decoration {
6539    border-radius: 0;
6540/*    background-color: @theme_bg_color; */
6541}
6542
6543.ssd decoration {
6544    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.23);
6545}
6546
6547.solid-csd decoration {
6548    border-radius: 0;
6549    margin: 1px;
6550    background-color: @wm_bg_a;
6551    border: solid 1px @wm_csd_solid_border_color;
6552    box-shadow: none;
6553}
6554
6555/* workaround to avoid unwanted black frames if switching compositor on/off */
6556.csd.popup decoration {
6557    border-radius: 0;
6558    box-shadow: none;
6559}
6560
6561messagedialog.csd decoration {
6562    border-radius: 7px;
6563    box-shadow: 0 1px 5px shade (@theme_selected_bg_color, 1.3);
6564}
6565
6566/*********************
6567 * Spinner Animation *
6568 *********************/
6569/* This is could be CPU-intensive */
6570
6571@keyframes spin {
6572	to { -gtk-icon-transform: rotate(1turn); }
6573}
6574
6575spinner {
6576	background: none;
6577	opacity: 0;
6578	-gtk-icon-source: -gtk-icontheme("process-working-symbolic");
6579}
6580
6581spinner:checked {
6582	opacity: 1;
6583	animation: spin 1s linear infinite;
6584}
6585
6586spinner:checked:disabled {
6587	opacity: 0.5;
6588}
6589
6590/************************
6591 * overshoot/undershoot *
6592 ************************/
6593
6594/* displays at end of mouse scrolling */
6595overshoot.top {
6596    background-image: -gtk-gradient(radial,
6597                                    center top, 0,
6598                                    center top, 0.5,
6599                                    to(@overshoot_bg_color),
6600                                    to(rgba(137, 158, 179, 0))),
6601                      -gtk-gradient(radial,
6602                                    center top, 0,
6603                                    center top, 0.6,
6604                                    from(rgba(56, 73, 87, 0.17)),
6605                                    to(rgba(56, 73, 87, 0)));
6606    background-size: 100% 5%, 100% 100%;
6607    background-repeat: no-repeat;
6608    background-position: center top;
6609    background-color: transparent;
6610    border: none;
6611    box-shadow: none;
6612}
6613
6614overshoot.top:backdrop {
6615    background-image: -gtk-gradient(radial,
6616                                    center top, 0,
6617                                    center top, 0.5,
6618                                    to(@overshoot_backdrop_bg_color),
6619                                    to(rgba(131, 137, 145, 0)));
6620    background-size: 100% 5%;
6621    background-repeat: no-repeat;
6622    background-position: center top;
6623    background-color: transparent;
6624    border: none;
6625    box-shadow: none;
6626}
6627
6628overshoot.bottom {
6629    background-image: -gtk-gradient(radial,
6630                                    center bottom, 0,
6631                                    center bottom, 0.5,
6632                                    to(@overshoot_bg_color),
6633                                    to(rgba(137, 158, 179, 0))),
6634                      -gtk-gradient(radial,
6635                                    center bottom, 0,
6636                                    center bottom, 0.6,
6637                                    from(rgba(56, 73, 87, 0.17)),
6638                                    to(rgba(56, 73, 87, 0)));
6639    background-size: 100% 5%, 100% 100%;
6640    background-repeat: no-repeat;
6641    background-position: center bottom;
6642    background-color: transparent;
6643    border: none;
6644    box-shadow: none;
6645}
6646
6647overshoot.bottom:backdrop {
6648    background-image: -gtk-gradient(radial,
6649                                    center bottom, 0,
6650                                    center bottom, 0.5,
6651                                    to(@overshoot_backdrop_bg_color),
6652                                    to(rgba(131, 137, 145, 0)));
6653    background-size: 100% 5%;
6654    background-repeat: no-repeat;
6655    background-position: center bottom;
6656    background-color: transparent;
6657    border: none;
6658    box-shadow: none;
6659}
6660
6661overshoot.left {
6662    background-image: -gtk-gradient(radial,
6663                                    left center, 0,
6664                                    left center, 0.5,
6665                                    to(@overshoot_bg_color),
6666                                    to(rgba(137, 158, 179, 0))),
6667                      -gtk-gradient(radial,
6668                                    left center, 0,
6669                                    left center, 0.6,
6670                                    from(rgba(56, 73, 87, 0.07)),
6671                                    to(rgba(56, 73, 87, 0)));
6672    background-size: 5% 100%, 100% 100%;
6673    background-repeat: no-repeat;
6674    background-position: left center;
6675    background-color: transparent;
6676    border: none;
6677    box-shadow: none;
6678}
6679
6680overshoot.left:backdrop {
6681    background-image: -gtk-gradient(radial,
6682                                    left center, 0,
6683                                    left center, 0.5,
6684                                    to(@overshoot_backdrop_bg_color),
6685                                    to(rgba(131, 137, 145, 0)));
6686    background-size: 5% 100%;
6687    background-repeat: no-repeat;
6688    background-position: left center;
6689    background-color: transparent;
6690    border: none;
6691    box-shadow: none;
6692}
6693
6694overshoot.right {
6695    background-image: -gtk-gradient(radial,
6696                                    right center, 0,
6697                                    right center, 0.5,
6698                                    to(@overshoot_bg_color),
6699                                    to(rgba(137, 158, 179, 0))),
6700                      -gtk-gradient(radial,
6701                                    right center, 0,
6702                                    right center, 0.6,
6703                                    from(rgba(56, 73, 87, 0.07)),
6704                                    to(rgba(56, 73, 87, 0)));
6705    background-size: 5% 100%, 100% 100%;
6706    background-repeat: no-repeat;
6707    background-position: right center;
6708    background-color: transparent;
6709    border: none;
6710    box-shadow: none;
6711}
6712
6713overshoot.right:backdrop {
6714    background-image: -gtk-gradient(radial,
6715                                    right center, 0,
6716                                    right center, 0.5,
6717                                    to(@overshoot_backdrop_bg_color),
6718                                    to(rgba(131, 137, 145, 0)));
6719    background-size: 5% 100%;
6720    background-repeat: no-repeat;
6721    background-position: right center;
6722    background-color: transparent;
6723    border: none;
6724    box-shadow: none;
6725}
6726
6727/* result is disable undershoot */
6728undershoot.top {
6729    background-color: transparent;
6730    background-image: linear-gradient(to left,
6731                                      rgba(255, 255, 255, 0.2) 50%,
6732                                      rgba(0, 0, 0, 0.2) 50%);
6733    background-size: 10px 0px;
6734    background-repeat: repeat-x;
6735    background-origin: content-box;
6736    background-position: center top;
6737}
6738
6739undershoot.bottom {
6740    background-color: transparent;
6741    background-image: linear-gradient(to left,
6742                                      rgba(255, 255, 255, 0.2) 50%,
6743                                      rgba(0, 0, 0, 0.2) 50%);
6744    background-size: 10px 0px;
6745    background-repeat: repeat-x;
6746    background-origin: content-box;
6747    background-position: center bottom;
6748}
6749
6750undershoot.left {
6751    background-color: transparent;
6752    background-image: linear-gradient(to top,
6753                                      rgba(255, 255, 255, 0.2) 50%,
6754                                      rgba(0, 0, 0, 0.2) 50%);
6755    background-size: 0px 10px;
6756    background-repeat: repeat-y;
6757    background-origin: content-box;
6758    background-position: left center;
6759}
6760
6761undershoot.right {
6762    background-color: transparent;
6763    background-image: linear-gradient(to top,
6764                                      rgba(255, 255, 255, 0.2) 50%,
6765                                      rgba(0, 0, 0, 0.2) 50%);
6766    background-size: 0px 10px;
6767    background-repeat: repeat-y;
6768    background-origin: content-box;
6769    background-position: right center;
6770}
6771
6772/************
6773 * GtkStack *
6774 ************/
6775
6776stack > .horizontal > .vertical > frame > border {
6777    background-color: shade (@theme_bg_color, 1.1);
6778    border-radius: 4px;
6779}
6780
6781stacksidebar.sidebar,
6782stacksidebar.sidebar > scrolledwindow,
6783stacksidebar.sidebar > scrolledwindow > viewport.frame,
6784stacksidebar.sidebar > scrolledwindow > viewport.frame list {
6785    border-radius: 4px 0px 0px 4px;
6786}
6787
6788stacksidebar.sidebar list row.activatable:hover {
6789    border-radius: 3px;
6790    border-style: none;
6791}
6792
6793stack .linked.vertical entry {
6794    border-radius: 5px;
6795    border-style: solid;
6796    border-width: 1px 1px 0px 1px;
6797    box-shadow: inset  0px  2px alpha(#fff, 0.11),
6798                inset  2px  0px alpha(#fff, 0.09),
6799                inset -2px  0px alpha(#fff, 0.09),
6800                inset  0px -2px alpha(#fff, 0.09),
6801                inset  0px  1px alpha(shade(@button_border, 1.00), 0.70),
6802                inset  1px  0px alpha(shade(@button_border, 0.94), 0.80),
6803                inset -1px  0px alpha(shade(@button_border, 0.94), 0.70),
6804                inset  0px -1px alpha(shade(@button_border, 0.88), 0.90);
6805}
6806
6807stack .vertical.linked > combobox:first-child > .horizontal.linked > button.combo:first-child,
6808stack .vertical.linked > combobox:first-child > .horizontal.linked > button.combo:hover:first-child,
6809stack .vertical.linked > combobox:first-child > .horizontal.linked > button.combo:focus:first-child,
6810stack .vertical.linked > combobox:first-child > .horizontal.linked > button.combo:focus:hover:first-child,
6811stack .vertical.linked > combobox:first-child > .horizontal.linked > button.combo:checked:first-child,
6812stack .vertical.linked > combobox:first-child > .horizontal.linked > button.combo:disabled:first-child {
6813    border-radius: 5px 5px 0 0;
6814    border-width: 1px;
6815    border-style: solid;
6816    border-color: shade(@notebook_border, 1.0);
6817    padding: 3px 5px;
6818    box-shadow: none;
6819}
6820
6821stack .linked.vertical button:last-child,
6822stack .linked.vertical button:hover:last-child,
6823stack .linked.vertical button:focus:last-child,
6824stack .linked.vertical button:focus:hover:last-child,
6825stack .linked.vertical button:checked:last-child,
6826stack .linked.vertical button:disabled:last-child {
6827    border-radius: 0 0 5px 5px;
6828    border-top-width: 0;
6829    border-style: solid;
6830    border-color: shade(@notebook_border, 1.0);
6831    padding: 5px 5px;
6832    box-shadow: none;
6833}
6834
6835stack .linked.vertical spinbutton.horizontal {
6836    border-style: none;
6837}
6838
6839stack .linked.vertical spinbutton.horizontal entry,
6840stack .linked.vertical spinbutton.horizontal entry:hover,
6841stack .linked.vertical spinbutton.horizontal entry:focus,
6842stack .linked.vertical spinbutton.horizontal entry:active,
6843stack .linked.vertical spinbutton.horizontal entry:checked,
6844stack .linked.vertical spinbutton.horizontal entry:disabled {
6845    border-radius: 0px;
6846    border-width: 0px 0px 1px 1px;
6847    border-style: solid;
6848    border-color: shade(@notebook_border, 1.0);
6849    padding: 6px;
6850}
6851
6852stack .linked.vertical spinbutton.horizontal entry,
6853stack .linked.vertical spinbutton.horizontal entry:focus,
6854stack .linked.vertical spinbutton.horizontal entry:active {
6855    box-shadow: none;
6856}
6857
6858stack .linked.vertical spinbutton.horizontal button,
6859stack .linked.vertical spinbutton.horizontal button:last-child,
6860stack .linked.vertical spinbutton.horizontal button:hover,
6861stack .linked.vertical spinbutton.horizontal button:hover:last-child,
6862stack .linked.vertical spinbutton.horizontal button:hover:active,
6863stack .linked.vertical spinbutton.horizontal button:hover:active:last-child,
6864stack .linked.vertical spinbutton.horizontal button:focus,
6865stack .linked.vertical spinbutton.horizontal button:focus:last-child,
6866stack .linked.vertical spinbutton.horizontal button:focus:hover,
6867stack .linked.vertical spinbutton.horizontal button:focus:hover:last-child,
6868stack .linked.vertical spinbutton.horizontal button:focus:hover:active,
6869stack .linked.vertical spinbutton.horizontal button:focus:hover:active:last-child,
6870stack .linked.vertical spinbutton.horizontal button:active,
6871stack .linked.vertical spinbutton.horizontal button:active:last-child,
6872stack .linked.vertical spinbutton.horizontal button:disabled,
6873stack .linked.vertical spinbutton.horizontal button:disabled:last-child {
6874    border-radius: 0px;
6875    border-width: 0px;
6876    border-style: none;
6877    padding: 0px 6px;
6878    background-color: transparent;
6879    background-image: none;
6880    border-image: none;
6881    box-shadow: none;
6882    padding: 4px 6px;
6883}
6884
6885stack .linked.vertical spinbutton.horizontal button:hover,
6886stack .linked.vertical spinbutton.horizontal button:focus:hover,
6887stack .linked.vertical spinbutton.horizontal button:hover:last-child,
6888stack .linked.vertical spinbutton.horizontal button:focus:hover:last-child {
6889    background-image: -gtk-gradient (linear,
6890                                     left top, left bottom,
6891                                     from (shade(@button_gradient1, 1.03)),
6892                                     color-stop (0.50, shade(@button_gradient3, 1.03)),
6893                                     to   (shade(@button_gradient4, 1.01)));
6894}
6895
6896stack .linked.vertical spinbutton.horizontal button:active,
6897stack .linked.vertical spinbutton.horizontal button:active:last-child {
6898    background-image: -gtk-gradient (linear,
6899                                     left top, left bottom,
6900                                     from (shade (@theme_bg_color, 1.20)),
6901                                     color-stop (0.50, shade (@theme_bg_color, 1.00)),
6902                                     color-stop (0.50, shade (@theme_bg_color, 0.99)),
6903                                     to (shade (@theme_bg_color, 0.80)));
6904}
6905
6906stack .linked.vertical spinbutton.horizontal button,
6907stack .linked.vertical spinbutton.horizontal button:focus,
6908stack .linked.vertical spinbutton.horizontal button:disabled {
6909    border-width: 0px 1px 1px 1px;
6910    border-style: solid;
6911    border-color: shade(@notebook_border, 1.0);
6912}
6913
6914stack .linked.vertical spinbutton.horizontal button:last-child,
6915stack .linked.vertical spinbutton.horizontal button:focus:last-child,
6916stack .linked.vertical spinbutton.horizontal button:disabled:last-child {
6917    border-width: 0px 1px 1px 0px;
6918    border-style: solid;
6919    border-color: shade(@notebook_border, 1.0);
6920}
6921
6922stack .linked.vertical spinbutton.horizontal button:active,
6923stack .linked.vertical spinbutton.horizontal button:hover,
6924stack .linked.vertical spinbutton.horizontal button:focus:hover {
6925    border-width: 0px 1px 1px 1px;
6926    border-style: solid;
6927    border-color: shade(@button_border_active, 1.0);
6928}
6929
6930stack .linked.vertical spinbutton.horizontal button:active:last-child,
6931stack .linked.vertical spinbutton.horizontal button:hover:last-child,
6932stack .linked.vertical spinbutton.horizontal button:focus:hover:last-child {
6933    border-width: 0px 1px 1px 0px;
6934    border-style: solid;
6935    border-color: shade(@button_border_active, 1.0);
6936}
6937
6938stack .linked.vertical spinbutton.horizontal button:hover,
6939stack .linked.vertical spinbutton.horizontal button:focus:hover,
6940stack .linked.vertical spinbutton.horizontal button:active,
6941stack .linked.vertical spinbutton.horizontal button:hover:last-child,
6942stack .linked.vertical spinbutton.horizontal button:focus:hover:last-child,
6943stack .linked.vertical spinbutton.horizontal button:active:last-child {
6944    box-shadow: inset  0px  1px shade (@theme_selected_bg_color, 1.3),
6945                inset  1px  0px shade (@theme_selected_bg_color, 1.3),
6946                inset -1px  0px shade (@theme_selected_bg_color, 1.3),
6947                inset  0px -1px shade (@theme_selected_bg_color, 1.3);
6948}
6949
6950/****************
6951 * print dialog *
6952 ****************/
6953
6954printdialog.background .vertical.view.dialog-vbox {
6955    background-color: shade (@theme_bg_color, 1.0);
6956}
6957
6958printdialog.background notebook {
6959    border-width: 0px 1px 1px 1px;
6960    border-radius: 0px 0px 4px 4px;
6961}
6962
6963printdialog.background notebook.header {
6964    border-radius: 0px;
6965}
6966
6967printdialog.background notebook tab label {
6968    color: mix (@theme_fg_color, @theme_bg_color, 0.40);
6969    font-weight: normal;
6970}
6971
6972printdialog.background notebook .prelight-page,
6973printdialog.background notebook .prelight-page label {
6974    color: mix (@theme_fg_color, @theme_bg_color, 0.15);
6975}
6976
6977printdialog.background notebook .active-page,
6978notebook tab .active-page label {
6979    color: @theme_fg_color;
6980}
6981
6982printdialog.background notebook tab.top:active,
6983printdialog.background notebook tab.top:hover:active {
6984    background-image: linear-gradient(to bottom,
6985                                      shade(@theme_bg_color, 1.18),
6986                                      shade(@theme_bg_color, 1.1));
6987    border-radius: 4px 4px 0 0;
6988    border-width: 1px 1px 0 1px;
6989    border-style: solid;
6990    border-color: @borders;
6991    box-shadow: none;
6992}
6993
6994printdialog.background notebook tab.top:hover {
6995    background-image: linear-gradient(to bottom,
6996                                      alpha(@theme_base_color, 0.0),
6997                                      alpha(@theme_base_color, 0.3));
6998    border-radius: 4px 4px 0 0;
6999    border-width: 1px 1px 0 1px;
7000    border-style: solid;
7001    border-color: @borders;
7002    box-shadow: none;
7003}
7004
7005printdialog.background notebook tab.top:active {
7006    border-bottom-color: @notebook_active_tab_border;
7007}
7008
7009printdialog.background notebook button.text-button {
7010    background-color: transparent;
7011}
7012
7013printdialog.background .vertical.view.dialog-vbox notebook button.combo {
7014    padding: 4px;
7015    border-radius: 4px;
7016}
7017
7018printdialog.background paper {
7019    border-style: solid;
7020    border-width: 0.9px;
7021    border-radius: 0px;
7022    border-color: @notebook_border;
7023    background-color: @theme_base_color;
7024}
7025
7026/******************
7027 * GtkFileChooser *
7028 ******************/
7029
7030filechooser.vertical paned > separator {
7031    min-width: 3px;
7032    min-height: 3px;
7033    border-color: transparent;
7034}
7035
7036filechooser paned.horizontal box.vertical {
7037    border-color: @notebook_border;
7038    border-style: solid;
7039    border-width: 1px;
7040}
7041
7042filechooser #pathbarbox {
7043    background-color: shade(@theme_bg_color, 1.07);
7044    border-width: 0px 0px 1px 0px;
7045}
7046
7047/* bg color srollbar junction */
7048filechooser paned.horizontal box.vertical box.horizontal .view box.vertical {
7049    background-color: shade(@theme_bg_color, 1.07);
7050    border-style: none;
7051}
7052
7053filechooser placessidebar.sidebar {
7054    border-color: @notebook_border;
7055    border-style: solid;
7056    border-width: 1px 1px 1px 0px;
7057}
7058
7059/*****************
7060 * Color Chooser *
7061 *****************/
7062
7063button.color colorswatch.activatable {
7064    border-radius: 3px;
7065}
7066
7067colorchooser {
7068    border-style: solid;
7069    border-color: @notebook_border;
7070    border-width: 1px;
7071    border-radius: 4px;
7072    background-color: shade (@theme_bg_color, 1.1);
7073    color: @theme_fg_color;
7074    box-shadow: none;
7075}
7076
7077colorchooser box.vertical {
7078    padding: 6px;
7079}
7080
7081colorswatch,
7082colorswatch:selected {
7083    border-width: 1px;
7084    border-style: solid;
7085    border-radius: 3px;
7086    border-color: @notebook_border;
7087    box-shadow: inset 0 2px alpha(black, 0.07),
7088                inset 1px 1px alpha(black, 0.07);
7089    background-color: transparent;
7090    background-clip: border-box;
7091}
7092
7093colorswatch:hover {
7094    border-color: alpha(black, 0.45);
7095}
7096
7097colorswatch.color-dark:hover {
7098    background-image: linear-gradient(to bottom,
7099                                      alpha(white, 0) 40%,
7100                                      alpha(white, 0.3));
7101}
7102
7103colorswatch.color-light:hover {
7104    background-image: linear-gradient(to top,
7105                                      alpha(black, 0) 40%,
7106                                      alpha(black, 0.1));
7107}
7108
7109colorswatch.color-light:selected:hover {
7110    background-image: none;
7111}
7112
7113colorswatch {
7114    border-radius: 6px;
7115}
7116
7117colorchooser #add-color-button {
7118    background-clip: padding-box;
7119    border-color: mix(@borders, @theme_bg_color, 0.3);
7120    background-color: mix(@borders, @theme_bg_color, 0.8);
7121}
7122
7123colorchooser #add-color-button:hover {
7124    border-color: @borders;
7125    background-color: @borders;
7126    color: @theme_base_color;
7127}
7128
7129.color-active-badge,
7130.color-active-badge:selected {
7131    border-style: solid;
7132    border-width: 2px;
7133    background-color: transparent;
7134}
7135
7136.color-active-badge.color-light,
7137.color-active-badge.color-light:hover {
7138    border-color: #444444;
7139    color: #444444;
7140}
7141
7142.color-active-badge.color-dark,
7143.color-active-badge.color-dark:hover {
7144    border-color: #cccccc;
7145    color: #cccccc;
7146}
7147
7148colorchooser box.horizontal colorswatch {
7149    border-radius: 6px;
7150}
7151
7152colorchooser box.horizontal colorswatch.color-dark:hover {
7153    background-image: none;
7154    border-color: alpha(black, 0.3);
7155}
7156
7157/* color mix window */
7158colorchooser box.horizontal box.horizontal grid.horizontal{
7159    padding: 6px;
7160}
7161
7162/*****************
7163 * Miscellaneous *
7164 *****************/
7165
7166.floating-bar {
7167    background-image: linear-gradient(to bottom,
7168                                      @theme_bg_color 20%,
7169                                      shade(@theme_bg_color, 0.95));
7170    background-color: @theme_bg_color;
7171    border-color: shade(@theme_bg_color, 0.85);
7172    color: @theme_text_color;
7173    text-shadow: none;
7174    border-radius: 3px;
7175    border-width: 1px;
7176    border-style: solid;
7177    box-shadow: inset 1px 1px alpha(#fff, 0.07), -1px -1px alpha(#fff, 0.07);
7178}
7179
7180.floating-bar.top {
7181
7182    border-top-width: 0;
7183    border-top-right-radius: 0;
7184    border-top-left-radius: 0;
7185}
7186
7187.floating-bar.right {
7188    border-right-width: 0;
7189    border-top-right-radius: 0;
7190    border-bottom-right-radius: 0;
7191}
7192
7193.floating-bar.bottom {
7194    border-bottom-width: 0;
7195    border-bottom-right-radius: 0;
7196    border-bottom-left-radius: 0;
7197}
7198
7199.floating-bar.left {
7200    border-left-width: 0;
7201    border-top-left-radius: 0;
7202    border-bottom-left-radius: 0;
7203}
7204
7205.floating-bar.bottom.right {
7206    box-shadow: inset 1px 1px alpha(#fff, 0.07);
7207}
7208
7209.floating-bar.bottom.left {
7210    box-shadow: inset -1px 1px alpha(#fff, 0.07);
7211}
7212
7213/***********
7214 * FlowBox *
7215 ***********/
7216
7217flowbox {
7218    background-color: shade (@theme_bg_color, 1.1);
7219    -gtk-icon-style: regular;
7220    border-style: solid;
7221    border-color: alpha(@frame_color, 0.6);
7222    border-width: 1px 1px 1px 1px;
7223    border-radius: 3px;
7224    padding: 8px;
7225}
7226
7227flowbox > flowboxchild,
7228flowbox > flowboxchild:focus,
7229flowbox > flowboxchild:backdrop {
7230    border-style: solid;
7231    border-width: 2px;
7232    border-radius: 3px;
7233    border-color: transparent;
7234    color: @theme_text_color;
7235
7236}
7237
7238flowbox > flowboxchild:selected,
7239flowbox > flowboxchild:selected:focus,
7240flowbox > flowboxchild:selected:hover,
7241flowbox > flowboxchild:selected:focus:hover {
7242    border-style: solid;
7243    border-width: 2px;
7244    border-radius: 3px;
7245    border-color: alpha(@theme_selected_bg_color, 0.75);
7246    color: @theme_text_color;
7247}
7248
7249