ASCII text, with very long lines (556)
1
@keyframes ripple_effect {
2
to {
3
background-size: 1000% 1000%;
4
}
5
}
6
@keyframes header_ripple_effect {
8
from {
9
background-image: radial-gradient(circle farthest-corner at center, #42A5F5 0%, transparent 0%);
10
}
11
to {
12
background-image: radial-gradient(circle farthest-corner at center, #42A5F5 100%, transparent 0%);
13
}
14
}
15
* {
17
background-clip: padding-box;
18
-GtkToolButton-icon-spacing: 0;
19
-GtkTextView-error-underline-color: #DD2C00;
20
-GtkScrolledWindow-scrollbar-spacing: 0;
21
-GtkToolItemGroup-expander-size: 11;
22
-GtkWidget-text-handle-width: 24;
23
-GtkWidget-text-handle-height: 24;
24
-GtkDialog-button-spacing: 4;
25
-GtkDialog-action-area-border: 0;
26
outline-style: solid;
27
outline-width: 2px;
28
outline-color: transparent;
29
outline-offset: -4px;
30
-gtk-outline-radius: 2px;
31
-gtk-secondary-caret-color: #42A5F5;
32
}
33
switch:focus slider,
35
notebook:focus tab,
36
*:focus {
37
outline-color: alpha(currentColor, 0.3);
38
}
39
/***************
41
* Base States *
42
***************/
43
.background {
44
background-color: #F5F5F5;
45
color: rgba(0, 0, 0, 0.87);
46
}
47
/*
49
These wildcard seems unavoidable, need to investigate.
50
Wildcards are bad and troublesome, use them with care,
51
or better, just don't.
52
Everytime a wildcard is used a kitten dies, painfully.
53
*/
54
*:disabled {
55
-gtk-icon-effect: dim;
56
}
57
.gtkstyle-fallback {
59
background-color: #F5F5F5;
60
color: rgba(0, 0, 0, 0.87);
61
}
62
.gtkstyle-fallback:hover {
64
background-color: #e8e8e8;
65
color: rgba(0, 0, 0, 0.87);
66
}
67
.gtkstyle-fallback:active {
69
background-color: gainsboro;
70
color: rgba(0, 0, 0, 0.87);
71
}
72
.gtkstyle-fallback:disabled {
74
background-color: #F5F5F5;
75
color: rgba(0, 0, 0, 0.38);
76
}
77
.gtkstyle-fallback:selected {
79
background-color: #42A5F5;
80
color: #FFFFFF;
81
}
82
.view {
84
background-color: #FFFFFF;
85
color: rgba(0, 0, 0, 0.87);
86
}
87
.view:disabled {
89
color: rgba(0, 0, 0, 0.38);
90
}
91
.view:hover, .view:active, .view:selected {
93
border-radius: 2px;
94
}
95
textview text {
97
background-color: #FFFFFF;
98
}
99
textview border {
101
background-color: #FAFAFA;
102
color: rgba(0, 0, 0, 0.38);
103
}
104
.rubberband,
106
rubberband,
107
flowbox rubberband,
108
treeview.view rubberband,
109
.content-view rubberband,
110
.content-view .rubberband {
111
border: 1px solid #40C4FF;
112
background-color: rgba(64, 196, 255, 0.3);
113
}
114
flowbox flowboxchild {
116
padding: 4px;
117
border-radius: 2px;
118
}
119
.content-view .tile:selected {
121
background-color: transparent;
122
color: inherit;
123
}
124
label {
126
caret-color: currentColor;
127
}
128
label.separator {
130
color: rgba(0, 0, 0, 0.87);
131
}
132
label selection {
134
background-color: #42A5F5;
135
color: #FFFFFF;
136
}
137
label:disabled {
139
color: rgba(0, 0, 0, 0.38);
140
}
141
tab label:disabled,
143
button label:disabled {
144
color: inherit;
145
}
146
.dim-label, label.separator, .titlebar:not(headerbar) .subtitle,
148
headerbar .subtitle, .budgie-notification .notification-body, .budgie-switcher .notification-body {
149
opacity: 0.6;
150
}
151
assistant .sidebar {
153
padding: 4px 0;
154
}
155
assistant .sidebar label {
157
min-height: 32px;
158
padding: 0 12px;
159
color: rgba(0, 0, 0, 0.38);
160
font-weight: 500;
161
}
162
assistant .sidebar label.highlight {
164
color: rgba(0, 0, 0, 0.87);
165
}
166
popover.background.touch-selection, popover.background.magnifier, popover.background.osd, .app-notification, .osd .scale-popup, .nautilus-window .floating-bar, .osd {
168
opacity: 0.9;
169
}
170
/*********************
172
* Spinner Animation *
173
*********************/
174
@keyframes spin {
175
to {
176
-gtk-icon-transform: rotate(1turn);
177
}
178
}
179
spinner {
181
background: none;
182
opacity: 0;
183
-gtk-icon-source: -gtk-icontheme("process-working-symbolic");
184
}
185
spinner:checked {
187
opacity: 1;
188
animation: spin 1s linear infinite;
189
}
190
spinner:checked:disabled {
192
opacity: 0.5;
193
}
194
/****************
196
* Text Entries *
197
****************/
198
spinbutton:not(.vertical),
199
entry {
200
min-height: 32px;
201
padding: 0 8px;
202
border-radius: 2px;
203
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1);
204
border-image: none;
205
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
206
background-color: #FFFFFF;
207
color: rgba(0, 0, 0, 0.87);
208
}
209
spinbutton:focus:not(.vertical),
211
entry:focus {
212
border-image: none;
213
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
214
}
215
spinbutton:disabled:not(.vertical),
217
entry:disabled {
218
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
219
background-color: #FAFAFA;
220
color: rgba(0, 0, 0, 0.38);
221
}
222
spinbutton.flat:not(.vertical), notebook > stack:not(:only-child) entry:not(.search),
224
notebook > stack:not(:only-child) spinbutton:not(.vertical), messagedialog entry, colorchooser .popover.osd spinbutton:not(.vertical), entry.preferences-search, layoutpane entry.search, editortweak entry.search, .raven .raven-background spinbutton:not(.vertical), #login_window entry,
225
entry.flat {
226
border-radius: 0;
227
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
228
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #42A5F5 0%, transparent 0%) 0 0 0/0 0 0px;
229
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26);
230
background-color: transparent;
231
color: rgba(0, 0, 0, 0.87);
232
}
233
spinbutton.flat:focus:not(.vertical), notebook > stack:not(:only-child) entry:focus:not(.search),
235
notebook > stack:not(:only-child) spinbutton:focus:not(.vertical), messagedialog entry:focus, colorchooser .popover.osd spinbutton:focus:not(.vertical), entry.preferences-search:focus, layoutpane entry.search:focus, editortweak entry.search:focus, .raven .raven-background spinbutton:focus:not(.vertical), #login_window entry:focus,
236
entry.flat:focus {
237
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #42A5F5 100%, transparent 0%) 0 0 2/0 0 2px;
238
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26);
239
}
240
spinbutton.flat:disabled:not(.vertical), notebook > stack:not(:only-child) entry:disabled:not(.search),
242
notebook > stack:not(:only-child) spinbutton:disabled:not(.vertical), messagedialog entry:disabled, colorchooser .popover.osd spinbutton:disabled:not(.vertical), entry.preferences-search:disabled, layoutpane entry.search:disabled, editortweak entry.search:disabled, .raven .raven-background spinbutton:disabled:not(.vertical), #login_window entry:disabled,
243
entry.flat:disabled {
244
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12);
245
background-color: transparent;
246
color: rgba(0, 0, 0, 0.38);
247
}
248
spinbutton:not(.vertical) image,
250
entry image {
251
color: rgba(0, 0, 0, 0.54);
252
}
253
spinbutton:not(.vertical) image:hover, spinbutton:not(.vertical) image:active,
255
entry image:hover,
256
entry image:active {
257
color: rgba(0, 0, 0, 0.87);
258
}
259
spinbutton:not(.vertical) image:disabled,
261
entry image:disabled {
262
color: rgba(0, 0, 0, 0.38);
263
}
264
spinbutton:not(.vertical) image.left,
266
entry image.left {
267
margin-left: 0px;
268
margin-right: 6px;
269
}
270
spinbutton:not(.vertical) image.right,
272
entry image.right {
273
margin-left: 6px;
274
margin-right: 0px;
275
}
276
spinbutton:not(.vertical) undershoot.left,
278
entry undershoot.left {
279
background-color: transparent;
280
background-image: linear-gradient(to top, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%);
281
padding-left: 1px;
282
background-size: 1px 12px;
283
background-repeat: repeat-y;
284
background-origin: content-box;
285
background-position: left top;
286
}
287
spinbutton:not(.vertical) undershoot.right,
289
entry undershoot.right {
290
background-color: transparent;
291
background-image: linear-gradient(to top, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%);
292
padding-right: 1px;
293
background-size: 1px 12px;
294
background-repeat: repeat-y;
295
background-origin: content-box;
296
background-position: right top;
297
}
298
spinbutton.error:not(.vertical),
300
entry.error {
301
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1);
302
border-image: none;
303
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
304
background-color: #DD2C00;
305
color: #FFFFFF;
306
}
307
spinbutton.error:focus:not(.vertical),
309
entry.error:focus {
310
border-image: none;
311
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
312
}
313
spinbutton.error:disabled:not(.vertical),
315
entry.error:disabled {
316
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
317
background-color: #FAFAFA;
318
color: rgba(0, 0, 0, 0.38);
319
}
320
spinbutton.error.flat:not(.vertical), notebook > stack:not(:only-child) entry.error:not(.search),
322
notebook > stack:not(:only-child) spinbutton.error:not(.vertical), messagedialog entry.error, colorchooser .popover.osd spinbutton.error:not(.vertical), entry.error.preferences-search, layoutpane entry.error.search, editortweak entry.error.search, .raven .raven-background spinbutton.error:not(.vertical), #login_window entry.error,
323
entry.error.flat {
324
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
325
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #DD2C00 0%, transparent 0%) 0 0 0/0 0 0px;
326
box-shadow: inset 0 -1px #DD2C00;
327
background-color: transparent;
328
color: rgba(0, 0, 0, 0.87);
329
}
330
spinbutton.error.flat:focus:not(.vertical), notebook > stack:not(:only-child) entry.error:focus:not(.search),
332
notebook > stack:not(:only-child) spinbutton.error:focus:not(.vertical), messagedialog entry.error:focus, colorchooser .popover.osd spinbutton.error:focus:not(.vertical), entry.error.preferences-search:focus, layoutpane entry.error.search:focus, editortweak entry.error.search:focus, .raven .raven-background spinbutton.error:focus:not(.vertical), #login_window entry.error:focus,
333
entry.error.flat:focus {
334
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #DD2C00 100%, transparent 0%) 0 0 2/0 0 2px;
335
box-shadow: inset 0 -1px #DD2C00;
336
}
337
spinbutton.error.flat:disabled:not(.vertical), notebook > stack:not(:only-child) entry.error:disabled:not(.search),
339
notebook > stack:not(:only-child) spinbutton.error:disabled:not(.vertical), messagedialog entry.error:disabled, colorchooser .popover.osd spinbutton.error:disabled:not(.vertical), entry.error.preferences-search:disabled, layoutpane entry.error.search:disabled, editortweak entry.error.search:disabled, .raven .raven-background spinbutton.error:disabled:not(.vertical), #login_window entry.error:disabled,
340
entry.error.flat:disabled {
341
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12);
342
background-color: transparent;
343
color: rgba(0, 0, 0, 0.38);
344
}
345
spinbutton.error:not(.vertical) image,
347
entry.error image {
348
color: rgba(255, 255, 255, 0.7);
349
}
350
spinbutton.error:not(.vertical) image:hover, spinbutton.error:not(.vertical) image:active,
352
entry.error image:hover,
353
entry.error image:active {
354
color: #FFFFFF;
355
}
356
spinbutton.error:not(.vertical) image:disabled,
358
entry.error image:disabled {
359
color: rgba(255, 255, 255, 0.5);
360
}
361
spinbutton.warning:not(.vertical),
363
entry.warning {
364
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1);
365
border-image: none;
366
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
367
background-color: #FF6D00;
368
color: #FFFFFF;
369
}
370
spinbutton.warning:focus:not(.vertical),
372
entry.warning:focus {
373
border-image: none;
374
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
375
}
376
spinbutton.warning:disabled:not(.vertical),
378
entry.warning:disabled {
379
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
380
background-color: #FAFAFA;
381
color: rgba(0, 0, 0, 0.38);
382
}
383
spinbutton.warning.flat:not(.vertical), notebook > stack:not(:only-child) entry.warning:not(.search),
385
notebook > stack:not(:only-child) spinbutton.warning:not(.vertical), messagedialog entry.warning, colorchooser .popover.osd spinbutton.warning:not(.vertical), entry.warning.preferences-search, layoutpane entry.warning.search, editortweak entry.warning.search, .raven .raven-background spinbutton.warning:not(.vertical), #login_window entry.warning,
386
entry.warning.flat {
387
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
388
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FF6D00 0%, transparent 0%) 0 0 0/0 0 0px;
389
box-shadow: inset 0 -1px #FF6D00;
390
background-color: transparent;
391
color: rgba(0, 0, 0, 0.87);
392
}
393
spinbutton.warning.flat:focus:not(.vertical), notebook > stack:not(:only-child) entry.warning:focus:not(.search),
395
notebook > stack:not(:only-child) spinbutton.warning:focus:not(.vertical), messagedialog entry.warning:focus, colorchooser .popover.osd spinbutton.warning:focus:not(.vertical), entry.warning.preferences-search:focus, layoutpane entry.warning.search:focus, editortweak entry.warning.search:focus, .raven .raven-background spinbutton.warning:focus:not(.vertical), #login_window entry.warning:focus,
396
entry.warning.flat:focus {
397
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FF6D00 100%, transparent 0%) 0 0 2/0 0 2px;
398
box-shadow: inset 0 -1px #FF6D00;
399
}
400
spinbutton.warning.flat:disabled:not(.vertical), notebook > stack:not(:only-child) entry.warning:disabled:not(.search),
402
notebook > stack:not(:only-child) spinbutton.warning:disabled:not(.vertical), messagedialog entry.warning:disabled, colorchooser .popover.osd spinbutton.warning:disabled:not(.vertical), entry.warning.preferences-search:disabled, layoutpane entry.warning.search:disabled, editortweak entry.warning.search:disabled, .raven .raven-background spinbutton.warning:disabled:not(.vertical), #login_window entry.warning:disabled,
403
entry.warning.flat:disabled {
404
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12);
405
background-color: transparent;
406
color: rgba(0, 0, 0, 0.38);
407
}
408
spinbutton.warning:not(.vertical) image,
410
entry.warning image {
411
color: rgba(255, 255, 255, 0.7);
412
}
413
spinbutton.warning:not(.vertical) image:hover, spinbutton.warning:not(.vertical) image:active,
415
entry.warning image:hover,
416
entry.warning image:active {
417
color: #FFFFFF;
418
}
419
spinbutton.warning:not(.vertical) image:disabled,
421
entry.warning image:disabled {
422
color: rgba(255, 255, 255, 0.5);
423
}
424
spinbutton:not(.vertical) progress,
426
entry progress {
427
margin: 2px -6px;
428
border-bottom: 2px solid #42A5F5;
429
background-color: transparent;
430
}
431
.linked:not(.vertical) > spinbutton.flat:not(.vertical), notebook > stack:not(:only-child) .linked:not(.vertical) > entry:not(.search),
433
notebook > stack:not(:only-child) .linked:not(.vertical) > spinbutton:not(.vertical), messagedialog .linked:not(.vertical) > entry, colorchooser .popover.osd .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry.preferences-search, layoutpane .linked:not(.vertical) > entry.search, editortweak .linked:not(.vertical) > entry.search, .raven .raven-background .linked:not(.vertical) > spinbutton:not(.vertical), #login_window .linked:not(.vertical) > entry,
434
.linked.vertical > spinbutton.flat:not(.vertical), notebook > stack:not(:only-child)
435
.linked.vertical > entry:not(.search),
436
notebook > stack:not(:only-child)
437
.linked.vertical > spinbutton:not(.vertical), messagedialog
438
.linked.vertical > entry, colorchooser .popover.osd
439
.linked.vertical > spinbutton:not(.vertical),
440
.linked.vertical > entry.preferences-search, 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
treeview entry.flat, treeview entry {
452
min-height: 0;
453
padding: 2px;
454
border-radius: 0;
455
background-color: #FFFFFF;
456
}
457
treeview entry.flat, treeview entry.flat:focus, treeview entry, treeview entry:focus {
459
border-image: none;
460
box-shadow: none;
461
}
462
.entry-tag, .documents-entry-tag, .photos-entry-tag {
464
margin: 4px;
465
border-radius: 9999px;
466
box-shadow: none;
467
background-color: #42A5F5;
468
color: #FFFFFF;
469
}
470
.entry-tag:hover, .documents-entry-tag:hover, .photos-entry-tag:hover {
472
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
473
}
474
:dir(ltr) .entry-tag, :dir(ltr) .documents-entry-tag, :dir(ltr) .photos-entry-tag {
476
margin-left: 8px;
477
margin-right: -4px;
478
padding-left: 8px;
479
padding-right: 4px;
480
}
481
:dir(rtl) .entry-tag, :dir(rtl) .documents-entry-tag, :dir(rtl) .photos-entry-tag {
483
margin-left: -4px;
484
margin-right: 8px;
485
padding-left: 4px;
486
padding-right: 8px;
487
}
488
.entry-tag.button, .button.documents-entry-tag, .button.photos-entry-tag {
490
box-shadow: none;
491
background-color: transparent;
492
}
493
.entry-tag.button:not(:hover):not(:active), .button.documents-entry-tag:not(:hover):not(:active), .button.photos-entry-tag:not(:hover):not(:active) {
495
color: rgba(255, 255, 255, 0.7);
496
}
497
/***********
499
* Buttons *
500
***********/
501
@keyframes needs_attention {
502
from {
503
background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#FF4081), to(transparent));
504
}
505
to {
506
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#FF4081), to(transparent));
507
}
508
}
509
button {
512
min-height: 24px;
513
min-width: 16px;
514
padding: 4px 8px;
515
border-radius: 2px;
516
font-weight: 500;
517
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1), background-size 0.5s cubic-bezier(0, 0, 0.2, 1), background-image 1s cubic-bezier(0, 0, 0.2, 1);
518
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;
519
background-color: #FAFAFA;
520
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
521
background-repeat: no-repeat;
522
background-position: center;
523
background-size: 1000% 1000%;
524
color: rgba(0, 0, 0, 0.62);
525
}
526
button:hover {
529
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;
530
color: rgba(0, 0, 0, 0.87);
531
}
532
button:active {
535
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
536
animation: ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1) forwards;
537
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.15);
538
background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.15) 10%, transparent 0%);
539
background-size: 0% 0%;
540
color: rgba(0, 0, 0, 0.87);
541
}
542
button:disabled {
545
box-shadow: none;
546
background-color: rgba(0, 0, 0, 0.12);
547
color: rgba(0, 0, 0, 0.26);
548
}
549
button:checked {
552
background-color: #42A5F5;
553
color: #FFFFFF;
554
}
555
button:checked:disabled {
558
background-color: rgba(66, 165, 245, 0.3);
559
color: rgba(66, 165, 245, 0.5);
560
}
561
modelbutton.flat,
563
.menuitem.button.flat, spinbutton:not(.vertical) button, spinbutton.vertical button, popover.background.menu button,
564
popover.background button.model, notebook > header > tabs > arrow, scrollbar button, check,
565
radio, calendar.button, messagedialog.csd .dialog-action-area button, button.sidebar-button, .gedit-search-slider button, popover.messagepopover .popover-action-area button, PanelToplevel > widget > 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)
566
.path-bar button, layouttabbar button, .mate-panel-menu-bar #PanelApplet button:not(.flat), .budgie-panel #tasklist-button, .raven stackswitcher.linked > button, toolbar button, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action),
567
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,
568
button.flat {
569
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), background-size 0.5s cubic-bezier(0, 0, 0.2, 1), background-image 1s cubic-bezier(0, 0, 0.2, 1);
570
box-shadow: inset 0 0 0 9999px transparent;
571
background-color: transparent;
572
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
573
background-repeat: no-repeat;
574
background-position: center;
575
background-size: 1000% 1000%;
576
color: rgba(0, 0, 0, 0.54);
577
}
578
modelbutton.flat:hover,
580
.menuitem.button.flat:hover, spinbutton:not(.vertical) button:hover, spinbutton.vertical button:hover, popover.background.menu button:hover,
581
popover.background button.model:hover, notebook > header > tabs > arrow:hover, scrollbar button:hover, check:hover,
582
radio:hover, calendar.button:hover, messagedialog.csd .dialog-action-area button:hover, button.sidebar-button:hover, .gedit-search-slider button:hover, popover.messagepopover .popover-action-area button:hover, PanelToplevel > widget > 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)
583
.path-bar button:hover, layouttabbar button:hover, .mate-panel-menu-bar #PanelApplet button:hover:not(.flat), .budgie-panel #tasklist-button:hover, .raven stackswitcher.linked > button:hover, toolbar button:hover, .titlebar:not(headerbar) button:hover:not(.suggested-action):not(.destructive-action),
584
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,
585
button.flat:hover {
586
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.15);
587
color: rgba(0, 0, 0, 0.87);
588
}
589
modelbutton.flat:active,
591
.menuitem.button.flat:active, spinbutton:not(.vertical) button:active, spinbutton.vertical button:active, popover.background.menu button:active,
592
popover.background button.model:active, notebook > header > tabs > arrow:active, scrollbar button:active, check:active,
593
radio:active, calendar.button:active, messagedialog.csd .dialog-action-area button:active, button.sidebar-button:active, .gedit-search-slider button:active, popover.messagepopover .popover-action-area button:active, PanelToplevel > widget > 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)
594
.path-bar button:active, layouttabbar button:active, .mate-panel-menu-bar #PanelApplet button:active:not(.flat), .budgie-panel #tasklist-button:active, .raven stackswitcher.linked > button:active, toolbar button:active, .titlebar:not(headerbar) button:active:not(.suggested-action):not(.destructive-action),
595
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,
596
button.flat:active {
597
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
598
animation: ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1) forwards;
599
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.15);
600
background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.15) 10%, transparent 0%);
601
background-size: 0% 0%;
602
color: rgba(0, 0, 0, 0.87);
603
}
604
modelbutton.flat:disabled,
606
.menuitem.button.flat:disabled, spinbutton:not(.vertical) button:disabled, spinbutton.vertical button:disabled, popover.background.menu button:disabled,
607
popover.background button.model:disabled, notebook > header > tabs > arrow:disabled, scrollbar button:disabled, check:disabled,
608
radio:disabled, calendar.button:disabled, messagedialog.csd .dialog-action-area button:disabled, button.sidebar-button:disabled, .gedit-search-slider button:disabled, popover.messagepopover .popover-action-area button:disabled, PanelToplevel > widget > 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)
609
.path-bar button:disabled, layouttabbar button:disabled, .mate-panel-menu-bar #PanelApplet button:disabled:not(.flat), .budgie-panel #tasklist-button:disabled, .raven stackswitcher.linked > button:disabled, toolbar button:disabled, .titlebar:not(headerbar) button:disabled:not(.suggested-action):not(.destructive-action),
610
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,
611
button.flat:disabled {
612
box-shadow: none;
613
background-color: transparent;
614
color: rgba(0, 0, 0, 0.26);
615
}
616
:not(headerbar) .caja-pathbar button:checked, .caja-pathbar :not(headerbar) button:checked, :not(headerbar)
618
.path-bar button:checked, layouttabbar button:checked, .mate-panel-menu-bar #PanelApplet button:checked:not(.flat), .budgie-panel #tasklist-button:checked, .raven stackswitcher.linked > button:checked, toolbar button:checked, .titlebar:not(headerbar) button:checked:not(.suggested-action):not(.destructive-action),
619
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,
620
button.flat:checked {
621
background-color: rgba(0, 0, 0, 0.26);
622
color: rgba(0, 0, 0, 0.87);
623
}
624
:not(headerbar) .caja-pathbar button:checked:disabled, .caja-pathbar :not(headerbar) button:checked:disabled, :not(headerbar)
626
.path-bar button:checked:disabled, layouttabbar button:checked:disabled, .mate-panel-menu-bar #PanelApplet button:checked:disabled:not(.flat), .budgie-panel #tasklist-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),
627
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,
628
button.flat:checked:disabled {
629
background-color: rgba(0, 0, 0, 0.12);
630
color: rgba(0, 0, 0, 0.38);
631
}
632
button.text-button {
635
padding-left: 16px;
636
padding-right: 16px;
637
}
638
button.image-button {
641
min-width: 24px;
642
padding: 4px;
643
}
644
button.text-button.image-button {
647
border-radius: 2px;
648
-gtk-outline-radius: 2px;
649
}
650
button.text-button.image-button label:first-child {
653
margin-left: 12px;
654
}
655
button.text-button.image-button label:last-child {
658
margin-right: 12px;
659
}
660
button.text-button.image-button image:not(:only-child) {
663
margin: 0 4px;
664
}
665
toolbar .linked > button, .titlebar:not(headerbar) .linked > button:not(.suggested-action):not(.destructive-action),
667
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
668
.linked.vertical > button, .titlebar:not(headerbar)
669
.linked.vertical > button:not(.suggested-action):not(.destructive-action),
670
headerbar
671
.linked.vertical > button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box
672
.linked.vertical > button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification
673
.linked.vertical > button, .linked >
674
button.flat,
675
.linked.vertical >
676
button.flat {
677
border-radius: 2px;
678
}
679
toolbar .linked > button.text-button.image-button, .titlebar:not(headerbar) .linked > button.text-button.image-button:not(.suggested-action):not(.destructive-action),
681
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
682
.linked.vertical > button.text-button.image-button, .titlebar:not(headerbar)
683
.linked.vertical > button.text-button.image-button:not(.suggested-action):not(.destructive-action),
684
headerbar
685
.linked.vertical > button.text-button.image-button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box
686
.linked.vertical > button.text-button.image-button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification
687
.linked.vertical > button.text-button.image-button, .linked >
688
button.flat.text-button.image-button,
689
.linked.vertical >
690
button.flat.text-button.image-button {
691
border-radius: 2px;
692
-gtk-outline-radius: 2px;
693
}
694
infobar.info button:disabled, infobar.question button:disabled, infobar.warning button:disabled, infobar.error button:disabled, row:selected
696
button:disabled {
697
color: rgba(255, 255, 255, 0.3);
698
}
699
button.osd {
702
padding: 10px 14px;
703
}
704
button.osd.image-button {
707
padding: 10px;
708
}
709
button.osd:disabled {
712
opacity: 0;
713
}
714
button.suggested-action {
717
background-color: #FF4081;
718
color: #FFFFFF;
719
}
720
button.suggested-action:disabled {
723
box-shadow: none;
724
background-color: rgba(0, 0, 0, 0.12);
725
color: rgba(0, 0, 0, 0.38);
726
}
727
button.suggested-action:checked {
730
background-color: #ff79a7;
731
}
732
button.suggested-action.flat {
735
background-color: transparent;
736
color: #FF4081;
737
}
738
button.suggested-action.flat:disabled {
741
box-shadow: none;
742
background-color: transparent;
743
color: rgba(0, 0, 0, 0.38);
744
}
745
button.suggested-action.flat:checked {
748
background-color: rgba(255, 64, 129, 0.3);
749
}
750
button.destructive-action {
753
background-color: #FF5252;
754
color: #FFFFFF;
755
}
756
button.destructive-action:disabled {
759
box-shadow: none;
760
background-color: rgba(0, 0, 0, 0.12);
761
color: rgba(0, 0, 0, 0.38);
762
}
763
button.destructive-action:checked {
766
background-color: #ff8686;
767
}
768
button.destructive-action.flat {
771
background-color: transparent;
772
color: #FF5252;
773
}
774
button.destructive-action.flat:disabled {
777
box-shadow: none;
778
background-color: transparent;
779
color: rgba(0, 0, 0, 0.38);
780
}
781
button.destructive-action.flat:checked {
784
background-color: rgba(255, 82, 82, 0.3);
785
}
786
.stack-switcher >
788
button {
789
outline-offset: -4px;
790
}
791
.stack-switcher >
793
button > label {
794
padding-left: 6px;
795
padding-right: 6px;
796
}
797
.stack-switcher >
799
button > image {
800
padding-left: 6px;
801
padding-right: 6px;
802
padding-top: 3px;
803
padding-bottom: 3px;
804
}
805
.stack-switcher >
807
button.text-button {
808
padding-left: 10px;
809
padding-right: 10px;
810
}
811
.stack-switcher >
813
button.image-button {
814
padding-left: 2px;
815
padding-right: 2px;
816
}
817
.stack-switcher >
819
button.needs-attention:checked > label,
820
.stack-switcher >
821
button.needs-attention:checked > image {
822
animation: none;
823
background-image: none;
824
}
825
.primary-toolbar
827
button {
828
-gtk-icon-shadow: none;
829
}
830
button.image-button, toolbar .linked > button.image-button, .titlebar:not(headerbar) .linked > button.image-button:not(.suggested-action):not(.destructive-action),
833
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
834
.linked.vertical > button.image-button,
835
headerbar
836
.linked.vertical > button.image-button:not(.suggested-action):not(.destructive-action), .app-notification
837
.linked.vertical > button.image-button, .linked > button.flat.image-button,
838
.linked.vertical > button.flat.image-button, .inline-toolbar button:not(.text-button), check,
839
radio, button.titlebutton, .nautilus-window headerbar > revealer > button, .raven .raven-header:not(.top) button.image-button, .raven .expander-button,
840
button.close,
841
button.circular {
842
border-radius: 9999px;
843
-gtk-outline-radius: 9999px;
844
}
845
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 {
847
min-height: 20px;
848
min-width: 20px;
849
padding: 0;
850
border-radius: 9999px;
851
-gtk-outline-radius: 9999px;
852
}
853
.stack-switcher >
855
button.needs-attention > label,
856
.stack-switcher >
857
button.needs-attention > image, stacksidebar row.needs-attention > label {
858
animation: needs_attention 0.3s cubic-bezier(0, 0, 0.2, 1) forwards;
859
background-repeat: no-repeat;
860
background-position: right 3px;
861
background-size: 6px 6px;
862
}
863
.stack-switcher >
865
button.needs-attention > label:dir(rtl),
866
.stack-switcher >
867
button.needs-attention > image:dir(rtl), stacksidebar row.needs-attention > label:dir(rtl) {
868
background-position: left 3px;
869
}
870
.linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry, .linked > button, .linked:not(.vertical) > combobox > box > button.combo {
872
border-radius: 0;
873
-gtk-outline-radius: 2px;
874
}
875
.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 {
877
border-top-left-radius: 2px;
878
border-bottom-left-radius: 2px;
879
}
880
.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 {
882
border-top-right-radius: 2px;
883
border-bottom-right-radius: 2px;
884
}
885
.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 {
887
border-radius: 2px;
888
}
889
.linked.vertical > spinbutton:not(.vertical), .linked.vertical > entry, .linked.vertical > button, .linked.vertical > combobox > box > button.combo {
891
border-radius: 0;
892
-gtk-outline-radius: 2px;
893
}
894
.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 {
896
border-top-left-radius: 2px;
897
border-top-right-radius: 2px;
898
}
899
.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 {
901
border-bottom-left-radius: 2px;
902
border-bottom-right-radius: 2px;
903
}
904
.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 {
906
border-radius: 2px;
907
}
908
/* menu buttons */
910
modelbutton.flat,
911
.menuitem.button.flat {
912
min-height: 28px;
913
padding: 0 8px;
914
border-radius: 2px;
915
color: inherit;
916
}
917
modelbutton.flat arrow {
919
background: none;
920
}
921
modelbutton.flat arrow:hover {
923
background: none;
924
}
925
modelbutton.flat arrow.left {
927
-gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
928
}
929
modelbutton.flat arrow.right {
931
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
932
}
933
button.color {
935
min-height: 20px;
936
min-width: 20px;
937
padding: 6px;
938
}
939
/*********
941
* Links *
942
*********/
943
*:link, button:link,
944
button:visited, *:link:hover, button:hover:link,
945
button:hover:visited, *:link:active, button:active:link,
946
button:active:visited {
947
color: #42A5F5;
948
}
949
*:link:visited,
951
button:visited, *:link:visited:hover,
952
button:visited:hover, *:link:visited:active,
953
button:visited:active {
954
color: #E040FB;
955
}
956
infobar.info *:link, infobar.info button:link, infobar.info
958
button:visited, infobar.question *:link, infobar.question button:link, infobar.question
959
button:visited, infobar.warning *:link, infobar.warning button:link, infobar.warning
960
button:visited, infobar.error *:link, infobar.error button:link, infobar.error
961
button:visited, *:link:selected, button:selected:link,
962
button:selected:visited, .selection-mode.titlebar:not(headerbar) .subtitle:link,
963
headerbar.selection-mode .subtitle:link,
964
*:selected *:link,
965
*:selected button:link,
966
*:selected
967
button:visited {
968
color: #FFFFFF;
969
}
970
button:link > label,
972
button:visited > label {
973
text-decoration-line: underline;
974
}
975
/*****************
977
* GtkSpinButton *
978
*****************/
979
spinbutton:not(.vertical) {
980
padding: 0;
981
}
982
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,
984
spinbutton:not(.vertical) entry {
985
min-width: 28px;
986
margin: 0;
987
border-image: none;
988
border-radius: 0;
989
box-shadow: none;
990
background-color: transparent;
991
}
992
spinbutton:not(.vertical) button {
994
border: solid 6px transparent;
995
}
996
spinbutton:not(.vertical) button.up:dir(ltr), spinbutton:not(.vertical) button.down:dir(rtl) {
998
margin-left: -3px;
999
}
1000
spinbutton:not(.vertical) button.up:dir(rtl), spinbutton:not(.vertical) button.down:dir(ltr) {
1002
margin-right: -3px;
1003
}
1004
spinbutton.vertical:disabled {
1006
color: rgba(0, 0, 0, 0.38);
1007
}
1008
spinbutton.vertical:drop(active) {
1010
box-shadow: none;
1011
}
1012
spinbutton.vertical entry {
1014
min-height: 32px;
1015
min-width: 44px;
1016
padding: 0;
1017
}
1018
spinbutton.vertical button {
1020
min-height: 32px;
1021
min-width: 44px;
1022
padding: 0;
1023
}
1024
spinbutton.vertical button.up {
1026
border-radius: 2px 2px 0 0;
1027
}
1028
spinbutton.vertical button.down {
1030
border-radius: 0 0 2px 2px;
1031
}
1032
treeview spinbutton:not(.vertical) {
1034
min-height: 0;
1035
border-style: none;
1036
border-radius: 0;
1037
}
1038
treeview spinbutton:not(.vertical) entry {
1040
min-height: 0;
1041
padding: 1px 2px;
1042
}
1043
/**************
1045
* ComboBoxes *
1046
**************/
1047
combobox arrow {
1048
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
1049
min-height: 16px;
1050
min-width: 16px;
1051
}
1052
combobox decoration,
1054
combobox button.combo:checked {
1055
transition: none;
1056
}
1057
combobox button.combo cellview:dir(ltr) {
1059
margin-left: 0px;
1060
}
1061
combobox button.combo cellview:dir(rtl) {
1063
margin-right: 0px;
1064
}
1065
combobox #gtk-combobox-popup-menu {
1067
padding: 2px 0;
1068
}
1069
combobox #gtk-combobox-popup-menu menuitem {
1071
min-height: 28px;
1072
padding: 0 8px;
1073
}
1074
combobox #gtk-combobox-popup-menu > arrow.top {
1076
margin-top: -2px;
1077
}
1078
combobox #gtk-combobox-popup-menu > arrow.bottom {
1080
margin-bottom: -6px;
1081
}
1082
combobox:drop(active) {
1084
box-shadow: none;
1085
}
1086
notebook > stack:not(:only-child) button.combo, .raven .raven-background button.combo, #login_window #user_combobox button {
1088
border-radius: 0;
1089
background-image: none;
1090
font-weight: inherit;
1091
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
1092
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #42A5F5 0%, transparent 0%) 0 0 0/0 0 0px;
1093
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26);
1094
background-color: transparent;
1095
color: rgba(0, 0, 0, 0.87);
1096
}
1097
notebook > stack:not(:only-child) button.combo:hover, .raven .raven-background button.combo:hover, #login_window #user_combobox button:hover {
1099
box-shadow: inset 0 -2px rgba(0, 0, 0, 0.38);
1100
}
1101
notebook > stack:not(:only-child) button.combo:checked, .raven .raven-background button.combo:checked, #login_window #user_combobox button:checked {
1103
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #42A5F5 100%, transparent 0%) 0 0 2/0 0 2px;
1104
}
1105
notebook > stack:not(:only-child) button.combo:disabled, .raven .raven-background button.combo:disabled, #login_window #user_combobox button:disabled {
1107
color: rgba(0, 0, 0, 0.38);
1108
}
1109
/************
1111
* Toolbars *
1112
************/
1113
toolbar {
1114
-GtkWidget-window-dragging: true;
1115
padding: 3px;
1116
background-color: #F5F5F5;
1117
}
1118
.osd toolbar {
1120
background-color: transparent;
1121
}
1122
toolbar.osd, .app-notification, frame.documents-dropdown {
1124
transition: box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1);
1125
padding: 6px;
1126
border-radius: 2px;
1127
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);
1128
background-color: #FFFFFF;
1129
}
1130
toolbar.osd:backdrop, .app-notification:backdrop, frame.documents-dropdown:backdrop {
1132
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);
1133
}
1134
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 {
1136
border-radius: 0;
1137
}
1138
toolbar.horizontal separator {
1140
margin: 3px;
1141
}
1142
toolbar.vertical separator {
1144
margin: 3px;
1145
}
1146
toolbar:not(.inline-toolbar):not(.osd) scale,
1148
toolbar:not(.inline-toolbar):not(.osd) entry,
1149
toolbar:not(.inline-toolbar):not(.osd) spinbutton,
1150
toolbar:not(.inline-toolbar):not(.osd) button {
1151
margin: 3px;
1152
}
1153
toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:first-child),
1155
toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:first-child),
1156
toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:first-child) {
1157
margin-left: 0;
1158
}
1159
toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:last-child),
1161
toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:last-child),
1162
toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:last-child) {
1163
margin-right: 0;
1164
}
1165
toolbar:not(.inline-toolbar):not(.osd) switch {
1167
margin: 9px 3px;
1168
}
1169
.inline-toolbar {
1171
padding: 6px;
1172
border-style: solid;
1173
border-width: 0 1px 1px;
1174
border-color: rgba(0, 0, 0, 0.1);
1175
background-color: #FAFAFA;
1176
}
1177
searchbar,
1179
.location-bar {
1180
padding: 6px;
1181
border-style: solid;
1182
border-width: 0 0 1px;
1183
border-color: rgba(0, 0, 0, 0.1);
1184
background-color: #F5F5F5;
1185
background-clip: border-box;
1186
}
1187
/***************
1189
* Header bars *
1190
***************/
1191
.titlebar:not(headerbar),
1192
headerbar {
1193
transition: background-color 0.2s cubic-bezier(0, 0, 0.2, 1);
1194
min-height: 44px;
1195
padding: 0 6px;
1196
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);
1197
background-color: #E0E0E0;
1198
color: rgba(0, 0, 0, 0.87);
1199
}
1200
.titlebar:disabled:not(headerbar) :not(button) > label,
1202
headerbar:disabled :not(button) > label {
1203
color: rgba(0, 0, 0, 0.38);
1204
}
1205
.titlebar:backdrop:not(headerbar),
1207
headerbar:backdrop {
1208
color: rgba(0, 0, 0, 0.54);
1209
}
1210
.titlebar:backdrop:disabled:not(headerbar) :not(button) > label,
1212
headerbar:backdrop:disabled :not(button) > label {
1213
color: rgba(0, 0, 0, 0.26);
1214
}
1215
.titlebar:not(headerbar) .title,
1217
headerbar .title {
1218
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
1219
padding: 0 12px;
1220
font-weight: bold;
1221
}
1222
.titlebar:not(headerbar) .subtitle,
1224
headerbar .subtitle {
1225
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
1226
padding: 0 12px;
1227
font-size: smaller;
1228
}
1229
.titlebar:not(headerbar) .linked:not(.vertical) > entry:not(.flat),
1231
headerbar .linked:not(.vertical) > entry:not(.flat) {
1232
border-radius: 2px;
1233
}
1234
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action),
1236
headerbar button:not(.suggested-action):not(.destructive-action) {
1237
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #42A5F5 0%, transparent 0%) 0 0 0/0 0 0px;
1238
color: rgba(0, 0, 0, 0.54);
1239
}
1240
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):hover, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):active,
1242
headerbar button:not(.suggested-action):not(.destructive-action):hover,
1243
headerbar button:not(.suggested-action):not(.destructive-action):active {
1244
color: rgba(0, 0, 0, 0.87);
1245
}
1246
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):disabled,
1248
headerbar button:not(.suggested-action):not(.destructive-action):disabled {
1249
color: rgba(0, 0, 0, 0.26);
1250
}
1251
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked,
1253
headerbar button:not(.suggested-action):not(.destructive-action):checked {
1254
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #42A5F5 100%, transparent 0%) 0 0 2/0 0 2px;
1255
color: rgba(0, 0, 0, 0.87);
1256
}
1257
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked:disabled,
1259
headerbar button:not(.suggested-action):not(.destructive-action):checked:disabled {
1260
color: rgba(0, 0, 0, 0.38);
1261
}
1262
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked:disabled,
1264
headerbar button:not(.suggested-action):not(.destructive-action):checked,
1265
headerbar button:not(.suggested-action):not(.destructive-action):checked:disabled {
1266
background-color: transparent;
1267
}
1268
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop,
1270
headerbar button:not(.suggested-action):not(.destructive-action):backdrop {
1271
color: rgba(0, 0, 0, 0.38);
1272
}
1273
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:hover, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:active,
1275
headerbar button:not(.suggested-action):not(.destructive-action):backdrop:hover,
1276
headerbar button:not(.suggested-action):not(.destructive-action):backdrop:active {
1277
color: rgba(0, 0, 0, 0.54);
1278
}
1279
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:disabled,
1281
headerbar button:not(.suggested-action):not(.destructive-action):backdrop:disabled {
1282
color: rgba(0, 0, 0, 0.26);
1283
}
1284
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked,
1286
headerbar button:not(.suggested-action):not(.destructive-action):backdrop:checked {
1287
color: rgba(0, 0, 0, 0.54);
1288
}
1289
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled,
1291
headerbar button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled {
1292
color: rgba(0, 0, 0, 0.26);
1293
}
1294
.titlebar:not(headerbar) button.suggested-action:disabled, .titlebar:not(headerbar) button.destructive-action:disabled,
1296
headerbar button.suggested-action:disabled,
1297
headerbar button.destructive-action:disabled {
1298
background-color: rgba(0, 0, 0, 0.12);
1299
color: rgba(0, 0, 0, 0.38);
1300
}
1301
.selection-mode.titlebar:not(headerbar),
1303
headerbar.selection-mode {
1304
transition: background-color 0.00001s 0.3s;
1305
animation: header_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1);
1306
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);
1307
background-color: #42A5F5;
1308
color: #FFFFFF;
1309
}
1310
.selection-mode.titlebar:backdrop:not(headerbar),
1312
headerbar.selection-mode:backdrop {
1313
color: rgba(255, 255, 255, 0.7);
1314
}
1315
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action),
1317
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action) {
1318
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0/0 0 0px;
1319
color: #FFFFFF;
1320
}
1321
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):disabled,
1323
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):disabled {
1324
color: rgba(255, 255, 255, 0.5);
1325
}
1326
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked,
1328
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):checked {
1329
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2/0 0 2px;
1330
color: #FFFFFF;
1331
}
1332
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked:disabled,
1334
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):checked:disabled {
1335
color: rgba(255, 255, 255, 0.5);
1336
}
1337
.selection-mode.titlebar:not(headerbar) .selection-menu,
1339
headerbar.selection-mode .selection-menu {
1340
padding-left: 16px;
1341
padding-right: 16px;
1342
}
1343
.selection-mode.titlebar:not(headerbar) .selection-menu GtkArrow,
1345
headerbar.selection-mode .selection-menu GtkArrow {
1346
-GtkArrow-arrow-scaling: 1;
1347
}
1348
.selection-mode.titlebar:not(headerbar) .selection-menu .arrow,
1350
headerbar.selection-mode .selection-menu .arrow {
1351
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
1352
}
1353
.fullscreen .titlebar:not(headerbar),
1355
.tiled .titlebar:not(headerbar),
1356
.maximized .titlebar:not(headerbar), .fullscreen
1357
headerbar,
1358
.tiled
1359
headerbar,
1360
.maximized
1361
headerbar {
1362
border-radius: 0;
1363
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
1364
}
1365
.default-decoration.titlebar:not(headerbar),
1367
headerbar.default-decoration {
1368
min-height: 20px;
1369
padding: 6px;
1370
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
1371
}
1372
.fullscreen .default-decoration.titlebar:not(headerbar),
1374
.tiled .default-decoration.titlebar:not(headerbar),
1375
.maximized .default-decoration.titlebar:not(headerbar), .fullscreen
1376
headerbar.default-decoration,
1377
.tiled
1378
headerbar.default-decoration,
1379
.maximized
1380
headerbar.default-decoration {
1381
box-shadow: none;
1382
}
1383
.default-decoration.titlebar:not(headerbar) button.titlebutton,
1385
headerbar.default-decoration button.titlebutton {
1386
min-height: 20px;
1387
min-width: 20px;
1388
margin: 0;
1389
padding: 0;
1390
}
1391
.background:not(.csd) .default-decoration.titlebar:not(headerbar) button.titlebutton:active, .background:not(.csd)
1393
headerbar.default-decoration button.titlebutton:active {
1394
background-size: 1000% 1000%;
1395
}
1396
headerbar entry,
1398
headerbar spinbutton,
1399
headerbar button {
1400
margin-top: 6px;
1401
margin-bottom: 6px;
1402
}
1403
headerbar switch {
1405
margin-top: 12px;
1406
margin-bottom: 12px;
1407
}
1408
headerbar spinbutton button {
1410
margin-top: 0;
1411
margin-bottom: 0;
1412
}
1413
.background:not(.tiled):not(.maximized):not(.fullscreen):not(.solid-csd) .titlebar {
1415
border-top-left-radius: 2px;
1416
border-top-right-radius: 2px;
1417
}
1418
window:not(.tiled):not(.maximized):not(.fullscreen):not(.solid-csd) separator:first-child + headerbar,
1420
window:not(.tiled):not(.maximized):not(.fullscreen):not(.solid-csd) headerbar:first-child {
1421
border-top-left-radius: 2px;
1422
}
1423
window:not(.tiled):not(.maximized):not(.fullscreen):not(.solid-csd) headerbar:last-child {
1425
border-top-right-radius: 2px;
1426
}
1427
window:not(.tiled):not(.maximized):not(.fullscreen):not(.solid-csd) stack headerbar:first-child, window:not(.tiled):not(.maximized):not(.fullscreen):not(.solid-csd) stack headerbar:last-child {
1429
border-top-left-radius: 2px;
1430
border-top-right-radius: 2px;
1431
}
1432
window.csd > .titlebar:not(headerbar) {
1434
padding: 0;
1435
background-color: transparent;
1436
background-image: none;
1437
border-style: none;
1438
box-shadow: none;
1439
}
1440
.titlebar:not(headerbar) > separator {
1442
background-color: #E0E0E0;
1443
background-image: image(rgba(0, 0, 0, 0.1));
1444
}
1445
/************
1447
* Pathbars *
1448
************/
1449
.caja-pathbar button,
1450
.path-bar button {
1451
padding-left: 4px;
1452
padding-right: 4px;
1453
}
1454
.caja-pathbar button label:not(:only-child):first-child,
1456
.path-bar button label:not(:only-child):first-child {
1457
margin-left: 4px;
1458
}
1459
.caja-pathbar button label:not(:only-child):last-child,
1461
.path-bar button label:not(:only-child):last-child {
1462
margin-right: 4px;
1463
}
1464
.caja-pathbar button.slider-button,
1466
.path-bar button.slider-button {
1467
padding-left: 4px;
1468
padding-right: 4px;
1469
}
1470
:not(headerbar) .caja-pathbar button, .caja-pathbar :not(headerbar) button, :not(headerbar)
1472
.path-bar button {
1473
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #42A5F5 0%, transparent 0%) 0 0 0/0 0 0px;
1474
border-radius: 2px;
1475
}
1476
:not(headerbar) .caja-pathbar button:checked, .caja-pathbar :not(headerbar) button:checked, :not(headerbar)
1478
.path-bar button:checked {
1479
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #42A5F5 100%, transparent 0%) 0 0 2/0 0 2px;
1480
}
1481
: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)
1483
.path-bar button:checked, :not(headerbar)
1484
.path-bar button:checked:disabled {
1485
background-color: transparent;
1486
}
1487
/**************
1489
* Tree Views *
1490
**************/
1491
treeview.view {
1492
border-left-color: alpha(currentColor, 0.3);
1493
border-top-color: rgba(0, 0, 0, 0.1);
1494
}
1495
* {
1497
-GtkTreeView-horizontal-separator: 4;
1498
-GtkTreeView-grid-line-width: 1;
1499
-GtkTreeView-grid-line-pattern: '';
1500
-GtkTreeView-tree-line-width: 1;
1501
-GtkTreeView-tree-line-pattern: '';
1502
-GtkTreeView-expander-size: 16;
1503
}
1504
treeview.view:hover, treeview.view:active, treeview.view:selected {
1506
border-radius: 0;
1507
}
1508
treeview.view.separator {
1510
min-height: 5px;
1511
color: rgba(0, 0, 0, 0.1);
1512
}
1513
treeview.view:drop(active) {
1515
border-style: solid none;
1516
border-width: 1px;
1517
border-color: #FF4081;
1518
}
1519
treeview.view:drop(active).after {
1521
border-top-style: none;
1522
}
1523
treeview.view:drop(active).before {
1525
border-bottom-style: none;
1526
}
1527
treeview.view.expander {
1529
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
1530
-gtk-icon-transform: rotate(-90deg);
1531
color: rgba(0, 0, 0, 0.54);
1532
}
1533
treeview.view.expander:dir(rtl) {
1535
-gtk-icon-transform: rotate(90deg);
1536
}
1537
treeview.view.expander:checked {
1539
-gtk-icon-transform: unset;
1540
}
1541
treeview.view.expander:hover, treeview.view.expander:active {
1543
color: rgba(0, 0, 0, 0.87);
1544
}
1545
treeview.view.expander:disabled {
1547
color: rgba(0, 0, 0, 0.26);
1548
}
1549
treeview.view.expander:selected {
1551
color: rgba(255, 255, 255, 0.7);
1552
}
1553
treeview.view.expander:selected:hover, treeview.view.expander:selected:active {
1555
color: #FFFFFF;
1556
}
1557
treeview.view.expander:selected:disabled {
1559
color: rgba(255, 255, 255, 0.3);
1560
}
1561
treeview.view.progressbar {
1563
border-bottom: 4px solid #42A5F5;
1564
box-shadow: none;
1565
background-color: transparent;
1566
}
1567
treeview.view.progressbar:selected {
1569
border-bottom-color: #FFFFFF;
1570
}
1571
treeview.view.trough {
1573
border-bottom: 4px solid rgba(66, 165, 245, 0.3);
1574
box-shadow: none;
1575
background-color: transparent;
1576
}
1577
treeview.view.trough:selected {
1579
border-bottom-color: rgba(255, 255, 255, 0.3);
1580
}
1581
treeview.view header button {
1583
padding: 2px 6px;
1584
border-style: none solid solid none;
1585
border-width: 1px;
1586
border-color: rgba(0, 0, 0, 0.1);
1587
border-radius: 0;
1588
background-clip: border-box;
1589
}
1590
treeview.view header button, treeview.view header button:hover, treeview.view header button:active {
1592
box-shadow: none;
1593
}
1594
treeview.view header button, treeview.view header button:disabled {
1596
background-color: #FFFFFF;
1597
}
1598
treeview.view header button:last-child {
1600
border-right-style: none;
1601
}
1602
treeview.view button.dnd,
1604
treeview.view header.button.dnd {
1605
padding: 2px 6px;
1606
border-style: none solid solid;
1607
border-width: 1px;
1608
border-color: rgba(0, 0, 0, 0.1);
1609
border-radius: 0;
1610
box-shadow: none;
1611
background-color: #FFFFFF;
1612
background-clip: border-box;
1613
color: #42A5F5;
1614
}
1615
treeview.view acceleditor > label {
1617
background-color: #42A5F5;
1618
}
1619
/*********
1621
* Menus *
1622
*********/
1623
menubar,
1624
.menubar {
1625
-GtkWidget-window-dragging: true;
1626
padding: 0;
1627
background-color: #E0E0E0;
1628
}
1629
menubar > menuitem,
1631
.menubar > menuitem {
1632
transition: all 0.2s cubic-bezier(0, 0, 0.2, 1);
1633
min-height: 20px;
1634
padding: 4px 8px;
1635
color: rgba(0, 0, 0, 0.54);
1636
}
1637
menubar > menuitem:hover,
1639
.menubar > menuitem:hover {
1640
transition: none;
1641
background-color: rgba(0, 0, 0, 0.12);
1642
color: rgba(0, 0, 0, 0.87);
1643
}
1644
menubar > menuitem:disabled,
1646
.menubar > menuitem:disabled {
1647
color: rgba(0, 0, 0, 0.26);
1648
}
1649
.csd.popup {
1651
background-color: transparent;
1652
}
1653
menu,
1655
.menu,
1656
.context-menu {
1657
margin: 4px 0;
1658
padding: 4px 0;
1659
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
1660
background-color: #FFFFFF;
1661
border: 1px solid rgba(0, 0, 0, 0.1);
1662
}
1663
.csd menu, .csd
1665
.menu, .csd
1666
.context-menu {
1667
border: none;
1668
border-radius: 2px;
1669
}
1670
menu menuitem,
1672
.menu menuitem,
1673
.context-menu menuitem {
1674
transition: all 0.2s cubic-bezier(0, 0, 0.2, 1);
1675
min-height: 20px;
1676
min-width: 40px;
1677
padding: 4px 8px;
1678
font: initial;
1679
text-shadow: none;
1680
}
1681
menu menuitem:hover,
1683
.menu menuitem:hover,
1684
.context-menu menuitem:hover {
1685
transition: none;
1686
background-color: rgba(0, 0, 0, 0.12);
1687
}
1688
menu menuitem:disabled,
1690
.menu menuitem:disabled,
1691
.context-menu menuitem:disabled {
1692
color: rgba(0, 0, 0, 0.38);
1693
}
1694
menu menuitem arrow,
1696
.menu menuitem arrow,
1697
.context-menu menuitem arrow {
1698
min-height: 16px;
1699
min-width: 16px;
1700
}
1701
menu menuitem arrow:dir(ltr),
1703
.menu menuitem arrow:dir(ltr),
1704
.context-menu menuitem arrow:dir(ltr) {
1705
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
1706
margin-left: 8px;
1707
}
1708
menu menuitem arrow:dir(rtl),
1710
.menu menuitem arrow:dir(rtl),
1711
.context-menu menuitem arrow:dir(rtl) {
1712
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl");
1713
margin-right: 8px;
1714
}
1715
menu menuitem label:dir(rtl), menu menuitem label:dir(ltr),
1717
.menu menuitem label:dir(rtl),
1718
.menu menuitem label:dir(ltr),
1719
.context-menu menuitem label:dir(rtl),
1720
.context-menu menuitem label:dir(ltr) {
1721
color: inherit;
1722
}
1723
menu > arrow,
1725
.menu > arrow,
1726
.context-menu > arrow {
1727
min-height: 16px;
1728
min-width: 16px;
1729
padding: 4px;
1730
background-color: #FFFFFF;
1731
color: rgba(0, 0, 0, 0.54);
1732
}
1733
menu > arrow.top,
1735
.menu > arrow.top,
1736
.context-menu > arrow.top {
1737
margin-top: -4px;
1738
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
1739
border-radius: 2px 2px 0 0;
1740
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
1741
}
1742
menu > arrow.bottom,
1744
.menu > arrow.bottom,
1745
.context-menu > arrow.bottom {
1746
margin-bottom: -12px;
1747
border-top: 1px solid rgba(0, 0, 0, 0.1);
1748
border-radius: 0 0 2px 2px;
1749
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
1750
}
1751
menu > arrow:hover,
1753
.menu > arrow:hover,
1754
.context-menu > arrow:hover {
1755
background-image: image(rgba(0, 0, 0, 0.12));
1756
color: rgba(0, 0, 0, 0.87);
1757
}
1758
menu > arrow:disabled,
1760
.menu > arrow:disabled,
1761
.context-menu > arrow:disabled {
1762
border-color: transparent;
1763
background-color: transparent;
1764
color: transparent;
1765
}
1766
menu separator,
1768
.menu separator,
1769
.context-menu separator {
1770
margin: 4px 0;
1771
}
1772
menuitem accelerator {
1774
color: rgba(0, 0, 0, 0.54);
1775
}
1776
.popup:not(.csd) menu menuitem {
1778
color: #212121;
1779
}
1780
.popup:not(.csd) menu menuitem:hover {
1782
background-color: #E0E0E0;
1783
}
1784
.popup:not(.csd) menu menuitem:disabled {
1786
color: #9E9E9E;
1787
}
1788
.popup:not(.csd) menu accelerator {
1790
color: #757575;
1791
}
1792
/************
1794
* Popovers *
1795
************/
1796
popover.background {
1797
transition: box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1);
1798
padding: 2px;
1799
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
1800
background-color: #FAFAFA;
1801
}
1802
popover.background:backdrop {
1804
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
1805
}
1806
popover.background, .csd popover.background {
1808
border-style: solid;
1809
border-width: 1px;
1810
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.3);
1811
border-radius: 3px;
1812
}
1813
popover.background > stack {
1815
margin: -4px;
1816
}
1817
popover.background > toolbar {
1819
margin: -2px;
1820
}
1821
popover.background > list,
1823
popover.background > .view,
1824
popover.background > toolbar {
1825
border-style: none;
1826
box-shadow: none;
1827
background-color: transparent;
1828
}
1829
popover.background.menu button,
1831
popover.background button.model {
1832
min-height: 32px;
1833
padding: 0 8px;
1834
border-radius: 2px;
1835
}
1836
popover.background separator {
1838
margin: 4px 0;
1839
}
1840
popover.background list separator {
1842
margin: 0;
1843
}
1844
/*************
1846
* Notebooks *
1847
*************/
1848
notebook > header {
1849
border-width: 1px;
1850
border-color: rgba(0, 0, 0, 0.1);
1851
background-color: #F5F5F5;
1852
background-clip: border-box;
1853
}
1854
notebook > header.top {
1856
border-bottom-style: solid;
1857
}
1858
notebook > header.top > tabs {
1860
margin-bottom: -1px;
1861
}
1862
notebook > header.top > tabs > tab:hover {
1864
box-shadow: inset 0 -2px rgba(0, 0, 0, 0.26);
1865
}
1866
notebook > header.top > tabs > tab:checked {
1868
box-shadow: inset 0 -2px #42A5F5;
1869
}
1870
notebook > header.bottom {
1872
border-top-style: solid;
1873
}
1874
notebook > header.bottom > tabs {
1876
margin-top: -1px;
1877
}
1878
notebook > header.bottom > tabs > tab:hover {
1880
box-shadow: inset 0 2px rgba(0, 0, 0, 0.26);
1881
}
1882
notebook > header.bottom > tabs > tab:checked {
1884
box-shadow: inset 0 2px #42A5F5;
1885
}
1886
notebook > header.left {
1888
border-right-style: solid;
1889
}
1890
notebook > header.left > tabs {
1892
margin-right: -1px;
1893
}
1894
notebook > header.left > tabs > tab:hover {
1896
box-shadow: inset -2px 0 rgba(0, 0, 0, 0.26);
1897
}
1898
notebook > header.left > tabs > tab:checked {
1900
box-shadow: inset -2px 0 #42A5F5;
1901
}
1902
notebook > header.right {
1904
border-left-style: solid;
1905
}
1906
notebook > header.right > tabs {
1908
margin-left: -1px;
1909
}
1910
notebook > header.right > tabs > tab:hover {
1912
box-shadow: inset 2px 0 rgba(0, 0, 0, 0.26);
1913
}
1914
notebook > header.right > tabs > tab:checked {
1916
box-shadow: inset 2px 0 #42A5F5;
1917
}
1918
notebook > header.top > tabs > arrow {
1920
border-top-style: none;
1921
}
1922
notebook > header.bottom > tabs > arrow {
1924
border-bottom-style: none;
1925
}
1926
notebook > header.top > tabs > arrow, notebook > header.bottom > tabs > arrow {
1928
padding-left: 4px;
1929
padding-right: 4px;
1930
}
1931
notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down {
1933
margin-left: -8px;
1934
-gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
1935
}
1936
notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up {
1938
margin-right: -8px;
1939
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
1940
}
1941
notebook > header.left > tabs > arrow {
1943
border-left-style: none;
1944
}
1945
notebook > header.right > tabs > arrow {
1947
border-right-style: none;
1948
}
1949
notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow {
1951
padding-top: 4px;
1952
padding-bottom: 4px;
1953
}
1954
notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down {
1956
margin-top: -8px;
1957
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
1958
}
1959
notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up {
1961
margin-bottom: -8px;
1962
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
1963
}
1964
notebook > header > tabs > arrow {
1966
min-height: 16px;
1967
min-width: 16px;
1968
border-radius: 0;
1969
}
1970
notebook > header tab {
1972
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
1973
min-height: 20px;
1974
min-width: 20px;
1975
padding: 6px 12px;
1976
outline-offset: -6px;
1977
border-width: 1px;
1978
border-color: transparent;
1979
background-image: radial-gradient(circle farthest-corner at center, #42A5F5 10%, transparent 0%);
1980
background-repeat: no-repeat;
1981
background-position: center;
1982
background-size: 0% 0%;
1983
color: rgba(0, 0, 0, 0.54);
1984
font-weight: 500;
1985
}
1986
notebook > header tab:hover {
1988
color: rgba(0, 0, 0, 0.87);
1989
}
1990
notebook > header tab:hover.reorderable-page {
1992
border-color: rgba(0, 0, 0, 0.1);
1993
background-color: #FAFAFA;
1994
}
1995
notebook > header tab:disabled {
1997
color: rgba(0, 0, 0, 0.26);
1998
}
1999
notebook > header tab:checked {
2001
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), background-size 0.3s cubic-bezier(0, 0, 0.2, 1), background-image 0.8s cubic-bezier(0, 0, 0.2, 1);
2002
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
2003
background-size: 1000% 1000%;
2004
color: rgba(0, 0, 0, 0.87);
2005
}
2006
notebook > header tab:checked:disabled {
2008
color: rgba(0, 0, 0, 0.38);
2009
}
2010
notebook > header tab:checked.reorderable-page {
2012
border-color: rgba(0, 0, 0, 0.1);
2013
background-color: #FFFFFF;
2014
}
2015
notebook > header tab button.flat:last-child {
2017
margin-left: 6px;
2018
margin-right: -6px;
2019
}
2020
notebook > header tab button.flat:first-child {
2022
margin-left: -6px;
2023
margin-right: 6px;
2024
}
2025
notebook > header.top tabs, notebook > header.bottom tabs {
2027
padding-left: 8px;
2028
padding-right: 8px;
2029
}
2030
notebook > header.top tabs:not(:only-child):first-child, notebook > header.bottom tabs:not(:only-child):first-child {
2032
margin-left: 0;
2033
}
2034
notebook > header.top tabs:not(:only-child):last-child, notebook > header.bottom tabs:not(:only-child):last-child {
2036
margin-right: 0;
2037
}
2038
notebook > header.top tabs tab.reorderable-page, notebook > header.bottom tabs tab.reorderable-page {
2040
margin: 0 -1px;
2041
border-style: none solid;
2042
}
2043
notebook > header.left tabs, notebook > header.right tabs {
2045
padding-top: 8px;
2046
padding-bottom: 8px;
2047
}
2048
notebook > header.left tabs:not(:only-child):first-child, notebook > header.right tabs:not(:only-child):first-child {
2050
margin-top: 0;
2051
}
2052
notebook > header.left tabs:not(:only-child):last-child, notebook > header.right tabs:not(:only-child):last-child {
2054
margin-bottom: 0;
2055
}
2056
notebook > header.left tabs tab.reorderable-page, notebook > header.right tabs tab.reorderable-page {
2058
margin: -1px 0;
2059
border-style: solid none;
2060
}
2061
notebook > stack:not(:only-child) {
2063
background-color: #FFFFFF;
2064
}
2065
/**************
2067
* Scrollbars *
2068
**************/
2069
scrollbar {
2070
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
2071
background-color: #FFFFFF;
2072
background-clip: padding-box;
2073
}
2074
* {
2076
-GtkScrollbar-has-backward-stepper: false;
2077
-GtkScrollbar-has-forward-stepper: false;
2078
}
2079
scrollbar.top {
2081
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
2082
}
2083
scrollbar.bottom {
2085
border-top: 1px solid rgba(0, 0, 0, 0.1);
2086
}
2087
scrollbar.left {
2089
border-right: 1px solid rgba(0, 0, 0, 0.1);
2090
}
2091
scrollbar.right {
2093
border-left: 1px solid rgba(0, 0, 0, 0.1);
2094
}
2095
scrollbar slider {
2097
transition: all 0.2s cubic-bezier(0, 0, 0.2, 1), margin 0, border-width 0;
2098
min-width: 8px;
2099
min-height: 8px;
2100
border: 4px solid transparent;
2101
border-radius: 9999px;
2102
background-clip: padding-box;
2103
background-color: rgba(0, 0, 0, 0.38);
2104
}
2105
scrollbar slider:hover {
2107
background-color: rgba(0, 0, 0, 0.54);
2108
}
2109
scrollbar slider:active {
2111
background-color: rgba(0, 0, 0, 0.87);
2112
}
2113
scrollbar slider:disabled {
2115
background-color: rgba(0, 0, 0, 0.26);
2116
}
2117
scrollbar.fine-tune slider {
2119
transition: all 0.2s cubic-bezier(0, 0, 0.2, 1), margin 0, border-width 0, min-width 0, min-height 0;
2120
min-width: 4px;
2121
min-height: 4px;
2122
}
2123
scrollbar.fine-tune.horizontal slider {
2125
margin: 2px 0;
2126
}
2127
scrollbar.fine-tune.vertical slider {
2129
margin: 0 2px;
2130
}
2131
scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
2133
border-color: transparent;
2134
background-color: transparent;
2135
}
2136
scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider {
2138
min-width: 4px;
2139
min-height: 4px;
2140
margin: 3px;
2141
border: 1px solid rgba(255, 255, 255, 0.3);
2142
}
2143
scrollbar.overlay-indicator:not(.dragging):not(.hovering) button {
2145
min-width: 4px;
2146
min-height: 4px;
2147
margin: 3px;
2148
border: 1px solid rgba(255, 255, 255, 0.3);
2149
border-radius: 9999px;
2150
background-color: rgba(0, 0, 0, 0.38);
2151
background-clip: padding-box;
2152
-gtk-icon-source: none;
2153
}
2154
scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled {
2156
background-color: rgba(0, 0, 0, 0.26);
2157
}
2158
scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider {
2160
min-width: 24px;
2161
}
2162
scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button {
2164
min-width: 8px;
2165
}
2166
scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider {
2168
min-height: 24px;
2169
}
2170
scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button {
2172
min-height: 8px;
2173
}
2174
scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering {
2176
background-color: rgba(255, 255, 255, 0.9);
2177
}
2178
scrollbar.horizontal slider {
2180
min-width: 24px;
2181
}
2182
scrollbar.vertical slider {
2184
min-height: 24px;
2185
}
2186
scrollbar button {
2188
min-width: 16px;
2189
min-height: 16px;
2190
padding: 0;
2191
border-radius: 0;
2192
}
2193
scrollbar.vertical button.down {
2195
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
2196
}
2197
scrollbar.vertical button.up {
2199
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
2200
}
2201
scrollbar.horizontal button.down {
2203
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
2204
}
2205
scrollbar.horizontal button.up {
2207
-gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
2208
}
2209
/**********
2211
* Switch *
2212
**********/
2213
switch {
2214
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
2215
margin: 6px 0;
2216
padding: 0 2px;
2217
border: 4px solid transparent;
2218
border-radius: 9999px;
2219
background-color: rgba(0, 0, 0, 0.26);
2220
background-clip: padding-box;
2221
font-size: 0;
2222
}
2223
switch:disabled {
2225
background-color: rgba(0, 0, 0, 0.12);
2226
}
2227
switch:checked {
2229
background-color: rgba(255, 64, 129, 0.5);
2230
}
2231
switch:checked:disabled {
2233
background-color: rgba(255, 64, 129, 0.3);
2234
}
2235
switch slider {
2237
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1);
2238
min-width: 20px;
2239
min-height: 20px;
2240
margin: -3px -2px;
2241
border-radius: 9999px;
2242
-gtk-outline-radius: 9999px;
2243
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
2244
background-color: #FFFFFF;
2245
}
2246
switch:hover slider {
2248
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
2249
}
2250
switch:checked slider {
2252
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1), background-image 0, background-color 0.00001s 0.3s;
2253
animation: needs_attention 0.3s cubic-bezier(0, 0, 0.2, 1);
2254
background-color: #FF4081;
2255
color: #FFFFFF;
2256
}
2257
switch:disabled slider {
2259
background-color: #FAFAFA;
2260
}
2261
switch:checked:disabled slider {
2263
animation: none;
2264
}
2265
/*************************
2267
* Check and Radio items *
2268
*************************/
2269
.view.content-view.check:not(list),
2270
.content-view .tile check:not(list) {
2271
min-height: 40px;
2272
min-width: 40px;
2273
margin: 0;
2274
padding: 0;
2275
box-shadow: none;
2276
background-color: transparent;
2277
background-image: none;
2278
-gtk-icon-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
2279
}
2280
.view.content-view.check:not(list):hover, .view.content-view.check:not(list):active,
2282
.content-view .tile check:not(list):hover,
2283
.content-view .tile check:not(list):active {
2284
-gtk-icon-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
2285
}
2286
.view.content-view.check:not(list),
2288
.content-view .tile check:not(list) {
2289
-gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-unchecked.png"), url("assets/selectionmode-checkbox-unchecked@2.png"));
2290
}
2291
.view.content-view.check:not(list):checked,
2293
.content-view .tile check:not(list):checked {
2294
-gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-checked.png"), url("assets/selectionmode-checkbox-checked@2.png"));
2295
}
2296
checkbutton.text-button,
2298
radiobutton.text-button {
2299
padding: 2px;
2300
outline-offset: 0;
2301
}
2302
checkbutton.text-button label:not(:only-child),
2304
radiobutton.text-button label:not(:only-child) {
2305
margin: 0 4px;
2306
}
2307
check,
2309
radio {
2310
min-height: 24px;
2311
min-width: 24px;
2312
margin: -10px;
2313
padding: 10px;
2314
}
2315
check:checked, check:indeterminate,
2317
radio:checked,
2318
radio:indeterminate {
2319
color: #FF4081;
2320
}
2321
check:checked:disabled, check:indeterminate:disabled,
2323
radio:checked:disabled,
2324
radio:indeterminate:disabled {
2325
color: rgba(255, 64, 129, 0.5);
2326
}
2327
row:selected check:not(:checked):not(:indeterminate), row:selected
2329
radio:not(:checked):not(:indeterminate) {
2330
color: rgba(255, 255, 255, 0.7);
2331
}
2332
row:selected check:not(:checked):not(:indeterminate):hover, row:selected check:not(:checked):not(:indeterminate):active, row:selected
2334
radio:not(:checked):not(:indeterminate):hover, row:selected
2335
radio:not(:checked):not(:indeterminate):active {
2336
color: #FFFFFF;
2337
}
2338
row:selected check:not(:checked):not(:indeterminate):disabled, row:selected
2340
radio:not(:checked):not(:indeterminate):disabled {
2341
color: rgba(255, 255, 255, 0.3);
2342
}
2343
popover check, popover check:hover, popover check:disabled, popover
2345
radio, popover
2346
radio:hover, popover
2347
radio:disabled {
2348
box-shadow: none;
2349
background-image: none;
2350
}
2351
popover check:not(:checked):not(:indeterminate):not(:disabled), popover
2353
radio:not(:checked):not(:indeterminate):not(:disabled) {
2354
color: rgba(0, 0, 0, 0.54);
2355
}
2356
popover check.left:dir(rtl), popover
2358
radio.left:dir(rtl) {
2359
margin-left: -16px;
2360
margin-right: -8px;
2361
}
2362
popover check.right:dir(ltr), popover
2364
radio.right:dir(ltr) {
2365
margin-left: -8px;
2366
margin-right: -16px;
2367
}
2368
menu menuitem check, menu menuitem
2370
radio {
2371
transition: none;
2372
min-height: 16px;
2373
min-width: 16px;
2374
margin: 0;
2375
padding: 0;
2376
}
2377
menu menuitem check:dir(ltr), menu menuitem
2379
radio:dir(ltr) {
2380
margin-right: 8px;
2381
}
2382
menu menuitem check:dir(rtl), menu menuitem
2384
radio:dir(rtl) {
2385
margin-left: 8px;
2386
}
2387
menu menuitem check:not(:checked):not(:indeterminate):not(:disabled), menu menuitem
2389
radio:not(:checked):not(:indeterminate):not(:disabled) {
2390
color: rgba(0, 0, 0, 0.54);
2391
}
2392
menu menuitem check, menu menuitem check:hover, menu menuitem check:disabled, menu menuitem
2394
radio, menu menuitem
2395
radio:hover, menu menuitem
2396
radio:disabled {
2397
box-shadow: none;
2398
}
2399
check {
2402
-gtk-icon-source: image(-gtk-recolor(url("assets/scalable/checkbox-unchecked-symbolic.svg")), -gtk-recolor(url("assets/scalable/checkbox-unchecked-symbolic.symbolic.png")));
2403
}
2404
check:checked {
2407
-gtk-icon-source: image(-gtk-recolor(url("assets/scalable/checkbox-checked-symbolic.svg")), -gtk-recolor(url("assets/scalable/checkbox-checked-symbolic.symbolic.png")));
2408
}
2409
check:indeterminate {
2412
-gtk-icon-source: image(-gtk-recolor(url("assets/scalable/checkbox-mixed-symbolic.svg")), -gtk-recolor(url("assets/scalable/checkbox-mixed-symbolic.symbolic.png")));
2413
}
2414
radio {
2417
border-image-slice: 22;
2418
border-image-width: 22px;
2419
}
2420
radio {
2423
-gtk-icon-source: image(-gtk-recolor(url("assets/scalable/radio-unchecked-symbolic.svg")), -gtk-recolor(url("assets/scalable/radio-unchecked-symbolic.symbolic.png")));
2424
}
2425
radio:indeterminate {
2428
-gtk-icon-source: image(-gtk-recolor(url("assets/scalable/radio-mixed-symbolic.svg")), -gtk-recolor(url("assets/scalable/radio-mixed-symbolic.symbolic.png")));
2429
}
2430
radio {
2433
border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#FF4081), to(transparent));
2434
}
2435
radio:checked:not(:indeterminate) {
2438
border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.11364, to(#FF4081), to(transparent));
2439
}
2440
radio:checked:not(:indeterminate):disabled {
2443
border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.11364, to(rgba(255, 64, 129, 0.5)), to(transparent));
2444
}
2445
window.background:not(.csd) > widget > checkbutton > check,
2447
menu menuitem check {
2448
border-radius: 2px;
2449
-gtk-outline-radius: 2px;
2450
-gtk-icon-source: image(-gtk-recolor(url("assets/scalable/small-checkbox-unchecked-symbolic.svg")), -gtk-recolor(url("assets/scalable/small-checkbox-unchecked-symbolic.symbolic.png")));
2451
}
2452
window.background:not(.csd) > widget > checkbutton > check:checked,
2454
menu menuitem check:checked {
2455
-gtk-icon-source: image(-gtk-recolor(url("assets/scalable/small-checkbox-checked-symbolic.svg")), -gtk-recolor(url("assets/scalable/small-checkbox-checked-symbolic.symbolic.png")));
2456
}
2457
window.background:not(.csd) > widget > checkbutton > check:indeterminate,
2459
menu menuitem check:indeterminate {
2460
-gtk-icon-source: image(-gtk-recolor(url("assets/scalable/small-checkbox-mixed-symbolic.svg")), -gtk-recolor(url("assets/scalable/small-checkbox-mixed-symbolic.symbolic.png")));
2461
}
2462
window.background:not(.csd) > widget > radiobutton > radio,
2464
menu menuitem radio {
2465
border-image: none;
2466
-gtk-icon-source: image(-gtk-recolor(url("assets/scalable/small-radio-unchecked-symbolic.svg")), -gtk-recolor(url("assets/scalable/small-radio-unchecked-symbolic.symbolic.png")));
2467
}
2468
window.background:not(.csd) > widget > radiobutton > radio:checked,
2470
menu menuitem radio:checked {
2471
-gtk-icon-source: image(-gtk-recolor(url("assets/scalable/small-radio-checked-symbolic.svg")), -gtk-recolor(url("assets/scalable/small-radio-checked-symbolic.symbolic.png")));
2472
}
2473
window.background:not(.csd) > widget > radiobutton > radio:indeterminate,
2475
menu menuitem radio:indeterminate {
2476
-gtk-icon-source: image(-gtk-recolor(url("assets/scalable/small-radio-mixed-symbolic.svg")), -gtk-recolor(url("assets/scalable/small-radio-mixed-symbolic.symbolic.png")));
2477
}
2478
check:not(:checked):active {
2480
-gtk-icon-transform: rotate(90deg);
2481
}
2482
check:not(:checked):indeterminate:active,
2484
radio:not(:checked):indeterminate:active {
2485
-gtk-icon-transform: scaleX(-1);
2486
}
2487
check:not(:checked),
2489
radio:not(:checked) {
2490
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), background-size 0.5s cubic-bezier(0, 0, 0.2, 1), background-image 1s cubic-bezier(0, 0, 0.2, 1), -gtk-icon-transform 0;
2491
}
2492
check:not(:checked):active,
2494
radio:not(:checked):active {
2495
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0, -gtk-icon-transform 0;
2496
}
2497
menu menuitem check:not(:checked), menu menuitem
2499
radio:not(:checked) {
2500
transition: none;
2501
}
2502
treeview.view check,
2504
treeview.view radio {
2505
padding: 0;
2506
}
2507
treeview.view check:hover,
2509
treeview.view radio:hover {
2510
box-shadow: inset 0 0 0 9999px alpha(rgba(0, 0, 0, 0.87), 0.05);
2511
}
2512
treeview.view check:hover:disabled,
2514
treeview.view radio:hover:disabled {
2515
box-shadow: none;
2516
}
2517
treeview.view check:hover:selected,
2519
treeview.view radio:hover:selected {
2520
box-shadow: inset 0 0 0 9999px alpha(#FFFFFF, 0.05);
2521
}
2522
treeview.view check,
2524
treeview.view radio {
2525
color: rgba(0, 0, 0, 0.54);
2526
}
2527
treeview.view check:hover, treeview.view check:active,
2529
treeview.view radio:hover,
2530
treeview.view radio:active {
2531
color: rgba(0, 0, 0, 0.87);
2532
}
2533
treeview.view check:disabled,
2535
treeview.view radio:disabled {
2536
color: rgba(0, 0, 0, 0.26);
2537
}
2538
treeview.view check:checked, treeview.view check:indeterminate,
2540
treeview.view radio:checked,
2541
treeview.view radio:indeterminate {
2542
color: #FF4081;
2543
}
2544
treeview.view check:checked:disabled, treeview.view check:indeterminate:disabled,
2546
treeview.view radio:checked:disabled,
2547
treeview.view radio:indeterminate:disabled {
2548
color: rgba(255, 64, 129, 0.5);
2549
}
2550
treeview.view check:selected,
2552
treeview.view radio:selected {
2553
color: rgba(255, 255, 255, 0.7);
2554
}
2555
treeview.view check:selected:hover, treeview.view check:selected:active,
2557
treeview.view radio:selected:hover,
2558
treeview.view radio:selected:active {
2559
color: #FFFFFF;
2560
}
2561
treeview.view check:selected:disabled,
2563
treeview.view radio:selected:disabled {
2564
color: rgba(255, 255, 255, 0.3);
2565
}
2566
treeview.view check:selected:checked, treeview.view check:selected:indeterminate,
2568
treeview.view radio:selected:checked,
2569
treeview.view radio:selected:indeterminate {
2570
color: #FF4081;
2571
}
2572
treeview.view check:selected:checked:disabled, treeview.view check:selected:indeterminate:disabled,
2574
treeview.view radio:selected:checked:disabled,
2575
treeview.view radio:selected:indeterminate:disabled {
2576
color: rgba(255, 64, 129, 0.5);
2577
}
2578
treeview.view radio:checked {
2580
-gtk-icon-source: image(-gtk-recolor(url("assets/scalable/radio-checked-symbolic.svg")), -gtk-recolor(url("assets/scalable/radio-checked-symbolic.symbolic.png")));
2581
border-image: none;
2582
}
2583
/************
2585
* GtkScale *
2586
************/
2587
scale {
2588
min-height: 8px;
2589
min-width: 8px;
2590
padding: 12px;
2591
}
2592
scale * {
2594
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
2595
}
2596
scale slider {
2598
min-height: 24px;
2599
min-width: 24px;
2600
margin: -11px;
2601
}
2602
scale trough {
2604
outline-offset: 2px;
2605
background-color: rgba(0, 0, 0, 0.26);
2606
}
2607
scale trough:disabled {
2609
background-color: rgba(0, 0, 0, 0.12);
2610
}
2611
scale highlight {
2613
background-color: #FF4081;
2614
}
2615
scale highlight:disabled {
2617
background-color: transparent;
2618
}
2619
scale fill {
2621
background-color: rgba(0, 0, 0, 0.26);
2622
}
2623
scale fill:disabled {
2625
background-color: transparent;
2626
}
2627
scale slider {
2629
transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
2630
background-repeat: no-repeat;
2631
background-position: center;
2632
background-size: calc(100% - 10px);
2633
}
2634
scale slider {
2636
background-image: -gtk-scaled(url("assets/scale-slider.png"), url("assets/scale-slider@2.png"));
2637
}
2638
scale slider:disabled {
2640
background-image: -gtk-scaled(url("assets/scale-slider-disabled.png"), url("assets/scale-slider-disabled@2.png"));
2641
}
2642
scale slider:hover {
2644
background-size: calc(100% - 8px);
2645
}
2646
scale slider:active {
2648
background-size: calc(100% - 6px);
2649
}
2650
scale.fine-tune slider {
2652
background-size: calc(100% - 12px);
2653
}
2654
scale value {
2656
color: rgba(0, 0, 0, 0.38);
2657
}
2658
scale marks {
2660
color: rgba(0, 0, 0, 0.26);
2661
}
2662
scale marks.top {
2664
margin-bottom: 8px;
2665
margin-top: -16px;
2666
}
2667
scale marks.bottom {
2669
margin-top: 8px;
2670
margin-bottom: -16px;
2671
}
2672
scale marks.top {
2674
margin-right: 8px;
2675
margin-left: -16px;
2676
}
2677
scale marks.bottom {
2679
margin-left: 8px;
2680
margin-right: -16px;
2681
}
2682
scale.horizontal indicator {
2684
min-height: 8px;
2685
min-width: 1px;
2686
}
2687
scale.vertical indicator {
2689
min-height: 1px;
2690
min-width: 8px;
2691
}
2692
scale.horizontal.marks-before:not(.marks-after) slider {
2694
min-height: 30px;
2695
min-width: 24px;
2696
margin-top: -17px;
2697
background-position: center calc(100% - 5px);
2698
}
2699
scale.horizontal.marks-before:not(.marks-after) slider {
2701
background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider.png"), url("assets/scale-horz-marks-before-slider@2.png"));
2702
}
2703
scale.horizontal.marks-before:not(.marks-after) slider:disabled {
2705
background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-disabled.png"), url("assets/scale-horz-marks-before-slider-disabled@2.png"));
2706
}
2707
scale.horizontal.marks-before:not(.marks-after) slider:hover {
2709
background-position: center calc(100% - 4px);
2710
}
2711
scale.horizontal.marks-before:not(.marks-after) slider:active {
2713
background-position: center calc(100% - 3px);
2714
}
2715
scale.horizontal.marks-before:not(.marks-after).fine-tune slider {
2717
background-position: center calc(100% - 6px);
2718
}
2719
scale.horizontal.marks-after:not(.marks-before) slider {
2721
min-height: 30px;
2722
min-width: 24px;
2723
margin-bottom: -17px;
2724
background-position: center calc(5px);
2725
}
2726
scale.horizontal.marks-after:not(.marks-before) slider {
2728
background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider.png"), url("assets/scale-horz-marks-after-slider@2.png"));
2729
}
2730
scale.horizontal.marks-after:not(.marks-before) slider:disabled {
2732
background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-disabled.png"), url("assets/scale-horz-marks-after-slider-disabled@2.png"));
2733
}
2734
scale.horizontal.marks-after:not(.marks-before) slider:hover {
2736
background-position: center calc(4px);
2737
}
2738
scale.horizontal.marks-after:not(.marks-before) slider:active {
2740
background-position: center calc(3px);
2741
}
2742
scale.horizontal.marks-after:not(.marks-before).fine-tune slider {
2744
background-position: center calc(6px);
2745
}
2746
scale.vertical.marks-before:not(.marks-after) slider {
2748
min-height: 24px;
2749
min-width: 30px;
2750
margin-left: -17px;
2751
background-position: calc(5px) center;
2752
}
2753
scale.vertical.marks-before:not(.marks-after) slider {
2755
background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider.png"), url("assets/scale-vert-marks-before-slider@2.png"));
2756
}
2757
scale.vertical.marks-before:not(.marks-after) slider:disabled {
2759
background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-disabled.png"), url("assets/scale-vert-marks-before-slider-disabled@2.png"));
2760
}
2761
scale.vertical.marks-before:not(.marks-after) slider:hover {
2763
background-position: calc(4px) center;
2764
}
2765
scale.vertical.marks-before:not(.marks-after) slider:active {
2767
background-position: calc(3px) center;
2768
}
2769
scale.vertical.marks-before:not(.marks-after).fine-tune slider {
2771
background-position: calc(6px) center;
2772
}
2773
scale.vertical.marks-after:not(.marks-before) slider {
2775
min-height: 24px;
2776
min-width: 30px;
2777
margin-right: -17px;
2778
background-position: calc(100% - 5px) center;
2779
}
2780
scale.vertical.marks-after:not(.marks-before) slider {
2782
background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider.png"), url("assets/scale-vert-marks-after-slider@2.png"));
2783
}
2784
scale.vertical.marks-after:not(.marks-before) slider:disabled {
2786
background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-disabled.png"), url("assets/scale-vert-marks-after-slider-disabled@2.png"));
2787
}
2788
scale.vertical.marks-after:not(.marks-before) slider:hover {
2790
background-position: calc(100% - 4px) center;
2791
}
2792
scale.vertical.marks-after:not(.marks-before) slider:active {
2794
background-position: calc(100% - 3px) center;
2795
}
2796
scale.vertical.marks-after:not(.marks-before).fine-tune slider {
2798
background-position: calc(100% - 6px) center;
2799
}
2800
scale.color {
2802
min-height: 0;
2803
min-width: 0;
2804
}
2805
scale.color.horizontal {
2807
padding: 0 0 12px 0;
2808
}
2809
scale.color.horizontal slider:dir(ltr), scale.color.horizontal slider:dir(rtl) {
2811
margin-bottom: -12px;
2812
margin-top: -2px;
2813
}
2814
scale.color.vertical:dir(ltr) {
2816
padding: 0 0 0 12px;
2817
}
2818
scale.color.vertical:dir(ltr) slider {
2820
margin-left: -12px;
2821
margin-right: -2px;
2822
}
2823
scale.color.vertical:dir(rtl) {
2825
padding: 0 12px 0 0;
2826
}
2827
scale.color.vertical:dir(rtl) slider {
2829
margin-right: -12px;
2830
margin-left: -2px;
2831
}
2832
/*****************
2834
* Progress bars *
2835
*****************/
2836
progressbar {
2837
color: rgba(0, 0, 0, 0.38);
2838
font-size: smaller;
2839
}
2840
progressbar.horizontal trough,
2842
progressbar.horizontal progress {
2843
min-height: 4px;
2844
}
2845
progressbar.vertical trough,
2847
progressbar.vertical progress {
2848
min-width: 4px;
2849
}
2850
progressbar trough {
2852
background-color: rgba(66, 165, 245, 0.3);
2853
}
2854
progressbar progress {
2856
background-color: #42A5F5;
2857
}
2858
progressbar trough.empty progress {
2860
all: unset;
2861
}
2862
/*************
2864
* Level Bar *
2865
*************/
2866
levelbar block {
2867
min-width: 32px;
2868
min-height: 4px;
2869
}
2870
levelbar.vertical block {
2872
min-width: 4px;
2873
min-height: 32px;
2874
}
2875
levelbar trough {
2877
padding: 2px;
2878
border-radius: 2px;
2879
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
2880
background-color: #FFFFFF;
2881
}
2882
levelbar trough:disabled {
2884
background-color: #FAFAFA;
2885
}
2886
levelbar.horizontal.discrete block {
2888
margin: 0 1px;
2889
}
2890
levelbar.horizontal.discrete trough {
2892
padding: 2px 1px;
2893
}
2894
levelbar.vertical.discrete block {
2896
margin: 1px 0;
2897
}
2898
levelbar.vertical.discrete trough {
2900
padding: 1px 2px;
2901
}
2902
levelbar block.low {
2904
background-color: #FF6D00;
2905
}
2906
levelbar block.high, levelbar block:not(.empty) {
2908
background-color: #42A5F5;
2909
}
2910
levelbar block.full {
2912
background-color: #00C853;
2913
}
2914
levelbar block.empty {
2916
background-color: rgba(0, 0, 0, 0.12);
2917
}
2918
/****************
2920
* Print dialog *
2921
*****************/
2922
printdialog paper {
2923
padding: 0;
2924
border: 1px solid rgba(0, 0, 0, 0.1);
2925
background-color: #FFFFFF;
2926
color: rgba(0, 0, 0, 0.87);
2927
}
2928
printdialog .dialog-action-box {
2930
margin: 12px;
2931
}
2932
/**********
2934
* Frames *
2935
**********/
2936
frame > border,
2937
.frame {
2938
margin: 0;
2939
padding: 0;
2940
border: 1px solid rgba(0, 0, 0, 0.1);
2941
border-radius: 0;
2942
box-shadow: none;
2943
}
2944
frame > border.flat,
2946
.frame.flat,
2947
frame.flat > border {
2948
border-style: none;
2949
}
2950
actionbar > revealer > box {
2952
padding: 6px;
2953
border-top: 1px solid rgba(0, 0, 0, 0.1);
2954
}
2955
scrolledwindow viewport.frame {
2957
border-style: none;
2958
}
2959
overshoot.top {
2961
background-image: -gtk-gradient(radial, center top, 0, center top, 0.75, to(rgba(64, 196, 255, 0.3)), to(transparent));
2962
background-repeat: no-repeat;
2963
background-position: center top;
2964
background-color: transparent;
2965
border: none;
2966
box-shadow: none;
2967
}
2968
overshoot.bottom {
2970
background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.75, to(rgba(64, 196, 255, 0.3)), to(transparent));
2971
background-repeat: no-repeat;
2972
background-position: center bottom;
2973
background-color: transparent;
2974
border: none;
2975
box-shadow: none;
2976
}
2977
overshoot.left {
2979
background-image: -gtk-gradient(radial, left center, 0, left center, 0.75, to(rgba(64, 196, 255, 0.3)), to(transparent));
2980
background-repeat: no-repeat;
2981
background-position: left center;
2982
background-color: transparent;
2983
border: none;
2984
box-shadow: none;
2985
}
2986
overshoot.right {
2988
background-image: -gtk-gradient(radial, right center, 0, right center, 0.75, to(rgba(64, 196, 255, 0.3)), to(transparent));
2989
background-repeat: no-repeat;
2990
background-position: right center;
2991
background-color: transparent;
2992
border: none;
2993
box-shadow: none;
2994
}
2995
undershoot.top {
2997
background-color: transparent;
2998
background-image: linear-gradient(to left, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%);
2999
padding-top: 1px;
3000
background-size: 12px 1px;
3001
background-repeat: repeat-x;
3002
background-origin: content-box;
3003
background-position: left top;
3004
}
3005
undershoot.bottom {
3007
background-color: transparent;
3008
background-image: linear-gradient(to left, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%);
3009
padding-bottom: 1px;
3010
background-size: 12px 1px;
3011
background-repeat: repeat-x;
3012
background-origin: content-box;
3013
background-position: left bottom;
3014
}
3015
undershoot.left {
3017
background-color: transparent;
3018
background-image: linear-gradient(to top, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%);
3019
padding-left: 1px;
3020
background-size: 1px 12px;
3021
background-repeat: repeat-y;
3022
background-origin: content-box;
3023
background-position: left top;
3024
}
3025
undershoot.right {
3027
background-color: transparent;
3028
background-image: linear-gradient(to top, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%);
3029
padding-right: 1px;
3030
background-size: 1px 12px;
3031
background-repeat: repeat-y;
3032
background-origin: content-box;
3033
background-position: right top;
3034
}
3035
junction {
3037
border-style: solid none none solid;
3038
border-width: 1px;
3039
border-color: rgba(0, 0, 0, 0.1);
3040
background-color: #FFFFFF;
3041
}
3042
junction:dir(rtl) {
3044
border-style: solid solid none none;
3045
}
3046
separator {
3048
min-width: 1px;
3049
min-height: 1px;
3050
background-color: rgba(0, 0, 0, 0.1);
3051
}
3052
button.font separator,
3055
button.file separator, .tweak-categories separator, preferences stacksidebar.sidebar list separator {
3056
min-width: 0;
3057
min-height: 0;
3058
background-color: transparent;
3059
}
3060
/*********
3062
* Lists *
3063
*********/
3064
list {
3065
border-color: rgba(0, 0, 0, 0.1);
3066
background-color: #FFFFFF;
3067
}
3068
list row {
3070
padding: 2px;
3071
}
3072
row.activatable, .view, treeview.view header button, .budgie-menu button {
3074
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), background-color 0, color 0, background-size 0.5s cubic-bezier(0, 0, 0.2, 1), background-image 1s cubic-bezier(0, 0, 0.2, 1);
3075
box-shadow: inset 0 0 0 9999px transparent;
3076
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
3077
background-repeat: no-repeat;
3078
background-position: center;
3079
background-size: 1000% 1000%;
3080
}
3081
row.activatable:hover, .view:hover, treeview.view header button:hover, .budgie-menu button:hover {
3083
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), background-color 0, color 0, box-shadow 0, background-size 0.5s cubic-bezier(0, 0, 0.2, 1), background-image 1s cubic-bezier(0, 0, 0.2, 1);
3084
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.05);
3085
}
3086
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 {
3088
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), background-color 0, color 0, background-size 0, background-image 0;
3089
animation: ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1) forwards;
3090
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.15);
3091
background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.15) 10%, transparent 0%);
3092
background-size: 0% 0%;
3093
}
3094
/*********************
3096
* App Notifications *
3097
*********************/
3098
.app-notification {
3099
margin: 8px;
3100
}
3101
.app-notification.frame,
3103
.app-notification border {
3104
border-style: none;
3105
}
3106
/*************
3108
* Expanders *
3109
*************/
3110
expander arrow {
3111
transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
3112
min-width: 16px;
3113
min-height: 16px;
3114
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
3115
-gtk-icon-transform: rotate(-90deg);
3116
color: rgba(0, 0, 0, 0.54);
3117
}
3118
expander arrow:dir(rtl) {
3120
-gtk-icon-transform: rotate(90deg);
3121
}
3122
expander arrow:checked {
3124
-gtk-icon-transform: unset;
3125
}
3126
expander arrow:hover, expander arrow:active {
3128
color: rgba(0, 0, 0, 0.87);
3129
}
3130
expander arrow:disabled {
3132
color: rgba(0, 0, 0, 0.26);
3133
}
3134
expander arrow:selected {
3136
color: rgba(255, 255, 255, 0.7);
3137
}
3138
expander arrow:selected:hover, expander arrow:selected:active {
3140
color: #FFFFFF;
3141
}
3142
expander arrow:selected:disabled {
3144
color: rgba(255, 255, 255, 0.3);
3145
}
3146
/************
3148
* Calendar *
3149
************/
3150
calendar {
3151
padding: 1px;
3152
border: 1px solid rgba(0, 0, 0, 0.1);
3153
color: rgba(0, 0, 0, 0.87);
3154
}
3155
calendar:disabled {
3157
color: rgba(0, 0, 0, 0.38);
3158
}
3159
calendar:selected {
3161
border-radius: 3px;
3162
}
3163
calendar.header {
3165
border-style: none none solid;
3166
border-radius: 0;
3167
}
3168
calendar.highlight {
3170
color: rgba(0, 0, 0, 0.54);
3171
font-weight: 500;
3172
}
3173
calendar:indeterminate {
3175
color: rgba(0, 0, 0, 0.26);
3176
}
3177
/***********
3179
* Dialogs *
3180
***********/
3181
messagedialog.background {
3182
background-color: #FAFAFA;
3183
}
3184
messagedialog .titlebar {
3186
min-height: 20px;
3187
border-style: none;
3188
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
3189
background-color: #FAFAFA;
3190
color: rgba(0, 0, 0, 0.87);
3191
}
3192
messagedialog .titlebar:backdrop {
3194
color: rgba(0, 0, 0, 0.54);
3195
}
3196
messagedialog.csd.background {
3198
border-bottom-left-radius: 2px;
3199
border-bottom-right-radius: 2px;
3200
}
3201
messagedialog.csd .dialog-action-area button {
3203
padding: 8px 16px;
3204
border-top: 1px solid rgba(0, 0, 0, 0.1);
3205
border-radius: 0;
3206
}
3207
messagedialog.csd .dialog-action-area button:first-child {
3209
border-bottom-left-radius: 2px;
3210
}
3211
messagedialog.csd .dialog-action-area button:last-child {
3213
border-bottom-right-radius: 2px;
3214
}
3215
filechooser .dialog-action-box {
3217
border-top: 1px solid rgba(0, 0, 0, 0.1);
3218
}
3219
filechooser #pathbarbox {
3221
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
3222
background-color: #F5F5F5;
3223
}
3224
filechooserbutton:drop(active) {
3226
box-shadow: none;
3227
}
3228
/***********
3230
* Sidebar *
3231
***********/
3232
.sidebar {
3233
border-style: none;
3234
background-color: #FAFAFA;
3235
}
3236
stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left, .sidebar.left:dir(rtl) {
3238
border-right: 1px solid rgba(0, 0, 0, 0.1);
3239
border-left-style: none;
3240
}
3241
stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right {
3243
border-left: 1px solid rgba(0, 0, 0, 0.1);
3244
border-right-style: none;
3245
}
3246
.sidebar list {
3248
background-color: transparent;
3249
}
3250
paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar {
3252
border-style: none;
3253
}
3254
stacksidebar row {
3256
padding: 10px 4px;
3257
}
3258
stacksidebar row > label {
3260
padding-left: 6px;
3261
padding-right: 6px;
3262
}
3263
/****************
3265
* File chooser *
3266
****************/
3267
placessidebar > viewport.frame {
3268
border-style: none;
3269
}
3270
placessidebar list {
3272
padding: 1px 0 4px;
3273
}
3274
placessidebar row {
3276
min-height: 32px;
3277
margin: -1px 0;
3278
padding: 0;
3279
}
3280
placessidebar row > revealer {
3282
padding: 0 12px;
3283
}
3284
placessidebar row:selected {
3286
color: #FFFFFF;
3287
}
3288
placessidebar row:disabled {
3290
color: rgba(0, 0, 0, 0.38);
3291
}
3292
placessidebar row image.sidebar-icon {
3294
color: rgba(0, 0, 0, 0.54);
3295
}
3296
placessidebar row image.sidebar-icon:dir(ltr) {
3298
padding-right: 8px;
3299
}
3300
placessidebar row image.sidebar-icon:dir(rtl) {
3302
padding-left: 8px;
3303
}
3304
placessidebar row:selected image.sidebar-icon {
3306
color: rgba(255, 255, 255, 0.7);
3307
}
3308
placessidebar row label.sidebar-label:dir(ltr) {
3310
padding-right: 2px;
3311
}
3312
placessidebar row label.sidebar-label:dir(rtl) {
3314
padding-left: 2px;
3315
}
3316
placessidebar row.sidebar-placeholder-row {
3318
min-height: 2px;
3319
padding: 0 8px;
3320
background-image: image(#FF4081);
3321
background-clip: content-box;
3322
}
3323
placessidebar row.sidebar-new-bookmark-row {
3325
color: #FF4081;
3326
}
3327
placessidebar row:drop(active):not(:disabled) {
3329
box-shadow: inset 0 0 0 2px #FF4081;
3330
}
3331
placesview .server-list-button > image {
3333
-gtk-icon-transform: rotate(0turn);
3334
}
3335
placesview .server-list-button:checked > image {
3337
-gtk-icon-transform: rotate(-0.5turn);
3338
}
3339
placesview > actionbar > revealer > box > label {
3341
padding-left: 8px;
3342
padding-right: 8px;
3343
}
3344
/*********
3346
* Paned *
3347
*********/
3348
paned > separator {
3349
min-width: 1px;
3350
min-height: 1px;
3351
-gtk-icon-source: none;
3352
border-style: none;
3353
background-color: transparent;
3354
background-image: image(rgba(0, 0, 0, 0.1));
3355
background-size: 1px 1px;
3356
background-clip: content-box;
3357
}
3358
paned > separator.wide {
3360
min-width: 6px;
3361
min-height: 6px;
3362
background-color: #F5F5F5;
3363
background-image: image(rgba(0, 0, 0, 0.1)), image(rgba(0, 0, 0, 0.1));
3364
background-size: 1px 1px, 1px 1px;
3365
}
3366
paned.horizontal > separator {
3368
background-repeat: repeat-y;
3369
}
3370
paned.horizontal > separator:dir(ltr) {
3372
margin: 0 -8px 0 0;
3373
padding: 0 8px 0 0;
3374
background-position: left;
3375
}
3376
paned.horizontal > separator:dir(rtl) {
3378
margin: 0 0 0 -8px;
3379
padding: 0 0 0 8px;
3380
background-position: right;
3381
}
3382
paned.horizontal > separator.wide {
3384
margin: 0;
3385
padding: 0;
3386
background-repeat: repeat-y, repeat-y;
3387
background-position: left, right;
3388
}
3389
paned.vertical > separator {
3391
margin: 0 0 -8px 0;
3392
padding: 0 0 8px 0;
3393
background-repeat: repeat-x;
3394
background-position: top;
3395
}
3396
paned.vertical > separator.wide {
3398
margin: 0;
3399
padding: 0;
3400
background-repeat: repeat-x, repeat-x;
3401
background-position: bottom, top;
3402
}
3403
/**************
3405
* GtkInfoBar *
3406
**************/
3407
infobar {
3408
border-style: none;
3409
}
3410
infobar.info {
3412
background-color: #66BB6A;
3413
}
3414
infobar.question {
3416
background-color: #42A5F5;
3417
}
3418
infobar.warning {
3420
background-color: #FFA726;
3421
}
3422
infobar.error {
3424
background-color: #EF5350;
3425
}
3426
infobar.info > label, infobar.info, infobar.question > label, infobar.question, infobar.warning > label, infobar.warning, infobar.error > label, infobar.error {
3428
color: #FFFFFF;
3429
}
3430
/************
3432
* Tooltips *
3433
************/
3434
tooltip {
3435
border-radius: 2px;
3436
box-shadow: none;
3437
}
3438
tooltip.background {
3440
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
3441
background-color: rgba(255, 255, 255, 0.9);
3442
}
3443
tooltip:not(.csd):not(.unity-csd) {
3445
border: 1px solid rgba(0, 0, 0, 0.1);
3446
border-radius: 3px;
3447
background-clip: padding-box;
3448
}
3449
tooltip decoration {
3451
background-color: transparent;
3452
}
3453
tooltip label {
3455
min-height: 20px;
3456
padding: 0 2px;
3457
}
3458
/*****************
3460
* Color Chooser *
3461
*****************/
3462
colorswatch.top {
3463
border-top-left-radius: 2.5px;
3464
border-top-right-radius: 2.5px;
3465
}
3466
colorswatch.top overlay {
3468
border-top-left-radius: 2px;
3469
border-top-right-radius: 2px;
3470
}
3471
colorswatch.bottom {
3473
border-bottom-left-radius: 2.5px;
3474
border-bottom-right-radius: 2.5px;
3475
}
3476
colorswatch.bottom overlay {
3478
border-bottom-left-radius: 2px;
3479
border-bottom-right-radius: 2px;
3480
}
3481
colorswatch.left, colorswatch:first-child:not(.top) {
3483
border-top-left-radius: 2.5px;
3484
border-bottom-left-radius: 2.5px;
3485
}
3486
colorswatch.left overlay, colorswatch:first-child:not(.top) overlay {
3488
border-top-left-radius: 2px;
3489
border-bottom-left-radius: 2px;
3490
}
3491
colorswatch.right, colorswatch:last-child:not(.bottom) {
3493
border-top-right-radius: 2.5px;
3494
border-bottom-right-radius: 2.5px;
3495
}
3496
colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay {
3498
border-top-right-radius: 2px;
3499
border-bottom-right-radius: 2px;
3500
}
3501
colorswatch.dark overlay {
3503
color: #FFFFFF;
3504
}
3505
colorswatch.light overlay {
3507
color: rgba(0, 0, 0, 0.87);
3508
}
3509
colorswatch.dark {
3511
color: #FFFFFF;
3512
}
3513
colorswatch.light {
3515
color: rgba(0, 0, 0, 0.87);
3516
}
3517
colorswatch:drop(active) {
3519
box-shadow: none;
3520
}
3521
colorswatch:drop(active).light overlay {
3523
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), 0 0 0 2px #FF4081;
3524
}
3525
colorswatch:drop(active).dark overlay {
3527
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), 0 0 0 2px #FF4081;
3528
}
3529
colorswatch overlay {
3531
transition: box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1);
3532
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
3533
}
3534
colorswatch overlay:hover {
3536
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
3537
}
3538
colorswatch#add-color-button {
3540
border-radius: 2px 2px 0 0;
3541
color: #FFFFFF;
3542
}
3543
colorswatch#add-color-button:only-child {
3545
border-radius: 2px;
3546
}
3547
colorswatch#add-color-button overlay {
3549
background-image: linear-gradient(to right, #EF5350 25%, #FFA726 25%, #FFA726 50%, #66BB6A 50%, #66BB6A 75%, #42A5F5 75%);
3550
color: #FFFFFF;
3551
}
3552
colorswatch:disabled {
3554
opacity: 0.5;
3555
}
3556
colorswatch:disabled overlay {
3558
box-shadow: none;
3559
}
3560
colorswatch#editor-color-sample {
3562
border-radius: 2.5px;
3563
}
3564
colorswatch#editor-color-sample overlay {
3566
border-radius: 2px;
3567
}
3568
colorchooser .popover.osd {
3570
transition: box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1);
3571
border-radius: 2px;
3572
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);
3573
background-color: #FFFFFF;
3574
}
3575
colorchooser .popover.osd:backdrop {
3577
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);
3578
}
3579
/********
3581
* Misc *
3582
********/
3583
.content-view {
3584
background-color: #F5F5F5;
3585
}
3586
/**********************
3588
* Window Decorations *
3589
**********************/
3590
decoration {
3591
transition: box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1);
3592
border-radius: 2px 2px 0 0;
3593
box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22), 0 16px 16px transparent;
3594
margin: 8px;
3595
}
3596
decoration:backdrop {
3598
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), 0 16px 16px transparent;
3599
}
3600
.maximized decoration,
3602
.fullscreen decoration,
3603
.tiled decoration {
3604
border-radius: 0;
3605
}
3606
.popup decoration {
3608
box-shadow: none;
3609
}
3610
.ssd decoration {
3612
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16);
3613
}
3614
.csd.popup decoration {
3616
border-radius: 2px;
3617
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
3618
}
3619
tooltip.csd decoration {
3621
border-radius: 2px;
3622
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
3623
}
3624
messagedialog.csd decoration {
3626
border-radius: 2px;
3627
}
3628
.solid-csd decoration {
3630
margin: 0;
3631
border-radius: 0;
3632
box-shadow: none;
3633
background-color: #E0E0E0;
3634
}
3635
.view selection, .view:selected, flowbox flowboxchild:selected, spinbutton:not(.vertical) selection,
3637
entry selection, modelbutton.flat:selected,
3638
.menuitem.button.flat:selected, popover.background.menu button:checked,
3639
popover.background button.model:checked, row:selected, calendar:selected, text:selected, .budgie-menu button:checked {
3640
background-color: #42A5F5;
3641
}
3642
row:selected label, label:selected, .view selection, .view:selected, flowbox flowboxchild:selected, spinbutton:not(.vertical) selection,
3644
entry selection, modelbutton.flat:selected,
3645
.menuitem.button.flat:selected, popover.background.menu button:checked,
3646
popover.background button.model:checked, row:selected, calendar:selected, text:selected, .budgie-menu button:checked {
3647
color: #FFFFFF;
3648
}
3649
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,
3651
entry selection:disabled, modelbutton.flat:disabled:selected,
3652
.menuitem.button.flat:disabled:selected, popover.background.menu button:disabled:checked,
3653
popover.background button.model:disabled:checked, row:disabled:selected, calendar:disabled:selected, text:disabled:selected, .budgie-menu button:disabled:checked {
3654
color: rgba(255, 255, 255, 0.5);
3655
}
3656
.monospace {
3658
font-family: monospace;
3659
}
3660
/**********************
3662
* Touch Copy & Paste *
3663
**********************/
3664
cursor-handle {
3665
border-radius: 9999px;
3666
background-color: #FF4081;
3667
background-image: none;
3668
}
3669
cursor-handle.top:dir(ltr), cursor-handle.bottom:dir(rtl) {
3671
padding-left: 6px;
3672
border-top-right-radius: 0;
3673
}
3674
cursor-handle.bottom:dir(ltr), cursor-handle.top:dir(rtl) {
3676
padding-right: 6px;
3677
border-top-left-radius: 0;
3678
}
3679
cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) {
3681
-GtkWidget-text-handle-width: 24;
3682
-GtkWidget-text-handle-height: 30;
3683
-gtk-icon-source: -gtk-scaled(url("assets/scale-horz-marks-before-slider.png"), url("assets/scale-horz-marks-before-slider@2.png"));
3684
}
3685
.context-menu {
3687
font: initial;
3688
}
3689
.keycap {
3691
min-width: 12px;
3692
min-height: 26px;
3693
margin-top: 2px;
3694
padding-bottom: 2px;
3695
padding-left: 8px;
3696
padding-right: 8px;
3697
border: solid 1px rgba(0, 0, 0, 0.1);
3698
border-radius: 3px;
3699
box-shadow: inset 0 -2px rgba(0, 0, 0, 0.1);
3700
background-color: #FFFFFF;
3701
color: rgba(0, 0, 0, 0.87);
3702
font-size: smaller;
3703
}
3704
:not(decoration):not(window):drop(active) {
3706
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
3707
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 #FF4081;
3708
caret-color: #FF4081;
3709
}
3710
stackswitcher button.text-button {
3712
min-width: 100px;
3713
}
3714
stackswitcher button.circular,
3716
stackswitcher button.text-button.circular {
3717
min-width: 32px;
3718
min-height: 32px;
3719
padding: 0;
3720
}
3721
/************
3723
* Nautilus *
3724
************/
3725
.nautilus-window,
3726
.nautilus-window notebook,
3727
.nautilus-window notebook > stack {
3728
background-color: #FFFFFF;
3729
}
3730
.nautilus-desktop.nautilus-canvas-item:not(:selected), .caja-desktop.caja-canvas-item:not(:selected) {
3732
color: #FFFFFF;
3733
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
3734
}
3735
@keyframes needs_attention_keyframes {
3737
to {
3738
background-color: alpha(currentColor, 0.3);
3739
}
3740
}
3741
.nautilus-operations-button-needs-attention {
3743
animation: needs_attention_keyframes 0.3s cubic-bezier(0.4, 0, 0.2, 1) 2 alternate;
3744
}
3745
.nautilus-operations-button-needs-attention-multiple {
3747
animation: needs_attention_keyframes 0.3s cubic-bezier(0.4, 0, 0.2, 1) 4 alternate;
3748
}
3749
.nautilus-window .floating-bar {
3751
min-height: 32px;
3752
padding: 0;
3753
border-style: solid solid none;
3754
border-width: 1px;
3755
border-color: rgba(0, 0, 0, 0.1);
3756
border-radius: 3px 3px 0 0;
3757
background-color: #FFFFFF;
3758
background-clip: padding-box;
3759
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), border-width 0;
3760
}
3761
.nautilus-window .floating-bar.bottom.left {
3763
margin-right: 7px;
3764
border-left-style: none;
3765
border-top-left-radius: 0;
3766
}
3767
.nautilus-window .floating-bar.bottom.right {
3769
margin-left: 7px;
3770
border-right-style: none;
3771
border-top-right-radius: 0;
3772
}
3773
.nautilus-window .floating-bar button {
3775
margin: 6px;
3776
}
3777
.disk-space-display.unknown {
3779
background-color: #FF6D00;
3780
}
3781
.disk-space-display.used {
3783
background-color: #42A5F5;
3784
}
3785
.disk-space-display.free {
3787
background-color: rgba(0, 0, 0, 0.12);
3788
}
3789
.nautilus-window searchbar {
3791
border-top: 1px solid rgba(0, 0, 0, 0.1);
3792
}
3793
.nautilus-window .searchbar-container {
3795
margin-top: -1px;
3796
}
3797
.conflict-row:not(:selected) {
3799
background-color: #ffd3b3;
3800
}
3801
.nautilus-window flowboxchild > widget > .icon-item-background {
3803
padding: 4px;
3804
border-radius: 2px;
3805
}
3806
.nautilus-window flowboxchild:selected {
3808
background-color: transparent;
3809
}
3810
.nautilus-window flowboxchild:selected > widget > .icon-item-background {
3812
background-color: #42A5F5;
3813
}
3814
dialog.background > box.dialog-vbox.vertical > grid.horizontal > scrolledwindow.frame {
3816
border-style: none;
3817
}
3818
dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child {
3820
margin: -6px 0 0 -6px;
3821
border-top: 1px solid rgba(0, 0, 0, 0.1);
3822
}
3823
dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child > label {
3825
margin: 0 8px;
3826
}
3827
dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child > box > button {
3829
border-radius: 0;
3830
}
3831
.nautilus-window > popover.menu:not(:last-child) {
3833
padding: 3px;
3834
}
3835
.nautilus-window > popover.menu:not(:last-child) > stack > box > box > box {
3837
margin-top: -6px;
3838
}
3839
.nautilus-window > popover.menu:not(:last-child) > stack > box > box > box > box {
3841
margin-bottom: -6px;
3842
}
3843
.nautilus-window > popover.menu:not(:last-child) > stack > box > box > box > box.linked {
3845
margin-top: 1px;
3846
}
3847
.nautilus-window > popover.menu:not(:last-child) separator {
3849
margin-bottom: -2px;
3850
}
3851
.nautilus-menu-sort-heading {
3853
margin: 1px 3px;
3854
font-weight: 500;
3855
}
3856
.nautilus-menu-sort-heading:disabled {
3858
color: rgba(0, 0, 0, 0.38);
3859
}
3860
.nautilus-window paned > separator {
3862
background-color: #F5F5F5;
3863
}
3864
/*********
3866
* gedit *
3867
*********/
3868
.open-document-selector-name-label {
3869
font-weight: bold;
3870
}
3871
.open-document-selector-path-label {
3873
color: rgba(0, 0, 0, 0.54);
3874
font-size: smaller;
3875
}
3876
.open-document-selector-path-label:selected {
3878
color: rgba(255, 255, 255, 0.7);
3879
}
3880
.gedit-document-panel {
3882
background-color: #FAFAFA;
3883
}
3884
.gedit-document-panel row button.flat {
3886
margin-top: 8px;
3887
margin-bottom: 8px;
3888
}
3889
.gedit-document-panel-group-row:not(:first-child) {
3891
border-top: 1px solid rgba(0, 0, 0, 0.1);
3892
}
3893
.gedit-side-panel-paned statusbar {
3895
border-top: 1px solid rgba(0, 0, 0, 0.1);
3896
}
3897
.gedit-search-slider {
3899
margin: 4px 4px 8px;
3900
}
3901
.gedit-search-slider entry:dir(ltr), .gedit-search-slider entry:dir(rtl) {
3903
border-radius: 2px;
3904
}
3905
.gedit-search-slider entry:dir(ltr) .gedit-search-entry-occurrences-tag, .gedit-search-slider entry:dir(rtl) .gedit-search-entry-occurrences-tag {
3907
all: unset;
3908
color: rgba(0, 0, 0, 0.38);
3909
}
3910
.gedit-search-slider entry:dir(ltr) {
3912
margin-right: -58px;
3913
padding-right: 58px;
3914
}
3915
.gedit-search-slider entry:dir(ltr) .gedit-search-entry-occurrences-tag {
3917
margin-left: 6px;
3918
}
3919
.gedit-search-slider entry:dir(ltr) image.right {
3921
margin-right: 0;
3922
}
3923
.gedit-search-slider entry:dir(rtl) {
3925
margin-left: -58px;
3926
padding-left: 58px;
3927
}
3928
.gedit-search-slider entry:dir(rtl) .gedit-search-entry-occurrences-tag {
3930
margin-right: 6px;
3931
}
3932
.gedit-search-slider entry:dir(rtl) image.left {
3934
margin-left: 0;
3935
}
3936
.gedit-search-slider entry.error ~ button {
3938
color: rgba(255, 255, 255, 0.7);
3939
}
3940
.gedit-search-slider entry.error ~ button:hover, .gedit-search-slider entry.error ~ button:active {
3942
color: #FFFFFF;
3943
}
3944
.gedit-search-slider entry.error ~ button:disabled {
3946
color: rgba(255, 255, 255, 0.3);
3947
}
3948
.gedit-search-slider button {
3950
border: solid 6px transparent;
3951
}
3952
.gedit-search-slider button:last-child:dir(ltr), .gedit-search-slider button:not(:first-child):dir(rtl) {
3954
margin-left: -3px;
3955
}
3956
.gedit-search-slider button:first-child:dir(rtl), .gedit-search-slider button:not(:last-child):dir(ltr) {
3958
margin-right: -3px;
3959
}
3960
frame.gedit-map-frame > border:dir(ltr) {
3962
border-style: none none none solid;
3963
}
3964
frame.gedit-map-frame > border:dir(rtl) {
3966
border-style: none solid none none;
3967
}
3968
/**************
3970
* Tweak Tool *
3971
**************/
3972
.tweak-categories {
3973
background-image: image(#FAFAFA);
3974
}
3975
.tweak {
3977
padding: 3px;
3978
}
3979
.tweak.title:hover {
3981
box-shadow: none;
3982
}
3983
.tweak-group-white,
3985
.tweak-white,
3986
.tweak-white:hover {
3987
background-image: image(#FFFFFF);
3988
}
3989
.tweak-startup,
3991
.tweak-startup:hover {
3992
background-image: image(#FFFFFF);
3993
}
3994
.tweak-group-startup {
3996
background-image: image(#FFFFFF);
3997
border: 1px solid rgba(0, 0, 0, 0.1);
3998
}
3999
/***********
4001
* Builder *
4002
***********/
4003
layouttabbar {
4004
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
4005
background-color: #F5F5F5;
4006
}
4007
layouttabbar > box > button {
4009
margin: 4px 0;
4010
}
4011
layouttab {
4013
margin: 0 8px;
4014
border-style: none solid;
4015
border-width: 1px;
4016
border-color: rgba(0, 0, 0, 0.1);
4017
box-shadow: inset 0 -2px #42A5F5;
4018
background-color: #FFFFFF;
4019
}
4020
layouttab separator.vertical {
4022
margin: 8px 4px;
4023
}
4024
layouttab button.text-button, layouttab button.image-button, layouttab button {
4026
margin-top: 8px;
4027
margin-bottom: 8px;
4028
padding: 0 4px;
4029
}
4030
layout {
4032
border: 1px solid rgba(0, 0, 0, 0.1);
4033
-PnlDockBin-handle-size: 1;
4034
}
4035
entry.search-missing {
4037
background-color: #DD2C00;
4038
color: #FFFFFF;
4039
}
4040
window.workbench treeview.image {
4042
color: rgba(0, 0, 0, 0.54);
4043
}
4044
window.workbench treeview.image:selected {
4046
color: rgba(255, 255, 255, 0.7);
4047
}
4048
popover.popover-selector list {
4050
padding: 6px;
4051
}
4052
popover.popover-selector list row {
4054
border-radius: 2px;
4055
}
4056
popover.popover-selector list row image:dir(ltr) {
4058
margin-right: 6px;
4059
}
4060
popover.popover-selector list row image:dir(rtl) {
4062
margin-left: 6px;
4063
}
4064
popover.popover-selector list row .accel:dir(ltr) {
4066
margin-left: 6px;
4067
}
4068
popover.popover-selector list row .accel:dir(rtl) {
4070
margin-right: 6px;
4071
}
4072
omnibar.linked:not(.vertical) entry {
4074
border-radius: 2px;
4075
}
4076
omnibar:not(:hover):not(:active) entry {
4078
color: rgba(0, 0, 0, 0.54);
4079
}
4080
popover.omnibar list row:not(:last-child) {
4082
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
4083
}
4084
entry.preferences-search {
4086
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1);
4087
background-color: #FFFFFF;
4088
}
4089
preferences stacksidebar.sidebar list {
4091
background-color: #FAFAFA;
4092
}
4093
preferences stacksidebar.sidebar:dir(ltr) list, preferences stacksidebar.sidebar:dir(rtl) list {
4095
border-style: none;
4096
}
4097
preferences > box > box:dir(ltr) {
4099
border-right: 1px solid rgba(0, 0, 0, 0.1);
4100
}
4101
preferences > box > box:dir(rtl) {
4103
border-left: 1px solid rgba(0, 0, 0, 0.1);
4104
}
4105
popover.messagepopover.background {
4107
padding: 0;
4108
}
4109
popover.messagepopover .popover-action-area button {
4111
padding: 8px 16px;
4112
border-top: 1px solid rgba(0, 0, 0, 0.1);
4113
border-radius: 0;
4114
}
4115
popover.messagepopover .popover-action-area button:first-child {
4117
border-bottom-left-radius: 2px;
4118
}
4119
popover.messagepopover .popover-action-area button:last-child {
4121
border-bottom-right-radius: 2px;
4122
}
4123
popover.messagepopover .popover-content-area {
4125
margin: 16px;
4126
}
4127
popover.transfers list {
4129
background-color: transparent;
4130
}
4131
popover.transfers list row:not(:first-child) {
4133
border-top: 1px solid rgba(0, 0, 0, 0.1);
4134
}
4135
popover.transfers list row > box {
4137
padding: 10px;
4138
}
4139
dockbin {
4141
border: 1px solid rgba(0, 0, 0, 0.1);
4142
-PnlDockBin-handle-size: 1;
4143
}
4144
dockpaned {
4146
border: 1px solid rgba(0, 0, 0, 0.1);
4147
}
4148
eggsearchbar box.search-bar {
4150
padding: 0 8px;
4151
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
4152
background-color: #F5F5F5;
4153
}
4154
docktabstrip {
4156
padding: 0 8px;
4157
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
4158
background-color: #F5F5F5;
4159
}
4160
docktab {
4162
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
4163
min-height: 20px;
4164
min-width: 20px;
4165
margin-bottom: -1px;
4166
padding: 6px 6px;
4167
outline-offset: -6px;
4168
border-width: 1px;
4169
border-color: transparent;
4170
background-image: radial-gradient(circle farthest-corner at center, #42A5F5 10%, transparent 0%);
4171
background-repeat: no-repeat;
4172
background-position: center;
4173
background-size: 0% 0%;
4174
color: rgba(0, 0, 0, 0.54);
4175
font-weight: 500;
4176
}
4177
docktab:hover {
4179
box-shadow: inset 0 -2px rgba(0, 0, 0, 0.26);
4180
color: rgba(0, 0, 0, 0.87);
4181
}
4182
docktab:checked {
4184
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), background-size 0.3s cubic-bezier(0, 0, 0.2, 1), background-image 0.8s cubic-bezier(0, 0, 0.2, 1);
4185
box-shadow: inset 0 -2px #42A5F5;
4186
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
4187
background-size: 1000% 1000%;
4188
color: rgba(0, 0, 0, 0.87);
4189
}
4190
dockoverlayedge {
4192
background-color: #F5F5F5;
4193
}
4194
dockoverlayedge docktabstrip {
4196
padding: 0;
4197
border: none;
4198
}
4199
dockoverlayedge.left-edge docktab:hover {
4201
box-shadow: inset -2px 0 rgba(0, 0, 0, 0.26);
4202
}
4203
dockoverlayedge.left-edge docktab:checked {
4205
box-shadow: inset -2px 0 #42A5F5;
4206
}
4207
dockoverlayedge.right-edge docktab:hover {
4209
box-shadow: inset 2px 0 rgba(0, 0, 0, 0.26);
4210
}
4211
dockoverlayedge.right-edge docktab:checked {
4213
box-shadow: inset 2px 0 #42A5F5;
4214
}
4215
pillbox {
4217
background-color: #F5F5F5;
4218
border-radius: 2px;
4219
}
4220
layoutpane entry.search {
4222
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1);
4223
background-color: #FFFFFF;
4224
}
4225
editortweak entry.search {
4227
margin-bottom: -1px;
4228
box-shadow: none;
4229
}
4230
.gb-search-entry-occurrences-tag {
4232
box-shadow: none;
4233
background-color: transparent;
4234
}
4235
docktabstrip {
4237
min-height: 39px;
4238
}
4239
window.workbench preferences preferencesgroup list entry {
4241
padding-top: 8px;
4242
padding-bottom: 8px;
4243
}
4244
button.run-arrow-button {
4246
padding-left: 8px;
4247
padding-right: 8px;
4248
}
4249
/**********
4251
* Photos *
4252
**********/
4253
GdMainIconView.content-view {
4254
-GdMainIconView-icon-size: 48;
4255
}
4256
.documents-counter {
4258
margin: 8px;
4259
border-radius: 9999px;
4260
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
4261
background-color: #FF4081;
4262
color: #FFFFFF;
4263
font-weight: bold;
4264
}
4265
.documents-scrolledwin.frame {
4267
border-style: none;
4268
}
4269
.documents-scrolledwin.frame frame.content-view > border {
4271
border-style: none;
4272
}
4273
.photos-fade-in {
4275
opacity: 1;
4276
transition: opacity 0.2s cubic-bezier(0, 0, 0.2, 1);
4277
}
4278
.photos-fade-out {
4280
opacity: 0;
4281
transition: opacity 0.2s cubic-bezier(0, 0, 0.2, 1);
4282
}
4283
overlay grid.horizontal > revealer > scrolledwindow.frame:dir(ltr) {
4285
border-style: none none none solid;
4286
}
4287
overlay grid.horizontal > revealer > scrolledwindow.frame:dir(rtl) {
4289
border-style: none solid none none;
4290
}
4291
/*********
4293
* Music *
4294
*********/
4295
.side-panel:dir(ltr) {
4296
border-style: solid;
4297
border-color: rgba(0, 0, 0, 0.1);
4298
}
4299
.side-panel:dir(rtl) {
4301
border-style: solid;
4302
border-color: rgba(0, 0, 0, 0.1);
4303
}
4304
.side-panel .view {
4306
background-image: image(#FAFAFA);
4307
}
4308
.side-panel .view:hover {
4310
background-image: image(rgba(240, 240, 240, 0.9935));
4311
}
4312
.side-panel .view:selected {
4314
background-image: image(#42A5F5);
4315
}
4316
.side-panel .view:selected:hover {
4318
background-image: image(#4baaf6);
4319
}
4320
.songs-list:hover {
4322
background-image: image(alpha(currentColor, 0.05));
4323
}
4324
frame.documents-dropdown {
4326
margin: 8px;
4327
}
4328
frame.documents-dropdown > border {
4330
border: none;
4331
}
4332
box.vertical > revealer > toolbar.search-bar {
4334
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
4335
background-clip: border-box;
4336
}
4337
box.vertical > revealer > toolbar.search-bar button > widget {
4339
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
4340
}
4341
/*********
4343
* To Do *
4344
*********/
4345
taskrow {
4346
transition: all 0.2s cubic-bezier(0, 0, 0.2, 1);
4347
margin: 0 -8px;
4348
}
4349
taskrow:hover {
4351
transition: none;
4352
}
4353
taskrow label {
4355
margin: 0 8px;
4356
}
4357
taskrow image {
4359
min-width: 16px;
4360
}
4361
task-list-view > box > revealer > box > button {
4363
margin: -4px;
4364
}
4365
/*******
4367
* eog *
4368
*******/
4369
#eog-thumb-nav scrolledwindow {
4370
border-top: none;
4371
}
4372
#eog-thumb-nav button {
4374
-gtk-outline-radius: 2px;
4375
}
4376
/*************
4378
* Evolution *
4379
*************/
4380
frame.taskbar > border {
4381
border-style: solid none none;
4382
}
4383
box.vertical > paned.horizontal notebook widget .frame {
4385
border-style: none;
4386
}
4387
/********
4389
* gitg *
4390
********/
4391
frame.commit-frame > border {
4392
border-style: solid none none;
4393
}
4394
/**************
4396
* Characters *
4397
**************/
4398
box.dialog-vbox scrolledwindow.related {
4399
border: 1px solid rgba(0, 0, 0, 0.1);
4400
}
4401
list.categories {
4403
background-image: image(#FAFAFA);
4404
}
4405
/*********
4407
* Boxes *
4408
*********/
4409
.transparent-bg + stack overlay > label {
4410
min-height: 24px;
4411
padding: 0 4px;
4412
border-radius: 2px;
4413
background-color: rgba(0, 0, 0, 0.3);
4414
color: #FFFFFF;
4415
}
4416
/**************
4418
* Calculator *
4419
**************/
4420
button.title label {
4421
min-height: 32px;
4422
}
4423
/*********
4425
* Tilix *
4426
*********/
4427
overlay > revealer.left > scrolledwindow.frame,
4428
overlay > revealer.right > scrolledwindow.frame {
4429
border-style: none;
4430
box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22);
4431
}
4432
overlay > revealer.left > scrolledwindow.frame {
4434
margin-right: 32px;
4435
}
4436
overlay > revealer.right > scrolledwindow.frame {
4438
margin-left: 32px;
4439
}
4440
.terminix-session-sidebar,
4442
.tilix-session-sidebar {
4443
background-image: image(#FAFAFA);
4444
}
4445
button.image-button.session-new-button {
4447
min-width: 28px;
4448
}
4449
/***********
4451
* Eclipse *
4452
***********/
4453
window.background > box.vertical > scrolledwindow > widget toolbar {
4454
padding: 2px;
4455
}
4456
window.background > box.vertical > scrolledwindow > widget toolbar separator,
4458
window.background > box.vertical > scrolledwindow > widget toolbar button {
4459
margin: 2px;
4460
}
4461
window.background > box.vertical > scrolledwindow > widget toolbar button {
4463
border-radius: 2px;
4464
}
4465
/***********
4467
* Firefox *
4468
***********/
4469
window.background:not(.csd) > widget > separator {
4470
color: rgba(0, 0, 0, 0.2);
4471
}
4472
window.background:not(.csd) > widget > scrollbar {
4474
background-clip: border-box;
4475
}
4476
window.background:not(.csd) > widget > scrollbar,
4478
window.background:not(.csd) > widget > frame > border {
4479
border-color: rgba(0, 0, 0, 0.2);
4480
}
4481
window.background:not(.csd) > widget > entry,
4483
window.background:not(.csd) > widget > button > button {
4484
border: 1px solid rgba(0, 0, 0, 0.2);
4485
border-radius: 3px;
4486
box-shadow: none;
4487
}
4488
window.background:not(.csd) > widget > entry {
4490
min-height: 30px;
4491
}
4492
window.background:not(.csd) > widget > entry:focus {
4494
border-color: #42A5F5;
4495
}
4496
window.background:not(.csd) > widget > button > button {
4498
padding: 4px 8px;
4499
background-size: auto;
4500
}
4501
window.background:not(.csd) > widget > button > button:hover {
4503
background-image: image(alpha(currentColor, 0.05));
4504
}
4505
window.background:not(.csd) > widget > button > button:active {
4507
background-image: image(alpha(currentColor, 0.1));
4508
}
4509
window.background:not(.csd) > window > menu,
4511
window.background:not(.csd) > menu > menu {
4512
border: none;
4513
}
4514
window.background:not(.csd) > widget > menubar {
4516
color: rgba(0, 0, 0, 0.54);
4517
}
4518
window.background:not(.csd) > widget > menubar:hover {
4520
color: rgba(0, 0, 0, 0.87);
4521
}
4522
window.background:not(.csd) > widget > menubar:disabled {
4524
color: rgba(0, 0, 0, 0.26);
4525
}
4526
window.background:not(.csd) > widget > frame {
4528
color: rgba(0, 0, 0, 0.2);
4529
}
4530
window.background:not(.csd) > widget > checkbutton > check,
4532
window.background:not(.csd) > widget > radiobutton > radio {
4533
margin: 0;
4534
padding: 0;
4535
}
4536
window.background:not(.csd) > window.background > menu > separator {
4538
color: rgba(0, 0, 0, 0.1);
4539
}
4540
/***********
4542
* Synapse *
4543
***********/
4544
box.vertical > widget > widget:selected {
4545
background-color: #42A5F5;
4546
}
4547
/*********
4549
* Unity *
4550
*********/
4551
UnityDecoration {
4552
-UnityDecoration-extents: 28px 0 0 0;
4553
-UnityDecoration-input-extents: 8px;
4554
-UnityDecoration-shadow-offset-x: 0;
4555
-UnityDecoration-shadow-offset-y: 3px;
4556
-UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.48);
4557
-UnityDecoration-active-shadow-radius: 18px;
4558
-UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.32);
4559
-UnityDecoration-inactive-shadow-radius: 6px;
4560
-UnityDecoration-glow-size: 8px;
4561
-UnityDecoration-glow-color: #42A5F5;
4562
-UnityDecoration-title-indent: 4px;
4563
-UnityDecoration-title-fade: 32px;
4564
-UnityDecoration-title-alignment: 0.0;
4565
}
4566
UnityDecoration .top {
4568
padding: 0 2px;
4569
border-style: none;
4570
border-radius: 2px 2px 0 0;
4571
box-shadow: inset 0 1px rgba(255, 255, 255, 0.2);
4572
background-color: #cfcfcf;
4573
color: rgba(0, 0, 0, 0.87);
4574
}
4575
UnityDecoration .top:backdrop {
4577
color: rgba(0, 0, 0, 0.54);
4578
}
4579
UnityDecoration .menuitem {
4581
color: rgba(0, 0, 0, 0.54);
4582
}
4583
UnityDecoration .menuitem:hover {
4585
box-shadow: inset 0 -2px #42A5F5;
4586
background-color: transparent;
4587
color: rgba(0, 0, 0, 0.87);
4588
}
4589
.background:not(.csd) headerbar:not(.titlebar) {
4591
border-radius: 0;
4592
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
4593
}
4594
.background:not(.csd) headerbar:not(.titlebar).inline-toolbar {
4596
border-style: none;
4597
}
4598
UnityPanelWidget,
4600
.unity-panel {
4601
background-color: #cfcfcf;
4602
color: rgba(0, 0, 0, 0.87);
4603
}
4604
UnityPanelWidget:backdrop,
4606
.unity-panel:backdrop {
4607
color: rgba(0, 0, 0, 0.54);
4608
}
4609
.unity-panel.menuitem,
4611
.unity-panel .menuitem {
4612
color: rgba(0, 0, 0, 0.54);
4613
}
4614
.unity-panel.menubar.menuitem:hover,
4616
.unity-panel.menubar .menuitem *:hover {
4617
box-shadow: inset 0 -2px #42A5F5;
4618
background-color: transparent;
4619
color: rgba(0, 0, 0, 0.87);
4620
}
4621
.menu IdoPlaybackMenuItem.menuitem:active {
4623
-gtk-icon-source: -gtk-icontheme("process-working-symbolic");
4624
animation: spin 1s linear infinite;
4625
color: #42A5F5;
4626
}
4627
/**************
4629
* Mate-Panel *
4630
**************/
4631
.mate-panel-menu-bar menubar,
4632
#PanelApplet-window-menu-applet-button {
4633
background-color: transparent;
4634
}
4635
#PanelPlug,
4637
PanelToplevel.background {
4638
background-color: #cfcfcf;
4639
color: rgba(0, 0, 0, 0.87);
4640
font-weight: 500;
4641
}
4642
PanelToplevel > widget > button {
4644
padding: 0 4px;
4645
border-radius: 0;
4646
}
4647
PanelSeparator {
4649
color: rgba(0, 0, 0, 0.1);
4650
}
4651
MatePanelAppletFrameDBus {
4653
border-style: solid;
4654
border-width: 0 1px;
4655
border-color: rgba(0, 0, 0, 0.1);
4656
}
4657
.mate-panel-menu-bar menubar menuitem {
4659
padding: 4px;
4660
}
4661
.mate-panel-menu-bar menubar menu menuitem {
4663
padding: 6px;
4664
}
4665
.mate-panel-menu-bar #PanelApplet button {
4667
-GtkWidget-window-dragging: true;
4668
padding: 4px;
4669
border-radius: 0;
4670
}
4671
PanelApplet.wnck-applet .wnck-pager {
4673
background-color: transparent;
4674
color: #40C4FF;
4675
}
4676
PanelApplet.wnck-applet .wnck-pager:hover {
4678
background-color: alpha(currentColor, 0.15);
4679
}
4680
PanelApplet.wnck-applet .wnck-pager:active {
4682
background-color: alpha(currentColor, 0.3);
4683
}
4684
PanelApplet.wnck-applet .wnck-pager:selected {
4686
background-color: #42A5F5;
4687
}
4688
#MatePanelPopupWindow {
4690
border: 1px solid rgba(0, 0, 0, 0.1);
4691
border-radius: 3px;
4692
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
4693
}
4694
#MatePanelPopupWindow frame > border {
4696
border-style: none;
4697
}
4698
#MatePanelPopupWindow ClockMap {
4700
border: 1px solid rgba(0, 0, 0, 0.1);
4701
}
4702
na-tray-applet {
4704
-NaTrayApplet-icon-padding: 3px;
4705
-NaTrayApplet-icon-size: 16;
4706
}
4707
.mate-panel-menu-bar {
4709
-PanelMenuBar-icon-visible: true;
4710
}
4711
.mate-panel-applet-slider {
4713
background-color: transparent;
4714
}
4715
.mate-panel-applet-slider frame {
4717
border: 1px solid rgba(0, 0, 0, 0.1);
4718
border-radius: 3px;
4719
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
4720
background-color: #F5F5F5;
4721
}
4722
.mate-panel-applet-slider frame frame {
4724
all: unset;
4725
}
4726
.mate-panel-applet-slider frame > border {
4728
border-style: none;
4729
}
4730
/*********************
4732
* CAJA File manager *
4733
*********************/
4734
.caja-navigation-window button.toggle.image-button {
4735
border-radius: 2px;
4736
}
4737
.caja-pathbar button {
4739
margin: 0 -1px 0 -2px;
4740
}
4741
.caja-pathbar button > widget {
4743
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
4744
-GtkArrow-arrow-scaling: 1;
4745
}
4746
.caja-side-pane notebook viewport.frame,
4748
.caja-side-pane notebook widget .vertical {
4749
background-color: #FFFFFF;
4750
}
4751
.caja-side-pane notebook,
4753
.caja-notebook {
4754
border-top: 1px solid rgba(0, 0, 0, 0.1);
4755
}
4756
.caja-side-pane notebook .frame,
4758
.caja-notebook .frame {
4759
border-style: none;
4760
}
4761
.caja-navigation-window statusbar {
4763
margin: 0 -10px;
4764
padding: 0 4px;
4765
border-top: 1px solid rgba(0, 0, 0, 0.1);
4766
}
4767
.caja-notebook frame > border {
4769
border-style: none;
4770
}
4771
#caja-extra-view-widget {
4773
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
4774
background-color: #F5F5F5;
4775
}
4776
#caja-extra-view-widget > box > box > label {
4778
font-weight: bold;
4779
}
4780
/*********
4782
* Pluma *
4783
*********/
4784
.pluma-window statusbar {
4785
margin: 0 -10px;
4786
padding: 0 4px;
4787
border-top: 1px solid rgba(0, 0, 0, 0.1);
4788
}
4789
.pluma-window statusbar frame > border {
4791
border-style: none;
4792
}
4793
.pluma-window statusbar frame button.flat {
4795
padding: 0 4px;
4796
border-radius: 0;
4797
}
4798
.pluma-window statusbar frame button.flat widget {
4800
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
4801
-GtkArrow-arrow-scaling: 1;
4802
}
4803
.pluma-print-preview toolbar {
4805
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
4806
}
4807
.pluma-window paned.horizontal box.vertical box.horizontal button.flat {
4809
margin: 1px;
4810
}
4811
.pluma-window paned.horizontal box.vertical .frame {
4813
border-style: none;
4814
}
4815
.pluma-window paned.horizontal box.vertical notebook.frame {
4817
margin-top: -1px;
4818
border-top: 1px solid rgba(0, 0, 0, 0.1);
4819
}
4820
.pluma-window paned.horizontal box.vertical notebook.frame box.vertical toolbar.horizontal {
4822
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
4823
}
4824
/*********
4826
* Atril *
4827
*********/
4828
.atril-window paned.horizontal box.vertical .frame {
4829
border-style: none;
4830
}
4831
.atril-window paned.horizontal box.vertical notebook .frame {
4833
border-top: 1px solid rgba(0, 0, 0, 0.1);
4834
}
4835
/* mate-screensaver lock dialog */
4837
.lock-dialog {
4838
border-radius: 2px;
4839
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);
4840
}
4841
.lock-dialog frame > border {
4843
border-style: none;
4844
}
4845
/******************
4847
* Budgie Desktop *
4848
******************/
4849
.budgie-container {
4850
background-color: transparent;
4851
}
4852
.budgie-menu.background {
4854
padding: 0;
4855
background-color: #FFFFFF;
4856
}
4857
.budgie-menu scrollbar,
4859
.budgie-menu entry.search {
4860
background-color: transparent;
4861
}
4862
.budgie-menu entry.search {
4864
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
4865
border-radius: 0;
4866
box-shadow: none;
4867
font-size: 120%;
4868
}
4869
.budgie-menu .categories:dir(ltr) {
4871
border-bottom-left-radius: 2px;
4872
}
4873
.budgie-menu .categories:dir(rtl) {
4875
border-bottom-right-radius: 2px;
4876
}
4877
.budgie-menu button {
4879
min-height: 32px;
4880
padding: 0 8px;
4881
border-radius: 0;
4882
color: rgba(0, 0, 0, 0.87);
4883
font-weight: normal;
4884
}
4885
.budgie-menu button:disabled {
4887
color: rgba(0, 0, 0, 0.38);
4888
}
4889
.budgie-menu row {
4891
all: unset;
4892
}
4893
button.budgie-menu-launcher {
4895
padding: 0 2px;
4896
}
4897
popover.background.user-menu {
4899
padding: 8px;
4900
}
4901
popover.background.user-menu .content-box {
4903
background-color: transparent;
4904
}
4905
popover.background.user-menu separator {
4907
margin: 4px 0;
4908
}
4909
popover.background.user-menu row {
4911
padding: 0;
4912
box-shadow: none;
4913
background-image: none;
4914
}
4915
button.raven-trigger {
4917
padding: 0 4px;
4918
}
4919
popover.background.places-menu {
4921
padding: 8px;
4922
}
4923
popover.background.places-menu .name-button.text-button {
4925
padding-left: 8px;
4926
padding-right: 8px;
4927
}
4928
popover.background.places-menu .name-button.text-button image:dir(ltr) {
4930
margin-right: 3px;
4931
}
4932
popover.background.places-menu .name-button.text-button image:dir(rtl) {
4934
margin-left: 3px;
4935
}
4936
popover.background.places-menu .places-section-header > image:dir(ltr) {
4938
margin: 0 -2px 0 5px;
4939
}
4940
popover.background.places-menu .places-section-header > image:dir(rtl) {
4942
margin: 0 5px 0 -2px;
4943
}
4944
popover.background.places-menu .places-list {
4946
margin-top: 4px;
4947
padding-top: 4px;
4948
border-top: 1px solid rgba(0, 0, 0, 0.1);
4949
background-color: transparent;
4950
}
4951
popover.background.places-menu row {
4953
padding: 0;
4954
box-shadow: none;
4955
background-image: none;
4956
}
4957
.budgie-panel {
4959
background-color: #cfcfcf;
4960
color: rgba(0, 0, 0, 0.87);
4961
font-weight: 500;
4962
}
4963
.budgie-panel button {
4965
border-radius: 0;
4966
}
4967
.budgie-panel separator {
4969
background-color: rgba(0, 0, 0, 0.26);
4970
}
4971
.budgie-panel .alert {
4973
color: #FF5252;
4974
}
4975
.budgie-panel #tasklist-button {
4977
padding: 0 4px;
4978
}
4979
.budgie-panel button.flat.launcher {
4981
padding: 0;
4982
}
4983
.top .budgie-panel #tasklist-button, .budgie-panel .top #tasklist-button, .top .budgie-panel button.flat.launcher, .budgie-panel .top button.flat.launcher {
4985
border-image: radial-gradient(circle closest-corner at center calc(1px), currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
4986
}
4987
.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
4989
.budgie-panel .pinned button.flat.launcher.running,
4990
.budgie-panel .pinned .top button.flat.launcher.running {
4991
border-image: radial-gradient(circle closest-corner at center calc(1px), currentColor 100%, transparent 0%) 2 0 0 0/2px 0 0 0;
4992
}
4993
.bottom .budgie-panel #tasklist-button, .budgie-panel .bottom #tasklist-button, .bottom .budgie-panel button.flat.launcher, .budgie-panel .bottom button.flat.launcher {
4995
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
4996
}
4997
.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
4999
.budgie-panel .pinned button.flat.launcher.running,
5000
.budgie-panel .pinned .bottom button.flat.launcher.running {
5001
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2 0/0 0 2px 0;
5002
}
5003
.left .budgie-panel #tasklist-button, .budgie-panel .left #tasklist-button, .left .budgie-panel button.flat.launcher, .budgie-panel .left button.flat.launcher {
5005
border-image: radial-gradient(circle closest-corner at calc(1px) center, currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
5006
}
5007
.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
5009
.budgie-panel .pinned button.flat.launcher.running,
5010
.budgie-panel .pinned .left button.flat.launcher.running {
5011
border-image: radial-gradient(circle closest-corner at calc(1px) center, currentColor 100%, transparent 0%) 0 2 0 0/0 2px 0 0;
5012
}
5013
.right .budgie-panel #tasklist-button, .budgie-panel .right #tasklist-button, .right .budgie-panel button.flat.launcher, .budgie-panel .right button.flat.launcher {
5015
border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
5016
}
5017
.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
5019
.budgie-panel .pinned button.flat.launcher.running,
5020
.budgie-panel .pinned .right button.flat.launcher.running {
5021
border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, currentColor 100%, transparent 0%) 0 0 0 2/0 0 0 2px;
5022
}
5023
frame.raven-frame > border {
5025
border-style: none;
5026
box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22);
5027
}
5028
.top frame.raven-frame > border {
5030
margin-bottom: 32px;
5031
}
5032
.bottom frame.raven-frame > border {
5034
margin-top: 32px;
5035
}
5036
.left frame.raven-frame > border {
5038
margin-right: 32px;
5039
}
5040
.right frame.raven-frame > border {
5042
margin-left: 32px;
5043
}
5044
.raven {
5046
background-color: #FAFAFA;
5047
}
5048
.raven > stack {
5050
margin-bottom: -10px;
5051
}
5052
.raven stackswitcher.linked > button {
5054
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FFA726 0%, transparent 0%) 0 0 0/0 0 0px;
5055
border-radius: 0;
5056
}
5057
.raven stackswitcher.linked > button:checked {
5059
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FFA726 100%, transparent 0%) 0 0 2/0 0 2px;
5060
background-color: transparent;
5061
}
5062
.raven .raven-header {
5064
min-height: 32px;
5065
padding: 3px;
5066
}
5067
.raven .raven-header:not(.top) {
5069
margin-top: -6px;
5070
}
5071
.raven .raven-header.top {
5073
padding: 2px 0;
5074
background-color: #42A5F5;
5075
color: #FFFFFF;
5076
}
5077
.raven .raven-header.top stackswitcher button {
5079
margin: -6px 0;
5080
min-height: 32px;
5081
}
5082
.raven .raven-header.top button.image-button:dir(ltr) {
5084
margin-right: 2px;
5085
}
5086
.raven .raven-header.top button.image-button:dir(rtl) {
5088
margin-left: 2px;
5089
}
5090
.raven .raven-header.top > image {
5092
margin: 0 8px;
5093
}
5094
.raven .raven-header.top > label {
5096
margin: 0 -8px;
5097
font-weight: bold;
5098
}
5099
.raven .raven-header.bottom {
5101
border-top: 1px solid rgba(0, 0, 0, 0.1);
5102
}
5103
.raven viewport.frame .raven-header {
5105
margin-top: -8px;
5106
}
5107
.raven .raven-background {
5109
border-style: solid none;
5110
border-width: 1px;
5111
border-color: rgba(0, 0, 0, 0.1);
5112
background-color: #FFFFFF;
5113
}
5114
.raven .raven-background.frame {
5116
border-style: solid none;
5117
}
5118
.raven .raven-background > overlay > image {
5120
color: rgba(0, 0, 0, 0.26);
5121
}
5122
.raven .raven-background grid > label:first-child {
5124
min-height: 32px;
5125
}
5126
.raven scrolledwindow.raven-background {
5128
border-bottom-style: none;
5129
}
5130
.raven .raven-header.top + .raven-background {
5132
border-style: none;
5133
background-color: #42A5F5;
5134
color: #FFFFFF;
5135
}
5136
.raven .raven-header.top + .raven-background stackswitcher button {
5138
margin: -4px 0;
5139
}
5140
.raven .powerstrip button {
5142
margin: 2px 0 1px;
5143
padding: 10px;
5144
}
5145
.raven .option-subtitle {
5147
font-size: smaller;
5148
}
5149
calendar.raven-calendar {
5151
border-style: none;
5152
background-color: transparent;
5153
}
5154
calendar.raven-calendar:selected {
5156
border-radius: 2px;
5157
background-color: #42A5F5;
5158
}
5159
.raven-mpris {
5161
background-color: rgba(0, 0, 0, 0.6);
5162
color: #FFFFFF;
5163
}
5164
.raven-mpris label {
5166
min-height: 24px;
5167
}
5168
.raven-mpris button.image-button {
5170
padding: 10px;
5171
}
5172
.budgie-notification-window, .budgie-osd-window, .budgie-switcher-window {
5174
background-color: transparent;
5175
}
5176
.budgie-notification .notification-title, .budgie-switcher .notification-title {
5178
font-size: 120%;
5179
}
5180
.budgie-osd .budgie-osd-text {
5182
font-size: 120%;
5183
}
5184
.drop-shadow {
5186
margin: 5px 9px;
5187
padding: 3px;
5188
border-radius: 2px;
5189
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);
5190
background-color: #FAFAFA;
5191
}
5192
.drop-shadow .linked > button {
5194
border-radius: 2px;
5195
}
5196
.budgie-session-dialog, .budgie-polkit-dialog, .budgie-run-dialog {
5198
border-radius: 2px;
5199
background-color: #FAFAFA;
5200
}
5201
.budgie-session-dialog decoration, .budgie-polkit-dialog decoration, .budgie-run-dialog decoration {
5203
border-radius: 2px;
5204
}
5205
.budgie-session-dialog label:not(:last-child),
5207
.budgie-session-dialog .dialog-title {
5208
font-size: 120%;
5209
}
5210
.budgie-session-dialog .linked.horizontal > button {
5212
padding: 8px 16px;
5213
border-top: 1px solid rgba(0, 0, 0, 0.1);
5214
border-radius: 0;
5215
}
5216
.budgie-session-dialog .linked.horizontal > button:first-child {
5218
border-bottom-left-radius: 2px;
5219
}
5220
.budgie-session-dialog .linked.horizontal > button:last-child {
5222
border-bottom-right-radius: 2px;
5223
}
5224
.budgie-polkit-dialog .message {
5226
color: rgba(0, 0, 0, 0.38);
5227
}
5228
.budgie-polkit-dialog .failure {
5230
color: #FF5252;
5231
}
5232
.budgie-run-dialog {
5234
background-color: #FFFFFF;
5235
}
5236
.budgie-run-dialog entry.search {
5238
font-size: 120%;
5239
padding: 6px 14px;
5240
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
5241
background-color: transparent;
5242
}
5243
.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
5245
headerbar .subtitle,
5246
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 {
5247
opacity: 1;
5248
}
5249
.budgie-run-dialog scrolledwindow {
5251
border-top: 1px solid rgba(0, 0, 0, 0.1);
5252
}
5253
/************************
5255
* LightDM GTK+ Greeter *
5256
************************/
5257
#panel_window {
5258
background-color: rgba(0, 0, 0, 0.3);
5259
color: #FFFFFF;
5260
}
5261
#panel_window menubar,
5263
#panel_window separator {
5264
background-color: transparent;
5265
}
5266
#panel_window separator {
5268
padding: 0 4px;
5269
}
5270
#panel_window separator:first-child {
5272
padding: 0 8px;
5273
}
5274
#panel_window menubar > menuitem {
5276
color: rgba(255, 255, 255, 0.7);
5277
}
5278
#panel_window menubar > menuitem:hover {
5280
color: #FFFFFF;
5281
}
5282
#panel_window menubar > menuitem:disabled label {
5284
color: rgba(255, 255, 255, 0.3);
5285
}
5286
#login_window,
5288
#shutdown_dialog,
5289
#restart_dialog {
5290
margin: 8px;
5291
border-radius: 2px;
5292
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);
5293
background-color: #FAFAFA;
5294
}
5295
#content_frame {
5297
padding-bottom: 20px;
5298
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
5299
}
5300
#buttonbox_frame {
5302
padding-top: 24px;
5303
}
5304
#buttonbox_frame button {
5306
margin: -16px;
5307
}
5308
#greeter_infobar {
5310
margin-top: -1px;
5311
}
5312
/* GTK NAMED COLORS
5314
----------------
5315
use responsibly! */
5316
/*
5317
widget text/foreground color */
5318
@define-color theme_fg_color rgba(0, 0, 0, 0.87);
5319
/*
5320
text color for entries, views and content in general */
5321
@define-color theme_text_color rgba(0, 0, 0, 0.87);
5322
/*
5323
widget base background color */
5324
@define-color theme_bg_color #F5F5F5;
5325
/*
5326
text widgets and the like base background color */
5327
@define-color theme_base_color #FFFFFF;
5328
/*
5329
base background color of selections */
5330
@define-color theme_selected_bg_color #42A5F5;
5331
/*
5332
text/foreground color of selections */
5333
@define-color theme_selected_fg_color #FFFFFF;
5334
/*
5335
base background color of insensitive widgets */
5336
@define-color insensitive_bg_color #F5F5F5;
5337
/*
5338
text foreground color of insensitive widgets */
5339
@define-color insensitive_fg_color rgba(0, 0, 0, 0.38);
5340
/*
5341
insensitive text widgets and the like base background color */
5342
@define-color insensitive_base_color #FAFAFA;
5343
/*
5344
widget text/foreground color on backdrop windows */
5345
@define-color theme_unfocused_fg_color rgba(0, 0, 0, 0.87);
5346
/*
5347
text color for entries, views and content in general on backdrop windows */
5348
@define-color theme_unfocused_text_color rgba(0, 0, 0, 0.87);
5349
/*
5350
widget base background color on backdrop windows */
5351
@define-color theme_unfocused_bg_color #F5F5F5;
5352
/*
5353
text widgets and the like base background color on backdrop windows */
5354
@define-color theme_unfocused_base_color #FFFFFF;
5355
/*
5356
base background color of selections on backdrop windows */
5357
@define-color theme_unfocused_selected_bg_color #42A5F5;
5358
/*
5359
text/foreground color of selections on backdrop windows */
5360
@define-color theme_unfocused_selected_fg_color #FFFFFF;
5361
/*
5362
insensitive color on backdrop windows */
5363
@define-color unfocused_insensitive_color rgba(0, 0, 0, 0.38);
5364
/*
5365
widgets main borders color */
5366
@define-color borders rgba(0, 0, 0, 0.1);
5367
/*
5368
widgets main borders color on backdrop windows */
5369
@define-color unfocused_borders rgba(0, 0, 0, 0.1);
5370
/*
5371
these are pretty self explicative */
5372
@define-color warning_color #FF6D00;
5373
@define-color error_color #DD2C00;
5374
@define-color success_color #00C853;
5375
/*
5376
FIXME this is really an API */
5377
@define-color content_view_bg #FFFFFF;
5378
@define-color placeholder_text_color #757575;
5379