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), 0 1px 1px rgba(0, 0, 0, 0.24);
6
text-shadow: none;
7
icon-shadow: none;
8
transition-duration: 100ms;
9
font-size: 10.5pt;
10
font-weight: 500;
11
min-height: 32px;
12
padding: 0 16px;
13
border-radius: 4px;
14
}
15
.notification-button:focus, .modal-dialog-button:focus {
17
color: rgba(0, 0, 0, 0.87);
18
text-shadow: none;
19
icon-shadow: none;
20
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345);
21
}
22
.notification-button:hover, .modal-dialog-button:hover, .notification-button:checked, .modal-dialog-button:checked {
24
color: rgba(0, 0, 0, 0.87);
25
background-color: #FFFFFF;
26
border-color: transparent;
27
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345);
28
text-shadow: none;
29
icon-shadow: none;
30
}
31
.notification-button:active, .modal-dialog-button:active {
33
color: rgba(0, 0, 0, 0.87);
34
background-color: rgba(205, 205, 205, 0.9688);
35
border-color: transparent;
36
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345);
37
text-shadow: none;
38
icon-shadow: none;
39
transition-duration: 200ms;
40
}
41
.notification-button:insensitive, .modal-dialog-button:insensitive {
43
color: rgba(0, 0, 0, 0.38);
44
background-color: rgba(0, 0, 0, 0.04);
45
border-color: transparent;
46
box-shadow: 0 0 transparent;
47
text-shadow: none;
48
icon-shadow: none;
49
}
50
.notification-icon-button, .keyboard-key, .sound-player StButton {
52
color: rgba(0, 0, 0, 0.87);
53
background-color: #FFFFFF;
54
border-color: transparent;
55
box-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24);
56
text-shadow: none;
57
icon-shadow: none;
58
transition-duration: 100ms;
59
min-height: 32px;
60
min-width: 32px;
61
padding: 6px;
62
border-radius: 4px;
63
}
64
.notification-icon-button:focus, .keyboard-key:focus, .sound-player StButton:focus {
66
color: rgba(0, 0, 0, 0.87);
67
text-shadow: none;
68
icon-shadow: none;
69
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345);
70
}
71
.notification-icon-button:hover, .keyboard-key:hover, .sound-player StButton:hover, .notification-icon-button:checked, .keyboard-key:checked, .sound-player StButton:checked {
73
color: rgba(0, 0, 0, 0.87);
74
background-color: #FFFFFF;
75
border-color: transparent;
76
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345);
77
text-shadow: none;
78
icon-shadow: none;
79
}
80
.notification-icon-button:active, .keyboard-key:active, .sound-player StButton:active {
82
color: rgba(0, 0, 0, 0.87);
83
background-color: rgba(205, 205, 205, 0.9688);
84
border-color: transparent;
85
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345);
86
text-shadow: none;
87
icon-shadow: none;
88
transition-duration: 200ms;
89
}
90
.notification-icon-button:insensitive, .keyboard-key:insensitive, .sound-player StButton:insensitive {
92
color: rgba(0, 0, 0, 0.38);
93
background-color: rgba(0, 0, 0, 0.04);
94
border-color: transparent;
95
box-shadow: 0 0 transparent;
96
text-shadow: none;
97
icon-shadow: none;
98
}
99
.slider, .popup-slider-menu-item, .sound-player .slider {
101
height: 20px;
102
color: #1A73E8;
103
-slider-height: 2px;
104
-slider-background-color: rgba(0, 0, 0, 0.26);
105
-slider-border-color: transparent;
106
-slider-active-background-color: #1A73E8;
107
-slider-active-border-color: transparent;
108
-slider-border-width: 0;
109
-slider-handle-radius: 6px;
110
}
111
.separator, .popup-separator-menu-item {
113
-gradient-height: 1px;
114
-gradient-start: rgba(0, 0, 0, 0.12);
115
-gradient-end: rgba(0, 0, 0, 0.12);
116
-margin-horizontal: 4px;
117
height: 1.5em;
118
}
119
#notification StEntry, .run-dialog-entry, #menu-search-entry {
121
transition-duration: 100ms;
122
background-color: rgba(0, 0, 0, 0.04);
123
border-color: transparent;
124
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26);
125
width: 250px;
126
min-height: 32px;
127
padding: 0 8px;
128
border-radius: 4px 4px 0 0;
129
color: rgba(0, 0, 0, 0.87);
130
caret-color: rgba(0, 0, 0, 0.87);
131
selection-background-color: rgba(26, 115, 232, 0.24);
132
selected-color: rgba(0, 0, 0, 0.87);
133
}
134
#notification StEntry:focus, .run-dialog-entry:focus, #menu-search-entry:focus {
136
border-color: transparent;
137
box-shadow: inset 0 -2px #1A73E8;
138
padding: 0 8px;
139
border-width: 0;
140
color: rgba(0, 0, 0, 0.87);
141
}
142
.desklet-with-borders, .desklet-with-borders-and-header, .desklet-header, .photoframe-box {
144
color: rgba(0, 0, 0, 0.87);
145
border: none;
146
padding: 12px;
147
box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44);
148
}
149
.calendar-change-month-back, .calendar-change-month-forward {
151
width: 16px;
152
height: 16px;
153
border-radius: 999px;
154
transition-duration: 100ms;
155
}
156
.calendar-change-month-back:active, .calendar-change-month-forward:active {
158
background-color: rgba(0, 0, 0, 0.26);
159
}
160
.menu, .popup-combo-menu {
162
background-color: #FFFFFF;
163
border-radius: 4px;
164
color: rgba(0, 0, 0, 0.87);
165
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345);
166
}
167
.menu-application-button-label:ltr, .menu-category-button-label:ltr {
169
padding-left: 4px;
170
}
171
.menu-application-button-label:rtl, .menu-category-button-label:rtl {
173
padding-right: 4px;
174
}
175
.show-processes-dialog-subject, .mount-question-dialog-subject {
177
font-weight: bold;
178
color: rgba(0, 0, 0, 0.87);
179
padding-top: 10px;
180
padding-left: 17px;
181
padding-bottom: 6px;
182
}
183
.show-processes-dialog-subject:rtl, .mount-question-dialog-subject:rtl {
185
padding-left: 0;
186
padding-right: 17px;
187
}
188
.show-processes-dialog-description, .mount-question-dialog-description {
190
color: rgba(0, 0, 0, 0.87);
191
padding-left: 17px;
192
width: 28em;
193
}
194
.check-box StBin, .check-box:focus StBin {
196
width: 24px;
197
height: 24px;
198
padding: 4px;
199
border-radius: 100px;
200
background-image: url(assets/checkbox-off.svg);
201
}
202
.radiobutton StBin, .radiobutton:focus StBin {
204
width: 20px;
205
height: 20px;
206
padding: 6px;
207
border-radius: 100px;
208
background-image: url(assets/radiobutton-off.svg);
209
}
210
.tile-preview, .tile-hud {
212
background-color: rgba(0, 0, 0, 0.3);
213
border: 2px solid rgba(0, 0, 0, 0.12);
214
}
215
.tile-preview.snap, .tile-hud.snap {
217
background-color: rgba(0, 0, 0, 0.3);
218
border: 2px solid #1A73E8;
219
}
220
.overview-empty-placeholder, .info-osd, .workspace-osd, #LookingGlassDialog, .switcher-list, .modal-dialog, .osd-window {
222
color: rgba(0, 0, 0, 0.87);
223
background-color: #FFFFFF;
224
border: none;
225
border-radius: 4px;
226
padding: 12px;
227
box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44);
228
}
229
.overview-empty-placeholder, .info-osd, .workspace-osd {
231
font-size: 15pt;
232
font-weight: 500;
233
text-align: center;
234
padding: 8px 10px;
235
}
236
stage {
238
font-size: 10.5pt;
239
font-weight: 400;
240
font-family: "M+ 1c", Roboto, Cantarell, Sans-Serif;
241
color: rgba(0, 0, 0, 0.87);
242
}
243
.cinnamon-link {
245
color: #1A73E8;
246
font-style: italic;
247
}
248
.cinnamon-link:hover {
250
color: rgba(0, 0, 0, 0.87);
251
}
252
.label-shadow {
254
color: transparent;
255
}
256
StScrollBar {
258
padding: 0px;
259
}
260
StScrollBar StButton#vhandle, StScrollBar StButton#hhandle {
262
background-color: rgba(0, 0, 0, 0.38);
263
border-radius: 100px;
264
margin: 4px;
265
}
266
StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover {
268
background-color: rgba(0, 0, 0, 0.6);
269
}
270
StScrollBar StBin#trough {
272
margin: 4px;
273
border-radius: 100px;
274
background-color: rgba(0, 0, 0, 0.12);
275
}
276
StScrollView.vfade {
278
-st-vfade-offset: 32px;
279
}
280
StScrollView.hfade {
282
-st-hfade-offset: 32px;
283
}
284
StScrollView StScrollBar {
286
min-width: 16px;
287
min-height: 16px;
288
}
289
#Tooltip {
291
font-size: 9pt;
292
font-weight: 400;
293
padding: 6px 8px;
294
color: white;
295
text-align: center;
296
border-radius: 4px;
297
background-color: rgba(97, 97, 97, 0.9);
298
}
299
.menu {
301
min-width: 100px;
302
margin: 4px;
303
}
304
.menu-top-box {
306
spacing: 5px;
307
}
308
.menu-systembuttons-box {
310
padding: 10px;
311
}
312
.popup-sub-menu {
314
background-color: rgba(0, 0, 0, 0.04);
315
}
316
.popup-menu-arrow {
318
icon-size: 1.14em;
319
}
320
.popup-combo-menu {
322
padding: 8px 0;
323
}
324
.popup-menu-content {
326
padding: 8px 0;
327
}
328
.popup-menu-item {
330
padding: 0.4em 16px;
331
spacing: 8px;
332
transition-duration: 100ms;
333
}
334
.popup-menu-item:active {
336
background-color: rgba(0, 0, 0, 0.08);
337
color: rgba(0, 0, 0, 0.87);
338
transition-duration: 0ms;
339
}
340
.popup-menu-item:insensitive {
342
color: rgba(0, 0, 0, 0.38);
343
}
344
.popup-image-menu-item {
346
color: rgba(0, 0, 0, 0.6);
347
}
348
.popup-combobox-item {
350
padding: 0.4em 16px;
351
}
352
.popup-device-menu-item {
354
spacing: .5em;
355
}
356
.popup-inactive-menu-item {
358
color: rgba(0, 0, 0, 0.87);
359
}
360
.popup-inactive-menu-item:insensitive {
362
color: rgba(0, 0, 0, 0.38);
363
}
364
.popup-subtitle-menu-item {
366
font-size: 10.5pt;
367
font-weight: 500;
368
}
369
.popup-menu-icon {
371
icon-size: 1.14em;
372
}
373
.popup-alternating-menu-item:alternate {
375
font-size: 10.5pt;
376
font-weight: 500;
377
}
378
.toggle-switch {
380
width: 40px;
381
height: 20px;
382
}
383
.toggle-switch-us, .toggle-switch-intl {
385
background-image: url(assets/toggle-off.svg);
386
}
387
.toggle-switch-us:checked, .toggle-switch-intl:checked {
389
background-image: url(assets/toggle-on.svg);
390
}
391
.nm-menu-item-icons {
393
spacing: .5em;
394
icon-size: 1.14em;
395
}
396
#panel {
398
color: rgba(255, 255, 255, 0.7);
399
background-color: rgba(0, 0, 0, 0.6);
400
height: 2.5em;
401
width: 3.2em;
402
}
403
#panel:highlight {
405
background-color: rgba(255, 255, 255, 0.3);
406
}
407
.panel-dummy {
409
background-color: rgba(255, 0, 0, 0.6);
410
}
411
.panel-dummy:entered {
413
background-color: rgba(0, 255, 0, 0.6);
414
}
415
.panelLeft {
417
spacing: 4px;
418
}
419
.panelLeft:dnd {
421
background-color: rgba(255, 0, 0, 0.6);
422
}
423
.panelLeft:ltr {
425
padding-right: 4px;
426
}
427
.panelLeft:rtl {
429
padding-left: 4px;
430
}
431
.panelLeft.vertical {
433
padding: 0;
434
}
435
.panelCenter {
437
spacing: 4px;
438
}
439
.panelCenter:dnd {
441
background-color: rgba(0, 255, 0, 0.6);
442
}
443
.panelCenter.vertical {
445
padding-left: 0;
446
padding-right: 0;
447
}
448
.panelRight {
450
spacing: 4px;
451
}
452
.panelRight:dnd {
454
background-color: rgba(0, 0, 255, 0.6);
455
}
456
.panelRight:ltr {
458
padding-left: 0;
459
spacing: 0;
460
}
461
.panelRight:rtl {
463
padding-right: 0;
464
spacing: 0;
465
}
466
.panelRight.vertical {
468
padding: 0;
469
}
470
.panel-top .window-list-item-box:hover {
472
box-shadow: 0 3px 0 0 #1A73E8 inset;
473
}
474
.panel-top .window-list-item-box:active:hover, .panel-top .window-list-item-box:checked:hover, .panel-top .window-list-item-box:focus:hover {
476
box-shadow: 0 3px 0 0 #1A73E8 inset;
477
}
478
.panel-top .grouped-window-list-item-box:hover {
480
box-shadow: 0 3px 0 0 #1A73E8 inset;
481
}
482
.panel-top .grouped-window-list-item-box:active:hover, .panel-top .grouped-window-list-item-box:checked:hover {
484
box-shadow: 0 3px 0 0 #1A73E8 inset;
485
}
486
.panel-top .grouped-window-list-item-box:focus:hover {
488
box-shadow: 0 3px 0 0 #1A73E8 inset;
489
}
490
.panel-top .grouped-window-list-badge {
492
margin-top: 2px;
493
}
494
.panel-top .workspace-switcher, .panel-top .workspace-graph, .panel-top .workspace-button {
496
padding: 1px 4px;
497
}
498
.panel-top .workspace-graph:hover, .panel-top .workspace-button:hover {
500
box-shadow: 0 3px 0 0 #1A73E8 inset;
501
}
502
.panel-top .applet-box {
504
padding: 0 4px;
505
}
506
.panel-top .applet-box:hover {
508
box-shadow: 0 3px 0 0 #1A73E8 inset;
509
}
510
.panel-top .panel-launchers .launcher:hover {
512
box-shadow: 0 3px 0 0 #1A73E8 inset;
513
}
514
.panel-top .applet-separator {
516
padding: 3px 4px;
517
}
518
.panel-top .systray:hover {
520
box-shadow: 0 4px 0 0 #1A73E8 inset;
521
}
522
.panel-bottom .window-list-item-box:hover {
524
box-shadow: 0 -3px 0 0 #1A73E8 inset;
525
}
526
.panel-bottom .window-list-item-box:active:hover, .panel-bottom .window-list-item-box:checked:hover, .panel-bottom .window-list-item-box:focus:hover {
528
box-shadow: 0 -3px 0 0 #1A73E8 inset;
529
}
530
.panel-bottom .grouped-window-list-item-box:hover {
532
box-shadow: 0 -3px 0 0 #1A73E8 inset;
533
}
534
.panel-bottom .grouped-window-list-item-box:active:hover, .panel-bottom .grouped-window-list-item-box:checked:hover {
536
box-shadow: 0 -3px 0 0 #1A73E8 inset;
537
}
538
.panel-bottom .grouped-window-list-item-box:focus:hover {
540
box-shadow: 0 -3px 0 0 #1A73E8 inset;
541
}
542
.panel-bottom .workspace-switcher, .panel-bottom .workspace-graph, .panel-bottom .workspace-button {
544
padding: 1px 4px;
545
}
546
.panel-bottom .workspace-graph:hover, .panel-bottom .workspace-button:hover {
548
box-shadow: 0 -3px 0 0 #1A73E8 inset;
549
}
550
.panel-bottom .applet-box {
552
padding: 0 4px;
553
}
554
.panel-bottom .applet-box:hover {
556
box-shadow: 0 -3px 0 0 #1A73E8 inset;
557
}
558
.panel-bottom .panel-launchers .launcher:hover {
560
box-shadow: 0 -3px 0 0 #1A73E8 inset;
561
}
562
.panel-bottom .applet-separator {
564
padding: 3px 4px;
565
}
566
.panel-bottom .systray:hover {
568
box-shadow: 0 4px 0 0 #1A73E8 inset;
569
}
570
.panel-left .window-list-item-box:hover {
572
box-shadow: 3px 0 0 0 #1A73E8 inset;
573
}
574
.panel-left .window-list-item-box:active:hover, .panel-left .window-list-item-box:checked:hover, .panel-left .window-list-item-box:focus:hover {
576
box-shadow: 3px 0 0 0 #1A73E8 inset;
577
}
578
.panel-left .grouped-window-list-item-box:hover {
580
box-shadow: 3px 0 0 0 #1A73E8 inset;
581
}
582
.panel-left .grouped-window-list-item-box:active:hover, .panel-left .grouped-window-list-item-box:checked:hover {
584
box-shadow: 3px 0 0 0 #1A73E8 inset;
585
}
586
.panel-left .grouped-window-list-item-box:focus:hover {
588
box-shadow: 3px 0 0 0 #1A73E8 inset;
589
}
590
.panel-left .grouped-window-list-badge {
592
margin-left: 2px;
593
}
594
.panel-left .workspace-switcher, .panel-left .workspace-graph, .panel-left .workspace-button {
596
padding: 4px 1px;
597
min-height: 1.2em;
598
}
599
.panel-left .workspace-graph:hover, .panel-left .workspace-button:hover {
601
box-shadow: 3px 0 0 0 #1A73E8 inset;
602
}
603
.panel-left .applet-box {
605
padding: 4px 0;
606
}
607
.panel-left .applet-box:hover {
609
box-shadow: 3px 0 0 0 #1A73E8 inset;
610
}
611
.panel-left .panel-launchers .launcher:hover {
613
box-shadow: 3px 0 0 0 #1A73E8 inset;
614
}
615
.panel-left .applet-separator {
617
padding: 4px 3px;
618
}
619
.panel-left .systray:hover {
621
box-shadow: 4px 0 0 0 #1A73E8 inset;
622
}
623
.panel-right .window-list-item-box:hover {
625
box-shadow: -3px 0 0 0 #1A73E8 inset;
626
}
627
.panel-right .window-list-item-box:active:hover, .panel-right .window-list-item-box:checked:hover, .panel-right .window-list-item-box:focus:hover {
629
box-shadow: -3px 0 0 0 #1A73E8 inset;
630
}
631
.panel-right .grouped-window-list-item-box:hover {
633
box-shadow: -3px 0 0 0 #1A73E8 inset;
634
}
635
.panel-right .grouped-window-list-item-box:active:hover, .panel-right .grouped-window-list-item-box:checked:hover {
637
box-shadow: -3px 0 0 0 #1A73E8 inset;
638
}
639
.panel-right .grouped-window-list-item-box:focus:hover {
641
box-shadow: -3px 0 0 0 #1A73E8 inset;
642
}
643
.panel-right .workspace-switcher, .panel-right .workspace-graph, .panel-right .workspace-button {
645
padding: 4px 1px;
646
min-height: 1.2em;
647
}
648
.panel-right .workspace-graph:hover, .panel-right .workspace-button:hover {
650
box-shadow: -3px 0 0 0 #1A73E8 inset;
651
}
652
.panel-right .applet-box {
654
padding: 4px 0;
655
}
656
.panel-right .applet-box:hover {
658
box-shadow: -3px 0 0 0 #1A73E8 inset;
659
}
660
.panel-right .panel-launchers .launcher:hover {
662
box-shadow: -3px 0 0 0 #1A73E8 inset;
663
}
664
.panel-right .applet-separator {
666
padding: 4px 3px;
667
}
668
.panel-right .systray:hover {
670
box-shadow: -4px 0 0 0 #1A73E8 inset;
671
}
672
.panel-status-button {
674
font-size: 10.5pt;
675
font-weight: 500;
676
-natural-hpadding: 4px;
677
-minimum-hpadding: 4px;
678
color: rgba(255, 255, 255, 0.7);
679
}
680
.panel-status-button:hover {
682
color: white;
683
}
684
.system-status-icon {
686
icon-size: 1.14em;
687
padding: 0;
688
spacing: 0;
689
}
690
.system-status-icon.warning {
692
color: #F4B400;
693
}
694
.system-status-icon.error {
696
color: #D93025;
697
}
698
#overview {
700
spacing: 12px;
701
}
702
.window-caption {
704
font-size: 9pt;
705
font-weight: 400;
706
background-color: rgba(0, 0, 0, 0.01);
707
color: rgba(255, 255, 255, 0.7);
708
padding: 4px 6px;
709
text-align: center;
710
height: 1.5em;
711
-cinnamon-caption-spacing: 12px;
712
}
713
.window-caption#selected, .window-caption:focus {
715
color: white;
716
box-shadow: 0 -3px 0 0 #1A73E8 inset;
717
}
718
.workspace-controls {
720
visible-height: 32px;
721
}
722
.workspace-thumbnails-background {
724
color: rgba(255, 255, 255, 0.7);
725
background-color: rgba(255, 255, 255, 0.1);
726
border: none;
727
padding: 8px;
728
border-radius: 4px 0 0 4px;
729
}
730
.workspace-thumbnails-background:rtl {
732
border-radius: 0 4px 4px 0;
733
}
734
.workspace-thumbnails {
736
spacing: 32px;
737
}
738
.workspace-add-button {
740
background-image: url(assets/add-workspace.svg);
741
height: 200px;
742
width: 35px;
743
transition-duration: shorter_duration;
744
}
745
.workspace-add-button:hover {
747
background-image: url(assets/add-workspace-hover.svg);
748
}
749
.workspace-add-button:active {
751
background-image: url(assets/add-workspace-active.svg);
752
}
753
.workspace-close-button, .window-close {
755
background-image: url(assets/close-window.svg);
756
height: 32px;
757
width: 32px;
758
-cinnamon-close-overlap: 20px;
759
}
760
.workspace-close-button:rtl, .window-close:rtl {
762
-st-background-image-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5);
763
}
764
.window-border {
766
border: 1px solid rgba(0, 0, 0, 0.12);
767
}
768
.window-close-area {
770
background-image: url(assets/trash-icon.png);
771
background-size: 100px;
772
background-color: rgba(0, 0, 0, 0.3);
773
border: 1px solid rgba(0, 0, 0, 0.12);
774
border-bottom-width: 0;
775
border-radius: 20px 20px 0 0;
776
height: 120px;
777
width: 400px;
778
}
779
.expo-background {
781
background-color: rgba(0, 0, 0, 0.6);
782
}
783
.workspace-overview-background-shade {
785
background-color: rgba(0, 0, 0, 0.6);
786
}
787
.expo-workspace-thumbnail-frame {
789
border: 1px solid rgba(0, 0, 0, 0.12);
790
}
791
.expo-workspace-thumbnail-frame#active {
793
border: 1px solid #1A73E8;
794
}
795
#LookingGlassDialog {
797
spacing: 4px;
798
padding: 8px;
799
}
800
.calendar {
802
padding: 4px 8px;
803
spacing-rows: 2px;
804
spacing-columns: 4px;
805
}
806
.datemenu-date-label {
808
font-size: 15pt;
809
font-weight: 500;
810
height: 24px;
811
margin: 2px;
812
padding: 6px 16px;
813
border-radius: 4px;
814
color: rgba(0, 0, 0, 0.87);
815
text-align: center;
816
}
817
.datemenu-date-label:focus {
819
background-color: rgba(0, 0, 0, 0.12);
820
}
821
.calendar-month-label {
823
font-size: 10.5pt;
824
font-weight: 500;
825
height: 16px;
826
margin: 2px;
827
padding: 6px 16px;
828
border-radius: 4px;
829
color: rgba(0, 0, 0, 0.87);
830
text-align: center;
831
}
832
.calendar-month-label:focus {
834
background-color: rgba(0, 0, 0, 0.12);
835
}
836
.calendar-change-month-back {
838
background-image: url(assets/calendar-arrow-left.svg);
839
}
840
.calendar-change-month-back:rtl {
842
background-image: url(assets/calendar-arrow-right.svg);
843
}
844
.calendar-change-month-forward {
846
background-image: url(assets/calendar-arrow-right.svg);
847
}
848
.calendar-change-month-forward:rtl {
850
background-image: url(assets/calendar-arrow-left.svg);
851
}
852
.calendar-day-base {
854
font-size: 9pt;
855
font-weight: 400;
856
text-align: center;
857
width: 28px;
858
height: 28px;
859
padding: 0;
860
margin: 2px;
861
border-radius: 100px;
862
}
863
.calendar-day-base:hover, .calendar-day-base:focus {
865
background-color: rgba(255, 255, 255, 0.3);
866
}
867
.calendar-day-base:active {
869
color: white;
870
background-color: #1A73E8;
871
border-color: transparent;
872
}
873
.calendar-week-number {
875
font-size: 9pt;
876
font-weight: 400;
877
width: 21px;
878
height: 28px;
879
margin: 2px;
880
padding: 0;
881
border-radius: 100px;
882
background-color: transparent;
883
color: rgba(0, 0, 0, 0.38);
884
text-align: center;
885
}
886
.calendar-day-heading {
888
font-size: 9pt;
889
font-weight: 400;
890
width: 28px;
891
height: 21px;
892
margin: 2px;
893
padding: 0;
894
border-radius: 100px;
895
background-color: transparent;
896
color: rgba(0, 0, 0, 0.38);
897
text-align: center;
898
}
899
.calendar-day {
901
border-width: 0;
902
}
903
.calendar-day-top {
905
border-top-width: 0;
906
}
907
.calendar-day-left {
909
border-left-width: 0;
910
}
911
.calendar-nonwork-day {
913
color: rgba(0, 0, 0, 0.87);
914
}
915
.calendar-today {
917
font-weight: bold;
918
border: none;
919
}
920
.calendar-day-with-events {
922
color: #1A73E8;
923
font-weight: normal;
924
text-decoration: underline;
925
background-image: none;
926
}
927
.calendar-other-month-day {
929
color: rgba(0, 0, 0, 0.26);
930
opacity: 0.5;
931
}
932
.calendar-week-number {
934
width: 28px;
935
height: 21px;
936
margin: 2px;
937
padding: 7px 0 0;
938
border-radius: 100px;
939
background-color: transparent;
940
color: rgba(0, 0, 0, 0.38);
941
font-size: inherit;
942
font-weight: bold;
943
text-align: center;
944
}
945
#notification {
947
background-color: #FFFFFF;
948
border-radius: 4px;
949
border: 1px solid rgba(0, 0, 0, 0.12);
950
padding: 8px;
951
spacing-rows: 4px;
952
spacing-columns: 8px;
953
margin-from-right-edge-of-screen: 20px;
954
width: 34em;
955
color: rgba(0, 0, 0, 0.87);
956
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345);
957
}
958
#notification.multi-line-notification {
960
padding-bottom: 8px;
961
}
962
#notification .url-highlighter {
964
link-color: #1A73E8;
965
}
966
.notification-with-image {
968
min-height: 159px;
969
color: rgba(0, 0, 0, 0.87);
970
}
971
#notification-scrollview {
973
max-height: 10em;
974
}
975
#notification-scrollview > .top-shadow {
977
height: 1em;
978
}
979
#notification-scrollview > .bottom-shadow {
981
height: 1em;
982
}
983
#notification-scrollview:ltr > StScrollBar {
985
padding-left: 6px;
986
}
987
#notification-scrollview:rtl > StScrollBar {
989
padding-right: 6px;
990
}
991
#notification-body {
993
spacing: 4px;
994
}
995
#notification-actions {
997
spacing: 8px;
998
}
999
.notification-icon-button > StIcon {
1001
icon-size: 1.5em;
1002
}
1003
#altTabPopup {
1005
padding: 8px;
1006
spacing: 16px;
1007
}
1008
.switcher-list {
1010
transition-duration: 100ms;
1011
}
1012
.switcher-list .item-box {
1014
padding: 8px;
1015
border-radius: 4px;
1016
}
1017
.switcher-list .item-box:selected {
1019
background-color: rgba(0, 0, 0, 0.12);
1020
}
1021
.switcher-list .thumbnail-box {
1023
padding: 2px;
1024
spacing: 4px;
1025
}
1026
.switcher-list .thumbnail {
1028
width: 256px;
1029
}
1030
.switcher-list .separator {
1032
width: 1px;
1033
background: rgba(0, 0, 0, 0.12);
1034
}
1035
.switcher-list-item-container {
1037
spacing: 8px;
1038
}
1039
.thumbnail-scroll-gradient-left {
1041
background-gradient-direction: horizontal;
1042
background-gradient-start: #333333;
1043
background-gradient-end: rgba(51, 51, 51, 0);
1044
border-radius: 4px;
1045
border-radius-topright: 0;
1046
border-radius-bottomright: 0;
1047
width: 60px;
1048
}
1049
.thumbnail-scroll-gradient-right {
1051
background-gradient-direction: horizontal;
1052
background-gradient-start: rgba(51, 51, 51, 0);
1053
background-gradient-end: #333333;
1054
border-radius: 4px;
1055
border-radius-topleft: 0;
1056
border-radius-bottomleft: 0;
1057
width: 60px;
1058
}
1059
.switcher-arrow {
1061
border-color: rgba(0, 0, 0, 0);
1062
color: rgba(0, 0, 0, 0.6);
1063
}
1064
.switcher-arrow:highlighted {
1066
color: rgba(0, 0, 0, 0.87);
1067
}
1068
.switcher-preview-backdrop {
1070
background-color: rgba(0, 0, 0, 0.6);
1071
}
1072
.ripple-box {
1074
width: 104px;
1075
height: 104px;
1076
background-image: url(assets/corner-ripple.png);
1077
background-color: #1A73E8;
1078
border-radius: 52px;
1079
}
1080
.modal-dialog {
1082
padding: 16px 20px;
1083
}
1084
.modal-dialog-button-box {
1086
spacing: 16px;
1087
}
1088
.run-dialog-label {
1090
color: rgba(0, 0, 0, 0.6);
1091
padding-bottom: .4em;
1092
}
1093
.run-dialog-error-label {
1095
color: #D93025;
1096
}
1097
.run-dialog-error-box {
1099
padding-top: 16px;
1100
spacing: 6px;
1101
}
1102
.run-dialog-completion-box {
1104
padding-left: 15px;
1105
}
1106
.run-dialog {
1108
border-radius: 4px;
1109
padding: 16px 20px;
1110
}
1111
.lightbox {
1113
background-color: rgba(0, 0, 0, 0.3);
1114
}
1115
.cinnamon-mount-operation-icon {
1117
icon-size: 4.8em;
1118
}
1119
.mount-password-reask {
1121
color: #F4B400;
1122
}
1123
.show-processes-dialog {
1125
spacing: 24px;
1126
}
1127
.mount-question-dialog {
1129
spacing: 24px;
1130
}
1131
.show-processes-dialog-description:rtl {
1133
padding-right: 17px;
1134
}
1135
.mount-question-dialog-description:rtl {
1137
padding-right: 17px;
1138
}
1139
.show-processes-dialog-app-list {
1141
max-height: 200px;
1142
padding-top: 24px;
1143
padding-left: 49px;
1144
padding-right: 32px;
1145
}
1146
.show-processes-dialog-app-list:rtl {
1148
padding-right: 49px;
1149
padding-left: 32px;
1150
}
1151
.show-processes-dialog-app-list-item {
1153
color: rgba(0, 0, 0, 0.87);
1154
}
1155
.show-processes-dialog-app-list-item:hover {
1157
color: rgba(0, 0, 0, 0.87);
1158
}
1159
.show-processes-dialog-app-list-item:ltr {
1161
padding-right: 1em;
1162
}
1163
.show-processes-dialog-app-list-item:rtl {
1165
padding-left: 1em;
1166
}
1167
.show-processes-dialog-app-list-item-icon:ltr {
1169
padding-right: 17px;
1170
}
1171
.show-processes-dialog-app-list-item-icon:rtl {
1173
padding-left: 17px;
1174
}
1175
.magnifier-zoom-region {
1177
border: 3px solid rgba(0, 0, 0, 0.12);
1178
}
1179
.magnifier-zoom-region.full-screen {
1181
border-width: 0;
1182
}
1183
#keyboard {
1185
background-color: rgba(0, 0, 0, 0.6);
1186
}
1187
.keyboard-key {
1189
font-size: 10.5pt;
1190
font-weight: 500;
1191
}
1192
.keyboard-layout {
1194
spacing: 8px;
1195
padding: 8px;
1196
}
1197
.keyboard-row {
1199
spacing: 16px;
1200
}
1201
.keyboard-subkeys {
1203
color: inherit;
1204
padding: 5px;
1205
-arrow-border-radius: 0;
1206
-arrow-background-color: transparent;
1207
-arrow-border-width: 0;
1208
-arrow-border-color: transparent;
1209
-arrow-base: 0;
1210
-arrow-rise: 0;
1211
-boxpointer-gap: 5px;
1212
background-color: #F2F2F2;
1213
border-radius: 4px;
1214
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345);
1215
}
1216
.menu-favorites-box {
1218
padding: 8px;
1219
}
1220
.menu-favorites-button {
1222
padding: 0.4em 4px;
1223
}
1224
.menu-favorites-button:hover {
1226
background-color: rgba(0, 0, 0, 0.12);
1227
border-radius: 4px;
1228
color: rgba(0, 0, 0, 0.87);
1229
}
1230
.menu-categories-box {
1232
padding: 8px;
1233
}
1234
.menu-applications-inner-box {
1236
padding: 8px;
1237
}
1238
.menu-applications-outer-box {
1240
padding: 8px;
1241
border-radius: 4px;
1242
}
1243
.menu-application-button {
1245
padding: 0.4em 4px;
1246
}
1247
.menu-application-button:highlighted {
1249
font-weight: bold;
1250
}
1251
.menu-application-button-selected {
1253
padding: 0.4em 4px;
1254
background-color: rgba(0, 0, 0, 0.12);
1255
border-radius: 4px;
1256
color: rgba(0, 0, 0, 0.87);
1257
}
1258
.menu-application-button-selected:highlighted {
1260
font-weight: bold;
1261
}
1262
.menu-category-button {
1264
padding: 0.4em 4px;
1265
}
1266
.menu-category-button-greyed {
1268
padding: 0.4em 4px;
1269
color: rgba(0, 0, 0, 0.6);
1270
font-style: italic;
1271
}
1272
.menu-category-button-selected {
1274
padding: 0.4em 4px;
1275
background-color: rgba(0, 0, 0, 0.12);
1276
border-radius: 4px;
1277
color: rgba(0, 0, 0, 0.87);
1278
}
1279
.menu-selected-app-box {
1281
padding: 8px;
1282
margin-bottom: 4px;
1283
text-align: right;
1284
}
1285
.menu-selected-app-box:rtl {
1287
text-align: left;
1288
}
1289
.menu-selected-app-title {
1291
font-size: 9pt;
1292
font-weight: 400;
1293
}
1294
.menu-selected-app-description {
1296
font-size: 9pt;
1297
font-weight: 400;
1298
max-width: 150px;
1299
}
1300
.menu-search-box:ltr {
1302
padding-left: 30px;
1303
padding-bottom: 5px;
1304
padding-top: 5px;
1305
}
1306
.menu-search-box:rtl {
1308
padding-right: 30px;
1309
padding-bottom: 5px;
1310
padding-top: 5px;
1311
}
1312
.menu-search-entry-icon {
1314
icon-size: 1em;
1315
padding: 0 0;
1316
color: rgba(0, 0, 0, 0.38);
1317
}
1318
.window-list-box {
1320
font-size: 9pt;
1321
font-weight: 400;
1322
spacing: 4px;
1323
padding: 0 3px;
1324
}
1325
.window-list-box.vertical {
1327
spacing: 4px;
1328
padding: 3px 0;
1329
}
1330
.window-list-box:highlight {
1332
background: rgba(255, 255, 255, 0.3);
1333
color: white;
1334
}
1335
.window-list-item-box {
1337
background-color: rgba(0, 0, 0, 0.01);
1338
transition-duration: 100ms;
1339
}
1340
.window-list-item-box:hover {
1342
color: white;
1343
}
1344
.window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:focus {
1346
background-color: rgba(255, 255, 255, 0.3);
1347
color: white;
1348
}
1349
.window-list-item-box:active:hover, .window-list-item-box:checked:hover, .window-list-item-box:focus:hover {
1351
color: white;
1352
}
1353
.window-list-item-box .progress {
1355
background-color: #0F9D58;
1356
}
1357
.window-list-item-box.top StLabel, .window-list-item-box.bottom StLabel {
1359
padding-left: 3px;
1360
}
1361
.window-list-item-demands-attention {
1363
background-color: #353535;
1364
color: rgba(255, 255, 255, 0.7);
1365
}
1366
.window-list-preview {
1368
background-color: #FFFFFF;
1369
border-radius: 4px;
1370
padding: 10px 15px;
1371
spacing: 1em;
1372
color: rgba(0, 0, 0, 0.87);
1373
box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44);
1374
}
1375
.grouped-window-list-thumbnail-label {
1377
padding-left: 3px;
1378
padding-bottom: 6px;
1379
}
1380
.grouped-window-list-number-label {
1382
font-size: 9pt;
1383
font-weight: 400;
1384
z-index: 99;
1385
}
1386
.grouped-window-list-list-button-label {
1388
padding-left: 3px;
1389
}
1390
.grouped-window-list-badge {
1392
border-radius: 9999px;
1393
background-color: #1F1F1F;
1394
}
1395
.grouped-window-list-thumbnail-alert {
1397
background: #F4B400;
1398
}
1399
.grouped-window-list-item-box {
1401
background-color: rgba(0, 0, 0, 0.01);
1402
transition-duration: 100ms;
1403
}
1404
.grouped-window-list-item-box:hover {
1406
color: white;
1407
}
1408
.grouped-window-list-item-box:active, .grouped-window-list-item-box:checked {
1410
background-color: rgba(255, 255, 255, 0.12);
1411
}
1412
.grouped-window-list-item-box:active:hover, .grouped-window-list-item-box:checked:hover {
1414
color: white;
1415
}
1416
.grouped-window-list-item-box:focus {
1418
background-color: rgba(255, 255, 255, 0.3);
1419
color: white;
1420
}
1421
.grouped-window-list-item-box:focus:hover {
1423
color: white;
1424
}
1425
.grouped-window-list-item-box .progress {
1427
background-color: #0F9D58;
1428
}
1429
.grouped-window-list-item-demands-attention {
1431
background-color: #353535;
1432
color: rgba(255, 255, 255, 0.7);
1433
}
1434
.grouped-window-list-thumbnail-menu {
1436
padding: 20px;
1437
border: none;
1438
border-radius: 4px;
1439
color: rgba(255, 255, 255, 0.7);
1440
background: none;
1441
}
1442
.grouped-window-list-thumbnail-menu .item-box {
1444
padding: 8px;
1445
spacing: 2px;
1446
border-radius: 4px;
1447
}
1448
.grouped-window-list-thumbnail-menu .item-box:outlined {
1450
border: 2px solid rgba(0, 0, 0, 0.12);
1451
color: white;
1452
}
1453
.grouped-window-list-thumbnail-menu .item-box:selected {
1455
background: rgba(255, 255, 255, 0.12);
1456
color: white;
1457
}
1458
.grouped-window-list-thumbnail-menu .item-box > StBoxLayout:ltr {
1460
margin: 1px 0 0 6px;
1461
}
1462
.grouped-window-list-thumbnail-menu .item-box > StBoxLayout:rtl {
1464
margin: 1px 6px 0 0;
1465
}
1466
.grouped-window-list-thumbnail-menu .item-box > StBoxLayout StLabel {
1468
padding-bottom: 2px;
1469
}
1470
.grouped-window-list-thumbnail-menu .item-box > StButton:ltr {
1472
margin: 1px 6px 0 0;
1473
}
1474
.grouped-window-list-thumbnail-menu .item-box > StButton:rtl {
1476
margin: 1px 0 0 6px;
1477
}
1478
.grouped-window-list-thumbnail-menu .thumbnail-box {
1480
padding: 2px;
1481
}
1482
.grouped-window-list-thumbnail-menu .thumbnail {
1484
width: 256px;
1485
}
1486
.grouped-window-list-thumbnail-menu .separator {
1488
width: 1px;
1489
background: rgba(0, 0, 0, 0.12);
1490
}
1491
.sound-player StButton:small {
1493
min-width: 24px;
1494
min-height: 24px;
1495
padding: 4px;
1496
}
1497
.sound-player StButton:small StIcon {
1499
icon-size: 1em;
1500
}
1501
.sound-player StButton StIcon {
1503
icon-size: 1.5em;
1504
}
1505
.sound-player .slider {
1507
height: 5px;
1508
}
1509
.sound-player StBoxLayout {
1511
spacing: 0.5em;
1512
}
1513
.sound-player > StBoxLayout {
1515
padding: 5px;
1516
}
1517
.sound-player-generic-coverart {
1519
background: rgba(0, 0, 0, 0.2);
1520
}
1521
.sound-player-overlay {
1523
background-color: #FFFFFF;
1524
min-width: 300px;
1525
padding: 12px 16px;
1526
spacing: 0.5em;
1527
color: rgba(0, 0, 0, 0.6);
1528
}
1529
.workspace-button {
1531
background-color: #1F1F1F;
1532
width: 2em;
1533
height: 1em;
1534
color: rgba(255, 255, 255, 0.7);
1535
margin: 2px;
1536
}
1537
.workspace-button:outlined {
1539
background-color: rgba(255, 255, 255, 0.3);
1540
color: white;
1541
}
1542
.workspace-graph {
1544
background-color: rgba(0, 0, 0, 0.6);
1545
}
1546
.workspace-graph .workspace {
1548
background-color: #1F1F1F;
1549
border: 1px solid rgba(0, 0, 0, 0.12);
1550
}
1551
.workspace-graph .workspace:active {
1553
background-color: rgba(255, 255, 255, 0.3);
1554
border: 1px solid rgba(0, 0, 0, 0.12);
1555
}
1556
.workspace-graph .workspace:active .windows {
1558
-active-window-background: rgba(255, 255, 255, 0.8);
1559
-active-window-border: rgba(0, 0, 0, 0.9);
1560
-inactive-window-background: rgba(140, 140, 140, 0.8);
1561
-inactive-window-border: rgba(0, 0, 0, 0.7);
1562
}
1563
.workspace-graph .workspace .windows {
1565
-active-window-background: rgba(140, 140, 140, 0.8);
1566
-active-window-border: rgba(0, 0, 0, 0.7);
1567
-inactive-window-background: rgba(140, 140, 140, 0.8);
1568
-inactive-window-border: rgba(0, 0, 0, 0.7);
1569
}
1570
.panel-launchers {
1572
padding: 0 4px;
1573
spacing: 4px;
1574
transition-duration: 100ms;
1575
}
1576
.panel-launchers .launcher {
1578
background-color: rgba(0, 0, 0, 0.01);
1579
}
1580
.panel-launchers.vertical {
1582
padding: 4px 0;
1583
spacing: 4px;
1584
}
1585
.panel-launchers.vertical .launcher .icon-box {
1587
padding-top: 0;
1588
}
1589
.applet-separator-line, .applet-separator-line-vertical {
1591
width: 2px;
1592
background: rgba(255, 255, 255, 0.12);
1593
}
1594
.applet-spacer:highlight {
1596
background: rgba(255, 255, 255, 0.4);
1597
}
1598
.applet-box {
1600
background-color: rgba(0, 0, 0, 0.01);
1601
color: rgba(255, 255, 255, 0.7);
1602
transition-duration: 100ms;
1603
}
1604
.applet-box:checked {
1606
color: white;
1607
}
1608
.applet-box:checked .applet-label {
1610
color: white;
1611
}
1612
.applet-box:hover {
1614
color: white;
1615
}
1616
.applet-box:hover .applet-label {
1618
color: white;
1619
}
1620
.applet-box:highlight {
1622
background: rgba(255, 255, 255, 0.3);
1623
color: white;
1624
}
1625
.applet-box:highlight .applet-label {
1627
color: white;
1628
}
1629
.applet-label {
1631
font-size: 10.5pt;
1632
font-weight: 500;
1633
color: rgba(255, 255, 255, 0.7);
1634
}
1635
.applet-icon {
1637
color: rgba(255, 255, 255, 0.7);
1638
padding: 0;
1639
spacing: 0;
1640
icon-size: 22px;
1641
}
1642
.desklet {
1644
font-size: 9pt;
1645
font-weight: 400;
1646
color: white;
1647
border: none;
1648
box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44);
1649
padding: 12px;
1650
background-color: rgba(0, 0, 0, 0.3);
1651
border-radius: 4px;
1652
}
1653
.desklet-with-borders {
1655
font-size: 9pt;
1656
font-weight: 400;
1657
background-color: #FFFFFF;
1658
border-radius: 4px;
1659
}
1660
.desklet-with-borders:highlight {
1662
background-color: rgba(255, 255, 255, 0.4);
1663
}
1664
.desklet-with-borders-and-header {
1666
font-size: 9pt;
1667
font-weight: 400;
1668
background-color: #FFFFFF;
1669
border-radius-bottomleft: 2px;
1670
border-radius-bottomright: 2px;
1671
}
1672
.desklet-with-borders-and-header:highlight {
1674
background-color: rgba(255, 255, 255, 0.4);
1675
}
1676
.desklet-header {
1678
font-size: 15pt;
1679
font-weight: 500;
1680
background-color: #FFFFFF;
1681
border-radius-topleft: 2px;
1682
border-radius-topright: 2px;
1683
}
1684
.desklet-header:highlight {
1686
background-color: rgba(255, 255, 255, 0.4);
1687
}
1688
.photoframe-box {
1690
background-color: #FFFFFF;
1691
border-radius: 4px;
1692
}
1693
.photoframe-box:highlight {
1695
background-color: rgba(255, 255, 255, 0.4);
1696
}
1697
.desklet-drag-placeholder {
1699
border: 2px solid #1A73E8;
1700
background-color: rgba(0, 0, 0, 0.3);
1701
border-radius: 4px;
1702
}
1703
.launcher {
1705
padding: 1px;
1706
}
1707
.launcher .icon-box {
1709
padding-top: 2px;
1710
}
1711
.about-content {
1713
min-width: 250px;
1714
min-height: 150px;
1715
spacing: 8px;
1716
padding-bottom: 16px;
1717
}
1718
.about-title {
1720
font-size: 15pt;
1721
font-weight: 500;
1722
}
1723
.about-uuid {
1725
font-size: 9pt;
1726
font-weight: 400;
1727
}
1728
.about-icon {
1730
padding-right: 20px;
1731
}
1732
.about-scrollBox {
1734
border: 1px solid rgba(0, 0, 0, 0.12);
1735
border-radius: 4px;
1736
}
1737
.about-scrollBox-innerBox {
1739
padding: 1.2em;
1740
spacing: 1.2em;
1741
}
1742
.about-description {
1744
padding-top: 4px;
1745
}
1746
.about-version {
1748
padding-left: 7px;
1749
}
1750
.expo-workspaces-name-entry {
1752
font-size: 11.25pt;
1753
font-weight: 400;
1754
background-color: rgba(255, 255, 255, 0.04);
1755
color: white;
1756
padding: 0 8px;
1757
selection-background-color: rgba(255, 255, 255, 0.3);
1758
selected-color: white;
1759
caret-color: white;
1760
text-align: center;
1761
height: 32px;
1762
border-radius: 4px 4px 0 0;
1763
-cinnamon-caption-spacing: 12px;
1764
}
1765
.expo-workspaces-name-entry#selected {
1767
color: white;
1768
background-color: rgba(255, 255, 255, 0.04);
1769
}
1770
.expo-workspaces-name-entry:focus {
1772
color: white;
1773
box-shadow: inset 0 -2px white;
1774
}
1775
.expo-workspaces-name-entry:hover {
1777
background-color: rgba(255, 255, 255, 0.12);
1778
}
1779
.notification-applet-padding {
1781
padding: .5em 1em;
1782
}
1783
.notification-applet-container {
1785
max-height: 100px;
1786
}
1787
.check-box CinnamonGenericContainer {
1789
spacing: 8px;
1790
}
1791
.check-box:focus:checked StBin {
1793
background-image: url(assets/checkbox.svg);
1794
}
1795
.check-box:checked StBin {
1797
background-image: url(assets/checkbox.svg);
1798
}
1799
.radiobutton CinnamonGenericContainer {
1801
spacing: 8px;
1802
}
1803
.radiobutton:focus:checked StBin {
1805
background-image: url(assets/radiobutton.svg);
1806
}
1807
.radiobutton:checked StBin {
1809
background-image: url(assets/radiobutton.svg);
1810
}
1811
.flashspot {
1813
background-color: #1A73E8;
1814
}
1815
.osd-window {
1817
spacing: 1em;
1818
padding: 16px;
1819
}
1820
.osd-window .level {
1822
height: 0.7em;
1823
border-radius: 0.3em;
1824
background-color: rgba(0, 0, 0, 0.26);
1825
}
1826
.osd-window .level-bar {
1828
border-radius: 0.3em;
1829
background-color: #1A73E8;
1830
}
1831
.tile-hud:top {
1833
border-top-width: 0;
1834
border-radius: 0 0 10px 10px;
1835
}
1836
.tile-hud:bottom {
1838
border-bottom-width: 0;
1839
border-radius: 4px 4px 0 0;
1840
}
1841
.tile-hud:left {
1843
border-left-width: 0;
1844
border-radius: 0 10px 10px 0;
1845
}
1846
.tile-hud:right {
1848
border-right-width: 0;
1849
border-radius: 10px 0 0 10px;
1850
}
1851
.tile-hud:top-left {
1853
border-top-width: 0;
1854
border-left-width: 0;
1855
border-radius: 0 0 10px 0;
1856
}
1857
.tile-hud:top-right {
1859
border-top-width: 0;
1860
border-right-width: 0;
1861
border-radius: 0 0 0 10px;
1862
}
1863
.tile-hud:bottom-left {
1865
border-bottom-width: 0;
1866
border-left-width: 0;
1867
border-radius: 0 10px 0 0;
1868
}
1869
.tile-hud:bottom-right {
1871
border-bottom-width: 0;
1872
border-right-width: 0;
1873
border-radius: 10px 0 0 0;
1874
}
1875
.systray {
1877
spacing: 4px;
1878
}
1879
.user-box {
1881
padding: 0.4em 1.3em;
1882
spacing: 10px;
1883
}
1884
.user-icon {
1886
padding: 4px;
1887
border: none;
1888
}
1889
.user-label {
1891
font-size: 10.5pt;
1892
font-weight: 500;
1893
color: rgba(0, 0, 0, 0.87);
1894
}
1895