ASCII text, with very long lines (824)
1
/* Copyright 2009, 2015 Red Hat, Inc.
2
*
3
* Portions adapted from Mx's data/style/default.css
4
* Copyright 2009 Intel Corporation
5
*
6
* This program is free software; you can redistribute it and/or modify it
7
* under the terms and conditions of the GNU Lesser General Public License,
8
* version 2.1, as published by the Free Software Foundation.
9
*
10
* This program is distributed in the hope it will be useful, but WITHOUT ANY
11
* WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS
12
* FOR A PARTICULAR PURPOSE. See the GNU Lesser General Public License for
13
* more details.
14
*
15
* You should have received a copy of the GNU Lesser General Public License
16
* along with this program; if not, write to the Free Software Foundation,
17
* Inc., 51 Franklin St - Fifth Floor, Boston, MA 02110-1301 USA.
18
*/
19
stage {
20
color: rgba(0, 0, 0, 0.87);
21
font-size: 10.5pt;
22
font-weight: 400;
23
font-family: "M+ 1c", Roboto, Cantarell, Sans-Serif;
24
}
25
.shell-link {
27
transition-duration: 100ms;
28
border-radius: 4px;
29
color: #1a73e8;
30
}
31
.shell-link:hover {
33
background-color: rgba(26, 115, 232, 0.08);
34
color: #1a73e8;
35
}
36
.shell-link:active {
38
transition-duration: 200ms;
39
background-color: rgba(26, 115, 232, 0.2);
40
color: #1a73e8;
41
}
42
.lowres-icon {
44
icon-shadow: none;
45
}
46
.icon-dropshadow {
48
icon-shadow: none;
49
}
50
/* Entries */
52
.lg-dialog StEntry,
53
StEntry {
54
min-height: 32px;
55
padding: 0 8px;
56
border-width: 0;
57
border-radius: 4px 4px 0 0;
58
color: rgba(0, 0, 0, 0.87);
59
selection-background-color: rgba(26, 115, 232, 0.24);
60
selected-color: rgba(0, 0, 0, 0.87);
61
font-size: 11.25pt;
62
font-weight: 400;
63
transition-duration: 100ms;
64
background-color: rgba(0, 0, 0, 0.04);
65
border-color: transparent;
66
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26);
67
}
68
.lg-dialog StEntry:hover,
70
StEntry:hover {
71
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.87);
72
}
73
.lg-dialog StEntry:focus,
75
StEntry:focus {
76
border-color: transparent;
77
box-shadow: inset 0 -2px #1a73e8;
78
}
79
.lg-dialog StEntry:insensitive,
81
StEntry:insensitive {
82
color: rgba(0, 0, 0, 0.38);
83
border-color: transparent;
84
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12);
85
}
86
.lg-dialog StEntry StIcon.capslock-warning,
88
StEntry StIcon.capslock-warning {
89
icon-size: 16px;
90
padding: 0 4px;
91
warning-color: #f4b400;
92
}
93
.lg-dialog StEntry StIcon.peek-password,
95
StEntry StIcon.peek-password {
96
icon-size: 16px;
97
padding: 0 4px;
98
color: rgba(0, 0, 0, 0.6);
99
}
100
.lg-dialog StEntry StIcon.peek-password:hover,
102
StEntry StIcon.peek-password:hover {
103
color: rgba(0, 0, 0, 0.87);
104
}
105
.lg-dialog StEntry StLabel.hint-text,
107
StEntry StLabel.hint-text {
108
margin-left: 2px;
109
color: rgba(0, 0, 0, 0.6);
110
}
111
/* Buttons */
113
.notification-banner .notification-button, .hotplug-notification-item, .modal-dialog .modal-dialog-linked-button, .message-list-clear-button.button, .app-folder-dialog .folder-name-container .edit-folder-button, .lg-obj-inspector-button,
114
.button {
115
min-height: 32px;
116
min-width: 48px;
117
padding: 0 8px;
118
border: 0;
119
border-radius: 4px;
120
font-size: 10.5pt;
121
font-weight: 500;
122
color: #1a73e8;
123
background-color: transparent;
124
border-color: transparent;
125
box-shadow: 0 0 transparent;
126
text-shadow: none;
127
icon-shadow: none;
128
transition-duration: 100ms;
129
}
130
.notification-banner .notification-button:focus, .hotplug-notification-item:focus, .modal-dialog .modal-dialog-linked-button:focus, .message-list-clear-button.button:focus, .app-folder-dialog .folder-name-container .edit-folder-button:focus, .lg-obj-inspector-button:focus,
132
.button:focus {
133
color: #1a73e8;
134
background-color: rgba(26, 115, 232, 0.12);
135
text-shadow: none;
136
icon-shadow: none;
137
box-shadow: 0 0 transparent;
138
}
139
.notification-banner .notification-button:hover, .hotplug-notification-item:hover, .modal-dialog .modal-dialog-linked-button:hover, .message-list-clear-button.button:hover, .app-folder-dialog .folder-name-container .edit-folder-button:hover, .lg-obj-inspector-button:hover,
141
.button:hover {
142
color: #1a73e8;
143
background-color: rgba(26, 115, 232, 0.08);
144
border-color: transparent;
145
box-shadow: 0 0 transparent;
146
text-shadow: none;
147
icon-shadow: none;
148
}
149
.notification-banner .notification-button:active, .hotplug-notification-item:active, .modal-dialog .modal-dialog-linked-button:active, .message-list-clear-button.button:active, .app-folder-dialog .folder-name-container .edit-folder-button:active, .lg-obj-inspector-button:active,
151
.button:active {
152
color: #1a73e8;
153
background-color: rgba(26, 115, 232, 0.2);
154
border-color: transparent;
155
box-shadow: 0 0 transparent;
156
text-shadow: none;
157
icon-shadow: none;
158
transition-duration: 200ms;
159
}
160
.notification-banner .notification-button:insensitive, .hotplug-notification-item:insensitive, .modal-dialog .modal-dialog-linked-button:insensitive, .message-list-clear-button.button:insensitive, .app-folder-dialog .folder-name-container .edit-folder-button:insensitive, .lg-obj-inspector-button:insensitive,
162
.button:insensitive {
163
color: rgba(0, 0, 0, 0.26);
164
background-color: transparent;
165
border-color: transparent;
166
box-shadow: 0 0 transparent;
167
text-shadow: none;
168
icon-shadow: none;
169
}
170
.notification-banner .notification-button, .hotplug-notification-item, .modal-dialog .modal-dialog-linked-button {
172
margin: 4px;
173
margin-right: 0;
174
}
175
.notification-banner .notification-button:first-child, .hotplug-notification-item:first-child, .modal-dialog .modal-dialog-linked-button:first-child, .notification-banner .notification-button:last-child, .hotplug-notification-item:last-child, .modal-dialog .modal-dialog-linked-button:last-child, .notification-banner .notification-button:first-child:last-child, .hotplug-notification-item:first-child:last-child, .modal-dialog .modal-dialog-linked-button:first-child:last-child {
177
border-radius: 4px;
178
}
179
.notification-banner .notification-button:last-child, .hotplug-notification-item:last-child, .modal-dialog .modal-dialog-linked-button:last-child, .notification-banner .notification-button:first-child:last-child, .hotplug-notification-item:first-child:last-child, .modal-dialog .modal-dialog-linked-button:first-child:last-child {
181
margin-right: 4px;
182
border-right-width: 0;
183
}
184
/* Check Boxes */
186
.check-box StBoxLayout {
187
spacing: 8px;
188
}
189
.check-box StBin {
191
transition-duration: 100ms;
192
width: 24px;
193
height: 24px;
194
padding: 4px;
195
border-radius: 16px;
196
}
197
.check-box StBin,
199
.check-box:focus StBin {
200
background-image: url("assets/checkbox-off.svg");
201
}
202
.check-box:focus StBin {
204
background-color: rgba(0, 0, 0, 0.12);
205
}
206
.check-box:hover StBin {
208
background-color: rgba(0, 0, 0, 0.08);
209
}
210
.check-box:active StBin {
212
transition-duration: 200ms;
213
background-color: rgba(0, 0, 0, 0.2);
214
}
215
.check-box:checked StBin,
217
.check-box:checked:focus StBin {
218
background-image: url("assets/checkbox.svg");
219
}
220
.check-box:checked:focus StBin {
222
background-color: rgba(26, 115, 232, 0.08);
223
}
224
.check-box:checked:hover StBin {
226
background-color: rgba(26, 115, 232, 0.08);
227
}
228
.check-box:checked:active StBin {
230
background-color: rgba(26, 115, 232, 0.2);
231
}
232
/* Switches */
234
.toggle-switch {
235
color: inherit;
236
width: 40px;
237
height: 20px;
238
background-size: contain;
239
background-image: url("assets/toggle-off.svg");
240
}
241
.toggle-switch:checked {
243
background-image: url("assets/toggle-on.svg");
244
}
245
/* Slider */
247
.slider {
248
height: 20px;
249
-barlevel-height: 2px;
250
-barlevel-border-width: 0;
251
-barlevel-border-color: transparent;
252
-barlevel-background-color: rgba(0, 0, 0, 0.26);
253
-barlevel-active-border-color: transparent;
254
-barlevel-active-background-color: #1a73e8;
255
-barlevel-overdrive-color: #d93025;
256
-barlevel-overdrive-border-color: transparent;
257
-barlevel-overdrive-separator-width: 2px;
258
-slider-handle-radius: 6px;
259
-slider-handle-border-width: 0;
260
-slider-handle-border-color: transparent;
261
}
262
.slider, .slider:hover, .slider:active {
264
color: #1a73e8;
265
}
266
/* Scrollbars */
268
StScrollView.vfade {
269
-st-vfade-offset: 32px;
270
}
271
StScrollView.hfade {
273
-st-hfade-offset: 32px;
274
}
275
StScrollBar {
277
padding: 0;
278
}
279
StScrollView StScrollBar {
281
min-width: 16px;
282
min-height: 16px;
283
}
284
StScrollBar StBin#trough {
286
margin: 4px;
287
border-radius: 4px;
288
background-color: rgba(0, 0, 0, 0.12);
289
}
290
StScrollBar StButton#vhandle,
292
StScrollBar StButton#hhandle {
293
transition-duration: 100ms;
294
margin: 4px;
295
border-radius: 4px;
296
background-color: rgba(0, 0, 0, 0.38);
297
}
298
StScrollBar StButton#vhandle:hover,
300
StScrollBar StButton#hhandle:hover {
301
background-color: rgba(0, 0, 0, 0.6);
302
}
303
StScrollBar StButton#vhandle:active,
305
StScrollBar StButton#hhandle:active {
306
background-color: rgba(0, 0, 0, 0.87);
307
}
308
#overview StScrollBar StBin#trough, #screenShieldNotifications StScrollBar StBin#trough {
310
background-color: rgba(255, 255, 255, 0.12);
311
}
312
#overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#vhandle,
314
#overview StScrollBar StButton#hhandle,
315
#screenShieldNotifications StScrollBar StButton#hhandle {
316
background-color: rgba(255, 255, 255, 0.5);
317
}
318
#overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#vhandle:hover,
320
#overview StScrollBar StButton#hhandle:hover,
321
#screenShieldNotifications StScrollBar StButton#hhandle:hover {
322
background-color: rgba(255, 255, 255, 0.7);
323
}
324
#overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#vhandle:active,
326
#overview StScrollBar StButton#hhandle:active,
327
#screenShieldNotifications StScrollBar StButton#hhandle:active {
328
background-color: white;
329
}
330
/* Popovers/Menus */
332
.popup-menu-boxpointer, .candidate-popup-boxpointer {
333
-arrow-base: 0;
334
-arrow-rise: 0;
335
-arrow-border-width: 0;
336
-arrow-border-color: transparent;
337
-arrow-border-radius: 20px;
338
-arrow-box-shadow: none;
339
-arrow-background-color: transparent;
340
}
341
.popup-menu {
343
min-width: 15em;
344
border-color: transparent;
345
color: inherit;
346
}
347
.popup-menu.panel-menu {
349
-boxpointer-gap: 4px;
350
margin-bottom: 1.75em;
351
}
352
.popup-menu-content, .candidate-popup-content {
354
margin: 5px 8px 8px;
355
padding: 8px 0;
356
border-radius: 4px;
357
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345);
358
background-color: #ffffff;
359
color: rgba(0, 0, 0, 0.87);
360
}
361
.popup-menu-item {
363
spacing: 8px;
364
padding: 0;
365
transition-duration: 100ms;
366
}
367
.popup-menu-item:ltr {
369
padding: 0.4em;
370
padding-right: 24px;
371
padding-left: 0;
372
}
373
.popup-menu-item:rtl {
375
padding: 0.4em;
376
padding-right: 0;
377
padding-left: 24px;
378
}
379
.popup-menu-item.selected {
381
background-color: rgba(0, 0, 0, 0.08);
382
transition-duration: 0ms;
383
}
384
.popup-menu-item.selected, .popup-menu-item.selected:active {
386
color: rgba(0, 0, 0, 0.87);
387
}
388
.popup-menu-item:active {
390
background-color: rgba(0, 0, 0, 0.2);
391
color: rgba(0, 0, 0, 0.87);
392
transition-duration: 200ms;
393
}
394
.popup-menu-item:checked {
396
box-shadow: none;
397
background-color: rgba(26, 115, 232, 0.24);
398
font-weight: normal;
399
}
400
.popup-menu-item:checked.selected {
402
background-color: rgba(26, 115, 232, 0.4);
403
}
404
.popup-menu-item:checked:active {
406
background-color: rgba(26, 115, 232, 0.6);
407
}
408
.popup-menu-item:insensitive {
410
color: rgba(0, 0, 0, 0.38);
411
}
412
.popup-inactive-menu-item {
414
color: rgba(0, 0, 0, 0.87);
415
}
416
.popup-inactive-menu-item:insensitive {
418
color: rgba(0, 0, 0, 0.38);
419
}
420
.popup-menu-arrow {
422
icon-size: 16px;
423
}
424
.popup-menu-icon {
426
icon-size: 16px;
427
}
428
.popup-sub-menu {
430
border-top: 0;
431
border-bottom: 0;
432
padding-bottom: 0;
433
box-shadow: none;
434
background-color: rgba(0, 0, 0, 0.04);
435
}
436
.popup-menu-ornament {
438
text-align: right;
439
width: 16px;
440
height: 16px;
441
}
442
.popup-separator-menu-item {
444
height: 1px;
445
margin: 8px 40px;
446
border: 0;
447
background-color: rgba(0, 0, 0, 0.12);
448
}
449
.background-menu {
451
-boxpointer-gap: 4px;
452
-arrow-rise: 0;
453
}
454
.aggregate-menu {
456
min-width: 21em;
457
}
458
.aggregate-menu .popup-menu-icon {
460
padding: 0;
461
margin: 0 4px;
462
-st-icon-style: symbolic;
463
}
464
.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr {
466
padding-left: 16px;
467
margin-left: 16px;
468
}
469
.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl {
471
padding-right: 16px;
472
margin-right: 16px;
473
}
474
.system-switch-user-submenu-icon {
476
icon-size: 16px;
477
padding: 0 4px;
478
}
479
.system-menu-action {
481
-st-icon-style: symbolic;
482
padding: 12px;
483
border: 0;
484
border-radius: 20px;
485
color: rgba(0, 0, 0, 0.6);
486
transition-duration: 100ms;
487
}
488
.system-menu-action:hover, .system-menu-action:focus {
490
padding: 12px;
491
border: 0;
492
color: rgba(0, 0, 0, 0.6);
493
}
494
.system-menu-action:focus {
496
background-color: rgba(0, 0, 0, 0.12);
497
}
498
.system-menu-action:hover {
500
background-color: rgba(0, 0, 0, 0.08);
501
}
502
.system-menu-action:active {
504
background-color: rgba(0, 0, 0, 0.2);
505
color: rgba(0, 0, 0, 0.6);
506
transition-duration: 200ms;
507
}
508
.system-menu-action > StIcon {
510
icon-size: 16px;
511
}
512
/* Date/Time Menu */
514
.events-section-title, .datemenu-today-button, .calendar, .world-clocks-button, .weather-button, .message {
515
margin: 0;
516
border: 0;
517
border-radius: 4px;
518
}
519
.events-section-title, .datemenu-today-button, .calendar, .world-clocks-button, .weather-button, .message, .events-section-title:focus, .datemenu-today-button:focus, .calendar:focus, .world-clocks-button:focus, .weather-button:focus, .message:focus, .events-section-title:hover, .datemenu-today-button:hover, .calendar:hover, .world-clocks-button:hover, .weather-button:hover, .message:hover, .events-section-title:active, .datemenu-today-button:active, .calendar:active, .world-clocks-button:active, .weather-button:active, .message:active {
521
border-color: transparent;
522
box-shadow: none;
523
background-color: transparent;
524
color: inherit;
525
text-shadow: none;
526
icon-shadow: none;
527
transition-duration: 100ms;
528
}
529
.events-section-title:focus, .datemenu-today-button:focus, .calendar:focus, .world-clocks-button:focus, .weather-button:focus, .message:focus {
531
background-color: rgba(0, 0, 0, 0.12);
532
}
533
.events-section-title:hover, .datemenu-today-button:hover, .calendar:hover, .world-clocks-button:hover, .weather-button:hover, .message:hover {
535
background-color: rgba(0, 0, 0, 0.08);
536
}
537
.events-section-title:active, .datemenu-today-button:active, .calendar:active, .world-clocks-button:active, .weather-button:active, .message:active {
539
background-color: rgba(0, 0, 0, 0.2);
540
transition-duration: 200ms;
541
}
542
.clock-display-box {
544
spacing: 0;
545
}
546
.clock-display-box .clock {
548
padding-left: 8px;
549
padding-right: 8px;
550
}
551
#calendarArea {
553
padding: 8px 16px;
554
}
555
.datemenu-calendar-column {
557
spacing: 8px;
558
padding: 0;
559
border: 0 solid rgba(0, 0, 0, 0.12);
560
}
561
.datemenu-calendar-column:ltr {
563
margin-right: 0;
564
border-left-width: 0;
565
}
566
.datemenu-calendar-column:rtl {
568
margin-left: 0;
569
border-right-width: 0;
570
}
571
.datemenu-calendar-column .datemenu-displays-section {
573
padding-bottom: 0;
574
}
575
.datemenu-calendar-column .datemenu-displays-box {
577
spacing: 8px;
578
margin: 0 8px;
579
}
580
.events-section-title {
582
min-height: 20px;
583
padding: 4px 8px;
584
color: rgba(0, 0, 0, 0.6) !important;
585
font-weight: bold;
586
}
587
/* today button (the date) */
589
.datemenu-today-button {
590
margin: 0 8px;
591
min-height: 48px;
592
padding: 4px 8px;
593
}
594
.datemenu-today-button .day-label {
596
font-weight: normal;
597
font-size: 1em;
598
}
599
.datemenu-today-button .date-label {
601
font-size: 18pt;
602
font-weight: 400;
603
}
604
/* Calendar */
606
.calendar {
607
margin: 0 8px;
608
margin-bottom: 0;
609
padding: 0;
610
}
611
.calendar .calendar-month-label {
613
transition-duration: 100ms;
614
height: 16px;
615
margin: 2px;
616
padding: 6px 8px;
617
border-radius: 4px;
618
color: inherit;
619
font-weight: bold;
620
text-align: center;
621
}
622
.calendar .calendar-month-label:focus {
624
background-color: rgba(0, 0, 0, 0.12);
625
}
626
.calendar .calendar-change-month-back StIcon,
628
.calendar .calendar-change-month-forward StIcon {
629
icon-size: 16px;
630
}
631
.calendar .pager-button {
633
transition-duration: 100ms;
634
width: 28px;
635
height: 28px;
636
margin: 2px;
637
border-radius: 14px;
638
background-color: transparent;
639
color: rgba(0, 0, 0, 0.6);
640
}
641
.calendar .pager-button:focus {
643
background-color: rgba(0, 0, 0, 0.12);
644
}
645
.calendar .pager-button:hover {
647
background-color: rgba(0, 0, 0, 0.08);
648
}
649
.calendar .pager-button:active {
651
background-color: rgba(0, 0, 0, 0.2);
652
transition-duration: 200ms;
653
}
654
.calendar .calendar-day-base {
656
transition-duration: 100ms;
657
width: 28px;
658
height: 28px;
659
margin: 2px;
660
padding: 0;
661
border: 0;
662
border-radius: 14px;
663
font-size: 9pt;
664
font-weight: 400;
665
font-feature-settings: "tnum";
666
text-align: center;
667
}
668
.calendar .calendar-day-base:focus {
670
background-color: rgba(0, 0, 0, 0.12);
671
}
672
.calendar .calendar-day-base:hover {
674
background-color: rgba(0, 0, 0, 0.08);
675
}
676
.calendar .calendar-day-base:active {
678
transition-duration: 200ms;
679
border-color: transparent;
680
background-color: rgba(0, 0, 0, 0.2);
681
color: inherit;
682
}
683
.calendar .calendar-day-base:selected {
685
border-color: transparent;
686
background-color: rgba(26, 115, 232, 0.24);
687
color: inherit;
688
}
689
.calendar .calendar-day-base.calendar-day-heading {
691
width: 28px;
692
height: 21px;
693
margin-top: 2px;
694
padding: 7px 0 0;
695
border-radius: 14px;
696
background-color: transparent;
697
color: rgba(0, 0, 0, 0.38);
698
font-size: 9pt;
699
font-weight: 400;
700
font-weight: bold;
701
text-align: center;
702
}
703
.calendar .calendar-day-base.calendar-day-heading:focus {
705
background-color: rgba(0, 0, 0, 0.12);
706
}
707
.calendar .calendar-day {
709
border-width: 0;
710
}
711
.calendar .calendar-day-top {
713
border-top-width: 0;
714
}
715
.calendar .calendar-day-left {
717
border-left-width: 0;
718
}
719
.calendar .calendar-nonwork-day {
721
color: inherit;
722
}
723
.calendar .calendar-today {
725
border: 0;
726
background-color: transparent;
727
color: inherit;
728
font-weight: bold !important;
729
}
730
.calendar .calendar-today:focus {
732
background-color: rgba(0, 0, 0, 0.12);
733
color: inherit;
734
}
735
.calendar .calendar-today:hover {
737
background-color: rgba(0, 0, 0, 0.08);
738
color: inherit;
739
}
740
.calendar .calendar-today:active, .calendar .calendar-today:active:hover, .calendar .calendar-today:active:focus {
742
background-color: rgba(0, 0, 0, 0.2);
743
color: inherit;
744
}
745
.calendar .calendar-today:selected, .calendar .calendar-today:selected:hover, .calendar .calendar-today:selected:focus {
747
background-color: rgba(26, 115, 232, 0.24);
748
color: inherit;
749
}
750
.calendar .calendar-day-with-events {
752
background-image: none;
753
color: #1a73e8 !important;
754
font-weight: normal;
755
text-decoration: underline;
756
}
757
.calendar .calendar-other-month-day {
759
color: rgba(0, 0, 0, 0.26) !important;
760
}
761
.calendar .calendar-week-number {
763
width: 28px;
764
height: 21px;
765
margin: 2px;
766
padding: 7px 0 0;
767
border-radius: 14px;
768
background-color: transparent;
769
color: rgba(0, 0, 0, 0.38);
770
font-weight: bold;
771
font-size: 1em;
772
text-align: center;
773
}
774
/* World clocks */
776
.world-clocks-button {
777
min-height: 20px;
778
padding: 4px 8px;
779
}
780
.world-clocks-button .world-clocks-grid {
782
spacing-rows: .4em;
783
spacing-columns: .8em;
784
}
785
.world-clocks-button .world-clocks-header {
787
color: rgba(0, 0, 0, 0.6);
788
font-weight: bold;
789
}
790
.world-clocks-button .world-clocks-city {
792
color: inherit;
793
font-weight: normal;
794
font-size: 1em;
795
}
796
.world-clocks-button .world-clocks-time {
798
color: rgba(0, 0, 0, 0.6);
799
font-weight: normal;
800
font-size: 1em;
801
font-feature-settings: "tnum";
802
text-align: right;
803
}
804
.world-clocks-button .world-clocks-timezone {
806
color: rgba(0, 0, 0, 0.38);
807
font-size: 1em;
808
font-feature-settings: "tnum";
809
}
810
/* Weather */
812
.weather-button {
813
min-height: 20px;
814
padding: 4px 8px;
815
}
816
.weather-button .weather-box {
818
spacing: 0.4em;
819
}
820
.weather-button .weather-header-box {
822
spacing: 8px;
823
}
824
.weather-button .weather-header {
826
color: rgba(0, 0, 0, 0.6);
827
font-weight: bold;
828
}
829
.weather-button .weather-header.location {
831
font-weight: normal;
832
font-size: 1em;
833
}
834
.weather-button .weather-grid {
836
spacing-rows: .4em;
837
spacing-columns: .8em;
838
}
839
.weather-button .weather-forecast-time {
841
padding-top: 0;
842
padding-bottom: 0;
843
color: rgba(0, 0, 0, 0.6);
844
font-size: 9pt;
845
font-weight: 400;
846
font-feature-settings: "tnum";
847
}
848
.weather-button .weather-forecast-icon {
850
icon-size: 32px;
851
}
852
.weather-button .weather-forecast-temp {
854
font-weight: bold;
855
}
856
/* Message List */
858
.message-list {
859
width: 31.5em;
860
padding: 0;
861
}
862
.message-list .message-list-placeholder {
864
spacing: 12px;
865
}
866
.message-list-sections {
868
spacing: 8px;
869
margin: 0 8px;
870
}
871
.message-list-section,
873
.message-list-section-list {
874
spacing: 8px;
875
}
876
.message-list-section-list:ltr {
878
padding-left: 0;
879
}
880
.message-list-section-list:rtl {
882
padding-right: 0;
883
}
884
.message-list-clear-button.button {
886
margin: 8px 8px 0;
887
}
888
.message {
890
min-height: 56px;
891
}
892
.message .message-icon-bin {
894
padding: 12px 0 12px 12px;
895
}
896
.message .message-icon-bin:rtl {
898
padding: 12px 12px 12px 0;
899
}
900
.message .message-icon-bin > StIcon {
902
-st-icon-style: requested;
903
icon-size: 16px;
904
color: inherit;
905
}
906
.message .message-icon-bin > StIcon, .message .message-icon-bin > StIcon:rtl {
908
margin: 0;
909
}
910
.message .message-icon-bin > .fallback-app-icon {
912
width: 16px;
913
height: 16px;
914
}
915
.message .message-content {
917
min-height: 40px;
918
padding: 8px;
919
spacing: 0;
920
color: inherit;
921
font-size: 1em;
922
}
923
.message .message-title {
925
min-height: 22px;
926
padding-top: 2px;
927
color: inherit;
928
font-weight: bold;
929
font-size: 1em;
930
}
931
.message .message-secondary-bin {
933
padding: 0 8px;
934
}
935
.message .message-secondary-bin > .event-time {
937
min-height: 22px;
938
padding-top: 2px;
939
color: rgba(0, 0, 0, 0.6);
940
font-size: 1em;
941
text-align: right;
942
padding-bottom: 0;
943
}
944
.message .message-secondary-bin > StIcon {
946
icon-size: 16px;
947
}
948
.message .message-content > StBoxLayout > StButton {
950
transition-duration: 100ms;
951
icon-size: 16px;
952
padding: 4px;
953
border-radius: 12px;
954
}
955
.message .message-content > StBoxLayout > StButton, .message .message-content > StBoxLayout > StButton:hover, .message .message-content > StBoxLayout > StButton:active {
957
color: rgba(0, 0, 0, 0.6);
958
}
959
.message .message-content > StBoxLayout > StButton:focus {
961
background-color: rgba(0, 0, 0, 0.12);
962
}
963
.message .message-content > StBoxLayout > StButton:hover {
965
background-color: rgba(0, 0, 0, 0.08);
966
}
967
.message .message-content > StBoxLayout > StButton:active {
969
transition-duration: 200ms;
970
background-color: rgba(0, 0, 0, 0.2);
971
}
972
.message .message-body {
974
color: rgba(0, 0, 0, 0.6);
975
}
976
.url-highlighter {
978
link-color: #1a73e8;
979
}
980
/* Media Controls */
982
.message-media-control {
983
transition-duration: 100ms;
984
margin: 16px 0;
985
padding: 8px;
986
border-radius: 16px;
987
}
988
.message-media-control, .message-media-control:focus, .message-media-control:hover, .message-media-control:active {
990
color: rgba(0, 0, 0, 0.6);
991
}
992
.message-media-control:focus {
994
background-color: rgba(0, 0, 0, 0.12);
995
}
996
.message-media-control:hover {
998
background-color: rgba(0, 0, 0, 0.08);
999
}
1000
.message-media-control:active {
1002
background-color: rgba(0, 0, 0, 0.2);
1003
transition-duration: 200ms;
1004
}
1005
.message-media-control:insensitive {
1007
color: rgba(0, 0, 0, 0.26);
1008
}
1009
.message-media-control:last-child:ltr {
1011
margin-right: 16px;
1012
padding-right: 8px;
1013
border-radius: 16px;
1014
}
1015
.message-media-control:last-child:rtl {
1017
margin-left: 16px;
1018
padding-left: 8px;
1019
border-radius: 16px;
1020
}
1021
.media-message-cover-icon {
1023
icon-size: 32px !important;
1024
margin: 4px 0 !important;
1025
border-radius: 0;
1026
}
1027
.media-message-cover-icon.fallback {
1029
icon-size: 16px !important;
1030
padding: 8px;
1031
border: 0;
1032
border-radius: 4px;
1033
background-color: rgba(0, 0, 0, 0.08);
1034
color: rgba(0, 0, 0, 0.38) !important;
1035
}
1036
.candidate-popup-content {
1038
padding: 8px;
1039
spacing: 0;
1040
}
1041
.candidate-index {
1043
padding: 0 4px 0 0;
1044
color: rgba(0, 0, 0, 0.6);
1045
}
1046
.candidate-box {
1048
transition-duration: 100ms;
1049
min-height: 28px;
1050
padding: 0 8px;
1051
border-radius: 4px;
1052
}
1053
.candidate-box:hover {
1055
background-color: rgba(0, 0, 0, 0.08);
1056
color: inherit;
1057
transition-duration: 0ms;
1058
}
1059
.candidate-box:active {
1061
background-color: rgba(0, 0, 0, 0.2);
1062
transition-duration: 200ms;
1063
}
1064
.candidate-box:selected {
1066
background-color: rgba(26, 115, 232, 0.24);
1067
color: inherit;
1068
transition-duration: 0ms;
1069
}
1070
.candidate-page-button-box {
1072
height: 28px;
1073
}
1074
.vertical .candidate-page-button-box {
1076
padding-top: 0;
1077
}
1078
.horizontal .candidate-page-button-box {
1080
padding-left: 0;
1081
}
1082
.candidate-page-button {
1084
min-width: 28px;
1085
min-height: 28px;
1086
padding: 0;
1087
}
1088
.candidate-page-button-previous {
1090
border-right-width: 0;
1091
border-radius: 4px;
1092
}
1093
.candidate-page-button-next {
1095
border-radius: 4px;
1096
}
1097
.candidate-page-button-icon {
1099
icon-size: 16px;
1100
}
1101
/* Notifications & Mesage Tray */
1103
.notification-banner {
1104
min-height: 56px;
1105
width: 34em;
1106
margin: 5px;
1107
border: 0;
1108
border-radius: 4px;
1109
font-size: 1em;
1110
}
1111
.notification-banner, .notification-banner:focus, .notification-banner:hover, .notification-banner:active {
1113
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345);
1114
background-color: #ffffff;
1115
color: rgba(0, 0, 0, 0.87);
1116
}
1117
.notification-banner .notification-actions {
1119
spacing: 0;
1120
padding-top: 0;
1121
border-top: 0;
1122
background-color: transparent;
1123
color: inherit;
1124
}
1125
.summary-source-counter {
1127
-shell-counter-overlap-x: 3px;
1128
-shell-counter-overlap-y: 3px;
1129
height: 1.6em;
1130
width: 1.6em;
1131
border: 0;
1132
border-radius: .8em;
1133
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345);
1134
background-color: #1a73e8;
1135
color: white;
1136
font-weight: bold;
1137
font-size: 1em;
1138
}
1139
.chat-body {
1141
spacing: 5px;
1142
}
1143
.chat-response {
1145
margin: 5px;
1146
}
1147
.chat-log-message {
1149
color: rgba(0, 0, 0, 0.87);
1150
}
1151
.chat-new-group {
1153
padding-top: 1em;
1154
}
1155
.chat-received {
1157
padding-left: 4px;
1158
}
1159
.chat-received:rtl {
1161
padding-left: 0;
1162
padding-right: 4px;
1163
}
1164
.chat-sent {
1166
padding-left: 18pt;
1167
color: rgba(0, 0, 0, 0.6);
1168
}
1169
.chat-sent:rtl {
1171
padding-left: 0;
1172
padding-right: 18pt;
1173
}
1174
.chat-meta-message {
1176
padding-left: 4px;
1177
color: rgba(0, 0, 0, 0.6);
1178
font-size: 9pt;
1179
font-weight: 400;
1180
}
1181
.chat-meta-message:rtl {
1183
padding-left: 0;
1184
padding-right: 4px;
1185
}
1186
.hotplug-notification-item-icon {
1188
icon-size: 24px;
1189
padding: 0 4px;
1190
}
1191
/* Modal Dialogs */
1193
.headline {
1194
font-size: 15pt;
1195
font-weight: 500;
1196
}
1197
.modal-dialog {
1199
border: 0;
1200
border-radius: 4px;
1201
box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44);
1202
background-color: #ffffff;
1203
color: rgba(0, 0, 0, 0.87);
1204
}
1205
.modal-dialog .modal-dialog-content-box {
1207
padding: 24px;
1208
}
1209
/* End Session Dialog */
1211
.end-session-dialog {
1212
spacing: 42px;
1213
border: 0;
1214
}
1215
.end-session-dialog-subject {
1217
font-size: 15pt;
1218
font-weight: 500;
1219
}
1220
.end-session-dialog-list {
1222
padding-top: 20px;
1223
}
1224
.end-session-dialog-layout {
1226
padding-left: 17px;
1227
}
1228
.end-session-dialog-layout:rtl {
1230
padding-right: 17px;
1231
}
1232
.end-session-dialog-description {
1234
width: 28em;
1235
padding-bottom: 10px;
1236
}
1237
.end-session-dialog-description:rtl {
1239
text-align: right;
1240
}
1241
.end-session-dialog-warning {
1243
width: 28em;
1244
padding-top: 6px;
1245
color: #f4b400;
1246
}
1247
.end-session-dialog-warning:rtl {
1249
text-align: right;
1250
}
1251
.end-session-dialog-logout-icon {
1253
width: 48px;
1254
height: 48px;
1255
border-radius: 9999px;
1256
background-size: contain;
1257
}
1258
.end-session-dialog-shutdown-icon {
1260
width: 48px;
1261
height: 48px;
1262
color: rgba(0, 0, 0, 0.6);
1263
}
1264
.end-session-dialog-inhibitor-layout {
1266
max-height: 200px;
1267
padding-right: 64px;
1268
padding-left: 64px;
1269
spacing: 16px;
1270
}
1271
.end-session-dialog-session-list,
1273
.end-session-dialog-app-list {
1274
spacing: 1em;
1275
}
1276
.end-session-dialog-list-header {
1278
font-weight: bold;
1279
}
1280
.end-session-dialog-list-header:rtl {
1282
text-align: right;
1283
}
1284
.end-session-dialog-app-list-item,
1286
.end-session-dialog-session-list-item {
1287
spacing: 1em;
1288
}
1289
.end-session-dialog-app-list-item-name,
1291
.end-session-dialog-session-list-item-name {
1292
font-weight: bold;
1293
}
1294
.end-session-dialog-app-list-item-description {
1296
color: rgba(0, 0, 0, 0.6);
1297
font-size: 1em;
1298
}
1299
/* Message Dialog */
1301
.message-dialog-main-layout {
1302
padding: 12px 20px 0;
1303
spacing: 12px;
1304
}
1305
.message-dialog-content {
1307
max-width: 28em;
1308
spacing: 20px;
1309
}
1310
.message-dialog-icon {
1312
min-width: 48px;
1313
icon-size: 48px;
1314
}
1315
.message-dialog-title {
1317
font-weight: bold;
1318
}
1319
.message-dialog-subtitle {
1321
color: rgba(0, 0, 0, 0.6);
1322
font-weight: normal;
1323
}
1324
/* Dialog List */
1326
.dialog-list {
1327
spacing: 18px;
1328
}
1329
.dialog-list .dialog-list-title {
1331
text-align: inherit;
1332
font-weight: bold;
1333
}
1334
.dialog-list .dialog-list-scrollview {
1336
max-height: 200px;
1337
}
1338
.dialog-list .dialog-list-box {
1340
spacing: 1em;
1341
}
1342
.dialog-list .dialog-list-box .dialog-list-item {
1344
spacing: 1em;
1345
}
1346
.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title {
1348
font-weight: bold;
1349
}
1350
.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description {
1352
color: rgba(0, 0, 0, 0.6);
1353
font-size: 1em;
1354
}
1355
/* Run Dialog */
1357
.run-dialog .run-dialog-label {
1358
padding-bottom: .4em;
1359
color: rgba(0, 0, 0, 0.6);
1360
font-weight: normal;
1361
font-size: 1em;
1362
}
1363
.run-dialog .run-dialog-entry {
1365
width: 20em;
1366
margin-bottom: 0;
1367
}
1368
.run-dialog .run-dialog-error-box {
1370
padding-top: 16px;
1371
spacing: 6px;
1372
color: #d93025;
1373
}
1374
.run-dialog .run-dialog-button-box {
1376
padding-top: 1em;
1377
}
1378
/* Password or Authentication Dialog */
1380
.prompt-dialog {
1381
width: 34em;
1382
}
1383
.prompt-dialog .message-dialog-main-layout {
1385
spacing: 24px;
1386
padding: 10px;
1387
}
1388
.prompt-dialog .message-dialog-content {
1390
spacing: 16px;
1391
}
1392
.prompt-dialog .message-dialog-title {
1394
color: inherit;
1395
font-size: 15pt;
1396
font-weight: 500;
1397
}
1398
.prompt-dialog-description:rtl {
1400
text-align: right;
1401
}
1402
.prompt-dialog-password-box {
1404
spacing: 1em;
1405
padding-bottom: 1em;
1406
}
1407
.prompt-dialog-error-label,
1409
.prompt-dialog-info-label,
1410
.prompt-dialog-null-label {
1411
font-size: 1em;
1412
padding-bottom: 8px;
1413
}
1414
.prompt-dialog-error-label {
1416
color: #d93025;
1417
}
1418
/* Polkit Dialog */
1420
.polkit-dialog-user-layout {
1421
spacing: 10px;
1422
padding-left: 10px;
1423
}
1424
.polkit-dialog-user-layout:rtl {
1426
padding-left: 0;
1427
padding-right: 10px;
1428
}
1429
.polkit-dialog-user-layout .polkit-dialog-user-icon {
1431
border-radius: 9999px;
1432
background-size: contain;
1433
width: 48px;
1434
height: 48px;
1435
}
1436
.polkit-dialog-user-layout .polkit-dialog-user-root-label {
1438
color: #f4b400;
1439
}
1440
/* Audio selection dialog */
1442
.audio-device-selection-dialog {
1443
spacing: 30px;
1444
}
1445
.audio-device-selection-dialog .audio-selection-content {
1447
spacing: 20px;
1448
padding: 24px;
1449
}
1450
.audio-device-selection-dialog .audio-selection-title {
1452
font-weight: bold;
1453
text-align: inherit;
1454
}
1455
.audio-device-selection-dialog .audio-selection-box {
1457
spacing: 20px;
1458
}
1459
.audio-selection-device {
1461
transition-duration: 100ms;
1462
border: 0;
1463
border-radius: 4px;
1464
}
1465
.audio-selection-device:focus {
1467
background-color: rgba(0, 0, 0, 0.12);
1468
}
1469
.audio-selection-device:hover {
1471
background-color: rgba(0, 0, 0, 0.08);
1472
}
1473
.audio-selection-device:active {
1475
transition-duration: 200ms;
1476
background-color: rgba(0, 0, 0, 0.2);
1477
color: inherit;
1478
}
1479
.audio-selection-device-box {
1481
padding: 20px;
1482
spacing: 20px;
1483
}
1484
.audio-selection-device-icon {
1486
icon-size: 64px;
1487
}
1488
/* ShellMountOperation Dialogs */
1490
.shell-mount-operation-icon {
1491
icon-size: 48px;
1492
}
1493
.mount-dialog-subject {
1495
font-size: 15pt;
1496
font-weight: 500;
1497
}
1498
.mount-dialog {
1500
spacing: 24px;
1501
}
1502
.mount-dialog .message-dialog-title {
1504
max-width: 34em;
1505
padding-top: 10px;
1506
padding-bottom: 6px;
1507
padding-left: 17px;
1508
}
1509
.mount-dialog .message-dialog-title:rtl {
1511
padding-left: 0;
1512
padding-right: 17px;
1513
}
1514
.mount-dialog .message-dialog-body {
1516
width: 28em;
1517
padding-left: 17px;
1518
}
1519
.mount-dialog .message-dialog-body:rtl {
1521
padding-left: 0;
1522
padding-right: 17px;
1523
}
1524
.mount-dialog-app-list {
1526
max-height: 200px;
1527
padding-top: 24px;
1528
padding-left: 48px;
1529
padding-right: 32px;
1530
}
1531
.mount-dialog-app-list:rtl {
1533
padding-right: 48px;
1534
padding-left: 32px;
1535
}
1536
.mount-dialog-app-list-item, .mount-dialog-app-list-item:hover {
1538
color: inherit;
1539
}
1540
.mount-dialog-app-list-item:ltr {
1542
padding-right: 1em;
1543
}
1544
.mount-dialog-app-list-item:rtl {
1546
padding-left: 1em;
1547
}
1548
.mount-dialog-app-list-item-icon:ltr {
1550
padding-right: 16px;
1551
}
1552
.mount-dialog-app-list-item-icon:rtl {
1554
padding-left: 16px;
1555
}
1556
.mount-dialog-app-list-item-name {
1558
font-size: 1em;
1559
}
1560
/* Access Dialog */
1562
.access-dialog {
1563
spacing: 30px;
1564
}
1565
/* Geolocation Dialog */
1567
.geolocation-dialog {
1568
spacing: 30px;
1569
}
1570
/* Extension Dialog */
1572
.extension-dialog .message-dialog-main-layout {
1573
spacing: 24px;
1574
padding: 10px;
1575
}
1576
.extension-dialog .message-dialog-title {
1578
color: rgba(0, 0, 0, 0.6);
1579
font-weight: normal;
1580
}
1581
/* Inhibit-Shortcuts Dialog */
1583
.inhibit-shortcuts-dialog {
1584
spacing: 30px;
1585
}
1586
/* Network Agent Dialog */
1588
.network-dialog-secret-table {
1589
spacing-rows: 15px;
1590
spacing-columns: 1em;
1591
}
1592
.keyring-dialog-control-table {
1594
spacing-rows: 15px;
1595
spacing-columns: 1em;
1596
}
1597
/* Network Dialogs */
1599
.nm-dialog {
1600
max-height: 34em;
1601
min-height: 31em;
1602
min-width: 32em;
1603
}
1604
.nm-dialog-content {
1606
spacing: 20px;
1607
padding: 24px;
1608
}
1609
.nm-dialog-airplane-box {
1611
spacing: 12px;
1612
}
1613
.nm-dialog-airplane-headline {
1615
font-weight: bold;
1616
text-align: inherit;
1617
}
1618
.nm-dialog-airplane-text {
1620
color: inherit;
1621
}
1622
.nm-dialog-header {
1624
font-size: 15pt;
1625
font-weight: 500;
1626
}
1627
.nm-dialog-header-icon {
1629
icon-size: 32px;
1630
}
1631
.nm-dialog-header-hbox {
1633
spacing: 10px;
1634
}
1635
.nm-dialog-scroll-view {
1637
border: 0;
1638
padding: 0;
1639
background-color: transparent;
1640
}
1641
.nm-dialog-item {
1643
transition-duration: 100ms;
1644
padding: 12px;
1645
spacing: 20px;
1646
border-bottom: 0;
1647
border-radius: 4px;
1648
font-size: 1em;
1649
}
1650
.nm-dialog-item:focus {
1652
background-color: rgba(0, 0, 0, 0.12);
1653
}
1654
.nm-dialog-item:hover {
1656
background-color: rgba(0, 0, 0, 0.08);
1657
}
1658
.nm-dialog-item:active {
1660
transition-duration: 200ms;
1661
background-color: rgba(0, 0, 0, 0.2);
1662
}
1663
.nm-dialog-item:selected {
1665
background-color: rgba(26, 115, 232, 0.24);
1666
color: rgba(0, 0, 0, 0.87);
1667
}
1668
.nm-dialog-icon {
1670
icon-size: 16px;
1671
}
1672
.nm-dialog-icons {
1674
spacing: .5em;
1675
}
1676
.no-networks-label {
1678
color: rgba(0, 0, 0, 0.6);
1679
}
1680
.no-networks-box {
1682
spacing: 12px;
1683
}
1684
/* OSD */
1686
.osd-window, .resize-popup, .switcher-list, .workspace-switcher-container {
1687
padding: 12px;
1688
border: none;
1689
border-radius: 4px;
1690
box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44);
1691
background-color: #ffffff;
1692
color: rgba(0, 0, 0, 0.87);
1693
}
1694
.osd-window {
1696
text-align: center;
1697
font-weight: bold;
1698
spacing: 12px;
1699
margin: 32px;
1700
min-width: 64px;
1701
min-height: 64px;
1702
}
1703
.osd-window StIcon {
1705
icon-size: 96px;
1706
}
1707
.osd-window .osd-monitor-label {
1709
font-size: 48px;
1710
font-weight: 400;
1711
}
1712
.osd-window .level {
1714
height: 8px;
1715
-barlevel-height: 8px;
1716
-barlevel-background-color: rgba(0, 0, 0, 0.12);
1717
-barlevel-active-background-color: #1a73e8;
1718
-barlevel-overdrive-color: #d93025;
1719
-barlevel-overdrive-separator-width: 2px;
1720
}
1721
/* Pad OSD */
1723
.pad-osd-window {
1724
padding: 32px;
1725
background-color: rgba(0, 0, 0, 0.6);
1726
}
1727
.pad-osd-window .pad-osd-title-box {
1729
spacing: 12px;
1730
}
1731
.pad-osd-window .pad-osd-title-menu-box {
1733
spacing: 6px;
1734
}
1735
.combo-box-label {
1737
width: 15em;
1738
}
1739
/* App Switcher */
1741
.switcher-popup {
1742
padding: 8px;
1743
spacing: 16px;
1744
}
1745
.switcher-list .switcher-list-item-container {
1747
spacing: 8px;
1748
}
1749
.switcher-list .item-box {
1751
transition-duration: 100ms;
1752
padding: 8px;
1753
border: 0;
1754
border-radius: 4px;
1755
}
1756
.switcher-list .item-box:outlined {
1758
padding: 8px;
1759
border: 0;
1760
box-shadow: none;
1761
background-color: rgba(0, 0, 0, 0.12);
1762
color: inherit;
1763
}
1764
.switcher-list .item-box:selected {
1766
background-color: rgba(26, 115, 232, 0.24);
1767
color: inherit;
1768
}
1769
.switcher-list .thumbnail-box {
1771
padding: 2px;
1772
spacing: 4px;
1773
}
1774
.switcher-list .thumbnail {
1776
width: 256px;
1777
}
1778
.switcher-list .separator {
1780
width: 1px;
1781
background: rgba(0, 0, 0, 0.12);
1782
}
1783
.switcher-arrow {
1785
transition-duration: 100ms;
1786
border-color: transparent;
1787
color: rgba(0, 0, 0, 0.6);
1788
}
1789
.switcher-arrow:highlighted {
1791
color: rgba(0, 0, 0, 0.87);
1792
}
1793
.input-source-switcher-symbol {
1795
width: 96px;
1796
height: 96px;
1797
font-size: 48px;
1798
font-weight: 400;
1799
}
1800
.cycler-highlight {
1802
border: 4px solid #1a73e8;
1803
}
1804
/* Workspace Switcher */
1806
.workspace-switcher-group {
1807
padding: 8px;
1808
}
1809
.workspace-switcher {
1811
background: transparent;
1812
border: 0;
1813
border-radius: 0;
1814
padding: 0;
1815
spacing: 8px;
1816
}
1817
.ws-switcher-box {
1819
height: 48px;
1820
border: 0;
1821
border-radius: 4px;
1822
background-color: rgba(0, 0, 0, 0.12);
1823
background-size: 0;
1824
}
1825
.ws-switcher-active-up,
1827
.ws-switcher-active-down,
1828
.ws-switcher-active-left,
1829
.ws-switcher-active-right {
1830
height: 48px;
1831
border: 0;
1832
border-radius: 4px;
1833
background-color: #1a73e8;
1834
background-size: 0;
1835
color: inherit;
1836
}
1837
/* Top Bar */
1839
#panel {
1840
transition-duration: 250ms;
1841
height: 28px;
1842
background-color: #1f1f1f;
1843
font-weight: bold;
1844
font-feature-settings: "tnum";
1845
}
1846
#panel #panelLeft,
1848
#panel #panelCenter {
1849
spacing: 0;
1850
}
1851
#panel .panel-corner {
1853
-panel-corner-radius: 0;
1854
-panel-corner-background-color: transparent;
1855
-panel-corner-border-width: 0;
1856
-panel-corner-border-color: transparent;
1857
}
1858
#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus {
1860
-panel-corner-border-color: transparent;
1861
}
1862
#panel .panel-button {
1864
-natural-hpadding: 8px;
1865
-minimum-hpadding: 4px;
1866
transition-duration: 100ms;
1867
color: rgba(255, 255, 255, 0.7);
1868
text-shadow: none;
1869
font-weight: bold;
1870
}
1871
#panel .panel-button .system-status-icon,
1873
#panel .panel-button .app-menu-icon > StIcon,
1874
#panel .panel-button .popup-menu-arrow {
1875
icon-shadow: none;
1876
}
1877
#panel .panel-button:hover {
1879
color: white;
1880
text-shadow: none;
1881
}
1882
#panel .panel-button:hover .system-status-icon,
1884
#panel .panel-button:hover .app-menu-icon > StIcon,
1885
#panel .panel-button:hover .popup-menu-arrow {
1886
icon-shadow: none;
1887
}
1888
#panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked {
1890
box-shadow: inset 0 -2px white;
1891
background-color: rgba(31, 31, 31, 0.01);
1892
color: white;
1893
}
1894
#panel .panel-button:active > .system-status-icon, #panel .panel-button:overview > .system-status-icon, #panel .panel-button:focus > .system-status-icon, #panel .panel-button:checked > .system-status-icon {
1896
icon-shadow: none;
1897
}
1898
#panel .panel-button .system-status-icon {
1900
icon-size: 16px;
1901
padding: 0 4px;
1902
}
1903
#panel .panel-button .app-menu-icon {
1905
-st-icon-style: symbolic;
1906
margin-left: 4px;
1907
margin-right: 4px;
1908
}
1909
#panel .panel-status-indicators-box,
1911
#panel .panel-status-menu-box {
1912
spacing: 2px;
1913
}
1914
#panel .power-status.panel-status-indicators-box {
1916
spacing: 0;
1917
}
1918
#panel .screencast-indicator,
1920
#panel .remote-access-indicator {
1921
color: #f4b400;
1922
}
1923
#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen {
1925
background-color: transparent;
1926
}
1927
#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner {
1929
-panel-corner-radius: 0;
1930
-panel-corner-background-color: transparent;
1931
-panel-corner-border-color: transparent;
1932
}
1933
#panel:overview .panel-button, #panel.unlock-screen .panel-button, #panel.login-screen .panel-button, #panel.lock-screen .panel-button {
1935
color: rgba(255, 255, 255, 0.7);
1936
}
1937
#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover, #panel:overview .panel-button:active, #panel.unlock-screen .panel-button:active, #panel.login-screen .panel-button:active, #panel.lock-screen .panel-button:active, #panel:overview .panel-button:overview, #panel.unlock-screen .panel-button:overview, #panel.login-screen .panel-button:overview, #panel.lock-screen .panel-button:overview, #panel:overview .panel-button:focus, #panel.unlock-screen .panel-button:focus, #panel.login-screen .panel-button:focus, #panel.lock-screen .panel-button:focus, #panel:overview .panel-button:checked, #panel.unlock-screen .panel-button:checked, #panel.login-screen .panel-button:checked, #panel.lock-screen .panel-button:checked {
1939
color: white;
1940
}
1941
#panel.lock-screen {
1943
background-color: rgba(0, 0, 0, 0.3);
1944
}
1945
#appMenu {
1947
spacing: 4px;
1948
spinner-image: url("process-working.svg");
1949
}
1950
#appMenu .label-shadow {
1952
color: transparent;
1953
}
1954
/* Activities Ripple */
1956
.ripple-box {
1957
width: 48px;
1958
height: 48px;
1959
border-radius: 0 0 48px 0;
1960
box-shadow: none;
1961
background-color: rgba(255, 255, 255, 0.3);
1962
background-image: none;
1963
background-size: auto;
1964
}
1965
.ripple-box:rtl {
1967
border-radius: 0 0 0 48px;
1968
background-image: none;
1969
}
1970
/* OVERVIEW */
1972
#overview {
1973
spacing: 24px;
1974
background-color: transparent;
1975
color: white;
1976
}
1977
.overview-controls {
1979
padding-bottom: 32px;
1980
}
1981
#dash, .workspace-thumbnails {
1983
transition-duration: 250ms;
1984
border: 0;
1985
background-color: rgba(255, 255, 255, 0.08);
1986
color: white;
1987
}
1988
.search-statustext, .no-frequent-applications-label {
1990
font-size: 48px;
1991
font-weight: 400;
1992
color: rgba(255, 255, 255, 0.5);
1993
}
1994
.search-provider-icon, .list-search-result, .app-well-app .overview-icon, .grid-search-result .overview-icon, .show-apps .overview-icon {
1996
padding: 6px;
1997
border: 0;
1998
border-radius: 4px;
1999
background-color: transparent;
2000
color: inherit;
2001
text-align: center;
2002
transition-duration: 100ms;
2003
}
2004
.search-provider-icon:focus, .list-search-result:focus, .app-well-app:focus .overview-icon, .grid-search-result:focus .overview-icon, .show-apps:focus .overview-icon {
2006
border-image: none;
2007
background-image: none;
2008
background-color: rgba(255, 255, 255, 0.12);
2009
color: inherit;
2010
transition-duration: 0ms;
2011
}
2012
.search-provider-icon:hover, .list-search-result:hover, .search-provider-icon:selected, .list-search-result:selected, .app-well-app:drop .overview-icon, .grid-search-result:drop .overview-icon, .show-apps:drop .overview-icon, .app-well-app:hover .overview-icon, .grid-search-result:hover .overview-icon, .show-apps:hover .overview-icon, .app-well-app:selected .overview-icon, .grid-search-result:selected .overview-icon, .show-apps:selected .overview-icon {
2014
border-image: none;
2015
background-image: none;
2016
background-color: rgba(255, 255, 255, 0.08);
2017
color: inherit;
2018
transition-duration: 0ms;
2019
}
2020
.search-provider-icon:active, .list-search-result:active, .search-provider-icon:checked, .list-search-result:checked, .app-well-app:active .overview-icon, .grid-search-result:active .overview-icon, .show-apps:active .overview-icon, .app-well-app:checked .overview-icon, .grid-search-result:checked .overview-icon, .show-apps:checked .overview-icon {
2022
box-shadow: none;
2023
background-color: rgba(255, 255, 255, 0.2);
2024
color: inherit;
2025
transition-duration: 200ms;
2026
}
2027
/* Window Picker */
2029
.window-picker {
2030
-horizontal-spacing: 16px;
2031
-vertical-spacing: 16px;
2032
padding: 0 16px 32px;
2033
}
2034
.window-picker.external-monitor {
2036
padding: 16px;
2037
}
2038
.window-clone-border {
2040
border: 4px solid rgba(255, 255, 255, 0.3);
2041
border-radius: 4px;
2042
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3);
2043
}
2044
.window-caption {
2046
spacing: 0;
2047
padding: 4px 8px;
2048
border: 0;
2049
border-radius: 4px;
2050
background-color: rgba(0, 0, 0, 0.6);
2051
color: white;
2052
font-size: 1em;
2053
font-weight: normal;
2054
}
2055
.window-close {
2057
-shell-close-overlap: 16px;
2058
height: 32px;
2059
width: 32px;
2060
padding: 0;
2061
border: 0;
2062
border-radius: 0;
2063
box-shadow: none;
2064
background-color: transparent;
2065
color: transparent;
2066
-st-background-image-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24);
2067
background-image: url("assets/window-close.svg");
2068
background-size: 32px;
2069
}
2070
.window-close:hover {
2072
border-color: transparent;
2073
background-color: transparent;
2074
color: transparent;
2075
-st-background-image-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345);
2076
background-image: url("assets/window-close.svg");
2077
}
2078
.window-close:active {
2080
border-color: transparent;
2081
background-color: transparent;
2082
color: transparent;
2083
background-image: url("assets/window-close-active.svg");
2084
}
2085
.search-entry {
2088
width: 304px;
2089
padding: 0 8px;
2090
border-radius: 4px 4px 0 0;
2091
color: rgba(255, 255, 255, 0.5);
2092
selection-background-color: rgba(255, 255, 255, 0.3);
2093
selected-color: white;
2094
transition-duration: 100ms;
2095
background-color: rgba(255, 255, 255, 0.04);
2096
border-color: transparent;
2097
box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3);
2098
}
2099
.search-entry:hover {
2102
box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3);
2103
color: rgba(255, 255, 255, 0.5);
2104
}
2105
.search-entry:focus {
2108
border-color: transparent;
2109
box-shadow: inset 0 -2px white;
2110
padding: 0 8px;
2111
border: 0;
2112
color: white;
2113
}
2114
.search-entry StLabel.hint-text {
2117
color: rgba(255, 255, 255, 0.7);
2118
}
2119
.search-entry .search-entry-icon {
2122
icon-size: 16px;
2123
padding: 0 4px;
2124
color: rgba(255, 255, 255, 0.7);
2125
}
2126
.search-entry:hover .search-entry-icon,
2129
.search-entry:focus .search-entry-icon {
2130
color: white;
2131
}
2132
/* Search */
2134
#searchResultsBin {
2135
max-width: 1024px;
2136
}
2137
#searchResultsContent {
2139
padding-left: 16px;
2140
padding-right: 16px;
2141
spacing: 16px;
2142
}
2143
.search-section {
2145
spacing: 16px;
2146
}
2147
.search-section .search-section-separator {
2149
height: 1px;
2150
background-color: rgba(255, 255, 255, 0.12);
2151
}
2152
.search-section:last-child .search-section-separator {
2154
height: 0;
2155
background-color: transparent;
2156
}
2157
.search-section-content {
2159
spacing: 32px;
2160
padding: 0;
2161
border: 0;
2162
border-radius: 0;
2163
box-shadow: none;
2164
background-color: transparent;
2165
color: inherit;
2166
text-shadow: none;
2167
}
2168
.search-provider-icon .list-search-provider-content {
2170
spacing: 20px;
2171
}
2172
.search-provider-icon .list-search-provider-content .list-search-provider-details {
2174
width: 150px;
2175
margin-top: 0;
2176
color: rgba(255, 255, 255, 0.7);
2177
}
2178
.list-search-results {
2180
spacing: 4px;
2181
}
2182
.list-search-result .list-search-result-content {
2184
spacing: 30px;
2185
}
2186
.list-search-result .list-search-result-title {
2188
spacing: 12px;
2189
color: inherit;
2190
font-size: 11.25pt;
2191
font-weight: 400;
2192
}
2193
.list-search-result .list-search-result-description {
2195
color: rgba(255, 255, 255, 0.7);
2196
}
2197
/* App Grid */
2199
.icon-grid {
2200
-shell-grid-horizontal-item-size: 136px;
2201
-shell-grid-vertical-item-size: 136px;
2202
spacing: 32px;
2203
}
2204
.icon-grid .overview-icon {
2206
icon-size: 96px;
2207
}
2208
/* App Icons */
2210
.app-well-app .overview-icon.overview-icon-with-label,
2211
.grid-search-result .overview-icon.overview-icon-with-label,
2212
.app-well-app.app-folder .overview-icon.overview-icon-with-label {
2213
padding: 8px;
2214
spacing: 0;
2215
}
2216
.app-well-app .overview-icon.overview-icon-with-label > StBoxLayout,
2218
.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout,
2219
.app-well-app.app-folder .overview-icon.overview-icon-with-label > StBoxLayout {
2220
spacing: 4px;
2221
}
2222
/* App Folders */
2224
.app-well-app.app-folder {
2225
border-radius: 4px;
2226
background-color: rgba(255, 255, 255, 0.08);
2227
}
2228
.app-folder-dialog {
2230
spacing: 12px;
2231
border: 0;
2232
border-radius: 4px;
2233
background-color: #ffffff;
2234
color: rgba(0, 0, 0, 0.87);
2235
}
2236
.app-folder-dialog .folder-name-container {
2238
padding: 24px 36px 0;
2239
spacing: 12px;
2240
}
2241
.app-folder-dialog .folder-name-container .folder-name-label,
2243
.app-folder-dialog .folder-name-container .folder-name-entry {
2244
font-size: 15pt;
2245
font-weight: 500;
2246
}
2247
.app-folder-dialog .folder-name-container .folder-name-entry {
2249
width: 300px;
2250
}
2251
.app-folder-dialog .folder-name-container .folder-name-label {
2253
padding: 0 8px;
2254
color: inherit;
2255
}
2256
.app-folder-dialog .folder-name-container .edit-folder-button {
2258
width: 32px;
2259
height: 32px;
2260
min-width: 0;
2261
min-height: 0;
2262
padding: 0;
2263
border-radius: 16px;
2264
}
2265
.app-folder-dialog .folder-name-container .edit-folder-button > StIcon {
2267
icon-size: 16px;
2268
}
2269
.app-folder-dialog .app-well-app:focus .overview-icon {
2271
background-color: rgba(0, 0, 0, 0.12);
2272
}
2273
.app-folder-dialog .app-well-app:drop .overview-icon, .app-folder-dialog .app-well-app:hover .overview-icon, .app-folder-dialog .app-well-app:selected .overview-icon {
2275
background-color: rgba(0, 0, 0, 0.08);
2276
}
2277
.app-folder-dialog .app-well-app:active .overview-icon, .app-folder-dialog .app-well-app:checked .overview-icon {
2279
background-color: rgba(0, 0, 0, 0.2);
2280
}
2281
.app-folder-dialog-container {
2283
width: 800px;
2284
height: 600px;
2285
padding: 12px;
2286
}
2287
.app-folder-popup {
2289
-arrow-base: 24px;
2290
-arrow-rise: 12px;
2291
-arrow-border-radius: 4px;
2292
-arrow-background-color: rgba(255, 255, 255, 0.08);
2293
}
2294
.app-folder-popup-bin {
2296
padding: 6px;
2297
}
2298
.app-folder-icon {
2300
padding: 5px;
2301
spacing-rows: 10px;
2302
spacing-columns: 10px;
2303
}
2304
.app-well-app-running-dot {
2306
height: 2px;
2307
width: 32px;
2308
margin-bottom: 0;
2309
border-radius: 0;
2310
background-color: white;
2311
}
2312
.rename-folder-popup .rename-folder-popup-item {
2314
spacing: 6px;
2315
}
2316
.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl {
2318
padding: 0 12px;
2319
}
2320
.app-menu,
2322
.app-well-menu {
2323
max-width: 27.25em;
2324
}
2325
.page-indicator {
2327
padding: 15px 20px;
2328
}
2329
.page-indicator .page-indicator-icon {
2331
width: 12px;
2332
height: 12px;
2333
border: 0;
2334
border-radius: 12px;
2335
background-image: none;
2336
background-color: rgba(255, 255, 255, 0.3);
2337
transition-duration: 100ms;
2338
}
2339
.page-indicator:hover .page-indicator-icon {
2341
border-color: transparent;
2342
background-image: none;
2343
background-color: rgba(255, 255, 255, 0.5);
2344
}
2345
.page-indicator:active .page-indicator-icon {
2347
margin: 0;
2348
border: 0;
2349
background-image: none;
2350
background-color: rgba(255, 255, 255, 0.7);
2351
}
2352
.page-indicator:checked .page-indicator-icon,
2354
.page-indicator:checked:active .page-indicator-icon {
2355
background-image: none;
2356
background-color: white;
2357
transition-duration: 0ms;
2358
}
2359
.page-indicator:checked:active {
2361
background-image: none;
2362
background-color: transparent;
2363
}
2364
.search-display > StBoxLayout,
2366
.all-apps,
2367
.frequent-apps > StBoxLayout {
2368
padding: 0 88px 10px;
2369
}
2370
.system-action-icon {
2372
icon-size: 48px;
2373
border-radius: 9999px;
2374
box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
2375
background-color: #212121;
2376
color: white;
2377
}
2378
/* Frequent | All toggle */
2380
.app-view-controls {
2381
width: 320px;
2382
padding-bottom: 32px;
2383
}
2384
.app-view-control {
2386
margin: 0;
2387
padding: 0 8px;
2388
}
2389
.app-view-control, .app-view-control:focus, .app-view-control:hover, .app-view-control:active, .app-view-control:checked {
2391
color: rgba(255, 255, 255, 0.7);
2392
background-color: transparent;
2393
border-color: transparent;
2394
box-shadow: 0 0 transparent;
2395
text-shadow: none;
2396
icon-shadow: none;
2397
transition-duration: 100ms;
2398
}
2399
.app-view-control:hover {
2401
background-color: rgba(255, 255, 255, 0.08);
2402
}
2403
.app-view-control:active {
2405
background-color: rgba(255, 255, 255, 0.2);
2406
transition-duration: 200ms;
2407
}
2408
.app-view-control:checked {
2410
box-shadow: inset 0 2px 0 white;
2411
background-color: rgba(0, 0, 0, 0.01);
2412
color: white;
2413
}
2414
.app-view-control:focus {
2416
background-color: rgba(255, 255, 255, 0.12);
2417
}
2418
.app-view-control:first-child {
2420
border-right-width: 0;
2421
border-radius: 4px;
2422
}
2423
.app-view-control:last-child {
2425
border-radius: 4px;
2426
}
2427
.app-view-control:checked {
2429
border-radius: 0;
2430
}
2431
/* Dash */
2433
#dash {
2434
font-size: 1em;
2435
padding: 3px 0;
2436
border-left-width: 0;
2437
border-radius: 0 4px 4px 0;
2438
}
2439
#dash:rtl {
2441
border-right-width: 0;
2442
border-radius: 4px 0 0 4px;
2443
}
2444
#dash .placeholder {
2446
height: 24px;
2447
background-image: url("assets/dash-placeholder.svg");
2448
background-size: contain;
2449
}
2450
#dash .empty-dash-drop-target {
2452
width: 24px;
2453
height: 24px;
2454
}
2455
.dash-item-container > StWidget {
2457
padding: 3px 6px;
2458
}
2459
.dash-label {
2461
padding: 7px 8px;
2462
border: 0;
2463
border-radius: 4px;
2464
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345);
2465
background-color: #ffffff;
2466
color: rgba(0, 0, 0, 0.87);
2467
text-align: center;
2468
-x-offset: 8px;
2469
}
2470
.show-apps {
2472
color: rgba(255, 255, 255, 0.7);
2473
}
2474
.show-apps:checked {
2476
color: white;
2477
}
2478
/* Workspace pager */
2480
.workspace-thumbnails {
2481
visible-width: 32px;
2482
spacing: 12px;
2483
padding: 12px;
2484
border-right-width: 0;
2485
border-radius: 4px 0 0 4px;
2486
}
2487
.workspace-thumbnails:rtl {
2489
border-left-width: 0;
2490
border-radius: 0 4px 4px 0;
2491
}
2492
.workspace-thumbnails .placeholder {
2494
height: 24px;
2495
background-image: url("assets/dash-placeholder.svg");
2496
background-size: contain;
2497
}
2498
.workspace-thumbnail-indicator {
2500
padding: 6px 10px;
2501
border: 0 solid white;
2502
border-left-width: 2px;
2503
border-radius: 0;
2504
}
2505
.select-area-rubberband {
2507
border: 1px solid #8ab4f8;
2508
background-color: rgba(138, 180, 248, 0.3);
2509
}
2510
.user-icon {
2512
border: 0;
2513
border-radius: 9999px;
2514
background-size: contain;
2515
color: inherit;
2516
}
2517
.user-icon:hover {
2519
border-color: transparent;
2520
color: inherit;
2521
}
2522
.lightbox {
2524
background-color: black;
2525
}
2526
.flashspot {
2528
background-color: white;
2529
}
2530
.hidden {
2532
color: transparent;
2533
}
2534
.caps-lock-warning-label {
2536
text-align: center;
2537
padding-bottom: 8px;
2538
font-size: 1em;
2539
color: #f4b400;
2540
}
2541
.ripple-pointer-location {
2543
width: 50px;
2544
height: 50px;
2545
border-radius: 25px;
2546
box-shadow: none;
2547
background-color: rgba(26, 115, 232, 0.24);
2548
}
2549
.pie-timer {
2551
width: 60px;
2552
height: 60px;
2553
-pie-border-width: 0;
2554
-pie-border-color: transparent;
2555
-pie-background-color: rgba(26, 115, 232, 0.24);
2556
}
2557
.magnifier-zoom-region {
2559
border: 2px solid #1a73e8;
2560
}
2561
.magnifier-zoom-region.full-screen {
2563
border-width: 0;
2564
}
2565
/* Tiled window previews */
2567
.tile-preview {
2568
border: 1px solid #8ab4f8;
2569
background-color: rgba(138, 180, 248, 0.3);
2570
}
2571
.tile-preview-left.on-primary {
2573
border-radius: 0;
2574
}
2575
.tile-preview-right.on-primary {
2577
border-radius: 0;
2578
}
2579
.tile-preview-left.tile-preview-right.on-primary {
2581
border-radius: 0;
2582
}
2583
/* On-screen Keyboard */
2585
#keyboard {
2586
background-color: rgba(0, 0, 0, 0.3);
2587
box-shadow: none;
2588
}
2589
#keyboard .page-indicator {
2591
padding: 4px;
2592
}
2593
#keyboard .page-indicator .page-indicator-icon {
2595
width: 8px;
2596
height: 8px;
2597
}
2598
.key-container {
2600
padding: 4px;
2601
spacing: 4px;
2602
}
2603
.keyboard-key {
2605
min-height: 1.2em;
2606
min-width: 1.2em;
2607
font-size: 2em;
2608
font-weight: 500;
2609
border: 0;
2610
border-width: 0;
2611
border-style: none;
2612
border-radius: 4px;
2613
}
2614
.keyboard-key, .keyboard-key.default-key {
2616
color: rgba(0, 0, 0, 0.87);
2617
background-color: #ffffff;
2618
border-color: transparent;
2619
box-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24);
2620
text-shadow: none;
2621
icon-shadow: none;
2622
transition-duration: 100ms;
2623
}
2624
.keyboard-key:focus, .keyboard-key.default-key:focus {
2626
color: rgba(0, 0, 0, 0.87);
2627
text-shadow: none;
2628
icon-shadow: none;
2629
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345);
2630
}
2631
.keyboard-key:hover, .keyboard-key:checked, .keyboard-key.default-key:hover, .keyboard-key.default-key:checked {
2633
color: rgba(0, 0, 0, 0.87);
2634
background-color: #ffffff;
2635
border-color: transparent;
2636
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345);
2637
text-shadow: none;
2638
icon-shadow: none;
2639
}
2640
.keyboard-key:active, .keyboard-key.default-key:active {
2642
color: rgba(0, 0, 0, 0.87);
2643
background-color: rgba(205, 205, 205, 0.9688);
2644
border-color: transparent;
2645
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345);
2646
text-shadow: none;
2647
icon-shadow: none;
2648
transition-duration: 200ms;
2649
}
2650
.keyboard-key:grayed {
2652
border-color: transparent;
2653
background-color: rgba(0, 0, 0, 0.3);
2654
color: white;
2655
}
2656
.keyboard-key.enter-key {
2658
color: white;
2659
background-color: #1a73e8;
2660
border-color: transparent;
2661
box-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24);
2662
text-shadow: none;
2663
icon-shadow: none;
2664
transition-duration: 100ms;
2665
}
2666
.keyboard-key.enter-key:hover, .keyboard-key.enter-key:checked {
2668
color: white;
2669
background-color: #1a73e8;
2670
border-color: transparent;
2671
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345);
2672
text-shadow: none;
2673
icon-shadow: none;
2674
}
2675
.keyboard-key.enter-key:active {
2677
color: white;
2678
background-color: #5195ee;
2679
border-color: transparent;
2680
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345);
2681
text-shadow: none;
2682
icon-shadow: none;
2683
transition-duration: 200ms;
2684
}
2685
.keyboard-key.default-key {
2687
background-size: 24px;
2688
}
2689
.keyboard-key.enter-key {
2691
background-image: url("assets/key-enter.svg");
2692
}
2693
.keyboard-key.shift-key-lowercase {
2695
background-image: url("assets/key-shift.svg");
2696
}
2697
.keyboard-key.shift-key-uppercase {
2699
background-image: url("assets/key-shift-uppercase.svg");
2700
}
2701
.keyboard-key.shift-key-uppercase:latched {
2703
background-image: url("assets/key-shift-latched-uppercase.svg");
2704
}
2705
.keyboard-key.hide-key {
2707
background-image: url("assets/key-hide.svg");
2708
}
2709
.keyboard-key.layout-key {
2711
background-image: url("assets/key-layout.svg");
2712
}
2713
.keyboard-subkeys {
2715
-boxpointer-gap: 5px;
2716
-arrow-base: 0;
2717
-arrow-rise: 0;
2718
-arrow-border-width: 0;
2719
-arrow-border-color: transparent;
2720
-arrow-border-radius: 0;
2721
-arrow-background-color: transparent;
2722
padding: 5px;
2723
border-radius: 4px;
2724
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345);
2725
background-color: #ffffff;
2726
color: rgba(0, 0, 0, 0.87);
2727
}
2728
.keyboard-subkeys .keyboard-key {
2730
border-radius: 4px;
2731
color: #1a73e8;
2732
background-color: transparent;
2733
border-color: transparent;
2734
box-shadow: 0 0 transparent;
2735
text-shadow: none;
2736
icon-shadow: none;
2737
transition-duration: 100ms;
2738
}
2739
.keyboard-subkeys .keyboard-key:focus {
2741
color: #1a73e8;
2742
background-color: rgba(26, 115, 232, 0.12);
2743
text-shadow: none;
2744
icon-shadow: none;
2745
box-shadow: 0 0 transparent;
2746
}
2747
.keyboard-subkeys .keyboard-key:hover, .keyboard-subkeys .keyboard-key:checked {
2749
color: #1a73e8;
2750
background-color: rgba(26, 115, 232, 0.08);
2751
border-color: transparent;
2752
box-shadow: 0 0 transparent;
2753
text-shadow: none;
2754
icon-shadow: none;
2755
}
2756
.keyboard-subkeys .keyboard-key:active {
2758
color: #1a73e8;
2759
background-color: rgba(26, 115, 232, 0.2);
2760
border-color: transparent;
2761
box-shadow: 0 0 transparent;
2762
text-shadow: none;
2763
icon-shadow: none;
2764
transition-duration: 200ms;
2765
}
2766
.emoji-page .keyboard-key {
2768
border: 0;
2769
color: rgba(255, 255, 255, 0.7);
2770
background-color: transparent;
2771
border-color: transparent;
2772
box-shadow: 0 0 transparent;
2773
text-shadow: none;
2774
icon-shadow: none;
2775
transition-duration: 100ms;
2776
}
2777
.emoji-page .keyboard-key:focus {
2779
color: rgba(255, 255, 255, 0.7);
2780
background-color: rgba(255, 255, 255, 0.12);
2781
text-shadow: none;
2782
icon-shadow: none;
2783
box-shadow: 0 0 transparent;
2784
}
2785
.emoji-page .keyboard-key:hover {
2787
color: rgba(255, 255, 255, 0.7);
2788
background-color: rgba(255, 255, 255, 0.08);
2789
border-color: transparent;
2790
box-shadow: 0 0 transparent;
2791
text-shadow: none;
2792
icon-shadow: none;
2793
}
2794
.emoji-page .keyboard-key:active {
2796
color: rgba(255, 255, 255, 0.7);
2797
background-color: rgba(255, 255, 255, 0.2);
2798
border-color: transparent;
2799
box-shadow: 0 0 transparent;
2800
text-shadow: none;
2801
icon-shadow: none;
2802
transition-duration: 200ms;
2803
}
2804
.emoji-panel .keyboard-key:latched {
2806
border-color: transparent;
2807
background-color: #1a73e8;
2808
color: white;
2809
}
2810
.word-suggestions {
2812
font-size: 11.25pt;
2813
font-weight: 400;
2814
spacing: 12px;
2815
min-height: 20pt;
2816
}
2817
/* Looking Glass */
2819
#LookingGlassDialog {
2820
spacing: 0;
2821
padding: 0;
2822
border: 0;
2823
border-radius: 4px;
2824
box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44);
2825
background-color: #ffffff;
2826
color: rgba(0, 0, 0, 0.87);
2827
}
2828
#LookingGlassDialog > #Toolbar {
2830
padding: 0 8px;
2831
border: 0;
2832
border-radius: 0;
2833
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12);
2834
background-color: rgba(255, 255, 255, 0.01);
2835
}
2836
#LookingGlassDialog .labels {
2838
spacing: 0;
2839
}
2840
#LookingGlassDialog .notebook-tab {
2842
-natural-hpadding: 12px;
2843
-minimum-hpadding: 6px;
2844
transition-duration: 100ms;
2845
min-height: 32px;
2846
padding-left: 32px;
2847
padding-right: 32px;
2848
border: 0;
2849
color: rgba(0, 0, 0, 0.6);
2850
font-weight: bold;
2851
}
2852
#LookingGlassDialog .notebook-tab:hover {
2854
background-color: rgba(0, 0, 0, 0.08);
2855
color: rgba(0, 0, 0, 0.6);
2856
text-shadow: none;
2857
}
2858
#LookingGlassDialog .notebook-tab:active {
2860
transition-duration: 200ms;
2861
background-color: rgba(0, 0, 0, 0.2);
2862
}
2863
#LookingGlassDialog .notebook-tab:selected {
2865
border: 0;
2866
box-shadow: inset 0 -2px #1a73e8;
2867
background-color: rgba(255, 255, 255, 0.01);
2868
color: rgba(0, 0, 0, 0.87);
2869
text-shadow: none;
2870
}
2871
#LookingGlassDialog StBoxLayout#EvalBox {
2873
padding: 8px;
2874
spacing: 4px;
2875
}
2876
#LookingGlassDialog StBoxLayout#ResultsArea {
2878
spacing: 4px;
2879
}
2880
.lg-dialog .shell-link, .lg-dialog .shell-link:hover, .lg-dialog .shell-link:active {
2882
color: #1a73e8;
2883
}
2884
.lg-completions-text {
2886
font-size: 1em;
2887
font-style: italic;
2888
}
2889
.lg-obj-inspector-title {
2891
spacing: 4px;
2892
}
2893
.lg-obj-inspector-button, .lg-obj-inspector-button:hover {
2895
border: 0;
2896
}
2897
#Windows {
2899
padding: 8px;
2900
}
2901
#lookingGlassExtensions {
2903
padding: 8px;
2904
}
2905
.lg-extensions-list {
2907
padding: 0;
2908
spacing: 6px;
2909
}
2910
.lg-extension {
2912
padding: 4px;
2913
border: 0;
2914
border-radius: 0;
2915
background-color: transparent;
2916
}
2917
.lg-extension-name {
2919
font-size: 15pt;
2920
font-weight: 500;
2921
}
2922
.lg-extension-meta {
2924
spacing: 6px;
2925
}
2926
#LookingGlassPropertyInspector {
2928
padding: 6px;
2929
border: 0;
2930
border-radius: 4px;
2931
box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44);
2932
background-color: #ffffff;
2933
color: rgba(0, 0, 0, 0.87);
2934
}
2935
/* Login Dialog */
2937
.login-dialog-banner-view {
2938
padding-top: 24px;
2939
max-width: 23em;
2940
}
2941
.login-dialog {
2943
border: 0;
2944
background-color: transparent;
2945
}
2946
.login-dialog StEntry {
2948
transition-duration: 100ms;
2949
background-color: rgba(255, 255, 255, 0.04);
2950
border-color: transparent;
2951
box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3);
2952
color: white;
2953
selection-background-color: rgba(255, 255, 255, 0.3);
2954
selected-color: white;
2955
}
2956
.login-dialog StEntry:focus {
2958
border-color: transparent;
2959
box-shadow: inset 0 -2px white;
2960
}
2961
.login-dialog StEntry:insensitive {
2963
color: rgba(0, 0, 0, 0.38);
2964
border-color: transparent;
2965
box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12);
2966
color: rgba(255, 255, 255, 0.5);
2967
}
2968
.login-dialog StEntry StLabel.hint-text {
2970
color: rgba(255, 255, 255, 0.7);
2971
}
2972
.login-dialog StEntry StIcon.peek-password {
2974
color: rgba(255, 255, 255, 0.7);
2975
}
2976
.login-dialog StEntry StIcon.peek-password:hover {
2978
color: white;
2979
}
2980
.login-dialog .modal-dialog-button-box {
2982
spacing: 3px;
2983
}
2984
.login-dialog .modal-dialog-button {
2986
color: rgba(255, 255, 255, 0.7);
2987
background-color: transparent;
2988
border-color: transparent;
2989
box-shadow: 0 0 transparent;
2990
text-shadow: none;
2991
icon-shadow: none;
2992
transition-duration: 100ms;
2993
}
2994
.login-dialog .modal-dialog-button:focus {
2996
color: rgba(255, 255, 255, 0.7);
2997
background-color: rgba(255, 255, 255, 0.12);
2998
text-shadow: none;
2999
icon-shadow: none;
3000
box-shadow: 0 0 transparent;
3001
}
3002
.login-dialog .modal-dialog-button:hover {
3004
color: rgba(255, 255, 255, 0.7);
3005
background-color: rgba(255, 255, 255, 0.08);
3006
border-color: transparent;
3007
box-shadow: 0 0 transparent;
3008
text-shadow: none;
3009
icon-shadow: none;
3010
}
3011
.login-dialog .modal-dialog-button:active {
3013
color: rgba(255, 255, 255, 0.7);
3014
background-color: rgba(255, 255, 255, 0.2);
3015
border-color: transparent;
3016
box-shadow: 0 0 transparent;
3017
text-shadow: none;
3018
icon-shadow: none;
3019
transition-duration: 200ms;
3020
}
3021
.login-dialog .modal-dialog-button:insensitive {
3023
color: rgba(255, 255, 255, 0.3);
3024
background-color: transparent;
3025
border-color: transparent;
3026
box-shadow: 0 0 transparent;
3027
text-shadow: none;
3028
icon-shadow: none;
3029
}
3030
.login-dialog .modal-dialog-button:default {
3032
min-width: 32px;
3033
padding: 0 16px;
3034
color: white;
3035
background-color: #1a73e8;
3036
border-color: transparent;
3037
box-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24);
3038
text-shadow: none;
3039
icon-shadow: none;
3040
transition-duration: 100ms;
3041
}
3042
.login-dialog .modal-dialog-button:default:focus {
3044
color: white;
3045
text-shadow: none;
3046
icon-shadow: none;
3047
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345);
3048
}
3049
.login-dialog .modal-dialog-button:default:hover {
3051
color: white;
3052
background-color: #1a73e8;
3053
border-color: transparent;
3054
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345);
3055
text-shadow: none;
3056
icon-shadow: none;
3057
}
3058
.login-dialog .modal-dialog-button:default:active {
3060
color: white;
3061
background-color: #5195ee;
3062
border-color: transparent;
3063
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345);
3064
text-shadow: none;
3065
icon-shadow: none;
3066
transition-duration: 200ms;
3067
}
3068
.login-dialog .modal-dialog-button:default:insensitive {
3070
color: rgba(255, 255, 255, 0.5);
3071
background-color: rgba(255, 255, 255, 0.08);
3072
border-color: transparent;
3073
box-shadow: 0 0 transparent;
3074
text-shadow: none;
3075
icon-shadow: none;
3076
}
3077
.login-dialog-logo-bin {
3079
padding: 24px 0;
3080
}
3081
.login-dialog-banner {
3083
color: rgba(255, 255, 255, 0.7);
3084
}
3085
.login-dialog-button-box {
3087
spacing: 5px;
3088
}
3089
.caps-lock-warning-label,
3091
.login-dialog-message-warning {
3092
color: #f28b82;
3093
}
3094
.login-dialog-message-hint {
3096
padding-top: 0;
3097
padding-bottom: 20px;
3098
color: rgba(255, 255, 255, 0.7);
3099
}
3100
.login-dialog-user-selection-box {
3102
padding: 100px 0;
3103
}
3104
.login-dialog-not-listed-button {
3106
transition-duration: 100ms;
3107
min-height: 32px;
3108
padding: 0 8px;
3109
margin-top: 1em;
3110
border-radius: 4px;
3111
color: rgba(255, 255, 255, 0.7);
3112
font-size: 10.5pt;
3113
font-weight: 500;
3114
}
3115
.login-dialog-not-listed-button:focus {
3117
background-color: rgba(255, 255, 255, 0.12);
3118
}
3119
.login-dialog-not-listed-button:hover {
3121
background-color: rgba(255, 255, 255, 0.08);
3122
}
3123
.login-dialog-not-listed-button:active {
3125
transition-duration: 200ms;
3126
background-color: rgba(255, 255, 255, 0.2);
3127
}
3128
.login-dialog-user-list-view {
3130
-st-vfade-offset: 1em;
3131
}
3132
.login-dialog-user-list {
3134
spacing: 12px;
3135
width: 23em;
3136
}
3137
.login-dialog-user-list:expanded .login-dialog-user-list-item:selected {
3139
background-color: rgba(255, 255, 255, 0.12);
3140
}
3141
.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in {
3143
border-right: 2px solid white;
3144
}
3145
.login-dialog-user-list-item {
3147
transition-duration: 100ms;
3148
padding: 6px;
3149
border-radius: 4px;
3150
color: inherit;
3151
}
3152
.login-dialog-user-list-item:focus {
3154
background-color: rgba(255, 255, 255, 0.12);
3155
}
3156
.login-dialog-user-list-item:hover {
3158
background-color: rgba(255, 255, 255, 0.08);
3159
}
3160
.login-dialog-user-list-item:active {
3162
transition-duration: 200ms;
3163
background-color: rgba(255, 255, 255, 0.2);
3164
}
3165
.login-dialog-user-list-item:ltr .user-widget {
3167
padding-right: 1em;
3168
}
3169
.login-dialog-user-list-item:rtl .user-widget {
3171
padding-left: 1em;
3172
}
3173
.login-dialog-user-list-item .login-dialog-timed-login-indicator {
3175
height: 2px;
3176
margin-top: 6px;
3177
background-color: white;
3178
}
3179
.login-dialog-username,
3181
.user-widget-label {
3182
padding-left: 16px;
3183
font-size: 15pt;
3184
font-weight: 500;
3185
text-align: left;
3186
}
3187
.user-widget-label:ltr {
3189
padding-left: 14px;
3190
}
3191
.user-widget-label:rtl {
3193
padding-right: 14px;
3194
}
3195
.login-dialog-prompt-layout {
3197
width: 23em;
3198
padding-top: 24px;
3199
padding-bottom: 12px;
3200
spacing: 8px;
3201
}
3202
.login-dialog-prompt-label {
3204
color: rgba(255, 255, 255, 0.7);
3205
font-size: 1em;
3206
padding-top: 1em;
3207
}
3208
.cancel-button,
3210
.switch-user-button,
3211
.login-dialog-session-list-button {
3212
transition-duration: 100ms;
3213
width: 32px;
3214
height: 32px;
3215
min-width: 0;
3216
min-height: 0;
3217
padding: 0;
3218
border-radius: 16px;
3219
color: rgba(255, 255, 255, 0.7);
3220
}
3221
.cancel-button:focus,
3223
.switch-user-button:focus,
3224
.login-dialog-session-list-button:focus {
3225
background-color: rgba(255, 255, 255, 0.12);
3226
}
3227
.cancel-button:hover,
3229
.switch-user-button:hover,
3230
.login-dialog-session-list-button:hover {
3231
background-color: rgba(255, 255, 255, 0.08);
3232
}
3233
.cancel-button:active,
3235
.switch-user-button:active,
3236
.login-dialog-session-list-button:active {
3237
transition-duration: 200ms;
3238
background-color: rgba(255, 255, 255, 0.2);
3239
}
3240
.cancel-button StIcon,
3242
.switch-user-button StIcon,
3243
.login-dialog-session-list-button StIcon {
3244
icon-size: 16px;
3245
}
3246
/* Screen Shield */
3248
.screen-shield-arrows {
3249
padding-bottom: 3em;
3250
}
3251
.screen-shield-arrows Gjs_Arrow {
3253
width: 80px;
3254
height: 48px;
3255
color: white;
3256
-arrow-thickness: 12px;
3257
-arrow-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24);
3258
}
3259
.screen-shield-clock {
3261
padding-bottom: 1.5em;
3262
color: white;
3263
text-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24);
3264
font-weight: normal;
3265
text-align: center;
3266
}
3267
.screen-shield-clock-time {
3269
font-size: 96px;
3270
font-weight: 300;
3271
text-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24);
3272
font-feature-settings: "tnum";
3273
}
3274
.screen-shield-clock-date {
3276
font-size: 34px;
3277
font-weight: 400;
3278
}
3279
.screen-shield-notifications-container {
3281
spacing: 6px;
3282
width: 30em;
3283
max-height: 500px;
3284
background-color: transparent;
3285
}
3286
.screen-shield-notifications-container .summary-notification-stack-scrollview {
3288
padding-top: 0;
3289
padding-bottom: 0;
3290
}
3291
.screen-shield-notifications-container .notification,
3293
.screen-shield-notifications-container .screen-shield-notification-source {
3294
padding: 8px;
3295
border: 0;
3296
border-radius: 4px;
3297
background-color: rgba(0, 0, 0, 0.3);
3298
color: white;
3299
}
3300
.screen-shield-notifications-container .notification {
3302
margin-right: 16px;
3303
}
3304
.screen-shield-notification-label {
3306
min-height: 22px;
3307
padding: 2px 0 0 16px;
3308
font-weight: bold;
3309
}
3310
.screen-shield-notification-count-text {
3312
min-height: 22px;
3313
padding: 2px 0 0 16px;
3314
color: rgba(255, 255, 255, 0.7);
3315
}
3316
#lockDialogGroup {
3318
background-color: #181818;
3319
background-repeat: repeat;
3320
color: white;
3321
}
3322
.screen-shield-background {
3324
background: black;
3325
box-shadow: 0 19px 19px rgba(0, 0, 0, 0.6), 0 15px 6px rgba(0, 0, 0, 0.44);
3326
}
3327
/* Dash to Dock */
3329
#dashtodockContainer #dash {
3330
background-color: rgba(0, 0, 0, 0.6);
3331
}
3332
#dashtodockContainer:overview #dash {
3334
background-color: rgba(255, 255, 255, 0.08);
3335
}
3336
#dashtodockContainer.extended:overview #dash {
3338
background-color: transparent;
3339
}
3340
#dashtodockContainer.left #dash,
3342
#dashtodockContainer.right #dash {
3343
padding: 3px 0;
3344
}
3345
#dashtodockContainer.top #dash,
3347
#dashtodockContainer.bottom #dash {
3348
padding: 0 3px;
3349
}
3350
#dashtodockContainer.extended #dash {
3352
padding: 0;
3353
border-radius: 0;
3354
}
3355
#dashtodockContainer.left .dash-item-container > StWidget,
3357
#dashtodockContainer.right .dash-item-container > StWidget,
3358
#dashtodockContainer.extended.left .dash-item-container > StWidget,
3359
#dashtodockContainer.extended.right .dash-item-container > StWidget {
3360
padding: 3px 6px;
3361
}
3362
#dashtodockContainer.extended.left .dash-item-container:first-child > StWidget,
3364
#dashtodockContainer.extended.right .dash-item-container:first-child > StWidget {
3365
padding: 6px 6px 3px 6px;
3366
}
3367
#dashtodockContainer.extended.left .dash-item-container:last-child > StWidget,
3369
#dashtodockContainer.extended.right .dash-item-container:last-child > StWidget {
3370
padding: 3px 6px 6px 6px;
3371
}
3372
#dashtodockContainer.top .dash-item-container > StWidget,
3374
#dashtodockContainer.bottom .dash-item-container > StWidget,
3375
#dashtodockContainer.extended.top .dash-item-container > StWidget,
3376
#dashtodockContainer.extended.bottom .dash-item-container > StWidget {
3377
padding: 6px 3px;
3378
}
3379
#dashtodockContainer.extended.top .dash-item-container:first-child > StWidget,
3381
#dashtodockContainer.extended.bottom .dash-item-container:first-child > StWidget {
3382
padding: 6px 3px 6px 6px;
3383
}
3384
#dashtodockContainer.extended.top .dash-item-container:last-child > StWidget,
3386
#dashtodockContainer.extended.bottom .dash-item-container:last-child > StWidget {
3387
padding: 6px 6px 6px 3px;
3388
}
3389
#dashtodockContainer .focused .overview-icon {
3391
background-color: rgba(0, 0, 0, 0.12);
3392
}
3393
#dashtodockContainer .default.focused .overview-icon {
3395
background-color: transparent;
3396
}
3397
#dashtodockContainer .app-well-app-running-dot {
3399
background-color: transparent;
3400
}
3401
#dashtodockContainer .default {
3403
background-size: cover;
3404
}
3405
#dashtodockContainer.left .default.running1 {
3407
background-image: url("assets/dash/left-running1.svg");
3408
}
3409
#dashtodockContainer.left .default.running1.focused {
3411
background-image: url("assets/dash/left-running1-focused.svg");
3412
}
3413
#dashtodockContainer.left .default.running2 {
3415
background-image: url("assets/dash/left-running2.svg");
3416
}
3417
#dashtodockContainer.left .default.running2.focused {
3419
background-image: url("assets/dash/left-running2-focused.svg");
3420
}
3421
#dashtodockContainer.left .default.running3 {
3423
background-image: url("assets/dash/left-running3.svg");
3424
}
3425
#dashtodockContainer.left .default.running3.focused {
3427
background-image: url("assets/dash/left-running3-focused.svg");
3428
}
3429
#dashtodockContainer.left .default.running4 {
3431
background-image: url("assets/dash/left-running4.svg");
3432
}
3433
#dashtodockContainer.left .default.running4.focused {
3435
background-image: url("assets/dash/left-running4-focused.svg");
3436
}
3437
#dashtodockContainer.right .default.running1 {
3439
background-image: url("assets/dash/right-running1.svg");
3440
}
3441
#dashtodockContainer.right .default.running1.focused {
3443
background-image: url("assets/dash/right-running1-focused.svg");
3444
}
3445
#dashtodockContainer.right .default.running2 {
3447
background-image: url("assets/dash/right-running2.svg");
3448
}
3449
#dashtodockContainer.right .default.running2.focused {
3451
background-image: url("assets/dash/right-running2-focused.svg");
3452
}
3453
#dashtodockContainer.right .default.running3 {
3455
background-image: url("assets/dash/right-running3.svg");
3456
}
3457
#dashtodockContainer.right .default.running3.focused {
3459
background-image: url("assets/dash/right-running3-focused.svg");
3460
}
3461
#dashtodockContainer.right .default.running4 {
3463
background-image: url("assets/dash/right-running4.svg");
3464
}
3465
#dashtodockContainer.right .default.running4.focused {
3467
background-image: url("assets/dash/right-running4-focused.svg");
3468
}
3469
#dashtodockContainer.top .default.running1 {
3471
background-image: url("assets/dash/top-running1.svg");
3472
}
3473
#dashtodockContainer.top .default.running1.focused {
3475
background-image: url("assets/dash/top-running1-focused.svg");
3476
}
3477
#dashtodockContainer.top .default.running2 {
3479
background-image: url("assets/dash/top-running2.svg");
3480
}
3481
#dashtodockContainer.top .default.running2.focused {
3483
background-image: url("assets/dash/top-running2-focused.svg");
3484
}
3485
#dashtodockContainer.top .default.running3 {
3487
background-image: url("assets/dash/top-running3.svg");
3488
}
3489
#dashtodockContainer.top .default.running3.focused {
3491
background-image: url("assets/dash/top-running3-focused.svg");
3492
}
3493
#dashtodockContainer.top .default.running4 {
3495
background-image: url("assets/dash/top-running4.svg");
3496
}
3497
#dashtodockContainer.top .default.running4.focused {
3499
background-image: url("assets/dash/top-running4-focused.svg");
3500
}
3501
#dashtodockContainer.bottom .default.running1 {
3503
background-image: url("assets/dash/bottom-running1.svg");
3504
}
3505
#dashtodockContainer.bottom .default.running1.focused {
3507
background-image: url("assets/dash/bottom-running1-focused.svg");
3508
}
3509
#dashtodockContainer.bottom .default.running2 {
3511
background-image: url("assets/dash/bottom-running2.svg");
3512
}
3513
#dashtodockContainer.bottom .default.running2.focused {
3515
background-image: url("assets/dash/bottom-running2-focused.svg");
3516
}
3517
#dashtodockContainer.bottom .default.running3 {
3519
background-image: url("assets/dash/bottom-running3.svg");
3520
}
3521
#dashtodockContainer.bottom .default.running3.focused {
3523
background-image: url("assets/dash/bottom-running3-focused.svg");
3524
}
3525
#dashtodockContainer.bottom .default.running4 {
3527
background-image: url("assets/dash/bottom-running4.svg");
3528
}
3529
#dashtodockContainer.bottom .default.running4.focused {
3531
background-image: url("assets/dash/bottom-running4-focused.svg");
3532
}
3533
/* Simple Dock */
3535
#dash:desktop {
3536
background-color: rgba(0, 0, 0, 0.6);
3537
}
3538
/* GPaste */
3540
.popup-menu .search-entry {
3541
color: rgba(0, 0, 0, 0.87);
3542
selection-background-color: rgba(26, 115, 232, 0.24);
3543
selected-color: rgba(0, 0, 0, 0.87);
3544
transition-duration: 100ms;
3545
background-color: rgba(0, 0, 0, 0.04);
3546
border-color: transparent;
3547
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26);
3548
}
3549
.popup-menu .search-entry:hover {
3551
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.87);
3552
}
3553
.popup-menu .search-entry:focus {
3555
border-color: transparent;
3556
box-shadow: inset 0 -2px #1a73e8;
3557
color: rgba(0, 0, 0, 0.87);
3558
}
3559
.popup-menu .search-entry .search-entry-icon {
3561
color: rgba(0, 0, 0, 0.6);
3562
}
3563
.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon {
3565
color: rgba(0, 0, 0, 0.87);
3566
}
3567