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: 4px;
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: 4px;
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: 4px;
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: 4px;
204
transition: all 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 150ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms 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 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 150ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms 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 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 150ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms 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: 4px;
529
font-weight: 500;
530
transition: 150ms, background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms 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: 150ms, background-size 0, background-image 0;
549
animation: ripple_effect 225ms 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 .linked > 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, .nemo-window .toolbar button,
581
button.flat {
582
transition: 150ms, border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
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 .linked > 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, .nemo-window .toolbar 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 .linked > 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, .nemo-window .toolbar button:active,
609
button.flat:active {
610
transition: 150ms, border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
611
animation: ripple_effect 225ms 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 .linked > 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, .nemo-window .toolbar 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, .nemo-window .toolbar 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, .nemo-window .toolbar 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: 4px;
661
-gtk-outline-radius: 4px;
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, .nemo-window .toolbar .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, .nemo-window .toolbar
687
.linked.vertical > button, .linked >
688
button.flat,
689
.linked.vertical >
690
button.flat {
691
border-radius: 4px;
692
}
693
toolbar .linked > button.text-button.image-button, .titlebar:not(headerbar) .linked > button.text-button.image-button:not(.suggested-action):not(.destructive-action),
695
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, .nemo-window .toolbar .linked > button.text-button.image-button, toolbar
696
.linked.vertical > button.text-button.image-button, .titlebar:not(headerbar)
697
.linked.vertical > button.text-button.image-button:not(.suggested-action):not(.destructive-action),
698
headerbar
699
.linked.vertical > button.text-button.image-button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box
700
.linked.vertical > button.text-button.image-button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification
701
.linked.vertical > button.text-button.image-button, .nemo-window .toolbar
702
.linked.vertical > button.text-button.image-button, .linked >
703
button.flat.text-button.image-button,
704
.linked.vertical >
705
button.flat.text-button.image-button {
706
border-radius: 4px;
707
-gtk-outline-radius: 4px;
708
}
709
infobar.info button:disabled, infobar.question button:disabled, infobar.warning button:disabled, infobar.error button:disabled, row:selected
711
button:disabled {
712
background-color: rgba(255, 255, 255, 0.12);
713
color: rgba(255, 255, 255, 0.3);
714
}
715
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
717
button.flat {
718
color: rgba(255, 255, 255, 0.7);
719
}
720
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
722
button.flat:hover, row:selected
723
button.flat:active {
724
color: white;
725
}
726
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
728
button.flat:disabled {
729
color: rgba(255, 255, 255, 0.3);
730
}
731
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
733
button.flat:checked {
734
background-color: rgba(255, 255, 255, 0.3);
735
color: white;
736
}
737
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
739
button.flat:checked:disabled {
740
background-color: rgba(255, 255, 255, 0.12);
741
color: rgba(255, 255, 255, 0.5);
742
}
743
button.osd {
746
padding: 8px 12px;
747
}
748
button.osd.image-button {
751
padding: 8px;
752
}
753
button.osd:disabled {
756
opacity: 0;
757
}
758
button.suggested-action {
761
background-color: #01A299;
762
color: white;
763
}
764
button.suggested-action:disabled {
767
box-shadow: none;
768
background-color: rgba(0, 0, 0, 0.12);
769
color: rgba(0, 0, 0, 0.38);
770
}
771
button.suggested-action:checked {
774
background-color: #4dbeb8;
775
}
776
button.suggested-action.flat {
779
background-color: transparent;
780
color: #01A299;
781
}
782
button.suggested-action.flat:disabled {
785
box-shadow: none;
786
background-color: transparent;
787
color: rgba(0, 0, 0, 0.38);
788
}
789
button.suggested-action.flat:checked {
792
background-color: rgba(1, 162, 153, 0.3);
793
}
794
button.destructive-action {
797
background-color: #EA4335;
798
color: white;
799
}
800
button.destructive-action:disabled {
803
box-shadow: none;
804
background-color: rgba(0, 0, 0, 0.12);
805
color: rgba(0, 0, 0, 0.38);
806
}
807
button.destructive-action:checked {
810
background-color: #f07b72;
811
}
812
button.destructive-action.flat {
815
background-color: transparent;
816
color: #EA4335;
817
}
818
button.destructive-action.flat:disabled {
821
box-shadow: none;
822
background-color: transparent;
823
color: rgba(0, 0, 0, 0.38);
824
}
825
button.destructive-action.flat:checked {
828
background-color: rgba(234, 67, 53, 0.3);
829
}
830
.stack-switcher >
832
button {
833
outline-offset: -4px;
834
}
835
.stack-switcher >
837
button > label {
838
padding-left: 6px;
839
padding-right: 6px;
840
}
841
.stack-switcher >
843
button > image {
844
padding-left: 6px;
845
padding-right: 6px;
846
padding-top: 3px;
847
padding-bottom: 3px;
848
}
849
.stack-switcher >
851
button.text-button {
852
padding-left: 10px;
853
padding-right: 10px;
854
}
855
.stack-switcher >
857
button.image-button {
858
padding-left: 2px;
859
padding-right: 2px;
860
}
861
.stack-switcher >
863
button.needs-attention:checked > label,
864
.stack-switcher >
865
button.needs-attention:checked > image {
866
animation: none;
867
background-image: none;
868
}
869
.primary-toolbar
871
button {
872
-gtk-icon-shadow: none;
873
}
874
button.image-button, toolbar .linked > button.image-button, .titlebar:not(headerbar) .linked > button.image-button:not(.suggested-action):not(.destructive-action),
877
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, .nemo-window .toolbar .linked > button.image-button, toolbar
878
.linked.vertical > button.image-button,
879
headerbar
880
.linked.vertical > button.image-button:not(.suggested-action):not(.destructive-action), .app-notification
881
.linked.vertical > button.image-button, .nemo-window .toolbar
882
.linked.vertical > button.image-button, .linked > button.flat.image-button,
883
.linked.vertical > button.flat.image-button, .inline-toolbar button:not(.text-button), check,
884
radio, button.titlebutton, .disclosure-button, .nautilus-window headerbar > revealer > button, .raven .raven-header:not(.top) button.image-button, .raven .expander-button,
885
button.close,
886
button.circular {
887
border-radius: 9999px;
888
-gtk-outline-radius: 9999px;
889
}
890
spinbutton:not(.vertical) button, notebook > header tab button.flat, button.sidebar-button, .nautilus-window .floating-bar button, .gedit-document-panel row button.flat, .gedit-search-slider .linked > button, .pluma-window paned.horizontal box.vertical box.horizontal button.flat {
892
min-height: 24px;
893
min-width: 24px;
894
padding: 0;
895
border-radius: 9999px;
896
-gtk-outline-radius: 9999px;
897
}
898
.stack-switcher >
900
button.needs-attention > label,
901
.stack-switcher >
902
button.needs-attention > image, stacksidebar row.needs-attention > label {
903
animation: needs_attention 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
904
background-repeat: no-repeat;
905
background-position: right 3px;
906
background-size: 6px 6px;
907
}
908
.stack-switcher >
910
button.needs-attention > label:dir(rtl),
911
.stack-switcher >
912
button.needs-attention > image:dir(rtl), stacksidebar row.needs-attention > label:dir(rtl) {
913
background-position: left 3px;
914
}
915
.linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry, .linked > button, .linked:not(.vertical) > combobox > box > button.combo {
917
border-radius: 0;
918
-gtk-outline-radius: 4px;
919
}
920
.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 {
922
border-top-left-radius: 4px;
923
border-bottom-left-radius: 4px;
924
}
925
.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 {
927
border-top-right-radius: 4px;
928
border-bottom-right-radius: 4px;
929
}
930
.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 {
932
border-radius: 4px;
933
}
934
.linked.vertical > spinbutton:not(.vertical), .linked.vertical > entry, .linked.vertical > button, .linked.vertical > combobox > box > button.combo {
936
border-radius: 0;
937
-gtk-outline-radius: 4px;
938
}
939
.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 {
941
border-top-left-radius: 4px;
942
border-top-right-radius: 4px;
943
}
944
.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 {
946
border-bottom-left-radius: 4px;
947
border-bottom-right-radius: 4px;
948
}
949
.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 {
951
border-radius: 4px;
952
}
953
/* menu buttons */
955
modelbutton.flat,
956
.menuitem.button.flat {
957
min-height: 28px;
958
padding: 0 8px;
959
border-radius: 4px;
960
color: inherit;
961
}
962
modelbutton.flat arrow {
964
background: none;
965
}
966
modelbutton.flat arrow:hover {
968
background: none;
969
}
970
modelbutton.flat arrow.left {
972
-gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
973
}
974
modelbutton.flat arrow.right {
976
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
977
}
978
button.color {
980
min-height: 24px;
981
min-width: 24px;
982
padding: 4px;
983
}
984
/*********
986
* Links *
987
*********/
988
*:link, button:link,
989
button:visited, *:link:hover, button:hover:link,
990
button:hover:visited, *:link:active, button:active:link,
991
button:active:visited {
992
color: #4285F4;
993
}
994
*:link:visited,
996
button:visited, *:link:visited:hover,
997
button:visited:hover, *:link:visited:active,
998
button:visited:active {
999
color: #E040FB;
1000
}
1001
infobar.info *:link, infobar.info button:link, infobar.info
1003
button:visited, infobar.question *:link, infobar.question button:link, infobar.question
1004
button:visited, infobar.warning *:link, infobar.warning button:link, infobar.warning
1005
button:visited, infobar.error *:link, infobar.error button:link, infobar.error
1006
button:visited, *:link:selected, button:selected:link,
1007
button:selected:visited, .selection-mode.titlebar:not(headerbar) .subtitle:link,
1008
headerbar.selection-mode .subtitle:link,
1009
*:selected *:link,
1010
*:selected button:link,
1011
*:selected
1012
button:visited {
1013
color: white;
1014
}
1015
button:link > label,
1017
button:visited > label {
1018
text-decoration-line: underline;
1019
}
1020
/*****************
1022
* GtkSpinButton *
1023
*****************/
1024
spinbutton:not(.vertical) {
1025
padding: 0;
1026
}
1027
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,
1029
spinbutton:not(.vertical) entry {
1030
min-width: 24px;
1031
margin: 0;
1032
border-image: none;
1033
border-radius: 0;
1034
box-shadow: none;
1035
background-color: transparent;
1036
}
1037
spinbutton:not(.vertical) button {
1039
border: solid 4px transparent;
1040
}
1041
spinbutton:not(.vertical) button.up:dir(ltr), spinbutton:not(.vertical) button.down:dir(rtl) {
1043
margin-left: -2px;
1044
}
1045
spinbutton:not(.vertical) button.up:dir(rtl), spinbutton:not(.vertical) button.down:dir(ltr) {
1047
margin-right: -2px;
1048
}
1049
spinbutton.vertical:disabled {
1051
color: rgba(0, 0, 0, 0.38);
1052
}
1053
spinbutton.vertical:drop(active) {
1055
box-shadow: none;
1056
}
1057
spinbutton.vertical entry {
1059
min-height: 32px;
1060
min-width: 40px;
1061
padding: 0;
1062
}
1063
spinbutton.vertical button {
1065
min-height: 32px;
1066
min-width: 40px;
1067
padding: 0;
1068
}
1069
spinbutton.vertical button.up {
1071
border-radius: 4px 4px 0 0;
1072
}
1073
spinbutton.vertical button.down {
1075
border-radius: 0 0 4px 4px;
1076
}
1077
treeview spinbutton:not(.vertical) {
1079
min-height: 0;
1080
border-style: none;
1081
border-radius: 0;
1082
}
1083
treeview spinbutton:not(.vertical) entry {
1085
min-height: 0;
1086
padding: 1px 2px;
1087
}
1088
/**************
1090
* ComboBoxes *
1091
**************/
1092
combobox arrow {
1093
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
1094
min-height: 16px;
1095
min-width: 16px;
1096
}
1097
combobox decoration,
1099
combobox button.combo:checked {
1100
transition: none;
1101
}
1102
combobox button.combo cellview:dir(ltr) {
1104
margin-left: 0px;
1105
}
1106
combobox button.combo cellview:dir(rtl) {
1108
margin-right: 0px;
1109
}
1110
combobox #gtk-combobox-popup-menu {
1112
padding: 2px 0;
1113
}
1114
combobox #gtk-combobox-popup-menu menuitem {
1116
min-height: 28px;
1117
padding: 0 8px;
1118
}
1119
combobox #gtk-combobox-popup-menu > arrow.top {
1121
margin-top: -2px;
1122
}
1123
combobox #gtk-combobox-popup-menu > arrow.bottom {
1125
margin-top: 4px;
1126
margin-bottom: -6px;
1127
}
1128
combobox:drop(active) {
1130
box-shadow: none;
1131
}
1132
notebook > stack:not(:only-child) button.combo, .raven .raven-background button.combo, #login_window #user_combobox button {
1134
border-radius: 0;
1135
background-image: none;
1136
font-weight: inherit;
1137
transition: all 150ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1);
1138
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #4285F4 0%, transparent 0%) 0 0 0/0 0 0px;
1139
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26);
1140
background-color: transparent;
1141
color: rgba(0, 0, 0, 0.87);
1142
}
1143
notebook > stack:not(:only-child) button.combo:hover, .raven .raven-background button.combo:hover, #login_window #user_combobox button:hover {
1145
box-shadow: inset 0 -2px rgba(0, 0, 0, 0.38);
1146
}
1147
notebook > stack:not(:only-child) button.combo:checked, .raven .raven-background button.combo:checked, #login_window #user_combobox button:checked {
1149
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #4285F4 100%, transparent 0%) 0 0 2/0 0 2px;
1150
}
1151
notebook > stack:not(:only-child) button.combo:disabled, .raven .raven-background button.combo:disabled, #login_window #user_combobox button:disabled {
1153
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12);
1154
color: rgba(0, 0, 0, 0.38);
1155
}
1156
/************
1158
* Toolbars *
1159
************/
1160
toolbar {
1161
-GtkWidget-window-dragging: true;
1162
padding: 2px;
1163
background-color: #F2F2F2;
1164
}
1165
.osd toolbar {
1167
background-color: transparent;
1168
}
1169
toolbar.osd, .app-notification, frame.documents-dropdown {
1171
transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1);
1172
padding: 4px;
1173
border-radius: 4px;
1174
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);
1175
background-color: #FFFFFF;
1176
}
1177
toolbar.osd:backdrop, .app-notification:backdrop, frame.documents-dropdown:backdrop {
1179
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);
1180
}
1181
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 {
1183
border-radius: 0;
1184
}
1185
toolbar.horizontal > separator {
1187
margin: 2px;
1188
}
1189
toolbar.vertical > separator {
1191
margin: 2px;
1192
}
1193
toolbar:not(.inline-toolbar):not(.osd) scale,
1195
toolbar:not(.inline-toolbar):not(.osd) entry,
1196
toolbar:not(.inline-toolbar):not(.osd) spinbutton,
1197
toolbar:not(.inline-toolbar):not(.osd) button {
1198
margin: 2px;
1199
}
1200
toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:first-child),
1202
toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:first-child),
1203
toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:first-child) {
1204
margin-left: 0;
1205
}
1206
toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:last-child),
1208
toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:last-child),
1209
toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:last-child) {
1210
margin-right: 0;
1211
}
1212
toolbar:not(.inline-toolbar):not(.osd) spinbutton entry,
1214
toolbar:not(.inline-toolbar):not(.osd) spinbutton button {
1215
margin: 0;
1216
}
1217
toolbar:not(.inline-toolbar):not(.osd) switch {
1219
margin: 6px 2px;
1220
}
1221
.inline-toolbar {
1223
padding: 4px;
1224
border-style: solid;
1225
border-width: 0 1px 1px;
1226
border-color: rgba(0, 0, 0, 0.12);
1227
background-color: #FAFAFA;
1228
}
1229
searchbar > revealer > box,
1231
.location-bar {
1232
padding: 4px;
1233
border-style: solid;
1234
border-width: 0 0 1px;
1235
border-color: rgba(0, 0, 0, 0.12);
1236
background-color: #F2F2F2;
1237
background-clip: border-box;
1238
}
1239
searchbar > revealer > box {
1241
margin: -6px;
1242
padding: 4px;
1243
}
1244
/***************
1246
* Header bars *
1247
***************/
1248
.titlebar:not(headerbar),
1249
headerbar {
1250
transition: background-color 150ms cubic-bezier(0, 0, 0.2, 1), color 150ms cubic-bezier(0, 0, 0.2, 1);
1251
min-height: 40px;
1252
padding: 0 4px;
1253
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.1);
1254
background-color: #383838;
1255
color: white;
1256
}
1257
.titlebar:disabled:not(headerbar) :not(button) > label,
1259
headerbar:disabled :not(button) > label {
1260
color: rgba(255, 255, 255, 0.5);
1261
}
1262
.titlebar:backdrop:not(headerbar),
1264
headerbar:backdrop {
1265
color: rgba(255, 255, 255, 0.7);
1266
}
1267
.titlebar:backdrop:disabled:not(headerbar) :not(button) > label,
1269
headerbar:backdrop:disabled :not(button) > label {
1270
color: rgba(255, 255, 255, 0.3);
1271
}
1272
.titlebar:not(headerbar) .title,
1274
headerbar .title {
1275
padding: 0 12px;
1276
font-weight: bold;
1277
}
1278
.titlebar:not(headerbar) .subtitle,
1280
headerbar .subtitle {
1281
padding: 0 12px;
1282
font-size: smaller;
1283
}
1284
.titlebar:not(headerbar) .linked:not(.vertical) > entry:not(.flat),
1286
headerbar .linked:not(.vertical) > entry:not(.flat) {
1287
border-radius: 4px;
1288
}
1289
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action),
1291
headerbar button:not(.suggested-action):not(.destructive-action) {
1292
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0/0 0 0px;
1293
color: rgba(255, 255, 255, 0.7);
1294
}
1295
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):hover, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):active,
1297
headerbar button:not(.suggested-action):not(.destructive-action):hover,
1298
headerbar button:not(.suggested-action):not(.destructive-action):active {
1299
color: white;
1300
}
1301
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):disabled,
1303
headerbar button:not(.suggested-action):not(.destructive-action):disabled {
1304
color: rgba(255, 255, 255, 0.3);
1305
}
1306
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked,
1308
headerbar button:not(.suggested-action):not(.destructive-action):checked {
1309
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2/0 0 2px;
1310
color: white;
1311
}
1312
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked:disabled,
1314
headerbar button:not(.suggested-action):not(.destructive-action):checked:disabled {
1315
color: rgba(255, 255, 255, 0.5);
1316
}
1317
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked:disabled,
1319
headerbar button:not(.suggested-action):not(.destructive-action):checked,
1320
headerbar button:not(.suggested-action):not(.destructive-action):checked:disabled {
1321
background-color: transparent;
1322
}
1323
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop,
1325
headerbar button:not(.suggested-action):not(.destructive-action):backdrop {
1326
color: rgba(255, 255, 255, 0.5);
1327
}
1328
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:hover, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:active,
1330
headerbar button:not(.suggested-action):not(.destructive-action):backdrop:hover,
1331
headerbar button:not(.suggested-action):not(.destructive-action):backdrop:active {
1332
color: rgba(255, 255, 255, 0.7);
1333
}
1334
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:disabled,
1336
headerbar button:not(.suggested-action):not(.destructive-action):backdrop:disabled {
1337
color: rgba(255, 255, 255, 0.3);
1338
}
1339
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked,
1341
headerbar button:not(.suggested-action):not(.destructive-action):backdrop:checked {
1342
color: rgba(255, 255, 255, 0.7);
1343
}
1344
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled,
1346
headerbar button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled {
1347
color: rgba(255, 255, 255, 0.3);
1348
}
1349
.titlebar:not(headerbar) button.suggested-action:disabled, .titlebar:not(headerbar) button.destructive-action:disabled,
1351
headerbar button.suggested-action:disabled,
1352
headerbar button.destructive-action:disabled {
1353
background-color: rgba(255, 255, 255, 0.12);
1354
color: rgba(255, 255, 255, 0.5);
1355
}
1356
.selection-mode.titlebar:not(headerbar),
1358
headerbar.selection-mode {
1359
transition: background-color 0.00001s 225ms, color 225ms cubic-bezier(0, 0, 0.2, 1);
1360
animation: header_ripple_effect 225ms cubic-bezier(0, 0, 0.2, 1);
1361
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);
1362
background-color: #4285F4;
1363
color: white;
1364
}
1365
.selection-mode.titlebar:backdrop:not(headerbar),
1367
headerbar.selection-mode:backdrop {
1368
color: rgba(255, 255, 255, 0.7);
1369
}
1370
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action),
1372
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action) {
1373
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0/0 0 0px;
1374
color: white;
1375
}
1376
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):disabled,
1378
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):disabled {
1379
color: rgba(255, 255, 255, 0.5);
1380
}
1381
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked,
1383
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):checked {
1384
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2/0 0 2px;
1385
color: white;
1386
}
1387
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked:disabled,
1389
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):checked:disabled {
1390
color: rgba(255, 255, 255, 0.5);
1391
}
1392
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop,
1394
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop {
1395
color: rgba(255, 255, 255, 0.7);
1396
}
1397
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:disabled,
1399
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:disabled {
1400
color: rgba(255, 255, 255, 0.3);
1401
}
1402
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked,
1404
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked {
1405
color: rgba(255, 255, 255, 0.7);
1406
}
1407
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled,
1409
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled {
1410
color: rgba(255, 255, 255, 0.3);
1411
}
1412
.selection-mode.titlebar:not(headerbar) .selection-menu,
1414
headerbar.selection-mode .selection-menu {
1415
padding-left: 16px;
1416
padding-right: 16px;
1417
}
1418
.selection-mode.titlebar:not(headerbar) .selection-menu arrow,
1420
headerbar.selection-mode .selection-menu arrow {
1421
-GtkArrow-arrow-scaling: 1;
1422
}
1423
.selection-mode.titlebar:not(headerbar) .selection-menu .arrow,
1425
headerbar.selection-mode .selection-menu .arrow {
1426
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
1427
}
1428
.tiled .titlebar:not(headerbar),
1430
.tiled-top .titlebar:not(headerbar),
1431
.tiled-right .titlebar:not(headerbar),
1432
.tiled-bottom .titlebar:not(headerbar),
1433
.tiled-left .titlebar:not(headerbar),
1434
.maximized .titlebar:not(headerbar),
1435
.fullscreen .titlebar:not(headerbar), .tiled
1436
headerbar,
1437
.tiled-top
1438
headerbar,
1439
.tiled-right
1440
headerbar,
1441
.tiled-bottom
1442
headerbar,
1443
.tiled-left
1444
headerbar,
1445
.maximized
1446
headerbar,
1447
.fullscreen
1448
headerbar {
1449
border-radius: 0;
1450
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
1451
}
1452
.default-decoration.titlebar:not(headerbar),
1454
headerbar.default-decoration {
1455
min-height: 24px;
1456
padding: 4px;
1457
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
1458
}
1459
.tiled .default-decoration.titlebar:not(headerbar),
1461
.maximized .default-decoration.titlebar:not(headerbar),
1462
.fullscreen .default-decoration.titlebar:not(headerbar), .tiled
1463
headerbar.default-decoration,
1464
.maximized
1465
headerbar.default-decoration,
1466
.fullscreen
1467
headerbar.default-decoration {
1468
box-shadow: none;
1469
}
1470
.default-decoration.titlebar:not(headerbar) button.titlebutton,
1472
headerbar.default-decoration button.titlebutton {
1473
min-height: 24px;
1474
min-width: 24px;
1475
margin: 0;
1476
padding: 0;
1477
}
1478
.background:not(.csd) .default-decoration.titlebar:not(headerbar) button.titlebutton:active, .background:not(.csd)
1480
headerbar.default-decoration button.titlebutton:active {
1481
background-size: 1000% 1000%;
1482
}
1483
headerbar entry,
1485
headerbar spinbutton,
1486
headerbar button {
1487
margin-top: 4px;
1488
margin-bottom: 4px;
1489
}
1490
headerbar switch {
1492
margin-top: 8px;
1493
margin-bottom: 8px;
1494
}
1495
headerbar spinbutton button {
1497
margin-top: 0;
1498
margin-bottom: 0;
1499
}
1500
headerbar .entry-tag, headerbar .documents-entry-tag, headerbar .photos-entry-tag {
1502
margin-top: 5px;
1503
margin-bottom: 5px;
1504
}
1505
.background .titlebar {
1507
border-top-left-radius: 4px;
1508
border-top-right-radius: 4px;
1509
}
1510
.background.tiled .titlebar,
1512
.background.tiled-top .titlebar,
1513
.background.tiled-right .titlebar,
1514
.background.tiled-bottom .titlebar,
1515
.background.tiled-left .titlebar,
1516
.background.maximized .titlebar,
1517
.background.solid-csd .titlebar {
1518
border-top-left-radius: 0;
1519
border-top-right-radius: 0;
1520
}
1521
window separator:first-child + headerbar,
1523
window headerbar:first-child {
1524
border-top-left-radius: 4px;
1525
}
1526
window headerbar:last-child {
1528
border-top-right-radius: 4px;
1529
}
1530
window stack headerbar:first-child, window stack headerbar:last-child {
1532
border-top-left-radius: 4px;
1533
border-top-right-radius: 4px;
1534
}
1535
window.tiled headerbar, window.tiled headerbar:first-child, window.tiled headerbar:last-child, window.tiled headerbar:only-child,
1537
window.tiled-top headerbar,
1538
window.tiled-top headerbar:first-child,
1539
window.tiled-top headerbar:last-child,
1540
window.tiled-top headerbar:only-child,
1541
window.tiled-right headerbar,
1542
window.tiled-right headerbar:first-child,
1543
window.tiled-right headerbar:last-child,
1544
window.tiled-right headerbar:only-child,
1545
window.tiled-bottom headerbar,
1546
window.tiled-bottom headerbar:first-child,
1547
window.tiled-bottom headerbar:last-child,
1548
window.tiled-bottom headerbar:only-child,
1549
window.tiled-left headerbar,
1550
window.tiled-left headerbar:first-child,
1551
window.tiled-left headerbar:last-child,
1552
window.tiled-left headerbar:only-child,
1553
window.maximized headerbar,
1554
window.maximized headerbar:first-child,
1555
window.maximized headerbar:last-child,
1556
window.maximized headerbar:only-child,
1557
window.fullscreen headerbar,
1558
window.fullscreen headerbar:first-child,
1559
window.fullscreen headerbar:last-child,
1560
window.fullscreen headerbar:only-child,
1561
window.solid-csd headerbar,
1562
window.solid-csd headerbar:first-child,
1563
window.solid-csd headerbar:last-child,
1564
window.solid-csd headerbar:only-child {
1565
border-top-left-radius: 0;
1566
border-top-right-radius: 0;
1567
}
1568
window.csd > .titlebar:not(headerbar) {
1570
padding: 0;
1571
background-color: transparent;
1572
background-image: none;
1573
border-style: none;
1574
box-shadow: none;
1575
}
1576
.titlebar:not(headerbar) > separator {
1578
background-color: #383838;
1579
background-image: image(rgba(0, 0, 0, 0.12));
1580
}
1581
/************
1583
* Pathbars *
1584
************/
1585
.caja-pathbar button,
1586
.path-bar button {
1587
padding-left: 4px;
1588
padding-right: 4px;
1589
}
1590
.caja-pathbar button label:not(:only-child):first-child,
1592
.path-bar button label:not(:only-child):first-child {
1593
margin-left: 4px;
1594
}
1595
.caja-pathbar button label:not(:only-child):last-child,
1597
.path-bar button label:not(:only-child):last-child {
1598
margin-right: 4px;
1599
}
1600
.caja-pathbar button.slider-button,
1602
.path-bar button.slider-button {
1603
padding-left: 4px;
1604
padding-right: 4px;
1605
}
1606
:not(headerbar) .caja-pathbar button, .caja-pathbar :not(headerbar) button, :not(headerbar)
1608
.path-bar button {
1609
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #4285F4 0%, transparent 0%) 0 0 0/0 0 0px;
1610
border-radius: 4px;
1611
}
1612
:not(headerbar) .caja-pathbar button:checked, .caja-pathbar :not(headerbar) button:checked, :not(headerbar)
1614
.path-bar button:checked {
1615
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #4285F4 100%, transparent 0%) 0 0 2/0 0 2px;
1616
}
1617
: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)
1619
.path-bar button:checked, :not(headerbar)
1620
.path-bar button:checked:disabled {
1621
background-color: transparent;
1622
}
1623
/**************
1625
* Tree Views *
1626
**************/
1627
treeview.view {
1628
border-left-color: rgba(0, 0, 0, 0.26);
1629
border-top-color: rgba(0, 0, 0, 0.12);
1630
}
1631
* {
1633
-GtkTreeView-horizontal-separator: 4;
1634
-GtkTreeView-grid-line-width: 1;
1635
-GtkTreeView-grid-line-pattern: '';
1636
-GtkTreeView-tree-line-width: 1;
1637
-GtkTreeView-tree-line-pattern: '';
1638
-GtkTreeView-expander-size: 16;
1639
}
1640
treeview.view:selected {
1642
border-left-color: rgba(255, 255, 255, 0.3);
1643
}
1644
treeview.view:hover, treeview.view:active, treeview.view:selected {
1646
border-radius: 0;
1647
}
1648
treeview.view.separator {
1650
min-height: 5px;
1651
color: rgba(0, 0, 0, 0.12);
1652
}
1653
treeview.view:drop(active) {
1655
border-style: solid none;
1656
border-width: 1px;
1657
border-color: #01A299;
1658
}
1659
treeview.view:drop(active).after {
1661
border-top-style: none;
1662
}
1663
treeview.view:drop(active).before {
1665
border-bottom-style: none;
1666
}
1667
treeview.view.expander {
1669
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
1670
-gtk-icon-transform: rotate(-90deg);
1671
color: rgba(0, 0, 0, 0.54);
1672
}
1673
treeview.view.expander:dir(rtl) {
1675
-gtk-icon-transform: rotate(90deg);
1676
}
1677
treeview.view.expander:checked {
1679
-gtk-icon-transform: unset;
1680
}
1681
treeview.view.expander:hover, treeview.view.expander:active {
1683
color: rgba(0, 0, 0, 0.87);
1684
}
1685
treeview.view.expander:disabled {
1687
color: rgba(0, 0, 0, 0.26);
1688
}
1689
treeview.view.expander:selected {
1691
color: rgba(255, 255, 255, 0.7);
1692
}
1693
treeview.view.expander:selected:hover, treeview.view.expander:selected:active {
1695
color: white;
1696
}
1697
treeview.view.expander:selected:disabled {
1699
color: rgba(255, 255, 255, 0.3);
1700
}
1701
treeview.view.progressbar {
1703
border-bottom: 4px solid #4285F4;
1704
box-shadow: none;
1705
background-color: transparent;
1706
}
1707
treeview.view.progressbar:selected {
1709
border-bottom-color: white;
1710
}
1711
treeview.view.trough {
1713
border-bottom: 4px solid rgba(66, 133, 244, 0.3);
1714
box-shadow: none;
1715
background-color: transparent;
1716
}
1717
treeview.view.trough:selected {
1719
border-bottom-color: rgba(255, 255, 255, 0.3);
1720
}
1721
treeview.view header button {
1723
padding: 2px 6px;
1724
border-style: none solid solid none;
1725
border-width: 1px;
1726
border-color: rgba(0, 0, 0, 0.12);
1727
border-radius: 0;
1728
background-clip: border-box;
1729
}
1730
treeview.view header button, treeview.view header button:hover, treeview.view header button:active {
1732
box-shadow: none;
1733
}
1734
treeview.view header button, treeview.view header button:disabled {
1736
background-color: #FFFFFF;
1737
}
1738
treeview.view header button:last-child {
1740
border-right-style: none;
1741
}
1742
treeview.view button.dnd,
1744
treeview.view header.button.dnd {
1745
padding: 2px 6px;
1746
border-style: none solid solid;
1747
border-width: 1px;
1748
border-color: rgba(0, 0, 0, 0.12);
1749
border-radius: 0;
1750
box-shadow: none;
1751
background-color: #FFFFFF;
1752
background-clip: border-box;
1753
color: #4285F4;
1754
}
1755
treeview.view acceleditor > label {
1757
background-color: #4285F4;
1758
}
1759
/*********
1761
* Menus *
1762
*********/
1763
menubar,
1764
.menubar {
1765
-GtkWidget-window-dragging: true;
1766
padding: 0;
1767
background-color: #383838;
1768
}
1769
menubar > menuitem,
1771
.menubar > menuitem {
1772
transition: all 150ms cubic-bezier(0, 0, 0.2, 1);
1773
min-height: 20px;
1774
padding: 4px 8px;
1775
color: rgba(255, 255, 255, 0.7);
1776
}
1777
menubar > menuitem:hover,
1779
.menubar > menuitem:hover {
1780
transition: none;
1781
background-color: rgba(255, 255, 255, 0.12);
1782
color: white;
1783
}
1784
menubar > menuitem:disabled,
1786
.menubar > menuitem:disabled {
1787
color: rgba(255, 255, 255, 0.3);
1788
}
1789
menubar > menuitem label:disabled,
1791
.menubar > menuitem label:disabled {
1792
color: inherit;
1793
}
1794
.csd.popup {
1796
background-color: transparent;
1797
}
1798
menu,
1800
.menu,
1801
.context-menu {
1802
margin: 4px 0;
1803
padding: 4px 0;
1804
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
1805
background-color: #FFFFFF;
1806
border: 1px solid rgba(0, 0, 0, 0.12);
1807
}
1808
.csd menu, .csd
1810
.menu, .csd
1811
.context-menu {
1812
border: none;
1813
border-radius: 4px;
1814
}
1815
menu menuitem,
1817
.menu menuitem,
1818
.context-menu menuitem {
1819
transition: background-color 150ms cubic-bezier(0, 0, 0.2, 1);
1820
min-height: 20px;
1821
min-width: 40px;
1822
padding: 4px 8px;
1823
font: initial;
1824
text-shadow: none;
1825
}
1826
menu menuitem:hover,
1828
.menu menuitem:hover,
1829
.context-menu menuitem:hover {
1830
transition: none;
1831
background-color: rgba(0, 0, 0, 0.12);
1832
}
1833
menu menuitem:disabled,
1835
.menu menuitem:disabled,
1836
.context-menu menuitem:disabled {
1837
color: rgba(0, 0, 0, 0.38);
1838
}
1839
menu menuitem arrow,
1841
.menu menuitem arrow,
1842
.context-menu menuitem arrow {
1843
min-height: 16px;
1844
min-width: 16px;
1845
}
1846
menu menuitem arrow:dir(ltr),
1848
.menu menuitem arrow:dir(ltr),
1849
.context-menu menuitem arrow:dir(ltr) {
1850
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
1851
margin-left: 8px;
1852
}
1853
menu menuitem arrow:dir(rtl),
1855
.menu menuitem arrow:dir(rtl),
1856
.context-menu menuitem arrow:dir(rtl) {
1857
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl");
1858
margin-right: 8px;
1859
}
1860
menu menuitem label:dir(rtl), menu menuitem label:dir(ltr),
1862
.menu menuitem label:dir(rtl),
1863
.menu menuitem label:dir(ltr),
1864
.context-menu menuitem label:dir(rtl),
1865
.context-menu menuitem label:dir(ltr) {
1866
color: inherit;
1867
}
1868
menu > arrow,
1870
.menu > arrow,
1871
.context-menu > arrow {
1872
min-height: 16px;
1873
min-width: 16px;
1874
padding: 4px;
1875
background-color: #FFFFFF;
1876
color: rgba(0, 0, 0, 0.54);
1877
}
1878
menu > arrow.top,
1880
.menu > arrow.top,
1881
.context-menu > arrow.top {
1882
margin-top: -4px;
1883
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
1884
border-radius: 4px 4px 0 0;
1885
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
1886
}
1887
menu > arrow.bottom,
1889
.menu > arrow.bottom,
1890
.context-menu > arrow.bottom {
1891
margin-top: 8px;
1892
margin-bottom: -12px;
1893
border-top: 1px solid rgba(0, 0, 0, 0.12);
1894
border-radius: 0 0 4px 4px;
1895
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
1896
}
1897
menu > arrow:hover,
1899
.menu > arrow:hover,
1900
.context-menu > arrow:hover {
1901
background-image: image(rgba(0, 0, 0, 0.12));
1902
color: rgba(0, 0, 0, 0.87);
1903
}
1904
menu > arrow:disabled,
1906
.menu > arrow:disabled,
1907
.context-menu > arrow:disabled {
1908
border-color: transparent;
1909
background-color: transparent;
1910
color: transparent;
1911
}
1912
menu separator,
1914
.menu separator,
1915
.context-menu separator {
1916
margin: 4px 0;
1917
}
1918
menuitem accelerator {
1920
color: rgba(0, 0, 0, 0.54);
1921
}
1922
.popup:not(.csd) menu menuitem {
1924
color: #212121;
1925
}
1926
.popup:not(.csd) menu menuitem:hover {
1928
background-color: #E0E0E0;
1929
}
1930
.popup:not(.csd) menu menuitem:disabled {
1932
color: #9E9E9E;
1933
}
1934
.popup:not(.csd) menu accelerator {
1936
color: #757575;
1937
}
1938
/************
1940
* Popovers *
1941
************/
1942
popover.background {
1943
transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1);
1944
padding: 2px;
1945
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
1946
background-color: #FFFFFF;
1947
}
1948
popover.background:backdrop {
1950
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
1951
}
1952
popover.background, .csd popover.background {
1954
border-style: solid;
1955
border-width: 1px;
1956
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.3);
1957
border-radius: 5px;
1958
}
1959
popover.background > stack {
1961
margin: -4px;
1962
}
1963
popover.background > toolbar {
1965
margin: -2px;
1966
}
1967
popover.background > list,
1969
popover.background > .view,
1970
popover.background > toolbar {
1971
border-style: none;
1972
box-shadow: none;
1973
background-color: transparent;
1974
}
1975
popover.background.menu button,
1977
popover.background button.model {
1978
min-height: 32px;
1979
padding: 0 8px;
1980
border-radius: 4px;
1981
}
1982
popover.background separator {
1984
margin: 4px 0;
1985
}
1986
popover.background list separator {
1988
margin: 0;
1989
}
1990
/*************
1992
* Notebooks *
1993
*************/
1994
notebook > header {
1995
border-width: 1px;
1996
border-color: rgba(0, 0, 0, 0.12);
1997
background-color: #F2F2F2;
1998
background-clip: border-box;
1999
}
2000
notebook > header.top {
2002
border-bottom-style: solid;
2003
}
2004
notebook > header.top > tabs {
2006
margin-bottom: -1px;
2007
}
2008
notebook > header.top > tabs > tab:hover {
2010
box-shadow: inset 0 -2px rgba(0, 0, 0, 0.26);
2011
}
2012
notebook > header.top > tabs > tab:checked {
2014
box-shadow: inset 0 -2px #4285F4;
2015
}
2016
notebook > header.bottom {
2018
border-top-style: solid;
2019
}
2020
notebook > header.bottom > tabs {
2022
margin-top: -1px;
2023
}
2024
notebook > header.bottom > tabs > tab:hover {
2026
box-shadow: inset 0 2px rgba(0, 0, 0, 0.26);
2027
}
2028
notebook > header.bottom > tabs > tab:checked {
2030
box-shadow: inset 0 2px #4285F4;
2031
}
2032
notebook > header.left {
2034
border-right-style: solid;
2035
}
2036
notebook > header.left > tabs {
2038
margin-right: -1px;
2039
}
2040
notebook > header.left > tabs > tab:hover {
2042
box-shadow: inset -2px 0 rgba(0, 0, 0, 0.26);
2043
}
2044
notebook > header.left > tabs > tab:checked {
2046
box-shadow: inset -2px 0 #4285F4;
2047
}
2048
notebook > header.right {
2050
border-left-style: solid;
2051
}
2052
notebook > header.right > tabs {
2054
margin-left: -1px;
2055
}
2056
notebook > header.right > tabs > tab:hover {
2058
box-shadow: inset 2px 0 rgba(0, 0, 0, 0.26);
2059
}
2060
notebook > header.right > tabs > tab:checked {
2062
box-shadow: inset 2px 0 #4285F4;
2063
}
2064
notebook > header.top > tabs > arrow {
2066
border-top-style: none;
2067
}
2068
notebook > header.bottom > tabs > arrow {
2070
border-bottom-style: none;
2071
}
2072
notebook > header.top > tabs > arrow, notebook > header.bottom > tabs > arrow {
2074
padding-left: 4px;
2075
padding-right: 4px;
2076
}
2077
notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down {
2079
margin-left: -8px;
2080
-gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
2081
}
2082
notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up {
2084
margin-right: -8px;
2085
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
2086
}
2087
notebook > header.left > tabs > arrow {
2089
border-left-style: none;
2090
}
2091
notebook > header.right > tabs > arrow {
2093
border-right-style: none;
2094
}
2095
notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow {
2097
padding-top: 4px;
2098
padding-bottom: 4px;
2099
}
2100
notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down {
2102
margin-top: -8px;
2103
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
2104
}
2105
notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up {
2107
margin-bottom: -8px;
2108
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
2109
}
2110
notebook > header > tabs > arrow {
2112
min-height: 16px;
2113
min-width: 16px;
2114
border-radius: 0;
2115
}
2116
notebook > header tab {
2118
transition: all 150ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
2119
min-height: 24px;
2120
min-width: 24px;
2121
padding: 4px 12px;
2122
outline-offset: -6px;
2123
border-width: 1px;
2124
border-color: transparent;
2125
background-image: radial-gradient(circle farthest-corner at center, #4285F4 10%, transparent 0%);
2126
background-repeat: no-repeat;
2127
background-position: center;
2128
background-size: 0% 0%;
2129
color: rgba(0, 0, 0, 0.54);
2130
font-weight: 500;
2131
}
2132
notebook > header tab:hover {
2134
color: rgba(0, 0, 0, 0.87);
2135
}
2136
notebook > header tab:hover.reorderable-page {
2138
border-color: rgba(0, 0, 0, 0.12);
2139
background-color: #FAFAFA;
2140
}
2141
notebook > header tab:disabled {
2143
color: rgba(0, 0, 0, 0.26);
2144
}
2145
notebook > header tab:checked {
2147
transition: all 150ms cubic-bezier(0, 0, 0.2, 1), background-size 225ms cubic-bezier(0, 0, 0.2, 1), background-image 450ms cubic-bezier(0, 0, 0.2, 1);
2148
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
2149
background-size: 1000% 1000%;
2150
color: rgba(0, 0, 0, 0.87);
2151
}
2152
notebook > header tab:checked:disabled {
2154
color: rgba(0, 0, 0, 0.38);
2155
}
2156
notebook > header tab:checked.reorderable-page {
2158
border-color: rgba(0, 0, 0, 0.12);
2159
background-color: #FFFFFF;
2160
}
2161
notebook > header tab button.flat:last-child {
2163
margin-left: 4px;
2164
margin-right: -8px;
2165
}
2166
notebook > header tab button.flat:first-child {
2168
margin-left: -8px;
2169
margin-right: 4px;
2170
}
2171
notebook > header.top tabs, notebook > header.bottom tabs {
2173
padding-left: 8px;
2174
padding-right: 8px;
2175
}
2176
notebook > header.top tabs:not(:only-child):first-child, notebook > header.bottom tabs:not(:only-child):first-child {
2178
margin-left: 0;
2179
}
2180
notebook > header.top tabs:not(:only-child):last-child, notebook > header.bottom tabs:not(:only-child):last-child {
2182
margin-right: 0;
2183
}
2184
notebook > header.top tabs tab.reorderable-page, notebook > header.bottom tabs tab.reorderable-page {
2186
margin: 0 -1px;
2187
border-style: none solid;
2188
}
2189
notebook > header.left tabs, notebook > header.right tabs {
2191
padding-top: 8px;
2192
padding-bottom: 8px;
2193
}
2194
notebook > header.left tabs:not(:only-child):first-child, notebook > header.right tabs:not(:only-child):first-child {
2196
margin-top: 0;
2197
}
2198
notebook > header.left tabs:not(:only-child):last-child, notebook > header.right tabs:not(:only-child):last-child {
2200
margin-bottom: 0;
2201
}
2202
notebook > header.left tabs tab.reorderable-page, notebook > header.right tabs tab.reorderable-page {
2204
margin: -1px 0;
2205
border-style: solid none;
2206
}
2207
notebook > stack:not(:only-child) {
2209
background-color: #FFFFFF;
2210
}
2211
/**************
2213
* Scrollbars *
2214
**************/
2215
scrollbar {
2216
transition: all 150ms cubic-bezier(0, 0, 0.2, 1);
2217
background-color: #FFFFFF;
2218
background-clip: padding-box;
2219
}
2220
* {
2222
-GtkScrollbar-has-backward-stepper: false;
2223
-GtkScrollbar-has-forward-stepper: false;
2224
}
2225
scrollbar.top {
2227
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
2228
}
2229
scrollbar.bottom {
2231
border-top: 1px solid rgba(0, 0, 0, 0.12);
2232
}
2233
scrollbar.left {
2235
border-right: 1px solid rgba(0, 0, 0, 0.12);
2236
}
2237
scrollbar.right {
2239
border-left: 1px solid rgba(0, 0, 0, 0.12);
2240
}
2241
scrollbar slider {
2243
transition: all 150ms cubic-bezier(0, 0, 0.2, 1), margin 0, border-width 0;
2244
min-width: 8px;
2245
min-height: 8px;
2246
border: 4px solid transparent;
2247
border-radius: 9999px;
2248
background-clip: padding-box;
2249
background-color: rgba(0, 0, 0, 0.38);
2250
}
2251
scrollbar slider:hover {
2253
background-color: rgba(0, 0, 0, 0.54);
2254
}
2255
scrollbar slider:active {
2257
background-color: rgba(0, 0, 0, 0.87);
2258
}
2259
scrollbar slider:disabled {
2261
background-color: rgba(0, 0, 0, 0.26);
2262
}
2263
scrollbar.fine-tune slider {
2265
transition: all 150ms cubic-bezier(0, 0, 0.2, 1), margin 0, border-width 0, min-width 0, min-height 0;
2266
min-width: 4px;
2267
min-height: 4px;
2268
}
2269
scrollbar.fine-tune.horizontal slider {
2271
margin: 2px 0;
2272
}
2273
scrollbar.fine-tune.vertical slider {
2275
margin: 0 2px;
2276
}
2277
scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
2279
border-color: transparent;
2280
background-color: transparent;
2281
}
2282
scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider {
2284
min-width: 4px;
2285
min-height: 4px;
2286
margin: 3px;
2287
border: 1px solid rgba(255, 255, 255, 0.3);
2288
}
2289
scrollbar.overlay-indicator:not(.dragging):not(.hovering) button {
2291
min-width: 4px;
2292
min-height: 4px;
2293
margin: 3px;
2294
border: 1px solid rgba(255, 255, 255, 0.3);
2295
border-radius: 9999px;
2296
background-color: rgba(0, 0, 0, 0.38);
2297
background-clip: padding-box;
2298
-gtk-icon-source: none;
2299
}
2300
scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled {
2302
background-color: rgba(0, 0, 0, 0.26);
2303
}
2304
scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider {
2306
min-width: 24px;
2307
}
2308
scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button {
2310
min-width: 8px;
2311
}
2312
scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider {
2314
min-height: 24px;
2315
}
2316
scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button {
2318
min-height: 8px;
2319
}
2320
scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering {
2322
background-color: rgba(255, 255, 255, 0.9);
2323
}
2324
scrollbar.horizontal slider {
2326
min-width: 24px;
2327
}
2328
scrollbar.vertical slider {
2330
min-height: 24px;
2331
}
2332
scrollbar button {
2334
min-width: 16px;
2335
min-height: 16px;
2336
padding: 0;
2337
border-radius: 0;
2338
}
2339
scrollbar.vertical button.down {
2341
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
2342
}
2343
scrollbar.vertical button.up {
2345
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
2346
}
2347
scrollbar.horizontal button.down {
2349
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
2350
}
2351
scrollbar.horizontal button.up {
2353
-gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
2354
}
2355
/**********
2357
* Switch *
2358
**********/
2359
switch {
2360
transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1), opacity 150ms cubic-bezier(0, 0, 0.2, 1);
2361
margin: 4px 0;
2362
padding: 0 2px;
2363
border: 5px solid transparent;
2364
border-radius: 9999px;
2365
background-color: rgba(0, 0, 0, 0.26);
2366
background-clip: padding-box;
2367
font-size: 0;
2368
}
2369
switch:checked {
2371
background-color: rgba(1, 162, 153, 0.5);
2372
}
2373
switch:disabled {
2375
opacity: 0.5;
2376
}
2377
switch slider {
2379
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1);
2380
min-width: 20px;
2381
min-height: 20px;
2382
margin: -3px -2px;
2383
border-radius: 9999px;
2384
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);
2385
background-color: #FFFFFF;
2386
color: rgba(0, 0, 0, 0.54);
2387
}
2388
switch:hover slider {
2390
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);
2391
}
2392
switch:focus slider {
2394
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);
2395
}
2396
switch:focus:hover slider {
2398
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);
2399
}
2400
switch:checked slider {
2402
background-color: #01A299;
2403
color: #01A299;
2404
}
2405
/*************************
2407
* Check and Radio items *
2408
*************************/
2409
.view.content-view.check:not(list),
2410
.content-view .tile check:not(list) {
2411
min-height: 40px;
2412
min-width: 40px;
2413
margin: 0;
2414
padding: 0;
2415
box-shadow: none;
2416
background-color: transparent;
2417
background-image: none;
2418
-gtk-icon-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
2419
}
2420
.view.content-view.check:not(list):hover, .view.content-view.check:not(list):active,
2422
.content-view .tile check:not(list):hover,
2423
.content-view .tile check:not(list):active {
2424
-gtk-icon-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
2425
}
2426
.view.content-view.check:not(list),
2428
.content-view .tile check:not(list) {
2429
-gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-unchecked.png"), url("assets/selectionmode-checkbox-unchecked@2.png"));
2430
}
2431
.view.content-view.check:not(list):checked,
2433
.content-view .tile check:not(list):checked {
2434
-gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-checked.png"), url("assets/selectionmode-checkbox-checked@2.png"));
2435
}
2436
checkbutton,
2438
radiobutton {
2439
outline: none;
2440
}
2441
checkbutton.text-button,
2443
radiobutton.text-button {
2444
padding: 2px;
2445
}
2446
checkbutton.text-button label:not(:only-child),
2448
radiobutton.text-button label:not(:only-child) {
2449
margin: 0 4px;
2450
}
2451
check,
2453
radio {
2454
min-height: 24px;
2455
min-width: 24px;
2456
margin: -8px;
2457
padding: 8px;
2458
}
2459
check:focus,
2461
radio:focus {
2462
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.2);
2463
}
2464
check:hover,
2466
radio:hover {
2467
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.12);
2468
}
2469
check:checked, check:indeterminate,
2471
radio:checked,
2472
radio:indeterminate {
2473
color: #01A299;
2474
}
2475
check:checked:disabled, check:indeterminate:disabled,
2477
radio:checked:disabled,
2478
radio:indeterminate:disabled {
2479
color: rgba(1, 162, 153, 0.5);
2480
}
2481
row:selected check:not(:checked):not(:indeterminate), row:selected
2483
radio:not(:checked):not(:indeterminate) {
2484
color: rgba(255, 255, 255, 0.7);
2485
}
2486
row:selected check:not(:checked):not(:indeterminate):hover, row:selected check:not(:checked):not(:indeterminate):active, row:selected
2488
radio:not(:checked):not(:indeterminate):hover, row:selected
2489
radio:not(:checked):not(:indeterminate):active {
2490
color: white;
2491
}
2492
row:selected check:not(:checked):not(:indeterminate):disabled, row:selected
2494
radio:not(:checked):not(:indeterminate):disabled {
2495
color: rgba(255, 255, 255, 0.3);
2496
}
2497
popover check, popover check:focus, popover check:hover, popover check:active, popover check:disabled, popover
2499
radio, popover
2500
radio:focus, popover
2501
radio:hover, popover
2502
radio:active, popover
2503
radio:disabled {
2504
transition: none;
2505
box-shadow: none;
2506
background-image: none;
2507
}
2508
popover check:not(:checked):not(:indeterminate):not(:disabled), popover
2510
radio:not(:checked):not(:indeterminate):not(:disabled) {
2511
color: rgba(0, 0, 0, 0.54);
2512
}
2513
popover check.left:dir(rtl), popover
2515
radio.left:dir(rtl) {
2516
margin-left: -12px;
2517
margin-right: -4px;
2518
}
2519
popover check.right:dir(ltr), popover
2521
radio.right:dir(ltr) {
2522
margin-left: -4px;
2523
margin-right: -12px;
2524
}
2525
menu menuitem check, menu menuitem
2527
radio {
2528
transition: none;
2529
margin: 0;
2530
padding: 0;
2531
}
2532
menu menuitem check:dir(ltr), menu menuitem
2534
radio:dir(ltr) {
2535
margin-right: 8px;
2536
}
2537
menu menuitem check:dir(rtl), menu menuitem
2539
radio:dir(rtl) {
2540
margin-left: 8px;
2541
}
2542
menu menuitem check:not(:checked):not(:indeterminate):not(:disabled), menu menuitem
2544
radio:not(:checked):not(:indeterminate):not(:disabled) {
2545
color: rgba(0, 0, 0, 0.54);
2546
}
2547
menu menuitem check, menu menuitem check:hover, menu menuitem check:disabled, menu menuitem
2549
radio, menu menuitem
2550
radio:hover, menu menuitem
2551
radio:disabled {
2552
box-shadow: none;
2553
}
2554
check {
2557
-gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-unchecked-symbolic.svg"));
2558
}
2559
check:checked {
2562
-gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-checked-symbolic.svg"));
2563
}
2564
check:indeterminate {
2567
-gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-mixed-symbolic.svg"));
2568
}
2569
radio {
2572
-gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-unchecked-symbolic.svg"));
2573
border-image-slice: 20;
2574
border-image-width: 20px;
2575
}
2576
radio:indeterminate {
2579
-gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-mixed-symbolic.svg"));
2580
}
2581
radio {
2584
border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#01A299), to(transparent));
2585
}
2586
radio:checked:not(:indeterminate) {
2589
border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.125, to(#01A299), to(transparent));
2590
}
2591
radio:checked:not(:indeterminate):disabled {
2594
border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.125, to(rgba(1, 162, 153, 0.5)), to(transparent));
2595
}
2596
window.background:not(.csd) > widget > checkbutton > check,
2598
menu menuitem check {
2599
min-height: 16px;
2600
min-width: 16px;
2601
border-radius: 4px;
2602
-gtk-outline-radius: 4px;
2603
-gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-unchecked-symbolic.svg"));
2604
}
2605
window.background:not(.csd) > widget > checkbutton > check:checked,
2607
menu menuitem check:checked {
2608
-gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-checked-symbolic.svg"));
2609
}
2610
window.background:not(.csd) > widget > checkbutton > check:indeterminate,
2612
menu menuitem check:indeterminate {
2613
-gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-mixed-symbolic.svg"));
2614
}
2615
window.background:not(.csd) > widget > radiobutton > radio,
2617
menu menuitem radio {
2618
min-height: 16px;
2619
min-width: 16px;
2620
border-image: none;
2621
-gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-unchecked-symbolic.svg"));
2622
}
2623
window.background:not(.csd) > widget > radiobutton > radio:checked,
2625
menu menuitem radio:checked {
2626
-gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-checked-symbolic.svg"));
2627
}
2628
window.background:not(.csd) > widget > radiobutton > radio:indeterminate,
2630
menu menuitem radio:indeterminate {
2631
-gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-mixed-symbolic.svg"));
2632
}
2633
check:not(:checked):active {
2635
-gtk-icon-transform: rotate(90deg);
2636
}
2637
check:not(:checked):indeterminate:active,
2639
radio:not(:checked):indeterminate:active {
2640
-gtk-icon-transform: scaleX(-1);
2641
}
2642
check:not(:checked),
2644
radio:not(:checked) {
2645
transition: all 150ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1), -gtk-icon-transform 0;
2646
}
2647
check:not(:checked):active,
2649
radio:not(:checked):active {
2650
transition: all 150ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0, -gtk-icon-transform 0;
2651
}
2652
menu menuitem check:not(:checked), menu menuitem
2654
radio:not(:checked) {
2655
transition: none;
2656
}
2657
treeview.view check,
2659
treeview.view radio {
2660
padding: 0;
2661
}
2662
treeview.view check:hover,
2664
treeview.view radio:hover {
2665
box-shadow: inset 0 0 0 9999px alpha(rgba(0, 0, 0, 0.87), 0.05);
2666
}
2667
treeview.view check:hover:disabled,
2669
treeview.view radio:hover:disabled {
2670
box-shadow: none;
2671
}
2672
treeview.view check:hover:selected,
2674
treeview.view radio:hover:selected {
2675
box-shadow: inset 0 0 0 9999px alpha(white, 0.05);
2676
}
2677
treeview.view check,
2679
treeview.view radio {
2680
color: rgba(0, 0, 0, 0.54);
2681
}
2682
treeview.view check:hover, treeview.view check:active,
2684
treeview.view radio:hover,
2685
treeview.view radio:active {
2686
color: rgba(0, 0, 0, 0.87);
2687
}
2688
treeview.view check:disabled,
2690
treeview.view radio:disabled {
2691
color: rgba(0, 0, 0, 0.26);
2692
}
2693
treeview.view check:checked, treeview.view check:indeterminate,
2695
treeview.view radio:checked,
2696
treeview.view radio:indeterminate {
2697
color: #01A299;
2698
}
2699
treeview.view check:checked:disabled, treeview.view check:indeterminate:disabled,
2701
treeview.view radio:checked:disabled,
2702
treeview.view radio:indeterminate:disabled {
2703
color: rgba(1, 162, 153, 0.5);
2704
}
2705
treeview.view check:selected,
2707
treeview.view radio:selected {
2708
color: rgba(255, 255, 255, 0.7);
2709
}
2710
treeview.view check:selected:hover, treeview.view check:selected:active,
2712
treeview.view radio:selected:hover,
2713
treeview.view radio:selected:active {
2714
color: white;
2715
}
2716
treeview.view check:selected:disabled,
2718
treeview.view radio:selected:disabled {
2719
color: rgba(255, 255, 255, 0.3);
2720
}
2721
treeview.view check:selected:checked, treeview.view check:selected:indeterminate,
2723
treeview.view radio:selected:checked,
2724
treeview.view radio:selected:indeterminate {
2725
color: #01A299;
2726
}
2727
treeview.view check:selected:checked:disabled, treeview.view check:selected:indeterminate:disabled,
2729
treeview.view radio:selected:checked:disabled,
2730
treeview.view radio:selected:indeterminate:disabled {
2731
color: rgba(1, 162, 153, 0.5);
2732
}
2733
treeview.view radio:checked {
2735
-gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-checked-symbolic.svg"));
2736
border-image: none;
2737
}
2738
/************
2740
* GtkScale *
2741
************/
2742
scale {
2743
min-height: 2px;
2744
min-width: 2px;
2745
}
2746
scale.horizontal {
2748
padding: 15px 12px;
2749
}
2750
scale.vertical {
2752
padding: 12px 15px;
2753
}
2754
scale slider {
2756
min-height: 32px;
2757
min-width: 32px;
2758
margin: -15px;
2759
}
2760
scale.fine-tune.horizontal {
2762
min-height: 4px;
2763
padding-top: 14px;
2764
padding-bottom: 14px;
2765
}
2766
scale.fine-tune.vertical {
2768
min-width: 4px;
2769
padding-left: 14px;
2770
padding-right: 14px;
2771
}
2772
scale.fine-tune slider {
2774
margin: -14px;
2775
}
2776
scale trough {
2778
transition: background-color 150ms cubic-bezier(0, 0, 0.2, 1);
2779
outline: none;
2780
background-color: rgba(0, 0, 0, 0.26);
2781
}
2782
scale trough:disabled {
2784
background-color: rgba(0, 0, 0, 0.12);
2785
}
2786
scale highlight {
2788
transition: background-color 150ms cubic-bezier(0, 0, 0.2, 1);
2789
background-color: #01A299;
2790
}
2791
scale highlight:disabled {
2793
background-color: transparent;
2794
}
2795
scale fill {
2797
transition: background-color 150ms cubic-bezier(0, 0, 0.2, 1);
2798
background-color: rgba(0, 0, 0, 0.26);
2799
}
2800
scale fill:disabled {
2802
background-color: transparent;
2803
}
2804
scale slider {
2806
transition: background-color 150ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
2807
background-repeat: no-repeat;
2808
background-position: center;
2809
background-size: auto, 1000% 1000%;
2810
border-radius: 50%;
2811
color: transparent;
2812
}
2813
scale slider {
2815
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%);
2816
}
2817
scale slider:disabled {
2819
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%);
2820
}
2821
scale slider:focus {
2823
background-color: rgba(1, 162, 153, 0.16);
2824
}
2825
scale slider:hover {
2827
background-color: rgba(1, 162, 153, 0.12);
2828
}
2829
scale slider:active {
2831
transition: background-color 150ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
2832
animation: scale_ripple_effect 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
2833
background-size: auto, 0% 0%;
2834
background-color: rgba(1, 162, 153, 0.12);
2835
color: rgba(1, 162, 153, 0.12);
2836
}
2837
scale marks label,
2839
scale value {
2840
color: rgba(0, 0, 0, 0.38);
2841
}
2842
scale marks {
2844
color: rgba(0, 0, 0, 0.26);
2845
}
2846
scale marks.top {
2848
margin-bottom: 7px;
2849
margin-top: -15px;
2850
}
2851
scale marks.bottom {
2853
margin-top: 7px;
2854
margin-bottom: -15px;
2855
}
2856
scale marks.left {
2858
margin-right: 7px;
2859
margin-left: -15px;
2860
}
2861
scale marks.right {
2863
margin-left: 7px;
2864
margin-right: -15px;
2865
}
2866
scale.fine-tune marks.top {
2868
margin-bottom: 6px;
2869
margin-top: -14px;
2870
}
2871
scale.fine-tune marks.bottom {
2873
margin-top: 6px;
2874
margin-bottom: -14px;
2875
}
2876
scale.fine-tune marks.left {
2878
margin-right: 6px;
2879
margin-left: -14px;
2880
}
2881
scale.fine-tune marks.right {
2883
margin-left: 6px;
2884
margin-right: -14px;
2885
}
2886
scale.horizontal indicator {
2888
min-height: 8px;
2889
min-width: 1px;
2890
}
2891
scale.vertical indicator {
2893
min-height: 1px;
2894
min-width: 8px;
2895
}
2896
scale.horizontal.marks-before:not(.marks-after) slider {
2898
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%);
2899
}
2900
scale.horizontal.marks-before:not(.marks-after) slider:disabled {
2902
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%);
2903
}
2904
scale.horizontal.marks-after:not(.marks-before) slider {
2906
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%);
2907
}
2908
scale.horizontal.marks-after:not(.marks-before) slider:disabled {
2910
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%);
2911
}
2912
scale.vertical.marks-before:not(.marks-after) slider {
2914
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%);
2915
}
2916
scale.vertical.marks-before:not(.marks-after) slider:disabled {
2918
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%);
2919
}
2920
scale.vertical.marks-after:not(.marks-before) slider {
2922
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%);
2923
}
2924
scale.vertical.marks-after:not(.marks-before) slider:disabled {
2926
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%);
2927
}
2928
scale.color {
2930
min-height: 0;
2931
min-width: 0;
2932
}
2933
scale.color.horizontal {
2935
padding: 0 0 12px 0;
2936
}
2937
scale.color.horizontal slider:dir(ltr), scale.color.horizontal slider:dir(rtl) {
2939
margin-bottom: -24px;
2940
margin-top: 8px;
2941
}
2942
scale.color.vertical:dir(ltr) {
2944
padding: 0 0 0 12px;
2945
}
2946
scale.color.vertical:dir(ltr) slider {
2948
margin-left: -24px;
2949
margin-right: 8px;
2950
}
2951
scale.color.vertical:dir(rtl) {
2953
padding: 0 12px 0 0;
2954
}
2955
scale.color.vertical:dir(rtl) slider {
2957
margin-right: -24px;
2958
margin-left: 8px;
2959
}
2960
/*****************
2962
* Progress bars *
2963
*****************/
2964
progressbar {
2965
color: rgba(0, 0, 0, 0.38);
2966
font-size: smaller;
2967
}
2968
progressbar.horizontal trough,
2970
progressbar.horizontal progress {
2971
min-height: 4px;
2972
}
2973
progressbar.vertical trough,
2975
progressbar.vertical progress {
2976
min-width: 4px;
2977
}
2978
progressbar trough {
2980
background-color: rgba(66, 133, 244, 0.3);
2981
}
2982
progressbar progress {
2984
background-color: #4285F4;
2985
}
2986
progressbar trough.empty progress {
2988
all: unset;
2989
}
2990
/*************
2992
* Level Bar *
2993
*************/
2994
levelbar.horizontal block {
2995
min-height: 4px;
2996
}
2997
levelbar.horizontal.discrete block {
2999
min-width: 32px;
3000
}
3001
levelbar.horizontal.discrete block:not(:last-child) {
3003
margin-right: 2px;
3004
}
3005
levelbar.vertical block {
3007
min-width: 4px;
3008
}
3009
levelbar.vertical.discrete block {
3011
min-height: 32px;
3012
}
3013
levelbar.vertical.discrete block:not(:last-child) {
3015
margin-bottom: 2px;
3016
}
3017
levelbar block.low {
3019
background-color: #FBBC05;
3020
}
3021
levelbar block.high, levelbar block:not(.empty) {
3023
background-color: #4285F4;
3024
}
3025
levelbar block.full {
3027
background-color: #34A853;
3028
}
3029
levelbar block.empty {
3031
background-color: rgba(0, 0, 0, 0.12);
3032
}
3033
/****************
3035
* Print dialog *
3036
*****************/
3037
printdialog paper {
3038
padding: 0;
3039
border: 1px solid rgba(0, 0, 0, 0.12);
3040
background-color: #FFFFFF;
3041
color: rgba(0, 0, 0, 0.87);
3042
}
3043
printdialog .dialog-action-box {
3045
margin: 12px;
3046
}
3047
/**********
3049
* Frames *
3050
**********/
3051
frame > border,
3052
.frame {
3053
margin: 0;
3054
padding: 0;
3055
border: 1px solid rgba(0, 0, 0, 0.12);
3056
border-radius: 0;
3057
box-shadow: none;
3058
}
3059
frame > border.flat,
3061
.frame.flat,
3062
frame.flat > border {
3063
border-style: none;
3064
}
3065
actionbar > revealer > box {
3067
padding: 4px;
3068
border-top: 1px solid rgba(0, 0, 0, 0.12);
3069
}
3070
scrolledwindow viewport.frame {
3072
border-style: none;
3073
}
3074
overshoot.top {
3076
background-image: -gtk-gradient(radial, center top, 0, center top, 0.75, to(rgba(123, 170, 247, 0.3)), to(transparent));
3077
background-repeat: no-repeat;
3078
background-position: center top;
3079
background-color: transparent;
3080
border: none;
3081
box-shadow: none;
3082
}
3083
overshoot.bottom {
3085
background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.75, to(rgba(123, 170, 247, 0.3)), to(transparent));
3086
background-repeat: no-repeat;
3087
background-position: center bottom;
3088
background-color: transparent;
3089
border: none;
3090
box-shadow: none;
3091
}
3092
overshoot.left {
3094
background-image: -gtk-gradient(radial, left center, 0, left center, 0.75, to(rgba(123, 170, 247, 0.3)), to(transparent));
3095
background-repeat: no-repeat;
3096
background-position: left center;
3097
background-color: transparent;
3098
border: none;
3099
box-shadow: none;
3100
}
3101
overshoot.right {
3103
background-image: -gtk-gradient(radial, right center, 0, right center, 0.75, to(rgba(123, 170, 247, 0.3)), to(transparent));
3104
background-repeat: no-repeat;
3105
background-position: right center;
3106
background-color: transparent;
3107
border: none;
3108
box-shadow: none;
3109
}
3110
undershoot.top {
3112
background-color: transparent;
3113
background-image: linear-gradient(to left, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%);
3114
padding-top: 1px;
3115
background-size: 12px 1px;
3116
background-repeat: repeat-x;
3117
background-origin: content-box;
3118
background-position: left top;
3119
}
3120
undershoot.bottom {
3122
background-color: transparent;
3123
background-image: linear-gradient(to left, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%);
3124
padding-bottom: 1px;
3125
background-size: 12px 1px;
3126
background-repeat: repeat-x;
3127
background-origin: content-box;
3128
background-position: left bottom;
3129
}
3130
undershoot.left {
3132
background-color: transparent;
3133
background-image: linear-gradient(to top, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%);
3134
padding-left: 1px;
3135
background-size: 1px 12px;
3136
background-repeat: repeat-y;
3137
background-origin: content-box;
3138
background-position: left top;
3139
}
3140
undershoot.right {
3142
background-color: transparent;
3143
background-image: linear-gradient(to top, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%);
3144
padding-right: 1px;
3145
background-size: 1px 12px;
3146
background-repeat: repeat-y;
3147
background-origin: content-box;
3148
background-position: right top;
3149
}
3150
junction {
3152
border-style: solid none none solid;
3153
border-width: 1px;
3154
border-color: rgba(0, 0, 0, 0.12);
3155
background-color: #FFFFFF;
3156
}
3157
junction:dir(rtl) {
3159
border-style: solid solid none none;
3160
}
3161
separator {
3163
min-width: 1px;
3164
min-height: 1px;
3165
background-color: rgba(0, 0, 0, 0.12);
3166
}
3167
button.font separator,
3170
button.file separator, .tweak-categories separator, preferences stacksidebar.sidebar list separator {
3171
min-width: 0;
3172
min-height: 0;
3173
background-color: transparent;
3174
}
3175
/*********
3177
* Lists *
3178
*********/
3179
list {
3180
border-color: rgba(0, 0, 0, 0.12);
3181
background-color: #FFFFFF;
3182
}
3183
list row {
3185
padding: 2px;
3186
}
3187
row.activatable, .view, treeview.view header button, .budgie-menu button {
3189
transition: all 150ms cubic-bezier(0, 0, 0.2, 1), background-color 0, color 0, background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
3190
box-shadow: inset 0 0 0 9999px transparent;
3191
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
3192
background-repeat: no-repeat;
3193
background-position: center;
3194
background-size: 1000% 1000%;
3195
}
3196
row.activatable:hover, .view:hover, treeview.view header button:hover, .budgie-menu button:hover {
3198
transition: all 150ms cubic-bezier(0, 0, 0.2, 1), background-color 0, color 0, box-shadow 0, background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
3199
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.06);
3200
}
3201
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 {
3203
transition: all 150ms cubic-bezier(0, 0, 0.2, 1), background-color 0, color 0, background-size 0, background-image 0;
3204
animation: ripple_effect 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
3205
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.12);
3206
background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.12) 10%, transparent 0%);
3207
background-size: 0% 0%;
3208
}
3209
/*********************
3211
* App Notifications *
3212
*********************/
3213
.app-notification {
3214
margin: 8px;
3215
}
3216
.app-notification.frame,
3218
.app-notification border {
3219
border-style: none;
3220
}
3221
/*************
3223
* Expanders *
3224
*************/
3225
expander title > arrow {
3226
transition: all 150ms cubic-bezier(0, 0, 0.2, 1);
3227
min-width: 16px;
3228
min-height: 16px;
3229
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
3230
-gtk-icon-transform: rotate(-90deg);
3231
color: rgba(0, 0, 0, 0.54);
3232
}
3233
expander title > arrow:dir(rtl) {
3235
-gtk-icon-transform: rotate(90deg);
3236
}
3237
expander title > arrow:checked {
3239
-gtk-icon-transform: unset;
3240
}
3241
expander title > arrow:hover, expander title > arrow:active {
3243
color: rgba(0, 0, 0, 0.87);
3244
}
3245
expander title > arrow:disabled {
3247
color: rgba(0, 0, 0, 0.26);
3248
}
3249
expander title > arrow:selected {
3251
color: rgba(255, 255, 255, 0.7);
3252
}
3253
expander title > arrow:selected:hover, expander title > arrow:selected:active {
3255
color: white;
3256
}
3257
expander title > arrow:selected:disabled {
3259
color: rgba(255, 255, 255, 0.3);
3260
}
3261
/************
3263
* Calendar *
3264
************/
3265
calendar {
3266
padding: 1px;
3267
border: 1px solid rgba(0, 0, 0, 0.12);
3268
color: rgba(0, 0, 0, 0.87);
3269
}
3270
calendar:disabled {
3272
color: rgba(0, 0, 0, 0.38);
3273
}
3274
calendar:selected {
3276
border-radius: 5px;
3277
}
3278
calendar.header {
3280
border-style: none none solid;
3281
border-radius: 0;
3282
}
3283
calendar.highlight {
3285
color: rgba(0, 0, 0, 0.54);
3286
font-weight: 500;
3287
}
3288
calendar:indeterminate {
3290
color: rgba(0, 0, 0, 0.26);
3291
}
3292
/***********
3294
* Dialogs *
3295
***********/
3296
messagedialog.background {
3297
background-color: #FFFFFF;
3298
}
3299
messagedialog .titlebar {
3301
min-height: 24px;
3302
border-style: none;
3303
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
3304
background-color: #FFFFFF;
3305
color: rgba(0, 0, 0, 0.87);
3306
}
3307
messagedialog .titlebar:backdrop {
3309
color: rgba(0, 0, 0, 0.54);
3310
}
3311
messagedialog.csd.background {
3313
border-bottom-left-radius: 4px;
3314
border-bottom-right-radius: 4px;
3315
}
3316
messagedialog.csd .dialog-action-area {
3318
margin-top: -4px;
3319
padding: 4px;
3320
}
3321
messagedialog.csd .dialog-action-area button {
3323
border-radius: 4px;
3324
}
3325
messagedialog.csd .dialog-action-area button:not(:last-child) {
3327
margin-right: 4px;
3328
}
3329
messagedialog.csd .dialog-action-area button.suggested-action:not(:disabled) {
3331
color: #01A299;
3332
}
3333
messagedialog.csd .dialog-action-area button.destructive-action:not(:disabled) {
3335
color: #EA4335;
3336
}
3337
filechooser .dialog-action-box {
3339
border-top: 1px solid rgba(0, 0, 0, 0.12);
3340
}
3341
filechooser #pathbarbox {
3343
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
3344
background-color: #F2F2F2;
3345
}
3346
filechooserbutton:drop(active) {
3348
box-shadow: none;
3349
}
3350
/***********
3352
* Sidebar *
3353
***********/
3354
.sidebar {
3355
border-style: none;
3356
background-color: #FAFAFA;
3357
}
3358
stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left, .sidebar.left:dir(rtl) {
3360
border-right: 1px solid rgba(0, 0, 0, 0.12);
3361
border-left-style: none;
3362
}
3363
stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right {
3365
border-left: 1px solid rgba(0, 0, 0, 0.12);
3366
border-right-style: none;
3367
}
3368
.sidebar list {
3370
background-color: transparent;
3371
}
3372
paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar {
3374
border-style: none;
3375
}
3376
stacksidebar row {
3378
padding: 10px 4px;
3379
}
3380
stacksidebar row > label {
3382
padding-left: 6px;
3383
padding-right: 6px;
3384
}
3385
/****************
3387
* File chooser *
3388
****************/
3389
row image.sidebar-icon {
3390
color: rgba(0, 0, 0, 0.54);
3391
}
3392
row:selected image.sidebar-icon {
3394
color: rgba(255, 255, 255, 0.7);
3395
}
3396
placessidebar > viewport.frame {
3398
border-style: none;
3399
}
3400
placessidebar list {
3402
padding: 1px 0 4px;
3403
}
3404
placessidebar row {
3406
min-height: 32px;
3407
margin: -1px 0;
3408
padding: 0;
3409
}
3410
placessidebar row > revealer {
3412
padding: 0 12px;
3413
}
3414
placessidebar row:selected {
3416
color: white;
3417
}
3418
placessidebar row:disabled {
3420
color: rgba(0, 0, 0, 0.38);
3421
}
3422
placessidebar row image.sidebar-icon:dir(ltr) {
3424
padding-right: 8px;
3425
}
3426
placessidebar row image.sidebar-icon:dir(rtl) {
3428
padding-left: 8px;
3429
}
3430
placessidebar row label.sidebar-label:dir(ltr) {
3432
padding-right: 2px;
3433
}
3434
placessidebar row label.sidebar-label:dir(rtl) {
3436
padding-left: 2px;
3437
}
3438
placessidebar row.sidebar-placeholder-row {
3440
min-height: 2px;
3441
padding: 0 8px;
3442
background-image: image(#01A299);
3443
background-clip: content-box;
3444
}
3445
placessidebar row.sidebar-new-bookmark-row {
3447
color: #01A299;
3448
}
3449
placessidebar row:drop(active):not(:disabled) {
3451
box-shadow: inset 0 0 0 2px #01A299;
3452
}
3453
placesview .server-list-button > image {
3455
-gtk-icon-transform: rotate(0turn);
3456
}
3457
placesview .server-list-button:checked > image {
3459
-gtk-icon-transform: rotate(-0.5turn);
3460
}
3461
placesview > actionbar > revealer > box > label {
3463
padding-left: 8px;
3464
padding-right: 8px;
3465
}
3466
/*********
3468
* Paned *
3469
*********/
3470
paned > separator {
3471
min-width: 1px;
3472
min-height: 1px;
3473
-gtk-icon-source: none;
3474
border-style: none;
3475
background-color: transparent;
3476
background-image: image(rgba(0, 0, 0, 0.12));
3477
background-size: 1px 1px;
3478
background-clip: content-box;
3479
}
3480
paned > separator.wide {
3482
min-width: 6px;
3483
min-height: 6px;
3484
background-color: #F2F2F2;
3485
background-image: image(rgba(0, 0, 0, 0.12)), image(rgba(0, 0, 0, 0.12));
3486
background-size: 1px 1px, 1px 1px;
3487
}
3488
paned.horizontal > separator {
3490
background-repeat: repeat-y;
3491
}
3492
paned.horizontal > separator:dir(ltr) {
3494
margin: 0 -8px 0 0;
3495
padding: 0 8px 0 0;
3496
background-position: left;
3497
}
3498
paned.horizontal > separator:dir(rtl) {
3500
margin: 0 0 0 -8px;
3501
padding: 0 0 0 8px;
3502
background-position: right;
3503
}
3504
paned.horizontal > separator.wide {
3506
margin: 0;
3507
padding: 0;
3508
background-repeat: repeat-y, repeat-y;
3509
background-position: left, right;
3510
}
3511
paned.vertical > separator {
3513
margin: 0 0 -8px 0;
3514
padding: 0 0 8px 0;
3515
background-repeat: repeat-x;
3516
background-position: top;
3517
}
3518
paned.vertical > separator.wide {
3520
margin: 0;
3521
padding: 0;
3522
background-repeat: repeat-x, repeat-x;
3523
background-position: bottom, top;
3524
}
3525
/**************
3527
* GtkInfoBar *
3528
**************/
3529
infobar {
3530
border-style: none;
3531
}
3532
infobar.info {
3534
background-color: #34A853;
3535
}
3536
infobar.question {
3538
background-color: #4285F4;
3539
}
3540
infobar.warning {
3542
background-color: #FBBC05;
3543
}
3544
infobar.error {
3546
background-color: #EA4335;
3547
}
3548
infobar.info > label, infobar.info, infobar.question > label, infobar.question, infobar.warning > label, infobar.warning, infobar.error > label, infobar.error {
3550
color: white;
3551
}
3552
/************
3554
* Tooltips *
3555
************/
3556
tooltip {
3557
border-radius: 4px;
3558
box-shadow: none;
3559
}
3560
tooltip.background {
3562
background-color: rgba(97, 97, 97, 0.9);
3563
color: white;
3564
}
3565
tooltip decoration {
3567
background-color: transparent;
3568
}
3569
tooltip label {
3571
min-height: 20px;
3572
padding: 0 2px;
3573
}
3574
/*****************
3576
* Color Chooser *
3577
*****************/
3578
colorswatch.top {
3579
border-top-left-radius: 4.5px;
3580
border-top-right-radius: 4.5px;
3581
}
3582
colorswatch.top overlay {
3584
border-top-left-radius: 4px;
3585
border-top-right-radius: 4px;
3586
}
3587
colorswatch.bottom {
3589
border-bottom-left-radius: 4.5px;
3590
border-bottom-right-radius: 4.5px;
3591
}
3592
colorswatch.bottom overlay {
3594
border-bottom-left-radius: 4px;
3595
border-bottom-right-radius: 4px;
3596
}
3597
colorswatch.left, colorswatch:first-child:not(.top) {
3599
border-top-left-radius: 4.5px;
3600
border-bottom-left-radius: 4.5px;
3601
}
3602
colorswatch.left overlay, colorswatch:first-child:not(.top) overlay {
3604
border-top-left-radius: 4px;
3605
border-bottom-left-radius: 4px;
3606
}
3607
colorswatch.right, colorswatch:last-child:not(.bottom) {
3609
border-top-right-radius: 4.5px;
3610
border-bottom-right-radius: 4.5px;
3611
}
3612
colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay {
3614
border-top-right-radius: 4px;
3615
border-bottom-right-radius: 4px;
3616
}
3617
colorswatch.dark {
3619
color: white;
3620
}
3621
colorswatch.light {
3623
color: rgba(0, 0, 0, 0.87);
3624
}
3625
colorswatch:drop(active) {
3627
box-shadow: none;
3628
}
3629
colorswatch:drop(active).light overlay {
3631
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;
3632
}
3633
colorswatch:drop(active).dark overlay {
3635
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;
3636
}
3637
colorswatch overlay {
3639
transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1);
3640
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
3641
}
3642
colorswatch overlay:hover {
3644
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
3645
}
3646
colorswatch#add-color-button {
3648
border-radius: 4px 4px 0 0;
3649
color: white;
3650
}
3651
colorswatch#add-color-button:only-child {
3653
border-radius: 4px;
3654
}
3655
colorswatch#add-color-button overlay {
3657
background-image: linear-gradient(to right, #EA4335 25%, #FBBC05 25%, #FBBC05 50%, #34A853 50%, #34A853 75%, #4285F4 75%);
3658
}
3659
colorswatch:disabled {
3661
opacity: 0.5;
3662
}
3663
colorswatch:disabled overlay {
3665
box-shadow: none;
3666
}
3667
colorswatch#editor-color-sample {
3669
border-radius: 4.5px;
3670
}
3671
colorswatch#editor-color-sample overlay {
3673
border-radius: 4px;
3674
}
3675
colorchooser .popover.osd {
3677
transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1);
3678
border-radius: 4px;
3679
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);
3680
background-color: #FFFFFF;
3681
}
3682
colorchooser .popover.osd:backdrop {
3684
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);
3685
}
3686
/********
3688
* Misc *
3689
********/
3690
.content-view {
3691
background-color: #F2F2F2;
3692
}
3693
/**********************
3695
* Window Decorations *
3696
**********************/
3697
decoration {
3698
transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1);
3699
border-radius: 4px 4px 0 0;
3700
box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22), 0 16px 16px transparent;
3701
margin: 8px;
3702
}
3703
decoration:backdrop {
3705
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), 0 16px 16px transparent;
3706
}
3707
.maximized decoration,
3709
.fullscreen decoration,
3710
.tiled decoration,
3711
.tiled-top decoration,
3712
.tiled-right decoration,
3713
.tiled-bottom decoration,
3714
.tiled-left decoration {
3715
border-radius: 0;
3716
}
3717
.popup decoration {
3719
box-shadow: none;
3720
}
3721
.ssd decoration {
3723
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16);
3724
}
3725
.csd.popup decoration {
3727
border-radius: 4px;
3728
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
3729
}
3730
tooltip.csd decoration {
3732
border-radius: 4px;
3733
box-shadow: none;
3734
}
3735
messagedialog.csd decoration {
3737
border-radius: 4px;
3738
}
3739
.solid-csd decoration {
3741
margin: 0;
3742
border-radius: 0;
3743
box-shadow: none;
3744
background-color: #383838;
3745
}
3746
.view selection, .view:selected, flowbox flowboxchild:selected, spinbutton:not(.vertical) selection,
3748
entry selection, modelbutton.flat:selected,
3749
.menuitem.button.flat:selected, popover.background.menu button:checked,
3750
popover.background button.model:checked, row:selected, calendar:selected, text:selected, .budgie-menu button:checked {
3751
background-color: #4285F4;
3752
}
3753
row:selected label, label:selected, .view selection, .view:selected, flowbox flowboxchild:selected, spinbutton:not(.vertical) selection,
3755
entry selection, modelbutton.flat:selected,
3756
.menuitem.button.flat:selected, popover.background.menu button:checked,
3757
popover.background button.model:checked, row:selected, calendar:selected, text:selected, .budgie-menu button:checked {
3758
color: white;
3759
}
3760
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,
3762
entry selection:disabled, modelbutton.flat:disabled:selected,
3763
.menuitem.button.flat:disabled:selected, popover.background.menu button:disabled:checked,
3764
popover.background button.model:disabled:checked, row:disabled:selected, calendar:disabled:selected, text:disabled:selected, .budgie-menu button:disabled:checked {
3765
color: rgba(255, 255, 255, 0.5);
3766
}
3767
.monospace {
3769
font-family: monospace;
3770
}
3771
/**********************
3773
* Touch Copy & Paste *
3774
**********************/
3775
cursor-handle {
3776
border-radius: 9999px;
3777
background-color: #01A299;
3778
background-image: none;
3779
}
3780
cursor-handle.top:dir(ltr), cursor-handle.bottom:dir(rtl) {
3782
padding-left: 6px;
3783
border-top-right-radius: 0;
3784
}
3785
cursor-handle.bottom:dir(ltr), cursor-handle.top:dir(rtl) {
3787
padding-right: 6px;
3788
border-top-left-radius: 0;
3789
}
3790
cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) {
3792
-GtkWidget-text-handle-width: 24;
3793
-GtkWidget-text-handle-height: 30;
3794
-gtk-icon-source: -gtk-scaled(url("assets/scale-horz-marks-before-slider.png"), url("assets/scale-horz-marks-before-slider@2.png"));
3795
}
3796
.context-menu {
3798
font: initial;
3799
}
3800
.keycap {
3802
min-width: 12px;
3803
min-height: 26px;
3804
margin-top: 2px;
3805
padding-bottom: 2px;
3806
padding-left: 8px;
3807
padding-right: 8px;
3808
border: solid 1px rgba(0, 0, 0, 0.12);
3809
border-radius: 5px;
3810
box-shadow: inset 0 -2px rgba(0, 0, 0, 0.12);
3811
background-color: #FFFFFF;
3812
color: rgba(0, 0, 0, 0.87);
3813
font-size: smaller;
3814
}
3815
:not(decoration):not(window):drop(active) {
3817
transition: all 150ms cubic-bezier(0, 0, 0.2, 1);
3818
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;
3819
caret-color: #01A299;
3820
}
3821
stackswitcher button.text-button {
3823
min-width: 100px;
3824
}
3825
stackswitcher button.circular,
3827
stackswitcher button.text-button.circular {
3828
min-width: 32px;
3829
min-height: 32px;
3830
padding: 0;
3831
}
3832
/*********
3834
* Emoji *
3835
*********/
3836
popover.emoji-picker {
3837
padding: 0;
3838
}
3839
popover.emoji-picker entry {
3841
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
3842
border-bottom-left-radius: 0;
3843
border-bottom-right-radius: 0;
3844
box-shadow: none;
3845
}
3846
popover.emoji-picker scrolledwindow {
3848
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
3849
}
3850
button.emoji-section {
3852
margin-top: -1px;
3853
padding: 0 8px;
3854
min-width: 24px;
3855
min-height: 32px;
3856
border-radius: 0;
3857
outline-offset: -6px;
3858
box-shadow: none;
3859
}
3860
button.emoji-section:hover {
3862
box-shadow: inset 0 2px rgba(0, 0, 0, 0.26);
3863
}
3864
button.emoji-section:active {
3866
box-shadow: inset 0 2px #4285F4;
3867
background-image: radial-gradient(circle farthest-corner at center, rgba(66, 133, 244, 0.7) 10%, transparent 0%);
3868
}
3869
button.emoji-section:checked {
3871
box-shadow: inset 0 2px #4285F4;
3872
background-color: transparent;
3873
}
3874
button.emoji-section:first-child {
3876
margin-left: 4px;
3877
}
3878
button.emoji-section:last-child {
3880
margin-right: 4px;
3881
}
3882
.emoji {
3884
min-width: 3em;
3885
min-height: 3em;
3886
padding: 0;
3887
}
3888
.emoji widget {
3890
transition: all 150ms cubic-bezier(0, 0, 0.2, 1);
3891
}
3892
.emoji widget:hover {
3894
font-size: larger;
3895
}
3896
/************
3898
* Nautilus *
3899
************/
3900
.nautilus-window,
3901
.nautilus-window notebook,
3902
.nautilus-window notebook > stack {
3903
background-color: #FFFFFF;
3904
}
3905
.nautilus-canvas-item.dim-label, label.nautilus-canvas-item.separator, .titlebar:not(headerbar) .nautilus-canvas-item.subtitle,
3907
headerbar .nautilus-canvas-item.subtitle, .budgie-notification .nautilus-canvas-item.notification-body, .budgie-switcher .nautilus-canvas-item.notification-body,
3908
.nautilus-list-dim-label {
3909
color: rgba(0, 0, 0, 0.54);
3910
}
3911
.nautilus-canvas-item.dim-label:selected, label.nautilus-canvas-item.separator:selected, .titlebar:not(headerbar) .nautilus-canvas-item.subtitle:selected,
3913
headerbar .nautilus-canvas-item.subtitle:selected, .budgie-notification .nautilus-canvas-item.notification-body:selected, .budgie-switcher .nautilus-canvas-item.notification-body:selected,
3914
.nautilus-list-dim-label:selected {
3915
color: rgba(255, 255, 255, 0.7);
3916
}
3917
.nautilus-desktop.nautilus-canvas-item:not(:selected), .caja-desktop.caja-canvas-item:not(:selected), .nemo-desktop.nemo-canvas-item:not(:selected) {
3919
color: white;
3920
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
3921
}
3922
@keyframes needs_attention_keyframes {
3924
to {
3925
background-color: alpha(currentColor, 0.24);
3926
}
3927
}
3928
.nautilus-operations-button-needs-attention {
3930
animation: needs_attention_keyframes 225ms cubic-bezier(0.4, 0, 0.2, 1) 2 alternate;
3931
}
3932
.nautilus-operations-button-needs-attention-multiple {
3934
animation: needs_attention_keyframes 225ms cubic-bezier(0.4, 0, 0.2, 1) 4 alternate;
3935
}
3936
.nautilus-window .floating-bar {
3938
min-height: 32px;
3939
padding: 0;
3940
border-style: solid solid none;
3941
border-width: 1px;
3942
border-color: rgba(0, 0, 0, 0.12);
3943
border-radius: 5px 5px 0 0;
3944
background-color: rgba(255, 255, 255, 0.9);
3945
background-clip: padding-box;
3946
transition: all 150ms cubic-bezier(0, 0, 0.2, 1), border-width 0;
3947
}
3948
.nautilus-window .floating-bar.bottom.left {
3950
margin-right: 7px;
3951
border-left-style: none;
3952
border-top-left-radius: 0;
3953
}
3954
.nautilus-window .floating-bar.bottom.right {
3956
margin-left: 7px;
3957
border-right-style: none;
3958
border-top-right-radius: 0;
3959
}
3960
.nautilus-window .floating-bar button {
3962
margin: 4px;
3963
}
3964
.disk-space-display.unknown {
3966
background-color: rgba(0, 0, 0, 0.26);
3967
color: rgba(0, 0, 0, 0.26);
3968
}
3969
.disk-space-display.used {
3971
background-color: #4285F4;
3972
color: #4285F4;
3973
}
3974
.disk-space-display.free {
3976
background-color: rgba(0, 0, 0, 0.12);
3977
color: rgba(0, 0, 0, 0.12);
3978
}
3979
.search-information {
3981
padding: 2px;
3982
background-color: #4285F4;
3983
color: white;
3984
}
3985
.conflict-row:not(:selected) {
3987
background-color: #feebb4;
3988
}
3989
.nautilus-window flowboxchild .icon-item-background {
3991
padding: 4px;
3992
border-radius: 4px;
3993
}
3994
.nautilus-window flowboxchild:selected {
3996
background-color: transparent;
3997
}
3998
.nautilus-window flowboxchild:selected .icon-item-background {
4000
background-color: #4285F4;
4001
}
4002
dialog.background > box.dialog-vbox.vertical > grid.horizontal > scrolledwindow.frame {
4004
border-style: none;
4005
}
4006
dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child {
4008
margin: -6px 0 0 -6px;
4009
border-top: 1px solid rgba(0, 0, 0, 0.12);
4010
}
4011
dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child > label {
4013
margin: 0 8px;
4014
}
4015
dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child > box > button {
4017
border-radius: 0;
4018
}
4019
.nautilus-window > popover.menu:not(:last-child) {
4021
padding: 3px;
4022
}
4023
.nautilus-window > popover.menu:not(:last-child) > stack > box > box > box {
4025
margin-top: -6px;
4026
}
4027
.nautilus-window > popover.menu:not(:last-child) > stack > box > box > box > box {
4029
margin-bottom: -6px;
4030
}
4031
.nautilus-window > popover.menu:not(:last-child) > stack > box > box > box > box.linked {
4033
margin-top: 1px;
4034
}
4035
.nautilus-window > popover.menu:not(:last-child) separator {
4037
margin-bottom: -2px;
4038
}
4039
.nautilus-menu-sort-heading {
4041
margin: 1px 3px;
4042
font-weight: 500;
4043
}
4044
.nautilus-menu-sort-heading:disabled {
4046
color: rgba(0, 0, 0, 0.38);
4047
}
4048
.nautilus-window paned > separator {
4050
background-color: #F2F2F2;
4051
}
4052
/*********
4054
* gedit *
4055
*********/
4056
.open-document-selector-path-label {
4057
color: rgba(0, 0, 0, 0.54);
4058
font-size: smaller;
4059
}
4060
.open-document-selector-path-label:selected {
4062
color: rgba(255, 255, 255, 0.7);
4063
}
4064
.gedit-document-panel {
4066
background-color: #FAFAFA;
4067
}
4068
.gedit-document-panel row button.flat {
4070
margin-top: 8px;
4071
margin-bottom: 8px;
4072
}
4073
.gedit-document-panel-group-row:not(:first-child) {
4075
border-top: 1px solid rgba(0, 0, 0, 0.12);
4076
}
4077
.gedit-side-panel-paned statusbar {
4079
border-top: 1px solid rgba(0, 0, 0, 0.12);
4080
}
4081
.gedit-search-slider {
4083
margin: 4px 4px 8px;
4084
}
4085
.gedit-search-slider .linked > entry {
4087
border-radius: 4px;
4088
}
4089
.gedit-search-slider .linked > entry .gedit-search-entry-occurrences-tag {
4091
all: unset;
4092
color: rgba(0, 0, 0, 0.38);
4093
}
4094
.gedit-search-slider .linked > entry:dir(ltr) {
4096
margin-right: -60px;
4097
padding-right: 60px;
4098
}
4099
.gedit-search-slider .linked > entry:dir(ltr) .gedit-search-entry-occurrences-tag {
4101
margin-left: 4px;
4102
}
4103
.gedit-search-slider .linked > entry:dir(ltr) image.right {
4105
margin-right: 0;
4106
}
4107
.gedit-search-slider .linked > entry:dir(rtl) {
4109
margin-left: -60px;
4110
padding-left: 60px;
4111
}
4112
.gedit-search-slider .linked > entry:dir(rtl) .gedit-search-entry-occurrences-tag {
4114
margin-right: 4px;
4115
}
4116
.gedit-search-slider .linked > entry:dir(rtl) image.left {
4118
margin-left: 0;
4119
}
4120
.gedit-search-slider .linked > entry:not(.error) {
4122
background-color: #FFFFFF;
4123
}
4124
.gedit-search-slider .linked > entry.error ~ button {
4126
color: rgba(255, 255, 255, 0.7);
4127
}
4128
.gedit-search-slider .linked > entry.error ~ button:hover, .gedit-search-slider .linked > entry.error ~ button:active {
4130
color: white;
4131
}
4132
.gedit-search-slider .linked > entry.error ~ button:disabled {
4134
color: rgba(255, 255, 255, 0.3);
4135
}
4136
.gedit-search-slider .linked > button {
4138
border: solid 4px transparent;
4139
border-radius: 9999px;
4140
}
4141
.gedit-search-slider .linked > button:last-child:dir(ltr), .gedit-search-slider .linked > button:not(:first-child):dir(rtl) {
4143
margin-left: -2px;
4144
}
4145
.gedit-search-slider .linked > button:first-child:dir(rtl), .gedit-search-slider .linked > button:not(:last-child):dir(ltr) {
4147
margin-right: -2px;
4148
}
4149
frame.gedit-map-frame > border:dir(ltr) {
4151
border-style: none none none solid;
4152
}
4153
frame.gedit-map-frame > border:dir(rtl) {
4155
border-style: none solid none none;
4156
}
4157
/**********
4159
* Tweaks *
4160
**********/
4161
.tweak-categories {
4162
background-image: image(#FAFAFA);
4163
}
4164
.tweak {
4166
padding: 3px;
4167
}
4168
.tweak.title:hover {
4170
box-shadow: none;
4171
}
4172
.tweak-group-white,
4174
.tweak-white,
4175
.tweak-white:hover {
4176
background-image: image(#FFFFFF);
4177
}
4178
.tweak-startup,
4180
.tweak-startup:hover {
4181
background-image: image(#FFFFFF);
4182
}
4183
.tweak-group-startup {
4185
background-image: image(#FFFFFF);
4186
border: 1px solid rgba(0, 0, 0, 0.12);
4187
}
4188
row#Focus,
4190
row#ClickMethod,
4191
row#StaticWorkspaceTweak,
4192
row#dynamic-workspaces,
4193
row#PrimaryWorkspaceTweak,
4194
row#workspaces-only-on-primary {
4195
padding: 0;
4196
border: 1px solid rgba(0, 0, 0, 0.12);
4197
}
4198
row#Focus row:not(:last-child),
4200
row#ClickMethod row:not(:last-child),
4201
row#StaticWorkspaceTweak row:not(:last-child),
4202
row#dynamic-workspaces row:not(:last-child),
4203
row#PrimaryWorkspaceTweak row:not(:last-child),
4204
row#workspaces-only-on-primary row:not(:last-child) {
4205
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4206
}
4207
row#Focus.tweak > list,
4209
row#ClickMethod.tweak > list,
4210
row#StaticWorkspaceTweak.tweak > list,
4211
row#dynamic-workspaces.tweak > list,
4212
row#PrimaryWorkspaceTweak.tweak > list,
4213
row#workspaces-only-on-primary.tweak > list {
4214
margin-top: -3px;
4215
}
4216
row#Focus,
4218
row#ClickMethod,
4219
row#PrimaryWorkspaceTweak,
4220
row#workspaces-only-on-primary {
4221
margin-top: 4px;
4222
}
4223
/***********
4225
* Builder *
4226
***********/
4227
layouttabbar {
4228
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4229
background-color: #F2F2F2;
4230
}
4231
layouttabbar > box > button {
4233
margin: 4px 0;
4234
}
4235
layouttab {
4237
margin: 0 8px;
4238
border-style: none solid;
4239
border-width: 1px;
4240
border-color: rgba(0, 0, 0, 0.12);
4241
box-shadow: inset 0 -2px #4285F4;
4242
background-color: #FFFFFF;
4243
}
4244
layouttab separator.vertical {
4246
margin: 8px 4px;
4247
}
4248
layouttab button.text-button, layouttab button.image-button, layouttab button {
4250
margin-top: 8px;
4251
margin-bottom: 8px;
4252
padding: 0 4px;
4253
}
4254
layout {
4256
border: 1px solid rgba(0, 0, 0, 0.12);
4257
-PnlDockBin-handle-size: 1;
4258
}
4259
entry.search-missing {
4261
background-color: #EA4335;
4262
color: white;
4263
}
4264
window.workbench treeview.image {
4266
color: rgba(0, 0, 0, 0.54);
4267
}
4268
window.workbench treeview.image:selected {
4270
color: rgba(255, 255, 255, 0.7);
4271
}
4272
popover.popover-selector list {
4274
padding: 6px;
4275
}
4276
popover.popover-selector list row {
4278
border-radius: 4px;
4279
}
4280
popover.popover-selector list row image:dir(ltr) {
4282
margin-right: 6px;
4283
}
4284
popover.popover-selector list row image:dir(rtl) {
4286
margin-left: 6px;
4287
}
4288
popover.popover-selector list row .accel:dir(ltr) {
4290
margin-left: 6px;
4291
}
4292
popover.popover-selector list row .accel:dir(rtl) {
4294
margin-right: 6px;
4295
}
4296
omnibar.linked:not(.vertical) entry {
4298
border-radius: 4px;
4299
}
4300
omnibar:not(:hover):not(:active) entry {
4302
color: rgba(0, 0, 0, 0.54);
4303
}
4304
popover.omnibar list row:not(:last-child) {
4306
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4307
}
4308
entry.preferences-search {
4310
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12);
4311
background-color: #FFFFFF;
4312
}
4313
preferences stacksidebar.sidebar list {
4315
background-color: #FAFAFA;
4316
}
4317
preferences stacksidebar.sidebar:dir(ltr) list, preferences stacksidebar.sidebar:dir(rtl) list {
4319
border-style: none;
4320
}
4321
preferences > box > box:dir(ltr) {
4323
border-right: 1px solid rgba(0, 0, 0, 0.12);
4324
}
4325
preferences > box > box:dir(rtl) {
4327
border-left: 1px solid rgba(0, 0, 0, 0.12);
4328
}
4329
popover.messagepopover.background {
4331
padding: 0;
4332
}
4333
popover.messagepopover .popover-action-area button {
4335
padding: 8px 16px;
4336
border-top: 1px solid rgba(0, 0, 0, 0.12);
4337
border-radius: 0;
4338
}
4339
popover.messagepopover .popover-action-area button:first-child {
4341
border-bottom-left-radius: 4px;
4342
}
4343
popover.messagepopover .popover-action-area button:last-child {
4345
border-bottom-right-radius: 4px;
4346
}
4347
popover.messagepopover .popover-content-area {
4349
margin: 16px;
4350
}
4351
popover.transfers list {
4353
background-color: transparent;
4354
}
4355
popover.transfers list row:not(:first-child) {
4357
border-top: 1px solid rgba(0, 0, 0, 0.12);
4358
}
4359
popover.transfers list row > box {
4361
padding: 10px;
4362
}
4363
dockbin {
4365
border: 1px solid rgba(0, 0, 0, 0.12);
4366
-PnlDockBin-handle-size: 1;
4367
}
4368
dockpaned {
4370
border: 1px solid rgba(0, 0, 0, 0.12);
4371
}
4372
eggsearchbar box.search-bar {
4374
padding: 0 8px;
4375
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4376
background-color: #F2F2F2;
4377
}
4378
docktabstrip {
4380
padding: 0 8px;
4381
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4382
background-color: #F2F2F2;
4383
}
4384
docktab {
4386
transition: all 150ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
4387
min-height: 24px;
4388
min-width: 24px;
4389
margin-bottom: -1px;
4390
padding: 4px 6px;
4391
outline-offset: -6px;
4392
border-width: 1px;
4393
border-color: transparent;
4394
background-image: radial-gradient(circle farthest-corner at center, #4285F4 10%, transparent 0%);
4395
background-repeat: no-repeat;
4396
background-position: center;
4397
background-size: 0% 0%;
4398
color: rgba(0, 0, 0, 0.54);
4399
font-weight: 500;
4400
}
4401
docktab:hover {
4403
box-shadow: inset 0 -2px rgba(0, 0, 0, 0.26);
4404
color: rgba(0, 0, 0, 0.87);
4405
}
4406
docktab:checked {
4408
transition: all 150ms cubic-bezier(0, 0, 0.2, 1), background-size 225ms cubic-bezier(0, 0, 0.2, 1), background-image 525ms cubic-bezier(0, 0, 0.2, 1);
4409
box-shadow: inset 0 -2px #4285F4;
4410
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
4411
background-size: 1000% 1000%;
4412
color: rgba(0, 0, 0, 0.87);
4413
}
4414
dockoverlayedge {
4416
background-color: #F2F2F2;
4417
}
4418
dockoverlayedge docktabstrip {
4420
padding: 0;
4421
border: none;
4422
}
4423
dockoverlayedge.left-edge docktab:hover {
4425
box-shadow: inset -2px 0 rgba(0, 0, 0, 0.26);
4426
}
4427
dockoverlayedge.left-edge docktab:checked {
4429
box-shadow: inset -2px 0 #4285F4;
4430
}
4431
dockoverlayedge.right-edge docktab:hover {
4433
box-shadow: inset 2px 0 rgba(0, 0, 0, 0.26);
4434
}
4435
dockoverlayedge.right-edge docktab:checked {
4437
box-shadow: inset 2px 0 #4285F4;
4438
}
4439
pillbox {
4441
background-color: #F2F2F2;
4442
border-radius: 4px;
4443
}
4444
layoutpane entry.search {
4446
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12);
4447
background-color: #FFFFFF;
4448
}
4449
editortweak entry.search {
4451
margin-bottom: -1px;
4452
box-shadow: none;
4453
}
4454
.gb-search-entry-occurrences-tag {
4456
box-shadow: none;
4457
background-color: transparent;
4458
}
4459
docktabstrip {
4461
min-height: 39px;
4462
}
4463
window.workbench preferences preferencesgroup list entry {
4465
padding-top: 8px;
4466
padding-bottom: 8px;
4467
}
4468
button.run-arrow-button {
4470
padding-left: 8px;
4471
padding-right: 8px;
4472
}
4473
button.dzlmenubutton image {
4475
min-width: 26px;
4476
}
4477
button.dzlmenubutton image.arrow {
4479
min-width: 23px;
4480
}
4481
button.dzlmenubuttonitem {
4483
color: rgba(0, 0, 0, 0.87);
4484
font-weight: normal;
4485
}
4486
button.dzlmenubuttonitem:disabled {
4488
color: rgba(0, 0, 0, 0.38);
4489
}
4490
idelayoutstackheader {
4492
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4493
}
4494
idelayoutstackheader button:checked {
4496
color: rgba(0, 0, 0, 0.87);
4497
}
4498
ideeditorutilities > dzldockpaned > box > stackswitcher {
4500
padding: 8px 0;
4501
background-color: #F2F2F2;
4502
}
4503
ideeditorutilities > dzldockpaned > box > stackswitcher:dir(ltr) {
4505
border-right: 1px solid rgba(0, 0, 0, 0.12);
4506
}
4507
ideeditorutilities > dzldockpaned > box > stackswitcher:dir(rtl) {
4509
border-left: 1px solid rgba(0, 0, 0, 0.12);
4510
}
4511
ideeditorutilities > dzldockpaned > box > stackswitcher button {
4513
border-radius: 0;
4514
outline-offset: -6px;
4515
box-shadow: none;
4516
background-color: transparent;
4517
}
4518
ideeditorutilities > dzldockpaned > box > stackswitcher button:active {
4520
background-image: radial-gradient(circle farthest-corner at center, rgba(66, 133, 244, 0.7) 10%, transparent 0%);
4521
}
4522
ideeditorutilities > dzldockpaned > box > stackswitcher button:checked {
4524
background-color: transparent;
4525
color: rgba(0, 0, 0, 0.87);
4526
}
4527
ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr) {
4529
margin-right: -1px;
4530
}
4531
ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):hover {
4533
box-shadow: inset -2px 0 rgba(0, 0, 0, 0.26);
4534
}
4535
ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):active, ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):checked {
4537
box-shadow: inset -2px 0 #4285F4;
4538
}
4539
ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl) {
4541
margin-left: -1px;
4542
}
4543
ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):hover {
4545
box-shadow: inset 2px 0 rgba(0, 0, 0, 0.26);
4546
}
4547
ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):active, ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):checked {
4549
box-shadow: inset 2px 0 #4285F4;
4550
}
4551
ideeditorsidebar notebook header {
4553
background: transparent;
4554
}
4555
popover.messagepopover list {
4557
border: 1px solid rgba(0, 0, 0, 0.12);
4558
}
4559
popover.messagepopover list row:not(:last-child) {
4561
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4562
}
4563
/**********
4565
* Photos *
4566
**********/
4567
GdMainIconView.content-view {
4568
-GdMainIconView-icon-size: 48;
4569
}
4570
.documents-counter {
4572
margin: 8px;
4573
border-radius: 9999px;
4574
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
4575
background-color: #01A299;
4576
color: white;
4577
font-weight: bold;
4578
}
4579
.documents-scrolledwin.frame {
4581
border-style: none;
4582
}
4583
.documents-scrolledwin.frame frame.content-view > border {
4585
border-style: none;
4586
}
4587
.photos-fade-in {
4589
opacity: 1;
4590
transition: opacity 150ms cubic-bezier(0, 0, 0.2, 1);
4591
}
4592
.photos-fade-out {
4594
opacity: 0;
4595
transition: opacity 150ms cubic-bezier(0, 0, 0.2, 1);
4596
}
4597
overlay grid.horizontal > revealer > scrolledwindow.frame:dir(ltr) {
4599
border-style: none none none solid;
4600
}
4601
overlay grid.horizontal > revealer > scrolledwindow.frame:dir(rtl) {
4603
border-style: none solid none none;
4604
}
4605
/*********
4607
* Music *
4608
*********/
4609
.side-panel:dir(ltr) {
4610
border-style: solid;
4611
border-color: rgba(0, 0, 0, 0.12);
4612
}
4613
.side-panel:dir(rtl) {
4615
border-style: solid;
4616
border-color: rgba(0, 0, 0, 0.12);
4617
}
4618
.side-panel .view {
4620
background-image: image(#FAFAFA);
4621
}
4622
.side-panel .view:hover {
4624
background-image: image(rgba(240, 240, 240, 0.9935));
4625
}
4626
.side-panel .view:selected {
4628
background-image: image(#4285F4);
4629
}
4630
.side-panel .view:selected:hover {
4632
background-image: image(#4b8bf5);
4633
}
4634
.songs-list:hover {
4636
background-image: image(alpha(currentColor, 0.06));
4637
}
4638
frame.documents-dropdown {
4640
margin: 8px;
4641
}
4642
frame.documents-dropdown > border {
4644
border: none;
4645
}
4646
box.vertical > revealer > toolbar.search-bar {
4648
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4649
background-clip: border-box;
4650
}
4651
box.vertical > revealer > toolbar.search-bar button > widget {
4653
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
4654
}
4655
/*********
4657
* To Do *
4658
*********/
4659
task-list-view taskrow {
4660
transition: all 150ms cubic-bezier(0, 0, 0.2, 1);
4661
margin: 0 -8px;
4662
}
4663
task-list-view taskrow:hover {
4665
transition: none;
4666
}
4667
task-list-view taskrow label {
4669
margin: 0 8px;
4670
}
4671
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
4673
headerbar image.subtitle,
4674
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 {
4675
min-width: 16px;
4676
}
4677
task-list-view > box > revealer > box > button {
4679
margin: -4px;
4680
}
4681
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
4683
headerbar .subtitle,
4684
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 {
4685
opacity: 1;
4686
}
4687
tasklistview taskrow {
4689
outline: none;
4690
}
4691
tasklistview taskrow entry, tasklistview taskrow entry:focus, tasklistview taskrow entry:disabled {
4693
box-shadow: none;
4694
}
4695
tasklistview taskrow image.dim-label, tasklistview taskrow .titlebar:not(headerbar) image.subtitle, .titlebar:not(headerbar) tasklistview taskrow image.subtitle, tasklistview taskrow
4697
headerbar image.subtitle,
4698
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 {
4699
min-width: 16px;
4700
}
4701
tasklistview > box > revealer > box > button {
4703
margin: -4px;
4704
}
4705
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
4707
headerbar .subtitle,
4708
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 {
4709
opacity: 1;
4710
}
4711
/*******
4713
* eog *
4714
*******/
4715
#eog-thumb-nav scrolledwindow {
4716
border-top: none;
4717
}
4718
#eog-thumb-nav button {
4720
-gtk-outline-radius: 4px;
4721
}
4722
/*************
4724
* Evolution *
4725
*************/
4726
frame.taskbar > border {
4727
border-style: solid none none;
4728
}
4729
box.vertical > paned.horizontal notebook widget .frame {
4731
border-style: none;
4732
}
4733
/********
4735
* gitg *
4736
********/
4737
frame.commit-frame > border {
4738
border-style: solid none none;
4739
}
4740
/**************
4742
* Characters *
4743
**************/
4744
box.dialog-vbox scrolledwindow.related {
4745
border: 1px solid rgba(0, 0, 0, 0.12);
4746
}
4747
list.categories {
4749
background-image: image(#FAFAFA);
4750
}
4751
/*********
4753
* Boxes *
4754
*********/
4755
.transparent-bg + stack overlay > label {
4756
min-height: 24px;
4757
padding: 0 4px;
4758
border-radius: 4px;
4759
background-color: rgba(0, 0, 0, 0.6);
4760
color: white;
4761
}
4762
/**************
4764
* Calculator *
4765
**************/
4766
button.title label {
4767
min-height: 32px;
4768
}
4769
/*********
4771
* Geary *
4772
*********/
4773
.geary-titlebar-left:dir(ltr) {
4774
margin-right: 5px;
4775
padding-right: 0;
4776
}
4777
.geary-titlebar-left:dir(rtl) {
4779
margin-left: 5px;
4780
padding-left: 0;
4781
}
4782
.geary-titlebar-left > separator {
4784
background-color: rgba(0, 0, 0, 0.05);
4785
}
4786
.geary-titlebar-right:dir(ltr) {
4788
margin-left: -5px;
4789
}
4790
.geary-titlebar-right:dir(rtl) {
4792
margin-right: -5px;
4793
}
4794
/*********
4796
* Tilix *
4797
*********/
4798
overlay > revealer.left > scrolledwindow.frame,
4799
overlay > revealer.right > scrolledwindow.frame {
4800
border-style: none;
4801
box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22);
4802
}
4803
overlay > revealer.left > scrolledwindow.frame {
4805
margin-right: 32px;
4806
}
4807
overlay > revealer.right > scrolledwindow.frame {
4809
margin-left: 32px;
4810
}
4811
.terminix-session-sidebar,
4813
.tilix-session-sidebar {
4814
background-image: image(#FFFFFF);
4815
}
4816
.terminal-titlebar button {
4818
border-radius: 0;
4819
}
4820
button.image-button.session-new-button {
4822
min-width: 28px;
4823
}
4824
/**************
4826
* Terminator *
4827
**************/
4828
.terminator-terminal-window paned > separator {
4829
background-color: #F2F2F2;
4830
}
4831
.terminator-terminal-window notebook.frame {
4833
border-style: none;
4834
}
4835
/***********
4837
* Eclipse *
4838
***********/
4839
window.background > box.vertical > scrolledwindow > widget toolbar {
4840
padding: 2px;
4841
}
4842
window.background > box.vertical > scrolledwindow > widget toolbar separator,
4844
window.background > box.vertical > scrolledwindow > widget toolbar button {
4845
margin: 2px;
4846
}
4847
window.background > box.vertical > scrolledwindow > widget toolbar button {
4849
border-radius: 4px;
4850
}
4851
/************
4853
* Chromium *
4854
************/
4855
window.background.chromium {
4856
background-color: #F2F2F2;
4857
}
4858
window.background.chromium entry,
4860
window.background.chromium > button:not(.suggested-action):not(.destructive-action) {
4861
border: 1px solid rgba(0, 0, 0, 0.26);
4862
}
4863
window.background.chromium > button {
4865
box-shadow: none;
4866
background-size: auto;
4867
}
4868
window.background.chromium > button:hover {
4870
background-image: image(alpha(currentColor, 0.06));
4871
}
4872
window.background.chromium > button:active {
4874
background-image: image(alpha(currentColor, 0.12));
4875
}
4876
window.background.chromium headerbar button:active {
4878
background-size: 1000% 1000%;
4879
}
4880
window.background.chromium spinner {
4882
color: #4285F4;
4883
}
4884
window.background.chromium textview {
4886
background-color: #FFFFFF;
4887
}
4888
tooltip.background.chromium {
4890
background-color: #616161;
4891
}
4892
/***********
4894
* Firefox *
4895
***********/
4896
window.background:not(.csd) > widget > separator {
4897
color: rgba(0, 0, 0, 0.26);
4898
}
4899
window.background:not(.csd) > widget > scrollbar {
4901
background-clip: border-box;
4902
}
4903
window.background:not(.csd) > widget > scrollbar,
4905
window.background:not(.csd) > widget > frame > border {
4906
border-color: rgba(0, 0, 0, 0.26);
4907
}
4908
window.background:not(.csd) > widget > entry,
4910
window.background:not(.csd) > widget > button > button {
4911
border: 1px solid rgba(0, 0, 0, 0.26);
4912
border-radius: 5px;
4913
box-shadow: none;
4914
}
4915
window.background:not(.csd) > widget > entry {
4917
min-height: 30px;
4918
}
4919
window.background:not(.csd) > widget > entry:focus {
4921
border-color: #4285F4;
4922
}
4923
window.background:not(.csd) > widget > button > button {
4925
padding: 4px 8px;
4926
background-size: auto;
4927
}
4928
window.background:not(.csd) > widget > button > button:hover {
4930
background-image: image(alpha(currentColor, 0.06));
4931
}
4932
window.background:not(.csd) > widget > button > button:active {
4934
background-image: image(alpha(currentColor, 0.12));
4935
}
4936
window.background:not(.csd) > widget > checkbutton > check:not(:checked),
4938
window.background:not(.csd) > widget > radiobutton > radio:not(:checked) {
4939
color: #757575;
4940
}
4941
window.background:not(.csd) > widget > checkbutton > check:not(:checked):hover, window.background:not(.csd) > widget > checkbutton > check:not(:checked):active,
4943
window.background:not(.csd) > widget > radiobutton > radio:not(:checked):hover,
4944
window.background:not(.csd) > widget > radiobutton > radio:not(:checked):active {
4945
color: #212121;
4946
}
4947
window.background:not(.csd) > widget > checkbutton > check:not(:checked):disabled,
4949
window.background:not(.csd) > widget > radiobutton > radio:not(:checked):disabled {
4950
color: rgba(117, 117, 117, 0.5);
4951
}
4952
window.background:not(.csd) > window > menu,
4954
window.background:not(.csd) > menu > menu {
4955
border: none;
4956
}
4957
window.background:not(.csd) > widget > menubar {
4959
color: rgba(255, 255, 255, 0.7);
4960
}
4961
window.background:not(.csd) > widget > menubar:hover {
4963
color: white;
4964
}
4965
window.background:not(.csd) > widget > menubar:disabled {
4967
color: rgba(255, 255, 255, 0.3);
4968
}
4969
window.background:not(.csd) > widget > frame {
4971
color: rgba(0, 0, 0, 0.26);
4972
}
4973
window.background:not(.csd) > widget > checkbutton > check,
4975
window.background:not(.csd) > widget > radiobutton > radio {
4976
margin: 0;
4977
padding: 0;
4978
}
4979
window.background:not(.csd) > window.background > menu > separator {
4981
color: rgba(0, 0, 0, 0.12);
4982
}
4983
/************
4985
* Inkscape *
4986
************/
4987
#ToolboxCommon > #AuxToolbox #StyleSwatch {
4988
font-size: smaller;
4989
}
4990
#ToolboxCommon > #AuxToolbox #Kludge {
4992
padding: 0;
4993
}
4994
#ToolboxCommon > #AuxToolbox spinbutton,
4996
#ToolboxCommon > #AuxToolbox entry {
4997
min-height: 32px;
4998
}
4999
#ToolboxCommon > #AuxToolbox button:not(.up):not(.down) {
5001
min-height: 24px;
5002
min-width: 16px;
5003
padding: 4px 8px;
5004
border-radius: 4px;
5005
-gtk-outline-radius: 4px;
5006
}
5007
#ToolboxCommon > #AuxToolbox spinbutton button {
5009
border-width: 4px;
5010
}
5011
#ToolboxCommon > toolbar.vertical {
5013
margin-top: -4px;
5014
}
5015
#ToolboxCommon > toolbar.vertical button {
5017
min-height: 24px;
5018
min-width: 24px;
5019
padding: 4px;
5020
border-radius: 4px;
5021
-gtk-outline-radius: 4px;
5022
}
5023
#CanvasTable button {
5025
min-height: 16px;
5026
min-width: 16px;
5027
padding: 0;
5028
}
5029
#CanvasTable #HorizontalScrollbar {
5031
border-top: 1px solid rgba(0, 0, 0, 0.12);
5032
}
5033
#CanvasTable #VerticalScrollbar:dir(ltr) {
5035
border-left: 1px solid rgba(0, 0, 0, 0.12);
5036
}
5037
#CanvasTable #VerticalScrollbar:dir(rtl) {
5039
border-right: 1px solid rgba(0, 0, 0, 0.12);
5040
}
5041
#Canvas_and_Dock frame > border {
5043
border: none;
5044
}
5045
#Canvas_and_Dock widget > widget > button.flat {
5047
min-height: 16px;
5048
min-width: 16px;
5049
padding: 4px;
5050
}
5051
#Canvas_and_Dock widget > widget > box.horizontal image {
5053
padding: 4px;
5054
}
5055
#Canvas_and_Dock box.horizontal > box.vertical > button.flat {
5057
min-height: 16px;
5058
min-width: 24px;
5059
padding: 8px 4px;
5060
}
5061
/***********
5063
* Synapse *
5064
***********/
5065
box.vertical > widget > widget:selected {
5066
background-color: #4285F4;
5067
}
5068
/*********
5070
* Unity *
5071
*********/
5072
UnityDecoration {
5073
-UnityDecoration-extents: 28px 0 0 0;
5074
-UnityDecoration-input-extents: 8px;
5075
-UnityDecoration-shadow-offset-x: 0;
5076
-UnityDecoration-shadow-offset-y: 3px;
5077
-UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.48);
5078
-UnityDecoration-active-shadow-radius: 18px;
5079
-UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.32);
5080
-UnityDecoration-inactive-shadow-radius: 6px;
5081
-UnityDecoration-glow-size: 8px;
5082
-UnityDecoration-glow-color: #4285F4;
5083
-UnityDecoration-title-indent: 4px;
5084
-UnityDecoration-title-fade: 32px;
5085
-UnityDecoration-title-alignment: 0.0;
5086
}
5087
UnityDecoration .top {
5089
padding: 0 2px;
5090
border-style: none;
5091
border-radius: 4px 4px 0 0;
5092
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
5093
background-color: #383838;
5094
color: white;
5095
}
5096
UnityDecoration .top:backdrop {
5098
color: rgba(255, 255, 255, 0.7);
5099
}
5100
UnityDecoration .menuitem {
5102
color: rgba(255, 255, 255, 0.7);
5103
}
5104
UnityDecoration .menuitem:hover {
5106
box-shadow: inset 0 -2px currentColor;
5107
background-color: transparent;
5108
color: white;
5109
}
5110
.background:not(.csd) headerbar:not(.titlebar) {
5112
border-radius: 0;
5113
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
5114
}
5115
.background:not(.csd) headerbar:not(.titlebar).inline-toolbar {
5117
border-style: none;
5118
}
5119
UnityPanelWidget,
5121
.unity-panel {
5122
background-color: #212121;
5123
color: white;
5124
}
5125
UnityPanelWidget:backdrop,
5127
.unity-panel:backdrop {
5128
color: rgba(255, 255, 255, 0.7);
5129
}
5130
.unity-panel.menuitem,
5132
.unity-panel .menuitem {
5133
color: rgba(255, 255, 255, 0.7);
5134
}
5135
.unity-panel.menubar.menuitem:hover,
5137
.unity-panel.menubar .menuitem *:hover {
5138
box-shadow: inset 0 -2px currentColor;
5139
background-color: transparent;
5140
color: white;
5141
}
5142
.menu IdoPlaybackMenuItem.menuitem:active {
5144
-gtk-icon-source: -gtk-icontheme("process-working-symbolic");
5145
animation: spin 1s linear infinite;
5146
color: #4285F4;
5147
}
5148
/**************
5150
* Mate-Panel *
5151
**************/
5152
.mate-panel-menu-bar menubar,
5153
#PanelApplet-window-menu-applet-button {
5154
background-color: transparent;
5155
}
5156
.mate-panel-menu-bar {
5158
background-color: #212121;
5159
font-weight: 500;
5160
}
5161
.mate-panel-menu-bar:not(.popup) {
5163
color: rgba(255, 255, 255, 0.7);
5164
}
5165
.mate-panel-menu-bar button {
5167
min-height: 16px;
5168
min-width: 16px;
5169
padding: 0;
5170
border-radius: 0;
5171
}
5172
.mate-panel-menu-bar button:checked {
5174
background-color: rgba(255, 255, 255, 0.12);
5175
}
5176
PanelToplevel.horizontal > grid > button {
5178
min-width: 24px;
5179
}
5180
PanelToplevel.vertical > grid > button {
5182
min-height: 24px;
5183
}
5184
PanelSeparator {
5186
color: rgba(255, 255, 255, 0.12);
5187
}
5188
MatePanelAppletFrameDBus {
5190
border-style: solid;
5191
border-color: rgba(255, 255, 255, 0.12);
5192
}
5193
.mate-panel-menu-bar.horizontal MatePanelAppletFrameDBus {
5195
border-width: 0 1px;
5196
}
5197
.mate-panel-menu-bar.vertical MatePanelAppletFrameDBus {
5199
border-width: 1px 0;
5200
}
5201
.mate-panel-menu-bar menubar > menuitem {
5203
color: rgba(255, 255, 255, 0.7);
5204
}
5205
.mate-panel-menu-bar menubar > menuitem:hover {
5207
background-color: rgba(255, 255, 255, 0.12);
5208
color: white;
5209
}
5210
.mate-panel-menu-bar menubar > menuitem:disabled {
5212
color: rgba(255, 255, 255, 0.3);
5213
}
5214
.mate-panel-menu-bar.horizontal menubar > menuitem {
5216
padding: 0 8px;
5217
}
5218
.mate-panel-menu-bar.vertical menubar > menuitem {
5220
padding: 8px 0;
5221
}
5222
.mate-panel-menu-bar menubar menu > menuitem {
5224
min-height: 28px;
5225
padding: 0 6px;
5226
}
5227
.mate-panel-menu-bar #PanelApplet button {
5229
-GtkWidget-window-dragging: true;
5230
}
5231
.mate-panel-menu-bar #tasklist-button {
5233
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0/0 0 0px;
5234
}
5235
.mate-panel-menu-bar #tasklist-button:checked {
5237
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2/0 0 2px;
5238
}
5239
.mate-panel-menu-bar #tasklist-button image:dir(ltr), .mate-panel-menu-bar #tasklist-button label:dir(rtl) {
5241
padding-left: 4px;
5242
}
5243
.mate-panel-menu-bar #tasklist-button label:dir(ltr), .mate-panel-menu-bar #tasklist-button image:dir(rtl) {
5245
padding-right: 4px;
5246
}
5247
.mate-panel-menu-bar.vertical #tasklist-button {
5249
min-height: 32px;
5250
}
5251
.mate-panel-menu-bar.horizontal #showdesktop-button image {
5253
min-width: 24px;
5254
padding: 0 4px;
5255
}
5256
.mate-panel-menu-bar.vertical #showdesktop-button image {
5258
min-height: 24px;
5259
padding: 4px 0;
5260
}
5261
PanelApplet.wnck-applet .wnck-pager {
5263
background-color: transparent;
5264
color: #7BAAF7;
5265
}
5266
PanelApplet.wnck-applet .wnck-pager:hover {
5268
background-color: rgba(255, 255, 255, 0.12);
5269
}
5270
PanelApplet.wnck-applet .wnck-pager:active {
5272
background-color: rgba(255, 255, 255, 0.3);
5273
}
5274
PanelApplet.wnck-applet .wnck-pager:selected {
5276
background-color: #4285F4;
5277
}
5278
.mate-panel-menu-bar.horizontal #clock-applet-button label {
5280
padding: 0 8px;
5281
}
5282
.mate-panel-menu-bar.vertical #clock-applet-button label {
5284
padding: 8px 0;
5285
}
5286
#MatePanelPopupWindow {
5288
border: 1px solid rgba(0, 0, 0, 0.12);
5289
border-radius: 5px;
5290
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
5291
}
5292
#MatePanelPopupWindow frame > border {
5294
border-style: none;
5295
}
5296
#MatePanelPopupWindow button {
5298
padding: 4px 16px;
5299
}
5300
#MatePanelPopupWindow > frame > box > box > box > widget {
5302
color: rgba(0, 0, 0, 0.12);
5303
}
5304
na-tray-applet {
5306
-NaTrayApplet-icon-padding: 3px;
5307
-NaTrayApplet-icon-size: 16;
5308
}
5309
.mate-panel-menu-bar {
5311
-PanelMenuBar-icon-visible: true;
5312
}
5313
.mate-panel-applet-slider {
5315
border: 1px solid rgba(0, 0, 0, 0.12);
5316
border-radius: 5px;
5317
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
5318
background-color: #F2F2F2;
5319
}
5320
.mate-panel-applet-slider frame > border {
5322
border-style: none;
5323
}
5324
#PanelApplet:not(:selected) > box {
5326
transition: all 150ms cubic-bezier(0, 0, 0.2, 1);
5327
}
5328
#PanelApplet:selected > box {
5330
background-color: rgba(255, 255, 255, 0.12);
5331
color: white;
5332
}
5333
#mate-menu {
5335
border: 1px solid rgba(0, 0, 0, 0.12);
5336
}
5337
#mate-menu button {
5339
min-height: 24px;
5340
min-width: 24px;
5341
padding: 4px 0;
5342
color: rgba(0, 0, 0, 0.87);
5343
font-weight: normal;
5344
}
5345
#mate-menu button label:not(:first-child) {
5347
color: rgba(0, 0, 0, 0.54);
5348
}
5349
#mate-menu entry {
5351
margin: 0 0 8px;
5352
}
5353
#mate-menu entry image {
5355
margin: 0;
5356
}
5357
#mate-menu entry + button {
5359
margin: 0 4px 8px;
5360
padding: 4px;
5361
}
5362
/*********************
5364
* CAJA File manager *
5365
*********************/
5366
.caja-navigation-window button.toggle.image-button {
5367
border-radius: 4px;
5368
}
5369
.caja-pathbar button {
5371
margin: 0 -1px 0 -2px;
5372
}
5373
.caja-pathbar button > widget {
5375
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
5376
-GtkArrow-arrow-scaling: 1;
5377
}
5378
.caja-side-pane notebook viewport.frame,
5380
.caja-side-pane notebook widget .vertical {
5381
background-color: #FFFFFF;
5382
}
5383
.caja-side-pane notebook,
5385
.caja-notebook {
5386
border-top: 1px solid rgba(0, 0, 0, 0.12);
5387
}
5388
.caja-side-pane notebook .frame,
5390
.caja-notebook .frame {
5391
border-style: none;
5392
}
5393
.caja-navigation-window statusbar {
5395
margin: 0 -10px;
5396
padding: 0 4px;
5397
border-top: 1px solid rgba(0, 0, 0, 0.12);
5398
}
5399
.caja-notebook frame > border {
5401
border-style: none;
5402
}
5403
#caja-extra-view-widget {
5405
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
5406
background-color: #F2F2F2;
5407
}
5408
#caja-extra-view-widget > box > box > label {
5410
font-weight: bold;
5411
}
5412
/*********
5414
* Pluma *
5415
*********/
5416
.pluma-window statusbar {
5417
margin: 0 -10px;
5418
padding: 0 4px;
5419
border-top: 1px solid rgba(0, 0, 0, 0.12);
5420
}
5421
.pluma-window statusbar frame > border {
5423
border-style: none;
5424
}
5425
.pluma-window statusbar frame button.flat {
5427
padding: 0 4px;
5428
border-radius: 0;
5429
}
5430
.pluma-window statusbar frame button.flat widget {
5432
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
5433
-GtkArrow-arrow-scaling: 1;
5434
}
5435
.pluma-print-preview toolbar {
5437
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
5438
}
5439
.pluma-window paned.horizontal box.vertical box.horizontal button.flat {
5441
margin: 1px;
5442
}
5443
.pluma-window paned.horizontal box.vertical .frame {
5445
border-style: none;
5446
}
5447
.pluma-window paned.horizontal box.vertical notebook.frame {
5449
margin-top: -1px;
5450
border-top: 1px solid rgba(0, 0, 0, 0.12);
5451
}
5452
.pluma-window paned.horizontal box.vertical notebook.frame box.vertical toolbar.horizontal {
5454
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
5455
}
5456
/*********
5458
* Atril *
5459
*********/
5460
.atril-window paned.horizontal box.vertical .frame {
5461
border-style: none;
5462
}
5463
.atril-window paned.horizontal box.vertical notebook .frame {
5465
border-top: 1px solid rgba(0, 0, 0, 0.12);
5466
}
5467
/* mate-screensaver lock dialog */
5469
.lock-dialog {
5470
border-radius: 4px;
5471
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);
5472
}
5473
.lock-dialog frame > border {
5475
border-style: none;
5476
}
5477
/* multimedia OSD */
5479
MsdOsdWindow.background.osd {
5480
border-radius: 4px;
5481
background-color: rgba(97, 97, 97, 0.9);
5482
color: white;
5483
}
5484
MsdOsdWindow.background.osd .trough {
5486
border-radius: 0;
5487
background-color: rgba(255, 255, 255, 0.12);
5488
}
5489
MsdOsdWindow.background.osd .progressbar {
5491
border-radius: 0;
5492
background-color: #4285F4;
5493
}
5494
/******************
5496
* Budgie Desktop *
5497
******************/
5498
.budgie-container {
5499
background-color: transparent;
5500
}
5501
.budgie-settings-window buttonbox.inline-toolbar {
5503
border-style: none none solid;
5504
}
5505
.budgie-settings-window buttonbox.inline-toolbar button {
5507
border-radius: 4px;
5508
-gtk-outline-radius: 4px;
5509
}
5510
.budgie-popover {
5512
border-style: solid;
5513
border-width: 1px;
5514
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.3);
5515
border-radius: 5px;
5516
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
5517
background-color: #FFFFFF;
5518
}
5519
.budgie-popover .container {
5521
padding: 2px;
5522
}
5523
.budgie-popover border {
5525
border: none;
5526
}
5527
.budgie-popover list {
5529
background-color: transparent;
5530
}
5531
.budgie-popover row {
5533
padding: 0;
5534
}
5535
.budgie-popover row:hover {
5537
box-shadow: none;
5538
}
5539
.budgie-popover:not(.budgie-menu) button.flat:not(.image-button) {
5541
min-height: 28px;
5542
padding: 0 8px;
5543
color: rgba(0, 0, 0, 0.87);
5544
font-weight: normal;
5545
}
5546
.budgie-popover:not(.budgie-menu) button.flat:not(.image-button):disabled {
5548
color: rgba(0, 0, 0, 0.38);
5549
}
5550
.budgie-popover.budgie-menu .container {
5552
padding: 0;
5553
}
5554
.budgie-popover.user-menu .container {
5556
padding: 8px;
5557
}
5558
.budgie-popover.user-menu separator {
5560
margin: 4px 0;
5561
}
5562
.budgie-popover.sound-popover separator {
5564
margin: 3px 0;
5565
}
5566
.budgie-popover.night-light-indicator .container {
5568
padding: 8px;
5569
}
5570
.budgie-popover.places-menu .container {
5572
padding: 8px;
5573
}
5574
.budgie-popover.places-menu .places-list:not(.always-expand) {
5576
margin-top: 4px;
5577
padding-top: 4px;
5578
border-top: 1px solid rgba(0, 0, 0, 0.12);
5579
}
5580
.budgie-popover.places-menu .alternative-label {
5582
padding: 3px;
5583
font-size: 15px;
5584
}
5585
.budgie-popover.workspace-popover .container {
5587
padding: 2px 8px 8px;
5588
}
5589
.budgie-popover.workspace-popover separator {
5591
margin: 4px 0;
5592
}
5593
.budgie-popover.workspace-popover flowboxchild {
5595
padding: 0;
5596
}
5597
.workspace-switcher .workspace-layout {
5599
border: 0 solid rgba(255, 255, 255, 0.12);
5600
}
5601
.top .workspace-switcher .workspace-layout:dir(ltr),
5603
.bottom .workspace-switcher .workspace-layout:dir(ltr) {
5604
border-left-width: 1px;
5605
}
5606
.top .workspace-switcher .workspace-layout:dir(rtl),
5608
.bottom .workspace-switcher .workspace-layout:dir(rtl) {
5609
border-right-width: 1px;
5610
}
5611
.left .workspace-switcher .workspace-layout,
5613
.right .workspace-switcher .workspace-layout {
5614
border-top-width: 1px;
5615
}
5616
.workspace-switcher .workspace-item,
5618
.workspace-switcher .workspace-add-button {
5619
border: 0 solid rgba(255, 255, 255, 0.12);
5620
}
5621
.top .workspace-switcher .workspace-item:dir(ltr),
5623
.bottom .workspace-switcher .workspace-item:dir(ltr), .top
5624
.workspace-switcher .workspace-add-button:dir(ltr),
5625
.bottom
5626
.workspace-switcher .workspace-add-button:dir(ltr) {
5627
border-right-width: 1px;
5628
}
5629
.top .workspace-switcher .workspace-item:dir(rtl),
5631
.bottom .workspace-switcher .workspace-item:dir(rtl), .top
5632
.workspace-switcher .workspace-add-button:dir(rtl),
5633
.bottom
5634
.workspace-switcher .workspace-add-button:dir(rtl) {
5635
border-left-width: 1px;
5636
}
5637
.left .workspace-switcher .workspace-item,
5639
.right .workspace-switcher .workspace-item, .left
5640
.workspace-switcher .workspace-add-button,
5641
.right
5642
.workspace-switcher .workspace-add-button {
5643
border-bottom-width: 1px;
5644
}
5645
.workspace-switcher .workspace-item {
5647
transition: all 150ms cubic-bezier(0, 0, 0.2, 1);
5648
}
5649
.workspace-switcher .workspace-item.current-workspace {
5651
background-color: rgba(255, 255, 255, 0.12);
5652
}
5653
.workspace-switcher .workspace-add-button:hover {
5655
box-shadow: none;
5656
}
5657
.workspace-switcher .workspace-add-button:active {
5659
background-image: none;
5660
}
5661
.workspace-switcher .workspace-add-button:active image {
5663
margin: 1px 0 -1px;
5664
}
5665
.budgie-panel .workspace-switcher .workspace-icon-button {
5667
min-height: 24px;
5668
min-width: 24px;
5669
padding: 0;
5670
border-radius: 4px;
5671
}
5672
.budgie-menu.background {
5674
padding: 0;
5675
background-color: #FFFFFF;
5676
}
5677
.budgie-menu scrollbar,
5679
.budgie-menu entry.search {
5680
background-color: transparent;
5681
}
5682
.budgie-menu entry.search {
5684
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
5685
border-radius: 0;
5686
box-shadow: none;
5687
font-size: 120%;
5688
}
5689
.budgie-menu .categories:dir(ltr) {
5691
border-bottom-left-radius: 4px;
5692
}
5693
.budgie-menu .categories:dir(rtl) {
5695
border-bottom-right-radius: 4px;
5696
}
5697
.budgie-menu button {
5699
min-height: 32px;
5700
padding: 0 8px;
5701
border-radius: 0;
5702
color: rgba(0, 0, 0, 0.87);
5703
font-weight: normal;
5704
}
5705
.budgie-menu button:disabled {
5707
color: rgba(0, 0, 0, 0.38);
5708
}
5709
.budgie-menu button:checked:disabled {
5711
background-color: #4285F4;
5712
}
5713
.budgie-menu row {
5715
padding: 0;
5716
}
5717
.budgie-menu row:hover {
5719
box-shadow: none;
5720
}
5721
popover.background.user-menu {
5723
padding: 8px;
5724
}
5725
popover.background.user-menu .content-box {
5727
background-color: transparent;
5728
}
5729
popover.background.user-menu separator {
5731
margin: 4px 0;
5732
}
5733
popover.background.user-menu row {
5735
padding: 0;
5736
box-shadow: none;
5737
background-image: none;
5738
}
5739
popover.background.places-menu {
5741
padding: 8px;
5742
}
5743
popover.background.places-menu .name-button.text-button {
5745
padding-left: 8px;
5746
padding-right: 8px;
5747
}
5748
popover.background.places-menu .name-button.text-button image:dir(ltr) {
5750
margin-right: 3px;
5751
}
5752
popover.background.places-menu .name-button.text-button image:dir(rtl) {
5754
margin-left: 3px;
5755
}
5756
popover.background.places-menu .places-section-header > image:dir(ltr) {
5758
margin: 0 -2px 0 5px;
5759
}
5760
popover.background.places-menu .places-section-header > image:dir(rtl) {
5762
margin: 0 5px 0 -2px;
5763
}
5764
popover.background.places-menu .places-list {
5766
margin-top: 4px;
5767
padding-top: 4px;
5768
border-top: 1px solid rgba(0, 0, 0, 0.12);
5769
background-color: transparent;
5770
}
5771
popover.background.places-menu row {
5773
padding: 0;
5774
box-shadow: none;
5775
background-image: none;
5776
}
5777
.budgie-panel {
5779
transition: background-color 150ms cubic-bezier(0, 0, 0.2, 1);
5780
background-color: #212121;
5781
color: rgba(255, 255, 255, 0.7);
5782
font-weight: 500;
5783
}
5784
.budgie-panel.transparent {
5786
background-color: rgba(0, 0, 0, 0.6);
5787
}
5788
.budgie-panel button {
5790
min-height: 16px;
5791
min-width: 16px;
5792
padding: 0;
5793
border-radius: 0;
5794
}
5795
.budgie-panel button:checked {
5797
background-color: rgba(255, 255, 255, 0.12);
5798
}
5799
.budgie-panel.horizontal button {
5801
padding: 0 4px;
5802
}
5803
.budgie-panel.vertical button {
5805
padding: 4px 0;
5806
}
5807
.budgie-panel separator {
5809
background-color: rgba(255, 255, 255, 0.3);
5810
}
5811
.budgie-panel .alert {
5813
color: #EA4335;
5814
}
5815
.budgie-panel .titlebar {
5817
min-height: 0;
5818
padding: 0;
5819
box-shadow: none;
5820
background-color: transparent;
5821
color: white;
5822
}
5823
.budgie-panel .titlebar button {
5825
color: rgba(255, 255, 255, 0.7);
5826
}
5827
.budgie-panel .titlebar button:hover, .budgie-panel .titlebar button:active {
5829
color: white;
5830
}
5831
.budgie-panel #tasklist-button {
5833
padding: 0 4px;
5834
}
5835
.budgie-panel.vertical #tasklist-button {
5837
min-height: 32px;
5838
}
5839
.budgie-panel button.flat.launcher {
5841
padding: 0;
5842
}
5843
.budgie-panel button.flat.launcher:not(:checked) {
5845
color: rgba(255, 255, 255, 0.5);
5846
}
5847
.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active {
5849
color: rgba(255, 255, 255, 0.7);
5850
}
5851
.budgie-panel button.flat.launcher:not(:checked):disabled {
5853
color: rgba(255, 255, 255, 0.3);
5854
}
5855
.top .budgie-panel #tasklist-button, .budgie-panel .top #tasklist-button, .top .budgie-panel button.flat.launcher, .budgie-panel .top button.flat.launcher {
5857
border-image: radial-gradient(circle closest-corner at center calc(1px), currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
5858
}
5859
.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
5861
.budgie-panel .pinned button.flat.launcher.running,
5862
.budgie-panel .pinned .top button.flat.launcher.running {
5863
border-image: radial-gradient(circle closest-corner at center calc(1px), currentColor 100%, transparent 0%) 2 0 0 0/2px 0 0 0;
5864
}
5865
.bottom .budgie-panel #tasklist-button, .budgie-panel .bottom #tasklist-button, .bottom .budgie-panel button.flat.launcher, .budgie-panel .bottom button.flat.launcher {
5867
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
5868
}
5869
.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
5871
.budgie-panel .pinned button.flat.launcher.running,
5872
.budgie-panel .pinned .bottom button.flat.launcher.running {
5873
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2 0/0 0 2px 0;
5874
}
5875
.left .budgie-panel #tasklist-button, .budgie-panel .left #tasklist-button, .left .budgie-panel button.flat.launcher, .budgie-panel .left button.flat.launcher {
5877
border-image: radial-gradient(circle closest-corner at calc(1px) center, currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
5878
}
5879
.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
5881
.budgie-panel .pinned button.flat.launcher.running,
5882
.budgie-panel .pinned .left button.flat.launcher.running {
5883
border-image: radial-gradient(circle closest-corner at calc(1px) center, currentColor 100%, transparent 0%) 0 0 0 2/0 0 0 2px;
5884
}
5885
.right .budgie-panel #tasklist-button, .budgie-panel .right #tasklist-button, .right .budgie-panel button.flat.launcher, .budgie-panel .right button.flat.launcher {
5887
border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
5888
}
5889
.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
5891
.budgie-panel .pinned button.flat.launcher.running,
5892
.budgie-panel .pinned .right button.flat.launcher.running {
5893
border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, currentColor 100%, transparent 0%) 0 2 0 0/0 2px 0 0;
5894
}
5895
frame.raven-frame > border {
5897
border-style: none;
5898
box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22);
5899
}
5900
.top frame.raven-frame > border {
5902
margin-bottom: 32px;
5903
}
5904
.bottom frame.raven-frame > border {
5906
margin-top: 32px;
5907
}
5908
.left frame.raven-frame > border {
5910
margin-right: 32px;
5911
}
5912
.right frame.raven-frame > border {
5914
margin-left: 32px;
5915
}
5916
.raven {
5918
background-color: #FFFFFF;
5919
}
5920
.raven > box {
5922
margin-bottom: -10px;
5923
}
5924
.raven > stack {
5926
margin-bottom: -10px;
5927
}
5928
.raven stackswitcher.linked > button {
5930
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FBBC05 0%, transparent 0%) 0 0 0/0 0 0px;
5931
border-radius: 0;
5932
}
5933
.raven stackswitcher.linked > button:checked {
5935
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FBBC05 100%, transparent 0%) 0 0 2/0 0 2px;
5936
background-color: transparent;
5937
}
5938
.raven .raven-header {
5940
min-height: 32px;
5941
padding: 3px;
5942
}
5943
.raven .raven-header:not(.top) {
5945
margin-top: -6px;
5946
}
5947
.raven .raven-header.top {
5949
padding: 2px 0;
5950
background-color: #4285F4;
5951
color: white;
5952
}
5953
.raven .raven-header.top stackswitcher button {
5955
margin: -4px 0;
5956
min-height: 32px;
5957
}
5958
.raven .raven-header.top button.image-button:dir(ltr) {
5960
margin-right: 2px;
5961
}
5962
.raven .raven-header.top button.image-button:dir(rtl) {
5964
margin-left: 2px;
5965
}
5966
.raven .raven-header.top > image {
5968
margin: 0 8px;
5969
}
5970
.raven .raven-header.top > label {
5972
margin: 0 -8px;
5973
font-weight: bold;
5974
}
5975
.raven .raven-header.bottom {
5977
border-top: 1px solid rgba(0, 0, 0, 0.12);
5978
}
5979
.raven viewport.frame .raven-header {
5981
margin-top: -8px;
5982
}
5983
.raven .raven-background {
5985
border-style: solid none;
5986
border-width: 1px;
5987
border-color: rgba(0, 0, 0, 0.12);
5988
background-color: #FFFFFF;
5989
}
5990
.raven .raven-background.frame {
5992
border-style: solid none;
5993
}
5994
.raven .raven-background > overlay > widget > image {
5996
color: rgba(0, 0, 0, 0.12);
5997
}
5998
.raven .raven-background grid > label:first-child {
6000
min-height: 32px;
6001
}
6002
.raven scrolledwindow.raven-background {
6004
border-bottom-style: none;
6005
}
6006
.raven .raven-header.top + .raven-background {
6008
border-style: none;
6009
background-color: #4285F4;
6010
color: white;
6011
}
6012
.raven .raven-header.top + .raven-background stackswitcher button {
6014
margin: -4px 0;
6015
}
6016
.raven .powerstrip button {
6018
margin: 2px 0 1px;
6019
padding: 8px;
6020
}
6021
.raven .option-subtitle {
6023
font-size: smaller;
6024
}
6025
calendar.raven-calendar {
6027
border-style: none;
6028
background-color: transparent;
6029
}
6030
calendar.raven-calendar:selected {
6032
border-radius: 4px;
6033
background-color: #4285F4;
6034
}
6035
.raven-mpris {
6037
background-color: rgba(0, 0, 0, 0.6);
6038
color: white;
6039
}
6040
.raven-mpris label {
6042
min-height: 24px;
6043
}
6044
.raven-mpris button.image-button {
6046
padding: 8px;
6047
}
6048
.budgie-notification-window, .budgie-osd-window, .budgie-switcher-window {
6050
background-color: transparent;
6051
}
6052
.budgie-notification .notification-title, .budgie-switcher .notification-title {
6054
font-size: 120%;
6055
}
6056
.budgie-osd .budgie-osd-text {
6058
font-size: 120%;
6059
}
6060
.drop-shadow {
6062
margin: 5px 9px;
6063
padding: 3px;
6064
border-radius: 4px;
6065
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);
6066
background-color: #FFFFFF;
6067
}
6068
.drop-shadow .linked > button {
6070
border-radius: 4px;
6071
}
6072
.budgie-session-dialog, .budgie-polkit-dialog, .budgie-run-dialog {
6074
border-radius: 4px;
6075
background-color: #FFFFFF;
6076
}
6077
.budgie-session-dialog decoration, .budgie-polkit-dialog decoration, .budgie-run-dialog decoration {
6079
border-radius: 4px;
6080
}
6081
.budgie-session-dialog label:not(:last-child),
6083
.budgie-session-dialog .dialog-title {
6084
font-size: 120%;
6085
}
6086
.budgie-session-dialog .linked.horizontal > button {
6088
padding: 8px 16px;
6089
border-top: 1px solid rgba(0, 0, 0, 0.12);
6090
border-radius: 0;
6091
}
6092
.budgie-session-dialog .linked.horizontal > button:first-child {
6094
border-bottom-left-radius: 4px;
6095
}
6096
.budgie-session-dialog .linked.horizontal > button:last-child {
6098
border-bottom-right-radius: 4px;
6099
}
6100
.budgie-polkit-dialog .message {
6102
color: rgba(0, 0, 0, 0.38);
6103
}
6104
.budgie-polkit-dialog .failure {
6106
color: #EA4335;
6107
}
6108
.budgie-run-dialog {
6110
background-color: #FFFFFF;
6111
}
6112
.budgie-run-dialog entry.search {
6114
font-size: 120%;
6115
padding: 4px 12px;
6116
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
6117
background-color: transparent;
6118
}
6119
.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
6121
headerbar .subtitle,
6122
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 {
6123
opacity: 1;
6124
}
6125
.budgie-run-dialog scrolledwindow {
6127
border-top: 1px solid rgba(0, 0, 0, 0.12);
6128
}
6129
/************************
6131
* LightDM GTK+ Greeter *
6132
************************/
6133
#panel_window {
6134
background-color: rgba(0, 0, 0, 0.3);
6135
color: white;
6136
}
6137
#panel_window menubar,
6139
#panel_window separator {
6140
background-color: transparent;
6141
}
6142
#panel_window separator {
6144
padding: 0 4px;
6145
}
6146
#panel_window separator:first-child {
6148
padding: 0 8px;
6149
}
6150
#panel_window menubar > menuitem {
6152
color: rgba(255, 255, 255, 0.7);
6153
}
6154
#panel_window menubar > menuitem:hover {
6156
color: white;
6157
}
6158
#panel_window menubar > menuitem:disabled label {
6160
color: rgba(255, 255, 255, 0.3);
6161
}
6162
#login_window,
6164
#shutdown_dialog,
6165
#restart_dialog {
6166
margin: 8px;
6167
border-radius: 4px;
6168
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);
6169
background-color: #FFFFFF;
6170
}
6171
#content_frame {
6173
padding-bottom: 20px;
6174
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
6175
}
6176
#buttonbox_frame {
6178
padding-top: 24px;
6179
}
6180
#buttonbox_frame button {
6182
margin: -16px;
6183
}
6184
#greeter_infobar {
6186
margin-top: -1px;
6187
}
6188
/********
6190
* Nemo *
6191
********/
6192
.nemo-window .primary-toolbar {
6193
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
6194
}
6195
.nemo-window .primary-toolbar entry {
6197
min-height: 0;
6198
margin: 0;
6199
}
6200
.nemo-window .primary-toolbar button.text-button {
6202
padding-left: 8px;
6203
padding-right: 8px;
6204
}
6205
.nemo-window .primary-toolbar button:not(.text-button):not(.image-button) {
6207
padding-left: 4px;
6208
padding-right: 4px;
6209
}
6210
.nemo-window scrolledwindow.frame {
6212
border-style: none;
6213
}
6214
.nemo-window scrolledwindow.frame .view:not(:selected) {
6216
background-color: transparent;
6217
}
6218
.nemo-window infobar {
6220
margin-top: -6px;
6221
}
6222
.nemo-window .nemo-inactive-pane .view:not(:selected) {
6224
background-color: #FAFAFA;
6225
}
6226
/* GTK NAMED COLORS
6228
----------------
6229
use responsibly! */
6230
/*
6231
widget text/foreground color */
6232
@define-color theme_fg_color rgba(0, 0, 0, 0.87);
6233
/*
6234
text color for entries, views and content in general */
6235
@define-color theme_text_color rgba(0, 0, 0, 0.87);
6236
/*
6237
widget base background color */
6238
@define-color theme_bg_color #F2F2F2;
6239
/*
6240
text widgets and the like base background color */
6241
@define-color theme_base_color #FFFFFF;
6242
/*
6243
base background color of selections */
6244
@define-color theme_selected_bg_color #4285F4;
6245
/*
6246
text/foreground color of selections */
6247
@define-color theme_selected_fg_color white;
6248
/*
6249
base background color of insensitive widgets */
6250
@define-color insensitive_bg_color #F2F2F2;
6251
/*
6252
text foreground color of insensitive widgets */
6253
@define-color insensitive_fg_color rgba(0, 0, 0, 0.38);
6254
/*
6255
insensitive text widgets and the like base background color */
6256
@define-color insensitive_base_color #FAFAFA;
6257
/*
6258
widget text/foreground color on backdrop windows */
6259
@define-color theme_unfocused_fg_color rgba(0, 0, 0, 0.87);
6260
/*
6261
text color for entries, views and content in general on backdrop windows */
6262
@define-color theme_unfocused_text_color rgba(0, 0, 0, 0.87);
6263
/*
6264
widget base background color on backdrop windows */
6265
@define-color theme_unfocused_bg_color #F2F2F2;
6266
/*
6267
text widgets and the like base background color on backdrop windows */
6268
@define-color theme_unfocused_base_color #FFFFFF;
6269
/*
6270
base background color of selections on backdrop windows */
6271
@define-color theme_unfocused_selected_bg_color #4285F4;
6272
/*
6273
text/foreground color of selections on backdrop windows */
6274
@define-color theme_unfocused_selected_fg_color white;
6275
/*
6276
insensitive color on backdrop windows */
6277
@define-color unfocused_insensitive_color rgba(0, 0, 0, 0.38);
6278
/*
6279
widgets main borders color */
6280
@define-color borders rgba(0, 0, 0, 0.12);
6281
/*
6282
widgets main borders color on backdrop windows */
6283
@define-color unfocused_borders rgba(0, 0, 0, 0.12);
6284
/*
6285
these are pretty self explicative */
6286
@define-color warning_color #FBBC05;
6287
@define-color error_color #EA4335;
6288
@define-color success_color #34A853;
6289
/*
6290
these colors are exported for the window manager and shouldn't be used in applications,
6291
read if you used those and something break with a version upgrade you're on your own... */
6292
@define-color wm_title white;
6293
@define-color wm_unfocused_title rgba(255, 255, 255, 0.7);
6294
@define-color wm_highlight rgba(255, 255, 255, 0.1);
6295
@define-color wm_bg #383838;
6296
/*
6297
FIXME this is really an API */
6298
@define-color content_view_bg #FFFFFF;
6299
@define-color placeholder_text_color #757575;
6300