ASCII text
1
.notification-button, .modal-dialog-button {
2
color: rgba(0, 0, 0, 0.87);
3
background-color: #FFFFFF;
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 3px 3px rgba(0, 0, 0, 0.24);
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: #FFFFFF;
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(205, 205, 205, 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.38);
42
background-color: rgba(0, 0, 0, 0.04);
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.87);
51
background-color: #FFFFFF;
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 3px 3px rgba(0, 0, 0, 0.24);
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: #FFFFFF;
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(205, 205, 205, 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.38);
89
background-color: rgba(0, 0, 0, 0.04);
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: #4285F4;
99
-slider-height: 2px;
100
-slider-background-color: rgba(0, 0, 0, 0.26);
101
-slider-border-color: transparent;
102
-slider-active-background-color: #4285F4;
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(255, 255, 255, 0.04);
118
border-color: transparent;
119
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26);
120
width: 250px;
121
padding: 4px 8px;
122
border-radius: 4px 4px 0 0;
123
color: rgba(0, 0, 0, 0.54);
124
caret-color: rgba(0, 0, 0, 0.54);
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 #4285F4;
214
}
215
.overview-empty-placeholder, .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
.overview-empty-placeholder, .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
.menu-top-box {
301
spacing: 5px;
302
}
303
.menu-systembuttons-box {
305
padding: 10px;
306
}
307
.popup-sub-menu {
309
background-color: #EEEEEE;
310
}
311
.popup-menu-arrow {
313
icon-size: 1.14em;
314
}
315
.popup-combo-menu {
317
padding: 8px;
318
}
319
.popup-menu-content {
321
padding: 8px;
322
}
323
.popup-menu-item {
325
padding: 0.4em 4px;
326
spacing: 0.4em;
327
transition-duration: 100ms;
328
}
329
.popup-menu-item:active {
331
background-color: rgba(255, 255, 255, 0.3);
332
color: rgba(0, 0, 0, 0.87);
333
transition-duration: 150ms;
334
}
335
.popup-menu-item:insensitive {
337
color: rgba(0, 0, 0, 0.38);
338
}
339
.popup-image-menu-item {
341
color: rgba(0, 0, 0, 0.54);
342
}
343
.popup-combobox-item {
345
padding: 0.4em 4px;
346
}
347
.popup-device-menu-item {
349
spacing: .5em;
350
}
351
.popup-inactive-menu-item {
353
color: rgba(0, 0, 0, 0.87);
354
}
355
.popup-inactive-menu-item:insensitive {
357
color: rgba(0, 0, 0, 0.38);
358
}
359
.popup-subtitle-menu-item {
361
font-size: 10.5pt;
362
font-weight: 500;
363
}
364
.popup-menu-icon {
366
icon-size: 1.14em;
367
}
368
.popup-alternating-menu-item:alternate {
370
font-size: 10.5pt;
371
font-weight: 500;
372
}
373
.toggle-switch {
375
width: 40px;
376
height: 20px;
377
}
378
.toggle-switch-us, .toggle-switch-intl {
380
background-image: url(assets/toggle-off.svg);
381
}
382
.toggle-switch-us:checked, .toggle-switch-intl:checked {
384
background-image: url(assets/toggle-on.svg);
385
}
386
.nm-menu-item-icons {
388
spacing: .5em;
389
icon-size: 1.14em;
390
}
391
#panel {
393
color: rgba(255, 255, 255, 0.7);
394
background-color: rgba(0, 0, 0, 0.6);
395
height: 2.5em;
396
width: 3.2em;
397
}
398
#panel:highlight {
400
background-color: rgba(255, 255, 255, 0.3);
401
}
402
.panel-dummy {
404
background-color: rgba(255, 0, 0, 0.6);
405
}
406
.panel-dummy:entered {
408
background-color: rgba(0, 255, 0, 0.6);
409
}
410
.panelLeft {
412
spacing: 4px;
413
}
414
.panelLeft:dnd {
416
background-color: rgba(255, 0, 0, 0.6);
417
}
418
.panelLeft:ltr {
420
padding-right: 4px;
421
}
422
.panelLeft:rtl {
424
padding-left: 4px;
425
}
426
.panelLeft.vertical {
428
padding: 0;
429
}
430
.panelCenter {
432
spacing: 4px;
433
}
434
.panelCenter:dnd {
436
background-color: rgba(0, 255, 0, 0.6);
437
}
438
.panelCenter.vertical {
440
padding-left: 0;
441
padding-right: 0;
442
}
443
.panelRight {
445
spacing: 4px;
446
}
447
.panelRight:dnd {
449
background-color: rgba(0, 0, 255, 0.6);
450
}
451
.panelRight:ltr {
453
padding-left: 0;
454
spacing: 0;
455
}
456
.panelRight:rtl {
458
padding-right: 0;
459
spacing: 0;
460
}
461
.panelRight.vertical {
463
padding: 0;
464
}
465
.panel-top .window-list-item-box:hover {
467
box-shadow: 0 3px 0 0 #4285F4 inset;
468
}
469
.panel-top .window-list-item-box:active:hover, .panel-top .window-list-item-box:checked:hover, .panel-top .window-list-item-box:focus:hover {
471
box-shadow: 0 3px 0 0 #4285F4 inset;
472
}
473
.panel-top .grouped-window-list-item-box:hover {
475
box-shadow: 0 3px 0 0 #4285F4 inset;
476
}
477
.panel-top .grouped-window-list-item-box:active:hover, .panel-top .grouped-window-list-item-box:checked:hover {
479
box-shadow: 0 3px 0 0 #4285F4 inset;
480
}
481
.panel-top .grouped-window-list-item-box:focus:hover {
483
box-shadow: 0 3px 0 0 #4285F4 inset;
484
}
485
.panel-top .grouped-window-list-badge {
487
margin-top: 2px;
488
}
489
.panel-top .workspace-switcher, .panel-top .workspace-graph, .panel-top .workspace-button {
491
padding: 1px 4px;
492
}
493
.panel-top .workspace-graph:hover, .panel-top .workspace-button:hover {
495
box-shadow: 0 3px 0 0 #4285F4 inset;
496
}
497
.panel-top .applet-box {
499
padding: 0 4px;
500
}
501
.panel-top .applet-box:hover {
503
box-shadow: 0 3px 0 0 #4285F4 inset;
504
}
505
.panel-top .panel-launchers .launcher:hover {
507
box-shadow: 0 3px 0 0 #4285F4 inset;
508
}
509
.panel-top .applet-separator {
511
padding: 3px 4px;
512
}
513
.panel-top .systray:hover {
515
box-shadow: 0 4px 0 0 #4285F4 inset;
516
}
517
.panel-bottom .window-list-item-box:hover {
519
box-shadow: 0 -3px 0 0 #4285F4 inset;
520
}
521
.panel-bottom .window-list-item-box:active:hover, .panel-bottom .window-list-item-box:checked:hover, .panel-bottom .window-list-item-box:focus:hover {
523
box-shadow: 0 -3px 0 0 #4285F4 inset;
524
}
525
.panel-bottom .grouped-window-list-item-box:hover {
527
box-shadow: 0 -3px 0 0 #4285F4 inset;
528
}
529
.panel-bottom .grouped-window-list-item-box:active:hover, .panel-bottom .grouped-window-list-item-box:checked:hover {
531
box-shadow: 0 -3px 0 0 #4285F4 inset;
532
}
533
.panel-bottom .grouped-window-list-item-box:focus:hover {
535
box-shadow: 0 -3px 0 0 #4285F4 inset;
536
}
537
.panel-bottom .workspace-switcher, .panel-bottom .workspace-graph, .panel-bottom .workspace-button {
539
padding: 1px 4px;
540
}
541
.panel-bottom .workspace-graph:hover, .panel-bottom .workspace-button:hover {
543
box-shadow: 0 -3px 0 0 #4285F4 inset;
544
}
545
.panel-bottom .applet-box {
547
padding: 0 4px;
548
}
549
.panel-bottom .applet-box:hover {
551
box-shadow: 0 -3px 0 0 #4285F4 inset;
552
}
553
.panel-bottom .panel-launchers .launcher:hover {
555
box-shadow: 0 -3px 0 0 #4285F4 inset;
556
}
557
.panel-bottom .applet-separator {
559
padding: 3px 4px;
560
}
561
.panel-bottom .systray:hover {
563
box-shadow: 0 4px 0 0 #4285F4 inset;
564
}
565
.panel-left .window-list-item-box:hover {
567
box-shadow: 3px 0 0 0 #4285F4 inset;
568
}
569
.panel-left .window-list-item-box:active:hover, .panel-left .window-list-item-box:checked:hover, .panel-left .window-list-item-box:focus:hover {
571
box-shadow: 3px 0 0 0 #4285F4 inset;
572
}
573
.panel-left .grouped-window-list-item-box:hover {
575
box-shadow: 3px 0 0 0 #4285F4 inset;
576
}
577
.panel-left .grouped-window-list-item-box:active:hover, .panel-left .grouped-window-list-item-box:checked:hover {
579
box-shadow: 3px 0 0 0 #4285F4 inset;
580
}
581
.panel-left .grouped-window-list-item-box:focus:hover {
583
box-shadow: 3px 0 0 0 #4285F4 inset;
584
}
585
.panel-left .grouped-window-list-badge {
587
margin-left: 2px;
588
}
589
.panel-left .workspace-switcher, .panel-left .workspace-graph, .panel-left .workspace-button {
591
padding: 4px 1px;
592
min-height: 1.2em;
593
}
594
.panel-left .workspace-graph:hover, .panel-left .workspace-button:hover {
596
box-shadow: 3px 0 0 0 #4285F4 inset;
597
}
598
.panel-left .applet-box {
600
padding: 4px 0;
601
}
602
.panel-left .applet-box:hover {
604
box-shadow: 3px 0 0 0 #4285F4 inset;
605
}
606
.panel-left .panel-launchers .launcher:hover {
608
box-shadow: 3px 0 0 0 #4285F4 inset;
609
}
610
.panel-left .applet-separator {
612
padding: 4px 3px;
613
}
614
.panel-left .systray:hover {
616
box-shadow: 4px 0 0 0 #4285F4 inset;
617
}
618
.panel-right .window-list-item-box:hover {
620
box-shadow: -3px 0 0 0 #4285F4 inset;
621
}
622
.panel-right .window-list-item-box:active:hover, .panel-right .window-list-item-box:checked:hover, .panel-right .window-list-item-box:focus:hover {
624
box-shadow: -3px 0 0 0 #4285F4 inset;
625
}
626
.panel-right .grouped-window-list-item-box:hover {
628
box-shadow: -3px 0 0 0 #4285F4 inset;
629
}
630
.panel-right .grouped-window-list-item-box:active:hover, .panel-right .grouped-window-list-item-box:checked:hover {
632
box-shadow: -3px 0 0 0 #4285F4 inset;
633
}
634
.panel-right .grouped-window-list-item-box:focus:hover {
636
box-shadow: -3px 0 0 0 #4285F4 inset;
637
}
638
.panel-right .workspace-switcher, .panel-right .workspace-graph, .panel-right .workspace-button {
640
padding: 4px 1px;
641
min-height: 1.2em;
642
}
643
.panel-right .workspace-graph:hover, .panel-right .workspace-button:hover {
645
box-shadow: -3px 0 0 0 #4285F4 inset;
646
}
647
.panel-right .applet-box {
649
padding: 4px 0;
650
}
651
.panel-right .applet-box:hover {
653
box-shadow: -3px 0 0 0 #4285F4 inset;
654
}
655
.panel-right .panel-launchers .launcher:hover {
657
box-shadow: -3px 0 0 0 #4285F4 inset;
658
}
659
.panel-right .applet-separator {
661
padding: 4px 3px;
662
}
663
.panel-right .systray:hover {
665
box-shadow: -4px 0 0 0 #4285F4 inset;
666
}
667
.panel-status-button {
669
font-size: 10.5pt;
670
font-weight: 500;
671
-natural-hpadding: 4px;
672
-minimum-hpadding: 4px;
673
color: rgba(255, 255, 255, 0.7);
674
}
675
.panel-status-button:hover {
677
color: white;
678
}
679
.system-status-icon {
681
icon-size: 1.14em;
682
padding: 0;
683
spacing: 0;
684
}
685
.system-status-icon.warning {
687
color: #FBBC05;
688
}
689
.system-status-icon.error {
691
color: #EA4335;
692
}
693
#overview {
695
spacing: 12px;
696
}
697
.window-caption {
699
font-size: 9pt;
700
font-weight: 400;
701
background-color: rgba(0, 0, 0, 0.01);
702
color: rgba(255, 255, 255, 0.7);
703
padding: 4px 6px;
704
text-align: center;
705
height: 1.5em;
706
-cinnamon-caption-spacing: 12px;
707
}
708
.window-caption#selected, .window-caption:focus {
710
color: white;
711
box-shadow: 0 -3px 0 0 #4285F4 inset;
712
}
713
.workspace-controls {
715
visible-height: 32px;
716
}
717
.workspace-thumbnails-background {
719
color: rgba(255, 255, 255, 0.7);
720
background-color: rgba(255, 255, 255, 0.1);
721
border: none;
722
padding: 8px;
723
border-radius: 4px 0 0 4px;
724
}
725
.workspace-thumbnails-background:rtl {
727
border-radius: 0 4px 4px 0;
728
}
729
.workspace-thumbnails {
731
spacing: 32px;
732
}
733
.workspace-add-button {
735
background-image: url(assets/add-workspace.svg);
736
height: 200px;
737
width: 35px;
738
transition-duration: shorter_duration;
739
}
740
.workspace-add-button:hover {
742
background-image: url(assets/add-workspace-hover.svg);
743
}
744
.workspace-add-button:active {
746
background-image: url(assets/add-workspace-active.svg);
747
}
748
.workspace-close-button, .window-close {
750
background-image: url(assets/close-window.svg);
751
height: 32px;
752
width: 32px;
753
-cinnamon-close-overlap: 20px;
754
}
755
.workspace-close-button:rtl, .window-close:rtl {
757
-st-background-image-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5);
758
}
759
.window-border {
761
border: 1px solid rgba(0, 0, 0, 0.12);
762
}
763
.window-close-area {
765
background-image: url(assets/trash-icon.png);
766
background-size: 100px;
767
background-color: rgba(0, 0, 0, 0.3);
768
border: 1px solid rgba(0, 0, 0, 0.12);
769
border-bottom-width: 0;
770
border-radius: 20px 20px 0 0;
771
height: 120px;
772
width: 400px;
773
}
774
.expo-background {
776
background-color: rgba(0, 0, 0, 0.6);
777
}
778
.workspace-overview-background-shade {
780
background-color: rgba(0, 0, 0, 0.6);
781
}
782
.expo-workspace-thumbnail-frame {
784
border: 1px solid rgba(0, 0, 0, 0.12);
785
}
786
.expo-workspace-thumbnail-frame#active {
788
border: 1px solid #4285F4;
789
}
790
#LookingGlassDialog {
792
spacing: 4px;
793
padding: 8px;
794
}
795
.calendar {
797
padding: 4px 8px;
798
spacing-rows: 2px;
799
spacing-columns: 4px;
800
}
801
.datemenu-date-label {
803
font-size: 15pt;
804
font-weight: 500;
805
height: 24px;
806
margin: 2px;
807
padding: 6px 16px;
808
border-radius: 4px;
809
color: rgba(0, 0, 0, 0.87);
810
text-align: center;
811
}
812
.datemenu-date-label:focus {
814
background-color: rgba(0, 0, 0, 0.12);
815
}
816
.calendar-month-label {
818
font-size: 10.5pt;
819
font-weight: 500;
820
height: 16px;
821
margin: 2px;
822
padding: 6px 16px;
823
border-radius: 4px;
824
color: rgba(0, 0, 0, 0.87);
825
text-align: center;
826
}
827
.calendar-month-label:focus {
829
background-color: rgba(0, 0, 0, 0.12);
830
}
831
.calendar-change-month-back {
833
background-image: url(assets/calendar-arrow-left.svg);
834
}
835
.calendar-change-month-back:rtl {
837
background-image: url(assets/calendar-arrow-right.svg);
838
}
839
.calendar-change-month-forward {
841
background-image: url(assets/calendar-arrow-right.svg);
842
}
843
.calendar-change-month-forward:rtl {
845
background-image: url(assets/calendar-arrow-left.svg);
846
}
847
.calendar-day-base {
849
font-size: 9pt;
850
font-weight: 400;
851
text-align: center;
852
width: 28px;
853
height: 28px;
854
padding: 0;
855
margin: 2px;
856
border-radius: 100px;
857
}
858
.calendar-day-base:hover, .calendar-day-base:focus {
860
background-color: rgba(255, 255, 255, 0.3);
861
}
862
.calendar-day-base:active {
864
color: white;
865
background-color: #4285F4;
866
border-color: transparent;
867
}
868
.calendar-week-number {
870
font-size: 9pt;
871
font-weight: 400;
872
width: 21px;
873
height: 28px;
874
margin: 2px;
875
padding: 0;
876
border-radius: 100px;
877
background-color: transparent;
878
color: rgba(0, 0, 0, 0.38);
879
text-align: center;
880
}
881
.calendar-day-heading {
883
font-size: 9pt;
884
font-weight: 400;
885
width: 28px;
886
height: 21px;
887
margin: 2px;
888
padding: 0;
889
border-radius: 100px;
890
background-color: transparent;
891
color: rgba(0, 0, 0, 0.38);
892
text-align: center;
893
}
894
.calendar-day {
896
border-width: 0;
897
}
898
.calendar-day-top {
900
border-top-width: 0;
901
}
902
.calendar-day-left {
904
border-left-width: 0;
905
}
906
.calendar-nonwork-day {
908
color: rgba(0, 0, 0, 0.87);
909
}
910
.calendar-today {
912
font-weight: bold;
913
border: none;
914
}
915
.calendar-day-with-events {
917
color: #4285F4;
918
font-weight: normal;
919
text-decoration: underline;
920
background-image: none;
921
}
922
.calendar-other-month-day {
924
color: rgba(0, 0, 0, 0.26);
925
opacity: 0.5;
926
}
927
.calendar-week-number {
929
width: 28px;
930
height: 21px;
931
margin: 2px;
932
padding: 7px 0 0;
933
border-radius: 100px;
934
background-color: transparent;
935
color: rgba(0, 0, 0, 0.38);
936
font-size: inherit;
937
font-weight: bold;
938
text-align: center;
939
}
940
#notification {
942
background-color: #EEEEEE;
943
border-radius: 4px;
944
border: 1px solid rgba(0, 0, 0, 0.12);
945
padding: 8px;
946
spacing-rows: 4px;
947
spacing-columns: 8px;
948
margin-from-right-edge-of-screen: 20px;
949
width: 34em;
950
color: rgba(0, 0, 0, 0.87);
951
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24);
952
}
953
#notification.multi-line-notification {
955
padding-bottom: 8px;
956
}
957
#notification .url-highlighter {
959
link-color: #4285F4;
960
}
961
.notification-with-image {
963
min-height: 159px;
964
color: rgba(0, 0, 0, 0.87);
965
}
966
#notification-scrollview {
968
max-height: 10em;
969
}
970
#notification-scrollview > .top-shadow {
972
height: 1em;
973
}
974
#notification-scrollview > .bottom-shadow {
976
height: 1em;
977
}
978
#notification-scrollview:ltr > StScrollBar {
980
padding-left: 6px;
981
}
982
#notification-scrollview:rtl > StScrollBar {
984
padding-right: 6px;
985
}
986
#notification-body {
988
spacing: 4px;
989
}
990
#notification-actions {
992
spacing: 8px;
993
}
994
.notification-icon-button > StIcon {
996
icon-size: 1.5em;
997
}
998
#altTabPopup {
1000
padding: 8px;
1001
spacing: 16px;
1002
}
1003
.switcher-list {
1005
transition-duration: 100ms;
1006
}
1007
.switcher-list .item-box {
1009
padding: 8px;
1010
border-radius: 4px;
1011
}
1012
.switcher-list .item-box:selected {
1014
background-color: rgba(0, 0, 0, 0.12);
1015
}
1016
.switcher-list .thumbnail-box {
1018
padding: 2px;
1019
spacing: 4px;
1020
}
1021
.switcher-list .thumbnail {
1023
width: 256px;
1024
}
1025
.switcher-list .separator {
1027
width: 1px;
1028
background: rgba(0, 0, 0, 0.12);
1029
}
1030
.switcher-list-item-container {
1032
spacing: 8px;
1033
}
1034
.thumbnail-scroll-gradient-left {
1036
background-gradient-direction: horizontal;
1037
background-gradient-start: #333333;
1038
background-gradient-end: rgba(51, 51, 51, 0);
1039
border-radius: 4px;
1040
border-radius-topright: 0;
1041
border-radius-bottomright: 0;
1042
width: 60px;
1043
}
1044
.thumbnail-scroll-gradient-right {
1046
background-gradient-direction: horizontal;
1047
background-gradient-start: rgba(51, 51, 51, 0);
1048
background-gradient-end: #333333;
1049
border-radius: 4px;
1050
border-radius-topleft: 0;
1051
border-radius-bottomleft: 0;
1052
width: 60px;
1053
}
1054
.switcher-arrow {
1056
border-color: rgba(0, 0, 0, 0);
1057
color: rgba(0, 0, 0, 0.54);
1058
}
1059
.switcher-arrow:highlighted {
1061
color: rgba(0, 0, 0, 0.87);
1062
}
1063
.switcher-preview-backdrop {
1065
background-color: rgba(0, 0, 0, 0.6);
1066
}
1067
.ripple-box {
1069
width: 104px;
1070
height: 104px;
1071
background-image: url(assets/corner-ripple.png);
1072
background-color: #4285F4;
1073
border-radius: 52px;
1074
}
1075
.modal-dialog {
1077
padding: 16px 20px;
1078
}
1079
.modal-dialog-button-box {
1081
spacing: 16px;
1082
}
1083
.run-dialog-label {
1085
color: rgba(0, 0, 0, 0.54);
1086
padding-bottom: .4em;
1087
}
1088
.run-dialog-error-label {
1090
color: #EA4335;
1091
}
1092
.run-dialog-error-box {
1094
padding-top: 16px;
1095
spacing: 6px;
1096
}
1097
.run-dialog-completion-box {
1099
padding-left: 15px;
1100
}
1101
.run-dialog {
1103
border-radius: 4px;
1104
padding: 16px 20px;
1105
}
1106
.lightbox {
1108
background-color: rgba(0, 0, 0, 0.3);
1109
}
1110
.cinnamon-mount-operation-icon {
1112
icon-size: 4.8em;
1113
}
1114
.mount-password-reask {
1116
color: #FBBC05;
1117
}
1118
.show-processes-dialog {
1120
spacing: 24px;
1121
}
1122
.mount-question-dialog {
1124
spacing: 24px;
1125
}
1126
.show-processes-dialog-description:rtl {
1128
padding-right: 17px;
1129
}
1130
.mount-question-dialog-description:rtl {
1132
padding-right: 17px;
1133
}
1134
.show-processes-dialog-app-list {
1136
max-height: 200px;
1137
padding-top: 24px;
1138
padding-left: 49px;
1139
padding-right: 32px;
1140
}
1141
.show-processes-dialog-app-list:rtl {
1143
padding-right: 49px;
1144
padding-left: 32px;
1145
}
1146
.show-processes-dialog-app-list-item {
1148
color: rgba(0, 0, 0, 0.87);
1149
}
1150
.show-processes-dialog-app-list-item:hover {
1152
color: rgba(0, 0, 0, 0.87);
1153
}
1154
.show-processes-dialog-app-list-item:ltr {
1156
padding-right: 1em;
1157
}
1158
.show-processes-dialog-app-list-item:rtl {
1160
padding-left: 1em;
1161
}
1162
.show-processes-dialog-app-list-item-icon:ltr {
1164
padding-right: 17px;
1165
}
1166
.show-processes-dialog-app-list-item-icon:rtl {
1168
padding-left: 17px;
1169
}
1170
.magnifier-zoom-region {
1172
border: 3px solid rgba(0, 0, 0, 0.12);
1173
}
1174
.magnifier-zoom-region.full-screen {
1176
border-width: 0;
1177
}
1178
#keyboard {
1180
background-color: rgba(0, 0, 0, 0.6);
1181
}
1182
.keyboard-key {
1184
font-size: 10.5pt;
1185
font-weight: 500;
1186
}
1187
.keyboard-layout {
1189
spacing: 8px;
1190
padding: 8px;
1191
}
1192
.keyboard-row {
1194
spacing: 16px;
1195
}
1196
.keyboard-subkeys {
1198
color: inherit;
1199
padding: 5px;
1200
-arrow-border-radius: 0;
1201
-arrow-background-color: transparent;
1202
-arrow-border-width: 0;
1203
-arrow-border-color: transparent;
1204
-arrow-base: 0;
1205
-arrow-rise: 0;
1206
-boxpointer-gap: 5px;
1207
background-color: #F2F2F2;
1208
border-radius: 4px;
1209
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24);
1210
}
1211
.menu-favorites-box {
1213
padding: 8px;
1214
}
1215
.menu-favorites-button {
1217
padding: 0.4em 4px;
1218
}
1219
.menu-favorites-button:hover {
1221
background-color: rgba(0, 0, 0, 0.12);
1222
border-radius: 4px;
1223
color: rgba(0, 0, 0, 0.87);
1224
}
1225
.menu-categories-box {
1227
padding: 8px;
1228
}
1229
.menu-applications-inner-box {
1231
padding: 8px;
1232
}
1233
.menu-applications-outer-box {
1235
padding: 8px;
1236
border-radius: 4px;
1237
}
1238
.menu-application-button {
1240
padding: 0.4em 4px;
1241
}
1242
.menu-application-button:highlighted {
1244
font-weight: bold;
1245
}
1246
.menu-application-button-selected {
1248
padding: 0.4em 4px;
1249
background-color: rgba(0, 0, 0, 0.12);
1250
border-radius: 4px;
1251
color: rgba(0, 0, 0, 0.87);
1252
}
1253
.menu-application-button-selected:highlighted {
1255
font-weight: bold;
1256
}
1257
.menu-category-button {
1259
padding: 0.4em 4px;
1260
}
1261
.menu-category-button-greyed {
1263
padding: 0.4em 4px;
1264
color: rgba(0, 0, 0, 0.54);
1265
font-style: italic;
1266
}
1267
.menu-category-button-selected {
1269
padding: 0.4em 4px;
1270
background-color: rgba(0, 0, 0, 0.12);
1271
border-radius: 4px;
1272
color: rgba(0, 0, 0, 0.87);
1273
}
1274
.menu-selected-app-box {
1276
padding: 8px;
1277
margin-bottom: 4px;
1278
text-align: right;
1279
}
1280
.menu-selected-app-box:rtl {
1282
text-align: left;
1283
}
1284
.menu-selected-app-title {
1286
font-size: 9pt;
1287
font-weight: 400;
1288
}
1289
.menu-selected-app-description {
1291
font-size: 9pt;
1292
font-weight: 400;
1293
max-width: 150px;
1294
}
1295
.menu-search-box:ltr {
1297
padding-left: 30px;
1298
padding-bottom: 5px;
1299
padding-top: 5px;
1300
}
1301
.menu-search-box:rtl {
1303
padding-right: 30px;
1304
padding-bottom: 5px;
1305
padding-top: 5px;
1306
}
1307
.menu-search-entry-icon {
1309
icon-size: 1em;
1310
padding: 0 0;
1311
color: rgba(0, 0, 0, 0.38);
1312
}
1313
.window-list-box {
1315
font-size: 9pt;
1316
font-weight: 400;
1317
spacing: 4px;
1318
padding: 0 3px;
1319
}
1320
.window-list-box.vertical {
1322
spacing: 4px;
1323
padding: 3px 0;
1324
}
1325
.window-list-box:highlight {
1327
background: rgba(255, 255, 255, 0.3);
1328
color: white;
1329
}
1330
.window-list-item-box {
1332
background-color: rgba(0, 0, 0, 0.01);
1333
transition-duration: 100ms;
1334
}
1335
.window-list-item-box:hover {
1337
color: white;
1338
}
1339
.window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:focus {
1341
background-color: rgba(255, 255, 255, 0.3);
1342
color: white;
1343
}
1344
.window-list-item-box:active:hover, .window-list-item-box:checked:hover, .window-list-item-box:focus:hover {
1346
color: white;
1347
}
1348
.window-list-item-box .progress {
1350
background-color: #34A853;
1351
}
1352
.window-list-item-box.top StLabel, .window-list-item-box.bottom StLabel {
1354
padding-left: 3px;
1355
}
1356
.window-list-item-demands-attention {
1358
background-color: #34A853;
1359
color: rgba(255, 255, 255, 0.7);
1360
}
1361
.window-list-preview {
1363
background-color: #EEEEEE;
1364
border-radius: 4px;
1365
padding: 10px 15px;
1366
spacing: 1em;
1367
color: rgba(0, 0, 0, 0.87);
1368
box-shadow: 14px 14px 14px rgba(0, 0, 0, 0.5);
1369
}
1370
.grouped-window-list-thumbnail-label {
1372
padding-left: 3px;
1373
padding-bottom: 6px;
1374
}
1375
.grouped-window-list-number-label {
1377
font-size: 9pt;
1378
font-weight: 400;
1379
z-index: 99;
1380
}
1381
.grouped-window-list-list-button-label {
1383
padding-left: 3px;
1384
}
1385
.grouped-window-list-badge {
1387
border-radius: 9999px;
1388
background-color: #212121;
1389
}
1390
.grouped-window-list-thumbnail-alert {
1392
background: #FBBC05;
1393
}
1394
.grouped-window-list-item-box {
1396
background-color: rgba(0, 0, 0, 0.01);
1397
transition-duration: 100ms;
1398
}
1399
.grouped-window-list-item-box:hover {
1401
color: white;
1402
}
1403
.grouped-window-list-item-box:active, .grouped-window-list-item-box:checked {
1405
background-color: rgba(255, 255, 255, 0.12);
1406
}
1407
.grouped-window-list-item-box:active:hover, .grouped-window-list-item-box:checked:hover {
1409
color: white;
1410
}
1411
.grouped-window-list-item-box:focus {
1413
background-color: rgba(255, 255, 255, 0.3);
1414
color: white;
1415
}
1416
.grouped-window-list-item-box:focus:hover {
1418
color: white;
1419
}
1420
.grouped-window-list-item-box .progress {
1422
background-color: #34A853;
1423
}
1424
.grouped-window-list-item-demands-attention {
1426
background-color: #34A853;
1427
color: rgba(255, 255, 255, 0.7);
1428
}
1429
.grouped-window-list-thumbnail-menu {
1431
padding: 20px;
1432
border: none;
1433
border-radius: 4px;
1434
color: rgba(255, 255, 255, 0.7);
1435
background: none;
1436
}
1437
.grouped-window-list-thumbnail-menu .item-box {
1439
padding: 8px;
1440
spacing: 2px;
1441
border-radius: 4px;
1442
}
1443
.grouped-window-list-thumbnail-menu .item-box:outlined {
1445
border: 2px solid rgba(0, 0, 0, 0.12);
1446
color: white;
1447
}
1448
.grouped-window-list-thumbnail-menu .item-box:selected {
1450
background: rgba(255, 255, 255, 0.12);
1451
color: white;
1452
}
1453
.grouped-window-list-thumbnail-menu .item-box > StBoxLayout:ltr {
1455
margin: 1px 0 0 6px;
1456
}
1457
.grouped-window-list-thumbnail-menu .item-box > StBoxLayout:rtl {
1459
margin: 1px 6px 0 0;
1460
}
1461
.grouped-window-list-thumbnail-menu .item-box > StBoxLayout StLabel {
1463
padding-bottom: 2px;
1464
}
1465
.grouped-window-list-thumbnail-menu .item-box > StButton:ltr {
1467
margin: 1px 6px 0 0;
1468
}
1469
.grouped-window-list-thumbnail-menu .item-box > StButton:rtl {
1471
margin: 1px 0 0 6px;
1472
}
1473
.grouped-window-list-thumbnail-menu .thumbnail-box {
1475
padding: 2px;
1476
}
1477
.grouped-window-list-thumbnail-menu .thumbnail {
1479
width: 256px;
1480
}
1481
.grouped-window-list-thumbnail-menu .separator {
1483
width: 1px;
1484
background: rgba(0, 0, 0, 0.12);
1485
}
1486
.sound-player StButton:small {
1488
min-width: 24px;
1489
min-height: 24px;
1490
padding: 4px;
1491
}
1492
.sound-player StButton:small StIcon {
1494
icon-size: 1em;
1495
}
1496
.sound-player StButton StIcon {
1498
icon-size: 1.5em;
1499
}
1500
.sound-player .slider {
1502
height: 5px;
1503
}
1504
.sound-player StBoxLayout {
1506
spacing: 0.5em;
1507
}
1508
.sound-player > StBoxLayout {
1510
padding: 5px;
1511
}
1512
.sound-player-generic-coverart {
1514
background: rgba(0, 0, 0, 0.2);
1515
}
1516
.sound-player-overlay {
1518
background-color: #EEEEEE;
1519
min-width: 300px;
1520
padding: 12px 16px;
1521
spacing: 0.5em;
1522
color: rgba(0, 0, 0, 0.54);
1523
}
1524
.workspace-button {
1526
background-color: #212121;
1527
width: 2em;
1528
height: 1em;
1529
color: rgba(255, 255, 255, 0.7);
1530
margin: 2px;
1531
}
1532
.workspace-button:outlined {
1534
background-color: rgba(255, 255, 255, 0.3);
1535
color: white;
1536
}
1537
.workspace-graph {
1539
background-color: rgba(0, 0, 0, 0.6);
1540
}
1541
.workspace-graph .workspace {
1543
background-color: #212121;
1544
border: 1px solid rgba(0, 0, 0, 0.12);
1545
}
1546
.workspace-graph .workspace:active {
1548
background-color: rgba(255, 255, 255, 0.3);
1549
border: 1px solid rgba(0, 0, 0, 0.12);
1550
}
1551
.workspace-graph .workspace:active .windows {
1553
-active-window-background: rgba(255, 255, 255, 0.8);
1554
-active-window-border: rgba(0, 0, 0, 0.9);
1555
-inactive-window-background: rgba(140, 140, 140, 0.8);
1556
-inactive-window-border: rgba(0, 0, 0, 0.7);
1557
}
1558
.workspace-graph .workspace .windows {
1560
-active-window-background: rgba(140, 140, 140, 0.8);
1561
-active-window-border: rgba(0, 0, 0, 0.7);
1562
-inactive-window-background: rgba(140, 140, 140, 0.8);
1563
-inactive-window-border: rgba(0, 0, 0, 0.7);
1564
}
1565
.panel-launchers {
1567
padding: 0 4px;
1568
spacing: 4px;
1569
transition-duration: 100ms;
1570
}
1571
.panel-launchers .launcher {
1573
background-color: rgba(0, 0, 0, 0.01);
1574
}
1575
.panel-launchers.vertical {
1577
padding: 4px 0;
1578
spacing: 4px;
1579
}
1580
.panel-launchers.vertical .launcher .icon-box {
1582
padding-top: 0;
1583
}
1584
.applet-separator-line, .applet-separator-line-vertical {
1586
width: 2px;
1587
background: rgba(255, 255, 255, 0.12);
1588
}
1589
.applet-spacer:highlight {
1591
background: rgba(255, 255, 255, 0.4);
1592
}
1593
.applet-box {
1595
background-color: rgba(0, 0, 0, 0.01);
1596
color: rgba(255, 255, 255, 0.7);
1597
transition-duration: 100ms;
1598
}
1599
.applet-box:checked {
1601
color: white;
1602
}
1603
.applet-box:checked .applet-label {
1605
color: white;
1606
}
1607
.applet-box:hover {
1609
color: white;
1610
}
1611
.applet-box:hover .applet-label {
1613
color: white;
1614
}
1615
.applet-box:highlight {
1617
background: rgba(255, 255, 255, 0.3);
1618
color: white;
1619
}
1620
.applet-box:highlight .applet-label {
1622
color: white;
1623
}
1624
.applet-label {
1626
font-size: 10.5pt;
1627
font-weight: 500;
1628
color: rgba(255, 255, 255, 0.7);
1629
}
1630
.applet-icon {
1632
color: rgba(255, 255, 255, 0.7);
1633
padding: 0;
1634
spacing: 0;
1635
icon-size: 22px;
1636
}
1637
.desklet {
1639
font-size: 9pt;
1640
font-weight: 400;
1641
color: white;
1642
border: none;
1643
box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5);
1644
padding: 12px;
1645
background-color: rgba(0, 0, 0, 0.3);
1646
border-radius: 4px;
1647
}
1648
.desklet-with-borders {
1650
font-size: 9pt;
1651
font-weight: 400;
1652
background-color: #EEEEEE;
1653
border-radius: 4px;
1654
}
1655
.desklet-with-borders:highlight {
1657
background-color: rgba(255, 255, 255, 0.4);
1658
}
1659
.desklet-with-borders-and-header {
1661
font-size: 9pt;
1662
font-weight: 400;
1663
background-color: #EEEEEE;
1664
border-radius-bottomleft: 2px;
1665
border-radius-bottomright: 2px;
1666
}
1667
.desklet-with-borders-and-header:highlight {
1669
background-color: rgba(255, 255, 255, 0.4);
1670
}
1671
.desklet-header {
1673
font-size: 15pt;
1674
font-weight: 500;
1675
background-color: #EEEEEE;
1676
border-radius-topleft: 2px;
1677
border-radius-topright: 2px;
1678
}
1679
.desklet-header:highlight {
1681
background-color: rgba(255, 255, 255, 0.4);
1682
}
1683
.photoframe-box {
1685
background-color: #EEEEEE;
1686
border-radius: 4px;
1687
}
1688
.photoframe-box:highlight {
1690
background-color: rgba(255, 255, 255, 0.4);
1691
}
1692
.desklet-drag-placeholder {
1694
border: 2px solid #4285F4;
1695
background-color: rgba(0, 0, 0, 0.3);
1696
border-radius: 4px;
1697
}
1698
.launcher {
1700
padding: 1px;
1701
}
1702
.launcher .icon-box {
1704
padding-top: 2px;
1705
}
1706
.about-content {
1708
min-width: 250px;
1709
min-height: 150px;
1710
spacing: 8px;
1711
padding-bottom: 16px;
1712
}
1713
.about-title {
1715
font-size: 15pt;
1716
font-weight: 500;
1717
}
1718
.about-uuid {
1720
font-size: 9pt;
1721
font-weight: 400;
1722
}
1723
.about-icon {
1725
padding-right: 20px;
1726
}
1727
.about-scrollBox {
1729
border: 1px solid rgba(0, 0, 0, 0.12);
1730
border-radius: 4px;
1731
}
1732
.about-scrollBox-innerBox {
1734
padding: 1.2em;
1735
spacing: 1.2em;
1736
}
1737
.about-description {
1739
padding-top: 4px;
1740
}
1741
.about-version {
1743
padding-left: 7px;
1744
}
1745
.expo-workspaces-name-entry {
1747
font-size: 10.5pt;
1748
font-weight: 400;
1749
background-color: rgba(0, 0, 0, 0.01);
1750
color: rgba(255, 255, 255, 0.7);
1751
padding: 4px 6px;
1752
selection-background-color: rgba(255, 255, 255, 0.3);
1753
selected-color: white;
1754
caret-color: rgba(255, 255, 255, 0.7);
1755
text-align: center;
1756
height: 1.5em;
1757
border-radius: 4px;
1758
-cinnamon-caption-spacing: 12px;
1759
}
1760
.expo-workspaces-name-entry#selected {
1762
color: white;
1763
background-color: rgba(255, 255, 255, 0.3);
1764
}
1765
.expo-workspaces-name-entry:focus {
1767
color: white;
1768
box-shadow: 0 -3px 0 0 #4285F4 inset;
1769
}
1770
.expo-workspaces-name-entry:hover {
1772
box-shadow: 0 -3px 0 0 #4285F4 inset;
1773
}
1774
.notification-applet-padding {
1776
padding: .5em 1em;
1777
}
1778
.notification-applet-container {
1780
max-height: 100px;
1781
}
1782
.check-box CinnamonGenericContainer {
1784
spacing: 8px;
1785
}
1786
.check-box:focus:checked StBin {
1788
background-image: url(assets/checkbox.svg);
1789
}
1790
.check-box:checked StBin {
1792
background-image: url(assets/checkbox.svg);
1793
}
1794
.radiobutton CinnamonGenericContainer {
1796
spacing: 8px;
1797
}
1798
.radiobutton:focus:checked StBin {
1800
background-image: url(assets/radiobutton.svg);
1801
}
1802
.radiobutton:checked StBin {
1804
background-image: url(assets/radiobutton.svg);
1805
}
1806
.flashspot {
1808
background-color: #4285F4;
1809
}
1810
.osd-window {
1812
spacing: 1em;
1813
padding: 16px;
1814
}
1815
.osd-window .level {
1817
height: 0.7em;
1818
border-radius: 0.3em;
1819
background-color: rgba(0, 0, 0, 0.26);
1820
}
1821
.osd-window .level-bar {
1823
border-radius: 0.3em;
1824
background-color: #4285F4;
1825
}
1826
.tile-hud:top {
1828
border-top-width: 0;
1829
border-radius: 0 0 10px 10px;
1830
}
1831
.tile-hud:bottom {
1833
border-bottom-width: 0;
1834
border-radius: 4px 4px 0 0;
1835
}
1836
.tile-hud:left {
1838
border-left-width: 0;
1839
border-radius: 0 10px 10px 0;
1840
}
1841
.tile-hud:right {
1843
border-right-width: 0;
1844
border-radius: 10px 0 0 10px;
1845
}
1846
.tile-hud:top-left {
1848
border-top-width: 0;
1849
border-left-width: 0;
1850
border-radius: 0 0 10px 0;
1851
}
1852
.tile-hud:top-right {
1854
border-top-width: 0;
1855
border-right-width: 0;
1856
border-radius: 0 0 0 10px;
1857
}
1858
.tile-hud:bottom-left {
1860
border-bottom-width: 0;
1861
border-left-width: 0;
1862
border-radius: 0 10px 0 0;
1863
}
1864
.tile-hud:bottom-right {
1866
border-bottom-width: 0;
1867
border-right-width: 0;
1868
border-radius: 10px 0 0 0;
1869
}
1870
.systray {
1872
spacing: 4px;
1873
}
1874
.user-box {
1876
padding: 0.4em 1.3em;
1877
spacing: 10px;
1878
}
1879
.user-icon {
1881
padding: 4px;
1882
border: none;
1883
}
1884
.user-label {
1886
font-size: 10.5pt;
1887
font-weight: 500;
1888
color: rgba(0, 0, 0, 0.87);
1889
}
1890