1stage {
2  font-family: Futura Bk bt, sans, Sans-Serif;
3  font-size: 9pt;
4  color: #242424;
5}
6
7.label-shadow {
8  color: rgba(0, 0, 0, 0);
9}
10
11.sound-button, .notification-button, .notification-icon-button, .menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button, #notification .notification-button, #notification .notification-icon-button {
12  min-height: 20px;
13  padding: 5px 32px;
14  transition-duration: 100ms;
15  border-radius: 5px;
16  text-shadow: none;
17  color: #242424;
18  border: 1px solid rgba(0, 0, 0, 0.15);
19  background-color: white;
20  box-shadow: inset 0 1px white;
21}
22
23.sound-button:focus, .notification-button:focus, .notification-icon-button:focus, #notification .notification-button:focus, #notification .notification-icon-button:focus {
24  text-shadow: none;
25  color: #242424;
26  background-color: white;
27  border: 1px solid #E9873A;
28  box-shadow: inset 0 1px rgba(255, 255, 255, 0.12);
29  border-radius: 5px;
30}
31
32.sound-button:hover, .notification-button:hover, .notification-icon-button:hover, #notification .notification-button:hover, #notification .notification-icon-button:hover {
33  text-shadow: none;
34  color: #0b0b0b;
35  border: 1px solid rgba(0, 0, 0, 0.15);
36  background-color: #ffffff;
37  box-shadow: inset 0 1px rgba(255, 255, 255, 0.12);
38  border-radius: 5px;
39}
40
41.sound-button:hover:focus, .notification-button:hover:focus, .notification-icon-button:hover:focus, #notification .notification-button:hover:focus, #notification .notification-icon-button:hover:focus {
42  text-shadow: none;
43  color: #0b0b0b;
44  background-color: #ffffff;
45  border: 1px solid #E9873A;
46  box-shadow: inset 0 1px rgba(255, 255, 255, 0.12);
47  border-radius: 5px;
48}
49
50.sound-button:active, .notification-button:active, .notification-icon-button:active, #notification .notification-button:active, #notification .notification-icon-button:active {
51  text-shadow: none;
52  color: white;
53  background-color: #E9873A;
54  border: 1px solid #e77f2c;
55  border-radius: 5px;
56}
57
58.sound-button:insensitive, .notification-button:insensitive, .notification-icon-button:insensitive, #notification .notification-button:insensitive, #notification .notification-icon-button:insensitive {
59  text-shadow: none;
60  color: rgba(36, 36, 36, 0.45);
61  border: 1px solid rgba(0, 0, 0, 0.15);
62  background-color: rgba(255, 255, 255, 0.55);
63  border-radius: 5px;
64}
65
66.modal-dialog-button-box .modal-dialog-button {
67  min-height: 20px;
68  padding: 5px 32px;
69  transition-duration: 100ms;
70  border-radius: 5px;
71  text-shadow: none;
72  color: #dadada;
73  background-color: rgba(98, 98, 98, 0.96);
74}
75
76.modal-dialog-button-box .modal-dialog-button:hover {
77  text-shadow: none;
78  color: #dadada;
79  background-color: #747474;
80}
81
82.modal-dialog-button-box .modal-dialog-button:focus {
83  color: #E9873A;
84}
85
86.modal-dialog-button-box .modal-dialog-button:active {
87  text-shadow: none;
88  color: white;
89  background-color: #E9873A;
90}
91
92.modal-dialog-button-box .modal-dialog-button:insensitive {
93  text-shadow: none;
94  color: #5f5f5f;
95  background-color: rgba(98, 98, 98, 0.81);
96}
97
98#menu-search-entry, .notification StEntry, .menu #notification StEntry, .popup-menu #notification StEntry, #notification StEntry {
99  padding: 7px;
100  caret-size: 1px;
101  selection-background-color: #E9873A;
102  selected-color: white;
103  transition-duration: 300ms;
104  border-radius: 5px;
105  color: #363636;
106  border: 1px solid rgba(0, 0, 0, 0.15);
107  background-color: #ffffff;
108}
109
110#menu-search-entry:focus, .notification StEntry:focus, .menu #notification StEntry:focus, .popup-menu #notification StEntry:focus, #notification StEntry:focus, #menu-search-entry:hover, .notification StEntry:hover, .menu #notification StEntry:hover, .popup-menu #notification StEntry:hover, #notification StEntry:hover {
111  color: #363636;
112  border: 1px solid #6887cd;
113  background-color: #ffffff;
114  box-shadow: 0 0 0 2px #f1b17f;
115}
116
117#menu-search-entry:insensitive, .notification StEntry:insensitive, .menu #notification StEntry:insensitive, .popup-menu #notification StEntry:insensitive, #notification StEntry:insensitive {
118  color: rgba(36, 36, 36, 0.45);
119  border: 1px solid rgba(0, 0, 0, 0.15);
120  background-color: rgba(255, 255, 255, 0.55);
121}
122
123#menu-search-entry StIcon.capslock-warning, .notification StEntry StIcon.capslock-warning, .menu #notification StEntry StIcon.capslock-warning, .popup-menu #notification StEntry StIcon.capslock-warning, #notification StEntry StIcon.capslock-warning {
124  icon-size: 16px;
125  warning-color: #F27835;
126  padding: 0 4px;
127}
128
129StScrollView.vfade {
130  -st-vfade-offset: 0px;
131}
132
133StScrollView.hfade {
134  -st-hfade-offset: 0px;
135}
136
137StScrollBar {
138  padding: 8px;
139}
140
141StScrollView StScrollBar {
142  min-width: 5px;
143  min-height: 5px;
144}
145
146StScrollBar StBin#trough {
147  background-color: rgba(255, 255, 255, 0.1);
148  border-radius: 8px;
149}
150
151StScrollBar StButton#vhandle, StScrollBar StButton#hhandle {
152  border-radius: 2px;
153  background-color: #a1a1a1;
154  border: 0px solid;
155  margin: 0px;
156}
157
158StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover {
159  background-color: #b6b6b6;
160}
161
162StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
163  background-color: #E9873A;
164}
165
166.separator {
167  -gradient-height: 1px;
168  -gradient-start: rgba(0, 0, 0, 0);
169  -gradient-end: rgba(0, 0, 0, 0);
170  -margin-horizontal: 1.5em;
171  height: 1em;
172}
173
174.popup-slider-menu-item,
175.slider {
176  -slider-height: 4px;
177  -slider-background-color: rgba(0, 0, 0, 0.15);
178  -slider-border-color: rgba(0, 0, 0, 0);
179  -slider-active-background-color: #E9873A;
180  -slider-active-border-color: rgba(0, 0, 0, 0);
181  -slider-border-width: 0;
182  -slider-handle-radius: 4px;
183  height: 18px;
184  min-width: 15em;
185  border: 0 solid transparent;
186  border-right-width: 1px;
187  border-left-width: 5px;
188  color: transparent;
189}
190
191.popup-menu-item:active .popup-slider-menu-item, .popup-menu-item:active .slider {
192  -slider-background-color: rgba(0, 0, 0, 0.2);
193  -slider-active-background-color: white;
194}
195
196.check-box CinnamonGenericContainer {
197  spacing: .2em;
198  min-height: 30px;
199  padding-top: 2px;
200}
201
202.check-box StLabel {
203  font-weight: normal;
204}
205
206.check-box StBin {
207  width: 16px;
208  height: 16px;
209  background-image: url("assets/checkbox-unchecked.svg");
210}
211
212.check-box:focus StBin {
213  background-image: url("assets/checkbox-unchecked-focused.svg");
214}
215
216.check-box:checked StBin {
217  background-image: url("assets/checkbox-checked.svg");
218}
219
220.check-box:focus:checked StBin {
221  background-image: url("assets/checkbox-checked-focused.svg");
222}
223
224.radiobutton CinnamonGenericContainer {
225  spacing: .2em;
226  height: 26px;
227  padding-top: 2px;
228}
229
230.radiobutton StLabel {
231  padding-top: 4px;
232  font-size: 0.9em;
233  box-shadow: none;
234}
235
236.radiobutton StBin {
237  width: 16px;
238  height: 16px;
239  background-image: url("assets/checkbox-unchecked.svg");
240}
241
242.radiobutton:focus StBin {
243  background-image: url("assets/checkbox-unchecked-focused.svg");
244}
245
246.radiobutton:checked StBin {
247  background-image: url("assets/checkbox-checked.svg");
248}
249
250.radiobutton:focus:checked StBin {
251  background-image: url("assets/checkbox-checked-focused.svg");
252}
253
254.toggle-switch {
255  width: 40px;
256  height: 24px;
257  background-size: contain;
258  background-image: url("assets/toggle-off.svg");
259}
260
261.toggle-switch:checked {
262  background-image: url("assets/toggle-on.svg");
263}
264
265.popup-menu-item:active .toggle-switch {
266  background-image: url("assets/toggle-off.svg");
267}
268
269.popup-menu-item:active .toggle-switch:checked {
270  background-image: url("assets/toggle-on.svg");
271}
272
273.cinnamon-link {
274  color: #3484e2;
275  text-decoration: underline;
276}
277
278.cinnamon-link:hover {
279  color: #619fe8;
280}
281
282#Tooltip {
283  border-radius: 3px;
284  padding: 5px 12px;
285  background-color: #2a2a2a;
286  color: #dadada;
287  font-size: 1em;
288  font-weight: normal;
289  text-align: center;
290}
291
292.menu,
293.popup-menu,
294.popup-combo-menu {
295  padding: 4px 4px 6px 4px;
296  color: #242424;
297  border-image: url("assets/menu.svg") 15 15 15 15;
298}
299
300.menu-arrow,
301.popup-menu-arrow {
302  icon-size: 16px;
303}
304
305.menu .popup-sub-menu,
306.popup-menu .popup-sub-menu,
307.popup-combo-menu .popup-sub-menu {
308  background-gradient-direction: none;
309  box-shadow: none;
310  border-image: url("assets/submenu.svg") 15 15 2 2;
311}
312
313.menu .popup-sub-menu .popup-menu-item:ltr,
314.popup-menu .popup-sub-menu .popup-menu-item:ltr,
315.popup-combo-menu .popup-sub-menu .popup-menu-item:ltr {
316  padding-right: 8px;
317}
318
319.menu .popup-sub-menu .popup-menu-item:rtl,
320.popup-menu .popup-sub-menu .popup-menu-item:rtl,
321.popup-combo-menu .popup-sub-menu .popup-menu-item:rtl {
322  padding-left: 8px;
323}
324
325.menu .popup-sub-menu StScrollBar,
326.popup-menu .popup-sub-menu StScrollBar,
327.popup-combo-menu .popup-sub-menu StScrollBar {
328  padding: 4px;
329}
330
331.menu .popup-sub-menu StScrollBar StBin#trough, .menu .popup-sub-menu StScrollBar StBin#vhandle,
332.popup-menu .popup-sub-menu StScrollBar StBin#trough,
333.popup-menu .popup-sub-menu StScrollBar StBin#vhandle,
334.popup-combo-menu .popup-sub-menu StScrollBar StBin#trough,
335.popup-combo-menu .popup-sub-menu StScrollBar StBin#vhandle {
336  border-width: 0;
337}
338
339.menu .popup-menu-content,
340.popup-menu .popup-menu-content,
341.popup-combo-menu .popup-menu-content {
342  padding: 1em 0em 1em 0em;
343}
344
345.menu .popup-menu-item,
346.popup-menu .popup-menu-item,
347.popup-combo-menu .popup-menu-item {
348  padding: .4em 1.75em;
349  spacing: 1em;
350}
351
352.menu .popup-menu-item:active,
353.popup-menu .popup-menu-item:active,
354.popup-combo-menu .popup-menu-item:active {
355  color: white;
356  border-image: url("assets/menu-hover.svg") 15 15 2 2;
357}
358
359.menu .popup-menu-item:insensitive,
360.popup-menu .popup-menu-item:insensitive,
361.popup-combo-menu .popup-menu-item:insensitive {
362  color: rgba(36, 36, 36, 0.5);
363  background: none;
364}
365
366.menu .popup-inactive-menu-item,
367.popup-menu .popup-inactive-menu-item,
368.popup-combo-menu .popup-inactive-menu-item {
369  color: #242424;
370}
371
372.menu .popup-inactive-menu-item:insensitive,
373.popup-menu .popup-inactive-menu-item:insensitive,
374.popup-combo-menu .popup-inactive-menu-item:insensitive {
375  color: rgba(36, 36, 36, 0.45);
376}
377
378.menu .popup-menu-item:active .popup-inactive-menu-item,
379.popup-menu .popup-menu-item:active .popup-inactive-menu-item,
380.popup-combo-menu .popup-menu-item:active .popup-inactive-menu-item {
381  color: white;
382}
383
384.menu-icon,
385.popup-menu-icon {
386  icon-size: 16px;
387}
388
389.popup-menu-boxpointer {
390  -arrow-border-radius: 3px;
391  -arrow-background-color: rgba(0, 0, 0, 0);
392  -arrow-border-width: 0;
393  -arrow-border-color: rgba(0, 0, 0, 0);
394  -arrow-base: 0;
395  -arrow-rise: 0;
396  margin: 0.4em 0.5em 0.5em;
397  border-radius: 2px;
398}
399
400.popup-combo-menu {
401  padding: 10px;
402}
403
404.popup-combobox-item {
405  spacing: 1em;
406}
407
408.popup-separator-menu-item {
409  -gradient-height: 2px;
410  -gradient-start: transparent;
411  -gradient-end: transparent;
412  -margin-horizontal: 1.5em;
413  height: 1px;
414  margin: 0;
415  padding: 0;
416  border-color: rgba(0, 0, 0, 0.15);
417  border-bottom-width: 1px;
418  border-bottom-style: solid;
419  background-color: transparent;
420}
421
422.popup-alternating-menu-item:alternate {
423  font-weight: normal;
424}
425
426.popup-device-menu-item {
427  spacing: .5em;
428}
429
430.popup-subtitle-menu-item {
431  font-weight: normal;
432}
433
434.nm-menu-item-icons {
435  spacing: .5em;
436}
437
438#panel {
439  font-weight: bold;
440  height: 27px;
441  width: 32px;
442}
443
444#panel:highlight {
445  border-image: none;
446  background-color: rgba(252, 65, 56, 0.5);
447}
448
449#panelLeft {
450  spacing: 4px;
451}
452
453#panelLeft:dnd {
454  background-gradient-direction: vertical;
455  background-gradient-start: rgba(255, 0, 0, 0.05);
456  background-gradient-end: rgba(255, 0, 0, 0.2);
457}
458
459#panelLeft:ltr {
460  padding-right: 4px;
461}
462
463#panelLeft:rtl {
464  padding-left: 4px;
465}
466
467#panelLeft.vertical {
468  padding: 0;
469}
470
471#panelLeft.vertical:ltr {
472  padding-right: 0px;
473}
474
475#panelLeft.vertical:rtl {
476  padding-left: 0px;
477}
478
479#panelRight:dnd {
480  background-gradient-direction: vertical;
481  background-gradient-start: rgba(0, 0, 255, 0.05);
482  background-gradient-end: rgba(0, 0, 255, 0.2);
483}
484
485#panelRight:ltr {
486  padding-left: 4px;
487  spacing: 0px;
488}
489
490#panelRight:rtl {
491  padding-right: 4px;
492  spacing: 0px;
493}
494
495#panelRight.vertical {
496  padding: 0;
497}
498
499#panelRight.vertical:ltr {
500  padding-right: 0px;
501}
502
503#panelRight.vertical:rtl {
504  padding-left: 0px;
505}
506
507#panelCenter {
508  spacing: 4px;
509}
510
511#panelCenter:dnd {
512  background-gradient-direction: vertical;
513  background-gradient-start: rgba(0, 255, 0, 0.05);
514  background-gradient-end: rgba(0, 255, 0, 0.2);
515}
516
517.panel-top, .panel-bottom, .panel-left, .panel-right {
518  color: #363636;
519  font-size: 1em;
520  padding: 0px;
521  background-color: rgba(241, 241, 241, 0.95);
522  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5), 0 0 16px rgba(0, 0, 0, 0.24);
523}
524
525.panel-top .panel-button:hover,
526.panel-top .panel-status-button:hover, .panel-bottom .panel-button:hover,
527.panel-bottom .panel-status-button:hover, .panel-left .panel-button:hover,
528.panel-left .panel-status-button:hover, .panel-right .panel-button:hover,
529.panel-right .panel-status-button:hover {
530  color: #242424;
531  background-color: rgba(36, 36, 36, 0.1);
532}
533
534.panel-top .panel-button:active,
535.panel-top .panel-status-button:active, .panel-bottom .panel-button:active,
536.panel-bottom .panel-status-button:active, .panel-left .panel-button:active,
537.panel-left .panel-status-button:active, .panel-right .panel-button:active,
538.panel-right .panel-status-button:active {
539  color: white;
540  background-color: #E9873A;
541}
542
543.panel-dummy {
544  background-color: rgba(252, 65, 56, 0.5);
545}
546
547.panel-dummy:entered {
548  background-color: rgba(252, 65, 56, 0.6);
549}
550
551.panel-status-button {
552  border-width: 0;
553  -natural-hpadding: 3px;
554  -minimum-hpadding: 3px;
555  font-weight: bold;
556  height: 22px;
557  color: #363636;
558}
559
560.panel-button {
561  -natural-hpadding: 6px;
562  -minimum-hpadding: 2px;
563  font-weight: bold;
564  transition-duration: 100ms;
565  color: #363636;
566}
567
568.system-status-icon {
569  icon-size: 16px;
570  padding: 0 1px;
571}
572
573#overview {
574  spacing: 12px;
575}
576
577.window-caption {
578  background-color: #2a2a2a;
579  border: 1px solid #2a2a2a;
580  color: #dadada;
581  spacing: 25px;
582  border-radius: 2px;
583  font-size: 9pt;
584  padding: 5px 8px;
585  -cinnamon-caption-spacing: 4px;
586}
587
588#selected.window-caption {
589  background-color: #E9873A;
590  color: white;
591  border: 1px solid #E9873A;
592  spacing: 25px;
593}
594
595.expo-workspaces-name-entry,
596#selected.expo-workspaces-name-entry {
597  height: 15px;
598  border-radius: 2px;
599  font-size: 9pt;
600  padding: 5px 8px;
601  -cinnamon-caption-spacing: 4px;
602  color: #dadada;
603  background-color: rgba(98, 98, 98, 0.96);
604  border: 1px solid rgba(0, 0, 0, 0.15);
605  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05);
606}
607
608.expo-workspaces-name-entry:focus,
609#selected.expo-workspaces-name-entry:focus {
610  border: 1px solid #E9873A;
611  background-color: #E9873A;
612  color: white;
613  font-style: italic;
614  transition-duration: 300;
615  selection-background-color: white;
616  selected-color: #E9873A;
617}
618
619.expo-workspace-thumbnail-frame {
620  border: 4px solid rgba(255, 255, 255, 0);
621  background-color: rgba(255, 255, 255, 0);
622  border-radius: 2px;
623}
624
625#active.expo-workspace-thumbnail-frame {
626  border: 4px solid #E9873A;
627  background-color: black;
628  border-radius: 2px;
629}
630
631.expo-background {
632  background-color: #2a2a2a;
633}
634
635.workspace-thumbnails {
636  spacing: 26px;
637}
638
639.workspace-thumbnails-background, .workspace-thumbnails-background:rtl {
640  padding: 8px;
641}
642
643.workspace-add-button {
644  background-image: url("assets/add-workspace.svg");
645  height: 200px;
646  width: 35px;
647  transition-duration: 100;
648}
649
650.workspace-add-button:hover {
651  background-image: url("assets/add-workspace-hover.svg");
652  transition-duration: 100;
653}
654
655.workspace-add-button:active {
656  background-image: url("assets/add-workspace-active.svg");
657  transition-duration: 100;
658}
659
660.workspace-overview-background-shade {
661  background-color: rgba(0, 0, 0, 0.5);
662}
663
664.workspace-close-button,
665.window-close {
666  background-image: url("assets/close.svg");
667  background-size: 26px;
668  height: 26px;
669  width: 26px;
670  -cinnamon-close-overlap: 10px;
671}
672
673.workspace-close-button:hover,
674.window-close:hover {
675  background-image: url("assets/close-hover.svg");
676  background-size: 26px;
677  height: 26px;
678  width: 26px;
679}
680
681.workspace-close-button:active,
682.window-close:active {
683  background-image: url("assets/close-active.svg");
684  background-size: 26px;
685  height: 26px;
686  width: 26px;
687}
688
689.workspace-thumbnail-indicator {
690  outline: 2px solid red;
691  border: 1px solid green;
692}
693
694.window-close:rtl {
695  -st-background-image-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5);
696}
697
698.window-close-area {
699  background-image: url("assets/trash-icon.svg");
700  height: 120px;
701  width: 400px;
702}
703
704.about-content {
705  width: 550px;
706  height: 250px;
707  spacing: 8px;
708  padding-bottom: 10px;
709}
710
711.about-title {
712  font-size: 2em;
713  font-weight: bold;
714}
715
716.about-uuid {
717  font-size: 10px;
718  color: #888;
719}
720
721.about-icon {
722  padding-right: 20px;
723  padding-bottom: 14px;
724}
725
726.about-scrollBox {
727  border: 1px solid rgba(0, 0, 0, 0.15);
728  border-radius: 2px;
729  background-color: #ffffff;
730  padding: 4px;
731  padding-right: 0;
732  border-radius: 0;
733}
734
735.about-scrollBox-innerBox {
736  padding: 1.2em;
737  spacing: 1.2em;
738}
739
740.about-description {
741  padding-top: 4px;
742  padding-bottom: 16px;
743}
744
745.about-version {
746  padding-left: 7px;
747  font-size: 10px;
748  color: #888;
749}
750
751.calendar {
752  padding: .4em 1.75em;
753  spacing-rows: 0px;
754  spacing-columns: 0px;
755}
756
757.calendar-month-label {
758  color: #242424;
759  font-weight: bold;
760  margin: 0 2px;
761  padding: 2px;
762}
763
764.calendar-change-month-back,
765.calendar-change-month-forward {
766  width: 24px;
767  height: 24px;
768  margin: 0;
769  padding: 0;
770  border-radius: 100px;
771}
772
773.calendar-change-month-back:focus, .calendar-change-month-back:hover,
774.calendar-change-month-forward:focus,
775.calendar-change-month-forward:hover {
776  background-color: rgba(36, 36, 36, 0.1);
777}
778
779.calendar-change-month-back:active,
780.calendar-change-month-forward:active {
781  background-color: rgba(36, 36, 36, 0.25);
782}
783
784.calendar-change-month-back {
785  background-image: url("assets/calendar-arrow-left.svg");
786}
787
788.calendar-change-month-back:rtl {
789  background-image: url("assets/calendar-arrow-right.svg");
790}
791
792.calendar-change-month-forward {
793  background-image: url("assets/calendar-arrow-right.svg");
794}
795
796.calendar-change-month-forward:rtl {
797  background-image: url("assets/calendar-arrow-left.svg");
798}
799
800.datemenu-date-label {
801  padding: .4em 1.75em;
802  font-weight: bold;
803  text-align: center;
804  color: #242424;
805  border-radius: 2px;
806}
807
808.calendar-day-base {
809  font-size: 80%;
810  text-align: center;
811  width: 25px;
812  height: 25px;
813  padding: 0.1em;
814  margin: 2px;
815  border-radius: 12.5px;
816}
817
818.calendar-day-heading {
819  color: rgba(36, 36, 36, 0.85);
820  margin-top: 1em;
821  font-size: 70%;
822}
823
824.calendar-day {
825  border-width: 0;
826  color: rgba(36, 36, 36, 0.8);
827}
828
829.calendar-day-top {
830  border-top-width: 0;
831}
832
833.calendar-day-left {
834  border-left-width: 0;
835}
836
837.calendar-nonwork-day {
838  color: #242424;
839  background-color: transparent;
840  font-weight: bold;
841}
842
843.calendar-today,
844.calendar-today:active,
845.calendar-today:focus,
846.calendar-today:hover {
847  font-weight: bold;
848  color: white;
849  background-color: #E9873A;
850  border-width: 0;
851}
852
853.calendar-other-month-day {
854  color: rgba(36, 36, 36, 0.3);
855  opacity: 1;
856}
857
858.calendar-week-number {
859  color: rgba(36, 36, 36, 0.7);
860  font-size: 80%;
861}
862
863#notification {
864  border-radius: 3px;
865  padding: 13px;
866  spacing-rows: 10px;
867  spacing-columns: 10px;
868  margin-from-right-edge-of-screen: 20px;
869  width: 34em;
870  color: #363636;
871  background-color: #f5f5f5;
872}
873
874#notification .notification-button, #notification .notification-icon-button {
875  padding: 5px;
876}
877
878.menu #notification, .popup-menu #notification {
879  border: 1px solid rgba(0, 0, 0, 0.15);
880}
881
882.menu #notification, .menu #notification.multi-line-notification, .popup-menu #notification, .popup-menu #notification.multi-line-notification {
883  color: #363636;
884}
885
886.menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button {
887  padding: 5px;
888}
889
890#notification.multi-line-notification {
891  padding-bottom: 13px;
892  color: #363636;
893}
894
895#notification-scrollview {
896  max-height: 10em;
897}
898
899#notification-scrollview > .top-shadow, #notification-scrollview > .bottom-shadow {
900  height: 1em;
901}
902
903#notification-scrollview:ltr > StScrollBar {
904  padding-left: 6px;
905}
906
907#notification-scrollview:rtl > StScrollBar {
908  padding-right: 6px;
909}
910
911#notification-body {
912  spacing: 5px;
913}
914
915#notification-actions {
916  spacing: 10px;
917}
918
919.notification-with-image {
920  min-height: 159px;
921  color: #363636;
922}
923
924.notification-button, .notification-icon-button {
925  padding: 5px;
926}
927
928.notification-icon-button > StIcon {
929  icon-size: 36px;
930}
931
932#altTabPopup {
933  padding: 8px;
934  spacing: 16px;
935}
936
937.switcher-list {
938  color: #dadada;
939  background-color: #2a2a2a;
940  border: 1px solid rgba(0, 0, 0, 0.15);
941  border-radius: 3px;
942  padding: 20px;
943}
944
945.switcher-list > StBoxLayout {
946  padding: 4px;
947}
948
949.switcher-list-item-container {
950  spacing: 8px;
951}
952
953.switcher-list .item-box {
954  padding: 8px;
955  border-radius: 2px;
956}
957
958.switcher-list .item-box:outlined {
959  padding: 8px;
960  border: 1px solid #E9873A;
961}
962
963.switcher-list .item-box:selected {
964  color: white;
965  background-color: #E9873A;
966  border: 0px solid #E9873A;
967}
968
969.switcher-list .thumbnail {
970  width: 256px;
971}
972
973.switcher-list .thumbnail-box {
974  padding: 2px;
975  spacing: 4px;
976}
977
978.switcher-list .separator {
979  width: 1px;
980  background: rgba(255, 255, 255, 0.2);
981}
982
983.switcher-arrow {
984  border-color: rgba(0, 0, 0, 0);
985  color: #dadada;
986}
987
988.switcher-arrow:highlighted {
989  border-color: rgba(0, 0, 0, 0);
990  color: #363636;
991}
992
993.thumbnail-scroll-gradient-left {
994  background-color: rgba(0, 0, 0, 0);
995  border-radius: 24px;
996  border-radius-topright: 0px;
997  border-radius-bottomright: 0px;
998  width: 60px;
999}
1000
1001.thumbnail-scroll-gradient-right {
1002  background-color: rgba(0, 0, 0, 0);
1003  border-radius: 24px;
1004  border-radius-topleft: 0px;
1005  border-radius-bottomleft: 0px;
1006  width: 60px;
1007}
1008
1009.ripple-box {
1010  width: 104px;
1011  height: 104px;
1012  background-image: url("assets/corner-ripple.svg");
1013  background-size: contain;
1014}
1015
1016.lightbox {
1017  background-color: rgba(0, 0, 0, 0.4);
1018}
1019
1020.flashspot {
1021  background-color: white;
1022}
1023
1024.modal-dialog {
1025  color: #dadada;
1026  background-color: rgba(34, 34, 34, 0.95);
1027  border: 1px solid rgba(0, 0, 0, 0.65);
1028  padding: 0 5px 6px 5px;
1029  border-radius: 5px;
1030  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.75), 0 5px 18px rgba(0, 0, 0, 0.55);
1031}
1032
1033.modal-dialog > StBoxLayout:first-child {
1034  padding: 20px 10px 10px 10px;
1035}
1036
1037.modal-dialog-button-box {
1038  spacing: 0;
1039  margin: 0;
1040  padding: 14px 10px;
1041  background-color: transparent;
1042  border: none;
1043}
1044
1045.modal-dialog-button-box .modal-dialog-button {
1046  padding-top: 0;
1047  padding-bottom: 0;
1048  height: 30px;
1049}
1050
1051.run-dialog {
1052  padding: 0px 15px 10px 15px;
1053  background-color: #f5f5f5;
1054  border-radius: 5px;
1055}
1056
1057.run-dialog > * {
1058  padding: 0;
1059}
1060
1061.run-dialog-label {
1062  font-size: 0;
1063  font-weight: bold;
1064  color: #dadada;
1065  padding-bottom: 0;
1066}
1067
1068.run-dialog-error-label {
1069  color: #FC4138;
1070}
1071
1072.run-dialog-error-box {
1073  padding-top: 15px;
1074  spacing: 5px;
1075}
1076
1077.run-dialog-completion-box {
1078  padding-left: 15px;
1079  font-size: 10px;
1080}
1081
1082.run-dialog-entry {
1083  width: 21em;
1084  padding: 7px;
1085  border-radius: 3px;
1086  caret-color: #dadada;
1087  selected-color: white;
1088  selection-background-color: #E9873A;
1089  color: #dadada;
1090  background-color: rgba(98, 98, 98, 0.96);
1091  border: 1px solid rgba(0, 0, 0, 0.15);
1092  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05);
1093}
1094
1095.run-dialog-entry:focus {
1096  color: white;
1097  background-color: #E9873A;
1098  border: 1px solid #E9873A;
1099  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05);
1100}
1101
1102.run-dialog .modal-dialog-button-box {
1103  border: none;
1104  box-shadow: none;
1105  background: none;
1106  background-gradient-direction: none;
1107}
1108
1109/* CinnamonMountOperation Dialogs */
1110.cinnamon-mount-operation-icon {
1111  icon-size: 48px;
1112}
1113
1114.mount-password-reask {
1115  color: #F27835;
1116}
1117
1118.show-processes-dialog,
1119.mount-question-dialog {
1120  spacing: 24px;
1121}
1122
1123.show-processes-dialog-subject,
1124.mount-question-dialog-subject {
1125  padding-top: 10px;
1126  padding-left: 17px;
1127  padding-bottom: 6px;
1128}
1129
1130.show-processes-dialog-subject:rtl,
1131.mount-question-dialog-subject:rtl {
1132  padding-left: 0px;
1133  padding-right: 17px;
1134}
1135
1136.show-processes-dialog-description,
1137.mount-question-dialog-description {
1138  padding-left: 17px;
1139  width: 28em;
1140}
1141
1142.show-processes-dialog-description:rtl,
1143.mount-question-dialog-description:rtl {
1144  padding-right: 17px;
1145}
1146
1147.show-processes-dialog-app-list {
1148  max-height: 200px;
1149  padding-top: 24px;
1150  padding-left: 49px;
1151  padding-right: 32px;
1152}
1153
1154.show-processes-dialog-app-list:rtl {
1155  padding-right: 49px;
1156  padding-left: 32px;
1157}
1158
1159.show-processes-dialog-app-list-item {
1160  color: #ccc;
1161}
1162
1163.show-processes-dialog-app-list-item:hover {
1164  color: white;
1165}
1166
1167.show-processes-dialog-app-list-item:ltr {
1168  padding-right: 1em;
1169}
1170
1171.show-processes-dialog-app-list-item:rtl {
1172  padding-left: 1em;
1173}
1174
1175.show-processes-dialog-app-list-item-icon:ltr {
1176  padding-right: 17px;
1177}
1178
1179.show-processes-dialog-app-list-item-icon:rtl {
1180  padding-left: 17px;
1181}
1182
1183.show-processes-dialog-app-list-item-name {
1184  font-size: 1.1em;
1185}
1186
1187.magnifier-zoom-region {
1188  border: 2px solid maroon;
1189}
1190
1191.magnifier-zoom-region .full-screen {
1192  border-width: 0px;
1193}
1194
1195#keyboard {
1196  background-color: #2a2a2a;
1197  border-width: 0;
1198  border-top-width: 1px;
1199  border-color: rgba(0, 0, 0, 0.4);
1200}
1201
1202.keyboard-layout {
1203  spacing: 10px;
1204  padding: 10px;
1205}
1206
1207.keyboard-row {
1208  spacing: 15px;
1209}
1210
1211.keyboard-key {
1212  min-height: 2em;
1213  min-width: 2em;
1214  font-size: 14pt;
1215  font-weight: bold;
1216  border-radius: 3px;
1217  box-shadow: none;
1218  text-shadow: none;
1219  color: #dadada;
1220  background-color: rgba(98, 98, 98, 0.96);
1221}
1222
1223.keyboard-key:hover {
1224  text-shadow: none;
1225  color: #dadada;
1226  background-color: #747474;
1227}
1228
1229.keyboard-key:active, .keyboard-key:checked {
1230  text-shadow: none;
1231  color: white;
1232  background-color: #E9873A;
1233}
1234
1235.keyboard-key:grayed {
1236  text-shadow: none;
1237  color: #5f5f5f;
1238  background-color: rgba(98, 98, 98, 0.81);
1239}
1240
1241.keyboard-subkeys {
1242  color: #dadada;
1243  padding: 5px;
1244  -arrow-border-radius: 2px;
1245  -arrow-background-color: #2a2a2a;
1246  -arrow-border-width: 1px;
1247  -arrow-border-color: rgba(0, 0, 0, 0.4);
1248  -arrow-base: 20px;
1249  -arrow-rise: 10px;
1250  -boxpointer-gap: 5px;
1251}
1252
1253.menu-favorites-box {
1254  margin: auto;
1255  padding: 10px;
1256  transition-duration: 300;
1257  background-color: #f5f5f5;
1258  border: 1px solid rgba(0, 0, 0, 0.15);
1259  border-radius: 3px;
1260}
1261
1262.menu-favorites-button {
1263  padding: 10px;
1264  border: 1px solid rgba(0, 0, 0, 0);
1265  border-radius: 5px;
1266}
1267
1268.menu-favorites-button:hover {
1269  text-shadow: none;
1270  color: #0b0b0b;
1271  border: 1px solid rgba(0, 0, 0, 0.15);
1272  background-color: #ffffff;
1273  box-shadow: inset 0 1px rgba(255, 255, 255, 0.12);
1274  border-radius: 5px;
1275}
1276
1277.menu-places-box {
1278  margin: auto;
1279  padding: 10px;
1280  border: 1px solid rgba(0, 0, 0, 0);
1281}
1282
1283.menu-places-button {
1284  padding: 10px;
1285}
1286
1287.menu-categories-box {
1288  padding: 10px 30px 10px 30px;
1289}
1290
1291.menu-applications-inner-box, .menu-applications-outer-box {
1292  padding: 10px 10px 0 10px;
1293}
1294
1295.menu-application-button {
1296  padding: 6px;
1297  border-radius: 2px;
1298  border: none;
1299}
1300
1301.menu-application-button:highlighted {
1302  font-weight: bold;
1303}
1304
1305.menu-application-button-selected {
1306  text-shadow: none;
1307  color: white;
1308  background-color: #E9873A;
1309  border: 1px solid #e77f2c;
1310  padding: 6px;
1311  border-radius: 2px;
1312  border: none;
1313}
1314
1315.menu-application-button-selected:highlighted {
1316  font-weight: bold;
1317}
1318
1319.menu-application-button-label:ltr {
1320  padding-left: 5px;
1321}
1322
1323.menu-application-button-label:rtl {
1324  padding-right: 5px;
1325}
1326
1327.menu StScrollView.menu-application-button {
1328  padding: 0;
1329  border-radius: 3px;
1330  border: 1px solid rgba(0, 0, 0, 0.15);
1331  background-color: #ffffff;
1332}
1333
1334.menu StScrollView.menu-application-button .popup-menu-item {
1335  padding: 0;
1336  spacing: 0;
1337}
1338
1339.menu StScrollView.menu-application-button .popup-menu-item:ltr {
1340  padding-left: 7px;
1341}
1342
1343.menu StScrollView.menu-application-button .popup-menu-item:rtl {
1344  padding-right: 7px;
1345}
1346
1347.menu StScrollView.menu-application-button .popup-menu-item:active {
1348  border-image: none;
1349  background-color: #E9873A;
1350}
1351
1352.menu StScrollView.menu-application-button .popup-menu-item StIcon {
1353  min-width: 22px;
1354}
1355
1356.menu StScrollView.menu-application-button .popup-menu-item StLabel:ltr {
1357  padding: 6px 0 7px 5px;
1358}
1359
1360.menu StScrollView.menu-application-button .popup-menu-item StLabel:rtl {
1361  padding: 6px 5px 7px 0;
1362}
1363
1364.menu-category-button {
1365  padding: 6px;
1366  border: 1px solid rgba(0, 0, 0, 0);
1367  border-radius: 5px;
1368}
1369
1370.menu-category-button-selected {
1371  padding: 6px;
1372  border: 1px solid rgba(0, 0, 0, 0.15);
1373}
1374
1375.menu-category-button-hover, .menu-category-button-selected {
1376  text-shadow: none;
1377  color: #0b0b0b;
1378  border: 1px solid rgba(0, 0, 0, 0.15);
1379  background-color: #ffffff;
1380  box-shadow: inset 0 1px rgba(255, 255, 255, 0.12);
1381  border-radius: 5px;
1382}
1383
1384.menu-category-button-greyed {
1385  padding: 6px;
1386  color: rgba(36, 36, 36, 0.45);
1387  border: 1px solid rgba(0, 0, 0, 0);
1388}
1389
1390.menu-category-button-label:ltr {
1391  padding-left: 5px;
1392}
1393
1394.menu-category-button-label:rtl {
1395  padding-right: 5px;
1396}
1397
1398.menu-selected-app-box {
1399  padding-right: 30px;
1400  padding-left: 28px;
1401  text-align: right;
1402  height: 30px;
1403}
1404
1405.menu-selected-app-box:rtl {
1406  padding-top: 10px;
1407  height: 30px;
1408}
1409
1410.menu-selected-app-title {
1411  font-weight: bold;
1412}
1413
1414.menu-selected-app-description {
1415  max-width: 150px;
1416}
1417
1418.menu-search-box:ltr {
1419  padding-left: 30px;
1420}
1421
1422.menu-search-box-rtl {
1423  padding-right: 30px;
1424}
1425
1426#menu-search-entry {
1427  width: 250px;
1428  height: 15px;
1429  font-weight: normal;
1430  caret-color: #242424;
1431}
1432
1433.menu-search-entry-icon {
1434  icon-size: 1em;
1435  color: #242424;
1436}
1437
1438/* Context menu (at the moment only for favorites) */
1439.info-osd {
1440  text-align: center;
1441  font-weight: bold;
1442  spacing: 1em;
1443  padding: 16px;
1444  color: #363636;
1445  background-color: rgba(241, 241, 241, 0.85);
1446}
1447
1448.osd-window {
1449  text-align: center;
1450  font-weight: bold;
1451  spacing: 1em;
1452  padding: 20px;
1453  min-width: 64px;
1454  min-height: 64px;
1455  color: #363636;
1456  border-radius: 0;
1457  background-color: rgba(241, 241, 241, 0.85);
1458  border: none;
1459  border-image: url("assets/menu.svg") 15 15 15 15;
1460}
1461
1462.osd-window .osd-monitor-label {
1463  font-size: 3em;
1464}
1465
1466.osd-window .level {
1467  padding: 0;
1468  height: 4px;
1469  background-color: rgba(0, 0, 0, 0.35);
1470  border-radius: 2px;
1471  color: #E9873A;
1472}
1473
1474.osd-window .level-bar {
1475  border-radius: 2px;
1476  background-color: #E9873A;
1477}
1478
1479.window-list-box {
1480  spacing: 0;
1481}
1482
1483.panel-bottom .window-list-box:ltr, .panel-top .window-list-box:ltr {
1484  padding: 0 0 0 8px;
1485}
1486
1487.panel-bottom .window-list-box:rtl, .panel-top .window-list-box:rtl {
1488  padding: 0 8px 0 0;
1489}
1490
1491.window-list-box.vertical {
1492  padding: 6px 0 0 0;
1493}
1494
1495.window-list-box.vertical #appMenuIcon {
1496  padding-top: 2px;
1497}
1498
1499.window-list-box:highlight {
1500  background-color: rgba(252, 65, 56, 0.5);
1501}
1502
1503.window-list-item-label {
1504  font-weight: normal;
1505  width: 15em;
1506  min-width: 5px;
1507}
1508
1509.window-list-item-box {
1510  font-weight: normal;
1511  background-image: none;
1512  transition-duration: 100;
1513  color: rgba(54, 54, 54, 0.9);
1514  border: 0 solid transparent;
1515}
1516
1517.panel-bottom .window-list-item-box StLabel {
1518  padding-left: 6px;
1519}
1520
1521.panel-top .window-list-item-box StLabel {
1522  padding-left: 6px;
1523}
1524
1525.panel-left .window-list-item-box StLabel {
1526  padding-top: 6px;
1527}
1528
1529.panel-right .window-list-item-box StLabel {
1530  padding-top: 6px;
1531}
1532
1533.panel-top .window-list-item-box {
1534  border-top-width: 2px;
1535}
1536
1537.panel-top .window-list-item-box StIcon, .panel-top .window-list-item-box StBin, .panel-top .window-list-item-box #appMenuIcon {
1538  padding: 2px;
1539  padding-top: 0;
1540}
1541
1542.panel-bottom .window-list-item-box {
1543  border-bottom-width: 2px;
1544}
1545
1546.panel-bottom .window-list-item-box StIcon, .panel-bottom .window-list-item-box StBin, .panel-bottom .window-list-item-box #appMenuIcon {
1547  padding: 2px;
1548  padding-bottom: 0;
1549}
1550
1551.panel-left .window-list-item-box {
1552  border-left-width: 2px;
1553}
1554
1555.panel-left .window-list-item-box StIcon, .panel-left .window-list-item-box StBin, .panel-left .window-list-item-box #appMenuIcon {
1556  padding: 2px;
1557  padding-left: 0;
1558}
1559
1560.panel-right .window-list-item-box {
1561  border-right-width: 2px;
1562}
1563
1564.panel-right .window-list-item-box StIcon, .panel-right .window-list-item-box StBin, .panel-right .window-list-item-box #appMenuIcon {
1565  padding: 2px;
1566  padding-right: 0;
1567}
1568
1569.window-list-item-box:hover {
1570  color: #363636;
1571  border: 0 solid rgba(54, 54, 54, 0.5);
1572  background-gradient-direction: none;
1573}
1574
1575.panel-top .window-list-item-box:hover {
1576  border-top-width: 2px;
1577}
1578
1579.panel-bottom .window-list-item-box:hover {
1580  border-bottom-width: 2px;
1581}
1582
1583.panel-left .window-list-item-box:hover {
1584  border-left-width: 2px;
1585}
1586
1587.panel-right .window-list-item-box:hover {
1588  border-right-width: 2px;
1589}
1590
1591.window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:running {
1592  color: #363636;
1593  border: 0 solid rgba(233, 135, 58, 0.35);
1594  background-gradient-direction: none;
1595}
1596
1597.panel-top .window-list-item-box:active, .panel-top .window-list-item-box:checked, .panel-top .window-list-item-box:running {
1598  border-top-width: 2px;
1599}
1600
1601.panel-bottom .window-list-item-box:active, .panel-bottom .window-list-item-box:checked, .panel-bottom .window-list-item-box:running {
1602  border-bottom-width: 2px;
1603}
1604
1605.panel-left .window-list-item-box:active, .panel-left .window-list-item-box:checked, .panel-left .window-list-item-box:running {
1606  border-left-width: 2px;
1607}
1608
1609.panel-right .window-list-item-box:active, .panel-right .window-list-item-box:checked, .panel-right .window-list-item-box:running {
1610  border-right-width: 2px;
1611}
1612
1613.window-list-item-box:active:hover, .window-list-item-box:checked:hover, .window-list-item-box:running:hover {
1614  border-color: rgba(233, 135, 58, 0.5);
1615}
1616
1617.window-list-item-box:focus {
1618  color: #363636;
1619  border: 0 solid #E9873A;
1620  background-gradient-direction: none;
1621}
1622
1623.panel-top .window-list-item-box:focus {
1624  border-top-width: 2px;
1625}
1626
1627.panel-bottom .window-list-item-box:focus {
1628  border-bottom-width: 2px;
1629}
1630
1631.panel-left .window-list-item-box:focus {
1632  border-left-width: 2px;
1633}
1634
1635.panel-right .window-list-item-box:focus {
1636  border-right-width: 2px;
1637}
1638
1639.window-list-item-box.right, .window-list-item-box.left {
1640  padding-left: 0px;
1641  padding-right: 0px;
1642}
1643
1644.window-list-item-box .progress {
1645  background-gradient-direction: vertical;
1646  background-gradient-start: #E9873A;
1647  background-gradient-end: #E9873A;
1648  border-radius: 2px;
1649  box-shadow: none;
1650}
1651
1652.window-list-item-demands-attention {
1653  background-gradient-start: #F27835;
1654  background-gradient-end: #F27835;
1655}
1656
1657.window-list-preview {
1658  padding: 12px;
1659  spacing: 8px;
1660  border: none;
1661  background-color: #ffffff;
1662  border-radius: 5px;
1663  color: #242424;
1664  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.35), 0 3px 12px rgba(0, 0, 0, 0.16);
1665}
1666
1667.grouped-window-list-thumbnail-label {
1668  padding-left: 4px;
1669}
1670
1671.grouped-window-list-thumbnail-alert {
1672  background-color: rgba(252, 65, 56, 0.5);
1673}
1674
1675.grouped-window-list-thumbnail-menu .item-box {
1676  padding: 6px;
1677  border-radius: 2px;
1678  spacing: 4px;
1679}
1680
1681.grouped-window-list-thumbnail-menu .item-box:outlined {
1682  padding: 2px;
1683  border: 2px solid #E9873A;
1684}
1685
1686.grouped-window-list-thumbnail-menu .item-box:selected {
1687  background-color: rgba(255, 255, 255, 0.33);
1688}
1689
1690.grouped-window-list-thumbnail-menu .thumbnail {
1691  width: 256px;
1692}
1693
1694.grouped-window-list-thumbnail-menu .separator {
1695  width: 1px;
1696  background-color: rgba(54, 54, 54, 0.33);
1697}
1698
1699.grouped-window-list-number-label {
1700  z-index: 99;
1701  text-shadow: none;
1702  font-size: 10px;
1703  color: white;
1704  padding: 0;
1705}
1706
1707.grouped-window-list-button-label {
1708  padding-left: 4px;
1709}
1710
1711.grouped-window-list-badge {
1712  border-radius: 256px;
1713  background-color: #E9873A;
1714}
1715
1716.grouped-window-list-item-box {
1717  font-weight: normal;
1718  background-image: none;
1719  transition-duration: 100;
1720  color: rgba(54, 54, 54, 0.6);
1721  border: 0 solid transparent;
1722}
1723
1724.grouped-window-list-item-box.top {
1725  border-top-width: 2px;
1726}
1727
1728.grouped-window-list-item-box.top StIcon, .grouped-window-list-item-box.top StBin, .grouped-window-list-item-box.top #appMenuIcon {
1729  padding: 2px;
1730  padding-top: 0;
1731}
1732
1733.grouped-window-list-item-box.bottom {
1734  border-bottom-width: 2px;
1735}
1736
1737.grouped-window-list-item-box.bottom StIcon, .grouped-window-list-item-box.bottom StBin, .grouped-window-list-item-box.bottom #appMenuIcon {
1738  padding: 2px;
1739  padding-bottom: 0;
1740}
1741
1742.grouped-window-list-item-box.left {
1743  border-left-width: 2px;
1744}
1745
1746.grouped-window-list-item-box.left StIcon, .grouped-window-list-item-box.left StBin, .grouped-window-list-item-box.left #appMenuIcon {
1747  padding: 2px;
1748  padding-left: 0;
1749}
1750
1751.grouped-window-list-item-box.right {
1752  border-right-width: 2px;
1753}
1754
1755.grouped-window-list-item-box.right StIcon, .grouped-window-list-item-box.right StBin, .grouped-window-list-item-box.right #appMenuIcon {
1756  padding: 2px;
1757  padding-right: 0;
1758}
1759
1760.grouped-window-list-item-box:hover {
1761  color: #363636;
1762  border: 0 solid rgba(54, 54, 54, 0.5);
1763  background-gradient-direction: none;
1764}
1765
1766.panel-top .grouped-window-list-item-box:hover {
1767  border-top-width: 2px;
1768}
1769
1770.panel-bottom .grouped-window-list-item-box:hover {
1771  border-bottom-width: 2px;
1772}
1773
1774.panel-left .grouped-window-list-item-box:hover {
1775  border-left-width: 2px;
1776}
1777
1778.panel-right .grouped-window-list-item-box:hover {
1779  border-right-width: 2px;
1780}
1781
1782.grouped-window-list-item-box:active, .grouped-window-list-item-box:checked, .grouped-window-list-item-box:running {
1783  color: #363636;
1784  border: 0 solid rgba(233, 135, 58, 0.35);
1785  background-gradient-direction: none;
1786}
1787
1788.panel-top .grouped-window-list-item-box:active, .panel-top .grouped-window-list-item-box:checked, .panel-top .grouped-window-list-item-box:running {
1789  border-top-width: 2px;
1790}
1791
1792.panel-bottom .grouped-window-list-item-box:active, .panel-bottom .grouped-window-list-item-box:checked, .panel-bottom .grouped-window-list-item-box:running {
1793  border-bottom-width: 2px;
1794}
1795
1796.panel-left .grouped-window-list-item-box:active, .panel-left .grouped-window-list-item-box:checked, .panel-left .grouped-window-list-item-box:running {
1797  border-left-width: 2px;
1798}
1799
1800.panel-right .grouped-window-list-item-box:active, .panel-right .grouped-window-list-item-box:checked, .panel-right .grouped-window-list-item-box:running {
1801  border-right-width: 2px;
1802}
1803
1804.grouped-window-list-item-box:active:hover, .grouped-window-list-item-box:checked:hover, .grouped-window-list-item-box:running:hover {
1805  border-color: rgba(233, 135, 58, 0.5);
1806}
1807
1808.grouped-window-list-item-box:focus {
1809  color: #363636;
1810  border: 0 solid #E9873A;
1811  background-gradient-direction: none;
1812}
1813
1814.panel-top .grouped-window-list-item-box:focus {
1815  border-top-width: 2px;
1816}
1817
1818.panel-bottom .grouped-window-list-item-box:focus {
1819  border-bottom-width: 2px;
1820}
1821
1822.panel-left .grouped-window-list-item-box:focus {
1823  border-left-width: 2px;
1824}
1825
1826.panel-right .grouped-window-list-item-box:focus {
1827  border-right-width: 2px;
1828}
1829
1830.grouped-window-list-item-box .progress {
1831  background-gradient-direction: vertical;
1832  background-gradient-start: #E9873A;
1833  background-gradient-end: #E9873A;
1834  border-radius: 2px;
1835  box-shadow: none;
1836}
1837
1838.grouped-window-list-item-demands-attention {
1839  background-gradient-start: #F27835;
1840  background-gradient-end: #F27835;
1841}
1842
1843.sound-button {
1844  width: 22px;
1845  height: 13px;
1846  padding: 8px;
1847}
1848
1849.sound-button-container {
1850  padding-right: 3px;
1851  padding-left: 3px;
1852}
1853
1854.sound-button StIcon {
1855  icon-size: 1.4em;
1856}
1857
1858.sound-track-infos {
1859  padding: 5px;
1860}
1861
1862.sound-track-info {
1863  padding-top: 2px;
1864  padding-bottom: 2px;
1865}
1866
1867.sound-track-info StIcon {
1868  icon-size: 16px;
1869}
1870
1871.sound-track-info StLabel {
1872  padding-left: 5px;
1873  padding-right: 5px;
1874}
1875
1876.sound-track-box {
1877  padding-left: 15px;
1878  padding-right: 15px;
1879  max-width: 220px;
1880}
1881
1882.sound-seek-box {
1883  padding-left: 15px;
1884}
1885
1886.sound-seek-box StLabel {
1887  padding-top: 2px;
1888}
1889
1890.sound-seek-box StIcon {
1891  icon-size: 16px;
1892}
1893
1894.sound-seek-slider {
1895  width: 140px;
1896}
1897
1898.sound-volume-menu-item {
1899  padding: .4em 1.75em;
1900}
1901
1902.sound-volume-menu-item StIcon {
1903  icon-size: 1.14em;
1904  padding-left: 8px;
1905  padding-right: 8px;
1906}
1907
1908.sound-playback-control {
1909  padding: 5px 10px 10px 10px;
1910}
1911
1912.sound-player {
1913  padding: 0 3px;
1914}
1915
1916.sound-player > StBoxLayout:first-child {
1917  padding: 5px 10px 10px 10px;
1918  spacing: 0.5em;
1919}
1920
1921.sound-player > StBoxLayout:first-child StButton:small {
1922  width: 24px;
1923  height: 24px;
1924  border-radius: 100px;
1925}
1926
1927.sound-player > StBoxLayout:first-child StButton:small:hover {
1928  background-color: rgba(36, 36, 36, 0.1);
1929}
1930
1931.sound-player > StBoxLayout:first-child StButton:small:active {
1932  background-color: rgba(36, 36, 36, 0.25);
1933}
1934
1935.sound-player > StBoxLayout:first-child StButton:small StIcon {
1936  icon-size: 16px;
1937}
1938
1939.sound-player-generic-coverart {
1940  background: rgba(0, 0, 0, 0.2);
1941}
1942
1943.sound-player-overlay {
1944  width: 290px;
1945  height: 70px;
1946  padding: 15px;
1947  spacing: 0.5em;
1948  background: rgba(29, 29, 29, 0.9);
1949  border: 0px solid #161616;
1950  border-bottom: 1px;
1951  color: #dadada;
1952}
1953
1954.sound-player-overlay StButton {
1955  width: 22px;
1956  height: 16px;
1957  padding: 6px;
1958  margin: 0 2px;
1959  color: #dadada;
1960  border-radius: 3px;
1961  border: none;
1962}
1963
1964.sound-player-overlay StButton StIcon {
1965  icon-size: 16px;
1966}
1967
1968.sound-player-overlay StButton:hover {
1969  text-shadow: none;
1970  color: #dadada;
1971  background-color: #747474;
1972}
1973
1974.sound-player-overlay StButton:active {
1975  text-shadow: none;
1976  color: white;
1977  background-color: #E9873A;
1978}
1979
1980.sound-player-overlay StLabel {
1981  padding: 0 6px;
1982}
1983
1984.sound-player-overlay StBoxLayout {
1985  padding-top: 2px;
1986}
1987
1988.sound-player .slider {
1989  height: 0.5em;
1990  padding: 0;
1991  border: 0px solid #161616;
1992  border-bottom: 1px;
1993  -slider-height: 0.5em;
1994  -slider-background-color: rgba(0, 0, 0, 0.15);
1995  -slider-border-color: rgba(0, 0, 0, 0);
1996  -slider-active-background-color: #E9873A;
1997  -slider-active-border-color: rgba(0, 0, 0, 0);
1998  -slider-border-width: 0px;
1999  -slider-handle-radius: 0px;
2000}
2001
2002#workspaceSwitcher {
2003  spacing: 0px;
2004  padding: 3px;
2005}
2006
2007/* Controls the styling when using the "Simple buttons" option */
2008.workspace-switcher {
2009  padding-left: 3px;
2010  padding-right: 3px;
2011}
2012
2013.workspace-button {
2014  width: 20px;
2015  height: 10px;
2016  color: #363636;
2017  padding: 3px;
2018  padding-top: 4px;
2019  transition-duration: 300;
2020}
2021
2022.workspace-button:outlined, .workspace-button:outlined:hover {
2023  color: #E9873A;
2024}
2025
2026.workspace-button:hover {
2027  color: #eea368;
2028}
2029
2030/* Controls the style when using the "Visual representation" option */
2031.workspace-graph {
2032  padding: 3px;
2033  spacing: 3px;
2034}
2035
2036.workspace-graph .workspace {
2037  border: 1px solid rgba(0, 0, 0, 0.4);
2038  background-gradient-direction: none;
2039  background-color: rgba(0, 0, 0, 0.2);
2040}
2041
2042.workspace-graph .workspace:active {
2043  border: 1px solid #E9873A;
2044  background-gradient-direction: none;
2045}
2046
2047.workspace-graph .workspace .windows {
2048  -active-window-background: rgba(255, 255, 255, 0.85);
2049  -active-window-border: rgba(0, 0, 0, 0.8);
2050  -inactive-window-background: rgba(255, 255, 255, 0.85);
2051  -inactive-window-border: rgba(0, 0, 0, 0.8);
2052}
2053
2054.workspace-graph .workspace:active .windows {
2055  -active-window-background: rgba(255, 255, 255, 0.85);
2056  -active-window-border: rgba(0, 0, 0, 0.8);
2057  -inactive-window-background: rgba(254, 254, 254, 0.85);
2058  -inactive-window-border: rgba(0, 0, 0, 0.8);
2059}
2060
2061#panel-launchers-box {
2062  padding: 0 6px;
2063}
2064
2065#panel-launchers-box.vertical {
2066  padding: 3px 0;
2067}
2068
2069.panel-launcher {
2070  padding: 2px;
2071  transition-duration: 200ms;
2072}
2073
2074.panel-launcher:hover {
2075  background-gradient-direction: none;
2076  border: 0px solid #E9873A;
2077}
2078
2079.panel-bottom .panel-launcher:hover {
2080  border-bottom-width: 2px;
2081  padding-bottom: 0;
2082}
2083
2084.panel-top .panel-launcher:hover {
2085  border-top-width: 2px;
2086  padding-top: 0;
2087}
2088
2089.panel-left .panel-launcher:hover {
2090  border-left-width: 2px;
2091  padding-left: 0;
2092}
2093
2094.panel-right .panel-launcher:hover {
2095  border-right-width: 2px;
2096  padding-right: 0;
2097}
2098
2099.launcher {
2100  padding: 2px;
2101  spacing: 2px;
2102  transition-duration: 0.2s;
2103}
2104
2105.launcher:hover {
2106  border: 0 solid #E9873A;
2107  background-gradient-direction: none;
2108}
2109
2110.panel-top .launcher:hover {
2111  padding-top: 0;
2112  border-top-width: 2px;
2113}
2114
2115.panel-bottom .launcher:hover {
2116  padding-bottom: 0;
2117  border-bottom-width: 2px;
2118}
2119
2120.panel-left .launcher:hover {
2121  padding-left: 0;
2122  border-left-width: 2px;
2123}
2124
2125.panel-right .launcher:hover {
2126  padding-right: 0;
2127  border-right-width: 2px;
2128}
2129
2130.launcher .icon-box {
2131  padding: 0 2px;
2132}
2133
2134.launcher .icon-box.vertical {
2135  padding: 2px 0;
2136}
2137
2138.applet-separator {
2139  padding: 1px 4px;
2140}
2141
2142.applet-separator-line {
2143  width: 1px;
2144  background: rgba(255, 255, 255, 0.12);
2145}
2146
2147.applet-box {
2148  padding-left: 3px;
2149  padding-right: 3px;
2150  color: #363636;
2151  text-shadow: none;
2152  transition-duration: 100;
2153}
2154
2155.applet-box.vertical {
2156  padding: 3px 0;
2157}
2158
2159.applet-box:hover {
2160  color: #363636;
2161  background-color: rgba(54, 54, 54, 0.15);
2162}
2163
2164.applet-box:checked, .applet-box:checked:hover {
2165  color: white;
2166  background-color: #E9873A;
2167}
2168
2169.applet-box:highlight {
2170  background-image: none;
2171  border-image: none;
2172  background-color: rgba(252, 65, 56, 0.5);
2173}
2174
2175.applet-label {
2176  font-weight: bold;
2177  color: #363636;
2178}
2179
2180.applet-box:checked .applet-label {
2181  color: white;
2182  text-shadow: none;
2183}
2184
2185.applet-icon {
2186  color: #363636;
2187  icon-size: 22px;
2188}
2189
2190.applet-box:checked .applet-icon {
2191  color: white;
2192  text-shadow: none;
2193}
2194
2195.user-icon {
2196  width: 32px;
2197  height: 32px;
2198  background-color: transparent;
2199  border: none;
2200  border-radius: 0;
2201}
2202
2203.user-label {
2204  color: #242424;
2205  font-size: 1em;
2206  font-weight: bold;
2207  margin: 0px;
2208}
2209
2210.desklet {
2211  color: #dadada;
2212}
2213
2214.desklet:highlight {
2215  background-color: rgba(252, 65, 56, 0.5);
2216}
2217
2218.desklet-with-borders {
2219  color: #dadada;
2220  background-color: #2a2a2a;
2221  padding: 12px;
2222  padding-bottom: 16px;
2223}
2224
2225.desklet-with-borders:highlight {
2226  background-color: rgba(252, 65, 56, 0.5);
2227}
2228
2229.desklet-with-borders-and-header {
2230  color: #dadada;
2231  background-color: #2a2a2a;
2232  border-radius: 6px;
2233  border-radius-topleft: 0;
2234  border-radius-topright: 0;
2235  padding: 12px;
2236  padding-bottom: 17px;
2237}
2238
2239.desklet-with-borders-and-header:highlight {
2240  background-color: rgba(252, 65, 56, 0.5);
2241}
2242
2243.desklet-header {
2244  color: #dadada;
2245  background-color: #2a2a2a;
2246  border-radius: 0;
2247  border-radius-topleft: 6px;
2248  border-radius-topright: 6px;
2249  font-size: 1em;
2250  padding: 12px;
2251  padding-bottom: 6px;
2252}
2253
2254.desklet-drag-placeholder {
2255  border: 2px solid #E9873A;
2256  background-color: rgba(233, 135, 58, 0.3);
2257}
2258
2259.photoframe-box {
2260  color: #dadada;
2261  background-color: #2a2a2a;
2262  padding: 12px;
2263  padding-bottom: 16px;
2264}
2265
2266/*FIXME*/
2267.workspace-osd {
2268  /*color: red;*/
2269  text-shadow: black 5px 5px 5px;
2270  font-weight: bold;
2271  font-size: 48pt;
2272}
2273
2274.notification-applet-padding {
2275  padding: .5em 1em;
2276}
2277
2278.notification-applet-container {
2279  max-height: 100px;
2280}
2281
2282.tile-preview, .tile-preview.snap,
2283.tile-hud, .tile-hud.snap {
2284  background-color: rgba(233, 135, 58, 0.3);
2285  border: 1px solid #E9873A;
2286}
2287
2288.xkcd-box {
2289  padding: 6px;
2290  border: 0px;
2291  background-color: rgba(0, 0, 0, 0);
2292  border-radius: 0px;
2293}
2294