1/*
2  This file is part of RawTherapee.
3
4  Copyright (c) 2016-2017 TooWaBoo
5  Version 2.58
6
7  RawTherapee is free software: you can redistribute it and/or modify
8  it under the terms of the GNU General Public License as published by
9  the Free Software Foundation, either version 3 of the License, or
10  (at your option) any later version.
11
12  RawTherapee is distributed in the hope that it will be useful,
13  but WITHOUT ANY WARRANTY; without even the implied warranty of
14  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
15  GNU General Public License for more details.
16
17  You should have received a copy of the GNU General Public License
18  along with RawTherapee.  If not, see <http://www.gnu.org/licenses/>.
19*/
20
21/*** Change me *** rgb(red,green,blue) *** allowed values from 0 to 255 for each color ***/
22
23@define-color accent-color rgb(35,99,166);              /*** Active color for Lists, Menu, Borders ... * Default: rgb(35,99,166) ***/
24@define-color text-hl-color rgb(210,210,210);           /*** Active text color * Default: rgb(210,210,210) ***/
25
26@define-color bg-highlighted-text-color rgb(35,99,166); /*** Highlighted text color background* Default: rgb(35,99,166) ***/
27@define-color highlighted-text-color rgb(210,210,210);  /*** Highlighted text color * Default: rgb(210,210,210) ***/
28
29@define-color bg-image rgb(75,75,75);                   /*** Image area & File Browser background * Default: rgb(70,70,70) ***/
30
31@define-color accent-color2 rgb(35,99,166);             /*** Scale, Progressbar, Scrollbar, Tabs * Default: rgb(35,99,166) ***/
32@define-color accent-color4 rgb(115,115,115);           /*** Slider knob * Default: rgb(115,115,115) ***/
33
34@define-color accent-color3 rgb(35,99,166);             /*** Selected thumbnail background color * Default: rgb(35,99,166) ***/
35@define-color text-hl-color3 rgb(210,210,210);          /*** Selected thumbnail text color * Default: rgb(210,210,210) ***/
36
37/*** Change me end *****************************************************************************/
38
39@define-color bg-light-grey rgb(95,95,95);
40@define-color bg-grey rgb(75,75,75);
41@define-color bg-dark-grey rgb(40,40,40);
42
43@define-color bg-button-hover rgba(0,0,0,.25);
44@define-color bg-button-active rgba(0,0,0,.60);
45
46@define-color winHeaderbar rgb(55,55,55);
47@define-color winTitle rgb(190,190,190);
48
49@define-color bg-tooltip rgb(185,185,185);
50@define-color border-tooltip rgb(40,40,40);
51@define-color text-tooltip rgb(40,40,40);
52/***********************************************/
53@define-color text-color rgb(186,186,186);
54@define-color text-tbEntry rgb(192,192,192);
55@define-color border-color rgba(255,255,255,.30);
56@define-color bg-list-hover rgb(50,50,50);
57@define-color bg-scale-entry rgba(0,0,0,.14);
58@define-color bg-button-border rgba(0,0,0,.60);
59@define-color bg-entry-border rgba(0,0,0,.40);
60@define-color view-grid-border rgba(255,255,255,0.15);
61@define-color headline-big rgb(195,195,195);
62@define-color headline-hl rgb(230,230,230);
63@define-color headline-frame rgb(215,215,215);
64/*** New Color Variable v2.53 ************************************************************************/
65@define-color fg-disabled rgb(128,128,128);
66@define-color bg-tb-spinbutton shade(@bg-grey, 1.33);
67/***********************************************************************************************/
68
69* {
70    color: @text-color;
71    text-shadow: none;
72    outline-style: none; /* removes the ugly dashed focus line */
73    border-image: none;
74    transition: none;
75}
76
77*:disabled {
78    color: @fg-disabled;
79}
80
81#ToolPanelNotebook {
82    min-width: 24.08334em;
83}
84#HistoryPanel {
85    min-width: 18em;
86}
87
88window.background {
89    background-color: @bg-light-grey;
90}
91window > box {
92    padding: 0.41667em;
93}
94dialog {
95    background-color: @bg-grey;
96    border-radius: 0;
97    -GtkDialog-button-spacing: 6;
98    -GtkDialog-content-area-spacing: 4;
99    -GtkDialog-content-area-border: 0;
100    -GtkDialog-action-area-border: 0;
101}
102dialog > box {
103    padding: 0.66667em;
104}
105messagedialog {
106    background-color: @bg-light-grey;
107    border-radius: 0;
108}
109tooltip {
110    background-color: @bg-tooltip;
111    border: 0.08334em solid @border-tooltip;
112    border-radius: 0.33334em;
113    padding: 0;
114    margin: 0;
115    box-shadow: none;
116}
117tooltip label {
118    color: @text-tooltip;
119}
120
121paned {
122    background-color: @bg-light-grey;
123}
124
125/*?win*/
126#PlacesPaned {
127    margin: 0;
128}
129
130undershoot {
131    background-image: none; /* removes the dashed scrollbar line */
132}
133
134label {
135    padding: 0;
136    margin: 0;
137}
138
139.drawingarea:not(.slider) {
140    background-color: @bg-dark-grey;
141}
142
143/*** Frames ************************************************************************************/
144frame {
145    border: none;
146    padding: 0;
147    margin: 0;
148    background-color: transparent;
149    min-height: 0;
150    min-width: 0;
151    border-radius: 0;
152    box-shadow: none;
153}
154
155#BatchQueueButtonsMainContainer frame,
156#MyExpander frame,
157dialog frame {
158    margin: 0.16667em 0.5em;
159}
160/* affects selection list*/
161entry > window > frame,
162filechooser frame {
163    margin: 0;
164}
165
166#PlacesPaned frame {
167    margin: -8px 0 0;
168}
169
170frame > border {
171    padding: 0;
172    border-radius: 0;
173    border: none;
174    background-color: transparent;
175    margin: 0;
176    min-height: 0;
177    min-width: 0;
178    box-shadow: none;
179}
180
181#BatchQueueButtonsMainContainer > frame > border,
182#MyExpander frame > border,
183dialog frame > border {
184    padding: 0.5em;
185    border-radius: 0;
186    border: 0.08334em solid @border-color;
187    background-color: transparent;
188    margin: 0 -0.5em;
189}
190/* affects selection list*/
191entry > window > frame> border,
192filechooser > frame > border {
193    padding: 0;
194    border: none;
195    background-color: transparent;
196    margin: 0;
197}
198#PrefNotebook box > frame > border {
199    padding-top: 0;
200    padding-bottom: 0.25em;
201}
202
203#BatchQueueButtonsMainContainer frame > label,
204#ToolPanelNotebook frame > label,
205dialog frame > label {
206    margin: 0;
207    padding: 0.16667em 0.5em;
208}
209#BatchQueueButtonsMainContainer frame > border {
210    margin-bottom: 0.83334em;
211}
212#BatchQueueButtonsMainContainer frame:nth-child(3) > border {
213    padding-left: 0.91667em;
214}
215
216#BatchQueueButtons {
217    margin-top: 0.66667em;
218}
219
220frame > label {
221    margin: 0;
222    padding: 0.5em 0;
223    color: @headline-frame;
224}
225frame > checkbutton label{
226    color: @headline-frame;
227}
228/*** end ***************************************************************************************/
229
230/*** Lists & Views *****************************************************************************/
231textview.view, treeview.view {
232    background-color: @bg-dark-grey;
233    border-color: @view-grid-border;
234    padding: 0.16667em;
235    margin: 0;
236}
237textview:hover, treeview:hover {
238    background-color: @bg-list-hover;
239}
240textview:selected, treeview:selected {
241    color: @text-hl-color;
242    background-color: @accent-color;
243    border-top-color: transparent;
244}
245
246#RightNotebook > stack > :nth-child(1) treeview {
247    border: 0.08334em solid @bg-dark-grey;
248    border-bottom: none;
249}
250
251#PlacesPaned > box:nth-child(1) treeview {
252    padding: 0.08334em 0 0.08334em 0.5em;
253    -gtk-icon-style: symbolic;
254}
255
256#HistoryPanel {
257    margin-top: 0.5em;
258}
259#HistoryPanel > border {
260    margin-top: 1.75em;
261}
262#HistoryPanel > label {
263    margin: 0 0 -1.33334em 0;
264    padding: 0;
265}
266
267#Snapshots > border {
268    min-height: calc(6.5em + 36px);
269}
270#Snapshots > label {
271    margin-bottom: -4px;
272}
273#Snapshots button {
274    margin-top: -8px;
275    margin-bottom: -4px;
276}
277#Snapshots > box > :nth-child(1) {
278    margin-bottom: 0.41667em;
279}
280
281#PlacesPaned > box:nth-child(3) > box:nth-child(2),
282#PlacesPaned > box:nth-child(1) > :nth-child(1),
283#HistoryPanel > border,
284#Snapshots > box > :nth-child(1) {
285    background-color: @bg-dark-grey;
286    border: 0.08334em solid @bg-dark-grey;
287}
288
289/*Corrects the space of the snapshot view to the paned separator*/
290#Snapshots {
291    margin-top: -0.33334em;
292}
293/**/
294
295/*** end ***************************************************************************************/
296
297/*** Navigator *********************************************************************************/
298#Navigator .drawingarea {
299    border-top: 0.41667em solid @bg-dark-grey;
300    border-bottom: 0.25em solid @bg-dark-grey;
301}
302#Navigator {
303    background-color: @bg-dark-grey;
304    padding-bottom: 0.25em;
305}
306#Navigator box label {
307    padding: 0.16667em 0;
308}
309
310/*** end ***************************************************************************************/
311
312/*** Load - Save dialog ************************************************************************/
313filechooser * {
314    box-shadow: none;
315}
316filechooser #pathbarbox {
317    border: none;
318    background-color: @bg-dark-grey;
319    padding: 0.5em;
320}
321
322filechooser box {
323    border-color: transparent;
324}
325
326filechooser > box > paned > box {
327    border: 0.08334em solid @bg-dark-grey;
328    background-color: @bg-dark-grey;
329}
330filechooser placessidebar {
331    padding: 0 0.08334em;
332    background-color: @bg-dark-grey;
333}
334
335filechooser list {
336    background-color: @bg-dark-grey;
337    border: none;
338    box-shadow: none;
339    padding: 0;
340    margin: -3px 0 0;
341}
342filechooser list row {
343    margin: 0;
344    padding: 0;
345    min-height: calc(1.41667em + 8px);
346}
347filechooser list row label{
348    margin: 0;
349    padding: 0;
350}
351filechooser list row:hover {
352    background-color: @bg-list-hover;
353}
354filechooser list row:selected label,
355filechooser list row:selected {
356    background-color: @accent-color;
357    color: @text-hl-color;
358}
359/*** end ***************************************************************************************/
360
361/*** Histogram *********************************************************************************/
362#HistogramPanel {
363    margin: -2px 0;
364    border: none;
365}
366#HistogramArea,
367#HistogramRGBArea {
368    border: 0.08334em solid @bg-dark-grey;
369    background-color: @bg-dark-grey;
370}
371
372#fullButton,
373#histButton {
374    padding: 0.47em 0.41667em;
375    margin: 0;
376    border-color: @bg-light-grey;
377    border-style: solid;
378    border-width: 0 0 0 0.08334em;
379    background-color: @bg-dark-grey;
380    background-image: none;
381    box-shadow: none;
382    min-height: 0;
383    min-width: 0;
384    border-radius: 0;
385}
386#fullButton {
387    padding: 0.47em 0.41667em 0.58334em;
388}
389#EditorLeftPaned #fullButton,
390#EditorLeftPaned #histButton {
391    border-width: 0 0.08334em 0 0;
392}
393/*** end ***************************************************************************************/
394
395/*** Separator *********************************************************************************/
396separator {
397    background-color: transparent;
398}
399grid separator.horizontal, box separator.horizontal {
400    margin: 0.16667em 0;
401    padding: 0;
402}
403grid separator.vertical, box separator.vertical {
404    margin: 0 0.25em;
405    padding: 0;
406}
407
408#PlacesPaned .view.separator,
409filechooser separator,
410dialog separator {
411    background-color: @border-color;
412}
413popover separator:not(:only-child) {
414    margin: 0 0.5em;
415    background-color: @border-color;
416}
417
418paned.horizontal > separator {
419    background-color: transparent;
420    min-width: 0.41667em;
421    border-left: 0.25em solid @bg-light-grey;
422    border-right: 0.25em solid @bg-light-grey;
423    margin: 0 -0.25em;
424    padding: 0;
425}
426
427paned.vertical > separator {
428	background-image: image(@bg-dark-grey);
429    background-color: @bg-light-grey;
430    min-height: 0.5em;
431    border-top: 1px solid @bg-light-grey;
432    border-bottom: 1px solid @bg-light-grey;
433    margin: 0.25em 0 0;
434    padding: 0.2em 0 0;
435}
436
437dialog paned.horizontal > separator {
438    background-color: @bg-grey;
439    border-color:  @bg-grey;
440    min-width: 0.33334em;
441}
442
443menu separator {
444    background-color: @view-grid-border;
445    margin: 0.25em 0.5em;
446}
447
448#Navigator separator {
449    background-color: @view-grid-border;
450    margin: 0;
451    padding: 0;
452}
453
454#EditorTopPanel separator,
455#IopsPanel separator,
456#FileBrowser separator {
457    background-color: shade(@bg-light-grey,.75);
458    margin-top: 0.33334em;
459    margin-bottom: 0.33334em;
460}
461
462#MyExpander separator {
463    background-color: @view-grid-border;
464    margin: 0.33334em 0;
465}
466
467#PlacesPaned .view.separator {
468    color: @border-color;
469}
470/*** end****************************************************************************************/
471
472/*** PartialPaste ******************************************************************************/
473#PartialPaste {
474    border-bottom: 0.08334em solid @border-color;
475    border-top: 0.08334em solid @border-color;
476    padding-top: 0.5em;
477    padding-bottom: 0.5em;
478}
479
480#PartialPaste separator.vertical {
481    margin: 0 0.33334em;
482    padding: 0;
483}
484
485#PartialPaste separator { /* Struggles with #PartialPasteHeaderSep */
486    background-color: @border-color;
487    margin: 0.16667em 0.5em 0.16667em 1.16667em;
488}
489#PartialPasteHeaderSep.horizontal {
490    background-color: rgb(192,192,192);
491    margin: 0.16667em 0.5em;
492}
493
494#PartialPasteHeader label {
495    color: @headline-big;
496    font-weight: bold;
497}
498#PartialPasteHeader {
499    margin: 0.5em 0 0 0;
500    padding: 0;
501}
502/*** end ***************************************************************************************/
503
504/*** Scrollbar *********************************************************************************/
505scrollbar {
506    background-color: rgba(0,0,0,.40);
507    border: none;
508    margin: 0;
509    padding: 0;
510}
511scrollbar slider {
512    background-color: @text-color;
513    padding: 0;
514    margin: 0;
515    border-color: transparent;
516    border-style: solid;
517    border-radius: 1em;
518}
519
520scrollbar:not(.overlay-indicator) {
521    border-color: @bg-dark-grey;
522    border-style: solid;
523    background-color: rgba(0,0,0,.30);
524}
525scrollbar:not(.overlay-indicator).horizontal {
526    border-width: 0 0.08334em 0.08334em 0.08334em;
527}
528scrollbar:not(.overlay-indicator).vertical {
529    border-width: 0.08334em 0.08334em 0.08334em 0;
530}
531scrollbar:not(.overlay-indicator) slider {
532    background-color: shade(@text-color, .9);
533}
534
535scrollbar:not(.overlay-indicator).horizontal slider,
536scrollbar.horizontal.hovering slider {
537    min-height: 0.5em;
538    min-width: 2em;
539    border-width: 0.25em;
540}
541scrollbar:not(.overlay-indicator).horizontal.fine-tune slider,
542scrollbar.horizontal.hovering.fine-tune slider {
543    min-height: calc(0.5em - 2px);
544    border-width: calc(0.25em + 1px);
545    margin: 0 -1px;
546}
547scrollbar.horizontal.overlay-indicator:not(.hovering) slider {
548    min-width: 2em;
549    min-height: 0.25em;
550    border-width: 0.08334em;
551    border-radius: 0.25em;
552    margin: 0 0.16667em;
553}
554
555scrollbar:not(.overlay-indicator).vertical slider,
556scrollbar.vertical.hovering slider {
557    min-height: 2em;
558    min-width: 0.5em;
559    border-width: 0.25em;
560}
561scrollbar:not(.overlay-indicator).vertical.fine-tune slider,
562scrollbar.vertical.hovering.fine-tune slider {
563    min-width: calc(0.5em - 2px);
564    border-width: calc(0.25em + 1px);
565    margin: -1px 0;
566}
567scrollbar.vertical.overlay-indicator:not(.hovering) slider {
568    min-width: 0.25em;
569    min-height: 2em;
570    border-width: 0.08334em;
571    border-radius: 0.5em;
572    margin: 0.16667em 0;
573}
574
575scrollbar:not(.overlay-indicator) slider:hover,
576scrollbar slider:hover {
577    background-color: shade(@accent-color2,1.12);
578}
579
580/* Scrollbar stuck workaround */
581scrollbar:not(.overlay-indicator):hover {
582    min-width: 1px;
583}
584
585/*** end ***************************************************************************************/
586
587/*** Scale**************************************************************************************/
588scale {
589    padding: 0;
590    min-height: 1.83334em;
591    margin: 0 0.25em;
592}
593
594scale slider {
595    /* Slider size is min-width x min-height; margin have to be half of those values, but negative */
596    min-width: 1em;
597    min-height: 1em;
598    margin: calc(-0.33334em - 1px);
599    border-radius: 0.83334em;
600    background-image: linear-gradient(to bottom, shade (@accent-color4,1.15), shade (@accent-color4,.85));
601    border: 0.08334em solid @bg-button-border;
602    box-shadow: none;
603}
604scale slider:hover {
605    background-image: linear-gradient(to bottom, shade (@accent-color4,1.25), shade (@accent-color4,.95));
606}
607
608scale trough {
609    margin: 0.5em; /* has to be half of "scale slider / min-width min-height*/
610    background-color: @bg-scale-entry;
611    border: 0.08334em solid @bg-button-border;
612    box-shadow: inset 0 0.08334em rgba(255, 255, 255, 0.11), 0 0.08334em rgba(242, 242, 242, 0.11);
613    border-radius: 0.5em;
614}
615scale:not(:disabled) trough highlight {
616    background-color: @accent-color2;
617    border: 0.08334em solid @bg-button-border;
618    box-shadow: inset 0 0.08334em shade(@accent-color2, 1.3);
619    border-radius: 0.5em;
620}
621
622scale.fine-tune trough {
623    margin: calc(0.5em - 1px);
624    padding: 1px;
625}
626scale.fine-tune trough highlight {
627    margin: -2px;
628}
629
630scale:disabled slider,
631scale:disabled trough {
632    background-color: shade(@bg-grey,.9);
633    box-shadow: none;
634    background-image: none;
635}
636
637/*** end ***************************************************************************************/
638
639/*** Progressbar *******************************************************************************/
640progressbar.vertical {
641    min-width: 0;
642    min-height: 9em;
643}
644progressbar.vertical text {
645    color: transparent;
646}
647
648progressbar.vertical trough {
649    min-width: 0.5em;
650    background-color: transparent;
651    border-width: 0;
652}
653progressbar.vertical trough progress {
654    min-width: 0.5em;
655    margin: 0 -1px;
656    background-color: @accent-color2;
657    border-width: 0;
658    border-radius: 0.5em;
659}
660
661progressbar.horizontal trough {
662    min-height: 0.41667em;
663    background-color: transparent;
664    border: none;
665    border-radius: 0.5em;
666    margin-top: 0.58334em;
667}
668progressbar.horizontal trough progress {
669    min-height: 0.41667em;
670    margin: -1px 0;
671    background-color: @accent-color2;
672    border: none;
673    border-radius: 0.5em;
674}
675
676#IopsPanel progressbar.horizontal trough {
677    min-height: 0.5em;
678    background-color: @bg-scale-entry;
679    border: 0.08334em solid @bg-button-border;
680    margin-top: 0.25em;
681}
682#IopsPanel progressbar.horizontal trough progress {
683    min-height: 0.5em;
684    margin: -1px 0;
685    background-color: @accent-color2;
686    border: none;
687    border-radius: 0.5em;
688}
689
690/*** end ***************************************************************************************/
691
692/*** Notebook **********************************************************************************/
693notebook,
694notebook header,
695notebook tabs,
696notebook tab,
697notebook stack {
698    border-radius: 0;
699    border: none;
700    box-shadow: none;
701    padding: 0;
702    margin: 0;
703    min-width: 0;
704    min-height: 0;
705}
706notebook header {
707    background-color: @bg-dark-grey;
708    padding: 0 0.41667em;
709}
710notebook header.left {
711    padding: 0.41667em 0;
712}
713notebook tabs {
714    background-color: transparent;
715}
716notebook header tab {
717    background-color: transparent;
718    margin: 0.41667em 0.25em;
719    padding: 0 0.33334em;
720}
721notebook header.left tab {
722    margin: 0.25em 0.41667em;
723    padding: 0.33334em 0;
724}
725notebook header tab > grid > image {
726    min-height: 2.33334em;
727    min-width: 0;
728    padding: 0 0.16667em 0 0;
729    margin: 0;
730}
731notebook header.left tab > grid > image {
732    min-height: 0;
733    min-width: 2.33334em;
734    padding: 0.16667em 0 0;
735}
736notebook header tab label {
737    margin: 0.33334em;
738}
739notebook header tab:hover label {
740    color: @headline-hl;
741}
742notebook header tab:checked {
743    box-shadow: 0 0.25em @accent-color2;
744}
745notebook header.left tab:checked {
746    box-shadow: 0.25em 0 @accent-color2;
747}
748notebook > header > tabs > arrow {
749    background-color: transparent;
750    border-radius: 0.2em;
751    min-width: 0;
752    min-height: 0;
753    padding: 0 0.16667em;
754    margin: 0.5em 0;
755}
756notebook > header.left > tabs > arrow {
757    padding: 0.16667em 0;
758    margin: 0 0.5em;
759}
760notebook > header > tabs > arrow:hover {
761    background-color: rgba(255,255,255,.1);
762}
763notebook > header > tabs > arrow:active {
764    background-color: transparent;
765}
766
767notebook stack {
768    background-color: @bg-light-grey;
769}
770dialog notebook stack {
771    background-color: @bg-grey;
772}
773
774/*?win*/
775#MainNotebook > stack {
776    padding: 0.41667em;
777}
778
779#MainNotebook > stack > :nth-child(2) > box:nth-child(3) {
780    margin-top: 0.41667em;
781}
782
783
784/* Adds a line on top of the notebook as a separtor for the titlebar (only on CSD) */
785dialog.csd #PrefNotebook > header,
786dialog.csd #AboutNotebook > header,
787window.csd:not(.fullscreen) #MainNotebook > header.top {
788    border-top: 0.083334em solid rgba(200,200,200,.18);
789}
790/**/
791
792#ToolPanelNotebook > header tabs {
793    margin-bottom: 0.33334em;
794}
795
796#ToolPanelNotebook > header tab {
797    margin-left: 0;
798    margin-right: 0;
799    padding: 0 0.33334em;
800}
801#ToolPanelNotebook > header tab + tab {
802    margin-left: 0.33333em;
803}
804
805#ToolPanelNotebook > header tab image{
806    min-height: 2.5em;
807    min-width: 2em;
808    padding: 0;
809    margin: 0;
810}
811
812#RightNotebook > header {
813    margin: 0 0.41667em 0 0;
814}
815#RightNotebook > stack {
816    background-color: @bg-grey;
817    padding: 0;
818}
819
820#RightNotebook > stack > :nth-child(1) > * > box,
821#RightNotebook > stack > :nth-child(4) > * > box {
822    padding: 0.5em;
823    border: 0.08334em solid @bg-entry-border;
824}
825
826#PrefNotebook header {
827    margin: -0.66667em -0.66667em 0.33334em;
828}
829#AboutNotebook header {
830    margin: -0.66667em -0.66667em 0.66667em;
831}
832
833#AboutNotebook stack text {
834    background-color: @bg-dark-grey;
835}
836
837/* All tool panels have a frame except for Meta which unlike the rest is a notebook itself.
838 * So we use CSS to make it look like a frame. */
839
840#MetaPanelNotebook header {
841    background-color: @bg-grey;
842    padding: 0.33334em;
843    margin: 0 0.5em 0;
844}
845#MetaPanelNotebook > header > tabs {
846    background-color: @bg-dark-grey;
847    padding-left: 0.33334em;
848}
849#MetaPanelNotebook > header tab label{
850    margin: 0.08334em;
851}
852
853#MetaPanelNotebook > stack > box {
854    border: none;
855    background-color: @bg-grey;
856    border-radius: 0;
857    border-top-style: none;
858    padding: 0 0.33334em 0.25em;
859    margin: 0 0.5em -0.5em;
860}
861#MetaPanelNotebook > stack > box:nth-child(1) > scrolledwindow {
862    margin: 0 0 0.33334em;
863    padding: 0;
864}
865
866#MetaPanelNotebook > stack > box:nth-child(2) > scrolledwindow > viewport.frame {
867    padding: 0 0 0 1em;
868}
869
870#MetaPanelNotebook separator {
871    background-color: @border-color;
872    margin: 0.16667em 0;
873}
874#MetaPanelNotebook entry, #MetaPanelNotebook button, #MetaPanelNotebook combobox button {
875    margin-top: 0;
876    margin-bottom: 0;
877    min-height: 1.66667em;
878    min-width: 0.83334em;
879}
880#MetaPanelNotebook entry {
881    padding: 0 0.33334em;
882    background-color: @bg-dark-grey;
883    margin: 0;
884    border-radius: 0;
885}
886
887#MetaPanelNotebook > stack > box:nth-child(2) > scrolledwindow scrolledwindow {
888    background-color: @bg-dark-grey;
889    padding: 0;
890    margin: 0;
891}
892#MetaPanelNotebook .view {
893    border: 0.08334em solid @bg-dark-grey;
894    padding: 0.16667em;
895    margin: 0;
896}
897#MetaPanelNotebook textview.view {
898    background-color: @bg-dark-grey;
899    padding: 0.08334em 0.33334em;
900    margin: 0;
901}
902#MetaPanelNotebook text {
903    background-color: transparent;
904    padding: 0;
905    margin: 0;
906}
907
908#MetaPanelNotebook combobox button {
909    border-top-left-radius: 0;
910    border-bottom-left-radius: 0;
911    border-left: none;
912}
913#MetaPanelNotebook combobox + button,
914#MetaPanelNotebook combobox + button + button {
915    margin-left: 0.16667em;
916    min-width: 1.66667em;
917}
918#MetaPanelNotebook > stack > box > grid > button {
919    margin-top: 0.08334em;
920    margin-bottom: 0.08334em;
921    min-height: 2.16667em;
922}
923
924#MetaPanelNotebook label {
925    padding: 0.08334em 0;
926}
927
928/*** end ***************************************************************************************/
929
930/*** File Browser ******************************************************************************/
931#FileCatalog {
932    background-color: @bg-image;
933    border: 0.08334em solid @bg-dark-grey;
934}
935#FileCatalog:selected {
936    background-color: @accent-color3;
937    color: @text-hl-color3;
938}
939
940/*?win*/
941#FileBrowser {
942    padding: 0;
943    margin: 0;
944}
945
946#ToolBarPanelFileBrowser {
947    margin: -2px -1px;
948    min-height: 0;
949    min-width: 0;
950    padding: 0.41667em 0;
951}
952
953#ToolBarPanelFileBrowser > box > button,
954#ToolBarPanelFileBrowser > button {
955    margin: 0 0.08334em;
956}
957#ToolBarPanelFileBrowser > box > box > button {
958    min-height: 0.91667em;
959    min-width: 1.33333em;
960    padding: 0;
961    margin: 0.16667em 0 0 0;
962    border: none;
963    background-color: transparent;
964    background-image: none;
965    box-shadow: none;
966}
967
968#ToolBarPanelFileBrowser entry + button.flat,
969#FileBrowser entry + button.flat {
970    min-height: 1.66667em;
971    min-width: 1.66667em;
972    margin: 0 0 0 -1.66667em;
973    border-radius: 0 0.2em 0.2em 0;
974    border: 0.08334em solid transparent;
975    padding: 0;
976}
977#ToolBarPanelFileBrowser entry,
978#FileBrowser entry {
979    min-height: 1.66667em;
980    min-width: 12em;
981    margin: 0 -2px 0 0;
982    padding: 0 2em 0 0.33334em;
983}
984#ToolBarPanelFileBrowser label,
985#FileBrowser label {
986    margin: 0 0.33334em 0 0.5em;
987}
988/*** end ***************************************************************************************/
989
990/*** Image Editor ******************************************************************************/
991#EditorRightPaned {
992    margin: 0;
993}
994
995#BeforeAfterContainer {
996    background-color: @bg-grey;
997    border: 0.08334em solid @bg-dark-grey;
998    border-radius: 0;
999    padding: 0;
1000    margin: 0.41667em 0;
1001}
1002#BeforeAfterContainer > box:nth-child(2) > box:nth-child(2),
1003#BeforeAfterContainer > box:nth-child(1) > box:nth-child(2){
1004    border-top: 0.08334em solid @bg-dark-grey;
1005}
1006#BeforeAfterContainer > box:nth-child(2){
1007    border-left: 0.08334em solid @bg-dark-grey;
1008}
1009
1010#BeforeAfterContainer label {
1011    min-height: 2.41667em;
1012    padding: 0 0.5em;
1013}
1014/* Small Lock Button */
1015#BeforeAfterContainer button {
1016    min-height: 1.66667em;
1017    min-width: 1.75em;
1018    margin: 0.25em;
1019    padding: 0 0 0 0.08334em;
1020}
1021/**/
1022
1023#EditorTopPanel {
1024    margin: -2px -2px;
1025    padding: 0;
1026    min-height: 0;
1027}
1028#EditorTopPanel button {
1029    margin: 0 0.08334em;
1030    min-height: 2.16667em;
1031    min-width: 2.16667em;
1032}
1033/* Removes margin from the last button. Otherwise the filmstrip will cut of the right border. */
1034#EditorTopPanel :last-child > button:last-child {
1035    margin-right: 0;
1036}
1037
1038#EditorTopPanel > box:nth-child(9) > button.image-button {
1039    min-width: 0;
1040    padding-left: 0.25em;
1041    padding-right: 0.25em;
1042}
1043
1044/*Button editor bottom*/
1045#EditorZoomPanel label {
1046    min-width: 4em;
1047    margin: 0;
1048}
1049#IopsPanel button.Left image {
1050    padding: 0 2px 0 3px;
1051}
1052#EditorZoomPanel button {
1053    margin-left: 0.08334em;
1054    margin-right: 0.08334em;
1055}
1056/*** end ***************************************************************************************/
1057
1058/*** Toolbox ***********************************************************************************/
1059#ToolPanelNotebook stack {
1060    background-color: @bg-dark-grey;
1061    padding: 0 0 0.5em 0;
1062}
1063/*Curve spinbutton background */
1064#MyExpander flowbox > flowboxchild {
1065  background-color: transparent;
1066}
1067/**/
1068#MyExpander .drawingarea:not(.slider) {
1069    border: 0.08334em solid @bg-light-grey;
1070}
1071#MyExpander .slider,
1072#MyExpander .drawingarea:nth-child(2) {
1073    background-image: linear-gradient(to bottom, shade (@accent-color4,1.15), shade (@accent-color4,.85));
1074    background-color: @accent-color4;
1075    border: 0.08334em solid rgb(15,15,15);
1076}
1077#MyExpander .drawingarea:disabled {
1078    background-color: shade(@bg-grey,.85);
1079    border-color: @bg-dark-grey;
1080    background-image: none;
1081}
1082#ThresholdAdjuster {
1083    margin: 0.08334em 0 0.16667em 0;
1084}
1085
1086#ToolPanelNotebook scrolledwindow viewport.frame {
1087    padding: 0 0.56em;
1088}
1089/* #MyExpander.withScrollbar {
1090    padding: 0 6px;
1091}
1092 */
1093
1094#MyExpander {
1095    margin: 0;
1096    padding: 0;
1097}
1098#ExpanderBox > box, #ExpanderBox > grid {
1099    background-color: @bg-grey;
1100    border: none;
1101    border-radius: 0;
1102    margin: 0;
1103    padding: 0.5em;
1104}
1105
1106    /* Sub-tool (MyExpander) */
1107#ExpanderBox2 > box, #ExpanderBox2 > grid {
1108    background-color: transparent;
1109    border: 0.08334em solid @border-color;
1110    border-radius: 0;
1111    margin: 0;
1112    padding: 0.5em;
1113}
1114
1115#MyExpanderTitle > box {
1116    margin: 0;
1117    padding: 0.33334em 0;
1118}
1119
1120#MyExpanderTitle label {
1121    color: @headline-big;
1122    padding: 0;
1123    margin: 0 0.25em 0 0.5em;
1124}
1125
1126#MyExpanderTitle:hover label {
1127    color: @headline-hl;
1128}
1129/*** end ***************************************************************************************/
1130
1131/*** Context & popups menus *****************************************************************************/
1132.popup > decoration {
1133    background-image: none;
1134    border-radius: 0;
1135    border: none;
1136    padding: 0;
1137    margin: 0;
1138    box-shadow: 0 0.25em 0.75em 0.08334em rgba(0, 0, 0, 0.50), 0 0 0 0.08334em @bg-dark-grey;
1139}
1140
1141menu {
1142    background-color: @bg-dark-grey;
1143    border: 0.08334em solid @accent-color;
1144    padding: 0.08334em;
1145    margin: 0;
1146}
1147menu > .top,
1148menu > .top:hover,
1149menu > .bottom,
1150menu > .bottom:hover {
1151    background-color: transparent;
1152    border: none;
1153    padding: 0.5em;
1154    min-height: 1.5em;
1155}
1156
1157menuitem {
1158    padding: 0 0.33334em;
1159    margin: 0.08334em;
1160    min-height: 2em;
1161}
1162menuitem:hover {
1163    background-color: @accent-color;
1164}
1165menuitem:hover > * > *,
1166menuitem:hover > * {
1167    color: @text-hl-color;
1168}
1169
1170menu image {
1171    min-height: 2em;
1172    padding: 0;
1173    margin: 0 0.33334em 0 0;
1174}
1175
1176/*** Selection popup list (used in filechooser) ***/
1177entry > window > frame {
1178    background-color: @bg-dark-grey;
1179}
1180entry > window > frame > border {
1181    background-color: @bg-dark-grey;
1182    padding: 0.08334em;
1183    border: 0.08334em solid @accent-color;
1184}
1185entry > window > frame > border {
1186    margin: 0.08334em;
1187}
1188/* end */
1189
1190/*** end ***************************************************************************************/
1191
1192/*** Popover *** Context menu filechooser ******************************************************/
1193
1194popover.background {
1195    background-color: @bg-dark-grey;
1196    border: 0.08334em solid  @accent-color;
1197    border-radius: 0;
1198    padding: 0;
1199    margin: 0;
1200	box-shadow: 0 1px 6px 1px rgba(0, 0, 0, 0.5), 0 0 0 1px @bg-dark-grey;
1201}
1202popover.background > box {
1203    padding: 0;
1204    margin: -9px;
1205}
1206popover.background modelbutton {
1207    min-height: 2em;
1208    padding: 0 0.41667em;
1209    margin: 0;
1210    border-radius: 0;
1211}
1212
1213popover.background label {
1214    margin-right: 0.5em;
1215}
1216popover.background modelbutton:hover label,
1217popover.background modelbutton:hover {
1218    background-color: @accent-color;
1219    color: @text-hl-color;
1220}
1221/** end ****************************************************************************************/
1222
1223/*** Buttons ***********************************************************************************/
1224button {
1225    min-height: 2.16667em;
1226    min-width: 2.16667em;
1227    margin: 0;
1228    padding: 0; /* x */
1229    border-radius: 0.2em;
1230    border: 0.08334em solid @bg-button-border;
1231    background-color: transparent;
1232    box-shadow: inset 0 0.08334em rgba(242, 242, 242, 0.1);
1233    background-image: linear-gradient(to bottom, rgba(100,100,100,.3), rgba(30,30,30,.3));
1234}
1235button.flat {
1236    padding: 0;/* x */
1237}
1238button.text-button label {
1239    margin: 0 0.5em;/* x */
1240}
1241
1242#MainNotebook > header > grid > button,
1243button.flat {
1244    border: 0.08334em solid transparent;
1245    box-shadow: none;
1246    background-image: none;
1247    background-color: transparent;
1248}
1249/* Resetbutton Queue & Save as*/
1250dialog scale + button.flat,
1251scale + button.flat {
1252    min-height: 1.33334em;
1253    min-width: 1.25em;
1254    margin: 0.25em 0 0.16667em 0.16667em;
1255    padding: 0 0 0 0.08334em;
1256    -gtk-icon-shadow: none;
1257}
1258
1259/* Resetbutton */
1260#MyExpander button.flat {
1261    min-height: 1.33334em;
1262    min-width: 1.25em;
1263    margin: 0.08334em 0 0.08334em 0.16667em;
1264    padding: 0 0 0 0.08334em;
1265    -gtk-icon-shadow: none;
1266}
1267
1268#MyExpander scale + button.flat {
1269    margin: 0 0 0 0.16667em;
1270}
1271#MyExpander image + button.flat {
1272   margin: 0 0 0 0.41667em;
1273}
1274#MyExpander spinbutton + button.flat {
1275    margin: 0 0 0 0.16667em;
1276    padding-top: 0.08334em;
1277}
1278/**/
1279
1280/* Buttons Curve drawingarea*/
1281#MyExpander button.flat + button.flat,
1282#MyExpander button.flat:first-child {
1283    min-height: 2.16667em;
1284    min-width: 2.16667em;
1285    margin: 0.08334em;
1286    padding: 0;
1287}
1288/**/
1289
1290#ToolBarPanelFileBrowser entry + button:hover,
1291#FileBrowser entry + button:hover,
1292button.flat:hover,
1293button:hover  {
1294    border-color: @bg-button-border;
1295    box-shadow: inset 0 0.08334em rgba(242, 242, 242, 0.1);
1296    background-image: linear-gradient(to bottom, rgba(100,100,100,.3), rgba(30,30,30,.3));
1297    background-color: @bg-button-hover;
1298}
1299
1300#ToolBarPanelFileBrowser entry + button:active,
1301#FileBrowser entry + button:active,
1302button.flat:active,
1303button.flat:checked,
1304button:active,
1305button:checked {
1306    border-color: @bg-button-border;
1307    box-shadow: inset 0 0.08334em rgba(242, 242, 242, 0.08);
1308    background-image: linear-gradient(to bottom, rgba(100,100,100,.3), rgba(30,30,30,.3));
1309    background-color: @bg-button-active;
1310}
1311
1312/* Add space between connected buttons */
1313button.Right,
1314button.MiddleH {
1315    margin-left: 0.16667em;
1316    border: 0.08334em solid @bg-button-border;
1317}
1318/**/
1319
1320/* Applies special styles in main notebook */
1321#ProfilePanel {
1322    margin-bottom: -2px;
1323    padding-bottom: 0.41667em;
1324}
1325#ProfilePanel combobox {
1326    margin-left: 0.16667em;
1327}
1328#PlacesPaned button.Left,
1329#PlacesPaned button.Right {
1330    margin-top: 3px;
1331}
1332#PlacesPaned combobox {
1333    margin-bottom: -3px;
1334}
1335/**/
1336
1337/* Button base format for Toolbox and dialogs */
1338dialog button,
1339#MyExpander button,
1340#BatchQueueButtonsMainContainer button {
1341    min-height: 1.66667em;
1342    min-width: 0;
1343    padding: 0 0.375em;
1344    margin: 0.08334em 0;
1345}
1346combobox .combo,
1347dialog combobox .combo,
1348#ToolPanelNotebook combobox .combo,
1349#BatchQueueButtonsMainContainer combobox .combo {
1350    padding: 0 0.208334em;
1351}
1352/**/
1353
1354/* Add/remove space between buttons and labels in toolbox*/
1355#MyExpander combobox:not(:first-child):not(:only-child),
1356#MyExpander button:not(.flat).Left,
1357#MyExpander button:not(.flat) + combobox,
1358#MyExpander combobox + button:not(.flat),
1359#MyExpander combobox + combobox
1360/* Crash
1361#MyExpander button + label,
1362#MyExpander combobox + label */ {
1363    margin-left: 0.16667em;
1364}
1365#MyExpander label + filechooserbutton,
1366#MyExpander label + * > button:not(.flat).Left,
1367#MyExpander label + combobox:not(:first-child):not(:only-child),
1368#MyExpander label + button:not(.flat):not(spinbutton) {
1369    margin-left: 0.33334em;
1370}
1371
1372buttonbox:not(.dialog-action-area) button{
1373    margin: 0.08334em 0 0.33334em 0.16667em;
1374}
1375#PrefNotebook buttonbox:not(.dialog-action-area) {
1376    margin-right: -5px;
1377}
1378
1379/* Arrow toggle combo button */
1380#IopsPanel button:not(.flat).Left + button:not(.flat).Right,
1381#MyExpander button:not(.flat).Left + button:not(.flat).Right {
1382    border-left: none;
1383    margin-left: 0;
1384    padding-left: 0.33334em;
1385    padding-right: 0.33334em;
1386    border-top-left-radius: 0;
1387    border-bottom-left-radius: 0;
1388}
1389#IopsPanel button:not(.flat).Left,
1390#MyExpander button:not(.flat).Left {
1391    border-top-right-radius: 0;
1392    border-bottom-right-radius: 0;
1393    min-width: 2.16667em;
1394}
1395/**/
1396
1397/**/
1398#MyExpander button.text-button label {
1399    margin: 0;/* x */
1400}
1401/* Graduated filter big button */
1402#ExpanderBox > box > box:first-child > button:not(.flat):not(.text-button):first-child {
1403    min-height: 2.16667em;
1404    min-width: 2.16667em;
1405    padding: 0;
1406    margin: 0 0 0.5em;
1407}
1408
1409.popupbutton-arrow {
1410    min-width: 0;
1411}
1412
1413button.color {
1414    min-height: 1.16667em;
1415    padding: 0.25em;
1416}
1417
1418/* Save, Cancel, OK ... buttons */
1419.dialog-action-area button {
1420    min-height: 2.16667em;
1421    margin-top: 0.33334em;
1422}
1423messagedialog .dialog-action-area button {
1424    margin: 0 0.66667em 0.66667em 0.66667em;
1425    min-height: 1.83334em;
1426}
1427messagedialog .dialog-action-area button:not(:only-child):nth-child(1) {
1428    margin-right: 0.25em;
1429}
1430messagedialog .dialog-action-area button:not(:only-child):nth-child(2) {
1431    margin-left: 0.25em;
1432}
1433/**/
1434
1435/* Queue */
1436#BatchQueueButtons button {
1437    min-height: 2.16667em;
1438    min-width: 10em;
1439}
1440/**/
1441
1442/* View & Filechooser Buttons */
1443dialog .view button,
1444window .view button {
1445    background-color: @bg-dark-grey;
1446    background-image: none;
1447    box-shadow: none;
1448    min-height: 2em;
1449    min-width: 1.33334em;
1450    padding: 0 0.33334em;
1451    margin: 0;
1452}
1453dialog .view button.text-button label,
1454window .view button.text-button label {
1455    margin: 0;
1456}
1457window .view button {
1458    border: none;
1459    border-bottom: 0.08334em solid @border-color;
1460}
1461dialog .view button {
1462    border: 0.08334em solid @border-color;
1463}
1464
1465.view button:checked,
1466.view button:hover:not(:active) {
1467    background-image: none;
1468    background-color: @bg-list-hover;
1469}
1470.view button:checked label,
1471.view button:hover:not(:active) label {
1472    color: @headline-hl;
1473}
1474
1475dialog .view header button:not(:first-child):not(:only-child),
1476window .view header button:not(:first-child):not(:only-child),
1477.path-bar button:not(:first-child):not(:only-child) {
1478    border-left: none;
1479}
1480dialog .view header button,
1481window .view header button,
1482.path-bar button {
1483    border-radius: 0;
1484}
1485
1486#pathbarbox button:last-child {
1487    min-height: 2em;
1488    min-width: 2em;
1489    margin: 0;
1490    padding: 0;
1491 }
1492.path-bar button:first-child {
1493    border-top-left-radius: 0.2em;
1494    border-bottom-left-radius: 0.2em;
1495    min-width: 2em;
1496    margin: 0;
1497    padding: 0;
1498}
1499.path-bar button:last-child {
1500    border-top-right-radius: 0.2em;
1501    border-bottom-right-radius: 0.2em;
1502    min-width: 2em;
1503    margin: 0;
1504    padding: 0;
1505}
1506.path-bar button label {
1507    margin: 0;
1508    padding: 0 0.33334em;
1509}
1510/**/
1511
1512/* Popover Filechooser (Create folder) */
1513popover button.text-button {
1514    background-color: @bg-dark-grey;
1515    background-image: none;
1516    border: 0.08334em solid @border-color;
1517    box-shadow: none;
1518    background-image: none;
1519    margin: 0.083334em 0;
1520    min-height: 1.66667em;
1521    padding: 0 0.66667em;
1522}
1523popover button.text-button label {
1524    padding: 0;
1525    margin: 0;
1526}
1527
1528popover button.text-button:hover label {
1529    color: @headline-hl;
1530}
1531popover button.text-button:hover {
1532    background-color: @bg-list-hover;
1533
1534}
1535popover button.text-button:active label {
1536    color: @text-color;
1537}
1538popover button.text-button:active {
1539    background-color: @bg-dark-grey;
1540}
1541/**/
1542
1543/* Titlebar & Notebook buttons */
1544#MainNotebook > header.top > grid > button {
1545    margin: 0 0 0 0.41667em;
1546}
1547#MainNotebook > header.left > grid > button {
1548    margin: 0.41667em 0 0;
1549}
1550
1551headerbar button.titlebutton image {
1552    padding: 0;
1553    margin: 0;
1554}
1555headerbar button.titlebutton {
1556    margin: 0 0 0 0.33334em;
1557    background-image: none;
1558    border: 0.08334em solid transparent;
1559    background-color: transparent;
1560    box-shadow: none;
1561    min-width: 1.55em;
1562    min-height: 1.55em;
1563    padding: 0;
1564}
1565messagedialog headerbar button.titlebutton {
1566    min-width: 1.25em;
1567    min-height: 1.25em;
1568    margin: 0;
1569}
1570
1571#MainNotebook tab #CloseButton {
1572    padding: 0;
1573    margin: 0.33334em -3px 0.33334em 0.08334em;
1574    min-width: 1.5em;
1575    min-height: 1.5em;
1576}
1577#MainNotebook > header > grid > button:hover,
1578#MainNotebook tab #CloseButton:hover,
1579headerbar button.titlebutton:hover{
1580    border-color: rgba(0,0,0,.8);
1581    box-shadow: inset 0 0.08334em rgba(242, 242, 242, 0.11);
1582    background-image: linear-gradient(to bottom, rgba(100,100,100,.3), rgba(30,30,30,.3));
1583    background-color: rgba(128, 128, 128,.20);
1584}
1585#MainNotebook > header > grid > button:active,
1586headerbar button.titlebutton:active{
1587    border-color: rgba(0,0,0,.8);
1588    box-shadow: inset 0 0.08334em rgba(242, 242, 242, 0.15);
1589    background-image: linear-gradient(to bottom, rgba(100,100,100,.3), rgba(30,30,30,.3));
1590    background-color: rgba(128, 128, 128,.40);
1591}
1592#MainNotebook tab #CloseButton:hover,
1593headerbar button.titlebutton.close:hover{
1594    border-color: rgba(0,0,0,.8);
1595    background-image: linear-gradient(to bottom, rgb(180,0,0), rgb(160,0,0) 40%, rgb(130,0,0));
1596    box-shadow: inset 0 0.08334em rgba(242, 242, 242, 0.32);
1597}
1598#MainNotebook tab #CloseButton:active,
1599headerbar button.titlebutton.close:active{
1600    border-color: rgba(0,0,0,.8);
1601    background-image: linear-gradient(to bottom, rgb(215,0,0), rgb(185,0,0) 40%, rgb(150,0,0));
1602    box-shadow: inset 0 0.08334em rgba(242, 242, 242, 0.4);
1603}
1604/**/
1605
1606/*** end ***************************************************************************************/
1607
1608/*** Ckeckbox & Radio **************************************************************************/
1609checkbox,
1610checkbutton,
1611radiobutton {
1612    padding: 0;
1613    margin: 0;
1614    min-height: 2em;
1615}
1616#PrefNotebook checkbox,
1617#PrefNotebook checkbutton {
1618    min-height: 1.6667em;
1619}
1620
1621check,
1622radio {
1623    border: calc(0.083334em + 0.18px) solid @text-color;
1624    background-image: none;
1625    background-color: transparent;
1626    margin: 0;
1627    padding: 0;
1628    min-height: 1.16667em;
1629    min-width: 1.16667em;
1630    box-shadow: none;
1631    background-repeat: no-repeat;
1632    -gtk-icon-shadow: none;
1633	color: @text-color;
1634}
1635radiobutton label,
1636checkbutton label {
1637    margin: 0 0.5em;
1638    padding: 0;
1639}
1640check {
1641    border-radius: 0.16667em;
1642}
1643
1644radio{
1645    border-radius: 1.16667em;
1646}
1647check:disabled,
1648radio:disabled {
1649    border-color: @fg-disabled;
1650}
1651
1652frame > checkbutton check{
1653    margin-left: 0.5em;
1654}
1655
1656#PartialPaste checkbutton:not(#PartialPasteHeader) {
1657    min-height: 1.4em;
1658    margin-left: 1.16667em;
1659}
1660#PartialPasteHeader {
1661    min-height: 1.4em;
1662    margin-left: 0.5em;
1663}
1664
1665#MyExpander button + checkbutton:last-child {
1666    margin-left: 0.33334em;
1667}
1668
1669/*** end ***************************************************************************************/
1670
1671/*** Entry & Spinbutton ************************************************************************/
1672#MyExpander entry,
1673entry {
1674    margin: 0.08334em 0;
1675    padding: 0 0.33334em;
1676    min-height: 1.66667em;
1677    min-width: 0;
1678    border-radius: 0.2em;
1679    box-shadow: inset 0.08334em 0.08334em rgba(0, 0, 0, 0.08), 0 0.08334em rgba(242, 242, 242, 0.1);
1680    border: 0.08334em solid @bg-entry-border;
1681    background-color: @bg-scale-entry;
1682}
1683
1684spinbutton {
1685    margin: 0.08334em 0;
1686    padding: 0;
1687    min-height: 1.66667em;
1688    min-width: 0;
1689    border-radius: 0.2em;
1690    background-color: @bg-scale-entry;
1691    border: 0.08334em solid @bg-entry-border;
1692    box-shadow: inset 0.08334em 0.08334em rgba(0, 0, 0, 0.08), 0 0.08334em rgba(242, 242, 242, 0.1);
1693}
1694
1695#MyExpander spinbutton {
1696    margin: 0.16667em 0;
1697    padding: 0;
1698    min-height: 1.33334em;
1699    min-width: 0;
1700    border-top-left-radius: 1.83334em;
1701    border-bottom-left-radius: 1.83334em;
1702    background-color: @bg-tb-spinbutton;
1703    border: 0.08334em solid @bg-button-border;
1704    color: @text-tbEntry;
1705    box-shadow: inset 0.08334em  0.08334em rgba(0, 0, 0, .12), 0 0.08334em rgba(255, 255, 255, 0.12);
1706}
1707#MyExpander button + label + spinbutton {
1708    margin: 0.25em 0; /* Needed for Reset & and Auto button height*/
1709}
1710#MyExpander checkbutton + label + spinbutton {
1711    margin: 0.33334em 0; /* Needed for Reset & and Auto checkbox button height*/
1712}
1713
1714#MyExpander image + spinbutton {
1715    margin-left: 0.25em;
1716}
1717
1718#BatchQueueButtonsMainContainer spinbutton button,
1719#MyExpander spinbutton button,
1720spinbutton button {
1721    padding: 0;
1722    margin: 0;
1723    min-height: 0;
1724    min-width: 1.33334em;
1725    background-image: none;
1726    background-color: transparent;
1727    border: none;
1728    border-radius: 0;
1729    box-shadow: none;
1730    -gtk-icon-shadow: none;
1731}
1732#MyExpander spinbutton entry,
1733spinbutton entry {
1734    padding: 0 0.33334em;
1735    margin: 0;
1736    min-height: 0;
1737    min-width: 0;
1738    box-shadow: none;
1739    border: none;
1740    background-color: transparent;
1741}
1742#MyExpander spinbutton entry {
1743    padding: 0 0.33334em 0 0.83334em;
1744}
1745
1746#BatchQueueButtonsMainContainer spinbutton button:hover,
1747#MyExpander spinbutton button:hover,
1748spinbutton button:hover {
1749    background-color: rgba(0,0,0,0.3);
1750    background-image: none;
1751    border: none;
1752    box-shadow: none;
1753}
1754#BatchQueueButtonsMainContainer spinbutton button:active,
1755#MyExpander spinbutton button:active,
1756spinbutton button:active {
1757    background-color: rgba(0,0,0,0.5);
1758    background-image: none;
1759    border: none;
1760    box-shadow: none;
1761}
1762
1763#MyExpander entry:disabled,
1764entry :disabled {
1765    color: rgb(144,144,144);
1766}
1767
1768#MyExpander spinbutton:disabled,
1769spinbutton:disabled {
1770    background-color: shade(@bg-grey,.9);
1771    color: rgb(144,144,144);
1772    box-shadow: none;
1773    border-color: shade(@bg-entry-border,1.1);
1774}
1775
1776    /* Text selection */
1777text > selection,
1778entry > selection  {
1779    background-color: transparent;
1780    color: @text-color;
1781}
1782text:focus > selection,
1783entry:focus > selection  {
1784    background-color: @bg-highlighted-text-color;
1785    color: @highlighted-text-color;
1786}
1787
1788.view entry {
1789    background-color: @bg-dark-grey;
1790    margin: 0 -2px;
1791    border: 0.08334em solid @accent-color;
1792    box-shadow: none;
1793}
1794    /* end*/
1795
1796/*** end ***************************************************************************************/
1797
1798/*** Window Layout *****************************************************************************/
1799:not(.popup):not(tooltip) > decoration {
1800    background-color: @winHeaderbar;
1801    background-image: none;
1802    border-radius: 0.41667em 0.41667em 0 0;
1803    border: none;
1804    padding: 0;
1805    box-shadow: 0 0.25em 0.75em 0.08334em rgba(0, 0, 0, 0.5), 0 0 0 0.08334em @bg-dark-grey;
1806    margin: 0.83334em;
1807}
1808headerbar {
1809    background-color: shade(@winHeaderbar,1.12);
1810    box-shadow: inset 0 0.08334em rgba(200,200,200,.13);
1811    background-image: linear-gradient(shade(@winHeaderbar,1.14), shade(@winHeaderbar,.86));
1812    border-bottom: 0.08334em solid @bg-dark-grey;
1813    border-radius: 0.41667em 0.41667em 0 0;
1814    min-height: 2.16667em;
1815    padding: 0.08334em 0.41667em 0;
1816    margin: 0;
1817}
1818messagedialog headerbar {
1819    min-height: 2em;
1820
1821}
1822headerbar .title{
1823    color: @winTitle;
1824}
1825
1826/* Window state */
1827.maximized > headerbar {
1828    border-radius: 0;
1829}
1830/**/
1831
1832/* Window in background */
1833:not(.popup):not(tooltip) > decoration:backdrop {
1834    box-shadow: 0 0.25em 0.75em 0.08334em rgba(0, 0, 0, 0.3), 0 0 0 0.08334em @bg-dark-grey;
1835}
1836headerbar:backdrop {
1837    box-shadow: none;
1838    background-image: none;
1839}
1840headerbar .title:backdrop {
1841    color: alpha(@winTitle,.60);
1842}
1843/*** end ***************************************************************************************/
1844