ASCII text, with very long lines (387)
1
/* This stylesheet is generated, DO NOT EDIT */
2
/* Copyright 2009, 2015 Red Hat, Inc.
3
*
4
* Portions adapted from Mx's data/style/default.css
5
* Copyright 2009 Intel Corporation
6
*
7
* This program is free software; you can redistribute it and/or modify it
8
* under the terms and conditions of the GNU Lesser General Public License,
9
* version 2.1, as published by the Free Software Foundation.
10
*
11
* This program is distributed in the hope it will be useful, but WITHOUT ANY
12
* WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS
13
* FOR A PARTICULAR PURPOSE. See the GNU Lesser General Public License for
14
* more details.
15
*
16
* You should have received a copy of the GNU Lesser General Public License
17
* along with this program; if not, write to the Free Software Foundation,
18
* Inc., 51 Franklin St - Fifth Floor, Boston, MA 02110-1301 USA.
19
*/
20
* {
21
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
22
transition-duration: 0.2s; }
23
/* GLOBALS */
25
stage {
26
font-family: "M+ 1c", Roboto, Cantarell, Sans-Serif;
27
font-size: 9.75pt;
28
font-weight: 400;
29
color: rgba(0, 0, 0, 0.8); }
30
/* WIDGETS */
32
/* Buttons */
33
.button {
34
min-height: 32px;
35
padding: 0 16px;
36
border-width: 0;
37
border-radius: 2px;
38
font-size: 9.75pt;
39
font-weight: 500;
40
color: rgba(0, 0, 0, 0.6);
41
background-color: transparent;
42
border-color: transparent;
43
box-shadow: 0 0 transparent;
44
text-shadow: none;
45
icon-shadow: none; }
46
.button:hover {
47
color: rgba(0, 0, 0, 0.8);
48
background-color: rgba(0, 0, 0, 0.12);
49
border-color: transparent;
50
box-shadow: 0 0 transparent;
51
text-shadow: none;
52
icon-shadow: none; }
53
.button:active {
54
color: rgba(0, 0, 0, 0.8);
55
background-color: rgba(0, 0, 0, 0.24);
56
border-color: transparent;
57
box-shadow: 0 0 transparent;
58
text-shadow: none;
59
icon-shadow: none; }
60
.button:insensitive {
61
color: rgba(0, 0, 0, 0.24);
62
background-color: transparent;
63
border-color: transparent;
64
box-shadow: 0 0 transparent;
65
text-shadow: none;
66
icon-shadow: none; }
67
.button:focus {
68
color: rgba(0, 0, 0, 0.8);
69
text-shadow: none;
70
icon-shadow: none;
71
box-shadow: 0 0 transparent; }
72
.modal-dialog-linked-button {
74
min-height: 40px;
75
padding: 0 16px;
76
border-top: 1px solid rgba(0, 0, 0, 0.1) !important;
77
border-right-width: 0;
78
font-size: 9.75pt;
79
font-weight: 500;
80
color: rgba(0, 0, 0, 0.6);
81
background-color: transparent;
82
border-color: transparent;
83
box-shadow: 0 0 transparent;
84
text-shadow: none;
85
icon-shadow: none; }
86
.modal-dialog-linked-button:hover {
87
color: rgba(0, 0, 0, 0.8);
88
background-color: rgba(0, 0, 0, 0.12);
89
border-color: transparent;
90
box-shadow: 0 0 transparent;
91
text-shadow: none;
92
icon-shadow: none; }
93
.modal-dialog-linked-button:active {
94
color: rgba(0, 0, 0, 0.8);
95
background-color: rgba(0, 0, 0, 0.24);
96
border-color: transparent;
97
box-shadow: 0 0 transparent;
98
text-shadow: none;
99
icon-shadow: none; }
100
.modal-dialog-linked-button:insensitive {
101
color: rgba(0, 0, 0, 0.24);
102
background-color: transparent;
103
border-color: transparent;
104
box-shadow: 0 0 transparent;
105
text-shadow: none;
106
icon-shadow: none; }
107
.modal-dialog-linked-button:focus {
108
color: rgba(0, 0, 0, 0.8);
109
text-shadow: none;
110
icon-shadow: none;
111
box-shadow: 0 0 transparent; }
112
.modal-dialog-linked-button:first-child {
113
border-radius: 0px 0px 0px 2px; }
114
.modal-dialog-linked-button:last-child {
115
border-right-width: 0px;
116
border-radius: 0px 0px 2px 0px; }
117
.modal-dialog-linked-button:first-child:last-child {
118
border-right-width: 0px;
119
border-radius: 0px 0px 2px 2px; }
120
/* Entries */
122
StEntry {
123
min-height: 32px;
124
padding: 0 8px;
125
border-radius: 0;
126
border-width: 0;
127
color: rgba(0, 0, 0, 0.8);
128
selection-background-color: #42A5F5;
129
selected-color: #FFFFFF;
130
font-size: 11.25pt;
131
font-weight: 400;
132
background-color: rgba(250, 250, 250, 0.01);
133
border-color: transparent;
134
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.24); }
135
StEntry:focus {
136
border-color: transparent;
137
box-shadow: inset 0 -2px #42A5F5; }
138
StEntry:insensitive {
139
color: rgba(0, 0, 0, 0.32);
140
border-color: transparent;
141
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.096); }
142
StEntry StIcon.capslock-warning {
143
icon-size: 16px;
144
warning-color: #FF6D00;
145
padding: 0 0; }
146
/* Scrollbars */
148
StScrollView.vfade {
149
-st-vfade-offset: 32px; }
150
StScrollView.hfade {
151
-st-hfade-offset: 32px; }
152
StScrollBar {
154
padding: 0; }
155
StScrollView StScrollBar {
156
min-width: 16px;
157
min-height: 16px; }
158
StScrollBar StBin#trough {
159
margin: 4px;
160
border-radius: 100px;
161
background-color: rgba(0, 0, 0, 0.096); }
162
StScrollBar StButton#vhandle, StScrollBar StButton#hhandle {
163
border-radius: 100px;
164
background-color: rgba(0, 0, 0, 0.48);
165
margin: 4px; }
166
StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover {
167
background-color: rgba(0, 0, 0, 0.6); }
168
StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
169
background-color: rgba(0, 0, 0, 0.8); }
170
#overview StScrollBar StBin#trough, #screenShieldNotifications StScrollBar StBin#trough {
172
background-color: rgba(255, 255, 255, 0.12); }
173
#overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#hhandle, #screenShieldNotifications StScrollBar StButton#hhandle {
174
background-color: rgba(255, 255, 255, 0.6); }
175
#overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#hhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover {
176
background-color: rgba(255, 255, 255, 0.75); }
177
#overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#hhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active {
178
background-color: #FFFFFF; }
179
/* Slider */
181
.slider {
182
height: 20px;
183
color: #FF4081;
184
-slider-height: 4px;
185
-slider-background-color: rgba(0, 0, 0, 0.24);
186
-slider-border-color: transparent;
187
-slider-active-background-color: #FF4081;
188
-slider-active-border-color: transparent;
189
-slider-border-width: 0;
190
-slider-handle-radius: 8px; }
191
/* Check Boxes */
193
.check-box * {
194
min-height: 16px;
195
padding: 8px 0; }
196
.check-box StBoxLayout {
197
spacing: 8px; }
198
.check-box StBin {
199
width: 24px;
200
height: 24px;
201
padding: 4px;
202
border-radius: 100px;
203
background-image: url("assets/checkbox-off.svg"); }
204
.check-box:focus StBin {
205
background-image: url("assets/checkbox-off.svg"); }
206
.check-box:hover StBin {
207
background-color: rgba(0, 0, 0, 0.12); }
208
.check-box:active StBin {
209
background-color: rgba(0, 0, 0, 0.24); }
210
.check-box:checked StBin {
211
background-image: url("assets/checkbox.svg"); }
212
.check-box:focus:checked StBin {
213
background-image: url("assets/checkbox.svg"); }
214
.check-box:hover:checked StBin {
215
background-color: rgba(255, 64, 129, 0.15); }
216
.check-box:active:checked StBin {
217
background-color: rgba(255, 64, 129, 0.3); }
218
/* Switches */
220
.toggle-switch {
221
width: 40px;
222
height: 20px;
223
background-size: contain; }
224
.toggle-switch-us {
226
background-image: url("assets/toggle-off.svg"); }
227
.toggle-switch-us:checked {
228
background-image: url("assets/toggle-on.svg"); }
229
.toggle-switch-intl {
231
background-image: url("assets/toggle-off.svg"); }
232
.toggle-switch-intl:checked {
233
background-image: url("assets/toggle-on.svg"); }
234
/* links */
236
.shell-link {
237
border-radius: 2px;
238
color: #42A5F5; }
239
.shell-link:hover {
240
color: #42A5F5;
241
background-color: rgba(66, 165, 245, 0.15); }
242
.shell-link:active {
243
color: #42A5F5;
244
background-color: rgba(66, 165, 245, 0.3); }
245
/* Modal Dialogs */
247
.headline {
248
font-size: 15pt;
249
font-weight: 500; }
250
.lightbox {
252
background-color: black; }
253
.flashspot {
255
background-color: white; }
256
.modal-dialog {
258
border-radius: 2px;
259
color: rgba(0, 0, 0, 0.8);
260
background-color: #FAFAFA;
261
border: none;
262
box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); }
263
.modal-dialog .modal-dialog-content-box {
264
padding: 24px; }
265
.modal-dialog .run-dialog-entry {
266
width: 20em;
267
margin-bottom: 6px; }
268
.modal-dialog .run-dialog-error-box {
269
padding-top: 16px;
270
spacing: 6px; }
271
.modal-dialog .run-dialog-button-box {
272
padding-top: 1em; }
273
.modal-dialog .run-dialog-label {
274
font-size: 1em;
275
font-weight: normal;
276
color: rgba(0, 0, 0, 0.48);
277
padding-bottom: .4em; }
278
.show-processes-dialog-subject,
280
.mount-question-dialog-subject,
281
.end-session-dialog-subject {
282
font-size: 15pt;
283
font-weight: 500; }
284
/* End Session Dialog */
286
.end-session-dialog {
287
spacing: 42px;
288
border: none; }
289
.end-session-dialog-list {
291
padding-top: 20px; }
292
.end-session-dialog-layout {
294
padding-left: 17px; }
295
.end-session-dialog-layout:rtl {
296
padding-right: 17px; }
297
.end-session-dialog-description {
299
width: 28em;
300
padding-bottom: 10px; }
301
.end-session-dialog-description:rtl {
302
text-align: right; }
303
.end-session-dialog-warning {
305
width: 28em;
306
color: #FF6D00;
307
padding-top: 6px; }
308
.end-session-dialog-warning:rtl {
309
text-align: right; }
310
.end-session-dialog-logout-icon {
312
border-radius: 5px;
313
width: 48px;
314
height: 48px;
315
background-size: contain; }
316
.end-session-dialog-shutdown-icon {
318
color: rgba(0, 0, 0, 0.48);
319
width: 48px;
320
height: 48px; }
321
.end-session-dialog-inhibitor-layout {
323
spacing: 16px;
324
max-height: 200px;
325
padding-right: 65px;
326
padding-left: 65px; }
327
.end-session-dialog-session-list,
329
.end-session-dialog-app-list {
330
spacing: 1em; }
331
.end-session-dialog-list-header {
333
font-weight: bold; }
334
.end-session-dialog-list-header:rtl {
335
text-align: right; }
336
.end-session-dialog-app-list-item,
338
.end-session-dialog-session-list-item {
339
spacing: 1em; }
340
.end-session-dialog-app-list-item-name,
342
.end-session-dialog-session-list-item-name {
343
font-weight: bold; }
344
.end-session-dialog-app-list-item-description {
346
color: rgba(0, 0, 0, 0.48);
347
font-size: 1em; }
348
/* ShellMountOperation Dialogs */
350
.shell-mount-operation-icon {
351
icon-size: 48px; }
352
.show-processes-dialog,
354
.mount-question-dialog {
355
spacing: 24px; }
356
.show-processes-dialog-subject,
358
.mount-question-dialog-subject {
359
padding-top: 10px;
360
padding-left: 17px;
361
padding-bottom: 6px; }
362
.mount-question-dialog-subject {
364
max-width: 500px; }
365
.show-processes-dialog-subject:rtl,
367
.mount-question-dialog-subject:rtl {
368
padding-left: 0px;
369
padding-right: 17px; }
370
.show-processes-dialog-description,
372
.mount-question-dialog-description {
373
padding-left: 17px;
374
width: 28em; }
375
.show-processes-dialog-description:rtl,
377
.mount-question-dialog-description:rtl {
378
padding-right: 17px; }
379
.show-processes-dialog-app-list {
381
max-height: 200px;
382
padding-top: 24px;
383
padding-left: 49px;
384
padding-right: 32px; }
385
.show-processes-dialog-app-list:rtl {
387
padding-right: 49px;
388
padding-left: 32px; }
389
.show-processes-dialog-app-list-item {
391
color: rgba(0, 0, 0, 0.8); }
392
.show-processes-dialog-app-list-item:hover {
393
color: rgba(0, 0, 0, 0.8); }
394
.show-processes-dialog-app-list-item:ltr {
395
padding-right: 1em; }
396
.show-processes-dialog-app-list-item:rtl {
397
padding-left: 1em; }
398
.show-processes-dialog-app-list-item-icon:ltr {
400
padding-right: 17px; }
401
.show-processes-dialog-app-list-item-icon:rtl {
402
padding-left: 17px; }
403
.show-processes-dialog-app-list-item-name {
405
font-size: 1em; }
406
/* Password or Authentication Dialog */
408
.prompt-dialog {
409
width: 500px;
410
border: none; }
411
.prompt-dialog-main-layout {
413
spacing: 24px;
414
padding: 10px; }
415
.prompt-dialog-message-layout {
417
spacing: 16px; }
418
.prompt-dialog-headline {
420
font-size: 15pt;
421
font-weight: 500;
422
color: rgba(0, 0, 0, 0.8); }
423
.prompt-dialog-description:rtl {
425
text-align: right; }
426
.prompt-dialog-password-box {
428
spacing: 1em;
429
padding-bottom: 1em; }
430
.prompt-dialog-error-label {
432
font-size: 1em;
433
color: #DD2C00;
434
padding-bottom: 8px; }
435
.prompt-dialog-info-label {
437
font-size: 1em;
438
padding-bottom: 8px; }
439
.hidden {
441
color: transparent; }
442
.prompt-dialog-null-label {
444
font-size: 1em;
445
padding-bottom: 8px; }
446
/* Polkit Dialog */
448
.polkit-dialog-user-layout {
449
padding-left: 10px;
450
spacing: 10px; }
451
.polkit-dialog-user-layout:rtl {
452
padding-left: 0px;
453
padding-right: 10px; }
454
.polkit-dialog-user-root-label {
456
color: #FF6D00; }
457
.polkit-dialog-user-icon {
459
border-radius: 5px;
460
background-size: contain;
461
width: 48px;
462
height: 48px; }
463
/* Audio selection dialog */
465
.audio-device-selection-dialog {
466
spacing: 30px; }
467
.audio-selection-content {
469
spacing: 20px;
470
padding: 24px; }
471
.audio-selection-title {
473
font-weight: bold;
474
text-align: center; }
475
.audio-selection-box {
477
spacing: 20px; }
478
.audio-selection-device {
480
border: 1px solid rgba(0, 0, 0, 0.1);
481
border-radius: 2px; }
482
.audio-selection-device:active, .audio-selection-device:hover, .audio-selection-device:focus {
483
background-color: #42A5F5; }
484
.audio-selection-device-box {
486
padding: 20px;
487
spacing: 20px; }
488
.audio-selection-device-icon {
490
icon-size: 64px; }
491
/* Access Dialog */
493
.access-dialog {
494
spacing: 30px; }
495
.access-dialog-main-layout {
497
padding: 12px 20px 0;
498
spacing: 12px; }
499
.access-dialog-content {
501
max-width: 28em;
502
spacing: 20px; }
503
.access-dialog-icon {
505
min-width: 48px;
506
icon-size: 48px; }
507
.access-dialog-title {
509
font-weight: bold; }
510
.access-dialog-subtitle {
512
color: rgba(0, 0, 0, 0.48);
513
font-weight: bold; }
514
/* Geolocation Dialog */
516
.geolocation-dialog {
517
spacing: 30px; }
518
.geolocation-dialog-main-layout {
520
spacing: 12px; }
521
.geolocation-dialog-content {
523
spacing: 20px; }
524
.geolocation-dialog-icon {
526
icon-size: 48px; }
527
.geolocation-dialog-title {
529
font-weight: bold; }
530
.geolocation-dialog-reason {
532
color: rgba(0, 0, 0, 0.48);
533
font-weight: bold; }
534
/* Network Agent Dialog */
536
.network-dialog-secret-table {
537
spacing-rows: 15px;
538
spacing-columns: 1em; }
539
.keyring-dialog-control-table {
541
spacing-rows: 15px;
542
spacing-columns: 1em; }
543
/* Popovers/Menus */
545
.popup-menu {
546
min-width: 200px; }
547
.popup-menu .popup-sub-menu {
548
background-color: rgba(0, 0, 0, 0.04);
549
box-shadow: 0 0 transparent; }
550
.popup-menu .popup-menu-content {
551
padding: 8px 0; }
552
.popup-menu .popup-menu-item {
553
spacing: 8px;
554
transition-duration: 0s; }
555
.popup-menu .popup-menu-item:ltr {
556
padding: 0.4em 24px 0.4em 0; }
557
.popup-menu .popup-menu-item:rtl {
558
padding: 0.4em 0 0.4em 24px; }
559
.popup-menu .popup-menu-item:checked {
560
background-color: #42A5F5;
561
color: #FFFFFF;
562
box-shadow: 0 0 transparent;
563
font-weight: normal; }
564
.popup-menu .popup-menu-item:checked.selected {
565
background-color: #5eb3f7;
566
color: #FFFFFF; }
567
.popup-menu .popup-menu-item:checked:active {
568
background-color: #7bc0f8;
569
color: #FFFFFF !important; }
570
.popup-menu .popup-menu-item:checked:insensitive {
571
color: rgba(255, 255, 255, 0.4); }
572
.popup-menu .popup-menu-item.selected {
573
background-color: rgba(0, 0, 0, 0.12);
574
color: rgba(0, 0, 0, 0.8); }
575
.popup-menu .popup-menu-item:active {
576
background-color: rgba(0, 0, 0, 0.24);
577
color: rgba(0, 0, 0, 0.8);
578
transition-duration: 0.2s; }
579
.popup-menu .popup-menu-item.selected:active {
580
color: rgba(0, 0, 0, 0.8); }
581
.popup-menu .popup-menu-item:insensitive {
582
color: rgba(0, 0, 0, 0.32); }
583
.popup-menu .popup-inactive-menu-item {
584
color: rgba(0, 0, 0, 0.8); }
585
.popup-menu .popup-inactive-menu-item:insensitive {
586
color: rgba(0, 0, 0, 0.48); }
587
.popup-menu.panel-menu {
588
-boxpointer-gap: 4px;
589
margin-bottom: 1.75em; }
590
.popup-menu-ornament {
592
text-align: right;
593
width: 16px;
594
height: 16px; }
595
.popup-menu-boxpointer,
597
.candidate-popup-boxpointer {
598
-arrow-border-radius: 0;
599
-arrow-background-color: transparent;
600
-arrow-border-width: 0;
601
-arrow-border-color: transparent;
602
-arrow-base: 0;
603
-arrow-rise: 0;
604
-arrow-box-shadow: none;
605
margin: 5px 8px 8px;
606
background-color: #FAFAFA;
607
border-radius: 2px;
608
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); }
609
.popup-separator-menu-item {
611
height: 1px;
612
margin: 8px 40px;
613
background-color: transparent;
614
border-color: rgba(0, 0, 0, 0.1);
615
border-bottom-width: 1px;
616
border-bottom-style: solid; }
617
.background-menu {
619
-boxpointer-gap: 4px;
620
-arrow-rise: 0; }
621
/* fallback menu
623
- odd thing for styling App menu when apparently not running under shell. Light Adwaita styled
624
app menu inside the main app window itself rather than the top bar
625
*/
626
/* OSD */
627
.osd-window {
628
text-align: center;
629
font-weight: bold;
630
spacing: 1em;
631
margin: 32px;
632
min-width: 64px;
633
min-height: 64px; }
634
.osd-window .osd-monitor-label {
635
font-size: 45px;
636
font-weight: 400; }
637
.osd-window .level {
638
height: 0.6em;
639
border-radius: 4px;
640
background-color: rgba(0, 0, 0, 0.24);
641
color: rgba(0, 0, 0, 0.8); }
642
.osd-window .level-bar {
643
background-color: #42A5F5;
644
border-radius: 2px; }
645
/* App Switcher */
647
.switcher-popup {
648
padding: 8px;
649
spacing: 16px; }
650
.switcher-list-item-container {
652
spacing: 8px; }
653
.switcher-list .item-box {
655
padding: 8px;
656
border-radius: 2px; }
657
.switcher-list .item-box:outlined {
659
padding: 8px;
660
border: none;
661
background-color: rgba(0, 0, 0, 0.096); }
662
.switcher-list .item-box:selected {
664
background-color: #42A5F5;
665
color: #FFFFFF; }
666
.switcher-list .thumbnail-box {
668
padding: 2px;
669
spacing: 4px; }
670
.switcher-list .thumbnail {
672
width: 256px; }
673
.switcher-list .separator {
675
width: 1px;
676
background: rgba(0, 0, 0, 0.1); }
677
.switcher-arrow {
679
border-color: transparent;
680
color: rgba(0, 0, 0, 0.48); }
681
.switcher-arrow:highlighted {
682
color: rgba(0, 0, 0, 0.8); }
683
.input-source-switcher-symbol {
685
font-size: 45px;
686
font-weight: 400;
687
width: 96px;
688
height: 96px; }
689
/* Window Cycler */
691
.cycler-highlight {
692
border: 4px solid #42A5F5; }
693
/* Workspace Switcher */
695
.workspace-switcher-group {
696
padding: 8px; }
697
.workspace-switcher {
699
background: transparent;
700
border: 0px;
701
border-radius: 0px;
702
padding: 0px;
703
spacing: 8px; }
704
.ws-switcher-active-up, .ws-switcher-active-down {
706
height: 48px;
707
background-color: #42A5F5;
708
color: #FFFFFF;
709
background-size: 32px;
710
border-radius: 2px; }
711
.ws-switcher-box {
713
height: 48px;
714
border: none;
715
background: rgba(0, 0, 0, 0.096);
716
border-radius: 2px; }
717
.osd-window,
719
.resize-popup,
720
.switcher-list, .workspace-switcher-container {
721
color: rgba(0, 0, 0, 0.8);
722
background-color: #FAFAFA;
723
border: none;
724
box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44);
725
border-radius: 2px;
726
padding: 12px; }
727
/* Tiled window previews */
729
.tile-preview {
730
background-color: rgba(64, 196, 255, 0.3);
731
border: 1px solid #40C4FF; }
732
.tile-preview-left.on-primary {
734
border-radius: 0 0 0 0; }
735
.tile-preview-right.on-primary {
737
border-radius: 0 0 0 0; }
738
.tile-preview-left.tile-preview-right.on-primary {
740
border-radius: 0 0 0 0; }
741
/* TOP BAR */
743
#panel {
744
background-color: rgba(0, 0, 0, 0.6);
745
font-weight: bold;
746
height: 28px; }
747
#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen {
748
background-color: transparent; }
749
#panel #panelLeft, #panel #panelCenter {
750
spacing: 0; }
751
#panel .panel-corner {
752
-panel-corner-radius: 0;
753
-panel-corner-background-color: rgba(0, 0, 0, 0.6);
754
-panel-corner-border-width: 2px;
755
-panel-corner-border-color: transparent; }
756
#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus {
757
-panel-corner-border-color: #FFFFFF; }
758
#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen {
759
-panel-corner-radius: 0;
760
-panel-corner-background-color: transparent;
761
-panel-corner-border-color: transparent; }
762
#panel .panel-button {
763
-natural-hpadding: 12px;
764
-minimum-hpadding: 6px;
765
font-weight: bold;
766
color: rgba(255, 255, 255, 0.75);
767
transition-duration: 0.2s; }
768
#panel .panel-button .app-menu-icon {
769
-st-icon-style: symbolic;
770
margin-left: 4px;
771
margin-right: 4px; }
772
#panel .panel-button:hover {
773
color: #FFFFFF; }
774
#panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked {
775
background-color: rgba(0, 0, 0, 0.01);
776
box-shadow: inset 0 -2px 0px #FFFFFF;
777
color: #FFFFFF; }
778
#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 {
779
icon-shadow: none; }
780
#panel .panel-button .system-status-icon {
781
icon-size: 1.23077em;
782
padding: 0 4px; }
783
.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button {
784
color: rgba(255, 255, 255, 0.75); }
785
.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active {
786
color: #FFFFFF; }
787
#panel .panel-status-indicators-box,
788
#panel .panel-status-menu-box {
789
spacing: 2px; }
790
#panel .power-status.panel-status-indicators-box {
791
spacing: 0; }
792
#panel .screencast-indicator {
793
color: #FF6D00; }
794
#calendarArea {
796
padding: 8px 16px; }
797
.calendar {
799
margin-bottom: 0; }
800
.calendar,
802
.datemenu-today-button,
803
.datemenu-displays-box,
804
.message-list-sections {
805
margin: 0 8px; }
806
.datemenu-calendar-column {
808
spacing: 8px; }
809
.datemenu-displays-section {
811
padding-bottom: 0; }
812
.datemenu-today-button,
814
.world-clocks-button,
815
.message-list-section-title {
816
min-height: 20px;
817
padding: 4px 8px;
818
border-radius: 2px; }
819
.datemenu-today-button {
821
min-height: 48px; }
822
.message-list-section-list:ltr {
824
padding-left: 0; }
825
.message-list-section-list:rtl {
827
padding-right: 0; }
828
.datemenu-today-button:hover, .datemenu-today-button:focus,
830
.world-clocks-button:hover,
831
.world-clocks-button:focus,
832
.message-list-section-title:hover,
833
.message-list-section-title:focus {
834
color: rgba(0, 0, 0, 0.8);
835
background-color: rgba(0, 0, 0, 0.12); }
836
.datemenu-today-button:active,
837
.world-clocks-button:active,
838
.message-list-section-title:active {
839
color: rgba(0, 0, 0, 0.8);
840
background-color: rgba(0, 0, 0, 0.24); }
841
.datemenu-today-button .date-label {
843
font-size: 18pt;
844
font-weight: 400; }
845
.world-clocks-header,
847
.message-list-section-title {
848
color: rgba(0, 0, 0, 0.6);
849
font-weight: bold; }
850
.world-clocks-grid {
852
spacing-rows: 0.4em; }
853
.calendar-month-label {
855
height: 16px;
856
margin: 2px;
857
padding: 6px 16px;
858
border-radius: 2px;
859
color: rgba(0, 0, 0, 0.8);
860
font-weight: bold;
861
text-align: center; }
862
.calendar-month-label:focus {
863
background-color: rgba(0, 0, 0, 0.12); }
864
.pager-button {
866
width: 28px;
867
height: 28px;
868
margin: 2px;
869
border-radius: 100px;
870
background-color: transparent;
871
color: rgba(0, 0, 0, 0.8); }
872
.pager-button:hover, .pager-button:focus {
873
background-color: rgba(0, 0, 0, 0.12); }
874
.pager-button:active {
875
background-color: rgba(0, 0, 0, 0.24); }
876
.calendar-change-month-back {
878
background-image: url("assets/calendar-arrow-left.svg"); }
879
.calendar-change-month-back:rtl {
880
background-image: url("assets/calendar-arrow-right.svg"); }
881
.calendar-change-month-forward {
883
background-image: url("assets/calendar-arrow-right.svg"); }
884
.calendar-change-month-forward:rtl {
885
background-image: url("assets/calendar-arrow-left.svg"); }
886
.calendar-day-base {
888
font-size: 9pt;
889
font-weight: 400;
890
text-align: center;
891
width: 28px;
892
height: 28px;
893
padding: 0;
894
margin: 2px;
895
border-radius: 100px; }
896
.calendar-day-base:hover, .calendar-day-base:focus {
897
background-color: rgba(0, 0, 0, 0.12); }
898
.calendar-day-base:active, .calendar-day-base:selected {
899
color: #FFFFFF;
900
background-color: #42A5F5 !important;
901
border-color: transparent; }
902
.calendar-day-base.calendar-day-heading {
903
width: 28px;
904
height: 21px;
905
margin-top: 2px;
906
padding: 7px 0 0;
907
border-radius: 100px;
908
background-color: transparent;
909
color: rgba(0, 0, 0, 0.48);
910
font-size: 9pt;
911
font-weight: 400;
912
font-weight: bold;
913
text-align: center; }
914
.calendar-day {
916
border-width: 0; }
917
.calendar-day-top {
919
border-top-width: 0; }
920
.calendar-day-left {
922
border-left-width: 0; }
923
.calendar-nonwork-day {
925
color: rgba(0, 0, 0, 0.8); }
926
.calendar-today {
928
font-weight: bold !important;
929
border: none; }
930
.calendar-day-with-events {
932
color: #42A5F5;
933
font-weight: normal;
934
text-decoration: underline;
935
background-image: none; }
936
.calendar-other-month-day {
938
color: rgba(0, 0, 0, 0.32);
939
opacity: 0.5; }
940
.calendar-week-number {
942
width: 28px;
943
height: 21px;
944
margin: 2px;
945
padding: 7px 0 0;
946
border-radius: 100px;
947
background-color: transparent;
948
color: rgba(0, 0, 0, 0.48);
949
font-size: inherit;
950
font-weight: bold;
951
text-align: center; }
952
/* Message list */
954
.message-list {
955
width: 420px; }
956
.message-list-sections {
958
spacing: 8px; }
959
.message-list-section,
961
.message-list-section-list {
962
spacing: 8px; }
963
.message-list-section-title-box {
965
spacing: 8px; }
966
.message-list-section-close > StIcon {
968
icon-size: 16px;
969
border-radius: 16px;
970
padding: 6px;
971
color: rgba(0, 0, 0, 0.6);
972
background-color: transparent; }
973
/* FIXME: how do you do this in sass? */
975
.message-list-section-close:hover > StIcon,
976
.message-list-section-close:focus > StIcon {
977
color: rgba(0, 0, 0, 0.8);
978
background-color: rgba(0, 0, 0, 0.12); }
979
.message-list-section-close:active > StIcon {
981
color: rgba(0, 0, 0, 0.8);
982
background-color: rgba(0, 0, 0, 0.24); }
983
.message {
985
min-height: 56px;
986
background-color: transparent;
987
border-radius: 2px; }
988
.message:hover, .message:focus {
989
background-color: rgba(0, 0, 0, 0.12); }
990
.message:active {
991
background-color: rgba(0, 0, 0, 0.24); }
992
.message-icon-bin {
994
padding: 8px 0px 8px 8px; }
995
.message-icon-bin:rtl {
996
padding: 8px 8px 8px 0px; }
997
.message-icon-bin > StIcon {
999
icon-size: 32px; }
1000
.message-secondary-bin:ltr {
1002
padding-left: 8px; }
1003
.message-secondary-bin:rtl {
1004
padding-right: 8px; }
1005
.message-secondary-bin {
1007
color: rgba(0, 0, 0, 0.48); }
1008
.message-secondary-bin > StIcon {
1010
icon-size: 16px; }
1011
.message-title {
1013
min-height: 18px;
1014
padding-top: 2px;
1015
color: rgba(0, 0, 0, 0.8);
1016
font-weight: bold;
1017
font-size: 1em; }
1018
.message-content {
1020
padding: 8px;
1021
color: rgba(0, 0, 0, 0.6);
1022
font-size: 1em; }
1023
.message-content * > StIcon {
1025
icon-size: 16px;
1026
border-radius: 16px;
1027
padding: 2px;
1028
color: rgba(0, 0, 0, 0.6); }
1029
/* FIXME: how do you do this in sass? */
1031
.message-content *:hover > StIcon,
1032
.message-content *:focus > StIcon {
1033
color: rgba(0, 0, 0, 0.8);
1034
background-color: rgba(0, 0, 0, 0.12); }
1035
.message-content *:active > StIcon {
1037
color: rgba(0, 0, 0, 0.8);
1038
background-color: rgba(0, 0, 0, 0.24); }
1039
.message-media-control {
1041
margin: 16px 0;
1042
padding: 8px;
1043
border-radius: 100px;
1044
color: rgba(0, 0, 0, 0.6); }
1045
.message-media-control:hover, .message-media-control:focus {
1046
color: rgba(0, 0, 0, 0.8);
1047
background-color: rgba(0, 0, 0, 0.12); }
1048
.message-media-control:active {
1049
color: rgba(0, 0, 0, 0.8);
1050
background-color: rgba(0, 0, 0, 0.24); }
1051
.message-media-control:insensitive {
1052
color: rgba(0, 0, 0, 0.24); }
1053
.message-media-control:last-child:ltr {
1054
margin-right: 16px;
1055
padding-right: 8px; }
1056
.message-media-control:last-child:rtl {
1057
margin-left: 16px;
1058
padding-left: 8px; }
1059
.media-message-cover-icon {
1061
icon-size: 32px; }
1062
.media-message-cover-icon.fallback {
1063
icon-size: 16px;
1064
padding: 8px;
1065
border: none;
1066
border-radius: 2px;
1067
background-color: rgba(0, 0, 0, 0.12);
1068
color: rgba(0, 0, 0, 0.48); }
1069
.system-switch-user-submenu-icon.user-icon {
1071
icon-size: 20px;
1072
padding: 0 2px; }
1073
.system-switch-user-submenu-icon.default-icon {
1075
icon-size: 16px;
1076
padding: 0 4px; }
1077
#appMenu {
1079
spinner-image: url("process-working.svg");
1080
spacing: 4px; }
1081
#appMenu .label-shadow {
1082
color: transparent; }
1083
.aggregate-menu {
1085
min-width: 280px; }
1086
.aggregate-menu .popup-menu-icon {
1087
padding: 0 4px; }
1088
.system-menu-action {
1090
color: rgba(0, 0, 0, 0.6);
1091
border-radius: 100px;
1092
/* wish we could do 50% */
1093
padding: 14px;
1094
border: none; }
1095
.system-menu-action:hover, .system-menu-action:focus {
1096
background-color: rgba(0, 0, 0, 0.12);
1097
color: rgba(0, 0, 0, 0.8);
1098
border: none;
1099
padding: 14px; }
1100
.system-menu-action:active {
1101
background-color: rgba(0, 0, 0, 0.24);
1102
color: rgba(0, 0, 0, 0.8); }
1103
.system-menu-action > StIcon {
1104
icon-size: 16px; }
1105
.ripple-box {
1107
width: 48px;
1108
height: 48px;
1109
background-image: url("assets/corner-ripple-ltr.svg");
1110
background-size: contain; }
1111
.ripple-box:rtl {
1113
background-image: url("assets/corner-ripple-rtl.svg"); }
1114
.popup-menu-arrow {
1116
width: 16px;
1117
height: 16px; }
1118
.popup-menu-icon {
1120
icon-size: 1.23077em; }
1121
.window-close {
1123
height: 32px;
1124
width: 32px;
1125
-st-background-image-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24);
1126
background-image: url("assets/window-close.svg");
1127
background-size: 32px; }
1128
.window-close:hover {
1129
-st-background-image-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); }
1130
.window-close:active {
1131
background-image: url("assets/window-close-active.svg"); }
1132
.window-close {
1134
-shell-close-overlap: 16px; }
1135
.window-close:rtl {
1136
-st-background-image-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); }
1137
.window-close:rtl:hover {
1138
-st-background-image-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); }
1139
/* NETWORK DIALOGS */
1141
.nm-dialog {
1142
max-height: 500px;
1143
min-height: 450px;
1144
min-width: 470px; }
1145
.nm-dialog-content {
1147
spacing: 20px;
1148
padding: 24px; }
1149
.nm-dialog-header-hbox {
1151
spacing: 10px; }
1152
.nm-dialog-airplane-box {
1154
spacing: 12px; }
1155
.nm-dialog-airplane-headline {
1157
font-weight: bold;
1158
text-align: center; }
1159
.nm-dialog-airplane-text {
1161
color: rgba(0, 0, 0, 0.8); }
1162
.nm-dialog-header-icon {
1164
icon-size: 32px; }
1165
.nm-dialog-scroll-view {
1167
border: none; }
1168
.nm-dialog-header {
1170
font-size: 15pt;
1171
font-weight: 500; }
1172
.nm-dialog-item {
1174
font-size: 1em;
1175
border-bottom: none;
1176
border-radius: 2px;
1177
padding: 12px;
1178
spacing: 20px; }
1179
.nm-dialog-item:hover, .nm-dialog-item:focus {
1180
background-color: rgba(0, 0, 0, 0.12); }
1181
.nm-dialog-item:active {
1182
background-color: rgba(0, 0, 0, 0.24); }
1183
.nm-dialog-item:selected {
1185
background-color: #42A5F5;
1186
color: #FFFFFF; }
1187
.nm-dialog-icons {
1189
spacing: .5em; }
1190
.nm-dialog-icon {
1192
icon-size: 16px; }
1193
.no-networks-label {
1195
color: rgba(0, 0, 0, 0.48); }
1196
.no-networks-box {
1198
spacing: 12px; }
1199
/* OVERVIEW */
1201
#overview {
1202
spacing: 24px; }
1203
.overview-controls {
1205
padding-bottom: 32px; }
1206
.window-picker {
1208
-horizontal-spacing: 32px;
1209
-vertical-spacing: 32px;
1210
padding-left: 32px;
1211
padding-right: 32px;
1212
padding-bottom: 48px; }
1213
.window-picker.external-monitor {
1214
padding: 32px; }
1215
.window-clone-border {
1217
border: 4px solid rgba(255, 255, 255, 0.3);
1218
border-radius: 2px;
1219
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); }
1220
.window-caption {
1222
spacing: 25px;
1223
color: #FFFFFF;
1224
background-color: transparent;
1225
border-radius: 2px;
1226
padding: 4px 8px;
1227
-shell-caption-spacing: 12px; }
1228
.window-caption:hover {
1229
background-color: rgba(255, 255, 255, 0.3);
1230
color: #FFFFFF; }
1231
.search-entry {
1233
width: 304px;
1234
padding: 0 8px;
1235
border-radius: 0;
1236
color: rgba(255, 255, 255, 0.6);
1237
selection-background-color: rgba(255, 255, 255, 0.3);
1238
selected-color: #FFFFFF;
1239
background-color: rgba(0, 0, 0, 0.01);
1240
border-color: transparent;
1241
box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); }
1242
.search-entry:focus {
1243
border-color: transparent;
1244
box-shadow: inset 0 -2px #FFFFFF;
1245
padding: 0 8px;
1246
border-width: 0;
1247
color: #FFFFFF; }
1248
.search-entry .search-entry-icon {
1249
icon-size: 16px;
1250
padding: 0 0;
1251
color: rgba(255, 255, 255, 0.6); }
1252
.search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon {
1253
color: #FFFFFF; }
1254
#searchResultsBin {
1256
max-width: 1000px; }
1257
#searchResultsContent {
1259
padding-left: 20px;
1260
padding-right: 20px;
1261
spacing: 16px; }
1262
.search-section {
1264
spacing: 16px; }
1265
.search-section-content {
1267
spacing: 32px; }
1268
.list-search-results {
1270
spacing: 3px; }
1271
.search-section-separator {
1273
-gradient-height: 1px;
1274
-gradient-start: rgba(255, 255, 255, 0);
1275
-gradient-end: rgba(255, 255, 255, 0.4);
1276
-margin-horizontal: 1.5em;
1277
height: 1px; }
1278
.list-search-result-content {
1280
spacing: 12px;
1281
padding: 12px; }
1282
.list-search-result-title {
1284
font-size: 18pt;
1285
font-weight: 400;
1286
color: #FFFFFF; }
1287
.list-search-result-description {
1289
color: rgba(255, 255, 255, 0.75); }
1290
.search-provider-icon {
1292
padding: 15px; }
1293
.search-provider-icon-more {
1295
width: 16px;
1296
height: 16px;
1297
background-image: url("assets/more-results.svg"); }
1298
/* DASHBOARD */
1300
#dash {
1301
font-size: 1em;
1302
color: #FFFFFF;
1303
background-color: rgba(255, 255, 255, 0.1);
1304
padding: 3px 0;
1305
border: none;
1306
border-left: 0px;
1307
border-radius: 0px 2px 2px 0px; }
1308
#dash:rtl {
1309
border-radius: 2px 0 0 2px; }
1310
#dash .placeholder {
1311
background-image: url("assets/dash-placeholder.svg");
1312
background-size: contain;
1313
height: 24px; }
1314
#dash .empty-dash-drop-target {
1315
width: 24px;
1316
height: 24px; }
1317
.dash-item-container > StWidget {
1319
padding: 3px 6px; }
1320
.dash-label {
1322
border-radius: 2px;
1323
padding: 7px 8px;
1324
color: rgba(0, 0, 0, 0.8);
1325
background-color: #FAFAFA;
1326
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345);
1327
text-align: center;
1328
-x-offset: 8px; }
1329
/* App Vault/Grid */
1331
.icon-grid {
1332
spacing: 30px;
1333
-shell-grid-horizontal-item-size: 136px;
1334
-shell-grid-vertical-item-size: 136px; }
1335
.icon-grid .overview-icon {
1336
icon-size: 96px; }
1337
.app-view-controls {
1339
width: 320px;
1340
padding-bottom: 32px; }
1341
.app-view-control {
1343
padding: 0 16px;
1344
font-weight: bold;
1345
color: rgba(255, 255, 255, 0.75); }
1346
.app-view-control:hover {
1347
color: #FFFFFF;
1348
background-color: rgba(255, 255, 255, 0.15) !important; }
1349
.app-view-control:active {
1350
color: #FFFFFF;
1351
background-color: rgba(255, 255, 255, 0.3) !important; }
1352
.app-view-control:checked {
1353
color: #FFFFFF;
1354
background-color: rgba(0, 0, 0, 0.01) !important;
1355
box-shadow: inset 0 2px 0 #FFFFFF; }
1356
.app-view-control:first-child {
1357
border-right-width: 0;
1358
border-radius: 2px; }
1359
.app-view-control:first-child:checked {
1360
border-radius: 0; }
1361
.app-view-control:last-child {
1362
border-radius: 2px; }
1363
.app-view-control:last-child:checked {
1364
border-radius: 0; }
1365
.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover,
1367
.list-search-result:focus,
1368
.list-search-result:selected,
1369
.list-search-result:hover {
1370
background-color: rgba(255, 255, 255, 0.15);
1371
transition-duration: 0s; }
1372
.search-provider-icon:active, .search-provider-icon:checked,
1373
.list-search-result:active,
1374
.list-search-result:checked {
1375
background-color: rgba(255, 255, 255, 0.3);
1376
transition-duration: 0.2s; }
1377
.app-well-app:hover .overview-icon, .app-well-app:focus .overview-icon, .app-well-app:selected .overview-icon,
1379
.app-well-app.app-folder:hover .overview-icon,
1380
.app-well-app.app-folder:focus .overview-icon,
1381
.app-well-app.app-folder:selected .overview-icon,
1382
.show-apps:hover .overview-icon,
1383
.show-apps:focus .overview-icon,
1384
.show-apps:selected .overview-icon,
1385
.grid-search-result:hover .overview-icon,
1386
.grid-search-result:focus .overview-icon,
1387
.grid-search-result:selected .overview-icon {
1388
background-color: rgba(255, 255, 255, 0.15);
1389
transition-duration: 0s;
1390
border-image: none;
1391
background-image: none; }
1392
.app-well-app:active .overview-icon, .app-well-app:checked .overview-icon,
1393
.app-well-app.app-folder:active .overview-icon,
1394
.app-well-app.app-folder:checked .overview-icon,
1395
.show-apps:active .overview-icon,
1396
.show-apps:checked .overview-icon,
1397
.grid-search-result:active .overview-icon,
1398
.grid-search-result:checked .overview-icon {
1399
background-color: rgba(255, 255, 255, 0.3);
1400
box-shadow: 0 0 transparent;
1401
transition-duration: 0.2s; }
1402
.app-well-app-running-dot {
1404
width: 32px;
1405
height: 2px;
1406
background-color: #FFFFFF;
1407
margin-bottom: 0; }
1408
.search-provider-icon,
1410
.list-search-result, .app-well-app .overview-icon,
1411
.app-well-app.app-folder .overview-icon,
1412
.show-apps .overview-icon,
1413
.grid-search-result .overview-icon {
1414
color: #FFFFFF;
1415
border-radius: 2px;
1416
padding: 6px;
1417
border: none;
1418
transition-duration: 0.2s;
1419
text-align: center; }
1420
.app-well-app.app-folder > .overview-icon {
1422
background-color: rgba(255, 255, 255, 0.1); }
1423
.show-apps .show-apps-icon {
1425
color: rgba(255, 255, 255, 0.75); }
1426
.show-apps:hover .show-apps-icon,
1428
.show-apps:active .show-apps-icon,
1429
.show-apps:checked .show-apps-icon,
1430
.show-apps:focus .show-apps-icon {
1431
color: #FFFFFF;
1432
transition-duration: 0.2s; }
1433
.app-folder-popup {
1435
-arrow-border-radius: 2px;
1436
-arrow-background-color: rgba(255, 255, 255, 0.1);
1437
-arrow-base: 24px;
1438
-arrow-rise: 12px; }
1439
.app-folder-popup-bin {
1441
padding: 5px; }
1442
.app-folder-icon {
1444
padding: 5px;
1445
spacing-rows: 5px;
1446
spacing-columns: 5px; }
1447
.page-indicator {
1449
padding: 15px 20px; }
1450
.page-indicator .page-indicator-icon {
1451
width: 12px;
1452
height: 12px;
1453
border-radius: 12px;
1454
background-image: none;
1455
background-color: rgba(255, 255, 255, 0.3); }
1456
.page-indicator:hover .page-indicator-icon {
1457
background-image: none;
1458
background-color: rgba(255, 255, 255, 0.6); }
1459
.page-indicator:active .page-indicator-icon {
1460
background-image: none;
1461
background-color: rgba(255, 255, 255, 0.9); }
1462
.page-indicator:checked .page-indicator-icon, .page-indicator:checked:active {
1463
background-image: none;
1464
background-color: #FFFFFF;
1465
transition-duration: 0s; }
1466
.app-well-app > .overview-icon.overview-icon-with-label,
1468
.grid-search-result .overview-icon.overview-icon-with-label {
1469
padding: 10px 8px 5px 8px;
1470
spacing: 4px; }
1471
.workspace-thumbnails {
1473
visible-width: 32px;
1474
spacing: 12px;
1475
padding: 12px;
1476
border-radius: 2px 0 0 2px; }
1477
.workspace-thumbnails:rtl {
1478
border-radius: 0 2px 2px 0; }
1479
.workspace-thumbnail-indicator {
1481
border: 0 solid #FFFFFF;
1482
border-left-width: 2px;
1483
padding: 6px;
1484
border-radius: 0; }
1485
.search-display > StBoxLayout,
1487
.all-apps,
1488
.frequent-apps > StBoxLayout {
1489
padding: 0px 88px 10px 88px; }
1490
.workspace-thumbnails {
1492
color: #FFFFFF;
1493
background-color: rgba(255, 255, 255, 0.1);
1494
border: none; }
1495
.search-statustext, .no-frequent-applications-label {
1497
font-size: 45px;
1498
font-weight: 400;
1499
color: rgba(255, 255, 255, 0.6); }
1500
/* NOTIFICATIONS & MESSAGE TRAY */
1502
.url-highlighter {
1503
link-color: #42A5F5; }
1504
.notification-banner {
1506
font-size: 1em;
1507
width: 34em;
1508
min-height: 56px;
1509
margin: 5px;
1510
border-radius: 2px;
1511
color: rgba(0, 0, 0, 0.8);
1512
background-color: #FAFAFA;
1513
border: none;
1514
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); }
1515
.notification-banner:hover {
1516
background-color: #FAFAFA; }
1517
.notification-banner:focus {
1518
background-color: #FAFAFA; }
1519
.notification-banner .notification-icon {
1520
padding: 5px; }
1521
.notification-banner .notification-content {
1522
padding: 5px;
1523
spacing: 5px; }
1524
.notification-banner .secondary-icon {
1525
icon-size: 1.23077em; }
1526
.notification-banner .notification-actions {
1527
background-color: transparent;
1528
padding-top: 0;
1529
border-top: 1px solid rgba(0, 0, 0, 0.1);
1530
spacing: 1px; }
1531
.notification-banner .notification-button {
1532
min-height: 40px;
1533
padding: 0 16px;
1534
background-color: transparent;
1535
color: rgba(0, 0, 0, 0.6);
1536
font-weight: 500; }
1537
.notification-banner .notification-button:first-child {
1538
border-radius: 0 0 0 2px; }
1539
.notification-banner .notification-button:last-child {
1540
border-radius: 0 0 2px 0; }
1541
.notification-banner .notification-button:hover, .notification-banner .notification-buttonfocus {
1542
background-color: rgba(0, 0, 0, 0.12);
1543
color: rgba(0, 0, 0, 0.8); }
1544
.notification-banner .notification-button:active {
1545
background-color: rgba(0, 0, 0, 0.24);
1546
color: rgba(0, 0, 0, 0.8); }
1547
.summary-source-counter {
1549
font-size: 1em;
1550
font-weight: bold;
1551
height: 1.6em;
1552
width: 1.6em;
1553
-shell-counter-overlap-x: 3px;
1554
-shell-counter-overlap-y: 3px;
1555
background-color: #42A5F5;
1556
color: #FFFFFF;
1557
border: 2px solid #FFFFFF;
1558
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
1559
border-radius: 0.9em; }
1560
.secondary-icon {
1562
icon-size: 1.23077em; }
1563
.chat-body {
1565
spacing: 5px; }
1566
.chat-response {
1568
margin: 5px; }
1569
.chat-log-message {
1571
color: rgba(0, 0, 0, 0.8); }
1572
.chat-new-group {
1574
padding-top: 1em; }
1575
.chat-received {
1577
padding-left: 4px; }
1578
.chat-received:rtl {
1579
padding-left: 0px;
1580
padding-right: 4px; }
1581
.chat-sent {
1583
padding-left: 18pt;
1584
color: rgba(0, 0, 0, 0.6); }
1585
.chat-sent:rtl {
1586
padding-left: 0;
1587
padding-right: 18pt; }
1588
.chat-meta-message {
1590
padding-left: 4px;
1591
font-size: 9pt;
1592
font-weight: 400;
1593
color: rgba(0, 0, 0, 0.48); }
1594
.chat-meta-message:rtl {
1595
padding-left: 0;
1596
padding-right: 4px; }
1597
.hotplug-transient-box {
1599
spacing: 6px;
1600
padding: 2px 72px 2px 12px; }
1601
.hotplug-notification-item {
1603
padding: 2px 10px; }
1604
.hotplug-notification-item:focus {
1605
padding: 1px 71px 1px 11px; }
1606
.hotplug-notification-item-icon {
1608
icon-size: 24px;
1609
padding: 2px 5px; }
1610
.hotplug-resident-box {
1612
spacing: 8px; }
1613
.hotplug-resident-mount {
1615
spacing: 8px;
1616
border-radius: 2px; }
1617
.hotplug-resident-mount:hover {
1618
background-color: rgba(0, 0, 0, 0.12); }
1619
.hotplug-resident-mount:active {
1620
background-color: rgba(0, 0, 0, 0.24); }
1621
.hotplug-resident-mount-label {
1623
color: inherit;
1624
padding-left: 6px; }
1625
.hotplug-resident-mount-icon {
1627
icon-size: 24px;
1628
padding-left: 6px; }
1629
.hotplug-resident-eject-icon {
1631
icon-size: 16px; }
1632
.hotplug-resident-eject-button {
1634
padding: 7px;
1635
border-radius: 2px;
1636
color: rgba(0, 0, 0, 0.8); }
1637
/* Eeeky things */
1639
.legacy-tray {
1640
background-color: rgba(0, 0, 0, 0.6);
1641
color: #FFFFFF;
1642
border: none;
1643
border-bottom-width: 0; }
1644
.legacy-tray:ltr {
1645
border-radius: 0 2px 0 0;
1646
border-left-width: 0; }
1647
.legacy-tray:rtl {
1648
border-radius: 2px 0 0 0;
1649
border-right-width: 0; }
1650
.legacy-tray-handle,
1652
.legacy-tray-icon {
1653
padding: 6px; }
1654
.legacy-tray-handle StIcon,
1655
.legacy-tray-icon StIcon {
1656
icon-size: 24px; }
1657
.legacy-tray-handle:hover, .legacy-tray-handle:focus,
1658
.legacy-tray-icon:hover,
1659
.legacy-tray-icon:focus {
1660
background-color: rgba(255, 255, 255, 0.15); }
1661
.legacy-tray-handle:active,
1662
.legacy-tray-icon:active {
1663
background-color: rgba(255, 255, 255, 0.3); }
1664
.legacy-tray-icon-box {
1666
spacing: 12px; }
1667
.legacy-tray-icon-box:ltr {
1668
padding-left: 12px; }
1669
.legacy-tray-icon-box:rtl {
1670
padding-right: 12px; }
1671
.legacy-tray-icon-box StButton {
1672
width: 24px;
1673
height: 24px; }
1674
.magnifier-zoom-region {
1676
border: 2px solid #42A5F5; }
1677
.magnifier-zoom-region.full-screen {
1678
border-width: 0; }
1679
/* On-screen Keyboard */
1681
#keyboard {
1682
background-color: rgba(0, 0, 0, 0.3); }
1683
.keyboard-layout {
1685
spacing: 10px;
1686
padding: 10px; }
1687
.keyboard-row {
1689
spacing: 15px; }
1690
.keyboard-key {
1692
min-height: 64px;
1693
min-width: 64px;
1694
font-size: 2em;
1695
font-weight: 500;
1696
border-radius: 2px;
1697
border: none;
1698
color: inherit;
1699
color: rgba(0, 0, 0, 0.6);
1700
background-color: #FAFAFA;
1701
border-color: transparent;
1702
box-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24);
1703
text-shadow: none;
1704
icon-shadow: none; }
1705
.keyboard-key:focus {
1706
color: rgba(0, 0, 0, 0.8);
1707
text-shadow: none;
1708
icon-shadow: none;
1709
box-shadow: 0 0 transparent; }
1710
.keyboard-key:hover, .keyboard-key:checked {
1711
color: rgba(0, 0, 0, 0.8);
1712
background-color: #FAFAFA;
1713
border-color: transparent;
1714
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345);
1715
text-shadow: none;
1716
icon-shadow: none; }
1717
.keyboard-key:active {
1718
color: rgba(0, 0, 0, 0.8);
1719
background-color: rgba(194, 194, 194, 0.94);
1720
border-color: transparent;
1721
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345);
1722
text-shadow: none;
1723
icon-shadow: none; }
1724
.keyboard-key:grayed {
1725
background-color: rgba(0, 0, 0, 0.3);
1726
color: #FFFFFF;
1727
border-color: rgba(0, 0, 0, 0.3); }
1728
.keyboard-subkeys {
1730
color: inherit;
1731
padding: 5px;
1732
-arrow-border-radius: 0;
1733
-arrow-background-color: transparent;
1734
-arrow-border-width: 0;
1735
-arrow-border-color: transparent;
1736
-arrow-base: 0;
1737
-arrow-rise: 0;
1738
-boxpointer-gap: 5px;
1739
background-color: #FAFAFA;
1740
border-radius: 2px;
1741
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); }
1742
.candidate-popup-content {
1744
padding: 8px;
1745
spacing: 0; }
1746
.candidate-index {
1748
padding: 0 4px 0 0;
1749
color: rgba(0, 0, 0, 0.48); }
1750
.candidate-box:selected .candidate-index {
1751
color: rgba(255, 255, 255, 0.6); }
1752
.candidate-box {
1754
transition-duration: 0s;
1755
min-height: 28px;
1756
padding: 0 8px;
1757
border-radius: 2px; }
1758
.candidate-box:hover {
1759
background-color: rgba(0, 0, 0, 0.12);
1760
color: rgba(0, 0, 0, 0.8); }
1761
.candidate-box:active {
1762
background-color: rgba(0, 0, 0, 0.24);
1763
color: rgba(0, 0, 0, 0.8); }
1764
.candidate-box:selected {
1765
background-color: #42A5F5;
1766
color: #FFFFFF; }
1767
.candidate-page-button-box {
1769
height: 28px; }
1770
.vertical .candidate-page-button-box {
1771
padding-top: 0; }
1772
.horizontal .candidate-page-button-box {
1773
padding-left: 0; }
1774
.candidate-page-button {
1776
min-width: 28px;
1777
min-height: 28px;
1778
padding: 0; }
1779
.candidate-page-button-previous {
1781
border-radius: 2px;
1782
border-right-width: 0; }
1783
.candidate-page-button-next {
1785
border-radius: 2px; }
1786
.candidate-page-button-icon {
1788
icon-size: 1.23077em; }
1789
/* Auth Dialogs & Screen Shield */
1791
.framed-user-icon {
1792
background-size: contain;
1793
border: none;
1794
color: #FFFFFF;
1795
border-radius: 2px; }
1796
.framed-user-icon:hover {
1797
border-color: #FFFFFF;
1798
color: #FFFFFF; }
1799
.login-dialog-banner-view {
1801
padding-top: 24px;
1802
max-width: 23em; }
1803
.login-dialog {
1805
border: none;
1806
background-color: transparent; }
1807
.login-dialog StEntry {
1808
color: #FFFFFF;
1809
selection-background-color: rgba(255, 255, 255, 0.3);
1810
selected-color: #FFFFFF;
1811
background-color: rgba(0, 0, 0, 0.01);
1812
border-color: transparent;
1813
box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); }
1814
.login-dialog StEntry:focus {
1815
border-color: transparent;
1816
box-shadow: inset 0 -2px #FFFFFF; }
1817
.login-dialog StEntry:insensitive {
1818
color: rgba(0, 0, 0, 0.32);
1819
border-color: transparent;
1820
box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12);
1821
color: rgba(255, 255, 255, 0.4); }
1822
.login-dialog .modal-dialog-button-box {
1823
spacing: 3px; }
1824
.login-dialog .modal-dialog-button {
1825
padding: 0 16px;
1826
color: rgba(255, 255, 255, 0.75);
1827
background-color: transparent;
1828
border-color: transparent;
1829
box-shadow: 0 0 transparent;
1830
text-shadow: none;
1831
icon-shadow: none; }
1832
.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus {
1833
color: #FFFFFF;
1834
background-color: rgba(255, 255, 255, 0.15);
1835
border-color: transparent;
1836
box-shadow: 0 0 transparent;
1837
text-shadow: none;
1838
icon-shadow: none; }
1839
.login-dialog .modal-dialog-button:active {
1840
color: #FFFFFF;
1841
background-color: rgba(255, 255, 255, 0.3);
1842
border-color: transparent;
1843
box-shadow: 0 0 transparent;
1844
text-shadow: none;
1845
icon-shadow: none; }
1846
.login-dialog .modal-dialog-button:insensitive {
1847
color: rgba(255, 255, 255, 0.3);
1848
background-color: transparent;
1849
border-color: transparent;
1850
box-shadow: 0 0 transparent;
1851
text-shadow: none;
1852
icon-shadow: none; }
1853
.login-dialog .modal-dialog-button:default {
1854
color: #FFFFFF;
1855
background-color: #FF4081;
1856
border-color: transparent;
1857
box-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24);
1858
text-shadow: none;
1859
icon-shadow: none; }
1860
.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus {
1861
color: #FFFFFF;
1862
background-color: #FF4081;
1863
border-color: transparent;
1864
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345);
1865
text-shadow: none;
1866
icon-shadow: none; }
1867
.login-dialog .modal-dialog-button:default:active {
1868
color: #FFFFFF;
1869
background-color: #ff79a7;
1870
border-color: transparent;
1871
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345);
1872
text-shadow: none;
1873
icon-shadow: none; }
1874
.login-dialog .modal-dialog-button:default:insensitive {
1875
color: rgba(255, 255, 255, 0.4);
1876
background-color: rgba(255, 255, 255, 0.12);
1877
border-color: transparent;
1878
box-shadow: 0 0 transparent;
1879
text-shadow: none;
1880
icon-shadow: none; }
1881
.login-dialog-logo-bin {
1883
padding: 24px 0px; }
1884
.login-dialog-banner {
1886
color: rgba(255, 255, 255, 0.75); }
1887
.login-dialog-button-box {
1889
spacing: 5px; }
1890
.login-dialog-message-warning {
1892
color: #FF6D00; }
1893
.login-dialog-message-hint {
1895
padding-top: 0;
1896
padding-bottom: 20px; }
1897
.login-dialog-user-selection-box {
1899
padding: 100px 0px; }
1900
.login-dialog-user-selection-box .login-dialog-not-listed-label {
1901
padding-left: 2px; }
1902
.login-dialog-not-listed-button:focus .login-dialog-user-selection-box .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-user-selection-box .login-dialog-not-listed-label {
1903
color: #FFFFFF; }
1904
.login-dialog-not-listed-label {
1906
font-size: 1em;
1907
font-weight: bold;
1908
color: rgba(255, 255, 255, 0.75);
1909
padding-top: 1em; }
1910
.login-dialog-not-listed-label:hover {
1911
color: #FFFFFF; }
1912
.login-dialog-not-listed-label:focus {
1913
background-color: rgba(255, 255, 255, 0.15); }
1914
.login-dialog-user-list-view {
1916
-st-vfade-offset: 1em; }
1917
.login-dialog-user-list {
1919
spacing: 12px;
1920
padding: .2em;
1921
width: 23em; }
1922
.login-dialog-user-list:expanded .login-dialog-user-list-item:focus {
1923
background-color: rgba(255, 255, 255, 0.15);
1924
color: #FFFFFF; }
1925
.login-dialog-user-list:expanded .login-dialog-user-list-item:hover {
1926
background-color: rgba(255, 255, 255, 0.15);
1927
color: #FFFFFF; }
1928
.login-dialog-user-list:expanded .login-dialog-user-list-item:active {
1929
background-color: rgba(255, 255, 255, 0.3);
1930
color: #FFFFFF; }
1931
.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in {
1932
border-right: 2px solid #FFFFFF; }
1933
.login-dialog-user-list-item {
1935
border-radius: 2px;
1936
padding: 4px 4px 0;
1937
color: rgba(255, 255, 255, 0.75); }
1938
.login-dialog-user-list-item:ltr {
1939
padding-right: 1em; }
1940
.login-dialog-user-list-item:rtl {
1941
padding-left: 1em; }
1942
.login-dialog-user-list-item:hover {
1943
background-color: rgba(255, 255, 255, 0.15);
1944
color: #FFFFFF; }
1945
.login-dialog-user-list-item:active {
1946
background-color: rgba(255, 255, 255, 0.3);
1947
color: #FFFFFF; }
1948
.login-dialog-user-list-item .login-dialog-timed-login-indicator {
1949
height: 2px;
1950
margin: 2px 0 0 0;
1951
background-color: #FFFFFF; }
1952
.login-dialog-user-list-item:focus .login-dialog-timed-login-indicator {
1953
background-color: #FFFFFF; }
1954
.login-dialog-username,
1956
.user-widget-label {
1957
color: #FFFFFF;
1958
font-size: 15pt;
1959
font-weight: 500;
1960
text-align: left;
1961
padding-left: 15px; }
1962
.user-widget-label:ltr {
1964
padding-left: 18px; }
1965
.user-widget-label:rtl {
1966
padding-right: 18px; }
1967
.login-dialog-prompt-layout {
1969
padding-top: 24px;
1970
padding-bottom: 12px;
1971
spacing: 8px;
1972
width: 23em; }
1973
.login-dialog-prompt-label {
1975
color: rgba(255, 255, 255, 0.6);
1976
font-size: 1em;
1977
padding-top: 1em; }
1978
.login-dialog-session-list-button StIcon {
1980
icon-size: 1.25em; }
1981
.login-dialog-session-list-button {
1983
color: rgba(255, 255, 255, 0.75); }
1984
.login-dialog-session-list-button:hover, .login-dialog-session-list-button:focus {
1985
color: #FFFFFF; }
1986
.login-dialog-session-list-button:active {
1987
color: #FFFFFF; }
1988
.screen-shield-arrows {
1990
padding-bottom: 3em; }
1991
.screen-shield-arrows Gjs_Arrow {
1993
color: white;
1994
width: 80px;
1995
height: 48px;
1996
-arrow-thickness: 12px;
1997
-arrow-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); }
1998
.screen-shield-clock {
2000
color: white;
2001
text-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24);
2002
font-weight: normal;
2003
text-align: center;
2004
padding-bottom: 1.5em; }
2005
.screen-shield-clock-time {
2007
font-size: 112px;
2008
font-weight: 300;
2009
text-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); }
2010
.screen-shield-clock-date {
2012
font-size: 45px;
2013
font-weight: 400; }
2014
.screen-shield-notifications-container {
2016
spacing: 6px;
2017
width: 30em;
2018
background-color: transparent;
2019
max-height: 500px; }
2020
.screen-shield-notifications-container .summary-notification-stack-scrollview {
2021
padding-top: 0;
2022
padding-bottom: 0; }
2023
.screen-shield-notifications-container .notification,
2024
.screen-shield-notifications-container .screen-shield-notification-source {
2025
padding: 8px;
2026
border: none;
2027
background-color: rgba(0, 0, 0, 0.3);
2028
color: #FFFFFF;
2029
border-radius: 2px; }
2030
.screen-shield-notifications-container .notification {
2031
margin-right: 16px; }
2032
.screen-shield-notification-label {
2034
min-height: 18px;
2035
padding: 2px 0px 0px 16px;
2036
font-weight: bold; }
2037
.screen-shield-notification-count-text {
2039
min-height: 18px;
2040
padding: 2px 0px 0px 16px;
2041
color: rgba(255, 255, 255, 0.75); }
2042
#panel.lock-screen {
2044
background-color: rgba(0, 0, 0, 0.3); }
2045
.screen-shield-background {
2047
background: black;
2048
box-shadow: 0 19px 19px rgba(0, 0, 0, 0.6), 0 15px 6px rgba(0, 0, 0, 0.44); }
2049
#lockDialogGroup {
2051
background: #607D8B url("assets/noise-texture.svg");
2052
background-size: cover; }
2053
#LookingGlassDialog {
2055
background-color: #FAFAFA;
2056
spacing: 4px;
2057
padding: 0;
2058
border: none;
2059
border-radius: 2px;
2060
box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); }
2061
#LookingGlassDialog > #Toolbar {
2062
padding: 0 8px;
2063
border: none;
2064
border-radius: 0;
2065
background-color: rgba(250, 250, 250, 0.01);
2066
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1); }
2067
#LookingGlassDialog .labels {
2068
spacing: 0; }
2069
#LookingGlassDialog .notebook-tab {
2070
-natural-hpadding: 12px;
2071
-minimum-hpadding: 6px;
2072
font-weight: bold;
2073
color: rgba(0, 0, 0, 0.48);
2074
transition-duration: 0.2s;
2075
padding-left: 16px;
2076
padding-right: 16px;
2077
min-height: 32px;
2078
padding: 0 32px; }
2079
#LookingGlassDialog .notebook-tab:hover {
2080
box-shadow: inset 0 -2px 0px rgba(0, 0, 0, 0.24);
2081
color: rgba(0, 0, 0, 0.8);
2082
text-shadow: none; }
2083
#LookingGlassDialog .notebook-tab:selected {
2084
border-bottom-width: 0;
2085
border-color: transparent;
2086
background-color: rgba(250, 250, 250, 0.01);
2087
box-shadow: inset 0 -2px 0px #42A5F5;
2088
color: rgba(0, 0, 0, 0.8);
2089
text-shadow: none; }
2090
#LookingGlassDialog StBoxLayout#EvalBox {
2091
padding: 4px;
2092
spacing: 4px; }
2093
#LookingGlassDialog StBoxLayout#ResultsArea {
2094
spacing: 4px; }
2095
.lg-dialog StEntry {
2097
selection-background-color: #42A5F5;
2098
selected-color: #FFFFFF; }
2099
.lg-dialog .shell-link {
2100
color: #42A5F5; }
2101
.lg-dialog .shell-link:hover {
2102
color: #42A5F5; }
2103
.lg-completions-text {
2105
font-size: 1em;
2106
font-style: italic; }
2107
.lg-obj-inspector-title {
2109
spacing: 4px; }
2110
.lg-obj-inspector-button {
2112
min-height: 32px;
2113
padding: 0 16px;
2114
border: none;
2115
border-radius: 2px;
2116
font-size: 9.75pt;
2117
font-weight: 500;
2118
color: rgba(0, 0, 0, 0.6);
2119
background-color: transparent;
2120
border-color: transparent;
2121
box-shadow: 0 0 transparent;
2122
text-shadow: none;
2123
icon-shadow: none; }
2124
.lg-obj-inspector-button:hover {
2125
color: rgba(0, 0, 0, 0.8);
2126
background-color: rgba(0, 0, 0, 0.12);
2127
border-color: transparent;
2128
box-shadow: 0 0 transparent;
2129
text-shadow: none;
2130
icon-shadow: none; }
2131
.lg-obj-inspector-button:active {
2132
color: rgba(0, 0, 0, 0.8);
2133
background-color: rgba(0, 0, 0, 0.24);
2134
border-color: transparent;
2135
box-shadow: 0 0 transparent;
2136
text-shadow: none;
2137
icon-shadow: none; }
2138
.lg-obj-inspector-button:insensitive {
2139
color: rgba(0, 0, 0, 0.24);
2140
background-color: transparent;
2141
border-color: transparent;
2142
box-shadow: 0 0 transparent;
2143
text-shadow: none;
2144
icon-shadow: none; }
2145
.lg-obj-inspector-button:focus {
2146
color: rgba(0, 0, 0, 0.8);
2147
text-shadow: none;
2148
icon-shadow: none;
2149
box-shadow: 0 0 transparent; }
2150
.lg-obj-inspector-button:hover {
2151
border: none; }
2152
#lookingGlassExtensions {
2154
padding: 4px; }
2155
.lg-extensions-list {
2157
padding: 4px;
2158
spacing: 6px; }
2159
.lg-extension {
2161
border: none;
2162
border-radius: 2px;
2163
padding: 4px; }
2164
.lg-extension-name {
2166
font-size: 18pt;
2167
font-weight: 400; }
2168
.lg-extension-meta {
2170
spacing: 6px; }
2171
#LookingGlassPropertyInspector {
2173
background: #FAFAFA;
2174
border: none;
2175
border-radius: 2px;
2176
padding: 6px;
2177
box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); }
2178
/* Dash to Dock */
2180
#dashtodockContainer #dash {
2181
background-color: rgba(0, 0, 0, 0.6); }
2182
#dashtodockContainer:overview #dash {
2184
background-color: rgba(255, 255, 255, 0.1); }
2185
#dashtodockContainer.extended:overview #dash {
2187
background-color: transparent; }
2188
#dashtodockContainer.left #dash,
2190
#dashtodockContainer.right #dash {
2191
padding: 3px 0; }
2192
#dashtodockContainer.top #dash,
2194
#dashtodockContainer.bottom #dash {
2195
padding: 0 3px; }
2196
#dashtodockContainer.extended #dash {
2198
padding: 0;
2199
border-radius: 0; }
2200
#dashtodockContainer.left .dash-item-container > StWidget,
2202
#dashtodockContainer.right .dash-item-container > StWidget,
2203
#dashtodockContainer.extended.left .dash-item-container > StWidget,
2204
#dashtodockContainer.extended.right .dash-item-container > StWidget {
2205
padding: 3px 6px; }
2206
#dashtodockContainer.extended.left .dash-item-container:first-child > StWidget,
2208
#dashtodockContainer.extended.right .dash-item-container:first-child > StWidget {
2209
padding: 6px 6px 3px 6px; }
2210
#dashtodockContainer.extended.left .dash-item-container:last-child > StWidget,
2212
#dashtodockContainer.extended.right .dash-item-container:last-child > StWidget {
2213
padding: 3px 6px 6px 6px; }
2214
#dashtodockContainer.top .dash-item-container > StWidget,
2216
#dashtodockContainer.bottom .dash-item-container > StWidget,
2217
#dashtodockContainer.extended.top .dash-item-container > StWidget,
2218
#dashtodockContainer.extended.bottom .dash-item-container > StWidget {
2219
padding: 6px 3px; }
2220
#dashtodockContainer.extended.top .dash-item-container:first-child > StWidget,
2222
#dashtodockContainer.extended.bottom .dash-item-container:first-child > StWidget {
2223
padding: 6px 3px 6px 6px; }
2224
#dashtodockContainer.extended.top .dash-item-container:last-child > StWidget,
2226
#dashtodockContainer.extended.bottom .dash-item-container:last-child > StWidget {
2227
padding: 6px 6px 6px 3px; }
2228
#dashtodockContainer .app-well-app-running-dot {
2230
background-color: transparent; }
2231
#dashtodockContainer .dash-item-container > StWidget {
2233
background-size: cover; }
2234
#dashtodockContainer.left .dash-item-container > StWidget.running1 {
2236
background-image: url("assets/left-running1.svg"); }
2237
#dashtodockContainer.left .dash-item-container > StWidget.running1.focused {
2239
background-image: url("assets/left-running1-focused.svg"); }
2240
#dashtodockContainer.left .dash-item-container > StWidget.running2 {
2242
background-image: url("assets/left-running2.svg"); }
2243
#dashtodockContainer.left .dash-item-container > StWidget.running2.focused {
2245
background-image: url("assets/left-running2-focused.svg"); }
2246
#dashtodockContainer.left .dash-item-container > StWidget.running3 {
2248
background-image: url("assets/left-running3.svg"); }
2249
#dashtodockContainer.left .dash-item-container > StWidget.running3.focused {
2251
background-image: url("assets/left-running3-focused.svg"); }
2252
#dashtodockContainer.left .dash-item-container > StWidget.running4 {
2254
background-image: url("assets/left-running4.svg"); }
2255
#dashtodockContainer.left .dash-item-container > StWidget.running4.focused {
2257
background-image: url("assets/left-running4-focused.svg"); }
2258
#dashtodockContainer.right .dash-item-container > StWidget.running1 {
2260
background-image: url("assets/right-running1.svg"); }
2261
#dashtodockContainer.right .dash-item-container > StWidget.running1.focused {
2263
background-image: url("assets/right-running1-focused.svg"); }
2264
#dashtodockContainer.right .dash-item-container > StWidget.running2 {
2266
background-image: url("assets/right-running2.svg"); }
2267
#dashtodockContainer.right .dash-item-container > StWidget.running2.focused {
2269
background-image: url("assets/right-running2-focused.svg"); }
2270
#dashtodockContainer.right .dash-item-container > StWidget.running3 {
2272
background-image: url("assets/right-running3.svg"); }
2273
#dashtodockContainer.right .dash-item-container > StWidget.running3.focused {
2275
background-image: url("assets/right-running3-focused.svg"); }
2276
#dashtodockContainer.right .dash-item-container > StWidget.running4 {
2278
background-image: url("assets/right-running4.svg"); }
2279
#dashtodockContainer.right .dash-item-container > StWidget.running4.focused {
2281
background-image: url("assets/right-running4-focused.svg"); }
2282
#dashtodockContainer.top .dash-item-container > StWidget.running1 {
2284
background-image: url("assets/top-running1.svg"); }
2285
#dashtodockContainer.top .dash-item-container > StWidget.running1.focused {
2287
background-image: url("assets/top-running1-focused.svg"); }
2288
#dashtodockContainer.top .dash-item-container > StWidget.running2 {
2290
background-image: url("assets/top-running2.svg"); }
2291
#dashtodockContainer.top .dash-item-container > StWidget.running2.focused {
2293
background-image: url("assets/top-running2-focused.svg"); }
2294
#dashtodockContainer.top .dash-item-container > StWidget.running3 {
2296
background-image: url("assets/top-running3.svg"); }
2297
#dashtodockContainer.top .dash-item-container > StWidget.running3.focused {
2299
background-image: url("assets/top-running3-focused.svg"); }
2300
#dashtodockContainer.top .dash-item-container > StWidget.running4 {
2302
background-image: url("assets/top-running4.svg"); }
2303
#dashtodockContainer.top .dash-item-container > StWidget.running4.focused {
2305
background-image: url("assets/top-running4-focused.svg"); }
2306
#dashtodockContainer.bottom .dash-item-container > StWidget.running1 {
2308
background-image: url("assets/bottom-running1.svg"); }
2309
#dashtodockContainer.bottom .dash-item-container > StWidget.running1.focused {
2311
background-image: url("assets/bottom-running1-focused.svg"); }
2312
#dashtodockContainer.bottom .dash-item-container > StWidget.running2 {
2314
background-image: url("assets/bottom-running2.svg"); }
2315
#dashtodockContainer.bottom .dash-item-container > StWidget.running2.focused {
2317
background-image: url("assets/bottom-running2-focused.svg"); }
2318
#dashtodockContainer.bottom .dash-item-container > StWidget.running3 {
2320
background-image: url("assets/bottom-running3.svg"); }
2321
#dashtodockContainer.bottom .dash-item-container > StWidget.running3.focused {
2323
background-image: url("assets/bottom-running3-focused.svg"); }
2324
#dashtodockContainer.bottom .dash-item-container > StWidget.running4 {
2326
background-image: url("assets/bottom-running4.svg"); }
2327
#dashtodockContainer.bottom .dash-item-container > StWidget.running4.focused {
2329
background-image: url("assets/bottom-running4-focused.svg"); }
2330
/* Simple Dock */
2332
#dash:desktop {
2333
background-color: rgba(0, 0, 0, 0.6); }
2334
/* GPaste */
2336
.popup-menu .search-entry {
2337
color: rgba(0, 0, 0, 0.8);
2338
selection-background-color: #42A5F5;
2339
selected-color: #FFFFFF;
2340
background-color: rgba(250, 250, 250, 0.01);
2341
border-color: transparent;
2342
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.24); }
2343
.popup-menu .search-entry:focus {
2344
border-color: transparent;
2345
box-shadow: inset 0 -2px #42A5F5;
2346
color: rgba(0, 0, 0, 0.8); }
2347
.popup-menu .search-entry .search-entry-icon {
2348
color: rgba(0, 0, 0, 0.48); }
2349
.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon {
2350
color: rgba(0, 0, 0, 0.8); }
2351