A fork of the Materia GTK theme.

By using this site, you agree to have cookies stored on your device, strictly for functional purposes, such as storing your session and preferences.

Dismiss

 gnome-shell_laptop.css

View raw Download
text/plain • 62.86 kiB
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
24
/* 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
31
/* 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
73
.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
121
/* 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
147
/* Scrollbars */
148
StScrollView.vfade {
149
-st-vfade-offset: 32px; }
150
StScrollView.hfade {
151
-st-hfade-offset: 32px; }
152
153
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
171
#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
180
/* 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
192
/* 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
219
/* Switches */
220
.toggle-switch {
221
width: 40px;
222
height: 20px;
223
background-size: contain; }
224
225
.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
230
.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
235
/* 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
246
/* Modal Dialogs */
247
.headline {
248
font-size: 15pt;
249
font-weight: 500; }
250
251
.lightbox {
252
background-color: black; }
253
254
.flashspot {
255
background-color: white; }
256
257
.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
279
.show-processes-dialog-subject,
280
.mount-question-dialog-subject,
281
.end-session-dialog-subject {
282
font-size: 15pt;
283
font-weight: 500; }
284
285
/* End Session Dialog */
286
.end-session-dialog {
287
spacing: 42px;
288
border: none; }
289
290
.end-session-dialog-list {
291
padding-top: 20px; }
292
293
.end-session-dialog-layout {
294
padding-left: 17px; }
295
.end-session-dialog-layout:rtl {
296
padding-right: 17px; }
297
298
.end-session-dialog-description {
299
width: 28em;
300
padding-bottom: 10px; }
301
.end-session-dialog-description:rtl {
302
text-align: right; }
303
304
.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
311
.end-session-dialog-logout-icon {
312
border-radius: 5px;
313
width: 48px;
314
height: 48px;
315
background-size: contain; }
316
317
.end-session-dialog-shutdown-icon {
318
color: rgba(0, 0, 0, 0.48);
319
width: 48px;
320
height: 48px; }
321
322
.end-session-dialog-inhibitor-layout {
323
spacing: 16px;
324
max-height: 200px;
325
padding-right: 65px;
326
padding-left: 65px; }
327
328
.end-session-dialog-session-list,
329
.end-session-dialog-app-list {
330
spacing: 1em; }
331
332
.end-session-dialog-list-header {
333
font-weight: bold; }
334
.end-session-dialog-list-header:rtl {
335
text-align: right; }
336
337
.end-session-dialog-app-list-item,
338
.end-session-dialog-session-list-item {
339
spacing: 1em; }
340
341
.end-session-dialog-app-list-item-name,
342
.end-session-dialog-session-list-item-name {
343
font-weight: bold; }
344
345
.end-session-dialog-app-list-item-description {
346
color: rgba(0, 0, 0, 0.48);
347
font-size: 1em; }
348
349
/* ShellMountOperation Dialogs */
350
.shell-mount-operation-icon {
351
icon-size: 48px; }
352
353
.show-processes-dialog,
354
.mount-question-dialog {
355
spacing: 24px; }
356
357
.show-processes-dialog-subject,
358
.mount-question-dialog-subject {
359
padding-top: 10px;
360
padding-left: 17px;
361
padding-bottom: 6px; }
362
363
.mount-question-dialog-subject {
364
max-width: 500px; }
365
366
.show-processes-dialog-subject:rtl,
367
.mount-question-dialog-subject:rtl {
368
padding-left: 0px;
369
padding-right: 17px; }
370
371
.show-processes-dialog-description,
372
.mount-question-dialog-description {
373
padding-left: 17px;
374
width: 28em; }
375
376
.show-processes-dialog-description:rtl,
377
.mount-question-dialog-description:rtl {
378
padding-right: 17px; }
379
380
.show-processes-dialog-app-list {
381
max-height: 200px;
382
padding-top: 24px;
383
padding-left: 49px;
384
padding-right: 32px; }
385
386
.show-processes-dialog-app-list:rtl {
387
padding-right: 49px;
388
padding-left: 32px; }
389
390
.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
399
.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
404
.show-processes-dialog-app-list-item-name {
405
font-size: 1em; }
406
407
/* Password or Authentication Dialog */
408
.prompt-dialog {
409
width: 500px;
410
border: none; }
411
412
.prompt-dialog-main-layout {
413
spacing: 24px;
414
padding: 10px; }
415
416
.prompt-dialog-message-layout {
417
spacing: 16px; }
418
419
.prompt-dialog-headline {
420
font-size: 15pt;
421
font-weight: 500;
422
color: rgba(0, 0, 0, 0.8); }
423
424
.prompt-dialog-description:rtl {
425
text-align: right; }
426
427
.prompt-dialog-password-box {
428
spacing: 1em;
429
padding-bottom: 1em; }
430
431
.prompt-dialog-error-label {
432
font-size: 1em;
433
color: #DD2C00;
434
padding-bottom: 8px; }
435
436
.prompt-dialog-info-label {
437
font-size: 1em;
438
padding-bottom: 8px; }
439
440
.hidden {
441
color: transparent; }
442
443
.prompt-dialog-null-label {
444
font-size: 1em;
445
padding-bottom: 8px; }
446
447
/* 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
455
.polkit-dialog-user-root-label {
456
color: #FF6D00; }
457
458
.polkit-dialog-user-icon {
459
border-radius: 5px;
460
background-size: contain;
461
width: 48px;
462
height: 48px; }
463
464
/* Audio selection dialog */
465
.audio-device-selection-dialog {
466
spacing: 30px; }
467
468
.audio-selection-content {
469
spacing: 20px;
470
padding: 24px; }
471
472
.audio-selection-title {
473
font-weight: bold;
474
text-align: center; }
475
476
.audio-selection-box {
477
spacing: 20px; }
478
479
.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
485
.audio-selection-device-box {
486
padding: 20px;
487
spacing: 20px; }
488
489
.audio-selection-device-icon {
490
icon-size: 64px; }
491
492
/* Access Dialog */
493
.access-dialog {
494
spacing: 30px; }
495
496
.access-dialog-main-layout {
497
padding: 12px 20px 0;
498
spacing: 12px; }
499
500
.access-dialog-content {
501
max-width: 28em;
502
spacing: 20px; }
503
504
.access-dialog-icon {
505
min-width: 48px;
506
icon-size: 48px; }
507
508
.access-dialog-title {
509
font-weight: bold; }
510
511
.access-dialog-subtitle {
512
color: rgba(0, 0, 0, 0.48);
513
font-weight: bold; }
514
515
/* Geolocation Dialog */
516
.geolocation-dialog {
517
spacing: 30px; }
518
519
.geolocation-dialog-main-layout {
520
spacing: 12px; }
521
522
.geolocation-dialog-content {
523
spacing: 20px; }
524
525
.geolocation-dialog-icon {
526
icon-size: 48px; }
527
528
.geolocation-dialog-title {
529
font-weight: bold; }
530
531
.geolocation-dialog-reason {
532
color: rgba(0, 0, 0, 0.48);
533
font-weight: bold; }
534
535
/* Network Agent Dialog */
536
.network-dialog-secret-table {
537
spacing-rows: 15px;
538
spacing-columns: 1em; }
539
540
.keyring-dialog-control-table {
541
spacing-rows: 15px;
542
spacing-columns: 1em; }
543
544
/* 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
591
.popup-menu-ornament {
592
text-align: right;
593
width: 16px;
594
height: 16px; }
595
596
.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
610
.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
618
.background-menu {
619
-boxpointer-gap: 4px;
620
-arrow-rise: 0; }
621
622
/* 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
646
/* App Switcher */
647
.switcher-popup {
648
padding: 8px;
649
spacing: 16px; }
650
651
.switcher-list-item-container {
652
spacing: 8px; }
653
654
.switcher-list .item-box {
655
padding: 8px;
656
border-radius: 2px; }
657
658
.switcher-list .item-box:outlined {
659
padding: 8px;
660
border: none;
661
background-color: rgba(0, 0, 0, 0.096); }
662
663
.switcher-list .item-box:selected {
664
background-color: #42A5F5;
665
color: #FFFFFF; }
666
667
.switcher-list .thumbnail-box {
668
padding: 2px;
669
spacing: 4px; }
670
671
.switcher-list .thumbnail {
672
width: 256px; }
673
674
.switcher-list .separator {
675
width: 1px;
676
background: rgba(0, 0, 0, 0.1); }
677
678
.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
684
.input-source-switcher-symbol {
685
font-size: 45px;
686
font-weight: 400;
687
width: 96px;
688
height: 96px; }
689
690
/* Workspace Switcher */
691
.workspace-switcher-group {
692
padding: 8px; }
693
694
.workspace-switcher {
695
background: transparent;
696
border: 0px;
697
border-radius: 0px;
698
padding: 0px;
699
spacing: 8px; }
700
701
.ws-switcher-active-up, .ws-switcher-active-down {
702
height: 48px;
703
background-color: #42A5F5;
704
color: #FFFFFF;
705
background-size: 32px;
706
border-radius: 2px; }
707
708
.ws-switcher-box {
709
height: 48px;
710
border: none;
711
background: rgba(0, 0, 0, 0.096);
712
border-radius: 2px; }
713
714
.osd-window,
715
.resize-popup,
716
.switcher-list, .workspace-switcher-container {
717
color: rgba(0, 0, 0, 0.8);
718
background-color: #FAFAFA;
719
border: none;
720
box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44);
721
border-radius: 2px;
722
padding: 12px; }
723
724
/* Tiled window previews */
725
.tile-preview {
726
background-color: rgba(64, 196, 255, 0.3);
727
border: 1px solid #40C4FF; }
728
729
.tile-preview-left.on-primary {
730
border-radius: 0 0 0 0; }
731
732
.tile-preview-right.on-primary {
733
border-radius: 0 0 0 0; }
734
735
.tile-preview-left.tile-preview-right.on-primary {
736
border-radius: 0 0 0 0; }
737
738
/* TOP BAR */
739
#panel {
740
background-color: #263238;
741
font-weight: bold;
742
height: 28px; }
743
#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen {
744
background-color: transparent; }
745
#panel #panelLeft, #panel #panelCenter {
746
spacing: 0; }
747
#panel .panel-corner {
748
-panel-corner-radius: 0;
749
-panel-corner-background-color: rgba(0, 0, 0, 0.6);
750
-panel-corner-border-width: 2px;
751
-panel-corner-border-color: transparent; }
752
#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus {
753
-panel-corner-border-color: #FFFFFF; }
754
#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen {
755
-panel-corner-radius: 0;
756
-panel-corner-background-color: transparent;
757
-panel-corner-border-color: transparent; }
758
#panel .panel-button {
759
-natural-hpadding: 12px;
760
-minimum-hpadding: 6px;
761
font-weight: bold;
762
color: rgba(255, 255, 255, 0.75);
763
transition-duration: 0.2s; }
764
#panel .panel-button .app-menu-icon {
765
-st-icon-style: symbolic;
766
margin-left: 4px;
767
margin-right: 4px; }
768
#panel .panel-button:hover {
769
color: #FFFFFF; }
770
#panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked {
771
background-color: rgba(0, 0, 0, 0.01);
772
box-shadow: inset 0 -2px 0px #FFFFFF;
773
color: #FFFFFF; }
774
#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 {
775
icon-shadow: none; }
776
#panel .panel-button .system-status-icon {
777
icon-size: 1.23077em;
778
padding: 0 4px; }
779
.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button {
780
color: rgba(255, 255, 255, 0.75); }
781
.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 {
782
color: #FFFFFF; }
783
#panel .panel-status-indicators-box,
784
#panel .panel-status-menu-box {
785
spacing: 2px; }
786
#panel .power-status.panel-status-indicators-box {
787
spacing: 0; }
788
#panel .screencast-indicator {
789
color: #FF6D00; }
790
791
#calendarArea {
792
padding: 8px 16px; }
793
794
.calendar {
795
margin-bottom: 0; }
796
797
.calendar,
798
.datemenu-today-button,
799
.datemenu-displays-box,
800
.message-list-sections {
801
margin: 0 8px; }
802
803
.datemenu-calendar-column {
804
spacing: 8px; }
805
806
.datemenu-displays-section {
807
padding-bottom: 0; }
808
809
.datemenu-today-button,
810
.world-clocks-button,
811
.message-list-section-title {
812
min-height: 20px;
813
padding: 4px 8px;
814
border-radius: 2px; }
815
816
.datemenu-today-button {
817
min-height: 48px; }
818
819
.message-list-section-list:ltr {
820
padding-left: 0; }
821
822
.message-list-section-list:rtl {
823
padding-right: 0; }
824
825
.datemenu-today-button:hover, .datemenu-today-button:focus,
826
.world-clocks-button:hover,
827
.world-clocks-button:focus,
828
.message-list-section-title:hover,
829
.message-list-section-title:focus {
830
color: rgba(0, 0, 0, 0.8);
831
background-color: rgba(0, 0, 0, 0.12); }
832
.datemenu-today-button:active,
833
.world-clocks-button:active,
834
.message-list-section-title:active {
835
color: rgba(0, 0, 0, 0.8);
836
background-color: rgba(0, 0, 0, 0.24); }
837
838
.datemenu-today-button .date-label {
839
font-size: 18pt;
840
font-weight: 400; }
841
842
.world-clocks-header,
843
.message-list-section-title {
844
color: rgba(0, 0, 0, 0.6);
845
font-weight: bold; }
846
847
.world-clocks-grid {
848
spacing-rows: 0.4em; }
849
850
.calendar-month-label {
851
height: 16px;
852
margin: 2px;
853
padding: 6px 16px;
854
border-radius: 2px;
855
color: rgba(0, 0, 0, 0.8);
856
font-weight: bold;
857
text-align: center; }
858
.calendar-month-label:focus {
859
background-color: rgba(0, 0, 0, 0.12); }
860
861
.pager-button {
862
width: 28px;
863
height: 28px;
864
margin: 2px;
865
border-radius: 100px;
866
background-color: transparent;
867
color: rgba(0, 0, 0, 0.8); }
868
.pager-button:hover, .pager-button:focus {
869
background-color: rgba(0, 0, 0, 0.12); }
870
.pager-button:active {
871
background-color: rgba(0, 0, 0, 0.24); }
872
873
.calendar-change-month-back {
874
background-image: url("assets/calendar-arrow-left.svg"); }
875
.calendar-change-month-back:rtl {
876
background-image: url("assets/calendar-arrow-right.svg"); }
877
878
.calendar-change-month-forward {
879
background-image: url("assets/calendar-arrow-right.svg"); }
880
.calendar-change-month-forward:rtl {
881
background-image: url("assets/calendar-arrow-left.svg"); }
882
883
.calendar-day-base {
884
font-size: 9pt;
885
font-weight: 400;
886
text-align: center;
887
width: 28px;
888
height: 28px;
889
padding: 0;
890
margin: 2px;
891
border-radius: 100px; }
892
.calendar-day-base:hover, .calendar-day-base:focus {
893
background-color: rgba(0, 0, 0, 0.12); }
894
.calendar-day-base:active, .calendar-day-base:selected {
895
color: #FFFFFF;
896
background-color: #42A5F5 !important;
897
border-color: transparent; }
898
.calendar-day-base.calendar-day-heading {
899
width: 28px;
900
height: 21px;
901
margin-top: 2px;
902
padding: 7px 0 0;
903
border-radius: 100px;
904
background-color: transparent;
905
color: rgba(0, 0, 0, 0.48);
906
font-size: 9pt;
907
font-weight: 400;
908
font-weight: bold;
909
text-align: center; }
910
911
.calendar-day {
912
border-width: 0; }
913
914
.calendar-day-top {
915
border-top-width: 0; }
916
917
.calendar-day-left {
918
border-left-width: 0; }
919
920
.calendar-nonwork-day {
921
color: rgba(0, 0, 0, 0.8); }
922
923
.calendar-today {
924
font-weight: bold !important;
925
border: none; }
926
927
.calendar-day-with-events {
928
color: #42A5F5;
929
font-weight: normal;
930
text-decoration: underline;
931
background-image: none; }
932
933
.calendar-other-month-day {
934
color: rgba(0, 0, 0, 0.32);
935
opacity: 0.5; }
936
937
.calendar-week-number {
938
width: 28px;
939
height: 21px;
940
margin: 2px;
941
padding: 7px 0 0;
942
border-radius: 100px;
943
background-color: transparent;
944
color: rgba(0, 0, 0, 0.48);
945
font-size: inherit;
946
font-weight: bold;
947
text-align: center; }
948
949
/* Message list */
950
.message-list {
951
width: 420px; }
952
953
.message-list-sections {
954
spacing: 8px; }
955
956
.message-list-section,
957
.message-list-section-list {
958
spacing: 8px; }
959
960
.message-list-section-title-box {
961
spacing: 8px; }
962
963
.message-list-section-close > StIcon {
964
icon-size: 16px;
965
border-radius: 16px;
966
padding: 6px;
967
color: rgba(0, 0, 0, 0.6);
968
background-color: transparent; }
969
970
/* FIXME: how do you do this in sass? */
971
.message-list-section-close:hover > StIcon,
972
.message-list-section-close:focus > StIcon {
973
color: rgba(0, 0, 0, 0.8);
974
background-color: rgba(0, 0, 0, 0.12); }
975
976
.message-list-section-close:active > StIcon {
977
color: rgba(0, 0, 0, 0.8);
978
background-color: rgba(0, 0, 0, 0.24); }
979
980
.message {
981
min-height: 56px;
982
background-color: transparent;
983
border-radius: 2px; }
984
.message:hover, .message:focus {
985
background-color: rgba(0, 0, 0, 0.12); }
986
.message:active {
987
background-color: rgba(0, 0, 0, 0.24); }
988
989
.message-icon-bin {
990
padding: 8px 0px 8px 8px; }
991
.message-icon-bin:rtl {
992
padding: 8px 8px 8px 0px; }
993
994
.message-icon-bin > StIcon {
995
icon-size: 32px; }
996
997
.message-secondary-bin:ltr {
998
padding-left: 8px; }
999
.message-secondary-bin:rtl {
1000
padding-right: 8px; }
1001
1002
.message-secondary-bin {
1003
color: rgba(0, 0, 0, 0.48); }
1004
1005
.message-secondary-bin > StIcon {
1006
icon-size: 16px; }
1007
1008
.message-title {
1009
min-height: 18px;
1010
padding-top: 2px;
1011
color: rgba(0, 0, 0, 0.8);
1012
font-weight: bold;
1013
font-size: 1em; }
1014
1015
.message-content {
1016
padding: 8px;
1017
color: rgba(0, 0, 0, 0.6);
1018
font-size: 1em; }
1019
1020
.message-content * > StIcon {
1021
icon-size: 16px;
1022
border-radius: 16px;
1023
padding: 2px;
1024
color: rgba(0, 0, 0, 0.6); }
1025
1026
/* FIXME: how do you do this in sass? */
1027
.message-content *:hover > StIcon,
1028
.message-content *:focus > StIcon {
1029
color: rgba(0, 0, 0, 0.8);
1030
background-color: rgba(0, 0, 0, 0.12); }
1031
1032
.message-content *:active > StIcon {
1033
color: rgba(0, 0, 0, 0.8);
1034
background-color: rgba(0, 0, 0, 0.24); }
1035
1036
.message-media-control {
1037
margin: 16px 0;
1038
padding: 8px;
1039
border-radius: 100px;
1040
color: rgba(0, 0, 0, 0.6); }
1041
.message-media-control:hover, .message-media-control:focus {
1042
color: rgba(0, 0, 0, 0.8);
1043
background-color: rgba(0, 0, 0, 0.12); }
1044
.message-media-control:active {
1045
color: rgba(0, 0, 0, 0.8);
1046
background-color: rgba(0, 0, 0, 0.24); }
1047
.message-media-control:insensitive {
1048
color: rgba(0, 0, 0, 0.24); }
1049
.message-media-control:last-child:ltr {
1050
margin-right: 16px;
1051
padding-right: 8px; }
1052
.message-media-control:last-child:rtl {
1053
margin-left: 16px;
1054
padding-left: 8px; }
1055
1056
.media-message-cover-icon {
1057
icon-size: 32px; }
1058
.media-message-cover-icon.fallback {
1059
icon-size: 16px;
1060
padding: 8px;
1061
border: none;
1062
border-radius: 2px;
1063
background-color: rgba(0, 0, 0, 0.12);
1064
color: rgba(0, 0, 0, 0.48); }
1065
1066
.system-switch-user-submenu-icon.user-icon {
1067
icon-size: 20px;
1068
padding: 0 2px; }
1069
1070
.system-switch-user-submenu-icon.default-icon {
1071
icon-size: 16px;
1072
padding: 0 4px; }
1073
1074
#appMenu {
1075
spinner-image: url("process-working.svg");
1076
spacing: 4px; }
1077
#appMenu .label-shadow {
1078
color: transparent; }
1079
1080
.aggregate-menu {
1081
min-width: 280px; }
1082
.aggregate-menu .popup-menu-icon {
1083
padding: 0 4px; }
1084
1085
.system-menu-action {
1086
color: rgba(0, 0, 0, 0.6);
1087
border-radius: 100px;
1088
/* wish we could do 50% */
1089
padding: 14px;
1090
border: none; }
1091
.system-menu-action:hover, .system-menu-action:focus {
1092
background-color: rgba(0, 0, 0, 0.12);
1093
color: rgba(0, 0, 0, 0.8);
1094
border: none;
1095
padding: 14px; }
1096
.system-menu-action:active {
1097
background-color: rgba(0, 0, 0, 0.24);
1098
color: rgba(0, 0, 0, 0.8); }
1099
.system-menu-action > StIcon {
1100
icon-size: 16px; }
1101
1102
.ripple-box {
1103
width: 48px;
1104
height: 48px;
1105
background-image: url("assets/corner-ripple-ltr.svg");
1106
background-size: contain; }
1107
1108
.ripple-box:rtl {
1109
background-image: url("assets/corner-ripple-rtl.svg"); }
1110
1111
.popup-menu-arrow {
1112
width: 16px;
1113
height: 16px; }
1114
1115
.popup-menu-icon {
1116
icon-size: 1.23077em; }
1117
1118
.window-close {
1119
height: 32px;
1120
width: 32px;
1121
-st-background-image-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24);
1122
background-image: url("assets/window-close.svg");
1123
background-size: 32px; }
1124
.window-close:hover {
1125
-st-background-image-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); }
1126
.window-close:active {
1127
background-image: url("assets/window-close-active.svg"); }
1128
1129
.window-close {
1130
-shell-close-overlap: 16px; }
1131
.window-close:rtl {
1132
-st-background-image-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); }
1133
.window-close:rtl:hover {
1134
-st-background-image-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); }
1135
1136
/* NETWORK DIALOGS */
1137
.nm-dialog {
1138
max-height: 500px;
1139
min-height: 450px;
1140
min-width: 470px; }
1141
1142
.nm-dialog-content {
1143
spacing: 20px;
1144
padding: 24px; }
1145
1146
.nm-dialog-header-hbox {
1147
spacing: 10px; }
1148
1149
.nm-dialog-airplane-box {
1150
spacing: 12px; }
1151
1152
.nm-dialog-airplane-headline {
1153
font-weight: bold;
1154
text-align: center; }
1155
1156
.nm-dialog-airplane-text {
1157
color: rgba(0, 0, 0, 0.8); }
1158
1159
.nm-dialog-header-icon {
1160
icon-size: 32px; }
1161
1162
.nm-dialog-scroll-view {
1163
border: 2px solid rgba(0, 0, 0, 0.1); }
1164
1165
.nm-dialog-header {
1166
font-weight: bold; }
1167
1168
.nm-dialog-item {
1169
font-size: 11.25pt;
1170
font-weight: 400;
1171
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
1172
padding: 12px;
1173
spacing: 20px; }
1174
1175
.nm-dialog-item:selected {
1176
background-color: #42A5F5;
1177
color: #FFFFFF; }
1178
1179
.nm-dialog-icons {
1180
spacing: .5em; }
1181
1182
.nm-dialog-icon {
1183
icon-size: 16px; }
1184
1185
.no-networks-label {
1186
color: rgba(0, 0, 0, 0.48); }
1187
1188
.no-networks-box {
1189
spacing: 12px; }
1190
1191
/* OVERVIEW */
1192
#overview {
1193
spacing: 24px; }
1194
1195
.overview-controls {
1196
padding-bottom: 32px; }
1197
1198
.window-picker {
1199
-horizontal-spacing: 32px;
1200
-vertical-spacing: 32px;
1201
padding-left: 32px;
1202
padding-right: 32px;
1203
padding-bottom: 48px; }
1204
.window-picker.external-monitor {
1205
padding: 32px; }
1206
1207
.window-clone-border {
1208
border: 4px solid rgba(255, 255, 255, 0.3);
1209
border-radius: 2px;
1210
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); }
1211
1212
.window-caption {
1213
spacing: 25px;
1214
color: #FFFFFF;
1215
background-color: transparent;
1216
border-radius: 2px;
1217
padding: 4px 8px;
1218
-shell-caption-spacing: 12px; }
1219
.window-caption:hover {
1220
background-color: rgba(255, 255, 255, 0.3);
1221
color: #FFFFFF; }
1222
1223
.search-entry {
1224
width: 304px;
1225
padding: 0 8px;
1226
border-radius: 0;
1227
color: rgba(255, 255, 255, 0.6);
1228
selection-background-color: rgba(255, 255, 255, 0.3);
1229
selected-color: #FFFFFF;
1230
background-color: rgba(0, 0, 0, 0.01);
1231
border-color: transparent;
1232
box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); }
1233
.search-entry:focus {
1234
border-color: transparent;
1235
box-shadow: inset 0 -2px #FFFFFF;
1236
padding: 0 8px;
1237
border-width: 0;
1238
color: #FFFFFF; }
1239
.search-entry .search-entry-icon {
1240
icon-size: 16px;
1241
padding: 0 0;
1242
color: rgba(255, 255, 255, 0.6); }
1243
.search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon {
1244
color: #FFFFFF; }
1245
1246
#searchResultsBin {
1247
max-width: 1000px; }
1248
1249
#searchResultsContent {
1250
padding-left: 20px;
1251
padding-right: 20px;
1252
spacing: 16px; }
1253
1254
.search-section {
1255
spacing: 16px; }
1256
1257
.search-section-content {
1258
spacing: 32px; }
1259
1260
.list-search-results {
1261
spacing: 3px; }
1262
1263
.search-section-separator {
1264
-gradient-height: 1px;
1265
-gradient-start: rgba(255, 255, 255, 0);
1266
-gradient-end: rgba(255, 255, 255, 0.4);
1267
-margin-horizontal: 1.5em;
1268
height: 1px; }
1269
1270
.list-search-result-content {
1271
spacing: 12px;
1272
padding: 12px; }
1273
1274
.list-search-result-title {
1275
font-size: 18pt;
1276
font-weight: 400;
1277
color: #FFFFFF; }
1278
1279
.list-search-result-description {
1280
color: rgba(255, 255, 255, 0.75); }
1281
1282
.search-provider-icon {
1283
padding: 15px; }
1284
1285
.search-provider-icon-more {
1286
width: 16px;
1287
height: 16px;
1288
background-image: url("assets/more-results.svg"); }
1289
1290
/* DASHBOARD */
1291
#dash {
1292
font-size: 1em;
1293
color: #FFFFFF;
1294
background-color: rgba(255, 255, 255, 0.1);
1295
padding: 3px 0;
1296
border: none;
1297
border-left: 0px;
1298
border-radius: 0px 2px 2px 0px; }
1299
#dash:rtl {
1300
border-radius: 2px 0 0 2px; }
1301
#dash .placeholder {
1302
background-image: url("assets/dash-placeholder.svg");
1303
background-size: contain;
1304
height: 24px; }
1305
#dash .empty-dash-drop-target {
1306
width: 24px;
1307
height: 24px; }
1308
1309
.dash-item-container > StWidget {
1310
padding: 3px 6px; }
1311
1312
.dash-label {
1313
min-height: 20px;
1314
border-radius: 2px;
1315
padding: 6px 8px;
1316
color: rgba(0, 0, 0, 0.8);
1317
background-color: #FAFAFA;
1318
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345);
1319
text-align: center;
1320
-x-offset: 8px; }
1321
1322
/* App Vault/Grid */
1323
.icon-grid {
1324
spacing: 30px;
1325
-shell-grid-horizontal-item-size: 136px;
1326
-shell-grid-vertical-item-size: 136px; }
1327
.icon-grid .overview-icon {
1328
icon-size: 96px; }
1329
1330
.app-view-controls {
1331
width: 320px;
1332
padding-bottom: 32px; }
1333
1334
.app-view-control {
1335
padding: 0 16px;
1336
font-weight: bold;
1337
color: rgba(255, 255, 255, 0.75); }
1338
.app-view-control:hover {
1339
color: #FFFFFF;
1340
background-color: rgba(255, 255, 255, 0.15) !important; }
1341
.app-view-control:active {
1342
color: #FFFFFF;
1343
background-color: rgba(255, 255, 255, 0.3) !important; }
1344
.app-view-control:checked {
1345
color: #FFFFFF;
1346
background-color: rgba(0, 0, 0, 0.01) !important;
1347
box-shadow: inset 0 2px 0 #FFFFFF; }
1348
.app-view-control:first-child {
1349
border-right-width: 0;
1350
border-radius: 2px; }
1351
.app-view-control:first-child:checked {
1352
border-radius: 0; }
1353
.app-view-control:last-child {
1354
border-radius: 2px; }
1355
.app-view-control:last-child:checked {
1356
border-radius: 0; }
1357
1358
.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover,
1359
.list-search-result:focus,
1360
.list-search-result:selected,
1361
.list-search-result:hover {
1362
background-color: rgba(255, 255, 255, 0.15);
1363
transition-duration: 0s; }
1364
.search-provider-icon:active, .search-provider-icon:checked,
1365
.list-search-result:active,
1366
.list-search-result:checked {
1367
background-color: rgba(255, 255, 255, 0.3);
1368
transition-duration: 0.2s; }
1369
1370
.app-well-app:hover .overview-icon, .app-well-app:focus .overview-icon, .app-well-app:selected .overview-icon,
1371
.app-well-app.app-folder:hover .overview-icon,
1372
.app-well-app.app-folder:focus .overview-icon,
1373
.app-well-app.app-folder:selected .overview-icon,
1374
.show-apps:hover .overview-icon,
1375
.show-apps:focus .overview-icon,
1376
.show-apps:selected .overview-icon,
1377
.grid-search-result:hover .overview-icon,
1378
.grid-search-result:focus .overview-icon,
1379
.grid-search-result:selected .overview-icon {
1380
background-color: rgba(255, 255, 255, 0.15);
1381
transition-duration: 0s;
1382
border-image: none;
1383
background-image: none; }
1384
.app-well-app:active .overview-icon, .app-well-app:checked .overview-icon,
1385
.app-well-app.app-folder:active .overview-icon,
1386
.app-well-app.app-folder:checked .overview-icon,
1387
.show-apps:active .overview-icon,
1388
.show-apps:checked .overview-icon,
1389
.grid-search-result:active .overview-icon,
1390
.grid-search-result:checked .overview-icon {
1391
background-color: rgba(255, 255, 255, 0.3);
1392
box-shadow: 0 0 transparent;
1393
transition-duration: 0.2s; }
1394
1395
.app-well-app-running-dot {
1396
width: 32px;
1397
height: 2px;
1398
background-color: #FFFFFF;
1399
margin-bottom: 0; }
1400
1401
.search-provider-icon,
1402
.list-search-result, .app-well-app .overview-icon,
1403
.app-well-app.app-folder .overview-icon,
1404
.show-apps .overview-icon,
1405
.grid-search-result .overview-icon {
1406
color: #FFFFFF;
1407
border-radius: 2px;
1408
padding: 6px;
1409
border: none;
1410
transition-duration: 0.2s;
1411
text-align: center; }
1412
1413
.app-well-app.app-folder > .overview-icon {
1414
background-color: rgba(255, 255, 255, 0.1); }
1415
1416
.show-apps .show-apps-icon {
1417
color: rgba(255, 255, 255, 0.75); }
1418
1419
.show-apps:hover .show-apps-icon,
1420
.show-apps:active .show-apps-icon,
1421
.show-apps:checked .show-apps-icon,
1422
.show-apps:focus .show-apps-icon {
1423
color: #FFFFFF;
1424
transition-duration: 0.2s; }
1425
1426
.app-folder-popup {
1427
-arrow-border-radius: 2px;
1428
-arrow-background-color: rgba(255, 255, 255, 0.1);
1429
-arrow-base: 24px;
1430
-arrow-rise: 12px; }
1431
1432
.app-folder-popup-bin {
1433
padding: 5px; }
1434
1435
.app-folder-icon {
1436
padding: 5px;
1437
spacing-rows: 5px;
1438
spacing-columns: 5px; }
1439
1440
.page-indicator {
1441
padding: 15px 20px; }
1442
.page-indicator .page-indicator-icon {
1443
width: 12px;
1444
height: 12px;
1445
border-radius: 12px;
1446
background-image: none;
1447
background-color: rgba(255, 255, 255, 0.3); }
1448
.page-indicator:hover .page-indicator-icon {
1449
background-image: none;
1450
background-color: rgba(255, 255, 255, 0.6); }
1451
.page-indicator:active .page-indicator-icon {
1452
background-image: none;
1453
background-color: rgba(255, 255, 255, 0.9); }
1454
.page-indicator:checked .page-indicator-icon, .page-indicator:checked:active {
1455
background-image: none;
1456
background-color: #FFFFFF;
1457
transition-duration: 0s; }
1458
1459
.app-well-app > .overview-icon.overview-icon-with-label,
1460
.grid-search-result .overview-icon.overview-icon-with-label {
1461
padding: 10px 8px 5px 8px;
1462
spacing: 4px; }
1463
1464
.workspace-thumbnails {
1465
visible-width: 32px;
1466
spacing: 12px;
1467
padding: 12px;
1468
border-radius: 2px 0 0 2px; }
1469
.workspace-thumbnails:rtl {
1470
border-radius: 0 2px 2px 0; }
1471
1472
.workspace-thumbnail-indicator {
1473
border: 0 solid #FFFFFF;
1474
border-left-width: 2px;
1475
padding: 6px;
1476
border-radius: 0; }
1477
1478
.search-display > StBoxLayout,
1479
.all-apps,
1480
.frequent-apps > StBoxLayout {
1481
padding: 0px 88px 10px 88px; }
1482
1483
.workspace-thumbnails {
1484
color: #FFFFFF;
1485
background-color: rgba(255, 255, 255, 0.1);
1486
border: none; }
1487
1488
.search-statustext, .no-frequent-applications-label {
1489
font-size: 45px;
1490
font-weight: 400;
1491
color: rgba(255, 255, 255, 0.6); }
1492
1493
/* NOTIFICATIONS & MESSAGE TRAY */
1494
.url-highlighter {
1495
link-color: #42A5F5; }
1496
1497
.notification-banner {
1498
font-size: 1em;
1499
width: 34em;
1500
min-height: 56px;
1501
margin: 5px;
1502
border-radius: 2px;
1503
color: rgba(0, 0, 0, 0.8);
1504
background-color: #FAFAFA;
1505
border: none;
1506
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); }
1507
.notification-banner:hover {
1508
background-color: #FAFAFA; }
1509
.notification-banner:focus {
1510
background-color: #FAFAFA; }
1511
.notification-banner .notification-icon {
1512
padding: 5px; }
1513
.notification-banner .notification-content {
1514
padding: 5px;
1515
spacing: 5px; }
1516
.notification-banner .secondary-icon {
1517
icon-size: 1.23077em; }
1518
.notification-banner .notification-actions {
1519
background-color: transparent;
1520
padding-top: 0;
1521
border-top: 1px solid rgba(0, 0, 0, 0.1);
1522
spacing: 1px; }
1523
.notification-banner .notification-button {
1524
min-height: 40px;
1525
padding: 0 16px;
1526
background-color: transparent;
1527
color: rgba(0, 0, 0, 0.6);
1528
font-weight: 500; }
1529
.notification-banner .notification-button:first-child {
1530
border-radius: 0 0 0 2px; }
1531
.notification-banner .notification-button:last-child {
1532
border-radius: 0 0 2px 0; }
1533
.notification-banner .notification-button:hover, .notification-banner .notification-buttonfocus {
1534
background-color: rgba(0, 0, 0, 0.12);
1535
color: rgba(0, 0, 0, 0.8); }
1536
.notification-banner .notification-button:active {
1537
background-color: rgba(0, 0, 0, 0.24);
1538
color: rgba(0, 0, 0, 0.8); }
1539
1540
.summary-source-counter {
1541
font-size: 1em;
1542
font-weight: bold;
1543
height: 1.6em;
1544
width: 1.6em;
1545
-shell-counter-overlap-x: 3px;
1546
-shell-counter-overlap-y: 3px;
1547
background-color: #42A5F5;
1548
color: #FFFFFF;
1549
border: 2px solid #FFFFFF;
1550
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
1551
border-radius: 0.9em; }
1552
1553
.secondary-icon {
1554
icon-size: 1.23077em; }
1555
1556
.chat-body {
1557
spacing: 5px; }
1558
1559
.chat-response {
1560
margin: 5px; }
1561
1562
.chat-log-message {
1563
color: rgba(0, 0, 0, 0.8); }
1564
1565
.chat-new-group {
1566
padding-top: 1em; }
1567
1568
.chat-received {
1569
padding-left: 4px; }
1570
.chat-received:rtl {
1571
padding-left: 0px;
1572
padding-right: 4px; }
1573
1574
.chat-sent {
1575
padding-left: 18pt;
1576
color: rgba(0, 0, 0, 0.6); }
1577
.chat-sent:rtl {
1578
padding-left: 0;
1579
padding-right: 18pt; }
1580
1581
.chat-meta-message {
1582
padding-left: 4px;
1583
font-size: 9pt;
1584
font-weight: 400;
1585
color: rgba(0, 0, 0, 0.48); }
1586
.chat-meta-message:rtl {
1587
padding-left: 0;
1588
padding-right: 4px; }
1589
1590
.hotplug-transient-box {
1591
spacing: 6px;
1592
padding: 2px 72px 2px 12px; }
1593
1594
.hotplug-notification-item {
1595
padding: 2px 10px; }
1596
.hotplug-notification-item:focus {
1597
padding: 1px 71px 1px 11px; }
1598
1599
.hotplug-notification-item-icon {
1600
icon-size: 24px;
1601
padding: 2px 5px; }
1602
1603
.hotplug-resident-box {
1604
spacing: 8px; }
1605
1606
.hotplug-resident-mount {
1607
spacing: 8px;
1608
border-radius: 2px; }
1609
.hotplug-resident-mount:hover {
1610
background-color: rgba(0, 0, 0, 0.12); }
1611
.hotplug-resident-mount:active {
1612
background-color: rgba(0, 0, 0, 0.24); }
1613
1614
.hotplug-resident-mount-label {
1615
color: inherit;
1616
padding-left: 6px; }
1617
1618
.hotplug-resident-mount-icon {
1619
icon-size: 24px;
1620
padding-left: 6px; }
1621
1622
.hotplug-resident-eject-icon {
1623
icon-size: 16px; }
1624
1625
.hotplug-resident-eject-button {
1626
padding: 7px;
1627
border-radius: 2px;
1628
color: rgba(0, 0, 0, 0.8); }
1629
1630
/* Eeeky things */
1631
.legacy-tray {
1632
background-color: rgba(0, 0, 0, 0.6);
1633
color: #FFFFFF;
1634
border: none;
1635
border-bottom-width: 0; }
1636
.legacy-tray:ltr {
1637
border-radius: 0 2px 0 0;
1638
border-left-width: 0; }
1639
.legacy-tray:rtl {
1640
border-radius: 2px 0 0 0;
1641
border-right-width: 0; }
1642
1643
.legacy-tray-handle,
1644
.legacy-tray-icon {
1645
padding: 6px; }
1646
.legacy-tray-handle StIcon,
1647
.legacy-tray-icon StIcon {
1648
icon-size: 24px; }
1649
.legacy-tray-handle:hover, .legacy-tray-handle:focus,
1650
.legacy-tray-icon:hover,
1651
.legacy-tray-icon:focus {
1652
background-color: rgba(255, 255, 255, 0.15); }
1653
.legacy-tray-handle:active,
1654
.legacy-tray-icon:active {
1655
background-color: rgba(255, 255, 255, 0.3); }
1656
1657
.legacy-tray-icon-box {
1658
spacing: 12px; }
1659
.legacy-tray-icon-box:ltr {
1660
padding-left: 12px; }
1661
.legacy-tray-icon-box:rtl {
1662
padding-right: 12px; }
1663
.legacy-tray-icon-box StButton {
1664
width: 24px;
1665
height: 24px; }
1666
1667
.magnifier-zoom-region {
1668
border: 2px solid #42A5F5; }
1669
.magnifier-zoom-region.full-screen {
1670
border-width: 0; }
1671
1672
/* On-screen Keyboard */
1673
#keyboard {
1674
background-color: rgba(0, 0, 0, 0.3); }
1675
1676
.keyboard-layout {
1677
spacing: 10px;
1678
padding: 10px; }
1679
1680
.keyboard-row {
1681
spacing: 15px; }
1682
1683
.keyboard-key {
1684
min-height: 64px;
1685
min-width: 64px;
1686
font-size: 2em;
1687
font-weight: 500;
1688
border-radius: 2px;
1689
border: none;
1690
color: inherit;
1691
color: rgba(0, 0, 0, 0.6);
1692
background-color: #FAFAFA;
1693
border-color: transparent;
1694
box-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24);
1695
text-shadow: none;
1696
icon-shadow: none; }
1697
.keyboard-key:focus {
1698
color: rgba(0, 0, 0, 0.8);
1699
text-shadow: none;
1700
icon-shadow: none;
1701
box-shadow: 0 0 transparent; }
1702
.keyboard-key:hover, .keyboard-key:checked {
1703
color: rgba(0, 0, 0, 0.8);
1704
background-color: #FAFAFA;
1705
border-color: transparent;
1706
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345);
1707
text-shadow: none;
1708
icon-shadow: none; }
1709
.keyboard-key:active {
1710
color: rgba(0, 0, 0, 0.8);
1711
background-color: rgba(194, 194, 194, 0.94);
1712
border-color: transparent;
1713
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345);
1714
text-shadow: none;
1715
icon-shadow: none; }
1716
.keyboard-key:grayed {
1717
background-color: rgba(0, 0, 0, 0.3);
1718
color: #FFFFFF;
1719
border-color: rgba(0, 0, 0, 0.3); }
1720
1721
.keyboard-subkeys {
1722
color: inherit;
1723
padding: 5px;
1724
-arrow-border-radius: 0;
1725
-arrow-background-color: transparent;
1726
-arrow-border-width: 0;
1727
-arrow-border-color: transparent;
1728
-arrow-base: 0;
1729
-arrow-rise: 0;
1730
-boxpointer-gap: 5px;
1731
background-color: #FAFAFA;
1732
border-radius: 2px;
1733
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345); }
1734
1735
.candidate-popup-content {
1736
padding: 8px;
1737
spacing: 0; }
1738
1739
.candidate-index {
1740
padding: 0 4px 0 0;
1741
color: rgba(0, 0, 0, 0.48); }
1742
.candidate-box:selected .candidate-index {
1743
color: rgba(255, 255, 255, 0.6); }
1744
1745
.candidate-box {
1746
transition-duration: 0s;
1747
min-height: 28px;
1748
padding: 0 8px;
1749
border-radius: 2px; }
1750
.candidate-box:hover {
1751
background-color: rgba(0, 0, 0, 0.12);
1752
color: rgba(0, 0, 0, 0.8); }
1753
.candidate-box:active {
1754
background-color: rgba(0, 0, 0, 0.24);
1755
color: rgba(0, 0, 0, 0.8); }
1756
.candidate-box:selected {
1757
background-color: #42A5F5;
1758
color: #FFFFFF; }
1759
1760
.candidate-page-button-box {
1761
height: 28px; }
1762
.vertical .candidate-page-button-box {
1763
padding-top: 0; }
1764
.horizontal .candidate-page-button-box {
1765
padding-left: 0; }
1766
1767
.candidate-page-button {
1768
min-width: 28px;
1769
min-height: 28px;
1770
padding: 0; }
1771
1772
.candidate-page-button-previous {
1773
border-radius: 2px;
1774
border-right-width: 0; }
1775
1776
.candidate-page-button-next {
1777
border-radius: 2px; }
1778
1779
.candidate-page-button-icon {
1780
icon-size: 1.23077em; }
1781
1782
/* Auth Dialogs & Screen Shield */
1783
.framed-user-icon {
1784
background-size: contain;
1785
border: none;
1786
color: #FFFFFF;
1787
border-radius: 2px; }
1788
.framed-user-icon:hover {
1789
border-color: #FFFFFF;
1790
color: #FFFFFF; }
1791
1792
.login-dialog-banner-view {
1793
padding-top: 24px;
1794
max-width: 23em; }
1795
1796
.login-dialog {
1797
border: none;
1798
background-color: transparent; }
1799
.login-dialog StEntry {
1800
color: #FFFFFF;
1801
selection-background-color: rgba(255, 255, 255, 0.3);
1802
selected-color: #FFFFFF;
1803
background-color: rgba(0, 0, 0, 0.01);
1804
border-color: transparent;
1805
box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3); }
1806
.login-dialog StEntry:focus {
1807
border-color: transparent;
1808
box-shadow: inset 0 -2px #FFFFFF; }
1809
.login-dialog StEntry:insensitive {
1810
color: rgba(0, 0, 0, 0.32);
1811
border-color: transparent;
1812
box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12);
1813
color: rgba(255, 255, 255, 0.4); }
1814
.login-dialog .modal-dialog-button-box {
1815
spacing: 3px; }
1816
.login-dialog .modal-dialog-button {
1817
padding: 0 16px;
1818
color: rgba(255, 255, 255, 0.75);
1819
background-color: transparent;
1820
border-color: transparent;
1821
box-shadow: 0 0 transparent;
1822
text-shadow: none;
1823
icon-shadow: none; }
1824
.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus {
1825
color: #FFFFFF;
1826
background-color: rgba(255, 255, 255, 0.15);
1827
border-color: transparent;
1828
box-shadow: 0 0 transparent;
1829
text-shadow: none;
1830
icon-shadow: none; }
1831
.login-dialog .modal-dialog-button:active {
1832
color: #FFFFFF;
1833
background-color: rgba(255, 255, 255, 0.3);
1834
border-color: transparent;
1835
box-shadow: 0 0 transparent;
1836
text-shadow: none;
1837
icon-shadow: none; }
1838
.login-dialog .modal-dialog-button:insensitive {
1839
color: rgba(255, 255, 255, 0.3);
1840
background-color: transparent;
1841
border-color: transparent;
1842
box-shadow: 0 0 transparent;
1843
text-shadow: none;
1844
icon-shadow: none; }
1845
.login-dialog .modal-dialog-button:default {
1846
color: #FFFFFF;
1847
background-color: #FF4081;
1848
border-color: transparent;
1849
box-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24);
1850
text-shadow: none;
1851
icon-shadow: none; }
1852
.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus {
1853
color: #FFFFFF;
1854
background-color: #FF4081;
1855
border-color: transparent;
1856
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345);
1857
text-shadow: none;
1858
icon-shadow: none; }
1859
.login-dialog .modal-dialog-button:default:active {
1860
color: #FFFFFF;
1861
background-color: #ff79a7;
1862
border-color: transparent;
1863
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.345);
1864
text-shadow: none;
1865
icon-shadow: none; }
1866
.login-dialog .modal-dialog-button:default:insensitive {
1867
color: rgba(255, 255, 255, 0.4);
1868
background-color: rgba(255, 255, 255, 0.12);
1869
border-color: transparent;
1870
box-shadow: 0 0 transparent;
1871
text-shadow: none;
1872
icon-shadow: none; }
1873
1874
.login-dialog-logo-bin {
1875
padding: 24px 0px; }
1876
1877
.login-dialog-banner {
1878
color: rgba(255, 255, 255, 0.75); }
1879
1880
.login-dialog-button-box {
1881
spacing: 5px; }
1882
1883
.login-dialog-message-warning {
1884
color: #FF6D00; }
1885
1886
.login-dialog-message-hint {
1887
padding-top: 0;
1888
padding-bottom: 20px; }
1889
1890
.login-dialog-user-selection-box {
1891
padding: 100px 0px; }
1892
.login-dialog-user-selection-box .login-dialog-not-listed-label {
1893
padding-left: 2px; }
1894
.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 {
1895
color: #FFFFFF; }
1896
1897
.login-dialog-not-listed-label {
1898
font-size: 1em;
1899
font-weight: bold;
1900
color: rgba(255, 255, 255, 0.75);
1901
padding-top: 1em; }
1902
.login-dialog-not-listed-label:hover {
1903
color: #FFFFFF; }
1904
.login-dialog-not-listed-label:focus {
1905
background-color: rgba(255, 255, 255, 0.15); }
1906
1907
.login-dialog-user-list-view {
1908
-st-vfade-offset: 1em; }
1909
1910
.login-dialog-user-list {
1911
spacing: 12px;
1912
padding: .2em;
1913
width: 23em; }
1914
.login-dialog-user-list:expanded .login-dialog-user-list-item:focus {
1915
background-color: rgba(255, 255, 255, 0.15);
1916
color: #FFFFFF; }
1917
.login-dialog-user-list:expanded .login-dialog-user-list-item:hover {
1918
background-color: rgba(255, 255, 255, 0.15);
1919
color: #FFFFFF; }
1920
.login-dialog-user-list:expanded .login-dialog-user-list-item:active {
1921
background-color: rgba(255, 255, 255, 0.3);
1922
color: #FFFFFF; }
1923
.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in {
1924
border-right: 2px solid #FFFFFF; }
1925
1926
.login-dialog-user-list-item {
1927
border-radius: 2px;
1928
padding: .2em;
1929
color: rgba(255, 255, 255, 0.75); }
1930
.login-dialog-user-list-item:ltr {
1931
padding-right: 1em; }
1932
.login-dialog-user-list-item:rtl {
1933
padding-left: 1em; }
1934
.login-dialog-user-list-item:hover {
1935
background-color: rgba(255, 255, 255, 0.15);
1936
color: #FFFFFF; }
1937
.login-dialog-user-list-item:active {
1938
background-color: rgba(255, 255, 255, 0.3);
1939
color: #FFFFFF; }
1940
.login-dialog-user-list-item .login-dialog-timed-login-indicator {
1941
height: 2px;
1942
margin: 2px 0 0 0;
1943
background-color: #FFFFFF; }
1944
.login-dialog-user-list-item:focus .login-dialog-timed-login-indicator {
1945
background-color: #FFFFFF; }
1946
1947
.login-dialog-username,
1948
.user-widget-label {
1949
color: #FFFFFF;
1950
font-size: 15pt;
1951
font-weight: 500;
1952
text-align: left;
1953
padding-left: 15px; }
1954
1955
.user-widget-label:ltr {
1956
padding-left: 18px; }
1957
.user-widget-label:rtl {
1958
padding-right: 18px; }
1959
1960
.login-dialog-prompt-layout {
1961
padding-top: 24px;
1962
padding-bottom: 12px;
1963
spacing: 8px;
1964
width: 23em; }
1965
1966
.login-dialog-prompt-label {
1967
color: rgba(255, 255, 255, 0.6);
1968
font-size: 1em;
1969
padding-top: 1em; }
1970
1971
.login-dialog-session-list-button StIcon {
1972
icon-size: 1.25em; }
1973
1974
.login-dialog-session-list-button {
1975
color: rgba(255, 255, 255, 0.75); }
1976
.login-dialog-session-list-button:hover, .login-dialog-session-list-button:focus {
1977
color: #FFFFFF; }
1978
.login-dialog-session-list-button:active {
1979
color: #FFFFFF; }
1980
1981
.screen-shield-arrows {
1982
padding-bottom: 3em; }
1983
1984
.screen-shield-arrows Gjs_Arrow {
1985
color: white;
1986
width: 80px;
1987
height: 48px;
1988
-arrow-thickness: 12px;
1989
-arrow-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); }
1990
1991
.screen-shield-clock {
1992
color: white;
1993
text-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24);
1994
font-weight: normal;
1995
text-align: center;
1996
padding-bottom: 1.5em; }
1997
1998
.screen-shield-clock-time {
1999
font-size: 112px;
2000
font-weight: 300;
2001
text-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); }
2002
2003
.screen-shield-clock-date {
2004
font-size: 45px;
2005
font-weight: 400; }
2006
2007
.screen-shield-notifications-container {
2008
spacing: 6px;
2009
width: 30em;
2010
background-color: transparent;
2011
max-height: 500px; }
2012
.screen-shield-notifications-container .summary-notification-stack-scrollview {
2013
padding-top: 0;
2014
padding-bottom: 0; }
2015
.screen-shield-notifications-container .notification,
2016
.screen-shield-notifications-container .screen-shield-notification-source {
2017
padding: 8px;
2018
border: none;
2019
background-color: rgba(0, 0, 0, 0.3);
2020
color: #FFFFFF;
2021
border-radius: 2px; }
2022
.screen-shield-notifications-container .notification {
2023
margin-right: 16px; }
2024
2025
.screen-shield-notification-label {
2026
min-height: 18px;
2027
padding: 2px 0px 0px 16px;
2028
font-weight: bold; }
2029
2030
.screen-shield-notification-count-text {
2031
min-height: 18px;
2032
padding: 2px 0px 0px 16px;
2033
color: rgba(255, 255, 255, 0.75); }
2034
2035
#panel.lock-screen {
2036
background-color: rgba(0, 0, 0, 0.3); }
2037
2038
.screen-shield-background {
2039
background: black;
2040
box-shadow: 0 19px 19px rgba(0, 0, 0, 0.6), 0 15px 6px rgba(0, 0, 0, 0.44); }
2041
2042
#lockDialogGroup {
2043
background: #607D8B url("assets/noise-texture.svg");
2044
background-size: cover; }
2045
2046
#LookingGlassDialog {
2047
background-color: #FAFAFA;
2048
spacing: 4px;
2049
padding: 0;
2050
border: none;
2051
border-radius: 2px;
2052
box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); }
2053
#LookingGlassDialog > #Toolbar {
2054
padding: 0 8px;
2055
border: none;
2056
border-radius: 0;
2057
background-color: rgba(250, 250, 250, 0.01);
2058
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1); }
2059
#LookingGlassDialog .labels {
2060
spacing: 0; }
2061
#LookingGlassDialog .notebook-tab {
2062
-natural-hpadding: 12px;
2063
-minimum-hpadding: 6px;
2064
font-weight: bold;
2065
color: rgba(0, 0, 0, 0.48);
2066
transition-duration: 0.2s;
2067
padding-left: 16px;
2068
padding-right: 16px;
2069
min-height: 32px;
2070
padding: 0 32px; }
2071
#LookingGlassDialog .notebook-tab:hover {
2072
box-shadow: inset 0 -2px 0px rgba(0, 0, 0, 0.24);
2073
color: rgba(0, 0, 0, 0.8);
2074
text-shadow: none; }
2075
#LookingGlassDialog .notebook-tab:selected {
2076
border-bottom-width: 0;
2077
border-color: transparent;
2078
background-color: rgba(250, 250, 250, 0.01);
2079
box-shadow: inset 0 -2px 0px #42A5F5;
2080
color: rgba(0, 0, 0, 0.8);
2081
text-shadow: none; }
2082
#LookingGlassDialog StBoxLayout#EvalBox {
2083
padding: 4px;
2084
spacing: 4px; }
2085
#LookingGlassDialog StBoxLayout#ResultsArea {
2086
spacing: 4px; }
2087
2088
.lg-dialog StEntry {
2089
selection-background-color: #42A5F5;
2090
selected-color: #FFFFFF; }
2091
.lg-dialog .shell-link {
2092
color: #42A5F5; }
2093
.lg-dialog .shell-link:hover {
2094
color: #42A5F5; }
2095
2096
.lg-completions-text {
2097
font-size: 1em;
2098
font-style: italic; }
2099
2100
.lg-obj-inspector-title {
2101
spacing: 4px; }
2102
2103
.lg-obj-inspector-button {
2104
min-height: 32px;
2105
padding: 0 16px;
2106
border: none;
2107
border-radius: 2px;
2108
font-size: 9.75pt;
2109
font-weight: 500;
2110
color: rgba(0, 0, 0, 0.6);
2111
background-color: transparent;
2112
border-color: transparent;
2113
box-shadow: 0 0 transparent;
2114
text-shadow: none;
2115
icon-shadow: none; }
2116
.lg-obj-inspector-button:hover {
2117
color: rgba(0, 0, 0, 0.8);
2118
background-color: rgba(0, 0, 0, 0.12);
2119
border-color: transparent;
2120
box-shadow: 0 0 transparent;
2121
text-shadow: none;
2122
icon-shadow: none; }
2123
.lg-obj-inspector-button:active {
2124
color: rgba(0, 0, 0, 0.8);
2125
background-color: rgba(0, 0, 0, 0.24);
2126
border-color: transparent;
2127
box-shadow: 0 0 transparent;
2128
text-shadow: none;
2129
icon-shadow: none; }
2130
.lg-obj-inspector-button:insensitive {
2131
color: rgba(0, 0, 0, 0.24);
2132
background-color: transparent;
2133
border-color: transparent;
2134
box-shadow: 0 0 transparent;
2135
text-shadow: none;
2136
icon-shadow: none; }
2137
.lg-obj-inspector-button:focus {
2138
color: rgba(0, 0, 0, 0.8);
2139
text-shadow: none;
2140
icon-shadow: none;
2141
box-shadow: 0 0 transparent; }
2142
.lg-obj-inspector-button:hover {
2143
border: none; }
2144
2145
#lookingGlassExtensions {
2146
padding: 4px; }
2147
2148
.lg-extensions-list {
2149
padding: 4px;
2150
spacing: 6px; }
2151
2152
.lg-extension {
2153
border: none;
2154
border-radius: 2px;
2155
padding: 4px; }
2156
2157
.lg-extension-name {
2158
font-size: 18pt;
2159
font-weight: 400; }
2160
2161
.lg-extension-meta {
2162
spacing: 6px; }
2163
2164
#LookingGlassPropertyInspector {
2165
background: #FAFAFA;
2166
border: none;
2167
border-radius: 2px;
2168
padding: 6px;
2169
box-shadow: 0 14px 14px rgba(0, 0, 0, 0.5), 0 10px 5px rgba(0, 0, 0, 0.44); }
2170
2171
/* Dash to Dock */
2172
#dashtodockContainer #dash {
2173
background-color: rgba(0, 0, 0, 0.6); }
2174
2175
#dashtodockContainer:overview #dash {
2176
background-color: rgba(255, 255, 255, 0.1); }
2177
2178
#dashtodockContainer.extended:overview #dash {
2179
background-color: transparent; }
2180
2181
#dashtodockContainer.left #dash,
2182
#dashtodockContainer.right #dash {
2183
padding: 3px 0; }
2184
2185
#dashtodockContainer.top #dash,
2186
#dashtodockContainer.bottom #dash {
2187
padding: 0 3px; }
2188
2189
#dashtodockContainer.extended #dash {
2190
padding: 0;
2191
border-radius: 0; }
2192
2193
#dashtodockContainer.left .dash-item-container > StWidget,
2194
#dashtodockContainer.right .dash-item-container > StWidget,
2195
#dashtodockContainer.extended.left .dash-item-container > StWidget,
2196
#dashtodockContainer.extended.right .dash-item-container > StWidget {
2197
padding: 3px 6px; }
2198
2199
#dashtodockContainer.extended.left .dash-item-container:first-child > StWidget,
2200
#dashtodockContainer.extended.right .dash-item-container:first-child > StWidget {
2201
padding: 6px 6px 3px 6px; }
2202
2203
#dashtodockContainer.extended.left .dash-item-container:last-child > StWidget,
2204
#dashtodockContainer.extended.right .dash-item-container:last-child > StWidget {
2205
padding: 3px 6px 6px 6px; }
2206
2207
#dashtodockContainer.top .dash-item-container > StWidget,
2208
#dashtodockContainer.bottom .dash-item-container > StWidget,
2209
#dashtodockContainer.extended.top .dash-item-container > StWidget,
2210
#dashtodockContainer.extended.bottom .dash-item-container > StWidget {
2211
padding: 6px 3px; }
2212
2213
#dashtodockContainer.extended.top .dash-item-container:first-child > StWidget,
2214
#dashtodockContainer.extended.bottom .dash-item-container:first-child > StWidget {
2215
padding: 6px 3px 6px 6px; }
2216
2217
#dashtodockContainer.extended.top .dash-item-container:last-child > StWidget,
2218
#dashtodockContainer.extended.bottom .dash-item-container:last-child > StWidget {
2219
padding: 6px 6px 6px 3px; }
2220
2221
#dashtodockContainer .app-well-app-running-dot {
2222
background-color: transparent; }
2223
2224
#dashtodockContainer .dash-item-container > StWidget {
2225
background-size: cover; }
2226
2227
#dashtodockContainer.left .dash-item-container > StWidget.running1 {
2228
background-image: url("assets/left-running1.svg"); }
2229
2230
#dashtodockContainer.left .dash-item-container > StWidget.running1.focused {
2231
background-image: url("assets/left-running1-focused.svg"); }
2232
2233
#dashtodockContainer.left .dash-item-container > StWidget.running2 {
2234
background-image: url("assets/left-running2.svg"); }
2235
2236
#dashtodockContainer.left .dash-item-container > StWidget.running2.focused {
2237
background-image: url("assets/left-running2-focused.svg"); }
2238
2239
#dashtodockContainer.left .dash-item-container > StWidget.running3 {
2240
background-image: url("assets/left-running3.svg"); }
2241
2242
#dashtodockContainer.left .dash-item-container > StWidget.running3.focused {
2243
background-image: url("assets/left-running3-focused.svg"); }
2244
2245
#dashtodockContainer.left .dash-item-container > StWidget.running4 {
2246
background-image: url("assets/left-running4.svg"); }
2247
2248
#dashtodockContainer.left .dash-item-container > StWidget.running4.focused {
2249
background-image: url("assets/left-running4-focused.svg"); }
2250
2251
#dashtodockContainer.right .dash-item-container > StWidget.running1 {
2252
background-image: url("assets/right-running1.svg"); }
2253
2254
#dashtodockContainer.right .dash-item-container > StWidget.running1.focused {
2255
background-image: url("assets/right-running1-focused.svg"); }
2256
2257
#dashtodockContainer.right .dash-item-container > StWidget.running2 {
2258
background-image: url("assets/right-running2.svg"); }
2259
2260
#dashtodockContainer.right .dash-item-container > StWidget.running2.focused {
2261
background-image: url("assets/right-running2-focused.svg"); }
2262
2263
#dashtodockContainer.right .dash-item-container > StWidget.running3 {
2264
background-image: url("assets/right-running3.svg"); }
2265
2266
#dashtodockContainer.right .dash-item-container > StWidget.running3.focused {
2267
background-image: url("assets/right-running3-focused.svg"); }
2268
2269
#dashtodockContainer.right .dash-item-container > StWidget.running4 {
2270
background-image: url("assets/right-running4.svg"); }
2271
2272
#dashtodockContainer.right .dash-item-container > StWidget.running4.focused {
2273
background-image: url("assets/right-running4-focused.svg"); }
2274
2275
#dashtodockContainer.top .dash-item-container > StWidget.running1 {
2276
background-image: url("assets/top-running1.svg"); }
2277
2278
#dashtodockContainer.top .dash-item-container > StWidget.running1.focused {
2279
background-image: url("assets/top-running1-focused.svg"); }
2280
2281
#dashtodockContainer.top .dash-item-container > StWidget.running2 {
2282
background-image: url("assets/top-running2.svg"); }
2283
2284
#dashtodockContainer.top .dash-item-container > StWidget.running2.focused {
2285
background-image: url("assets/top-running2-focused.svg"); }
2286
2287
#dashtodockContainer.top .dash-item-container > StWidget.running3 {
2288
background-image: url("assets/top-running3.svg"); }
2289
2290
#dashtodockContainer.top .dash-item-container > StWidget.running3.focused {
2291
background-image: url("assets/top-running3-focused.svg"); }
2292
2293
#dashtodockContainer.top .dash-item-container > StWidget.running4 {
2294
background-image: url("assets/top-running4.svg"); }
2295
2296
#dashtodockContainer.top .dash-item-container > StWidget.running4.focused {
2297
background-image: url("assets/top-running4-focused.svg"); }
2298
2299
#dashtodockContainer.bottom .dash-item-container > StWidget.running1 {
2300
background-image: url("assets/bottom-running1.svg"); }
2301
2302
#dashtodockContainer.bottom .dash-item-container > StWidget.running1.focused {
2303
background-image: url("assets/bottom-running1-focused.svg"); }
2304
2305
#dashtodockContainer.bottom .dash-item-container > StWidget.running2 {
2306
background-image: url("assets/bottom-running2.svg"); }
2307
2308
#dashtodockContainer.bottom .dash-item-container > StWidget.running2.focused {
2309
background-image: url("assets/bottom-running2-focused.svg"); }
2310
2311
#dashtodockContainer.bottom .dash-item-container > StWidget.running3 {
2312
background-image: url("assets/bottom-running3.svg"); }
2313
2314
#dashtodockContainer.bottom .dash-item-container > StWidget.running3.focused {
2315
background-image: url("assets/bottom-running3-focused.svg"); }
2316
2317
#dashtodockContainer.bottom .dash-item-container > StWidget.running4 {
2318
background-image: url("assets/bottom-running4.svg"); }
2319
2320
#dashtodockContainer.bottom .dash-item-container > StWidget.running4.focused {
2321
background-image: url("assets/bottom-running4-focused.svg"); }
2322
2323
/* Simple Dock */
2324
#dash:desktop {
2325
background-color: rgba(0, 0, 0, 0.6); }
2326
2327
/* GPaste */
2328
.popup-menu .search-entry {
2329
color: rgba(0, 0, 0, 0.8);
2330
selection-background-color: #42A5F5;
2331
selected-color: #FFFFFF;
2332
background-color: rgba(250, 250, 250, 0.01);
2333
border-color: transparent;
2334
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.24); }
2335
.popup-menu .search-entry:focus {
2336
border-color: transparent;
2337
box-shadow: inset 0 -2px #42A5F5;
2338
color: rgba(0, 0, 0, 0.8); }
2339
.popup-menu .search-entry .search-entry-icon {
2340
color: rgba(0, 0, 0, 0.48); }
2341
.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon {
2342
color: rgba(0, 0, 0, 0.8); }
2343