ASCII text, with very long lines (1276)
1
@keyframes ripple {
2
to {
3
background-size: 1000% 1000%;
4
}
5
}
6
@keyframes ripple-on-slider {
8
to {
9
background-size: auto, 1000% 1000%;
10
}
11
}
12
@keyframes ripple-on-headerbar {
14
from {
15
background-image: radial-gradient(circle, #1a73e8 0%, transparent 0%);
16
}
17
to {
18
background-image: radial-gradient(circle, #1a73e8 100%, transparent 0%);
19
}
20
}
21
button, modelbutton.flat,
24
.menuitem.button.flat, notebook > header > tabs > arrow, check,
25
radio, row.activatable {
26
transition-property: all, border-image, background-size, background-image;
27
transition-duration: 75ms, 225ms, 300ms, 1200ms;
28
transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
29
outline: none;
30
background-image: radial-gradient(circle, transparent 10%, transparent 0%);
31
background-repeat: no-repeat;
32
background-position: center;
33
background-size: 1000% 1000%;
34
}
35
button:active, modelbutton.flat:active,
38
.menuitem.button.flat:active, notebook > header > tabs > arrow:active, check:active,
39
radio:active, row.activatable:active {
40
transition-duration: 75ms, 225ms, 0ms, 0ms;
41
animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
42
background-size: 0% 0%;
43
}
44
* {
46
background-clip: padding-box;
47
-GtkToolButton-icon-spacing: 0;
48
-GtkTextView-error-underline-color: #d93025;
49
-GtkScrolledWindow-scrollbar-spacing: 0;
50
-GtkToolItemGroup-expander-size: 11;
51
-GtkWidget-text-handle-width: 24;
52
-GtkWidget-text-handle-height: 24;
53
-GtkDialog-button-spacing: 6;
54
-GtkDialog-action-area-border: 6;
55
-gtk-secondary-caret-color: #1a73e8;
56
outline: 2px solid transparent;
57
outline-offset: -4px;
58
-gtk-outline-radius: 4px;
59
}
60
*:focus {
62
outline-color: alpha(currentcolor, 0.12);
63
}
64
/***************
66
* Base States *
67
***************/
68
.background {
69
background-color: #f2f2f2;
70
color: rgba(0, 0, 0, 0.87);
71
}
72
/*
74
These wildcard seems unavoidable, need to investigate.
75
Wildcards are bad and troublesome, use them with care,
76
or better, just don't.
77
Everytime a wildcard is used a kitten dies, painfully.
78
*/
79
*:disabled {
80
-gtk-icon-effect: dim;
81
}
82
.gtkstyle-fallback {
84
background-color: #f2f2f2;
85
color: rgba(0, 0, 0, 0.87);
86
}
87
.gtkstyle-fallback:hover {
89
background-color: #e5e5e5;
90
}
91
.gtkstyle-fallback:active {
93
background-color: #d9d9d9;
94
}
95
.gtkstyle-fallback:disabled {
97
color: rgba(0, 0, 0, 0.38);
98
}
99
.gtkstyle-fallback:selected {
101
background-color: #1a73e8;
102
color: white;
103
}
104
.view {
106
background-color: #ffffff;
107
color: rgba(0, 0, 0, 0.87);
108
}
109
.view:hover {
111
box-shadow: inset 0 0 0 9999px alpha(currentcolor, 0.08);
112
}
113
.view:selected:hover {
115
box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.08);
116
}
117
.view:disabled {
119
color: rgba(0, 0, 0, 0.38);
120
}
121
.view:hover, .view:selected {
123
border-radius: 4px;
124
}
125
textview text {
127
background-color: #ffffff;
128
caret-color: #1a73e8;
129
}
130
textview border {
132
background-color: #fafafa;
133
color: rgba(0, 0, 0, 0.6);
134
}
135
.nautilus-desktop.nautilus-canvas-item, .caja-desktop.caja-canvas-item, .nemo-desktop.nemo-canvas-item {
137
color: white;
138
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.14), 0 1px 3px rgba(0, 0, 0, 0.12);
139
}
140
.rubberband,
142
rubberband,
143
flowbox rubberband,
144
treeview.view rubberband,
145
.content-view rubberband,
146
.content-view .rubberband,
147
XfdesktopIconView.view .rubberband {
148
border: 1px solid #8ab4f8;
149
background-color: rgba(138, 180, 248, 0.3);
150
}
151
flowbox flowboxchild {
153
padding: 4px;
154
border-radius: 4px;
155
}
156
.content-view .tile:selected {
158
background-color: transparent;
159
}
160
label {
162
caret-color: #1a73e8;
163
}
164
label.separator {
166
color: rgba(0, 0, 0, 0.6);
167
}
168
label:disabled {
170
color: rgba(0, 0, 0, 0.38);
171
}
172
headerbar label:disabled,
174
menuitem label:disabled,
175
tab label:disabled,
176
button label:disabled {
177
color: inherit;
178
}
179
label.osd {
181
border-radius: 4px;
182
background-color: rgba(97, 97, 97, 0.9);
183
color: white;
184
}
185
.dim-label {
187
color: rgba(0, 0, 0, 0.6);
188
}
189
assistant .sidebar {
191
padding: 4px 0;
192
}
193
assistant .sidebar label {
195
min-height: 36px;
196
padding: 0 12px;
197
color: rgba(0, 0, 0, 0.38);
198
font-weight: 500;
199
}
200
assistant .sidebar label.highlight {
202
color: rgba(0, 0, 0, 0.87);
203
}
204
/*********************
206
* Spinner Animation *
207
*********************/
208
@keyframes spin {
209
to {
210
-gtk-icon-transform: rotate(1turn);
211
}
212
}
213
spinner {
215
background: none;
216
opacity: 0;
217
color: #1a73e8;
218
-gtk-icon-source: -gtk-icontheme("process-working-symbolic");
219
}
220
spinner:checked {
222
opacity: 1;
223
animation: spin 1s linear infinite;
224
}
225
spinner:disabled {
227
color: rgba(0, 0, 0, 0.26);
228
}
229
/****************
231
* Text Entries *
232
****************/
233
spinbutton:not(.vertical),
234
entry {
235
min-height: 36px;
236
padding: 0 8px;
237
border-radius: 4px 4px 0 0;
238
transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1);
239
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #1a73e8 0%, transparent 0%) 2/0 0 0px;
240
box-shadow: inset 0 0 0 9999px transparent, inset 0 -1px rgba(0, 0, 0, 0.26);
241
background-color: rgba(0, 0, 0, 0.04);
242
color: rgba(0, 0, 0, 0.87);
243
caret-color: #1a73e8;
244
}
245
spinbutton:focus:not(.vertical),
247
entry:focus {
248
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #1a73e8 100%, transparent 0%) 2/0 0 2px;
249
}
250
spinbutton:drop(active):not(.vertical),
252
entry:drop(active) {
253
box-shadow: inset 0 0 0 9999px alpha(currentcolor, 0.08), inset 0 -1px rgba(0, 0, 0, 0.26);
254
}
255
spinbutton:disabled:not(.vertical),
257
entry:disabled {
258
box-shadow: inset 0 0 0 9999px transparent, inset 0 -1px rgba(0, 0, 0, 0.12);
259
background-color: rgba(0, 0, 0, 0.04);
260
color: rgba(0, 0, 0, 0.38);
261
}
262
spinbutton.flat:not(.vertical),
264
entry.flat {
265
min-height: 0;
266
padding: 2px;
267
border-radius: 0;
268
background-color: transparent;
269
}
270
spinbutton:not(.vertical) image,
272
entry image {
273
color: rgba(0, 0, 0, 0.6);
274
}
275
spinbutton:not(.vertical) image:hover, spinbutton:not(.vertical) image:active,
277
entry image:hover,
278
entry image:active {
279
color: rgba(0, 0, 0, 0.87);
280
}
281
spinbutton:not(.vertical) image:disabled,
283
entry image:disabled {
284
color: rgba(0, 0, 0, 0.38);
285
}
286
spinbutton:not(.vertical) image.left,
288
entry image.left {
289
margin-left: 2px;
290
margin-right: 6px;
291
}
292
spinbutton:not(.vertical) image.right,
294
entry image.right {
295
margin-left: 6px;
296
margin-right: 2px;
297
}
298
spinbutton:not(.vertical) undershoot.left,
300
entry undershoot.left {
301
background-color: transparent;
302
background-image: linear-gradient(to top, transparent 50%, rgba(0, 0, 0, 0.26) 50%);
303
padding-left: 1px;
304
background-size: 1px 12px;
305
background-repeat: repeat-y;
306
background-origin: content-box;
307
background-position: left top;
308
}
309
spinbutton:not(.vertical) undershoot.right,
311
entry undershoot.right {
312
background-color: transparent;
313
background-image: linear-gradient(to top, transparent 50%, rgba(0, 0, 0, 0.26) 50%);
314
padding-right: 1px;
315
background-size: 1px 12px;
316
background-repeat: repeat-y;
317
background-origin: content-box;
318
background-position: right top;
319
}
320
spinbutton.error:not(.vertical),
322
entry.error {
323
transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1);
324
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #d93025 0%, transparent 0%) 2/0 0 0px;
325
box-shadow: inset 0 0 0 9999px transparent, inset 0 -1px #d93025;
326
background-color: rgba(0, 0, 0, 0.04);
327
color: rgba(0, 0, 0, 0.87);
328
caret-color: #d93025;
329
}
330
spinbutton.error:focus:not(.vertical),
332
entry.error:focus {
333
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #d93025 100%, transparent 0%) 2/0 0 2px;
334
}
335
spinbutton.error:disabled:not(.vertical),
337
entry.error:disabled {
338
box-shadow: inset 0 0 0 9999px transparent, inset 0 -1px rgba(0, 0, 0, 0.12);
339
background-color: rgba(0, 0, 0, 0.04);
340
color: rgba(0, 0, 0, 0.38);
341
}
342
spinbutton.warning:not(.vertical),
344
entry.warning {
345
transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1);
346
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #f4b400 0%, transparent 0%) 2/0 0 0px;
347
box-shadow: inset 0 0 0 9999px transparent, inset 0 -1px #f4b400;
348
background-color: rgba(0, 0, 0, 0.04);
349
color: rgba(0, 0, 0, 0.87);
350
caret-color: #f4b400;
351
}
352
spinbutton.warning:focus:not(.vertical),
354
entry.warning:focus {
355
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #f4b400 100%, transparent 0%) 2/0 0 2px;
356
}
357
spinbutton.warning:disabled:not(.vertical),
359
entry.warning:disabled {
360
box-shadow: inset 0 0 0 9999px transparent, inset 0 -1px rgba(0, 0, 0, 0.12);
361
background-color: rgba(0, 0, 0, 0.04);
362
color: rgba(0, 0, 0, 0.38);
363
}
364
spinbutton:not(.vertical) progress,
366
entry progress {
367
margin: 2px -8px;
368
border-bottom: 2px solid #1a73e8;
369
background-color: transparent;
370
}
371
spinbutton.vertical entry, .gedit-search-slider .linked:not(.vertical) > entry {
373
border-radius: 4px;
374
transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
375
border-image: none;
376
box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17);
377
background-color: #ffffff;
378
color: rgba(0, 0, 0, 0.87);
379
caret-color: #1a73e8;
380
}
381
spinbutton.vertical entry:focus, .gedit-search-slider .linked:not(.vertical) > entry:focus {
383
border-image: none;
384
box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.2), 0 3px 2.4px 0 rgba(0, 0, 0, 0.14), 0 1px 4.8px 0 rgba(0, 0, 0, 0.12);
385
}
386
spinbutton.vertical entry:drop(active), .gedit-search-slider .linked:not(.vertical) > entry:drop(active) {
388
box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.2), 0 3px 2.4px 0 rgba(0, 0, 0, 0.14), 0 1px 4.8px 0 rgba(0, 0, 0, 0.12);
389
}
390
spinbutton.vertical entry:disabled, .gedit-search-slider .linked:not(.vertical) > entry:disabled {
392
box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17);
393
background-color: #fafafa;
394
color: rgba(0, 0, 0, 0.38);
395
}
396
spinbutton.vertical entry.error, .gedit-search-slider .linked:not(.vertical) > entry.error {
398
transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
399
border-image: none;
400
box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17);
401
background-color: #d93025;
402
color: white;
403
caret-color: white;
404
}
405
spinbutton.vertical entry.error:focus, .gedit-search-slider .linked:not(.vertical) > entry.error:focus {
407
border-image: none;
408
box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.2), 0 3px 2.4px 0 rgba(0, 0, 0, 0.14), 0 1px 4.8px 0 rgba(0, 0, 0, 0.12);
409
}
410
spinbutton.vertical entry.error:disabled, .gedit-search-slider .linked:not(.vertical) > entry.error:disabled {
412
box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17);
413
background-color: #fafafa;
414
color: rgba(0, 0, 0, 0.38);
415
}
416
spinbutton.vertical entry.error image, .gedit-search-slider .linked:not(.vertical) > entry.error image {
418
color: rgba(255, 255, 255, 0.7);
419
}
420
spinbutton.vertical entry.error image:hover, .gedit-search-slider .linked:not(.vertical) > entry.error image:hover, spinbutton.vertical entry.error image:active, .gedit-search-slider .linked:not(.vertical) > entry.error image:active {
422
color: white;
423
}
424
spinbutton.vertical entry.error image:disabled, .gedit-search-slider .linked:not(.vertical) > entry.error image:disabled {
426
color: rgba(255, 255, 255, 0.5);
427
}
428
spinbutton.vertical entry.warning, .gedit-search-slider .linked:not(.vertical) > entry.warning {
430
transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
431
border-image: none;
432
box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17);
433
background-color: #f4b400;
434
color: rgba(0, 0, 0, 0.87);
435
caret-color: rgba(0, 0, 0, 0.87);
436
}
437
spinbutton.vertical entry.warning:focus, .gedit-search-slider .linked:not(.vertical) > entry.warning:focus {
439
border-image: none;
440
box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.2), 0 3px 2.4px 0 rgba(0, 0, 0, 0.14), 0 1px 4.8px 0 rgba(0, 0, 0, 0.12);
441
}
442
spinbutton.vertical entry.warning:disabled, .gedit-search-slider .linked:not(.vertical) > entry.warning:disabled {
444
box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17);
445
background-color: #fafafa;
446
color: rgba(0, 0, 0, 0.38);
447
}
448
spinbutton.vertical entry.warning image, .gedit-search-slider .linked:not(.vertical) > entry.warning image {
450
color: rgba(0, 0, 0, 0.6);
451
}
452
spinbutton.vertical entry.warning image:hover, .gedit-search-slider .linked:not(.vertical) > entry.warning image:hover, spinbutton.vertical entry.warning image:active, .gedit-search-slider .linked:not(.vertical) > entry.warning image:active {
454
color: rgba(0, 0, 0, 0.87);
455
}
456
spinbutton.vertical entry.warning image:disabled, .gedit-search-slider .linked:not(.vertical) > entry.warning image:disabled {
458
color: rgba(0, 0, 0, 0.38);
459
}
460
treeview entry, treeview entry.flat {
462
background-color: #ffffff;
463
}
464
treeview entry, treeview entry:focus, treeview entry.flat, treeview entry.flat:focus {
466
border-image: none;
467
box-shadow: none;
468
}
469
.entry-tag, .documents-entry-tag, .photos-entry-tag {
471
margin: 2px;
472
border-radius: 9999px;
473
box-shadow: none;
474
background-color: rgba(0, 0, 0, 0.08);
475
color: rgba(0, 0, 0, 0.87);
476
}
477
.entry-tag:hover, .documents-entry-tag:hover, .photos-entry-tag:hover {
479
background-image: image(alpha(currentcolor, 0.08));
480
}
481
:dir(ltr) .entry-tag, :dir(ltr) .documents-entry-tag, :dir(ltr) .photos-entry-tag {
483
margin-left: 4px;
484
margin-right: 0;
485
padding-left: 12px;
486
padding-right: 8px;
487
}
488
:dir(rtl) .entry-tag, :dir(rtl) .documents-entry-tag, :dir(rtl) .photos-entry-tag {
490
margin-left: 0;
491
margin-right: 4px;
492
padding-left: 8px;
493
padding-right: 12px;
494
}
495
.entry-tag.button, .button.documents-entry-tag, .button.photos-entry-tag {
497
box-shadow: none;
498
background-color: transparent;
499
color: rgba(0, 0, 0, 0.6);
500
}
501
/***********
503
* Buttons *
504
***********/
505
@keyframes needs-attention {
506
from {
507
background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#1a73e8), to(transparent));
508
}
509
to {
510
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#1a73e8), to(transparent));
511
}
512
}
513
button {
516
min-height: 24px;
517
min-width: 16px;
518
padding: 6px 10px;
519
border-radius: 4px;
520
background-color: #ffffff;
521
color: rgba(0, 0, 0, 0.87);
522
font-weight: 500;
523
box-shadow: inset 0 0 0 9999px transparent, 0 3px 2px -3px rgba(0, 0, 0, 0.3), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
524
}
525
button:drop(active),
528
button:hover {
529
box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.04), 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
530
}
531
button:focus {
534
box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.08), 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
535
}
536
button:active {
539
box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.08), 0 5px 3px -3px rgba(0, 0, 0, 0.2), 0 8px 6px 1px rgba(0, 0, 0, 0.14), 0 3px 8.4px 2px rgba(0, 0, 0, 0.12);
540
background-image: radial-gradient(circle, rgba(0, 0, 0, 0.12) 10%, transparent 0%);
541
}
542
button:disabled {
545
box-shadow: none;
546
background-color: rgba(0, 0, 0, 0.08);
547
color: rgba(0, 0, 0, 0.38);
548
}
549
button:checked {
552
background-color: #dae9fb;
553
color: #1a73e8;
554
box-shadow: inset 0 0 0 9999px transparent, 0 3px 2px -3px rgba(0, 0, 0, 0.3), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
555
}
556
button:checked:drop(active),
559
button:checked:hover {
560
box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.08), 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
561
}
562
button:checked:focus {
565
box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12), 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
566
}
567
button:checked:active {
570
box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12), 0 5px 3px -3px rgba(0, 0, 0, 0.2), 0 8px 6px 1px rgba(0, 0, 0, 0.14), 0 3px 8.4px 2px rgba(0, 0, 0, 0.12);
571
background-image: radial-gradient(circle, rgba(26, 115, 232, 0.16) 10%, transparent 0%);
572
}
573
button:checked:disabled {
576
box-shadow: inset 0 0 0 9999px alpha(currentcolor, 0.12);
577
background-color: rgba(0, 0, 0, 0.08);
578
color: rgba(0, 0, 0, 0.38);
579
}
580
button.text-button {
583
min-width: 32px;
584
padding-left: 16px;
585
padding-right: 16px;
586
}
587
button.image-button {
590
min-width: 24px;
591
padding: 6px;
592
border-radius: 9999px;
593
}
594
button.text-button.image-button {
597
min-width: 24px;
598
padding: 6px;
599
border-radius: 4px;
600
}
601
button.text-button.image-button label:first-child {
604
margin-left: 10px;
605
}
606
button.text-button.image-button label:last-child {
609
margin-right: 10px;
610
}
611
button.text-button.image-button image:not(:only-child) {
614
margin: 0 4px;
615
}
616
toolbar button, .titlebar button:not(.suggested-action):not(.destructive-action), popover.background.menu button,
618
popover.background button.model, actionbar > revealer > box button:not(.suggested-action):not(.destructive-action), .app-notification button, .dialog-action-box button, filechooser #pathbarbox > stack > box > button, infobar.info button, infobar.question button, #caja-extra-view-widget button, .lock-dialog button, .drop-shadow button, .budgie-session-dialog .linked.horizontal > button, #buttonbox_frame button,
619
button.flat, combobox > .linked:not(.vertical) > button:not(:only-child), layouttabbar button, .message-input-area button, .caja-navigation-window box.horizontal > button.toggle.image-button, .raven .raven-header.top stackswitcher.linked > button, .raven .raven-background stackswitcher.linked > button, .nemo-window .toolbar button, spinbutton:not(.vertical) button, spinbutton.vertical button, .caja-pathbar button,
620
.path-bar.linked:not(.vertical) > button, scrollbar button, button.sidebar-button, .gedit-search-slider .linked:not(.vertical) > button, popover.messagepopover .popover-action-area button, #MatePanelPopupWindow button, #mate-menu button, .budgie-settings-window buttonbox.inline-toolbar button {
621
background-color: transparent;
622
color: rgba(0, 0, 0, 0.6);
623
box-shadow: inset 0 0 0 9999px transparent;
624
}
625
toolbar button:drop(active), .titlebar button:drop(active):not(.suggested-action):not(.destructive-action), popover.background.menu button:drop(active),
627
popover.background button.model:drop(active), actionbar > revealer > box button:drop(active):not(.suggested-action):not(.destructive-action), .app-notification button:drop(active), .dialog-action-box button:drop(active), filechooser #pathbarbox > stack > box > button:drop(active), infobar.info button:drop(active), infobar.question button:drop(active), #caja-extra-view-widget button:drop(active), .lock-dialog button:drop(active), .drop-shadow button:drop(active), .budgie-session-dialog .linked.horizontal > button:drop(active), #buttonbox_frame button:drop(active),
628
button.flat:drop(active), combobox > .linked:not(.vertical) > button:drop(active):not(:only-child), layouttabbar button:drop(active), .message-input-area button:drop(active), .caja-navigation-window box.horizontal > button.toggle.image-button:drop(active), .raven .raven-header.top stackswitcher.linked > button:drop(active), .raven .raven-background stackswitcher.linked > button:drop(active), .nemo-window .toolbar button:drop(active), spinbutton:not(.vertical) button:drop(active), spinbutton.vertical button:drop(active), .caja-pathbar button:drop(active),
629
.path-bar.linked:not(.vertical) > button:drop(active), scrollbar button:drop(active), button.sidebar-button:drop(active), .gedit-search-slider .linked:not(.vertical) > button:drop(active), popover.messagepopover .popover-action-area button:drop(active), #MatePanelPopupWindow button:drop(active), #mate-menu button:drop(active), .budgie-settings-window buttonbox.inline-toolbar button:drop(active), toolbar button:hover, .titlebar button:hover:not(.suggested-action):not(.destructive-action), popover.background.menu button:hover,
630
popover.background button.model:hover, actionbar > revealer > box button:hover:not(.suggested-action):not(.destructive-action), .app-notification button:hover, .dialog-action-box button:hover, filechooser #pathbarbox > stack > box > button:hover, infobar.info button:hover, infobar.question button:hover, #caja-extra-view-widget button:hover, .lock-dialog button:hover, .drop-shadow button:hover, .budgie-session-dialog .linked.horizontal > button:hover, #buttonbox_frame button:hover,
631
button.flat:hover, combobox > .linked:not(.vertical) > button:hover:not(:only-child), layouttabbar button:hover, .message-input-area button:hover, .caja-navigation-window box.horizontal > button.toggle.image-button:hover, .raven .raven-header.top stackswitcher.linked > button:hover, .raven .raven-background stackswitcher.linked > button:hover, .nemo-window .toolbar button:hover, spinbutton:not(.vertical) button:hover, spinbutton.vertical button:hover, .caja-pathbar button:hover,
632
.path-bar.linked:not(.vertical) > button:hover, scrollbar button:hover, button.sidebar-button:hover, .gedit-search-slider .linked:not(.vertical) > button:hover, popover.messagepopover .popover-action-area button:hover, #MatePanelPopupWindow button:hover, #mate-menu button:hover, .budgie-settings-window buttonbox.inline-toolbar button:hover {
633
box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.08);
634
}
635
toolbar button:focus, .titlebar button:focus:not(.suggested-action):not(.destructive-action), popover.background.menu button:focus,
637
popover.background button.model:focus, actionbar > revealer > box button:focus:not(.suggested-action):not(.destructive-action), .app-notification button:focus, .dialog-action-box button:focus, filechooser #pathbarbox > stack > box > button:focus, infobar.info button:focus, infobar.question button:focus, #caja-extra-view-widget button:focus, .lock-dialog button:focus, .drop-shadow button:focus, .budgie-session-dialog .linked.horizontal > button:focus, #buttonbox_frame button:focus,
638
button.flat:focus, combobox > .linked:not(.vertical) > button:focus:not(:only-child), layouttabbar button:focus, .message-input-area button:focus, .caja-navigation-window box.horizontal > button.toggle.image-button:focus, .raven .raven-header.top stackswitcher.linked > button:focus, .raven .raven-background stackswitcher.linked > button:focus, .nemo-window .toolbar button:focus, spinbutton:not(.vertical) button:focus, spinbutton.vertical button:focus, .caja-pathbar button:focus,
639
.path-bar.linked:not(.vertical) > button:focus, scrollbar button:focus, button.sidebar-button:focus, .gedit-search-slider .linked:not(.vertical) > button:focus, popover.messagepopover .popover-action-area button:focus, #MatePanelPopupWindow button:focus, #mate-menu button:focus, .budgie-settings-window buttonbox.inline-toolbar button:focus {
640
box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.08);
641
}
642
toolbar button:active, .titlebar button:active:not(.suggested-action):not(.destructive-action), popover.background.menu button:active,
644
popover.background button.model:active, actionbar > revealer > box button:active:not(.suggested-action):not(.destructive-action), .app-notification button:active, .dialog-action-box button:active, filechooser #pathbarbox > stack > box > button:active, infobar.info button:active, infobar.question button:active, #caja-extra-view-widget button:active, .lock-dialog button:active, .drop-shadow button:active, .budgie-session-dialog .linked.horizontal > button:active, #buttonbox_frame button:active,
645
button.flat:active, combobox > .linked:not(.vertical) > button:active:not(:only-child), layouttabbar button:active, .message-input-area button:active, .caja-navigation-window box.horizontal > button.toggle.image-button:active, .raven .raven-header.top stackswitcher.linked > button:active, .raven .raven-background stackswitcher.linked > button:active, .nemo-window .toolbar button:active, spinbutton:not(.vertical) button:active, spinbutton.vertical button:active, .caja-pathbar button:active,
646
.path-bar.linked:not(.vertical) > button:active, scrollbar button:active, button.sidebar-button:active, .gedit-search-slider .linked:not(.vertical) > button:active, popover.messagepopover .popover-action-area button:active, #MatePanelPopupWindow button:active, #mate-menu button:active, .budgie-settings-window buttonbox.inline-toolbar button:active {
647
background-image: radial-gradient(circle, rgba(0, 0, 0, 0.12) 10%, transparent 0%);
648
}
649
toolbar button:disabled, .titlebar button:disabled:not(.suggested-action):not(.destructive-action), popover.background.menu button:disabled,
651
popover.background button.model:disabled, actionbar > revealer > box button:disabled:not(.suggested-action):not(.destructive-action), .app-notification button:disabled, .dialog-action-box button:disabled, filechooser #pathbarbox > stack > box > button:disabled, infobar.info button:disabled, infobar.question button:disabled, #caja-extra-view-widget button:disabled, .lock-dialog button:disabled, .drop-shadow button:disabled, .budgie-session-dialog .linked.horizontal > button:disabled, #buttonbox_frame button:disabled,
652
button.flat:disabled, combobox > .linked:not(.vertical) > button:disabled:not(:only-child), layouttabbar button:disabled, .message-input-area button:disabled, .caja-navigation-window box.horizontal > button.toggle.image-button:disabled, .raven .raven-header.top stackswitcher.linked > button:disabled, .raven .raven-background stackswitcher.linked > button:disabled, .nemo-window .toolbar button:disabled, spinbutton:not(.vertical) button:disabled, spinbutton.vertical button:disabled, .caja-pathbar button:disabled,
653
.path-bar.linked:not(.vertical) > button:disabled, scrollbar button:disabled, button.sidebar-button:disabled, .gedit-search-slider .linked:not(.vertical) > button:disabled, popover.messagepopover .popover-action-area button:disabled, #MatePanelPopupWindow button:disabled, #mate-menu button:disabled, .budgie-settings-window buttonbox.inline-toolbar button:disabled {
654
background-color: transparent;
655
color: rgba(0, 0, 0, 0.26);
656
}
657
toolbar button:checked, .titlebar button:checked:not(.suggested-action):not(.destructive-action), popover.background.menu button:checked,
659
popover.background button.model:checked, actionbar > revealer > box button:checked:not(.suggested-action):not(.destructive-action), .app-notification button:checked, .dialog-action-box button:checked, filechooser #pathbarbox > stack > box > button:checked, infobar.info button:checked, infobar.question button:checked, #caja-extra-view-widget button:checked, .lock-dialog button:checked, .drop-shadow button:checked, .budgie-session-dialog .linked.horizontal > button:checked, #buttonbox_frame button:checked,
660
button.flat:checked, combobox > .linked:not(.vertical) > button:checked:not(:only-child), layouttabbar button:checked, .message-input-area button:checked, .caja-navigation-window box.horizontal > button.toggle.image-button:checked, .raven .raven-header.top stackswitcher.linked > button:checked, .raven .raven-background stackswitcher.linked > button:checked, .nemo-window .toolbar button:checked {
661
background-color: alpha(currentcolor, 0.12);
662
color: rgba(0, 0, 0, 0.87);
663
color: rgba(0, 0, 0, 0.87);
664
box-shadow: inset 0 0 0 9999px transparent;
665
}
666
toolbar button:checked:drop(active), .titlebar button:checked:drop(active):not(.suggested-action):not(.destructive-action), popover.background.menu button:checked:drop(active),
668
popover.background button.model:checked:drop(active), actionbar > revealer > box button:checked:drop(active):not(.suggested-action):not(.destructive-action), .app-notification button:checked:drop(active), .dialog-action-box button:checked:drop(active), filechooser #pathbarbox > stack > box > button:checked:drop(active), infobar.info button:checked:drop(active), infobar.question button:checked:drop(active), #caja-extra-view-widget button:checked:drop(active), .lock-dialog button:checked:drop(active), .drop-shadow button:checked:drop(active), .budgie-session-dialog .linked.horizontal > button:checked:drop(active), #buttonbox_frame button:checked:drop(active),
669
button.flat:checked:drop(active), combobox > .linked:not(.vertical) > button:checked:drop(active):not(:only-child), layouttabbar button:checked:drop(active), .message-input-area button:checked:drop(active), .caja-navigation-window box.horizontal > button.toggle.image-button:checked:drop(active), .raven .raven-header.top stackswitcher.linked > button:checked:drop(active), .raven .raven-background stackswitcher.linked > button:checked:drop(active), .nemo-window .toolbar button:checked:drop(active), toolbar button:checked:hover, .titlebar button:checked:hover:not(.suggested-action):not(.destructive-action), popover.background.menu button:checked:hover,
670
popover.background button.model:checked:hover, actionbar > revealer > box button:checked:hover:not(.suggested-action):not(.destructive-action), .app-notification button:checked:hover, .dialog-action-box button:checked:hover, filechooser #pathbarbox > stack > box > button:checked:hover, infobar.info button:checked:hover, infobar.question button:checked:hover, #caja-extra-view-widget button:checked:hover, .lock-dialog button:checked:hover, .drop-shadow button:checked:hover, .budgie-session-dialog .linked.horizontal > button:checked:hover, #buttonbox_frame button:checked:hover,
671
button.flat:checked:hover, combobox > .linked:not(.vertical) > button:checked:hover:not(:only-child), layouttabbar button:checked:hover, .message-input-area button:checked:hover, .caja-navigation-window box.horizontal > button.toggle.image-button:checked:hover, .raven .raven-header.top stackswitcher.linked > button:checked:hover, .raven .raven-background stackswitcher.linked > button:checked:hover, .nemo-window .toolbar button:checked:hover {
672
box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.08);
673
}
674
toolbar button:checked:focus, .titlebar button:checked:focus:not(.suggested-action):not(.destructive-action), popover.background.menu button:checked:focus,
676
popover.background button.model:checked:focus, actionbar > revealer > box button:checked:focus:not(.suggested-action):not(.destructive-action), .app-notification button:checked:focus, .dialog-action-box button:checked:focus, filechooser #pathbarbox > stack > box > button:checked:focus, infobar.info button:checked:focus, infobar.question button:checked:focus, #caja-extra-view-widget button:checked:focus, .lock-dialog button:checked:focus, .drop-shadow button:checked:focus, .budgie-session-dialog .linked.horizontal > button:checked:focus, #buttonbox_frame button:checked:focus,
677
button.flat:checked:focus, combobox > .linked:not(.vertical) > button:checked:focus:not(:only-child), layouttabbar button:checked:focus, .message-input-area button:checked:focus, .caja-navigation-window box.horizontal > button.toggle.image-button:checked:focus, .raven .raven-header.top stackswitcher.linked > button:checked:focus, .raven .raven-background stackswitcher.linked > button:checked:focus, .nemo-window .toolbar button:checked:focus {
678
box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.08);
679
}
680
toolbar button:checked:active, .titlebar button:checked:active:not(.suggested-action):not(.destructive-action), popover.background.menu button:checked:active,
682
popover.background button.model:checked:active, actionbar > revealer > box button:checked:active:not(.suggested-action):not(.destructive-action), .app-notification button:checked:active, .dialog-action-box button:checked:active, filechooser #pathbarbox > stack > box > button:checked:active, infobar.info button:checked:active, infobar.question button:checked:active, #caja-extra-view-widget button:checked:active, .lock-dialog button:checked:active, .drop-shadow button:checked:active, .budgie-session-dialog .linked.horizontal > button:checked:active, #buttonbox_frame button:checked:active,
683
button.flat:checked:active, combobox > .linked:not(.vertical) > button:checked:active:not(:only-child), layouttabbar button:checked:active, .message-input-area button:checked:active, .caja-navigation-window box.horizontal > button.toggle.image-button:checked:active, .raven .raven-header.top stackswitcher.linked > button:checked:active, .raven .raven-background stackswitcher.linked > button:checked:active, .nemo-window .toolbar button:checked:active {
684
background-image: radial-gradient(circle, rgba(0, 0, 0, 0.12) 10%, transparent 0%);
685
}
686
toolbar button:checked:disabled, .titlebar button:checked:disabled:not(.suggested-action):not(.destructive-action), popover.background.menu button:checked:disabled,
688
popover.background button.model:checked:disabled, actionbar > revealer > box button:checked:disabled:not(.suggested-action):not(.destructive-action), .app-notification button:checked:disabled, .dialog-action-box button:checked:disabled, filechooser #pathbarbox > stack > box > button:checked:disabled, infobar.info button:checked:disabled, infobar.question button:checked:disabled, #caja-extra-view-widget button:checked:disabled, .lock-dialog button:checked:disabled, .drop-shadow button:checked:disabled, .budgie-session-dialog .linked.horizontal > button:checked:disabled, #buttonbox_frame button:checked:disabled,
689
button.flat:checked:disabled, combobox > .linked:not(.vertical) > button:checked:disabled:not(:only-child), layouttabbar button:checked:disabled, .message-input-area button:checked:disabled, .caja-navigation-window box.horizontal > button.toggle.image-button:checked:disabled, .raven .raven-header.top stackswitcher.linked > button:checked:disabled, .raven .raven-background stackswitcher.linked > button:checked:disabled, .nemo-window .toolbar button:checked:disabled {
690
color: rgba(0, 0, 0, 0.38);
691
}
692
toolbar button.text-button, .titlebar button.text-button:not(.suggested-action):not(.destructive-action), popover.background.menu button.text-button,
694
popover.background button.text-button.model, actionbar > revealer > box button.text-button:not(.suggested-action):not(.destructive-action), .app-notification button.text-button, .dialog-action-box button.text-button, filechooser #pathbarbox > stack > box > button.text-button, infobar.info button.text-button, infobar.question button.text-button, #caja-extra-view-widget button.text-button, .lock-dialog button.text-button, .drop-shadow button.text-button, .budgie-session-dialog .linked.horizontal > button.text-button, #buttonbox_frame button.text-button,
695
button.flat.text-button {
696
min-width: 48px;
697
padding-left: 8px;
698
padding-right: 8px;
699
}
700
toolbar button.text-button.image-button, .titlebar button.text-button.image-button:not(.suggested-action):not(.destructive-action), popover.background.menu button.text-button.image-button,
702
popover.background button.text-button.image-button.model, actionbar > revealer > box button.text-button.image-button:not(.suggested-action):not(.destructive-action), .app-notification button.text-button.image-button, .dialog-action-box button.text-button.image-button, filechooser #pathbarbox > stack > box > button.text-button.image-button, infobar.info button.text-button.image-button, infobar.question button.text-button.image-button, #caja-extra-view-widget button.text-button.image-button, .lock-dialog button.text-button.image-button, .drop-shadow button.text-button.image-button, .budgie-session-dialog .linked.horizontal > button.text-button.image-button, #buttonbox_frame button.text-button.image-button,
703
button.flat.text-button.image-button {
704
min-width: 24px;
705
padding: 6px;
706
}
707
toolbar button.text-button.image-button label:first-child, .titlebar button.text-button.image-button:not(.suggested-action):not(.destructive-action) label:first-child, popover.background.menu button.text-button.image-button label:first-child, popover.background button.text-button.image-button.model label:first-child, actionbar > revealer > box button.text-button.image-button:not(.suggested-action):not(.destructive-action) label:first-child, .app-notification button.text-button.image-button label:first-child, .dialog-action-box button.text-button.image-button label:first-child, filechooser #pathbarbox > stack > box > button.text-button.image-button label:first-child, infobar.info button.text-button.image-button label:first-child, infobar.question button.text-button.image-button label:first-child, #caja-extra-view-widget button.text-button.image-button label:first-child, .lock-dialog button.text-button.image-button label:first-child, .drop-shadow button.text-button.image-button label:first-child, .budgie-session-dialog .linked.horizontal > button.text-button.image-button label:first-child, #buttonbox_frame button.text-button.image-button label:first-child,
709
button.flat.text-button.image-button label:first-child {
710
margin-left: 6px;
711
}
712
toolbar button.text-button.image-button label:last-child, .titlebar button.text-button.image-button:not(.suggested-action):not(.destructive-action) label:last-child, popover.background.menu button.text-button.image-button label:last-child, popover.background button.text-button.image-button.model label:last-child, actionbar > revealer > box button.text-button.image-button:not(.suggested-action):not(.destructive-action) label:last-child, .app-notification button.text-button.image-button label:last-child, .dialog-action-box button.text-button.image-button label:last-child, filechooser #pathbarbox > stack > box > button.text-button.image-button label:last-child, infobar.info button.text-button.image-button label:last-child, infobar.question button.text-button.image-button label:last-child, #caja-extra-view-widget button.text-button.image-button label:last-child, .lock-dialog button.text-button.image-button label:last-child, .drop-shadow button.text-button.image-button label:last-child, .budgie-session-dialog .linked.horizontal > button.text-button.image-button label:last-child, #buttonbox_frame button.text-button.image-button label:last-child,
714
button.flat.text-button.image-button label:last-child {
715
margin-right: 6px;
716
}
717
toolbar .linked:not(.vertical) > button:not(:only-child), .titlebar .linked:not(.vertical) > button:not(:only-child):not(.suggested-action):not(.destructive-action), popover.background.menu .linked:not(.vertical) > button:not(:only-child),
719
popover.background .linked:not(.vertical) > button.model:not(:only-child), actionbar > revealer > box .linked:not(.vertical) > button:not(:only-child):not(.suggested-action):not(.destructive-action), .app-notification .linked:not(.vertical) > button:not(:only-child), .dialog-action-box .linked:not(.vertical) > button:not(:only-child), filechooser #pathbarbox > stack > box.linked:not(.vertical) > button:not(:only-child), infobar.info .linked:not(.vertical) > button:not(:only-child), infobar.question .linked:not(.vertical) > button:not(:only-child), #caja-extra-view-widget .linked:not(.vertical) > button:not(:only-child), .lock-dialog .linked:not(.vertical) > button:not(:only-child), .drop-shadow .linked:not(.vertical) > button:not(:only-child), .budgie-session-dialog .linked.horizontal:not(.vertical) > button:not(:only-child), #buttonbox_frame .linked:not(.vertical) > button:not(:only-child),
720
toolbar .linked.vertical > button:not(:only-child),
721
.titlebar .linked.vertical > button:not(:only-child):not(.suggested-action):not(.destructive-action),
722
popover.background.menu .linked.vertical > button:not(:only-child),
723
popover.background .linked.vertical > button.model:not(:only-child),
724
actionbar > revealer > box .linked.vertical > button:not(:only-child):not(.suggested-action):not(.destructive-action),
725
.app-notification .linked.vertical > button:not(:only-child),
726
.dialog-action-box .linked.vertical > button:not(:only-child),
727
filechooser #pathbarbox > stack > box.linked.vertical > button:not(:only-child),
728
infobar.info .linked.vertical > button:not(:only-child),
729
infobar.question .linked.vertical > button:not(:only-child),
730
#caja-extra-view-widget .linked.vertical > button:not(:only-child),
731
.lock-dialog .linked.vertical > button:not(:only-child),
732
.drop-shadow .linked.vertical > button:not(:only-child),
733
.budgie-session-dialog .linked.horizontal.vertical > button:not(:only-child),
734
#buttonbox_frame .linked.vertical > button:not(:only-child), .linked:not(.vertical) >
735
button.flat:not(:only-child),
736
.linked.vertical >
737
button.flat:not(:only-child) {
738
border-radius: 4px;
739
}
740
toolbar .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button), .titlebar .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button):not(.suggested-action):not(.destructive-action), popover.background.menu .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button),
742
popover.background .linked:not(.vertical) > button.model:not(:only-child).image-button:not(.text-button), actionbar > revealer > box .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button):not(.suggested-action):not(.destructive-action), .app-notification .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button), .dialog-action-box .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button), filechooser #pathbarbox > stack > box.linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button), infobar.info .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button), infobar.question .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button), #caja-extra-view-widget .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button), .lock-dialog .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button), .drop-shadow .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button), .budgie-session-dialog .linked.horizontal:not(.vertical) > button:not(:only-child).image-button:not(.text-button), #buttonbox_frame .linked:not(.vertical) > button:not(:only-child).image-button:not(.text-button),
743
toolbar .linked.vertical > button:not(:only-child).image-button:not(.text-button),
744
.titlebar .linked.vertical > button:not(:only-child).image-button:not(.text-button):not(.suggested-action):not(.destructive-action),
745
popover.background.menu .linked.vertical > button:not(:only-child).image-button:not(.text-button),
746
popover.background .linked.vertical > button.model:not(:only-child).image-button:not(.text-button),
747
actionbar > revealer > box .linked.vertical > button:not(:only-child).image-button:not(.text-button):not(.suggested-action):not(.destructive-action),
748
.app-notification .linked.vertical > button:not(:only-child).image-button:not(.text-button),
749
.dialog-action-box .linked.vertical > button:not(:only-child).image-button:not(.text-button),
750
filechooser #pathbarbox > stack > box.linked.vertical > button:not(:only-child).image-button:not(.text-button),
751
infobar.info .linked.vertical > button:not(:only-child).image-button:not(.text-button),
752
infobar.question .linked.vertical > button:not(:only-child).image-button:not(.text-button),
753
#caja-extra-view-widget .linked.vertical > button:not(:only-child).image-button:not(.text-button),
754
.lock-dialog .linked.vertical > button:not(:only-child).image-button:not(.text-button),
755
.drop-shadow .linked.vertical > button:not(:only-child).image-button:not(.text-button),
756
.budgie-session-dialog .linked.horizontal.vertical > button:not(:only-child).image-button:not(.text-button),
757
#buttonbox_frame .linked.vertical > button:not(:only-child).image-button:not(.text-button), .linked:not(.vertical) >
758
button.flat:not(:only-child).image-button:not(.text-button),
759
.linked.vertical >
760
button.flat:not(:only-child).image-button:not(.text-button) {
761
border-radius: 9999px;
762
}
763
button.osd {
765
padding: 12px 16px;
766
}
767
button.osd.image-button {
769
padding: 12px;
770
}
771
button.osd:disabled {
773
opacity: 0;
774
}
775
button.suggested-action {
777
background-color: #1a73e8;
778
color: white;
779
box-shadow: inset 0 0 0 9999px transparent, 0 3px 2px -3px rgba(0, 0, 0, 0.3), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
780
}
781
button.suggested-action:drop(active), button.suggested-action:hover {
783
box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.04), 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
784
}
785
button.suggested-action:focus {
787
box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.08), 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
788
}
789
button.suggested-action:active {
791
box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.08), 0 5px 3px -3px rgba(0, 0, 0, 0.2), 0 8px 6px 1px rgba(0, 0, 0, 0.14), 0 3px 8.4px 2px rgba(0, 0, 0, 0.12);
792
background-image: radial-gradient(circle, rgba(255, 255, 255, 0.12) 10%, transparent 0%);
793
}
794
button.suggested-action:disabled {
796
box-shadow: none;
797
background-color: rgba(0, 0, 0, 0.08);
798
color: rgba(0, 0, 0, 0.38);
799
}
800
button.suggested-action:checked {
802
background-color: #3584eb;
803
}
804
button.suggested-action.flat {
806
background-color: transparent;
807
color: #1a73e8;
808
box-shadow: inset 0 0 0 9999px transparent;
809
}
810
button.suggested-action.flat:drop(active), button.suggested-action.flat:hover {
812
box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12);
813
}
814
button.suggested-action.flat:focus {
816
box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12);
817
}
818
button.suggested-action.flat:active {
820
background-image: radial-gradient(circle, rgba(26, 115, 232, 0.16) 10%, transparent 0%);
821
}
822
button.suggested-action.flat:disabled {
824
box-shadow: none;
825
background-color: transparent;
826
color: rgba(0, 0, 0, 0.26);
827
}
828
button.suggested-action.flat:checked {
830
background-color: rgba(26, 115, 232, 0.12);
831
}
832
button.destructive-action {
834
background-color: #d93025;
835
color: white;
836
box-shadow: inset 0 0 0 9999px transparent, 0 3px 2px -3px rgba(0, 0, 0, 0.3), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
837
}
838
button.destructive-action:drop(active), button.destructive-action:hover {
840
box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.04), 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
841
}
842
button.destructive-action:focus {
844
box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.08), 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
845
}
846
button.destructive-action:active {
848
box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.08), 0 5px 3px -3px rgba(0, 0, 0, 0.2), 0 8px 6px 1px rgba(0, 0, 0, 0.14), 0 3px 8.4px 2px rgba(0, 0, 0, 0.12);
849
background-image: radial-gradient(circle, rgba(255, 255, 255, 0.12) 10%, transparent 0%);
850
}
851
button.destructive-action:disabled {
853
box-shadow: none;
854
background-color: rgba(0, 0, 0, 0.08);
855
color: rgba(0, 0, 0, 0.38);
856
}
857
button.destructive-action:checked {
859
background-color: #de493f;
860
}
861
button.destructive-action.flat {
863
background-color: transparent;
864
color: #d93025;
865
box-shadow: inset 0 0 0 9999px transparent;
866
}
867
button.destructive-action.flat:drop(active), button.destructive-action.flat:hover {
869
box-shadow: inset 0 0 0 9999px rgba(217, 48, 37, 0.12);
870
}
871
button.destructive-action.flat:focus {
873
box-shadow: inset 0 0 0 9999px rgba(217, 48, 37, 0.12);
874
}
875
button.destructive-action.flat:active {
877
background-image: radial-gradient(circle, rgba(217, 48, 37, 0.16) 10%, transparent 0%);
878
}
879
button.destructive-action.flat:disabled {
881
box-shadow: none;
882
background-color: transparent;
883
color: rgba(0, 0, 0, 0.26);
884
}
885
button.destructive-action.flat:checked {
887
background-color: rgba(217, 48, 37, 0.12);
888
}
889
.stack-switcher > button > label {
891
margin: 0 -6px;
892
padding: 0 6px;
893
}
894
.stack-switcher > button > image {
896
margin: -3px -6px;
897
padding: 3px 6px;
898
}
899
.stack-switcher > button.needs-attention:checked > label,
901
.stack-switcher > button.needs-attention:checked > image {
902
animation: none;
903
background-image: none;
904
}
905
.inline-toolbar button:not(.text-button) {
907
border-radius: 9999px;
908
}
909
.primary-toolbar button {
911
-gtk-icon-shadow: none;
912
}
913
button.close, button.circular {
915
border-radius: 9999px;
916
}
917
spinbutton:not(.vertical) button, notebook > header tab button.flat, button.sidebar-button, .nautilus-window .floating-bar button, .gedit-document-panel row button.flat, .gedit-search-slider .linked:not(.vertical) > button, .pluma-window paned.horizontal box.vertical box.horizontal button.flat {
919
min-height: 24px;
920
min-width: 24px;
921
padding: 0;
922
border-radius: 9999px;
923
}
924
.stack-switcher > button.needs-attention > label,
926
.stack-switcher > button.needs-attention > image, stacksidebar.sidebar row.needs-attention > label {
927
animation: needs-attention 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
928
background-repeat: no-repeat;
929
background-position: right 3px;
930
background-size: 6px 6px;
931
}
932
.stack-switcher > button.needs-attention > label:dir(rtl),
934
.stack-switcher > button.needs-attention > image:dir(rtl), stacksidebar.sidebar row.needs-attention > label:dir(rtl) {
935
background-position: left 3px;
936
}
937
.linked:not(.vertical) > spinbutton:not(:first-child):not(.vertical), .linked:not(.vertical) > entry:not(:first-child), .linked:not(.vertical) > button:not(:first-child), combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:not(:first-child) > box > button.combo {
939
border-top-left-radius: 0;
940
border-bottom-left-radius: 0;
941
}
942
.linked:not(.vertical) > spinbutton:not(:last-child):not(.vertical), .linked:not(.vertical) > entry:not(:last-child), .linked:not(.vertical) > button:not(:last-child), combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:not(:last-child) > box > button.combo {
944
border-top-right-radius: 0;
945
border-bottom-right-radius: 0;
946
}
947
.linked.vertical > spinbutton:not(:first-child):not(.vertical), .linked.vertical > entry:not(:first-child), .linked.vertical > button:not(:first-child), .linked.vertical > combobox:not(:first-child) > box > button.combo {
949
border-top-left-radius: 0;
950
border-top-right-radius: 0;
951
}
952
.linked.vertical > spinbutton:not(:last-child):not(.vertical), .linked.vertical > entry:not(:last-child), .linked.vertical > button:not(:last-child), .linked.vertical > combobox:not(:last-child) > box > button.combo {
954
border-bottom-left-radius: 0;
955
border-bottom-right-radius: 0;
956
}
957
.linked:not(.vertical) > button.image-button:first-child:not(.text-button) {
959
border-top-left-radius: 4px;
960
border-bottom-left-radius: 4px;
961
}
962
.linked:not(.vertical) > button.image-button:last-child:not(.text-button) {
964
border-top-right-radius: 4px;
965
border-bottom-right-radius: 4px;
966
}
967
.linked:not(.vertical) > button.image-button:only-child:not(.text-button) {
969
border-radius: 9999px;
970
}
971
.linked.vertical > button.image-button:first-child:not(.text-button) {
973
border-top-left-radius: 4px;
974
border-top-right-radius: 4px;
975
}
976
.linked.vertical > button.image-button:last-child:not(.text-button) {
978
border-bottom-left-radius: 4px;
979
border-bottom-right-radius: 4px;
980
}
981
.linked.vertical > button.image-button:only-child:not(.text-button) {
983
border-radius: 9999px;
984
}
985
/* menu buttons */
987
modelbutton.flat,
988
.menuitem.button.flat {
989
min-height: 28px;
990
padding: 0 8px;
991
border-radius: 4px;
992
box-shadow: inset 0 0 0 9999px transparent;
993
}
994
modelbutton.flat:drop(active), modelbutton.flat:hover,
996
.menuitem.button.flat:drop(active),
997
.menuitem.button.flat:hover {
998
box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.08);
999
}
1000
modelbutton.flat:focus,
1002
.menuitem.button.flat:focus {
1003
box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.08);
1004
}
1005
modelbutton.flat:active,
1007
.menuitem.button.flat:active {
1008
background-image: radial-gradient(circle, rgba(0, 0, 0, 0.12) 10%, transparent 0%);
1009
}
1010
modelbutton.flat arrow.left {
1012
-gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
1013
}
1014
modelbutton.flat arrow.right {
1016
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
1017
}
1018
button.color {
1020
min-height: 24px;
1021
min-width: 24px;
1022
padding: 6px;
1023
}
1024
/*********
1026
* Links *
1027
*********/
1028
*:link {
1029
color: #1a73e8;
1030
}
1031
*:visited {
1033
color: #9c27b0;
1034
}
1035
button.link:link {
1037
color: #1a73e8;
1038
box-shadow: inset 0 0 0 9999px transparent;
1039
}
1040
button.link:link:drop(active), button.link:link:hover {
1042
box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12);
1043
}
1044
button.link:link:focus {
1046
box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12);
1047
}
1048
button.link:link:active {
1050
background-image: radial-gradient(circle, rgba(26, 115, 232, 0.16) 10%, transparent 0%);
1051
}
1052
button.link:visited {
1054
color: #9c27b0;
1055
box-shadow: inset 0 0 0 9999px transparent;
1056
}
1057
button.link:visited:drop(active), button.link:visited:hover {
1059
box-shadow: inset 0 0 0 9999px rgba(156, 39, 176, 0.12);
1060
}
1061
button.link:visited:focus {
1063
box-shadow: inset 0 0 0 9999px rgba(156, 39, 176, 0.12);
1064
}
1065
button.link:visited:active {
1067
background-image: radial-gradient(circle, rgba(156, 39, 176, 0.16) 10%, transparent 0%);
1068
}
1069
button.link > label {
1071
text-decoration-line: underline;
1072
}
1073
/*****************
1075
* GtkSpinButton *
1076
*****************/
1077
spinbutton:not(.vertical) {
1078
padding: 0;
1079
}
1080
spinbutton:not(.vertical) entry {
1082
min-width: 32px;
1083
margin: 0;
1084
border-image: none;
1085
border-radius: 0;
1086
box-shadow: none;
1087
background-color: transparent;
1088
}
1089
spinbutton:not(.vertical) button {
1091
border: solid 6px transparent;
1092
}
1093
spinbutton:not(.vertical) button:focus:not(:hover):not(:active) {
1095
box-shadow: inset 0 0 0 9999px transparent;
1096
}
1097
spinbutton:not(.vertical) button.up:dir(ltr), spinbutton:not(.vertical) button.down:dir(rtl) {
1099
margin-left: -3px;
1100
}
1101
spinbutton:not(.vertical) button.up:dir(rtl), spinbutton:not(.vertical) button.down:dir(ltr) {
1103
margin-right: -3px;
1104
}
1105
spinbutton.vertical {
1107
caret-color: #1a73e8;
1108
}
1109
spinbutton.vertical:disabled {
1111
color: rgba(0, 0, 0, 0.38);
1112
}
1113
spinbutton.vertical entry {
1115
min-height: 36px;
1116
min-width: 48px;
1117
padding: 0;
1118
}
1119
spinbutton.vertical button {
1121
min-height: 36px;
1122
min-width: 48px;
1123
padding: 0;
1124
}
1125
spinbutton.vertical button:focus:not(:hover):not(:active) {
1127
box-shadow: inset 0 0 0 9999px transparent;
1128
}
1129
spinbutton.vertical button.up {
1131
border-radius: 4px 4px 0 0;
1132
}
1133
spinbutton.vertical button.down {
1135
border-radius: 0 0 4px 4px;
1136
}
1137
treeview spinbutton:not(.vertical) {
1139
min-height: 0;
1140
border-style: none;
1141
border-radius: 0;
1142
}
1143
treeview spinbutton:not(.vertical) entry {
1145
min-height: 0;
1146
padding: 1px 2px;
1147
}
1148
/**************
1150
* ComboBoxes *
1151
**************/
1152
combobox arrow {
1153
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
1154
min-height: 16px;
1155
min-width: 16px;
1156
}
1157
combobox decoration {
1159
transition: none;
1160
}
1161
combobox button.combo cellview:dir(ltr) {
1163
margin-left: -2px;
1164
}
1165
combobox button.combo cellview:dir(rtl) {
1167
margin-right: -2px;
1168
}
1169
combobox menu {
1171
padding: 2px 0;
1172
}
1173
combobox menu menuitem {
1175
min-height: 32px;
1176
padding: 0 8px;
1177
}
1178
combobox menu > arrow.top {
1180
margin-top: -2px;
1181
}
1182
combobox menu > arrow.bottom {
1184
margin-top: 4px;
1185
margin-bottom: -6px;
1186
}
1187
combobox > .linked:not(.vertical) > entry:not(:only-child) {
1189
border-radius: 4px 4px 0 0;
1190
}
1191
combobox > .linked:not(.vertical) > entry:not(:only-child):first-child {
1193
margin-right: -36px;
1194
padding-right: 36px;
1195
}
1196
combobox > .linked:not(.vertical) > entry:not(:only-child):last-child {
1198
margin-left: -36px;
1199
padding-left: 36px;
1200
}
1201
combobox > .linked:not(.vertical) > button:not(:only-child) {
1203
min-height: 16px;
1204
min-width: 16px;
1205
margin: 6px;
1206
padding: 4px;
1207
border-radius: 9999px;
1208
}
1209
button.combo:only-child {
1211
border-radius: 4px 4px 0 0;
1212
font-weight: normal;
1213
transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1);
1214
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #1a73e8 0%, transparent 0%) 2/0 0 0px;
1215
box-shadow: inset 0 0 0 9999px transparent, inset 0 -1px rgba(0, 0, 0, 0.26);
1216
background-color: rgba(0, 0, 0, 0.04);
1217
color: rgba(0, 0, 0, 0.87);
1218
caret-color: #1a73e8;
1219
}
1220
button.combo:only-child:focus {
1222
box-shadow: inset 0 0 0 9999px alpha(currentcolor, 0.08), inset 0 -1px rgba(0, 0, 0, 0.26);
1223
}
1224
button.combo:only-child:drop(active), button.combo:only-child:hover {
1226
box-shadow: inset 0 0 0 9999px alpha(currentcolor, 0.08), inset 0 -1px rgba(0, 0, 0, 0.26);
1227
}
1228
button.combo:only-child:checked {
1230
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #1a73e8 100%, transparent 0%) 2/0 0 2px;
1231
}
1232
button.combo:only-child:disabled {
1234
box-shadow: inset 0 0 0 9999px transparent, inset 0 -1px rgba(0, 0, 0, 0.12);
1235
background-color: rgba(0, 0, 0, 0.04);
1236
color: rgba(0, 0, 0, 0.38);
1237
}
1238
/************
1240
* Toolbars *
1241
************/
1242
toolbar {
1243
-GtkWidget-window-dragging: true;
1244
padding: 2px;
1245
background-color: #f2f2f2;
1246
}
1247
.osd toolbar {
1249
background-color: transparent;
1250
}
1251
toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom {
1253
border-radius: 0;
1254
}
1255
toolbar.osd.bottom {
1257
box-shadow: none;
1258
background-color: transparent;
1259
background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.1) 30%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.4));
1260
}
1261
toolbar.horizontal > separator {
1263
margin: 2px;
1264
}
1265
toolbar.vertical > separator {
1267
margin: 2px;
1268
}
1269
toolbar:not(.inline-toolbar):not(.osd) scale,
1271
toolbar:not(.inline-toolbar):not(.osd) entry,
1272
toolbar:not(.inline-toolbar):not(.osd) spinbutton,
1273
toolbar:not(.inline-toolbar):not(.osd) button {
1274
margin: 2px;
1275
}
1276
toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:first-child),
1278
toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:first-child),
1279
toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:first-child) {
1280
margin-left: 0;
1281
}
1282
toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:last-child),
1284
toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:last-child),
1285
toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:last-child) {
1286
margin-right: 0;
1287
}
1288
toolbar:not(.inline-toolbar):not(.osd) spinbutton entry,
1290
toolbar:not(.inline-toolbar):not(.osd) spinbutton button {
1291
margin: 0;
1292
}
1293
toolbar:not(.inline-toolbar):not(.osd) switch {
1295
margin: 8px 2px;
1296
}
1297
toolbar.osd, .app-notification, frame.documents-dropdown {
1299
transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
1300
padding: 6px;
1301
border-radius: 4px;
1302
box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.4);
1303
background-color: #ffffff;
1304
}
1305
toolbar.osd:backdrop, .app-notification:backdrop, frame.documents-dropdown:backdrop {
1307
box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.4);
1308
}
1309
.inline-toolbar {
1311
padding: 6px;
1312
border-style: solid;
1313
border-width: 0 1px 1px;
1314
border-color: rgba(0, 0, 0, 0.12);
1315
background-color: #fafafa;
1316
}
1317
searchbar > revealer > box,
1319
.location-bar {
1320
padding: 6px;
1321
border-style: solid;
1322
border-width: 0 0 1px;
1323
border-color: rgba(0, 0, 0, 0.12);
1324
background-color: #f2f2f2;
1325
background-clip: border-box;
1326
}
1327
searchbar > revealer > box {
1329
margin: -6px;
1330
padding: 6px;
1331
}
1332
/***************
1334
* Header bars *
1335
***************/
1336
.titlebar {
1337
transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), color 75ms cubic-bezier(0, 0, 0.2, 1);
1338
border-radius: 4px 4px 0 0;
1339
box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17), inset 0 1px rgba(255, 255, 255, 0.1);
1340
background-color: #383838;
1341
color: rgba(255, 255, 255, 0.87);
1342
}
1343
.titlebar:disabled {
1345
color: rgba(255, 255, 255, 0.38);
1346
}
1347
.titlebar:backdrop {
1349
background-color: #303030;
1350
color: rgba(255, 255, 255, 0.6);
1351
}
1352
.titlebar:backdrop:disabled {
1354
color: rgba(255, 255, 255, 0.26);
1355
}
1356
.titlebar .title {
1358
padding-left: 12px;
1359
padding-right: 12px;
1360
font-weight: bold;
1361
}
1362
.titlebar .subtitle {
1364
padding-left: 12px;
1365
padding-right: 12px;
1366
font-size: smaller;
1367
}
1368
.titlebar .subtitle,
1370
.titlebar .dim-label {
1371
transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
1372
color: rgba(255, 255, 255, 0.6);
1373
}
1374
.titlebar .subtitle:backdrop,
1376
.titlebar .dim-label:backdrop {
1377
color: rgba(255, 255, 255, 0.38);
1378
}
1379
.titlebar .titlebar {
1381
background-color: transparent;
1382
box-shadow: none;
1383
}
1384
.titlebar headerbar + separator {
1386
background-color: rgba(255, 255, 255, 0.12);
1387
}
1388
.titlebar entry {
1390
box-shadow: inset 0 -1px rgba(255, 255, 255, 0.26);
1391
background-color: rgba(255, 255, 255, 0.04);
1392
color: rgba(255, 255, 255, 0.87);
1393
}
1394
.titlebar entry:disabled {
1396
box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12);
1397
background-color: rgba(255, 255, 255, 0.04);
1398
color: rgba(255, 255, 255, 0.38);
1399
}
1400
.titlebar entry image {
1402
color: rgba(255, 255, 255, 0.6);
1403
}
1404
.titlebar entry image:hover, .titlebar entry image:active {
1406
color: rgba(255, 255, 255, 0.87);
1407
}
1408
.titlebar entry image:disabled {
1410
color: rgba(255, 255, 255, 0.38);
1411
}
1412
.titlebar .linked:not(.vertical) > entry:not(:only-child) {
1414
border-radius: 4px 4px 0 0;
1415
}
1416
.titlebar button:not(.suggested-action):not(.destructive-action) {
1418
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentcolor 0%, transparent 0%) 0 0 0/0 0 0px;
1419
color: rgba(255, 255, 255, 0.6);
1420
box-shadow: inset 0 0 0 9999px transparent;
1421
}
1422
.titlebar button:not(.suggested-action):not(.destructive-action):drop(active), .titlebar button:not(.suggested-action):not(.destructive-action):hover {
1424
box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.08);
1425
}
1426
.titlebar button:not(.suggested-action):not(.destructive-action):focus {
1428
box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.08);
1429
}
1430
.titlebar button:not(.suggested-action):not(.destructive-action):active {
1432
background-image: radial-gradient(circle, rgba(255, 255, 255, 0.12) 10%, transparent 0%);
1433
}
1434
.titlebar button:not(.suggested-action):not(.destructive-action):disabled {
1436
color: rgba(255, 255, 255, 0.26);
1437
}
1438
.path-bar-box .nautilus-path-bar button:not(.suggested-action):not(.destructive-action):last-child:dir(ltr), .path-bar-box .nautilus-path-bar button:not(.suggested-action):not(.destructive-action):first-child:dir(rtl), .titlebar button:not(.suggested-action):not(.destructive-action):checked {
1440
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentcolor 100%, transparent 0%) 0 0 2/0 0 2px;
1441
background-color: transparent;
1442
color: rgba(255, 255, 255, 0.87);
1443
color: rgba(255, 255, 255, 0.87);
1444
box-shadow: inset 0 0 0 9999px transparent;
1445
}
1446
.path-bar-box .nautilus-path-bar button:drop(active):not(.suggested-action):not(.destructive-action):last-child:dir(ltr), .path-bar-box .nautilus-path-bar button:drop(active):not(.suggested-action):not(.destructive-action):first-child:dir(rtl), .path-bar-box .nautilus-path-bar button:hover:not(.suggested-action):not(.destructive-action):last-child:dir(ltr), .path-bar-box .nautilus-path-bar button:hover:not(.suggested-action):not(.destructive-action):first-child:dir(rtl), .titlebar button:not(.suggested-action):not(.destructive-action):checked:drop(active), .titlebar button:not(.suggested-action):not(.destructive-action):checked:hover {
1448
box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.08);
1449
}
1450
.path-bar-box .nautilus-path-bar button:focus:not(.suggested-action):not(.destructive-action):last-child:dir(ltr), .path-bar-box .nautilus-path-bar button:focus:not(.suggested-action):not(.destructive-action):first-child:dir(rtl), .titlebar button:not(.suggested-action):not(.destructive-action):checked:focus {
1452
box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.08);
1453
}
1454
.path-bar-box .nautilus-path-bar button:active:not(.suggested-action):not(.destructive-action):last-child:dir(ltr), .path-bar-box .nautilus-path-bar button:active:not(.suggested-action):not(.destructive-action):first-child:dir(rtl), .titlebar button:not(.suggested-action):not(.destructive-action):checked:active {
1456
background-image: radial-gradient(circle, rgba(255, 255, 255, 0.12) 10%, transparent 0%);
1457
}
1458
.path-bar-box .nautilus-path-bar button:disabled:not(.suggested-action):not(.destructive-action):last-child:dir(ltr), .path-bar-box .nautilus-path-bar button:disabled:not(.suggested-action):not(.destructive-action):first-child:dir(rtl), .titlebar button:not(.suggested-action):not(.destructive-action):checked:disabled {
1460
background-color: transparent;
1461
color: rgba(255, 255, 255, 0.38);
1462
}
1463
.titlebar button:not(.suggested-action):not(.destructive-action):backdrop {
1465
color: rgba(255, 255, 255, 0.38);
1466
}
1467
.titlebar button:not(.suggested-action):not(.destructive-action):backdrop:disabled {
1469
color: rgba(255, 255, 255, 0.26);
1470
}
1471
.titlebar button:not(.suggested-action):not(.destructive-action):backdrop:checked {
1473
color: rgba(255, 255, 255, 0.6);
1474
}
1475
.titlebar button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled {
1477
color: rgba(255, 255, 255, 0.26);
1478
}
1479
.titlebar button.suggested-action:disabled, .titlebar button.destructive-action:disabled {
1481
background-color: rgba(255, 255, 255, 0.08);
1482
color: rgba(255, 255, 255, 0.38);
1483
}
1484
.titlebar stackswitcher button:not(.suggested-action):not(.destructive-action).text-button {
1486
min-width: 104px;
1487
}
1488
.titlebar .path-bar button:not(.suggested-action):not(.destructive-action).text-button {
1490
min-width: 0;
1491
padding-left: 6px;
1492
padding-right: 6px;
1493
}
1494
.titlebar.selection-mode {
1496
transition: background-color 0.1ms 225ms, color 75ms cubic-bezier(0, 0, 0.2, 1);
1497
animation: ripple-on-headerbar 225ms cubic-bezier(0, 0, 0.2, 1);
1498
box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17), inset 0 1px rgba(255, 255, 255, 0.2);
1499
background-color: #1a73e8;
1500
color: white;
1501
}
1502
.titlebar.selection-mode:backdrop {
1504
color: rgba(255, 255, 255, 0.7);
1505
}
1506
.titlebar.selection-mode .subtitle:link {
1508
color: white;
1509
}
1510
.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action) {
1512
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0/0 0 0px;
1513
color: white;
1514
}
1515
.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):disabled {
1517
color: rgba(255, 255, 255, 0.5);
1518
}
1519
.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):checked {
1521
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2/0 0 2px;
1522
color: white;
1523
}
1524
.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):checked:disabled {
1526
color: rgba(255, 255, 255, 0.5);
1527
}
1528
.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop {
1530
color: rgba(255, 255, 255, 0.7);
1531
}
1532
.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:disabled {
1534
color: rgba(255, 255, 255, 0.3);
1535
}
1536
.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked {
1538
color: rgba(255, 255, 255, 0.7);
1539
}
1540
.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled {
1542
color: rgba(255, 255, 255, 0.3);
1543
}
1544
.titlebar.selection-mode .selection-menu {
1546
padding-left: 16px;
1547
padding-right: 16px;
1548
}
1549
.titlebar.selection-mode .selection-menu arrow {
1551
-GtkArrow-arrow-scaling: 1;
1552
}
1553
.titlebar.selection-mode .selection-menu .arrow {
1555
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
1556
}
1557
.titlebar .selection-mode {
1559
box-shadow: inset 0 1px rgba(255, 255, 255, 0.2);
1560
background-color: #1a73e8;
1561
}
1562
.tiled .titlebar,
1564
.tiled-top .titlebar,
1565
.tiled-right .titlebar,
1566
.tiled-bottom .titlebar,
1567
.tiled-left .titlebar,
1568
.maximized .titlebar,
1569
.fullscreen .titlebar {
1570
border-radius: 0;
1571
box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17);
1572
}
1573
.titlebar.default-decoration {
1575
min-height: 24px;
1576
padding: 6px;
1577
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
1578
}
1579
.tiled .titlebar.default-decoration,
1581
.maximized .titlebar.default-decoration,
1582
.fullscreen .titlebar.default-decoration {
1583
box-shadow: none;
1584
}
1585
.titlebar.default-decoration button.titlebutton {
1587
min-height: 24px;
1588
min-width: 24px;
1589
margin: 0;
1590
padding: 0;
1591
}
1592
.background:not(.csd) .titlebar.default-decoration button.titlebutton:active {
1594
background-size: 1000% 1000%;
1595
}
1596
.solid-csd .titlebar:dir(rtl), .solid-csd .titlebar:dir(ltr) {
1598
border-radius: 0;
1599
box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17);
1600
}
1601
headerbar {
1603
min-height: 48px;
1604
padding: 0 6px;
1605
}
1606
headerbar entry,
1608
headerbar spinbutton,
1609
headerbar button {
1610
margin-top: 6px;
1611
margin-bottom: 6px;
1612
}
1613
headerbar separator.titlebutton {
1615
margin-top: 12px;
1616
margin-bottom: 12px;
1617
background-color: rgba(255, 255, 255, 0.12);
1618
}
1619
headerbar switch {
1621
margin-top: 12px;
1622
margin-bottom: 12px;
1623
}
1624
headerbar spinbutton button {
1626
margin-top: 0;
1627
margin-bottom: 0;
1628
}
1629
headerbar .entry-tag, headerbar .documents-entry-tag, headerbar .photos-entry-tag {
1631
margin-top: 5px;
1632
margin-bottom: 5px;
1633
}
1634
/************
1636
* Pathbars *
1637
************/
1638
.caja-pathbar button,
1639
.path-bar.linked:not(.vertical) > button {
1640
padding-left: 6px;
1641
padding-right: 6px;
1642
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #1a73e8 0%, transparent 0%) 0 0 0/0 0 0px;
1643
border-radius: 4px;
1644
}
1645
.caja-pathbar button:checked,
1647
.path-bar.linked:not(.vertical) > button:checked {
1648
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #1a73e8 100%, transparent 0%) 0 0 2/0 0 2px;
1649
color: rgba(0, 0, 0, 0.87);
1650
}
1651
.caja-pathbar button:checked, .caja-pathbar button:checked:disabled,
1653
.path-bar.linked:not(.vertical) > button:checked,
1654
.path-bar.linked:not(.vertical) > button:checked:disabled {
1655
background-color: transparent;
1656
}
1657
.caja-pathbar button label:not(:only-child):first-child,
1659
.path-bar.linked:not(.vertical) > button label:not(:only-child):first-child {
1660
margin-left: 0;
1661
}
1662
.caja-pathbar button label:not(:only-child):last-child,
1664
.path-bar.linked:not(.vertical) > button label:not(:only-child):last-child {
1665
margin-right: 0;
1666
}
1667
.caja-pathbar button.text-button,
1669
.path-bar.linked:not(.vertical) > button.text-button {
1670
min-width: 0;
1671
}
1672
.caja-pathbar button.slider-button,
1674
.path-bar.linked:not(.vertical) > button.slider-button {
1675
padding-left: 4px;
1676
padding-right: 4px;
1677
}
1678
/**************
1680
* Tree Views *
1681
**************/
1682
treeview.view {
1683
border-left-color: rgba(0, 0, 0, 0.26);
1684
border-top-color: rgba(0, 0, 0, 0.12);
1685
}
1686
* {
1688
-GtkTreeView-horizontal-separator: 4;
1689
-GtkTreeView-grid-line-width: 1;
1690
-GtkTreeView-grid-line-pattern: '';
1691
-GtkTreeView-tree-line-width: 1;
1692
-GtkTreeView-tree-line-pattern: '';
1693
-GtkTreeView-expander-size: 16;
1694
}
1695
treeview.view:selected {
1697
background-color: #ffffff;
1698
background-image: image(rgba(26, 115, 232, 0.24));
1699
}
1700
treeview.view:hover, treeview.view:selected {
1702
border-radius: 0;
1703
}
1704
treeview.view.separator {
1706
min-height: 5px;
1707
color: rgba(0, 0, 0, 0.12);
1708
}
1709
treeview.view:drop(active) {
1711
border-style: solid none;
1712
border-width: 9999px;
1713
border-color: alpha(currentcolor, 0.08);
1714
}
1715
treeview.view:drop(active).after {
1717
border-top-style: none;
1718
}
1719
treeview.view:drop(active).before {
1721
border-bottom-style: none;
1722
}
1723
treeview.view.expander {
1725
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
1726
-gtk-icon-transform: rotate(-90deg);
1727
color: rgba(0, 0, 0, 0.6);
1728
}
1729
treeview.view.expander:dir(rtl) {
1731
-gtk-icon-transform: rotate(90deg);
1732
}
1733
treeview.view.expander:checked {
1735
-gtk-icon-transform: unset;
1736
}
1737
treeview.view.expander:hover, treeview.view.expander:active {
1739
color: rgba(0, 0, 0, 0.87);
1740
}
1741
treeview.view.expander:disabled {
1743
color: rgba(0, 0, 0, 0.26);
1744
}
1745
treeview.view.progressbar {
1747
border-bottom: 4px solid #1a73e8;
1748
box-shadow: none;
1749
background-color: transparent;
1750
background-image: none;
1751
}
1752
treeview.view.progressbar:selected:hover {
1754
box-shadow: none;
1755
}
1756
treeview.view.trough {
1758
border-bottom: 4px solid rgba(0, 0, 0, 0.12);
1759
box-shadow: none;
1760
background-color: transparent;
1761
background-image: none;
1762
}
1763
treeview.view.trough:selected:hover {
1765
box-shadow: none;
1766
}
1767
treeview.view header button {
1769
padding: 2px 6px;
1770
border-style: none solid solid none;
1771
border-width: 1px;
1772
border-color: rgba(0, 0, 0, 0.12);
1773
border-radius: 0;
1774
background-clip: border-box;
1775
color: rgba(0, 0, 0, 0.6);
1776
color: rgba(0, 0, 0, 0.6);
1777
box-shadow: inset 0 0 0 9999px transparent;
1778
}
1779
treeview.view header button:drop(active), treeview.view header button:hover {
1781
box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.08);
1782
}
1783
treeview.view header button:focus {
1785
box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.08);
1786
}
1787
treeview.view header button:active {
1789
background-image: radial-gradient(circle, rgba(0, 0, 0, 0.12) 10%, transparent 0%);
1790
}
1791
treeview.view header button:drop(active):not(:active), treeview.view header button:hover:not(:active) {
1793
transition-property: all, border-image, background-size, background-image, box-shadow;
1794
transition-duration: 75ms, 225ms, 300ms, 1200ms, 0ms;
1795
}
1796
treeview.view header button:disabled {
1798
color: rgba(0, 0, 0, 0.26);
1799
}
1800
treeview.view header button, treeview.view header button:disabled {
1802
background-color: #ffffff;
1803
}
1804
treeview.view header button:last-child {
1806
border-right-style: none;
1807
}
1808
treeview.view button.dnd,
1810
treeview.view header.button.dnd {
1811
padding: 2px 6px;
1812
border-style: none solid solid;
1813
border-width: 1px;
1814
border-color: rgba(0, 0, 0, 0.12);
1815
border-radius: 0;
1816
box-shadow: none;
1817
background-color: #ffffff;
1818
background-clip: border-box;
1819
color: #1a73e8;
1820
}
1821
treeview.view acceleditor > label {
1823
background-color: #1a73e8;
1824
}
1825
/*********
1827
* Menus *
1828
*********/
1829
menubar,
1830
.menubar {
1831
-GtkWidget-window-dragging: true;
1832
padding: 0;
1833
background-color: #383838;
1834
color: rgba(255, 255, 255, 0.87);
1835
}
1836
menubar:backdrop,
1838
.menubar:backdrop {
1839
background-color: #303030;
1840
color: rgba(255, 255, 255, 0.6);
1841
}
1842
.csd menubar, .csd
1844
.menubar {
1845
transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
1846
}
1847
menubar > menuitem,
1849
.menubar > menuitem {
1850
transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
1851
min-height: 20px;
1852
padding: 4px 8px;
1853
color: rgba(255, 255, 255, 0.6);
1854
}
1855
menubar > menuitem:hover,
1857
.menubar > menuitem:hover {
1858
transition: none;
1859
background-color: alpha(currentcolor, 0.12);
1860
color: rgba(255, 255, 255, 0.87);
1861
}
1862
menubar > menuitem:disabled,
1864
.menubar > menuitem:disabled {
1865
color: rgba(255, 255, 255, 0.26);
1866
}
1867
.background.popup {
1869
background-color: transparent;
1870
}
1871
menu,
1873
.menu,
1874
.context-menu {
1875
margin: 4px 0;
1876
padding: 4px 0;
1877
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
1878
background-color: #ffffff;
1879
background-clip: border-box;
1880
border: 1px solid rgba(0, 0, 0, 0.12);
1881
}
1882
.csd menu, .csd
1884
.menu, .csd
1885
.context-menu {
1886
border: none;
1887
border-radius: 4px;
1888
}
1889
menu menuitem,
1891
.menu menuitem,
1892
.context-menu menuitem {
1893
transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
1894
min-height: 20px;
1895
min-width: 40px;
1896
padding: 4px 8px;
1897
color: rgba(0, 0, 0, 0.87);
1898
font: initial;
1899
text-shadow: none;
1900
}
1901
menu menuitem:hover,
1903
.menu menuitem:hover,
1904
.context-menu menuitem:hover {
1905
transition: none;
1906
background-color: alpha(currentcolor, 0.08);
1907
}
1908
menu menuitem:disabled,
1910
.menu menuitem:disabled,
1911
.context-menu menuitem:disabled {
1912
color: rgba(0, 0, 0, 0.38);
1913
}
1914
menu menuitem arrow,
1916
.menu menuitem arrow,
1917
.context-menu menuitem arrow {
1918
min-height: 16px;
1919
min-width: 16px;
1920
color: rgba(0, 0, 0, 0.6);
1921
}
1922
menu menuitem arrow:disabled,
1924
.menu menuitem arrow:disabled,
1925
.context-menu menuitem arrow:disabled {
1926
color: rgba(0, 0, 0, 0.26);
1927
}
1928
menu menuitem arrow:dir(ltr),
1930
.menu menuitem arrow:dir(ltr),
1931
.context-menu menuitem arrow:dir(ltr) {
1932
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
1933
margin-left: 8px;
1934
}
1935
menu menuitem arrow:dir(rtl),
1937
.menu menuitem arrow:dir(rtl),
1938
.context-menu menuitem arrow:dir(rtl) {
1939
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl");
1940
margin-right: 8px;
1941
}
1942
menu > arrow,
1944
.menu > arrow,
1945
.context-menu > arrow {
1946
min-height: 16px;
1947
min-width: 16px;
1948
padding: 4px;
1949
background-color: #ffffff;
1950
color: rgba(0, 0, 0, 0.6);
1951
}
1952
menu > arrow.top,
1954
.menu > arrow.top,
1955
.context-menu > arrow.top {
1956
margin-top: -4px;
1957
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
1958
border-radius: 4px 4px 0 0;
1959
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
1960
}
1961
menu > arrow.bottom,
1963
.menu > arrow.bottom,
1964
.context-menu > arrow.bottom {
1965
margin-top: 8px;
1966
margin-bottom: -12px;
1967
border-top: 1px solid rgba(0, 0, 0, 0.12);
1968
border-radius: 0 0 4px 4px;
1969
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
1970
}
1971
menu > arrow:hover,
1973
.menu > arrow:hover,
1974
.context-menu > arrow:hover {
1975
background-image: image(alpha(currentcolor, 0.08));
1976
}
1977
menu > arrow:disabled,
1979
.menu > arrow:disabled,
1980
.context-menu > arrow:disabled {
1981
border-color: transparent;
1982
background-color: transparent;
1983
color: transparent;
1984
}
1985
menu separator,
1987
.menu separator,
1988
.context-menu separator {
1989
margin: 4px 0;
1990
}
1991
menuitem accelerator {
1993
color: rgba(0, 0, 0, 0.6);
1994
}
1995
menuitem:disabled accelerator {
1997
color: rgba(0, 0, 0, 0.26);
1998
}
1999
/************
2001
* Popovers *
2002
************/
2003
popover.background {
2004
transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
2005
padding: 2px;
2006
box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
2007
background-color: #ffffff;
2008
}
2009
popover.background:backdrop {
2011
box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
2012
}
2013
popover.background, .csd popover.background {
2015
border-style: solid;
2016
border-width: 1px;
2017
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.3);
2018
border-radius: 5px;
2019
}
2020
popover.background > stack {
2022
margin: -4px;
2023
}
2024
popover.background > toolbar {
2026
margin: -2px;
2027
}
2028
popover.background > list,
2030
popover.background > .view,
2031
popover.background > toolbar {
2032
border-style: none;
2033
box-shadow: none;
2034
background-color: transparent;
2035
}
2036
popover.background list,
2038
popover.background .view:not(:selected),
2039
popover.background toolbar {
2040
background-color: #ffffff;
2041
}
2042
popover.background.menu button,
2044
popover.background button.model {
2045
min-height: 32px;
2046
padding: 0 8px;
2047
border-radius: 4px;
2048
}
2049
popover.background separator {
2051
margin: 4px 0;
2052
}
2053
popover.background list separator {
2055
margin: 0;
2056
}
2057
/*************
2059
* Notebooks *
2060
*************/
2061
frame > paned > notebook > header,
2062
notebook.frame > header {
2063
background-color: #fafafa;
2064
}
2065
notebook:focus tab:checked {
2067
box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12);
2068
}
2069
notebook > header {
2071
border-width: 1px;
2072
border-color: rgba(0, 0, 0, 0.12);
2073
background-color: #f2f2f2;
2074
background-clip: border-box;
2075
}
2076
notebook > header.top {
2078
border-bottom-style: solid;
2079
}
2080
notebook > header.top > tabs {
2082
margin-bottom: -1px;
2083
}
2084
notebook > header.top > tabs > tab {
2086
border-image: linear-gradient(to top, transparent 2px, transparent 2px) 2/0 0 2px;
2087
}
2088
notebook > header.top > tabs > tab:checked {
2090
border-image-source: linear-gradient(to top, #1a73e8 2px, rgba(0, 0, 0, 0.12) 2px);
2091
}
2092
notebook > header.top > tabs > tab.reorderable-page {
2094
border-image-width: 0 1px 2px;
2095
}
2096
notebook > header.bottom {
2098
border-top-style: solid;
2099
}
2100
notebook > header.bottom > tabs {
2102
margin-top: -1px;
2103
}
2104
notebook > header.bottom > tabs > tab {
2106
border-image: linear-gradient(to bottom, transparent 2px, transparent 2px) 2/2px 0 0;
2107
}
2108
notebook > header.bottom > tabs > tab:checked {
2110
border-image-source: linear-gradient(to bottom, #1a73e8 2px, rgba(0, 0, 0, 0.12) 2px);
2111
}
2112
notebook > header.bottom > tabs > tab.reorderable-page {
2114
border-image-width: 2px 1px 0;
2115
}
2116
notebook > header.left {
2118
border-right-style: solid;
2119
}
2120
notebook > header.left > tabs {
2122
margin-right: -1px;
2123
}
2124
notebook > header.left > tabs > tab {
2126
border-image: linear-gradient(to left, transparent 2px, transparent 2px) 2/0 2px 0 0;
2127
}
2128
notebook > header.left > tabs > tab:checked {
2130
border-image-source: linear-gradient(to left, #1a73e8 2px, rgba(0, 0, 0, 0.12) 2px);
2131
}
2132
notebook > header.left > tabs > tab.reorderable-page {
2134
border-image-width: 1px 2px 1px 0;
2135
}
2136
notebook > header.right {
2138
border-left-style: solid;
2139
}
2140
notebook > header.right > tabs {
2142
margin-left: -1px;
2143
}
2144
notebook > header.right > tabs > tab {
2146
border-image: linear-gradient(to right, transparent 2px, transparent 2px) 2/0 0 0 2px;
2147
}
2148
notebook > header.right > tabs > tab:checked {
2150
border-image-source: linear-gradient(to right, #1a73e8 2px, rgba(0, 0, 0, 0.12) 2px);
2151
}
2152
notebook > header.right > tabs > tab.reorderable-page {
2154
border-image-width: 1px 0 1px 2px;
2155
}
2156
notebook > header.top > tabs > arrow {
2158
border-top-style: none;
2159
}
2160
notebook > header.bottom > tabs > arrow {
2162
border-bottom-style: none;
2163
}
2164
notebook > header.top > tabs > arrow, notebook > header.bottom > tabs > arrow {
2166
padding-left: 4px;
2167
padding-right: 4px;
2168
}
2169
notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down {
2171
margin-left: -8px;
2172
-gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
2173
}
2174
notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up {
2176
margin-right: -8px;
2177
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
2178
}
2179
notebook > header.left > tabs > arrow {
2181
border-left-style: none;
2182
}
2183
notebook > header.right > tabs > arrow {
2185
border-right-style: none;
2186
}
2187
notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow {
2189
padding-top: 4px;
2190
padding-bottom: 4px;
2191
}
2192
notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down {
2194
margin-top: -8px;
2195
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
2196
}
2197
notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up {
2199
margin-bottom: -8px;
2200
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
2201
}
2202
notebook > header > tabs > arrow {
2204
min-height: 16px;
2205
min-width: 16px;
2206
border-radius: 0;
2207
color: rgba(0, 0, 0, 0.6);
2208
box-shadow: inset 0 0 0 9999px transparent;
2209
}
2210
notebook > header > tabs > arrow:drop(active), notebook > header > tabs > arrow:hover {
2212
box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.08);
2213
}
2214
notebook > header > tabs > arrow:focus {
2216
box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.08);
2217
}
2218
notebook > header > tabs > arrow:active {
2220
background-image: radial-gradient(circle, rgba(0, 0, 0, 0.12) 10%, transparent 0%);
2221
}
2222
notebook > header > tabs > arrow:disabled {
2224
color: rgba(0, 0, 0, 0.26);
2225
}
2226
notebook > header tab {
2228
transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms;
2229
min-height: 24px;
2230
min-width: 24px;
2231
padding: 6px 12px;
2232
border-width: 1px;
2233
border-color: transparent;
2234
outline: none;
2235
background-image: radial-gradient(circle, #1a73e8 10%, transparent 0%);
2236
background-repeat: no-repeat;
2237
background-position: center;
2238
background-size: 0% 0%;
2239
background-clip: border-box;
2240
color: rgba(0, 0, 0, 0.6);
2241
font-weight: 500;
2242
}
2243
notebook > header tab:hover {
2245
background-color: alpha(currentcolor, 0.08);
2246
}
2247
notebook > header tab:disabled {
2249
color: rgba(0, 0, 0, 0.26);
2250
}
2251
notebook > header tab:checked {
2253
transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 225ms cubic-bezier(0, 0, 0.2, 1), background-image 525ms cubic-bezier(0, 0, 0.2, 1);
2254
background-color: transparent;
2255
background-image: radial-gradient(circle, transparent 10%, transparent 0%);
2256
background-size: 1000% 1000%;
2257
background-clip: padding-box;
2258
color: rgba(0, 0, 0, 0.87);
2259
}
2260
notebook > header tab:checked:disabled {
2262
color: rgba(0, 0, 0, 0.38);
2263
}
2264
notebook > header tab:checked.reorderable-page {
2266
border-color: rgba(0, 0, 0, 0.12);
2267
background-color: #ffffff;
2268
}
2269
notebook > header tab > box {
2271
transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
2272
margin: -6px -12px;
2273
padding: 6px 12px;
2274
}
2275
notebook > header tab > box:drop(active) {
2277
background-color: alpha(currentcolor, 0.08);
2278
}
2279
notebook > header tab button.flat:last-child {
2281
margin-left: 6px;
2282
margin-right: -6px;
2283
}
2284
notebook > header tab button.flat:first-child {
2286
margin-left: -6px;
2287
margin-right: 6px;
2288
}
2289
notebook > header.top tabs, notebook > header.bottom tabs {
2291
padding-left: 8px;
2292
padding-right: 8px;
2293
}
2294
notebook > header.top tabs:not(:only-child):first-child, notebook > header.bottom tabs:not(:only-child):first-child {
2296
margin-left: 0;
2297
}
2298
notebook > header.top tabs:not(:only-child):last-child, notebook > header.bottom tabs:not(:only-child):last-child {
2300
margin-right: 0;
2301
}
2302
notebook > header.top tabs tab.reorderable-page, notebook > header.bottom tabs tab.reorderable-page {
2304
border-style: none solid;
2305
}
2306
notebook > header.left tabs, notebook > header.right tabs {
2308
padding-top: 8px;
2309
padding-bottom: 8px;
2310
}
2311
notebook > header.left tabs:not(:only-child):first-child, notebook > header.right tabs:not(:only-child):first-child {
2313
margin-top: 0;
2314
}
2315
notebook > header.left tabs:not(:only-child):last-child, notebook > header.right tabs:not(:only-child):last-child {
2317
margin-bottom: 0;
2318
}
2319
notebook > header.left tabs tab.reorderable-page, notebook > header.right tabs tab.reorderable-page {
2321
border-style: solid none;
2322
}
2323
notebook > stack:not(:only-child) {
2325
background-color: #ffffff;
2326
}
2327
/**************
2329
* Scrollbars *
2330
**************/
2331
scrollbar {
2332
transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
2333
background-color: #ffffff;
2334
}
2335
* {
2337
-GtkScrollbar-has-backward-stepper: false;
2338
-GtkScrollbar-has-forward-stepper: false;
2339
}
2340
scrollbar.top {
2342
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
2343
}
2344
scrollbar.bottom {
2346
border-top: 1px solid rgba(0, 0, 0, 0.12);
2347
}
2348
scrollbar.left {
2350
border-right: 1px solid rgba(0, 0, 0, 0.12);
2351
}
2352
scrollbar.right {
2354
border-left: 1px solid rgba(0, 0, 0, 0.12);
2355
}
2356
scrollbar slider {
2358
transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
2359
min-width: 8px;
2360
min-height: 8px;
2361
border: 4px solid transparent;
2362
border-radius: 9999px;
2363
background-clip: padding-box;
2364
background-color: rgba(0, 0, 0, 0.38);
2365
}
2366
scrollbar slider:hover {
2368
background-color: rgba(0, 0, 0, 0.6);
2369
}
2370
scrollbar slider:active {
2372
background-color: rgba(0, 0, 0, 0.87);
2373
}
2374
scrollbar slider:disabled {
2376
background-color: rgba(0, 0, 0, 0.26);
2377
}
2378
scrollbar.fine-tune slider {
2380
min-width: 4px;
2381
min-height: 4px;
2382
}
2383
scrollbar.fine-tune.horizontal slider {
2385
margin: 2px 0;
2386
}
2387
scrollbar.fine-tune.vertical slider {
2389
margin: 0 2px;
2390
}
2391
scrollbar.overlay-indicator:not(.fine-tune) slider {
2393
transition-property: background-color, min-height, min-width;
2394
}
2395
scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
2397
border-color: transparent;
2398
background-color: transparent;
2399
}
2400
scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider {
2402
min-width: 4px;
2403
min-height: 4px;
2404
margin: 3px;
2405
border: 1px solid rgba(255, 255, 255, 0.3);
2406
}
2407
scrollbar.overlay-indicator:not(.dragging):not(.hovering) button {
2409
min-width: 4px;
2410
min-height: 4px;
2411
margin: 3px;
2412
border: 1px solid rgba(255, 255, 255, 0.3);
2413
border-radius: 9999px;
2414
background-color: rgba(0, 0, 0, 0.38);
2415
background-clip: padding-box;
2416
-gtk-icon-source: none;
2417
}
2418
scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled {
2420
background-color: rgba(0, 0, 0, 0.26);
2421
}
2422
scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider {
2424
min-width: 24px;
2425
}
2426
scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button {
2428
min-width: 8px;
2429
}
2430
scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider {
2432
min-height: 24px;
2433
}
2434
scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button {
2436
min-height: 8px;
2437
}
2438
scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering {
2440
background-color: rgba(255, 255, 255, 0.9);
2441
}
2442
scrollbar.horizontal slider {
2444
min-width: 24px;
2445
}
2446
scrollbar.vertical slider {
2448
min-height: 24px;
2449
}
2450
scrollbar button {
2452
min-width: 16px;
2453
min-height: 16px;
2454
padding: 0;
2455
border-radius: 0;
2456
}
2457
scrollbar.vertical button.down {
2459
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
2460
}
2461
scrollbar.vertical button.up {
2463
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
2464
}
2465
scrollbar.horizontal button.down {
2467
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
2468
}
2469
scrollbar.horizontal button.up {
2471
-gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
2472
}
2473
/**********
2475
* Switch *
2476
**********/
2477
switch {
2478
transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
2479
margin: 6px 0;
2480
padding: 0 2px;
2481
border: 5px solid transparent;
2482
border-radius: 9999px;
2483
background-color: rgba(0, 0, 0, 0.26);
2484
background-clip: padding-box;
2485
font-size: 0;
2486
}
2487
switch:checked {
2489
background-color: rgba(26, 115, 232, 0.5);
2490
}
2491
switch:disabled {
2493
opacity: 0.5;
2494
}
2495
switch image {
2497
margin: -8px;
2498
-gtk-icon-transform: scale(0);
2499
}
2500
switch slider {
2502
transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
2503
min-width: 20px;
2504
min-height: 20px;
2505
margin: -3px -2px;
2506
border-radius: 9999px;
2507
outline: none;
2508
box-shadow: 0 0 0 10px transparent, 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17);
2509
background-color: #ffffff;
2510
}
2511
switch:hover slider {
2513
box-shadow: 0 0 0 10px alpha(currentcolor, 0.08), 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17);
2514
}
2515
switch:focus slider {
2517
box-shadow: 0 0 0 10px alpha(currentcolor, 0.08), 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17);
2518
}
2519
switch:checked slider {
2521
background-color: #1a73e8;
2522
color: #1a73e8;
2523
}
2524
/*************************
2526
* Check and Radio items *
2527
*************************/
2528
.view.content-view.check:not(list),
2529
.content-view:not(list) .tile check {
2530
min-height: 40px;
2531
min-width: 40px;
2532
margin: 0;
2533
padding: 0;
2534
box-shadow: none;
2535
background-color: transparent;
2536
background-image: none;
2537
-gtk-icon-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 2px 2px rgba(0, 0, 0, 0.14), 0 1px 3px rgba(0, 0, 0, 0.12);
2538
}
2539
.view.content-view.check:not(list):hover, .view.content-view.check:not(list):active,
2541
.content-view:not(list) .tile check:hover,
2542
.content-view:not(list) .tile check:active {
2543
-gtk-icon-shadow: 0 2px 2px rgba(0, 0, 0, 0.2), 0 4px 3px rgba(0, 0, 0, 0.14), 0 1px 6px rgba(0, 0, 0, 0.12);
2544
}
2545
.view.content-view.check:not(list),
2547
.content-view:not(list) .tile check {
2548
-gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-unchecked.png"), url("assets/selectionmode-checkbox-unchecked@2.png"));
2549
}
2550
.view.content-view.check:not(list):checked,
2552
.content-view:not(list) .tile check:checked {
2553
-gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-checked.png"), url("assets/selectionmode-checkbox-checked@2.png"));
2554
}
2555
checkbutton,
2557
radiobutton {
2558
outline: none;
2559
}
2560
checkbutton.text-button,
2562
radiobutton.text-button {
2563
padding: 2px;
2564
}
2565
checkbutton.text-button label:not(:only-child),
2567
radiobutton.text-button label:not(:only-child) {
2568
margin: 0 4px;
2569
}
2570
check,
2572
radio {
2573
min-height: 24px;
2574
min-width: 24px;
2575
margin: -8px;
2576
padding: 8px;
2577
border-radius: 9999px;
2578
color: rgba(0, 0, 0, 0.6);
2579
box-shadow: inset 0 0 0 9999px transparent;
2580
}
2581
check:drop(active), check:hover,
2583
radio:drop(active),
2584
radio:hover {
2585
box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.08);
2586
}
2587
check:focus,
2589
radio:focus {
2590
box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.08);
2591
}
2592
check:active,
2594
radio:active {
2595
background-image: radial-gradient(circle, rgba(0, 0, 0, 0.12) 10%, transparent 0%);
2596
}
2597
check:checked, check:indeterminate,
2599
radio:checked,
2600
radio:indeterminate {
2601
color: #1a73e8;
2602
box-shadow: inset 0 0 0 9999px transparent;
2603
}
2604
check:checked:drop(active), check:checked:hover, check:indeterminate:drop(active), check:indeterminate:hover,
2606
radio:checked:drop(active),
2607
radio:checked:hover,
2608
radio:indeterminate:drop(active),
2609
radio:indeterminate:hover {
2610
box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12);
2611
}
2612
check:checked:focus, check:indeterminate:focus,
2614
radio:checked:focus,
2615
radio:indeterminate:focus {
2616
box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12);
2617
}
2618
check:checked:active, check:indeterminate:active,
2620
radio:checked:active,
2621
radio:indeterminate:active {
2622
background-image: radial-gradient(circle, rgba(26, 115, 232, 0.16) 10%, transparent 0%);
2623
}
2624
check:disabled,
2626
radio:disabled {
2627
color: rgba(0, 0, 0, 0.26);
2628
}
2629
popover modelbutton.flat check, popover modelbutton.flat check:focus, popover modelbutton.flat check:hover, popover modelbutton.flat check:focus:hover, popover modelbutton.flat check:active, popover modelbutton.flat check:disabled, popover modelbutton.flat
2631
radio, popover modelbutton.flat
2632
radio:focus, popover modelbutton.flat
2633
radio:hover, popover modelbutton.flat
2634
radio:focus:hover, popover modelbutton.flat
2635
radio:active, popover modelbutton.flat
2636
radio:disabled {
2637
transition: none;
2638
box-shadow: none;
2639
background-image: none;
2640
}
2641
popover modelbutton.flat check.left:dir(rtl), popover modelbutton.flat
2643
radio.left:dir(rtl) {
2644
margin-left: -12px;
2645
margin-right: -4px;
2646
}
2647
popover modelbutton.flat check.right:dir(ltr), popover modelbutton.flat
2649
radio.right:dir(ltr) {
2650
margin-left: -4px;
2651
margin-right: -12px;
2652
}
2653
menu menuitem check, menu menuitem
2655
radio {
2656
transition: none;
2657
margin: 0;
2658
padding: 0;
2659
}
2660
menu menuitem check:dir(ltr), menu menuitem
2662
radio:dir(ltr) {
2663
margin-right: 8px;
2664
}
2665
menu menuitem check:dir(rtl), menu menuitem
2667
radio:dir(rtl) {
2668
margin-left: 8px;
2669
}
2670
menu menuitem check, menu menuitem check:hover, menu menuitem check:disabled, menu menuitem
2672
radio, menu menuitem
2673
radio:hover, menu menuitem
2674
radio:disabled {
2675
box-shadow: none;
2676
}
2677
check {
2680
-gtk-icon-source: -gtk-recolor(url("icons/checkbox-unchecked-symbolic.svg"));
2681
}
2682
check:checked {
2685
-gtk-icon-source: -gtk-recolor(url("icons/checkbox-checked-symbolic.svg"));
2686
}
2687
check:indeterminate {
2690
-gtk-icon-source: -gtk-recolor(url("icons/checkbox-mixed-symbolic.svg"));
2691
}
2692
radio {
2695
-gtk-icon-source: -gtk-recolor(url("icons/radio-unchecked-symbolic.svg"));
2696
border-image-slice: 20;
2697
border-image-width: 20px;
2698
border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#1a73e8), to(transparent));
2699
}
2700
radio:indeterminate {
2703
-gtk-icon-source: -gtk-recolor(url("icons/radio-mixed-symbolic.svg"));
2704
}
2705
radio:checked:not(:indeterminate) {
2708
border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.125, to(#1a73e8), to(transparent));
2709
}
2710
radio:checked:not(:indeterminate):disabled {
2713
border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.125, to(rgba(0, 0, 0, 0.26)), to(transparent));
2714
}
2715
#MozillaGtkWidget > widget > checkbutton > check,
2717
menu menuitem check {
2718
min-height: 16px;
2719
min-width: 16px;
2720
border-radius: 4px;
2721
-gtk-icon-source: -gtk-recolor(url("icons/small-checkbox-unchecked-symbolic.svg"));
2722
}
2723
#MozillaGtkWidget > widget > checkbutton > check:checked,
2725
menu menuitem check:checked {
2726
-gtk-icon-source: -gtk-recolor(url("icons/small-checkbox-checked-symbolic.svg"));
2727
}
2728
#MozillaGtkWidget > widget > checkbutton > check:indeterminate,
2730
menu menuitem check:indeterminate {
2731
-gtk-icon-source: -gtk-recolor(url("icons/small-checkbox-mixed-symbolic.svg"));
2732
}
2733
#MozillaGtkWidget > widget > radiobutton > radio,
2735
menu menuitem radio {
2736
min-height: 16px;
2737
min-width: 16px;
2738
border-image: none;
2739
-gtk-icon-source: -gtk-recolor(url("icons/small-radio-unchecked-symbolic.svg"));
2740
}
2741
#MozillaGtkWidget > widget > radiobutton > radio:checked,
2743
menu menuitem radio:checked {
2744
-gtk-icon-source: -gtk-recolor(url("icons/small-radio-checked-symbolic.svg"));
2745
}
2746
#MozillaGtkWidget > widget > radiobutton > radio:indeterminate,
2748
menu menuitem radio:indeterminate {
2749
-gtk-icon-source: -gtk-recolor(url("icons/small-radio-mixed-symbolic.svg"));
2750
}
2751
treeview.view check,
2753
treeview.view radio {
2754
padding: 0;
2755
color: rgba(0, 0, 0, 0.6);
2756
}
2757
treeview.view check:checked, treeview.view check:indeterminate,
2759
treeview.view radio:checked,
2760
treeview.view radio:indeterminate {
2761
color: #1a73e8;
2762
}
2763
treeview.view check:disabled,
2765
treeview.view radio:disabled {
2766
color: rgba(0, 0, 0, 0.26);
2767
}
2768
treeview.view check, treeview.view check:hover, treeview.view check:selected, treeview.view check:selected:hover,
2770
treeview.view radio,
2771
treeview.view radio:hover,
2772
treeview.view radio:selected,
2773
treeview.view radio:selected:hover {
2774
box-shadow: none;
2775
background-color: transparent;
2776
}
2777
treeview.view radio:checked {
2779
-gtk-icon-source: -gtk-recolor(url("icons/radio-checked-symbolic.svg"));
2780
border-image: none;
2781
}
2782
/************
2784
* GtkScale *
2785
************/
2786
scale {
2787
min-height: 2px;
2788
min-width: 2px;
2789
}
2790
scale.horizontal {
2792
padding: 17px 12px;
2793
}
2794
scale.vertical {
2796
padding: 12px 17px;
2797
}
2798
scale slider {
2800
min-height: 32px;
2801
min-width: 32px;
2802
margin: -15px;
2803
}
2804
scale.fine-tune.horizontal {
2806
min-height: 4px;
2807
padding-top: 16px;
2808
padding-bottom: 16px;
2809
}
2810
scale.fine-tune.vertical {
2812
min-width: 4px;
2813
padding-left: 16px;
2814
padding-right: 16px;
2815
}
2816
scale.fine-tune slider {
2818
margin: -14px;
2819
}
2820
scale trough {
2822
transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
2823
outline: none;
2824
background-color: rgba(0, 0, 0, 0.26);
2825
}
2826
scale trough:disabled {
2828
background-color: rgba(0, 0, 0, 0.12);
2829
}
2830
scale highlight {
2832
transition: background-image 75ms cubic-bezier(0, 0, 0.2, 1);
2833
background-image: image(#1a73e8);
2834
}
2835
scale highlight:disabled {
2837
background-color: #f2f2f2;
2838
background-image: image(rgba(0, 0, 0, 0.26));
2839
}
2840
scale fill {
2842
transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
2843
background-color: rgba(0, 0, 0, 0.26);
2844
}
2845
scale fill:disabled {
2847
background-color: transparent;
2848
}
2849
scale slider {
2851
transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
2852
background-repeat: no-repeat;
2853
background-position: center;
2854
background-size: auto, 1000% 1000%;
2855
border-radius: 50%;
2856
color: #1a73e8;
2857
}
2858
scale slider {
2860
background-image: -gtk-scaled(url("assets/scale-slider.png"), url("assets/scale-slider@2.png")), radial-gradient(circle, transparent 10%, transparent 0%);
2861
}
2862
scale slider:disabled {
2864
background-image: -gtk-scaled(url("assets/scale-slider-disabled.png"), url("assets/scale-slider-disabled@2.png")), radial-gradient(circle, transparent 10%, transparent 0%);
2865
}
2866
scale slider:hover {
2868
background-color: alpha(currentcolor, 0.08);
2869
}
2870
scale slider:focus {
2872
background-color: alpha(currentcolor, 0.08);
2873
}
2874
scale slider:active {
2876
transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms;
2877
animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
2878
background-image: -gtk-scaled(url("assets/scale-slider.png"), url("assets/scale-slider@2.png")), radial-gradient(circle, alpha(currentcolor, 0.12) 10%, transparent 0%);
2879
background-size: auto, 0% 0%;
2880
}
2881
scale marks,
2883
scale value {
2884
color: rgba(0, 0, 0, 0.6);
2885
}
2886
scale indicator {
2888
background-color: rgba(0, 0, 0, 0.26);
2889
color: transparent;
2890
}
2891
scale.horizontal marks.top {
2893
margin-bottom: 7px;
2894
margin-top: -15px;
2895
}
2896
scale.horizontal.fine-tune marks.top {
2898
margin-bottom: 6px;
2899
margin-top: -14px;
2900
}
2901
scale.horizontal marks.bottom {
2903
margin-top: 7px;
2904
margin-bottom: -15px;
2905
}
2906
scale.horizontal.fine-tune marks.bottom {
2908
margin-top: 6px;
2909
margin-bottom: -14px;
2910
}
2911
scale.vertical marks.top {
2913
margin-right: 7px;
2914
margin-left: -15px;
2915
}
2916
scale.vertical.fine-tune marks.top {
2918
margin-right: 6px;
2919
margin-left: -14px;
2920
}
2921
scale.vertical marks.bottom {
2923
margin-left: 7px;
2924
margin-right: -15px;
2925
}
2926
scale.vertical.fine-tune marks.bottom {
2928
margin-left: 6px;
2929
margin-right: -14px;
2930
}
2931
scale.horizontal indicator {
2933
min-height: 8px;
2934
min-width: 1px;
2935
}
2936
scale.vertical indicator {
2938
min-height: 1px;
2939
min-width: 8px;
2940
}
2941
scale.horizontal.marks-before:not(.marks-after) slider {
2943
background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider.png"), url("assets/scale-horz-marks-before-slider@2.png")), radial-gradient(circle, transparent 10%, transparent 0%);
2944
}
2945
scale.horizontal.marks-before:not(.marks-after) slider:disabled {
2947
background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-disabled.png"), url("assets/scale-horz-marks-before-slider-disabled@2.png")), radial-gradient(circle, transparent 10%, transparent 0%);
2948
}
2949
scale.horizontal.marks-before:not(.marks-after) slider:active {
2951
background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider.png"), url("assets/scale-horz-marks-before-slider@2.png")), radial-gradient(circle, alpha(currentcolor, 0.12) 10%, transparent 0%);
2952
}
2953
scale.horizontal.marks-after:not(.marks-before) slider {
2955
background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider.png"), url("assets/scale-horz-marks-after-slider@2.png")), radial-gradient(circle, transparent 10%, transparent 0%);
2956
}
2957
scale.horizontal.marks-after:not(.marks-before) slider:disabled {
2959
background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-disabled.png"), url("assets/scale-horz-marks-after-slider-disabled@2.png")), radial-gradient(circle, transparent 10%, transparent 0%);
2960
}
2961
scale.horizontal.marks-after:not(.marks-before) slider:active {
2963
background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider.png"), url("assets/scale-horz-marks-after-slider@2.png")), radial-gradient(circle, alpha(currentcolor, 0.12) 10%, transparent 0%);
2964
}
2965
scale.vertical.marks-before:not(.marks-after) slider {
2967
background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider.png"), url("assets/scale-vert-marks-before-slider@2.png")), radial-gradient(circle, transparent 10%, transparent 0%);
2968
}
2969
scale.vertical.marks-before:not(.marks-after) slider:disabled {
2971
background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-disabled.png"), url("assets/scale-vert-marks-before-slider-disabled@2.png")), radial-gradient(circle, transparent 10%, transparent 0%);
2972
}
2973
scale.vertical.marks-before:not(.marks-after) slider:active {
2975
background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider.png"), url("assets/scale-vert-marks-before-slider@2.png")), radial-gradient(circle, alpha(currentcolor, 0.12) 10%, transparent 0%);
2976
}
2977
scale.vertical.marks-after:not(.marks-before) slider {
2979
background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider.png"), url("assets/scale-vert-marks-after-slider@2.png")), radial-gradient(circle, transparent 10%, transparent 0%);
2980
}
2981
scale.vertical.marks-after:not(.marks-before) slider:disabled {
2983
background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-disabled.png"), url("assets/scale-vert-marks-after-slider-disabled@2.png")), radial-gradient(circle, transparent 10%, transparent 0%);
2984
}
2985
scale.vertical.marks-after:not(.marks-before) slider:active {
2987
background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider.png"), url("assets/scale-vert-marks-after-slider@2.png")), radial-gradient(circle, alpha(currentcolor, 0.12) 10%, transparent 0%);
2988
}
2989
scale.color {
2991
min-height: 0;
2992
min-width: 0;
2993
}
2994
scale.color.horizontal {
2996
padding: 0 0 12px 0;
2997
}
2998
scale.color.horizontal slider:dir(ltr), scale.color.horizontal slider:dir(rtl) {
3000
margin-bottom: -24px;
3001
margin-top: 8px;
3002
}
3003
scale.color.vertical:dir(ltr) {
3005
padding: 0 0 0 12px;
3006
}
3007
scale.color.vertical:dir(ltr) slider {
3009
margin-left: -24px;
3010
margin-right: 8px;
3011
}
3012
scale.color.vertical:dir(rtl) {
3014
padding: 0 12px 0 0;
3015
}
3016
scale.color.vertical:dir(rtl) slider {
3018
margin-right: -24px;
3019
margin-left: 8px;
3020
}
3021
/*****************
3023
* Progress bars *
3024
*****************/
3025
progressbar {
3026
color: rgba(0, 0, 0, 0.6);
3027
font-size: smaller;
3028
}
3029
progressbar.horizontal trough,
3031
progressbar.horizontal progress {
3032
min-height: 4px;
3033
}
3034
progressbar.vertical trough,
3036
progressbar.vertical progress {
3037
min-width: 4px;
3038
}
3039
progressbar trough {
3041
background-color: rgba(0, 0, 0, 0.12);
3042
}
3043
progressbar progress {
3045
background-color: #1a73e8;
3046
}
3047
progressbar trough.empty progress {
3049
all: unset;
3050
}
3051
/*************
3053
* Level Bar *
3054
*************/
3055
levelbar.horizontal block {
3056
min-height: 4px;
3057
}
3058
levelbar.horizontal.discrete block {
3060
min-width: 36px;
3061
}
3062
levelbar.horizontal.discrete block:not(:last-child) {
3064
margin-right: 2px;
3065
}
3066
levelbar.vertical block {
3068
min-width: 4px;
3069
}
3070
levelbar.vertical.discrete block {
3072
min-height: 36px;
3073
}
3074
levelbar.vertical.discrete block:not(:last-child) {
3076
margin-bottom: 2px;
3077
}
3078
levelbar block.low {
3080
background-color: #f4b400;
3081
}
3082
levelbar block.high, levelbar block:not(.empty) {
3084
background-color: #1a73e8;
3085
}
3086
levelbar block.full {
3088
background-color: #0f9d58;
3089
}
3090
levelbar block.empty {
3092
background-color: rgba(0, 0, 0, 0.12);
3093
}
3094
/****************
3096
* Print dialog *
3097
*****************/
3098
printdialog paper {
3099
padding: 0;
3100
border: 1px solid rgba(0, 0, 0, 0.12);
3101
background-color: #ffffff;
3102
color: rgba(0, 0, 0, 0.87);
3103
}
3104
printdialog .dialog-action-box {
3106
margin: 12px;
3107
}
3108
/**********
3110
* Frames *
3111
**********/
3112
frame > border,
3113
.frame {
3114
margin: 0;
3115
padding: 0;
3116
border: 1px solid rgba(0, 0, 0, 0.12);
3117
border-radius: 0;
3118
box-shadow: none;
3119
}
3120
frame > border.flat,
3122
.frame.flat {
3123
border-style: none;
3124
}
3125
frame.flat > border {
3127
border-style: none;
3128
}
3129
actionbar > revealer > box {
3131
padding: 6px;
3132
border-top: 1px solid rgba(0, 0, 0, 0.12);
3133
background-color: #ffffff;
3134
background-clip: border-box;
3135
}
3136
actionbar > revealer > box .linked:not(.vertical) > entry:not(:only-child) {
3138
border-radius: 4px 4px 0 0;
3139
}
3140
scrolledwindow viewport.frame {
3142
border-style: none;
3143
}
3144
overshoot.top {
3146
background-image: -gtk-gradient(radial, center top, 0, center top, 0.75, to(rgba(26, 115, 232, 0.24)), to(transparent));
3147
background-repeat: no-repeat;
3148
background-position: center top;
3149
background-color: transparent;
3150
border: none;
3151
box-shadow: none;
3152
}
3153
overshoot.bottom {
3155
background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.75, to(rgba(26, 115, 232, 0.24)), to(transparent));
3156
background-repeat: no-repeat;
3157
background-position: center bottom;
3158
background-color: transparent;
3159
border: none;
3160
box-shadow: none;
3161
}
3162
overshoot.left {
3164
background-image: -gtk-gradient(radial, left center, 0, left center, 0.75, to(rgba(26, 115, 232, 0.24)), to(transparent));
3165
background-repeat: no-repeat;
3166
background-position: left center;
3167
background-color: transparent;
3168
border: none;
3169
box-shadow: none;
3170
}
3171
overshoot.right {
3173
background-image: -gtk-gradient(radial, right center, 0, right center, 0.75, to(rgba(26, 115, 232, 0.24)), to(transparent));
3174
background-repeat: no-repeat;
3175
background-position: right center;
3176
background-color: transparent;
3177
border: none;
3178
box-shadow: none;
3179
}
3180
undershoot.top {
3182
background-color: transparent;
3183
background-image: linear-gradient(to left, transparent 50%, rgba(0, 0, 0, 0.26) 50%);
3184
padding-top: 1px;
3185
background-size: 12px 1px;
3186
background-repeat: repeat-x;
3187
background-origin: content-box;
3188
background-position: left top;
3189
}
3190
undershoot.bottom {
3192
background-color: transparent;
3193
background-image: linear-gradient(to left, transparent 50%, rgba(0, 0, 0, 0.26) 50%);
3194
padding-bottom: 1px;
3195
background-size: 12px 1px;
3196
background-repeat: repeat-x;
3197
background-origin: content-box;
3198
background-position: left bottom;
3199
}
3200
undershoot.left {
3202
background-color: transparent;
3203
background-image: linear-gradient(to top, transparent 50%, rgba(0, 0, 0, 0.26) 50%);
3204
padding-left: 1px;
3205
background-size: 1px 12px;
3206
background-repeat: repeat-y;
3207
background-origin: content-box;
3208
background-position: left top;
3209
}
3210
undershoot.right {
3212
background-color: transparent;
3213
background-image: linear-gradient(to top, transparent 50%, rgba(0, 0, 0, 0.26) 50%);
3214
padding-right: 1px;
3215
background-size: 1px 12px;
3216
background-repeat: repeat-y;
3217
background-origin: content-box;
3218
background-position: right top;
3219
}
3220
junction {
3222
border-style: solid none none solid;
3223
border-width: 1px;
3224
border-color: rgba(0, 0, 0, 0.12);
3225
background-color: #ffffff;
3226
}
3227
junction:dir(rtl) {
3229
border-style: solid solid none none;
3230
}
3231
separator {
3233
min-width: 1px;
3234
min-height: 1px;
3235
background-color: rgba(0, 0, 0, 0.12);
3236
}
3237
button.font separator, button.file separator, stacksidebar.sidebar + separator.vertical,
3239
stacksidebar.sidebar separator.horizontal, .tweak-categories separator, preferences stacksidebar.sidebar list separator {
3240
min-width: 0;
3241
min-height: 0;
3242
background-color: transparent;
3243
}
3244
/*********
3246
* Lists *
3247
*********/
3248
list {
3249
border-color: rgba(0, 0, 0, 0.12);
3250
background-color: #ffffff;
3251
}
3252
list row {
3254
padding: 2px;
3255
}
3256
row.activatable {
3258
box-shadow: inset 0 0 0 9999px transparent;
3259
}
3260
row.activatable:drop(active), row.activatable:hover {
3262
box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.08);
3263
}
3264
row.activatable:focus {
3266
box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.08);
3267
}
3268
row.activatable:active {
3270
background-image: radial-gradient(circle, rgba(0, 0, 0, 0.12) 10%, transparent 0%);
3271
}
3272
row.activatable:drop(active):not(:active), row.activatable:hover:not(:active) {
3274
transition-property: all, border-image, background-size, background-image, box-shadow;
3275
transition-duration: 75ms, 225ms, 300ms, 1200ms, 0ms;
3276
}
3277
row.activatable.has-open-popup {
3279
background-color: alpha(currentcolor, 0.12);
3280
}
3281
row:selected {
3283
box-shadow: inset 0 0 0 9999px transparent;
3284
}
3285
row:selected:drop(active), row:selected:hover {
3287
box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12);
3288
}
3289
row:selected:focus {
3291
box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12);
3292
}
3293
row:selected:active {
3295
background-image: radial-gradient(circle, rgba(26, 115, 232, 0.16) 10%, transparent 0%);
3296
}
3297
/*********************
3299
* App Notifications *
3300
*********************/
3301
.app-notification {
3302
margin: 8px;
3303
}
3304
.app-notification button.text-button:not(:disabled) {
3306
color: #1a73e8;
3307
box-shadow: inset 0 0 0 9999px transparent;
3308
}
3309
.app-notification button.text-button:not(:disabled):drop(active), .app-notification button.text-button:not(:disabled):hover {
3311
box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12);
3312
}
3313
.app-notification button.text-button:not(:disabled):focus {
3315
box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12);
3316
}
3317
.app-notification button.text-button:not(:disabled):active {
3319
background-image: radial-gradient(circle, rgba(26, 115, 232, 0.16) 10%, transparent 0%);
3320
}
3321
.app-notification.frame,
3323
.app-notification border {
3324
border-style: none;
3325
}
3326
/*************
3328
* Expanders *
3329
*************/
3330
expander title > arrow {
3331
transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
3332
min-width: 16px;
3333
min-height: 16px;
3334
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
3335
-gtk-icon-transform: rotate(-90deg);
3336
color: rgba(0, 0, 0, 0.6);
3337
}
3338
expander title > arrow:dir(rtl) {
3340
-gtk-icon-transform: rotate(90deg);
3341
}
3342
expander title > arrow:checked {
3344
-gtk-icon-transform: unset;
3345
}
3346
expander title > arrow:hover, expander title > arrow:active {
3348
color: rgba(0, 0, 0, 0.87);
3349
}
3350
expander title > arrow:disabled {
3352
color: rgba(0, 0, 0, 0.26);
3353
}
3354
/************
3356
* Calendar *
3357
************/
3358
calendar {
3359
padding: 1px;
3360
border: 1px solid rgba(0, 0, 0, 0.12);
3361
color: rgba(0, 0, 0, 0.87);
3362
}
3363
calendar:disabled {
3365
color: rgba(0, 0, 0, 0.38);
3366
}
3367
calendar:selected {
3369
border-radius: 5px;
3370
}
3371
calendar.header {
3373
border-style: none none solid;
3374
border-color: rgba(0, 0, 0, 0.12);
3375
border-radius: 0;
3376
}
3377
calendar.button {
3379
border-radius: 5px;
3380
color: rgba(0, 0, 0, 0.6);
3381
}
3382
calendar.button:hover {
3384
background-image: image(alpha(currentcolor, 0.08));
3385
}
3386
calendar.button:disabled {
3388
color: rgba(0, 0, 0, 0.26);
3389
}
3390
calendar.highlight {
3392
color: rgba(0, 0, 0, 0.6);
3393
font-weight: 500;
3394
}
3395
calendar:indeterminate {
3397
color: rgba(0, 0, 0, 0.26);
3398
}
3399
/***********
3401
* Dialogs *
3402
***********/
3403
messagedialog.background {
3404
background-color: #ffffff;
3405
}
3406
messagedialog .titlebar {
3408
min-height: 24px;
3409
border-style: none;
3410
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
3411
background-color: #ffffff;
3412
color: rgba(0, 0, 0, 0.87);
3413
}
3414
messagedialog .titlebar:backdrop {
3416
background-color: #ffffff;
3417
color: rgba(0, 0, 0, 0.6);
3418
}
3419
messagedialog.csd.background {
3421
border-bottom-left-radius: 4px;
3422
border-bottom-right-radius: 4px;
3423
}
3424
messagedialog box.vertical > label + label {
3426
color: rgba(0, 0, 0, 0.6);
3427
}
3428
messagedialog .dialog-action-box {
3430
margin-top: -6px;
3431
}
3432
messagedialog .dialog-action-box button:not(:last-child) {
3434
margin-right: 6px;
3435
}
3436
.dialog-action-box button:not(:disabled) {
3438
color: #1a73e8;
3439
box-shadow: inset 0 0 0 9999px transparent;
3440
}
3441
.dialog-action-box button:not(:disabled):drop(active), .dialog-action-box button:not(:disabled):hover {
3443
box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12);
3444
}
3445
.dialog-action-box button:not(:disabled):focus {
3447
box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12);
3448
}
3449
.dialog-action-box button:not(:disabled):active {
3451
background-image: radial-gradient(circle, rgba(26, 115, 232, 0.16) 10%, transparent 0%);
3452
}
3453
.dialog-action-box button.suggested-action:not(:disabled) {
3455
background-color: transparent;
3456
}
3457
.dialog-action-box button.destructive-action:not(:disabled) {
3459
background-color: transparent;
3460
color: #d93025;
3461
box-shadow: inset 0 0 0 9999px transparent;
3462
}
3463
.dialog-action-box button.destructive-action:not(:disabled):drop(active), .dialog-action-box button.destructive-action:not(:disabled):hover {
3465
box-shadow: inset 0 0 0 9999px rgba(217, 48, 37, 0.12);
3466
}
3467
.dialog-action-box button.destructive-action:not(:disabled):focus {
3469
box-shadow: inset 0 0 0 9999px rgba(217, 48, 37, 0.12);
3470
}
3471
.dialog-action-box button.destructive-action:not(:disabled):active {
3473
background-image: radial-gradient(circle, rgba(217, 48, 37, 0.16) 10%, transparent 0%);
3474
}
3475
filechooser .dialog-action-box {
3477
border-top: 1px solid rgba(0, 0, 0, 0.12);
3478
}
3479
filechooser #pathbarbox {
3481
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
3482
background-color: #f2f2f2;
3483
}
3484
filechooser #pathbarbox > stack > box > button {
3486
border-radius: 9999px;
3487
}
3488
/***********
3490
* Sidebar *
3491
***********/
3492
.sidebar {
3493
border-style: none;
3494
background-color: #fafafa;
3495
}
3496
stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:not(separator):dir(ltr), .sidebar:not(separator).left, .sidebar:not(separator).left:dir(rtl) {
3498
border-right: 1px solid rgba(0, 0, 0, 0.12);
3499
border-left-style: none;
3500
}
3501
stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:not(separator):dir(rtl), .sidebar:not(separator).right {
3503
border-left: 1px solid rgba(0, 0, 0, 0.12);
3504
border-right-style: none;
3505
}
3506
.sidebar list {
3508
background-color: transparent;
3509
}
3510
paned .sidebar, paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr) {
3512
border-style: none;
3513
}
3514
stacksidebar.sidebar list {
3516
padding: 4px;
3517
background-color: #fafafa;
3518
}
3519
stacksidebar.sidebar row {
3521
min-height: 32px;
3522
padding: 0 2px;
3523
border-radius: 4px;
3524
}
3525
stacksidebar.sidebar row:selected {
3527
font-weight: 500;
3528
color: #1a73e8;
3529
background-color: rgba(26, 115, 232, 0.16);
3530
box-shadow: inset 0 0 0 9999px transparent;
3531
}
3532
stacksidebar.sidebar row:selected:drop(active), stacksidebar.sidebar row:selected:hover {
3534
box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12);
3535
}
3536
stacksidebar.sidebar row:selected:focus {
3538
box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12);
3539
}
3540
stacksidebar.sidebar row:selected:active {
3542
background-image: radial-gradient(circle, rgba(26, 115, 232, 0.16) 10%, transparent 0%);
3543
}
3544
stacksidebar.sidebar row + row {
3546
margin-top: 4px;
3547
}
3548
stacksidebar.sidebar row > label {
3550
padding-left: 6px;
3551
padding-right: 6px;
3552
}
3553
separator.sidebar {
3555
background-color: rgba(0, 0, 0, 0.12);
3556
}
3557
/****************
3559
* File chooser *
3560
****************/
3561
row image.sidebar-icon {
3562
transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
3563
color: rgba(0, 0, 0, 0.6);
3564
}
3565
row image.sidebar-icon:disabled {
3567
color: rgba(0, 0, 0, 0.26);
3568
}
3569
placessidebar.sidebar > viewport.frame {
3571
border-style: none;
3572
}
3573
placessidebar.sidebar list {
3575
padding: 1px 0 4px;
3576
}
3577
placessidebar.sidebar row {
3579
min-height: 32px;
3580
margin: -1px 4px;
3581
padding: 0;
3582
border-radius: 4px;
3583
}
3584
placessidebar.sidebar row > revealer {
3586
padding: 0 8px;
3587
}
3588
placessidebar.sidebar row:selected {
3590
font-weight: 500;
3591
color: #1a73e8;
3592
background-color: rgba(26, 115, 232, 0.16);
3593
box-shadow: inset 0 0 0 9999px transparent;
3594
}
3595
placessidebar.sidebar row:selected:drop(active), placessidebar.sidebar row:selected:hover {
3597
box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12);
3598
}
3599
placessidebar.sidebar row:selected:focus {
3601
box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12);
3602
}
3603
placessidebar.sidebar row:selected:active {
3605
background-image: radial-gradient(circle, rgba(26, 115, 232, 0.16) 10%, transparent 0%);
3606
}
3607
placessidebar.sidebar row:selected image.sidebar-icon {
3609
color: #1a73e8;
3610
}
3611
placessidebar.sidebar row:disabled {
3613
color: rgba(0, 0, 0, 0.38);
3614
}
3615
placessidebar.sidebar row image.sidebar-icon:dir(ltr) {
3617
padding-right: 8px;
3618
}
3619
placessidebar.sidebar row image.sidebar-icon:dir(rtl) {
3621
padding-left: 8px;
3622
}
3623
placessidebar.sidebar row label.sidebar-label:dir(ltr) {
3625
padding-right: 2px;
3626
}
3627
placessidebar.sidebar row label.sidebar-label:dir(rtl) {
3629
padding-left: 2px;
3630
}
3631
placessidebar.sidebar row.sidebar-placeholder-row {
3633
background-color: alpha(currentcolor, 0.08);
3634
}
3635
placessidebar.sidebar row.sidebar-new-bookmark-row {
3637
color: #1a73e8;
3638
}
3639
placessidebar.sidebar row.sidebar-new-bookmark-row image.sidebar-icon {
3641
color: #1a73e8;
3642
}
3643
placesview .server-list-button > image {
3645
-gtk-icon-transform: rotate(0turn);
3646
}
3647
placesview .server-list-button:checked > image {
3649
-gtk-icon-transform: rotate(-0.5turn);
3650
}
3651
placesview > actionbar > revealer > box > label {
3653
padding-left: 8px;
3654
padding-right: 8px;
3655
}
3656
/*********
3658
* Paned *
3659
*********/
3660
paned > separator {
3661
min-width: 1px;
3662
min-height: 1px;
3663
-gtk-icon-source: none;
3664
border-style: none;
3665
background-color: transparent;
3666
background-image: image(rgba(0, 0, 0, 0.12));
3667
background-size: 1px 1px;
3668
background-clip: content-box;
3669
}
3670
paned > separator.wide {
3672
min-width: 6px;
3673
min-height: 6px;
3674
background-color: #f2f2f2;
3675
background-image: image(rgba(0, 0, 0, 0.12)), image(rgba(0, 0, 0, 0.12));
3676
background-size: 1px 1px, 1px 1px;
3677
}
3678
paned.horizontal > separator {
3680
background-repeat: repeat-y;
3681
}
3682
paned.horizontal > separator:dir(ltr) {
3684
margin: 0 -8px 0 0;
3685
padding: 0 8px 0 0;
3686
background-position: left;
3687
}
3688
paned.horizontal > separator:dir(rtl) {
3690
margin: 0 0 0 -8px;
3691
padding: 0 0 0 8px;
3692
background-position: right;
3693
}
3694
paned.horizontal > separator.wide {
3696
margin: 0;
3697
padding: 0;
3698
background-repeat: repeat-y, repeat-y;
3699
background-position: left, right;
3700
}
3701
paned.vertical > separator {
3703
margin: 0 0 -8px 0;
3704
padding: 0 0 8px 0;
3705
background-repeat: repeat-x;
3706
background-position: top;
3707
}
3708
paned.vertical > separator.wide {
3710
margin: 0;
3711
padding: 0;
3712
background-repeat: repeat-x, repeat-x;
3713
background-position: bottom, top;
3714
}
3715
/**************
3717
* GtkInfoBar *
3718
**************/
3719
infobar {
3720
border-style: none;
3721
}
3722
infobar.info, infobar.question {
3724
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
3725
background-color: #ffffff;
3726
}
3727
infobar.info button.text-button:not(:disabled), infobar.question button.text-button:not(:disabled) {
3729
color: #1a73e8;
3730
box-shadow: inset 0 0 0 9999px transparent;
3731
}
3732
infobar.info button.text-button:not(:disabled):drop(active), infobar.info button.text-button:not(:disabled):hover, infobar.question button.text-button:not(:disabled):drop(active), infobar.question button.text-button:not(:disabled):hover {
3734
box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12);
3735
}
3736
infobar.info button.text-button:not(:disabled):focus, infobar.question button.text-button:not(:disabled):focus {
3738
box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12);
3739
}
3740
infobar.info button.text-button:not(:disabled):active, infobar.question button.text-button:not(:disabled):active {
3742
background-image: radial-gradient(circle, rgba(26, 115, 232, 0.16) 10%, transparent 0%);
3743
}
3744
infobar.warning {
3746
background-color: #f4b400;
3747
color: rgba(0, 0, 0, 0.87);
3748
}
3749
infobar.warning button.flat {
3751
color: rgba(0, 0, 0, 0.87);
3752
box-shadow: inset 0 0 0 9999px transparent;
3753
}
3754
infobar.warning button.flat:drop(active), infobar.warning button.flat:hover {
3756
box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.08);
3757
}
3758
infobar.warning button.flat:focus {
3760
box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.08);
3761
}
3762
infobar.warning button.flat:active {
3764
background-image: radial-gradient(circle, rgba(0, 0, 0, 0.12) 10%, transparent 0%);
3765
}
3766
infobar.warning *:link {
3768
color: rgba(0, 0, 0, 0.87);
3769
}
3770
infobar.error {
3772
background-color: #d93025;
3773
color: white;
3774
}
3775
infobar.error button.flat {
3777
color: white;
3778
box-shadow: inset 0 0 0 9999px transparent;
3779
}
3780
infobar.error button.flat:drop(active), infobar.error button.flat:hover {
3782
box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.08);
3783
}
3784
infobar.error button.flat:focus {
3786
box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.08);
3787
}
3788
infobar.error button.flat:active {
3790
background-image: radial-gradient(circle, rgba(255, 255, 255, 0.12) 10%, transparent 0%);
3791
}
3792
infobar.error *:link {
3794
color: white;
3795
}
3796
infobar button label {
3798
margin: 0 -4px;
3799
}
3800
/************
3802
* Tooltips *
3803
************/
3804
tooltip {
3805
border-radius: 4px;
3806
box-shadow: none;
3807
}
3808
tooltip.background {
3810
background-color: rgba(97, 97, 97, 0.9);
3811
color: white;
3812
}
3813
tooltip decoration {
3815
background-color: transparent;
3816
}
3817
tooltip > box {
3819
margin: -6px;
3820
min-height: 24px;
3821
padding: 4px 8px;
3822
}
3823
tooltip .dim-label {
3825
color: rgba(255, 255, 255, 0.7);
3826
}
3827
/*****************
3829
* Color Chooser *
3830
*****************/
3831
colorswatch.top {
3832
border-top-left-radius: 4.5px;
3833
border-top-right-radius: 4.5px;
3834
}
3835
colorswatch.top overlay {
3837
border-top-left-radius: 4px;
3838
border-top-right-radius: 4px;
3839
}
3840
colorswatch.bottom {
3842
border-bottom-left-radius: 4.5px;
3843
border-bottom-right-radius: 4.5px;
3844
}
3845
colorswatch.bottom overlay {
3847
border-bottom-left-radius: 4px;
3848
border-bottom-right-radius: 4px;
3849
}
3850
colorswatch.left, colorswatch:first-child:not(.top) {
3852
border-top-left-radius: 4.5px;
3853
border-bottom-left-radius: 4.5px;
3854
}
3855
colorswatch.left overlay, colorswatch:first-child:not(.top) overlay {
3857
border-top-left-radius: 4px;
3858
border-bottom-left-radius: 4px;
3859
}
3860
colorswatch.right, colorswatch:last-child:not(.bottom) {
3862
border-top-right-radius: 4.5px;
3863
border-bottom-right-radius: 4.5px;
3864
}
3865
colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay {
3867
border-top-right-radius: 4px;
3868
border-bottom-right-radius: 4px;
3869
}
3870
colorswatch.dark {
3872
color: white;
3873
}
3874
colorswatch.light {
3876
color: rgba(0, 0, 0, 0.87);
3877
}
3878
colorswatch overlay {
3880
transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
3881
box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17);
3882
}
3883
colorswatch overlay:drop(active), colorswatch overlay:hover {
3885
box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.2), 0 3px 2.4px 0 rgba(0, 0, 0, 0.14), 0 1px 4.8px 0 rgba(0, 0, 0, 0.12);
3886
}
3887
colorswatch#add-color-button {
3889
border-radius: 4px 4px 0 0;
3890
color: rgba(0, 0, 0, 0.87);
3891
}
3892
colorswatch#add-color-button:only-child {
3894
border-radius: 4px;
3895
}
3896
colorswatch#add-color-button overlay {
3898
background-color: #ffffff;
3899
}
3900
colorswatch:disabled {
3902
opacity: 0.5;
3903
}
3904
colorswatch:disabled overlay {
3906
box-shadow: none;
3907
}
3908
colorswatch#editor-color-sample {
3910
border-radius: 4.5px;
3911
}
3912
colorswatch#editor-color-sample overlay {
3914
border-radius: 4px;
3915
}
3916
colorchooser .popover.osd {
3918
transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
3919
border-radius: 4px;
3920
box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.4);
3921
background-color: #ffffff;
3922
}
3923
colorchooser .popover.osd:backdrop {
3925
box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.3), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.4);
3926
}
3927
/********
3929
* Misc *
3930
********/
3931
.content-view {
3932
background-color: #f2f2f2;
3933
}
3934
/**********************
3936
* Window Decorations *
3937
**********************/
3938
decoration {
3939
transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
3940
border-radius: 4px 4px 0 0;
3941
box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2), 0 16px 14.4px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12), 0 16px 14.4px 2px transparent, 0 6px 18px 5px transparent;
3942
margin: 8px;
3943
}
3944
decoration:backdrop {
3946
box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 16px 14.4px 2px transparent, 0 6px 18px 5px transparent;
3947
}
3948
.maximized decoration,
3950
.fullscreen decoration,
3951
.tiled decoration,
3952
.tiled-top decoration,
3953
.tiled-right decoration,
3954
.tiled-bottom decoration,
3955
.tiled-left decoration {
3956
border-radius: 0;
3957
}
3958
.popup decoration {
3960
box-shadow: none;
3961
}
3962
.ssd decoration {
3964
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16);
3965
}
3966
.csd.popup decoration {
3968
border-radius: 4px;
3969
box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
3970
}
3971
tooltip.csd decoration {
3973
border-radius: 4px;
3974
box-shadow: none;
3975
}
3976
messagedialog.csd decoration {
3978
border-radius: 4px;
3979
}
3980
.solid-csd decoration {
3982
margin: 0;
3983
padding: 2px;
3984
border-radius: 0;
3985
box-shadow: none;
3986
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
3987
background-color: #383838;
3988
}
3989
.solid-csd decoration:backdrop {
3991
background-color: #303030;
3992
}
3993
button.titlebutton {
3995
border-radius: 9999px;
3996
}
3997
.view selection, .view:selected, flowbox flowboxchild:selected, label selection, spinbutton:not(.vertical) selection,
3999
entry selection, modelbutton.flat:selected,
4000
.menuitem.button.flat:selected, row:selected, calendar:selected, .nautilus-window flowboxchild:selected .icon-item-background, box.vertical > widget > widget:selected, .budgie-popover.budgie-menu button.flat:not(.image-button):checked, calendar.raven-calendar:selected, XfdesktopIconView.view:active, .nemo-window .nemo-window-pane widget.entry:selected {
4001
background-color: rgba(26, 115, 232, 0.24);
4002
}
4003
.monospace {
4005
font-family: monospace;
4006
}
4007
/**********************
4009
* Touch Copy & Paste *
4010
**********************/
4011
cursor-handle {
4012
color: #1a73e8;
4013
-gtk-icon-source: -gtk-recolor(url("icons/cursor-handle-symbolic.svg"));
4014
}
4015
cursor-handle.top:dir(ltr), cursor-handle.bottom:dir(rtl) {
4017
-gtk-icon-transform: rotate(90deg);
4018
}
4019
cursor-handle.bottom:dir(ltr), cursor-handle.top:dir(rtl) {
4021
-gtk-icon-transform: unset;
4022
}
4023
cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) {
4025
padding-top: 6px;
4026
-gtk-icon-transform: rotate(45deg);
4027
}
4028
.context-menu {
4030
font: initial;
4031
}
4032
.keycap {
4034
min-width: 12px;
4035
min-height: 26px;
4036
margin-top: 2px;
4037
padding-bottom: 2px;
4038
padding-left: 8px;
4039
padding-right: 8px;
4040
border: solid 1px rgba(0, 0, 0, 0.12);
4041
border-radius: 5px;
4042
box-shadow: inset 0 -2px rgba(0, 0, 0, 0.12);
4043
background-color: #ffffff;
4044
color: rgba(0, 0, 0, 0.87);
4045
font-size: smaller;
4046
}
4047
stackswitcher button.text-button {
4049
min-width: 100px;
4050
}
4051
stackswitcher button.circular,
4053
stackswitcher button.text-button.circular {
4054
min-width: 36px;
4055
min-height: 36px;
4056
padding: 0;
4057
}
4058
/*************
4060
* App Icons *
4061
*************/
4062
/*********
4063
* Emoji *
4064
*********/
4065
popover.emoji-picker {
4066
padding: 0;
4067
}
4068
popover.emoji-picker entry {
4070
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4071
border-image: none;
4072
border-radius: 0;
4073
box-shadow: none;
4074
background-color: transparent;
4075
}
4076
popover.emoji-picker scrolledwindow {
4078
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4079
}
4080
button.emoji-section {
4082
margin: 4px;
4083
}
4084
button.emoji-section:checked {
4086
color: #1a73e8;
4087
background-color: rgba(26, 115, 232, 0.16);
4088
box-shadow: inset 0 0 0 9999px transparent;
4089
}
4090
button.emoji-section:checked:drop(active), button.emoji-section:checked:hover {
4092
box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12);
4093
}
4094
button.emoji-section:checked:focus {
4096
box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12);
4097
}
4098
button.emoji-section:checked:active {
4100
background-image: radial-gradient(circle, rgba(26, 115, 232, 0.16) 10%, transparent 0%);
4101
}
4102
button.emoji-section:not(:last-child) {
4104
margin-right: 0;
4105
}
4106
popover.emoji-picker .emoji {
4108
min-width: 3em;
4109
min-height: 3em;
4110
padding: 0 8px;
4111
}
4112
popover.emoji-picker .emoji widget {
4114
transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
4115
border-radius: 4px;
4116
}
4117
popover.emoji-picker .emoji widget:hover {
4119
background-color: alpha(currentcolor, 0.08);
4120
}
4121
popover.emoji-completion {
4123
padding: 8px 0;
4124
}
4125
popover.emoji-completion arrow {
4127
border: none;
4128
background: none;
4129
}
4130
popover.emoji-completion .emoji-completion-row {
4132
min-height: 28px;
4133
padding: 0 12px;
4134
}
4135
popover.emoji-completion .emoji:hover {
4137
background-color: alpha(currentcolor, 0.08);
4138
}
4139
/************
4141
* Nautilus *
4142
************/
4143
.nautilus-window,
4144
.nautilus-window notebook,
4145
.nautilus-window notebook > stack {
4146
background-color: #ffffff;
4147
}
4148
.nautilus-canvas-item.dim-label,
4150
.nautilus-list-dim-label {
4151
color: rgba(0, 0, 0, 0.6);
4152
}
4153
@keyframes nautilus-operations-button-needs-attention {
4155
to {
4156
background-color: alpha(currentcolor, 0.08);
4157
}
4158
}
4159
.nautilus-operations-button-needs-attention {
4161
animation: nautilus-operations-button-needs-attention 300ms cubic-bezier(0.4, 0, 0.2, 1) 2 alternate;
4162
}
4163
.nautilus-operations-button-needs-attention-multiple {
4165
animation: nautilus-operations-button-needs-attention 300ms cubic-bezier(0.4, 0, 0.2, 1) 6 alternate;
4166
}
4167
.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action):not(:only-child).disclosure-button {
4169
border-radius: 9999px;
4170
}
4171
.path-bar-box {
4173
transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
4174
margin: 6px 0;
4175
border-radius: 4px;
4176
}
4177
.path-bar-box button {
4179
margin: 0;
4180
}
4181
.path-bar-box.width-maximized {
4183
background-color: rgba(255, 255, 255, 0.04);
4184
}
4185
.path-bar-box.background.frame {
4187
border-style: none;
4188
background-color: rgba(255, 255, 255, 0.04);
4189
}
4190
.path-bar-box .path-bar button label:not(:only-child):first-child {
4192
margin-left: 0;
4193
}
4194
.path-bar-box .path-bar button label:not(:only-child):last-child {
4196
margin-right: 0;
4197
}
4198
.path-bar-box .nautilus-path-bar button:not(.suggested-action):not(.destructive-action) {
4200
padding-left: 6px;
4201
padding-right: 6px;
4202
}
4203
.path-bar-box .nautilus-path-bar button:not(.suggested-action):not(.destructive-action).text-button {
4205
min-width: 0;
4206
}
4207
.path-bar-box .nautilus-path-bar button:not(.suggested-action):not(.destructive-action) label:not(:only-child):first-child {
4209
margin-left: 0;
4210
}
4211
.path-bar-box .nautilus-path-bar button:not(.suggested-action):not(.destructive-action) label:not(:only-child):last-child {
4213
margin-right: 0;
4214
}
4215
.path-bar-box .nautilus-path-bar button:not(.suggested-action):not(.destructive-action).text-button.image-button image:not(:only-child) {
4217
margin: 0;
4218
}
4219
.nautilus-window .floating-bar {
4221
min-height: 32px;
4222
padding: 0;
4223
border-style: solid solid none;
4224
border-width: 1px;
4225
border-color: rgba(0, 0, 0, 0.12);
4226
border-radius: 5px 5px 0 0;
4227
background-color: rgba(255, 255, 255, 0.9);
4228
}
4229
.nautilus-window .floating-bar.bottom.left {
4231
margin-right: 7px;
4232
border-left-style: none;
4233
border-top-left-radius: 0;
4234
}
4235
.nautilus-window .floating-bar.bottom.right {
4237
margin-left: 7px;
4238
border-right-style: none;
4239
border-top-right-radius: 0;
4240
}
4241
.nautilus-window .floating-bar button {
4243
margin: 4px;
4244
}
4245
.disk-space-display.unknown {
4247
background-color: rgba(0, 0, 0, 0.26);
4248
color: rgba(0, 0, 0, 0.26);
4249
}
4250
.disk-space-display.used {
4252
background-color: #1a73e8;
4253
color: #1a73e8;
4254
}
4255
.disk-space-display.free {
4257
background-color: rgba(0, 0, 0, 0.08);
4258
color: rgba(0, 0, 0, 0.08);
4259
}
4260
.search-information {
4262
padding: 2px;
4263
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4264
background-color: #ffffff;
4265
color: rgba(0, 0, 0, 0.87);
4266
}
4267
.conflict-row:not(:selected) {
4269
background-color: #fce9b3;
4270
}
4271
.nautilus-window flowboxchild .icon-item-background {
4273
padding: 4px;
4274
border-radius: 4px;
4275
}
4276
.nautilus-window flowboxchild:selected {
4278
background-color: transparent;
4279
}
4280
dialog.background > box.dialog-vbox.vertical > grid.horizontal > scrolledwindow.frame {
4282
border-style: none;
4283
}
4284
dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child {
4286
margin: -6px 0 0 -6px;
4287
border-top: 1px solid rgba(0, 0, 0, 0.12);
4288
}
4289
dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child > label {
4291
margin: 0 8px;
4292
}
4293
dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child > box > button {
4295
border-radius: 0;
4296
}
4297
.nautilus-window > popover.menu:not(:last-child) {
4299
padding: 3px;
4300
}
4301
.nautilus-window > popover.menu:not(:last-child) > stack > box > box > box {
4303
margin-top: -6px;
4304
}
4305
.nautilus-window > popover.menu:not(:last-child) > stack > box > box > box > box {
4307
margin-bottom: -6px;
4308
}
4309
.nautilus-window > popover.menu:not(:last-child) > stack > box > box > box > box.linked {
4311
margin-top: 1px;
4312
}
4313
.nautilus-window > popover.menu:not(:last-child) separator {
4315
margin-bottom: -2px;
4316
}
4317
.nautilus-menu-sort-heading {
4319
margin: 1px 3px;
4320
font-weight: 500;
4321
}
4322
.nautilus-menu-sort-heading:disabled {
4324
color: rgba(0, 0, 0, 0.6);
4325
}
4326
.nautilus-window headerbar revealer > button {
4328
border-radius: 9999px;
4329
}
4330
.nautilus-window paned > separator {
4332
background-color: #fafafa;
4333
}
4334
/*********
4336
* gedit *
4337
*********/
4338
.open-document-selector-path-label {
4339
color: rgba(0, 0, 0, 0.6);
4340
font-size: smaller;
4341
}
4342
.open-document-selector-match {
4344
background-color: #f4b400;
4345
color: rgba(0, 0, 0, 0.87);
4346
}
4347
.gedit-document-panel {
4349
background-color: #fafafa;
4350
}
4351
.gedit-document-panel row button.flat {
4353
margin-top: 8px;
4354
margin-bottom: 8px;
4355
}
4356
.gedit-document-panel-group-row:not(:first-child) {
4358
border-top: 1px solid rgba(0, 0, 0, 0.12);
4359
}
4360
.gedit-side-panel-paned statusbar {
4362
border-top: 1px solid rgba(0, 0, 0, 0.12);
4363
}
4364
.gedit-search-slider {
4366
margin: 4px 4px 8px;
4367
}
4368
.gedit-search-slider .linked:not(.vertical) > entry {
4370
border-radius: 4px;
4371
}
4372
.gedit-search-slider .linked:not(.vertical) > entry .gedit-search-entry-occurrences-tag {
4374
all: unset;
4375
color: rgba(0, 0, 0, 0.6);
4376
}
4377
.gedit-search-slider .linked:not(.vertical) > entry:dir(ltr) {
4379
margin-right: -66px;
4380
padding-right: 66px;
4381
}
4382
.gedit-search-slider .linked:not(.vertical) > entry:dir(ltr) .gedit-search-entry-occurrences-tag {
4384
margin-left: 6px;
4385
}
4386
.gedit-search-slider .linked:not(.vertical) > entry:dir(ltr) image.right {
4388
margin-right: 0;
4389
}
4390
.gedit-search-slider .linked:not(.vertical) > entry:dir(rtl) {
4392
margin-left: -66px;
4393
padding-left: 66px;
4394
}
4395
.gedit-search-slider .linked:not(.vertical) > entry:dir(rtl) .gedit-search-entry-occurrences-tag {
4397
margin-right: 6px;
4398
}
4399
.gedit-search-slider .linked:not(.vertical) > entry:dir(rtl) image.left {
4401
margin-left: 0;
4402
}
4403
.gedit-search-slider .linked:not(.vertical) > entry:not(.error) {
4405
background-color: #ffffff;
4406
}
4407
.gedit-search-slider .linked:not(.vertical) > entry.error ~ button {
4409
color: rgba(255, 255, 255, 0.7);
4410
box-shadow: inset 0 0 0 9999px transparent;
4411
}
4412
.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:drop(active), .gedit-search-slider .linked:not(.vertical) > entry.error ~ button:hover {
4414
box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.08);
4415
}
4416
.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:focus {
4418
box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.08);
4419
}
4420
.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:active {
4422
background-image: radial-gradient(circle, rgba(255, 255, 255, 0.12) 10%, transparent 0%);
4423
}
4424
.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:disabled {
4426
color: rgba(255, 255, 255, 0.3);
4427
}
4428
.gedit-search-slider .linked:not(.vertical) > button {
4430
border: solid 6px transparent;
4431
border-radius: 9999px;
4432
}
4433
.gedit-search-slider .linked:not(.vertical) > button:last-child:dir(ltr), .gedit-search-slider .linked:not(.vertical) > button:not(:first-child):dir(rtl) {
4435
margin-left: -3px;
4436
}
4437
.gedit-search-slider .linked:not(.vertical) > button:first-child:dir(rtl), .gedit-search-slider .linked:not(.vertical) > button:not(:last-child):dir(ltr) {
4439
margin-right: -3px;
4440
}
4441
frame.gedit-map-frame > border:dir(ltr) {
4443
border-style: none none none solid;
4444
}
4445
frame.gedit-map-frame > border:dir(rtl) {
4447
border-style: none solid none none;
4448
}
4449
/**********
4451
* Tweaks *
4452
**********/
4453
.tweak-categories {
4454
background-image: image(#fafafa);
4455
}
4456
.tweak {
4458
padding: 3px;
4459
}
4460
.tweak.title:hover {
4462
box-shadow: none;
4463
}
4464
.tweak-group-white,
4466
.tweak-white,
4467
.tweak-white:hover {
4468
background-image: image(#ffffff);
4469
}
4470
.tweak-startup,
4472
.tweak-startup:hover {
4473
background-image: image(#ffffff);
4474
}
4475
.tweak-group-startup {
4477
background-image: image(#ffffff);
4478
border: 1px solid rgba(0, 0, 0, 0.12);
4479
}
4480
row#Focus,
4482
row#ClickMethod,
4483
row#StaticWorkspaceTweak,
4484
row#dynamic-workspaces,
4485
row#PrimaryWorkspaceTweak,
4486
row#workspaces-only-on-primary {
4487
padding: 0;
4488
border: 1px solid rgba(0, 0, 0, 0.12);
4489
}
4490
row#Focus row:not(:last-child),
4492
row#ClickMethod row:not(:last-child),
4493
row#StaticWorkspaceTweak row:not(:last-child),
4494
row#dynamic-workspaces row:not(:last-child),
4495
row#PrimaryWorkspaceTweak row:not(:last-child),
4496
row#workspaces-only-on-primary row:not(:last-child) {
4497
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4498
}
4499
row#Focus.tweak > list,
4501
row#ClickMethod.tweak > list,
4502
row#StaticWorkspaceTweak.tweak > list,
4503
row#dynamic-workspaces.tweak > list,
4504
row#PrimaryWorkspaceTweak.tweak > list,
4505
row#workspaces-only-on-primary.tweak > list {
4506
margin-top: -3px;
4507
}
4508
row#Focus,
4510
row#ClickMethod,
4511
row#PrimaryWorkspaceTweak,
4512
row#workspaces-only-on-primary {
4513
margin-top: 4px;
4514
}
4515
hdyleaflet.titlebar > .titlebar.tweak-titlebar-left,
4517
hdyleaflet.titlebar > .titlebar.tweak-titlebar-right {
4518
background-color: inherit;
4519
box-shadow: inherit;
4520
transition: color 75ms cubic-bezier(0, 0, 0.2, 1);
4521
}
4522
hdyleaflet.titlebar > .titlebar.tweak-titlebar-left + separator,
4524
hdyleaflet.titlebar > .titlebar.tweak-titlebar-right + separator {
4525
background-color: inherit;
4526
background-image: image(rgba(255, 255, 255, 0.12));
4527
}
4528
/***********
4530
* Builder *
4531
***********/
4532
layouttabbar {
4533
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4534
background-color: #f2f2f2;
4535
}
4536
layouttabbar > box > button {
4538
margin: 2px 0;
4539
}
4540
layouttab {
4542
margin: 0 8px;
4543
border-style: none solid;
4544
border-width: 1px;
4545
border-color: rgba(0, 0, 0, 0.12);
4546
box-shadow: inset 0 -2px #1a73e8;
4547
background-color: #ffffff;
4548
}
4549
layouttab separator.vertical {
4551
margin: 8px 4px;
4552
}
4553
layouttab button.text-button, layouttab button.image-button, layouttab button {
4555
margin-top: 8px;
4556
margin-bottom: 8px;
4557
padding: 0 4px;
4558
}
4559
layout {
4561
border: 1px solid rgba(0, 0, 0, 0.12);
4562
-PnlDockBin-handle-size: 1;
4563
}
4564
entry.search-missing {
4566
background-color: #d93025;
4567
color: white;
4568
}
4569
window.workbench treeview.image {
4571
color: rgba(0, 0, 0, 0.6);
4572
}
4573
popover.popover-selector list {
4575
padding: 6px;
4576
}
4577
popover.popover-selector list row {
4579
border-radius: 4px;
4580
}
4581
popover.popover-selector list row image:dir(ltr) {
4583
margin-right: 6px;
4584
}
4585
popover.popover-selector list row image:dir(rtl) {
4587
margin-left: 6px;
4588
}
4589
popover.popover-selector list row .accel:dir(ltr) {
4591
margin-left: 6px;
4592
}
4593
popover.popover-selector list row .accel:dir(rtl) {
4595
margin-right: 6px;
4596
}
4597
omnibar.linked:not(.vertical) entry {
4599
border-radius: 4px;
4600
}
4601
omnibar entry {
4603
color: rgba(0, 0, 0, 0.6);
4604
}
4605
popover.omnibar list row:not(:last-child) {
4607
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4608
}
4609
entry.preferences-search {
4611
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4612
box-shadow: none;
4613
background-color: #ffffff;
4614
}
4615
preferences stacksidebar.sidebar list {
4617
background-color: #fafafa;
4618
}
4619
preferences stacksidebar.sidebar:dir(ltr) list, preferences stacksidebar.sidebar:dir(rtl) list {
4621
border-style: none;
4622
}
4623
preferences > box > box:dir(ltr) {
4625
border-right: 1px solid rgba(0, 0, 0, 0.12);
4626
}
4627
preferences > box > box:dir(rtl) {
4629
border-left: 1px solid rgba(0, 0, 0, 0.12);
4630
}
4631
popover.messagepopover.background {
4633
padding: 0;
4634
}
4635
popover.messagepopover .popover-action-area button {
4637
padding: 8px 16px;
4638
border-top: 1px solid rgba(0, 0, 0, 0.12);
4639
border-radius: 0;
4640
}
4641
popover.messagepopover .popover-action-area button:first-child {
4643
border-bottom-left-radius: 4px;
4644
}
4645
popover.messagepopover .popover-action-area button:last-child {
4647
border-bottom-right-radius: 4px;
4648
}
4649
popover.messagepopover .popover-content-area {
4651
margin: 16px;
4652
}
4653
popover.transfers list {
4655
background-color: transparent;
4656
}
4657
popover.transfers list row:not(:first-child) {
4659
border-top: 1px solid rgba(0, 0, 0, 0.12);
4660
}
4661
popover.transfers list row > box {
4663
padding: 10px;
4664
}
4665
dockbin {
4667
border: 1px solid rgba(0, 0, 0, 0.12);
4668
-PnlDockBin-handle-size: 1;
4669
}
4670
dockpaned {
4672
border: 1px solid rgba(0, 0, 0, 0.12);
4673
}
4674
eggsearchbar box.search-bar {
4676
padding: 0 8px;
4677
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4678
background-color: #f2f2f2;
4679
}
4680
docktabstrip {
4682
padding: 0 8px;
4683
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4684
background-color: #f2f2f2;
4685
}
4686
docktab {
4688
transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms;
4689
min-height: 24px;
4690
min-width: 24px;
4691
margin-bottom: -1px;
4692
padding: 6px 6px;
4693
border-width: 1px;
4694
border-color: transparent;
4695
box-shadow: inset 0 -2px transparent;
4696
background-image: radial-gradient(circle, #1a73e8 10%, transparent 0%);
4697
background-repeat: no-repeat;
4698
background-position: center;
4699
background-size: 0% 0%;
4700
color: rgba(0, 0, 0, 0.6);
4701
font-weight: 500;
4702
}
4703
docktab:hover {
4705
background-color: alpha(currentcolor, 0.08);
4706
}
4707
docktab:checked {
4709
transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 225ms cubic-bezier(0, 0, 0.2, 1), background-image 525ms cubic-bezier(0, 0, 0.2, 1);
4710
box-shadow: inset 0 -2px #1a73e8;
4711
background-color: transparent;
4712
background-image: radial-gradient(circle, transparent 10%, transparent 0%);
4713
background-size: 1000% 1000%;
4714
color: rgba(0, 0, 0, 0.87);
4715
}
4716
dockoverlayedge {
4718
background-color: #f2f2f2;
4719
}
4720
dockoverlayedge docktabstrip {
4722
padding: 0;
4723
border: none;
4724
}
4725
dockoverlayedge.left-edge docktab:checked {
4727
box-shadow: inset -2px 0 #1a73e8;
4728
}
4729
dockoverlayedge.right-edge docktab:checked {
4731
box-shadow: inset 2px 0 #1a73e8;
4732
}
4733
pillbox {
4735
background-color: #f2f2f2;
4736
border-radius: 4px;
4737
}
4738
layoutpane entry.search {
4740
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4741
box-shadow: none;
4742
background-color: #ffffff;
4743
}
4744
editortweak entry.search {
4746
margin-bottom: -1px;
4747
box-shadow: none;
4748
background-color: transparent;
4749
}
4750
.gb-search-entry-occurrences-tag {
4752
box-shadow: none;
4753
background-color: transparent;
4754
}
4755
docktabstrip {
4757
min-height: 39px;
4758
}
4759
window.workbench preferences preferencesgroup list entry {
4761
padding-top: 8px;
4762
padding-bottom: 8px;
4763
}
4764
button.run-arrow-button {
4766
padding-left: 10px;
4767
padding-right: 10px;
4768
}
4769
button.dzlmenubutton image {
4771
min-width: 30px;
4772
}
4773
button.dzlmenubutton image.arrow {
4775
min-width: 27px;
4776
}
4777
button.dzlmenubuttonitem {
4779
color: rgba(0, 0, 0, 0.87);
4780
font-weight: normal;
4781
}
4782
button.dzlmenubuttonitem:disabled {
4784
color: rgba(0, 0, 0, 0.38);
4785
}
4786
idelayoutstackheader {
4788
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4789
}
4790
idelayoutstackheader button:checked {
4792
color: rgba(0, 0, 0, 0.87);
4793
}
4794
ideeditorutilities > dzldockpaned > box > stackswitcher {
4796
padding: 8px 0;
4797
background-color: #f2f2f2;
4798
}
4799
ideeditorutilities > dzldockpaned > box > stackswitcher:dir(ltr) {
4801
border-right: 1px solid rgba(0, 0, 0, 0.12);
4802
}
4803
ideeditorutilities > dzldockpaned > box > stackswitcher:dir(rtl) {
4805
border-left: 1px solid rgba(0, 0, 0, 0.12);
4806
}
4807
ideeditorutilities > dzldockpaned > box > stackswitcher button {
4809
border-radius: 0;
4810
box-shadow: none;
4811
background-color: transparent;
4812
}
4813
ideeditorutilities > dzldockpaned > box > stackswitcher button:active {
4815
background-image: radial-gradient(circle, rgba(26, 115, 232, 0.7) 10%, transparent 0%);
4816
}
4817
ideeditorutilities > dzldockpaned > box > stackswitcher button:checked {
4819
background-color: transparent;
4820
color: rgba(0, 0, 0, 0.87);
4821
}
4822
ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr) {
4824
margin-right: -1px;
4825
}
4826
ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):checked {
4828
box-shadow: inset -2px 0 #1a73e8;
4829
}
4830
ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl) {
4832
margin-left: -1px;
4833
}
4834
ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):checked {
4836
box-shadow: inset 2px 0 #1a73e8;
4837
}
4838
ideeditorsidebar notebook header {
4840
background: transparent;
4841
}
4842
popover.messagepopover list {
4844
border: 1px solid rgba(0, 0, 0, 0.12);
4845
}
4846
popover.messagepopover list row:not(:last-child) {
4848
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4849
}
4850
dzlsuggestionpopover > revealer > box > elastic > scrolledwindow > viewport > list > row:selected {
4852
background-color: #1a73e8;
4853
color: white;
4854
}
4855
#titlebar_container .suggestionbutton button {
4857
padding: 0;
4858
border-radius: 0;
4859
box-shadow: inset 0 0 0 9999px #383838;
4860
}
4861
#titlebar_container .suggestionbutton button:backdrop {
4863
box-shadow: inset 0 0 0 9999px #303030;
4864
}
4865
#titlebar_container .suggestionbutton button image {
4867
transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1), background-color 225ms cubic-bezier(0, 0, 0.2, 1);
4868
min-width: 36px;
4869
min-height: 36px;
4870
border-radius: 9999px;
4871
box-shadow: inset 0 0 0 9999px transparent;
4872
}
4873
#titlebar_container .suggestionbutton button:hover image {
4875
box-shadow: inset 0 0 0 9999px alpha(currentcolor, 0.08);
4876
}
4877
#titlebar_container .suggestionbutton button:focus image {
4879
box-shadow: inset 0 0 0 9999px alpha(currentcolor, 0.08);
4880
}
4881
#titlebar_container .suggestionbutton button:active image {
4883
background-color: alpha(currentcolor, 0.12);
4884
}
4885
/**********
4887
* Photos *
4888
**********/
4889
GdMainIconView.content-view {
4890
-GdMainIconView-icon-size: 48;
4891
}
4892
.documents-counter {
4894
margin: 8px;
4895
border-radius: 9999px;
4896
box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
4897
background-color: #1a73e8;
4898
color: white;
4899
font-weight: bold;
4900
}
4901
.documents-scrolledwin.frame {
4903
border-style: none;
4904
}
4905
.documents-scrolledwin.frame frame.content-view > border {
4907
border-style: none;
4908
}
4909
.photos-fade-in {
4911
opacity: 1;
4912
transition: opacity 75ms cubic-bezier(0, 0, 0.2, 1);
4913
}
4914
.photos-fade-out {
4916
opacity: 0;
4917
transition: opacity 75ms cubic-bezier(0, 0, 0.2, 1);
4918
}
4919
button.photos-filter-preview {
4921
color: rgba(0, 0, 0, 0.87);
4922
font-weight: normal;
4923
}
4924
button.photos-filter-preview:checked {
4926
background-color: rgba(26, 115, 232, 0.24);
4927
color: rgba(0, 0, 0, 0.87);
4928
}
4929
button.photos-filter-preview:checked image {
4931
color: white;
4932
-gtk-icon-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.14), 0 1px 3px rgba(0, 0, 0, 0.12);
4933
}
4934
overlay grid.horizontal > revealer > scrolledwindow.frame:dir(ltr) {
4936
border-style: none none none solid;
4937
}
4938
overlay grid.horizontal > revealer > scrolledwindow.frame:dir(rtl) {
4940
border-style: none solid none none;
4941
}
4942
/*********
4944
* Music *
4945
*********/
4946
.side-panel:dir(ltr) {
4947
border-style: solid;
4948
border-color: rgba(0, 0, 0, 0.12);
4949
}
4950
.side-panel:dir(rtl) {
4952
border-style: solid;
4953
border-color: rgba(0, 0, 0, 0.12);
4954
}
4955
.side-panel .view {
4957
background-image: image(#fafafa);
4958
}
4959
.side-panel .view:hover {
4961
background-image: image(rgba(234, 234, 234, 0.9896));
4962
}
4963
.side-panel .view:selected {
4965
background-image: image(#1a73e8);
4966
}
4967
.side-panel .view:selected:hover {
4969
background-image: image(#2c7eea);
4970
}
4971
.songs-list:hover {
4973
background-image: image(alpha(currentcolor, 0.08));
4974
}
4975
frame.documents-dropdown {
4977
margin: 8px;
4978
}
4979
frame.documents-dropdown > border {
4981
border: none;
4982
}
4983
box.vertical > revealer > toolbar.search-bar {
4985
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4986
background-clip: border-box;
4987
}
4988
box.vertical > revealer > toolbar.search-bar button > widget {
4990
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
4991
}
4992
/************
4994
* Terminal *
4995
************/
4996
terminal-window notebook > header > box {
4997
margin: -2px -2px -3px;
4998
}
4999
terminal-window notebook > header > box button {
5001
border-radius: 0;
5002
}
5003
/*********
5005
* To Do *
5006
*********/
5007
task-list-view taskrow {
5008
transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
5009
margin: 0 -8px;
5010
}
5011
task-list-view taskrow:hover {
5013
transition: none;
5014
}
5015
task-list-view taskrow label {
5017
margin: 0 8px;
5018
}
5019
task-list-view taskrow image.dim-label {
5021
min-width: 16px;
5022
}
5023
task-list-view > box > revealer > box > button {
5025
margin: -6px;
5026
}
5027
task-list-view > box > revealer > box > button .dim-label {
5029
color: inherit;
5030
}
5031
tasklistview taskrow {
5033
outline: none;
5034
}
5035
tasklistview taskrow entry, tasklistview taskrow entry:focus, tasklistview taskrow entry:disabled {
5037
box-shadow: none;
5038
}
5039
tasklistview taskrow image.dim-label {
5041
min-width: 16px;
5042
}
5043
tasklistview > box > revealer > box > button {
5045
margin: -6px;
5046
}
5047
tasklistview > box > revealer > box > button .dim-label {
5049
color: inherit;
5050
}
5051
/*******
5053
* eog *
5054
*******/
5055
#eog-thumb-nav scrolledwindow {
5056
border-top: none;
5057
}
5058
/*************
5060
* Evolution *
5061
*************/
5062
frame.taskbar > border {
5063
border-style: solid none none;
5064
}
5065
box.vertical > paned.horizontal notebook widget .frame {
5067
border-style: none;
5068
}
5069
/********
5071
* gitg *
5072
********/
5073
frame.commit-frame > border {
5074
border-style: solid none none;
5075
}
5076
/**************
5078
* Characters *
5079
**************/
5080
box.dialog-vbox scrolledwindow.related {
5081
border: 1px solid rgba(0, 0, 0, 0.12);
5082
}
5083
list.categories {
5085
background-image: image(#fafafa);
5086
}
5087
/*********
5089
* Boxes *
5090
*********/
5091
.transparent-bg + stack overlay > label {
5092
min-height: 24px;
5093
padding: 0 4px;
5094
border-radius: 4px;
5095
background-color: rgba(0, 0, 0, 0.6);
5096
color: white;
5097
}
5098
/**********
5100
* Evince *
5101
**********/
5102
evview.content-view.view:selected {
5103
background-color: #1a73e8;
5104
color: white;
5105
}
5106
/**********
5108
* Polari *
5109
**********/
5110
.polari-room-list row:selected {
5111
background-color: rgba(26, 115, 232, 0.5);
5112
}
5113
/***********
5115
* Fractal *
5116
***********/
5117
button.osd.scroll_button {
5118
margin: 4px;
5119
}
5120
/*********
5122
* Tilix *
5123
*********/
5124
overlay > revealer.left > scrolledwindow.frame,
5125
overlay > revealer.right > scrolledwindow.frame {
5126
border-style: none;
5127
box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2), 0 16px 14.4px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12);
5128
}
5129
overlay > revealer.left > scrolledwindow.frame {
5131
margin-right: 32px;
5132
}
5133
overlay > revealer.right > scrolledwindow.frame {
5135
margin-left: 32px;
5136
}
5137
.terminix-session-sidebar,
5139
.tilix-session-sidebar {
5140
background-image: image(#ffffff);
5141
}
5142
.terminal-titlebar button {
5144
border-radius: 0;
5145
}
5146
button.image-button.session-new-button {
5148
min-width: 32px;
5149
}
5150
notebook.tilix-background tab > box > stack {
5152
margin: -6px;
5153
}
5154
button.flat.tilix-small-button {
5156
min-height: 20px;
5157
min-width: 16px;
5158
}
5159
/**************
5161
* Terminator *
5162
**************/
5163
.terminator-terminal-window paned > separator {
5164
background-color: #f2f2f2;
5165
}
5166
.terminator-terminal-window notebook.frame {
5168
border-style: none;
5169
}
5170
/*************
5172
* Ubitquity *
5173
*************/
5174
#live_installer .menubar progressbar trough {
5175
border-radius: 4px;
5176
background-color: rgba(255, 255, 255, 0.12);
5177
}
5178
/***********
5180
* Eclipse *
5181
***********/
5182
window.background > box.vertical > scrolledwindow > widget toolbar {
5183
padding: 2px;
5184
}
5185
window.background > box.vertical > scrolledwindow > widget toolbar separator,
5187
window.background > box.vertical > scrolledwindow > widget toolbar button {
5188
margin: 2px;
5189
}
5190
window.background > box.vertical > scrolledwindow > widget toolbar button {
5192
border-radius: 4px;
5193
}
5194
/************
5196
* Chromium *
5197
************/
5198
window.background.chromium {
5199
background-color: #ffffff;
5200
}
5201
window.background.chromium entry,
5203
window.background.chromium > button {
5204
border: 1px solid rgba(0, 0, 0, 0.26);
5205
}
5206
window.background.chromium > button {
5208
color: #1a73e8;
5209
}
5210
window.background.chromium > button:disabled {
5212
color: rgba(0, 0, 0, 0.26);
5213
}
5214
window.background.chromium menubar,
5216
window.background.chromium headerbar {
5217
color: rgba(255, 255, 255, 0.6);
5218
}
5219
window.background.chromium headerbar button:active {
5221
background-color: alpha(currentcolor, 0.12);
5222
}
5223
window.background.chromium spinner {
5225
color: #1a73e8;
5226
}
5227
window.background.chromium textview.view {
5229
background-color: transparent;
5230
}
5231
window.background.chromium treeview.view.cell:selected:focus {
5233
background-color: #1a73e8;
5234
color: white;
5235
}
5236
window.background.chromium treeview.view button {
5238
border: 1px solid rgba(0, 0, 0, 0.26);
5239
background-color: #ffffff;
5240
}
5241
tooltip.background.chromium {
5243
background-color: #616161;
5244
}
5245
/***********
5247
* Firefox *
5248
***********/
5249
#MozillaGtkWidget > widget text {
5250
background-color: #ffffff;
5251
}
5252
#MozillaGtkWidget > widget text:selected {
5254
background-color: #1a73e8;
5255
color: white;
5256
}
5257
#MozillaGtkWidget > widget > separator {
5259
color: rgba(0, 0, 0, 0.12);
5260
}
5261
#MozillaGtkWidget > widget > frame > border {
5263
border-color: #b3b3b3;
5264
}
5265
#MozillaGtkWidget > widget > entry,
5267
#MozillaGtkWidget > widget > button > button {
5268
border: 1px solid rgba(0, 0, 0, 0.26);
5269
border-radius: 4px;
5270
box-shadow: none;
5271
}
5272
#MozillaGtkWidget > widget > entry:disabled,
5274
#MozillaGtkWidget > widget > button > button:disabled {
5275
border-color: rgba(0, 0, 0, 0.12);
5276
}
5277
#MozillaGtkWidget > widget > entry {
5279
min-height: 30px;
5280
background-color: #ffffff;
5281
}
5282
#MozillaGtkWidget > widget > entry:focus {
5284
border-color: #1a73e8;
5285
box-shadow: inset 0 0 0 1px #1a73e8;
5286
}
5287
#MozillaGtkWidget > widget > entry:disabled {
5289
background-color: #fafafa;
5290
}
5291
#MozillaGtkWidget > widget > button > button {
5293
padding: 4px 8px;
5294
background-size: auto;
5295
}
5296
#MozillaGtkWidget > widget > button > button:hover {
5298
box-shadow: inset 0 0 0 9999px alpha(currentcolor, 0.08);
5299
}
5300
#MozillaGtkWidget > widget > button > button:active {
5302
background-image: image(alpha(currentcolor, 0.12));
5303
}
5304
#MozillaGtkWidget > widget > checkbutton > check,
5306
#MozillaGtkWidget > widget > radiobutton > radio {
5307
margin: 0;
5308
padding: 0;
5309
}
5310
#MozillaGtkWidget > widget > checkbutton > check:not(:checked):not(:indeterminate),
5312
#MozillaGtkWidget > widget > radiobutton > radio:not(:checked):not(:indeterminate) {
5313
color: #757575;
5314
}
5315
#MozillaGtkWidget > widget > checkbutton > check:not(:checked):not(:indeterminate):disabled,
5317
#MozillaGtkWidget > widget > radiobutton > radio:not(:checked):not(:indeterminate):disabled {
5318
color: rgba(117, 117, 117, 0.5);
5319
}
5320
#MozillaGtkWidget menu {
5322
border: none;
5323
}
5324
#MozillaGtkWidget menuitem label:disabled {
5326
color: rgba(0, 0, 0, 0.38);
5327
}
5328
#MozillaGtkWidget > widget > menubar {
5330
color: rgba(255, 255, 255, 0.6);
5331
}
5332
#MozillaGtkWidget > widget > menubar:hover {
5334
color: rgba(255, 255, 255, 0.87);
5335
}
5336
#MozillaGtkWidget > widget > menubar:disabled {
5338
color: rgba(255, 255, 255, 0.26);
5339
}
5340
#MozillaGtkWidget > widget > frame {
5342
color: rgba(0, 0, 0, 0.26);
5343
}
5344
#MozillaGtkWidget menu > separator {
5346
color: rgba(0, 0, 0, 0.12);
5347
}
5348
/************
5350
* Inkscape *
5351
************/
5352
#ToolboxCommon > #AuxToolbox #StyleSwatch {
5353
font-size: smaller;
5354
}
5355
#ToolboxCommon > #AuxToolbox #Kludge {
5357
padding: 0;
5358
}
5359
#ToolboxCommon > #AuxToolbox spinbutton,
5361
#ToolboxCommon > #AuxToolbox entry {
5362
min-height: 32px;
5363
}
5364
#ToolboxCommon > #AuxToolbox button:not(.up):not(.down) {
5366
min-height: 24px;
5367
min-width: 16px;
5368
padding: 4px 8px;
5369
border-radius: 4px;
5370
}
5371
#ToolboxCommon > #AuxToolbox spinbutton button {
5373
border-width: 4px;
5374
}
5375
#ToolboxCommon > toolbar.vertical {
5377
margin-top: -4px;
5378
}
5379
#ToolboxCommon > toolbar.vertical button {
5381
min-height: 24px;
5382
min-width: 24px;
5383
padding: 4px;
5384
border-radius: 4px;
5385
}
5386
#CanvasTable button {
5388
min-height: 16px;
5389
min-width: 16px;
5390
padding: 0;
5391
}
5392
#CanvasTable #HorizontalScrollbar {
5394
border-top: 1px solid rgba(0, 0, 0, 0.12);
5395
}
5396
#CanvasTable #VerticalScrollbar:dir(ltr) {
5398
border-left: 1px solid rgba(0, 0, 0, 0.12);
5399
}
5400
#CanvasTable #VerticalScrollbar:dir(rtl) {
5402
border-right: 1px solid rgba(0, 0, 0, 0.12);
5403
}
5404
#Canvas_and_Dock frame > border {
5406
border: none;
5407
}
5408
#Canvas_and_Dock widget > widget > button.flat {
5410
min-height: 16px;
5411
min-width: 16px;
5412
padding: 4px;
5413
}
5414
#Canvas_and_Dock widget > widget > box.horizontal image {
5416
padding: 4px;
5417
}
5418
#Canvas_and_Dock box.horizontal > box.vertical > button.flat {
5420
min-height: 16px;
5421
min-width: 24px;
5422
padding: 8px 4px;
5423
}
5424
/***********
5426
* Synapse *
5427
***********/
5428
/*********
5429
* Unity *
5430
*********/
5431
UnityDecoration {
5432
-UnityDecoration-extents: 28px 0 0 0;
5433
-UnityDecoration-input-extents: 8px;
5434
-UnityDecoration-shadow-offset-x: 0;
5435
-UnityDecoration-shadow-offset-y: 3px;
5436
-UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.48);
5437
-UnityDecoration-active-shadow-radius: 18px;
5438
-UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.32);
5439
-UnityDecoration-inactive-shadow-radius: 6px;
5440
-UnityDecoration-glow-size: 8px;
5441
-UnityDecoration-glow-color: #1a73e8;
5442
-UnityDecoration-title-indent: 4px;
5443
-UnityDecoration-title-fade: 32px;
5444
-UnityDecoration-title-alignment: 0.0;
5445
}
5446
UnityDecoration .top {
5448
padding: 0 2px;
5449
border-style: none;
5450
border-radius: 4px 4px 0 0;
5451
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
5452
background-color: #383838;
5453
color: rgba(255, 255, 255, 0.87);
5454
}
5455
UnityDecoration .top:backdrop {
5457
background-color: #303030;
5458
color: rgba(255, 255, 255, 0.6);
5459
}
5460
UnityDecoration .menuitem {
5462
border-radius: 4px 4px 0 0;
5463
box-shadow: none;
5464
color: rgba(255, 255, 255, 0.6);
5465
}
5466
UnityDecoration .menuitem:hover {
5468
background-color: alpha(currentcolor, 0.12);
5469
color: rgba(255, 255, 255, 0.87);
5470
}
5471
.background:not(.csd) headerbar:not(.titlebar) {
5473
border-radius: 0;
5474
box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -0.6px rgba(0, 0, 0, 0.17);
5475
}
5476
.background:not(.csd) headerbar:not(.titlebar).inline-toolbar {
5478
border-style: none;
5479
}
5480
UnityPanelWidget,
5482
.unity-panel {
5483
background-color: #1f1f1f;
5484
color: rgba(255, 255, 255, 0.87);
5485
}
5486
UnityPanelWidget:backdrop,
5488
.unity-panel:backdrop {
5489
color: rgba(255, 255, 255, 0.6);
5490
}
5491
.unity-panel.menuitem,
5493
.unity-panel .menuitem {
5494
color: rgba(255, 255, 255, 0.6);
5495
}
5496
.unity-panel.menubar.menuitem:hover,
5498
.unity-panel.menubar .menuitem *:hover {
5499
background-color: alpha(currentcolor, 0.12);
5500
color: rgba(255, 255, 255, 0.87);
5501
}
5502
.menu IdoPlaybackMenuItem.menuitem:active {
5504
-gtk-icon-source: -gtk-icontheme("process-working-symbolic");
5505
animation: spin 1s linear infinite;
5506
color: #1a73e8;
5507
}
5508
/**************
5510
* Mate-Panel *
5511
**************/
5512
.mate-panel-menu-bar menubar,
5513
#PanelApplet-window-menu-applet-button {
5514
background-color: transparent;
5515
}
5516
.mate-panel-menu-bar {
5518
background-color: #1f1f1f;
5519
color: rgba(255, 255, 255, 0.7);
5520
font-weight: 500;
5521
}
5522
.mate-panel-menu-bar button {
5524
min-height: 16px;
5525
min-width: 16px;
5526
padding: 0;
5527
border-radius: 0;
5528
color: rgba(255, 255, 255, 0.7);
5529
box-shadow: inset 0 0 0 9999px transparent;
5530
}
5531
.mate-panel-menu-bar button:drop(active), .mate-panel-menu-bar button:hover {
5533
box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.08);
5534
}
5535
.mate-panel-menu-bar button:focus {
5537
box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.08);
5538
}
5539
.mate-panel-menu-bar button:active {
5541
background-image: radial-gradient(circle, rgba(255, 255, 255, 0.12) 10%, transparent 0%);
5542
}
5543
.mate-panel-menu-bar button:disabled {
5545
color: rgba(255, 255, 255, 0.3);
5546
}
5547
.mate-panel-menu-bar button:checked {
5549
color: white;
5550
}
5551
.mate-panel-menu-bar button:checked:disabled {
5553
color: rgba(255, 255, 255, 0.5);
5554
}
5555
PanelToplevel.horizontal > grid > button {
5557
min-width: 24px;
5558
}
5559
PanelToplevel.vertical > grid > button {
5561
min-height: 24px;
5562
}
5563
PanelSeparator {
5565
color: rgba(255, 255, 255, 0.12);
5566
}
5567
MatePanelAppletFrameDBus > MatePanelAppletFrameDBus {
5569
background-image: repeating-linear-gradient(currentcolor, currentcolor 4px, transparent 4px, transparent 6px);
5570
background-repeat: no-repeat;
5571
background-size: 4px 10px;
5572
color: rgba(255, 255, 255, 0.3);
5573
}
5574
MatePanelAppletFrameDBus > MatePanelAppletFrameDBus:dir(ltr) {
5576
background-position: 3px;
5577
}
5578
MatePanelAppletFrameDBus > MatePanelAppletFrameDBus:dir(rtl) {
5580
background-position: calc(100% - 3px);
5581
}
5582
.mate-panel-menu-bar menubar > menuitem {
5584
color: rgba(255, 255, 255, 0.7);
5585
}
5586
.mate-panel-menu-bar menubar > menuitem:hover {
5588
color: white;
5589
}
5590
.mate-panel-menu-bar menubar > menuitem:disabled {
5592
color: rgba(255, 255, 255, 0.3);
5593
}
5594
.mate-panel-menu-bar.horizontal menubar > menuitem {
5596
padding: 0 8px;
5597
}
5598
.mate-panel-menu-bar.vertical menubar > menuitem {
5600
padding: 8px 0;
5601
}
5602
.mate-panel-menu-bar menubar menu > menuitem {
5604
min-height: 28px;
5605
padding: 0 6px;
5606
}
5607
.mate-panel-menu-bar #PanelApplet button {
5609
-GtkWidget-window-dragging: true;
5610
}
5611
.mate-panel-menu-bar #tasklist-button {
5613
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0/0 0 0px;
5614
}
5615
.mate-panel-menu-bar #tasklist-button:checked {
5617
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2/0 0 2px;
5618
}
5619
.mate-panel-menu-bar #tasklist-button image:dir(ltr), .mate-panel-menu-bar #tasklist-button label:dir(rtl) {
5621
padding-left: 4px;
5622
}
5623
.mate-panel-menu-bar #tasklist-button label:dir(ltr), .mate-panel-menu-bar #tasklist-button image:dir(rtl) {
5625
padding-right: 4px;
5626
}
5627
.mate-panel-menu-bar.vertical #tasklist-button {
5629
min-height: 32px;
5630
}
5631
.mate-panel-menu-bar.horizontal #showdesktop-button image {
5633
min-width: 24px;
5634
padding: 0 4px;
5635
}
5636
.mate-panel-menu-bar.vertical #showdesktop-button image {
5638
min-height: 24px;
5639
padding: 4px 0;
5640
}
5641
PanelApplet.wnck-applet .wnck-pager {
5643
background-color: transparent;
5644
color: #8ab4f8;
5645
}
5646
PanelApplet.wnck-applet .wnck-pager:hover {
5648
background-color: alpha(currentcolor, 0.08);
5649
}
5650
PanelApplet.wnck-applet .wnck-pager:active {
5652
background-color: alpha(currentcolor, 0.12);
5653
}
5654
PanelApplet.wnck-applet .wnck-pager:selected {
5656
background-color: #1a73e8;
5657
}
5658
.mate-panel-menu-bar.horizontal #clock-applet-button label {
5660
padding: 0 8px;
5661
}
5662
.mate-panel-menu-bar.vertical #clock-applet-button label {
5664
padding: 8px 0;
5665
}
5666
#MatePanelPopupWindow {
5668
border: 1px solid rgba(0, 0, 0, 0.12);
5669
border-radius: 5px;
5670
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
5671
background-color: #ffffff;
5672
}
5673
#MatePanelPopupWindow frame > border {
5675
border-style: none;
5676
}
5677
#MatePanelPopupWindow calendar {
5679
border-style: none;
5680
}
5681
#MatePanelPopupWindow calendar:not(:selected) {
5683
background-color: transparent;
5684
}
5685
#MatePanelPopupWindow calendar + box {
5687
margin-top: -5px;
5688
padding-top: 5px;
5689
border-top: 1px solid rgba(0, 0, 0, 0.12);
5690
}
5691
#MatePanelPopupWindow expander > title {
5693
min-height: 32px;
5694
}
5695
#MatePanelPopupWindow button {
5697
padding: 4px 16px;
5698
}
5699
#MatePanelPopupWindow > frame > box > box > box > widget {
5701
color: rgba(0, 0, 0, 0.12);
5702
}
5703
na-tray-applet {
5705
-NaTrayApplet-icon-padding: 3px;
5706
-NaTrayApplet-icon-size: 16;
5707
}
5708
.mate-panel-menu-bar {
5710
-PanelMenuBar-icon-visible: true;
5711
}
5712
.mate-panel-applet-slider {
5714
border: 1px solid rgba(0, 0, 0, 0.12);
5715
border-radius: 5px;
5716
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
5717
background-color: #ffffff;
5718
}
5719
.mate-panel-applet-slider frame > border {
5721
border-style: none;
5722
}
5723
#PanelApplet:not(:selected) > box {
5725
transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
5726
}
5727
#PanelApplet:selected > box {
5729
background-color: alpha(currentcolor, 0.12);
5730
color: white;
5731
}
5732
#mate-menu {
5734
border: 1px solid rgba(0, 0, 0, 0.12);
5735
background-color: #ffffff;
5736
}
5737
#mate-menu button {
5739
min-height: 24px;
5740
min-width: 24px;
5741
padding: 4px 0;
5742
color: rgba(0, 0, 0, 0.87);
5743
font-weight: normal;
5744
}
5745
#mate-menu button:not(.flat) {
5747
background-color: alpha(currentcolor, 0.12);
5748
}
5749
#mate-menu button image,
5751
#mate-menu button label + label {
5752
color: rgba(0, 0, 0, 0.6);
5753
}
5754
#mate-menu entry {
5756
margin: 0 0 4px;
5757
}
5758
#mate-menu entry image {
5760
margin: 0;
5761
}
5762
#mate-menu entry + button {
5764
margin: 0 4px 4px;
5765
padding: 6px;
5766
}
5767
.brisk-menu {
5769
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
5770
background-color: #ffffff;
5771
}
5772
.brisk-menu entry {
5774
margin-bottom: -2px;
5775
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
5776
border-image: none;
5777
box-shadow: none;
5778
background-color: transparent;
5779
}
5780
.brisk-menu entry + box > box:dir(ltr) {
5782
margin-right: -2px;
5783
border-right: 1px solid rgba(0, 0, 0, 0.12);
5784
}
5785
.brisk-menu entry + box > box:dir(rtl) {
5787
margin-left: -2px;
5788
border-left: 1px solid rgba(0, 0, 0, 0.12);
5789
}
5790
.brisk-menu .categories-list {
5792
padding-top: 4px;
5793
}
5794
.brisk-menu .categories-list button {
5796
margin: 0 4px;
5797
}
5798
.brisk-menu .categories-list button:checked {
5800
color: #1a73e8;
5801
box-shadow: inset 0 0 0 9999px transparent;
5802
}
5803
.brisk-menu .categories-list button:checked:drop(active), .brisk-menu .categories-list button:checked:hover {
5805
box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12);
5806
}
5807
.brisk-menu .categories-list button:checked:focus {
5809
box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12);
5810
}
5811
.brisk-menu .categories-list button:checked:active {
5813
background-image: radial-gradient(circle, rgba(26, 115, 232, 0.16) 10%, transparent 0%);
5814
}
5815
.brisk-menu .session-button {
5817
padding: 12px;
5818
}
5819
.brisk-menu .frame {
5821
border-style: none;
5822
}
5823
.brisk-menu .apps-list {
5825
padding: 4px 0;
5826
background-color: transparent;
5827
}
5828
.brisk-menu .apps-list row {
5830
padding: 0;
5831
}
5832
.brisk-menu .apps-list row:hover {
5834
box-shadow: none;
5835
}
5836
.brisk-menu .apps-list button {
5838
border-radius: 0;
5839
color: rgba(0, 0, 0, 0.87);
5840
font-weight: normal;
5841
}
5842
/*********************
5844
* CAJA File manager *
5845
*********************/
5846
.caja-navigation-window box.horizontal > button.toggle.image-button {
5847
border-radius: 4px;
5848
}
5849
.caja-pathbar button {
5851
margin: 0 -1px 0 -2px;
5852
}
5853
.caja-pathbar button.slider-button {
5855
min-width: 24px;
5856
}
5857
.caja-pathbar button > widget {
5859
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
5860
-GtkArrow-arrow-scaling: 1;
5861
}
5862
.caja-side-pane notebook viewport.frame,
5864
.caja-side-pane notebook widget .vertical {
5865
background-color: #ffffff;
5866
}
5867
.caja-side-pane notebook,
5869
.caja-notebook {
5870
border-top: 1px solid rgba(0, 0, 0, 0.12);
5871
}
5872
.caja-side-pane notebook .frame,
5874
.caja-notebook .frame {
5875
border-style: none;
5876
}
5877
.caja-canvas-item {
5879
border-radius: 4px;
5880
}
5881
.caja-desktop.view .entry,
5883
.caja-navigation-window .view .entry {
5884
border: none;
5885
border-radius: 4px;
5886
background-color: rgba(0, 0, 0, 0.04);
5887
background-image: none;
5888
color: rgba(0, 0, 0, 0.87);
5889
}
5890
.caja-desktop.view .entry:selected,
5892
.caja-navigation-window .view .entry:selected {
5893
background-color: rgba(26, 115, 232, 0.24);
5894
}
5895
.caja-desktop.view .entry {
5897
background-color: rgba(0, 0, 0, 0.3);
5898
color: white;
5899
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.14), 0 1px 3px rgba(0, 0, 0, 0.12);
5900
caret-color: currentColor;
5901
}
5902
.caja-desktop.view .entry:selected {
5904
background-color: rgba(26, 115, 232, 0.24);
5905
}
5906
.caja-navigation-window statusbar {
5908
margin: 0 -10px;
5909
padding: 0 4px;
5910
border-top: 1px solid rgba(0, 0, 0, 0.12);
5911
}
5912
.caja-notebook frame > border {
5914
border-style: none;
5915
}
5916
#caja-extra-view-widget {
5918
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
5919
background-color: #ffffff;
5920
}
5921
#caja-extra-view-widget > box > box > label {
5923
font-weight: bold;
5924
}
5925
#caja-extra-view-widget button:not(:disabled) {
5927
color: #1a73e8;
5928
box-shadow: inset 0 0 0 9999px transparent;
5929
}
5930
#caja-extra-view-widget button:not(:disabled):drop(active), #caja-extra-view-widget button:not(:disabled):hover {
5932
box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12);
5933
}
5934
#caja-extra-view-widget button:not(:disabled):focus {
5936
box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12);
5937
}
5938
#caja-extra-view-widget button:not(:disabled):active {
5940
background-image: radial-gradient(circle, rgba(26, 115, 232, 0.16) 10%, transparent 0%);
5941
}
5942
/*********
5944
* Pluma *
5945
*********/
5946
.pluma-window statusbar {
5947
margin: 0 -10px;
5948
padding: 0 4px;
5949
border-top: 1px solid rgba(0, 0, 0, 0.12);
5950
}
5951
.pluma-window statusbar frame > border {
5953
border-style: none;
5954
}
5955
.pluma-window statusbar frame button.flat {
5957
padding: 0 4px;
5958
border-radius: 0;
5959
}
5960
.pluma-window statusbar frame button.flat widget {
5962
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
5963
-GtkArrow-arrow-scaling: 1;
5964
}
5965
.pluma-print-preview toolbar {
5967
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
5968
}
5969
.pluma-window paned.horizontal box.vertical box.horizontal button.flat {
5971
margin: 1px;
5972
}
5973
.pluma-window paned.horizontal box.vertical .frame {
5975
border-style: none;
5976
}
5977
.pluma-window paned.horizontal box.vertical notebook.frame {
5979
margin-top: -1px;
5980
border-top: 1px solid rgba(0, 0, 0, 0.12);
5981
}
5982
.pluma-window paned.horizontal box.vertical notebook.frame box.vertical toolbar.horizontal {
5984
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
5985
}
5986
/*********
5988
* Atril *
5989
*********/
5990
.atril-window paned.horizontal box.vertical .frame {
5991
border-style: none;
5992
}
5993
.atril-window paned.horizontal box.vertical notebook .frame {
5995
border-top: 1px solid rgba(0, 0, 0, 0.12);
5996
}
5997
/* mate-screensaver lock dialog */
5999
.lock-dialog {
6000
border: 1px solid rgba(0, 0, 0, 0.12);
6001
border-radius: 5px;
6002
box-shadow: 0 3px 3px -1px rgba(0, 0, 0, 0.2), 0 6px 6px 0 rgba(0, 0, 0, 0.14), 0 1px 10.8px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.4);
6003
background-color: #ffffff;
6004
}
6005
.lock-dialog frame > border {
6007
border-style: none;
6008
}
6009
.lock-dialog button:not(:disabled) {
6011
color: #1a73e8;
6012
box-shadow: inset 0 0 0 9999px transparent;
6013
}
6014
.lock-dialog button:not(:disabled):drop(active), .lock-dialog button:not(:disabled):hover {
6016
box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12);
6017
}
6018
.lock-dialog button:not(:disabled):focus {
6020
box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12);
6021
}
6022
.lock-dialog button:not(:disabled):active {
6024
background-image: radial-gradient(circle, rgba(26, 115, 232, 0.16) 10%, transparent 0%);
6025
}
6026
/* multimedia OSD */
6028
MsdOsdWindow.background.osd {
6029
border-radius: 4px;
6030
background-color: rgba(97, 97, 97, 0.9);
6031
color: white;
6032
}
6033
MsdOsdWindow.background.osd .trough {
6035
border-radius: 0;
6036
background-color: rgba(255, 255, 255, 0.12);
6037
}
6038
MsdOsdWindow.background.osd .progressbar {
6040
border-radius: 0;
6041
background-color: white;
6042
}
6043
/******************
6045
* Budgie Desktop *
6046
******************/
6047
.budgie-container {
6048
background-color: transparent;
6049
}
6050
.budgie-settings-window buttonbox.inline-toolbar {
6052
border-style: none none solid;
6053
}
6054
.budgie-settings-window buttonbox.inline-toolbar button {
6056
border-radius: 4px;
6057
}
6058
.budgie-popover {
6060
border-style: solid;
6061
border-width: 1px;
6062
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.3);
6063
border-radius: 5px;
6064
box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
6065
background-color: #ffffff;
6066
}
6067
.budgie-popover .container {
6069
padding: 2px;
6070
}
6071
.budgie-popover border {
6073
border: none;
6074
}
6075
.budgie-popover list {
6077
background-color: transparent;
6078
}
6079
.budgie-popover row {
6081
padding: 0;
6082
}
6083
.budgie-popover row:hover {
6085
box-shadow: none;
6086
}
6087
.budgie-popover button.flat:not(.image-button) {
6089
min-height: 28px;
6090
padding: 0 8px;
6091
color: rgba(0, 0, 0, 0.87);
6092
font-weight: normal;
6093
}
6094
.budgie-popover button.flat:not(.image-button):disabled {
6096
color: rgba(0, 0, 0, 0.38);
6097
}
6098
.budgie-popover.budgie-menu .container {
6100
padding: 0;
6101
}
6102
.budgie-popover.budgie-menu .sidebar,
6104
.budgie-popover.budgie-menu scrollbar,
6105
.budgie-popover.budgie-menu entry.search {
6106
background-color: transparent;
6107
}
6108
.budgie-popover.budgie-menu entry.search {
6110
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
6111
border-image: none;
6112
border-radius: 0;
6113
box-shadow: none;
6114
font-size: 120%;
6115
}
6116
.budgie-popover.budgie-menu button.flat:not(.image-button) {
6118
min-height: 32px;
6119
padding: 0 8px;
6120
border-radius: 0;
6121
}
6122
.budgie-popover.budgie-menu button.flat:not(.image-button):drop(active):not(:active), .budgie-popover.budgie-menu button.flat:not(.image-button):hover:not(:active) {
6124
transition-property: all, border-image, background-size, background-image, box-shadow;
6125
transition-duration: 75ms, 225ms, 300ms, 1200ms, 0ms;
6126
}
6127
.budgie-popover.budgie-menu button.flat:not(.image-button):checked:disabled {
6129
background-color: transparent;
6130
}
6131
.budgie-popover.user-menu .container {
6133
padding: 8px;
6134
}
6135
.budgie-popover.user-menu separator {
6137
margin: 4px 0;
6138
}
6139
.budgie-popover.sound-popover separator {
6141
margin: 3px 0;
6142
}
6143
.budgie-popover.night-light-indicator .container {
6145
padding: 8px;
6146
}
6147
.budgie-popover.places-menu .container {
6149
padding: 8px;
6150
}
6151
.budgie-popover.places-menu .name-button image:dir(ltr) {
6153
margin-right: 3px;
6154
}
6155
.budgie-popover.places-menu .name-button image:dir(rtl) {
6157
margin-left: 3px;
6158
}
6159
.budgie-popover.places-menu .unmount-button {
6161
margin: 2px;
6162
padding: 0;
6163
}
6164
.budgie-popover.places-menu .places-list:not(.always-expand) {
6166
margin-top: 4px;
6167
padding-top: 4px;
6168
border-top: 1px solid rgba(0, 0, 0, 0.12);
6169
}
6170
.budgie-popover.places-menu .alternative-label {
6172
padding: 3px;
6173
font-size: 15px;
6174
}
6175
.budgie-popover.workspace-popover .container {
6177
padding: 8px;
6178
}
6179
.budgie-popover.workspace-popover separator {
6181
margin: 4px 0;
6182
}
6183
.budgie-popover.workspace-popover flowboxchild {
6185
padding: 0;
6186
}
6187
.workspace-switcher .workspace-layout {
6189
border: 0 solid rgba(255, 255, 255, 0.12);
6190
}
6191
.top .workspace-switcher .workspace-layout:dir(ltr),
6193
.bottom .workspace-switcher .workspace-layout:dir(ltr) {
6194
border-left-width: 1px;
6195
}
6196
.top .workspace-switcher .workspace-layout:dir(rtl),
6198
.bottom .workspace-switcher .workspace-layout:dir(rtl) {
6199
border-right-width: 1px;
6200
}
6201
.left .workspace-switcher .workspace-layout,
6203
.right .workspace-switcher .workspace-layout {
6204
border-top-width: 1px;
6205
}
6206
.workspace-switcher .workspace-item,
6208
.workspace-switcher .workspace-add-button {
6209
border: 0 solid rgba(255, 255, 255, 0.12);
6210
}
6211
.top .workspace-switcher .workspace-item:dir(ltr),
6213
.bottom .workspace-switcher .workspace-item:dir(ltr), .top
6214
.workspace-switcher .workspace-add-button:dir(ltr),
6215
.bottom
6216
.workspace-switcher .workspace-add-button:dir(ltr) {
6217
border-right-width: 1px;
6218
}
6219
.top .workspace-switcher .workspace-item:dir(rtl),
6221
.bottom .workspace-switcher .workspace-item:dir(rtl), .top
6222
.workspace-switcher .workspace-add-button:dir(rtl),
6223
.bottom
6224
.workspace-switcher .workspace-add-button:dir(rtl) {
6225
border-left-width: 1px;
6226
}
6227
.left .workspace-switcher .workspace-item,
6229
.right .workspace-switcher .workspace-item, .left
6230
.workspace-switcher .workspace-add-button,
6231
.right
6232
.workspace-switcher .workspace-add-button {
6233
border-bottom-width: 1px;
6234
}
6235
.workspace-switcher .workspace-item {
6237
transition: all 75ms cubic-bezier(0, 0, 0.2, 1);
6238
}
6239
.workspace-switcher .workspace-item.current-workspace {
6241
background-color: alpha(currentcolor, 0.12);
6242
}
6243
.workspace-switcher .workspace-add-button:hover {
6245
box-shadow: none;
6246
}
6247
.workspace-switcher .workspace-add-button:active {
6249
background-image: none;
6250
}
6251
.workspace-switcher .workspace-add-button:active image {
6253
margin: 1px 0 -1px;
6254
}
6255
.budgie-panel .workspace-switcher .workspace-icon-button {
6257
min-height: 24px;
6258
min-width: 24px;
6259
padding: 0;
6260
border-radius: 4px;
6261
}
6262
.budgie-panel {
6264
transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1);
6265
background-color: #1f1f1f;
6266
color: rgba(255, 255, 255, 0.7);
6267
font-weight: 500;
6268
}
6269
.budgie-panel.transparent {
6271
background-color: rgba(0, 0, 0, 0.6);
6272
}
6273
.budgie-panel button {
6275
min-height: 16px;
6276
min-width: 16px;
6277
padding: 0;
6278
border-radius: 0;
6279
color: rgba(255, 255, 255, 0.7);
6280
box-shadow: inset 0 0 0 9999px transparent;
6281
}
6282
.budgie-panel button:drop(active), .budgie-panel button:hover {
6284
box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.08);
6285
}
6286
.budgie-panel button:focus {
6288
box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.08);
6289
}
6290
.budgie-panel button:active {
6292
background-image: radial-gradient(circle, rgba(255, 255, 255, 0.12) 10%, transparent 0%);
6293
}
6294
.budgie-panel button:disabled {
6296
color: rgba(255, 255, 255, 0.3);
6297
}
6298
.budgie-panel button:checked {
6300
color: white;
6301
}
6302
.budgie-panel button:checked:disabled {
6304
color: rgba(255, 255, 255, 0.5);
6305
}
6306
.budgie-panel.horizontal button {
6308
padding: 0 4px;
6309
}
6310
.budgie-panel.vertical button {
6312
padding: 4px 0;
6313
}
6314
.budgie-panel separator {
6316
background-color: rgba(255, 255, 255, 0.3);
6317
}
6318
.budgie-panel .alert {
6320
color: #8ab4f8;
6321
}
6322
.budgie-panel .titlebar:not(headerbar) {
6324
min-height: 0;
6325
padding: 0;
6326
box-shadow: none;
6327
background-color: transparent;
6328
color: white;
6329
}
6330
.budgie-panel .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action) {
6332
color: rgba(255, 255, 255, 0.7);
6333
}
6334
.budgie-panel #tasklist-button {
6336
padding: 0 4px;
6337
}
6338
.budgie-panel.vertical #tasklist-button {
6340
min-height: 32px;
6341
}
6342
.budgie-panel button.flat.launcher {
6344
padding: 0;
6345
}
6346
.budgie-panel button.flat.launcher:not(:checked) {
6348
color: rgba(255, 255, 255, 0.5);
6349
}
6350
.budgie-panel button.flat.launcher:not(:checked):disabled {
6352
color: rgba(255, 255, 255, 0.3);
6353
}
6354
.top .budgie-panel #tasklist-button, .budgie-panel .top #tasklist-button, .top .budgie-panel button.flat.launcher, .budgie-panel .top button.flat.launcher {
6356
border-image: radial-gradient(circle closest-corner at center calc(1px), currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
6357
}
6358
.budgie-panel .unpinned button.flat.launcher,
6360
.budgie-panel .pinned button.flat.launcher.running, .top .budgie-panel #tasklist-button:checked, .budgie-panel .top #tasklist-button:checked, .top .budgie-panel button.flat.launcher:checked, .budgie-panel .top button.flat.launcher:checked {
6361
border-image: radial-gradient(circle closest-corner at center calc(1px), currentColor 100%, transparent 0%) 2 0 0 0/2px 0 0 0;
6362
}
6363
.bottom .budgie-panel #tasklist-button, .budgie-panel .bottom #tasklist-button, .bottom .budgie-panel button.flat.launcher, .budgie-panel .bottom button.flat.launcher {
6365
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
6366
}
6367
.budgie-panel .unpinned button.flat.launcher,
6369
.budgie-panel .pinned button.flat.launcher.running, .bottom .budgie-panel #tasklist-button:checked, .budgie-panel .bottom #tasklist-button:checked, .bottom .budgie-panel button.flat.launcher:checked, .budgie-panel .bottom button.flat.launcher:checked {
6370
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2 0/0 0 2px 0;
6371
}
6372
.left .budgie-panel #tasklist-button, .budgie-panel .left #tasklist-button, .left .budgie-panel button.flat.launcher, .budgie-panel .left button.flat.launcher {
6374
border-image: radial-gradient(circle closest-corner at calc(1px) center, currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
6375
}
6376
.budgie-panel .unpinned button.flat.launcher,
6378
.budgie-panel .pinned button.flat.launcher.running, .left .budgie-panel #tasklist-button:checked, .budgie-panel .left #tasklist-button:checked, .left .budgie-panel button.flat.launcher:checked, .budgie-panel .left button.flat.launcher:checked {
6379
border-image: radial-gradient(circle closest-corner at calc(1px) center, currentColor 100%, transparent 0%) 0 0 0 2/0 0 0 2px;
6380
}
6381
.right .budgie-panel #tasklist-button, .budgie-panel .right #tasklist-button, .right .budgie-panel button.flat.launcher, .budgie-panel .right button.flat.launcher {
6383
border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
6384
}
6385
.budgie-panel .unpinned button.flat.launcher,
6387
.budgie-panel .pinned button.flat.launcher.running, .right .budgie-panel #tasklist-button:checked, .budgie-panel .right #tasklist-button:checked, .right .budgie-panel button.flat.launcher:checked, .budgie-panel .right button.flat.launcher:checked {
6388
border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, currentColor 100%, transparent 0%) 0 2 0 0/0 2px 0 0;
6389
}
6390
frame.raven-frame > border {
6392
border-style: none;
6393
box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2), 0 16px 14.4px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12);
6394
}
6395
.top frame.raven-frame > border {
6397
margin-bottom: 32px;
6398
}
6399
.bottom frame.raven-frame > border {
6401
margin-top: 32px;
6402
}
6403
.left frame.raven-frame > border {
6405
margin-right: 32px;
6406
}
6407
.right frame.raven-frame > border {
6409
margin-left: 32px;
6410
}
6411
.raven {
6413
background-color: #ffffff;
6414
}
6415
.raven list {
6417
background-color: transparent;
6418
}
6419
.raven > box:not(:only-child) {
6421
margin-bottom: -10px;
6422
}
6423
.raven .raven-header {
6425
min-height: 36px;
6426
padding: 3px;
6427
}
6428
.raven .raven-header.top {
6430
padding: 0;
6431
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
6432
}
6433
.raven .raven-header.top stackswitcher.linked > button {
6435
margin: -4px 0 -5px;
6436
padding: 0 16px;
6437
min-height: 48px;
6438
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #1a73e8 0%, transparent 0%) 0 0 0/0 0 0px;
6439
border-radius: 0;
6440
}
6441
.raven .raven-header.top stackswitcher.linked > button:checked {
6443
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #1a73e8 100%, transparent 0%) 0 0 2/0 0 2px;
6444
background-color: transparent;
6445
}
6446
.raven .raven-header.bottom {
6448
border-top: 1px solid rgba(0, 0, 0, 0.12);
6449
}
6450
.raven stack .raven-header {
6452
margin-top: -6px;
6453
}
6454
.raven stack scrolledwindow .raven-header {
6456
margin-top: -8px;
6457
}
6458
.raven .expander-button {
6460
border-radius: 9999px;
6461
}
6462
.raven .raven-background stackswitcher.linked > button {
6464
margin: -2px 8px 9px;
6465
padding: 0 12px;
6466
min-height: 32px;
6467
border-radius: 9999px;
6468
background-color: rgba(0, 0, 0, 0.08);
6469
font-weight: normal;
6470
}
6471
.raven .raven-background stackswitcher.linked > button:checked {
6473
color: #1a73e8;
6474
box-shadow: inset 0 0 0 9999px transparent;
6475
}
6476
.raven .raven-background stackswitcher.linked > button:checked:drop(active), .raven .raven-background stackswitcher.linked > button:checked:hover {
6478
box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12);
6479
}
6480
.raven .raven-background stackswitcher.linked > button:checked:focus {
6482
box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12);
6483
}
6484
.raven .raven-background stackswitcher.linked > button:checked:active {
6486
background-image: radial-gradient(circle, rgba(26, 115, 232, 0.16) 10%, transparent 0%);
6487
}
6488
.raven .raven-background stackswitcher.linked > button:not(:first-child) {
6490
margin-left: 0;
6491
}
6492
.raven .raven-background > overlay > widget > image {
6494
color: rgba(0, 0, 0, 0.08);
6495
}
6496
.raven revealer > .raven-background {
6498
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
6499
}
6500
.raven .raven-header + .raven-background {
6502
border-top: 1px solid rgba(0, 0, 0, 0.12);
6503
}
6504
.raven viewport.frame > list > row {
6506
padding: 0;
6507
box-shadow: none;
6508
background: none;
6509
}
6510
.raven viewport.frame > list > row:not(:first-child) {
6512
border-top: 1px solid rgba(0, 0, 0, 0.12);
6513
}
6514
.raven viewport.frame > list > row > box {
6516
margin-top: -5px;
6517
margin-left: -5px;
6518
margin-bottom: -5px;
6519
}
6520
.raven viewport.frame > list > row > box > box {
6522
padding: 6px;
6523
margin-bottom: -10px;
6524
}
6525
.raven viewport.frame > list > row > box > list > row {
6527
padding: 8px;
6528
}
6529
.raven viewport.frame > list > row > box > list > row > box {
6531
margin-bottom: -5px;
6532
}
6533
.raven viewport.frame > list > row > box > list > row > box > box > label {
6535
font-weight: bold;
6536
}
6537
.raven viewport.frame > list > row > box > list > row > box > box > button.image-button {
6539
padding: 0;
6540
}
6541
.raven viewport.frame > list > row > box > list > row > box > label {
6543
margin-top: -6px;
6544
font-size: smaller;
6545
}
6546
.raven .powerstrip button {
6548
margin: 2px 0 1px;
6549
padding: 12px;
6550
}
6551
.raven .option-subtitle {
6553
font-size: smaller;
6554
}
6555
calendar.raven-calendar {
6557
border-style: none;
6558
background-color: transparent;
6559
}
6560
calendar.raven-calendar:selected {
6562
border-radius: 4px;
6563
}
6564
.raven-mpris {
6566
background-color: rgba(0, 0, 0, 0.6);
6567
color: white;
6568
}
6569
.raven-mpris label {
6571
min-height: 24px;
6572
}
6573
.raven-mpris button.image-button {
6575
padding: 12px;
6576
color: rgba(255, 255, 255, 0.7);
6577
box-shadow: inset 0 0 0 9999px transparent;
6578
}
6579
.raven-mpris button.image-button:drop(active), .raven-mpris button.image-button:hover {
6581
box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.08);
6582
}
6583
.raven-mpris button.image-button:focus {
6585
box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.08);
6586
}
6587
.raven-mpris button.image-button:active {
6589
background-image: radial-gradient(circle, rgba(255, 255, 255, 0.12) 10%, transparent 0%);
6590
}
6591
.budgie-notification-window, .budgie-osd-window, .budgie-switcher-window {
6593
background-color: transparent;
6594
}
6595
.budgie-notification .notification-title, .budgie-switcher .notification-title {
6597
font-size: 120%;
6598
}
6599
.budgie-notification .notification-body, .budgie-switcher .notification-body {
6601
color: rgba(0, 0, 0, 0.6);
6602
}
6603
.budgie-osd .budgie-osd-text {
6605
font-size: 120%;
6606
}
6607
.drop-shadow {
6609
margin: 5px 9px;
6610
padding: 3px;
6611
border-radius: 4px;
6612
box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.4);
6613
background-color: #ffffff;
6614
}
6615
.drop-shadow button.text-button:not(:disabled) {
6617
color: #1a73e8;
6618
box-shadow: inset 0 0 0 9999px transparent;
6619
}
6620
.drop-shadow button.text-button:not(:disabled):drop(active), .drop-shadow button.text-button:not(:disabled):hover {
6622
box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12);
6623
}
6624
.drop-shadow button.text-button:not(:disabled):focus {
6626
box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12);
6627
}
6628
.drop-shadow button.text-button:not(:disabled):active {
6630
background-image: radial-gradient(circle, rgba(26, 115, 232, 0.16) 10%, transparent 0%);
6631
}
6632
.drop-shadow .linked > button {
6634
margin-right: 6px;
6635
}
6636
.budgie-session-dialog, .budgie-polkit-dialog, .budgie-run-dialog {
6638
border-radius: 4px;
6639
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
6640
background-color: #ffffff;
6641
}
6642
.budgie-session-dialog decoration, .budgie-polkit-dialog decoration, .budgie-run-dialog decoration {
6644
border-radius: 4px;
6645
}
6646
.budgie-session-dialog > box {
6648
padding: 8px;
6649
}
6650
.budgie-session-dialog image {
6652
margin: -8px;
6653
-gtk-icon-transform: scale(0);
6654
}
6655
.budgie-session-dialog label:not(:last-child),
6657
.budgie-session-dialog .dialog-title {
6658
margin-bottom: 8px;
6659
font-size: 20px;
6660
font-weight: 500;
6661
}
6662
.budgie-session-dialog .dialog-title + label {
6664
color: rgba(0, 0, 0, 0.6);
6665
}
6666
.budgie-session-dialog .linked.horizontal > button:not(:last-child) {
6668
margin-right: 8px;
6669
}
6670
.budgie-session-dialog .linked.horizontal > button:not(:disabled) {
6672
color: #1a73e8;
6673
box-shadow: inset 0 0 0 9999px transparent;
6674
}
6675
.budgie-session-dialog .linked.horizontal > button:not(:disabled):drop(active), .budgie-session-dialog .linked.horizontal > button:not(:disabled):hover {
6677
box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12);
6678
}
6679
.budgie-session-dialog .linked.horizontal > button:not(:disabled):focus {
6681
box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12);
6682
}
6683
.budgie-session-dialog .linked.horizontal > button:not(:disabled):active {
6685
background-image: radial-gradient(circle, rgba(26, 115, 232, 0.16) 10%, transparent 0%);
6686
}
6687
.budgie-polkit-dialog .message {
6689
color: rgba(0, 0, 0, 0.6);
6690
}
6691
.budgie-polkit-dialog .failure {
6693
color: #d93025;
6694
}
6695
.budgie-run-dialog entry.search {
6697
font-size: 120%;
6698
padding: 6px 14px;
6699
border-image: none;
6700
box-shadow: none;
6701
background-color: transparent;
6702
}
6703
.budgie-run-dialog list {
6705
padding: 4px 0;
6706
background-color: transparent;
6707
}
6708
.budgie-run-dialog list .dim-label {
6710
color: inherit;
6711
}
6712
.budgie-run-dialog scrolledwindow {
6714
border-top: 1px solid rgba(0, 0, 0, 0.12);
6715
}
6716
.budgie-run-dialog scrollbar.right, .budgie-run-dialog scrollbar.bottom {
6718
border-bottom-right-radius: 4px;
6719
}
6720
.budgie-run-dialog scrollbar.left, .budgie-run-dialog scrollbar.bottom {
6722
border-bottom-left-radius: 4px;
6723
}
6724
/**************
6726
* Xfce4 Apps *
6727
**************/
6728
.XfceHeading {
6729
background-color: #ffffff;
6730
}
6731
/***************
6733
* xfce4-panel *
6734
***************/
6735
.xfce4-panel.background {
6736
border: none;
6737
background-color: #1f1f1f;
6738
color: rgba(255, 255, 255, 0.7);
6739
font-weight: 500;
6740
}
6741
.xfce4-panel.background button {
6743
min-height: 16px;
6744
min-width: 16px;
6745
padding: 0;
6746
border-radius: 0;
6747
color: rgba(255, 255, 255, 0.7);
6748
box-shadow: inset 0 0 0 9999px transparent;
6749
}
6750
.xfce4-panel.background button:drop(active), .xfce4-panel.background button:hover {
6752
box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.08);
6753
}
6754
.xfce4-panel.background button:focus {
6756
box-shadow: inset 0 0 0 9999px rgba(255, 255, 255, 0.08);
6757
}
6758
.xfce4-panel.background button:active {
6760
background-image: radial-gradient(circle, rgba(255, 255, 255, 0.12) 10%, transparent 0%);
6761
}
6762
.xfce4-panel.background button:disabled {
6764
color: rgba(255, 255, 255, 0.3);
6765
}
6766
.xfce4-panel.background button:checked {
6768
color: white;
6769
}
6770
.xfce4-panel.background button:checked:disabled {
6772
color: rgba(255, 255, 255, 0.5);
6773
}
6774
.xfce4-panel.background .tasklist button {
6776
border-image: image(transparent) 0 0 2/0 0 2px;
6777
}
6778
.xfce4-panel.background .tasklist button:checked {
6780
border-image: image(currentColor) 0 0 2/0 0 2px;
6781
}
6782
.xfce4-panel.background .tasklist button image {
6784
padding: 4px;
6785
}
6786
.xfce4-panel.background frame > border {
6788
border-style: none;
6789
}
6790
.xfce4-panel.background progressbar progress {
6792
background-color: #8ab4f8;
6793
}
6794
.xfce4-panel.background progressbar trough {
6796
background-color: rgba(255, 255, 255, 0.12);
6797
}
6798
wnck-pager:hover {
6800
background-color: alpha(currentcolor, 0.08);
6801
}
6802
wnck-pager:active {
6804
background-color: alpha(currentcolor, 0.12);
6805
}
6806
wnck-pager:selected {
6808
background-color: #1a73e8;
6809
}
6810
XfdesktopIconView.view {
6812
border-radius: 4px;
6813
background-color: transparent;
6814
color: white;
6815
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.14), 0 1px 3px rgba(0, 0, 0, 0.12);
6816
}
6817
XfdesktopIconView.view:active {
6819
box-shadow: none;
6820
}
6821
XfdesktopIconView.view .rubberband {
6823
border-radius: 0;
6824
}
6825
#XfceNotifyWindow {
6827
border-radius: 4px;
6828
box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.4);
6829
background-color: #ffffff;
6830
}
6831
#XfceNotifyWindow buttonbox button:not(:disabled) {
6833
color: #1a73e8;
6834
box-shadow: inset 0 0 0 9999px transparent;
6835
}
6836
#XfceNotifyWindow buttonbox button:not(:disabled):drop(active), #XfceNotifyWindow buttonbox button:not(:disabled):hover {
6838
box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12);
6839
}
6840
#XfceNotifyWindow buttonbox button:not(:disabled):focus {
6842
box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12);
6843
}
6844
#XfceNotifyWindow buttonbox button:not(:disabled):active {
6846
background-image: radial-gradient(circle, rgba(26, 115, 232, 0.16) 10%, transparent 0%);
6847
}
6848
#XfceNotifyWindow label#summary {
6850
font-weight: bold;
6851
}
6852
#XfceNotifyWindow label#summary + label {
6854
color: rgba(0, 0, 0, 0.6);
6855
}
6856
#xfwm-tabwin {
6858
padding: 12px;
6859
border-radius: 4px;
6860
-XfwmTabwinWidget-icon-size: 64px;
6861
-XfwmTabwinWidget-preview-size: 64px;
6862
}
6863
/**********
6865
* Thunar *
6866
**********/
6867
.thunar #location-toolbar {
6868
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
6869
}
6870
.thunar #location-toolbar > toolitem > button {
6872
min-width: 24px;
6873
padding: 6px;
6874
border-radius: 9999px;
6875
}
6876
.thunar .shortcuts-pane.frame,
6878
.thunar .standard-view.frame {
6879
border-style: none;
6880
}
6881
.thunar .sidebar .view:not(:selected) {
6883
background-color: transparent;
6884
}
6885
.thunar statusbar {
6887
margin: 0 -10px;
6888
padding: 0 4px;
6889
border-top: 1px solid rgba(0, 0, 0, 0.12);
6890
}
6891
/************************
6893
* LightDM GTK+ Greeter *
6894
************************/
6895
#panel_window {
6896
background-color: rgba(0, 0, 0, 0.3);
6897
color: white;
6898
}
6899
#panel_window menubar,
6901
#panel_window separator {
6902
background-color: transparent;
6903
}
6904
#panel_window separator {
6906
padding: 0 4px;
6907
}
6908
#panel_window separator:first-child {
6910
padding: 0 8px;
6911
}
6912
#panel_window menubar > menuitem {
6914
color: rgba(255, 255, 255, 0.7);
6915
}
6916
#panel_window menubar > menuitem:hover {
6918
color: white;
6919
}
6920
#panel_window menubar > menuitem:disabled {
6922
color: rgba(255, 255, 255, 0.3);
6923
}
6924
#login_window,
6926
#shutdown_dialog,
6927
#restart_dialog {
6928
margin: 8px;
6929
border-radius: 4px;
6930
box-shadow: 0 3px 3px -1px rgba(0, 0, 0, 0.2), 0 6px 6px 0 rgba(0, 0, 0, 0.14), 0 1px 10.8px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.4);
6931
background-color: #ffffff;
6932
}
6933
#content_frame {
6935
padding-bottom: 16px;
6936
}
6937
#buttonbox_frame {
6939
padding-top: 24px;
6940
}
6941
#buttonbox_frame > box,
6943
#buttonbox_frame > buttonbox {
6944
margin: -16px;
6945
}
6946
#buttonbox_frame button:not(:disabled) {
6948
color: #1a73e8;
6949
box-shadow: inset 0 0 0 9999px transparent;
6950
}
6951
#buttonbox_frame button:not(:disabled):drop(active), #buttonbox_frame button:not(:disabled):hover {
6953
box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12);
6954
}
6955
#buttonbox_frame button:not(:disabled):focus {
6957
box-shadow: inset 0 0 0 9999px rgba(26, 115, 232, 0.12);
6958
}
6959
#buttonbox_frame button:not(:disabled):active {
6961
background-image: radial-gradient(circle, rgba(26, 115, 232, 0.16) 10%, transparent 0%);
6962
}
6963
/********
6965
* Nemo *
6966
********/
6967
.nemo-window .primary-toolbar {
6968
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
6969
}
6970
.nemo-window .primary-toolbar stack > box {
6972
margin: -2px;
6973
}
6974
.nemo-window .primary-toolbar button.text-button {
6976
padding-left: 8px;
6977
padding-right: 8px;
6978
}
6979
.nemo-window .primary-toolbar button:not(.text-button):not(.image-button) {
6981
padding-left: 4px;
6982
padding-right: 4px;
6983
}
6984
.nemo-window scrolledwindow.frame {
6986
border-style: none;
6987
}
6988
.nemo-window scrolledwindow.frame .view:not(:selected) {
6990
background-color: transparent;
6991
}
6992
.nemo-window infobar {
6994
margin-top: -6px;
6995
}
6996
.nemo-window .nemo-inactive-pane .view:not(:selected) {
6998
background-color: #fafafa;
6999
}
7000
.nemo-window .nemo-window-pane widget.entry {
7002
border-radius: 4px;
7003
background-color: rgba(0, 0, 0, 0.04);
7004
}
7005
.places-treeview {
7007
-NemoPlacesTreeView-disk-full-bg-color: gainsboro;
7008
-NemoPlacesTreeView-disk-full-fg-color: #1a73e8;
7009
-NemoPlacesTreeView-disk-full-bar-width: 2px;
7010
-NemoPlacesTreeView-disk-full-bar-radius: 0;
7011
-NemoPlacesTreeView-disk-full-bottom-padding: 1px;
7012
-NemoPlacesTreeView-disk-full-max-length: 80px;
7013
}
7014
/* GTK NAMED COLORS
7016
----------------
7017
use responsibly! */
7018
/*
7019
widget text/foreground color */
7020
@define-color theme_fg_color rgba(0, 0, 0, 0.87);
7021
/*
7022
text color for entries, views and content in general */
7023
@define-color theme_text_color rgba(0, 0, 0, 0.87);
7024
/*
7025
widget base background color */
7026
@define-color theme_bg_color #f2f2f2;
7027
/*
7028
text widgets and the like base background color */
7029
@define-color theme_base_color #ffffff;
7030
/*
7031
base background color of selections */
7032
@define-color theme_selected_bg_color #1a73e8;
7033
/*
7034
text/foreground color of selections */
7035
@define-color theme_selected_fg_color white;
7036
/*
7037
base background color of insensitive widgets */
7038
@define-color insensitive_bg_color #f2f2f2;
7039
/*
7040
text foreground color of insensitive widgets */
7041
@define-color insensitive_fg_color rgba(0, 0, 0, 0.38);
7042
/*
7043
insensitive text widgets and the like base background color */
7044
@define-color insensitive_base_color #fafafa;
7045
/*
7046
widget text/foreground color on backdrop windows */
7047
@define-color theme_unfocused_fg_color rgba(0, 0, 0, 0.87);
7048
/*
7049
text color for entries, views and content in general on backdrop windows */
7050
@define-color theme_unfocused_text_color rgba(0, 0, 0, 0.87);
7051
/*
7052
widget base background color on backdrop windows */
7053
@define-color theme_unfocused_bg_color #f2f2f2;
7054
/*
7055
text widgets and the like base background color on backdrop windows */
7056
@define-color theme_unfocused_base_color #ffffff;
7057
/*
7058
base background color of selections on backdrop windows */
7059
@define-color theme_unfocused_selected_bg_color #1a73e8;
7060
/*
7061
text/foreground color of selections on backdrop windows */
7062
@define-color theme_unfocused_selected_fg_color white;
7063
/*
7064
insensitive color on backdrop windows */
7065
@define-color unfocused_insensitive_color rgba(0, 0, 0, 0.38);
7066
/*
7067
widgets main borders color */
7068
@define-color borders rgba(0, 0, 0, 0.12);
7069
/*
7070
widgets main borders color on backdrop windows */
7071
@define-color unfocused_borders rgba(0, 0, 0, 0.12);
7072
/*
7073
these are pretty self explicative */
7074
@define-color warning_color #f4b400;
7075
@define-color error_color #d93025;
7076
@define-color success_color #0f9d58;
7077
/*
7078
these colors are exported for the window manager and shouldn't be used in applications,
7079
read if you used those and something break with a version upgrade you're on your own... */
7080
@define-color wm_title rgba(255, 255, 255, 0.87);
7081
@define-color wm_unfocused_title rgba(255, 255, 255, 0.6);
7082
@define-color wm_highlight rgba(255, 255, 255, 0.1);
7083
@define-color wm_bg #383838;
7084
@define-color wm_unfocused_bg #303030;
7085
@define-color xfwm4_title #e5e5e5;
7086
@define-color xfwm4_unfocused_title #acacac;
7087
/*
7088
FIXME this is really an API */
7089
@define-color content_view_bg #ffffff;
7090
@define-color placeholder_text_color #666666;
7091