1/*
2  This file is part of RawTherapee.
3
4  Copyright (c) 2016 TooWaBoo (v1.19.5)
5  Many thanks to the RawTherapee Developer Team for this great piece of software
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 <https://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);      /*** Highlight/selected color for  Tab indicator, List, Dropdown menu, Borders ... ***/
24@define-color text-hl-color rgb(210,210,210);   /*** Highlight/selected text color ***/
25
26@define-color accent-color2 rgb(35,99,166);     /*** Slider, Progressbar, Scrollbar ***/
27@define-color accent-color4 rgb(35,99,166);     /*** Slider knob ***/
28
29@define-color accent-color3 rgb(35,99,166);     /*** Selected thumbnail background color ***/
30@define-color text-hl-color3 rgb(210,210,210);  /*** Selected thumbnail text color ***/
31
32/*** Change me end ************************************************************************/
33
34@define-color text-color rgb(180,180,180);
35@define-color text-hl-color2 rgb(192,192,192);
36@define-color text-tbEntry rgb(192,192,192);
37@define-color bg-dark-grey rgb(36,36,36);
38@define-color bg-grey rgb(70,70,70);
39@define-color bg-light-grey rgb(88,88,88);
40@define-color border-color rgba(255,255,255,.25);
41@define-color bg-list-hover rgba(255,255,255,.065);
42@define-color bg-scale-entry rgba(0,0,0,.14);
43@define-color bg-button-border rgba(0,0,0,.48);
44@define-color bg-button-border-hover rgba(0,0,0,.58);
45@define-color bg-entry-border rgba(0,0,0,.40);
46@define-color bg-button-hover rgba(0,0,0,.22);
47@define-color bg-spin-button-hover rgba(0,0,0,.25);
48@define-color bg-entry-IPTC @bg-dark-grey;
49@define-color view-grid-border rgb(64,64,64);
50
51* {
52    color: @text-color;
53    transition: none;
54    text-shadow: none;
55    icon-shadow: none;
56    box-shadow: none;
57    outline-style: none; /* removes the ugly dotted focus line */
58    border-image: none;
59    -GtkCheckButton-indicator-size: 16;
60    -GtkCheckMenuItem-indicator-size: 16;
61    -GtkCheckButton-indicator-spacing: 2;
62}
63
64.undershoot {
65    background-image: none; /* removes the dotted scrollbar line */
66}
67GtkWindow {
68    background-color: @bg-light-grey;
69}
70GtkDialog {
71    background-color: @bg-grey;
72    -GtkDialog-content-area-spacing: 7;
73    -GtkDialog-action-area-border: 0;
74    -GtkDialog-content-area-border: 8;
75}
76
77GtkFontChooser,
78GtkColorChooser {
79    -GtkDialog-action-area-border: 4;
80    -GtkDialog-content-area-border: 0;
81}
82
83.frame {
84    border: none;
85}
86#PrefNotebook > .frame {
87    border: 1px solid rgba(0,0,0,.50);
88    border-top: none;
89}
90#BatchQueueButtonsMainContainer GtkFrame {
91    padding: 4px 4px 4px 10px;
92}
93
94/*** Add space between buttons and image area***/
95#BeforeAfterContainer GtkFrame {
96    padding: 2px 0 4px;
97}
98/*** Add space between before/after image ***/
99#BeforeAfterContainer GtkContainer:nth-child(1) > GtkContainer:nth-child(2) GtkFrame {
100    padding-right: 14px;
101}
102
103/*** Menu bubble box ***/
104GtkPopover {
105    background-color: @bg-grey;
106    border: 1px solid @accent-color;
107    border-radius: 0;
108}
109
110.menu {
111    background-color: @bg-dark-grey;
112    border: 1px solid @accent-color;
113}
114.menu > .menuitem {
115    padding: 2px 4px;
116}
117.menu > .menuitem:hover {
118    background-color: @accent-color;
119}
120.menu > .menuitem:hover > * > *,
121.menu > .menuitem:hover > * {
122    color: @text-hl-color;
123}
124
125GtkNotebook {
126    padding: 4px;
127    background-color: @bg-light-grey;
128}
129GtkDialog GtkNotebook  {
130    padding: 2px 0 0;
131}
132#PrefNotebook  {
133    padding: 4px 8px;
134}
135#RightNotebook {
136    padding: 0 0 0 4px;
137}
138
139GtkPaned {
140    -GtkPaned-handle-size: 4px;
141    background-color: transparent;
142}
143.pane-separator {
144    background-color: @bg-light-grey;
145}
146GtkDialog .pane-separator {
147    background-color: @bg-grey;
148}
149
150/*** Separator ***/
151.separator {
152    color: @bg-light-grey;
153}
154GtkDialog .separator {
155    color: @border-color;
156}
157#RightNotebook .separator {
158    color: @bg-dark-grey;
159}
160    /*** Navigator ***/
161#Navigator .separator {
162    color: @view-grid-border;
163}
164/*** end ***/
165
166/*** Background color image area***/
167GtkDrawingArea {
168    background-color: @bg-grey;
169    border: 1px solid rgba(0,0,0,.32);
170}
171/*** Histogram ***/
172#HistogramPanel,
173#HistogramArea {
174    background-color: @bg-dark-grey;
175    border: none;
176}
177/*** Histogram RGB-Bar***/
178#HistogramRGBArea {
179    background-color: rgb(128,128,128);
180    border: none;
181}
182/*** Navigator ***/
183#Navigator GtkDrawingArea {
184    background-color: @bg-dark-grey;
185    border: 1px solid @bg-dark-grey;
186}
187#Navigator {
188    background-color: @bg-dark-grey;
189    border-top: 156px solid @bg-light-grey;
190}
191
192#RightNotebook GtkDrawingArea {
193    background-color: @bg-dark-grey;
194}
195
196/*** Label ***/
197 .label {
198    padding: 0 4px;
199}
200    /*** Increase space between labels in navigater ***/
201#Navigator .label {
202    padding: 6px 0 3px;
203}
204#Navigator GtkTable .label {
205    padding: 0 0 4px;
206}
207    /***/
208GtkDialog .label,
209#ToolPanelNotebook .label,
210.notebook tab .label {
211    padding: 0 1px;
212}
213.button .label {
214    padding: 0;
215}
216
217    /*** Add left and right space between frame and labels ***/
218.frame > .label,
219#ToolPanelNotebook .frame > .label {
220    padding: 4px;
221}
222#BatchQueueButtonsMainContainer GtkFrame:nth-child(3) > .label{
223    padding: 2px 0px 4px;
224}
225
226#MyExpanderTitle .label {
227    padding: 2px 3px;
228}
229/*** end ***/
230
231.tooltip {
232    border-radius: 0;
233    padding: 0;
234}
235.tooltip.background {
236    background-color: @bg-dark-grey;
237    border: 1px solid @accent-color;
238}
239
240/*** PartialPaste ***/
241#PartialPaste:nth-child(2) {
242    background-color: @bg-light-grey;
243    border: 1px solid rgba(0,0,0,.50);
244}
245#PartialPaste > .frame {
246    padding: 8px 10px;
247}
248#PartialPasteHeaderSep {
249    color: rgb(192,192,192);
250}
251#PartialPasteHeader .label {
252    color: rgb(213,213,213);
253}
254/*** end ***/
255
256/*** Scrollbar ***/
257.scrollbar.trough {
258    background-color: rgba(0,0,0,.38);
259    background-image: none;
260    border: none;
261}
262.scrollbar.slider:active {
263    background-color: shade(@accent-color2,1.12);
264}
265
266/*** end ***/
267
268/*** Scale & Progressbar ***/
269.scale {
270    box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px rgba(242, 242, 242, 0.1);
271    -GtkRange-trough-border: 6;
272    -GtkScale-slider-length: 15;
273    -GtkRange-slider-width: 15;
274}
275.scale.trough,
276#ToolPanelNotebook .scale.trough {
277    background-color: @bg-scale-entry;
278    border-color: @bg-dark-grey;
279    box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px rgba(242, 242, 242, 0.1);
280}
281.scale.trough.highlight,
282#ToolPanelNotebook .scale.trough.highlight {
283    box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px rgba(242, 242, 242, 0.1);
284    background-image: none;
285    background-color: @accent-color2;
286    border: 1px solid @bg-dark-grey;
287    color: @text-hl-color2;
288}
289.scale.slider,
290#ToolPanelNotebook .scale.slider {
291    background-image: linear-gradient(to bottom, shade (@accent-color4,1.15), shade (@accent-color4,.85));
292    border: 1px solid shade(@bg-dark-grey, 1.25);
293    box-shadow: none;
294}
295.scale.fine-tune {
296    -GtkRange-trough-border: 5;
297}
298.scale.scale-has-marks-below {
299    -GtkRange-trough-border: 6;
300    -GtkScale-slider-length: 6;
301    -GtkRange-slider-width: 19;
302}
303.scale.slider.scale-has-marks-below {
304    border-radius: 0 0 20px 20px;
305    border: 1px solid @bg-dark-grey;
306}
307.scale.fine-tune.scale-has-marks-below {
308    -GtkRange-trough-border: 5;
309}
310.scale.slider:hover,
311#ToolPanelNotebook .scale.slider:hover {
312    background-image: linear-gradient(to bottom, shade (@accent-color4,1.25), shade (@accent-color4,.95));
313}
314
315.scale.slider:active,
316#ToolPanelNotebook .scale.slider:active {
317    background-image: linear-gradient(to bottom, shade (@accent-color4,1.25), shade (@accent-color4,.95));
318}
319
320GtkProgressBar {
321    -GtkProgressBar-min-vertical-bar-width: 8;
322    -GtkProgressBar-min-horizontal-bar-height: 8;
323    -GtkProgressBar-yspacing: 4px;
324    border-radius: 10px;
325    box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px rgba(242, 242, 242, 0.1);
326}
327.progressbar {
328    background-image: none;
329    background-color: @accent-color2;
330    border-color: @bg-dark-grey;
331}
332GtkProgressBar.trough {
333    background-image: none;
334    background-color: @bg-scale-entry;
335}
336#MainNotebook > GtkGrid GtkProgressBar {
337    box-shadow: none;
338}
339#MainNotebook > GtkGrid GtkProgressBar.trough {
340    background-image: none;
341    background-color: @bg-dark-grey;
342    border-color: @bg-dark-grey;
343}
344/*** end ***/
345
346/*** Load/Save ***/
347GtkFileChooserWidget {
348    background-color: @bg-grey;
349}
350GtkFileChooserWidget > GtkBox {
351    border-bottom-color: @bg-dark-grey;
352}
353GtkFileChooserWidget GtkBox {
354    background-color: transparent;
355}
356GtkFileChooserWidget GtkListBox * {
357    padding-top: 1px;
358    padding-bottom: 1px;
359}
360GtkFileChooserWidget GtkListBox {
361    background-color: @bg-dark-grey;
362}
363GtkFileChooserWidget .list-row * {
364    padding: 1px 4px;
365}
366GtkFileChooserWidget .list-row:hover {
367    background-color: @bg-list-hover;
368}
369GtkFileChooserWidget .list-row:hover * {
370    color: @text-hl-color2;
371}
372GtkFileChooserWidget .list-row:selected {
373    background-color: @accent-color;
374}
375GtkFileChooserWidget .list-row:selected * {
376    color: @text-hl-color;
377}
378/*** end ***/
379
380/*** Tab Bars ***/
381.notebook tab, .notebook.header {
382    background-color: @bg-dark-grey;
383    border-color: @bg-dark-grey;
384}
385#MainNotebook tab {
386    padding: 5px;
387}
388.notebook tab.top {
389    border-width: 0 0 5px 0;
390}
391.notebook tab.left {
392    border-width: 0 5px 0 0;
393}
394#RightNotebook tab.left,
395#PrefNotebook tab,
396GtkDialog tab {
397    padding: 9px;
398}
399#ToolPanelNotebook tab {
400    padding: 10px 2px 7px;
401}
402#MetaPanelNotebook tab {
403    padding: 8px 4px;
404}
405
406.notebook tab:active {
407    border-color: @accent-color;
408}
409
410/*** end ***/
411
412/*** File Browser ***/
413#FileBrowser GtkDrawingArea {
414    background-color: @bg-grey;
415}
416#FileBrowser GtkDrawingArea:selected {
417    background-color: @accent-color3;
418    color: @text-hl-color3;
419}
420/*** end ***/
421
422/*** Image ***/
423GtkImage {
424    padding: 0;
425}
426#MainNotebook > GtkGrid GtkImage  {
427    padding: 1px;
428}
429
430#ToolPanelNotebook GtkImage{
431    padding: 0 4px;
432}
433#MyExpanderTitle GtkImage{
434    padding: 0;
435}
436
437#ToolPanelNotebook tab GtkImage,
438#ToolPanelNotebook .button GtkImage {
439    padding: 1px 0;
440}
441
442GtkDialog .button GtkImage{
443    padding: 0;
444}
445GtkFileChooserWidget .button GtkImage{
446    padding: 0 4px;
447}
448/*** end ***/
449
450/*** Toolpanel ***/
451#ToolPanelNotebook {
452    background-color: @bg-dark-grey;
453    padding: 0;
454    border-top: 4px solid @bg-dark-grey;
455}
456
457#ToolPanelNotebook GtkScrolledWindow GtkViewport.frame {
458    padding: 0 4px;
459}
460#ToolPanelNotebook .separator {
461    color: transparent;
462}
463#ToolPanelNotebook GtkFrame,
464#PrefNotebook GtkFrame {
465    border: 1px solid @border-color;
466    border-radius: 0;
467    padding: 5px;
468}
469
470#ToolPanelNotebook GtkDrawingArea {
471    background-color: @bg-dark-grey;
472    border-color: @bg-light-grey;
473    color: @text-color;
474}
475#ToolPanelNotebook GtkDrawingArea {
476    border-radius: 1px; /* BUG: if 0, scale mini sliders look funny */
477}
478
479#ExpanderBox #ExpanderBox,
480#ExpanderBox2,
481#ExpanderBox3 {
482    border: 1px solid @border-color;
483}
484
485#ExpanderBox,
486#ExpanderBox2,
487#ExpanderBox3 {
488    background-color: @bg-grey;
489    border-radius: 0;
490}
491
492#MyExpanderTitle .label {
493    color: @text-color;
494}
495#MyExpanderTitle:hover .label {
496    color: @text-hl-color2;
497}
498/*** end ***/
499
500/*** View ***/
501.view {
502    background-color: @bg-dark-grey;
503    border-color: @view-grid-border;
504}
505#PrefNotebook .view {
506    background-color: @bg-grey;
507}
508#MainNotebook .view.cell:nth-child(2) {
509    padding: 1px 0px 1px 4px;
510}
511.view row:hover {
512    background-color: @bg-list-hover;
513    color: @text-hl-color2;
514}
515#PrefNotebook .view row:hover {
516    background-color: @bg-light-grey;
517    color: @text-hl-color2;
518}
519.view row:selected {
520    color: @text-hl-color;
521    background-color: @accent-color;
522}
523#PrefNotebook .view row:selected {
524    color: @text-hl-color;
525    background-color: @accent-color;
526}
527/*** end ***/
528
529/*** Metadata ***/
530#MetaPanelNotebook {
531    padding: 8px 11px 0;
532}
533#MetaPanelNotebook GtkScrolledWindow GtkViewport.frame {
534    padding: 8px 10px;
535}
536#MetaPanelNotebook.frame {
537    background-color: @bg-grey;
538    border-bottom: none;
539    border-top: 4px solid @bg-dark-grey;
540    border-left: 9px solid @bg-dark-grey;
541    border-right: 9px solid @bg-dark-grey;
542}
543#MetaPanelNotebook .separator {
544    color: @border-color;
545}
546#MetaPanelNotebook.header {
547    background-color: @bg-dark-grey;
548
549}
550#MetaPanelNotebook GtkTreeView {
551    padding: 1px;
552    background-color: @bg-grey;
553}
554#MetaPanelNotebook .frame GtkTreeView {
555    padding: 0px;
556    background-color: @bg-entry-IPTC;
557}
558#MetaPanelNotebook GtkTreeView:hover,
559#MetaPanelNotebook .frame GtkTreeView:hover {
560    background-color: @bg-list-hover;
561    color: @text-hl-color;
562}
563#MetaPanelNotebook GtkTreeView:selected,
564#MetaPanelNotebook .frame GtkTreeView:selected {
565    color: @text-hl-color;
566    background-color: @accent-color;
567}
568#MetaPanelNotebook GtkTextView {
569    color: @text-color;
570    background-color: @bg-entry-IPTC;
571    padding: 2px 4px;
572}
573/*** end ***/
574
575/*** Entry ***/
576.entry {
577    background-image: none;
578    background-color: @bg-scale-entry;
579    border: 1px solid @bg-entry-border;
580    border-radius: 0;
581    padding: 2px 4px;
582    color: @text-color;
583    box-shadow: inset 1px 1px rgba(0, 0, 0, 0.08), 0 1px rgba(242 , 242, 242, 0.1);
584}
585#FileBrowser .entry {
586    padding: 3px 4px;
587}
588.entry:focused:selected {
589    color: @text-hl-color;
590    background-color: @accent-color;
591}
592.entry:not(:focused):not(:insensitive) {/*Workaround*/
593    color: @text-color;
594    background-color: transparent;
595}
596.entry:not(:selected):not(:insensitive) {
597    color: @text-color;
598    background-color: @bg-scale-entry;
599}
600#ToolPanelNotebook .entry {
601    padding: 0 4px 0 8px;
602    border-radius: 20px 0 0 20px;
603    background-color: rgba(255,255,255,.12);
604    border: 1px solid rgba(0,0,0,.46);
605    color: @text-tbEntry;
606    box-shadow: inset 1px  1px rgba(0, 0, 0, .12), 0 1px rgba(255 , 255, 255, 0.12);
607}
608#ToolPanelNotebook .entry:focused:selected {
609    color: @text-hl-color;
610    background-color: @accent-color;
611}
612#ToolPanelNotebook .entry:not(:focused):not(:insensitive) {/*Workaround*/
613    color: @text-tbEntry;
614    background-color: transparent;
615}
616#ToolPanelNotebook  .entry:not(:selected):not(:insensitive) {
617    color: @text-tbEntry;
618    background-color: rgba(255,255,255,.12);
619}
620
621#MetaPanelNotebook .entry {
622    color: @text-color;
623    background-color: @bg-entry-IPTC;
624    border: none;
625    border-radius: 0;
626    padding: 2px 4px;
627    box-shadow: none;
628}
629#MetaPanelNotebook .entry:focused:selected {
630    color: @text-hl-color;
631    background-color: @accent-color;
632    box-shadow: none;
633}
634#MetaPanelNotebook .entry:not(:focused):not(:insensitive) {/*Workaround*/
635    color: @text-color;
636    background-color: transparent;
637    box-shadow: none;
638}
639#MetaPanelNotebook  .entry:not(:selected):not(:insensitive) {
640    color: @text-color;
641    background-color: @bg-entry-IPTC;
642    box-shadow: none;
643}
644/*** end ***/
645
646/*** Buttons ***/
647.button {
648    background-color: transparent;
649    border: 1px solid @bg-button-border;
650    border-radius: 0;
651    padding: 3px 4px;
652    box-shadow: inset 0 1px rgba(242, 242, 242, 0.1), 0 1px rgba(242, 242, 242, 0.1);
653    background-image: linear-gradient(to bottom, rgba(0,0,0,.05), rgba(0,0,0,.14) 40%, rgba(0,0,0,.26));
654}
655.message-dialog .dialog-action-area .button {
656    padding: 6px;
657 }
658
659.button.Left + .button:not(.image-button).Right {
660    border-left: none;
661}
662GtkComboBox .button {
663    padding: 4px 3px;
664}
665#ToolPanelNotebook .button,
666GtkDialog .button,
667#BatchQueueButtonsMainContainer .button {
668    padding: 0px 3px;
669}
670#BatchQueueButtons .button {
671    padding-top: 6px;
672    padding-bottom: 6px
673}
674#BeforeAfterContainer .button {
675    padding: 2px;
676}
677
678    /*** Fix: Space between first Retinex Comboboxes ***/
679GtkLabel + GtkComboBox + GtkComboBox {
680    padding-left: 4px;
681}
682
683.text-button {
684    padding: 0 2px 0 0;
685}
686#PartialPaste .text-button {
687    padding: 0 8px 0 2px;
688    -GtkCheckButton-indicator-spacing: 1;
689}
690#ToolPanelNotebook GtkFrame > .text-button {
691    padding: 0 3px 0 0;
692}
693
694.button.text-button {
695    padding: 5px 12px;
696}
697#ToolPanelNotebook .button.text-button,
698#PrefNotebook .button.text-button,
699GtkFileChooserWidget .button.text-button,
700#RightNotebook .button.text-button {
701    padding: 3px 4px;
702}
703GtkPopover .button.text-button {
704    padding: 2px 4px;
705}
706
707.spinbutton .button {
708    background-image: none;
709    background-color: transparent;
710    border: none;
711    border-radius: 0;
712    padding: 2px;
713    box-shadow: none;
714}
715#ToolPanelNotebook .spinbutton .button {
716    padding: 0;
717}
718
719.button:hover {
720    background-color: rgba(0, 0, 0,.18);
721}
722#ToolPanelNotebook .spinbutton .button:hover {
723    background-color: @bg-spin-button-hover;
724}
725
726.button:active,
727.button:checked {
728    background-image: linear-gradient(to bottom, rgb(41,41,41), rgb(37,37,37) 40%, rgb(25,25,25));
729    background-color: transparent;
730    border-color: black;
731}
732
733#MainNotebook > GtkGrid .button {
734    padding: 2px;
735    border: 4px solid @bg-dark-grey;
736    background-color: transparent;
737    background-image: none;
738    box-shadow: none;
739}
740#MainNotebook tab .button {
741    padding: 1px;
742    border-top: 4px solid @bg-dark-grey;
743    border-bottom: 4px solid @bg-dark-grey;
744    border-left: none;
745    border-right: none;
746    background-color: transparent;
747    background-image: none;
748    box-shadow: none;
749}
750#MainNotebook > GtkGrid .button:hover,
751#MainNotebook tab .button:hover {
752    background-color: rgba(255,255,255,.20);
753    box-shadow: inset 0 1px rgba(255, 255, 255, 0.12);
754    background-image: linear-gradient(to bottom, rgba(0,0,0,.05), rgba(0,0,0,.12) 40%, rgba(0,0,0,.24));
755}
756#MainNotebook > GtkGrid .button:active,
757#MainNotebook tab .button:active {
758    background-color: rgba(255,255,255,.27);
759    box-shadow: inset 0 1px rgba(255, 255, 255, 0.12);
760    background-image: linear-gradient(to bottom, rgba(0,0,0,.05), rgba(0,0,0,.12) 40%, rgba(0,0,0,.24));
761}
762.view .button {
763    background-color: rgb(20,20,20);
764    padding: 1px 5px 2px;
765    background-image: none;
766    border-color: black;
767    box-shadow: none;
768}
769.menu .button.bottom,
770.menu .button.bottom:insensitive {
771    background-color: rgb(20,20,20);
772    border-color: @accent-color;
773    border-width: 0 1px 1px 1px;
774    background-image: none;
775    box-shadow: none;
776}
777.menu .button.top,
778.menu .button.top:insensitive {
779    background-color: rgb(20,20,20);
780    border-color: @accent-color;
781    border-width: 1px 1px 0 1px;
782    background-image: none;
783    box-shadow: none;
784}
785#fullButton,
786#histButton {
787    padding: 5px;
788    border: none;
789    background-color: @bg-dark-grey;
790    background-image: none;
791    box-shadow: none;
792}
793/*** end ***/
794
795/*** Check & Radio buttons ***/
796.check,
797.check row {
798    -gtk-icon-source: url("images/twb/checkbox-unchecked.png");
799}
800.check:checked,
801.check row:checked {
802    -gtk-icon-source: url("images/twb/checkbox-checked.png");
803}
804.check:insensitive,
805.check row:insensitive {
806    -gtk-icon-source: url("images/twb/checkbox-unchecked-disabled.png");
807}
808.check:checked:insensitive,
809.check row:checked:insensitive {
810    -gtk-icon-source: url("images/twb/checkbox-checked-disabled.png");
811}
812.check:inconsistent,
813.check row:inconsistent {
814    -gtk-icon-source: url("images/twb/checkbox-inconsistent.png");
815}
816.check:inconsistent:insensitive,
817.check row:inconsistent:insensitive {
818    -gtk-icon-source: url("images/twb/checkbox-inconsistent-disabled.png");
819}
820
821.radio,
822.radio row {
823    -gtk-icon-source: url("images/twb/radio-unchecked.png");
824}
825.radio:checked,
826.radio row:checked {
827    -gtk-icon-source: url("images/twb/radio-checked.png");
828}
829.radio:insensitive,
830.radio row:insensitive {
831    -gtk-icon-source: url("images/twb/radio-unchecked-disabled.png");
832}
833.radio:checked:insensitive,
834.radio row:checked:insensitive {
835    -gtk-icon-source: url("images/twb/radio-checked-disabled.png");
836}
837.radio:inconsistent,
838.radio row:inconsistent {
839    -gtk-icon-source: url("images/twb/radio-inconsistent.png");
840}
841.radio:inconsistent:insensitive,
842.radio row:inconsistent:insensitive {
843    -gtk-icon-source: url("images/twb/radio-inconsistent-disabled.png");
844}
845/*** end ***/
846
847/*** Disabled Items  ***/
848
849*:insensitive,
850#ToolPanelNotebook *:insensitive {
851    color: rgb(128,128,128);
852    box-shadow: none;
853}
854#ToolPanelNotebook .entry:insensitive {
855    color: rgb(144,144,144);
856    background-color: rgba(255,255,255,.06);
857    box-shadow: none;
858}
859.button:insensitive {
860    background-image: none;
861    background-color: rgba(0,0,0,.10);
862    border-color: rgba(0,0,0,.30);
863    box-shadow: none;
864}
865.spinbutton .button:insensitive {
866    background-image: none;
867    background-color: transparent;
868    border: none;
869    box-shadow: none;
870}
871.scale.slider:insensitive,
872.scale.trough.highlight:insensitive,
873.scale.trough:insensitive,
874#ToolPanelNotebook .scale.slider:insensitive,
875#ToolPanelNotebook .scale.trough.highlight:insensitive,
876#ToolPanelNotebook .scale.trough:insensitive {
877    background-color: rgb(65,65,65);
878    box-shadow: none;
879    background-image: none;
880}
881/*** end ***/
882