ASCII text, with very long lines (671)
1
@keyframes ripple_effect {
2
to {
3
background-size: 1000% 1000%;
4
}
5
}
6
@keyframes scale_ripple_effect {
8
to {
9
background-size: auto, 1000% 1000%;
10
}
11
}
12
@keyframes header_ripple_effect {
14
from {
15
background-image: radial-gradient(circle farthest-corner at center, #4285F4 0%, transparent 0%);
16
}
17
to {
18
background-image: radial-gradient(circle farthest-corner at center, #4285F4 100%, transparent 0%);
19
}
20
}
21
* {
23
background-clip: padding-box;
24
-GtkToolButton-icon-spacing: 0;
25
-GtkTextView-error-underline-color: #EA4335;
26
-GtkScrolledWindow-scrollbar-spacing: 0;
27
-GtkToolItemGroup-expander-size: 11;
28
-GtkWidget-text-handle-width: 24;
29
-GtkWidget-text-handle-height: 24;
30
-GtkDialog-button-spacing: 4;
31
-GtkDialog-action-area-border: 0;
32
outline-style: solid;
33
outline-width: 2px;
34
outline-color: transparent;
35
outline-offset: -4px;
36
-gtk-outline-radius: 2px;
37
-gtk-secondary-caret-color: #4285F4;
38
}
39
notebook:focus tab,
41
*:focus {
42
outline-color: alpha(currentColor, 0.24);
43
}
44
/***************
46
* Base States *
47
***************/
48
.background {
49
background-color: #F2F2F2;
50
color: rgba(0, 0, 0, 0.87);
51
}
52
/*
54
These wildcard seems unavoidable, need to investigate.
55
Wildcards are bad and troublesome, use them with care,
56
or better, just don't.
57
Everytime a wildcard is used a kitten dies, painfully.
58
*/
59
*:disabled {
60
-gtk-icon-effect: dim;
61
}
62
.gtkstyle-fallback {
64
background-color: #F2F2F2;
65
color: rgba(0, 0, 0, 0.87);
66
}
67
.gtkstyle-fallback:hover {
69
background-color: #e5e5e5;
70
color: rgba(0, 0, 0, 0.87);
71
}
72
.gtkstyle-fallback:active {
74
background-color: #d9d9d9;
75
color: rgba(0, 0, 0, 0.87);
76
}
77
.gtkstyle-fallback:disabled {
79
background-color: #F2F2F2;
80
color: rgba(0, 0, 0, 0.38);
81
}
82
.gtkstyle-fallback:selected {
84
background-color: #4285F4;
85
color: white;
86
}
87
.view {
89
background-color: #FFFFFF;
90
color: rgba(0, 0, 0, 0.87);
91
}
92
.view:disabled {
94
color: rgba(0, 0, 0, 0.38);
95
}
96
.view:hover, .view:active, .view:selected {
98
border-radius: 2px;
99
}
100
textview text {
102
background-color: #FFFFFF;
103
}
104
textview border {
106
background-color: #FAFAFA;
107
color: rgba(0, 0, 0, 0.38);
108
}
109
.rubberband,
111
rubberband,
112
flowbox rubberband,
113
treeview.view rubberband,
114
.content-view rubberband,
115
.content-view .rubberband {
116
border: 1px solid #7BAAF7;
117
background-color: rgba(123, 170, 247, 0.3);
118
}
119
flowbox flowboxchild {
121
padding: 4px;
122
border-radius: 2px;
123
}
124
.content-view .tile:selected {
126
background-color: transparent;
127
color: inherit;
128
}
129
label {
131
caret-color: currentColor;
132
}
133
label.separator {
135
color: rgba(0, 0, 0, 0.87);
136
}
137
label selection {
139
background-color: #4285F4;
140
color: white;
141
}
142
label:disabled {
144
color: rgba(0, 0, 0, 0.38);
145
}
146
tab label:disabled,
148
button label:disabled {
149
color: inherit;
150
}
151
.dim-label, label.separator, .titlebar:not(headerbar) .subtitle,
153
headerbar .subtitle, .budgie-notification .notification-body, .budgie-switcher .notification-body {
154
opacity: 0.6;
155
}
156
assistant .sidebar {
158
padding: 4px 0;
159
}
160
assistant .sidebar label {
162
min-height: 32px;
163
padding: 0 12px;
164
color: rgba(0, 0, 0, 0.38);
165
font-weight: 500;
166
}
167
assistant .sidebar label.highlight {
169
color: rgba(0, 0, 0, 0.87);
170
}
171
/*********************
173
* Spinner Animation *
174
*********************/
175
@keyframes spin {
176
to {
177
-gtk-icon-transform: rotate(1turn);
178
}
179
}
180
spinner {
182
background: none;
183
opacity: 0;
184
-gtk-icon-source: -gtk-icontheme("process-working-symbolic");
185
}
186
spinner:checked {
188
opacity: 1;
189
animation: spin 1s linear infinite;
190
}
191
spinner:checked:disabled {
193
opacity: 0.5;
194
}
195
/****************
197
* Text Entries *
198
****************/
199
spinbutton:not(.vertical),
200
entry {
201
min-height: 32px;
202
padding: 0 8px;
203
border-radius: 2px;
204
transition: all 250ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1);
205
border-image: none;
206
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
207
background-color: #FFFFFF;
208
color: rgba(0, 0, 0, 0.87);
209
}
210
spinbutton:focus:not(.vertical),
212
entry:focus {
213
border-image: none;
214
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
215
}
216
spinbutton:disabled:not(.vertical),
218
entry:disabled {
219
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
220
background-color: #FAFAFA;
221
color: rgba(0, 0, 0, 0.38);
222
}
223
spinbutton.flat:not(.vertical), notebook > stack:not(:only-child) entry:not(.search),
225
notebook > stack:not(:only-child) spinbutton:not(.vertical), messagedialog entry, colorchooser .popover.osd spinbutton:not(.vertical), entry.preferences-search, layoutpane entry.search, editortweak entry.search, .raven .raven-background spinbutton:not(.vertical), #login_window entry,
226
entry.flat {
227
border-radius: 0;
228
transition: all 250ms cubic-bezier(0, 0, 0.2, 1);
229
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #4285F4 0%, transparent 0%) 0 0 0/0 0 0px;
230
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26);
231
background-color: transparent;
232
color: rgba(0, 0, 0, 0.87);
233
}
234
spinbutton.flat:focus:not(.vertical), notebook > stack:not(:only-child) entry:focus:not(.search),
236
notebook > stack:not(:only-child) spinbutton:focus:not(.vertical), messagedialog entry:focus, colorchooser .popover.osd spinbutton:focus:not(.vertical), entry.preferences-search:focus, layoutpane entry.search:focus, editortweak entry.search:focus, .raven .raven-background spinbutton:focus:not(.vertical), #login_window entry:focus,
237
entry.flat:focus {
238
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #4285F4 100%, transparent 0%) 0 0 2/0 0 2px;
239
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26);
240
}
241
spinbutton.flat:disabled:not(.vertical), notebook > stack:not(:only-child) entry:disabled:not(.search),
243
notebook > stack:not(:only-child) spinbutton:disabled:not(.vertical), messagedialog entry:disabled, colorchooser .popover.osd spinbutton:disabled:not(.vertical), entry.preferences-search:disabled, layoutpane entry.search:disabled, editortweak entry.search:disabled, .raven .raven-background spinbutton:disabled:not(.vertical), #login_window entry:disabled,
244
entry.flat:disabled {
245
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12);
246
background-color: transparent;
247
color: rgba(0, 0, 0, 0.38);
248
}
249
spinbutton:not(.vertical) image,
251
entry image {
252
color: rgba(0, 0, 0, 0.54);
253
}
254
spinbutton:not(.vertical) image:hover, spinbutton:not(.vertical) image:active,
256
entry image:hover,
257
entry image:active {
258
color: rgba(0, 0, 0, 0.87);
259
}
260
spinbutton:not(.vertical) image:disabled,
262
entry image:disabled {
263
color: rgba(0, 0, 0, 0.38);
264
}
265
spinbutton:not(.vertical) image.left,
267
entry image.left {
268
margin-left: 0px;
269
margin-right: 6px;
270
}
271
spinbutton:not(.vertical) image.right,
273
entry image.right {
274
margin-left: 6px;
275
margin-right: 0px;
276
}
277
spinbutton:not(.vertical) undershoot.left,
279
entry undershoot.left {
280
background-color: transparent;
281
background-image: linear-gradient(to top, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%);
282
padding-left: 1px;
283
background-size: 1px 12px;
284
background-repeat: repeat-y;
285
background-origin: content-box;
286
background-position: left top;
287
}
288
spinbutton:not(.vertical) undershoot.right,
290
entry undershoot.right {
291
background-color: transparent;
292
background-image: linear-gradient(to top, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%);
293
padding-right: 1px;
294
background-size: 1px 12px;
295
background-repeat: repeat-y;
296
background-origin: content-box;
297
background-position: right top;
298
}
299
spinbutton.error:not(.vertical),
301
entry.error {
302
transition: all 250ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1);
303
border-image: none;
304
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
305
background-color: #EA4335;
306
color: white;
307
}
308
spinbutton.error:focus:not(.vertical),
310
entry.error:focus {
311
border-image: none;
312
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
313
}
314
spinbutton.error:disabled:not(.vertical),
316
entry.error:disabled {
317
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
318
background-color: #FAFAFA;
319
color: rgba(0, 0, 0, 0.38);
320
}
321
spinbutton.error.flat:not(.vertical), notebook > stack:not(:only-child) entry.error:not(.search),
323
notebook > stack:not(:only-child) spinbutton.error:not(.vertical), messagedialog entry.error, colorchooser .popover.osd spinbutton.error:not(.vertical), entry.error.preferences-search, layoutpane entry.error.search, editortweak entry.error.search, .raven .raven-background spinbutton.error:not(.vertical), #login_window entry.error,
324
entry.error.flat {
325
transition: all 250ms cubic-bezier(0, 0, 0.2, 1);
326
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #EA4335 0%, transparent 0%) 0 0 0/0 0 0px;
327
box-shadow: inset 0 -1px #EA4335;
328
background-color: transparent;
329
color: rgba(0, 0, 0, 0.87);
330
}
331
spinbutton.error.flat:focus:not(.vertical), notebook > stack:not(:only-child) entry.error:focus:not(.search),
333
notebook > stack:not(:only-child) spinbutton.error:focus:not(.vertical), messagedialog entry.error:focus, colorchooser .popover.osd spinbutton.error:focus:not(.vertical), entry.error.preferences-search:focus, layoutpane entry.error.search:focus, editortweak entry.error.search:focus, .raven .raven-background spinbutton.error:focus:not(.vertical), #login_window entry.error:focus,
334
entry.error.flat:focus {
335
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #EA4335 100%, transparent 0%) 0 0 2/0 0 2px;
336
box-shadow: inset 0 -1px #EA4335;
337
}
338
spinbutton.error.flat:disabled:not(.vertical), notebook > stack:not(:only-child) entry.error:disabled:not(.search),
340
notebook > stack:not(:only-child) spinbutton.error:disabled:not(.vertical), messagedialog entry.error:disabled, colorchooser .popover.osd spinbutton.error:disabled:not(.vertical), entry.error.preferences-search:disabled, layoutpane entry.error.search:disabled, editortweak entry.error.search:disabled, .raven .raven-background spinbutton.error:disabled:not(.vertical), #login_window entry.error:disabled,
341
entry.error.flat:disabled {
342
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12);
343
background-color: transparent;
344
color: rgba(0, 0, 0, 0.38);
345
}
346
spinbutton.error:not(.vertical) image,
348
entry.error image {
349
color: rgba(255, 255, 255, 0.7);
350
}
351
spinbutton.error:not(.vertical) image:hover, spinbutton.error:not(.vertical) image:active,
353
entry.error image:hover,
354
entry.error image:active {
355
color: white;
356
}
357
spinbutton.error:not(.vertical) image:disabled,
359
entry.error image:disabled {
360
color: rgba(255, 255, 255, 0.5);
361
}
362
spinbutton.warning:not(.vertical),
364
entry.warning {
365
transition: all 250ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1);
366
border-image: none;
367
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
368
background-color: #FBBC05;
369
color: white;
370
}
371
spinbutton.warning:focus:not(.vertical),
373
entry.warning:focus {
374
border-image: none;
375
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
376
}
377
spinbutton.warning:disabled:not(.vertical),
379
entry.warning:disabled {
380
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
381
background-color: #FAFAFA;
382
color: rgba(0, 0, 0, 0.38);
383
}
384
spinbutton.warning.flat:not(.vertical), notebook > stack:not(:only-child) entry.warning:not(.search),
386
notebook > stack:not(:only-child) spinbutton.warning:not(.vertical), messagedialog entry.warning, colorchooser .popover.osd spinbutton.warning:not(.vertical), entry.warning.preferences-search, layoutpane entry.warning.search, editortweak entry.warning.search, .raven .raven-background spinbutton.warning:not(.vertical), #login_window entry.warning,
387
entry.warning.flat {
388
transition: all 250ms cubic-bezier(0, 0, 0.2, 1);
389
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FBBC05 0%, transparent 0%) 0 0 0/0 0 0px;
390
box-shadow: inset 0 -1px #FBBC05;
391
background-color: transparent;
392
color: rgba(0, 0, 0, 0.87);
393
}
394
spinbutton.warning.flat:focus:not(.vertical), notebook > stack:not(:only-child) entry.warning:focus:not(.search),
396
notebook > stack:not(:only-child) spinbutton.warning:focus:not(.vertical), messagedialog entry.warning:focus, colorchooser .popover.osd spinbutton.warning:focus:not(.vertical), entry.warning.preferences-search:focus, layoutpane entry.warning.search:focus, editortweak entry.warning.search:focus, .raven .raven-background spinbutton.warning:focus:not(.vertical), #login_window entry.warning:focus,
397
entry.warning.flat:focus {
398
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FBBC05 100%, transparent 0%) 0 0 2/0 0 2px;
399
box-shadow: inset 0 -1px #FBBC05;
400
}
401
spinbutton.warning.flat:disabled:not(.vertical), notebook > stack:not(:only-child) entry.warning:disabled:not(.search),
403
notebook > stack:not(:only-child) spinbutton.warning:disabled:not(.vertical), messagedialog entry.warning:disabled, colorchooser .popover.osd spinbutton.warning:disabled:not(.vertical), entry.warning.preferences-search:disabled, layoutpane entry.warning.search:disabled, editortweak entry.warning.search:disabled, .raven .raven-background spinbutton.warning:disabled:not(.vertical), #login_window entry.warning:disabled,
404
entry.warning.flat:disabled {
405
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12);
406
background-color: transparent;
407
color: rgba(0, 0, 0, 0.38);
408
}
409
spinbutton.warning:not(.vertical) image,
411
entry.warning image {
412
color: rgba(255, 255, 255, 0.7);
413
}
414
spinbutton.warning:not(.vertical) image:hover, spinbutton.warning:not(.vertical) image:active,
416
entry.warning image:hover,
417
entry.warning image:active {
418
color: white;
419
}
420
spinbutton.warning:not(.vertical) image:disabled,
422
entry.warning image:disabled {
423
color: rgba(255, 255, 255, 0.5);
424
}
425
spinbutton:not(.vertical) progress,
427
entry progress {
428
margin: 2px -6px;
429
border-bottom: 2px solid #4285F4;
430
background-color: transparent;
431
}
432
.linked:not(.vertical) > spinbutton.flat:not(.vertical), notebook > stack:not(:only-child) .linked:not(.vertical) > entry:not(.search),
434
notebook > stack:not(:only-child) .linked:not(.vertical) > spinbutton:not(.vertical), messagedialog .linked:not(.vertical) > entry, colorchooser .popover.osd .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry.preferences-search, layoutpane .linked:not(.vertical) > entry.search, editortweak .linked:not(.vertical) > entry.search, .raven .raven-background .linked:not(.vertical) > spinbutton:not(.vertical), #login_window .linked:not(.vertical) > entry,
435
.linked.vertical > spinbutton.flat:not(.vertical), notebook > stack:not(:only-child)
436
.linked.vertical > entry:not(.search),
437
notebook > stack:not(:only-child)
438
.linked.vertical > spinbutton:not(.vertical), messagedialog
439
.linked.vertical > entry, colorchooser .popover.osd
440
.linked.vertical > spinbutton:not(.vertical),
441
.linked.vertical > entry.preferences-search, layoutpane
442
.linked.vertical > entry.search, editortweak
443
.linked.vertical > entry.search, .raven .raven-background
444
.linked.vertical > spinbutton:not(.vertical), #login_window
445
.linked.vertical > entry, .linked:not(.vertical) >
446
entry.flat,
447
.linked.vertical >
448
entry.flat {
449
border-radius: 0;
450
}
451
notebook > stack:not(:only-child) treeview entry.flat:not(.search),
453
notebook > stack:not(:only-child) treeview spinbutton.flat:not(.vertical), notebook > stack:not(:only-child) treeview entry:not(.search),
454
notebook > stack:not(:only-child) treeview spinbutton:not(.vertical),
455
treeview entry.flat,
456
treeview entry {
457
min-height: 0;
458
padding: 2px;
459
border-radius: 0;
460
background-color: #FFFFFF;
461
}
462
notebook > stack:not(:only-child) treeview entry.flat:not(.search),
464
notebook > stack:not(:only-child) treeview spinbutton.flat:not(.vertical), notebook > stack:not(:only-child) treeview entry.flat:focus:not(.search),
465
notebook > stack:not(:only-child) treeview spinbutton.flat:focus:not(.vertical), notebook > stack:not(:only-child) treeview entry:not(.search),
466
notebook > stack:not(:only-child) treeview spinbutton:not(.vertical), notebook > stack:not(:only-child) treeview entry:focus:not(.search),
467
notebook > stack:not(:only-child) treeview spinbutton:focus:not(.vertical),
468
treeview entry.flat,
469
treeview entry.flat:focus,
470
treeview entry,
471
treeview entry:focus {
472
border-image: none;
473
box-shadow: none;
474
}
475
.entry-tag, .documents-entry-tag, .photos-entry-tag {
477
margin: 2px;
478
border-radius: 9999px;
479
box-shadow: none;
480
background-color: rgba(0, 0, 0, 0.12);
481
color: rgba(0, 0, 0, 0.87);
482
}
483
.entry-tag:hover, .documents-entry-tag:hover, .photos-entry-tag:hover {
485
background-image: image(rgba(0, 0, 0, 0.12));
486
}
487
:dir(ltr) .entry-tag, :dir(ltr) .documents-entry-tag, :dir(ltr) .photos-entry-tag {
489
margin-left: 4px;
490
margin-right: 0;
491
padding-left: 12px;
492
padding-right: 8px;
493
}
494
:dir(rtl) .entry-tag, :dir(rtl) .documents-entry-tag, :dir(rtl) .photos-entry-tag {
496
margin-left: 0;
497
margin-right: 4px;
498
padding-left: 8px;
499
padding-right: 12px;
500
}
501
.entry-tag.button, .button.documents-entry-tag, .button.photos-entry-tag {
503
box-shadow: none;
504
background-color: transparent;
505
}
506
.entry-tag.button:not(:hover):not(:active), .button.documents-entry-tag:not(:hover):not(:active), .button.photos-entry-tag:not(:hover):not(:active) {
508
color: rgba(0, 0, 0, 0.54);
509
}
510
/***********
512
* Buttons *
513
***********/
514
@keyframes needs_attention {
515
from {
516
background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#01A299), to(transparent));
517
}
518
to {
519
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#01A299), to(transparent));
520
}
521
}
522
button {
525
min-height: 24px;
526
min-width: 16px;
527
padding: 4px 8px;
528
border-radius: 2px;
529
font-weight: 500;
530
transition: all 250ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1), background-size 350ms cubic-bezier(0, 0, 0.2, 1), background-image 1000ms cubic-bezier(0, 0, 0.2, 1);
531
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 0 0 9999px transparent;
532
background-color: #FAFAFA;
533
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
534
background-repeat: no-repeat;
535
background-position: center;
536
background-size: 1000% 1000%;
537
color: rgba(0, 0, 0, 0.62);
538
}
539
button:hover {
542
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 0 0 9999px transparent;
543
color: rgba(0, 0, 0, 0.87);
544
}
545
button:active {
548
transition: all 250ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
549
animation: ripple_effect 250ms cubic-bezier(0, 0, 0.2, 1) forwards;
550
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 0 0 9999px alpha(currentColor, 0.12);
551
background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.12) 10%, transparent 0%);
552
background-size: 0% 0%;
553
color: rgba(0, 0, 0, 0.87);
554
}
555
button:disabled {
558
box-shadow: none;
559
background-color: rgba(0, 0, 0, 0.12);
560
color: rgba(0, 0, 0, 0.26);
561
}
562
button:checked {
565
background-color: #4285F4;
566
color: white;
567
}
568
button:checked:disabled {
571
background-color: rgba(66, 133, 244, 0.3);
572
color: rgba(66, 133, 244, 0.5);
573
}
574
modelbutton.flat,
576
.menuitem.button.flat, spinbutton:not(.vertical) button, spinbutton.vertical button, popover.background.menu button,
577
popover.background button.model, notebook > header > tabs > arrow, scrollbar button, check,
578
radio, calendar.button, messagedialog.csd .dialog-action-area button, button.sidebar-button, .gedit-search-slider button, popover.messagepopover .popover-action-area button, #mate-menu button, .budgie-settings-window buttonbox.inline-toolbar button, .raven .raven-header:not(.top) button, .drop-shadow button, .budgie-session-dialog .linked.horizontal > button, .lightdm-gtk-greeter button, :not(headerbar) .caja-pathbar button, .caja-pathbar :not(headerbar) button, :not(headerbar)
579
.path-bar button, layouttabbar button, .mate-panel-menu-bar button, .budgie-panel button, .raven stackswitcher.linked > button, toolbar button, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action),
580
headerbar button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button,
581
button.flat {
582
transition: all 250ms cubic-bezier(0, 0, 0.2, 1), background-size 350ms cubic-bezier(0, 0, 0.2, 1), background-image 1000ms cubic-bezier(0, 0, 0.2, 1);
583
box-shadow: inset 0 0 0 9999px transparent;
584
background-color: transparent;
585
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
586
background-repeat: no-repeat;
587
background-position: center;
588
background-size: 1000% 1000%;
589
color: rgba(0, 0, 0, 0.54);
590
}
591
modelbutton.flat:hover,
593
.menuitem.button.flat:hover, spinbutton:not(.vertical) button:hover, spinbutton.vertical button:hover, popover.background.menu button:hover,
594
popover.background button.model:hover, notebook > header > tabs > arrow:hover, scrollbar button:hover, check:hover,
595
radio:hover, calendar.button:hover, messagedialog.csd .dialog-action-area button:hover, button.sidebar-button:hover, .gedit-search-slider button:hover, popover.messagepopover .popover-action-area button:hover, #mate-menu button:hover, .budgie-settings-window buttonbox.inline-toolbar button:hover, .raven .raven-header:not(.top) button:hover, .drop-shadow button:hover, .budgie-session-dialog .linked.horizontal > button:hover, .lightdm-gtk-greeter button:hover, :not(headerbar) .caja-pathbar button:hover, .caja-pathbar :not(headerbar) button:hover, :not(headerbar)
596
.path-bar button:hover, layouttabbar button:hover, .mate-panel-menu-bar button:hover, .budgie-panel button:hover, .raven stackswitcher.linked > button:hover, toolbar button:hover, .titlebar:not(headerbar) button:hover:not(.suggested-action):not(.destructive-action),
597
headerbar button:hover:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:hover:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:hover,
598
button.flat:hover {
599
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.12);
600
color: rgba(0, 0, 0, 0.87);
601
}
602
modelbutton.flat:active,
604
.menuitem.button.flat:active, spinbutton:not(.vertical) button:active, spinbutton.vertical button:active, popover.background.menu button:active,
605
popover.background button.model:active, notebook > header > tabs > arrow:active, scrollbar button:active, check:active,
606
radio:active, calendar.button:active, messagedialog.csd .dialog-action-area button:active, button.sidebar-button:active, .gedit-search-slider button:active, popover.messagepopover .popover-action-area button:active, #mate-menu button:active, .budgie-settings-window buttonbox.inline-toolbar button:active, .raven .raven-header:not(.top) button:active, .drop-shadow button:active, .budgie-session-dialog .linked.horizontal > button:active, .lightdm-gtk-greeter button:active, :not(headerbar) .caja-pathbar button:active, .caja-pathbar :not(headerbar) button:active, :not(headerbar)
607
.path-bar button:active, layouttabbar button:active, .mate-panel-menu-bar button:active, .budgie-panel button:active, .raven stackswitcher.linked > button:active, toolbar button:active, .titlebar:not(headerbar) button:active:not(.suggested-action):not(.destructive-action),
608
headerbar button:active:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:active:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:active,
609
button.flat:active {
610
transition: all 250ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
611
animation: ripple_effect 250ms cubic-bezier(0, 0, 0.2, 1) forwards;
612
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.12);
613
background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.12) 10%, transparent 0%);
614
background-size: 0% 0%;
615
color: rgba(0, 0, 0, 0.87);
616
}
617
modelbutton.flat:disabled,
619
.menuitem.button.flat:disabled, spinbutton:not(.vertical) button:disabled, spinbutton.vertical button:disabled, popover.background.menu button:disabled,
620
popover.background button.model:disabled, notebook > header > tabs > arrow:disabled, scrollbar button:disabled, check:disabled,
621
radio:disabled, calendar.button:disabled, messagedialog.csd .dialog-action-area button:disabled, button.sidebar-button:disabled, .gedit-search-slider button:disabled, popover.messagepopover .popover-action-area button:disabled, #mate-menu button:disabled, .budgie-settings-window buttonbox.inline-toolbar button:disabled, .raven .raven-header:not(.top) button:disabled, .drop-shadow button:disabled, .budgie-session-dialog .linked.horizontal > button:disabled, .lightdm-gtk-greeter button:disabled, :not(headerbar) .caja-pathbar button:disabled, .caja-pathbar :not(headerbar) button:disabled, :not(headerbar)
622
.path-bar button:disabled, layouttabbar button:disabled, .mate-panel-menu-bar button:disabled, .budgie-panel button:disabled, .raven stackswitcher.linked > button:disabled, toolbar button:disabled, .titlebar:not(headerbar) button:disabled:not(.suggested-action):not(.destructive-action),
623
headerbar button:disabled:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:disabled:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:disabled,
624
button.flat:disabled {
625
box-shadow: none;
626
background-color: transparent;
627
color: rgba(0, 0, 0, 0.26);
628
}
629
:not(headerbar) .caja-pathbar button:checked, .caja-pathbar :not(headerbar) button:checked, :not(headerbar)
631
.path-bar button:checked, layouttabbar button:checked, .mate-panel-menu-bar button:checked, .budgie-panel button:checked, .raven stackswitcher.linked > button:checked, toolbar button:checked, .titlebar:not(headerbar) button:checked:not(.suggested-action):not(.destructive-action),
632
headerbar button:checked:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:checked:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:checked,
633
button.flat:checked {
634
background-color: alpha(currentColor, 0.24);
635
color: rgba(0, 0, 0, 0.87);
636
}
637
:not(headerbar) .caja-pathbar button:checked:disabled, .caja-pathbar :not(headerbar) button:checked:disabled, :not(headerbar)
639
.path-bar button:checked:disabled, layouttabbar button:checked:disabled, .mate-panel-menu-bar button:checked:disabled, .budgie-panel button:checked:disabled, .raven stackswitcher.linked > button:checked:disabled, toolbar button:checked:disabled, .titlebar:not(headerbar) button:checked:disabled:not(.suggested-action):not(.destructive-action),
640
headerbar button:checked:disabled:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:checked:disabled:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:checked:disabled,
641
button.flat:checked:disabled {
642
background-color: rgba(0, 0, 0, 0.12);
643
color: rgba(0, 0, 0, 0.38);
644
}
645
button.text-button {
648
padding-left: 16px;
649
padding-right: 16px;
650
}
651
button.image-button {
654
min-width: 24px;
655
padding: 4px;
656
}
657
button.text-button.image-button {
660
border-radius: 2px;
661
-gtk-outline-radius: 2px;
662
}
663
button.text-button.image-button label:first-child {
666
margin-left: 12px;
667
}
668
button.text-button.image-button label:last-child {
671
margin-right: 12px;
672
}
673
button.text-button.image-button image:not(:only-child) {
676
margin: 0 4px;
677
}
678
toolbar .linked > button, .titlebar:not(headerbar) .linked > button:not(.suggested-action):not(.destructive-action),
680
headerbar .linked > button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box .linked > button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification .linked > button, toolbar
681
.linked.vertical > button, .titlebar:not(headerbar)
682
.linked.vertical > button:not(.suggested-action):not(.destructive-action),
683
headerbar
684
.linked.vertical > button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box
685
.linked.vertical > button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification
686
.linked.vertical > button, .linked >
687
button.flat,
688
.linked.vertical >
689
button.flat {
690
border-radius: 2px;
691
}
692
toolbar .linked > button.text-button.image-button, .titlebar:not(headerbar) .linked > button.text-button.image-button:not(.suggested-action):not(.destructive-action),
694
headerbar .linked > button.text-button.image-button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box .linked > button.text-button.image-button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification .linked > button.text-button.image-button, toolbar
695
.linked.vertical > button.text-button.image-button, .titlebar:not(headerbar)
696
.linked.vertical > button.text-button.image-button:not(.suggested-action):not(.destructive-action),
697
headerbar
698
.linked.vertical > button.text-button.image-button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box
699
.linked.vertical > button.text-button.image-button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification
700
.linked.vertical > button.text-button.image-button, .linked >
701
button.flat.text-button.image-button,
702
.linked.vertical >
703
button.flat.text-button.image-button {
704
border-radius: 2px;
705
-gtk-outline-radius: 2px;
706
}
707
infobar.info button:disabled, infobar.question button:disabled, infobar.warning button:disabled, infobar.error button:disabled, row:selected
709
button:disabled {
710
background-color: rgba(255, 255, 255, 0.12);
711
color: rgba(255, 255, 255, 0.3);
712
}
713
row:selected button.sidebar-button, infobar.info button.flat, infobar.question button.flat, infobar.warning button.flat, infobar.error button.flat, .mate-panel-menu-bar button, .budgie-panel button, .raven stackswitcher.linked > button, .raven-mpris button.image-button, row:selected
715
button.flat {
716
color: rgba(255, 255, 255, 0.7);
717
}
718
row:selected button.sidebar-button:hover, infobar.info button.flat:hover, infobar.question button.flat:hover, infobar.warning button.flat:hover, infobar.error button.flat:hover, .mate-panel-menu-bar button:hover, .budgie-panel button:hover, .raven stackswitcher.linked > button:hover, .raven-mpris button.image-button:hover, row:selected button.sidebar-button:active, infobar.info button.flat:active, infobar.question button.flat:active, infobar.warning button.flat:active, infobar.error button.flat:active, .mate-panel-menu-bar button:active, .budgie-panel button:active, .raven stackswitcher.linked > button:active, .raven-mpris button.image-button:active, row:selected
720
button.flat:hover, row:selected
721
button.flat:active {
722
color: white;
723
}
724
row:selected button.sidebar-button:disabled, infobar.info button.flat:disabled, infobar.question button.flat:disabled, infobar.warning button.flat:disabled, infobar.error button.flat:disabled, .mate-panel-menu-bar button:disabled, .budgie-panel button:disabled, .raven stackswitcher.linked > button:disabled, .raven-mpris button.image-button:disabled, row:selected
726
button.flat:disabled {
727
color: rgba(255, 255, 255, 0.3);
728
}
729
row:selected button.sidebar-button:checked, infobar.info button.flat:checked, infobar.question button.flat:checked, infobar.warning button.flat:checked, infobar.error button.flat:checked, .mate-panel-menu-bar button:checked, .budgie-panel button:checked, .raven stackswitcher.linked > button:checked, .raven-mpris button.image-button:checked, row:selected
731
button.flat:checked {
732
background-color: rgba(255, 255, 255, 0.3);
733
color: white;
734
}
735
row:selected button.sidebar-button:checked:disabled, infobar.info button.flat:checked:disabled, infobar.question button.flat:checked:disabled, infobar.warning button.flat:checked:disabled, infobar.error button.flat:checked:disabled, .mate-panel-menu-bar button:checked:disabled, .budgie-panel button:checked:disabled, .raven stackswitcher.linked > button:checked:disabled, .raven-mpris button.image-button:checked:disabled, row:selected
737
button.flat:checked:disabled {
738
background-color: rgba(255, 255, 255, 0.12);
739
color: rgba(255, 255, 255, 0.5);
740
}
741
button.osd {
744
padding: 10px 14px;
745
}
746
button.osd.image-button {
749
padding: 10px;
750
}
751
button.osd:disabled {
754
opacity: 0;
755
}
756
button.suggested-action {
759
background-color: #01A299;
760
color: white;
761
}
762
button.suggested-action:disabled {
765
box-shadow: none;
766
background-color: rgba(0, 0, 0, 0.12);
767
color: rgba(0, 0, 0, 0.38);
768
}
769
button.suggested-action:checked {
772
background-color: #4dbeb8;
773
}
774
button.suggested-action.flat {
777
background-color: transparent;
778
color: #01A299;
779
}
780
button.suggested-action.flat:disabled {
783
box-shadow: none;
784
background-color: transparent;
785
color: rgba(0, 0, 0, 0.38);
786
}
787
button.suggested-action.flat:checked {
790
background-color: rgba(1, 162, 153, 0.3);
791
}
792
button.destructive-action {
795
background-color: #EA4335;
796
color: white;
797
}
798
button.destructive-action:disabled {
801
box-shadow: none;
802
background-color: rgba(0, 0, 0, 0.12);
803
color: rgba(0, 0, 0, 0.38);
804
}
805
button.destructive-action:checked {
808
background-color: #f07b72;
809
}
810
button.destructive-action.flat {
813
background-color: transparent;
814
color: #EA4335;
815
}
816
button.destructive-action.flat:disabled {
819
box-shadow: none;
820
background-color: transparent;
821
color: rgba(0, 0, 0, 0.38);
822
}
823
button.destructive-action.flat:checked {
826
background-color: rgba(234, 67, 53, 0.3);
827
}
828
.stack-switcher >
830
button {
831
outline-offset: -4px;
832
}
833
.stack-switcher >
835
button > label {
836
padding-left: 6px;
837
padding-right: 6px;
838
}
839
.stack-switcher >
841
button > image {
842
padding-left: 6px;
843
padding-right: 6px;
844
padding-top: 3px;
845
padding-bottom: 3px;
846
}
847
.stack-switcher >
849
button.text-button {
850
padding-left: 10px;
851
padding-right: 10px;
852
}
853
.stack-switcher >
855
button.image-button {
856
padding-left: 2px;
857
padding-right: 2px;
858
}
859
.stack-switcher >
861
button.needs-attention:checked > label,
862
.stack-switcher >
863
button.needs-attention:checked > image {
864
animation: none;
865
background-image: none;
866
}
867
.primary-toolbar
869
button {
870
-gtk-icon-shadow: none;
871
}
872
button.image-button, toolbar .linked > button.image-button, .titlebar:not(headerbar) .linked > button.image-button:not(.suggested-action):not(.destructive-action),
875
headerbar .linked > button.image-button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box .linked > button.image-button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification .linked > button.image-button, toolbar
876
.linked.vertical > button.image-button,
877
headerbar
878
.linked.vertical > button.image-button:not(.suggested-action):not(.destructive-action), .app-notification
879
.linked.vertical > button.image-button, .linked > button.flat.image-button,
880
.linked.vertical > button.flat.image-button, .inline-toolbar button:not(.text-button), check,
881
radio, button.titlebutton, .nautilus-window headerbar > revealer > button, .raven .raven-header:not(.top) button.image-button, .raven .expander-button,
882
button.close,
883
button.circular {
884
border-radius: 9999px;
885
-gtk-outline-radius: 9999px;
886
}
887
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 button:dir(ltr), .gedit-search-slider button:dir(rtl), .pluma-window paned.horizontal box.vertical box.horizontal button.flat {
889
min-height: 20px;
890
min-width: 20px;
891
padding: 0;
892
border-radius: 9999px;
893
-gtk-outline-radius: 9999px;
894
}
895
.stack-switcher >
897
button.needs-attention > label,
898
.stack-switcher >
899
button.needs-attention > image, stacksidebar row.needs-attention > label {
900
animation: needs_attention 250ms cubic-bezier(0, 0, 0.2, 1) forwards;
901
background-repeat: no-repeat;
902
background-position: right 3px;
903
background-size: 6px 6px;
904
}
905
.stack-switcher >
907
button.needs-attention > label:dir(rtl),
908
.stack-switcher >
909
button.needs-attention > image:dir(rtl), stacksidebar row.needs-attention > label:dir(rtl) {
910
background-position: left 3px;
911
}
912
.linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry, .linked > button, .linked:not(.vertical) > combobox > box > button.combo {
914
border-radius: 0;
915
-gtk-outline-radius: 2px;
916
}
917
.linked:not(.vertical) > spinbutton:first-child:not(.vertical), .linked:not(.vertical) > entry:first-child, .linked > button:first-child, combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > box > button.combo {
919
border-top-left-radius: 2px;
920
border-bottom-left-radius: 2px;
921
}
922
.linked:not(.vertical) > spinbutton:last-child:not(.vertical), .linked:not(.vertical) > entry:last-child, .linked > button:last-child, combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > box > button.combo {
924
border-top-right-radius: 2px;
925
border-bottom-right-radius: 2px;
926
}
927
.linked:not(.vertical) > spinbutton:only-child:not(.vertical), .linked:not(.vertical) > entry:only-child, .linked > button:only-child, .linked:not(.vertical) > combobox:only-child > box > button.combo {
929
border-radius: 2px;
930
}
931
.linked.vertical > spinbutton:not(.vertical), .linked.vertical > entry, .linked.vertical > button, .linked.vertical > combobox > box > button.combo {
933
border-radius: 0;
934
-gtk-outline-radius: 2px;
935
}
936
.linked.vertical > spinbutton:first-child:not(.vertical), .linked.vertical > entry:first-child, .linked.vertical > button:first-child, .linked.vertical > combobox:first-child > box > button.combo {
938
border-top-left-radius: 2px;
939
border-top-right-radius: 2px;
940
}
941
.linked.vertical > spinbutton:last-child:not(.vertical), .linked.vertical > entry:last-child, .linked.vertical > button:last-child, .linked.vertical > combobox:last-child > box > button.combo {
943
border-bottom-left-radius: 2px;
944
border-bottom-right-radius: 2px;
945
}
946
.linked.vertical > spinbutton:only-child:not(.vertical), .linked.vertical > entry:only-child, .linked.vertical > button:only-child, .linked.vertical > combobox:only-child > box > button.combo {
948
border-radius: 2px;
949
}
950
/* menu buttons */
952
modelbutton.flat,
953
.menuitem.button.flat {
954
min-height: 28px;
955
padding: 0 8px;
956
border-radius: 2px;
957
color: inherit;
958
}
959
modelbutton.flat arrow {
961
background: none;
962
}
963
modelbutton.flat arrow:hover {
965
background: none;
966
}
967
modelbutton.flat arrow.left {
969
-gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
970
}
971
modelbutton.flat arrow.right {
973
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
974
}
975
button.color {
977
min-height: 20px;
978
min-width: 20px;
979
padding: 6px;
980
}
981
/*********
983
* Links *
984
*********/
985
*:link, button:link,
986
button:visited, *:link:hover, button:hover:link,
987
button:hover:visited, *:link:active, button:active:link,
988
button:active:visited {
989
color: #4285F4;
990
}
991
*:link:visited,
993
button:visited, *:link:visited:hover,
994
button:visited:hover, *:link:visited:active,
995
button:visited:active {
996
color: #E040FB;
997
}
998
infobar.info *:link, infobar.info button:link, infobar.info
1000
button:visited, infobar.question *:link, infobar.question button:link, infobar.question
1001
button:visited, infobar.warning *:link, infobar.warning button:link, infobar.warning
1002
button:visited, infobar.error *:link, infobar.error button:link, infobar.error
1003
button:visited, *:link:selected, button:selected:link,
1004
button:selected:visited, .selection-mode.titlebar:not(headerbar) .subtitle:link,
1005
headerbar.selection-mode .subtitle:link,
1006
*:selected *:link,
1007
*:selected button:link,
1008
*:selected
1009
button:visited {
1010
color: white;
1011
}
1012
button:link > label,
1014
button:visited > label {
1015
text-decoration-line: underline;
1016
}
1017
/*****************
1019
* GtkSpinButton *
1020
*****************/
1021
spinbutton:not(.vertical) {
1022
padding: 0;
1023
}
1024
notebook > stack:not(:only-child) spinbutton:not(.vertical) entry, notebook > stack:not(:only-child) spinbutton:not(.vertical) entry:focus, notebook > stack:not(:only-child) spinbutton:not(.vertical) entry:disabled,
1026
spinbutton:not(.vertical) entry {
1027
min-width: 28px;
1028
margin: 0;
1029
border-image: none;
1030
border-radius: 0;
1031
box-shadow: none;
1032
background-color: transparent;
1033
}
1034
spinbutton:not(.vertical) button {
1036
border: solid 6px transparent;
1037
}
1038
spinbutton:not(.vertical) button.up:dir(ltr), spinbutton:not(.vertical) button.down:dir(rtl) {
1040
margin-left: -3px;
1041
}
1042
spinbutton:not(.vertical) button.up:dir(rtl), spinbutton:not(.vertical) button.down:dir(ltr) {
1044
margin-right: -3px;
1045
}
1046
spinbutton.vertical:disabled {
1048
color: rgba(0, 0, 0, 0.38);
1049
}
1050
spinbutton.vertical:drop(active) {
1052
box-shadow: none;
1053
}
1054
spinbutton.vertical entry {
1056
min-height: 32px;
1057
min-width: 44px;
1058
padding: 0;
1059
}
1060
spinbutton.vertical button {
1062
min-height: 32px;
1063
min-width: 44px;
1064
padding: 0;
1065
}
1066
spinbutton.vertical button.up {
1068
border-radius: 2px 2px 0 0;
1069
}
1070
spinbutton.vertical button.down {
1072
border-radius: 0 0 2px 2px;
1073
}
1074
treeview spinbutton:not(.vertical) {
1076
min-height: 0;
1077
border-style: none;
1078
border-radius: 0;
1079
}
1080
treeview spinbutton:not(.vertical) entry {
1082
min-height: 0;
1083
padding: 1px 2px;
1084
}
1085
/**************
1087
* ComboBoxes *
1088
**************/
1089
combobox arrow {
1090
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
1091
min-height: 16px;
1092
min-width: 16px;
1093
}
1094
combobox decoration,
1096
combobox button.combo:checked {
1097
transition: none;
1098
}
1099
combobox button.combo cellview:dir(ltr) {
1101
margin-left: 0px;
1102
}
1103
combobox button.combo cellview:dir(rtl) {
1105
margin-right: 0px;
1106
}
1107
combobox #gtk-combobox-popup-menu {
1109
padding: 2px 0;
1110
}
1111
combobox #gtk-combobox-popup-menu menuitem {
1113
min-height: 28px;
1114
padding: 0 8px;
1115
}
1116
combobox #gtk-combobox-popup-menu > arrow.top {
1118
margin-top: -2px;
1119
}
1120
combobox #gtk-combobox-popup-menu > arrow.bottom {
1122
margin-top: 4px;
1123
margin-bottom: -6px;
1124
}
1125
combobox:drop(active) {
1127
box-shadow: none;
1128
}
1129
notebook > stack:not(:only-child) button.combo, .raven .raven-background button.combo, #login_window #user_combobox button {
1131
border-radius: 0;
1132
background-image: none;
1133
font-weight: inherit;
1134
transition: all 250ms cubic-bezier(0, 0, 0.2, 1);
1135
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #4285F4 0%, transparent 0%) 0 0 0/0 0 0px;
1136
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26);
1137
background-color: transparent;
1138
color: rgba(0, 0, 0, 0.87);
1139
}
1140
notebook > stack:not(:only-child) button.combo:hover, .raven .raven-background button.combo:hover, #login_window #user_combobox button:hover {
1142
box-shadow: inset 0 -2px rgba(0, 0, 0, 0.38);
1143
}
1144
notebook > stack:not(:only-child) button.combo:checked, .raven .raven-background button.combo:checked, #login_window #user_combobox button:checked {
1146
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #4285F4 100%, transparent 0%) 0 0 2/0 0 2px;
1147
}
1148
notebook > stack:not(:only-child) button.combo:disabled, .raven .raven-background button.combo:disabled, #login_window #user_combobox button:disabled {
1150
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12);
1151
color: rgba(0, 0, 0, 0.38);
1152
}
1153
/************
1155
* Toolbars *
1156
************/
1157
toolbar {
1158
-GtkWidget-window-dragging: true;
1159
padding: 2px;
1160
background-color: #F2F2F2;
1161
}
1162
.osd toolbar {
1164
background-color: transparent;
1165
}
1166
toolbar.osd, .app-notification, frame.documents-dropdown {
1168
transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1);
1169
padding: 6px;
1170
border-radius: 2px;
1171
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 1px rgba(255, 255, 255, 0.4);
1172
background-color: #FFFFFF;
1173
}
1174
toolbar.osd:backdrop, .app-notification:backdrop, frame.documents-dropdown:backdrop {
1176
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 1px rgba(255, 255, 255, 0.4);
1177
}
1178
toolbar.osd.left, .left.app-notification, frame.left.documents-dropdown, toolbar.osd.right, .right.app-notification, frame.right.documents-dropdown, toolbar.osd.top, .top.app-notification, frame.top.documents-dropdown, toolbar.osd.bottom, .bottom.app-notification, frame.bottom.documents-dropdown {
1180
border-radius: 0;
1181
}
1182
toolbar.horizontal > separator {
1184
margin: 2px;
1185
}
1186
toolbar.vertical > separator {
1188
margin: 2px;
1189
}
1190
toolbar:not(.inline-toolbar):not(.osd) scale,
1192
toolbar:not(.inline-toolbar):not(.osd) entry,
1193
toolbar:not(.inline-toolbar):not(.osd) spinbutton,
1194
toolbar:not(.inline-toolbar):not(.osd) button {
1195
margin: 2px;
1196
}
1197
toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:first-child),
1199
toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:first-child),
1200
toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:first-child) {
1201
margin-left: 0;
1202
}
1203
toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:last-child),
1205
toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:last-child),
1206
toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:last-child) {
1207
margin-right: 0;
1208
}
1209
toolbar:not(.inline-toolbar):not(.osd) spinbutton entry,
1211
toolbar:not(.inline-toolbar):not(.osd) spinbutton button {
1212
margin: 0;
1213
}
1214
toolbar:not(.inline-toolbar):not(.osd) switch {
1216
margin: 8px 2px;
1217
}
1218
.inline-toolbar {
1220
padding: 6px;
1221
border-style: solid;
1222
border-width: 0 1px 1px;
1223
border-color: rgba(0, 0, 0, 0.12);
1224
background-color: #FAFAFA;
1225
}
1226
searchbar > revealer > box,
1228
.location-bar {
1229
padding: 6px;
1230
border-style: solid;
1231
border-width: 0 0 1px;
1232
border-color: rgba(0, 0, 0, 0.12);
1233
background-color: #F2F2F2;
1234
background-clip: border-box;
1235
}
1236
searchbar > revealer > box {
1238
margin: -6px;
1239
padding: 6px;
1240
}
1241
/***************
1243
* Header bars *
1244
***************/
1245
.titlebar:not(headerbar),
1246
headerbar {
1247
transition: background-color 150ms cubic-bezier(0, 0, 0.2, 1), color 250ms cubic-bezier(0, 0, 0.2, 1);
1248
min-height: 44px;
1249
padding: 0 6px;
1250
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 1px rgba(255, 255, 255, 0.4);
1251
background-color: #E0E0E0;
1252
color: rgba(0, 0, 0, 0.87);
1253
}
1254
.titlebar:disabled:not(headerbar) :not(button) > label,
1256
headerbar:disabled :not(button) > label {
1257
color: rgba(0, 0, 0, 0.38);
1258
}
1259
.titlebar:backdrop:not(headerbar),
1261
headerbar:backdrop {
1262
color: rgba(0, 0, 0, 0.54);
1263
}
1264
.titlebar:backdrop:disabled:not(headerbar) :not(button) > label,
1266
headerbar:backdrop:disabled :not(button) > label {
1267
color: rgba(0, 0, 0, 0.26);
1268
}
1269
.titlebar:not(headerbar) .title,
1271
headerbar .title {
1272
padding: 0 12px;
1273
font-weight: bold;
1274
}
1275
.titlebar:not(headerbar) .subtitle,
1277
headerbar .subtitle {
1278
padding: 0 12px;
1279
font-size: smaller;
1280
}
1281
.titlebar:not(headerbar) .linked:not(.vertical) > entry:not(.flat),
1283
headerbar .linked:not(.vertical) > entry:not(.flat) {
1284
border-radius: 2px;
1285
}
1286
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action),
1288
headerbar button:not(.suggested-action):not(.destructive-action) {
1289
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #4285F4 0%, transparent 0%) 0 0 0/0 0 0px;
1290
color: rgba(0, 0, 0, 0.54);
1291
}
1292
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):hover, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):active,
1294
headerbar button:not(.suggested-action):not(.destructive-action):hover,
1295
headerbar button:not(.suggested-action):not(.destructive-action):active {
1296
color: rgba(0, 0, 0, 0.87);
1297
}
1298
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):disabled,
1300
headerbar button:not(.suggested-action):not(.destructive-action):disabled {
1301
color: rgba(0, 0, 0, 0.26);
1302
}
1303
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked,
1305
headerbar button:not(.suggested-action):not(.destructive-action):checked {
1306
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #4285F4 100%, transparent 0%) 0 0 2/0 0 2px;
1307
color: rgba(0, 0, 0, 0.87);
1308
}
1309
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked:disabled,
1311
headerbar button:not(.suggested-action):not(.destructive-action):checked:disabled {
1312
color: rgba(0, 0, 0, 0.38);
1313
}
1314
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked:disabled,
1316
headerbar button:not(.suggested-action):not(.destructive-action):checked,
1317
headerbar button:not(.suggested-action):not(.destructive-action):checked:disabled {
1318
background-color: transparent;
1319
}
1320
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop,
1322
headerbar button:not(.suggested-action):not(.destructive-action):backdrop {
1323
color: rgba(0, 0, 0, 0.38);
1324
}
1325
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:hover, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:active,
1327
headerbar button:not(.suggested-action):not(.destructive-action):backdrop:hover,
1328
headerbar button:not(.suggested-action):not(.destructive-action):backdrop:active {
1329
color: rgba(0, 0, 0, 0.54);
1330
}
1331
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:disabled,
1333
headerbar button:not(.suggested-action):not(.destructive-action):backdrop:disabled {
1334
color: rgba(0, 0, 0, 0.26);
1335
}
1336
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked,
1338
headerbar button:not(.suggested-action):not(.destructive-action):backdrop:checked {
1339
color: rgba(0, 0, 0, 0.54);
1340
}
1341
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled,
1343
headerbar button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled {
1344
color: rgba(0, 0, 0, 0.26);
1345
}
1346
.titlebar:not(headerbar) button.suggested-action:disabled, .titlebar:not(headerbar) button.destructive-action:disabled,
1348
headerbar button.suggested-action:disabled,
1349
headerbar button.destructive-action:disabled {
1350
background-color: rgba(0, 0, 0, 0.12);
1351
color: rgba(0, 0, 0, 0.38);
1352
}
1353
.selection-mode.titlebar:not(headerbar),
1355
headerbar.selection-mode {
1356
transition: background-color 0.00001s 250ms, color 250ms cubic-bezier(0, 0, 0.2, 1);
1357
animation: header_ripple_effect 250ms cubic-bezier(0, 0, 0.2, 1);
1358
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 1px rgba(255, 255, 255, 0.2);
1359
background-color: #4285F4;
1360
color: white;
1361
}
1362
.selection-mode.titlebar:backdrop:not(headerbar),
1364
headerbar.selection-mode:backdrop {
1365
color: rgba(255, 255, 255, 0.7);
1366
}
1367
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action),
1369
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action) {
1370
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0/0 0 0px;
1371
color: white;
1372
}
1373
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):disabled,
1375
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):disabled {
1376
color: rgba(255, 255, 255, 0.5);
1377
}
1378
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked,
1380
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):checked {
1381
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2/0 0 2px;
1382
color: white;
1383
}
1384
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked:disabled,
1386
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):checked:disabled {
1387
color: rgba(255, 255, 255, 0.5);
1388
}
1389
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop,
1391
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop {
1392
color: rgba(255, 255, 255, 0.7);
1393
}
1394
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:disabled,
1396
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:disabled {
1397
color: rgba(255, 255, 255, 0.3);
1398
}
1399
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked,
1401
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked {
1402
color: rgba(255, 255, 255, 0.7);
1403
}
1404
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled,
1406
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled {
1407
color: rgba(255, 255, 255, 0.3);
1408
}
1409
.selection-mode.titlebar:not(headerbar) .selection-menu,
1411
headerbar.selection-mode .selection-menu {
1412
padding-left: 16px;
1413
padding-right: 16px;
1414
}
1415
.selection-mode.titlebar:not(headerbar) .selection-menu arrow,
1417
headerbar.selection-mode .selection-menu arrow {
1418
-GtkArrow-arrow-scaling: 1;
1419
}
1420
.selection-mode.titlebar:not(headerbar) .selection-menu .arrow,
1422
headerbar.selection-mode .selection-menu .arrow {
1423
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
1424
}
1425
.tiled .titlebar:not(headerbar),
1427
.tiled-top .titlebar:not(headerbar),
1428
.tiled-right .titlebar:not(headerbar),
1429
.tiled-bottom .titlebar:not(headerbar),
1430
.tiled-left .titlebar:not(headerbar),
1431
.maximized .titlebar:not(headerbar),
1432
.fullscreen .titlebar:not(headerbar), .tiled
1433
headerbar,
1434
.tiled-top
1435
headerbar,
1436
.tiled-right
1437
headerbar,
1438
.tiled-bottom
1439
headerbar,
1440
.tiled-left
1441
headerbar,
1442
.maximized
1443
headerbar,
1444
.fullscreen
1445
headerbar {
1446
border-radius: 0;
1447
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
1448
}
1449
.default-decoration.titlebar:not(headerbar),
1451
headerbar.default-decoration {
1452
min-height: 20px;
1453
padding: 6px;
1454
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
1455
}
1456
.tiled .default-decoration.titlebar:not(headerbar),
1458
.maximized .default-decoration.titlebar:not(headerbar),
1459
.fullscreen .default-decoration.titlebar:not(headerbar), .tiled
1460
headerbar.default-decoration,
1461
.maximized
1462
headerbar.default-decoration,
1463
.fullscreen
1464
headerbar.default-decoration {
1465
box-shadow: none;
1466
}
1467
.default-decoration.titlebar:not(headerbar) button.titlebutton,
1469
headerbar.default-decoration button.titlebutton {
1470
min-height: 20px;
1471
min-width: 20px;
1472
margin: 0;
1473
padding: 0;
1474
}
1475
.background:not(.csd) .default-decoration.titlebar:not(headerbar) button.titlebutton:active, .background:not(.csd)
1477
headerbar.default-decoration button.titlebutton:active {
1478
background-size: 1000% 1000%;
1479
}
1480
headerbar entry,
1482
headerbar spinbutton,
1483
headerbar button {
1484
margin-top: 6px;
1485
margin-bottom: 6px;
1486
}
1487
headerbar switch {
1489
margin-top: 10px;
1490
margin-bottom: 10px;
1491
}
1492
headerbar spinbutton button {
1494
margin-top: 0;
1495
margin-bottom: 0;
1496
}
1497
.background .titlebar {
1499
border-top-left-radius: 2px;
1500
border-top-right-radius: 2px;
1501
}
1502
.background.tiled .titlebar,
1504
.background.tiled-top .titlebar,
1505
.background.tiled-right .titlebar,
1506
.background.tiled-bottom .titlebar,
1507
.background.tiled-left .titlebar,
1508
.background.maximized .titlebar,
1509
.background.solid-csd .titlebar {
1510
border-top-left-radius: 0;
1511
border-top-right-radius: 0;
1512
}
1513
window separator:first-child + headerbar,
1515
window headerbar:first-child {
1516
border-top-left-radius: 2px;
1517
}
1518
window headerbar:last-child {
1520
border-top-right-radius: 2px;
1521
}
1522
window stack headerbar:first-child, window stack headerbar:last-child {
1524
border-top-left-radius: 2px;
1525
border-top-right-radius: 2px;
1526
}
1527
window.tiled headerbar, window.tiled headerbar:first-child, window.tiled headerbar:last-child, window.tiled headerbar:only-child,
1529
window.tiled-top headerbar,
1530
window.tiled-top headerbar:first-child,
1531
window.tiled-top headerbar:last-child,
1532
window.tiled-top headerbar:only-child,
1533
window.tiled-right headerbar,
1534
window.tiled-right headerbar:first-child,
1535
window.tiled-right headerbar:last-child,
1536
window.tiled-right headerbar:only-child,
1537
window.tiled-bottom headerbar,
1538
window.tiled-bottom headerbar:first-child,
1539
window.tiled-bottom headerbar:last-child,
1540
window.tiled-bottom headerbar:only-child,
1541
window.tiled-left headerbar,
1542
window.tiled-left headerbar:first-child,
1543
window.tiled-left headerbar:last-child,
1544
window.tiled-left headerbar:only-child,
1545
window.maximized headerbar,
1546
window.maximized headerbar:first-child,
1547
window.maximized headerbar:last-child,
1548
window.maximized headerbar:only-child,
1549
window.fullscreen headerbar,
1550
window.fullscreen headerbar:first-child,
1551
window.fullscreen headerbar:last-child,
1552
window.fullscreen headerbar:only-child,
1553
window.solid-csd headerbar,
1554
window.solid-csd headerbar:first-child,
1555
window.solid-csd headerbar:last-child,
1556
window.solid-csd headerbar:only-child {
1557
border-top-left-radius: 0;
1558
border-top-right-radius: 0;
1559
}
1560
window.csd > .titlebar:not(headerbar) {
1562
padding: 0;
1563
background-color: transparent;
1564
background-image: none;
1565
border-style: none;
1566
box-shadow: none;
1567
}
1568
.titlebar:not(headerbar) > separator {
1570
background-color: #E0E0E0;
1571
background-image: image(rgba(0, 0, 0, 0.12));
1572
}
1573
/************
1575
* Pathbars *
1576
************/
1577
.caja-pathbar button,
1578
.path-bar button {
1579
padding-left: 4px;
1580
padding-right: 4px;
1581
}
1582
.caja-pathbar button label:not(:only-child):first-child,
1584
.path-bar button label:not(:only-child):first-child {
1585
margin-left: 4px;
1586
}
1587
.caja-pathbar button label:not(:only-child):last-child,
1589
.path-bar button label:not(:only-child):last-child {
1590
margin-right: 4px;
1591
}
1592
.caja-pathbar button.slider-button,
1594
.path-bar button.slider-button {
1595
padding-left: 4px;
1596
padding-right: 4px;
1597
}
1598
:not(headerbar) .caja-pathbar button, .caja-pathbar :not(headerbar) button, :not(headerbar)
1600
.path-bar button {
1601
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #4285F4 0%, transparent 0%) 0 0 0/0 0 0px;
1602
border-radius: 2px;
1603
}
1604
:not(headerbar) .caja-pathbar button:checked, .caja-pathbar :not(headerbar) button:checked, :not(headerbar)
1606
.path-bar button:checked {
1607
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #4285F4 100%, transparent 0%) 0 0 2/0 0 2px;
1608
}
1609
:not(headerbar) .caja-pathbar button:checked, .caja-pathbar :not(headerbar) button:checked, :not(headerbar) .caja-pathbar button:checked:disabled, .caja-pathbar :not(headerbar) button:checked:disabled, :not(headerbar)
1611
.path-bar button:checked, :not(headerbar)
1612
.path-bar button:checked:disabled {
1613
background-color: transparent;
1614
}
1615
/**************
1617
* Tree Views *
1618
**************/
1619
treeview.view {
1620
border-left-color: rgba(0, 0, 0, 0.26);
1621
border-top-color: rgba(0, 0, 0, 0.12);
1622
}
1623
* {
1625
-GtkTreeView-horizontal-separator: 4;
1626
-GtkTreeView-grid-line-width: 1;
1627
-GtkTreeView-grid-line-pattern: '';
1628
-GtkTreeView-tree-line-width: 1;
1629
-GtkTreeView-tree-line-pattern: '';
1630
-GtkTreeView-expander-size: 16;
1631
}
1632
treeview.view:selected {
1634
border-left-color: rgba(255, 255, 255, 0.3);
1635
}
1636
treeview.view:hover, treeview.view:active, treeview.view:selected {
1638
border-radius: 0;
1639
}
1640
treeview.view.separator {
1642
min-height: 5px;
1643
color: rgba(0, 0, 0, 0.12);
1644
}
1645
treeview.view:drop(active) {
1647
border-style: solid none;
1648
border-width: 1px;
1649
border-color: #01A299;
1650
}
1651
treeview.view:drop(active).after {
1653
border-top-style: none;
1654
}
1655
treeview.view:drop(active).before {
1657
border-bottom-style: none;
1658
}
1659
treeview.view.expander {
1661
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
1662
-gtk-icon-transform: rotate(-90deg);
1663
color: rgba(0, 0, 0, 0.54);
1664
}
1665
treeview.view.expander:dir(rtl) {
1667
-gtk-icon-transform: rotate(90deg);
1668
}
1669
treeview.view.expander:checked {
1671
-gtk-icon-transform: unset;
1672
}
1673
treeview.view.expander:hover, treeview.view.expander:active {
1675
color: rgba(0, 0, 0, 0.87);
1676
}
1677
treeview.view.expander:disabled {
1679
color: rgba(0, 0, 0, 0.26);
1680
}
1681
treeview.view.expander:selected {
1683
color: rgba(255, 255, 255, 0.7);
1684
}
1685
treeview.view.expander:selected:hover, treeview.view.expander:selected:active {
1687
color: white;
1688
}
1689
treeview.view.expander:selected:disabled {
1691
color: rgba(255, 255, 255, 0.3);
1692
}
1693
treeview.view.progressbar {
1695
border-bottom: 4px solid #4285F4;
1696
box-shadow: none;
1697
background-color: transparent;
1698
}
1699
treeview.view.progressbar:selected {
1701
border-bottom-color: white;
1702
}
1703
treeview.view.trough {
1705
border-bottom: 4px solid rgba(66, 133, 244, 0.3);
1706
box-shadow: none;
1707
background-color: transparent;
1708
}
1709
treeview.view.trough:selected {
1711
border-bottom-color: rgba(255, 255, 255, 0.3);
1712
}
1713
treeview.view header button {
1715
padding: 2px 6px;
1716
border-style: none solid solid none;
1717
border-width: 1px;
1718
border-color: rgba(0, 0, 0, 0.12);
1719
border-radius: 0;
1720
background-clip: border-box;
1721
}
1722
treeview.view header button, treeview.view header button:hover, treeview.view header button:active {
1724
box-shadow: none;
1725
}
1726
treeview.view header button, treeview.view header button:disabled {
1728
background-color: #FFFFFF;
1729
}
1730
treeview.view header button:last-child {
1732
border-right-style: none;
1733
}
1734
treeview.view button.dnd,
1736
treeview.view header.button.dnd {
1737
padding: 2px 6px;
1738
border-style: none solid solid;
1739
border-width: 1px;
1740
border-color: rgba(0, 0, 0, 0.12);
1741
border-radius: 0;
1742
box-shadow: none;
1743
background-color: #FFFFFF;
1744
background-clip: border-box;
1745
color: #4285F4;
1746
}
1747
treeview.view acceleditor > label {
1749
background-color: #4285F4;
1750
}
1751
/*********
1753
* Menus *
1754
*********/
1755
menubar,
1756
.menubar {
1757
-GtkWidget-window-dragging: true;
1758
padding: 0;
1759
background-color: #E0E0E0;
1760
}
1761
menubar > menuitem,
1763
.menubar > menuitem {
1764
transition: all 150ms cubic-bezier(0, 0, 0.2, 1);
1765
min-height: 20px;
1766
padding: 4px 8px;
1767
color: rgba(0, 0, 0, 0.54);
1768
}
1769
menubar > menuitem:hover,
1771
.menubar > menuitem:hover {
1772
transition: none;
1773
background-color: rgba(0, 0, 0, 0.12);
1774
color: rgba(0, 0, 0, 0.87);
1775
}
1776
menubar > menuitem:disabled,
1778
.menubar > menuitem:disabled {
1779
color: rgba(0, 0, 0, 0.26);
1780
}
1781
menubar > menuitem label:disabled,
1783
.menubar > menuitem label:disabled {
1784
color: inherit;
1785
}
1786
.csd.popup {
1788
background-color: transparent;
1789
}
1790
menu,
1792
.menu,
1793
.context-menu {
1794
margin: 4px 0;
1795
padding: 4px 0;
1796
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
1797
background-color: #FFFFFF;
1798
border: 1px solid rgba(0, 0, 0, 0.12);
1799
}
1800
.csd menu, .csd
1802
.menu, .csd
1803
.context-menu {
1804
border: none;
1805
border-radius: 2px;
1806
}
1807
menu menuitem,
1809
.menu menuitem,
1810
.context-menu menuitem {
1811
transition: background-color 150ms cubic-bezier(0, 0, 0.2, 1);
1812
min-height: 20px;
1813
min-width: 40px;
1814
padding: 4px 8px;
1815
font: initial;
1816
text-shadow: none;
1817
}
1818
menu menuitem:hover,
1820
.menu menuitem:hover,
1821
.context-menu menuitem:hover {
1822
transition: none;
1823
background-color: rgba(0, 0, 0, 0.12);
1824
}
1825
menu menuitem:disabled,
1827
.menu menuitem:disabled,
1828
.context-menu menuitem:disabled {
1829
color: rgba(0, 0, 0, 0.38);
1830
}
1831
menu menuitem arrow,
1833
.menu menuitem arrow,
1834
.context-menu menuitem arrow {
1835
min-height: 16px;
1836
min-width: 16px;
1837
}
1838
menu menuitem arrow:dir(ltr),
1840
.menu menuitem arrow:dir(ltr),
1841
.context-menu menuitem arrow:dir(ltr) {
1842
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
1843
margin-left: 8px;
1844
}
1845
menu menuitem arrow:dir(rtl),
1847
.menu menuitem arrow:dir(rtl),
1848
.context-menu menuitem arrow:dir(rtl) {
1849
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl");
1850
margin-right: 8px;
1851
}
1852
menu menuitem label:dir(rtl), menu menuitem label:dir(ltr),
1854
.menu menuitem label:dir(rtl),
1855
.menu menuitem label:dir(ltr),
1856
.context-menu menuitem label:dir(rtl),
1857
.context-menu menuitem label:dir(ltr) {
1858
color: inherit;
1859
}
1860
menu > arrow,
1862
.menu > arrow,
1863
.context-menu > arrow {
1864
min-height: 16px;
1865
min-width: 16px;
1866
padding: 4px;
1867
background-color: #FFFFFF;
1868
color: rgba(0, 0, 0, 0.54);
1869
}
1870
menu > arrow.top,
1872
.menu > arrow.top,
1873
.context-menu > arrow.top {
1874
margin-top: -4px;
1875
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
1876
border-radius: 2px 2px 0 0;
1877
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
1878
}
1879
menu > arrow.bottom,
1881
.menu > arrow.bottom,
1882
.context-menu > arrow.bottom {
1883
margin-top: 8px;
1884
margin-bottom: -12px;
1885
border-top: 1px solid rgba(0, 0, 0, 0.12);
1886
border-radius: 0 0 2px 2px;
1887
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
1888
}
1889
menu > arrow:hover,
1891
.menu > arrow:hover,
1892
.context-menu > arrow:hover {
1893
background-image: image(rgba(0, 0, 0, 0.12));
1894
color: rgba(0, 0, 0, 0.87);
1895
}
1896
menu > arrow:disabled,
1898
.menu > arrow:disabled,
1899
.context-menu > arrow:disabled {
1900
border-color: transparent;
1901
background-color: transparent;
1902
color: transparent;
1903
}
1904
menu separator,
1906
.menu separator,
1907
.context-menu separator {
1908
margin: 4px 0;
1909
}
1910
menuitem accelerator {
1912
color: rgba(0, 0, 0, 0.54);
1913
}
1914
.popup:not(.csd) menu menuitem {
1916
color: #212121;
1917
}
1918
.popup:not(.csd) menu menuitem:hover {
1920
background-color: #E0E0E0;
1921
}
1922
.popup:not(.csd) menu menuitem:disabled {
1924
color: #9E9E9E;
1925
}
1926
.popup:not(.csd) menu accelerator {
1928
color: #757575;
1929
}
1930
/************
1932
* Popovers *
1933
************/
1934
popover.background {
1935
transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1);
1936
padding: 2px;
1937
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
1938
background-color: #FFFFFF;
1939
}
1940
popover.background:backdrop {
1942
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
1943
}
1944
popover.background, .csd popover.background {
1946
border-style: solid;
1947
border-width: 1px;
1948
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.3);
1949
border-radius: 3px;
1950
}
1951
popover.background > stack {
1953
margin: -4px;
1954
}
1955
popover.background > toolbar {
1957
margin: -2px;
1958
}
1959
popover.background > list,
1961
popover.background > .view,
1962
popover.background > toolbar {
1963
border-style: none;
1964
box-shadow: none;
1965
background-color: transparent;
1966
}
1967
popover.background.menu button,
1969
popover.background button.model {
1970
min-height: 32px;
1971
padding: 0 8px;
1972
border-radius: 2px;
1973
}
1974
popover.background separator {
1976
margin: 4px 0;
1977
}
1978
popover.background list separator {
1980
margin: 0;
1981
}
1982
/*************
1984
* Notebooks *
1985
*************/
1986
notebook > header {
1987
border-width: 1px;
1988
border-color: rgba(0, 0, 0, 0.12);
1989
background-color: #F2F2F2;
1990
background-clip: border-box;
1991
}
1992
notebook > header.top {
1994
border-bottom-style: solid;
1995
}
1996
notebook > header.top > tabs {
1998
margin-bottom: -1px;
1999
}
2000
notebook > header.top > tabs > tab:hover {
2002
box-shadow: inset 0 -2px rgba(0, 0, 0, 0.26);
2003
}
2004
notebook > header.top > tabs > tab:checked {
2006
box-shadow: inset 0 -2px #4285F4;
2007
}
2008
notebook > header.bottom {
2010
border-top-style: solid;
2011
}
2012
notebook > header.bottom > tabs {
2014
margin-top: -1px;
2015
}
2016
notebook > header.bottom > tabs > tab:hover {
2018
box-shadow: inset 0 2px rgba(0, 0, 0, 0.26);
2019
}
2020
notebook > header.bottom > tabs > tab:checked {
2022
box-shadow: inset 0 2px #4285F4;
2023
}
2024
notebook > header.left {
2026
border-right-style: solid;
2027
}
2028
notebook > header.left > tabs {
2030
margin-right: -1px;
2031
}
2032
notebook > header.left > tabs > tab:hover {
2034
box-shadow: inset -2px 0 rgba(0, 0, 0, 0.26);
2035
}
2036
notebook > header.left > tabs > tab:checked {
2038
box-shadow: inset -2px 0 #4285F4;
2039
}
2040
notebook > header.right {
2042
border-left-style: solid;
2043
}
2044
notebook > header.right > tabs {
2046
margin-left: -1px;
2047
}
2048
notebook > header.right > tabs > tab:hover {
2050
box-shadow: inset 2px 0 rgba(0, 0, 0, 0.26);
2051
}
2052
notebook > header.right > tabs > tab:checked {
2054
box-shadow: inset 2px 0 #4285F4;
2055
}
2056
notebook > header.top > tabs > arrow {
2058
border-top-style: none;
2059
}
2060
notebook > header.bottom > tabs > arrow {
2062
border-bottom-style: none;
2063
}
2064
notebook > header.top > tabs > arrow, notebook > header.bottom > tabs > arrow {
2066
padding-left: 4px;
2067
padding-right: 4px;
2068
}
2069
notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down {
2071
margin-left: -8px;
2072
-gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
2073
}
2074
notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up {
2076
margin-right: -8px;
2077
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
2078
}
2079
notebook > header.left > tabs > arrow {
2081
border-left-style: none;
2082
}
2083
notebook > header.right > tabs > arrow {
2085
border-right-style: none;
2086
}
2087
notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow {
2089
padding-top: 4px;
2090
padding-bottom: 4px;
2091
}
2092
notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down {
2094
margin-top: -8px;
2095
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
2096
}
2097
notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up {
2099
margin-bottom: -8px;
2100
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
2101
}
2102
notebook > header > tabs > arrow {
2104
min-height: 16px;
2105
min-width: 16px;
2106
border-radius: 0;
2107
}
2108
notebook > header tab {
2110
transition: all 250ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
2111
min-height: 20px;
2112
min-width: 20px;
2113
padding: 6px 12px;
2114
outline-offset: -6px;
2115
border-width: 1px;
2116
border-color: transparent;
2117
background-image: radial-gradient(circle farthest-corner at center, #4285F4 10%, transparent 0%);
2118
background-repeat: no-repeat;
2119
background-position: center;
2120
background-size: 0% 0%;
2121
color: rgba(0, 0, 0, 0.54);
2122
font-weight: 500;
2123
}
2124
notebook > header tab:hover {
2126
color: rgba(0, 0, 0, 0.87);
2127
}
2128
notebook > header tab:hover.reorderable-page {
2130
border-color: rgba(0, 0, 0, 0.12);
2131
background-color: #FAFAFA;
2132
}
2133
notebook > header tab:disabled {
2135
color: rgba(0, 0, 0, 0.26);
2136
}
2137
notebook > header tab:checked {
2139
transition: all 250ms cubic-bezier(0, 0, 0.2, 1), background-size 250ms cubic-bezier(0, 0, 0.2, 1), background-image 600ms cubic-bezier(0, 0, 0.2, 1);
2140
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
2141
background-size: 1000% 1000%;
2142
color: rgba(0, 0, 0, 0.87);
2143
}
2144
notebook > header tab:checked:disabled {
2146
color: rgba(0, 0, 0, 0.38);
2147
}
2148
notebook > header tab:checked.reorderable-page {
2150
border-color: rgba(0, 0, 0, 0.12);
2151
background-color: #FFFFFF;
2152
}
2153
notebook > header tab button.flat:last-child {
2155
margin-left: 6px;
2156
margin-right: -6px;
2157
}
2158
notebook > header tab button.flat:first-child {
2160
margin-left: -6px;
2161
margin-right: 6px;
2162
}
2163
notebook > header.top tabs, notebook > header.bottom tabs {
2165
padding-left: 8px;
2166
padding-right: 8px;
2167
}
2168
notebook > header.top tabs:not(:only-child):first-child, notebook > header.bottom tabs:not(:only-child):first-child {
2170
margin-left: 0;
2171
}
2172
notebook > header.top tabs:not(:only-child):last-child, notebook > header.bottom tabs:not(:only-child):last-child {
2174
margin-right: 0;
2175
}
2176
notebook > header.top tabs tab.reorderable-page, notebook > header.bottom tabs tab.reorderable-page {
2178
margin: 0 -1px;
2179
border-style: none solid;
2180
}
2181
notebook > header.left tabs, notebook > header.right tabs {
2183
padding-top: 8px;
2184
padding-bottom: 8px;
2185
}
2186
notebook > header.left tabs:not(:only-child):first-child, notebook > header.right tabs:not(:only-child):first-child {
2188
margin-top: 0;
2189
}
2190
notebook > header.left tabs:not(:only-child):last-child, notebook > header.right tabs:not(:only-child):last-child {
2192
margin-bottom: 0;
2193
}
2194
notebook > header.left tabs tab.reorderable-page, notebook > header.right tabs tab.reorderable-page {
2196
margin: -1px 0;
2197
border-style: solid none;
2198
}
2199
notebook > stack:not(:only-child) {
2201
background-color: #FFFFFF;
2202
}
2203
/**************
2205
* Scrollbars *
2206
**************/
2207
scrollbar {
2208
transition: all 250ms cubic-bezier(0, 0, 0.2, 1);
2209
background-color: #FFFFFF;
2210
background-clip: padding-box;
2211
}
2212
* {
2214
-GtkScrollbar-has-backward-stepper: false;
2215
-GtkScrollbar-has-forward-stepper: false;
2216
}
2217
scrollbar.top {
2219
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
2220
}
2221
scrollbar.bottom {
2223
border-top: 1px solid rgba(0, 0, 0, 0.12);
2224
}
2225
scrollbar.left {
2227
border-right: 1px solid rgba(0, 0, 0, 0.12);
2228
}
2229
scrollbar.right {
2231
border-left: 1px solid rgba(0, 0, 0, 0.12);
2232
}
2233
scrollbar slider {
2235
transition: all 150ms cubic-bezier(0, 0, 0.2, 1), margin 0, border-width 0;
2236
min-width: 8px;
2237
min-height: 8px;
2238
border: 4px solid transparent;
2239
border-radius: 9999px;
2240
background-clip: padding-box;
2241
background-color: rgba(0, 0, 0, 0.38);
2242
}
2243
scrollbar slider:hover {
2245
background-color: rgba(0, 0, 0, 0.54);
2246
}
2247
scrollbar slider:active {
2249
background-color: rgba(0, 0, 0, 0.87);
2250
}
2251
scrollbar slider:disabled {
2253
background-color: rgba(0, 0, 0, 0.26);
2254
}
2255
scrollbar.fine-tune slider {
2257
transition: all 150ms cubic-bezier(0, 0, 0.2, 1), margin 0, border-width 0, min-width 0, min-height 0;
2258
min-width: 4px;
2259
min-height: 4px;
2260
}
2261
scrollbar.fine-tune.horizontal slider {
2263
margin: 2px 0;
2264
}
2265
scrollbar.fine-tune.vertical slider {
2267
margin: 0 2px;
2268
}
2269
scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
2271
border-color: transparent;
2272
background-color: transparent;
2273
}
2274
scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider {
2276
min-width: 4px;
2277
min-height: 4px;
2278
margin: 3px;
2279
border: 1px solid rgba(255, 255, 255, 0.3);
2280
}
2281
scrollbar.overlay-indicator:not(.dragging):not(.hovering) button {
2283
min-width: 4px;
2284
min-height: 4px;
2285
margin: 3px;
2286
border: 1px solid rgba(255, 255, 255, 0.3);
2287
border-radius: 9999px;
2288
background-color: rgba(0, 0, 0, 0.38);
2289
background-clip: padding-box;
2290
-gtk-icon-source: none;
2291
}
2292
scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled {
2294
background-color: rgba(0, 0, 0, 0.26);
2295
}
2296
scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider {
2298
min-width: 24px;
2299
}
2300
scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button {
2302
min-width: 8px;
2303
}
2304
scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider {
2306
min-height: 24px;
2307
}
2308
scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button {
2310
min-height: 8px;
2311
}
2312
scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering {
2314
background-color: rgba(255, 255, 255, 0.9);
2315
}
2316
scrollbar.horizontal slider {
2318
min-width: 24px;
2319
}
2320
scrollbar.vertical slider {
2322
min-height: 24px;
2323
}
2324
scrollbar button {
2326
min-width: 16px;
2327
min-height: 16px;
2328
padding: 0;
2329
border-radius: 0;
2330
}
2331
scrollbar.vertical button.down {
2333
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
2334
}
2335
scrollbar.vertical button.up {
2337
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
2338
}
2339
scrollbar.horizontal button.down {
2341
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
2342
}
2343
scrollbar.horizontal button.up {
2345
-gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
2346
}
2347
/**********
2349
* Switch *
2350
**********/
2351
switch {
2352
transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1), opacity 250ms cubic-bezier(0, 0, 0.2, 1);
2353
margin: 6px 0;
2354
padding: 0 2px;
2355
border: 5px solid transparent;
2356
border-radius: 9999px;
2357
background-color: rgba(0, 0, 0, 0.26);
2358
background-clip: padding-box;
2359
font-size: 0;
2360
}
2361
switch:checked {
2363
background-color: rgba(1, 162, 153, 0.5);
2364
}
2365
switch:disabled {
2367
opacity: 0.5;
2368
}
2369
switch slider {
2371
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), box-shadow 250ms cubic-bezier(0, 0, 0.2, 1);
2372
min-width: 20px;
2373
min-height: 20px;
2374
margin: -3px -2px;
2375
border-radius: 9999px;
2376
box-shadow: 0 0 0 10px transparent, 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
2377
background-color: #FFFFFF;
2378
color: rgba(0, 0, 0, 0.54);
2379
}
2380
switch:hover slider {
2382
box-shadow: 0 0 0 10px alpha(currentColor, 0.16), 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
2383
}
2384
switch:focus slider {
2386
box-shadow: 0 0 0 10px alpha(currentColor, 0.2), 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
2387
}
2388
switch:focus:hover slider {
2390
box-shadow: 0 0 0 10px alpha(currentColor, 0.24), 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
2391
}
2392
switch:checked slider {
2394
background-color: #01A299;
2395
color: #01A299;
2396
}
2397
/*************************
2399
* Check and Radio items *
2400
*************************/
2401
.view.content-view.check:not(list),
2402
.content-view .tile check:not(list) {
2403
min-height: 40px;
2404
min-width: 40px;
2405
margin: 0;
2406
padding: 0;
2407
box-shadow: none;
2408
background-color: transparent;
2409
background-image: none;
2410
-gtk-icon-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
2411
}
2412
.view.content-view.check:not(list):hover, .view.content-view.check:not(list):active,
2414
.content-view .tile check:not(list):hover,
2415
.content-view .tile check:not(list):active {
2416
-gtk-icon-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
2417
}
2418
.view.content-view.check:not(list),
2420
.content-view .tile check:not(list) {
2421
-gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-unchecked.png"), url("assets/selectionmode-checkbox-unchecked@2.png"));
2422
}
2423
.view.content-view.check:not(list):checked,
2425
.content-view .tile check:not(list):checked {
2426
-gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-checked.png"), url("assets/selectionmode-checkbox-checked@2.png"));
2427
}
2428
checkbutton,
2430
radiobutton {
2431
outline: none;
2432
}
2433
checkbutton.text-button,
2435
radiobutton.text-button {
2436
padding: 2px;
2437
}
2438
checkbutton.text-button label:not(:only-child),
2440
radiobutton.text-button label:not(:only-child) {
2441
margin: 0 4px;
2442
}
2443
check,
2445
radio {
2446
min-height: 24px;
2447
min-width: 24px;
2448
margin: -8px;
2449
padding: 8px;
2450
}
2451
check:focus,
2453
radio:focus {
2454
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.2);
2455
}
2456
check:hover,
2458
radio:hover {
2459
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.12);
2460
}
2461
check:checked, check:indeterminate,
2463
radio:checked,
2464
radio:indeterminate {
2465
color: #01A299;
2466
}
2467
check:checked:disabled, check:indeterminate:disabled,
2469
radio:checked:disabled,
2470
radio:indeterminate:disabled {
2471
color: rgba(1, 162, 153, 0.5);
2472
}
2473
row:selected check:not(:checked):not(:indeterminate), row:selected
2475
radio:not(:checked):not(:indeterminate) {
2476
color: rgba(255, 255, 255, 0.7);
2477
}
2478
row:selected check:not(:checked):not(:indeterminate):hover, row:selected check:not(:checked):not(:indeterminate):active, row:selected
2480
radio:not(:checked):not(:indeterminate):hover, row:selected
2481
radio:not(:checked):not(:indeterminate):active {
2482
color: white;
2483
}
2484
row:selected check:not(:checked):not(:indeterminate):disabled, row:selected
2486
radio:not(:checked):not(:indeterminate):disabled {
2487
color: rgba(255, 255, 255, 0.3);
2488
}
2489
popover check, popover check:focus, popover check:hover, popover check:active, popover check:disabled, popover
2491
radio, popover
2492
radio:focus, popover
2493
radio:hover, popover
2494
radio:active, popover
2495
radio:disabled {
2496
transition: none;
2497
box-shadow: none;
2498
background-image: none;
2499
}
2500
popover check:not(:checked):not(:indeterminate):not(:disabled), popover
2502
radio:not(:checked):not(:indeterminate):not(:disabled) {
2503
color: rgba(0, 0, 0, 0.54);
2504
}
2505
popover check.left:dir(rtl), popover
2507
radio.left:dir(rtl) {
2508
margin-left: -12px;
2509
margin-right: -4px;
2510
}
2511
popover check.right:dir(ltr), popover
2513
radio.right:dir(ltr) {
2514
margin-left: -4px;
2515
margin-right: -12px;
2516
}
2517
menu menuitem check, menu menuitem
2519
radio {
2520
transition: none;
2521
margin: 0;
2522
padding: 0;
2523
}
2524
menu menuitem check:dir(ltr), menu menuitem
2526
radio:dir(ltr) {
2527
margin-right: 8px;
2528
}
2529
menu menuitem check:dir(rtl), menu menuitem
2531
radio:dir(rtl) {
2532
margin-left: 8px;
2533
}
2534
menu menuitem check:not(:checked):not(:indeterminate):not(:disabled), menu menuitem
2536
radio:not(:checked):not(:indeterminate):not(:disabled) {
2537
color: rgba(0, 0, 0, 0.54);
2538
}
2539
menu menuitem check, menu menuitem check:hover, menu menuitem check:disabled, menu menuitem
2541
radio, menu menuitem
2542
radio:hover, menu menuitem
2543
radio:disabled {
2544
box-shadow: none;
2545
}
2546
check {
2549
-gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-unchecked-symbolic.svg"));
2550
}
2551
check:checked {
2554
-gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-checked-symbolic.svg"));
2555
}
2556
check:indeterminate {
2559
-gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-mixed-symbolic.svg"));
2560
}
2561
radio {
2564
-gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-unchecked-symbolic.svg"));
2565
border-image-slice: 20;
2566
border-image-width: 20px;
2567
}
2568
radio:indeterminate {
2571
-gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-mixed-symbolic.svg"));
2572
}
2573
radio {
2576
border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#01A299), to(transparent));
2577
}
2578
radio:checked:not(:indeterminate) {
2581
border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.125, to(#01A299), to(transparent));
2582
}
2583
radio:checked:not(:indeterminate):disabled {
2586
border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.125, to(rgba(1, 162, 153, 0.5)), to(transparent));
2587
}
2588
window.background:not(.csd) > widget > checkbutton > check,
2590
menu menuitem check {
2591
min-height: 16px;
2592
min-width: 16px;
2593
border-radius: 2px;
2594
-gtk-outline-radius: 2px;
2595
-gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-unchecked-symbolic.svg"));
2596
}
2597
window.background:not(.csd) > widget > checkbutton > check:checked,
2599
menu menuitem check:checked {
2600
-gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-checked-symbolic.svg"));
2601
}
2602
window.background:not(.csd) > widget > checkbutton > check:indeterminate,
2604
menu menuitem check:indeterminate {
2605
-gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-mixed-symbolic.svg"));
2606
}
2607
window.background:not(.csd) > widget > radiobutton > radio,
2609
menu menuitem radio {
2610
min-height: 16px;
2611
min-width: 16px;
2612
border-image: none;
2613
-gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-unchecked-symbolic.svg"));
2614
}
2615
window.background:not(.csd) > widget > radiobutton > radio:checked,
2617
menu menuitem radio:checked {
2618
-gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-checked-symbolic.svg"));
2619
}
2620
window.background:not(.csd) > widget > radiobutton > radio:indeterminate,
2622
menu menuitem radio:indeterminate {
2623
-gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-mixed-symbolic.svg"));
2624
}
2625
check:not(:checked):active {
2627
-gtk-icon-transform: rotate(90deg);
2628
}
2629
check:not(:checked):indeterminate:active,
2631
radio:not(:checked):indeterminate:active {
2632
-gtk-icon-transform: scaleX(-1);
2633
}
2634
check:not(:checked),
2636
radio:not(:checked) {
2637
transition: all 250ms cubic-bezier(0, 0, 0.2, 1), background-size 350ms cubic-bezier(0, 0, 0.2, 1), background-image 1000ms cubic-bezier(0, 0, 0.2, 1), -gtk-icon-transform 0;
2638
}
2639
check:not(:checked):active,
2641
radio:not(:checked):active {
2642
transition: all 250ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0, -gtk-icon-transform 0;
2643
}
2644
menu menuitem check:not(:checked), menu menuitem
2646
radio:not(:checked) {
2647
transition: none;
2648
}
2649
treeview.view check,
2651
treeview.view radio {
2652
padding: 0;
2653
}
2654
treeview.view check:hover,
2656
treeview.view radio:hover {
2657
box-shadow: inset 0 0 0 9999px alpha(rgba(0, 0, 0, 0.87), 0.05);
2658
}
2659
treeview.view check:hover:disabled,
2661
treeview.view radio:hover:disabled {
2662
box-shadow: none;
2663
}
2664
treeview.view check:hover:selected,
2666
treeview.view radio:hover:selected {
2667
box-shadow: inset 0 0 0 9999px alpha(white, 0.05);
2668
}
2669
treeview.view check,
2671
treeview.view radio {
2672
color: rgba(0, 0, 0, 0.54);
2673
}
2674
treeview.view check:hover, treeview.view check:active,
2676
treeview.view radio:hover,
2677
treeview.view radio:active {
2678
color: rgba(0, 0, 0, 0.87);
2679
}
2680
treeview.view check:disabled,
2682
treeview.view radio:disabled {
2683
color: rgba(0, 0, 0, 0.26);
2684
}
2685
treeview.view check:checked, treeview.view check:indeterminate,
2687
treeview.view radio:checked,
2688
treeview.view radio:indeterminate {
2689
color: #01A299;
2690
}
2691
treeview.view check:checked:disabled, treeview.view check:indeterminate:disabled,
2693
treeview.view radio:checked:disabled,
2694
treeview.view radio:indeterminate:disabled {
2695
color: rgba(1, 162, 153, 0.5);
2696
}
2697
treeview.view check:selected,
2699
treeview.view radio:selected {
2700
color: rgba(255, 255, 255, 0.7);
2701
}
2702
treeview.view check:selected:hover, treeview.view check:selected:active,
2704
treeview.view radio:selected:hover,
2705
treeview.view radio:selected:active {
2706
color: white;
2707
}
2708
treeview.view check:selected:disabled,
2710
treeview.view radio:selected:disabled {
2711
color: rgba(255, 255, 255, 0.3);
2712
}
2713
treeview.view check:selected:checked, treeview.view check:selected:indeterminate,
2715
treeview.view radio:selected:checked,
2716
treeview.view radio:selected:indeterminate {
2717
color: #01A299;
2718
}
2719
treeview.view check:selected:checked:disabled, treeview.view check:selected:indeterminate:disabled,
2721
treeview.view radio:selected:checked:disabled,
2722
treeview.view radio:selected:indeterminate:disabled {
2723
color: rgba(1, 162, 153, 0.5);
2724
}
2725
treeview.view radio:checked {
2727
-gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-checked-symbolic.svg"));
2728
border-image: none;
2729
}
2730
/************
2732
* GtkScale *
2733
************/
2734
scale {
2735
min-height: 2px;
2736
min-width: 2px;
2737
}
2738
scale.horizontal {
2740
padding: 15px 12px;
2741
}
2742
scale.vertical {
2744
padding: 12px 15px;
2745
}
2746
scale slider {
2748
min-height: 32px;
2749
min-width: 32px;
2750
margin: -15px;
2751
}
2752
scale.fine-tune.horizontal {
2754
min-height: 4px;
2755
padding-top: 14px;
2756
padding-bottom: 14px;
2757
}
2758
scale.fine-tune.vertical {
2760
min-width: 4px;
2761
padding-left: 14px;
2762
padding-right: 14px;
2763
}
2764
scale.fine-tune slider {
2766
margin: -14px;
2767
}
2768
scale trough {
2770
transition: background-color 250ms cubic-bezier(0, 0, 0.2, 1);
2771
outline: none;
2772
background-color: rgba(0, 0, 0, 0.26);
2773
}
2774
scale trough:disabled {
2776
background-color: rgba(0, 0, 0, 0.12);
2777
}
2778
scale highlight {
2780
transition: background-color 250ms cubic-bezier(0, 0, 0.2, 1);
2781
background-color: #01A299;
2782
}
2783
scale highlight:disabled {
2785
background-color: transparent;
2786
}
2787
scale fill {
2789
transition: background-color 250ms cubic-bezier(0, 0, 0.2, 1);
2790
background-color: rgba(0, 0, 0, 0.26);
2791
}
2792
scale fill:disabled {
2794
background-color: transparent;
2795
}
2796
scale slider {
2798
transition: background-color 250ms cubic-bezier(0, 0, 0.2, 1), background-size 350ms cubic-bezier(0, 0, 0.2, 1), background-image 1000ms cubic-bezier(0, 0, 0.2, 1);
2799
background-repeat: no-repeat;
2800
background-position: center;
2801
background-size: auto, 1000% 1000%;
2802
border-radius: 50%;
2803
color: transparent;
2804
}
2805
scale slider {
2807
background-image: -gtk-scaled(url("assets/scale-slider.png"), url("assets/scale-slider@2.png")), radial-gradient(circle farthest-corner at center, currentColor 10%, transparent 0%);
2808
}
2809
scale slider:disabled {
2811
background-image: -gtk-scaled(url("assets/scale-slider-disabled.png"), url("assets/scale-slider-disabled@2.png")), radial-gradient(circle farthest-corner at center, currentColor 10%, transparent 0%);
2812
}
2813
scale slider:focus {
2815
background-color: rgba(1, 162, 153, 0.16);
2816
}
2817
scale slider:hover {
2819
background-color: rgba(1, 162, 153, 0.12);
2820
}
2821
scale slider:active {
2823
transition: background-color 250ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
2824
animation: scale_ripple_effect 250ms cubic-bezier(0, 0, 0.2, 1) forwards;
2825
background-size: auto, 0% 0%;
2826
background-color: rgba(1, 162, 153, 0.12);
2827
color: rgba(1, 162, 153, 0.12);
2828
}
2829
scale marks label,
2831
scale value {
2832
color: rgba(0, 0, 0, 0.38);
2833
}
2834
scale marks {
2836
color: rgba(0, 0, 0, 0.26);
2837
}
2838
scale marks.top {
2840
margin-bottom: 7px;
2841
margin-top: -15px;
2842
}
2843
scale marks.bottom {
2845
margin-top: 7px;
2846
margin-bottom: -15px;
2847
}
2848
scale marks.left {
2850
margin-right: 7px;
2851
margin-left: -15px;
2852
}
2853
scale marks.right {
2855
margin-left: 7px;
2856
margin-right: -15px;
2857
}
2858
scale.fine-tune marks.top {
2860
margin-bottom: 6px;
2861
margin-top: -14px;
2862
}
2863
scale.fine-tune marks.bottom {
2865
margin-top: 6px;
2866
margin-bottom: -14px;
2867
}
2868
scale.fine-tune marks.left {
2870
margin-right: 6px;
2871
margin-left: -14px;
2872
}
2873
scale.fine-tune marks.right {
2875
margin-left: 6px;
2876
margin-right: -14px;
2877
}
2878
scale.horizontal indicator {
2880
min-height: 8px;
2881
min-width: 1px;
2882
}
2883
scale.vertical indicator {
2885
min-height: 1px;
2886
min-width: 8px;
2887
}
2888
scale.horizontal.marks-before:not(.marks-after) slider {
2890
background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider.png"), url("assets/scale-horz-marks-before-slider@2.png")), radial-gradient(circle farthest-corner at center, currentColor 10%, transparent 0%);
2891
}
2892
scale.horizontal.marks-before:not(.marks-after) slider:disabled {
2894
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 farthest-corner at center, currentColor 10%, transparent 0%);
2895
}
2896
scale.horizontal.marks-after:not(.marks-before) slider {
2898
background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider.png"), url("assets/scale-horz-marks-after-slider@2.png")), radial-gradient(circle farthest-corner at center, currentColor 10%, transparent 0%);
2899
}
2900
scale.horizontal.marks-after:not(.marks-before) slider:disabled {
2902
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 farthest-corner at center, currentColor 10%, transparent 0%);
2903
}
2904
scale.vertical.marks-before:not(.marks-after) slider {
2906
background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider.png"), url("assets/scale-vert-marks-before-slider@2.png")), radial-gradient(circle farthest-corner at center, currentColor 10%, transparent 0%);
2907
}
2908
scale.vertical.marks-before:not(.marks-after) slider:disabled {
2910
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 farthest-corner at center, currentColor 10%, transparent 0%);
2911
}
2912
scale.vertical.marks-after:not(.marks-before) slider {
2914
background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider.png"), url("assets/scale-vert-marks-after-slider@2.png")), radial-gradient(circle farthest-corner at center, currentColor 10%, transparent 0%);
2915
}
2916
scale.vertical.marks-after:not(.marks-before) slider:disabled {
2918
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 farthest-corner at center, currentColor 10%, transparent 0%);
2919
}
2920
scale.color {
2922
min-height: 0;
2923
min-width: 0;
2924
}
2925
scale.color.horizontal {
2927
padding: 0 0 12px 0;
2928
}
2929
scale.color.horizontal slider:dir(ltr), scale.color.horizontal slider:dir(rtl) {
2931
margin-bottom: -24px;
2932
margin-top: 8px;
2933
}
2934
scale.color.vertical:dir(ltr) {
2936
padding: 0 0 0 12px;
2937
}
2938
scale.color.vertical:dir(ltr) slider {
2940
margin-left: -24px;
2941
margin-right: 8px;
2942
}
2943
scale.color.vertical:dir(rtl) {
2945
padding: 0 12px 0 0;
2946
}
2947
scale.color.vertical:dir(rtl) slider {
2949
margin-right: -24px;
2950
margin-left: 8px;
2951
}
2952
/*****************
2954
* Progress bars *
2955
*****************/
2956
progressbar {
2957
color: rgba(0, 0, 0, 0.38);
2958
font-size: smaller;
2959
}
2960
progressbar.horizontal trough,
2962
progressbar.horizontal progress {
2963
min-height: 4px;
2964
}
2965
progressbar.vertical trough,
2967
progressbar.vertical progress {
2968
min-width: 4px;
2969
}
2970
progressbar trough {
2972
background-color: rgba(66, 133, 244, 0.3);
2973
}
2974
progressbar progress {
2976
background-color: #4285F4;
2977
}
2978
progressbar trough.empty progress {
2980
all: unset;
2981
}
2982
/*************
2984
* Level Bar *
2985
*************/
2986
levelbar.horizontal block {
2987
min-height: 4px;
2988
}
2989
levelbar.horizontal.discrete block {
2991
min-width: 32px;
2992
}
2993
levelbar.horizontal.discrete block:not(:last-child) {
2995
margin-right: 2px;
2996
}
2997
levelbar.vertical block {
2999
min-width: 4px;
3000
}
3001
levelbar.vertical.discrete block {
3003
min-height: 32px;
3004
}
3005
levelbar.vertical.discrete block:not(:last-child) {
3007
margin-bottom: 2px;
3008
}
3009
levelbar block.low {
3011
background-color: #FBBC05;
3012
}
3013
levelbar block.high, levelbar block:not(.empty) {
3015
background-color: #4285F4;
3016
}
3017
levelbar block.full {
3019
background-color: #34A853;
3020
}
3021
levelbar block.empty {
3023
background-color: rgba(0, 0, 0, 0.12);
3024
}
3025
/****************
3027
* Print dialog *
3028
*****************/
3029
printdialog paper {
3030
padding: 0;
3031
border: 1px solid rgba(0, 0, 0, 0.12);
3032
background-color: #FFFFFF;
3033
color: rgba(0, 0, 0, 0.87);
3034
}
3035
printdialog .dialog-action-box {
3037
margin: 12px;
3038
}
3039
/**********
3041
* Frames *
3042
**********/
3043
frame > border,
3044
.frame {
3045
margin: 0;
3046
padding: 0;
3047
border: 1px solid rgba(0, 0, 0, 0.12);
3048
border-radius: 0;
3049
box-shadow: none;
3050
}
3051
frame > border.flat,
3053
.frame.flat,
3054
frame.flat > border {
3055
border-style: none;
3056
}
3057
actionbar > revealer > box {
3059
padding: 6px;
3060
border-top: 1px solid rgba(0, 0, 0, 0.12);
3061
}
3062
scrolledwindow viewport.frame {
3064
border-style: none;
3065
}
3066
overshoot.top {
3068
background-image: -gtk-gradient(radial, center top, 0, center top, 0.75, to(rgba(123, 170, 247, 0.3)), to(transparent));
3069
background-repeat: no-repeat;
3070
background-position: center top;
3071
background-color: transparent;
3072
border: none;
3073
box-shadow: none;
3074
}
3075
overshoot.bottom {
3077
background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.75, to(rgba(123, 170, 247, 0.3)), to(transparent));
3078
background-repeat: no-repeat;
3079
background-position: center bottom;
3080
background-color: transparent;
3081
border: none;
3082
box-shadow: none;
3083
}
3084
overshoot.left {
3086
background-image: -gtk-gradient(radial, left center, 0, left center, 0.75, to(rgba(123, 170, 247, 0.3)), to(transparent));
3087
background-repeat: no-repeat;
3088
background-position: left center;
3089
background-color: transparent;
3090
border: none;
3091
box-shadow: none;
3092
}
3093
overshoot.right {
3095
background-image: -gtk-gradient(radial, right center, 0, right center, 0.75, to(rgba(123, 170, 247, 0.3)), to(transparent));
3096
background-repeat: no-repeat;
3097
background-position: right center;
3098
background-color: transparent;
3099
border: none;
3100
box-shadow: none;
3101
}
3102
undershoot.top {
3104
background-color: transparent;
3105
background-image: linear-gradient(to left, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%);
3106
padding-top: 1px;
3107
background-size: 12px 1px;
3108
background-repeat: repeat-x;
3109
background-origin: content-box;
3110
background-position: left top;
3111
}
3112
undershoot.bottom {
3114
background-color: transparent;
3115
background-image: linear-gradient(to left, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%);
3116
padding-bottom: 1px;
3117
background-size: 12px 1px;
3118
background-repeat: repeat-x;
3119
background-origin: content-box;
3120
background-position: left bottom;
3121
}
3122
undershoot.left {
3124
background-color: transparent;
3125
background-image: linear-gradient(to top, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%);
3126
padding-left: 1px;
3127
background-size: 1px 12px;
3128
background-repeat: repeat-y;
3129
background-origin: content-box;
3130
background-position: left top;
3131
}
3132
undershoot.right {
3134
background-color: transparent;
3135
background-image: linear-gradient(to top, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%);
3136
padding-right: 1px;
3137
background-size: 1px 12px;
3138
background-repeat: repeat-y;
3139
background-origin: content-box;
3140
background-position: right top;
3141
}
3142
junction {
3144
border-style: solid none none solid;
3145
border-width: 1px;
3146
border-color: rgba(0, 0, 0, 0.12);
3147
background-color: #FFFFFF;
3148
}
3149
junction:dir(rtl) {
3151
border-style: solid solid none none;
3152
}
3153
separator {
3155
min-width: 1px;
3156
min-height: 1px;
3157
background-color: rgba(0, 0, 0, 0.12);
3158
}
3159
button.font separator,
3162
button.file separator, .tweak-categories separator, preferences stacksidebar.sidebar list separator {
3163
min-width: 0;
3164
min-height: 0;
3165
background-color: transparent;
3166
}
3167
/*********
3169
* Lists *
3170
*********/
3171
list {
3172
border-color: rgba(0, 0, 0, 0.12);
3173
background-color: #FFFFFF;
3174
}
3175
list row {
3177
padding: 2px;
3178
}
3179
row.activatable, .view, treeview.view header button, .budgie-menu button {
3181
transition: all 250ms cubic-bezier(0, 0, 0.2, 1), background-color 0, color 0, background-size 350ms cubic-bezier(0, 0, 0.2, 1), background-image 1000ms cubic-bezier(0, 0, 0.2, 1);
3182
box-shadow: inset 0 0 0 9999px transparent;
3183
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
3184
background-repeat: no-repeat;
3185
background-position: center;
3186
background-size: 1000% 1000%;
3187
}
3188
row.activatable:hover, .view:hover, treeview.view header button:hover, .budgie-menu button:hover {
3190
transition: all 250ms cubic-bezier(0, 0, 0.2, 1), background-color 0, color 0, box-shadow 0, background-size 350ms cubic-bezier(0, 0, 0.2, 1), background-image 1000ms cubic-bezier(0, 0, 0.2, 1);
3191
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.06);
3192
}
3193
row.activatable.has-open-popup, .has-open-popup.view, treeview.view header button.has-open-popup, .budgie-menu button.has-open-popup, row.activatable:active, .view:active, treeview.view header button:active, .budgie-menu button:active {
3195
transition: all 250ms cubic-bezier(0, 0, 0.2, 1), background-color 0, color 0, background-size 0, background-image 0;
3196
animation: ripple_effect 250ms cubic-bezier(0, 0, 0.2, 1) forwards;
3197
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.12);
3198
background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.12) 10%, transparent 0%);
3199
background-size: 0% 0%;
3200
}
3201
/*********************
3203
* App Notifications *
3204
*********************/
3205
.app-notification {
3206
margin: 8px;
3207
}
3208
.app-notification.frame,
3210
.app-notification border {
3211
border-style: none;
3212
}
3213
/*************
3215
* Expanders *
3216
*************/
3217
expander title > arrow {
3218
transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
3219
min-width: 16px;
3220
min-height: 16px;
3221
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
3222
-gtk-icon-transform: rotate(-90deg);
3223
color: rgba(0, 0, 0, 0.54);
3224
}
3225
expander title > arrow:dir(rtl) {
3227
-gtk-icon-transform: rotate(90deg);
3228
}
3229
expander title > arrow:checked {
3231
-gtk-icon-transform: unset;
3232
}
3233
expander title > arrow:hover, expander title > arrow:active {
3235
color: rgba(0, 0, 0, 0.87);
3236
}
3237
expander title > arrow:disabled {
3239
color: rgba(0, 0, 0, 0.26);
3240
}
3241
expander title > arrow:selected {
3243
color: rgba(255, 255, 255, 0.7);
3244
}
3245
expander title > arrow:selected:hover, expander title > arrow:selected:active {
3247
color: white;
3248
}
3249
expander title > arrow:selected:disabled {
3251
color: rgba(255, 255, 255, 0.3);
3252
}
3253
/************
3255
* Calendar *
3256
************/
3257
calendar {
3258
padding: 1px;
3259
border: 1px solid rgba(0, 0, 0, 0.12);
3260
color: rgba(0, 0, 0, 0.87);
3261
}
3262
calendar:disabled {
3264
color: rgba(0, 0, 0, 0.38);
3265
}
3266
calendar:selected {
3268
border-radius: 3px;
3269
}
3270
calendar.header {
3272
border-style: none none solid;
3273
border-radius: 0;
3274
}
3275
calendar.highlight {
3277
color: rgba(0, 0, 0, 0.54);
3278
font-weight: 500;
3279
}
3280
calendar:indeterminate {
3282
color: rgba(0, 0, 0, 0.26);
3283
}
3284
/***********
3286
* Dialogs *
3287
***********/
3288
messagedialog.background {
3289
background-color: #FFFFFF;
3290
}
3291
messagedialog .titlebar {
3293
min-height: 20px;
3294
border-style: none;
3295
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
3296
background-color: #FFFFFF;
3297
color: rgba(0, 0, 0, 0.87);
3298
}
3299
messagedialog .titlebar:backdrop {
3301
color: rgba(0, 0, 0, 0.54);
3302
}
3303
messagedialog.csd.background {
3305
border-bottom-left-radius: 2px;
3306
border-bottom-right-radius: 2px;
3307
}
3308
messagedialog.csd .dialog-action-area {
3310
margin-top: -6px;
3311
padding: 6px;
3312
}
3313
messagedialog.csd .dialog-action-area button {
3315
border-radius: 2px;
3316
}
3317
messagedialog.csd .dialog-action-area button:not(:last-child) {
3319
margin-right: 6px;
3320
}
3321
messagedialog.csd .dialog-action-area button.suggested-action:not(:disabled) {
3323
color: #01A299;
3324
}
3325
messagedialog.csd .dialog-action-area button.destructive-action:not(:disabled) {
3327
color: #EA4335;
3328
}
3329
filechooser .dialog-action-box {
3331
border-top: 1px solid rgba(0, 0, 0, 0.12);
3332
}
3333
filechooser #pathbarbox {
3335
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
3336
background-color: #F2F2F2;
3337
}
3338
filechooserbutton:drop(active) {
3340
box-shadow: none;
3341
}
3342
/***********
3344
* Sidebar *
3345
***********/
3346
.sidebar {
3347
border-style: none;
3348
background-color: #FAFAFA;
3349
}
3350
stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left, .sidebar.left:dir(rtl) {
3352
border-right: 1px solid rgba(0, 0, 0, 0.12);
3353
border-left-style: none;
3354
}
3355
stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right {
3357
border-left: 1px solid rgba(0, 0, 0, 0.12);
3358
border-right-style: none;
3359
}
3360
.sidebar list {
3362
background-color: transparent;
3363
}
3364
paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar {
3366
border-style: none;
3367
}
3368
stacksidebar row {
3370
padding: 10px 4px;
3371
}
3372
stacksidebar row > label {
3374
padding-left: 6px;
3375
padding-right: 6px;
3376
}
3377
/****************
3379
* File chooser *
3380
****************/
3381
row image.sidebar-icon {
3382
color: rgba(0, 0, 0, 0.54);
3383
}
3384
row:selected image.sidebar-icon {
3386
color: rgba(255, 255, 255, 0.7);
3387
}
3388
placessidebar > viewport.frame {
3390
border-style: none;
3391
}
3392
placessidebar list {
3394
padding: 1px 0 4px;
3395
}
3396
placessidebar row {
3398
min-height: 32px;
3399
margin: -1px 0;
3400
padding: 0;
3401
}
3402
placessidebar row > revealer {
3404
padding: 0 12px;
3405
}
3406
placessidebar row:selected {
3408
color: white;
3409
}
3410
placessidebar row:disabled {
3412
color: rgba(0, 0, 0, 0.38);
3413
}
3414
placessidebar row image.sidebar-icon:dir(ltr) {
3416
padding-right: 8px;
3417
}
3418
placessidebar row image.sidebar-icon:dir(rtl) {
3420
padding-left: 8px;
3421
}
3422
placessidebar row label.sidebar-label:dir(ltr) {
3424
padding-right: 2px;
3425
}
3426
placessidebar row label.sidebar-label:dir(rtl) {
3428
padding-left: 2px;
3429
}
3430
placessidebar row.sidebar-placeholder-row {
3432
min-height: 2px;
3433
padding: 0 8px;
3434
background-image: image(#01A299);
3435
background-clip: content-box;
3436
}
3437
placessidebar row.sidebar-new-bookmark-row {
3439
color: #01A299;
3440
}
3441
placessidebar row:drop(active):not(:disabled) {
3443
box-shadow: inset 0 0 0 2px #01A299;
3444
}
3445
placesview .server-list-button > image {
3447
-gtk-icon-transform: rotate(0turn);
3448
}
3449
placesview .server-list-button:checked > image {
3451
-gtk-icon-transform: rotate(-0.5turn);
3452
}
3453
placesview > actionbar > revealer > box > label {
3455
padding-left: 8px;
3456
padding-right: 8px;
3457
}
3458
/*********
3460
* Paned *
3461
*********/
3462
paned > separator {
3463
min-width: 1px;
3464
min-height: 1px;
3465
-gtk-icon-source: none;
3466
border-style: none;
3467
background-color: transparent;
3468
background-image: image(rgba(0, 0, 0, 0.12));
3469
background-size: 1px 1px;
3470
background-clip: content-box;
3471
}
3472
paned > separator.wide {
3474
min-width: 6px;
3475
min-height: 6px;
3476
background-color: #F2F2F2;
3477
background-image: image(rgba(0, 0, 0, 0.12)), image(rgba(0, 0, 0, 0.12));
3478
background-size: 1px 1px, 1px 1px;
3479
}
3480
paned.horizontal > separator {
3482
background-repeat: repeat-y;
3483
}
3484
paned.horizontal > separator:dir(ltr) {
3486
margin: 0 -8px 0 0;
3487
padding: 0 8px 0 0;
3488
background-position: left;
3489
}
3490
paned.horizontal > separator:dir(rtl) {
3492
margin: 0 0 0 -8px;
3493
padding: 0 0 0 8px;
3494
background-position: right;
3495
}
3496
paned.horizontal > separator.wide {
3498
margin: 0;
3499
padding: 0;
3500
background-repeat: repeat-y, repeat-y;
3501
background-position: left, right;
3502
}
3503
paned.vertical > separator {
3505
margin: 0 0 -8px 0;
3506
padding: 0 0 8px 0;
3507
background-repeat: repeat-x;
3508
background-position: top;
3509
}
3510
paned.vertical > separator.wide {
3512
margin: 0;
3513
padding: 0;
3514
background-repeat: repeat-x, repeat-x;
3515
background-position: bottom, top;
3516
}
3517
/**************
3519
* GtkInfoBar *
3520
**************/
3521
infobar {
3522
border-style: none;
3523
}
3524
infobar.info {
3526
background-color: #34A853;
3527
}
3528
infobar.question {
3530
background-color: #4285F4;
3531
}
3532
infobar.warning {
3534
background-color: #FBBC05;
3535
}
3536
infobar.error {
3538
background-color: #EA4335;
3539
}
3540
infobar.info > label, infobar.info, infobar.question > label, infobar.question, infobar.warning > label, infobar.warning, infobar.error > label, infobar.error {
3542
color: white;
3543
}
3544
/************
3546
* Tooltips *
3547
************/
3548
tooltip {
3549
border-radius: 2px;
3550
box-shadow: none;
3551
}
3552
tooltip.background {
3554
background-color: rgba(97, 97, 97, 0.9);
3555
color: white;
3556
}
3557
tooltip decoration {
3559
background-color: transparent;
3560
}
3561
tooltip label {
3563
min-height: 20px;
3564
padding: 0 2px;
3565
}
3566
/*****************
3568
* Color Chooser *
3569
*****************/
3570
colorswatch.top {
3571
border-top-left-radius: 2.5px;
3572
border-top-right-radius: 2.5px;
3573
}
3574
colorswatch.top overlay {
3576
border-top-left-radius: 2px;
3577
border-top-right-radius: 2px;
3578
}
3579
colorswatch.bottom {
3581
border-bottom-left-radius: 2.5px;
3582
border-bottom-right-radius: 2.5px;
3583
}
3584
colorswatch.bottom overlay {
3586
border-bottom-left-radius: 2px;
3587
border-bottom-right-radius: 2px;
3588
}
3589
colorswatch.left, colorswatch:first-child:not(.top) {
3591
border-top-left-radius: 2.5px;
3592
border-bottom-left-radius: 2.5px;
3593
}
3594
colorswatch.left overlay, colorswatch:first-child:not(.top) overlay {
3596
border-top-left-radius: 2px;
3597
border-bottom-left-radius: 2px;
3598
}
3599
colorswatch.right, colorswatch:last-child:not(.bottom) {
3601
border-top-right-radius: 2.5px;
3602
border-bottom-right-radius: 2.5px;
3603
}
3604
colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay {
3606
border-top-right-radius: 2px;
3607
border-bottom-right-radius: 2px;
3608
}
3609
colorswatch.dark {
3611
color: white;
3612
}
3613
colorswatch.light {
3615
color: rgba(0, 0, 0, 0.87);
3616
}
3617
colorswatch:drop(active) {
3619
box-shadow: none;
3620
}
3621
colorswatch:drop(active).light overlay {
3623
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), 0 0 0 2px #01A299;
3624
}
3625
colorswatch:drop(active).dark overlay {
3627
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), 0 0 0 2px #01A299;
3628
}
3629
colorswatch overlay {
3631
transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1);
3632
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
3633
}
3634
colorswatch overlay:hover {
3636
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
3637
}
3638
colorswatch#add-color-button {
3640
border-radius: 2px 2px 0 0;
3641
color: white;
3642
}
3643
colorswatch#add-color-button:only-child {
3645
border-radius: 2px;
3646
}
3647
colorswatch#add-color-button overlay {
3649
background-image: linear-gradient(to right, #EA4335 25%, #FBBC05 25%, #FBBC05 50%, #34A853 50%, #34A853 75%, #4285F4 75%);
3650
}
3651
colorswatch:disabled {
3653
opacity: 0.5;
3654
}
3655
colorswatch:disabled overlay {
3657
box-shadow: none;
3658
}
3659
colorswatch#editor-color-sample {
3661
border-radius: 2.5px;
3662
}
3663
colorswatch#editor-color-sample overlay {
3665
border-radius: 2px;
3666
}
3667
colorchooser .popover.osd {
3669
transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1);
3670
border-radius: 2px;
3671
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 1px rgba(255, 255, 255, 0.4);
3672
background-color: #FFFFFF;
3673
}
3674
colorchooser .popover.osd:backdrop {
3676
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 1px rgba(255, 255, 255, 0.4);
3677
}
3678
/********
3680
* Misc *
3681
********/
3682
.content-view {
3683
background-color: #F2F2F2;
3684
}
3685
/**********************
3687
* Window Decorations *
3688
**********************/
3689
decoration {
3690
transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1);
3691
border-radius: 2px 2px 0 0;
3692
box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22), 0 16px 16px transparent;
3693
margin: 8px;
3694
}
3695
decoration:backdrop {
3697
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), 0 16px 16px transparent;
3698
}
3699
.maximized decoration,
3701
.fullscreen decoration,
3702
.tiled decoration,
3703
.tiled-top decoration,
3704
.tiled-right decoration,
3705
.tiled-bottom decoration,
3706
.tiled-left decoration {
3707
border-radius: 0;
3708
}
3709
.popup decoration {
3711
box-shadow: none;
3712
}
3713
.ssd decoration {
3715
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16);
3716
}
3717
.csd.popup decoration {
3719
border-radius: 2px;
3720
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
3721
}
3722
tooltip.csd decoration {
3724
border-radius: 2px;
3725
box-shadow: none;
3726
}
3727
messagedialog.csd decoration {
3729
border-radius: 2px;
3730
}
3731
.solid-csd decoration {
3733
margin: 0;
3734
border-radius: 0;
3735
box-shadow: none;
3736
background-color: #E0E0E0;
3737
}
3738
.view selection, .view:selected, flowbox flowboxchild:selected, spinbutton:not(.vertical) selection,
3740
entry selection, modelbutton.flat:selected,
3741
.menuitem.button.flat:selected, popover.background.menu button:checked,
3742
popover.background button.model:checked, row:selected, calendar:selected, text:selected, .budgie-menu button:checked {
3743
background-color: #4285F4;
3744
}
3745
row:selected label, label:selected, .view selection, .view:selected, flowbox flowboxchild:selected, spinbutton:not(.vertical) selection,
3747
entry selection, modelbutton.flat:selected,
3748
.menuitem.button.flat:selected, popover.background.menu button:checked,
3749
popover.background button.model:checked, row:selected, calendar:selected, text:selected, .budgie-menu button:checked {
3750
color: white;
3751
}
3752
row:selected label:disabled, label:disabled:selected, .view selection:disabled, .view:disabled:selected, flowbox flowboxchild:disabled:selected, label:disabled selection, spinbutton:not(.vertical) selection:disabled,
3754
entry selection:disabled, modelbutton.flat:disabled:selected,
3755
.menuitem.button.flat:disabled:selected, popover.background.menu button:disabled:checked,
3756
popover.background button.model:disabled:checked, row:disabled:selected, calendar:disabled:selected, text:disabled:selected, .budgie-menu button:disabled:checked {
3757
color: rgba(255, 255, 255, 0.5);
3758
}
3759
.monospace {
3761
font-family: monospace;
3762
}
3763
/**********************
3765
* Touch Copy & Paste *
3766
**********************/
3767
cursor-handle {
3768
border-radius: 9999px;
3769
background-color: #01A299;
3770
background-image: none;
3771
}
3772
cursor-handle.top:dir(ltr), cursor-handle.bottom:dir(rtl) {
3774
padding-left: 6px;
3775
border-top-right-radius: 0;
3776
}
3777
cursor-handle.bottom:dir(ltr), cursor-handle.top:dir(rtl) {
3779
padding-right: 6px;
3780
border-top-left-radius: 0;
3781
}
3782
cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) {
3784
-GtkWidget-text-handle-width: 24;
3785
-GtkWidget-text-handle-height: 30;
3786
-gtk-icon-source: -gtk-scaled(url("assets/scale-horz-marks-before-slider.png"), url("assets/scale-horz-marks-before-slider@2.png"));
3787
}
3788
.context-menu {
3790
font: initial;
3791
}
3792
.keycap {
3794
min-width: 12px;
3795
min-height: 26px;
3796
margin-top: 2px;
3797
padding-bottom: 2px;
3798
padding-left: 8px;
3799
padding-right: 8px;
3800
border: solid 1px rgba(0, 0, 0, 0.12);
3801
border-radius: 3px;
3802
box-shadow: inset 0 -2px rgba(0, 0, 0, 0.12);
3803
background-color: #FFFFFF;
3804
color: rgba(0, 0, 0, 0.87);
3805
font-size: smaller;
3806
}
3807
:not(decoration):not(window):drop(active) {
3809
transition: all 250ms cubic-bezier(0, 0, 0.2, 1);
3810
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 0 0 2px #01A299;
3811
caret-color: #01A299;
3812
}
3813
stackswitcher button.text-button {
3815
min-width: 100px;
3816
}
3817
stackswitcher button.circular,
3819
stackswitcher button.text-button.circular {
3820
min-width: 32px;
3821
min-height: 32px;
3822
padding: 0;
3823
}
3824
/*********
3826
* Emoji *
3827
*********/
3828
popover.emoji-picker {
3829
padding: 0;
3830
}
3831
popover.emoji-picker entry {
3833
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
3834
border-bottom-left-radius: 0;
3835
border-bottom-right-radius: 0;
3836
box-shadow: none;
3837
}
3838
popover.emoji-picker scrolledwindow {
3840
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
3841
}
3842
button.emoji-section {
3844
margin-top: -1px;
3845
padding: 0 8px;
3846
min-width: 24px;
3847
min-height: 32px;
3848
border-radius: 0;
3849
outline-offset: -6px;
3850
box-shadow: none;
3851
}
3852
button.emoji-section:hover {
3854
box-shadow: inset 0 2px rgba(0, 0, 0, 0.26);
3855
}
3856
button.emoji-section:active {
3858
box-shadow: inset 0 2px #4285F4;
3859
background-image: radial-gradient(circle farthest-corner at center, rgba(66, 133, 244, 0.7) 10%, transparent 0%);
3860
}
3861
button.emoji-section:checked {
3863
box-shadow: inset 0 2px #4285F4;
3864
background-color: transparent;
3865
}
3866
button.emoji-section:first-child {
3868
margin-left: 4px;
3869
}
3870
button.emoji-section:last-child {
3872
margin-right: 4px;
3873
}
3874
.emoji {
3876
min-width: 3em;
3877
min-height: 3em;
3878
padding: 0;
3879
}
3880
.emoji widget {
3882
transition: all 150ms cubic-bezier(0, 0, 0.2, 1);
3883
}
3884
.emoji widget:hover {
3886
font-size: larger;
3887
}
3888
/************
3890
* Nautilus *
3891
************/
3892
.nautilus-window,
3893
.nautilus-window notebook,
3894
.nautilus-window notebook > stack {
3895
background-color: #FFFFFF;
3896
}
3897
.nautilus-canvas-item.dim-label, label.nautilus-canvas-item.separator, .titlebar:not(headerbar) .nautilus-canvas-item.subtitle,
3899
headerbar .nautilus-canvas-item.subtitle, .budgie-notification .nautilus-canvas-item.notification-body, .budgie-switcher .nautilus-canvas-item.notification-body,
3900
.nautilus-list-dim-label {
3901
color: rgba(0, 0, 0, 0.54);
3902
}
3903
.nautilus-canvas-item.dim-label:selected, label.nautilus-canvas-item.separator:selected, .titlebar:not(headerbar) .nautilus-canvas-item.subtitle:selected,
3905
headerbar .nautilus-canvas-item.subtitle:selected, .budgie-notification .nautilus-canvas-item.notification-body:selected, .budgie-switcher .nautilus-canvas-item.notification-body:selected,
3906
.nautilus-list-dim-label:selected {
3907
color: rgba(255, 255, 255, 0.7);
3908
}
3909
.nautilus-desktop.nautilus-canvas-item:not(:selected), .caja-desktop.caja-canvas-item:not(:selected) {
3911
color: white;
3912
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
3913
}
3914
@keyframes needs_attention_keyframes {
3916
to {
3917
background-color: alpha(currentColor, 0.24);
3918
}
3919
}
3920
.nautilus-operations-button-needs-attention {
3922
animation: needs_attention_keyframes 250ms cubic-bezier(0.4, 0, 0.2, 1) 2 alternate;
3923
}
3924
.nautilus-operations-button-needs-attention-multiple {
3926
animation: needs_attention_keyframes 250ms cubic-bezier(0.4, 0, 0.2, 1) 4 alternate;
3927
}
3928
.nautilus-window .floating-bar {
3930
min-height: 32px;
3931
padding: 0;
3932
border-style: solid solid none;
3933
border-width: 1px;
3934
border-color: rgba(0, 0, 0, 0.12);
3935
border-radius: 3px 3px 0 0;
3936
background-color: rgba(255, 255, 255, 0.9);
3937
background-clip: padding-box;
3938
transition: all 250ms cubic-bezier(0, 0, 0.2, 1), border-width 0;
3939
}
3940
.nautilus-window .floating-bar.bottom.left {
3942
margin-right: 7px;
3943
border-left-style: none;
3944
border-top-left-radius: 0;
3945
}
3946
.nautilus-window .floating-bar.bottom.right {
3948
margin-left: 7px;
3949
border-right-style: none;
3950
border-top-right-radius: 0;
3951
}
3952
.nautilus-window .floating-bar button {
3954
margin: 6px;
3955
}
3956
.disk-space-display.unknown {
3958
background-color: #FBBC05;
3959
}
3960
.disk-space-display.used {
3962
background-color: #4285F4;
3963
}
3964
.disk-space-display.free {
3966
background-color: rgba(0, 0, 0, 0.12);
3967
}
3968
.conflict-row:not(:selected) {
3970
background-color: #feebb4;
3971
}
3972
.nautilus-window flowboxchild > widget > .icon-item-background {
3974
padding: 4px;
3975
border-radius: 2px;
3976
}
3977
.nautilus-window flowboxchild:selected {
3979
background-color: transparent;
3980
}
3981
.nautilus-window flowboxchild:selected > widget > .icon-item-background {
3983
background-color: #4285F4;
3984
}
3985
dialog.background > box.dialog-vbox.vertical > grid.horizontal > scrolledwindow.frame {
3987
border-style: none;
3988
}
3989
dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child {
3991
margin: -6px 0 0 -6px;
3992
border-top: 1px solid rgba(0, 0, 0, 0.12);
3993
}
3994
dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child > label {
3996
margin: 0 8px;
3997
}
3998
dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child > box > button {
4000
border-radius: 0;
4001
}
4002
.nautilus-window > popover.menu:not(:last-child) {
4004
padding: 3px;
4005
}
4006
.nautilus-window > popover.menu:not(:last-child) > stack > box > box > box {
4008
margin-top: -6px;
4009
}
4010
.nautilus-window > popover.menu:not(:last-child) > stack > box > box > box > box {
4012
margin-bottom: -6px;
4013
}
4014
.nautilus-window > popover.menu:not(:last-child) > stack > box > box > box > box.linked {
4016
margin-top: 1px;
4017
}
4018
.nautilus-window > popover.menu:not(:last-child) separator {
4020
margin-bottom: -2px;
4021
}
4022
.nautilus-menu-sort-heading {
4024
margin: 1px 3px;
4025
font-weight: 500;
4026
}
4027
.nautilus-menu-sort-heading:disabled {
4029
color: rgba(0, 0, 0, 0.38);
4030
}
4031
.nautilus-window paned > separator {
4033
background-color: #F2F2F2;
4034
}
4035
/*********
4037
* gedit *
4038
*********/
4039
.open-document-selector-path-label {
4040
color: rgba(0, 0, 0, 0.54);
4041
font-size: smaller;
4042
}
4043
.open-document-selector-path-label:selected {
4045
color: rgba(255, 255, 255, 0.7);
4046
}
4047
.gedit-document-panel {
4049
background-color: #FAFAFA;
4050
}
4051
.gedit-document-panel row button.flat {
4053
margin-top: 8px;
4054
margin-bottom: 8px;
4055
}
4056
.gedit-document-panel-group-row:not(:first-child) {
4058
border-top: 1px solid rgba(0, 0, 0, 0.12);
4059
}
4060
.gedit-side-panel-paned statusbar {
4062
border-top: 1px solid rgba(0, 0, 0, 0.12);
4063
}
4064
.gedit-search-slider {
4066
margin: 4px 4px 8px;
4067
}
4068
.gedit-search-slider entry:dir(ltr), .gedit-search-slider entry:dir(rtl) {
4070
border-radius: 2px;
4071
}
4072
.gedit-search-slider entry:dir(ltr) .gedit-search-entry-occurrences-tag, .gedit-search-slider entry:dir(rtl) .gedit-search-entry-occurrences-tag {
4074
all: unset;
4075
color: rgba(0, 0, 0, 0.38);
4076
}
4077
.gedit-search-slider entry:dir(ltr) {
4079
margin-right: -58px;
4080
padding-right: 58px;
4081
}
4082
.gedit-search-slider entry:dir(ltr) .gedit-search-entry-occurrences-tag {
4084
margin-left: 6px;
4085
}
4086
.gedit-search-slider entry:dir(ltr) image.right {
4088
margin-right: 0;
4089
}
4090
.gedit-search-slider entry:dir(rtl) {
4092
margin-left: -58px;
4093
padding-left: 58px;
4094
}
4095
.gedit-search-slider entry:dir(rtl) .gedit-search-entry-occurrences-tag {
4097
margin-right: 6px;
4098
}
4099
.gedit-search-slider entry:dir(rtl) image.left {
4101
margin-left: 0;
4102
}
4103
.gedit-search-slider entry.error ~ button {
4105
color: rgba(255, 255, 255, 0.7);
4106
}
4107
.gedit-search-slider entry.error ~ button:hover, .gedit-search-slider entry.error ~ button:active {
4109
color: white;
4110
}
4111
.gedit-search-slider entry.error ~ button:disabled {
4113
color: rgba(255, 255, 255, 0.3);
4114
}
4115
.gedit-search-slider button {
4117
border: solid 6px transparent;
4118
}
4119
.gedit-search-slider button:last-child:dir(ltr), .gedit-search-slider button:not(:first-child):dir(rtl) {
4121
margin-left: -3px;
4122
}
4123
.gedit-search-slider button:first-child:dir(rtl), .gedit-search-slider button:not(:last-child):dir(ltr) {
4125
margin-right: -3px;
4126
}
4127
frame.gedit-map-frame > border:dir(ltr) {
4129
border-style: none none none solid;
4130
}
4131
frame.gedit-map-frame > border:dir(rtl) {
4133
border-style: none solid none none;
4134
}
4135
/**********
4137
* Tweaks *
4138
**********/
4139
.tweak-categories {
4140
background-image: image(#FAFAFA);
4141
}
4142
.tweak {
4144
padding: 3px;
4145
}
4146
.tweak.title:hover {
4148
box-shadow: none;
4149
}
4150
.tweak-group-white,
4152
.tweak-white,
4153
.tweak-white:hover {
4154
background-image: image(#FFFFFF);
4155
}
4156
.tweak-startup,
4158
.tweak-startup:hover {
4159
background-image: image(#FFFFFF);
4160
}
4161
.tweak-group-startup {
4163
background-image: image(#FFFFFF);
4164
border: 1px solid rgba(0, 0, 0, 0.12);
4165
}
4166
row#Focus,
4168
row#ClickMethod,
4169
row#StaticWorkspaceTweak,
4170
row#dynamic-workspaces,
4171
row#PrimaryWorkspaceTweak,
4172
row#workspaces-only-on-primary {
4173
padding: 0;
4174
border: 1px solid rgba(0, 0, 0, 0.12);
4175
}
4176
row#Focus row:not(:last-child),
4178
row#ClickMethod row:not(:last-child),
4179
row#StaticWorkspaceTweak row:not(:last-child),
4180
row#dynamic-workspaces row:not(:last-child),
4181
row#PrimaryWorkspaceTweak row:not(:last-child),
4182
row#workspaces-only-on-primary row:not(:last-child) {
4183
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4184
}
4185
row#Focus.tweak > list,
4187
row#ClickMethod.tweak > list,
4188
row#StaticWorkspaceTweak.tweak > list,
4189
row#dynamic-workspaces.tweak > list,
4190
row#PrimaryWorkspaceTweak.tweak > list,
4191
row#workspaces-only-on-primary.tweak > list {
4192
margin-top: -3px;
4193
}
4194
row#Focus,
4196
row#ClickMethod,
4197
row#PrimaryWorkspaceTweak,
4198
row#workspaces-only-on-primary {
4199
margin-top: 4px;
4200
}
4201
/***********
4203
* Builder *
4204
***********/
4205
layouttabbar {
4206
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4207
background-color: #F2F2F2;
4208
}
4209
layouttabbar > box > button {
4211
margin: 4px 0;
4212
}
4213
layouttab {
4215
margin: 0 8px;
4216
border-style: none solid;
4217
border-width: 1px;
4218
border-color: rgba(0, 0, 0, 0.12);
4219
box-shadow: inset 0 -2px #4285F4;
4220
background-color: #FFFFFF;
4221
}
4222
layouttab separator.vertical {
4224
margin: 8px 4px;
4225
}
4226
layouttab button.text-button, layouttab button.image-button, layouttab button {
4228
margin-top: 8px;
4229
margin-bottom: 8px;
4230
padding: 0 4px;
4231
}
4232
layout {
4234
border: 1px solid rgba(0, 0, 0, 0.12);
4235
-PnlDockBin-handle-size: 1;
4236
}
4237
entry.search-missing {
4239
background-color: #EA4335;
4240
color: white;
4241
}
4242
window.workbench treeview.image {
4244
color: rgba(0, 0, 0, 0.54);
4245
}
4246
window.workbench treeview.image:selected {
4248
color: rgba(255, 255, 255, 0.7);
4249
}
4250
popover.popover-selector list {
4252
padding: 6px;
4253
}
4254
popover.popover-selector list row {
4256
border-radius: 2px;
4257
}
4258
popover.popover-selector list row image:dir(ltr) {
4260
margin-right: 6px;
4261
}
4262
popover.popover-selector list row image:dir(rtl) {
4264
margin-left: 6px;
4265
}
4266
popover.popover-selector list row .accel:dir(ltr) {
4268
margin-left: 6px;
4269
}
4270
popover.popover-selector list row .accel:dir(rtl) {
4272
margin-right: 6px;
4273
}
4274
omnibar.linked:not(.vertical) entry {
4276
border-radius: 2px;
4277
}
4278
omnibar:not(:hover):not(:active) entry {
4280
color: rgba(0, 0, 0, 0.54);
4281
}
4282
popover.omnibar list row:not(:last-child) {
4284
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4285
}
4286
entry.preferences-search {
4288
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12);
4289
background-color: #FFFFFF;
4290
}
4291
preferences stacksidebar.sidebar list {
4293
background-color: #FAFAFA;
4294
}
4295
preferences stacksidebar.sidebar:dir(ltr) list, preferences stacksidebar.sidebar:dir(rtl) list {
4297
border-style: none;
4298
}
4299
preferences > box > box:dir(ltr) {
4301
border-right: 1px solid rgba(0, 0, 0, 0.12);
4302
}
4303
preferences > box > box:dir(rtl) {
4305
border-left: 1px solid rgba(0, 0, 0, 0.12);
4306
}
4307
popover.messagepopover.background {
4309
padding: 0;
4310
}
4311
popover.messagepopover .popover-action-area button {
4313
padding: 8px 16px;
4314
border-top: 1px solid rgba(0, 0, 0, 0.12);
4315
border-radius: 0;
4316
}
4317
popover.messagepopover .popover-action-area button:first-child {
4319
border-bottom-left-radius: 2px;
4320
}
4321
popover.messagepopover .popover-action-area button:last-child {
4323
border-bottom-right-radius: 2px;
4324
}
4325
popover.messagepopover .popover-content-area {
4327
margin: 16px;
4328
}
4329
popover.transfers list {
4331
background-color: transparent;
4332
}
4333
popover.transfers list row:not(:first-child) {
4335
border-top: 1px solid rgba(0, 0, 0, 0.12);
4336
}
4337
popover.transfers list row > box {
4339
padding: 10px;
4340
}
4341
dockbin {
4343
border: 1px solid rgba(0, 0, 0, 0.12);
4344
-PnlDockBin-handle-size: 1;
4345
}
4346
dockpaned {
4348
border: 1px solid rgba(0, 0, 0, 0.12);
4349
}
4350
eggsearchbar box.search-bar {
4352
padding: 0 8px;
4353
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4354
background-color: #F2F2F2;
4355
}
4356
docktabstrip {
4358
padding: 0 8px;
4359
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4360
background-color: #F2F2F2;
4361
}
4362
docktab {
4364
transition: all 250ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
4365
min-height: 20px;
4366
min-width: 20px;
4367
margin-bottom: -1px;
4368
padding: 6px 6px;
4369
outline-offset: -6px;
4370
border-width: 1px;
4371
border-color: transparent;
4372
background-image: radial-gradient(circle farthest-corner at center, #4285F4 10%, transparent 0%);
4373
background-repeat: no-repeat;
4374
background-position: center;
4375
background-size: 0% 0%;
4376
color: rgba(0, 0, 0, 0.54);
4377
font-weight: 500;
4378
}
4379
docktab:hover {
4381
box-shadow: inset 0 -2px rgba(0, 0, 0, 0.26);
4382
color: rgba(0, 0, 0, 0.87);
4383
}
4384
docktab:checked {
4386
transition: all 250ms cubic-bezier(0, 0, 0.2, 1), background-size 250ms cubic-bezier(0, 0, 0.2, 1), background-image 600ms cubic-bezier(0, 0, 0.2, 1);
4387
box-shadow: inset 0 -2px #4285F4;
4388
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
4389
background-size: 1000% 1000%;
4390
color: rgba(0, 0, 0, 0.87);
4391
}
4392
dockoverlayedge {
4394
background-color: #F2F2F2;
4395
}
4396
dockoverlayedge docktabstrip {
4398
padding: 0;
4399
border: none;
4400
}
4401
dockoverlayedge.left-edge docktab:hover {
4403
box-shadow: inset -2px 0 rgba(0, 0, 0, 0.26);
4404
}
4405
dockoverlayedge.left-edge docktab:checked {
4407
box-shadow: inset -2px 0 #4285F4;
4408
}
4409
dockoverlayedge.right-edge docktab:hover {
4411
box-shadow: inset 2px 0 rgba(0, 0, 0, 0.26);
4412
}
4413
dockoverlayedge.right-edge docktab:checked {
4415
box-shadow: inset 2px 0 #4285F4;
4416
}
4417
pillbox {
4419
background-color: #F2F2F2;
4420
border-radius: 2px;
4421
}
4422
layoutpane entry.search {
4424
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12);
4425
background-color: #FFFFFF;
4426
}
4427
editortweak entry.search {
4429
margin-bottom: -1px;
4430
box-shadow: none;
4431
}
4432
.gb-search-entry-occurrences-tag {
4434
box-shadow: none;
4435
background-color: transparent;
4436
}
4437
docktabstrip {
4439
min-height: 39px;
4440
}
4441
window.workbench preferences preferencesgroup list entry {
4443
padding-top: 8px;
4444
padding-bottom: 8px;
4445
}
4446
button.run-arrow-button {
4448
padding-left: 8px;
4449
padding-right: 8px;
4450
}
4451
button.dzlmenubutton image {
4453
min-width: 26px;
4454
}
4455
button.dzlmenubutton image.arrow {
4457
min-width: 23px;
4458
}
4459
button.dzlmenubuttonitem {
4461
color: rgba(0, 0, 0, 0.87);
4462
font-weight: normal;
4463
}
4464
button.dzlmenubuttonitem:disabled {
4466
color: rgba(0, 0, 0, 0.38);
4467
}
4468
idelayoutstackheader {
4470
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4471
}
4472
idelayoutstackheader button:checked {
4474
color: rgba(0, 0, 0, 0.87);
4475
}
4476
ideeditorutilities > dzldockpaned > box > stackswitcher {
4478
padding: 8px 0;
4479
background-color: #F2F2F2;
4480
}
4481
ideeditorutilities > dzldockpaned > box > stackswitcher:dir(ltr) {
4483
border-right: 1px solid rgba(0, 0, 0, 0.12);
4484
}
4485
ideeditorutilities > dzldockpaned > box > stackswitcher:dir(rtl) {
4487
border-left: 1px solid rgba(0, 0, 0, 0.12);
4488
}
4489
ideeditorutilities > dzldockpaned > box > stackswitcher button {
4491
border-radius: 0;
4492
outline-offset: -6px;
4493
box-shadow: none;
4494
background-color: transparent;
4495
}
4496
ideeditorutilities > dzldockpaned > box > stackswitcher button:active {
4498
background-image: radial-gradient(circle farthest-corner at center, rgba(66, 133, 244, 0.7) 10%, transparent 0%);
4499
}
4500
ideeditorutilities > dzldockpaned > box > stackswitcher button:checked {
4502
background-color: transparent;
4503
color: rgba(0, 0, 0, 0.87);
4504
}
4505
ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr) {
4507
margin-right: -1px;
4508
}
4509
ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):hover {
4511
box-shadow: inset -2px 0 rgba(0, 0, 0, 0.26);
4512
}
4513
ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):active, ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):checked {
4515
box-shadow: inset -2px 0 #4285F4;
4516
}
4517
ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl) {
4519
margin-left: -1px;
4520
}
4521
ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):hover {
4523
box-shadow: inset 2px 0 rgba(0, 0, 0, 0.26);
4524
}
4525
ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):active, ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):checked {
4527
box-shadow: inset 2px 0 #4285F4;
4528
}
4529
ideeditorsidebar notebook header {
4531
background: transparent;
4532
}
4533
popover.messagepopover list {
4535
border: 1px solid rgba(0, 0, 0, 0.12);
4536
}
4537
popover.messagepopover list row:not(:last-child) {
4539
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4540
}
4541
/**********
4543
* Photos *
4544
**********/
4545
GdMainIconView.content-view {
4546
-GdMainIconView-icon-size: 48;
4547
}
4548
.documents-counter {
4550
margin: 8px;
4551
border-radius: 9999px;
4552
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
4553
background-color: #01A299;
4554
color: white;
4555
font-weight: bold;
4556
}
4557
.documents-scrolledwin.frame {
4559
border-style: none;
4560
}
4561
.documents-scrolledwin.frame frame.content-view > border {
4563
border-style: none;
4564
}
4565
.photos-fade-in {
4567
opacity: 1;
4568
transition: opacity 150ms cubic-bezier(0, 0, 0.2, 1);
4569
}
4570
.photos-fade-out {
4572
opacity: 0;
4573
transition: opacity 150ms cubic-bezier(0, 0, 0.2, 1);
4574
}
4575
overlay grid.horizontal > revealer > scrolledwindow.frame:dir(ltr) {
4577
border-style: none none none solid;
4578
}
4579
overlay grid.horizontal > revealer > scrolledwindow.frame:dir(rtl) {
4581
border-style: none solid none none;
4582
}
4583
/*********
4585
* Music *
4586
*********/
4587
.side-panel:dir(ltr) {
4588
border-style: solid;
4589
border-color: rgba(0, 0, 0, 0.12);
4590
}
4591
.side-panel:dir(rtl) {
4593
border-style: solid;
4594
border-color: rgba(0, 0, 0, 0.12);
4595
}
4596
.side-panel .view {
4598
background-image: image(#FAFAFA);
4599
}
4600
.side-panel .view:hover {
4602
background-image: image(rgba(240, 240, 240, 0.9935));
4603
}
4604
.side-panel .view:selected {
4606
background-image: image(#4285F4);
4607
}
4608
.side-panel .view:selected:hover {
4610
background-image: image(#4b8bf5);
4611
}
4612
.songs-list:hover {
4614
background-image: image(alpha(currentColor, 0.06));
4615
}
4616
frame.documents-dropdown {
4618
margin: 8px;
4619
}
4620
frame.documents-dropdown > border {
4622
border: none;
4623
}
4624
box.vertical > revealer > toolbar.search-bar {
4626
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4627
background-clip: border-box;
4628
}
4629
box.vertical > revealer > toolbar.search-bar button > widget {
4631
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
4632
}
4633
/*********
4635
* To Do *
4636
*********/
4637
task-list-view taskrow {
4638
transition: all 150ms cubic-bezier(0, 0, 0.2, 1);
4639
margin: 0 -8px;
4640
}
4641
task-list-view taskrow:hover {
4643
transition: none;
4644
}
4645
task-list-view taskrow label {
4647
margin: 0 8px;
4648
}
4649
task-list-view taskrow image.dim-label, task-list-view taskrow .titlebar:not(headerbar) image.subtitle, .titlebar:not(headerbar) task-list-view taskrow image.subtitle, task-list-view taskrow
4651
headerbar image.subtitle,
4652
headerbar task-list-view taskrow image.subtitle, task-list-view taskrow .budgie-notification image.notification-body, .budgie-notification task-list-view taskrow image.notification-body, task-list-view taskrow .budgie-switcher image.notification-body, .budgie-switcher task-list-view taskrow image.notification-body {
4653
min-width: 16px;
4654
}
4655
task-list-view > box > revealer > box > button {
4657
margin: -4px;
4658
}
4659
task-list-view > box > revealer > box > button .dim-label, task-list-view > box > revealer > box > button label.separator, task-list-view > box > revealer > box > button .titlebar:not(headerbar) .subtitle, .titlebar:not(headerbar) task-list-view > box > revealer > box > button .subtitle, task-list-view > box > revealer > box > button
4661
headerbar .subtitle,
4662
headerbar task-list-view > box > revealer > box > button .subtitle, task-list-view > box > revealer > box > button .budgie-notification .notification-body, .budgie-notification task-list-view > box > revealer > box > button .notification-body, task-list-view > box > revealer > box > button .budgie-switcher .notification-body, .budgie-switcher task-list-view > box > revealer > box > button .notification-body {
4663
opacity: 1;
4664
}
4665
tasklistview taskrow {
4667
outline: none;
4668
}
4669
tasklistview taskrow entry, tasklistview taskrow entry:focus, tasklistview taskrow entry:disabled {
4671
box-shadow: none;
4672
}
4673
tasklistview taskrow image.dim-label, tasklistview taskrow .titlebar:not(headerbar) image.subtitle, .titlebar:not(headerbar) tasklistview taskrow image.subtitle, tasklistview taskrow
4675
headerbar image.subtitle,
4676
headerbar tasklistview taskrow image.subtitle, tasklistview taskrow .budgie-notification image.notification-body, .budgie-notification tasklistview taskrow image.notification-body, tasklistview taskrow .budgie-switcher image.notification-body, .budgie-switcher tasklistview taskrow image.notification-body {
4677
min-width: 16px;
4678
}
4679
tasklistview > box > revealer > box > button {
4681
margin: -4px;
4682
}
4683
tasklistview > box > revealer > box > button .dim-label, tasklistview > box > revealer > box > button label.separator, tasklistview > box > revealer > box > button .titlebar:not(headerbar) .subtitle, .titlebar:not(headerbar) tasklistview > box > revealer > box > button .subtitle, tasklistview > box > revealer > box > button
4685
headerbar .subtitle,
4686
headerbar tasklistview > box > revealer > box > button .subtitle, tasklistview > box > revealer > box > button .budgie-notification .notification-body, .budgie-notification tasklistview > box > revealer > box > button .notification-body, tasklistview > box > revealer > box > button .budgie-switcher .notification-body, .budgie-switcher tasklistview > box > revealer > box > button .notification-body {
4687
opacity: 1;
4688
}
4689
/*******
4691
* eog *
4692
*******/
4693
#eog-thumb-nav scrolledwindow {
4694
border-top: none;
4695
}
4696
#eog-thumb-nav button {
4698
-gtk-outline-radius: 2px;
4699
}
4700
/*************
4702
* Evolution *
4703
*************/
4704
frame.taskbar > border {
4705
border-style: solid none none;
4706
}
4707
box.vertical > paned.horizontal notebook widget .frame {
4709
border-style: none;
4710
}
4711
/********
4713
* gitg *
4714
********/
4715
frame.commit-frame > border {
4716
border-style: solid none none;
4717
}
4718
/**************
4720
* Characters *
4721
**************/
4722
box.dialog-vbox scrolledwindow.related {
4723
border: 1px solid rgba(0, 0, 0, 0.12);
4724
}
4725
list.categories {
4727
background-image: image(#FAFAFA);
4728
}
4729
/*********
4731
* Boxes *
4732
*********/
4733
.transparent-bg + stack overlay > label {
4734
min-height: 24px;
4735
padding: 0 4px;
4736
border-radius: 2px;
4737
background-color: rgba(0, 0, 0, 0.6);
4738
color: white;
4739
}
4740
/**************
4742
* Calculator *
4743
**************/
4744
button.title label {
4745
min-height: 32px;
4746
}
4747
/*********
4749
* Geary *
4750
*********/
4751
.geary-titlebar-left:dir(ltr) {
4752
margin-right: 5px;
4753
padding-right: 0;
4754
}
4755
.geary-titlebar-left:dir(rtl) {
4757
margin-left: 5px;
4758
padding-left: 0;
4759
}
4760
.geary-titlebar-left > separator {
4762
background-color: rgba(0, 0, 0, 0.05);
4763
}
4764
.geary-titlebar-right:dir(ltr) {
4766
margin-left: -5px;
4767
}
4768
.geary-titlebar-right:dir(rtl) {
4770
margin-right: -5px;
4771
}
4772
/*********
4774
* Tilix *
4775
*********/
4776
overlay > revealer.left > scrolledwindow.frame,
4777
overlay > revealer.right > scrolledwindow.frame {
4778
border-style: none;
4779
box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22);
4780
}
4781
overlay > revealer.left > scrolledwindow.frame {
4783
margin-right: 32px;
4784
}
4785
overlay > revealer.right > scrolledwindow.frame {
4787
margin-left: 32px;
4788
}
4789
.terminix-session-sidebar,
4791
.tilix-session-sidebar {
4792
background-image: image(#FFFFFF);
4793
}
4794
.terminal-titlebar button {
4796
border-radius: 0;
4797
}
4798
button.image-button.session-new-button {
4800
min-width: 28px;
4801
}
4802
/***********
4804
* Eclipse *
4805
***********/
4806
window.background > box.vertical > scrolledwindow > widget toolbar {
4807
padding: 2px;
4808
}
4809
window.background > box.vertical > scrolledwindow > widget toolbar separator,
4811
window.background > box.vertical > scrolledwindow > widget toolbar button {
4812
margin: 2px;
4813
}
4814
window.background > box.vertical > scrolledwindow > widget toolbar button {
4816
border-radius: 2px;
4817
}
4818
/************
4820
* Chromium *
4821
************/
4822
tooltip.chromium {
4823
background-color: rgba(97, 97, 97, 0.9);
4824
}
4825
/***********
4827
* Firefox *
4828
***********/
4829
window.background:not(.csd) > widget > separator {
4830
color: rgba(0, 0, 0, 0.26);
4831
}
4832
window.background:not(.csd) > widget > scrollbar {
4834
background-clip: border-box;
4835
}
4836
window.background:not(.csd) > widget > scrollbar,
4838
window.background:not(.csd) > widget > frame > border {
4839
border-color: rgba(0, 0, 0, 0.26);
4840
}
4841
window.background:not(.csd) > widget > entry,
4843
window.background:not(.csd) > widget > button > button {
4844
border: 1px solid rgba(0, 0, 0, 0.26);
4845
border-radius: 3px;
4846
box-shadow: none;
4847
}
4848
window.background:not(.csd) > widget > entry {
4850
min-height: 30px;
4851
}
4852
window.background:not(.csd) > widget > entry:focus {
4854
border-color: #4285F4;
4855
}
4856
window.background:not(.csd) > widget > button > button {
4858
padding: 4px 8px;
4859
background-size: auto;
4860
}
4861
window.background:not(.csd) > widget > button > button:hover {
4863
background-image: image(alpha(currentColor, 0.05));
4864
}
4865
window.background:not(.csd) > widget > button > button:active {
4867
background-image: image(alpha(currentColor, 0.1));
4868
}
4869
window.background:not(.csd) > widget > checkbutton > check:not(:checked),
4871
window.background:not(.csd) > widget > radiobutton > radio:not(:checked) {
4872
color: #757575;
4873
}
4874
window.background:not(.csd) > widget > checkbutton > check:not(:checked):hover, window.background:not(.csd) > widget > checkbutton > check:not(:checked):active,
4876
window.background:not(.csd) > widget > radiobutton > radio:not(:checked):hover,
4877
window.background:not(.csd) > widget > radiobutton > radio:not(:checked):active {
4878
color: #212121;
4879
}
4880
window.background:not(.csd) > widget > checkbutton > check:not(:checked):disabled,
4882
window.background:not(.csd) > widget > radiobutton > radio:not(:checked):disabled {
4883
color: rgba(117, 117, 117, 0.5);
4884
}
4885
window.background:not(.csd) > window > menu,
4887
window.background:not(.csd) > menu > menu {
4888
border: none;
4889
}
4890
window.background:not(.csd) > widget > menubar {
4892
color: rgba(0, 0, 0, 0.54);
4893
}
4894
window.background:not(.csd) > widget > menubar:hover {
4896
color: rgba(0, 0, 0, 0.87);
4897
}
4898
window.background:not(.csd) > widget > menubar:disabled {
4900
color: rgba(0, 0, 0, 0.26);
4901
}
4902
window.background:not(.csd) > widget > frame {
4904
color: rgba(0, 0, 0, 0.26);
4905
}
4906
window.background:not(.csd) > widget > checkbutton > check,
4908
window.background:not(.csd) > widget > radiobutton > radio {
4909
margin: 0;
4910
padding: 0;
4911
}
4912
window.background:not(.csd) > window.background > menu > separator {
4914
color: rgba(0, 0, 0, 0.12);
4915
}
4916
/************
4918
* Inkscape *
4919
************/
4920
#ToolboxCommon > #AuxToolbox #StyleSwatch {
4921
font-size: smaller;
4922
}
4923
#ToolboxCommon > #AuxToolbox #Kludge {
4925
padding: 0;
4926
}
4927
#ToolboxCommon > #AuxToolbox spinbutton,
4929
#ToolboxCommon > #AuxToolbox entry {
4930
min-height: 32px;
4931
}
4932
#ToolboxCommon > #AuxToolbox button:not(.up):not(.down) {
4934
min-height: 24px;
4935
min-width: 16px;
4936
padding: 4px 8px;
4937
border-radius: 2px;
4938
-gtk-outline-radius: 2px;
4939
}
4940
#ToolboxCommon > #AuxToolbox spinbutton button {
4942
border-width: 4px;
4943
}
4944
#ToolboxCommon > toolbar.vertical {
4946
margin-top: -4px;
4947
}
4948
#ToolboxCommon > toolbar.vertical button {
4950
min-height: 24px;
4951
min-width: 24px;
4952
padding: 4px;
4953
border-radius: 2px;
4954
-gtk-outline-radius: 2px;
4955
}
4956
#CanvasTable button {
4958
min-height: 16px;
4959
min-width: 16px;
4960
padding: 0;
4961
}
4962
#CanvasTable #HorizontalScrollbar {
4964
border-top: 1px solid rgba(0, 0, 0, 0.12);
4965
}
4966
#CanvasTable #VerticalScrollbar:dir(ltr) {
4968
border-left: 1px solid rgba(0, 0, 0, 0.12);
4969
}
4970
#CanvasTable #VerticalScrollbar:dir(rtl) {
4972
border-right: 1px solid rgba(0, 0, 0, 0.12);
4973
}
4974
#Canvas_and_Dock frame > border {
4976
border: none;
4977
}
4978
#Canvas_and_Dock widget > widget > button.flat {
4980
min-height: 16px;
4981
min-width: 16px;
4982
padding: 4px;
4983
}
4984
#Canvas_and_Dock widget > widget > box.horizontal image {
4986
padding: 4px;
4987
}
4988
#Canvas_and_Dock box.horizontal > box.vertical > button.flat {
4990
min-height: 16px;
4991
min-width: 24px;
4992
padding: 8px 4px;
4993
}
4994
/***********
4996
* Synapse *
4997
***********/
4998
box.vertical > widget > widget:selected {
4999
background-color: #4285F4;
5000
}
5001
/*********
5003
* Unity *
5004
*********/
5005
UnityDecoration {
5006
-UnityDecoration-extents: 28px 0 0 0;
5007
-UnityDecoration-input-extents: 8px;
5008
-UnityDecoration-shadow-offset-x: 0;
5009
-UnityDecoration-shadow-offset-y: 3px;
5010
-UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.48);
5011
-UnityDecoration-active-shadow-radius: 18px;
5012
-UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.32);
5013
-UnityDecoration-inactive-shadow-radius: 6px;
5014
-UnityDecoration-glow-size: 8px;
5015
-UnityDecoration-glow-color: #4285F4;
5016
-UnityDecoration-title-indent: 4px;
5017
-UnityDecoration-title-fade: 32px;
5018
-UnityDecoration-title-alignment: 0.0;
5019
}
5020
UnityDecoration .top {
5022
padding: 0 2px;
5023
border-style: none;
5024
border-radius: 2px 2px 0 0;
5025
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
5026
background-color: #E0E0E0;
5027
color: rgba(0, 0, 0, 0.87);
5028
}
5029
UnityDecoration .top:backdrop {
5031
color: rgba(0, 0, 0, 0.54);
5032
}
5033
UnityDecoration .menuitem {
5035
color: rgba(0, 0, 0, 0.54);
5036
}
5037
UnityDecoration .menuitem:hover {
5039
box-shadow: inset 0 -2px #4285F4;
5040
background-color: transparent;
5041
color: rgba(0, 0, 0, 0.87);
5042
}
5043
.background:not(.csd) headerbar:not(.titlebar) {
5045
border-radius: 0;
5046
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
5047
}
5048
.background:not(.csd) headerbar:not(.titlebar).inline-toolbar {
5050
border-style: none;
5051
}
5052
UnityPanelWidget,
5054
.unity-panel {
5055
background-color: #CBCBCB;
5056
color: rgba(0, 0, 0, 0.87);
5057
}
5058
UnityPanelWidget:backdrop,
5060
.unity-panel:backdrop {
5061
color: rgba(0, 0, 0, 0.54);
5062
}
5063
.unity-panel.menuitem,
5065
.unity-panel .menuitem {
5066
color: rgba(0, 0, 0, 0.54);
5067
}
5068
.unity-panel.menubar.menuitem:hover,
5070
.unity-panel.menubar .menuitem *:hover {
5071
box-shadow: inset 0 -2px #4285F4;
5072
background-color: transparent;
5073
color: rgba(0, 0, 0, 0.87);
5074
}
5075
.menu IdoPlaybackMenuItem.menuitem:active {
5077
-gtk-icon-source: -gtk-icontheme("process-working-symbolic");
5078
animation: spin 1s linear infinite;
5079
color: #4285F4;
5080
}
5081
/**************
5083
* Mate-Panel *
5084
**************/
5085
.mate-panel-menu-bar menubar,
5086
#PanelApplet-window-menu-applet-button {
5087
background-color: transparent;
5088
}
5089
.mate-panel-menu-bar {
5091
background-color: rgba(0, 0, 0, 0.6);
5092
font-weight: 500;
5093
}
5094
.mate-panel-menu-bar:not(.popup) {
5096
color: rgba(255, 255, 255, 0.7);
5097
}
5098
.mate-panel-menu-bar button {
5100
min-height: 16px;
5101
min-width: 16px;
5102
padding: 0;
5103
border-radius: 0;
5104
}
5105
.mate-panel-menu-bar button:checked {
5107
background-color: rgba(255, 255, 255, 0.12);
5108
}
5109
PanelToplevel.horizontal > grid > button {
5111
min-width: 24px;
5112
}
5113
PanelToplevel.vertical > grid > button {
5115
min-height: 24px;
5116
}
5117
PanelSeparator {
5119
color: rgba(255, 255, 255, 0.12);
5120
}
5121
MatePanelAppletFrameDBus {
5123
border-style: solid;
5124
border-color: rgba(255, 255, 255, 0.12);
5125
}
5126
.mate-panel-menu-bar.horizontal MatePanelAppletFrameDBus {
5128
border-width: 0 1px;
5129
}
5130
.mate-panel-menu-bar.vertical MatePanelAppletFrameDBus {
5132
border-width: 1px 0;
5133
}
5134
.mate-panel-menu-bar menubar > menuitem {
5136
color: rgba(255, 255, 255, 0.7);
5137
}
5138
.mate-panel-menu-bar menubar > menuitem:hover {
5140
background-color: rgba(255, 255, 255, 0.12);
5141
color: white;
5142
}
5143
.mate-panel-menu-bar menubar > menuitem:disabled {
5145
color: rgba(255, 255, 255, 0.3);
5146
}
5147
.mate-panel-menu-bar.horizontal menubar > menuitem {
5149
padding: 0 8px;
5150
}
5151
.mate-panel-menu-bar.vertical menubar > menuitem {
5153
padding: 8px 0;
5154
}
5155
.mate-panel-menu-bar menubar menu > menuitem {
5157
min-height: 28px;
5158
padding: 0 6px;
5159
}
5160
.mate-panel-menu-bar #PanelApplet button {
5162
-GtkWidget-window-dragging: true;
5163
}
5164
.mate-panel-menu-bar #tasklist-button {
5166
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0/0 0 0px;
5167
}
5168
.mate-panel-menu-bar #tasklist-button:checked {
5170
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2/0 0 2px;
5171
}
5172
.mate-panel-menu-bar #tasklist-button image:dir(ltr), .mate-panel-menu-bar #tasklist-button label:dir(rtl) {
5174
padding-left: 4px;
5175
}
5176
.mate-panel-menu-bar #tasklist-button label:dir(ltr), .mate-panel-menu-bar #tasklist-button image:dir(rtl) {
5178
padding-right: 4px;
5179
}
5180
.mate-panel-menu-bar.vertical #tasklist-button {
5182
min-height: 32px;
5183
}
5184
.mate-panel-menu-bar.horizontal #showdesktop-button image {
5186
min-width: 24px;
5187
padding: 0 4px;
5188
}
5189
.mate-panel-menu-bar.vertical #showdesktop-button image {
5191
min-height: 24px;
5192
padding: 4px 0;
5193
}
5194
PanelApplet.wnck-applet .wnck-pager {
5196
background-color: transparent;
5197
color: #7BAAF7;
5198
}
5199
PanelApplet.wnck-applet .wnck-pager:hover {
5201
background-color: rgba(255, 255, 255, 0.12);
5202
}
5203
PanelApplet.wnck-applet .wnck-pager:active {
5205
background-color: rgba(255, 255, 255, 0.3);
5206
}
5207
PanelApplet.wnck-applet .wnck-pager:selected {
5209
background-color: #4285F4;
5210
}
5211
.mate-panel-menu-bar.horizontal #clock-applet-button label {
5213
padding: 0 8px;
5214
}
5215
.mate-panel-menu-bar.vertical #clock-applet-button label {
5217
padding: 8px 0;
5218
}
5219
#MatePanelPopupWindow {
5221
border: 1px solid rgba(0, 0, 0, 0.12);
5222
border-radius: 3px;
5223
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
5224
}
5225
#MatePanelPopupWindow frame > border {
5227
border-style: none;
5228
}
5229
#MatePanelPopupWindow button {
5231
padding: 4px 16px;
5232
}
5233
#MatePanelPopupWindow ClockMap {
5235
border: 1px solid rgba(0, 0, 0, 0.12);
5236
}
5237
#MatePanelPopupWindow widget {
5239
color: rgba(0, 0, 0, 0.12);
5240
}
5241
na-tray-applet {
5243
-NaTrayApplet-icon-padding: 3px;
5244
-NaTrayApplet-icon-size: 16;
5245
}
5246
.mate-panel-menu-bar {
5248
-PanelMenuBar-icon-visible: true;
5249
}
5250
.mate-panel-applet-slider {
5252
border: 1px solid rgba(0, 0, 0, 0.12);
5253
border-radius: 3px;
5254
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
5255
background-color: #F2F2F2;
5256
}
5257
.mate-panel-applet-slider frame > border {
5259
border-style: none;
5260
}
5261
#PanelApplet:not(:selected) > box {
5263
transition: all 150ms cubic-bezier(0, 0, 0.2, 1);
5264
}
5265
#PanelApplet:selected > box {
5267
background-color: rgba(255, 255, 255, 0.12);
5268
color: white;
5269
}
5270
#mate-menu {
5272
border: 1px solid rgba(0, 0, 0, 0.12);
5273
}
5274
#mate-menu button {
5276
min-height: 24px;
5277
min-width: 24px;
5278
padding: 4px 0;
5279
color: rgba(0, 0, 0, 0.87);
5280
font-weight: normal;
5281
}
5282
#mate-menu button label:not(:first-child) {
5284
color: rgba(0, 0, 0, 0.54);
5285
}
5286
#mate-menu entry {
5288
margin: 0 0 8px;
5289
}
5290
#mate-menu entry image {
5292
margin: 0;
5293
}
5294
#mate-menu entry + button {
5296
margin: 0 4px 8px;
5297
padding: 4px;
5298
}
5299
/*********************
5301
* CAJA File manager *
5302
*********************/
5303
.caja-navigation-window button.toggle.image-button {
5304
border-radius: 2px;
5305
}
5306
.caja-pathbar button {
5308
margin: 0 -1px 0 -2px;
5309
}
5310
.caja-pathbar button > widget {
5312
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
5313
-GtkArrow-arrow-scaling: 1;
5314
}
5315
.caja-side-pane notebook viewport.frame,
5317
.caja-side-pane notebook widget .vertical {
5318
background-color: #FFFFFF;
5319
}
5320
.caja-side-pane notebook,
5322
.caja-notebook {
5323
border-top: 1px solid rgba(0, 0, 0, 0.12);
5324
}
5325
.caja-side-pane notebook .frame,
5327
.caja-notebook .frame {
5328
border-style: none;
5329
}
5330
.caja-navigation-window statusbar {
5332
margin: 0 -10px;
5333
padding: 0 4px;
5334
border-top: 1px solid rgba(0, 0, 0, 0.12);
5335
}
5336
.caja-notebook frame > border {
5338
border-style: none;
5339
}
5340
#caja-extra-view-widget {
5342
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
5343
background-color: #F2F2F2;
5344
}
5345
#caja-extra-view-widget > box > box > label {
5347
font-weight: bold;
5348
}
5349
/*********
5351
* Pluma *
5352
*********/
5353
.pluma-window statusbar {
5354
margin: 0 -10px;
5355
padding: 0 4px;
5356
border-top: 1px solid rgba(0, 0, 0, 0.12);
5357
}
5358
.pluma-window statusbar frame > border {
5360
border-style: none;
5361
}
5362
.pluma-window statusbar frame button.flat {
5364
padding: 0 4px;
5365
border-radius: 0;
5366
}
5367
.pluma-window statusbar frame button.flat widget {
5369
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
5370
-GtkArrow-arrow-scaling: 1;
5371
}
5372
.pluma-print-preview toolbar {
5374
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
5375
}
5376
.pluma-window paned.horizontal box.vertical box.horizontal button.flat {
5378
margin: 1px;
5379
}
5380
.pluma-window paned.horizontal box.vertical .frame {
5382
border-style: none;
5383
}
5384
.pluma-window paned.horizontal box.vertical notebook.frame {
5386
margin-top: -1px;
5387
border-top: 1px solid rgba(0, 0, 0, 0.12);
5388
}
5389
.pluma-window paned.horizontal box.vertical notebook.frame box.vertical toolbar.horizontal {
5391
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
5392
}
5393
/*********
5395
* Atril *
5396
*********/
5397
.atril-window paned.horizontal box.vertical .frame {
5398
border-style: none;
5399
}
5400
.atril-window paned.horizontal box.vertical notebook .frame {
5402
border-top: 1px solid rgba(0, 0, 0, 0.12);
5403
}
5404
/* mate-screensaver lock dialog */
5406
.lock-dialog {
5407
border-radius: 2px;
5408
box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22), inset 0 1px rgba(255, 255, 255, 0.4);
5409
}
5410
.lock-dialog frame > border {
5412
border-style: none;
5413
}
5414
/* multimedia OSD */
5416
MsdOsdWindow.background.osd {
5417
border-radius: 2px;
5418
background-color: rgba(97, 97, 97, 0.9);
5419
color: white;
5420
}
5421
MsdOsdWindow.background.osd .trough {
5423
border-radius: 0;
5424
background-color: rgba(255, 255, 255, 0.12);
5425
}
5426
MsdOsdWindow.background.osd .progressbar {
5428
border-radius: 0;
5429
background-color: #4285F4;
5430
}
5431
/******************
5433
* Budgie Desktop *
5434
******************/
5435
.budgie-container {
5436
background-color: transparent;
5437
}
5438
.budgie-settings-window buttonbox.inline-toolbar {
5440
border-style: none none solid;
5441
}
5442
.budgie-settings-window buttonbox.inline-toolbar button {
5444
border-radius: 2px;
5445
-gtk-outline-radius: 2px;
5446
}
5447
.budgie-popover {
5449
border-style: solid;
5450
border-width: 1px;
5451
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.3);
5452
border-radius: 3px;
5453
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
5454
background-color: #FFFFFF;
5455
}
5456
.budgie-popover .container {
5458
padding: 2px;
5459
}
5460
.budgie-popover border {
5462
border: none;
5463
}
5464
.budgie-popover list {
5466
background-color: transparent;
5467
}
5468
.budgie-popover row {
5470
padding: 0;
5471
}
5472
.budgie-popover row:hover {
5474
box-shadow: none;
5475
}
5476
.budgie-popover:not(.budgie-menu) button.flat:not(.image-button) {
5478
min-height: 28px;
5479
padding: 0 8px;
5480
color: rgba(0, 0, 0, 0.87);
5481
font-weight: normal;
5482
}
5483
.budgie-popover:not(.budgie-menu) button.flat:not(.image-button):disabled {
5485
color: rgba(0, 0, 0, 0.38);
5486
}
5487
.budgie-popover.budgie-menu .container {
5489
padding: 0;
5490
}
5491
.budgie-popover.user-menu .container {
5493
padding: 8px;
5494
}
5495
.budgie-popover.user-menu separator {
5497
margin: 4px 0;
5498
}
5499
.budgie-popover.sound-popover separator {
5501
margin: 3px 0;
5502
}
5503
.budgie-popover.night-light-indicator .container {
5505
padding: 8px;
5506
}
5507
.budgie-popover.places-menu .container {
5509
padding: 8px;
5510
}
5511
.budgie-popover.places-menu .places-list:not(.always-expand) {
5513
margin-top: 4px;
5514
padding-top: 4px;
5515
border-top: 1px solid rgba(0, 0, 0, 0.12);
5516
}
5517
.budgie-popover.places-menu .alternative-label {
5519
padding: 3px;
5520
font-size: 15px;
5521
}
5522
.budgie-popover.workspace-popover .container {
5524
padding: 2px 8px 8px;
5525
}
5526
.budgie-popover.workspace-popover separator {
5528
margin: 4px 0;
5529
}
5530
.budgie-popover.workspace-popover flowboxchild {
5532
padding: 0;
5533
}
5534
.workspace-switcher .workspace-layout {
5536
border: 0 solid rgba(255, 255, 255, 0.12);
5537
}
5538
.top .workspace-switcher .workspace-layout:dir(ltr),
5540
.bottom .workspace-switcher .workspace-layout:dir(ltr) {
5541
border-left-width: 1px;
5542
}
5543
.top .workspace-switcher .workspace-layout:dir(rtl),
5545
.bottom .workspace-switcher .workspace-layout:dir(rtl) {
5546
border-right-width: 1px;
5547
}
5548
.left .workspace-switcher .workspace-layout,
5550
.right .workspace-switcher .workspace-layout {
5551
border-top-width: 1px;
5552
}
5553
.workspace-switcher .workspace-item,
5555
.workspace-switcher .workspace-add-button {
5556
border: 0 solid rgba(255, 255, 255, 0.12);
5557
}
5558
.top .workspace-switcher .workspace-item:dir(ltr),
5560
.bottom .workspace-switcher .workspace-item:dir(ltr), .top
5561
.workspace-switcher .workspace-add-button:dir(ltr),
5562
.bottom
5563
.workspace-switcher .workspace-add-button:dir(ltr) {
5564
border-right-width: 1px;
5565
}
5566
.top .workspace-switcher .workspace-item:dir(rtl),
5568
.bottom .workspace-switcher .workspace-item:dir(rtl), .top
5569
.workspace-switcher .workspace-add-button:dir(rtl),
5570
.bottom
5571
.workspace-switcher .workspace-add-button:dir(rtl) {
5572
border-left-width: 1px;
5573
}
5574
.left .workspace-switcher .workspace-item,
5576
.right .workspace-switcher .workspace-item, .left
5577
.workspace-switcher .workspace-add-button,
5578
.right
5579
.workspace-switcher .workspace-add-button {
5580
border-bottom-width: 1px;
5581
}
5582
.workspace-switcher .workspace-item {
5584
transition: all 150ms cubic-bezier(0, 0, 0.2, 1);
5585
}
5586
.workspace-switcher .workspace-item.current-workspace {
5588
background-color: rgba(255, 255, 255, 0.12);
5589
}
5590
.workspace-switcher .workspace-add-button:hover {
5592
box-shadow: none;
5593
}
5594
.workspace-switcher .workspace-add-button:active {
5596
background-image: none;
5597
}
5598
.workspace-switcher .workspace-add-button:active image {
5600
margin: 1px 0 -1px;
5601
}
5602
.budgie-panel .workspace-switcher .workspace-icon-button {
5604
min-height: 24px;
5605
min-width: 24px;
5606
padding: 0;
5607
border-radius: 2px;
5608
}
5609
.budgie-menu.background {
5611
padding: 0;
5612
background-color: #FFFFFF;
5613
}
5614
.budgie-menu scrollbar,
5616
.budgie-menu entry.search {
5617
background-color: transparent;
5618
}
5619
.budgie-menu entry.search {
5621
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
5622
border-radius: 0;
5623
box-shadow: none;
5624
font-size: 120%;
5625
}
5626
.budgie-menu .categories:dir(ltr) {
5628
border-bottom-left-radius: 2px;
5629
}
5630
.budgie-menu .categories:dir(rtl) {
5632
border-bottom-right-radius: 2px;
5633
}
5634
.budgie-menu button {
5636
min-height: 32px;
5637
padding: 0 8px;
5638
border-radius: 0;
5639
color: rgba(0, 0, 0, 0.87);
5640
font-weight: normal;
5641
}
5642
.budgie-menu button:disabled {
5644
color: rgba(0, 0, 0, 0.38);
5645
}
5646
.budgie-menu button:checked:disabled {
5648
background-color: #4285F4;
5649
}
5650
.budgie-menu row {
5652
padding: 0;
5653
}
5654
.budgie-menu row:hover {
5656
box-shadow: none;
5657
}
5658
popover.background.user-menu {
5660
padding: 8px;
5661
}
5662
popover.background.user-menu .content-box {
5664
background-color: transparent;
5665
}
5666
popover.background.user-menu separator {
5668
margin: 4px 0;
5669
}
5670
popover.background.user-menu row {
5672
padding: 0;
5673
box-shadow: none;
5674
background-image: none;
5675
}
5676
popover.background.places-menu {
5678
padding: 8px;
5679
}
5680
popover.background.places-menu .name-button.text-button {
5682
padding-left: 8px;
5683
padding-right: 8px;
5684
}
5685
popover.background.places-menu .name-button.text-button image:dir(ltr) {
5687
margin-right: 3px;
5688
}
5689
popover.background.places-menu .name-button.text-button image:dir(rtl) {
5691
margin-left: 3px;
5692
}
5693
popover.background.places-menu .places-section-header > image:dir(ltr) {
5695
margin: 0 -2px 0 5px;
5696
}
5697
popover.background.places-menu .places-section-header > image:dir(rtl) {
5699
margin: 0 5px 0 -2px;
5700
}
5701
popover.background.places-menu .places-list {
5703
margin-top: 4px;
5704
padding-top: 4px;
5705
border-top: 1px solid rgba(0, 0, 0, 0.12);
5706
background-color: transparent;
5707
}
5708
popover.background.places-menu row {
5710
padding: 0;
5711
box-shadow: none;
5712
background-image: none;
5713
}
5714
.budgie-panel {
5716
transition: background-color 250ms cubic-bezier(0, 0, 0.2, 1);
5717
background-color: rgba(0, 0, 0, 0.6);
5718
color: rgba(255, 255, 255, 0.7);
5719
font-weight: 500;
5720
}
5721
.budgie-panel.transparent {
5723
background-color: rgba(0, 0, 0, 0.6);
5724
}
5725
.budgie-panel button {
5727
min-height: 16px;
5728
min-width: 16px;
5729
padding: 0;
5730
border-radius: 0;
5731
}
5732
.budgie-panel button:checked {
5734
background-color: rgba(255, 255, 255, 0.12);
5735
}
5736
.budgie-panel.horizontal button {
5738
padding: 0 4px;
5739
}
5740
.budgie-panel.vertical button {
5742
padding: 4px 0;
5743
}
5744
.budgie-panel separator {
5746
background-color: rgba(255, 255, 255, 0.3);
5747
}
5748
.budgie-panel .alert {
5750
color: #EA4335;
5751
}
5752
.budgie-panel #tasklist-button {
5754
padding: 0 4px;
5755
}
5756
.budgie-panel.vertical #tasklist-button {
5758
min-height: 32px;
5759
}
5760
.budgie-panel button.flat.launcher {
5762
padding: 0;
5763
}
5764
.budgie-panel button.flat.launcher:not(:checked) {
5766
color: rgba(255, 255, 255, 0.5);
5767
}
5768
.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active {
5770
color: rgba(255, 255, 255, 0.7);
5771
}
5772
.budgie-panel button.flat.launcher:not(:checked):disabled {
5774
color: rgba(255, 255, 255, 0.3);
5775
}
5776
.top .budgie-panel #tasklist-button, .budgie-panel .top #tasklist-button, .top .budgie-panel button.flat.launcher, .budgie-panel .top button.flat.launcher {
5778
border-image: radial-gradient(circle closest-corner at center calc(1px), currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
5779
}
5780
.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, .top .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .top button.flat.launcher, .top
5782
.budgie-panel .pinned button.flat.launcher.running,
5783
.budgie-panel .pinned .top button.flat.launcher.running {
5784
border-image: radial-gradient(circle closest-corner at center calc(1px), currentColor 100%, transparent 0%) 2 0 0 0/2px 0 0 0;
5785
}
5786
.bottom .budgie-panel #tasklist-button, .budgie-panel .bottom #tasklist-button, .bottom .budgie-panel button.flat.launcher, .budgie-panel .bottom button.flat.launcher {
5788
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
5789
}
5790
.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, .bottom .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .bottom button.flat.launcher, .bottom
5792
.budgie-panel .pinned button.flat.launcher.running,
5793
.budgie-panel .pinned .bottom button.flat.launcher.running {
5794
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2 0/0 0 2px 0;
5795
}
5796
.left .budgie-panel #tasklist-button, .budgie-panel .left #tasklist-button, .left .budgie-panel button.flat.launcher, .budgie-panel .left button.flat.launcher {
5798
border-image: radial-gradient(circle closest-corner at calc(1px) center, currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
5799
}
5800
.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, .left .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .left button.flat.launcher, .left
5802
.budgie-panel .pinned button.flat.launcher.running,
5803
.budgie-panel .pinned .left button.flat.launcher.running {
5804
border-image: radial-gradient(circle closest-corner at calc(1px) center, currentColor 100%, transparent 0%) 0 0 0 2/0 0 0 2px;
5805
}
5806
.right .budgie-panel #tasklist-button, .budgie-panel .right #tasklist-button, .right .budgie-panel button.flat.launcher, .budgie-panel .right button.flat.launcher {
5808
border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
5809
}
5810
.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, .right .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .right button.flat.launcher, .right
5812
.budgie-panel .pinned button.flat.launcher.running,
5813
.budgie-panel .pinned .right button.flat.launcher.running {
5814
border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, currentColor 100%, transparent 0%) 0 2 0 0/0 2px 0 0;
5815
}
5816
frame.raven-frame > border {
5818
border-style: none;
5819
box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22);
5820
}
5821
.top frame.raven-frame > border {
5823
margin-bottom: 32px;
5824
}
5825
.bottom frame.raven-frame > border {
5827
margin-top: 32px;
5828
}
5829
.left frame.raven-frame > border {
5831
margin-right: 32px;
5832
}
5833
.right frame.raven-frame > border {
5835
margin-left: 32px;
5836
}
5837
.raven {
5839
background-color: #FFFFFF;
5840
}
5841
.raven > box {
5843
margin-bottom: -10px;
5844
}
5845
.raven > stack {
5847
margin-bottom: -10px;
5848
}
5849
.raven stackswitcher.linked > button {
5851
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FBBC05 0%, transparent 0%) 0 0 0/0 0 0px;
5852
border-radius: 0;
5853
}
5854
.raven stackswitcher.linked > button:checked {
5856
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FBBC05 100%, transparent 0%) 0 0 2/0 0 2px;
5857
background-color: transparent;
5858
}
5859
.raven .raven-header {
5861
min-height: 32px;
5862
padding: 3px;
5863
}
5864
.raven .raven-header:not(.top) {
5866
margin-top: -6px;
5867
}
5868
.raven .raven-header.top {
5870
padding: 2px 0;
5871
background-color: #4285F4;
5872
color: white;
5873
}
5874
.raven .raven-header.top stackswitcher button {
5876
margin: -6px 0;
5877
min-height: 32px;
5878
}
5879
.raven .raven-header.top button.image-button:dir(ltr) {
5881
margin-right: 2px;
5882
}
5883
.raven .raven-header.top button.image-button:dir(rtl) {
5885
margin-left: 2px;
5886
}
5887
.raven .raven-header.top > image {
5889
margin: 0 8px;
5890
}
5891
.raven .raven-header.top > label {
5893
margin: 0 -8px;
5894
font-weight: bold;
5895
}
5896
.raven .raven-header.bottom {
5898
border-top: 1px solid rgba(0, 0, 0, 0.12);
5899
}
5900
.raven viewport.frame .raven-header {
5902
margin-top: -8px;
5903
}
5904
.raven .raven-background {
5906
border-style: solid none;
5907
border-width: 1px;
5908
border-color: rgba(0, 0, 0, 0.12);
5909
background-color: #FFFFFF;
5910
}
5911
.raven .raven-background.frame {
5913
border-style: solid none;
5914
}
5915
.raven .raven-background > overlay > widget > image {
5917
color: rgba(0, 0, 0, 0.12);
5918
}
5919
.raven .raven-background grid > label:first-child {
5921
min-height: 32px;
5922
}
5923
.raven scrolledwindow.raven-background {
5925
border-bottom-style: none;
5926
}
5927
.raven .raven-header.top + .raven-background {
5929
border-style: none;
5930
background-color: #4285F4;
5931
color: white;
5932
}
5933
.raven .raven-header.top + .raven-background stackswitcher button {
5935
margin: -4px 0;
5936
}
5937
.raven .powerstrip button {
5939
margin: 2px 0 1px;
5940
padding: 10px;
5941
}
5942
.raven .option-subtitle {
5944
font-size: smaller;
5945
}
5946
calendar.raven-calendar {
5948
border-style: none;
5949
background-color: transparent;
5950
}
5951
calendar.raven-calendar:selected {
5953
border-radius: 2px;
5954
background-color: #4285F4;
5955
}
5956
.raven-mpris {
5958
background-color: rgba(0, 0, 0, 0.6);
5959
color: white;
5960
}
5961
.raven-mpris label {
5963
min-height: 24px;
5964
}
5965
.raven-mpris button.image-button {
5967
padding: 10px;
5968
}
5969
.budgie-notification-window, .budgie-osd-window, .budgie-switcher-window {
5971
background-color: transparent;
5972
}
5973
.budgie-notification .notification-title, .budgie-switcher .notification-title {
5975
font-size: 120%;
5976
}
5977
.budgie-osd .budgie-osd-text {
5979
font-size: 120%;
5980
}
5981
.drop-shadow {
5983
margin: 5px 9px;
5984
padding: 3px;
5985
border-radius: 2px;
5986
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 1px rgba(255, 255, 255, 0.4);
5987
background-color: #FFFFFF;
5988
}
5989
.drop-shadow .linked > button {
5991
border-radius: 2px;
5992
}
5993
.budgie-session-dialog, .budgie-polkit-dialog, .budgie-run-dialog {
5995
border-radius: 2px;
5996
background-color: #FFFFFF;
5997
}
5998
.budgie-session-dialog decoration, .budgie-polkit-dialog decoration, .budgie-run-dialog decoration {
6000
border-radius: 2px;
6001
}
6002
.budgie-session-dialog label:not(:last-child),
6004
.budgie-session-dialog .dialog-title {
6005
font-size: 120%;
6006
}
6007
.budgie-session-dialog .linked.horizontal > button {
6009
padding: 8px 16px;
6010
border-top: 1px solid rgba(0, 0, 0, 0.12);
6011
border-radius: 0;
6012
}
6013
.budgie-session-dialog .linked.horizontal > button:first-child {
6015
border-bottom-left-radius: 2px;
6016
}
6017
.budgie-session-dialog .linked.horizontal > button:last-child {
6019
border-bottom-right-radius: 2px;
6020
}
6021
.budgie-polkit-dialog .message {
6023
color: rgba(0, 0, 0, 0.38);
6024
}
6025
.budgie-polkit-dialog .failure {
6027
color: #EA4335;
6028
}
6029
.budgie-run-dialog {
6031
background-color: #FFFFFF;
6032
}
6033
.budgie-run-dialog entry.search {
6035
font-size: 120%;
6036
padding: 6px 14px;
6037
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
6038
background-color: transparent;
6039
}
6040
.budgie-run-dialog list .dim-label, .budgie-run-dialog list label.separator, .budgie-run-dialog list .titlebar:not(headerbar) .subtitle, .titlebar:not(headerbar) .budgie-run-dialog list .subtitle, .budgie-run-dialog list
6042
headerbar .subtitle,
6043
headerbar .budgie-run-dialog list .subtitle, .budgie-run-dialog list .budgie-notification .notification-body, .budgie-notification .budgie-run-dialog list .notification-body, .budgie-run-dialog list .budgie-switcher .notification-body, .budgie-switcher .budgie-run-dialog list .notification-body {
6044
opacity: 1;
6045
}
6046
.budgie-run-dialog scrolledwindow {
6048
border-top: 1px solid rgba(0, 0, 0, 0.12);
6049
}
6050
/************************
6052
* LightDM GTK+ Greeter *
6053
************************/
6054
#panel_window {
6055
background-color: rgba(0, 0, 0, 0.3);
6056
color: white;
6057
}
6058
#panel_window menubar,
6060
#panel_window separator {
6061
background-color: transparent;
6062
}
6063
#panel_window separator {
6065
padding: 0 4px;
6066
}
6067
#panel_window separator:first-child {
6069
padding: 0 8px;
6070
}
6071
#panel_window menubar > menuitem {
6073
color: rgba(255, 255, 255, 0.7);
6074
}
6075
#panel_window menubar > menuitem:hover {
6077
color: white;
6078
}
6079
#panel_window menubar > menuitem:disabled label {
6081
color: rgba(255, 255, 255, 0.3);
6082
}
6083
#login_window,
6085
#shutdown_dialog,
6086
#restart_dialog {
6087
margin: 8px;
6088
border-radius: 2px;
6089
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 1px rgba(255, 255, 255, 0.4);
6090
background-color: #FFFFFF;
6091
}
6092
#content_frame {
6094
padding-bottom: 20px;
6095
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
6096
}
6097
#buttonbox_frame {
6099
padding-top: 24px;
6100
}
6101
#buttonbox_frame button {
6103
margin: -16px;
6104
}
6105
#greeter_infobar {
6107
margin-top: -1px;
6108
}
6109
/********
6111
* Nemo *
6112
*******/
6113
.nemo-window .nemo-inactive-pane .view {
6114
background-color: #FAFAFA;
6115
color: rgba(0, 0, 0, 0.87);
6116
}
6117
.nemo-window .sidebar .cell {
6119
background-color: #F2F2F2;
6120
color: rgba(0, 0, 0, 0.87);
6121
}
6122
.nemo-window .sidebar .cell:selected {
6124
color: white;
6125
background-color: #4285F4;
6126
}
6127
.nemo-desktop.nemo-canvas-item {
6129
color: white;
6130
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
6131
}
6132
.nemo-desktop.nemo-canvas-item:selected {
6134
text-shadow: none;
6135
}
6136
/* GTK NAMED COLORS
6138
----------------
6139
use responsibly! */
6140
/*
6141
widget text/foreground color */
6142
@define-color theme_fg_color rgba(0, 0, 0, 0.87);
6143
/*
6144
text color for entries, views and content in general */
6145
@define-color theme_text_color rgba(0, 0, 0, 0.87);
6146
/*
6147
widget base background color */
6148
@define-color theme_bg_color #F2F2F2;
6149
/*
6150
text widgets and the like base background color */
6151
@define-color theme_base_color #FFFFFF;
6152
/*
6153
base background color of selections */
6154
@define-color theme_selected_bg_color #4285F4;
6155
/*
6156
text/foreground color of selections */
6157
@define-color theme_selected_fg_color white;
6158
/*
6159
base background color of insensitive widgets */
6160
@define-color insensitive_bg_color #F2F2F2;
6161
/*
6162
text foreground color of insensitive widgets */
6163
@define-color insensitive_fg_color rgba(0, 0, 0, 0.38);
6164
/*
6165
insensitive text widgets and the like base background color */
6166
@define-color insensitive_base_color #FAFAFA;
6167
/*
6168
widget text/foreground color on backdrop windows */
6169
@define-color theme_unfocused_fg_color rgba(0, 0, 0, 0.87);
6170
/*
6171
text color for entries, views and content in general on backdrop windows */
6172
@define-color theme_unfocused_text_color rgba(0, 0, 0, 0.87);
6173
/*
6174
widget base background color on backdrop windows */
6175
@define-color theme_unfocused_bg_color #F2F2F2;
6176
/*
6177
text widgets and the like base background color on backdrop windows */
6178
@define-color theme_unfocused_base_color #FFFFFF;
6179
/*
6180
base background color of selections on backdrop windows */
6181
@define-color theme_unfocused_selected_bg_color #4285F4;
6182
/*
6183
text/foreground color of selections on backdrop windows */
6184
@define-color theme_unfocused_selected_fg_color white;
6185
/*
6186
insensitive color on backdrop windows */
6187
@define-color unfocused_insensitive_color rgba(0, 0, 0, 0.38);
6188
/*
6189
widgets main borders color */
6190
@define-color borders rgba(0, 0, 0, 0.12);
6191
/*
6192
widgets main borders color on backdrop windows */
6193
@define-color unfocused_borders rgba(0, 0, 0, 0.12);
6194
/*
6195
these are pretty self explicative */
6196
@define-color warning_color #FBBC05;
6197
@define-color error_color #EA4335;
6198
@define-color success_color #34A853;
6199
/*
6200
FIXME this is really an API */
6201
@define-color content_view_bg #FFFFFF;
6202
@define-color placeholder_text_color #757575;
6203