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: 32px;
11
padding: 0 16px;
12
border-radius: 4px;
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(201, 201, 201, 0.9688);
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: 32px;
57
min-width: 32px;
58
padding: 6px;
59
border-radius: 4px;
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(201, 201, 201, 0.9688);
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: #01A299;
99
-slider-height: 2px;
100
-slider-background-color: rgba(0, 0, 0, 0.26);
101
-slider-border-color: transparent;
102
-slider-active-background-color: #01A299;
103
-slider-active-border-color: transparent;
104
-slider-border-width: 0;
105
-slider-handle-radius: 6px;
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: 4px;
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: 4px;
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: 6px;
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 #01A299;
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: 4px;
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: #4285F4;
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: white;
290
text-align: center;
291
border-radius: 4px;
292
background-color: rgba(97, 97, 97, 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-size: 10.5pt;
353
font-weight: 500;
354
}
355
.popup-menu-icon {
357
icon-size: 1.14em;
358
padding: 0px 4px;
359
}
360
.popup-alternating-menu-item:alternate {
362
font-size: 10.5pt;
363
font-weight: 500;
364
}
365
.toggle-switch {
367
width: 40px;
368
height: 20px;
369
}
370
.toggle-switch-us, .toggle-switch-intl {
372
background-image: url(assets/toggle-off.svg);
373
}
374
.toggle-switch-us:checked, .toggle-switch-intl:checked {
376
background-image: url(assets/toggle-on.svg);
377
}
378
.nm-menu-item-icons {
380
spacing: .5em;
381
icon-size: 1.14em;
382
}
383
#panel {
385
color: rgba(255, 255, 255, 0.7);
386
background-color: rgba(0, 0, 0, 0.6);
387
height: 2.5em;
388
width: 3.2em;
389
}
390
#panel:highlight {
392
background-color: rgba(255, 255, 255, 0.3);
393
}
394
.panel-dummy {
396
background-color: rgba(255, 0, 0, 0.6);
397
}
398
.panel-dummy:entered {
400
background-color: rgba(0, 255, 0, 0.6);
401
}
402
.panelLeft {
404
spacing: 4px;
405
}
406
.panelLeft:dnd {
408
background-color: rgba(255, 0, 0, 0.6);
409
}
410
.panelLeft:ltr {
412
padding-right: 4px;
413
}
414
.panelLeft:rtl {
416
padding-left: 4px;
417
}
418
.panelLeft.vertical {
420
padding: 0;
421
}
422
.panelCenter {
424
spacing: 4px;
425
}
426
.panelCenter:dnd {
428
background-color: rgba(0, 255, 0, 0.6);
429
}
430
.panelCenter.vertical {
432
padding-left: 0;
433
padding-right: 0;
434
}
435
.panelRight {
437
spacing: 4px;
438
}
439
.panelRight:dnd {
441
background-color: rgba(0, 0, 255, 0.6);
442
}
443
.panelRight:ltr {
445
padding-left: 0;
446
spacing: 0;
447
}
448
.panelRight:rtl {
450
padding-right: 0;
451
spacing: 0;
452
}
453
.panelRight.vertical {
455
padding: 0;
456
}
457
.panel-top .window-list-item-box:hover {
459
box-shadow: 0 3px 0 0 #01A299 inset;
460
}
461
.panel-top .window-list-item-box:active, .panel-top .window-list-item-box:checked, .panel-top .window-list-item-box:focus {
463
background-color: rgba(255, 255, 255, 0.3);
464
color: white;
465
}
466
.panel-top .window-list-item-box:active:hover, .panel-top .window-list-item-box:checked:hover, .panel-top .window-list-item-box:focus:hover {
468
box-shadow: 0 3px 0 0 #01A299 inset;
469
}
470
.panel-top .workspace-switcher, .panel-top .workspace-graph, .panel-top .workspace-button {
472
padding: 1px 4px;
473
}
474
.panel-top .workspace-graph:hover, .panel-top .workspace-button:hover {
476
box-shadow: 0 3px 0 0 #01A299 inset;
477
}
478
.panel-top .applet-box {
480
padding: 1px 4px;
481
margin: 1px 0;
482
}
483
.panel-top .applet-box:hover {
485
box-shadow: 0 3px 0 0 #01A299 inset;
486
}
487
.panel-top .panel-launchers .launcher:hover {
489
box-shadow: 0 3px 0 0 #01A299 inset;
490
}
491
.panel-top .applet-separator {
493
padding: 3px 4px;
494
}
495
.panel-top .systray:hover {
497
box-shadow: 0 4px 0 0 #01A299 inset;
498
}
499
.panel-bottom .window-list-item-box:hover {
501
box-shadow: 0 -3px 0 0 #01A299 inset;
502
}
503
.panel-bottom .window-list-item-box:active, .panel-bottom .window-list-item-box:checked, .panel-bottom .window-list-item-box:focus {
505
background-color: rgba(255, 255, 255, 0.3);
506
color: white;
507
}
508
.panel-bottom .window-list-item-box:active:hover, .panel-bottom .window-list-item-box:checked:hover, .panel-bottom .window-list-item-box:focus:hover {
510
box-shadow: 0 -3px 0 0 #01A299 inset;
511
}
512
.panel-bottom .workspace-switcher, .panel-bottom .workspace-graph, .panel-bottom .workspace-button {
514
padding: 1px 4px;
515
}
516
.panel-bottom .workspace-graph:hover, .panel-bottom .workspace-button:hover {
518
box-shadow: 0 -3px 0 0 #01A299 inset;
519
}
520
.panel-bottom .applet-box {
522
padding: 1px 4px;
523
margin: 1px 0;
524
}
525
.panel-bottom .applet-box:hover {
527
box-shadow: 0 -3px 0 0 #01A299 inset;
528
}
529
.panel-bottom .panel-launchers .launcher:hover {
531
box-shadow: 0 -3px 0 0 #01A299 inset;
532
}
533
.panel-bottom .applet-separator {
535
padding: 3px 4px;
536
}
537
.panel-bottom .systray:hover {
539
box-shadow: 0 4px 0 0 #01A299 inset;
540
}
541
.panel-left .window-list-item-box:hover {
543
box-shadow: 3px 0 0 0 #01A299 inset;
544
}
545
.panel-left .window-list-item-box:active, .panel-left .window-list-item-box:checked, .panel-left .window-list-item-box:focus {
547
background-color: rgba(255, 255, 255, 0.3);
548
color: white;
549
}
550
.panel-left .window-list-item-box:active:hover, .panel-left .window-list-item-box:checked:hover, .panel-left .window-list-item-box:focus:hover {
552
box-shadow: 3px 0 0 0 #01A299 inset;
553
}
554
.panel-left .workspace-switcher, .panel-left .workspace-graph, .panel-left .workspace-button {
556
padding: 1px 4px;
557
}
558
.panel-left .workspace-graph:hover, .panel-left .workspace-button:hover {
560
box-shadow: 3px 0 0 0 #01A299 inset;
561
}
562
.panel-left .applet-box {
564
padding: 4px 1px;
565
margin: 0 1px;
566
}
567
.panel-left .applet-box:hover {
569
box-shadow: 3px 0 0 0 #01A299 inset;
570
}
571
.panel-left .panel-launchers .launcher:hover {
573
box-shadow: 3px 0 0 0 #01A299 inset;
574
}
575
.panel-left .applet-separator {
577
padding: 4px 3px;
578
}
579
.panel-left .systray:hover {
581
box-shadow: 4px 0 0 0 #01A299 inset;
582
}
583
.panel-right .window-list-item-box:hover {
585
box-shadow: -3px 0 0 0 #01A299 inset;
586
}
587
.panel-right .window-list-item-box:active, .panel-right .window-list-item-box:checked, .panel-right .window-list-item-box:focus {
589
background-color: rgba(255, 255, 255, 0.3);
590
color: white;
591
}
592
.panel-right .window-list-item-box:active:hover, .panel-right .window-list-item-box:checked:hover, .panel-right .window-list-item-box:focus:hover {
594
box-shadow: -3px 0 0 0 #01A299 inset;
595
}
596
.panel-right .workspace-switcher, .panel-right .workspace-graph, .panel-right .workspace-button {
598
padding: 1px 4px;
599
}
600
.panel-right .workspace-graph:hover, .panel-right .workspace-button:hover {
602
box-shadow: -3px 0 0 0 #01A299 inset;
603
}
604
.panel-right .applet-box {
606
padding: 4px 1px;
607
margin: 0 1px;
608
}
609
.panel-right .applet-box:hover {
611
box-shadow: -3px 0 0 0 #01A299 inset;
612
}
613
.panel-right .panel-launchers .launcher:hover {
615
box-shadow: -3px 0 0 0 #01A299 inset;
616
}
617
.panel-right .applet-separator {
619
padding: 4px 3px;
620
}
621
.panel-right .systray:hover {
623
box-shadow: -4px 0 0 0 #01A299 inset;
624
}
625
.panel-status-button {
627
font-size: 10.5pt;
628
font-weight: 500;
629
-natural-hpadding: 4px;
630
-minimum-hpadding: 4px;
631
color: rgba(255, 255, 255, 0.7);
632
}
633
.panel-status-button:hover {
635
color: white;
636
}
637
.system-status-icon {
639
icon-size: 1.14em;
640
padding: 0;
641
spacing: 0;
642
}
643
.system-status-icon.warning {
645
color: #FBBC05;
646
}
647
.system-status-icon.error {
649
color: #EA4335;
650
}
651
#overview {
653
spacing: 12px;
654
}
655
.window-caption {
657
font-size: 9pt;
658
font-weight: 400;
659
background-color: rgba(0, 0, 0, 0.01);
660
color: rgba(255, 255, 255, 0.7);
661
padding: 4px 6px;
662
text-align: center;
663
height: 1.5em;
664
-cinnamon-caption-spacing: 12px;
665
}
666
.window-caption#selected {
668
color: white;
669
box-shadow: 0 -3px 0 0 #01A299 inset;
670
}
671
.workspace-controls {
673
visible-height: 32px;
674
}
675
.workspace-thumbnails-background {
677
color: rgba(255, 255, 255, 0.7);
678
background-color: rgba(255, 255, 255, 0.1);
679
border: none;
680
padding: 8px;
681
border-radius: 4px 0 0 4px;
682
}
683
.workspace-thumbnails-background:rtl {
685
border-radius: 0 4px 4px 0;
686
}
687
.workspace-thumbnails {
689
spacing: 32px;
690
}
691
.workspace-add-button {
693
background-image: url(assets/add-workspace.svg);
694
height: 200px;
695
width: 35px;
696
transition-duration: shorter_duration;
697
}
698
.workspace-add-button:hover {
700
background-image: url(assets/add-workspace-hover.svg);
701
}
702
.workspace-add-button:active {
704
background-image: url(assets/add-workspace-active.svg);
705
}
706
.workspace-close-button, .window-close {
708
background-image: url(assets/close-window.svg);
709
height: 32px;
710
width: 32px;
711
-cinnamon-close-overlap: 20px;
712
}
713
.workspace-close-button:rtl, .window-close:rtl {
715
-st-background-image-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5);
716
}
717
.window-close-area {
719
background-image: url(assets/trash-icon.png);
720
background-size: 100px;
721
background-color: rgba(0, 0, 0, 0.3);
722
border: 1px solid rgba(0, 0, 0, 0.12);
723
border-bottom-width: 0;
724
border-radius: 20px 20px 0 0;
725
height: 120px;
726
width: 400px;
727
}
728
.expo-background {
730
background-color: rgba(0, 0, 0, 0.6);
731
}
732
.workspace-overview-background-shade {
734
background-color: rgba(0, 0, 0, 0.6);
735
}
736
.expo-workspace-thumbnail-frame {
738
border: 1px solid rgba(0, 0, 0, 0.12);
739
}
740
.expo-workspace-thumbnail-frame#active {
742
border: 1px solid #01A299;
743
}
744
#LookingGlassDialog {
746
spacing: 4px;
747
padding: 8px;
748
}
749
.calendar {
751
padding: 4px 8px;
752
spacing-rows: 2px;
753
spacing-columns: 4px;
754
}
755
.datemenu-date-label {
757
font-size: 15pt;
758
font-weight: 500;
759
height: 24px;
760
margin: 2px;
761
padding: 6px 16px;
762
border-radius: 4px;
763
color: rgba(0, 0, 0, 0.87);
764
text-align: center;
765
}
766
.datemenu-date-label:focus {
768
background-color: rgba(0, 0, 0, 0.12);
769
}
770
.calendar-month-label {
772
font-size: 10.5pt;
773
font-weight: 500;
774
height: 16px;
775
margin: 2px;
776
padding: 6px 16px;
777
border-radius: 4px;
778
color: rgba(0, 0, 0, 0.87);
779
text-align: center;
780
}
781
.calendar-month-label:focus {
783
background-color: rgba(0, 0, 0, 0.12);
784
}
785
.calendar-change-month-back {
787
background-image: url(assets/calendar-arrow-left.svg);
788
}
789
.calendar-change-month-back:rtl {
791
background-image: url(assets/calendar-arrow-right.svg);
792
}
793
.calendar-change-month-forward {
795
background-image: url(assets/calendar-arrow-right.svg);
796
}
797
.calendar-change-month-forward:rtl {
799
background-image: url(assets/calendar-arrow-left.svg);
800
}
801
.calendar-day-base {
803
font-size: 9pt;
804
font-weight: 400;
805
text-align: center;
806
width: 28px;
807
height: 28px;
808
padding: 0;
809
margin: 2px;
810
border-radius: 100px;
811
}
812
.calendar-day-base:hover, .calendar-day-base:focus {
814
background-color: rgba(0, 0, 0, 0.26);
815
}
816
.calendar-day-base:active {
818
color: white;
819
background-color: #01A299;
820
border-color: transparent;
821
}
822
.calendar-week-number {
824
font-size: 9pt;
825
font-weight: 400;
826
width: 21px;
827
height: 28px;
828
margin: 2px;
829
padding: 0;
830
border-radius: 100px;
831
background-color: transparent;
832
color: rgba(0, 0, 0, 0.38);
833
text-align: center;
834
}
835
.calendar-day-heading {
837
font-size: 9pt;
838
font-weight: 400;
839
width: 28px;
840
height: 21px;
841
margin: 2px;
842
padding: 0;
843
border-radius: 100px;
844
background-color: transparent;
845
color: rgba(0, 0, 0, 0.38);
846
text-align: center;
847
}
848
.calendar-day {
850
border-width: 0;
851
}
852
.calendar-day-top {
854
border-top-width: 0;
855
}
856
.calendar-day-left {
858
border-left-width: 0;
859
}
860
.calendar-nonwork-day {
862
color: rgba(0, 0, 0, 0.87);
863
}
864
.calendar-today {
866
font-weight: bold;
867
border: none;
868
}
869
.calendar-day-with-events {
871
color: #4285F4;
872
font-weight: normal;
873
text-decoration: underline;
874
background-image: none;
875
}
876
.calendar-other-month-day {
878
color: rgba(0, 0, 0, 0.26);
879
opacity: 0.5;
880
}
881
.calendar-week-number {
883
width: 28px;
884
height: 21px;
885
margin: 2px;
886
padding: 7px 0 0;
887
border-radius: 100px;
888
background-color: transparent;
889
color: rgba(0, 0, 0, 0.38);
890
font-size: inherit;
891
font-weight: bold;
892
text-align: center;
893
}
894
#notification {
896
background-color: #EEEEEE;
897
border-radius: 4px;
898
border: 1px solid rgba(0, 0, 0, 0.12);
899
padding: 8px;
900
spacing-rows: 4px;
901
spacing-columns: 8px;
902
margin-from-right-edge-of-screen: 20px;
903
width: 34em;
904
color: rgba(0, 0, 0, 0.87);
905
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24);
906
}
907
#notification.multi-line-notification {
909
padding-bottom: 8px;
910
}
911
#notification .url-highlighter {
913
link-color: #4285F4;
914
}
915
.notification-with-image {
917
min-height: 159px;
918
color: rgba(0, 0, 0, 0.87);
919
}
920
#notification-scrollview {
922
max-height: 10em;
923
}
924
#notification-scrollview > .top-shadow {
926
height: 1em;
927
}
928
#notification-scrollview > .bottom-shadow {
930
height: 1em;
931
}
932
#notification-scrollview:ltr > StScrollBar {
934
padding-left: 6px;
935
}
936
#notification-scrollview:rtl > StScrollBar {
938
padding-right: 6px;
939
}
940
#notification-body {
942
spacing: 4px;
943
}
944
#notification-actions {
946
spacing: 8px;
947
}
948
.notification-icon-button > StIcon {
950
icon-size: 1.5em;
951
}
952
#altTabPopup {
954
padding: 8px;
955
spacing: 16px;
956
}
957
.switcher-list {
959
transition-duration: 100ms;
960
}
961
.switcher-list .item-box {
963
padding: 8px;
964
border-radius: 4px;
965
}
966
.switcher-list .item-box:selected {
968
background-color: rgba(0, 0, 0, 0.12);
969
}
970
.switcher-list .thumbnail-box {
972
padding: 2px;
973
spacing: 4px;
974
}
975
.switcher-list .thumbnail {
977
width: 256px;
978
}
979
.switcher-list .separator {
981
width: 1px;
982
background: rgba(0, 0, 0, 0.12);
983
}
984
.switcher-list-item-container {
986
spacing: 8px;
987
}
988
.thumbnail-scroll-gradient-left {
990
background-gradient-direction: horizontal;
991
background-gradient-start: #333333;
992
background-gradient-end: rgba(51, 51, 51, 0);
993
border-radius: 4px;
994
border-radius-topright: 0;
995
border-radius-bottomright: 0;
996
width: 60px;
997
}
998
.thumbnail-scroll-gradient-right {
1000
background-gradient-direction: horizontal;
1001
background-gradient-start: rgba(51, 51, 51, 0);
1002
background-gradient-end: #333333;
1003
border-radius: 4px;
1004
border-radius-topleft: 0;
1005
border-radius-bottomleft: 0;
1006
width: 60px;
1007
}
1008
.switcher-arrow {
1010
border-color: transparent;
1011
color: rgba(0, 0, 0, 0.38);
1012
}
1013
.switcher-arrow:highlighted {
1015
color: rgba(0, 0, 0, 0.87);
1016
}
1017
.switcher-preview-backdrop {
1019
background-color: rgba(0, 0, 0, 0.6);
1020
}
1021
.ripple-box {
1023
width: 104px;
1024
height: 104px;
1025
background-image: url(assets/corner-ripple.png);
1026
background-color: #01A299;
1027
border-radius: 52px;
1028
}
1029
.modal-dialog {
1031
padding: 16px 20px;
1032
}
1033
.modal-dialog-button-box {
1035
spacing: 16px;
1036
}
1037
.run-dialog-label {
1039
color: rgba(0, 0, 0, 0.38);
1040
padding-bottom: .4em;
1041
}
1042
.run-dialog-error-label {
1044
color: #EA4335;
1045
}
1046
.run-dialog-error-box {
1048
padding-top: 16px;
1049
spacing: 6px;
1050
}
1051
.run-dialog-completion-box {
1053
padding-left: 15px;
1054
}
1055
.run-dialog {
1057
border-radius: 4px;
1058
padding: 16px 20px;
1059
}
1060
.lightbox {
1062
background-color: rgba(0, 0, 0, 0.3);
1063
}
1064
.cinnamon-mount-operation-icon {
1066
icon-size: 4.8em;
1067
}
1068
.mount-password-reask {
1070
color: #FBBC05;
1071
}
1072
.show-processes-dialog {
1074
spacing: 24px;
1075
}
1076
.mount-question-dialog {
1078
spacing: 24px;
1079
}
1080
.show-processes-dialog-description:rtl {
1082
padding-right: 17px;
1083
}
1084
.mount-question-dialog-description:rtl {
1086
padding-right: 17px;
1087
}
1088
.show-processes-dialog-app-list {
1090
max-height: 200px;
1091
padding-top: 24px;
1092
padding-left: 49px;
1093
padding-right: 32px;
1094
}
1095
.show-processes-dialog-app-list:rtl {
1097
padding-right: 49px;
1098
padding-left: 32px;
1099
}
1100
.show-processes-dialog-app-list-item {
1102
color: rgba(0, 0, 0, 0.87);
1103
}
1104
.show-processes-dialog-app-list-item:hover {
1106
color: rgba(0, 0, 0, 0.87);
1107
}
1108
.show-processes-dialog-app-list-item:ltr {
1110
padding-right: 1em;
1111
}
1112
.show-processes-dialog-app-list-item:rtl {
1114
padding-left: 1em;
1115
}
1116
.show-processes-dialog-app-list-item-icon:ltr {
1118
padding-right: 17px;
1119
}
1120
.show-processes-dialog-app-list-item-icon:rtl {
1122
padding-left: 17px;
1123
}
1124
.magnifier-zoom-region {
1126
border: 3px solid rgba(0, 0, 0, 0.12);
1127
}
1128
.magnifier-zoom-region.full-screen {
1130
border-width: 0;
1131
}
1132
#keyboard {
1134
background-color: rgba(0, 0, 0, 0.6);
1135
}
1136
.keyboard-key {
1138
font-size: 10.5pt;
1139
font-weight: 500;
1140
}
1141
.keyboard-layout {
1143
spacing: 8px;
1144
padding: 8px;
1145
}
1146
.keyboard-row {
1148
spacing: 16px;
1149
}
1150
.keyboard-subkeys {
1152
color: inherit;
1153
padding: 5px;
1154
-arrow-border-radius: 0;
1155
-arrow-background-color: transparent;
1156
-arrow-border-width: 0;
1157
-arrow-border-color: transparent;
1158
-arrow-base: 0;
1159
-arrow-rise: 0;
1160
-boxpointer-gap: 5px;
1161
background-color: #F2F2F2;
1162
border-radius: 4px;
1163
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24);
1164
}
1165
.menu-favorites-box {
1167
padding: 8px;
1168
}
1169
.menu-favorites-button {
1171
padding: 0.4em 4px;
1172
}
1173
.menu-favorites-button:hover {
1175
background-color: rgba(0, 0, 0, 0.12);
1176
border-radius: 4px;
1177
color: rgba(0, 0, 0, 0.87);
1178
}
1179
.menu-categories-box {
1181
padding: 8px;
1182
}
1183
.menu-applications-inner-box {
1185
padding: 8px;
1186
}
1187
.menu-applications-outer-box {
1189
padding: 8px;
1190
border-radius: 4px;
1191
}
1192
.menu-application-button {
1194
padding: 0.4em 4px;
1195
}
1196
.menu-application-button:highlighted {
1198
font-weight: bold;
1199
}
1200
.menu-application-button-selected {
1202
padding: 0.4em 4px;
1203
background-color: rgba(0, 0, 0, 0.12);
1204
border-radius: 4px;
1205
color: rgba(0, 0, 0, 0.87);
1206
}
1207
.menu-application-button-selected:highlighted {
1209
font-weight: bold;
1210
}
1211
.menu-category-button {
1213
padding: 0.4em 4px;
1214
}
1215
.menu-category-button-greyed {
1217
padding: 0.4em 4px;
1218
color: rgba(0, 0, 0, 0.54);
1219
font-style: italic;
1220
}
1221
.menu-category-button-selected {
1223
padding: 0.4em 4px;
1224
background-color: rgba(0, 0, 0, 0.12);
1225
border-radius: 4px;
1226
color: rgba(0, 0, 0, 0.87);
1227
}
1228
.menu-selected-app-box {
1230
padding: 8px;
1231
margin-bottom: 4px;
1232
text-align: right;
1233
}
1234
.menu-selected-app-box:rtl {
1236
text-align: left;
1237
}
1238
.menu-selected-app-title {
1240
font-size: 9pt;
1241
font-weight: 400;
1242
}
1243
.menu-selected-app-description {
1245
font-size: 9pt;
1246
font-weight: 400;
1247
max-width: 150px;
1248
}
1249
.menu-search-box:ltr {
1251
padding-left: 30px;
1252
padding-bottom: 5px;
1253
padding-top: 5px;
1254
}
1255
.menu-search-box:rtl {
1257
padding-right: 30px;
1258
padding-bottom: 5px;
1259
padding-top: 5px;
1260
}
1261
.menu-search-entry-icon {
1263
icon-size: 1em;
1264
padding: 0 0;
1265
color: rgba(0, 0, 0, 0.38);
1266
}
1267
.window-list-box {
1269
font-size: 9pt;
1270
font-weight: 400;
1271
spacing: 4px;
1272
padding: 0 3px;
1273
}
1274
.window-list-box.vertical {
1276
spacing: 4px;
1277
padding: 3px 0;
1278
}
1279
.window-list-box:highlight {
1281
background: rgba(255, 255, 255, 0.3);
1282
color: white;
1283
}
1284
.window-list-item-box {
1286
background-color: rgba(0, 0, 0, 0.01);
1287
transition-duration: 100ms;
1288
}
1289
.window-list-item-box:hover {
1291
color: white;
1292
}
1293
.window-list-item-box .progress {
1295
background-color: #34A853;
1296
}
1297
.window-list-item-demands-attention {
1299
background-color: #34A853;
1300
color: rgba(255, 255, 255, 0.7);
1301
}
1302
.window-list-preview {
1304
background-color: #EEEEEE;
1305
border-radius: 4px;
1306
padding: 10px 15px;
1307
spacing: 1em;
1308
color: rgba(0, 0, 0, 0.87);
1309
}
1310
.sound-player StButton:small {
1312
min-width: 24px;
1313
min-height: 24px;
1314
padding: 4px;
1315
}
1316
.sound-player StButton:small StIcon {
1318
icon-size: 1em;
1319
}
1320
.sound-player StButton StIcon {
1322
icon-size: 1.5em;
1323
}
1324
.sound-player .slider {
1326
height: 5px;
1327
}
1328
.sound-player StBoxLayout {
1330
spacing: 0.5em;
1331
}
1332
.sound-player > StBoxLayout {
1334
padding: 5px;
1335
}
1336
.sound-player-generic-coverart {
1338
background: rgba(0, 0, 0, 0.2);
1339
}
1340
.sound-player-overlay {
1342
background-color: #EEEEEE;
1343
min-width: 300px;
1344
padding: 12px 16px;
1345
spacing: 0.5em;
1346
color: rgba(0, 0, 0, 0.54);
1347
}
1348
.workspace-button {
1350
background-color: #212121;
1351
width: 2em;
1352
height: 1em;
1353
color: rgba(255, 255, 255, 0.7);
1354
margin: 2px;
1355
}
1356
.workspace-button:outlined {
1358
background-color: rgba(255, 255, 255, 0.3);
1359
color: white;
1360
}
1361
.workspace-graph {
1363
background-color: rgba(0, 0, 0, 0.6);
1364
}
1365
.workspace-graph .workspace {
1367
background-color: #212121;
1368
border: 1px solid rgba(0, 0, 0, 0.12);
1369
}
1370
.workspace-graph .workspace:active {
1372
background-color: rgba(255, 255, 255, 0.3);
1373
border: 1px solid rgba(0, 0, 0, 0.12);
1374
}
1375
.workspace-graph .workspace:active .windows {
1377
-active-window-background: rgba(255, 255, 255, 0.8);
1378
-active-window-border: rgba(0, 0, 0, 0.9);
1379
-inactive-window-background: rgba(140, 140, 140, 0.8);
1380
-inactive-window-border: rgba(0, 0, 0, 0.7);
1381
}
1382
.workspace-graph .workspace .windows {
1384
-active-window-background: rgba(140, 140, 140, 0.8);
1385
-active-window-border: rgba(0, 0, 0, 0.7);
1386
-inactive-window-background: rgba(140, 140, 140, 0.8);
1387
-inactive-window-border: rgba(0, 0, 0, 0.7);
1388
}
1389
.panel-launchers {
1391
padding: 0 4px;
1392
spacing: 4px;
1393
transition-duration: 100ms;
1394
}
1395
.panel-launchers .launcher {
1397
background-color: rgba(0, 0, 0, 0.01);
1398
}
1399
.panel-launchers.vertical {
1401
padding: 4px 0;
1402
spacing: 4px;
1403
}
1404
.panel-launchers.vertical .launcher .icon-box {
1406
padding-top: 0;
1407
}
1408
.applet-separator-line, .applet-separator-line-vertical {
1410
width: 2px;
1411
background: rgba(255, 255, 255, 0.12);
1412
}
1413
.applet-spacer:highlight {
1415
background: rgba(255, 255, 255, 0.4);
1416
}
1417
.applet-box {
1419
background-color: rgba(0, 0, 0, 0.01);
1420
color: rgba(255, 255, 255, 0.7);
1421
transition-duration: 100ms;
1422
}
1423
.applet-box:checked {
1425
color: white;
1426
}
1427
.applet-box:checked .applet-label {
1429
color: white;
1430
}
1431
.applet-box:hover {
1433
color: white;
1434
}
1435
.applet-box:hover .applet-label {
1437
color: white;
1438
}
1439
.applet-box:highlight {
1441
background: rgba(255, 255, 255, 0.3);
1442
color: white;
1443
}
1444
.applet-box:highlight .applet-label {
1446
color: white;
1447
}
1448
.applet-label {
1450
font-size: 10.5pt;
1451
font-weight: 500;
1452
color: rgba(255, 255, 255, 0.7);
1453
}
1454
.applet-icon {
1456
color: rgba(255, 255, 255, 0.7);
1457
padding: 0;
1458
spacing: 0;
1459
icon-size: 22px;
1460
}
1461
.desklet {
1463
font-size: 9pt;
1464
font-weight: 400;
1465
color: white;
1466
border: none;
1467
box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5);
1468
padding: 12px;
1469
background-color: rgba(0, 0, 0, 0.3);
1470
border-radius: 4px;
1471
}
1472
.desklet-with-borders {
1474
font-size: 9pt;
1475
font-weight: 400;
1476
background-color: #EEEEEE;
1477
border-radius: 4px;
1478
}
1479
.desklet-with-borders:highlight {
1481
background-color: rgba(255, 255, 255, 0.4);
1482
}
1483
.desklet-with-borders-and-header {
1485
font-size: 9pt;
1486
font-weight: 400;
1487
background-color: #EEEEEE;
1488
border-radius-bottomleft: 2px;
1489
border-radius-bottomright: 2px;
1490
}
1491
.desklet-with-borders-and-header:highlight {
1493
background-color: rgba(255, 255, 255, 0.4);
1494
}
1495
.desklet-header {
1497
font-size: 15pt;
1498
font-weight: 500;
1499
background-color: #EEEEEE;
1500
border-radius-topleft: 2px;
1501
border-radius-topright: 2px;
1502
}
1503
.desklet-header:highlight {
1505
background-color: rgba(255, 255, 255, 0.4);
1506
}
1507
.photoframe-box {
1509
background-color: #EEEEEE;
1510
border-radius: 4px;
1511
}
1512
.photoframe-box:highlight {
1514
background-color: rgba(255, 255, 255, 0.4);
1515
}
1516
.desklet-drag-placeholder {
1518
border: 2px solid #01A299;
1519
background-color: rgba(0, 0, 0, 0.3);
1520
border-radius: 4px;
1521
}
1522
.launcher {
1524
padding: 1px;
1525
}
1526
.launcher .icon-box {
1528
padding-top: 2px;
1529
}
1530
.about-content {
1532
min-width: 250px;
1533
min-height: 150px;
1534
spacing: 8px;
1535
padding-bottom: 16px;
1536
}
1537
.about-title {
1539
font-size: 15pt;
1540
font-weight: 500;
1541
}
1542
.about-uuid {
1544
font-size: 9pt;
1545
font-weight: 400;
1546
}
1547
.about-icon {
1549
padding-right: 20px;
1550
}
1551
.about-scrollBox {
1553
border: 1px solid rgba(0, 0, 0, 0.12);
1554
border-radius: 4px;
1555
}
1556
.about-scrollBox-innerBox {
1558
padding: 1.2em;
1559
spacing: 1.2em;
1560
}
1561
.about-description {
1563
padding-top: 4px;
1564
}
1565
.about-version {
1567
padding-left: 7px;
1568
}
1569
.expo-workspaces-name-entry {
1571
font-size: 10.5pt;
1572
font-weight: 400;
1573
background-color: rgba(0, 0, 0, 0.01);
1574
color: rgba(255, 255, 255, 0.7);
1575
padding: 4px 6px;
1576
selection-background-color: rgba(255, 255, 255, 0.3);
1577
selected-color: white;
1578
caret-color: rgba(255, 255, 255, 0.5);
1579
text-align: center;
1580
height: 1.5em;
1581
border-radius: 4px;
1582
-cinnamon-caption-spacing: 12px;
1583
}
1584
.expo-workspaces-name-entry#selected {
1586
color: white;
1587
background-color: rgba(255, 255, 255, 0.3);
1588
}
1589
.expo-workspaces-name-entry:focus {
1591
color: white;
1592
box-shadow: 0 -3px 0 0 #01A299 inset;
1593
}
1594
.expo-workspaces-name-entry:hover {
1596
box-shadow: 0 -3px 0 0 #01A299 inset;
1597
}
1598
.notification-applet-padding {
1600
padding: .5em 1em;
1601
}
1602
.notification-applet-container {
1604
max-height: 100px;
1605
}
1606
.check-box CinnamonGenericContainer {
1608
spacing: 8px;
1609
}
1610
.check-box:focus:checked StBin {
1612
background-image: url(assets/checkbox.svg);
1613
}
1614
.check-box:checked StBin {
1616
background-image: url(assets/checkbox.svg);
1617
}
1618
.radiobutton CinnamonGenericContainer {
1620
spacing: 8px;
1621
}
1622
.radiobutton:focus:checked StBin {
1624
background-image: url(assets/radiobutton.svg);
1625
}
1626
.radiobutton:checked StBin {
1628
background-image: url(assets/radiobutton.svg);
1629
}
1630
.flashspot {
1632
background-color: #01A299;
1633
}
1634
.osd-window {
1636
spacing: 1em;
1637
padding: 16px;
1638
}
1639
.osd-window .level {
1641
height: 0.7em;
1642
border-radius: 0.3em;
1643
background-color: rgba(0, 0, 0, 0.26);
1644
}
1645
.osd-window .level-bar {
1647
border-radius: 0.3em;
1648
background-color: #01A299;
1649
}
1650
.tile-hud:top {
1652
border-top-width: 0;
1653
border-radius: 0 0 10px 10px;
1654
}
1655
.tile-hud:bottom {
1657
border-bottom-width: 0;
1658
border-radius: 4px 4px 0 0;
1659
}
1660
.tile-hud:left {
1662
border-left-width: 0;
1663
border-radius: 0 10px 10px 0;
1664
}
1665
.tile-hud:right {
1667
border-right-width: 0;
1668
border-radius: 10px 0 0 10px;
1669
}
1670
.tile-hud:top-left {
1672
border-top-width: 0;
1673
border-left-width: 0;
1674
border-radius: 0 0 10px 0;
1675
}
1676
.tile-hud:top-right {
1678
border-top-width: 0;
1679
border-right-width: 0;
1680
border-radius: 0 0 0 10px;
1681
}
1682
.tile-hud:bottom-left {
1684
border-bottom-width: 0;
1685
border-left-width: 0;
1686
border-radius: 0 10px 0 0;
1687
}
1688
.tile-hud:bottom-right {
1690
border-bottom-width: 0;
1691
border-right-width: 0;
1692
border-radius: 10px 0 0 0;
1693
}
1694
.systray {
1696
spacing: 4px;
1697
}
1698
.user-box {
1700
padding: 0.4em 1.3em;
1701
spacing: 10px;
1702
}
1703
.user-icon {
1705
padding: 4px;
1706
border: none;
1707
}
1708
.user-label {
1710
font-size: 10.5pt;
1711
font-weight: 500;
1712
color: rgba(0, 0, 0, 0.87);
1713
}
1714