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 100ms 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 100ms 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 100ms 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 100ms 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 100ms 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 100ms 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: 100ms, 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: 100ms, 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: 100ms, 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: 100ms, 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 100ms 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 100ms 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 100ms cubic-bezier(0, 0, 0.2, 1), color 100ms 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 100ms 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 100ms 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 100ms 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 {
2010
box-shadow: inset 0 -2px transparent;
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 {
2026
box-shadow: inset 0 2px transparent;
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 {
2042
box-shadow: inset -2px 0 transparent;
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 {
2058
box-shadow: inset 2px 0 transparent;
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 100ms 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
background-color: alpha(currentColor, 0.06);
2135
color: rgba(0, 0, 0, 0.87);
2136
}
2137
notebook > header tab:disabled {
2139
color: rgba(0, 0, 0, 0.26);
2140
}
2141
notebook > header tab:checked {
2143
transition: all 100ms 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);
2144
background-color: transparent;
2145
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
2146
background-size: 1000% 1000%;
2147
color: rgba(0, 0, 0, 0.87);
2148
}
2149
notebook > header tab:checked:disabled {
2151
color: rgba(0, 0, 0, 0.38);
2152
}
2153
notebook > header tab:checked.reorderable-page {
2155
border-color: rgba(0, 0, 0, 0.12);
2156
background-color: #FFFFFF;
2157
}
2158
notebook > header tab button.flat:last-child {
2160
margin-left: 4px;
2161
margin-right: -8px;
2162
}
2163
notebook > header tab button.flat:first-child {
2165
margin-left: -8px;
2166
margin-right: 4px;
2167
}
2168
notebook > header.top tabs, notebook > header.bottom tabs {
2170
padding-left: 8px;
2171
padding-right: 8px;
2172
}
2173
notebook > header.top tabs:not(:only-child):first-child, notebook > header.bottom tabs:not(:only-child):first-child {
2175
margin-left: 0;
2176
}
2177
notebook > header.top tabs:not(:only-child):last-child, notebook > header.bottom tabs:not(:only-child):last-child {
2179
margin-right: 0;
2180
}
2181
notebook > header.top tabs tab.reorderable-page, notebook > header.bottom tabs tab.reorderable-page {
2183
margin: 0 -1px;
2184
border-style: none solid;
2185
}
2186
notebook > header.left tabs, notebook > header.right tabs {
2188
padding-top: 8px;
2189
padding-bottom: 8px;
2190
}
2191
notebook > header.left tabs:not(:only-child):first-child, notebook > header.right tabs:not(:only-child):first-child {
2193
margin-top: 0;
2194
}
2195
notebook > header.left tabs:not(:only-child):last-child, notebook > header.right tabs:not(:only-child):last-child {
2197
margin-bottom: 0;
2198
}
2199
notebook > header.left tabs tab.reorderable-page, notebook > header.right tabs tab.reorderable-page {
2201
margin: -1px 0;
2202
border-style: solid none;
2203
}
2204
notebook > stack:not(:only-child) {
2206
background-color: #FFFFFF;
2207
}
2208
/**************
2210
* Scrollbars *
2211
**************/
2212
scrollbar {
2213
transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
2214
background-color: #FFFFFF;
2215
background-clip: padding-box;
2216
}
2217
* {
2219
-GtkScrollbar-has-backward-stepper: false;
2220
-GtkScrollbar-has-forward-stepper: false;
2221
}
2222
scrollbar.top {
2224
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
2225
}
2226
scrollbar.bottom {
2228
border-top: 1px solid rgba(0, 0, 0, 0.12);
2229
}
2230
scrollbar.left {
2232
border-right: 1px solid rgba(0, 0, 0, 0.12);
2233
}
2234
scrollbar.right {
2236
border-left: 1px solid rgba(0, 0, 0, 0.12);
2237
}
2238
scrollbar slider {
2240
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), margin 0, border-width 0;
2241
min-width: 8px;
2242
min-height: 8px;
2243
border: 4px solid transparent;
2244
border-radius: 9999px;
2245
background-clip: padding-box;
2246
background-color: rgba(0, 0, 0, 0.38);
2247
}
2248
scrollbar slider:hover {
2250
background-color: rgba(0, 0, 0, 0.54);
2251
}
2252
scrollbar slider:active {
2254
background-color: rgba(0, 0, 0, 0.87);
2255
}
2256
scrollbar slider:disabled {
2258
background-color: rgba(0, 0, 0, 0.26);
2259
}
2260
scrollbar.fine-tune slider {
2262
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), margin 0, border-width 0, min-width 0, min-height 0;
2263
min-width: 4px;
2264
min-height: 4px;
2265
}
2266
scrollbar.fine-tune.horizontal slider {
2268
margin: 2px 0;
2269
}
2270
scrollbar.fine-tune.vertical slider {
2272
margin: 0 2px;
2273
}
2274
scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
2276
border-color: transparent;
2277
background-color: transparent;
2278
}
2279
scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider {
2281
min-width: 4px;
2282
min-height: 4px;
2283
margin: 3px;
2284
border: 1px solid rgba(255, 255, 255, 0.3);
2285
}
2286
scrollbar.overlay-indicator:not(.dragging):not(.hovering) button {
2288
min-width: 4px;
2289
min-height: 4px;
2290
margin: 3px;
2291
border: 1px solid rgba(255, 255, 255, 0.3);
2292
border-radius: 9999px;
2293
background-color: rgba(0, 0, 0, 0.38);
2294
background-clip: padding-box;
2295
-gtk-icon-source: none;
2296
}
2297
scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled {
2299
background-color: rgba(0, 0, 0, 0.26);
2300
}
2301
scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider {
2303
min-width: 24px;
2304
}
2305
scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button {
2307
min-width: 8px;
2308
}
2309
scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider {
2311
min-height: 24px;
2312
}
2313
scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button {
2315
min-height: 8px;
2316
}
2317
scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering {
2319
background-color: rgba(255, 255, 255, 0.9);
2320
}
2321
scrollbar.horizontal slider {
2323
min-width: 24px;
2324
}
2325
scrollbar.vertical slider {
2327
min-height: 24px;
2328
}
2329
scrollbar button {
2331
min-width: 16px;
2332
min-height: 16px;
2333
padding: 0;
2334
border-radius: 0;
2335
}
2336
scrollbar.vertical button.down {
2338
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
2339
}
2340
scrollbar.vertical button.up {
2342
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
2343
}
2344
scrollbar.horizontal button.down {
2346
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
2347
}
2348
scrollbar.horizontal button.up {
2350
-gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
2351
}
2352
/**********
2354
* Switch *
2355
**********/
2356
switch {
2357
transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1), opacity 100ms cubic-bezier(0, 0, 0.2, 1);
2358
margin: 4px 0;
2359
padding: 0 2px;
2360
border: 5px solid transparent;
2361
border-radius: 9999px;
2362
background-color: rgba(0, 0, 0, 0.26);
2363
background-clip: padding-box;
2364
font-size: 0;
2365
}
2366
switch:checked {
2368
background-color: rgba(1, 162, 153, 0.5);
2369
}
2370
switch:disabled {
2372
opacity: 0.5;
2373
}
2374
switch slider {
2376
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), box-shadow 100ms cubic-bezier(0, 0, 0.2, 1);
2377
min-width: 20px;
2378
min-height: 20px;
2379
margin: -3px -2px;
2380
border-radius: 9999px;
2381
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);
2382
background-color: #FFFFFF;
2383
color: rgba(0, 0, 0, 0.54);
2384
}
2385
switch:hover slider {
2387
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);
2388
}
2389
switch:focus slider {
2391
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);
2392
}
2393
switch:focus:hover slider {
2395
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);
2396
}
2397
switch:checked slider {
2399
background-color: #01A299;
2400
color: #01A299;
2401
}
2402
/*************************
2404
* Check and Radio items *
2405
*************************/
2406
.view.content-view.check:not(list),
2407
.content-view .tile check:not(list) {
2408
min-height: 40px;
2409
min-width: 40px;
2410
margin: 0;
2411
padding: 0;
2412
box-shadow: none;
2413
background-color: transparent;
2414
background-image: none;
2415
-gtk-icon-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
2416
}
2417
.view.content-view.check:not(list):hover, .view.content-view.check:not(list):active,
2419
.content-view .tile check:not(list):hover,
2420
.content-view .tile check:not(list):active {
2421
-gtk-icon-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
2422
}
2423
.view.content-view.check:not(list),
2425
.content-view .tile check:not(list) {
2426
-gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-unchecked.png"), url("assets/selectionmode-checkbox-unchecked@2.png"));
2427
}
2428
.view.content-view.check:not(list):checked,
2430
.content-view .tile check:not(list):checked {
2431
-gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-checked.png"), url("assets/selectionmode-checkbox-checked@2.png"));
2432
}
2433
checkbutton,
2435
radiobutton {
2436
outline: none;
2437
}
2438
checkbutton.text-button,
2440
radiobutton.text-button {
2441
padding: 2px;
2442
}
2443
checkbutton.text-button label:not(:only-child),
2445
radiobutton.text-button label:not(:only-child) {
2446
margin: 0 4px;
2447
}
2448
check,
2450
radio {
2451
min-height: 24px;
2452
min-width: 24px;
2453
margin: -8px;
2454
padding: 8px;
2455
}
2456
check:focus,
2458
radio:focus {
2459
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.2);
2460
}
2461
check:hover,
2463
radio:hover {
2464
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.12);
2465
}
2466
check:checked, check:indeterminate,
2468
radio:checked,
2469
radio:indeterminate {
2470
color: #01A299;
2471
}
2472
check:checked:disabled, check:indeterminate:disabled,
2474
radio:checked:disabled,
2475
radio:indeterminate:disabled {
2476
color: rgba(1, 162, 153, 0.5);
2477
}
2478
row:selected check:not(:checked):not(:indeterminate), row:selected
2480
radio:not(:checked):not(:indeterminate) {
2481
color: rgba(255, 255, 255, 0.7);
2482
}
2483
row:selected check:not(:checked):not(:indeterminate):hover, row:selected check:not(:checked):not(:indeterminate):active, row:selected
2485
radio:not(:checked):not(:indeterminate):hover, row:selected
2486
radio:not(:checked):not(:indeterminate):active {
2487
color: white;
2488
}
2489
row:selected check:not(:checked):not(:indeterminate):disabled, row:selected
2491
radio:not(:checked):not(:indeterminate):disabled {
2492
color: rgba(255, 255, 255, 0.3);
2493
}
2494
popover check, popover check:focus, popover check:hover, popover check:active, popover check:disabled, popover
2496
radio, popover
2497
radio:focus, popover
2498
radio:hover, popover
2499
radio:active, popover
2500
radio:disabled {
2501
transition: none;
2502
box-shadow: none;
2503
background-image: none;
2504
}
2505
popover check:not(:checked):not(:indeterminate):not(:disabled), popover
2507
radio:not(:checked):not(:indeterminate):not(:disabled) {
2508
color: rgba(0, 0, 0, 0.54);
2509
}
2510
popover check.left:dir(rtl), popover
2512
radio.left:dir(rtl) {
2513
margin-left: -12px;
2514
margin-right: -4px;
2515
}
2516
popover check.right:dir(ltr), popover
2518
radio.right:dir(ltr) {
2519
margin-left: -4px;
2520
margin-right: -12px;
2521
}
2522
menu menuitem check, menu menuitem
2524
radio {
2525
transition: none;
2526
margin: 0;
2527
padding: 0;
2528
}
2529
menu menuitem check:dir(ltr), menu menuitem
2531
radio:dir(ltr) {
2532
margin-right: 8px;
2533
}
2534
menu menuitem check:dir(rtl), menu menuitem
2536
radio:dir(rtl) {
2537
margin-left: 8px;
2538
}
2539
menu menuitem check:not(:checked):not(:indeterminate):not(:disabled), menu menuitem
2541
radio:not(:checked):not(:indeterminate):not(:disabled) {
2542
color: rgba(0, 0, 0, 0.54);
2543
}
2544
menu menuitem check, menu menuitem check:hover, menu menuitem check:disabled, menu menuitem
2546
radio, menu menuitem
2547
radio:hover, menu menuitem
2548
radio:disabled {
2549
box-shadow: none;
2550
}
2551
check {
2554
-gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-unchecked-symbolic.svg"));
2555
}
2556
check:checked {
2559
-gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-checked-symbolic.svg"));
2560
}
2561
check:indeterminate {
2564
-gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-mixed-symbolic.svg"));
2565
}
2566
radio {
2569
-gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-unchecked-symbolic.svg"));
2570
border-image-slice: 20;
2571
border-image-width: 20px;
2572
}
2573
radio:indeterminate {
2576
-gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-mixed-symbolic.svg"));
2577
}
2578
radio {
2581
border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#01A299), to(transparent));
2582
}
2583
radio:checked:not(:indeterminate) {
2586
border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.125, to(#01A299), to(transparent));
2587
}
2588
radio:checked:not(:indeterminate):disabled {
2591
border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.125, to(rgba(1, 162, 153, 0.5)), to(transparent));
2592
}
2593
window.background:not(.csd) > widget > checkbutton > check,
2595
menu menuitem check {
2596
min-height: 16px;
2597
min-width: 16px;
2598
border-radius: 4px;
2599
-gtk-outline-radius: 4px;
2600
-gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-unchecked-symbolic.svg"));
2601
}
2602
window.background:not(.csd) > widget > checkbutton > check:checked,
2604
menu menuitem check:checked {
2605
-gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-checked-symbolic.svg"));
2606
}
2607
window.background:not(.csd) > widget > checkbutton > check:indeterminate,
2609
menu menuitem check:indeterminate {
2610
-gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-mixed-symbolic.svg"));
2611
}
2612
window.background:not(.csd) > widget > radiobutton > radio,
2614
menu menuitem radio {
2615
min-height: 16px;
2616
min-width: 16px;
2617
border-image: none;
2618
-gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-unchecked-symbolic.svg"));
2619
}
2620
window.background:not(.csd) > widget > radiobutton > radio:checked,
2622
menu menuitem radio:checked {
2623
-gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-checked-symbolic.svg"));
2624
}
2625
window.background:not(.csd) > widget > radiobutton > radio:indeterminate,
2627
menu menuitem radio:indeterminate {
2628
-gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-mixed-symbolic.svg"));
2629
}
2630
check:not(:checked):active {
2632
-gtk-icon-transform: rotate(90deg);
2633
}
2634
check:not(:checked):indeterminate:active,
2636
radio:not(:checked):indeterminate:active {
2637
-gtk-icon-transform: scaleX(-1);
2638
}
2639
check:not(:checked),
2641
radio:not(:checked) {
2642
transition: all 100ms 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;
2643
}
2644
check:not(:checked):active,
2646
radio:not(:checked):active {
2647
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0, -gtk-icon-transform 0;
2648
}
2649
menu menuitem check:not(:checked), menu menuitem
2651
radio:not(:checked) {
2652
transition: none;
2653
}
2654
treeview.view check,
2656
treeview.view radio {
2657
padding: 0;
2658
}
2659
treeview.view check:hover,
2661
treeview.view radio:hover {
2662
box-shadow: inset 0 0 0 9999px alpha(rgba(0, 0, 0, 0.87), 0.05);
2663
}
2664
treeview.view check:hover:disabled,
2666
treeview.view radio:hover:disabled {
2667
box-shadow: none;
2668
}
2669
treeview.view check:hover:selected,
2671
treeview.view radio:hover:selected {
2672
box-shadow: inset 0 0 0 9999px alpha(white, 0.05);
2673
}
2674
treeview.view check,
2676
treeview.view radio {
2677
color: rgba(0, 0, 0, 0.54);
2678
}
2679
treeview.view check:hover, treeview.view check:active,
2681
treeview.view radio:hover,
2682
treeview.view radio:active {
2683
color: rgba(0, 0, 0, 0.87);
2684
}
2685
treeview.view check:disabled,
2687
treeview.view radio:disabled {
2688
color: rgba(0, 0, 0, 0.26);
2689
}
2690
treeview.view check:checked, treeview.view check:indeterminate,
2692
treeview.view radio:checked,
2693
treeview.view radio:indeterminate {
2694
color: #01A299;
2695
}
2696
treeview.view check:checked:disabled, treeview.view check:indeterminate:disabled,
2698
treeview.view radio:checked:disabled,
2699
treeview.view radio:indeterminate:disabled {
2700
color: rgba(1, 162, 153, 0.5);
2701
}
2702
treeview.view check:selected,
2704
treeview.view radio:selected {
2705
color: rgba(255, 255, 255, 0.7);
2706
}
2707
treeview.view check:selected:hover, treeview.view check:selected:active,
2709
treeview.view radio:selected:hover,
2710
treeview.view radio:selected:active {
2711
color: white;
2712
}
2713
treeview.view check:selected:disabled,
2715
treeview.view radio:selected:disabled {
2716
color: rgba(255, 255, 255, 0.3);
2717
}
2718
treeview.view check:selected:checked, treeview.view check:selected:indeterminate,
2720
treeview.view radio:selected:checked,
2721
treeview.view radio:selected:indeterminate {
2722
color: #01A299;
2723
}
2724
treeview.view check:selected:checked:disabled, treeview.view check:selected:indeterminate:disabled,
2726
treeview.view radio:selected:checked:disabled,
2727
treeview.view radio:selected:indeterminate:disabled {
2728
color: rgba(1, 162, 153, 0.5);
2729
}
2730
treeview.view radio:checked {
2732
-gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-checked-symbolic.svg"));
2733
border-image: none;
2734
}
2735
/************
2737
* GtkScale *
2738
************/
2739
scale {
2740
min-height: 2px;
2741
min-width: 2px;
2742
}
2743
scale.horizontal {
2745
padding: 15px 12px;
2746
}
2747
scale.vertical {
2749
padding: 12px 15px;
2750
}
2751
scale slider {
2753
min-height: 32px;
2754
min-width: 32px;
2755
margin: -15px;
2756
}
2757
scale.fine-tune.horizontal {
2759
min-height: 4px;
2760
padding-top: 14px;
2761
padding-bottom: 14px;
2762
}
2763
scale.fine-tune.vertical {
2765
min-width: 4px;
2766
padding-left: 14px;
2767
padding-right: 14px;
2768
}
2769
scale.fine-tune slider {
2771
margin: -14px;
2772
}
2773
scale trough {
2775
transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1);
2776
outline: none;
2777
background-color: rgba(0, 0, 0, 0.26);
2778
}
2779
scale trough:disabled {
2781
background-color: rgba(0, 0, 0, 0.12);
2782
}
2783
scale highlight {
2785
transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1);
2786
background-color: #01A299;
2787
}
2788
scale highlight:disabled {
2790
background-color: transparent;
2791
}
2792
scale fill {
2794
transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1);
2795
background-color: rgba(0, 0, 0, 0.26);
2796
}
2797
scale fill:disabled {
2799
background-color: transparent;
2800
}
2801
scale slider {
2803
transition: background-color 100ms 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);
2804
background-repeat: no-repeat;
2805
background-position: center;
2806
background-size: auto, 1000% 1000%;
2807
border-radius: 50%;
2808
color: transparent;
2809
}
2810
scale slider {
2812
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%);
2813
}
2814
scale slider:disabled {
2816
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%);
2817
}
2818
scale slider:focus {
2820
background-color: rgba(1, 162, 153, 0.16);
2821
}
2822
scale slider:hover {
2824
background-color: rgba(1, 162, 153, 0.12);
2825
}
2826
scale slider:active {
2828
transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
2829
animation: scale_ripple_effect 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
2830
background-size: auto, 0% 0%;
2831
background-color: rgba(1, 162, 153, 0.12);
2832
color: rgba(1, 162, 153, 0.12);
2833
}
2834
scale marks label,
2836
scale value {
2837
color: rgba(0, 0, 0, 0.38);
2838
}
2839
scale marks {
2841
color: rgba(0, 0, 0, 0.26);
2842
}
2843
scale marks.top {
2845
margin-bottom: 7px;
2846
margin-top: -15px;
2847
}
2848
scale marks.bottom {
2850
margin-top: 7px;
2851
margin-bottom: -15px;
2852
}
2853
scale marks.left {
2855
margin-right: 7px;
2856
margin-left: -15px;
2857
}
2858
scale marks.right {
2860
margin-left: 7px;
2861
margin-right: -15px;
2862
}
2863
scale.fine-tune marks.top {
2865
margin-bottom: 6px;
2866
margin-top: -14px;
2867
}
2868
scale.fine-tune marks.bottom {
2870
margin-top: 6px;
2871
margin-bottom: -14px;
2872
}
2873
scale.fine-tune marks.left {
2875
margin-right: 6px;
2876
margin-left: -14px;
2877
}
2878
scale.fine-tune marks.right {
2880
margin-left: 6px;
2881
margin-right: -14px;
2882
}
2883
scale.horizontal indicator {
2885
min-height: 8px;
2886
min-width: 1px;
2887
}
2888
scale.vertical indicator {
2890
min-height: 1px;
2891
min-width: 8px;
2892
}
2893
scale.horizontal.marks-before:not(.marks-after) slider {
2895
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%);
2896
}
2897
scale.horizontal.marks-before:not(.marks-after) slider:disabled {
2899
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%);
2900
}
2901
scale.horizontal.marks-after:not(.marks-before) slider {
2903
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%);
2904
}
2905
scale.horizontal.marks-after:not(.marks-before) slider:disabled {
2907
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%);
2908
}
2909
scale.vertical.marks-before:not(.marks-after) slider {
2911
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%);
2912
}
2913
scale.vertical.marks-before:not(.marks-after) slider:disabled {
2915
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%);
2916
}
2917
scale.vertical.marks-after:not(.marks-before) slider {
2919
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%);
2920
}
2921
scale.vertical.marks-after:not(.marks-before) slider:disabled {
2923
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%);
2924
}
2925
scale.color {
2927
min-height: 0;
2928
min-width: 0;
2929
}
2930
scale.color.horizontal {
2932
padding: 0 0 12px 0;
2933
}
2934
scale.color.horizontal slider:dir(ltr), scale.color.horizontal slider:dir(rtl) {
2936
margin-bottom: -24px;
2937
margin-top: 8px;
2938
}
2939
scale.color.vertical:dir(ltr) {
2941
padding: 0 0 0 12px;
2942
}
2943
scale.color.vertical:dir(ltr) slider {
2945
margin-left: -24px;
2946
margin-right: 8px;
2947
}
2948
scale.color.vertical:dir(rtl) {
2950
padding: 0 12px 0 0;
2951
}
2952
scale.color.vertical:dir(rtl) slider {
2954
margin-right: -24px;
2955
margin-left: 8px;
2956
}
2957
/*****************
2959
* Progress bars *
2960
*****************/
2961
progressbar {
2962
color: rgba(0, 0, 0, 0.38);
2963
font-size: smaller;
2964
}
2965
progressbar.horizontal trough,
2967
progressbar.horizontal progress {
2968
min-height: 4px;
2969
}
2970
progressbar.vertical trough,
2972
progressbar.vertical progress {
2973
min-width: 4px;
2974
}
2975
progressbar trough {
2977
background-color: rgba(66, 133, 244, 0.3);
2978
}
2979
progressbar progress {
2981
background-color: #4285F4;
2982
}
2983
progressbar trough.empty progress {
2985
all: unset;
2986
}
2987
/*************
2989
* Level Bar *
2990
*************/
2991
levelbar.horizontal block {
2992
min-height: 4px;
2993
}
2994
levelbar.horizontal.discrete block {
2996
min-width: 32px;
2997
}
2998
levelbar.horizontal.discrete block:not(:last-child) {
3000
margin-right: 2px;
3001
}
3002
levelbar.vertical block {
3004
min-width: 4px;
3005
}
3006
levelbar.vertical.discrete block {
3008
min-height: 32px;
3009
}
3010
levelbar.vertical.discrete block:not(:last-child) {
3012
margin-bottom: 2px;
3013
}
3014
levelbar block.low {
3016
background-color: #FBBC05;
3017
}
3018
levelbar block.high, levelbar block:not(.empty) {
3020
background-color: #4285F4;
3021
}
3022
levelbar block.full {
3024
background-color: #34A853;
3025
}
3026
levelbar block.empty {
3028
background-color: rgba(0, 0, 0, 0.12);
3029
}
3030
/****************
3032
* Print dialog *
3033
*****************/
3034
printdialog paper {
3035
padding: 0;
3036
border: 1px solid rgba(0, 0, 0, 0.12);
3037
background-color: #FFFFFF;
3038
color: rgba(0, 0, 0, 0.87);
3039
}
3040
printdialog .dialog-action-box {
3042
margin: 12px;
3043
}
3044
/**********
3046
* Frames *
3047
**********/
3048
frame > border,
3049
.frame {
3050
margin: 0;
3051
padding: 0;
3052
border: 1px solid rgba(0, 0, 0, 0.12);
3053
border-radius: 0;
3054
box-shadow: none;
3055
}
3056
frame > border.flat,
3058
.frame.flat,
3059
frame.flat > border {
3060
border-style: none;
3061
}
3062
actionbar > revealer > box {
3064
padding: 4px;
3065
border-top: 1px solid rgba(0, 0, 0, 0.12);
3066
}
3067
scrolledwindow viewport.frame {
3069
border-style: none;
3070
}
3071
overshoot.top {
3073
background-image: -gtk-gradient(radial, center top, 0, center top, 0.75, to(rgba(123, 170, 247, 0.3)), to(transparent));
3074
background-repeat: no-repeat;
3075
background-position: center top;
3076
background-color: transparent;
3077
border: none;
3078
box-shadow: none;
3079
}
3080
overshoot.bottom {
3082
background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.75, to(rgba(123, 170, 247, 0.3)), to(transparent));
3083
background-repeat: no-repeat;
3084
background-position: center bottom;
3085
background-color: transparent;
3086
border: none;
3087
box-shadow: none;
3088
}
3089
overshoot.left {
3091
background-image: -gtk-gradient(radial, left center, 0, left center, 0.75, to(rgba(123, 170, 247, 0.3)), to(transparent));
3092
background-repeat: no-repeat;
3093
background-position: left center;
3094
background-color: transparent;
3095
border: none;
3096
box-shadow: none;
3097
}
3098
overshoot.right {
3100
background-image: -gtk-gradient(radial, right center, 0, right center, 0.75, to(rgba(123, 170, 247, 0.3)), to(transparent));
3101
background-repeat: no-repeat;
3102
background-position: right center;
3103
background-color: transparent;
3104
border: none;
3105
box-shadow: none;
3106
}
3107
undershoot.top {
3109
background-color: transparent;
3110
background-image: linear-gradient(to left, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%);
3111
padding-top: 1px;
3112
background-size: 12px 1px;
3113
background-repeat: repeat-x;
3114
background-origin: content-box;
3115
background-position: left top;
3116
}
3117
undershoot.bottom {
3119
background-color: transparent;
3120
background-image: linear-gradient(to left, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%);
3121
padding-bottom: 1px;
3122
background-size: 12px 1px;
3123
background-repeat: repeat-x;
3124
background-origin: content-box;
3125
background-position: left bottom;
3126
}
3127
undershoot.left {
3129
background-color: transparent;
3130
background-image: linear-gradient(to top, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%);
3131
padding-left: 1px;
3132
background-size: 1px 12px;
3133
background-repeat: repeat-y;
3134
background-origin: content-box;
3135
background-position: left top;
3136
}
3137
undershoot.right {
3139
background-color: transparent;
3140
background-image: linear-gradient(to top, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%);
3141
padding-right: 1px;
3142
background-size: 1px 12px;
3143
background-repeat: repeat-y;
3144
background-origin: content-box;
3145
background-position: right top;
3146
}
3147
junction {
3149
border-style: solid none none solid;
3150
border-width: 1px;
3151
border-color: rgba(0, 0, 0, 0.12);
3152
background-color: #FFFFFF;
3153
}
3154
junction:dir(rtl) {
3156
border-style: solid solid none none;
3157
}
3158
separator {
3160
min-width: 1px;
3161
min-height: 1px;
3162
background-color: rgba(0, 0, 0, 0.12);
3163
}
3164
button.font separator,
3167
button.file separator, .tweak-categories separator, preferences stacksidebar.sidebar list separator {
3168
min-width: 0;
3169
min-height: 0;
3170
background-color: transparent;
3171
}
3172
/*********
3174
* Lists *
3175
*********/
3176
list {
3177
border-color: rgba(0, 0, 0, 0.12);
3178
background-color: #FFFFFF;
3179
}
3180
list row {
3182
padding: 2px;
3183
}
3184
row.activatable, .view, treeview.view header button, .budgie-menu button {
3186
transition: all 100ms 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);
3187
box-shadow: inset 0 0 0 9999px transparent;
3188
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
3189
background-repeat: no-repeat;
3190
background-position: center;
3191
background-size: 1000% 1000%;
3192
}
3193
row.activatable:hover, .view:hover, treeview.view header button:hover, .budgie-menu button:hover {
3195
transition: all 100ms 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);
3196
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.06);
3197
}
3198
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 {
3200
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-color 0, color 0, background-size 0, background-image 0;
3201
animation: ripple_effect 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
3202
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.12);
3203
background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.12) 10%, transparent 0%);
3204
background-size: 0% 0%;
3205
}
3206
/*********************
3208
* App Notifications *
3209
*********************/
3210
.app-notification {
3211
margin: 8px;
3212
}
3213
.app-notification.frame,
3215
.app-notification border {
3216
border-style: none;
3217
}
3218
/*************
3220
* Expanders *
3221
*************/
3222
expander title > arrow {
3223
transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
3224
min-width: 16px;
3225
min-height: 16px;
3226
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
3227
-gtk-icon-transform: rotate(-90deg);
3228
color: rgba(0, 0, 0, 0.54);
3229
}
3230
expander title > arrow:dir(rtl) {
3232
-gtk-icon-transform: rotate(90deg);
3233
}
3234
expander title > arrow:checked {
3236
-gtk-icon-transform: unset;
3237
}
3238
expander title > arrow:hover, expander title > arrow:active {
3240
color: rgba(0, 0, 0, 0.87);
3241
}
3242
expander title > arrow:disabled {
3244
color: rgba(0, 0, 0, 0.26);
3245
}
3246
expander title > arrow:selected {
3248
color: rgba(255, 255, 255, 0.7);
3249
}
3250
expander title > arrow:selected:hover, expander title > arrow:selected:active {
3252
color: white;
3253
}
3254
expander title > arrow:selected:disabled {
3256
color: rgba(255, 255, 255, 0.3);
3257
}
3258
/************
3260
* Calendar *
3261
************/
3262
calendar {
3263
padding: 1px;
3264
border: 1px solid rgba(0, 0, 0, 0.12);
3265
color: rgba(0, 0, 0, 0.87);
3266
}
3267
calendar:disabled {
3269
color: rgba(0, 0, 0, 0.38);
3270
}
3271
calendar:selected {
3273
border-radius: 5px;
3274
}
3275
calendar.header {
3277
border-style: none none solid;
3278
border-radius: 0;
3279
}
3280
calendar.highlight {
3282
color: rgba(0, 0, 0, 0.54);
3283
font-weight: 500;
3284
}
3285
calendar:indeterminate {
3287
color: rgba(0, 0, 0, 0.26);
3288
}
3289
/***********
3291
* Dialogs *
3292
***********/
3293
messagedialog.background {
3294
background-color: #FFFFFF;
3295
}
3296
messagedialog .titlebar {
3298
min-height: 24px;
3299
border-style: none;
3300
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
3301
background-color: #FFFFFF;
3302
color: rgba(0, 0, 0, 0.87);
3303
}
3304
messagedialog .titlebar:backdrop {
3306
color: rgba(0, 0, 0, 0.54);
3307
}
3308
messagedialog.csd.background {
3310
border-bottom-left-radius: 4px;
3311
border-bottom-right-radius: 4px;
3312
}
3313
messagedialog.csd .dialog-action-area {
3315
margin-top: -4px;
3316
padding: 4px;
3317
}
3318
messagedialog.csd .dialog-action-area button {
3320
border-radius: 4px;
3321
}
3322
messagedialog.csd .dialog-action-area button:not(:last-child) {
3324
margin-right: 4px;
3325
}
3326
messagedialog.csd .dialog-action-area button.suggested-action:not(:disabled) {
3328
color: #01A299;
3329
}
3330
messagedialog.csd .dialog-action-area button.destructive-action:not(:disabled) {
3332
color: #EA4335;
3333
}
3334
filechooser .dialog-action-box {
3336
border-top: 1px solid rgba(0, 0, 0, 0.12);
3337
}
3338
filechooser #pathbarbox {
3340
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
3341
background-color: #F2F2F2;
3342
}
3343
filechooserbutton:drop(active) {
3345
box-shadow: none;
3346
}
3347
/***********
3349
* Sidebar *
3350
***********/
3351
.sidebar {
3352
border-style: none;
3353
background-color: #FAFAFA;
3354
}
3355
stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left, .sidebar.left:dir(rtl) {
3357
border-right: 1px solid rgba(0, 0, 0, 0.12);
3358
border-left-style: none;
3359
}
3360
stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right {
3362
border-left: 1px solid rgba(0, 0, 0, 0.12);
3363
border-right-style: none;
3364
}
3365
.sidebar list {
3367
background-color: transparent;
3368
}
3369
paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar {
3371
border-style: none;
3372
}
3373
stacksidebar row {
3375
padding: 10px 4px;
3376
}
3377
stacksidebar row > label {
3379
padding-left: 6px;
3380
padding-right: 6px;
3381
}
3382
/****************
3384
* File chooser *
3385
****************/
3386
row image.sidebar-icon {
3387
color: rgba(0, 0, 0, 0.54);
3388
}
3389
row:selected image.sidebar-icon {
3391
color: rgba(255, 255, 255, 0.7);
3392
}
3393
placessidebar > viewport.frame {
3395
border-style: none;
3396
}
3397
placessidebar list {
3399
padding: 1px 0 4px;
3400
}
3401
placessidebar row {
3403
min-height: 32px;
3404
margin: -1px 0;
3405
padding: 0;
3406
}
3407
placessidebar row > revealer {
3409
padding: 0 12px;
3410
}
3411
placessidebar row:selected {
3413
color: white;
3414
}
3415
placessidebar row:disabled {
3417
color: rgba(0, 0, 0, 0.38);
3418
}
3419
placessidebar row image.sidebar-icon:dir(ltr) {
3421
padding-right: 8px;
3422
}
3423
placessidebar row image.sidebar-icon:dir(rtl) {
3425
padding-left: 8px;
3426
}
3427
placessidebar row label.sidebar-label:dir(ltr) {
3429
padding-right: 2px;
3430
}
3431
placessidebar row label.sidebar-label:dir(rtl) {
3433
padding-left: 2px;
3434
}
3435
placessidebar row.sidebar-placeholder-row {
3437
min-height: 2px;
3438
padding: 0 8px;
3439
background-image: image(#01A299);
3440
background-clip: content-box;
3441
}
3442
placessidebar row.sidebar-new-bookmark-row {
3444
color: #01A299;
3445
}
3446
placessidebar row:drop(active):not(:disabled) {
3448
box-shadow: inset 0 0 0 2px #01A299;
3449
}
3450
placesview .server-list-button > image {
3452
-gtk-icon-transform: rotate(0turn);
3453
}
3454
placesview .server-list-button:checked > image {
3456
-gtk-icon-transform: rotate(-0.5turn);
3457
}
3458
placesview > actionbar > revealer > box > label {
3460
padding-left: 8px;
3461
padding-right: 8px;
3462
}
3463
/*********
3465
* Paned *
3466
*********/
3467
paned > separator {
3468
min-width: 1px;
3469
min-height: 1px;
3470
-gtk-icon-source: none;
3471
border-style: none;
3472
background-color: transparent;
3473
background-image: image(rgba(0, 0, 0, 0.12));
3474
background-size: 1px 1px;
3475
background-clip: content-box;
3476
}
3477
paned > separator.wide {
3479
min-width: 6px;
3480
min-height: 6px;
3481
background-color: #F2F2F2;
3482
background-image: image(rgba(0, 0, 0, 0.12)), image(rgba(0, 0, 0, 0.12));
3483
background-size: 1px 1px, 1px 1px;
3484
}
3485
paned.horizontal > separator {
3487
background-repeat: repeat-y;
3488
}
3489
paned.horizontal > separator:dir(ltr) {
3491
margin: 0 -8px 0 0;
3492
padding: 0 8px 0 0;
3493
background-position: left;
3494
}
3495
paned.horizontal > separator:dir(rtl) {
3497
margin: 0 0 0 -8px;
3498
padding: 0 0 0 8px;
3499
background-position: right;
3500
}
3501
paned.horizontal > separator.wide {
3503
margin: 0;
3504
padding: 0;
3505
background-repeat: repeat-y, repeat-y;
3506
background-position: left, right;
3507
}
3508
paned.vertical > separator {
3510
margin: 0 0 -8px 0;
3511
padding: 0 0 8px 0;
3512
background-repeat: repeat-x;
3513
background-position: top;
3514
}
3515
paned.vertical > separator.wide {
3517
margin: 0;
3518
padding: 0;
3519
background-repeat: repeat-x, repeat-x;
3520
background-position: bottom, top;
3521
}
3522
/**************
3524
* GtkInfoBar *
3525
**************/
3526
infobar {
3527
border-style: none;
3528
}
3529
infobar.info {
3531
background-color: #34A853;
3532
}
3533
infobar.question {
3535
background-color: #4285F4;
3536
}
3537
infobar.warning {
3539
background-color: #FBBC05;
3540
}
3541
infobar.error {
3543
background-color: #EA4335;
3544
}
3545
infobar.info > label, infobar.info, infobar.question > label, infobar.question, infobar.warning > label, infobar.warning, infobar.error > label, infobar.error {
3547
color: white;
3548
}
3549
/************
3551
* Tooltips *
3552
************/
3553
tooltip {
3554
border-radius: 4px;
3555
box-shadow: none;
3556
}
3557
tooltip.background {
3559
background-color: rgba(97, 97, 97, 0.9);
3560
color: white;
3561
}
3562
tooltip decoration {
3564
background-color: transparent;
3565
}
3566
tooltip label {
3568
min-height: 20px;
3569
padding: 0 2px;
3570
}
3571
/*****************
3573
* Color Chooser *
3574
*****************/
3575
colorswatch.top {
3576
border-top-left-radius: 4.5px;
3577
border-top-right-radius: 4.5px;
3578
}
3579
colorswatch.top overlay {
3581
border-top-left-radius: 4px;
3582
border-top-right-radius: 4px;
3583
}
3584
colorswatch.bottom {
3586
border-bottom-left-radius: 4.5px;
3587
border-bottom-right-radius: 4.5px;
3588
}
3589
colorswatch.bottom overlay {
3591
border-bottom-left-radius: 4px;
3592
border-bottom-right-radius: 4px;
3593
}
3594
colorswatch.left, colorswatch:first-child:not(.top) {
3596
border-top-left-radius: 4.5px;
3597
border-bottom-left-radius: 4.5px;
3598
}
3599
colorswatch.left overlay, colorswatch:first-child:not(.top) overlay {
3601
border-top-left-radius: 4px;
3602
border-bottom-left-radius: 4px;
3603
}
3604
colorswatch.right, colorswatch:last-child:not(.bottom) {
3606
border-top-right-radius: 4.5px;
3607
border-bottom-right-radius: 4.5px;
3608
}
3609
colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay {
3611
border-top-right-radius: 4px;
3612
border-bottom-right-radius: 4px;
3613
}
3614
colorswatch.dark {
3616
color: white;
3617
}
3618
colorswatch.light {
3620
color: rgba(0, 0, 0, 0.87);
3621
}
3622
colorswatch:drop(active) {
3624
box-shadow: none;
3625
}
3626
colorswatch:drop(active).light overlay {
3628
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;
3629
}
3630
colorswatch:drop(active).dark overlay {
3632
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;
3633
}
3634
colorswatch overlay {
3636
transition: box-shadow 100ms cubic-bezier(0, 0, 0.2, 1);
3637
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
3638
}
3639
colorswatch overlay:hover {
3641
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
3642
}
3643
colorswatch#add-color-button {
3645
border-radius: 4px 4px 0 0;
3646
color: white;
3647
}
3648
colorswatch#add-color-button:only-child {
3650
border-radius: 4px;
3651
}
3652
colorswatch#add-color-button overlay {
3654
background-image: linear-gradient(to right, #EA4335 25%, #FBBC05 25%, #FBBC05 50%, #34A853 50%, #34A853 75%, #4285F4 75%);
3655
}
3656
colorswatch:disabled {
3658
opacity: 0.5;
3659
}
3660
colorswatch:disabled overlay {
3662
box-shadow: none;
3663
}
3664
colorswatch#editor-color-sample {
3666
border-radius: 4.5px;
3667
}
3668
colorswatch#editor-color-sample overlay {
3670
border-radius: 4px;
3671
}
3672
colorchooser .popover.osd {
3674
transition: box-shadow 100ms cubic-bezier(0, 0, 0.2, 1);
3675
border-radius: 4px;
3676
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);
3677
background-color: #FFFFFF;
3678
}
3679
colorchooser .popover.osd:backdrop {
3681
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);
3682
}
3683
/********
3685
* Misc *
3686
********/
3687
.content-view {
3688
background-color: #F2F2F2;
3689
}
3690
/**********************
3692
* Window Decorations *
3693
**********************/
3694
decoration {
3695
transition: box-shadow 100ms cubic-bezier(0, 0, 0.2, 1);
3696
border-radius: 4px 4px 0 0;
3697
box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22), 0 16px 16px transparent;
3698
margin: 8px;
3699
}
3700
decoration:backdrop {
3702
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), 0 16px 16px transparent;
3703
}
3704
.maximized decoration,
3706
.fullscreen decoration,
3707
.tiled decoration,
3708
.tiled-top decoration,
3709
.tiled-right decoration,
3710
.tiled-bottom decoration,
3711
.tiled-left decoration {
3712
border-radius: 0;
3713
}
3714
.popup decoration {
3716
box-shadow: none;
3717
}
3718
.ssd decoration {
3720
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16);
3721
}
3722
.csd.popup decoration {
3724
border-radius: 4px;
3725
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
3726
}
3727
tooltip.csd decoration {
3729
border-radius: 4px;
3730
box-shadow: none;
3731
}
3732
messagedialog.csd decoration {
3734
border-radius: 4px;
3735
}
3736
.solid-csd decoration {
3738
margin: 0;
3739
border-radius: 0;
3740
box-shadow: none;
3741
background-color: #383838;
3742
}
3743
.view selection, .view:selected, flowbox flowboxchild:selected, spinbutton:not(.vertical) selection,
3745
entry selection, modelbutton.flat:selected,
3746
.menuitem.button.flat:selected, popover.background.menu button:checked,
3747
popover.background button.model:checked, row:selected, calendar:selected, text:selected, .budgie-menu button:checked {
3748
background-color: #4285F4;
3749
}
3750
row:selected label, label:selected, .view selection, .view:selected, flowbox flowboxchild:selected, spinbutton:not(.vertical) selection,
3752
entry selection, modelbutton.flat:selected,
3753
.menuitem.button.flat:selected, popover.background.menu button:checked,
3754
popover.background button.model:checked, row:selected, calendar:selected, text:selected, .budgie-menu button:checked {
3755
color: white;
3756
}
3757
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,
3759
entry selection:disabled, modelbutton.flat:disabled:selected,
3760
.menuitem.button.flat:disabled:selected, popover.background.menu button:disabled:checked,
3761
popover.background button.model:disabled:checked, row:disabled:selected, calendar:disabled:selected, text:disabled:selected, .budgie-menu button:disabled:checked {
3762
color: rgba(255, 255, 255, 0.5);
3763
}
3764
.monospace {
3766
font-family: monospace;
3767
}
3768
/**********************
3770
* Touch Copy & Paste *
3771
**********************/
3772
cursor-handle {
3773
border-radius: 9999px;
3774
background-color: #01A299;
3775
background-image: none;
3776
}
3777
cursor-handle.top:dir(ltr), cursor-handle.bottom:dir(rtl) {
3779
padding-left: 6px;
3780
border-top-right-radius: 0;
3781
}
3782
cursor-handle.bottom:dir(ltr), cursor-handle.top:dir(rtl) {
3784
padding-right: 6px;
3785
border-top-left-radius: 0;
3786
}
3787
cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) {
3789
-GtkWidget-text-handle-width: 24;
3790
-GtkWidget-text-handle-height: 30;
3791
-gtk-icon-source: -gtk-scaled(url("assets/scale-horz-marks-before-slider.png"), url("assets/scale-horz-marks-before-slider@2.png"));
3792
}
3793
.context-menu {
3795
font: initial;
3796
}
3797
.keycap {
3799
min-width: 12px;
3800
min-height: 26px;
3801
margin-top: 2px;
3802
padding-bottom: 2px;
3803
padding-left: 8px;
3804
padding-right: 8px;
3805
border: solid 1px rgba(0, 0, 0, 0.12);
3806
border-radius: 5px;
3807
box-shadow: inset 0 -2px rgba(0, 0, 0, 0.12);
3808
background-color: #FFFFFF;
3809
color: rgba(0, 0, 0, 0.87);
3810
font-size: smaller;
3811
}
3812
:not(decoration):not(window):drop(active) {
3814
transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
3815
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;
3816
caret-color: #01A299;
3817
}
3818
stackswitcher button.text-button {
3820
min-width: 100px;
3821
}
3822
stackswitcher button.circular,
3824
stackswitcher button.text-button.circular {
3825
min-width: 32px;
3826
min-height: 32px;
3827
padding: 0;
3828
}
3829
/*********
3831
* Emoji *
3832
*********/
3833
popover.emoji-picker {
3834
padding: 0;
3835
}
3836
popover.emoji-picker entry {
3838
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
3839
border-bottom-left-radius: 0;
3840
border-bottom-right-radius: 0;
3841
box-shadow: none;
3842
}
3843
popover.emoji-picker scrolledwindow {
3845
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
3846
}
3847
button.emoji-section {
3849
margin-top: -1px;
3850
padding: 0 8px;
3851
min-width: 24px;
3852
min-height: 32px;
3853
border-radius: 0;
3854
outline-offset: -6px;
3855
}
3856
button.emoji-section, button.emoji-section:hover, button.emoji-section:active {
3858
box-shadow: inset 0 2px transparent;
3859
}
3860
button.emoji-section:checked {
3862
box-shadow: inset 0 2px #4285F4;
3863
background-color: transparent;
3864
}
3865
button.emoji-section:hover, button.emoji-section:active {
3867
background-color: alpha(currentColor, 0.12);
3868
}
3869
button.emoji-section:first-child {
3871
margin-left: 4px;
3872
}
3873
button.emoji-section:last-child {
3875
margin-right: 4px;
3876
}
3877
.emoji {
3879
min-width: 3em;
3880
min-height: 3em;
3881
padding: 0;
3882
}
3883
.emoji widget {
3885
transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
3886
}
3887
.emoji widget:hover {
3889
font-size: larger;
3890
}
3891
/************
3893
* Nautilus *
3894
************/
3895
.nautilus-window,
3896
.nautilus-window notebook,
3897
.nautilus-window notebook > stack {
3898
background-color: #FFFFFF;
3899
}
3900
.nautilus-canvas-item.dim-label, label.nautilus-canvas-item.separator, .titlebar:not(headerbar) .nautilus-canvas-item.subtitle,
3902
headerbar .nautilus-canvas-item.subtitle, .budgie-notification .nautilus-canvas-item.notification-body, .budgie-switcher .nautilus-canvas-item.notification-body,
3903
.nautilus-list-dim-label {
3904
color: rgba(0, 0, 0, 0.54);
3905
}
3906
.nautilus-canvas-item.dim-label:selected, label.nautilus-canvas-item.separator:selected, .titlebar:not(headerbar) .nautilus-canvas-item.subtitle:selected,
3908
headerbar .nautilus-canvas-item.subtitle:selected, .budgie-notification .nautilus-canvas-item.notification-body:selected, .budgie-switcher .nautilus-canvas-item.notification-body:selected,
3909
.nautilus-list-dim-label:selected {
3910
color: rgba(255, 255, 255, 0.7);
3911
}
3912
.nautilus-desktop.nautilus-canvas-item:not(:selected), .caja-desktop.caja-canvas-item:not(:selected), .nemo-desktop.nemo-canvas-item:not(:selected) {
3914
color: white;
3915
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
3916
}
3917
@keyframes needs_attention_keyframes {
3919
to {
3920
background-color: alpha(currentColor, 0.24);
3921
}
3922
}
3923
.nautilus-operations-button-needs-attention {
3925
animation: needs_attention_keyframes 225ms cubic-bezier(0.4, 0, 0.2, 1) 2 alternate;
3926
}
3927
.nautilus-operations-button-needs-attention-multiple {
3929
animation: needs_attention_keyframes 225ms cubic-bezier(0.4, 0, 0.2, 1) 4 alternate;
3930
}
3931
.nautilus-window .floating-bar {
3933
min-height: 32px;
3934
padding: 0;
3935
border-style: solid solid none;
3936
border-width: 1px;
3937
border-color: rgba(0, 0, 0, 0.12);
3938
border-radius: 5px 5px 0 0;
3939
background-color: rgba(255, 255, 255, 0.9);
3940
background-clip: padding-box;
3941
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), border-width 0;
3942
}
3943
.nautilus-window .floating-bar.bottom.left {
3945
margin-right: 7px;
3946
border-left-style: none;
3947
border-top-left-radius: 0;
3948
}
3949
.nautilus-window .floating-bar.bottom.right {
3951
margin-left: 7px;
3952
border-right-style: none;
3953
border-top-right-radius: 0;
3954
}
3955
.nautilus-window .floating-bar button {
3957
margin: 4px;
3958
}
3959
.disk-space-display.unknown {
3961
background-color: rgba(0, 0, 0, 0.26);
3962
color: rgba(0, 0, 0, 0.26);
3963
}
3964
.disk-space-display.used {
3966
background-color: #4285F4;
3967
color: #4285F4;
3968
}
3969
.disk-space-display.free {
3971
background-color: rgba(0, 0, 0, 0.12);
3972
color: rgba(0, 0, 0, 0.12);
3973
}
3974
.search-information {
3976
padding: 2px;
3977
background-color: #4285F4;
3978
color: white;
3979
}
3980
.conflict-row:not(:selected) {
3982
background-color: #feebb4;
3983
}
3984
.nautilus-window flowboxchild .icon-item-background {
3986
padding: 4px;
3987
border-radius: 4px;
3988
}
3989
.nautilus-window flowboxchild:selected {
3991
background-color: transparent;
3992
}
3993
.nautilus-window flowboxchild:selected .icon-item-background {
3995
background-color: #4285F4;
3996
}
3997
dialog.background > box.dialog-vbox.vertical > grid.horizontal > scrolledwindow.frame {
3999
border-style: none;
4000
}
4001
dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child {
4003
margin: -6px 0 0 -6px;
4004
border-top: 1px solid rgba(0, 0, 0, 0.12);
4005
}
4006
dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child > label {
4008
margin: 0 8px;
4009
}
4010
dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child > box > button {
4012
border-radius: 0;
4013
}
4014
.nautilus-window > popover.menu:not(:last-child) {
4016
padding: 3px;
4017
}
4018
.nautilus-window > popover.menu:not(:last-child) > stack > box > box > box {
4020
margin-top: -6px;
4021
}
4022
.nautilus-window > popover.menu:not(:last-child) > stack > box > box > box > box {
4024
margin-bottom: -6px;
4025
}
4026
.nautilus-window > popover.menu:not(:last-child) > stack > box > box > box > box.linked {
4028
margin-top: 1px;
4029
}
4030
.nautilus-window > popover.menu:not(:last-child) separator {
4032
margin-bottom: -2px;
4033
}
4034
.nautilus-menu-sort-heading {
4036
margin: 1px 3px;
4037
font-weight: 500;
4038
}
4039
.nautilus-menu-sort-heading:disabled {
4041
color: rgba(0, 0, 0, 0.38);
4042
}
4043
.nautilus-window paned > separator {
4045
background-color: #F2F2F2;
4046
}
4047
/*********
4049
* gedit *
4050
*********/
4051
.open-document-selector-path-label {
4052
color: rgba(0, 0, 0, 0.54);
4053
font-size: smaller;
4054
}
4055
.open-document-selector-path-label:selected {
4057
color: rgba(255, 255, 255, 0.7);
4058
}
4059
.gedit-document-panel {
4061
background-color: #FAFAFA;
4062
}
4063
.gedit-document-panel row button.flat {
4065
margin-top: 8px;
4066
margin-bottom: 8px;
4067
}
4068
.gedit-document-panel-group-row:not(:first-child) {
4070
border-top: 1px solid rgba(0, 0, 0, 0.12);
4071
}
4072
.gedit-side-panel-paned statusbar {
4074
border-top: 1px solid rgba(0, 0, 0, 0.12);
4075
}
4076
.gedit-search-slider {
4078
margin: 4px 4px 8px;
4079
}
4080
.gedit-search-slider .linked > entry {
4082
border-radius: 4px;
4083
}
4084
.gedit-search-slider .linked > entry .gedit-search-entry-occurrences-tag {
4086
all: unset;
4087
color: rgba(0, 0, 0, 0.38);
4088
}
4089
.gedit-search-slider .linked > entry:dir(ltr) {
4091
margin-right: -60px;
4092
padding-right: 60px;
4093
}
4094
.gedit-search-slider .linked > entry:dir(ltr) .gedit-search-entry-occurrences-tag {
4096
margin-left: 4px;
4097
}
4098
.gedit-search-slider .linked > entry:dir(ltr) image.right {
4100
margin-right: 0;
4101
}
4102
.gedit-search-slider .linked > entry:dir(rtl) {
4104
margin-left: -60px;
4105
padding-left: 60px;
4106
}
4107
.gedit-search-slider .linked > entry:dir(rtl) .gedit-search-entry-occurrences-tag {
4109
margin-right: 4px;
4110
}
4111
.gedit-search-slider .linked > entry:dir(rtl) image.left {
4113
margin-left: 0;
4114
}
4115
.gedit-search-slider .linked > entry:not(.error) {
4117
background-color: #FFFFFF;
4118
}
4119
.gedit-search-slider .linked > entry.error ~ button {
4121
color: rgba(255, 255, 255, 0.7);
4122
}
4123
.gedit-search-slider .linked > entry.error ~ button:hover, .gedit-search-slider .linked > entry.error ~ button:active {
4125
color: white;
4126
}
4127
.gedit-search-slider .linked > entry.error ~ button:disabled {
4129
color: rgba(255, 255, 255, 0.3);
4130
}
4131
.gedit-search-slider .linked > button {
4133
border: solid 4px transparent;
4134
border-radius: 9999px;
4135
}
4136
.gedit-search-slider .linked > button:last-child:dir(ltr), .gedit-search-slider .linked > button:not(:first-child):dir(rtl) {
4138
margin-left: -2px;
4139
}
4140
.gedit-search-slider .linked > button:first-child:dir(rtl), .gedit-search-slider .linked > button:not(:last-child):dir(ltr) {
4142
margin-right: -2px;
4143
}
4144
frame.gedit-map-frame > border:dir(ltr) {
4146
border-style: none none none solid;
4147
}
4148
frame.gedit-map-frame > border:dir(rtl) {
4150
border-style: none solid none none;
4151
}
4152
/**********
4154
* Tweaks *
4155
**********/
4156
.tweak-categories {
4157
background-image: image(#FAFAFA);
4158
}
4159
.tweak {
4161
padding: 3px;
4162
}
4163
.tweak.title:hover {
4165
box-shadow: none;
4166
}
4167
.tweak-group-white,
4169
.tweak-white,
4170
.tweak-white:hover {
4171
background-image: image(#FFFFFF);
4172
}
4173
.tweak-startup,
4175
.tweak-startup:hover {
4176
background-image: image(#FFFFFF);
4177
}
4178
.tweak-group-startup {
4180
background-image: image(#FFFFFF);
4181
border: 1px solid rgba(0, 0, 0, 0.12);
4182
}
4183
row#Focus,
4185
row#ClickMethod,
4186
row#StaticWorkspaceTweak,
4187
row#dynamic-workspaces,
4188
row#PrimaryWorkspaceTweak,
4189
row#workspaces-only-on-primary {
4190
padding: 0;
4191
border: 1px solid rgba(0, 0, 0, 0.12);
4192
}
4193
row#Focus row:not(:last-child),
4195
row#ClickMethod row:not(:last-child),
4196
row#StaticWorkspaceTweak row:not(:last-child),
4197
row#dynamic-workspaces row:not(:last-child),
4198
row#PrimaryWorkspaceTweak row:not(:last-child),
4199
row#workspaces-only-on-primary row:not(:last-child) {
4200
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4201
}
4202
row#Focus.tweak > list,
4204
row#ClickMethod.tweak > list,
4205
row#StaticWorkspaceTweak.tweak > list,
4206
row#dynamic-workspaces.tweak > list,
4207
row#PrimaryWorkspaceTweak.tweak > list,
4208
row#workspaces-only-on-primary.tweak > list {
4209
margin-top: -3px;
4210
}
4211
row#Focus,
4213
row#ClickMethod,
4214
row#PrimaryWorkspaceTweak,
4215
row#workspaces-only-on-primary {
4216
margin-top: 4px;
4217
}
4218
/***********
4220
* Builder *
4221
***********/
4222
layouttabbar {
4223
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4224
background-color: #F2F2F2;
4225
}
4226
layouttabbar > box > button {
4228
margin: 4px 0;
4229
}
4230
layouttab {
4232
margin: 0 8px;
4233
border-style: none solid;
4234
border-width: 1px;
4235
border-color: rgba(0, 0, 0, 0.12);
4236
box-shadow: inset 0 -2px #4285F4;
4237
background-color: #FFFFFF;
4238
}
4239
layouttab separator.vertical {
4241
margin: 8px 4px;
4242
}
4243
layouttab button.text-button, layouttab button.image-button, layouttab button {
4245
margin-top: 8px;
4246
margin-bottom: 8px;
4247
padding: 0 4px;
4248
}
4249
layout {
4251
border: 1px solid rgba(0, 0, 0, 0.12);
4252
-PnlDockBin-handle-size: 1;
4253
}
4254
entry.search-missing {
4256
background-color: #EA4335;
4257
color: white;
4258
}
4259
window.workbench treeview.image {
4261
color: rgba(0, 0, 0, 0.54);
4262
}
4263
window.workbench treeview.image:selected {
4265
color: rgba(255, 255, 255, 0.7);
4266
}
4267
popover.popover-selector list {
4269
padding: 6px;
4270
}
4271
popover.popover-selector list row {
4273
border-radius: 4px;
4274
}
4275
popover.popover-selector list row image:dir(ltr) {
4277
margin-right: 6px;
4278
}
4279
popover.popover-selector list row image:dir(rtl) {
4281
margin-left: 6px;
4282
}
4283
popover.popover-selector list row .accel:dir(ltr) {
4285
margin-left: 6px;
4286
}
4287
popover.popover-selector list row .accel:dir(rtl) {
4289
margin-right: 6px;
4290
}
4291
omnibar.linked:not(.vertical) entry {
4293
border-radius: 4px;
4294
}
4295
omnibar:not(:hover):not(:active) entry {
4297
color: rgba(0, 0, 0, 0.54);
4298
}
4299
popover.omnibar list row:not(:last-child) {
4301
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4302
}
4303
entry.preferences-search {
4305
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12);
4306
background-color: #FFFFFF;
4307
}
4308
preferences stacksidebar.sidebar list {
4310
background-color: #FAFAFA;
4311
}
4312
preferences stacksidebar.sidebar:dir(ltr) list, preferences stacksidebar.sidebar:dir(rtl) list {
4314
border-style: none;
4315
}
4316
preferences > box > box:dir(ltr) {
4318
border-right: 1px solid rgba(0, 0, 0, 0.12);
4319
}
4320
preferences > box > box:dir(rtl) {
4322
border-left: 1px solid rgba(0, 0, 0, 0.12);
4323
}
4324
popover.messagepopover.background {
4326
padding: 0;
4327
}
4328
popover.messagepopover .popover-action-area button {
4330
padding: 8px 16px;
4331
border-top: 1px solid rgba(0, 0, 0, 0.12);
4332
border-radius: 0;
4333
}
4334
popover.messagepopover .popover-action-area button:first-child {
4336
border-bottom-left-radius: 4px;
4337
}
4338
popover.messagepopover .popover-action-area button:last-child {
4340
border-bottom-right-radius: 4px;
4341
}
4342
popover.messagepopover .popover-content-area {
4344
margin: 16px;
4345
}
4346
popover.transfers list {
4348
background-color: transparent;
4349
}
4350
popover.transfers list row:not(:first-child) {
4352
border-top: 1px solid rgba(0, 0, 0, 0.12);
4353
}
4354
popover.transfers list row > box {
4356
padding: 10px;
4357
}
4358
dockbin {
4360
border: 1px solid rgba(0, 0, 0, 0.12);
4361
-PnlDockBin-handle-size: 1;
4362
}
4363
dockpaned {
4365
border: 1px solid rgba(0, 0, 0, 0.12);
4366
}
4367
eggsearchbar box.search-bar {
4369
padding: 0 8px;
4370
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4371
background-color: #F2F2F2;
4372
}
4373
docktabstrip {
4375
padding: 0 8px;
4376
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4377
background-color: #F2F2F2;
4378
}
4379
docktab {
4381
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
4382
min-height: 24px;
4383
min-width: 24px;
4384
margin-bottom: -1px;
4385
padding: 4px 6px;
4386
outline-offset: -6px;
4387
border-width: 1px;
4388
border-color: transparent;
4389
box-shadow: inset 0 -2px transparent;
4390
background-image: radial-gradient(circle farthest-corner at center, #4285F4 10%, transparent 0%);
4391
background-repeat: no-repeat;
4392
background-position: center;
4393
background-size: 0% 0%;
4394
color: rgba(0, 0, 0, 0.54);
4395
font-weight: 500;
4396
}
4397
docktab:hover {
4399
background-color: alpha(currentColor, 0.06);
4400
color: rgba(0, 0, 0, 0.87);
4401
}
4402
docktab:checked {
4404
transition: all 100ms 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);
4405
box-shadow: inset 0 -2px #4285F4;
4406
background-color: transparent;
4407
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
4408
background-size: 1000% 1000%;
4409
color: rgba(0, 0, 0, 0.87);
4410
}
4411
dockoverlayedge {
4413
background-color: #F2F2F2;
4414
}
4415
dockoverlayedge docktabstrip {
4417
padding: 0;
4418
border: none;
4419
}
4420
dockoverlayedge.left-edge docktab:hover {
4422
box-shadow: inset -2px 0 rgba(0, 0, 0, 0.26);
4423
}
4424
dockoverlayedge.left-edge docktab:checked {
4426
box-shadow: inset -2px 0 #4285F4;
4427
}
4428
dockoverlayedge.right-edge docktab:hover {
4430
box-shadow: inset 2px 0 rgba(0, 0, 0, 0.26);
4431
}
4432
dockoverlayedge.right-edge docktab:checked {
4434
box-shadow: inset 2px 0 #4285F4;
4435
}
4436
pillbox {
4438
background-color: #F2F2F2;
4439
border-radius: 4px;
4440
}
4441
layoutpane entry.search {
4443
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12);
4444
background-color: #FFFFFF;
4445
}
4446
editortweak entry.search {
4448
margin-bottom: -1px;
4449
box-shadow: none;
4450
}
4451
.gb-search-entry-occurrences-tag {
4453
box-shadow: none;
4454
background-color: transparent;
4455
}
4456
docktabstrip {
4458
min-height: 39px;
4459
}
4460
window.workbench preferences preferencesgroup list entry {
4462
padding-top: 8px;
4463
padding-bottom: 8px;
4464
}
4465
button.run-arrow-button {
4467
padding-left: 8px;
4468
padding-right: 8px;
4469
}
4470
button.dzlmenubutton image {
4472
min-width: 26px;
4473
}
4474
button.dzlmenubutton image.arrow {
4476
min-width: 23px;
4477
}
4478
button.dzlmenubuttonitem {
4480
color: rgba(0, 0, 0, 0.87);
4481
font-weight: normal;
4482
}
4483
button.dzlmenubuttonitem:disabled {
4485
color: rgba(0, 0, 0, 0.38);
4486
}
4487
idelayoutstackheader {
4489
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4490
}
4491
idelayoutstackheader button:checked {
4493
color: rgba(0, 0, 0, 0.87);
4494
}
4495
ideeditorutilities > dzldockpaned > box > stackswitcher {
4497
padding: 8px 0;
4498
background-color: #F2F2F2;
4499
}
4500
ideeditorutilities > dzldockpaned > box > stackswitcher:dir(ltr) {
4502
border-right: 1px solid rgba(0, 0, 0, 0.12);
4503
}
4504
ideeditorutilities > dzldockpaned > box > stackswitcher:dir(rtl) {
4506
border-left: 1px solid rgba(0, 0, 0, 0.12);
4507
}
4508
ideeditorutilities > dzldockpaned > box > stackswitcher button {
4510
border-radius: 0;
4511
outline-offset: -6px;
4512
box-shadow: none;
4513
background-color: transparent;
4514
}
4515
ideeditorutilities > dzldockpaned > box > stackswitcher button:active {
4517
background-image: radial-gradient(circle farthest-corner at center, rgba(66, 133, 244, 0.7) 10%, transparent 0%);
4518
}
4519
ideeditorutilities > dzldockpaned > box > stackswitcher button:checked {
4521
background-color: transparent;
4522
color: rgba(0, 0, 0, 0.87);
4523
}
4524
ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr) {
4526
margin-right: -1px;
4527
}
4528
ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):hover {
4530
box-shadow: inset -2px 0 rgba(0, 0, 0, 0.26);
4531
}
4532
ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):active, ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):checked {
4534
box-shadow: inset -2px 0 #4285F4;
4535
}
4536
ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl) {
4538
margin-left: -1px;
4539
}
4540
ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):hover {
4542
box-shadow: inset 2px 0 rgba(0, 0, 0, 0.26);
4543
}
4544
ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):active, ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):checked {
4546
box-shadow: inset 2px 0 #4285F4;
4547
}
4548
ideeditorsidebar notebook header {
4550
background: transparent;
4551
}
4552
popover.messagepopover list {
4554
border: 1px solid rgba(0, 0, 0, 0.12);
4555
}
4556
popover.messagepopover list row:not(:last-child) {
4558
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4559
}
4560
/**********
4562
* Photos *
4563
**********/
4564
GdMainIconView.content-view {
4565
-GdMainIconView-icon-size: 48;
4566
}
4567
.documents-counter {
4569
margin: 8px;
4570
border-radius: 9999px;
4571
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
4572
background-color: #01A299;
4573
color: white;
4574
font-weight: bold;
4575
}
4576
.documents-scrolledwin.frame {
4578
border-style: none;
4579
}
4580
.documents-scrolledwin.frame frame.content-view > border {
4582
border-style: none;
4583
}
4584
.photos-fade-in {
4586
opacity: 1;
4587
transition: opacity 100ms cubic-bezier(0, 0, 0.2, 1);
4588
}
4589
.photos-fade-out {
4591
opacity: 0;
4592
transition: opacity 100ms cubic-bezier(0, 0, 0.2, 1);
4593
}
4594
overlay grid.horizontal > revealer > scrolledwindow.frame:dir(ltr) {
4596
border-style: none none none solid;
4597
}
4598
overlay grid.horizontal > revealer > scrolledwindow.frame:dir(rtl) {
4600
border-style: none solid none none;
4601
}
4602
/*********
4604
* Music *
4605
*********/
4606
.side-panel:dir(ltr) {
4607
border-style: solid;
4608
border-color: rgba(0, 0, 0, 0.12);
4609
}
4610
.side-panel:dir(rtl) {
4612
border-style: solid;
4613
border-color: rgba(0, 0, 0, 0.12);
4614
}
4615
.side-panel .view {
4617
background-image: image(#FAFAFA);
4618
}
4619
.side-panel .view:hover {
4621
background-image: image(rgba(240, 240, 240, 0.9935));
4622
}
4623
.side-panel .view:selected {
4625
background-image: image(#4285F4);
4626
}
4627
.side-panel .view:selected:hover {
4629
background-image: image(#4b8bf5);
4630
}
4631
.songs-list:hover {
4633
background-image: image(alpha(currentColor, 0.06));
4634
}
4635
frame.documents-dropdown {
4637
margin: 8px;
4638
}
4639
frame.documents-dropdown > border {
4641
border: none;
4642
}
4643
box.vertical > revealer > toolbar.search-bar {
4645
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4646
background-clip: border-box;
4647
}
4648
box.vertical > revealer > toolbar.search-bar button > widget {
4650
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
4651
}
4652
/*********
4654
* To Do *
4655
*********/
4656
task-list-view taskrow {
4657
transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
4658
margin: 0 -8px;
4659
}
4660
task-list-view taskrow:hover {
4662
transition: none;
4663
}
4664
task-list-view taskrow label {
4666
margin: 0 8px;
4667
}
4668
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
4670
headerbar image.subtitle,
4671
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 {
4672
min-width: 16px;
4673
}
4674
task-list-view > box > revealer > box > button {
4676
margin: -4px;
4677
}
4678
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
4680
headerbar .subtitle,
4681
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 {
4682
opacity: 1;
4683
}
4684
tasklistview taskrow {
4686
outline: none;
4687
}
4688
tasklistview taskrow entry, tasklistview taskrow entry:focus, tasklistview taskrow entry:disabled {
4690
box-shadow: none;
4691
}
4692
tasklistview taskrow image.dim-label, tasklistview taskrow .titlebar:not(headerbar) image.subtitle, .titlebar:not(headerbar) tasklistview taskrow image.subtitle, tasklistview taskrow
4694
headerbar image.subtitle,
4695
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 {
4696
min-width: 16px;
4697
}
4698
tasklistview > box > revealer > box > button {
4700
margin: -4px;
4701
}
4702
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
4704
headerbar .subtitle,
4705
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 {
4706
opacity: 1;
4707
}
4708
/*******
4710
* eog *
4711
*******/
4712
#eog-thumb-nav scrolledwindow {
4713
border-top: none;
4714
}
4715
#eog-thumb-nav button {
4717
-gtk-outline-radius: 4px;
4718
}
4719
/*************
4721
* Evolution *
4722
*************/
4723
frame.taskbar > border {
4724
border-style: solid none none;
4725
}
4726
box.vertical > paned.horizontal notebook widget .frame {
4728
border-style: none;
4729
}
4730
/********
4732
* gitg *
4733
********/
4734
frame.commit-frame > border {
4735
border-style: solid none none;
4736
}
4737
/**************
4739
* Characters *
4740
**************/
4741
box.dialog-vbox scrolledwindow.related {
4742
border: 1px solid rgba(0, 0, 0, 0.12);
4743
}
4744
list.categories {
4746
background-image: image(#FAFAFA);
4747
}
4748
/*********
4750
* Boxes *
4751
*********/
4752
.transparent-bg + stack overlay > label {
4753
min-height: 24px;
4754
padding: 0 4px;
4755
border-radius: 4px;
4756
background-color: rgba(0, 0, 0, 0.6);
4757
color: white;
4758
}
4759
/**************
4761
* Calculator *
4762
**************/
4763
button.title label {
4764
min-height: 32px;
4765
}
4766
/*********
4768
* Geary *
4769
*********/
4770
.geary-titlebar-left:dir(ltr) {
4771
margin-right: 5px;
4772
padding-right: 0;
4773
}
4774
.geary-titlebar-left:dir(rtl) {
4776
margin-left: 5px;
4777
padding-left: 0;
4778
}
4779
.geary-titlebar-left > separator {
4781
background-color: rgba(0, 0, 0, 0.05);
4782
}
4783
.geary-titlebar-right:dir(ltr) {
4785
margin-left: -5px;
4786
}
4787
.geary-titlebar-right:dir(rtl) {
4789
margin-right: -5px;
4790
}
4791
/*********
4793
* Tilix *
4794
*********/
4795
overlay > revealer.left > scrolledwindow.frame,
4796
overlay > revealer.right > scrolledwindow.frame {
4797
border-style: none;
4798
box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22);
4799
}
4800
overlay > revealer.left > scrolledwindow.frame {
4802
margin-right: 32px;
4803
}
4804
overlay > revealer.right > scrolledwindow.frame {
4806
margin-left: 32px;
4807
}
4808
.terminix-session-sidebar,
4810
.tilix-session-sidebar {
4811
background-image: image(#FFFFFF);
4812
}
4813
.terminal-titlebar button {
4815
border-radius: 0;
4816
}
4817
button.image-button.session-new-button {
4819
min-width: 28px;
4820
}
4821
/**************
4823
* Terminator *
4824
**************/
4825
.terminator-terminal-window paned > separator {
4826
background-color: #F2F2F2;
4827
}
4828
.terminator-terminal-window notebook.frame {
4830
border-style: none;
4831
}
4832
/***********
4834
* Eclipse *
4835
***********/
4836
window.background > box.vertical > scrolledwindow > widget toolbar {
4837
padding: 2px;
4838
}
4839
window.background > box.vertical > scrolledwindow > widget toolbar separator,
4841
window.background > box.vertical > scrolledwindow > widget toolbar button {
4842
margin: 2px;
4843
}
4844
window.background > box.vertical > scrolledwindow > widget toolbar button {
4846
border-radius: 4px;
4847
}
4848
/************
4850
* Chromium *
4851
************/
4852
window.background.chromium {
4853
background-color: #F2F2F2;
4854
}
4855
window.background.chromium entry,
4857
window.background.chromium > button:not(.suggested-action):not(.destructive-action) {
4858
border: 1px solid rgba(0, 0, 0, 0.26);
4859
}
4860
window.background.chromium > button {
4862
box-shadow: none;
4863
background-size: auto;
4864
}
4865
window.background.chromium > button:hover {
4867
background-image: image(alpha(currentColor, 0.06));
4868
}
4869
window.background.chromium > button:active {
4871
background-image: image(alpha(currentColor, 0.12));
4872
}
4873
window.background.chromium headerbar button:active {
4875
background-size: 1000% 1000%;
4876
}
4877
window.background.chromium spinner {
4879
color: #4285F4;
4880
}
4881
window.background.chromium textview {
4883
background-color: #FFFFFF;
4884
}
4885
tooltip.background.chromium {
4887
background-color: #616161;
4888
}
4889
/***********
4891
* Firefox *
4892
***********/
4893
window.background:not(.csd) > widget > separator {
4894
color: rgba(0, 0, 0, 0.26);
4895
}
4896
window.background:not(.csd) > widget > scrollbar {
4898
background-clip: border-box;
4899
}
4900
window.background:not(.csd) > widget > scrollbar,
4902
window.background:not(.csd) > widget > frame > border {
4903
border-color: rgba(0, 0, 0, 0.26);
4904
}
4905
window.background:not(.csd) > widget > entry,
4907
window.background:not(.csd) > widget > button > button {
4908
border: 1px solid rgba(0, 0, 0, 0.26);
4909
border-radius: 5px;
4910
box-shadow: none;
4911
}
4912
window.background:not(.csd) > widget > entry {
4914
min-height: 30px;
4915
}
4916
window.background:not(.csd) > widget > entry:focus {
4918
border-color: #4285F4;
4919
}
4920
window.background:not(.csd) > widget > button > button {
4922
padding: 4px 8px;
4923
background-size: auto;
4924
}
4925
window.background:not(.csd) > widget > button > button:hover {
4927
background-image: image(alpha(currentColor, 0.06));
4928
}
4929
window.background:not(.csd) > widget > button > button:active {
4931
background-image: image(alpha(currentColor, 0.12));
4932
}
4933
window.background:not(.csd) > widget > checkbutton > check:not(:checked),
4935
window.background:not(.csd) > widget > radiobutton > radio:not(:checked) {
4936
color: #757575;
4937
}
4938
window.background:not(.csd) > widget > checkbutton > check:not(:checked):hover, window.background:not(.csd) > widget > checkbutton > check:not(:checked):active,
4940
window.background:not(.csd) > widget > radiobutton > radio:not(:checked):hover,
4941
window.background:not(.csd) > widget > radiobutton > radio:not(:checked):active {
4942
color: #212121;
4943
}
4944
window.background:not(.csd) > widget > checkbutton > check:not(:checked):disabled,
4946
window.background:not(.csd) > widget > radiobutton > radio:not(:checked):disabled {
4947
color: rgba(117, 117, 117, 0.5);
4948
}
4949
window.background:not(.csd) > window > menu,
4951
window.background:not(.csd) > menu > menu {
4952
border: none;
4953
}
4954
window.background:not(.csd) > widget > menubar {
4956
color: rgba(255, 255, 255, 0.7);
4957
}
4958
window.background:not(.csd) > widget > menubar:hover {
4960
color: white;
4961
}
4962
window.background:not(.csd) > widget > menubar:disabled {
4964
color: rgba(255, 255, 255, 0.3);
4965
}
4966
window.background:not(.csd) > widget > frame {
4968
color: rgba(0, 0, 0, 0.26);
4969
}
4970
window.background:not(.csd) > widget > checkbutton > check,
4972
window.background:not(.csd) > widget > radiobutton > radio {
4973
margin: 0;
4974
padding: 0;
4975
}
4976
window.background:not(.csd) > window.background > menu > separator {
4978
color: rgba(0, 0, 0, 0.12);
4979
}
4980
/************
4982
* Inkscape *
4983
************/
4984
#ToolboxCommon > #AuxToolbox #StyleSwatch {
4985
font-size: smaller;
4986
}
4987
#ToolboxCommon > #AuxToolbox #Kludge {
4989
padding: 0;
4990
}
4991
#ToolboxCommon > #AuxToolbox spinbutton,
4993
#ToolboxCommon > #AuxToolbox entry {
4994
min-height: 32px;
4995
}
4996
#ToolboxCommon > #AuxToolbox button:not(.up):not(.down) {
4998
min-height: 24px;
4999
min-width: 16px;
5000
padding: 4px 8px;
5001
border-radius: 4px;
5002
-gtk-outline-radius: 4px;
5003
}
5004
#ToolboxCommon > #AuxToolbox spinbutton button {
5006
border-width: 4px;
5007
}
5008
#ToolboxCommon > toolbar.vertical {
5010
margin-top: -4px;
5011
}
5012
#ToolboxCommon > toolbar.vertical button {
5014
min-height: 24px;
5015
min-width: 24px;
5016
padding: 4px;
5017
border-radius: 4px;
5018
-gtk-outline-radius: 4px;
5019
}
5020
#CanvasTable button {
5022
min-height: 16px;
5023
min-width: 16px;
5024
padding: 0;
5025
}
5026
#CanvasTable #HorizontalScrollbar {
5028
border-top: 1px solid rgba(0, 0, 0, 0.12);
5029
}
5030
#CanvasTable #VerticalScrollbar:dir(ltr) {
5032
border-left: 1px solid rgba(0, 0, 0, 0.12);
5033
}
5034
#CanvasTable #VerticalScrollbar:dir(rtl) {
5036
border-right: 1px solid rgba(0, 0, 0, 0.12);
5037
}
5038
#Canvas_and_Dock frame > border {
5040
border: none;
5041
}
5042
#Canvas_and_Dock widget > widget > button.flat {
5044
min-height: 16px;
5045
min-width: 16px;
5046
padding: 4px;
5047
}
5048
#Canvas_and_Dock widget > widget > box.horizontal image {
5050
padding: 4px;
5051
}
5052
#Canvas_and_Dock box.horizontal > box.vertical > button.flat {
5054
min-height: 16px;
5055
min-width: 24px;
5056
padding: 8px 4px;
5057
}
5058
/***********
5060
* Synapse *
5061
***********/
5062
box.vertical > widget > widget:selected {
5063
background-color: #4285F4;
5064
}
5065
/*********
5067
* Unity *
5068
*********/
5069
UnityDecoration {
5070
-UnityDecoration-extents: 28px 0 0 0;
5071
-UnityDecoration-input-extents: 8px;
5072
-UnityDecoration-shadow-offset-x: 0;
5073
-UnityDecoration-shadow-offset-y: 3px;
5074
-UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.48);
5075
-UnityDecoration-active-shadow-radius: 18px;
5076
-UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.32);
5077
-UnityDecoration-inactive-shadow-radius: 6px;
5078
-UnityDecoration-glow-size: 8px;
5079
-UnityDecoration-glow-color: #4285F4;
5080
-UnityDecoration-title-indent: 4px;
5081
-UnityDecoration-title-fade: 32px;
5082
-UnityDecoration-title-alignment: 0.0;
5083
}
5084
UnityDecoration .top {
5086
padding: 0 2px;
5087
border-style: none;
5088
border-radius: 4px 4px 0 0;
5089
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
5090
background-color: #383838;
5091
color: white;
5092
}
5093
UnityDecoration .top:backdrop {
5095
color: rgba(255, 255, 255, 0.7);
5096
}
5097
UnityDecoration .menuitem {
5099
color: rgba(255, 255, 255, 0.7);
5100
}
5101
UnityDecoration .menuitem:hover {
5103
box-shadow: inset 0 -2px currentColor;
5104
background-color: transparent;
5105
color: white;
5106
}
5107
.background:not(.csd) headerbar:not(.titlebar) {
5109
border-radius: 0;
5110
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
5111
}
5112
.background:not(.csd) headerbar:not(.titlebar).inline-toolbar {
5114
border-style: none;
5115
}
5116
UnityPanelWidget,
5118
.unity-panel {
5119
background-color: #212121;
5120
color: white;
5121
}
5122
UnityPanelWidget:backdrop,
5124
.unity-panel:backdrop {
5125
color: rgba(255, 255, 255, 0.7);
5126
}
5127
.unity-panel.menuitem,
5129
.unity-panel .menuitem {
5130
color: rgba(255, 255, 255, 0.7);
5131
}
5132
.unity-panel.menubar.menuitem:hover,
5134
.unity-panel.menubar .menuitem *:hover {
5135
box-shadow: inset 0 -2px currentColor;
5136
background-color: transparent;
5137
color: white;
5138
}
5139
.menu IdoPlaybackMenuItem.menuitem:active {
5141
-gtk-icon-source: -gtk-icontheme("process-working-symbolic");
5142
animation: spin 1s linear infinite;
5143
color: #4285F4;
5144
}
5145
/**************
5147
* Mate-Panel *
5148
**************/
5149
.mate-panel-menu-bar menubar,
5150
#PanelApplet-window-menu-applet-button {
5151
background-color: transparent;
5152
}
5153
.mate-panel-menu-bar {
5155
background-color: #212121;
5156
font-weight: 500;
5157
}
5158
.mate-panel-menu-bar:not(.popup) {
5160
color: rgba(255, 255, 255, 0.7);
5161
}
5162
.mate-panel-menu-bar button {
5164
min-height: 16px;
5165
min-width: 16px;
5166
padding: 0;
5167
border-radius: 0;
5168
}
5169
.mate-panel-menu-bar button:checked {
5171
background-color: rgba(255, 255, 255, 0.12);
5172
}
5173
PanelToplevel.horizontal > grid > button {
5175
min-width: 24px;
5176
}
5177
PanelToplevel.vertical > grid > button {
5179
min-height: 24px;
5180
}
5181
PanelSeparator {
5183
color: rgba(255, 255, 255, 0.12);
5184
}
5185
MatePanelAppletFrameDBus {
5187
border-style: solid;
5188
border-color: rgba(255, 255, 255, 0.12);
5189
}
5190
.mate-panel-menu-bar.horizontal MatePanelAppletFrameDBus {
5192
border-width: 0 1px;
5193
}
5194
.mate-panel-menu-bar.vertical MatePanelAppletFrameDBus {
5196
border-width: 1px 0;
5197
}
5198
.mate-panel-menu-bar menubar > menuitem {
5200
color: rgba(255, 255, 255, 0.7);
5201
}
5202
.mate-panel-menu-bar menubar > menuitem:hover {
5204
background-color: rgba(255, 255, 255, 0.12);
5205
color: white;
5206
}
5207
.mate-panel-menu-bar menubar > menuitem:disabled {
5209
color: rgba(255, 255, 255, 0.3);
5210
}
5211
.mate-panel-menu-bar.horizontal menubar > menuitem {
5213
padding: 0 8px;
5214
}
5215
.mate-panel-menu-bar.vertical menubar > menuitem {
5217
padding: 8px 0;
5218
}
5219
.mate-panel-menu-bar menubar menu > menuitem {
5221
min-height: 28px;
5222
padding: 0 6px;
5223
}
5224
.mate-panel-menu-bar #PanelApplet button {
5226
-GtkWidget-window-dragging: true;
5227
}
5228
.mate-panel-menu-bar #tasklist-button {
5230
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0/0 0 0px;
5231
}
5232
.mate-panel-menu-bar #tasklist-button:checked {
5234
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2/0 0 2px;
5235
}
5236
.mate-panel-menu-bar #tasklist-button image:dir(ltr), .mate-panel-menu-bar #tasklist-button label:dir(rtl) {
5238
padding-left: 4px;
5239
}
5240
.mate-panel-menu-bar #tasklist-button label:dir(ltr), .mate-panel-menu-bar #tasklist-button image:dir(rtl) {
5242
padding-right: 4px;
5243
}
5244
.mate-panel-menu-bar.vertical #tasklist-button {
5246
min-height: 32px;
5247
}
5248
.mate-panel-menu-bar.horizontal #showdesktop-button image {
5250
min-width: 24px;
5251
padding: 0 4px;
5252
}
5253
.mate-panel-menu-bar.vertical #showdesktop-button image {
5255
min-height: 24px;
5256
padding: 4px 0;
5257
}
5258
PanelApplet.wnck-applet .wnck-pager {
5260
background-color: transparent;
5261
color: #7BAAF7;
5262
}
5263
PanelApplet.wnck-applet .wnck-pager:hover {
5265
background-color: rgba(255, 255, 255, 0.12);
5266
}
5267
PanelApplet.wnck-applet .wnck-pager:active {
5269
background-color: rgba(255, 255, 255, 0.3);
5270
}
5271
PanelApplet.wnck-applet .wnck-pager:selected {
5273
background-color: #4285F4;
5274
}
5275
.mate-panel-menu-bar.horizontal #clock-applet-button label {
5277
padding: 0 8px;
5278
}
5279
.mate-panel-menu-bar.vertical #clock-applet-button label {
5281
padding: 8px 0;
5282
}
5283
#MatePanelPopupWindow {
5285
border: 1px solid rgba(0, 0, 0, 0.12);
5286
border-radius: 5px;
5287
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
5288
}
5289
#MatePanelPopupWindow frame > border {
5291
border-style: none;
5292
}
5293
#MatePanelPopupWindow button {
5295
padding: 4px 16px;
5296
}
5297
#MatePanelPopupWindow > frame > box > box > box > widget {
5299
color: rgba(0, 0, 0, 0.12);
5300
}
5301
na-tray-applet {
5303
-NaTrayApplet-icon-padding: 3px;
5304
-NaTrayApplet-icon-size: 16;
5305
}
5306
.mate-panel-menu-bar {
5308
-PanelMenuBar-icon-visible: true;
5309
}
5310
.mate-panel-applet-slider {
5312
border: 1px solid rgba(0, 0, 0, 0.12);
5313
border-radius: 5px;
5314
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
5315
background-color: #F2F2F2;
5316
}
5317
.mate-panel-applet-slider frame > border {
5319
border-style: none;
5320
}
5321
#PanelApplet:not(:selected) > box {
5323
transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
5324
}
5325
#PanelApplet:selected > box {
5327
background-color: rgba(255, 255, 255, 0.12);
5328
color: white;
5329
}
5330
#mate-menu {
5332
border: 1px solid rgba(0, 0, 0, 0.12);
5333
}
5334
#mate-menu button {
5336
min-height: 24px;
5337
min-width: 24px;
5338
padding: 4px 0;
5339
color: rgba(0, 0, 0, 0.87);
5340
font-weight: normal;
5341
}
5342
#mate-menu button label:not(:first-child) {
5344
color: rgba(0, 0, 0, 0.54);
5345
}
5346
#mate-menu entry {
5348
margin: 0 0 8px;
5349
}
5350
#mate-menu entry image {
5352
margin: 0;
5353
}
5354
#mate-menu entry + button {
5356
margin: 0 4px 8px;
5357
padding: 4px;
5358
}
5359
/*********************
5361
* CAJA File manager *
5362
*********************/
5363
.caja-navigation-window button.toggle.image-button {
5364
border-radius: 4px;
5365
}
5366
.caja-pathbar button {
5368
margin: 0 -1px 0 -2px;
5369
}
5370
.caja-pathbar button > widget {
5372
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
5373
-GtkArrow-arrow-scaling: 1;
5374
}
5375
.caja-side-pane notebook viewport.frame,
5377
.caja-side-pane notebook widget .vertical {
5378
background-color: #FFFFFF;
5379
}
5380
.caja-side-pane notebook,
5382
.caja-notebook {
5383
border-top: 1px solid rgba(0, 0, 0, 0.12);
5384
}
5385
.caja-side-pane notebook .frame,
5387
.caja-notebook .frame {
5388
border-style: none;
5389
}
5390
.caja-navigation-window statusbar {
5392
margin: 0 -10px;
5393
padding: 0 4px;
5394
border-top: 1px solid rgba(0, 0, 0, 0.12);
5395
}
5396
.caja-notebook frame > border {
5398
border-style: none;
5399
}
5400
#caja-extra-view-widget {
5402
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
5403
background-color: #F2F2F2;
5404
}
5405
#caja-extra-view-widget > box > box > label {
5407
font-weight: bold;
5408
}
5409
/*********
5411
* Pluma *
5412
*********/
5413
.pluma-window statusbar {
5414
margin: 0 -10px;
5415
padding: 0 4px;
5416
border-top: 1px solid rgba(0, 0, 0, 0.12);
5417
}
5418
.pluma-window statusbar frame > border {
5420
border-style: none;
5421
}
5422
.pluma-window statusbar frame button.flat {
5424
padding: 0 4px;
5425
border-radius: 0;
5426
}
5427
.pluma-window statusbar frame button.flat widget {
5429
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
5430
-GtkArrow-arrow-scaling: 1;
5431
}
5432
.pluma-print-preview toolbar {
5434
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
5435
}
5436
.pluma-window paned.horizontal box.vertical box.horizontal button.flat {
5438
margin: 1px;
5439
}
5440
.pluma-window paned.horizontal box.vertical .frame {
5442
border-style: none;
5443
}
5444
.pluma-window paned.horizontal box.vertical notebook.frame {
5446
margin-top: -1px;
5447
border-top: 1px solid rgba(0, 0, 0, 0.12);
5448
}
5449
.pluma-window paned.horizontal box.vertical notebook.frame box.vertical toolbar.horizontal {
5451
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
5452
}
5453
/*********
5455
* Atril *
5456
*********/
5457
.atril-window paned.horizontal box.vertical .frame {
5458
border-style: none;
5459
}
5460
.atril-window paned.horizontal box.vertical notebook .frame {
5462
border-top: 1px solid rgba(0, 0, 0, 0.12);
5463
}
5464
/* mate-screensaver lock dialog */
5466
.lock-dialog {
5467
border-radius: 4px;
5468
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);
5469
}
5470
.lock-dialog frame > border {
5472
border-style: none;
5473
}
5474
/* multimedia OSD */
5476
MsdOsdWindow.background.osd {
5477
border-radius: 4px;
5478
background-color: rgba(97, 97, 97, 0.9);
5479
color: white;
5480
}
5481
MsdOsdWindow.background.osd .trough {
5483
border-radius: 0;
5484
background-color: rgba(255, 255, 255, 0.12);
5485
}
5486
MsdOsdWindow.background.osd .progressbar {
5488
border-radius: 0;
5489
background-color: #4285F4;
5490
}
5491
/******************
5493
* Budgie Desktop *
5494
******************/
5495
.budgie-container {
5496
background-color: transparent;
5497
}
5498
.budgie-settings-window buttonbox.inline-toolbar {
5500
border-style: none none solid;
5501
}
5502
.budgie-settings-window buttonbox.inline-toolbar button {
5504
border-radius: 4px;
5505
-gtk-outline-radius: 4px;
5506
}
5507
.budgie-popover {
5509
border-style: solid;
5510
border-width: 1px;
5511
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.3);
5512
border-radius: 5px;
5513
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
5514
background-color: #FFFFFF;
5515
}
5516
.budgie-popover .container {
5518
padding: 2px;
5519
}
5520
.budgie-popover border {
5522
border: none;
5523
}
5524
.budgie-popover list {
5526
background-color: transparent;
5527
}
5528
.budgie-popover row {
5530
padding: 0;
5531
}
5532
.budgie-popover row:hover {
5534
box-shadow: none;
5535
}
5536
.budgie-popover:not(.budgie-menu) button.flat:not(.image-button) {
5538
min-height: 28px;
5539
padding: 0 8px;
5540
color: rgba(0, 0, 0, 0.87);
5541
font-weight: normal;
5542
}
5543
.budgie-popover:not(.budgie-menu) button.flat:not(.image-button):disabled {
5545
color: rgba(0, 0, 0, 0.38);
5546
}
5547
.budgie-popover.budgie-menu .container {
5549
padding: 0;
5550
}
5551
.budgie-popover.user-menu .container {
5553
padding: 8px;
5554
}
5555
.budgie-popover.user-menu separator {
5557
margin: 4px 0;
5558
}
5559
.budgie-popover.sound-popover separator {
5561
margin: 3px 0;
5562
}
5563
.budgie-popover.night-light-indicator .container {
5565
padding: 8px;
5566
}
5567
.budgie-popover.places-menu .container {
5569
padding: 8px;
5570
}
5571
.budgie-popover.places-menu .places-list:not(.always-expand) {
5573
margin-top: 4px;
5574
padding-top: 4px;
5575
border-top: 1px solid rgba(0, 0, 0, 0.12);
5576
}
5577
.budgie-popover.places-menu .alternative-label {
5579
padding: 3px;
5580
font-size: 15px;
5581
}
5582
.budgie-popover.workspace-popover .container {
5584
padding: 2px 8px 8px;
5585
}
5586
.budgie-popover.workspace-popover separator {
5588
margin: 4px 0;
5589
}
5590
.budgie-popover.workspace-popover flowboxchild {
5592
padding: 0;
5593
}
5594
.workspace-switcher .workspace-layout {
5596
border: 0 solid rgba(255, 255, 255, 0.12);
5597
}
5598
.top .workspace-switcher .workspace-layout:dir(ltr),
5600
.bottom .workspace-switcher .workspace-layout:dir(ltr) {
5601
border-left-width: 1px;
5602
}
5603
.top .workspace-switcher .workspace-layout:dir(rtl),
5605
.bottom .workspace-switcher .workspace-layout:dir(rtl) {
5606
border-right-width: 1px;
5607
}
5608
.left .workspace-switcher .workspace-layout,
5610
.right .workspace-switcher .workspace-layout {
5611
border-top-width: 1px;
5612
}
5613
.workspace-switcher .workspace-item,
5615
.workspace-switcher .workspace-add-button {
5616
border: 0 solid rgba(255, 255, 255, 0.12);
5617
}
5618
.top .workspace-switcher .workspace-item:dir(ltr),
5620
.bottom .workspace-switcher .workspace-item:dir(ltr), .top
5621
.workspace-switcher .workspace-add-button:dir(ltr),
5622
.bottom
5623
.workspace-switcher .workspace-add-button:dir(ltr) {
5624
border-right-width: 1px;
5625
}
5626
.top .workspace-switcher .workspace-item:dir(rtl),
5628
.bottom .workspace-switcher .workspace-item:dir(rtl), .top
5629
.workspace-switcher .workspace-add-button:dir(rtl),
5630
.bottom
5631
.workspace-switcher .workspace-add-button:dir(rtl) {
5632
border-left-width: 1px;
5633
}
5634
.left .workspace-switcher .workspace-item,
5636
.right .workspace-switcher .workspace-item, .left
5637
.workspace-switcher .workspace-add-button,
5638
.right
5639
.workspace-switcher .workspace-add-button {
5640
border-bottom-width: 1px;
5641
}
5642
.workspace-switcher .workspace-item {
5644
transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
5645
}
5646
.workspace-switcher .workspace-item.current-workspace {
5648
background-color: rgba(255, 255, 255, 0.12);
5649
}
5650
.workspace-switcher .workspace-add-button:hover {
5652
box-shadow: none;
5653
}
5654
.workspace-switcher .workspace-add-button:active {
5656
background-image: none;
5657
}
5658
.workspace-switcher .workspace-add-button:active image {
5660
margin: 1px 0 -1px;
5661
}
5662
.budgie-panel .workspace-switcher .workspace-icon-button {
5664
min-height: 24px;
5665
min-width: 24px;
5666
padding: 0;
5667
border-radius: 4px;
5668
}
5669
.budgie-menu.background {
5671
padding: 0;
5672
}
5673
.budgie-menu .sidebar,
5675
.budgie-menu scrollbar,
5676
.budgie-menu entry.search {
5677
background-color: transparent;
5678
}
5679
.budgie-menu entry.search {
5681
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
5682
border-radius: 0;
5683
box-shadow: none;
5684
font-size: 120%;
5685
}
5686
.budgie-menu button {
5688
min-height: 32px;
5689
padding: 0 8px;
5690
border-radius: 0;
5691
color: rgba(0, 0, 0, 0.87);
5692
font-weight: normal;
5693
}
5694
.budgie-menu button:disabled {
5696
color: rgba(0, 0, 0, 0.38);
5697
}
5698
.budgie-menu button:checked:disabled {
5700
background-color: #4285F4;
5701
}
5702
.budgie-menu row {
5704
padding: 0;
5705
}
5706
.budgie-menu row:hover {
5708
box-shadow: none;
5709
}
5710
popover.background.user-menu {
5712
padding: 8px;
5713
}
5714
popover.background.user-menu .content-box {
5716
background-color: transparent;
5717
}
5718
popover.background.user-menu separator {
5720
margin: 4px 0;
5721
}
5722
popover.background.user-menu row {
5724
padding: 0;
5725
box-shadow: none;
5726
background-image: none;
5727
}
5728
popover.background.places-menu {
5730
padding: 8px;
5731
}
5732
popover.background.places-menu .name-button.text-button {
5734
padding-left: 8px;
5735
padding-right: 8px;
5736
}
5737
popover.background.places-menu .name-button.text-button image:dir(ltr) {
5739
margin-right: 3px;
5740
}
5741
popover.background.places-menu .name-button.text-button image:dir(rtl) {
5743
margin-left: 3px;
5744
}
5745
popover.background.places-menu .places-section-header > image:dir(ltr) {
5747
margin: 0 -2px 0 5px;
5748
}
5749
popover.background.places-menu .places-section-header > image:dir(rtl) {
5751
margin: 0 5px 0 -2px;
5752
}
5753
popover.background.places-menu .places-list {
5755
margin-top: 4px;
5756
padding-top: 4px;
5757
border-top: 1px solid rgba(0, 0, 0, 0.12);
5758
background-color: transparent;
5759
}
5760
popover.background.places-menu row {
5762
padding: 0;
5763
box-shadow: none;
5764
background-image: none;
5765
}
5766
.budgie-panel {
5768
transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1);
5769
background-color: #212121;
5770
color: rgba(255, 255, 255, 0.7);
5771
font-weight: 500;
5772
}
5773
.budgie-panel.transparent {
5775
background-color: rgba(0, 0, 0, 0.6);
5776
}
5777
.budgie-panel button {
5779
min-height: 16px;
5780
min-width: 16px;
5781
padding: 0;
5782
border-radius: 0;
5783
}
5784
.budgie-panel button:checked {
5786
background-color: rgba(255, 255, 255, 0.12);
5787
}
5788
.budgie-panel.horizontal button {
5790
padding: 0 4px;
5791
}
5792
.budgie-panel.vertical button {
5794
padding: 4px 0;
5795
}
5796
.budgie-panel separator {
5798
background-color: rgba(255, 255, 255, 0.3);
5799
}
5800
.budgie-panel .alert {
5802
color: #EA4335;
5803
}
5804
.budgie-panel .titlebar:not(headerbar) {
5806
min-height: 0;
5807
padding: 0;
5808
box-shadow: none;
5809
background-color: transparent;
5810
color: white;
5811
}
5812
.budgie-panel .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action) {
5814
color: rgba(255, 255, 255, 0.7);
5815
}
5816
.budgie-panel .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):hover, .budgie-panel .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):active {
5818
color: white;
5819
}
5820
.budgie-panel #tasklist-button {
5822
padding: 0 4px;
5823
}
5824
.budgie-panel.vertical #tasklist-button {
5826
min-height: 32px;
5827
}
5828
.budgie-panel button.flat.launcher {
5830
padding: 0;
5831
}
5832
.budgie-panel button.flat.launcher:not(:checked) {
5834
color: rgba(255, 255, 255, 0.5);
5835
}
5836
.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active {
5838
color: rgba(255, 255, 255, 0.7);
5839
}
5840
.budgie-panel button.flat.launcher:not(:checked):disabled {
5842
color: rgba(255, 255, 255, 0.3);
5843
}
5844
.top .budgie-panel #tasklist-button, .budgie-panel .top #tasklist-button, .top .budgie-panel button.flat.launcher, .budgie-panel .top button.flat.launcher {
5846
border-image: radial-gradient(circle closest-corner at center calc(1px), currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
5847
}
5848
.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
5850
.budgie-panel .pinned button.flat.launcher.running,
5851
.budgie-panel .pinned .top button.flat.launcher.running {
5852
border-image: radial-gradient(circle closest-corner at center calc(1px), currentColor 100%, transparent 0%) 2 0 0 0/2px 0 0 0;
5853
}
5854
.bottom .budgie-panel #tasklist-button, .budgie-panel .bottom #tasklist-button, .bottom .budgie-panel button.flat.launcher, .budgie-panel .bottom button.flat.launcher {
5856
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
5857
}
5858
.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
5860
.budgie-panel .pinned button.flat.launcher.running,
5861
.budgie-panel .pinned .bottom button.flat.launcher.running {
5862
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2 0/0 0 2px 0;
5863
}
5864
.left .budgie-panel #tasklist-button, .budgie-panel .left #tasklist-button, .left .budgie-panel button.flat.launcher, .budgie-panel .left button.flat.launcher {
5866
border-image: radial-gradient(circle closest-corner at calc(1px) center, currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
5867
}
5868
.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
5870
.budgie-panel .pinned button.flat.launcher.running,
5871
.budgie-panel .pinned .left button.flat.launcher.running {
5872
border-image: radial-gradient(circle closest-corner at calc(1px) center, currentColor 100%, transparent 0%) 0 0 0 2/0 0 0 2px;
5873
}
5874
.right .budgie-panel #tasklist-button, .budgie-panel .right #tasklist-button, .right .budgie-panel button.flat.launcher, .budgie-panel .right button.flat.launcher {
5876
border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
5877
}
5878
.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
5880
.budgie-panel .pinned button.flat.launcher.running,
5881
.budgie-panel .pinned .right button.flat.launcher.running {
5882
border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, currentColor 100%, transparent 0%) 0 2 0 0/0 2px 0 0;
5883
}
5884
frame.raven-frame > border {
5886
border-style: none;
5887
box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22);
5888
}
5889
.top frame.raven-frame > border {
5891
margin-bottom: 32px;
5892
}
5893
.bottom frame.raven-frame > border {
5895
margin-top: 32px;
5896
}
5897
.left frame.raven-frame > border {
5899
margin-right: 32px;
5900
}
5901
.right frame.raven-frame > border {
5903
margin-left: 32px;
5904
}
5905
.raven {
5907
background-color: #FFFFFF;
5908
}
5909
.raven > box {
5911
margin-bottom: -10px;
5912
}
5913
.raven > stack {
5915
margin-bottom: -10px;
5916
}
5917
.raven stackswitcher.linked > button {
5919
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FBBC05 0%, transparent 0%) 0 0 0/0 0 0px;
5920
border-radius: 0;
5921
}
5922
.raven stackswitcher.linked > button:checked {
5924
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FBBC05 100%, transparent 0%) 0 0 2/0 0 2px;
5925
background-color: transparent;
5926
}
5927
.raven .raven-header {
5929
min-height: 32px;
5930
padding: 3px;
5931
}
5932
.raven .raven-header:not(.top) {
5934
margin-top: -6px;
5935
}
5936
.raven .raven-header.top {
5938
padding: 2px 0;
5939
background-color: #4285F4;
5940
color: white;
5941
}
5942
.raven .raven-header.top stackswitcher button {
5944
margin: -4px 0;
5945
min-height: 32px;
5946
}
5947
.raven .raven-header.top button.image-button:dir(ltr) {
5949
margin-right: 2px;
5950
}
5951
.raven .raven-header.top button.image-button:dir(rtl) {
5953
margin-left: 2px;
5954
}
5955
.raven .raven-header.top > image {
5957
margin: 0 8px;
5958
}
5959
.raven .raven-header.top > label {
5961
margin: 0 -8px;
5962
font-weight: bold;
5963
}
5964
.raven .raven-header.bottom {
5966
border-top: 1px solid rgba(0, 0, 0, 0.12);
5967
}
5968
.raven viewport.frame .raven-header {
5970
margin-top: -8px;
5971
}
5972
.raven .raven-background {
5974
border-style: solid none;
5975
border-width: 1px;
5976
border-color: rgba(0, 0, 0, 0.12);
5977
background-color: #FFFFFF;
5978
}
5979
.raven .raven-background.frame {
5981
border-style: solid none;
5982
}
5983
.raven .raven-background > overlay > widget > image {
5985
color: rgba(0, 0, 0, 0.12);
5986
}
5987
.raven .raven-background grid > label:first-child {
5989
min-height: 32px;
5990
}
5991
.raven scrolledwindow.raven-background {
5993
border-bottom-style: none;
5994
}
5995
.raven .raven-header.top + .raven-background {
5997
border-style: none;
5998
background-color: #4285F4;
5999
color: white;
6000
}
6001
.raven .raven-header.top + .raven-background stackswitcher button {
6003
margin: -4px 0;
6004
}
6005
.raven .powerstrip button {
6007
margin: 2px 0 1px;
6008
padding: 8px;
6009
}
6010
.raven .option-subtitle {
6012
font-size: smaller;
6013
}
6014
calendar.raven-calendar {
6016
border-style: none;
6017
background-color: transparent;
6018
}
6019
calendar.raven-calendar:selected {
6021
border-radius: 4px;
6022
background-color: #4285F4;
6023
}
6024
.raven-mpris {
6026
background-color: rgba(0, 0, 0, 0.6);
6027
color: white;
6028
}
6029
.raven-mpris label {
6031
min-height: 24px;
6032
}
6033
.raven-mpris button.image-button {
6035
padding: 8px;
6036
}
6037
.budgie-notification-window, .budgie-osd-window, .budgie-switcher-window {
6039
background-color: transparent;
6040
}
6041
.budgie-notification .notification-title, .budgie-switcher .notification-title {
6043
font-size: 120%;
6044
}
6045
.budgie-osd .budgie-osd-text {
6047
font-size: 120%;
6048
}
6049
.drop-shadow {
6051
margin: 5px 9px;
6052
padding: 3px;
6053
border-radius: 4px;
6054
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);
6055
background-color: #FFFFFF;
6056
}
6057
.drop-shadow .linked > button {
6059
border-radius: 4px;
6060
}
6061
.budgie-session-dialog, .budgie-polkit-dialog, .budgie-run-dialog {
6063
border-radius: 4px;
6064
background-color: #FFFFFF;
6065
}
6066
.budgie-session-dialog decoration, .budgie-polkit-dialog decoration, .budgie-run-dialog decoration {
6068
border-radius: 4px;
6069
}
6070
.budgie-session-dialog label:not(:last-child),
6072
.budgie-session-dialog .dialog-title {
6073
font-size: 120%;
6074
}
6075
.budgie-session-dialog .linked.horizontal > button {
6077
padding: 8px 16px;
6078
border-top: 1px solid rgba(0, 0, 0, 0.12);
6079
border-radius: 0;
6080
}
6081
.budgie-session-dialog .linked.horizontal > button:first-child {
6083
border-bottom-left-radius: 4px;
6084
}
6085
.budgie-session-dialog .linked.horizontal > button:last-child {
6087
border-bottom-right-radius: 4px;
6088
}
6089
.budgie-polkit-dialog .message {
6091
color: rgba(0, 0, 0, 0.38);
6092
}
6093
.budgie-polkit-dialog .failure {
6095
color: #EA4335;
6096
}
6097
.budgie-run-dialog {
6099
background-color: #FFFFFF;
6100
}
6101
.budgie-run-dialog entry.search {
6103
font-size: 120%;
6104
padding: 4px 12px;
6105
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
6106
background-color: transparent;
6107
}
6108
.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
6110
headerbar .subtitle,
6111
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 {
6112
opacity: 1;
6113
}
6114
.budgie-run-dialog scrolledwindow {
6116
border-top: 1px solid rgba(0, 0, 0, 0.12);
6117
}
6118
/************************
6120
* LightDM GTK+ Greeter *
6121
************************/
6122
#panel_window {
6123
background-color: rgba(0, 0, 0, 0.3);
6124
color: white;
6125
}
6126
#panel_window menubar,
6128
#panel_window separator {
6129
background-color: transparent;
6130
}
6131
#panel_window separator {
6133
padding: 0 4px;
6134
}
6135
#panel_window separator:first-child {
6137
padding: 0 8px;
6138
}
6139
#panel_window menubar > menuitem {
6141
color: rgba(255, 255, 255, 0.7);
6142
}
6143
#panel_window menubar > menuitem:hover {
6145
color: white;
6146
}
6147
#panel_window menubar > menuitem:disabled label {
6149
color: rgba(255, 255, 255, 0.3);
6150
}
6151
#login_window,
6153
#shutdown_dialog,
6154
#restart_dialog {
6155
margin: 8px;
6156
border-radius: 4px;
6157
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);
6158
background-color: #FFFFFF;
6159
}
6160
#content_frame {
6162
padding-bottom: 20px;
6163
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
6164
}
6165
#buttonbox_frame {
6167
padding-top: 24px;
6168
}
6169
#buttonbox_frame button {
6171
margin: -16px;
6172
}
6173
#greeter_infobar {
6175
margin-top: -1px;
6176
}
6177
/********
6179
* Nemo *
6180
********/
6181
.nemo-window .primary-toolbar {
6182
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
6183
}
6184
.nemo-window .primary-toolbar entry {
6186
min-height: 0;
6187
margin: 0;
6188
}
6189
.nemo-window .primary-toolbar button.text-button {
6191
padding-left: 8px;
6192
padding-right: 8px;
6193
}
6194
.nemo-window .primary-toolbar button:not(.text-button):not(.image-button) {
6196
padding-left: 4px;
6197
padding-right: 4px;
6198
}
6199
.nemo-window scrolledwindow.frame {
6201
border-style: none;
6202
}
6203
.nemo-window scrolledwindow.frame .view:not(:selected) {
6205
background-color: transparent;
6206
}
6207
.nemo-window infobar {
6209
margin-top: -6px;
6210
}
6211
.nemo-window .nemo-inactive-pane .view:not(:selected) {
6213
background-color: #FAFAFA;
6214
}
6215
/* GTK NAMED COLORS
6217
----------------
6218
use responsibly! */
6219
/*
6220
widget text/foreground color */
6221
@define-color theme_fg_color rgba(0, 0, 0, 0.87);
6222
/*
6223
text color for entries, views and content in general */
6224
@define-color theme_text_color rgba(0, 0, 0, 0.87);
6225
/*
6226
widget base background color */
6227
@define-color theme_bg_color #F2F2F2;
6228
/*
6229
text widgets and the like base background color */
6230
@define-color theme_base_color #FFFFFF;
6231
/*
6232
base background color of selections */
6233
@define-color theme_selected_bg_color #4285F4;
6234
/*
6235
text/foreground color of selections */
6236
@define-color theme_selected_fg_color white;
6237
/*
6238
base background color of insensitive widgets */
6239
@define-color insensitive_bg_color #F2F2F2;
6240
/*
6241
text foreground color of insensitive widgets */
6242
@define-color insensitive_fg_color rgba(0, 0, 0, 0.38);
6243
/*
6244
insensitive text widgets and the like base background color */
6245
@define-color insensitive_base_color #FAFAFA;
6246
/*
6247
widget text/foreground color on backdrop windows */
6248
@define-color theme_unfocused_fg_color rgba(0, 0, 0, 0.87);
6249
/*
6250
text color for entries, views and content in general on backdrop windows */
6251
@define-color theme_unfocused_text_color rgba(0, 0, 0, 0.87);
6252
/*
6253
widget base background color on backdrop windows */
6254
@define-color theme_unfocused_bg_color #F2F2F2;
6255
/*
6256
text widgets and the like base background color on backdrop windows */
6257
@define-color theme_unfocused_base_color #FFFFFF;
6258
/*
6259
base background color of selections on backdrop windows */
6260
@define-color theme_unfocused_selected_bg_color #4285F4;
6261
/*
6262
text/foreground color of selections on backdrop windows */
6263
@define-color theme_unfocused_selected_fg_color white;
6264
/*
6265
insensitive color on backdrop windows */
6266
@define-color unfocused_insensitive_color rgba(0, 0, 0, 0.38);
6267
/*
6268
widgets main borders color */
6269
@define-color borders rgba(0, 0, 0, 0.12);
6270
/*
6271
widgets main borders color on backdrop windows */
6272
@define-color unfocused_borders rgba(0, 0, 0, 0.12);
6273
/*
6274
these are pretty self explicative */
6275
@define-color warning_color #FBBC05;
6276
@define-color error_color #EA4335;
6277
@define-color success_color #34A853;
6278
/*
6279
these colors are exported for the window manager and shouldn't be used in applications,
6280
read if you used those and something break with a version upgrade you're on your own... */
6281
@define-color wm_title white;
6282
@define-color wm_unfocused_title rgba(255, 255, 255, 0.7);
6283
@define-color wm_highlight rgba(255, 255, 255, 0.1);
6284
@define-color wm_bg #383838;
6285
/*
6286
FIXME this is really an API */
6287
@define-color content_view_bg #FFFFFF;
6288
@define-color placeholder_text_color #757575;
6289