ASCII text, with very long lines (671)
1
@keyframes ripple_effect {
2
to {
3
background-size: 1000% 1000%;
4
}
5
}
6
@keyframes scale_ripple_effect {
8
to {
9
background-size: auto, 1000% 1000%;
10
}
11
}
12
@keyframes header_ripple_effect {
14
from {
15
background-image: radial-gradient(circle farthest-corner at center, #4285F4 0%, transparent 0%);
16
}
17
to {
18
background-image: radial-gradient(circle farthest-corner at center, #4285F4 100%, transparent 0%);
19
}
20
}
21
* {
23
background-clip: padding-box;
24
-GtkToolButton-icon-spacing: 0;
25
-GtkTextView-error-underline-color: #EA4335;
26
-GtkScrolledWindow-scrollbar-spacing: 0;
27
-GtkToolItemGroup-expander-size: 11;
28
-GtkWidget-text-handle-width: 24;
29
-GtkWidget-text-handle-height: 24;
30
-GtkDialog-button-spacing: 4;
31
-GtkDialog-action-area-border: 0;
32
outline-style: solid;
33
outline-width: 2px;
34
outline-color: transparent;
35
outline-offset: -4px;
36
-gtk-outline-radius: 2px;
37
-gtk-secondary-caret-color: #4285F4;
38
}
39
notebook:focus tab,
41
*:focus {
42
outline-color: alpha(currentColor, 0.24);
43
}
44
/***************
46
* Base States *
47
***************/
48
.background {
49
background-color: #F2F2F2;
50
color: rgba(0, 0, 0, 0.87);
51
}
52
/*
54
These wildcard seems unavoidable, need to investigate.
55
Wildcards are bad and troublesome, use them with care,
56
or better, just don't.
57
Everytime a wildcard is used a kitten dies, painfully.
58
*/
59
*:disabled {
60
-gtk-icon-effect: dim;
61
}
62
.gtkstyle-fallback {
64
background-color: #F2F2F2;
65
color: rgba(0, 0, 0, 0.87);
66
}
67
.gtkstyle-fallback:hover {
69
background-color: #e5e5e5;
70
color: rgba(0, 0, 0, 0.87);
71
}
72
.gtkstyle-fallback:active {
74
background-color: #d9d9d9;
75
color: rgba(0, 0, 0, 0.87);
76
}
77
.gtkstyle-fallback:disabled {
79
background-color: #F2F2F2;
80
color: rgba(0, 0, 0, 0.38);
81
}
82
.gtkstyle-fallback:selected {
84
background-color: #4285F4;
85
color: white;
86
}
87
.view {
89
background-color: #FFFFFF;
90
color: rgba(0, 0, 0, 0.87);
91
}
92
.view:disabled {
94
color: rgba(0, 0, 0, 0.38);
95
}
96
.view:hover, .view:active, .view:selected {
98
border-radius: 2px;
99
}
100
textview text {
102
background-color: #FFFFFF;
103
}
104
textview border {
106
background-color: #FAFAFA;
107
color: rgba(0, 0, 0, 0.38);
108
}
109
.rubberband,
111
rubberband,
112
flowbox rubberband,
113
treeview.view rubberband,
114
.content-view rubberband,
115
.content-view .rubberband {
116
border: 1px solid #7BAAF7;
117
background-color: rgba(123, 170, 247, 0.3);
118
}
119
flowbox flowboxchild {
121
padding: 4px;
122
border-radius: 2px;
123
}
124
.content-view .tile:selected {
126
background-color: transparent;
127
color: inherit;
128
}
129
label {
131
caret-color: currentColor;
132
}
133
label.separator {
135
color: rgba(0, 0, 0, 0.87);
136
}
137
label selection {
139
background-color: #4285F4;
140
color: white;
141
}
142
label:disabled {
144
color: rgba(0, 0, 0, 0.38);
145
}
146
tab label:disabled,
148
button label:disabled {
149
color: inherit;
150
}
151
.dim-label, label.separator, .titlebar:not(headerbar) .subtitle,
153
headerbar .subtitle, .budgie-notification .notification-body, .budgie-switcher .notification-body {
154
opacity: 0.6;
155
}
156
assistant .sidebar {
158
padding: 4px 0;
159
}
160
assistant .sidebar label {
162
min-height: 32px;
163
padding: 0 12px;
164
color: rgba(0, 0, 0, 0.38);
165
font-weight: 500;
166
}
167
assistant .sidebar label.highlight {
169
color: rgba(0, 0, 0, 0.87);
170
}
171
/*********************
173
* Spinner Animation *
174
*********************/
175
@keyframes spin {
176
to {
177
-gtk-icon-transform: rotate(1turn);
178
}
179
}
180
spinner {
182
background: none;
183
opacity: 0;
184
-gtk-icon-source: -gtk-icontheme("process-working-symbolic");
185
}
186
spinner:checked {
188
opacity: 1;
189
animation: spin 1s linear infinite;
190
}
191
spinner:checked:disabled {
193
opacity: 0.5;
194
}
195
/****************
197
* Text Entries *
198
****************/
199
spinbutton:not(.vertical),
200
entry {
201
min-height: 32px;
202
padding: 0 8px;
203
border-radius: 2px;
204
transition: all 250ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1);
205
border-image: none;
206
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
207
background-color: #FFFFFF;
208
color: rgba(0, 0, 0, 0.87);
209
}
210
spinbutton:focus:not(.vertical),
212
entry:focus {
213
border-image: none;
214
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
215
}
216
spinbutton:disabled:not(.vertical),
218
entry:disabled {
219
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
220
background-color: #FAFAFA;
221
color: rgba(0, 0, 0, 0.38);
222
}
223
spinbutton.flat:not(.vertical), notebook > stack:not(:only-child) entry:not(.search),
225
notebook > stack:not(:only-child) spinbutton:not(.vertical), messagedialog entry, colorchooser .popover.osd spinbutton:not(.vertical), layoutpane entry.search, editortweak entry.search, .raven .raven-background spinbutton:not(.vertical), #login_window entry,
226
entry.flat {
227
border-radius: 0;
228
transition: all 250ms cubic-bezier(0, 0, 0.2, 1);
229
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #4285F4 0%, transparent 0%) 0 0 0/0 0 0px;
230
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26);
231
background-color: transparent;
232
color: rgba(0, 0, 0, 0.87);
233
}
234
spinbutton.flat:focus:not(.vertical), notebook > stack:not(:only-child) entry:focus:not(.search),
236
notebook > stack:not(:only-child) spinbutton:focus:not(.vertical), messagedialog entry:focus, colorchooser .popover.osd spinbutton:focus:not(.vertical), 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), layoutpane entry.search:disabled, editortweak entry.search:disabled, .raven .raven-background spinbutton:disabled:not(.vertical), #login_window entry:disabled,
244
entry.flat:disabled {
245
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12);
246
background-color: transparent;
247
color: rgba(0, 0, 0, 0.38);
248
}
249
spinbutton:not(.vertical) image,
251
entry image {
252
color: rgba(0, 0, 0, 0.54);
253
}
254
spinbutton:not(.vertical) image:hover, spinbutton:not(.vertical) image:active,
256
entry image:hover,
257
entry image:active {
258
color: rgba(0, 0, 0, 0.87);
259
}
260
spinbutton:not(.vertical) image:disabled,
262
entry image:disabled {
263
color: rgba(0, 0, 0, 0.38);
264
}
265
spinbutton:not(.vertical) image.left,
267
entry image.left {
268
margin-left: 0px;
269
margin-right: 6px;
270
}
271
spinbutton:not(.vertical) image.right,
273
entry image.right {
274
margin-left: 6px;
275
margin-right: 0px;
276
}
277
spinbutton:not(.vertical) undershoot.left,
279
entry undershoot.left {
280
background-color: transparent;
281
background-image: linear-gradient(to top, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%);
282
padding-left: 1px;
283
background-size: 1px 12px;
284
background-repeat: repeat-y;
285
background-origin: content-box;
286
background-position: left top;
287
}
288
spinbutton:not(.vertical) undershoot.right,
290
entry undershoot.right {
291
background-color: transparent;
292
background-image: linear-gradient(to top, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%);
293
padding-right: 1px;
294
background-size: 1px 12px;
295
background-repeat: repeat-y;
296
background-origin: content-box;
297
background-position: right top;
298
}
299
spinbutton.error:not(.vertical),
301
entry.error {
302
transition: all 250ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1);
303
border-image: none;
304
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
305
background-color: #EA4335;
306
color: white;
307
}
308
spinbutton.error:focus:not(.vertical),
310
entry.error:focus {
311
border-image: none;
312
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
313
}
314
spinbutton.error:disabled:not(.vertical),
316
entry.error:disabled {
317
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
318
background-color: #FAFAFA;
319
color: rgba(0, 0, 0, 0.38);
320
}
321
spinbutton.error.flat:not(.vertical), notebook > stack:not(:only-child) entry.error:not(.search),
323
notebook > stack:not(:only-child) spinbutton.error:not(.vertical), messagedialog entry.error, colorchooser .popover.osd spinbutton.error:not(.vertical), layoutpane entry.error.search, editortweak entry.error.search, .raven .raven-background spinbutton.error:not(.vertical), #login_window entry.error,
324
entry.error.flat {
325
transition: all 250ms cubic-bezier(0, 0, 0.2, 1);
326
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #EA4335 0%, transparent 0%) 0 0 0/0 0 0px;
327
box-shadow: inset 0 -1px #EA4335;
328
background-color: transparent;
329
color: rgba(0, 0, 0, 0.87);
330
}
331
spinbutton.error.flat:focus:not(.vertical), notebook > stack:not(:only-child) entry.error:focus:not(.search),
333
notebook > stack:not(:only-child) spinbutton.error:focus:not(.vertical), messagedialog entry.error:focus, colorchooser .popover.osd spinbutton.error:focus:not(.vertical), 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), layoutpane entry.error.search:disabled, editortweak entry.error.search:disabled, .raven .raven-background spinbutton.error:disabled:not(.vertical), #login_window entry.error:disabled,
341
entry.error.flat:disabled {
342
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12);
343
background-color: transparent;
344
color: rgba(0, 0, 0, 0.38);
345
}
346
spinbutton.error:not(.vertical) image,
348
entry.error image {
349
color: rgba(255, 255, 255, 0.7);
350
}
351
spinbutton.error:not(.vertical) image:hover, spinbutton.error:not(.vertical) image:active,
353
entry.error image:hover,
354
entry.error image:active {
355
color: white;
356
}
357
spinbutton.error:not(.vertical) image:disabled,
359
entry.error image:disabled {
360
color: rgba(255, 255, 255, 0.5);
361
}
362
spinbutton.warning:not(.vertical),
364
entry.warning {
365
transition: all 250ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1);
366
border-image: none;
367
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
368
background-color: #FBBC05;
369
color: white;
370
}
371
spinbutton.warning:focus:not(.vertical),
373
entry.warning:focus {
374
border-image: none;
375
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
376
}
377
spinbutton.warning:disabled:not(.vertical),
379
entry.warning:disabled {
380
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
381
background-color: #FAFAFA;
382
color: rgba(0, 0, 0, 0.38);
383
}
384
spinbutton.warning.flat:not(.vertical), notebook > stack:not(:only-child) entry.warning:not(.search),
386
notebook > stack:not(:only-child) spinbutton.warning:not(.vertical), messagedialog entry.warning, colorchooser .popover.osd spinbutton.warning:not(.vertical), layoutpane entry.warning.search, editortweak entry.warning.search, .raven .raven-background spinbutton.warning:not(.vertical), #login_window entry.warning,
387
entry.warning.flat {
388
transition: all 250ms cubic-bezier(0, 0, 0.2, 1);
389
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FBBC05 0%, transparent 0%) 0 0 0/0 0 0px;
390
box-shadow: inset 0 -1px #FBBC05;
391
background-color: transparent;
392
color: rgba(0, 0, 0, 0.87);
393
}
394
spinbutton.warning.flat:focus:not(.vertical), notebook > stack:not(:only-child) entry.warning:focus:not(.search),
396
notebook > stack:not(:only-child) spinbutton.warning:focus:not(.vertical), messagedialog entry.warning:focus, colorchooser .popover.osd spinbutton.warning:focus:not(.vertical), 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), 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), 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), layoutpane
441
.linked.vertical > entry.search, editortweak
442
.linked.vertical > entry.search, .raven .raven-background
443
.linked.vertical > spinbutton:not(.vertical), #login_window
444
.linked.vertical > entry, .linked:not(.vertical) >
445
entry.flat,
446
.linked.vertical >
447
entry.flat {
448
border-radius: 0;
449
}
450
notebook > stack:not(:only-child) treeview entry.flat:not(.search),
452
notebook > stack:not(:only-child) treeview spinbutton.flat:not(.vertical), notebook > stack:not(:only-child) treeview entry:not(.search),
453
notebook > stack:not(:only-child) treeview spinbutton:not(.vertical),
454
treeview entry.flat,
455
treeview entry {
456
min-height: 0;
457
padding: 2px;
458
border-radius: 0;
459
background-color: #FFFFFF;
460
}
461
notebook > stack:not(:only-child) treeview entry.flat:not(.search),
463
notebook > stack:not(:only-child) treeview spinbutton.flat:not(.vertical), notebook > stack:not(:only-child) treeview entry.flat:focus:not(.search),
464
notebook > stack:not(:only-child) treeview spinbutton.flat:focus:not(.vertical), notebook > stack:not(:only-child) treeview entry:not(.search),
465
notebook > stack:not(:only-child) treeview spinbutton:not(.vertical), notebook > stack:not(:only-child) treeview entry:focus:not(.search),
466
notebook > stack:not(:only-child) treeview spinbutton:focus:not(.vertical),
467
treeview entry.flat,
468
treeview entry.flat:focus,
469
treeview entry,
470
treeview entry:focus {
471
border-image: none;
472
box-shadow: none;
473
}
474
.entry-tag, .documents-entry-tag, .photos-entry-tag {
476
margin: 2px;
477
border-radius: 9999px;
478
box-shadow: none;
479
background-color: rgba(0, 0, 0, 0.12);
480
color: rgba(0, 0, 0, 0.87);
481
}
482
.entry-tag:hover, .documents-entry-tag:hover, .photos-entry-tag:hover {
484
background-image: image(rgba(0, 0, 0, 0.12));
485
}
486
:dir(ltr) .entry-tag, :dir(ltr) .documents-entry-tag, :dir(ltr) .photos-entry-tag {
488
margin-left: 4px;
489
margin-right: 0;
490
padding-left: 12px;
491
padding-right: 8px;
492
}
493
:dir(rtl) .entry-tag, :dir(rtl) .documents-entry-tag, :dir(rtl) .photos-entry-tag {
495
margin-left: 0;
496
margin-right: 4px;
497
padding-left: 8px;
498
padding-right: 12px;
499
}
500
.entry-tag.button, .button.documents-entry-tag, .button.photos-entry-tag {
502
box-shadow: none;
503
background-color: transparent;
504
}
505
.entry-tag.button:not(:hover):not(:active), .button.documents-entry-tag:not(:hover):not(:active), .button.photos-entry-tag:not(:hover):not(:active) {
507
color: rgba(0, 0, 0, 0.54);
508
}
509
/***********
511
* Buttons *
512
***********/
513
@keyframes needs_attention {
514
from {
515
background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#01A299), to(transparent));
516
}
517
to {
518
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#01A299), to(transparent));
519
}
520
}
521
button {
524
min-height: 24px;
525
min-width: 16px;
526
padding: 4px 8px;
527
border-radius: 2px;
528
font-weight: 500;
529
transition: all 250ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1), background-size 350ms cubic-bezier(0, 0, 0.2, 1), background-image 1000ms cubic-bezier(0, 0, 0.2, 1);
530
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;
531
background-color: #FAFAFA;
532
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
533
background-repeat: no-repeat;
534
background-position: center;
535
background-size: 1000% 1000%;
536
color: rgba(0, 0, 0, 0.62);
537
}
538
button:hover {
541
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;
542
color: rgba(0, 0, 0, 0.87);
543
}
544
button:active {
547
transition: all 250ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
548
animation: ripple_effect 250ms cubic-bezier(0, 0, 0.2, 1) forwards;
549
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);
550
background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.12) 10%, transparent 0%);
551
background-size: 0% 0%;
552
color: rgba(0, 0, 0, 0.87);
553
}
554
button:disabled {
557
box-shadow: none;
558
background-color: rgba(0, 0, 0, 0.12);
559
color: rgba(0, 0, 0, 0.26);
560
}
561
button:checked {
564
background-color: #4285F4;
565
color: white;
566
}
567
button:checked:disabled {
570
background-color: rgba(66, 133, 244, 0.3);
571
color: rgba(66, 133, 244, 0.5);
572
}
573
modelbutton.flat,
575
.menuitem.button.flat, spinbutton:not(.vertical) button, spinbutton.vertical button, popover.background.menu button,
576
popover.background button.model, notebook > header > tabs > arrow, scrollbar button, check,
577
radio, calendar.button, messagedialog.csd .dialog-action-area button, button.sidebar-button, .gedit-search-slider 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)
578
.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),
579
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,
580
button.flat {
581
transition: all 250ms cubic-bezier(0, 0, 0.2, 1), background-size 350ms cubic-bezier(0, 0, 0.2, 1), background-image 1000ms cubic-bezier(0, 0, 0.2, 1);
582
box-shadow: inset 0 0 0 9999px transparent;
583
background-color: transparent;
584
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
585
background-repeat: no-repeat;
586
background-position: center;
587
background-size: 1000% 1000%;
588
color: rgba(0, 0, 0, 0.54);
589
}
590
modelbutton.flat:hover,
592
.menuitem.button.flat:hover, spinbutton:not(.vertical) button:hover, spinbutton.vertical button:hover, popover.background.menu button:hover,
593
popover.background button.model:hover, notebook > header > tabs > arrow:hover, scrollbar button:hover, check:hover,
594
radio:hover, calendar.button:hover, messagedialog.csd .dialog-action-area button:hover, button.sidebar-button:hover, .gedit-search-slider 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)
595
.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),
596
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,
597
button.flat:hover {
598
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.12);
599
color: rgba(0, 0, 0, 0.87);
600
}
601
modelbutton.flat:active,
603
.menuitem.button.flat:active, spinbutton:not(.vertical) button:active, spinbutton.vertical button:active, popover.background.menu button:active,
604
popover.background button.model:active, notebook > header > tabs > arrow:active, scrollbar button:active, check:active,
605
radio:active, calendar.button:active, messagedialog.csd .dialog-action-area button:active, button.sidebar-button:active, .gedit-search-slider 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)
606
.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),
607
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,
608
button.flat:active {
609
transition: all 250ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
610
animation: ripple_effect 250ms cubic-bezier(0, 0, 0.2, 1) forwards;
611
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.12);
612
background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.12) 10%, transparent 0%);
613
background-size: 0% 0%;
614
color: rgba(0, 0, 0, 0.87);
615
}
616
modelbutton.flat:disabled,
618
.menuitem.button.flat:disabled, spinbutton:not(.vertical) button:disabled, spinbutton.vertical button:disabled, popover.background.menu button:disabled,
619
popover.background button.model:disabled, notebook > header > tabs > arrow:disabled, scrollbar button:disabled, check:disabled,
620
radio:disabled, calendar.button:disabled, messagedialog.csd .dialog-action-area button:disabled, button.sidebar-button:disabled, .gedit-search-slider 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)
621
.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),
622
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,
623
button.flat:disabled {
624
box-shadow: none;
625
background-color: transparent;
626
color: rgba(0, 0, 0, 0.26);
627
}
628
:not(headerbar) .caja-pathbar button:checked, .caja-pathbar :not(headerbar) button:checked, :not(headerbar)
630
.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),
631
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,
632
button.flat:checked {
633
background-color: alpha(currentColor, 0.24);
634
color: rgba(0, 0, 0, 0.87);
635
}
636
:not(headerbar) .caja-pathbar button:checked:disabled, .caja-pathbar :not(headerbar) button:checked:disabled, :not(headerbar)
638
.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),
639
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,
640
button.flat:checked:disabled {
641
background-color: rgba(0, 0, 0, 0.12);
642
color: rgba(0, 0, 0, 0.38);
643
}
644
button.text-button {
647
padding-left: 16px;
648
padding-right: 16px;
649
}
650
button.image-button {
653
min-width: 24px;
654
padding: 4px;
655
}
656
button.text-button.image-button {
659
border-radius: 2px;
660
-gtk-outline-radius: 2px;
661
}
662
button.text-button.image-button label:first-child {
665
margin-left: 12px;
666
}
667
button.text-button.image-button label:last-child {
670
margin-right: 12px;
671
}
672
button.text-button.image-button image:not(:only-child) {
675
margin: 0 4px;
676
}
677
toolbar .linked > button, .titlebar:not(headerbar) .linked > button:not(.suggested-action):not(.destructive-action),
679
headerbar .linked > button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box .linked > button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification .linked > button, toolbar
680
.linked.vertical > button, .titlebar:not(headerbar)
681
.linked.vertical > button:not(.suggested-action):not(.destructive-action),
682
headerbar
683
.linked.vertical > button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box
684
.linked.vertical > button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification
685
.linked.vertical > button, .linked >
686
button.flat,
687
.linked.vertical >
688
button.flat {
689
border-radius: 2px;
690
}
691
toolbar .linked > button.text-button.image-button, .titlebar:not(headerbar) .linked > button.text-button.image-button:not(.suggested-action):not(.destructive-action),
693
headerbar .linked > button.text-button.image-button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box .linked > button.text-button.image-button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification .linked > button.text-button.image-button, toolbar
694
.linked.vertical > button.text-button.image-button, .titlebar:not(headerbar)
695
.linked.vertical > button.text-button.image-button:not(.suggested-action):not(.destructive-action),
696
headerbar
697
.linked.vertical > button.text-button.image-button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box
698
.linked.vertical > button.text-button.image-button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification
699
.linked.vertical > button.text-button.image-button, .linked >
700
button.flat.text-button.image-button,
701
.linked.vertical >
702
button.flat.text-button.image-button {
703
border-radius: 2px;
704
-gtk-outline-radius: 2px;
705
}
706
infobar.info button:disabled, infobar.question button:disabled, infobar.warning button:disabled, infobar.error button:disabled, row:selected
708
button:disabled {
709
background-color: rgba(255, 255, 255, 0.12);
710
color: rgba(255, 255, 255, 0.3);
711
}
712
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
714
button.flat {
715
color: rgba(255, 255, 255, 0.7);
716
}
717
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
719
button.flat:hover, row:selected
720
button.flat:active {
721
color: white;
722
}
723
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
725
button.flat:disabled {
726
color: rgba(255, 255, 255, 0.3);
727
}
728
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
730
button.flat:checked {
731
background-color: rgba(255, 255, 255, 0.3);
732
color: white;
733
}
734
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
736
button.flat:checked:disabled {
737
background-color: rgba(255, 255, 255, 0.12);
738
color: rgba(255, 255, 255, 0.5);
739
}
740
button.osd {
743
padding: 10px 14px;
744
}
745
button.osd.image-button {
748
padding: 10px;
749
}
750
button.osd:disabled {
753
opacity: 0;
754
}
755
button.suggested-action {
758
background-color: #01A299;
759
color: white;
760
}
761
button.suggested-action:disabled {
764
box-shadow: none;
765
background-color: rgba(0, 0, 0, 0.12);
766
color: rgba(0, 0, 0, 0.38);
767
}
768
button.suggested-action:checked {
771
background-color: #4dbeb8;
772
}
773
button.suggested-action.flat {
776
background-color: transparent;
777
color: #01A299;
778
}
779
button.suggested-action.flat:disabled {
782
box-shadow: none;
783
background-color: transparent;
784
color: rgba(0, 0, 0, 0.38);
785
}
786
button.suggested-action.flat:checked {
789
background-color: rgba(1, 162, 153, 0.3);
790
}
791
button.destructive-action {
794
background-color: #EA4335;
795
color: white;
796
}
797
button.destructive-action:disabled {
800
box-shadow: none;
801
background-color: rgba(0, 0, 0, 0.12);
802
color: rgba(0, 0, 0, 0.38);
803
}
804
button.destructive-action:checked {
807
background-color: #f07b72;
808
}
809
button.destructive-action.flat {
812
background-color: transparent;
813
color: #EA4335;
814
}
815
button.destructive-action.flat:disabled {
818
box-shadow: none;
819
background-color: transparent;
820
color: rgba(0, 0, 0, 0.38);
821
}
822
button.destructive-action.flat:checked {
825
background-color: rgba(234, 67, 53, 0.3);
826
}
827
.stack-switcher >
829
button {
830
outline-offset: -4px;
831
}
832
.stack-switcher >
834
button > label {
835
padding-left: 6px;
836
padding-right: 6px;
837
}
838
.stack-switcher >
840
button > image {
841
padding-left: 6px;
842
padding-right: 6px;
843
padding-top: 3px;
844
padding-bottom: 3px;
845
}
846
.stack-switcher >
848
button.text-button {
849
padding-left: 10px;
850
padding-right: 10px;
851
}
852
.stack-switcher >
854
button.image-button {
855
padding-left: 2px;
856
padding-right: 2px;
857
}
858
.stack-switcher >
860
button.needs-attention:checked > label,
861
.stack-switcher >
862
button.needs-attention:checked > image {
863
animation: none;
864
background-image: none;
865
}
866
.primary-toolbar
868
button {
869
-gtk-icon-shadow: none;
870
}
871
button.image-button, toolbar .linked > button.image-button, .titlebar:not(headerbar) .linked > button.image-button:not(.suggested-action):not(.destructive-action),
874
headerbar .linked > button.image-button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box .linked > button.image-button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification .linked > button.image-button, toolbar
875
.linked.vertical > button.image-button,
876
headerbar
877
.linked.vertical > button.image-button:not(.suggested-action):not(.destructive-action), .app-notification
878
.linked.vertical > button.image-button, .linked > button.flat.image-button,
879
.linked.vertical > button.flat.image-button, .inline-toolbar button:not(.text-button), check,
880
radio, button.titlebutton, .nautilus-window headerbar > revealer > button, .raven .raven-header:not(.top) button.image-button, .raven .expander-button,
881
button.close,
882
button.circular {
883
border-radius: 9999px;
884
-gtk-outline-radius: 9999px;
885
}
886
spinbutton:not(.vertical) button, notebook > header tab button.flat, button.sidebar-button, .nautilus-window .floating-bar button, .gedit-document-panel row button.flat, .gedit-search-slider button:dir(ltr), .gedit-search-slider button:dir(rtl), .pluma-window paned.horizontal box.vertical box.horizontal button.flat {
888
min-height: 20px;
889
min-width: 20px;
890
padding: 0;
891
border-radius: 9999px;
892
-gtk-outline-radius: 9999px;
893
}
894
.stack-switcher >
896
button.needs-attention > label,
897
.stack-switcher >
898
button.needs-attention > image, stacksidebar row.needs-attention > label {
899
animation: needs_attention 250ms cubic-bezier(0, 0, 0.2, 1) forwards;
900
background-repeat: no-repeat;
901
background-position: right 3px;
902
background-size: 6px 6px;
903
}
904
.stack-switcher >
906
button.needs-attention > label:dir(rtl),
907
.stack-switcher >
908
button.needs-attention > image:dir(rtl), stacksidebar row.needs-attention > label:dir(rtl) {
909
background-position: left 3px;
910
}
911
.linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry, .linked > button, .linked:not(.vertical) > combobox > box > button.combo {
913
border-radius: 0;
914
-gtk-outline-radius: 2px;
915
}
916
.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 {
918
border-top-left-radius: 2px;
919
border-bottom-left-radius: 2px;
920
}
921
.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 {
923
border-top-right-radius: 2px;
924
border-bottom-right-radius: 2px;
925
}
926
.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 {
928
border-radius: 2px;
929
}
930
.linked.vertical > spinbutton:not(.vertical), .linked.vertical > entry, .linked.vertical > button, .linked.vertical > combobox > box > button.combo {
932
border-radius: 0;
933
-gtk-outline-radius: 2px;
934
}
935
.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 {
937
border-top-left-radius: 2px;
938
border-top-right-radius: 2px;
939
}
940
.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 {
942
border-bottom-left-radius: 2px;
943
border-bottom-right-radius: 2px;
944
}
945
.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 {
947
border-radius: 2px;
948
}
949
/* menu buttons */
951
modelbutton.flat,
952
.menuitem.button.flat {
953
min-height: 28px;
954
padding: 0 8px;
955
border-radius: 2px;
956
color: inherit;
957
}
958
modelbutton.flat arrow {
960
background: none;
961
}
962
modelbutton.flat arrow:hover {
964
background: none;
965
}
966
modelbutton.flat arrow.left {
968
-gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
969
}
970
modelbutton.flat arrow.right {
972
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
973
}
974
button.color {
976
min-height: 20px;
977
min-width: 20px;
978
padding: 6px;
979
}
980
/*********
982
* Links *
983
*********/
984
*:link, button:link,
985
button:visited, *:link:hover, button:hover:link,
986
button:hover:visited, *:link:active, button:active:link,
987
button:active:visited {
988
color: #4285F4;
989
}
990
*:link:visited,
992
button:visited, *:link:visited:hover,
993
button:visited:hover, *:link:visited:active,
994
button:visited:active {
995
color: #E040FB;
996
}
997
infobar.info *:link, infobar.info button:link, infobar.info
999
button:visited, infobar.question *:link, infobar.question button:link, infobar.question
1000
button:visited, infobar.warning *:link, infobar.warning button:link, infobar.warning
1001
button:visited, infobar.error *:link, infobar.error button:link, infobar.error
1002
button:visited, *:link:selected, button:selected:link,
1003
button:selected:visited, .selection-mode.titlebar:not(headerbar) .subtitle:link,
1004
headerbar.selection-mode .subtitle:link,
1005
*:selected *:link,
1006
*:selected button:link,
1007
*:selected
1008
button:visited {
1009
color: white;
1010
}
1011
button:link > label,
1013
button:visited > label {
1014
text-decoration-line: underline;
1015
}
1016
/*****************
1018
* GtkSpinButton *
1019
*****************/
1020
spinbutton:not(.vertical) {
1021
padding: 0;
1022
}
1023
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,
1025
spinbutton:not(.vertical) entry {
1026
min-width: 28px;
1027
margin: 0;
1028
border-image: none;
1029
border-radius: 0;
1030
box-shadow: none;
1031
background-color: transparent;
1032
}
1033
spinbutton:not(.vertical) button {
1035
border: solid 6px transparent;
1036
}
1037
spinbutton:not(.vertical) button.up:dir(ltr), spinbutton:not(.vertical) button.down:dir(rtl) {
1039
margin-left: -3px;
1040
}
1041
spinbutton:not(.vertical) button.up:dir(rtl), spinbutton:not(.vertical) button.down:dir(ltr) {
1043
margin-right: -3px;
1044
}
1045
spinbutton.vertical:disabled {
1047
color: rgba(0, 0, 0, 0.38);
1048
}
1049
spinbutton.vertical:drop(active) {
1051
box-shadow: none;
1052
}
1053
spinbutton.vertical entry {
1055
min-height: 32px;
1056
min-width: 44px;
1057
padding: 0;
1058
}
1059
spinbutton.vertical button {
1061
min-height: 32px;
1062
min-width: 44px;
1063
padding: 0;
1064
}
1065
spinbutton.vertical button.up {
1067
border-radius: 2px 2px 0 0;
1068
}
1069
spinbutton.vertical button.down {
1071
border-radius: 0 0 2px 2px;
1072
}
1073
treeview spinbutton:not(.vertical) {
1075
min-height: 0;
1076
border-style: none;
1077
border-radius: 0;
1078
}
1079
treeview spinbutton:not(.vertical) entry {
1081
min-height: 0;
1082
padding: 1px 2px;
1083
}
1084
/**************
1086
* ComboBoxes *
1087
**************/
1088
combobox arrow {
1089
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
1090
min-height: 16px;
1091
min-width: 16px;
1092
}
1093
combobox decoration,
1095
combobox button.combo:checked {
1096
transition: none;
1097
}
1098
combobox button.combo cellview:dir(ltr) {
1100
margin-left: 0px;
1101
}
1102
combobox button.combo cellview:dir(rtl) {
1104
margin-right: 0px;
1105
}
1106
combobox #gtk-combobox-popup-menu {
1108
padding: 2px 0;
1109
}
1110
combobox #gtk-combobox-popup-menu menuitem {
1112
min-height: 28px;
1113
padding: 0 8px;
1114
}
1115
combobox #gtk-combobox-popup-menu > arrow.top {
1117
margin-top: -2px;
1118
}
1119
combobox #gtk-combobox-popup-menu > arrow.bottom {
1121
margin-top: 4px;
1122
margin-bottom: -6px;
1123
}
1124
combobox:drop(active) {
1126
box-shadow: none;
1127
}
1128
notebook > stack:not(:only-child) button.combo, .raven .raven-background button.combo, #login_window #user_combobox button {
1130
border-radius: 0;
1131
background-image: none;
1132
font-weight: inherit;
1133
transition: all 250ms cubic-bezier(0, 0, 0.2, 1);
1134
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #4285F4 0%, transparent 0%) 0 0 0/0 0 0px;
1135
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26);
1136
background-color: transparent;
1137
color: rgba(0, 0, 0, 0.87);
1138
}
1139
notebook > stack:not(:only-child) button.combo:hover, .raven .raven-background button.combo:hover, #login_window #user_combobox button:hover {
1141
box-shadow: inset 0 -2px rgba(0, 0, 0, 0.38);
1142
}
1143
notebook > stack:not(:only-child) button.combo:checked, .raven .raven-background button.combo:checked, #login_window #user_combobox button:checked {
1145
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #4285F4 100%, transparent 0%) 0 0 2/0 0 2px;
1146
}
1147
notebook > stack:not(:only-child) button.combo:disabled, .raven .raven-background button.combo:disabled, #login_window #user_combobox button:disabled {
1149
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12);
1150
color: rgba(0, 0, 0, 0.38);
1151
}
1152
/************
1154
* Toolbars *
1155
************/
1156
toolbar {
1157
-GtkWidget-window-dragging: true;
1158
padding: 2px;
1159
background-color: #F2F2F2;
1160
}
1161
.osd toolbar {
1163
background-color: transparent;
1164
}
1165
toolbar.osd, .app-notification, frame.documents-dropdown {
1167
transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1);
1168
padding: 6px;
1169
border-radius: 2px;
1170
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);
1171
background-color: #FFFFFF;
1172
}
1173
toolbar.osd:backdrop, .app-notification:backdrop, frame.documents-dropdown:backdrop {
1175
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);
1176
}
1177
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 {
1179
border-radius: 0;
1180
}
1181
toolbar.horizontal > separator {
1183
margin: 2px;
1184
}
1185
toolbar.vertical > separator {
1187
margin: 2px;
1188
}
1189
toolbar:not(.inline-toolbar):not(.osd) scale,
1191
toolbar:not(.inline-toolbar):not(.osd) entry,
1192
toolbar:not(.inline-toolbar):not(.osd) spinbutton,
1193
toolbar:not(.inline-toolbar):not(.osd) button {
1194
margin: 2px;
1195
}
1196
toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:first-child),
1198
toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:first-child),
1199
toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:first-child) {
1200
margin-left: 0;
1201
}
1202
toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:last-child),
1204
toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:last-child),
1205
toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:last-child) {
1206
margin-right: 0;
1207
}
1208
toolbar:not(.inline-toolbar):not(.osd) spinbutton entry,
1210
toolbar:not(.inline-toolbar):not(.osd) spinbutton button {
1211
margin: 0;
1212
}
1213
toolbar:not(.inline-toolbar):not(.osd) switch {
1215
margin: 8px 2px;
1216
}
1217
.inline-toolbar {
1219
padding: 6px;
1220
border-style: solid;
1221
border-width: 0 1px 1px;
1222
border-color: rgba(0, 0, 0, 0.12);
1223
background-color: #FAFAFA;
1224
}
1225
searchbar > revealer > box,
1227
.location-bar {
1228
padding: 6px;
1229
border-style: solid;
1230
border-width: 0 0 1px;
1231
border-color: rgba(0, 0, 0, 0.12);
1232
background-color: #F2F2F2;
1233
background-clip: border-box;
1234
}
1235
searchbar > revealer > box {
1237
margin: -6px;
1238
padding: 6px;
1239
}
1240
/***************
1242
* Header bars *
1243
***************/
1244
.titlebar:not(headerbar),
1245
headerbar {
1246
transition: background-color 150ms cubic-bezier(0, 0, 0.2, 1), color 250ms cubic-bezier(0, 0, 0.2, 1);
1247
min-height: 44px;
1248
padding: 0 6px;
1249
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);
1250
background-color: #E0E0E0;
1251
color: rgba(0, 0, 0, 0.87);
1252
}
1253
.titlebar:disabled:not(headerbar) :not(button) > label,
1255
headerbar:disabled :not(button) > label {
1256
color: rgba(0, 0, 0, 0.38);
1257
}
1258
.titlebar:backdrop:not(headerbar),
1260
headerbar:backdrop {
1261
color: rgba(0, 0, 0, 0.54);
1262
}
1263
.titlebar:backdrop:disabled:not(headerbar) :not(button) > label,
1265
headerbar:backdrop:disabled :not(button) > label {
1266
color: rgba(0, 0, 0, 0.26);
1267
}
1268
.titlebar:not(headerbar) .title,
1270
headerbar .title {
1271
padding: 0 12px;
1272
font-weight: bold;
1273
}
1274
.titlebar:not(headerbar) .subtitle,
1276
headerbar .subtitle {
1277
padding: 0 12px;
1278
font-size: smaller;
1279
}
1280
.titlebar:not(headerbar) .linked:not(.vertical) > entry:not(.flat),
1282
headerbar .linked:not(.vertical) > entry:not(.flat) {
1283
border-radius: 2px;
1284
}
1285
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action),
1287
headerbar button:not(.suggested-action):not(.destructive-action) {
1288
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #4285F4 0%, transparent 0%) 0 0 0/0 0 0px;
1289
color: rgba(0, 0, 0, 0.54);
1290
}
1291
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):hover, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):active,
1293
headerbar button:not(.suggested-action):not(.destructive-action):hover,
1294
headerbar button:not(.suggested-action):not(.destructive-action):active {
1295
color: rgba(0, 0, 0, 0.87);
1296
}
1297
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):disabled,
1299
headerbar button:not(.suggested-action):not(.destructive-action):disabled {
1300
color: rgba(0, 0, 0, 0.26);
1301
}
1302
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked,
1304
headerbar button:not(.suggested-action):not(.destructive-action):checked {
1305
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #4285F4 100%, transparent 0%) 0 0 2/0 0 2px;
1306
color: rgba(0, 0, 0, 0.87);
1307
}
1308
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked:disabled,
1310
headerbar button:not(.suggested-action):not(.destructive-action):checked:disabled {
1311
color: rgba(0, 0, 0, 0.38);
1312
}
1313
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked:disabled,
1315
headerbar button:not(.suggested-action):not(.destructive-action):checked,
1316
headerbar button:not(.suggested-action):not(.destructive-action):checked:disabled {
1317
background-color: transparent;
1318
}
1319
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop,
1321
headerbar button:not(.suggested-action):not(.destructive-action):backdrop {
1322
color: rgba(0, 0, 0, 0.38);
1323
}
1324
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:hover, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:active,
1326
headerbar button:not(.suggested-action):not(.destructive-action):backdrop:hover,
1327
headerbar button:not(.suggested-action):not(.destructive-action):backdrop:active {
1328
color: rgba(0, 0, 0, 0.54);
1329
}
1330
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:disabled,
1332
headerbar button:not(.suggested-action):not(.destructive-action):backdrop:disabled {
1333
color: rgba(0, 0, 0, 0.26);
1334
}
1335
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked,
1337
headerbar button:not(.suggested-action):not(.destructive-action):backdrop:checked {
1338
color: rgba(0, 0, 0, 0.54);
1339
}
1340
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled,
1342
headerbar button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled {
1343
color: rgba(0, 0, 0, 0.26);
1344
}
1345
.titlebar:not(headerbar) button.suggested-action:disabled, .titlebar:not(headerbar) button.destructive-action:disabled,
1347
headerbar button.suggested-action:disabled,
1348
headerbar button.destructive-action:disabled {
1349
background-color: rgba(0, 0, 0, 0.12);
1350
color: rgba(0, 0, 0, 0.38);
1351
}
1352
.selection-mode.titlebar:not(headerbar),
1354
headerbar.selection-mode {
1355
transition: background-color 0.00001s 250ms, color 250ms cubic-bezier(0, 0, 0.2, 1);
1356
animation: header_ripple_effect 250ms cubic-bezier(0, 0, 0.2, 1);
1357
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);
1358
background-color: #4285F4;
1359
color: white;
1360
}
1361
.selection-mode.titlebar:backdrop:not(headerbar),
1363
headerbar.selection-mode:backdrop {
1364
color: rgba(255, 255, 255, 0.7);
1365
}
1366
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action),
1368
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action) {
1369
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0/0 0 0px;
1370
color: white;
1371
}
1372
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):disabled,
1374
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):disabled {
1375
color: rgba(255, 255, 255, 0.5);
1376
}
1377
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked,
1379
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):checked {
1380
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2/0 0 2px;
1381
color: white;
1382
}
1383
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked:disabled,
1385
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):checked:disabled {
1386
color: rgba(255, 255, 255, 0.5);
1387
}
1388
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop,
1390
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop {
1391
color: rgba(255, 255, 255, 0.7);
1392
}
1393
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:disabled,
1395
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:disabled {
1396
color: rgba(255, 255, 255, 0.3);
1397
}
1398
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked,
1400
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked {
1401
color: rgba(255, 255, 255, 0.7);
1402
}
1403
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled,
1405
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled {
1406
color: rgba(255, 255, 255, 0.3);
1407
}
1408
.selection-mode.titlebar:not(headerbar) .selection-menu,
1410
headerbar.selection-mode .selection-menu {
1411
padding-left: 16px;
1412
padding-right: 16px;
1413
}
1414
.selection-mode.titlebar:not(headerbar) .selection-menu arrow,
1416
headerbar.selection-mode .selection-menu arrow {
1417
-GtkArrow-arrow-scaling: 1;
1418
}
1419
.selection-mode.titlebar:not(headerbar) .selection-menu .arrow,
1421
headerbar.selection-mode .selection-menu .arrow {
1422
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
1423
}
1424
.tiled .titlebar:not(headerbar),
1426
.tiled-top .titlebar:not(headerbar),
1427
.tiled-right .titlebar:not(headerbar),
1428
.tiled-bottom .titlebar:not(headerbar),
1429
.tiled-left .titlebar:not(headerbar),
1430
.maximized .titlebar:not(headerbar),
1431
.fullscreen .titlebar:not(headerbar), .tiled
1432
headerbar,
1433
.tiled-top
1434
headerbar,
1435
.tiled-right
1436
headerbar,
1437
.tiled-bottom
1438
headerbar,
1439
.tiled-left
1440
headerbar,
1441
.maximized
1442
headerbar,
1443
.fullscreen
1444
headerbar {
1445
border-radius: 0;
1446
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
1447
}
1448
.default-decoration.titlebar:not(headerbar),
1450
headerbar.default-decoration {
1451
min-height: 20px;
1452
padding: 6px;
1453
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
1454
}
1455
.tiled .default-decoration.titlebar:not(headerbar),
1457
.maximized .default-decoration.titlebar:not(headerbar),
1458
.fullscreen .default-decoration.titlebar:not(headerbar), .tiled
1459
headerbar.default-decoration,
1460
.maximized
1461
headerbar.default-decoration,
1462
.fullscreen
1463
headerbar.default-decoration {
1464
box-shadow: none;
1465
}
1466
.default-decoration.titlebar:not(headerbar) button.titlebutton,
1468
headerbar.default-decoration button.titlebutton {
1469
min-height: 20px;
1470
min-width: 20px;
1471
margin: 0;
1472
padding: 0;
1473
}
1474
.background:not(.csd) .default-decoration.titlebar:not(headerbar) button.titlebutton:active, .background:not(.csd)
1476
headerbar.default-decoration button.titlebutton:active {
1477
background-size: 1000% 1000%;
1478
}
1479
headerbar entry,
1481
headerbar spinbutton,
1482
headerbar button {
1483
margin-top: 6px;
1484
margin-bottom: 6px;
1485
}
1486
headerbar switch {
1488
margin-top: 10px;
1489
margin-bottom: 10px;
1490
}
1491
headerbar spinbutton button {
1493
margin-top: 0;
1494
margin-bottom: 0;
1495
}
1496
.background .titlebar {
1498
border-top-left-radius: 2px;
1499
border-top-right-radius: 2px;
1500
}
1501
.background.tiled .titlebar,
1503
.background.tiled-top .titlebar,
1504
.background.tiled-right .titlebar,
1505
.background.tiled-bottom .titlebar,
1506
.background.tiled-left .titlebar,
1507
.background.maximized .titlebar,
1508
.background.solid-csd .titlebar {
1509
border-top-left-radius: 0;
1510
border-top-right-radius: 0;
1511
}
1512
window separator:first-child + headerbar,
1514
window headerbar:first-child {
1515
border-top-left-radius: 2px;
1516
}
1517
window headerbar:last-child {
1519
border-top-right-radius: 2px;
1520
}
1521
window stack headerbar:first-child, window stack headerbar:last-child {
1523
border-top-left-radius: 2px;
1524
border-top-right-radius: 2px;
1525
}
1526
window.tiled headerbar, window.tiled headerbar:first-child, window.tiled headerbar:last-child, window.tiled headerbar:only-child,
1528
window.tiled-top headerbar,
1529
window.tiled-top headerbar:first-child,
1530
window.tiled-top headerbar:last-child,
1531
window.tiled-top headerbar:only-child,
1532
window.tiled-right headerbar,
1533
window.tiled-right headerbar:first-child,
1534
window.tiled-right headerbar:last-child,
1535
window.tiled-right headerbar:only-child,
1536
window.tiled-bottom headerbar,
1537
window.tiled-bottom headerbar:first-child,
1538
window.tiled-bottom headerbar:last-child,
1539
window.tiled-bottom headerbar:only-child,
1540
window.tiled-left headerbar,
1541
window.tiled-left headerbar:first-child,
1542
window.tiled-left headerbar:last-child,
1543
window.tiled-left headerbar:only-child,
1544
window.maximized headerbar,
1545
window.maximized headerbar:first-child,
1546
window.maximized headerbar:last-child,
1547
window.maximized headerbar:only-child,
1548
window.fullscreen headerbar,
1549
window.fullscreen headerbar:first-child,
1550
window.fullscreen headerbar:last-child,
1551
window.fullscreen headerbar:only-child,
1552
window.solid-csd headerbar,
1553
window.solid-csd headerbar:first-child,
1554
window.solid-csd headerbar:last-child,
1555
window.solid-csd headerbar:only-child {
1556
border-top-left-radius: 0;
1557
border-top-right-radius: 0;
1558
}
1559
window.csd > .titlebar:not(headerbar) {
1561
padding: 0;
1562
background-color: transparent;
1563
background-image: none;
1564
border-style: none;
1565
box-shadow: none;
1566
}
1567
.titlebar:not(headerbar) > separator {
1569
background-color: #E0E0E0;
1570
background-image: image(rgba(0, 0, 0, 0.12));
1571
}
1572
/************
1574
* Pathbars *
1575
************/
1576
.caja-pathbar button,
1577
.path-bar button {
1578
padding-left: 4px;
1579
padding-right: 4px;
1580
}
1581
.caja-pathbar button label:not(:only-child):first-child,
1583
.path-bar button label:not(:only-child):first-child {
1584
margin-left: 4px;
1585
}
1586
.caja-pathbar button label:not(:only-child):last-child,
1588
.path-bar button label:not(:only-child):last-child {
1589
margin-right: 4px;
1590
}
1591
.caja-pathbar button.slider-button,
1593
.path-bar button.slider-button {
1594
padding-left: 4px;
1595
padding-right: 4px;
1596
}
1597
:not(headerbar) .caja-pathbar button, .caja-pathbar :not(headerbar) button, :not(headerbar)
1599
.path-bar button {
1600
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #4285F4 0%, transparent 0%) 0 0 0/0 0 0px;
1601
border-radius: 2px;
1602
}
1603
:not(headerbar) .caja-pathbar button:checked, .caja-pathbar :not(headerbar) button:checked, :not(headerbar)
1605
.path-bar button:checked {
1606
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #4285F4 100%, transparent 0%) 0 0 2/0 0 2px;
1607
}
1608
: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)
1610
.path-bar button:checked, :not(headerbar)
1611
.path-bar button:checked:disabled {
1612
background-color: transparent;
1613
}
1614
/**************
1616
* Tree Views *
1617
**************/
1618
treeview.view {
1619
border-left-color: rgba(0, 0, 0, 0.26);
1620
border-top-color: rgba(0, 0, 0, 0.12);
1621
}
1622
* {
1624
-GtkTreeView-horizontal-separator: 4;
1625
-GtkTreeView-grid-line-width: 1;
1626
-GtkTreeView-grid-line-pattern: '';
1627
-GtkTreeView-tree-line-width: 1;
1628
-GtkTreeView-tree-line-pattern: '';
1629
-GtkTreeView-expander-size: 16;
1630
}
1631
treeview.view:selected {
1633
border-left-color: rgba(255, 255, 255, 0.3);
1634
}
1635
treeview.view:hover, treeview.view:active, treeview.view:selected {
1637
border-radius: 0;
1638
}
1639
treeview.view.separator {
1641
min-height: 5px;
1642
color: rgba(0, 0, 0, 0.12);
1643
}
1644
treeview.view:drop(active) {
1646
border-style: solid none;
1647
border-width: 1px;
1648
border-color: #01A299;
1649
}
1650
treeview.view:drop(active).after {
1652
border-top-style: none;
1653
}
1654
treeview.view:drop(active).before {
1656
border-bottom-style: none;
1657
}
1658
treeview.view.expander {
1660
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
1661
-gtk-icon-transform: rotate(-90deg);
1662
color: rgba(0, 0, 0, 0.54);
1663
}
1664
treeview.view.expander:dir(rtl) {
1666
-gtk-icon-transform: rotate(90deg);
1667
}
1668
treeview.view.expander:checked {
1670
-gtk-icon-transform: unset;
1671
}
1672
treeview.view.expander:hover, treeview.view.expander:active {
1674
color: rgba(0, 0, 0, 0.87);
1675
}
1676
treeview.view.expander:disabled {
1678
color: rgba(0, 0, 0, 0.26);
1679
}
1680
treeview.view.expander:selected {
1682
color: rgba(255, 255, 255, 0.7);
1683
}
1684
treeview.view.expander:selected:hover, treeview.view.expander:selected:active {
1686
color: white;
1687
}
1688
treeview.view.expander:selected:disabled {
1690
color: rgba(255, 255, 255, 0.3);
1691
}
1692
treeview.view.progressbar {
1694
border-bottom: 4px solid #4285F4;
1695
box-shadow: none;
1696
background-color: transparent;
1697
}
1698
treeview.view.progressbar:selected {
1700
border-bottom-color: white;
1701
}
1702
treeview.view.trough {
1704
border-bottom: 4px solid rgba(66, 133, 244, 0.3);
1705
box-shadow: none;
1706
background-color: transparent;
1707
}
1708
treeview.view.trough:selected {
1710
border-bottom-color: rgba(255, 255, 255, 0.3);
1711
}
1712
treeview.view header button {
1714
padding: 2px 6px;
1715
border-style: none solid solid none;
1716
border-width: 1px;
1717
border-color: rgba(0, 0, 0, 0.12);
1718
border-radius: 0;
1719
background-clip: border-box;
1720
}
1721
treeview.view header button, treeview.view header button:hover, treeview.view header button:active {
1723
box-shadow: none;
1724
}
1725
treeview.view header button, treeview.view header button:disabled {
1727
background-color: #FFFFFF;
1728
}
1729
treeview.view header button:last-child {
1731
border-right-style: none;
1732
}
1733
treeview.view button.dnd,
1735
treeview.view header.button.dnd {
1736
padding: 2px 6px;
1737
border-style: none solid solid;
1738
border-width: 1px;
1739
border-color: rgba(0, 0, 0, 0.12);
1740
border-radius: 0;
1741
box-shadow: none;
1742
background-color: #FFFFFF;
1743
background-clip: border-box;
1744
color: #4285F4;
1745
}
1746
treeview.view acceleditor > label {
1748
background-color: #4285F4;
1749
}
1750
/*********
1752
* Menus *
1753
*********/
1754
menubar,
1755
.menubar {
1756
-GtkWidget-window-dragging: true;
1757
padding: 0;
1758
background-color: #E0E0E0;
1759
}
1760
menubar > menuitem,
1762
.menubar > menuitem {
1763
transition: all 150ms cubic-bezier(0, 0, 0.2, 1);
1764
min-height: 20px;
1765
padding: 4px 8px;
1766
color: rgba(0, 0, 0, 0.54);
1767
}
1768
menubar > menuitem:hover,
1770
.menubar > menuitem:hover {
1771
transition: none;
1772
background-color: rgba(0, 0, 0, 0.12);
1773
color: rgba(0, 0, 0, 0.87);
1774
}
1775
menubar > menuitem:disabled,
1777
.menubar > menuitem:disabled {
1778
color: rgba(0, 0, 0, 0.26);
1779
}
1780
menubar > menuitem label:disabled,
1782
.menubar > menuitem label:disabled {
1783
color: inherit;
1784
}
1785
.csd.popup {
1787
background-color: transparent;
1788
}
1789
menu,
1791
.menu,
1792
.context-menu {
1793
margin: 4px 0;
1794
padding: 4px 0;
1795
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
1796
background-color: #FFFFFF;
1797
border: 1px solid rgba(0, 0, 0, 0.12);
1798
}
1799
.csd menu, .csd
1801
.menu, .csd
1802
.context-menu {
1803
border: none;
1804
border-radius: 2px;
1805
}
1806
menu menuitem,
1808
.menu menuitem,
1809
.context-menu menuitem {
1810
transition: background-color 150ms cubic-bezier(0, 0, 0.2, 1);
1811
min-height: 20px;
1812
min-width: 40px;
1813
padding: 4px 8px;
1814
font: initial;
1815
text-shadow: none;
1816
}
1817
menu menuitem:hover,
1819
.menu menuitem:hover,
1820
.context-menu menuitem:hover {
1821
transition: none;
1822
background-color: rgba(0, 0, 0, 0.12);
1823
}
1824
menu menuitem:disabled,
1826
.menu menuitem:disabled,
1827
.context-menu menuitem:disabled {
1828
color: rgba(0, 0, 0, 0.38);
1829
}
1830
menu menuitem arrow,
1832
.menu menuitem arrow,
1833
.context-menu menuitem arrow {
1834
min-height: 16px;
1835
min-width: 16px;
1836
}
1837
menu menuitem arrow:dir(ltr),
1839
.menu menuitem arrow:dir(ltr),
1840
.context-menu menuitem arrow:dir(ltr) {
1841
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
1842
margin-left: 8px;
1843
}
1844
menu menuitem arrow:dir(rtl),
1846
.menu menuitem arrow:dir(rtl),
1847
.context-menu menuitem arrow:dir(rtl) {
1848
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl");
1849
margin-right: 8px;
1850
}
1851
menu menuitem label:dir(rtl), menu menuitem label:dir(ltr),
1853
.menu menuitem label:dir(rtl),
1854
.menu menuitem label:dir(ltr),
1855
.context-menu menuitem label:dir(rtl),
1856
.context-menu menuitem label:dir(ltr) {
1857
color: inherit;
1858
}
1859
menu > arrow,
1861
.menu > arrow,
1862
.context-menu > arrow {
1863
min-height: 16px;
1864
min-width: 16px;
1865
padding: 4px;
1866
background-color: #FFFFFF;
1867
color: rgba(0, 0, 0, 0.54);
1868
}
1869
menu > arrow.top,
1871
.menu > arrow.top,
1872
.context-menu > arrow.top {
1873
margin-top: -4px;
1874
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
1875
border-radius: 2px 2px 0 0;
1876
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
1877
}
1878
menu > arrow.bottom,
1880
.menu > arrow.bottom,
1881
.context-menu > arrow.bottom {
1882
margin-top: 8px;
1883
margin-bottom: -12px;
1884
border-top: 1px solid rgba(0, 0, 0, 0.12);
1885
border-radius: 0 0 2px 2px;
1886
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
1887
}
1888
menu > arrow:hover,
1890
.menu > arrow:hover,
1891
.context-menu > arrow:hover {
1892
background-image: image(rgba(0, 0, 0, 0.12));
1893
color: rgba(0, 0, 0, 0.87);
1894
}
1895
menu > arrow:disabled,
1897
.menu > arrow:disabled,
1898
.context-menu > arrow:disabled {
1899
border-color: transparent;
1900
background-color: transparent;
1901
color: transparent;
1902
}
1903
menu separator,
1905
.menu separator,
1906
.context-menu separator {
1907
margin: 4px 0;
1908
}
1909
menuitem accelerator {
1911
color: rgba(0, 0, 0, 0.54);
1912
}
1913
.popup:not(.csd) menu menuitem {
1915
color: #212121;
1916
}
1917
.popup:not(.csd) menu menuitem:hover {
1919
background-color: #E0E0E0;
1920
}
1921
.popup:not(.csd) menu menuitem:disabled {
1923
color: #9E9E9E;
1924
}
1925
.popup:not(.csd) menu accelerator {
1927
color: #757575;
1928
}
1929
/************
1931
* Popovers *
1932
************/
1933
popover.background {
1934
transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1);
1935
padding: 2px;
1936
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
1937
background-color: #FFFFFF;
1938
}
1939
popover.background:backdrop {
1941
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
1942
}
1943
popover.background, .csd popover.background {
1945
border-style: solid;
1946
border-width: 1px;
1947
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.3);
1948
border-radius: 3px;
1949
}
1950
popover.background > stack {
1952
margin: -4px;
1953
}
1954
popover.background > toolbar {
1956
margin: -2px;
1957
}
1958
popover.background > list,
1960
popover.background > .view,
1961
popover.background > toolbar {
1962
border-style: none;
1963
box-shadow: none;
1964
background-color: transparent;
1965
}
1966
popover.background.menu button,
1968
popover.background button.model {
1969
min-height: 32px;
1970
padding: 0 8px;
1971
border-radius: 2px;
1972
}
1973
popover.background separator {
1975
margin: 4px 0;
1976
}
1977
popover.background list separator {
1979
margin: 0;
1980
}
1981
/*************
1983
* Notebooks *
1984
*************/
1985
notebook > header {
1986
border-width: 1px;
1987
border-color: rgba(0, 0, 0, 0.12);
1988
background-color: #F2F2F2;
1989
background-clip: border-box;
1990
}
1991
notebook > header.top {
1993
border-bottom-style: solid;
1994
}
1995
notebook > header.top > tabs {
1997
margin-bottom: -1px;
1998
}
1999
notebook > header.top > tabs > tab:hover {
2001
box-shadow: inset 0 -2px rgba(0, 0, 0, 0.26);
2002
}
2003
notebook > header.top > tabs > tab:checked {
2005
box-shadow: inset 0 -2px #4285F4;
2006
}
2007
notebook > header.bottom {
2009
border-top-style: solid;
2010
}
2011
notebook > header.bottom > tabs {
2013
margin-top: -1px;
2014
}
2015
notebook > header.bottom > tabs > tab:hover {
2017
box-shadow: inset 0 2px rgba(0, 0, 0, 0.26);
2018
}
2019
notebook > header.bottom > tabs > tab:checked {
2021
box-shadow: inset 0 2px #4285F4;
2022
}
2023
notebook > header.left {
2025
border-right-style: solid;
2026
}
2027
notebook > header.left > tabs {
2029
margin-right: -1px;
2030
}
2031
notebook > header.left > tabs > tab:hover {
2033
box-shadow: inset -2px 0 rgba(0, 0, 0, 0.26);
2034
}
2035
notebook > header.left > tabs > tab:checked {
2037
box-shadow: inset -2px 0 #4285F4;
2038
}
2039
notebook > header.right {
2041
border-left-style: solid;
2042
}
2043
notebook > header.right > tabs {
2045
margin-left: -1px;
2046
}
2047
notebook > header.right > tabs > tab:hover {
2049
box-shadow: inset 2px 0 rgba(0, 0, 0, 0.26);
2050
}
2051
notebook > header.right > tabs > tab:checked {
2053
box-shadow: inset 2px 0 #4285F4;
2054
}
2055
notebook > header.top > tabs > arrow {
2057
border-top-style: none;
2058
}
2059
notebook > header.bottom > tabs > arrow {
2061
border-bottom-style: none;
2062
}
2063
notebook > header.top > tabs > arrow, notebook > header.bottom > tabs > arrow {
2065
padding-left: 4px;
2066
padding-right: 4px;
2067
}
2068
notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down {
2070
margin-left: -8px;
2071
-gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
2072
}
2073
notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up {
2075
margin-right: -8px;
2076
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
2077
}
2078
notebook > header.left > tabs > arrow {
2080
border-left-style: none;
2081
}
2082
notebook > header.right > tabs > arrow {
2084
border-right-style: none;
2085
}
2086
notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow {
2088
padding-top: 4px;
2089
padding-bottom: 4px;
2090
}
2091
notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down {
2093
margin-top: -8px;
2094
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
2095
}
2096
notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up {
2098
margin-bottom: -8px;
2099
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
2100
}
2101
notebook > header > tabs > arrow {
2103
min-height: 16px;
2104
min-width: 16px;
2105
border-radius: 0;
2106
}
2107
notebook > header tab {
2109
transition: all 250ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
2110
min-height: 20px;
2111
min-width: 20px;
2112
padding: 6px 12px;
2113
outline-offset: -6px;
2114
border-width: 1px;
2115
border-color: transparent;
2116
background-image: radial-gradient(circle farthest-corner at center, #4285F4 10%, transparent 0%);
2117
background-repeat: no-repeat;
2118
background-position: center;
2119
background-size: 0% 0%;
2120
color: rgba(0, 0, 0, 0.54);
2121
font-weight: 500;
2122
}
2123
notebook > header tab:hover {
2125
color: rgba(0, 0, 0, 0.87);
2126
}
2127
notebook > header tab:hover.reorderable-page {
2129
border-color: rgba(0, 0, 0, 0.12);
2130
background-color: #FAFAFA;
2131
}
2132
notebook > header tab:disabled {
2134
color: rgba(0, 0, 0, 0.26);
2135
}
2136
notebook > header tab:checked {
2138
transition: all 250ms cubic-bezier(0, 0, 0.2, 1), background-size 250ms cubic-bezier(0, 0, 0.2, 1), background-image 600ms cubic-bezier(0, 0, 0.2, 1);
2139
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
2140
background-size: 1000% 1000%;
2141
color: rgba(0, 0, 0, 0.87);
2142
}
2143
notebook > header tab:checked:disabled {
2145
color: rgba(0, 0, 0, 0.38);
2146
}
2147
notebook > header tab:checked.reorderable-page {
2149
border-color: rgba(0, 0, 0, 0.12);
2150
background-color: #FFFFFF;
2151
}
2152
notebook > header tab button.flat:last-child {
2154
margin-left: 6px;
2155
margin-right: -6px;
2156
}
2157
notebook > header tab button.flat:first-child {
2159
margin-left: -6px;
2160
margin-right: 6px;
2161
}
2162
notebook > header.top tabs, notebook > header.bottom tabs {
2164
padding-left: 8px;
2165
padding-right: 8px;
2166
}
2167
notebook > header.top tabs:not(:only-child):first-child, notebook > header.bottom tabs:not(:only-child):first-child {
2169
margin-left: 0;
2170
}
2171
notebook > header.top tabs:not(:only-child):last-child, notebook > header.bottom tabs:not(:only-child):last-child {
2173
margin-right: 0;
2174
}
2175
notebook > header.top tabs tab.reorderable-page, notebook > header.bottom tabs tab.reorderable-page {
2177
margin: 0 -1px;
2178
border-style: none solid;
2179
}
2180
notebook > header.left tabs, notebook > header.right tabs {
2182
padding-top: 8px;
2183
padding-bottom: 8px;
2184
}
2185
notebook > header.left tabs:not(:only-child):first-child, notebook > header.right tabs:not(:only-child):first-child {
2187
margin-top: 0;
2188
}
2189
notebook > header.left tabs:not(:only-child):last-child, notebook > header.right tabs:not(:only-child):last-child {
2191
margin-bottom: 0;
2192
}
2193
notebook > header.left tabs tab.reorderable-page, notebook > header.right tabs tab.reorderable-page {
2195
margin: -1px 0;
2196
border-style: solid none;
2197
}
2198
notebook > stack:not(:only-child) {
2200
background-color: #FFFFFF;
2201
}
2202
/**************
2204
* Scrollbars *
2205
**************/
2206
scrollbar {
2207
transition: all 250ms cubic-bezier(0, 0, 0.2, 1);
2208
background-color: #FFFFFF;
2209
background-clip: padding-box;
2210
}
2211
* {
2213
-GtkScrollbar-has-backward-stepper: false;
2214
-GtkScrollbar-has-forward-stepper: false;
2215
}
2216
scrollbar.top {
2218
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
2219
}
2220
scrollbar.bottom {
2222
border-top: 1px solid rgba(0, 0, 0, 0.12);
2223
}
2224
scrollbar.left {
2226
border-right: 1px solid rgba(0, 0, 0, 0.12);
2227
}
2228
scrollbar.right {
2230
border-left: 1px solid rgba(0, 0, 0, 0.12);
2231
}
2232
scrollbar slider {
2234
transition: all 150ms cubic-bezier(0, 0, 0.2, 1), margin 0, border-width 0;
2235
min-width: 8px;
2236
min-height: 8px;
2237
border: 4px solid transparent;
2238
border-radius: 9999px;
2239
background-clip: padding-box;
2240
background-color: rgba(0, 0, 0, 0.38);
2241
}
2242
scrollbar slider:hover {
2244
background-color: rgba(0, 0, 0, 0.54);
2245
}
2246
scrollbar slider:active {
2248
background-color: rgba(0, 0, 0, 0.87);
2249
}
2250
scrollbar slider:disabled {
2252
background-color: rgba(0, 0, 0, 0.26);
2253
}
2254
scrollbar.fine-tune slider {
2256
transition: all 150ms cubic-bezier(0, 0, 0.2, 1), margin 0, border-width 0, min-width 0, min-height 0;
2257
min-width: 4px;
2258
min-height: 4px;
2259
}
2260
scrollbar.fine-tune.horizontal slider {
2262
margin: 2px 0;
2263
}
2264
scrollbar.fine-tune.vertical slider {
2266
margin: 0 2px;
2267
}
2268
scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
2270
border-color: transparent;
2271
background-color: transparent;
2272
}
2273
scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider {
2275
min-width: 4px;
2276
min-height: 4px;
2277
margin: 3px;
2278
border: 1px solid rgba(255, 255, 255, 0.3);
2279
}
2280
scrollbar.overlay-indicator:not(.dragging):not(.hovering) button {
2282
min-width: 4px;
2283
min-height: 4px;
2284
margin: 3px;
2285
border: 1px solid rgba(255, 255, 255, 0.3);
2286
border-radius: 9999px;
2287
background-color: rgba(0, 0, 0, 0.38);
2288
background-clip: padding-box;
2289
-gtk-icon-source: none;
2290
}
2291
scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled {
2293
background-color: rgba(0, 0, 0, 0.26);
2294
}
2295
scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider {
2297
min-width: 24px;
2298
}
2299
scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button {
2301
min-width: 8px;
2302
}
2303
scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider {
2305
min-height: 24px;
2306
}
2307
scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button {
2309
min-height: 8px;
2310
}
2311
scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering {
2313
background-color: rgba(255, 255, 255, 0.9);
2314
}
2315
scrollbar.horizontal slider {
2317
min-width: 24px;
2318
}
2319
scrollbar.vertical slider {
2321
min-height: 24px;
2322
}
2323
scrollbar button {
2325
min-width: 16px;
2326
min-height: 16px;
2327
padding: 0;
2328
border-radius: 0;
2329
}
2330
scrollbar.vertical button.down {
2332
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
2333
}
2334
scrollbar.vertical button.up {
2336
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
2337
}
2338
scrollbar.horizontal button.down {
2340
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
2341
}
2342
scrollbar.horizontal button.up {
2344
-gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
2345
}
2346
/**********
2348
* Switch *
2349
**********/
2350
switch {
2351
transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1), opacity 250ms cubic-bezier(0, 0, 0.2, 1);
2352
margin: 6px 0;
2353
padding: 0 2px;
2354
border: 5px solid transparent;
2355
border-radius: 9999px;
2356
background-color: rgba(0, 0, 0, 0.26);
2357
background-clip: padding-box;
2358
font-size: 0;
2359
}
2360
switch:checked {
2362
background-color: rgba(1, 162, 153, 0.5);
2363
}
2364
switch:disabled {
2366
opacity: 0.5;
2367
}
2368
switch slider {
2370
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), box-shadow 250ms cubic-bezier(0, 0, 0.2, 1);
2371
min-width: 20px;
2372
min-height: 20px;
2373
margin: -3px -2px;
2374
border-radius: 9999px;
2375
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);
2376
background-color: #FFFFFF;
2377
color: rgba(0, 0, 0, 0.54);
2378
}
2379
switch:hover slider {
2381
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);
2382
}
2383
switch:focus slider {
2385
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);
2386
}
2387
switch:focus:hover slider {
2389
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);
2390
}
2391
switch:checked slider {
2393
background-color: #01A299;
2394
color: #01A299;
2395
}
2396
/*************************
2398
* Check and Radio items *
2399
*************************/
2400
.view.content-view.check:not(list),
2401
.content-view .tile check:not(list) {
2402
min-height: 40px;
2403
min-width: 40px;
2404
margin: 0;
2405
padding: 0;
2406
box-shadow: none;
2407
background-color: transparent;
2408
background-image: none;
2409
-gtk-icon-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
2410
}
2411
.view.content-view.check:not(list):hover, .view.content-view.check:not(list):active,
2413
.content-view .tile check:not(list):hover,
2414
.content-view .tile check:not(list):active {
2415
-gtk-icon-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
2416
}
2417
.view.content-view.check:not(list),
2419
.content-view .tile check:not(list) {
2420
-gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-unchecked.png"), url("assets/selectionmode-checkbox-unchecked@2.png"));
2421
}
2422
.view.content-view.check:not(list):checked,
2424
.content-view .tile check:not(list):checked {
2425
-gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-checked.png"), url("assets/selectionmode-checkbox-checked@2.png"));
2426
}
2427
checkbutton,
2429
radiobutton {
2430
outline: none;
2431
}
2432
checkbutton.text-button,
2434
radiobutton.text-button {
2435
padding: 2px;
2436
}
2437
checkbutton.text-button label:not(:only-child),
2439
radiobutton.text-button label:not(:only-child) {
2440
margin: 0 4px;
2441
}
2442
check,
2444
radio {
2445
min-height: 24px;
2446
min-width: 24px;
2447
margin: -8px;
2448
padding: 8px;
2449
}
2450
check:focus,
2452
radio:focus {
2453
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.2);
2454
}
2455
check:hover,
2457
radio:hover {
2458
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.12);
2459
}
2460
check:checked, check:indeterminate,
2462
radio:checked,
2463
radio:indeterminate {
2464
color: #01A299;
2465
}
2466
check:checked:disabled, check:indeterminate:disabled,
2468
radio:checked:disabled,
2469
radio:indeterminate:disabled {
2470
color: rgba(1, 162, 153, 0.5);
2471
}
2472
row:selected check:not(:checked):not(:indeterminate), row:selected
2474
radio:not(:checked):not(:indeterminate) {
2475
color: rgba(255, 255, 255, 0.7);
2476
}
2477
row:selected check:not(:checked):not(:indeterminate):hover, row:selected check:not(:checked):not(:indeterminate):active, row:selected
2479
radio:not(:checked):not(:indeterminate):hover, row:selected
2480
radio:not(:checked):not(:indeterminate):active {
2481
color: white;
2482
}
2483
row:selected check:not(:checked):not(:indeterminate):disabled, row:selected
2485
radio:not(:checked):not(:indeterminate):disabled {
2486
color: rgba(255, 255, 255, 0.3);
2487
}
2488
popover check, popover check:focus, popover check:hover, popover check:active, popover check:disabled, popover
2490
radio, popover
2491
radio:focus, popover
2492
radio:hover, popover
2493
radio:active, popover
2494
radio:disabled {
2495
transition: none;
2496
box-shadow: none;
2497
background-image: none;
2498
}
2499
popover check:not(:checked):not(:indeterminate):not(:disabled), popover
2501
radio:not(:checked):not(:indeterminate):not(:disabled) {
2502
color: rgba(0, 0, 0, 0.54);
2503
}
2504
popover check.left:dir(rtl), popover
2506
radio.left:dir(rtl) {
2507
margin-left: -12px;
2508
margin-right: -4px;
2509
}
2510
popover check.right:dir(ltr), popover
2512
radio.right:dir(ltr) {
2513
margin-left: -4px;
2514
margin-right: -12px;
2515
}
2516
menu menuitem check, menu menuitem
2518
radio {
2519
transition: none;
2520
margin: 0;
2521
padding: 0;
2522
}
2523
menu menuitem check:dir(ltr), menu menuitem
2525
radio:dir(ltr) {
2526
margin-right: 8px;
2527
}
2528
menu menuitem check:dir(rtl), menu menuitem
2530
radio:dir(rtl) {
2531
margin-left: 8px;
2532
}
2533
menu menuitem check:not(:checked):not(:indeterminate):not(:disabled), menu menuitem
2535
radio:not(:checked):not(:indeterminate):not(:disabled) {
2536
color: rgba(0, 0, 0, 0.54);
2537
}
2538
menu menuitem check, menu menuitem check:hover, menu menuitem check:disabled, menu menuitem
2540
radio, menu menuitem
2541
radio:hover, menu menuitem
2542
radio:disabled {
2543
box-shadow: none;
2544
}
2545
check {
2548
-gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-unchecked-symbolic.svg"));
2549
}
2550
check:checked {
2553
-gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-checked-symbolic.svg"));
2554
}
2555
check:indeterminate {
2558
-gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-mixed-symbolic.svg"));
2559
}
2560
radio {
2563
-gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-unchecked-symbolic.svg"));
2564
border-image-slice: 20;
2565
border-image-width: 20px;
2566
}
2567
radio:indeterminate {
2570
-gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-mixed-symbolic.svg"));
2571
}
2572
radio {
2575
border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#01A299), to(transparent));
2576
}
2577
radio:checked:not(:indeterminate) {
2580
border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.125, to(#01A299), to(transparent));
2581
}
2582
radio:checked:not(:indeterminate):disabled {
2585
border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.125, to(rgba(1, 162, 153, 0.5)), to(transparent));
2586
}
2587
window.background:not(.csd) > widget > checkbutton > check,
2589
menu menuitem check {
2590
min-height: 16px;
2591
min-width: 16px;
2592
border-radius: 2px;
2593
-gtk-outline-radius: 2px;
2594
-gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-unchecked-symbolic.svg"));
2595
}
2596
window.background:not(.csd) > widget > checkbutton > check:checked,
2598
menu menuitem check:checked {
2599
-gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-checked-symbolic.svg"));
2600
}
2601
window.background:not(.csd) > widget > checkbutton > check:indeterminate,
2603
menu menuitem check:indeterminate {
2604
-gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-mixed-symbolic.svg"));
2605
}
2606
window.background:not(.csd) > widget > radiobutton > radio,
2608
menu menuitem radio {
2609
min-height: 16px;
2610
min-width: 16px;
2611
border-image: none;
2612
-gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-unchecked-symbolic.svg"));
2613
}
2614
window.background:not(.csd) > widget > radiobutton > radio:checked,
2616
menu menuitem radio:checked {
2617
-gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-checked-symbolic.svg"));
2618
}
2619
window.background:not(.csd) > widget > radiobutton > radio:indeterminate,
2621
menu menuitem radio:indeterminate {
2622
-gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-mixed-symbolic.svg"));
2623
}
2624
check:not(:checked):active {
2626
-gtk-icon-transform: rotate(90deg);
2627
}
2628
check:not(:checked):indeterminate:active,
2630
radio:not(:checked):indeterminate:active {
2631
-gtk-icon-transform: scaleX(-1);
2632
}
2633
check:not(:checked),
2635
radio:not(:checked) {
2636
transition: all 250ms cubic-bezier(0, 0, 0.2, 1), background-size 350ms cubic-bezier(0, 0, 0.2, 1), background-image 1000ms cubic-bezier(0, 0, 0.2, 1), -gtk-icon-transform 0;
2637
}
2638
check:not(:checked):active,
2640
radio:not(:checked):active {
2641
transition: all 250ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0, -gtk-icon-transform 0;
2642
}
2643
menu menuitem check:not(:checked), menu menuitem
2645
radio:not(:checked) {
2646
transition: none;
2647
}
2648
treeview.view check,
2650
treeview.view radio {
2651
padding: 0;
2652
}
2653
treeview.view check:hover,
2655
treeview.view radio:hover {
2656
box-shadow: inset 0 0 0 9999px alpha(rgba(0, 0, 0, 0.87), 0.05);
2657
}
2658
treeview.view check:hover:disabled,
2660
treeview.view radio:hover:disabled {
2661
box-shadow: none;
2662
}
2663
treeview.view check:hover:selected,
2665
treeview.view radio:hover:selected {
2666
box-shadow: inset 0 0 0 9999px alpha(white, 0.05);
2667
}
2668
treeview.view check,
2670
treeview.view radio {
2671
color: rgba(0, 0, 0, 0.54);
2672
}
2673
treeview.view check:hover, treeview.view check:active,
2675
treeview.view radio:hover,
2676
treeview.view radio:active {
2677
color: rgba(0, 0, 0, 0.87);
2678
}
2679
treeview.view check:disabled,
2681
treeview.view radio:disabled {
2682
color: rgba(0, 0, 0, 0.26);
2683
}
2684
treeview.view check:checked, treeview.view check:indeterminate,
2686
treeview.view radio:checked,
2687
treeview.view radio:indeterminate {
2688
color: #01A299;
2689
}
2690
treeview.view check:checked:disabled, treeview.view check:indeterminate:disabled,
2692
treeview.view radio:checked:disabled,
2693
treeview.view radio:indeterminate:disabled {
2694
color: rgba(1, 162, 153, 0.5);
2695
}
2696
treeview.view check:selected,
2698
treeview.view radio:selected {
2699
color: rgba(255, 255, 255, 0.7);
2700
}
2701
treeview.view check:selected:hover, treeview.view check:selected:active,
2703
treeview.view radio:selected:hover,
2704
treeview.view radio:selected:active {
2705
color: white;
2706
}
2707
treeview.view check:selected:disabled,
2709
treeview.view radio:selected:disabled {
2710
color: rgba(255, 255, 255, 0.3);
2711
}
2712
treeview.view check:selected:checked, treeview.view check:selected:indeterminate,
2714
treeview.view radio:selected:checked,
2715
treeview.view radio:selected:indeterminate {
2716
color: #01A299;
2717
}
2718
treeview.view check:selected:checked:disabled, treeview.view check:selected:indeterminate:disabled,
2720
treeview.view radio:selected:checked:disabled,
2721
treeview.view radio:selected:indeterminate:disabled {
2722
color: rgba(1, 162, 153, 0.5);
2723
}
2724
treeview.view radio:checked {
2726
-gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-checked-symbolic.svg"));
2727
border-image: none;
2728
}
2729
/************
2731
* GtkScale *
2732
************/
2733
scale {
2734
min-height: 2px;
2735
min-width: 2px;
2736
}
2737
scale.horizontal {
2739
padding: 15px 12px;
2740
}
2741
scale.vertical {
2743
padding: 12px 15px;
2744
}
2745
scale slider {
2747
min-height: 32px;
2748
min-width: 32px;
2749
margin: -15px;
2750
}
2751
scale.fine-tune.horizontal {
2753
min-height: 4px;
2754
padding-top: 14px;
2755
padding-bottom: 14px;
2756
}
2757
scale.fine-tune.vertical {
2759
min-width: 4px;
2760
padding-left: 14px;
2761
padding-right: 14px;
2762
}
2763
scale.fine-tune slider {
2765
margin: -14px;
2766
}
2767
scale trough {
2769
transition: background-color 250ms cubic-bezier(0, 0, 0.2, 1);
2770
outline: none;
2771
background-color: rgba(0, 0, 0, 0.26);
2772
}
2773
scale trough:disabled {
2775
background-color: rgba(0, 0, 0, 0.12);
2776
}
2777
scale highlight {
2779
transition: background-color 250ms cubic-bezier(0, 0, 0.2, 1);
2780
background-color: #01A299;
2781
}
2782
scale highlight:disabled {
2784
background-color: transparent;
2785
}
2786
scale fill {
2788
transition: background-color 250ms cubic-bezier(0, 0, 0.2, 1);
2789
background-color: rgba(0, 0, 0, 0.26);
2790
}
2791
scale fill:disabled {
2793
background-color: transparent;
2794
}
2795
scale slider {
2797
transition: background-color 250ms cubic-bezier(0, 0, 0.2, 1), background-size 350ms cubic-bezier(0, 0, 0.2, 1), background-image 1000ms cubic-bezier(0, 0, 0.2, 1);
2798
background-repeat: no-repeat;
2799
background-position: center;
2800
background-size: auto, 1000% 1000%;
2801
border-radius: 50%;
2802
color: transparent;
2803
}
2804
scale slider {
2806
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%);
2807
}
2808
scale slider:disabled {
2810
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%);
2811
}
2812
scale slider:focus {
2814
background-color: rgba(1, 162, 153, 0.16);
2815
}
2816
scale slider:hover {
2818
background-color: rgba(1, 162, 153, 0.12);
2819
}
2820
scale slider:active {
2822
transition: background-color 250ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
2823
animation: scale_ripple_effect 250ms cubic-bezier(0, 0, 0.2, 1) forwards;
2824
background-size: auto, 0% 0%;
2825
background-color: rgba(1, 162, 153, 0.12);
2826
color: rgba(1, 162, 153, 0.12);
2827
}
2828
scale marks label,
2830
scale value {
2831
color: rgba(0, 0, 0, 0.38);
2832
}
2833
scale marks {
2835
color: rgba(0, 0, 0, 0.26);
2836
}
2837
scale marks.top {
2839
margin-bottom: 7px;
2840
margin-top: -15px;
2841
}
2842
scale marks.bottom {
2844
margin-top: 7px;
2845
margin-bottom: -15px;
2846
}
2847
scale marks.left {
2849
margin-right: 7px;
2850
margin-left: -15px;
2851
}
2852
scale marks.right {
2854
margin-left: 7px;
2855
margin-right: -15px;
2856
}
2857
scale.fine-tune marks.top {
2859
margin-bottom: 6px;
2860
margin-top: -14px;
2861
}
2862
scale.fine-tune marks.bottom {
2864
margin-top: 6px;
2865
margin-bottom: -14px;
2866
}
2867
scale.fine-tune marks.left {
2869
margin-right: 6px;
2870
margin-left: -14px;
2871
}
2872
scale.fine-tune marks.right {
2874
margin-left: 6px;
2875
margin-right: -14px;
2876
}
2877
scale.horizontal indicator {
2879
min-height: 8px;
2880
min-width: 1px;
2881
}
2882
scale.vertical indicator {
2884
min-height: 1px;
2885
min-width: 8px;
2886
}
2887
scale.horizontal.marks-before:not(.marks-after) slider {
2889
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%);
2890
}
2891
scale.horizontal.marks-before:not(.marks-after) slider:disabled {
2893
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%);
2894
}
2895
scale.horizontal.marks-after:not(.marks-before) slider {
2897
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%);
2898
}
2899
scale.horizontal.marks-after:not(.marks-before) slider:disabled {
2901
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%);
2902
}
2903
scale.vertical.marks-before:not(.marks-after) slider {
2905
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%);
2906
}
2907
scale.vertical.marks-before:not(.marks-after) slider:disabled {
2909
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%);
2910
}
2911
scale.vertical.marks-after:not(.marks-before) slider {
2913
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%);
2914
}
2915
scale.vertical.marks-after:not(.marks-before) slider:disabled {
2917
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%);
2918
}
2919
scale.color {
2921
min-height: 0;
2922
min-width: 0;
2923
}
2924
scale.color.horizontal {
2926
padding: 0 0 12px 0;
2927
}
2928
scale.color.horizontal slider:dir(ltr), scale.color.horizontal slider:dir(rtl) {
2930
margin-bottom: -24px;
2931
margin-top: 8px;
2932
}
2933
scale.color.vertical:dir(ltr) {
2935
padding: 0 0 0 12px;
2936
}
2937
scale.color.vertical:dir(ltr) slider {
2939
margin-left: -24px;
2940
margin-right: 8px;
2941
}
2942
scale.color.vertical:dir(rtl) {
2944
padding: 0 12px 0 0;
2945
}
2946
scale.color.vertical:dir(rtl) slider {
2948
margin-right: -24px;
2949
margin-left: 8px;
2950
}
2951
/*****************
2953
* Progress bars *
2954
*****************/
2955
progressbar {
2956
color: rgba(0, 0, 0, 0.38);
2957
font-size: smaller;
2958
}
2959
progressbar.horizontal trough,
2961
progressbar.horizontal progress {
2962
min-height: 4px;
2963
}
2964
progressbar.vertical trough,
2966
progressbar.vertical progress {
2967
min-width: 4px;
2968
}
2969
progressbar trough {
2971
background-color: rgba(66, 133, 244, 0.3);
2972
}
2973
progressbar progress {
2975
background-color: #4285F4;
2976
}
2977
progressbar trough.empty progress {
2979
all: unset;
2980
}
2981
/*************
2983
* Level Bar *
2984
*************/
2985
levelbar.horizontal block {
2986
min-height: 4px;
2987
}
2988
levelbar.horizontal.discrete block {
2990
min-width: 32px;
2991
}
2992
levelbar.horizontal.discrete block:not(:last-child) {
2994
margin-right: 2px;
2995
}
2996
levelbar.vertical block {
2998
min-width: 4px;
2999
}
3000
levelbar.vertical.discrete block {
3002
min-height: 32px;
3003
}
3004
levelbar.vertical.discrete block:not(:last-child) {
3006
margin-bottom: 2px;
3007
}
3008
levelbar block.low {
3010
background-color: #FBBC05;
3011
}
3012
levelbar block.high, levelbar block:not(.empty) {
3014
background-color: #4285F4;
3015
}
3016
levelbar block.full {
3018
background-color: #34A853;
3019
}
3020
levelbar block.empty {
3022
background-color: rgba(0, 0, 0, 0.12);
3023
}
3024
/****************
3026
* Print dialog *
3027
*****************/
3028
printdialog paper {
3029
padding: 0;
3030
border: 1px solid rgba(0, 0, 0, 0.12);
3031
background-color: #FFFFFF;
3032
color: rgba(0, 0, 0, 0.87);
3033
}
3034
printdialog .dialog-action-box {
3036
margin: 12px;
3037
}
3038
/**********
3040
* Frames *
3041
**********/
3042
frame > border,
3043
.frame {
3044
margin: 0;
3045
padding: 0;
3046
border: 1px solid rgba(0, 0, 0, 0.12);
3047
border-radius: 0;
3048
box-shadow: none;
3049
}
3050
frame > border.flat,
3052
.frame.flat,
3053
frame.flat > border {
3054
border-style: none;
3055
}
3056
actionbar > revealer > box {
3058
padding: 6px;
3059
border-top: 1px solid rgba(0, 0, 0, 0.12);
3060
}
3061
scrolledwindow viewport.frame {
3063
border-style: none;
3064
}
3065
overshoot.top {
3067
background-image: -gtk-gradient(radial, center top, 0, center top, 0.75, to(rgba(123, 170, 247, 0.3)), to(transparent));
3068
background-repeat: no-repeat;
3069
background-position: center top;
3070
background-color: transparent;
3071
border: none;
3072
box-shadow: none;
3073
}
3074
overshoot.bottom {
3076
background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.75, to(rgba(123, 170, 247, 0.3)), to(transparent));
3077
background-repeat: no-repeat;
3078
background-position: center bottom;
3079
background-color: transparent;
3080
border: none;
3081
box-shadow: none;
3082
}
3083
overshoot.left {
3085
background-image: -gtk-gradient(radial, left center, 0, left center, 0.75, to(rgba(123, 170, 247, 0.3)), to(transparent));
3086
background-repeat: no-repeat;
3087
background-position: left center;
3088
background-color: transparent;
3089
border: none;
3090
box-shadow: none;
3091
}
3092
overshoot.right {
3094
background-image: -gtk-gradient(radial, right center, 0, right center, 0.75, to(rgba(123, 170, 247, 0.3)), to(transparent));
3095
background-repeat: no-repeat;
3096
background-position: right center;
3097
background-color: transparent;
3098
border: none;
3099
box-shadow: none;
3100
}
3101
undershoot.top {
3103
background-color: transparent;
3104
background-image: linear-gradient(to left, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%);
3105
padding-top: 1px;
3106
background-size: 12px 1px;
3107
background-repeat: repeat-x;
3108
background-origin: content-box;
3109
background-position: left top;
3110
}
3111
undershoot.bottom {
3113
background-color: transparent;
3114
background-image: linear-gradient(to left, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%);
3115
padding-bottom: 1px;
3116
background-size: 12px 1px;
3117
background-repeat: repeat-x;
3118
background-origin: content-box;
3119
background-position: left bottom;
3120
}
3121
undershoot.left {
3123
background-color: transparent;
3124
background-image: linear-gradient(to top, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%);
3125
padding-left: 1px;
3126
background-size: 1px 12px;
3127
background-repeat: repeat-y;
3128
background-origin: content-box;
3129
background-position: left top;
3130
}
3131
undershoot.right {
3133
background-color: transparent;
3134
background-image: linear-gradient(to top, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%);
3135
padding-right: 1px;
3136
background-size: 1px 12px;
3137
background-repeat: repeat-y;
3138
background-origin: content-box;
3139
background-position: right top;
3140
}
3141
junction {
3143
border-style: solid none none solid;
3144
border-width: 1px;
3145
border-color: rgba(0, 0, 0, 0.12);
3146
background-color: #FFFFFF;
3147
}
3148
junction:dir(rtl) {
3150
border-style: solid solid none none;
3151
}
3152
separator {
3154
min-width: 1px;
3155
min-height: 1px;
3156
background-color: rgba(0, 0, 0, 0.12);
3157
}
3158
button.font separator,
3161
button.file separator, .tweak-categories separator {
3162
min-width: 0;
3163
min-height: 0;
3164
background-color: transparent;
3165
}
3166
/*********
3168
* Lists *
3169
*********/
3170
list {
3171
border-color: rgba(0, 0, 0, 0.12);
3172
background-color: #FFFFFF;
3173
}
3174
list row {
3176
padding: 2px;
3177
}
3178
row.activatable, .view, treeview.view header button, .budgie-menu button {
3180
transition: all 250ms cubic-bezier(0, 0, 0.2, 1), background-color 0, color 0, background-size 350ms cubic-bezier(0, 0, 0.2, 1), background-image 1000ms cubic-bezier(0, 0, 0.2, 1);
3181
box-shadow: inset 0 0 0 9999px transparent;
3182
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
3183
background-repeat: no-repeat;
3184
background-position: center;
3185
background-size: 1000% 1000%;
3186
}
3187
row.activatable:hover, .view:hover, treeview.view header button:hover, .budgie-menu button:hover {
3189
transition: all 250ms cubic-bezier(0, 0, 0.2, 1), background-color 0, color 0, box-shadow 0, background-size 350ms cubic-bezier(0, 0, 0.2, 1), background-image 1000ms cubic-bezier(0, 0, 0.2, 1);
3190
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.06);
3191
}
3192
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 {
3194
transition: all 250ms cubic-bezier(0, 0, 0.2, 1), background-color 0, color 0, background-size 0, background-image 0;
3195
animation: ripple_effect 250ms cubic-bezier(0, 0, 0.2, 1) forwards;
3196
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.12);
3197
background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.12) 10%, transparent 0%);
3198
background-size: 0% 0%;
3199
}
3200
/*********************
3202
* App Notifications *
3203
*********************/
3204
.app-notification {
3205
margin: 8px;
3206
}
3207
.app-notification.frame,
3209
.app-notification border {
3210
border-style: none;
3211
}
3212
/*************
3214
* Expanders *
3215
*************/
3216
expander title > arrow {
3217
transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
3218
min-width: 16px;
3219
min-height: 16px;
3220
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
3221
-gtk-icon-transform: rotate(-90deg);
3222
color: rgba(0, 0, 0, 0.54);
3223
}
3224
expander title > arrow:dir(rtl) {
3226
-gtk-icon-transform: rotate(90deg);
3227
}
3228
expander title > arrow:checked {
3230
-gtk-icon-transform: unset;
3231
}
3232
expander title > arrow:hover, expander title > arrow:active {
3234
color: rgba(0, 0, 0, 0.87);
3235
}
3236
expander title > arrow:disabled {
3238
color: rgba(0, 0, 0, 0.26);
3239
}
3240
expander title > arrow:selected {
3242
color: rgba(255, 255, 255, 0.7);
3243
}
3244
expander title > arrow:selected:hover, expander title > arrow:selected:active {
3246
color: white;
3247
}
3248
expander title > arrow:selected:disabled {
3250
color: rgba(255, 255, 255, 0.3);
3251
}
3252
/************
3254
* Calendar *
3255
************/
3256
calendar {
3257
padding: 1px;
3258
border: 1px solid rgba(0, 0, 0, 0.12);
3259
color: rgba(0, 0, 0, 0.87);
3260
}
3261
calendar:disabled {
3263
color: rgba(0, 0, 0, 0.38);
3264
}
3265
calendar:selected {
3267
border-radius: 3px;
3268
}
3269
calendar.header {
3271
border-style: none none solid;
3272
border-radius: 0;
3273
}
3274
calendar.highlight {
3276
color: rgba(0, 0, 0, 0.54);
3277
font-weight: 500;
3278
}
3279
calendar:indeterminate {
3281
color: rgba(0, 0, 0, 0.26);
3282
}
3283
/***********
3285
* Dialogs *
3286
***********/
3287
messagedialog.background {
3288
background-color: #FFFFFF;
3289
}
3290
messagedialog .titlebar {
3292
min-height: 20px;
3293
border-style: none;
3294
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
3295
background-color: #FFFFFF;
3296
color: rgba(0, 0, 0, 0.87);
3297
}
3298
messagedialog .titlebar:backdrop {
3300
color: rgba(0, 0, 0, 0.54);
3301
}
3302
messagedialog.csd.background {
3304
border-bottom-left-radius: 2px;
3305
border-bottom-right-radius: 2px;
3306
}
3307
messagedialog.csd .dialog-action-area {
3309
margin-top: -6px;
3310
padding: 6px;
3311
}
3312
messagedialog.csd .dialog-action-area button {
3314
border-radius: 2px;
3315
}
3316
messagedialog.csd .dialog-action-area button:not(:last-child) {
3318
margin-right: 6px;
3319
}
3320
messagedialog.csd .dialog-action-area button.suggested-action:not(:disabled) {
3322
color: #01A299;
3323
}
3324
messagedialog.csd .dialog-action-area button.destructive-action:not(:disabled) {
3326
color: #EA4335;
3327
}
3328
filechooser .dialog-action-box {
3330
border-top: 1px solid rgba(0, 0, 0, 0.12);
3331
}
3332
filechooser #pathbarbox {
3334
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
3335
background-color: #F2F2F2;
3336
}
3337
filechooserbutton:drop(active) {
3339
box-shadow: none;
3340
}
3341
/***********
3343
* Sidebar *
3344
***********/
3345
.sidebar {
3346
border-style: none;
3347
background-color: #FAFAFA;
3348
}
3349
stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left, .sidebar.left:dir(rtl) {
3351
border-right: 1px solid rgba(0, 0, 0, 0.12);
3352
border-left-style: none;
3353
}
3354
stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right {
3356
border-left: 1px solid rgba(0, 0, 0, 0.12);
3357
border-right-style: none;
3358
}
3359
.sidebar list {
3361
background-color: transparent;
3362
}
3363
paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar {
3365
border-style: none;
3366
}
3367
stacksidebar row {
3369
padding: 10px 4px;
3370
}
3371
stacksidebar row > label {
3373
padding-left: 6px;
3374
padding-right: 6px;
3375
}
3376
/****************
3378
* File chooser *
3379
****************/
3380
row image.sidebar-icon {
3381
color: rgba(0, 0, 0, 0.54);
3382
}
3383
row:selected image.sidebar-icon {
3385
color: rgba(255, 255, 255, 0.7);
3386
}
3387
placessidebar > viewport.frame {
3389
border-style: none;
3390
}
3391
placessidebar list {
3393
padding: 1px 0 4px;
3394
}
3395
placessidebar row {
3397
min-height: 32px;
3398
margin: -1px 0;
3399
padding: 0;
3400
}
3401
placessidebar row > revealer {
3403
padding: 0 12px;
3404
}
3405
placessidebar row:selected {
3407
color: white;
3408
}
3409
placessidebar row:disabled {
3411
color: rgba(0, 0, 0, 0.38);
3412
}
3413
placessidebar row image.sidebar-icon:dir(ltr) {
3415
padding-right: 8px;
3416
}
3417
placessidebar row image.sidebar-icon:dir(rtl) {
3419
padding-left: 8px;
3420
}
3421
placessidebar row label.sidebar-label:dir(ltr) {
3423
padding-right: 2px;
3424
}
3425
placessidebar row label.sidebar-label:dir(rtl) {
3427
padding-left: 2px;
3428
}
3429
placessidebar row.sidebar-placeholder-row {
3431
min-height: 2px;
3432
padding: 0 8px;
3433
background-image: image(#01A299);
3434
background-clip: content-box;
3435
}
3436
placessidebar row.sidebar-new-bookmark-row {
3438
color: #01A299;
3439
}
3440
placessidebar row:drop(active):not(:disabled) {
3442
box-shadow: inset 0 0 0 2px #01A299;
3443
}
3444
placesview .server-list-button > image {
3446
-gtk-icon-transform: rotate(0turn);
3447
}
3448
placesview .server-list-button:checked > image {
3450
-gtk-icon-transform: rotate(-0.5turn);
3451
}
3452
placesview > actionbar > revealer > box > label {
3454
padding-left: 8px;
3455
padding-right: 8px;
3456
}
3457
/*********
3459
* Paned *
3460
*********/
3461
paned > separator {
3462
min-width: 1px;
3463
min-height: 1px;
3464
-gtk-icon-source: none;
3465
border-style: none;
3466
background-color: transparent;
3467
background-image: image(rgba(0, 0, 0, 0.12));
3468
background-size: 1px 1px;
3469
background-clip: content-box;
3470
}
3471
paned > separator.wide {
3473
min-width: 6px;
3474
min-height: 6px;
3475
background-color: #F2F2F2;
3476
background-image: image(rgba(0, 0, 0, 0.12)), image(rgba(0, 0, 0, 0.12));
3477
background-size: 1px 1px, 1px 1px;
3478
}
3479
paned.horizontal > separator {
3481
background-repeat: repeat-y;
3482
}
3483
paned.horizontal > separator:dir(ltr) {
3485
margin: 0 -8px 0 0;
3486
padding: 0 8px 0 0;
3487
background-position: left;
3488
}
3489
paned.horizontal > separator:dir(rtl) {
3491
margin: 0 0 0 -8px;
3492
padding: 0 0 0 8px;
3493
background-position: right;
3494
}
3495
paned.horizontal > separator.wide {
3497
margin: 0;
3498
padding: 0;
3499
background-repeat: repeat-y, repeat-y;
3500
background-position: left, right;
3501
}
3502
paned.vertical > separator {
3504
margin: 0 0 -8px 0;
3505
padding: 0 0 8px 0;
3506
background-repeat: repeat-x;
3507
background-position: top;
3508
}
3509
paned.vertical > separator.wide {
3511
margin: 0;
3512
padding: 0;
3513
background-repeat: repeat-x, repeat-x;
3514
background-position: bottom, top;
3515
}
3516
/**************
3518
* GtkInfoBar *
3519
**************/
3520
infobar {
3521
border-style: none;
3522
}
3523
infobar.info {
3525
background-color: #34A853;
3526
}
3527
infobar.question {
3529
background-color: #4285F4;
3530
}
3531
infobar.warning {
3533
background-color: #FBBC05;
3534
}
3535
infobar.error {
3537
background-color: #EA4335;
3538
}
3539
infobar.info > label, infobar.info, infobar.question > label, infobar.question, infobar.warning > label, infobar.warning, infobar.error > label, infobar.error {
3541
color: white;
3542
}
3543
/************
3545
* Tooltips *
3546
************/
3547
tooltip {
3548
border-radius: 2px;
3549
box-shadow: none;
3550
}
3551
tooltip.background {
3553
background-color: rgba(97, 97, 97, 0.9);
3554
color: white;
3555
}
3556
tooltip decoration {
3558
background-color: transparent;
3559
}
3560
tooltip label {
3562
min-height: 20px;
3563
padding: 0 2px;
3564
}
3565
/*****************
3567
* Color Chooser *
3568
*****************/
3569
colorswatch.top {
3570
border-top-left-radius: 2.5px;
3571
border-top-right-radius: 2.5px;
3572
}
3573
colorswatch.top overlay {
3575
border-top-left-radius: 2px;
3576
border-top-right-radius: 2px;
3577
}
3578
colorswatch.bottom {
3580
border-bottom-left-radius: 2.5px;
3581
border-bottom-right-radius: 2.5px;
3582
}
3583
colorswatch.bottom overlay {
3585
border-bottom-left-radius: 2px;
3586
border-bottom-right-radius: 2px;
3587
}
3588
colorswatch.left, colorswatch:first-child:not(.top) {
3590
border-top-left-radius: 2.5px;
3591
border-bottom-left-radius: 2.5px;
3592
}
3593
colorswatch.left overlay, colorswatch:first-child:not(.top) overlay {
3595
border-top-left-radius: 2px;
3596
border-bottom-left-radius: 2px;
3597
}
3598
colorswatch.right, colorswatch:last-child:not(.bottom) {
3600
border-top-right-radius: 2.5px;
3601
border-bottom-right-radius: 2.5px;
3602
}
3603
colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay {
3605
border-top-right-radius: 2px;
3606
border-bottom-right-radius: 2px;
3607
}
3608
colorswatch.dark {
3610
color: white;
3611
}
3612
colorswatch.light {
3614
color: rgba(0, 0, 0, 0.87);
3615
}
3616
colorswatch:drop(active) {
3618
box-shadow: none;
3619
}
3620
colorswatch:drop(active).light overlay {
3622
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;
3623
}
3624
colorswatch:drop(active).dark overlay {
3626
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;
3627
}
3628
colorswatch overlay {
3630
transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1);
3631
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
3632
}
3633
colorswatch overlay:hover {
3635
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
3636
}
3637
colorswatch#add-color-button {
3639
border-radius: 2px 2px 0 0;
3640
color: white;
3641
}
3642
colorswatch#add-color-button:only-child {
3644
border-radius: 2px;
3645
}
3646
colorswatch#add-color-button overlay {
3648
background-image: linear-gradient(to right, #EA4335 25%, #FBBC05 25%, #FBBC05 50%, #34A853 50%, #34A853 75%, #4285F4 75%);
3649
}
3650
colorswatch:disabled {
3652
opacity: 0.5;
3653
}
3654
colorswatch:disabled overlay {
3656
box-shadow: none;
3657
}
3658
colorswatch#editor-color-sample {
3660
border-radius: 2.5px;
3661
}
3662
colorswatch#editor-color-sample overlay {
3664
border-radius: 2px;
3665
}
3666
colorchooser .popover.osd {
3668
transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1);
3669
border-radius: 2px;
3670
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);
3671
background-color: #FFFFFF;
3672
}
3673
colorchooser .popover.osd:backdrop {
3675
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);
3676
}
3677
/********
3679
* Misc *
3680
********/
3681
.content-view {
3682
background-color: #F2F2F2;
3683
}
3684
/**********************
3686
* Window Decorations *
3687
**********************/
3688
decoration {
3689
transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1);
3690
border-radius: 2px 2px 0 0;
3691
box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22), 0 16px 16px transparent;
3692
margin: 8px;
3693
}
3694
decoration:backdrop {
3696
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), 0 16px 16px transparent;
3697
}
3698
.maximized decoration,
3700
.fullscreen decoration,
3701
.tiled decoration,
3702
.tiled-top decoration,
3703
.tiled-right decoration,
3704
.tiled-bottom decoration,
3705
.tiled-left decoration {
3706
border-radius: 0;
3707
}
3708
.popup decoration {
3710
box-shadow: none;
3711
}
3712
.ssd decoration {
3714
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16);
3715
}
3716
.csd.popup decoration {
3718
border-radius: 2px;
3719
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
3720
}
3721
tooltip.csd decoration {
3723
border-radius: 2px;
3724
box-shadow: none;
3725
}
3726
messagedialog.csd decoration {
3728
border-radius: 2px;
3729
}
3730
.solid-csd decoration {
3732
margin: 0;
3733
border-radius: 0;
3734
box-shadow: none;
3735
background-color: #E0E0E0;
3736
}
3737
.view selection, .view:selected, flowbox flowboxchild:selected, spinbutton:not(.vertical) selection,
3739
entry selection, modelbutton.flat:selected,
3740
.menuitem.button.flat:selected, popover.background.menu button:checked,
3741
popover.background button.model:checked, row:selected, calendar:selected, text:selected, .budgie-menu button:checked {
3742
background-color: #4285F4;
3743
}
3744
row:selected label, label:selected, .view selection, .view:selected, flowbox flowboxchild:selected, spinbutton:not(.vertical) selection,
3746
entry selection, modelbutton.flat:selected,
3747
.menuitem.button.flat:selected, popover.background.menu button:checked,
3748
popover.background button.model:checked, row:selected, calendar:selected, text:selected, .budgie-menu button:checked {
3749
color: white;
3750
}
3751
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,
3753
entry selection:disabled, modelbutton.flat:disabled:selected,
3754
.menuitem.button.flat:disabled:selected, popover.background.menu button:disabled:checked,
3755
popover.background button.model:disabled:checked, row:disabled:selected, calendar:disabled:selected, text:disabled:selected, .budgie-menu button:disabled:checked {
3756
color: rgba(255, 255, 255, 0.5);
3757
}
3758
.monospace {
3760
font-family: monospace;
3761
}
3762
/**********************
3764
* Touch Copy & Paste *
3765
**********************/
3766
cursor-handle {
3767
border-radius: 9999px;
3768
background-color: #01A299;
3769
background-image: none;
3770
}
3771
cursor-handle.top:dir(ltr), cursor-handle.bottom:dir(rtl) {
3773
padding-left: 6px;
3774
border-top-right-radius: 0;
3775
}
3776
cursor-handle.bottom:dir(ltr), cursor-handle.top:dir(rtl) {
3778
padding-right: 6px;
3779
border-top-left-radius: 0;
3780
}
3781
cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) {
3783
-GtkWidget-text-handle-width: 24;
3784
-GtkWidget-text-handle-height: 30;
3785
-gtk-icon-source: -gtk-scaled(url("assets/scale-horz-marks-before-slider.png"), url("assets/scale-horz-marks-before-slider@2.png"));
3786
}
3787
.context-menu {
3789
font: initial;
3790
}
3791
.keycap {
3793
min-width: 12px;
3794
min-height: 26px;
3795
margin-top: 2px;
3796
padding-bottom: 2px;
3797
padding-left: 8px;
3798
padding-right: 8px;
3799
border: solid 1px rgba(0, 0, 0, 0.12);
3800
border-radius: 3px;
3801
box-shadow: inset 0 -2px rgba(0, 0, 0, 0.12);
3802
background-color: #FFFFFF;
3803
color: rgba(0, 0, 0, 0.87);
3804
font-size: smaller;
3805
}
3806
:not(decoration):not(window):drop(active) {
3808
transition: all 250ms cubic-bezier(0, 0, 0.2, 1);
3809
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;
3810
caret-color: #01A299;
3811
}
3812
stackswitcher button.text-button {
3814
min-width: 100px;
3815
}
3816
stackswitcher button.circular,
3818
stackswitcher button.text-button.circular {
3819
min-width: 32px;
3820
min-height: 32px;
3821
padding: 0;
3822
}
3823
/*********
3825
* Emoji *
3826
*********/
3827
popover.emoji-picker {
3828
padding: 0;
3829
}
3830
popover.emoji-picker entry {
3832
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
3833
border-bottom-left-radius: 0;
3834
border-bottom-right-radius: 0;
3835
box-shadow: none;
3836
}
3837
popover.emoji-picker scrolledwindow {
3839
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
3840
}
3841
button.emoji-section {
3843
margin-top: -1px;
3844
padding: 0 8px;
3845
min-width: 24px;
3846
min-height: 32px;
3847
border-radius: 0;
3848
outline-offset: -6px;
3849
box-shadow: none;
3850
}
3851
button.emoji-section:hover {
3853
box-shadow: inset 0 2px rgba(0, 0, 0, 0.26);
3854
}
3855
button.emoji-section:active {
3857
box-shadow: inset 0 2px #4285F4;
3858
background-image: radial-gradient(circle farthest-corner at center, rgba(66, 133, 244, 0.7) 10%, transparent 0%);
3859
}
3860
button.emoji-section:checked {
3862
box-shadow: inset 0 2px #4285F4;
3863
background-color: transparent;
3864
}
3865
button.emoji-section:first-child {
3867
margin-left: 4px;
3868
}
3869
button.emoji-section:last-child {
3871
margin-right: 4px;
3872
}
3873
.emoji {
3875
min-width: 3em;
3876
min-height: 3em;
3877
padding: 0;
3878
}
3879
.emoji widget {
3881
transition: all 150ms cubic-bezier(0, 0, 0.2, 1);
3882
}
3883
.emoji widget:hover {
3885
font-size: larger;
3886
}
3887
/************
3889
* Nautilus *
3890
************/
3891
.nautilus-window,
3892
.nautilus-window notebook,
3893
.nautilus-window notebook > stack {
3894
background-color: #FFFFFF;
3895
}
3896
.nautilus-canvas-item.dim-label, label.nautilus-canvas-item.separator, .titlebar:not(headerbar) .nautilus-canvas-item.subtitle,
3898
headerbar .nautilus-canvas-item.subtitle, .budgie-notification .nautilus-canvas-item.notification-body, .budgie-switcher .nautilus-canvas-item.notification-body,
3899
.nautilus-list-dim-label {
3900
color: rgba(0, 0, 0, 0.54);
3901
}
3902
.nautilus-canvas-item.dim-label:selected, label.nautilus-canvas-item.separator:selected, .titlebar:not(headerbar) .nautilus-canvas-item.subtitle:selected,
3904
headerbar .nautilus-canvas-item.subtitle:selected, .budgie-notification .nautilus-canvas-item.notification-body:selected, .budgie-switcher .nautilus-canvas-item.notification-body:selected,
3905
.nautilus-list-dim-label:selected {
3906
color: rgba(255, 255, 255, 0.7);
3907
}
3908
.nautilus-desktop.nautilus-canvas-item:not(:selected), .caja-desktop.caja-canvas-item:not(:selected) {
3910
color: white;
3911
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
3912
}
3913
@keyframes needs_attention_keyframes {
3915
to {
3916
background-color: alpha(currentColor, 0.24);
3917
}
3918
}
3919
.nautilus-operations-button-needs-attention {
3921
animation: needs_attention_keyframes 250ms cubic-bezier(0.4, 0, 0.2, 1) 2 alternate;
3922
}
3923
.nautilus-operations-button-needs-attention-multiple {
3925
animation: needs_attention_keyframes 250ms cubic-bezier(0.4, 0, 0.2, 1) 4 alternate;
3926
}
3927
.nautilus-window .floating-bar {
3929
min-height: 32px;
3930
padding: 0;
3931
border-style: solid solid none;
3932
border-width: 1px;
3933
border-color: rgba(0, 0, 0, 0.12);
3934
border-radius: 3px 3px 0 0;
3935
background-color: rgba(255, 255, 255, 0.9);
3936
background-clip: padding-box;
3937
transition: all 250ms cubic-bezier(0, 0, 0.2, 1), border-width 0;
3938
}
3939
.nautilus-window .floating-bar.bottom.left {
3941
margin-right: 7px;
3942
border-left-style: none;
3943
border-top-left-radius: 0;
3944
}
3945
.nautilus-window .floating-bar.bottom.right {
3947
margin-left: 7px;
3948
border-right-style: none;
3949
border-top-right-radius: 0;
3950
}
3951
.nautilus-window .floating-bar button {
3953
margin: 6px;
3954
}
3955
.disk-space-display.unknown {
3957
background-color: #FBBC05;
3958
}
3959
.disk-space-display.used {
3961
background-color: #4285F4;
3962
}
3963
.disk-space-display.free {
3965
background-color: rgba(0, 0, 0, 0.12);
3966
}
3967
.nautilus-window paned > separator {
3969
background-color: #F2F2F2;
3970
}
3971
/*********
3973
* gedit *
3974
*********/
3975
.open-document-selector-path-label {
3976
color: rgba(0, 0, 0, 0.54);
3977
font-size: smaller;
3978
}
3979
.open-document-selector-path-label:selected {
3981
color: rgba(255, 255, 255, 0.7);
3982
}
3983
.gedit-document-panel {
3985
background-color: #FAFAFA;
3986
}
3987
.gedit-document-panel row button.flat {
3989
margin-top: 8px;
3990
margin-bottom: 8px;
3991
}
3992
.gedit-document-panel-group-row:not(:first-child) {
3994
border-top: 1px solid rgba(0, 0, 0, 0.12);
3995
}
3996
.gedit-side-panel-paned statusbar {
3998
border-top: 1px solid rgba(0, 0, 0, 0.12);
3999
}
4000
.gedit-search-slider {
4002
margin: 4px 4px 8px;
4003
}
4004
.gedit-search-slider entry:dir(ltr), .gedit-search-slider entry:dir(rtl) {
4006
border-radius: 2px;
4007
}
4008
.gedit-search-slider entry:dir(ltr) .gedit-search-entry-occurrences-tag, .gedit-search-slider entry:dir(rtl) .gedit-search-entry-occurrences-tag {
4010
all: unset;
4011
color: rgba(0, 0, 0, 0.38);
4012
}
4013
.gedit-search-slider entry:dir(ltr) {
4015
margin-right: -58px;
4016
padding-right: 58px;
4017
}
4018
.gedit-search-slider entry:dir(ltr) .gedit-search-entry-occurrences-tag {
4020
margin-left: 6px;
4021
}
4022
.gedit-search-slider entry:dir(ltr) image.right {
4024
margin-right: 0;
4025
}
4026
.gedit-search-slider entry:dir(rtl) {
4028
margin-left: -58px;
4029
padding-left: 58px;
4030
}
4031
.gedit-search-slider entry:dir(rtl) .gedit-search-entry-occurrences-tag {
4033
margin-right: 6px;
4034
}
4035
.gedit-search-slider entry:dir(rtl) image.left {
4037
margin-left: 0;
4038
}
4039
.gedit-search-slider entry.error ~ button {
4041
color: rgba(255, 255, 255, 0.7);
4042
}
4043
.gedit-search-slider entry.error ~ button:hover, .gedit-search-slider entry.error ~ button:active {
4045
color: white;
4046
}
4047
.gedit-search-slider entry.error ~ button:disabled {
4049
color: rgba(255, 255, 255, 0.3);
4050
}
4051
.gedit-search-slider button {
4053
border: solid 6px transparent;
4054
}
4055
.gedit-search-slider button:last-child:dir(ltr), .gedit-search-slider button:not(:first-child):dir(rtl) {
4057
margin-left: -3px;
4058
}
4059
.gedit-search-slider button:first-child:dir(rtl), .gedit-search-slider button:not(:last-child):dir(ltr) {
4061
margin-right: -3px;
4062
}
4063
frame.gedit-map-frame > border:dir(ltr) {
4065
border-style: none none none solid;
4066
}
4067
frame.gedit-map-frame > border:dir(rtl) {
4069
border-style: none solid none none;
4070
}
4071
/**************
4073
* Tweak Tool *
4074
**************/
4075
.tweak-categories {
4076
background-image: image(#FAFAFA);
4077
}
4078
.tweak {
4080
padding: 3px;
4081
}
4082
.tweak.title:hover {
4084
box-shadow: none;
4085
}
4086
.tweak-group-white,
4088
.tweak-white,
4089
.tweak-white:hover {
4090
background-image: image(#FFFFFF);
4091
}
4092
.tweak-startup,
4094
.tweak-startup:hover {
4095
background-image: image(#FFFFFF);
4096
}
4097
.tweak-group-startup {
4099
background-image: image(#FFFFFF);
4100
border: 1px solid rgba(0, 0, 0, 0.12);
4101
}
4102
/***********
4104
* Builder *
4105
***********/
4106
workbench stack.titlebar {
4107
padding: 0;
4108
}
4109
workbench:not(.tiled):not(.maximized):not(.fullscreen) stack.titlebar headerbar {
4111
border-radius: 2px 2px 0 0;
4112
}
4113
perspectiveswitcher {
4115
background-color: #F2F2F2;
4116
}
4117
perspectiveswitcher button:checked {
4119
color: #4285F4;
4120
}
4121
layouttabbar {
4123
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4124
background-color: #F2F2F2;
4125
}
4126
layouttabbar > box > button {
4128
margin: 4px 0;
4129
}
4130
layouttab {
4132
margin: 0 8px;
4133
border-style: none solid;
4134
border-width: 1px;
4135
border-color: rgba(0, 0, 0, 0.12);
4136
box-shadow: inset 0 -2px #4285F4;
4137
background-color: #FFFFFF;
4138
}
4139
layouttab separator.vertical {
4141
margin: 8px 4px;
4142
}
4143
layouttab button.text-button, layouttab button.image-button, layouttab button {
4145
margin-top: 8px;
4146
margin-bottom: 8px;
4147
padding: 0 4px;
4148
}
4149
layout {
4151
border: 1px solid rgba(0, 0, 0, 0.12);
4152
-PnlDockBin-handle-size: 1;
4153
}
4154
entry.search-missing {
4156
background-color: #EA4335;
4157
color: white;
4158
}
4159
workbench treeview.image {
4161
color: rgba(0, 0, 0, 0.54);
4162
}
4163
workbench treeview.image:selected {
4165
color: rgba(255, 255, 255, 0.7);
4166
}
4167
dockbin {
4169
border: 1px solid rgba(0, 0, 0, 0.12);
4170
-PnlDockBin-handle-size: 1;
4171
}
4172
dockpaned {
4174
border: 1px solid rgba(0, 0, 0, 0.12);
4175
}
4176
eggsearchbar box.search-bar {
4178
padding: 0 8px;
4179
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4180
background-color: #F2F2F2;
4181
}
4182
docktabstrip {
4184
padding: 0 8px;
4185
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4186
background-color: #F2F2F2;
4187
}
4188
docktab {
4190
transition: all 250ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
4191
min-height: 20px;
4192
min-width: 20px;
4193
margin-bottom: -1px;
4194
padding: 6px 6px;
4195
outline-offset: -6px;
4196
border-width: 1px;
4197
border-color: transparent;
4198
background-image: radial-gradient(circle farthest-corner at center, #4285F4 10%, transparent 0%);
4199
background-repeat: no-repeat;
4200
background-position: center;
4201
background-size: 0% 0%;
4202
color: rgba(0, 0, 0, 0.54);
4203
font-weight: 500;
4204
}
4205
docktab:hover {
4207
box-shadow: inset 0 -2px rgba(0, 0, 0, 0.26);
4208
color: rgba(0, 0, 0, 0.87);
4209
}
4210
docktab:checked {
4212
transition: all 250ms cubic-bezier(0, 0, 0.2, 1), background-size 250ms cubic-bezier(0, 0, 0.2, 1), background-image 600ms cubic-bezier(0, 0, 0.2, 1);
4213
box-shadow: inset 0 -2px #4285F4;
4214
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
4215
background-size: 1000% 1000%;
4216
color: rgba(0, 0, 0, 0.87);
4217
}
4218
dockoverlayedge {
4220
background-color: #F2F2F2;
4221
}
4222
dockoverlayedge docktabstrip {
4224
padding: 0;
4225
border: none;
4226
}
4227
dockoverlayedge.left-edge docktab:hover {
4229
box-shadow: inset -2px 0 rgba(0, 0, 0, 0.26);
4230
}
4231
dockoverlayedge.left-edge docktab:checked {
4233
box-shadow: inset -2px 0 #4285F4;
4234
}
4235
dockoverlayedge.right-edge docktab:hover {
4237
box-shadow: inset 2px 0 rgba(0, 0, 0, 0.26);
4238
}
4239
dockoverlayedge.right-edge docktab:checked {
4241
box-shadow: inset 2px 0 #4285F4;
4242
}
4243
pillbox {
4245
background-color: #F2F2F2;
4246
border-radius: 2px;
4247
}
4248
buildperspective row {
4250
padding: 10px;
4251
}
4252
layoutpane entry.search {
4254
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12);
4255
background-color: #FFFFFF;
4256
}
4257
editortweak entry.search {
4259
margin-bottom: -1px;
4260
box-shadow: none;
4261
}
4262
frame.gb-search-frame {
4264
border-bottom-right-radius: 5px;
4265
}
4266
.gb-search-entry-occurrences-tag {
4268
box-shadow: none;
4269
background-color: transparent;
4270
}
4271
docktabstrip {
4273
min-height: 39px;
4274
}
4275
workbench preferences preferencesgroup list entry {
4277
padding-top: 8px;
4278
padding-bottom: 8px;
4279
}
4280
/**********
4282
* Photos *
4283
**********/
4284
GdMainIconView.content-view {
4285
-GdMainIconView-icon-size: 48;
4286
}
4287
.documents-counter {
4289
margin: 8px;
4290
border-radius: 9999px;
4291
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
4292
background-color: #01A299;
4293
color: white;
4294
font-weight: bold;
4295
}
4296
.documents-scrolledwin.frame {
4298
border-style: none;
4299
}
4300
.photos-fade-in {
4302
opacity: 1;
4303
transition: opacity 150ms cubic-bezier(0, 0, 0.2, 1);
4304
}
4305
.photos-fade-out {
4307
opacity: 0;
4308
transition: opacity 150ms cubic-bezier(0, 0, 0.2, 1);
4309
}
4310
overlay grid.horizontal > revealer > scrolledwindow.frame:dir(ltr) {
4312
border-style: none none none solid;
4313
}
4314
overlay grid.horizontal > revealer > scrolledwindow.frame:dir(rtl) {
4316
border-style: none solid none none;
4317
}
4318
/*********
4320
* Music *
4321
*********/
4322
.side-panel:dir(ltr) {
4323
border-style: solid;
4324
border-color: rgba(0, 0, 0, 0.12);
4325
}
4326
.side-panel:dir(rtl) {
4328
border-style: solid;
4329
border-color: rgba(0, 0, 0, 0.12);
4330
}
4331
.side-panel .view {
4333
background-image: image(#FAFAFA);
4334
}
4335
.side-panel .view:hover {
4337
background-image: image(rgba(240, 240, 240, 0.9935));
4338
}
4339
.side-panel .view:selected {
4341
background-image: image(#4285F4);
4342
}
4343
.side-panel .view:selected:hover {
4345
background-image: image(#4b8bf5);
4346
}
4347
.songs-list:hover {
4349
background-image: image(alpha(currentColor, 0.06));
4350
}
4351
frame.documents-dropdown {
4353
margin: 8px;
4354
}
4355
frame.documents-dropdown > border {
4357
border: none;
4358
}
4359
box.vertical:not(.titlebar) > revealer > toolbar.search-bar {
4361
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4362
}
4363
box.vertical:not(.titlebar) > revealer > toolbar.search-bar button > widget {
4365
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
4366
}
4367
/*********
4369
* To Do *
4370
*********/
4371
task-row {
4372
transition: all 150ms cubic-bezier(0, 0, 0.2, 1);
4373
margin: 0 -4px;
4374
}
4375
task-row:hover {
4377
transition: none;
4378
}
4379
task-row label {
4381
margin: 0 8px;
4382
}
4383
task-row image {
4385
margin: 0 4px;
4386
}
4387
task-list-view > box > revealer > box > button {
4389
min-height: 32px;
4390
margin: -4px;
4391
padding: 0 12px;
4392
}
4393
task-list-view > box > revealer > box > button label {
4395
margin: 0 8px;
4396
}
4397
task-list-view > box > revealer > box > button image {
4399
margin: 0 4px;
4400
}
4401
/*******
4403
* eog *
4404
*******/
4405
#eog-thumb-nav scrolledwindow {
4406
border-top: none;
4407
}
4408
#eog-thumb-nav button {
4410
-gtk-outline-radius: 2px;
4411
}
4412
/*************
4414
* Evolution *
4415
*************/
4416
frame.taskbar > border {
4417
border-style: solid none none;
4418
}
4419
box.vertical > paned.horizontal notebook widget .frame {
4421
border-style: none;
4422
}
4423
/********
4425
* gitg *
4426
********/
4427
frame.commit-frame > border {
4428
border-style: solid none none;
4429
}
4430
/**************
4432
* Characters *
4433
**************/
4434
box.dialog-vbox scrolledwindow.related {
4435
border: 1px solid rgba(0, 0, 0, 0.12);
4436
}
4437
list.categories {
4439
background-image: image(#FAFAFA);
4440
}
4441
/*********
4443
* Boxes *
4444
*********/
4445
.transparent-bg + stack overlay > label {
4446
min-height: 24px;
4447
padding: 0 4px;
4448
border-radius: 2px;
4449
background-color: rgba(0, 0, 0, 0.6);
4450
color: white;
4451
}
4452
/**************
4454
* Calculator *
4455
**************/
4456
button.title label {
4457
min-height: 32px;
4458
}
4459
/*********
4461
* Geary *
4462
*********/
4463
.geary-titlebar-left:dir(ltr) {
4464
margin-right: 5px;
4465
padding-right: 0;
4466
}
4467
.geary-titlebar-left:dir(rtl) {
4469
margin-left: 5px;
4470
padding-left: 0;
4471
}
4472
.geary-titlebar-left > separator {
4474
background-color: rgba(0, 0, 0, 0.05);
4475
}
4476
.geary-titlebar-right:dir(ltr) {
4478
margin-left: -5px;
4479
}
4480
.geary-titlebar-right:dir(rtl) {
4482
margin-right: -5px;
4483
}
4484
/*********
4486
* Tilix *
4487
*********/
4488
overlay > revealer.left > scrolledwindow.frame,
4489
overlay > revealer.right > scrolledwindow.frame {
4490
border-style: none;
4491
box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22);
4492
}
4493
overlay > revealer.left > scrolledwindow.frame {
4495
margin-right: 32px;
4496
}
4497
overlay > revealer.right > scrolledwindow.frame {
4499
margin-left: 32px;
4500
}
4501
.terminix-session-sidebar,
4503
.tilix-session-sidebar {
4504
background-image: image(#FFFFFF);
4505
}
4506
.terminal-titlebar button {
4508
border-radius: 0;
4509
}
4510
button.image-button.session-new-button {
4512
min-width: 28px;
4513
}
4514
/***********
4516
* Eclipse *
4517
***********/
4518
window.background > box.vertical > scrolledwindow > widget toolbar {
4519
padding: 2px;
4520
}
4521
window.background > box.vertical > scrolledwindow > widget toolbar separator,
4523
window.background > box.vertical > scrolledwindow > widget toolbar button {
4524
margin: 2px;
4525
}
4526
window.background > box.vertical > scrolledwindow > widget toolbar button {
4528
border-radius: 2px;
4529
}
4530
/************
4532
* Chromium *
4533
************/
4534
tooltip.chromium {
4535
background-color: rgba(97, 97, 97, 0.9);
4536
}
4537
/***********
4539
* Firefox *
4540
***********/
4541
window.background:not(.csd) > widget > separator {
4542
color: rgba(0, 0, 0, 0.26);
4543
}
4544
window.background:not(.csd) > widget > scrollbar {
4546
background-clip: border-box;
4547
}
4548
window.background:not(.csd) > widget > scrollbar,
4550
window.background:not(.csd) > widget > frame > border {
4551
border-color: rgba(0, 0, 0, 0.26);
4552
}
4553
window.background:not(.csd) > widget > entry,
4555
window.background:not(.csd) > widget > button > button {
4556
border: 1px solid rgba(0, 0, 0, 0.26);
4557
border-radius: 3px;
4558
box-shadow: none;
4559
}
4560
window.background:not(.csd) > widget > entry {
4562
min-height: 30px;
4563
}
4564
window.background:not(.csd) > widget > entry:focus {
4566
border-color: #4285F4;
4567
}
4568
window.background:not(.csd) > widget > button > button {
4570
padding: 4px 8px;
4571
background-size: auto;
4572
}
4573
window.background:not(.csd) > widget > button > button:hover {
4575
background-image: image(alpha(currentColor, 0.05));
4576
}
4577
window.background:not(.csd) > widget > button > button:active {
4579
background-image: image(alpha(currentColor, 0.1));
4580
}
4581
window.background:not(.csd) > widget > checkbutton > check:not(:checked),
4583
window.background:not(.csd) > widget > radiobutton > radio:not(:checked) {
4584
color: #757575;
4585
}
4586
window.background:not(.csd) > widget > checkbutton > check:not(:checked):hover, window.background:not(.csd) > widget > checkbutton > check:not(:checked):active,
4588
window.background:not(.csd) > widget > radiobutton > radio:not(:checked):hover,
4589
window.background:not(.csd) > widget > radiobutton > radio:not(:checked):active {
4590
color: #212121;
4591
}
4592
window.background:not(.csd) > widget > checkbutton > check:not(:checked):disabled,
4594
window.background:not(.csd) > widget > radiobutton > radio:not(:checked):disabled {
4595
color: rgba(117, 117, 117, 0.5);
4596
}
4597
window.background:not(.csd) > window > menu,
4599
window.background:not(.csd) > menu > menu {
4600
border: none;
4601
}
4602
window.background:not(.csd) > widget > menubar {
4604
color: rgba(0, 0, 0, 0.54);
4605
}
4606
window.background:not(.csd) > widget > menubar:hover {
4608
color: rgba(0, 0, 0, 0.87);
4609
}
4610
window.background:not(.csd) > widget > menubar:disabled {
4612
color: rgba(0, 0, 0, 0.26);
4613
}
4614
window.background:not(.csd) > widget > frame {
4616
color: rgba(0, 0, 0, 0.26);
4617
}
4618
window.background:not(.csd) > widget > checkbutton > check,
4620
window.background:not(.csd) > widget > radiobutton > radio {
4621
margin: 0;
4622
padding: 0;
4623
}
4624
window.background:not(.csd) > window.background > menu > separator {
4626
color: rgba(0, 0, 0, 0.12);
4627
}
4628
/************
4630
* Inkscape *
4631
************/
4632
#ToolboxCommon > #AuxToolbox #StyleSwatch {
4633
font-size: smaller;
4634
}
4635
#ToolboxCommon > #AuxToolbox #Kludge {
4637
padding: 0;
4638
}
4639
#ToolboxCommon > #AuxToolbox spinbutton,
4641
#ToolboxCommon > #AuxToolbox entry {
4642
min-height: 32px;
4643
}
4644
#ToolboxCommon > #AuxToolbox button:not(.up):not(.down) {
4646
min-height: 24px;
4647
min-width: 16px;
4648
padding: 4px 8px;
4649
border-radius: 2px;
4650
-gtk-outline-radius: 2px;
4651
}
4652
#ToolboxCommon > #AuxToolbox spinbutton button {
4654
border-width: 4px;
4655
}
4656
#ToolboxCommon > toolbar.vertical {
4658
margin-top: -4px;
4659
}
4660
#ToolboxCommon > toolbar.vertical button {
4662
min-height: 24px;
4663
min-width: 24px;
4664
padding: 4px;
4665
border-radius: 2px;
4666
-gtk-outline-radius: 2px;
4667
}
4668
#CanvasTable button {
4670
min-height: 16px;
4671
min-width: 16px;
4672
padding: 0;
4673
}
4674
#CanvasTable #HorizontalScrollbar {
4676
border-top: 1px solid rgba(0, 0, 0, 0.12);
4677
}
4678
#CanvasTable #VerticalScrollbar:dir(ltr) {
4680
border-left: 1px solid rgba(0, 0, 0, 0.12);
4681
}
4682
#CanvasTable #VerticalScrollbar:dir(rtl) {
4684
border-right: 1px solid rgba(0, 0, 0, 0.12);
4685
}
4686
#Canvas_and_Dock frame > border {
4688
border: none;
4689
}
4690
#Canvas_and_Dock widget > widget > button.flat {
4692
min-height: 16px;
4693
min-width: 16px;
4694
padding: 4px;
4695
}
4696
#Canvas_and_Dock widget > widget > box.horizontal image {
4698
padding: 4px;
4699
}
4700
#Canvas_and_Dock box.horizontal > box.vertical > button.flat {
4702
min-height: 16px;
4703
min-width: 24px;
4704
padding: 8px 4px;
4705
}
4706
/***********
4708
* Synapse *
4709
***********/
4710
box.vertical > widget > widget:selected {
4711
background-color: #4285F4;
4712
}
4713
/*********
4715
* Unity *
4716
*********/
4717
UnityDecoration {
4718
-UnityDecoration-extents: 28px 0 0 0;
4719
-UnityDecoration-input-extents: 8px;
4720
-UnityDecoration-shadow-offset-x: 0;
4721
-UnityDecoration-shadow-offset-y: 3px;
4722
-UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.48);
4723
-UnityDecoration-active-shadow-radius: 18px;
4724
-UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.32);
4725
-UnityDecoration-inactive-shadow-radius: 6px;
4726
-UnityDecoration-glow-size: 8px;
4727
-UnityDecoration-glow-color: #4285F4;
4728
-UnityDecoration-title-indent: 4px;
4729
-UnityDecoration-title-fade: 32px;
4730
-UnityDecoration-title-alignment: 0.0;
4731
}
4732
UnityDecoration .top {
4734
padding: 0 2px;
4735
border-style: none;
4736
border-radius: 2px 2px 0 0;
4737
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
4738
background-color: #E0E0E0;
4739
color: rgba(0, 0, 0, 0.87);
4740
}
4741
UnityDecoration .top:backdrop {
4743
color: rgba(0, 0, 0, 0.54);
4744
}
4745
UnityDecoration .menuitem {
4747
color: rgba(0, 0, 0, 0.54);
4748
}
4749
UnityDecoration .menuitem:hover {
4751
box-shadow: inset 0 -2px #4285F4;
4752
background-color: transparent;
4753
color: rgba(0, 0, 0, 0.87);
4754
}
4755
.background:not(.csd) headerbar:not(.titlebar) {
4757
border-radius: 0;
4758
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
4759
}
4760
.background:not(.csd) headerbar:not(.titlebar).inline-toolbar {
4762
border-style: none;
4763
}
4764
UnityPanelWidget,
4766
.unity-panel {
4767
background-color: #CBCBCB;
4768
color: rgba(0, 0, 0, 0.87);
4769
}
4770
UnityPanelWidget:backdrop,
4772
.unity-panel:backdrop {
4773
color: rgba(0, 0, 0, 0.54);
4774
}
4775
.unity-panel.menuitem,
4777
.unity-panel .menuitem {
4778
color: rgba(0, 0, 0, 0.54);
4779
}
4780
.unity-panel.menubar.menuitem:hover,
4782
.unity-panel.menubar .menuitem *:hover {
4783
box-shadow: inset 0 -2px #4285F4;
4784
background-color: transparent;
4785
color: rgba(0, 0, 0, 0.87);
4786
}
4787
.menu IdoPlaybackMenuItem.menuitem:active {
4789
-gtk-icon-source: -gtk-icontheme("process-working-symbolic");
4790
animation: spin 1s linear infinite;
4791
color: #4285F4;
4792
}
4793
/**************
4795
* Mate-Panel *
4796
**************/
4797
.mate-panel-menu-bar menubar,
4798
#PanelApplet-window-menu-applet-button {
4799
background-color: transparent;
4800
}
4801
.mate-panel-menu-bar {
4803
background-color: rgba(0, 0, 0, 0.6);
4804
font-weight: 500;
4805
}
4806
.mate-panel-menu-bar:not(.popup) {
4808
color: rgba(255, 255, 255, 0.7);
4809
}
4810
.mate-panel-menu-bar button {
4812
min-height: 16px;
4813
min-width: 16px;
4814
padding: 0;
4815
border-radius: 0;
4816
}
4817
.mate-panel-menu-bar button:checked {
4819
background-color: rgba(255, 255, 255, 0.12);
4820
}
4821
PanelToplevel.horizontal > grid > button {
4823
min-width: 24px;
4824
}
4825
PanelToplevel.vertical > grid > button {
4827
min-height: 24px;
4828
}
4829
PanelSeparator {
4831
color: rgba(255, 255, 255, 0.12);
4832
}
4833
MatePanelAppletFrameDBus {
4835
border-style: solid;
4836
border-color: rgba(255, 255, 255, 0.12);
4837
}
4838
.mate-panel-menu-bar.horizontal MatePanelAppletFrameDBus {
4840
border-width: 0 1px;
4841
}
4842
.mate-panel-menu-bar.vertical MatePanelAppletFrameDBus {
4844
border-width: 1px 0;
4845
}
4846
.mate-panel-menu-bar menubar > menuitem {
4848
color: rgba(255, 255, 255, 0.7);
4849
}
4850
.mate-panel-menu-bar menubar > menuitem:hover {
4852
background-color: rgba(255, 255, 255, 0.12);
4853
color: white;
4854
}
4855
.mate-panel-menu-bar menubar > menuitem:disabled {
4857
color: rgba(255, 255, 255, 0.3);
4858
}
4859
.mate-panel-menu-bar.horizontal menubar > menuitem {
4861
padding: 0 8px;
4862
}
4863
.mate-panel-menu-bar.vertical menubar > menuitem {
4865
padding: 8px 0;
4866
}
4867
.mate-panel-menu-bar menubar menu > menuitem {
4869
min-height: 28px;
4870
padding: 0 6px;
4871
}
4872
.mate-panel-menu-bar #PanelApplet button {
4874
-GtkWidget-window-dragging: true;
4875
}
4876
.mate-panel-menu-bar #tasklist-button {
4878
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0/0 0 0px;
4879
}
4880
.mate-panel-menu-bar #tasklist-button:checked {
4882
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2/0 0 2px;
4883
}
4884
.mate-panel-menu-bar #tasklist-button image:dir(ltr), .mate-panel-menu-bar #tasklist-button label:dir(rtl) {
4886
padding-left: 4px;
4887
}
4888
.mate-panel-menu-bar #tasklist-button label:dir(ltr), .mate-panel-menu-bar #tasklist-button image:dir(rtl) {
4890
padding-right: 4px;
4891
}
4892
.mate-panel-menu-bar.vertical #tasklist-button {
4894
min-height: 32px;
4895
}
4896
.mate-panel-menu-bar.horizontal #showdesktop-button image {
4898
min-width: 24px;
4899
padding: 0 4px;
4900
}
4901
.mate-panel-menu-bar.vertical #showdesktop-button image {
4903
min-height: 24px;
4904
padding: 4px 0;
4905
}
4906
PanelApplet.wnck-applet .wnck-pager {
4908
background-color: transparent;
4909
color: #7BAAF7;
4910
}
4911
PanelApplet.wnck-applet .wnck-pager:hover {
4913
background-color: rgba(255, 255, 255, 0.12);
4914
}
4915
PanelApplet.wnck-applet .wnck-pager:active {
4917
background-color: rgba(255, 255, 255, 0.3);
4918
}
4919
PanelApplet.wnck-applet .wnck-pager:selected {
4921
background-color: #4285F4;
4922
}
4923
.mate-panel-menu-bar.horizontal #clock-applet-button label {
4925
padding: 0 8px;
4926
}
4927
.mate-panel-menu-bar.vertical #clock-applet-button label {
4929
padding: 8px 0;
4930
}
4931
#MatePanelPopupWindow {
4933
border: 1px solid rgba(0, 0, 0, 0.12);
4934
border-radius: 3px;
4935
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
4936
}
4937
#MatePanelPopupWindow frame > border {
4939
border-style: none;
4940
}
4941
#MatePanelPopupWindow button {
4943
padding: 4px 16px;
4944
}
4945
#MatePanelPopupWindow ClockMap {
4947
border: 1px solid rgba(0, 0, 0, 0.12);
4948
}
4949
#MatePanelPopupWindow widget {
4951
color: rgba(0, 0, 0, 0.12);
4952
}
4953
na-tray-applet {
4955
-NaTrayApplet-icon-padding: 3px;
4956
-NaTrayApplet-icon-size: 16;
4957
}
4958
.mate-panel-menu-bar {
4960
-PanelMenuBar-icon-visible: true;
4961
}
4962
.mate-panel-applet-slider {
4964
border: 1px solid rgba(0, 0, 0, 0.12);
4965
border-radius: 3px;
4966
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
4967
background-color: #F2F2F2;
4968
}
4969
.mate-panel-applet-slider frame > border {
4971
border-style: none;
4972
}
4973
#PanelApplet:not(:selected) > box {
4975
transition: all 150ms cubic-bezier(0, 0, 0.2, 1);
4976
}
4977
#PanelApplet:selected > box {
4979
background-color: rgba(255, 255, 255, 0.12);
4980
color: white;
4981
}
4982
#mate-menu {
4984
border: 1px solid rgba(0, 0, 0, 0.12);
4985
}
4986
#mate-menu button {
4988
min-height: 24px;
4989
min-width: 24px;
4990
padding: 4px 0;
4991
color: rgba(0, 0, 0, 0.87);
4992
font-weight: normal;
4993
}
4994
#mate-menu button label:not(:first-child) {
4996
color: rgba(0, 0, 0, 0.54);
4997
}
4998
#mate-menu entry {
5000
margin: 0 0 8px;
5001
}
5002
#mate-menu entry image {
5004
margin: 0;
5005
}
5006
#mate-menu entry + button {
5008
margin: 0 4px 8px;
5009
padding: 4px;
5010
}
5011
/*********************
5013
* CAJA File manager *
5014
*********************/
5015
.caja-navigation-window button.toggle.image-button {
5016
border-radius: 2px;
5017
}
5018
.caja-pathbar button {
5020
margin: 0 -1px 0 -2px;
5021
}
5022
.caja-pathbar button > widget {
5024
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
5025
-GtkArrow-arrow-scaling: 1;
5026
}
5027
.caja-side-pane notebook viewport.frame,
5029
.caja-side-pane notebook widget .vertical {
5030
background-color: #FFFFFF;
5031
}
5032
.caja-side-pane notebook,
5034
.caja-notebook {
5035
border-top: 1px solid rgba(0, 0, 0, 0.12);
5036
}
5037
.caja-side-pane notebook .frame,
5039
.caja-notebook .frame {
5040
border-style: none;
5041
}
5042
.caja-navigation-window statusbar {
5044
margin: 0 -10px;
5045
padding: 0 4px;
5046
border-top: 1px solid rgba(0, 0, 0, 0.12);
5047
}
5048
.caja-notebook frame > border {
5050
border-style: none;
5051
}
5052
#caja-extra-view-widget {
5054
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
5055
background-color: #F2F2F2;
5056
}
5057
#caja-extra-view-widget > box > box > label {
5059
font-weight: bold;
5060
}
5061
/*********
5063
* Pluma *
5064
*********/
5065
.pluma-window statusbar {
5066
margin: 0 -10px;
5067
padding: 0 4px;
5068
border-top: 1px solid rgba(0, 0, 0, 0.12);
5069
}
5070
.pluma-window statusbar frame > border {
5072
border-style: none;
5073
}
5074
.pluma-window statusbar frame button.flat {
5076
padding: 0 4px;
5077
border-radius: 0;
5078
}
5079
.pluma-window statusbar frame button.flat widget {
5081
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
5082
-GtkArrow-arrow-scaling: 1;
5083
}
5084
.pluma-print-preview toolbar {
5086
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
5087
}
5088
.pluma-window paned.horizontal box.vertical box.horizontal button.flat {
5090
margin: 1px;
5091
}
5092
.pluma-window paned.horizontal box.vertical .frame {
5094
border-style: none;
5095
}
5096
.pluma-window paned.horizontal box.vertical notebook.frame {
5098
margin-top: -1px;
5099
border-top: 1px solid rgba(0, 0, 0, 0.12);
5100
}
5101
.pluma-window paned.horizontal box.vertical notebook.frame box.vertical toolbar.horizontal {
5103
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
5104
}
5105
/*********
5107
* Atril *
5108
*********/
5109
.atril-window paned.horizontal box.vertical .frame {
5110
border-style: none;
5111
}
5112
.atril-window paned.horizontal box.vertical notebook .frame {
5114
border-top: 1px solid rgba(0, 0, 0, 0.12);
5115
}
5116
/* mate-screensaver lock dialog */
5118
.lock-dialog {
5119
border-radius: 2px;
5120
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);
5121
}
5122
.lock-dialog frame > border {
5124
border-style: none;
5125
}
5126
/* multimedia OSD */
5128
MsdOsdWindow.background.osd {
5129
border-radius: 2px;
5130
background-color: rgba(97, 97, 97, 0.9);
5131
color: white;
5132
}
5133
MsdOsdWindow.background.osd .trough {
5135
border-radius: 0;
5136
background-color: rgba(255, 255, 255, 0.12);
5137
}
5138
MsdOsdWindow.background.osd .progressbar {
5140
border-radius: 0;
5141
background-color: #4285F4;
5142
}
5143
/******************
5145
* Budgie Desktop *
5146
******************/
5147
.budgie-container {
5148
background-color: transparent;
5149
}
5150
.budgie-settings-window buttonbox.inline-toolbar {
5152
border-style: none none solid;
5153
}
5154
.budgie-settings-window buttonbox.inline-toolbar button {
5156
border-radius: 2px;
5157
-gtk-outline-radius: 2px;
5158
}
5159
.budgie-popover {
5161
border-style: solid;
5162
border-width: 1px;
5163
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.3);
5164
border-radius: 3px;
5165
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
5166
background-color: #FFFFFF;
5167
}
5168
.budgie-popover .container {
5170
padding: 2px;
5171
}
5172
.budgie-popover border {
5174
border: none;
5175
}
5176
.budgie-popover list {
5178
background-color: transparent;
5179
}
5180
.budgie-popover row {
5182
padding: 0;
5183
}
5184
.budgie-popover row:hover {
5186
box-shadow: none;
5187
}
5188
.budgie-popover:not(.budgie-menu) button.flat:not(.image-button) {
5190
min-height: 28px;
5191
padding: 0 8px;
5192
color: rgba(0, 0, 0, 0.87);
5193
font-weight: normal;
5194
}
5195
.budgie-popover:not(.budgie-menu) button.flat:not(.image-button):disabled {
5197
color: rgba(0, 0, 0, 0.38);
5198
}
5199
.budgie-popover.budgie-menu .container {
5201
padding: 0;
5202
}
5203
.budgie-popover.user-menu .container {
5205
padding: 8px;
5206
}
5207
.budgie-popover.user-menu separator {
5209
margin: 4px 0;
5210
}
5211
.budgie-popover.sound-popover separator {
5213
margin: 3px 0;
5214
}
5215
.budgie-popover.night-light-indicator .container {
5217
padding: 8px;
5218
}
5219
.budgie-popover.places-menu .container {
5221
padding: 8px;
5222
}
5223
.budgie-popover.places-menu .places-list:not(.always-expand) {
5225
margin-top: 4px;
5226
padding-top: 4px;
5227
border-top: 1px solid rgba(0, 0, 0, 0.12);
5228
}
5229
.budgie-popover.places-menu .alternative-label {
5231
padding: 3px;
5232
font-size: 15px;
5233
}
5234
.budgie-popover.workspace-popover .container {
5236
padding: 2px 8px 8px;
5237
}
5238
.budgie-popover.workspace-popover separator {
5240
margin: 4px 0;
5241
}
5242
.budgie-popover.workspace-popover flowboxchild {
5244
padding: 0;
5245
}
5246
.workspace-switcher .workspace-layout {
5248
border: 0 solid rgba(255, 255, 255, 0.12);
5249
}
5250
.top .workspace-switcher .workspace-layout:dir(ltr),
5252
.bottom .workspace-switcher .workspace-layout:dir(ltr) {
5253
border-left-width: 1px;
5254
}
5255
.top .workspace-switcher .workspace-layout:dir(rtl),
5257
.bottom .workspace-switcher .workspace-layout:dir(rtl) {
5258
border-right-width: 1px;
5259
}
5260
.left .workspace-switcher .workspace-layout,
5262
.right .workspace-switcher .workspace-layout {
5263
border-top-width: 1px;
5264
}
5265
.workspace-switcher .workspace-item,
5267
.workspace-switcher .workspace-add-button {
5268
border: 0 solid rgba(255, 255, 255, 0.12);
5269
}
5270
.top .workspace-switcher .workspace-item:dir(ltr),
5272
.bottom .workspace-switcher .workspace-item:dir(ltr), .top
5273
.workspace-switcher .workspace-add-button:dir(ltr),
5274
.bottom
5275
.workspace-switcher .workspace-add-button:dir(ltr) {
5276
border-right-width: 1px;
5277
}
5278
.top .workspace-switcher .workspace-item:dir(rtl),
5280
.bottom .workspace-switcher .workspace-item:dir(rtl), .top
5281
.workspace-switcher .workspace-add-button:dir(rtl),
5282
.bottom
5283
.workspace-switcher .workspace-add-button:dir(rtl) {
5284
border-left-width: 1px;
5285
}
5286
.left .workspace-switcher .workspace-item,
5288
.right .workspace-switcher .workspace-item, .left
5289
.workspace-switcher .workspace-add-button,
5290
.right
5291
.workspace-switcher .workspace-add-button {
5292
border-bottom-width: 1px;
5293
}
5294
.workspace-switcher .workspace-item {
5296
transition: all 150ms cubic-bezier(0, 0, 0.2, 1);
5297
}
5298
.workspace-switcher .workspace-item.current-workspace {
5300
background-color: rgba(255, 255, 255, 0.12);
5301
}
5302
.workspace-switcher .workspace-add-button:hover {
5304
box-shadow: none;
5305
}
5306
.workspace-switcher .workspace-add-button:active {
5308
background-image: none;
5309
}
5310
.workspace-switcher .workspace-add-button:active image {
5312
margin: 1px 0 -1px;
5313
}
5314
.budgie-panel .workspace-switcher .workspace-icon-button {
5316
min-height: 24px;
5317
min-width: 24px;
5318
padding: 0;
5319
border-radius: 2px;
5320
}
5321
.budgie-menu.background {
5323
padding: 0;
5324
background-color: #FFFFFF;
5325
}
5326
.budgie-menu scrollbar,
5328
.budgie-menu entry.search {
5329
background-color: transparent;
5330
}
5331
.budgie-menu entry.search {
5333
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
5334
border-radius: 0;
5335
box-shadow: none;
5336
font-size: 120%;
5337
}
5338
.budgie-menu .categories:dir(ltr) {
5340
border-bottom-left-radius: 2px;
5341
}
5342
.budgie-menu .categories:dir(rtl) {
5344
border-bottom-right-radius: 2px;
5345
}
5346
.budgie-menu button {
5348
min-height: 32px;
5349
padding: 0 8px;
5350
border-radius: 0;
5351
color: rgba(0, 0, 0, 0.87);
5352
font-weight: normal;
5353
}
5354
.budgie-menu button:disabled {
5356
color: rgba(0, 0, 0, 0.38);
5357
}
5358
.budgie-menu button:checked:disabled {
5360
background-color: #4285F4;
5361
}
5362
.budgie-menu row {
5364
padding: 0;
5365
}
5366
.budgie-menu row:hover {
5368
box-shadow: none;
5369
}
5370
popover.background.user-menu {
5372
padding: 8px;
5373
}
5374
popover.background.user-menu .content-box {
5376
background-color: transparent;
5377
}
5378
popover.background.user-menu separator {
5380
margin: 4px 0;
5381
}
5382
popover.background.user-menu row {
5384
padding: 0;
5385
box-shadow: none;
5386
background-image: none;
5387
}
5388
popover.background.places-menu {
5390
padding: 8px;
5391
}
5392
popover.background.places-menu .name-button.text-button {
5394
padding-left: 8px;
5395
padding-right: 8px;
5396
}
5397
popover.background.places-menu .name-button.text-button image:dir(ltr) {
5399
margin-right: 3px;
5400
}
5401
popover.background.places-menu .name-button.text-button image:dir(rtl) {
5403
margin-left: 3px;
5404
}
5405
popover.background.places-menu .places-section-header > image:dir(ltr) {
5407
margin: 0 -2px 0 5px;
5408
}
5409
popover.background.places-menu .places-section-header > image:dir(rtl) {
5411
margin: 0 5px 0 -2px;
5412
}
5413
popover.background.places-menu .places-list {
5415
margin-top: 4px;
5416
padding-top: 4px;
5417
border-top: 1px solid rgba(0, 0, 0, 0.12);
5418
background-color: transparent;
5419
}
5420
popover.background.places-menu row {
5422
padding: 0;
5423
box-shadow: none;
5424
background-image: none;
5425
}
5426
.budgie-panel {
5428
transition: background-color 250ms cubic-bezier(0, 0, 0.2, 1);
5429
background-color: rgba(0, 0, 0, 0.6);
5430
color: rgba(255, 255, 255, 0.7);
5431
font-weight: 500;
5432
}
5433
.budgie-panel.transparent {
5435
background-color: rgba(0, 0, 0, 0.6);
5436
}
5437
.budgie-panel button {
5439
min-height: 16px;
5440
min-width: 16px;
5441
padding: 0;
5442
border-radius: 0;
5443
}
5444
.budgie-panel button:checked {
5446
background-color: rgba(255, 255, 255, 0.12);
5447
}
5448
.budgie-panel.horizontal button {
5450
padding: 0 4px;
5451
}
5452
.budgie-panel.vertical button {
5454
padding: 4px 0;
5455
}
5456
.budgie-panel separator {
5458
background-color: rgba(255, 255, 255, 0.3);
5459
}
5460
.budgie-panel .alert {
5462
color: #EA4335;
5463
}
5464
.budgie-panel #tasklist-button {
5466
padding: 0 4px;
5467
}
5468
.budgie-panel.vertical #tasklist-button {
5470
min-height: 32px;
5471
}
5472
.budgie-panel button.flat.launcher {
5474
padding: 0;
5475
}
5476
.budgie-panel button.flat.launcher:not(:checked) {
5478
color: rgba(255, 255, 255, 0.5);
5479
}
5480
.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active {
5482
color: rgba(255, 255, 255, 0.7);
5483
}
5484
.budgie-panel button.flat.launcher:not(:checked):disabled {
5486
color: rgba(255, 255, 255, 0.3);
5487
}
5488
.top .budgie-panel #tasklist-button, .budgie-panel .top #tasklist-button, .top .budgie-panel button.flat.launcher, .budgie-panel .top button.flat.launcher {
5490
border-image: radial-gradient(circle closest-corner at center calc(1px), currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
5491
}
5492
.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
5494
.budgie-panel .pinned button.flat.launcher.running,
5495
.budgie-panel .pinned .top button.flat.launcher.running {
5496
border-image: radial-gradient(circle closest-corner at center calc(1px), currentColor 100%, transparent 0%) 2 0 0 0/2px 0 0 0;
5497
}
5498
.bottom .budgie-panel #tasklist-button, .budgie-panel .bottom #tasklist-button, .bottom .budgie-panel button.flat.launcher, .budgie-panel .bottom button.flat.launcher {
5500
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
5501
}
5502
.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
5504
.budgie-panel .pinned button.flat.launcher.running,
5505
.budgie-panel .pinned .bottom button.flat.launcher.running {
5506
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2 0/0 0 2px 0;
5507
}
5508
.left .budgie-panel #tasklist-button, .budgie-panel .left #tasklist-button, .left .budgie-panel button.flat.launcher, .budgie-panel .left button.flat.launcher {
5510
border-image: radial-gradient(circle closest-corner at calc(1px) center, currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
5511
}
5512
.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
5514
.budgie-panel .pinned button.flat.launcher.running,
5515
.budgie-panel .pinned .left button.flat.launcher.running {
5516
border-image: radial-gradient(circle closest-corner at calc(1px) center, currentColor 100%, transparent 0%) 0 0 0 2/0 0 0 2px;
5517
}
5518
.right .budgie-panel #tasklist-button, .budgie-panel .right #tasklist-button, .right .budgie-panel button.flat.launcher, .budgie-panel .right button.flat.launcher {
5520
border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
5521
}
5522
.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
5524
.budgie-panel .pinned button.flat.launcher.running,
5525
.budgie-panel .pinned .right button.flat.launcher.running {
5526
border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, currentColor 100%, transparent 0%) 0 2 0 0/0 2px 0 0;
5527
}
5528
frame.raven-frame > border {
5530
border-style: none;
5531
box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22);
5532
}
5533
.top frame.raven-frame > border {
5535
margin-bottom: 32px;
5536
}
5537
.bottom frame.raven-frame > border {
5539
margin-top: 32px;
5540
}
5541
.left frame.raven-frame > border {
5543
margin-right: 32px;
5544
}
5545
.right frame.raven-frame > border {
5547
margin-left: 32px;
5548
}
5549
.raven {
5551
background-color: #FFFFFF;
5552
}
5553
.raven > box {
5555
margin-bottom: -10px;
5556
}
5557
.raven > stack {
5559
margin-bottom: -10px;
5560
}
5561
.raven stackswitcher.linked > button {
5563
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FBBC05 0%, transparent 0%) 0 0 0/0 0 0px;
5564
border-radius: 0;
5565
}
5566
.raven stackswitcher.linked > button:checked {
5568
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FBBC05 100%, transparent 0%) 0 0 2/0 0 2px;
5569
background-color: transparent;
5570
}
5571
.raven .raven-header {
5573
min-height: 32px;
5574
padding: 3px;
5575
}
5576
.raven .raven-header:not(.top) {
5578
margin-top: -6px;
5579
}
5580
.raven .raven-header.top {
5582
padding: 2px 0;
5583
background-color: #4285F4;
5584
color: white;
5585
}
5586
.raven .raven-header.top stackswitcher button {
5588
margin: -6px 0;
5589
min-height: 32px;
5590
}
5591
.raven .raven-header.top button.image-button:dir(ltr) {
5593
margin-right: 2px;
5594
}
5595
.raven .raven-header.top button.image-button:dir(rtl) {
5597
margin-left: 2px;
5598
}
5599
.raven .raven-header.top > image {
5601
margin: 0 8px;
5602
}
5603
.raven .raven-header.top > label {
5605
margin: 0 -8px;
5606
font-weight: bold;
5607
}
5608
.raven .raven-header.bottom {
5610
border-top: 1px solid rgba(0, 0, 0, 0.12);
5611
}
5612
.raven viewport.frame .raven-header {
5614
margin-top: -8px;
5615
}
5616
.raven .raven-background {
5618
border-style: solid none;
5619
border-width: 1px;
5620
border-color: rgba(0, 0, 0, 0.12);
5621
background-color: #FFFFFF;
5622
}
5623
.raven .raven-background.frame {
5625
border-style: solid none;
5626
}
5627
.raven .raven-background > overlay > widget > image {
5629
color: rgba(0, 0, 0, 0.12);
5630
}
5631
.raven .raven-background grid > label:first-child {
5633
min-height: 32px;
5634
}
5635
.raven scrolledwindow.raven-background {
5637
border-bottom-style: none;
5638
}
5639
.raven .raven-header.top + .raven-background {
5641
border-style: none;
5642
background-color: #4285F4;
5643
color: white;
5644
}
5645
.raven .raven-header.top + .raven-background stackswitcher button {
5647
margin: -4px 0;
5648
}
5649
.raven .powerstrip button {
5651
margin: 2px 0 1px;
5652
padding: 10px;
5653
}
5654
.raven .option-subtitle {
5656
font-size: smaller;
5657
}
5658
calendar.raven-calendar {
5660
border-style: none;
5661
background-color: transparent;
5662
}
5663
calendar.raven-calendar:selected {
5665
border-radius: 2px;
5666
background-color: #4285F4;
5667
}
5668
.raven-mpris {
5670
background-color: rgba(0, 0, 0, 0.6);
5671
color: white;
5672
}
5673
.raven-mpris label {
5675
min-height: 24px;
5676
}
5677
.raven-mpris button.image-button {
5679
padding: 10px;
5680
}
5681
.budgie-notification-window, .budgie-osd-window, .budgie-switcher-window {
5683
background-color: transparent;
5684
}
5685
.budgie-notification .notification-title, .budgie-switcher .notification-title {
5687
font-size: 120%;
5688
}
5689
.budgie-osd .budgie-osd-text {
5691
font-size: 120%;
5692
}
5693
.drop-shadow {
5695
margin: 5px 9px;
5696
padding: 3px;
5697
border-radius: 2px;
5698
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);
5699
background-color: #FFFFFF;
5700
}
5701
.drop-shadow .linked > button {
5703
border-radius: 2px;
5704
}
5705
.budgie-session-dialog, .budgie-polkit-dialog, .budgie-run-dialog {
5707
border-radius: 2px;
5708
background-color: #FFFFFF;
5709
}
5710
.budgie-session-dialog decoration, .budgie-polkit-dialog decoration, .budgie-run-dialog decoration {
5712
border-radius: 2px;
5713
}
5714
.budgie-session-dialog label:not(:last-child),
5716
.budgie-session-dialog .dialog-title {
5717
font-size: 120%;
5718
}
5719
.budgie-session-dialog .linked.horizontal > button {
5721
padding: 8px 16px;
5722
border-top: 1px solid rgba(0, 0, 0, 0.12);
5723
border-radius: 0;
5724
}
5725
.budgie-session-dialog .linked.horizontal > button:first-child {
5727
border-bottom-left-radius: 2px;
5728
}
5729
.budgie-session-dialog .linked.horizontal > button:last-child {
5731
border-bottom-right-radius: 2px;
5732
}
5733
.budgie-polkit-dialog .message {
5735
color: rgba(0, 0, 0, 0.38);
5736
}
5737
.budgie-polkit-dialog .failure {
5739
color: #EA4335;
5740
}
5741
.budgie-run-dialog {
5743
background-color: #FFFFFF;
5744
}
5745
.budgie-run-dialog entry.search {
5747
font-size: 120%;
5748
padding: 6px 14px;
5749
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
5750
background-color: transparent;
5751
}
5752
.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
5754
headerbar .subtitle,
5755
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 {
5756
opacity: 1;
5757
}
5758
.budgie-run-dialog scrolledwindow {
5760
border-top: 1px solid rgba(0, 0, 0, 0.12);
5761
}
5762
/************************
5764
* LightDM GTK+ Greeter *
5765
************************/
5766
#panel_window {
5767
background-color: rgba(0, 0, 0, 0.3);
5768
color: white;
5769
}
5770
#panel_window menubar,
5772
#panel_window separator {
5773
background-color: transparent;
5774
}
5775
#panel_window separator {
5777
padding: 0 4px;
5778
}
5779
#panel_window separator:first-child {
5781
padding: 0 8px;
5782
}
5783
#panel_window menubar > menuitem {
5785
color: rgba(255, 255, 255, 0.7);
5786
}
5787
#panel_window menubar > menuitem:hover {
5789
color: white;
5790
}
5791
#panel_window menubar > menuitem:disabled label {
5793
color: rgba(255, 255, 255, 0.3);
5794
}
5795
#login_window,
5797
#shutdown_dialog,
5798
#restart_dialog {
5799
margin: 8px;
5800
border-radius: 2px;
5801
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);
5802
background-color: #FFFFFF;
5803
}
5804
#content_frame {
5806
padding-bottom: 20px;
5807
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
5808
}
5809
#buttonbox_frame {
5811
padding-top: 24px;
5812
}
5813
#buttonbox_frame button {
5815
margin: -16px;
5816
}
5817
#greeter_infobar {
5819
margin-top: -1px;
5820
}
5821
/********
5823
* Nemo *
5824
*******/
5825
.nemo-window .nemo-inactive-pane .view {
5826
background-color: #FAFAFA;
5827
color: rgba(0, 0, 0, 0.87);
5828
}
5829
.nemo-window .sidebar .cell {
5831
background-color: #F2F2F2;
5832
color: rgba(0, 0, 0, 0.87);
5833
}
5834
.nemo-window .sidebar .cell:selected {
5836
color: white;
5837
background-color: #4285F4;
5838
}
5839
.nemo-desktop.nemo-canvas-item {
5841
color: white;
5842
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
5843
}
5844
.nemo-desktop.nemo-canvas-item:selected {
5846
text-shadow: none;
5847
}
5848
/* GTK NAMED COLORS
5850
----------------
5851
use responsibly! */
5852
/*
5853
widget text/foreground color */
5854
@define-color theme_fg_color rgba(0, 0, 0, 0.87);
5855
/*
5856
text color for entries, views and content in general */
5857
@define-color theme_text_color rgba(0, 0, 0, 0.87);
5858
/*
5859
widget base background color */
5860
@define-color theme_bg_color #F2F2F2;
5861
/*
5862
text widgets and the like base background color */
5863
@define-color theme_base_color #FFFFFF;
5864
/*
5865
base background color of selections */
5866
@define-color theme_selected_bg_color #4285F4;
5867
/*
5868
text/foreground color of selections */
5869
@define-color theme_selected_fg_color white;
5870
/*
5871
base background color of insensitive widgets */
5872
@define-color insensitive_bg_color #F2F2F2;
5873
/*
5874
text foreground color of insensitive widgets */
5875
@define-color insensitive_fg_color rgba(0, 0, 0, 0.38);
5876
/*
5877
insensitive text widgets and the like base background color */
5878
@define-color insensitive_base_color #FAFAFA;
5879
/*
5880
widget text/foreground color on backdrop windows */
5881
@define-color theme_unfocused_fg_color rgba(0, 0, 0, 0.87);
5882
/*
5883
text color for entries, views and content in general on backdrop windows */
5884
@define-color theme_unfocused_text_color rgba(0, 0, 0, 0.87);
5885
/*
5886
widget base background color on backdrop windows */
5887
@define-color theme_unfocused_bg_color #F2F2F2;
5888
/*
5889
text widgets and the like base background color on backdrop windows */
5890
@define-color theme_unfocused_base_color #FFFFFF;
5891
/*
5892
base background color of selections on backdrop windows */
5893
@define-color theme_unfocused_selected_bg_color #4285F4;
5894
/*
5895
text/foreground color of selections on backdrop windows */
5896
@define-color theme_unfocused_selected_fg_color white;
5897
/*
5898
insensitive color on backdrop windows */
5899
@define-color unfocused_insensitive_color rgba(0, 0, 0, 0.38);
5900
/*
5901
widgets main borders color */
5902
@define-color borders rgba(0, 0, 0, 0.12);
5903
/*
5904
widgets main borders color on backdrop windows */
5905
@define-color unfocused_borders rgba(0, 0, 0, 0.12);
5906
/*
5907
these are pretty self explicative */
5908
@define-color warning_color #FBBC05;
5909
@define-color error_color #EA4335;
5910
@define-color success_color #34A853;
5911
/*
5912
FIXME this is really an API */
5913
@define-color content_view_bg #FFFFFF;
5914
@define-color placeholder_text_color #757575;
5915