ASCII text
1
.notification-button, .modal-dialog-button {
2
color: rgba(0, 0, 0, 0.62);
3
background-color: #FAFAFA;
4
border-color: transparent;
5
box-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12);
6
text-shadow: none;
7
icon-shadow: none;
8
font-size: 10.5pt;
9
font-weight: 500;
10
min-height: 36px;
11
padding: 0 16px;
12
border-radius: 2px;
13
}
14
.notification-button:focus, .modal-dialog-button:focus {
16
color: rgba(0, 0, 0, 0.87);
17
text-shadow: none;
18
icon-shadow: none;
19
box-shadow: 0 0 transparent;
20
}
21
.notification-button:hover, .modal-dialog-button:hover, .notification-button:checked, .modal-dialog-button:checked {
23
color: rgba(0, 0, 0, 0.87);
24
background-color: #FAFAFA;
25
border-color: transparent;
26
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24);
27
text-shadow: none;
28
icon-shadow: none;
29
}
30
.notification-button:active, .modal-dialog-button:active {
32
color: rgba(0, 0, 0, 0.87);
33
background-color: rgba(188, 188, 188, 0.961);
34
border-color: transparent;
35
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24);
36
text-shadow: none;
37
icon-shadow: none;
38
}
39
.notification-button:insensitive, .modal-dialog-button:insensitive {
41
color: rgba(0, 0, 0, 0.26);
42
background-color: rgba(0, 0, 0, 0.12);
43
border-color: transparent;
44
box-shadow: 0 0 transparent;
45
text-shadow: none;
46
icon-shadow: none;
47
}
48
.notification-icon-button, .keyboard-key, .sound-player StButton {
50
color: rgba(0, 0, 0, 0.62);
51
background-color: #FAFAFA;
52
border-color: transparent;
53
box-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12);
54
text-shadow: none;
55
icon-shadow: none;
56
min-height: 36px;
57
min-width: 36px;
58
padding: 6px;
59
border-radius: 2px;
60
}
61
.notification-icon-button:focus, .keyboard-key:focus, .sound-player StButton:focus {
63
color: rgba(0, 0, 0, 0.87);
64
text-shadow: none;
65
icon-shadow: none;
66
box-shadow: 0 0 transparent;
67
}
68
.notification-icon-button:hover, .keyboard-key:hover, .sound-player StButton:hover, .notification-icon-button:checked, .keyboard-key:checked, .sound-player StButton:checked {
70
color: rgba(0, 0, 0, 0.87);
71
background-color: #FAFAFA;
72
border-color: transparent;
73
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24);
74
text-shadow: none;
75
icon-shadow: none;
76
}
77
.notification-icon-button:active, .keyboard-key:active, .sound-player StButton:active {
79
color: rgba(0, 0, 0, 0.87);
80
background-color: rgba(188, 188, 188, 0.961);
81
border-color: transparent;
82
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24);
83
text-shadow: none;
84
icon-shadow: none;
85
}
86
.notification-icon-button:insensitive, .keyboard-key:insensitive, .sound-player StButton:insensitive {
88
color: rgba(0, 0, 0, 0.26);
89
background-color: rgba(0, 0, 0, 0.12);
90
border-color: transparent;
91
box-shadow: 0 0 transparent;
92
text-shadow: none;
93
icon-shadow: none;
94
}
95
.slider, .popup-slider-menu-item, .sound-player .slider {
97
height: 20px;
98
color: #009688;
99
-slider-height: 2px;
100
-slider-background-color: rgba(0, 0, 0, 0.26);
101
-slider-border-color: transparent;
102
-slider-active-background-color: #009688;
103
-slider-active-border-color: transparent;
104
-slider-border-width: 0;
105
-slider-handle-radius: 7px;
106
}
107
.separator, .popup-separator-menu-item {
109
-gradient-height: 1px;
110
-gradient-start: rgba(0, 0, 0, 0.12);
111
-gradient-end: rgba(0, 0, 0, 0.12);
112
-margin-horizontal: 4px;
113
height: 1.5em;
114
}
115
#notification StEntry, .run-dialog-entry, #menu-search-entry {
117
background-color: rgba(0, 0, 0, 0.01);
118
border-color: transparent;
119
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26);
120
width: 320px;
121
padding: 4px 8px;
122
border-radius: 0;
123
color: rgba(0, 0, 0, 0.38);
124
caret-color: rgba(0, 0, 0, 0.38);
125
selection-background-color: rgba(0, 0, 0, 0.26);
126
selected-color: rgba(0, 0, 0, 0.87);
127
}
128
#notification StEntry:focus, .run-dialog-entry:focus, #menu-search-entry:focus {
130
border-color: transparent;
131
box-shadow: inset 0 -2px rgba(0, 0, 0, 0.87);
132
padding: 4px 8px;
133
border-width: 0;
134
color: rgba(0, 0, 0, 0.87);
135
}
136
.desklet-with-borders, .desklet-with-borders-and-header, .desklet-header, .photoframe-box {
138
color: rgba(0, 0, 0, 0.87);
139
border: none;
140
padding: 12px;
141
box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5);
142
}
143
.calendar-change-month-back, .calendar-change-month-forward {
145
width: 16px;
146
height: 16px;
147
border-radius: 999px;
148
transition-duration: 100ms;
149
}
150
.calendar-change-month-back:active, .calendar-change-month-forward:active {
152
background-color: rgba(0, 0, 0, 0.26);
153
}
154
.menu, .popup-combo-menu {
156
background-color: #EEEEEE;
157
border: 1px solid rgba(0, 0, 0, 0.12);
158
border-radius: 2px;
159
color: rgba(0, 0, 0, 0.87);
160
box-shadow: 14px 14px 14px rgba(0, 0, 0, 0.5);
161
}
162
.menu-application-button-label:ltr, .menu-category-button-label:ltr {
164
padding-left: 4px;
165
}
166
.menu-application-button-label:rtl, .menu-category-button-label:rtl {
168
padding-right: 4px;
169
}
170
.show-processes-dialog-subject, .mount-question-dialog-subject {
172
font-weight: bold;
173
color: rgba(0, 0, 0, 0.87);
174
padding-top: 10px;
175
padding-left: 17px;
176
padding-bottom: 6px;
177
}
178
.show-processes-dialog-subject:rtl, .mount-question-dialog-subject:rtl {
180
padding-left: 0;
181
padding-right: 17px;
182
}
183
.show-processes-dialog-description, .mount-question-dialog-description {
185
color: rgba(0, 0, 0, 0.87);
186
padding-left: 17px;
187
width: 28em;
188
}
189
.check-box StBin, .check-box:focus StBin {
191
width: 24px;
192
height: 24px;
193
padding: 6px;
194
border-radius: 100px;
195
background-image: url(assets/checkbox-off.svg);
196
}
197
.radiobutton StBin, .radiobutton:focus StBin {
199
width: 20px;
200
height: 20px;
201
padding: 8px;
202
border-radius: 100px;
203
background-image: url(assets/radiobutton-off.svg);
204
}
205
.tile-preview, .tile-hud {
207
background-color: rgba(0, 0, 0, 0.3);
208
border: 2px solid rgba(0, 0, 0, 0.12);
209
}
210
.tile-preview.snap, .tile-hud.snap {
212
background-color: rgba(0, 0, 0, 0.3);
213
border: 2px solid #009688;
214
}
215
.info-osd, .workspace-osd, #LookingGlassDialog, .switcher-list, .modal-dialog, .osd-window {
217
color: rgba(0, 0, 0, 0.87);
218
background-color: #EEEEEE;
219
border: none;
220
border-radius: 2px;
221
padding: 12px;
222
box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5);
223
}
224
.info-osd, .workspace-osd {
226
font-size: 15pt;
227
font-weight: 500;
228
text-align: center;
229
padding: 8px 10px;
230
}
231
stage {
233
font-size: 10.5pt;
234
font-weight: 400;
235
font-family: "M+ 1c", Roboto, Cantarell, Sans-Serif;
236
color: rgba(0, 0, 0, 0.87);
237
}
238
.cinnamon-link {
240
color: #338DD6;
241
font-style: italic;
242
}
243
.cinnamon-link:hover {
245
color: rgba(0, 0, 0, 0.87);
246
}
247
.label-shadow {
249
color: transparent;
250
}
251
StScrollBar {
253
padding: 0px;
254
}
255
StScrollBar StButton#vhandle, StScrollBar StButton#hhandle {
257
background-color: rgba(0, 0, 0, 0.38);
258
border-radius: 100px;
259
margin: 4px;
260
}
261
StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover {
263
background-color: rgba(0, 0, 0, 0.54);
264
}
265
StScrollBar StBin#trough {
267
margin: 4px;
268
border-radius: 100px;
269
background-color: rgba(0, 0, 0, 0.12);
270
}
271
StScrollView.vfade {
273
-st-vfade-offset: 32px;
274
}
275
StScrollView.hfade {
277
-st-hfade-offset: 32px;
278
}
279
StScrollView StScrollBar {
281
min-width: 16px;
282
min-height: 16px;
283
}
284
#Tooltip {
286
font-size: 9pt;
287
font-weight: 400;
288
padding: 6px 8px;
289
color: #FFFFFF;
290
text-align: center;
291
border-radius: 2px;
292
background-color: rgba(66, 66, 66, 0.9);
293
}
294
.menu {
296
min-width: 100px;
297
margin: 4px;
298
}
299
.popup-sub-menu {
301
background-color: #EEEEEE;
302
}
303
.popup-menu-arrow {
305
icon-size: 1.14em;
306
}
307
.popup-combo-menu {
309
padding: 8px;
310
}
311
.popup-menu-content {
313
padding: 8px;
314
}
315
.popup-menu-item {
317
padding: 0.4em 4px;
318
transition-duration: 100ms;
319
}
320
.popup-menu-item:active {
322
background-color: rgba(0, 0, 0, 0.26);
323
color: rgba(0, 0, 0, 0.87);
324
transition-duration: 150ms;
325
}
326
.popup-menu-item:insensitive {
328
color: rgba(0, 0, 0, 0.38);
329
}
330
.popup-image-menu-item {
332
color: rgba(0, 0, 0, 0.54);
333
}
334
.popup-combobox-item {
336
padding: 0.4em 4px;
337
}
338
.popup-device-menu-item {
340
spacing: .5em;
341
}
342
.popup-inactive-menu-item {
344
color: rgba(0, 0, 0, 0.87);
345
}
346
.popup-inactive-menu-item:insensitive {
348
color: rgba(0, 0, 0, 0.38);
349
}
350
.popup-subtitle-menu-item {
352
font-weight: bold;
353
}
354
.popup-menu-icon {
356
icon-size: 1.14em;
357
padding: 0px 4px;
358
}
359
.popup-alternating-menu-item:alternate {
361
font-weight: bold;
362
}
363
.toggle-switch {
365
width: 40px;
366
height: 20px;
367
}
368
.toggle-switch-us, .toggle-switch-intl {
370
background-image: url(assets/toggle-off.svg);
371
}
372
.toggle-switch-us:checked, .toggle-switch-intl:checked {
374
background-image: url(assets/toggle-on.svg);
375
}
376
.nm-menu-item-icons {
378
spacing: .5em;
379
icon-size: 1.14em;
380
}
381
#panel {
383
color: rgba(255, 255, 255, 0.7);
384
background-color: rgba(0, 0, 0, 0.6);
385
height: 2.5em;
386
width: 3.2em;
387
}
388
#panel:highlight {
390
background-color: rgba(255, 255, 255, 0.3);
391
}
392
.panel-dummy {
394
background-color: rgba(255, 0, 0, 0.6);
395
}
396
.panel-dummy:entered {
398
background-color: rgba(0, 255, 0, 0.6);
399
}
400
.panelLeft {
402
spacing: 4px;
403
}
404
.panelLeft:dnd {
406
background-color: rgba(255, 0, 0, 0.6);
407
}
408
.panelLeft:ltr {
410
padding-right: 4px;
411
}
412
.panelLeft:rtl {
414
padding-left: 4px;
415
}
416
.panelLeft.vertical {
418
padding: 0;
419
}
420
.panelCenter {
422
spacing: 4px;
423
}
424
.panelCenter:dnd {
426
background-color: rgba(0, 255, 0, 0.6);
427
}
428
.panelCenter.vertical {
430
padding-left: 0;
431
padding-right: 0;
432
}
433
.panelRight {
435
spacing: 4px;
436
}
437
.panelRight:dnd {
439
background-color: rgba(0, 0, 255, 0.6);
440
}
441
.panelRight:ltr {
443
padding-left: 0;
444
spacing: 0;
445
}
446
.panelRight:rtl {
448
padding-right: 0;
449
spacing: 0;
450
}
451
.panelRight.vertical {
453
padding: 0;
454
}
455
.panel-top .window-list-item-box:hover {
457
box-shadow: 0 3px 0 0 #009688 inset;
458
}
459
.panel-top .window-list-item-box:active, .panel-top .window-list-item-box:checked, .panel-top .window-list-item-box:focus {
461
background-color: rgba(255, 255, 255, 0.3);
462
color: #FFFFFF;
463
}
464
.panel-top .window-list-item-box:active:hover, .panel-top .window-list-item-box:checked:hover, .panel-top .window-list-item-box:focus:hover {
466
box-shadow: 0 3px 0 0 #009688 inset;
467
}
468
.panel-top .workspace-switcher, .panel-top .workspace-graph, .panel-top .workspace-button {
470
padding: 1px 4px;
471
}
472
.panel-top .workspace-graph:hover, .panel-top .workspace-button:hover {
474
box-shadow: 0 3px 0 0 #009688 inset;
475
}
476
.panel-top .applet-box {
478
padding: 1px 4px;
479
margin: 1px 0;
480
}
481
.panel-top .applet-box:hover {
483
box-shadow: 0 3px 0 0 #009688 inset;
484
}
485
.panel-top .panel-launchers .launcher:hover {
487
box-shadow: 0 3px 0 0 #009688 inset;
488
}
489
.panel-top .applet-separator {
491
padding: 3px 4px;
492
}
493
.panel-top .systray:hover {
495
box-shadow: 0 4px 0 0 #009688 inset;
496
}
497
.panel-bottom .window-list-item-box:hover {
499
box-shadow: 0 -3px 0 0 #009688 inset;
500
}
501
.panel-bottom .window-list-item-box:active, .panel-bottom .window-list-item-box:checked, .panel-bottom .window-list-item-box:focus {
503
background-color: rgba(255, 255, 255, 0.3);
504
color: #FFFFFF;
505
}
506
.panel-bottom .window-list-item-box:active:hover, .panel-bottom .window-list-item-box:checked:hover, .panel-bottom .window-list-item-box:focus:hover {
508
box-shadow: 0 -3px 0 0 #009688 inset;
509
}
510
.panel-bottom .workspace-switcher, .panel-bottom .workspace-graph, .panel-bottom .workspace-button {
512
padding: 1px 4px;
513
}
514
.panel-bottom .workspace-graph:hover, .panel-bottom .workspace-button:hover {
516
box-shadow: 0 -3px 0 0 #009688 inset;
517
}
518
.panel-bottom .applet-box {
520
padding: 1px 4px;
521
margin: 1px 0;
522
}
523
.panel-bottom .applet-box:hover {
525
box-shadow: 0 -3px 0 0 #009688 inset;
526
}
527
.panel-bottom .panel-launchers .launcher:hover {
529
box-shadow: 0 -3px 0 0 #009688 inset;
530
}
531
.panel-bottom .applet-separator {
533
padding: 3px 4px;
534
}
535
.panel-bottom .systray:hover {
537
box-shadow: 0 4px 0 0 #009688 inset;
538
}
539
.panel-left .window-list-item-box:hover {
541
box-shadow: 3px 0 0 0 #009688 inset;
542
}
543
.panel-left .window-list-item-box:active, .panel-left .window-list-item-box:checked, .panel-left .window-list-item-box:focus {
545
background-color: rgba(255, 255, 255, 0.3);
546
color: #FFFFFF;
547
}
548
.panel-left .window-list-item-box:active:hover, .panel-left .window-list-item-box:checked:hover, .panel-left .window-list-item-box:focus:hover {
550
box-shadow: 3px 0 0 0 #009688 inset;
551
}
552
.panel-left .workspace-switcher, .panel-left .workspace-graph, .panel-left .workspace-button {
554
padding: 1px 4px;
555
}
556
.panel-left .workspace-graph:hover, .panel-left .workspace-button:hover {
558
box-shadow: 3px 0 0 0 #009688 inset;
559
}
560
.panel-left .applet-box {
562
padding: 4px 1px;
563
margin: 0 1px;
564
}
565
.panel-left .applet-box:hover {
567
box-shadow: 3px 0 0 0 #009688 inset;
568
}
569
.panel-left .panel-launchers .launcher:hover {
571
box-shadow: 3px 0 0 0 #009688 inset;
572
}
573
.panel-left .applet-separator {
575
padding: 4px 3px;
576
}
577
.panel-left .systray:hover {
579
box-shadow: 4px 0 0 0 #009688 inset;
580
}
581
.panel-right .window-list-item-box:hover {
583
box-shadow: -3px 0 0 0 #009688 inset;
584
}
585
.panel-right .window-list-item-box:active, .panel-right .window-list-item-box:checked, .panel-right .window-list-item-box:focus {
587
background-color: rgba(255, 255, 255, 0.3);
588
color: #FFFFFF;
589
}
590
.panel-right .window-list-item-box:active:hover, .panel-right .window-list-item-box:checked:hover, .panel-right .window-list-item-box:focus:hover {
592
box-shadow: -3px 0 0 0 #009688 inset;
593
}
594
.panel-right .workspace-switcher, .panel-right .workspace-graph, .panel-right .workspace-button {
596
padding: 1px 4px;
597
}
598
.panel-right .workspace-graph:hover, .panel-right .workspace-button:hover {
600
box-shadow: -3px 0 0 0 #009688 inset;
601
}
602
.panel-right .applet-box {
604
padding: 4px 1px;
605
margin: 0 1px;
606
}
607
.panel-right .applet-box:hover {
609
box-shadow: -3px 0 0 0 #009688 inset;
610
}
611
.panel-right .panel-launchers .launcher:hover {
613
box-shadow: -3px 0 0 0 #009688 inset;
614
}
615
.panel-right .applet-separator {
617
padding: 4px 3px;
618
}
619
.panel-right .systray:hover {
621
box-shadow: -4px 0 0 0 #009688 inset;
622
}
623
.panel-status-button {
625
-natural-hpadding: 4px;
626
-minimum-hpadding: 4px;
627
font-weight: bold;
628
color: rgba(255, 255, 255, 0.7);
629
height: 2em;
630
}
631
.panel-status-button:hover {
633
color: #FFFFFF;
634
}
635
.system-status-icon {
637
icon-size: 1.14em;
638
padding: 0;
639
spacing: 0;
640
}
641
.system-status-icon.warning {
643
color: #FF6D00;
644
}
645
.system-status-icon.error {
647
color: #DD2C00;
648
}
649
#overview {
651
spacing: 12px;
652
}
653
.window-caption {
655
font-size: 9pt;
656
font-weight: 400;
657
background-color: rgba(0, 0, 0, 0.01);
658
color: rgba(255, 255, 255, 0.7);
659
padding: 4px 6px;
660
text-align: center;
661
height: 1.5em;
662
-cinnamon-caption-spacing: 12px;
663
}
664
.window-caption#selected {
666
color: #FFFFFF;
667
box-shadow: 0 -3px 0 0 #009688 inset;
668
}
669
.workspace-controls {
671
visible-height: 32px;
672
}
673
.workspace-thumbnails-background {
675
color: rgba(255, 255, 255, 0.7);
676
background-color: rgba(255, 255, 255, 0.1);
677
border: none;
678
padding: 8px;
679
border-radius: 2px 0 0 2px;
680
}
681
.workspace-thumbnails-background:rtl {
683
border-radius: 0 2px 2px 0;
684
}
685
.workspace-thumbnails {
687
spacing: 32px;
688
}
689
.workspace-add-button {
691
background-image: url(assets/add-workspace.svg);
692
height: 200px;
693
width: 35px;
694
transition-duration: shorter_duration;
695
}
696
.workspace-add-button:hover {
698
background-image: url(assets/add-workspace-hover.svg);
699
}
700
.workspace-add-button:active {
702
background-image: url(assets/add-workspace-active.svg);
703
}
704
.workspace-close-button, .window-close {
706
background-image: url(assets/close-window.svg);
707
height: 32px;
708
width: 32px;
709
-cinnamon-close-overlap: 20px;
710
}
711
.workspace-close-button:rtl, .window-close:rtl {
713
-st-background-image-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5);
714
}
715
.window-close-area {
717
background-image: url(assets/trash-icon.png);
718
background-size: 100px;
719
background-color: rgba(0, 0, 0, 0.3);
720
border: 1px solid rgba(0, 0, 0, 0.12);
721
border-bottom-width: 0;
722
border-radius: 20px 20px 0 0;
723
height: 120px;
724
width: 400px;
725
}
726
.expo-background {
728
background-color: rgba(0, 0, 0, 0.6);
729
}
730
.workspace-overview-background-shade {
732
background-color: rgba(0, 0, 0, 0.6);
733
}
734
.expo-workspace-thumbnail-frame {
736
border: 1px solid rgba(0, 0, 0, 0.12);
737
}
738
.expo-workspace-thumbnail-frame#active {
740
border: 1px solid #009688;
741
}
742
#LookingGlassDialog {
744
spacing: 4px;
745
padding: 8px;
746
}
747
.calendar {
749
padding: 4px 8px;
750
spacing-rows: 2px;
751
spacing-columns: 4px;
752
}
753
.datemenu-date-label {
755
font-size: 15pt;
756
font-weight: 500;
757
height: 28px;
758
margin: 2px;
759
padding: 6px 16px;
760
border-radius: 2px;
761
color: rgba(0, 0, 0, 0.87);
762
text-align: center;
763
}
764
.datemenu-date-label:focus {
766
background-color: rgba(0, 0, 0, 0.12);
767
}
768
.calendar-month-label {
770
font-size: 10.5pt;
771
font-weight: 500;
772
height: 20px;
773
margin: 2px;
774
padding: 6px 16px;
775
border-radius: 2px;
776
color: rgba(0, 0, 0, 0.87);
777
text-align: center;
778
}
779
.calendar-month-label:focus {
781
background-color: rgba(0, 0, 0, 0.12);
782
}
783
.calendar-change-month-back {
785
background-image: url(assets/calendar-arrow-left.svg);
786
}
787
.calendar-change-month-back:rtl {
789
background-image: url(assets/calendar-arrow-right.svg);
790
}
791
.calendar-change-month-forward {
793
background-image: url(assets/calendar-arrow-right.svg);
794
}
795
.calendar-change-month-forward:rtl {
797
background-image: url(assets/calendar-arrow-left.svg);
798
}
799
.calendar-day-base {
801
font-size: 9pt;
802
font-weight: 400;
803
text-align: center;
804
width: 32px;
805
height: 32px;
806
padding: 0;
807
margin: 2px;
808
border-radius: 100px;
809
}
810
.calendar-day-base:hover, .calendar-day-base:focus {
812
background-color: rgba(0, 0, 0, 0.26);
813
}
814
.calendar-day-base:active {
816
color: #FFFFFF;
817
background-color: #009688;
818
border-color: transparent;
819
}
820
.calendar-week-number {
822
font-size: 9pt;
823
font-weight: 400;
824
width: 25px;
825
height: 32px;
826
margin: 2px;
827
padding: 0;
828
border-radius: 100px;
829
background-color: transparent;
830
color: rgba(0, 0, 0, 0.38);
831
text-align: center;
832
}
833
.calendar-day-heading {
835
font-size: 9pt;
836
font-weight: 400;
837
width: 32px;
838
height: 25px;
839
margin: 2px;
840
padding: 0;
841
border-radius: 100px;
842
background-color: transparent;
843
color: rgba(0, 0, 0, 0.38);
844
text-align: center;
845
}
846
.calendar-day {
848
border-width: 0;
849
}
850
.calendar-day-top {
852
border-top-width: 0;
853
}
854
.calendar-day-left {
856
border-left-width: 0;
857
}
858
.calendar-nonwork-day {
860
color: rgba(0, 0, 0, 0.87);
861
}
862
.calendar-today {
864
font-weight: bold;
865
border: none;
866
}
867
.calendar-day-with-events {
869
color: #338DD6;
870
font-weight: normal;
871
text-decoration: underline;
872
background-image: none;
873
}
874
.calendar-other-month-day {
876
color: rgba(0, 0, 0, 0.26);
877
opacity: 0.5;
878
}
879
.calendar-week-number {
881
width: 32px;
882
height: 25px;
883
margin: 2px;
884
padding: 7px 0 0;
885
border-radius: 100px;
886
background-color: transparent;
887
color: rgba(0, 0, 0, 0.38);
888
font-size: inherit;
889
font-weight: bold;
890
text-align: center;
891
}
892
#notification {
894
background-color: #EEEEEE;
895
border-radius: 2px;
896
border: 1px solid rgba(0, 0, 0, 0.12);
897
padding: 8px;
898
spacing-rows: 4px;
899
spacing-columns: 8px;
900
margin-from-right-edge-of-screen: 20px;
901
width: 34em;
902
color: rgba(0, 0, 0, 0.87);
903
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24);
904
}
905
#notification.multi-line-notification {
907
padding-bottom: 8px;
908
}
909
#notification .url-highlighter {
911
link-color: #338DD6;
912
}
913
.notification-with-image {
915
min-height: 159px;
916
color: rgba(0, 0, 0, 0.87);
917
}
918
#notification-scrollview {
920
max-height: 10em;
921
}
922
#notification-scrollview > .top-shadow {
924
height: 1em;
925
}
926
#notification-scrollview > .bottom-shadow {
928
height: 1em;
929
}
930
#notification-scrollview:ltr > StScrollBar {
932
padding-left: 6px;
933
}
934
#notification-scrollview:rtl > StScrollBar {
936
padding-right: 6px;
937
}
938
#notification-body {
940
spacing: 4px;
941
}
942
#notification-actions {
944
spacing: 8px;
945
}
946
.notification-icon-button > StIcon {
948
icon-size: 1.5em;
949
}
950
#altTabPopup {
952
padding: 8px;
953
spacing: 16px;
954
}
955
.switcher-list {
957
transition-duration: 100ms;
958
}
959
.switcher-list .item-box {
961
padding: 8px;
962
border-radius: 2px;
963
}
964
.switcher-list .item-box:selected {
966
background-color: rgba(0, 0, 0, 0.12);
967
}
968
.switcher-list .thumbnail-box {
970
padding: 2px;
971
spacing: 4px;
972
}
973
.switcher-list .thumbnail {
975
width: 256px;
976
}
977
.switcher-list .separator {
979
width: 1px;
980
background: rgba(0, 0, 0, 0.12);
981
}
982
.switcher-list-item-container {
984
spacing: 8px;
985
}
986
.thumbnail-scroll-gradient-left {
988
background-gradient-direction: horizontal;
989
background-gradient-start: #333333;
990
background-gradient-end: rgba(51, 51, 51, 0);
991
border-radius: 2px;
992
border-radius-topright: 0;
993
border-radius-bottomright: 0;
994
width: 60px;
995
}
996
.thumbnail-scroll-gradient-right {
998
background-gradient-direction: horizontal;
999
background-gradient-start: rgba(51, 51, 51, 0);
1000
background-gradient-end: #333333;
1001
border-radius: 2px;
1002
border-radius-topleft: 0;
1003
border-radius-bottomleft: 0;
1004
width: 60px;
1005
}
1006
.switcher-arrow {
1008
border-color: transparent;
1009
color: rgba(0, 0, 0, 0.38);
1010
}
1011
.switcher-arrow:highlighted {
1013
color: rgba(0, 0, 0, 0.87);
1014
}
1015
.switcher-preview-backdrop {
1017
background-color: rgba(0, 0, 0, 0.6);
1018
}
1019
.ripple-box {
1021
width: 104px;
1022
height: 104px;
1023
background-image: url(assets/corner-ripple.png);
1024
background-color: #009688;
1025
border-radius: 52px;
1026
}
1027
.modal-dialog {
1029
padding: 16px 20px;
1030
}
1031
.modal-dialog-button-box {
1033
spacing: 16px;
1034
}
1035
.run-dialog-label {
1037
color: rgba(0, 0, 0, 0.38);
1038
padding-bottom: .4em;
1039
}
1040
.run-dialog-error-label {
1042
color: #DD2C00;
1043
}
1044
.run-dialog-error-box {
1046
padding-top: 16px;
1047
spacing: 6px;
1048
}
1049
.run-dialog-completion-box {
1051
padding-left: 15px;
1052
}
1053
.run-dialog {
1055
border-radius: 2px;
1056
padding: 16px 20px;
1057
}
1058
.lightbox {
1060
background-color: rgba(0, 0, 0, 0.3);
1061
}
1062
.cinnamon-mount-operation-icon {
1064
icon-size: 4.8em;
1065
}
1066
.mount-password-reask {
1068
color: #FF6D00;
1069
}
1070
.show-processes-dialog {
1072
spacing: 24px;
1073
}
1074
.mount-question-dialog {
1076
spacing: 24px;
1077
}
1078
.show-processes-dialog-description:rtl {
1080
padding-right: 17px;
1081
}
1082
.mount-question-dialog-description:rtl {
1084
padding-right: 17px;
1085
}
1086
.show-processes-dialog-app-list {
1088
max-height: 200px;
1089
padding-top: 24px;
1090
padding-left: 49px;
1091
padding-right: 32px;
1092
}
1093
.show-processes-dialog-app-list:rtl {
1095
padding-right: 49px;
1096
padding-left: 32px;
1097
}
1098
.show-processes-dialog-app-list-item {
1100
color: rgba(0, 0, 0, 0.87);
1101
}
1102
.show-processes-dialog-app-list-item:hover {
1104
color: rgba(0, 0, 0, 0.87);
1105
}
1106
.show-processes-dialog-app-list-item:ltr {
1108
padding-right: 1em;
1109
}
1110
.show-processes-dialog-app-list-item:rtl {
1112
padding-left: 1em;
1113
}
1114
.show-processes-dialog-app-list-item-icon:ltr {
1116
padding-right: 17px;
1117
}
1118
.show-processes-dialog-app-list-item-icon:rtl {
1120
padding-left: 17px;
1121
}
1122
.magnifier-zoom-region {
1124
border: 3px solid rgba(0, 0, 0, 0.12);
1125
}
1126
.magnifier-zoom-region.full-screen {
1128
border-width: 0;
1129
}
1130
#keyboard {
1132
background-color: rgba(0, 0, 0, 0.6);
1133
}
1134
.keyboard-key {
1136
font-size: 10.5pt;
1137
font-weight: 500;
1138
}
1139
.keyboard-layout {
1141
spacing: 8px;
1142
padding: 8px;
1143
}
1144
.keyboard-row {
1146
spacing: 16px;
1147
}
1148
.keyboard-subkeys {
1150
color: inherit;
1151
padding: 5px;
1152
-arrow-border-radius: 0;
1153
-arrow-background-color: transparent;
1154
-arrow-border-width: 0;
1155
-arrow-border-color: transparent;
1156
-arrow-base: 0;
1157
-arrow-rise: 0;
1158
-boxpointer-gap: 5px;
1159
background-color: #EEEEEE;
1160
border-radius: 2px;
1161
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24);
1162
}
1163
.menu-favorites-box {
1165
padding: 8px;
1166
}
1167
.menu-favorites-button {
1169
padding: 0.4em 4px;
1170
}
1171
.menu-favorites-button:hover {
1173
background-color: rgba(0, 0, 0, 0.12);
1174
border-radius: 2px;
1175
color: rgba(0, 0, 0, 0.87);
1176
}
1177
.menu-categories-box {
1179
padding: 8px;
1180
}
1181
.menu-applications-inner-box {
1183
padding: 8px;
1184
}
1185
.menu-applications-outer-box {
1187
padding: 8px;
1188
border-radius: 2px;
1189
}
1190
.menu-application-button {
1192
padding: 0.4em 4px;
1193
}
1194
.menu-application-button:highlighted {
1196
font-weight: bold;
1197
}
1198
.menu-application-button-selected {
1200
padding: 0.4em 4px;
1201
background-color: rgba(0, 0, 0, 0.12);
1202
border-radius: 2px;
1203
color: rgba(0, 0, 0, 0.87);
1204
}
1205
.menu-application-button-selected:highlighted {
1207
font-weight: bold;
1208
}
1209
.menu-category-button {
1211
padding: 0.4em 4px;
1212
}
1213
.menu-category-button-greyed {
1215
padding: 0.4em 4px;
1216
color: rgba(0, 0, 0, 0.54);
1217
font-style: italic;
1218
}
1219
.menu-category-button-selected {
1221
padding: 0.4em 4px;
1222
background-color: rgba(0, 0, 0, 0.12);
1223
border-radius: 2px;
1224
color: rgba(0, 0, 0, 0.87);
1225
}
1226
.menu-selected-app-box {
1228
padding: 8px;
1229
margin-bottom: 4px;
1230
text-align: right;
1231
}
1232
.menu-selected-app-box:rtl {
1234
text-align: left;
1235
}
1236
.menu-selected-app-title {
1238
font-size: 9pt;
1239
font-weight: 400;
1240
}
1241
.menu-selected-app-description {
1243
font-size: 9pt;
1244
font-weight: 400;
1245
max-width: 150px;
1246
}
1247
.menu-search-box:ltr {
1249
padding-left: 30px;
1250
padding-bottom: 5px;
1251
padding-top: 5px;
1252
}
1253
.menu-search-box:rtl {
1255
padding-right: 30px;
1256
padding-bottom: 5px;
1257
padding-top: 5px;
1258
}
1259
.menu-search-entry-icon {
1261
icon-size: 1em;
1262
padding: 0 0;
1263
color: rgba(0, 0, 0, 0.38);
1264
}
1265
.window-list-box {
1267
font-size: 9pt;
1268
font-weight: 400;
1269
spacing: 4px;
1270
padding: 0 3px;
1271
}
1272
.window-list-box.vertical {
1274
spacing: 4px;
1275
padding: 3px 0;
1276
}
1277
.window-list-box:highlight {
1279
background: rgba(255, 255, 255, 0.3);
1280
color: #FFFFFF;
1281
}
1282
.window-list-item-box {
1284
background-color: rgba(0, 0, 0, 0.01);
1285
transition-duration: 100ms;
1286
}
1287
.window-list-item-box:hover {
1289
color: #FFFFFF;
1290
}
1291
.window-list-item-box .progress {
1293
background-color: #00C853;
1294
}
1295
.window-list-item-demands-attention {
1297
background-color: #66BB6A;
1298
color: rgba(255, 255, 255, 0.7);
1299
}
1300
.window-list-preview {
1302
background-color: #EEEEEE;
1303
border-radius: 2px;
1304
padding: 10px 15px;
1305
spacing: 1em;
1306
color: rgba(0, 0, 0, 0.87);
1307
}
1308
.sound-player StButton:small {
1310
min-width: 24px;
1311
min-height: 24px;
1312
padding: 4px;
1313
}
1314
.sound-player StButton:small StIcon {
1316
icon-size: 1em;
1317
}
1318
.sound-player StButton StIcon {
1320
icon-size: 1.5em;
1321
}
1322
.sound-player .slider {
1324
height: 5px;
1325
}
1326
.sound-player StBoxLayout {
1328
spacing: 0.5em;
1329
}
1330
.sound-player > StBoxLayout {
1332
padding: 5px;
1333
}
1334
.sound-player-generic-coverart {
1336
background: rgba(0, 0, 0, 0.2);
1337
}
1338
.sound-player-overlay {
1340
background-color: #EEEEEE;
1341
min-width: 300px;
1342
padding: 12px 16px;
1343
spacing: 0.5em;
1344
color: rgba(0, 0, 0, 0.54);
1345
}
1346
.workspace-button {
1348
background-color: #212121;
1349
width: 2em;
1350
height: 1em;
1351
color: rgba(255, 255, 255, 0.7);
1352
margin: 2px;
1353
}
1354
.workspace-button:outlined {
1356
background-color: rgba(255, 255, 255, 0.3);
1357
color: #FFFFFF;
1358
}
1359
.workspace-graph {
1361
background-color: rgba(0, 0, 0, 0.6);
1362
}
1363
.workspace-graph .workspace {
1365
background-color: #212121;
1366
border: 1px solid rgba(0, 0, 0, 0.12);
1367
}
1368
.workspace-graph .workspace:active {
1370
background-color: rgba(255, 255, 255, 0.3);
1371
border: 1px solid rgba(0, 0, 0, 0.12);
1372
}
1373
.workspace-graph .workspace:active .windows {
1375
-active-window-background: rgba(255, 255, 255, 0.8);
1376
-active-window-border: rgba(0, 0, 0, 0.9);
1377
-inactive-window-background: rgba(140, 140, 140, 0.8);
1378
-inactive-window-border: rgba(0, 0, 0, 0.7);
1379
}
1380
.workspace-graph .workspace .windows {
1382
-active-window-background: rgba(140, 140, 140, 0.8);
1383
-active-window-border: rgba(0, 0, 0, 0.7);
1384
-inactive-window-background: rgba(140, 140, 140, 0.8);
1385
-inactive-window-border: rgba(0, 0, 0, 0.7);
1386
}
1387
.panel-launchers {
1389
padding: 0 4px;
1390
spacing: 4px;
1391
transition-duration: 100ms;
1392
}
1393
.panel-launchers .launcher {
1395
background-color: rgba(0, 0, 0, 0.01);
1396
}
1397
.panel-launchers.vertical {
1399
padding: 4px 0;
1400
spacing: 4px;
1401
}
1402
.panel-launchers.vertical .launcher .icon-box {
1404
padding-top: 0;
1405
}
1406
.applet-separator-line, .applet-separator-line-vertical {
1408
width: 2px;
1409
background: rgba(255, 255, 255, 0.12);
1410
}
1411
.applet-spacer:highlight {
1413
background: rgba(255, 255, 255, 0.4);
1414
}
1415
.applet-box {
1417
background-color: rgba(0, 0, 0, 0.01);
1418
color: rgba(255, 255, 255, 0.7);
1419
transition-duration: 100ms;
1420
}
1421
.applet-box:checked {
1423
color: #FFFFFF;
1424
}
1425
.applet-box:checked .applet-label {
1427
color: #FFFFFF;
1428
}
1429
.applet-box:hover {
1431
color: #FFFFFF;
1432
}
1433
.applet-box:hover .applet-label {
1435
color: #FFFFFF;
1436
}
1437
.applet-box:highlight {
1439
background: rgba(255, 255, 255, 0.3);
1440
color: #FFFFFF;
1441
}
1442
.applet-box:highlight .applet-label {
1444
color: #FFFFFF;
1445
}
1446
.applet-label {
1448
font-size: 10.5pt;
1449
font-weight: 500;
1450
color: rgba(255, 255, 255, 0.7);
1451
}
1452
.applet-icon {
1454
color: rgba(255, 255, 255, 0.7);
1455
padding: 0;
1456
spacing: 0;
1457
icon-size: 22px;
1458
}
1459
.desklet {
1461
font-size: 9pt;
1462
font-weight: 400;
1463
color: #FFFFFF;
1464
border: none;
1465
box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5);
1466
padding: 12px;
1467
background-color: rgba(0, 0, 0, 0.3);
1468
border-radius: 2px;
1469
}
1470
.desklet-with-borders {
1472
font-size: 9pt;
1473
font-weight: 400;
1474
background-color: #EEEEEE;
1475
border-radius: 2px;
1476
}
1477
.desklet-with-borders:highlight {
1479
background-color: rgba(255, 255, 255, 0.4);
1480
}
1481
.desklet-with-borders-and-header {
1483
font-size: 9pt;
1484
font-weight: 400;
1485
background-color: #EEEEEE;
1486
border-radius-bottomleft: 2px;
1487
border-radius-bottomright: 2px;
1488
}
1489
.desklet-with-borders-and-header:highlight {
1491
background-color: rgba(255, 255, 255, 0.4);
1492
}
1493
.desklet-header {
1495
font-size: 15pt;
1496
font-weight: 500;
1497
background-color: #EEEEEE;
1498
border-radius-topleft: 2px;
1499
border-radius-topright: 2px;
1500
}
1501
.desklet-header:highlight {
1503
background-color: rgba(255, 255, 255, 0.4);
1504
}
1505
.photoframe-box {
1507
background-color: #EEEEEE;
1508
border-radius: 2px;
1509
}
1510
.photoframe-box:highlight {
1512
background-color: rgba(255, 255, 255, 0.4);
1513
}
1514
.desklet-drag-placeholder {
1516
border: 2px solid #009688;
1517
background-color: rgba(0, 0, 0, 0.3);
1518
border-radius: 2px;
1519
}
1520
.launcher {
1522
padding: 1px;
1523
}
1524
.launcher .icon-box {
1526
padding-top: 2px;
1527
}
1528
.about-content {
1530
min-width: 250px;
1531
min-height: 150px;
1532
spacing: 8px;
1533
padding-bottom: 16px;
1534
}
1535
.about-title {
1537
font-size: 15pt;
1538
font-weight: 500;
1539
}
1540
.about-uuid {
1542
font-size: 9pt;
1543
font-weight: 400;
1544
}
1545
.about-icon {
1547
padding-right: 20px;
1548
}
1549
.about-scrollBox {
1551
border: 1px solid rgba(0, 0, 0, 0.12);
1552
border-radius: 2px;
1553
}
1554
.about-scrollBox-innerBox {
1556
padding: 1.2em;
1557
spacing: 1.2em;
1558
}
1559
.about-description {
1561
padding-top: 4px;
1562
}
1563
.about-version {
1565
padding-left: 7px;
1566
}
1567
.expo-workspaces-name-entry {
1569
font-size: 10.5pt;
1570
font-weight: 400;
1571
background-color: rgba(0, 0, 0, 0.01);
1572
color: rgba(255, 255, 255, 0.7);
1573
padding: 4px 6px;
1574
selection-background-color: rgba(255, 255, 255, 0.3);
1575
selected-color: #FFFFFF;
1576
caret-color: rgba(255, 255, 255, 0.5);
1577
text-align: center;
1578
height: 1.5em;
1579
border-radius: 2px;
1580
-cinnamon-caption-spacing: 12px;
1581
}
1582
.expo-workspaces-name-entry#selected {
1584
color: #FFFFFF;
1585
background-color: rgba(255, 255, 255, 0.3);
1586
}
1587
.expo-workspaces-name-entry:focus {
1589
color: #FFFFFF;
1590
box-shadow: 0 -3px 0 0 #009688 inset;
1591
}
1592
.expo-workspaces-name-entry:hover {
1594
box-shadow: 0 -3px 0 0 #009688 inset;
1595
}
1596
.notification-applet-padding {
1598
padding: .5em 1em;
1599
}
1600
.notification-applet-container {
1602
max-height: 100px;
1603
}
1604
.check-box CinnamonGenericContainer {
1606
spacing: 8px;
1607
}
1608
.check-box:focus:checked StBin {
1610
background-image: url(assets/checkbox.svg);
1611
}
1612
.check-box:checked StBin {
1614
background-image: url(assets/checkbox.svg);
1615
}
1616
.radiobutton CinnamonGenericContainer {
1618
spacing: 8px;
1619
}
1620
.radiobutton:focus:checked StBin {
1622
background-image: url(assets/radiobutton.svg);
1623
}
1624
.radiobutton:checked StBin {
1626
background-image: url(assets/radiobutton.svg);
1627
}
1628
.flashspot {
1630
background-color: #009688;
1631
}
1632
.osd-window {
1634
spacing: 1em;
1635
padding: 16px;
1636
}
1637
.osd-window .level {
1639
height: 0.7em;
1640
border-radius: 0.3em;
1641
background-color: rgba(0, 0, 0, 0.26);
1642
}
1643
.osd-window .level-bar {
1645
border-radius: 0.3em;
1646
background-color: #009688;
1647
}
1648
.tile-hud:top {
1650
border-top-width: 0;
1651
border-radius: 0 0 10px 10px;
1652
}
1653
.tile-hud:bottom {
1655
border-bottom-width: 0;
1656
border-radius: 2px 2px 0 0;
1657
}
1658
.tile-hud:left {
1660
border-left-width: 0;
1661
border-radius: 0 10px 10px 0;
1662
}
1663
.tile-hud:right {
1665
border-right-width: 0;
1666
border-radius: 10px 0 0 10px;
1667
}
1668
.tile-hud:top-left {
1670
border-top-width: 0;
1671
border-left-width: 0;
1672
border-radius: 0 0 10px 0;
1673
}
1674
.tile-hud:top-right {
1676
border-top-width: 0;
1677
border-right-width: 0;
1678
border-radius: 0 0 0 10px;
1679
}
1680
.tile-hud:bottom-left {
1682
border-bottom-width: 0;
1683
border-left-width: 0;
1684
border-radius: 0 10px 0 0;
1685
}
1686
.tile-hud:bottom-right {
1688
border-bottom-width: 0;
1689
border-right-width: 0;
1690
border-radius: 10px 0 0 0;
1691
}
1692
.systray {
1694
spacing: 4px;
1695
}
1696
.user-box {
1698
padding: 0.4em 1.3em;
1699
spacing: 10px;
1700
}
1701
.user-icon {
1703
padding: 4px;
1704
border: none;
1705
}
1706
.user-label {
1708
color: rgba(255, 255, 255, 0.7);
1709
font-weight: bold;
1710
}
1711