2
font-family: Futura Bk bt, sans, Sans-Serif;
9
.menu #notification .notification-button, .menu #notification .notification-icon-button,
10
.popup-menu #notification .notification-button,
11
.popup-menu #notification .notification-icon-button, .sound-button {
14
transition-duration: 0;
15
text-shadow: 0 1px rgba(64, 69, 82, 0);
17
background-color: #444a58;
18
border: 1px solid #2b2e39;
19
box-shadow: inset 0 2px 4px rgba(68, 74, 88, 0.05); }
20
.menu #notification .notification-button, .menu #notification .notification-icon-button,
21
.popup-menu #notification .notification-button,
22
.popup-menu #notification .notification-icon-button, .sound-button, .menu #notification .notification-button:focus, .menu #notification .notification-icon-button:focus,
23
.popup-menu #notification .notification-button:focus,
24
.popup-menu #notification .notification-icon-button:focus, .sound-button:focus, .menu #notification .notification-button:hover, .menu #notification .notification-icon-button:hover,
25
.popup-menu #notification .notification-button:hover,
26
.popup-menu #notification .notification-icon-button:hover, .menu-favorites-button:hover, .menu-application-button-selected, .menu-category-button-selected, .sound-button:hover, .menu #notification .notification-button:hover:focus, .menu #notification .notification-icon-button:hover:focus,
27
.popup-menu #notification .notification-button:hover:focus,
28
.popup-menu #notification .notification-icon-button:hover:focus, .menu-favorites-button:focus:hover, .menu-application-button-selected:focus, .menu-category-button-selected:focus, .sound-button:hover:focus, .menu #notification .notification-button:active, .menu #notification .notification-icon-button:active,
29
.popup-menu #notification .notification-button:active,
30
.popup-menu #notification .notification-icon-button:active, .sound-button:active, .menu #notification .notification-button:active:focus, .menu #notification .notification-icon-button:active:focus,
31
.popup-menu #notification .notification-button:active:focus,
32
.popup-menu #notification .notification-icon-button:active:focus, .sound-button:active:focus, .menu #notification .notification-button:insensitive, .menu #notification .notification-icon-button:insensitive,
33
.popup-menu #notification .notification-button:insensitive,
34
.popup-menu #notification .notification-icon-button:insensitive, .sound-button:insensitive {
36
.menu #notification .notification-button:focus, .menu #notification .notification-icon-button:focus,
37
.popup-menu #notification .notification-button:focus,
38
.popup-menu #notification .notification-icon-button:focus, .sound-button:focus {
39
text-shadow: 0 1px rgba(64, 69, 82, 0);
41
background-color: #444a58;
42
border: 1px solid #5294e2;
43
box-shadow: inset 0 2px 4px rgba(68, 74, 88, 0.05); }
44
.menu #notification .notification-button:hover, .menu #notification .notification-icon-button:hover,
45
.popup-menu #notification .notification-button:hover,
46
.popup-menu #notification .notification-icon-button:hover, .menu-favorites-button:hover, .menu-application-button-selected, .menu-category-button-selected, .sound-button:hover {
47
text-shadow: 0 1px rgba(64, 69, 82, 0);
49
background-color: #505666;
50
border: 1px solid #2b2e39;
51
box-shadow: inset 0 2px 4px rgba(80, 86, 102, 0.05); }
52
.menu #notification .notification-button:hover:focus, .menu #notification .notification-icon-button:hover:focus,
53
.popup-menu #notification .notification-button:hover:focus,
54
.popup-menu #notification .notification-icon-button:hover:focus, .menu-favorites-button:focus:hover, .menu-application-button-selected:focus, .menu-category-button-selected:focus, .sound-button:hover:focus {
55
text-shadow: 0 1px rgba(64, 69, 82, 0);
57
background-color: #444a58;
58
border: 1px solid #5294e2;
59
box-shadow: inset 0 2px 4px rgba(68, 74, 88, 0.05); }
60
.menu #notification .notification-button:active, .menu #notification .notification-icon-button:active,
61
.popup-menu #notification .notification-button:active,
62
.popup-menu #notification .notification-icon-button:active, .sound-button:active, .menu #notification .notification-button:active:focus, .menu #notification .notification-icon-button:active:focus,
63
.popup-menu #notification .notification-button:active:focus,
64
.popup-menu #notification .notification-icon-button:active:focus, .sound-button:active:focus {
65
text-shadow: 0 1px rgba(64, 69, 82, 0);
67
background-color: #5294e2;
68
border: 1px solid #5294e2;
69
box-shadow: inset 0 2px 4px #5294e2; }
70
.menu #notification .notification-button:insensitive, .menu #notification .notification-icon-button:insensitive,
71
.popup-menu #notification .notification-button:insensitive,
72
.popup-menu #notification .notification-icon-button:insensitive, .sound-button:insensitive {
73
text-shadow: 0 1px rgba(64, 69, 82, 0);
74
color: rgba(211, 218, 227, 0.45);
75
border: 1px solid rgba(43, 46, 57, 0.55);
76
background-color: rgba(68, 74, 88, 0.55);
77
box-shadow: inset 0 2px 4px rgba(68, 74, 88, 0.05); }
79
.notification-button, .notification-icon-button, .modal-dialog-button-box .modal-dialog-button {
82
transition-duration: 0;
84
text-shadow: 0 1px rgba(64, 69, 82, 0);
86
border: 1px solid rgba(26, 28, 34, 0.35);
87
background-color: rgba(102, 109, 132, 0.35); }
88
.notification-button:hover, .notification-icon-button:hover, .modal-dialog-button-box .modal-dialog-button:hover {
89
text-shadow: 0 1px rgba(64, 69, 82, 0);
91
border: 1px solid rgba(26, 28, 34, 0.35);
92
background-color: rgba(119, 127, 151, 0.45); }
93
.notification-button:focus, .notification-icon-button:focus, .modal-dialog-button-box .modal-dialog-button:focus {
95
.notification-button:active, .notification-icon-button:active, .modal-dialog-button-box .modal-dialog-button:active {
96
text-shadow: 0 1px rgba(64, 69, 82, 0);
98
border: 1px solid #5294e2;
99
background-color: #5294e2; }
100
.notification-button:insensitive, .notification-icon-button:insensitive, .modal-dialog-button-box .modal-dialog-button:insensitive {
101
text-shadow: 0 1px rgba(64, 69, 82, 0);
103
border: 1px solid rgba(26, 28, 34, 0.35);
104
background-color: rgba(102, 109, 132, 0.2); }
106
.menu #notification StEntry,
107
.popup-menu #notification StEntry, #menu-search-entry {
110
selection-background-color: #5294e2;
111
selected-color: #ffffff;
112
transition-duration: 300ms;
115
background-color: #404552;
116
border: 1px solid #2b2e39;
117
box-shadow: inset 0 2px 4px rgba(64, 69, 82, 0.05); }
118
.menu #notification StEntry:focus,
119
.popup-menu #notification StEntry:focus, #menu-search-entry:focus, .menu #notification StEntry:hover,
120
.popup-menu #notification StEntry:hover, #menu-search-entry:hover {
122
background-color: #404552;
123
border: 1px solid #5294e2;
124
box-shadow: inset 0 2px 4px rgba(64, 69, 82, 0.05); }
125
.menu #notification StEntry:insensitive,
126
.popup-menu #notification StEntry:insensitive, #menu-search-entry:insensitive {
127
color: rgba(211, 218, 227, 0.45);
128
background-color: #3c414e;
129
border-color: 1px solid #313440;
130
box-shadow: inset 0 2px 4px rgba(60, 65, 78, 0.05); }
131
.menu #notification StEntry StIcon.capslock-warning,
132
.popup-menu #notification StEntry StIcon.capslock-warning, #menu-search-entry StIcon.capslock-warning {
134
warning-color: #F27835;
137
.notification StEntry {
140
caret-color: #BAC3CF;
141
selection-background-color: #5294e2;
142
selected-color: #ffffff;
143
transition-duration: 300ms;
146
background-color: rgba(102, 109, 132, 0.35);
147
border: 1px solid rgba(26, 28, 34, 0.35);
148
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); }
149
.notification StEntry:focus {
151
background-color: #5294e2;
152
border: 1px solid #5294e2;
153
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); }
154
.notification StEntry:insensitive {
155
color: rgba(186, 195, 207, 0.55);
156
background-color: rgba(102, 109, 132, 0.2);
157
border: 1px solid rgba(26, 28, 34, 0.35);
158
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); }
161
-st-vfade-offset: 0px; }
164
-st-hfade-offset: 0px; }
168
StScrollView StScrollBar {
171
StScrollBar StBin#trough {
172
background-color: rgba(64, 69, 82, 0.1);
173
border-radius: 8px; }
174
StScrollBar StButton#vhandle, StScrollBar StButton#hhandle {
176
background-color: #767b87;
179
StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover {
180
background-color: #676b78; }
181
StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
182
background-color: #5294e2; }
185
-gradient-height: 1px;
186
-gradient-start: transparent;
187
-gradient-end: transparent;
188
-margin-horizontal: 1.5em;
191
.popup-slider-menu-item,
194
-slider-background-color: #2b2e39;
195
-slider-border-color: transparent;
196
-slider-active-background-color: #5294e2;
197
-slider-active-border-color: transparent;
198
-slider-border-width: 0;
199
-slider-handle-radius: 4px;
202
border: 0 solid transparent;
203
border-right-width: 1px;
204
border-left-width: 5px;
205
color: transparent; }
206
.popup-menu-item:active .popup-slider-menu-item, .popup-menu-item:active
208
-slider-background-color: rgba(0, 0, 0, 0.2);
209
-slider-active-background-color: #ffffff; }
211
.check-box CinnamonGenericContainer {
217
font-weight: normal; }
222
background-image: url("dark-assets/checkbox/checkbox-unchecked.svg"); }
224
.check-box:focus StBin {
225
background-image: url("dark-assets/checkbox/checkbox-unchecked-focused.svg"); }
227
.check-box:checked StBin {
228
background-image: url("dark-assets/checkbox/checkbox-checked.svg"); }
230
.check-box:focus:checked StBin {
231
background-image: url("dark-assets/checkbox/checkbox-checked-focused.svg"); }
233
.radiobutton CinnamonGenericContainer {
238
.radiobutton StLabel {
246
background-image: url("dark-assets/checkbox/checkbox-unchecked.svg"); }
248
.radiobutton:focus StBin {
249
background-image: url("dark-assets/checkbox/checkbox-unchecked-focused.svg"); }
251
.radiobutton:checked StBin {
252
background-image: url("dark-assets/checkbox/checkbox-checked.svg"); }
254
.radiobutton:focus:checked StBin {
255
background-image: url("dark-assets/checkbox/checkbox-checked-focused.svg"); }
260
background-size: contain;
261
background-image: url("dark-assets/switch/switch-off.svg"); }
262
.toggle-switch:checked {
263
background-image: url("dark-assets/switch/switch-on.svg"); }
264
.popup-menu-item:active .toggle-switch {
265
background-image: url("common-assets/switch/switch-off-selected.svg"); }
266
.popup-menu-item:active .toggle-switch:checked {
267
background-image: url("common-assets/switch/switch-on-selected.svg"); }
271
text-decoration: underline; }
272
.cinnamon-link:hover {
278
background-color: rgba(53, 57, 69, 0.95);
282
text-align: center; }
288
border-image: url("dark-assets/menu/menu.svg") 9 9 9 9; }
292
.menu .popup-sub-menu,
293
.popup-menu .popup-sub-menu, .popup-combo-menu .popup-sub-menu {
294
background-gradient-direction: none;
296
border-image: url("dark-assets/menu/submenu.svg") 9 9 9 9; }
297
.menu .popup-sub-menu .popup-menu-item:ltr,
298
.popup-menu .popup-sub-menu .popup-menu-item:ltr, .popup-combo-menu .popup-sub-menu .popup-menu-item:ltr {
299
padding-right: 0em; }
300
.menu .popup-sub-menu .popup-menu-item:rtl,
301
.popup-menu .popup-sub-menu .popup-menu-item:rtl, .popup-combo-menu .popup-sub-menu .popup-menu-item:rtl {
303
.menu .popup-sub-menu StScrollBar,
304
.popup-menu .popup-sub-menu StScrollBar, .popup-combo-menu .popup-sub-menu StScrollBar {
306
.menu .popup-sub-menu StScrollBar StBin#trough, .menu .popup-sub-menu StScrollBar StBin#vhandle,
307
.popup-menu .popup-sub-menu StScrollBar StBin#trough,
308
.popup-menu .popup-sub-menu StScrollBar StBin#vhandle, .popup-combo-menu .popup-sub-menu StScrollBar StBin#trough, .popup-combo-menu .popup-sub-menu StScrollBar StBin#vhandle {
310
.menu .popup-menu-content,
311
.popup-menu .popup-menu-content, .popup-combo-menu .popup-menu-content {
312
padding: 1em 0em 1em 0em; }
313
.menu .popup-menu-item,
314
.popup-menu .popup-menu-item, .popup-combo-menu .popup-menu-item {
315
padding: .4em 1.75em;
317
.menu .popup-menu-item:active,
318
.popup-menu .popup-menu-item:active, .popup-combo-menu .popup-menu-item:active {
320
background-color: transparent;
321
border-image: url("common-assets/menu/menu-hover.svg") 9 9 1 1; }
322
.menu .popup-menu-item:insensitive,
323
.popup-menu .popup-menu-item:insensitive, .popup-combo-menu .popup-menu-item:insensitive {
324
color: rgba(211, 218, 227, 0.5);
326
.menu .popup-inactive-menu-item,
327
.popup-menu .popup-inactive-menu-item, .popup-combo-menu .popup-inactive-menu-item {
329
.menu .popup-inactive-menu-item:insensitive,
330
.popup-menu .popup-inactive-menu-item:insensitive, .popup-combo-menu .popup-inactive-menu-item:insensitive {
331
color: rgba(211, 218, 227, 0.45); }
332
.menu .popup-menu-item:active .popup-inactive-menu-item,
333
.popup-menu .popup-menu-item:active .popup-inactive-menu-item, .popup-combo-menu .popup-menu-item:active .popup-inactive-menu-item {
339
.popup-menu-boxpointer {
340
-arrow-border-radius: 3px;
341
-arrow-background-color: transparent;
342
-arrow-border-width: 1px;
343
-arrow-border-color: transparent;
350
.popup-combobox-item {
353
.popup-separator-menu-item {
354
-gradient-height: 2px;
355
-gradient-start: transparent;
356
-gradient-end: transparent;
357
-margin-horizontal: 1.5em;
360
.popup-alternating-menu-item:alternate {
361
font-weight: normal; }
363
.popup-device-menu-item {
366
.popup-subtitle-menu-item {
367
font-weight: normal; }
369
.nm-menu-item-icons {
378
background-color: rgba(252, 65, 56, 0.5); }
382
background-gradient-direction: vertical;
383
background-gradient-start: rgba(255, 0, 0, 0.05);
384
background-gradient-end: rgba(255, 0, 0, 0.2); }
386
padding-right: 4px; }
389
#panelLeft.vertical {
391
#panelLeft.vertical:ltr {
392
padding-right: 0px; }
393
#panelLeft.vertical:rtl {
396
background-gradient-direction: vertical;
397
background-gradient-start: rgba(0, 0, 255, 0.05);
398
background-gradient-end: rgba(0, 0, 255, 0.2); }
405
#panelRight.vertical {
407
#panelRight.vertical:ltr {
408
padding-right: 0px; }
409
#panelRight.vertical:rtl {
414
background-gradient-direction: vertical;
415
background-gradient-start: rgba(0, 255, 0, 0.05);
416
background-gradient-end: rgba(0, 255, 0, 0.2); }
418
.panel-top, .panel-bottom, .panel-left, .panel-right {
424
border-image: url("common-assets/panel/panel-top.svg") 1 1 1 1; }
427
border-image: url("common-assets/panel/panel-bottom.svg") 1 1 1 1; }
430
border-image: url("common-assets/panel/panel-left.svg") 1 1 1 1; }
433
border-image: url("common-assets/panel/panel-right.svg") 1 1 1 1; }
436
background-color: rgba(252, 65, 56, 0.5); }
437
.panel-dummy:entered {
438
background-color: rgba(252, 65, 56, 0.6); }
440
.panel-status-button {
442
-natural-hpadding: 3px;
443
-minimum-hpadding: 3px;
449
-natural-hpadding: 6px;
450
-minimum-hpadding: 2px;
453
transition-duration: 100; }
455
.system-status-icon {
463
background-color: rgba(53, 57, 69, 0.95);
464
border: 1px solid rgba(53, 57, 69, 0.95);
470
-cinnamon-caption-spacing: 4px; }
471
.window-caption#selected {
472
background-color: #5294e2;
474
border: 1px solid #5294e2;
477
.expo-workspaces-name-entry,
478
.expo-workspaces-name-entry#selected {
483
-cinnamon-caption-spacing: 4px;
485
background-color: rgba(102, 109, 132, 0.35);
486
border: 1px solid rgba(26, 28, 34, 0.35);
487
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); }
488
.expo-workspaces-name-entry:focus,
489
.expo-workspaces-name-entry#selected:focus {
490
border: 1px solid #5294e2;
491
background-color: #5294e2;
494
transition-duration: 300;
495
selection-background-color: #ffffff;
496
selected-color: #5294e2; }
498
.expo-workspace-thumbnail-frame {
499
border: 4px solid rgba(255, 255, 255, 0);
500
background-color: rgba(255, 255, 255, 0);
501
border-radius: 2px; }
502
.expo-workspace-thumbnail-frame#active {
503
border: 4px solid #5294e2;
504
background-color: black;
505
border-radius: 2px; }
508
background-color: #353945; }
510
.workspace-thumbnails {
512
.workspace-thumbnails-background, .workspace-thumbnails-background:rtl {
515
.workspace-add-button {
516
background-image: url("common-assets/misc/add-workspace.svg");
519
transition-duration: 100; }
520
.workspace-add-button:hover {
521
background-image: url("common-assets/misc/add-workspace-hover.svg");
522
transition-duration: 100; }
523
.workspace-add-button:active {
524
background-image: url("common-assets/misc/add-workspace-active.svg");
525
transition-duration: 100; }
527
.workspace-overview-background-shade {
528
background-color: rgba(0, 0, 0, 0.5); }
530
.workspace-close-button,
532
background-image: url("common-assets/misc/close.svg");
533
background-size: 26px;
536
-cinnamon-close-overlap: 10px; }
537
.workspace-close-button:hover,
538
.window-close:hover {
539
background-image: url("common-assets/misc/close-hover.svg");
540
background-size: 26px;
543
.workspace-close-button:active,
544
.window-close:active {
545
background-image: url("common-assets/misc/close-active.svg");
546
background-size: 26px;
551
background-image: url("common-assets/misc/trash-icon.svg");
559
padding-bottom: 10px; }
571
padding-bottom: 14px; }
574
border: 1px solid #2b2e39;
576
background-color: #404552;
580
.about-scrollBox-innerBox {
586
padding-bottom: 16px; }
594
padding: .4em 1.75em;
596
spacing-columns: 0px; }
598
.calendar-month-label {
603
.calendar-change-month-back,
604
.calendar-change-month-forward {
608
.calendar-change-month-back {
609
background-image: url("common-assets/misc/calendar-arrow-left.svg"); }
610
.calendar-change-month-back:focus, .calendar-change-month-back:hover {
611
background-image: url("common-assets/misc/calendar-arrow-left-hover.svg"); }
612
.calendar-change-month-back:active {
613
background-image: url("common-assets/misc/calendar-arrow-left.svg"); }
614
.calendar-change-month-back:rtl {
615
background-image: url("common-assets/misc/calendar-arrow-right.svg"); }
616
.calendar-change-month-back:rtl:focus, .calendar-change-month-back:rtl:hover {
617
background-image: url("common-assets/misc/calendar-arrow-right-hover.svg"); }
618
.calendar-change-month-back:rtl:active {
619
background-image: url("common-assets/misc/calendar-arrow-right.svg"); }
621
.calendar-change-month-forward {
622
background-image: url("common-assets/misc/calendar-arrow-right.svg"); }
623
.calendar-change-month-forward:focus, .calendar-change-month-forward:hover {
624
background-image: url("common-assets/misc/calendar-arrow-right-hover.svg"); }
625
.calendar-change-month-forward:active {
626
background-image: url("common-assets/misc/calendar-arrow-right.svg"); }
627
.calendar-change-month-forward:rtl {
628
background-image: url("common-assets/misc/calendar-arrow-left.svg"); }
629
.calendar-change-month-forward:rtl:focus, .calendar-change-month-forward:rtl:hover {
630
background-image: url("common-assets/misc/calendar-arrow-left-hover.svg"); }
631
.calendar-change-month-forward:rtl:active {
632
background-image: url("common-assets/misc/calendar-arrow-left.svg"); }
634
.datemenu-date-label {
635
padding: .4em 1.75em;
639
border-radius: 2px; }
648
border-radius: 12.5px; }
650
.calendar-day-heading {
651
color: rgba(211, 218, 227, 0.85);
657
color: rgba(211, 218, 227, 0.8); }
660
border-top-width: 0; }
663
border-left-width: 0; }
665
.calendar-nonwork-day {
667
background-color: transparent;
671
.calendar-today:active,
672
.calendar-today:focus,
673
.calendar-today:hover {
676
background-color: #5294e2;
679
.calendar-other-month-day {
680
color: rgba(211, 218, 227, 0.3);
683
.calendar-week-number {
684
color: rgba(211, 218, 227, 0.7);
689
border-image: url("common-assets/misc/bg.svg") 9 9 9 9;
692
spacing-columns: 10px;
693
margin-from-right-edge-of-screen: 20px;
697
.popup-menu #notification {
698
border-image: url("dark-assets/misc/message.svg") 9 9 9 9; }
699
.menu #notification, .menu #notification.multi-line-notification,
700
.popup-menu #notification,
701
.popup-menu #notification.multi-line-notification {
703
.menu #notification .notification-button, .menu #notification .notification-icon-button,
704
.popup-menu #notification .notification-button,
705
.popup-menu #notification .notification-icon-button {
707
#notification.multi-line-notification {
708
padding-bottom: 13px;
710
#notification-scrollview {
712
#notification-scrollview > .top-shadow, #notification-scrollview > .bottom-shadow {
714
#notification-scrollview:ltr > StScrollBar {
716
#notification-scrollview:rtl > StScrollBar {
717
padding-right: 6px; }
720
#notification-actions {
723
.notification-with-image {
727
.notification-button, .notification-icon-button {
730
.notification-icon-button > StIcon {
741
border-image: url("common-assets/misc/bg.svg") 9 9 9 9;
744
.switcher-list > StBoxLayout {
746
.switcher-list-item-container {
748
.switcher-list .item-box {
750
border-radius: 2px; }
751
.switcher-list .item-box:outlined {
753
border: 1px solid #5294e2; }
754
.switcher-list .item-box:selected {
756
background-color: #5294e2;
757
border: 0px solid #5294e2; }
758
.switcher-list .thumbnail {
760
.switcher-list .thumbnail-box {
763
.switcher-list .separator {
765
background: rgba(255, 255, 255, 0.2); }
768
border-color: transparent;
770
.switcher-arrow:highlighted {
771
border-color: transparent;
774
.thumbnail-scroll-gradient-left {
775
background-color: transparent;
777
border-radius-topright: 0px;
778
border-radius-bottomright: 0px;
781
.thumbnail-scroll-gradient-right {
782
background-color: transparent;
784
border-radius-topleft: 0px;
785
border-radius-bottomleft: 0px;
791
background-image: url("common-assets/misc/corner-ripple.svg");
792
background-size: contain; }
795
background-color: rgba(0, 0, 0, 0.4); }
798
background-color: white; }
802
background-color: rgba(56, 60, 74, 0);
804
border-image: url("dark-assets/misc/modal.svg") 9 9 9 67;
805
padding: 0 5px 6px 5px; }
806
.modal-dialog > StBoxLayout:first-child {
807
padding: 20px 10px 10px 10px; }
808
.modal-dialog-button-box {
814
border-image: url("dark-assets/misc/button-box.svg") 9 9 9 9; }
815
.modal-dialog-button-box .modal-dialog-button {
821
padding: 0px 15px 10px 15px;
822
border-image: url("common-assets/misc/bg.svg") 9 9 9 9; }
830
.run-dialog-error-label {
832
.run-dialog-error-box {
835
.run-dialog-completion-box {
842
caret-color: #BAC3CF;
843
selected-color: #ffffff;
844
selection-background-color: #5294e2;
846
background-color: rgba(102, 109, 132, 0.35);
847
border: 1px solid rgba(26, 28, 34, 0.35);
848
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); }
849
.run-dialog-entry:focus {
851
background-color: #5294e2;
852
border: 1px solid #5294e2;
853
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); }
854
.run-dialog .modal-dialog-button-box {
858
background-gradient-direction: none; }
860
/* CinnamonMountOperation Dialogs */
861
.cinnamon-mount-operation-icon {
864
.mount-password-reask {
867
.show-processes-dialog,
868
.mount-question-dialog {
870
.show-processes-dialog-subject,
871
.mount-question-dialog-subject {
874
padding-bottom: 6px; }
875
.show-processes-dialog-subject:rtl,
876
.mount-question-dialog-subject:rtl {
878
padding-right: 17px; }
879
.show-processes-dialog-description,
880
.mount-question-dialog-description {
883
.show-processes-dialog-description:rtl,
884
.mount-question-dialog-description:rtl {
885
padding-right: 17px; }
887
.show-processes-dialog-app-list {
891
padding-right: 32px; }
892
.show-processes-dialog-app-list:rtl {
894
padding-left: 32px; }
895
.show-processes-dialog-app-list-item {
897
.show-processes-dialog-app-list-item:hover {
899
.show-processes-dialog-app-list-item:ltr {
900
padding-right: 1em; }
901
.show-processes-dialog-app-list-item:rtl {
903
.show-processes-dialog-app-list-item-icon:ltr {
904
padding-right: 17px; }
905
.show-processes-dialog-app-list-item-icon:rtl {
906
padding-left: 17px; }
907
.show-processes-dialog-app-list-item-name {
910
.magnifier-zoom-region {
911
border: 2px solid maroon; }
912
.magnifier-zoom-region .full-screen {
916
background-color: rgba(53, 57, 69, 0.95);
918
border-top-width: 1px;
919
border-color: rgba(0, 0, 0, 0.4); }
935
text-shadow: 0 1px rgba(64, 69, 82, 0);
937
border: 1px solid rgba(26, 28, 34, 0.35);
938
background-color: rgba(102, 109, 132, 0.35); }
939
.keyboard-key:hover {
940
text-shadow: 0 1px rgba(64, 69, 82, 0);
942
border: 1px solid rgba(26, 28, 34, 0.35);
943
background-color: rgba(119, 127, 151, 0.45); }
944
.keyboard-key:active, .keyboard-key:checked {
945
text-shadow: 0 1px rgba(64, 69, 82, 0);
947
border: 1px solid #5294e2;
948
background-color: #5294e2; }
949
.keyboard-key:grayed {
950
text-shadow: 0 1px rgba(64, 69, 82, 0);
952
border: 1px solid rgba(26, 28, 34, 0.35);
953
background-color: rgba(102, 109, 132, 0.2); }
958
-arrow-border-radius: 2px;
959
-arrow-background-color: rgba(53, 57, 69, 0.95);
960
-arrow-border-width: 1px;
961
-arrow-border-color: rgba(0, 0, 0, 0.4);
964
-boxpointer-gap: 5px; }
966
.menu-favorites-box {
969
transition-duration: 300;
970
background-color: #383C4A;
971
border: 1px solid #2b2e39; }
973
.menu-favorites-button {
975
border: 1px solid transparent; }
980
border: 0px solid red; }
982
.menu-places-button {
985
.menu-categories-box {
986
padding: 10px 30px 10px 30px; }
988
.menu-applications-inner-box, .menu-applications-outer-box {
989
padding: 10px 10px 0 10px; }
991
.menu-application-button {
993
border: 1px solid transparent; }
994
.menu-application-button:highlighted {
996
.menu-application-button-selected {
998
.menu-application-button-selected:highlighted {
1000
.menu-application-button-label:ltr {
1001
padding-left: 5px; }
1002
.menu-application-button-label:rtl {
1003
padding-right: 5px; }
1005
.menu-category-button {
1007
border: 1px solid transparent; }
1008
.menu-category-button-selected {
1010
.menu-category-button-hover {
1011
background-color: red;
1012
border-radius: 2px; }
1013
.menu-category-button-greyed {
1015
color: rgba(211, 218, 227, 0.45);
1016
border: 1px solid transparent; }
1017
.menu-category-button-label:ltr {
1018
padding-left: 5px; }
1019
.menu-category-button-label:rtl {
1020
padding-right: 5px; }
1022
.menu-selected-app-box {
1023
padding-right: 30px;
1027
.menu-selected-app-box:rtl {
1031
.menu-selected-app-title {
1032
font-weight: bold; }
1034
.menu-selected-app-description {
1037
.menu-search-box:ltr {
1038
padding-left: 30px; }
1040
.menu-search-box-rtl {
1041
padding-right: 30px; }
1043
#menu-search-entry {
1046
font-weight: normal;
1047
caret-color: #D3DAE3; }
1049
.menu-search-entry-icon {
1053
/* Context menu (at the moment only for favorites) */
1060
border-image: url("common-assets/misc/osd.svg") 9 9 9 9; }
1074
border-image: url("common-assets/misc/osd.svg") 9 9 9 9; }
1075
.osd-window .osd-monitor-label {
1077
.osd-window .level {
1080
background-color: rgba(0, 0, 0, 0.5);
1086
padding-left: 10px; }
1087
.panel-bottom .window-list-box {
1089
.panel-top .window-list-box {
1090
padding-bottom: 1px; }
1091
.window-list-box.vertical {
1094
.window-list-box:highlight {
1095
background-color: rgba(252, 65, 56, 0.5); }
1097
.window-list-item-label {
1102
.window-list-item-box {
1104
background-image: none;
1108
transition-duration: 100;
1109
color: rgba(255, 255, 255, 0.6); }
1110
.window-list-item-box:hover {
1112
.window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:focus {
1114
.panel-bottom .window-list-item-box:active, .panel-bottom .window-list-item-box:checked, .panel-bottom .window-list-item-box:focus {
1115
border-image: url("common-assets/panel/window-list-active-bottom.svg") 3 3 1 3; }
1116
.panel-top .window-list-item-box:active, .panel-top .window-list-item-box:checked, .panel-top .window-list-item-box:focus {
1117
border-image: url("common-assets/panel/window-list-active-top.svg") 3 3 3 1; }
1118
.panel-left .window-list-item-box:active, .panel-left .window-list-item-box:checked, .panel-left .window-list-item-box:focus {
1119
border-image: url("common-assets/panel/window-list-active-left.svg") 3 1 3 3; }
1120
.panel-right .window-list-item-box:active, .panel-right .window-list-item-box:checked, .panel-right .window-list-item-box:focus {
1121
border-image: url("common-assets/panel/window-list-active-right.svg") 1 3 3 3; }
1122
.window-list-item-box.right, .window-list-item-box.left {
1124
padding-right: 0px; }
1126
.window-list-item-demands-attention {
1127
background-gradient-start: #F27835;
1128
background-gradient-end: #F27835; }
1134
.sound-button-container {
1136
padding-left: 3px; }
1137
.sound-button StIcon {
1140
.sound-track-infos {
1145
padding-bottom: 2px; }
1146
.sound-track-info StIcon {
1148
.sound-track-info StLabel {
1150
padding-right: 5px; }
1154
padding-right: 15px;
1158
padding-left: 15px; }
1159
.sound-seek-box StLabel {
1161
.sound-seek-box StIcon {
1164
.sound-seek-slider {
1167
.sound-volume-menu-item {
1168
padding: .4em 1.75em; }
1169
.sound-volume-menu-item StIcon {
1172
padding-right: 8px; }
1174
.sound-playback-control {
1175
padding: 5px 10px 10px 10px; }
1179
.sound-player > StBoxLayout:first-child {
1180
padding: 5px 10px 12px 10px;
1182
.sound-player > StBoxLayout:first-child StButton:small {
1186
.sound-player > StBoxLayout:first-child StButton:small StIcon {
1188
.sound-player-generic-coverart {
1189
background: rgba(0, 0, 0, 0.2); }
1190
.sound-player-overlay {
1195
background: rgba(42, 45, 55, 0.85);
1196
border: 0px solid rgba(31, 33, 40, 0.95);
1199
.sound-player-overlay StButton {
1205
border: 1px solid rgba(53, 57, 69, 0); }
1206
.sound-player-overlay StButton StIcon {
1208
.sound-player-overlay StButton:hover {
1209
text-shadow: 0 1px rgba(64, 69, 82, 0);
1211
border: 1px solid rgba(26, 28, 34, 0.35);
1212
background-color: rgba(119, 127, 151, 0.45); }
1213
.sound-player-overlay StButton:active {
1214
text-shadow: 0 1px rgba(64, 69, 82, 0);
1216
background-color: #5294e2;
1217
border: 1px solid #5294e2;
1218
box-shadow: inset 0 2px 4px #5294e2; }
1219
.sound-player-overlay StBoxLayout {
1221
.sound-player .slider {
1225
-slider-height: 0.5em;
1226
-slider-background-color: #2d303b;
1227
-slider-border-color: transparent;
1228
-slider-active-background-color: #5294e2;
1229
-slider-active-border-color: transparent;
1230
-slider-border-width: 0px;
1231
-slider-handle-radius: 0px; }
1233
#workspaceSwitcher {
1237
/* Controls the styling when using the "Simple buttons" option */
1238
.workspace-switcher {
1240
padding-right: 3px; }
1248
transition-duration: 300; }
1249
.workspace-button:outlined, .workspace-button:outlined:hover {
1251
.workspace-button:hover {
1252
color: rgba(82, 148, 226, 0.5); }
1254
/* Controls the style when using the "Visual representation" option */
1259
.workspace-graph .workspace {
1260
border: 1px solid rgba(0, 0, 0, 0.4);
1261
background-gradient-direction: none;
1262
background-color: rgba(0, 0, 0, 0.2); }
1264
.workspace-graph .workspace:active {
1265
border: 1px solid #5294e2;
1266
background-gradient-direction: none; }
1268
.workspace-graph .workspace .windows {
1269
-active-window-background: rgba(76, 82, 99, 0.95);
1270
-active-window-border: rgba(0, 0, 0, 0.8);
1271
-inactive-window-background: rgba(76, 82, 99, 0.95);
1272
-inactive-window-border: rgba(0, 0, 0, 0.8); }
1274
.workspace-graph .workspace:active .windows {
1275
-active-window-background: rgba(87, 93, 113, 0.95);
1276
-active-window-border: rgba(0, 0, 0, 0.8);
1277
-inactive-window-background: rgba(54, 58, 70, 0.95);
1278
-inactive-window-border: rgba(0, 0, 0, 0.8); }
1280
#panel-launchers-box {
1281
padding-left: 7px; }
1282
#panel-launchers-box.vertical {
1289
transition-duration: 200; }
1290
.panel-launcher:hover,
1292
background-gradient-direction: none;
1293
border: 0px solid #5294e2; }
1294
.panel-bottom .panel-launcher:hover, .panel-bottom
1296
border-bottom-width: 1px; }
1297
.panel-top .panel-launcher:hover, .panel-top
1299
border-top-width: 1px; }
1300
.panel-left .panel-launcher:hover, .panel-left
1302
border-left-width: 1px;
1304
.panel-right .panel-launcher:hover, .panel-right
1306
border-right-width: 1px;
1310
background-image: url("common-assets/misc/overview.png"); }
1311
#overview-corner:hover {
1312
background-image: url("common-assets/misc/overview-hover.png"); }
1317
.applet-separator-line {
1319
background: rgba(255, 255, 255, 0.12); }
1326
transition-duration: 100; }
1327
.applet-box.vertical {
1331
background-color: #5294e2; }
1332
.applet-box:highlight {
1333
background-image: none;
1335
background-color: rgba(252, 65, 56, 0.5); }
1340
.applet-label:hover, .applet-box:hover > .applet-label {
1342
text-shadow: none; }
1347
.applet-icon:hover, .applet-box:hover > .applet-icon {
1349
text-shadow: none; }
1354
background-color: transparent;
1366
.desklet:highlight {
1367
background-color: rgba(252, 65, 56, 0.5); }
1368
.desklet-with-borders {
1369
border-image: url("common-assets/misc/bg.svg") 9 9 9 9;
1372
padding-bottom: 16px; }
1373
.desklet-with-borders:highlight {
1374
background-color: rgba(252, 65, 56, 0.5); }
1375
.desklet-with-borders-and-header {
1376
border-image: url("common-assets/misc/desklet.svg") 9 9 9 9;
1379
border-radius-topleft: 0;
1380
border-radius-topright: 0;
1382
padding-bottom: 17px; }
1383
.desklet-with-borders-and-header:highlight {
1384
background-color: rgba(252, 65, 56, 0.5); }
1386
border-image: url("common-assets/misc/desklet-header.svg") 9 9 9 9;
1390
padding-bottom: 6px; }
1391
.desklet-drag-placeholder {
1392
border: 2px solid #5294e2;
1393
background-color: rgba(82, 148, 226, 0.3); }
1396
border-image: url("common-assets/misc/bg.svg") 9 9 9 9;
1399
padding-bottom: 16px; }
1404
text-shadow: black 5px 5px 5px;
1408
.notification-applet-padding {
1409
padding: .5em 1em; }
1411
.notification-applet-container {
1412
max-height: 100px; }
1414
.tile-preview, .tile-preview.snap,
1415
.tile-hud, .tile-hud.snap {
1416
background-color: rgba(82, 148, 226, 0.3);
1417
border: 1px solid #5294e2; }
1422
background-color: transparent;
1423
border-radius: 0px; }