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: #44545c;
45
color: #FFFFFF;
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: #44545c;
60
color: #FFFFFF;
61
}
62
.gtkstyle-fallback:hover {
64
background-color: #39474d;
65
color: #FFFFFF;
66
}
67
.gtkstyle-fallback:active {
69
background-color: #2e393f;
70
color: #FFFFFF;
71
}
72
.gtkstyle-fallback:disabled {
74
background-color: #44545c;
75
color: rgba(255, 255, 255, 0.5);
76
}
77
.gtkstyle-fallback:selected {
79
background-color: #42A5F5;
80
color: #FFFFFF;
81
}
82
.view {
84
background-color: #50636c;
85
color: #FFFFFF;
86
}
87
.view:disabled {
89
color: rgba(255, 255, 255, 0.5);
90
}
91
.view:hover, .view:active, .view:selected {
93
border-radius: 2px;
94
}
95
textview text {
97
background-color: #50636c;
98
}
99
textview border {
101
background-color: #4a5c64;
102
color: rgba(255, 255, 255, 0.5);
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: #FFFFFF;
131
}
132
label selection {
134
background-color: #42A5F5;
135
color: #FFFFFF;
136
}
137
label:disabled {
139
color: rgba(255, 255, 255, 0.5);
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: 36px;
158
padding: 0 12px;
159
color: rgba(255, 255, 255, 0.5);
160
font-weight: 500;
161
}
162
assistant .sidebar label.highlight {
164
color: #FFFFFF;
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: 36px;
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: #50636c;
207
color: #FFFFFF;
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: #4a5c64;
220
color: rgba(255, 255, 255, 0.5);
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(255, 255, 255, 0.3);
230
background-color: transparent;
231
color: #FFFFFF;
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(255, 255, 255, 0.3);
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(255, 255, 255, 0.12);
245
background-color: transparent;
246
color: rgba(255, 255, 255, 0.5);
247
}
248
spinbutton:not(.vertical) image,
250
entry image {
251
color: rgba(255, 255, 255, 0.7);
252
}
253
spinbutton:not(.vertical) image:hover, spinbutton:not(.vertical) image:active,
255
entry image:hover,
256
entry image:active {
257
color: #FFFFFF;
258
}
259
spinbutton:not(.vertical) image:disabled,
261
entry image:disabled {
262
color: rgba(255, 255, 255, 0.5);
263
}
264
spinbutton:not(.vertical) image.left,
266
entry image.left {
267
margin-left: 2px;
268
margin-right: 6px;
269
}
270
spinbutton:not(.vertical) image.right,
272
entry image.right {
273
margin-left: 6px;
274
margin-right: 2px;
275
}
276
spinbutton:not(.vertical) undershoot.left,
278
entry undershoot.left {
279
background-color: transparent;
280
background-image: linear-gradient(to top, rgba(80, 99, 108, 0.3) 50%, rgba(255, 255, 255, 0.3) 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(80, 99, 108, 0.3) 50%, rgba(255, 255, 255, 0.3) 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: #4a5c64;
318
color: rgba(255, 255, 255, 0.5);
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: #FFFFFF;
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(255, 255, 255, 0.12);
342
background-color: transparent;
343
color: rgba(255, 255, 255, 0.5);
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: #4a5c64;
381
color: rgba(255, 255, 255, 0.5);
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: #FFFFFF;
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(255, 255, 255, 0.12);
405
background-color: transparent;
406
color: rgba(255, 255, 255, 0.5);
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: #50636c;
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: 6px;
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: -2px;
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: -2px;
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: 6px 10px;
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: #596e79;
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(255, 255, 255, 0.8);
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: #FFFFFF;
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: #FFFFFF;
541
}
542
button:disabled {
545
box-shadow: none;
546
background-color: rgba(255, 255, 255, 0.12);
547
color: rgba(255, 255, 255, 0.3);
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(255, 255, 255, 0.7);
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: #FFFFFF;
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: #FFFFFF;
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(255, 255, 255, 0.3);
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(255, 255, 255, 0.3);
622
color: #FFFFFF;
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(255, 255, 255, 0.12);
630
color: rgba(255, 255, 255, 0.5);
631
}
632
button.text-button {
635
padding-left: 16px;
636
padding-right: 16px;
637
}
638
button.image-button {
641
min-width: 24px;
642
padding: 6px;
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: 10px;
654
}
655
button.text-button.image-button label:last-child {
658
margin-right: 10px;
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: 12px 16px;
703
}
704
button.osd.image-button {
707
padding: 12px;
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(255, 255, 255, 0.12);
725
color: rgba(255, 255, 255, 0.5);
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(255, 255, 255, 0.5);
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(255, 255, 255, 0.12);
761
color: rgba(255, 255, 255, 0.5);
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(255, 255, 255, 0.5);
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: 4px;
815
padding-right: 4px;
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: 24px;
848
min-width: 24px;
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: 24px;
936
min-width: 24px;
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: 32px;
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(255, 255, 255, 0.5);
1007
}
1008
spinbutton.vertical:drop(active) {
1010
box-shadow: none;
1011
}
1012
spinbutton.vertical entry {
1014
min-height: 36px;
1015
min-width: 48px;
1016
padding: 0;
1017
}
1018
spinbutton.vertical button {
1020
min-height: 36px;
1021
min-width: 48px;
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: -2px;
1060
}
1061
combobox button.combo cellview:dir(rtl) {
1063
margin-right: -2px;
1064
}
1065
combobox #gtk-combobox-popup-menu {
1067
padding: 2px 0;
1068
}
1069
combobox #gtk-combobox-popup-menu menuitem {
1071
min-height: 32px;
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(255, 255, 255, 0.3);
1094
background-color: transparent;
1095
color: #FFFFFF;
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(255, 255, 255, 0.5);
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(255, 255, 255, 0.5);
1108
}
1109
/************
1111
* Toolbars *
1112
************/
1113
toolbar {
1114
-GtkWidget-window-dragging: true;
1115
padding: 3px;
1116
background-color: #44545c;
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.1);
1128
background-color: #50636c;
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.1);
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.2);
1175
background-color: #4a5c64;
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.2);
1184
background-color: #44545c;
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: 48px;
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.15);
1197
background-color: #37474F;
1198
color: #FFFFFF;
1199
}
1200
.titlebar:disabled:not(headerbar) :not(button) > label,
1202
headerbar:disabled :not(button) > label {
1203
color: rgba(255, 255, 255, 0.5);
1204
}
1205
.titlebar:backdrop:not(headerbar),
1207
headerbar:backdrop {
1208
color: rgba(255, 255, 255, 0.7);
1209
}
1210
.titlebar:backdrop:disabled:not(headerbar) :not(button) > label,
1212
headerbar:backdrop:disabled :not(button) > label {
1213
color: rgba(255, 255, 255, 0.3);
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), currentColor 0%, transparent 0%) 0 0 0/0 0 0px;
1238
color: rgba(255, 255, 255, 0.7);
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: #FFFFFF;
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(255, 255, 255, 0.3);
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), currentColor 100%, transparent 0%) 0 0 2/0 0 2px;
1255
color: #FFFFFF;
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(255, 255, 255, 0.5);
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(255, 255, 255, 0.5);
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(255, 255, 255, 0.7);
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(255, 255, 255, 0.3);
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(255, 255, 255, 0.7);
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(255, 255, 255, 0.3);
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(255, 255, 255, 0.12);
1299
color: rgba(255, 255, 255, 0.5);
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: currentColor;
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: alpha(currentColor, 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: currentColor;
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: alpha(currentColor, 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: 24px;
1369
padding: 6px;
1370
box-shadow: inset 0 1px rgba(255, 255, 255, 0.15);
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: 24px;
1387
min-width: 24px;
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: #37474F;
1443
background-image: image(rgba(0, 0, 0, 0.2));
1444
}
1445
/************
1447
* Pathbars *
1448
************/
1449
.caja-pathbar button,
1450
.path-bar button {
1451
padding-left: 6px;
1452
padding-right: 6px;
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.2);
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.2);
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(255, 255, 255, 0.7);
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: #FFFFFF;
1544
}
1545
treeview.view.expander:disabled {
1547
color: rgba(255, 255, 255, 0.3);
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: currentColor;
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: alpha(currentColor, 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.2);
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: #50636c;
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.2);
1609
border-radius: 0;
1610
box-shadow: none;
1611
background-color: #50636c;
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: #37474F;
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(255, 255, 255, 0.7);
1636
}
1637
menubar > menuitem:hover,
1639
.menubar > menuitem:hover {
1640
transition: none;
1641
background-color: rgba(255, 255, 255, 0.12);
1642
color: #FFFFFF;
1643
}
1644
menubar > menuitem:disabled,
1646
.menubar > menuitem:disabled {
1647
color: rgba(255, 255, 255, 0.3);
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.1);
1660
background-color: #50636c;
1661
border: 1px solid rgba(0, 0, 0, 0.2);
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(255, 255, 255, 0.12);
1687
}
1688
menu menuitem:disabled,
1690
.menu menuitem:disabled,
1691
.context-menu menuitem:disabled {
1692
color: rgba(255, 255, 255, 0.5);
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: #50636c;
1731
color: rgba(255, 255, 255, 0.7);
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.2);
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.2);
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(255, 255, 255, 0.12));
1756
color: #FFFFFF;
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(255, 255, 255, 0.7);
1775
}
1776
.popup:not(.csd) menu menuitem {
1778
color: #FFFFFF;
1779
}
1780
.popup:not(.csd) menu menuitem:hover {
1782
background-color: #65767e;
1783
}
1784
.popup:not(.csd) menu menuitem:disabled {
1786
color: #a8b1b6;
1787
}
1788
.popup:not(.csd) menu accelerator {
1790
color: #cbd0d3;
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: #596e79;
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.2);
1851
background-color: #44545c;
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(255, 255, 255, 0.3);
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(255, 255, 255, 0.3);
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(255, 255, 255, 0.3);
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(255, 255, 255, 0.3);
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: 24px;
1974
min-width: 24px;
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(255, 255, 255, 0.7);
1984
font-weight: 500;
1985
}
1986
notebook > header tab:hover {
1988
color: #FFFFFF;
1989
}
1990
notebook > header tab:hover.reorderable-page {
1992
border-color: rgba(0, 0, 0, 0.2);
1993
background-color: #4a5c64;
1994
}
1995
notebook > header tab:disabled {
1997
color: rgba(255, 255, 255, 0.3);
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: #FFFFFF;
2005
}
2006
notebook > header tab:checked:disabled {
2008
color: rgba(255, 255, 255, 0.5);
2009
}
2010
notebook > header tab:checked.reorderable-page {
2012
border-color: rgba(0, 0, 0, 0.2);
2013
background-color: #50636c;
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: #50636c;
2064
}
2065
/**************
2067
* Scrollbars *
2068
**************/
2069
scrollbar {
2070
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
2071
background-color: #50636c;
2072
background-clip: border-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.2);
2082
}
2083
scrollbar.bottom {
2085
border-top: 1px solid rgba(0, 0, 0, 0.2);
2086
}
2087
scrollbar.left {
2089
border-right: 1px solid rgba(0, 0, 0, 0.2);
2090
}
2091
scrollbar.right {
2093
border-left: 1px solid rgba(0, 0, 0, 0.2);
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(255, 255, 255, 0.5);
2104
}
2105
scrollbar slider:hover {
2107
background-color: rgba(255, 255, 255, 0.7);
2108
}
2109
scrollbar slider:active {
2111
background-color: #FFFFFF;
2112
}
2113
scrollbar slider:disabled {
2115
background-color: rgba(255, 255, 255, 0.3);
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(80, 99, 108, 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(80, 99, 108, 0.3);
2149
border-radius: 9999px;
2150
background-color: rgba(255, 255, 255, 0.5);
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(255, 255, 255, 0.3);
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(80, 99, 108, 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(255, 255, 255, 0.3);
2220
background-clip: padding-box;
2221
font-size: 0;
2222
}
2223
switch:disabled {
2225
background-color: rgba(255, 255, 255, 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
color: rgba(255, 255, 255, 0.5);
2235
}
2236
switch slider {
2238
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1);
2239
min-width: 20px;
2240
min-height: 20px;
2241
margin: -3px -2px;
2242
border-radius: 9999px;
2243
-gtk-outline-radius: 9999px;
2244
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
2245
background-color: #50636c;
2246
}
2247
switch:hover slider {
2249
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
2250
}
2251
switch:checked slider {
2253
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;
2254
animation: needs_attention 0.3s cubic-bezier(0, 0, 0.2, 1);
2255
background-color: #FF4081;
2256
color: #FFFFFF;
2257
}
2258
switch:disabled slider {
2260
background-color: #4a5c64;
2261
}
2262
switch:checked:disabled slider {
2264
animation: none;
2265
}
2266
/*************************
2268
* Check and Radio items *
2269
*************************/
2270
.view.content-view.check:not(list),
2271
.content-view .tile check:not(list) {
2272
min-height: 40px;
2273
min-width: 40px;
2274
margin: 0;
2275
padding: 0;
2276
box-shadow: none;
2277
background-color: transparent;
2278
background-image: none;
2279
-gtk-icon-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
2280
}
2281
.view.content-view.check:not(list):hover, .view.content-view.check:not(list):active,
2283
.content-view .tile check:not(list):hover,
2284
.content-view .tile check:not(list):active {
2285
-gtk-icon-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
2286
}
2287
.view.content-view.check:not(list),
2289
.content-view .tile check:not(list) {
2290
-gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-unchecked-dark.png"), url("assets/selectionmode-checkbox-unchecked-dark@2.png"));
2291
}
2292
.view.content-view.check:not(list):checked,
2294
.content-view .tile check:not(list):checked {
2295
-gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-checked-dark.png"), url("assets/selectionmode-checkbox-checked-dark@2.png"));
2296
}
2297
checkbutton.text-button,
2299
radiobutton.text-button {
2300
padding: 2px;
2301
outline-offset: 0;
2302
}
2303
checkbutton.text-button label:not(:only-child),
2305
radiobutton.text-button label:not(:only-child) {
2306
margin: 0 4px;
2307
}
2308
check,
2310
radio {
2311
min-height: 24px;
2312
min-width: 24px;
2313
margin: -12px;
2314
padding: 12px;
2315
color: rgba(255, 255, 255, 0.7);
2316
}
2317
check:hover, check:active,
2319
radio:hover,
2320
radio:active {
2321
color: #FFFFFF;
2322
}
2323
check:disabled,
2325
radio:disabled {
2326
color: rgba(255, 255, 255, 0.3);
2327
}
2328
check:checked, check:indeterminate,
2330
radio:checked,
2331
radio:indeterminate {
2332
color: #FF4081;
2333
}
2334
check:checked:disabled, check:indeterminate:disabled,
2336
radio:checked:disabled,
2337
radio:indeterminate:disabled {
2338
color: rgba(255, 64, 129, 0.5);
2339
}
2340
row:selected check:not(:checked):not(:indeterminate), row:selected
2342
radio:not(:checked):not(:indeterminate) {
2343
color: rgba(255, 255, 255, 0.7);
2344
}
2345
row:selected check:not(:checked):not(:indeterminate):hover, row:selected check:not(:checked):not(:indeterminate):active, row:selected
2347
radio:not(:checked):not(:indeterminate):hover, row:selected
2348
radio:not(:checked):not(:indeterminate):active {
2349
color: #FFFFFF;
2350
}
2351
row:selected check:not(:checked):not(:indeterminate):disabled, row:selected
2353
radio:not(:checked):not(:indeterminate):disabled {
2354
color: rgba(255, 255, 255, 0.3);
2355
}
2356
popover check, popover check:hover, popover check:disabled, popover
2358
radio, popover
2359
radio:hover, popover
2360
radio:disabled {
2361
box-shadow: none;
2362
background-image: none;
2363
}
2364
popover check:not(:checked):not(:indeterminate):not(:disabled), popover
2366
radio:not(:checked):not(:indeterminate):not(:disabled) {
2367
color: rgba(255, 255, 255, 0.7);
2368
}
2369
popover check.left:dir(rtl), popover
2371
radio.left:dir(rtl) {
2372
margin-left: -16px;
2373
margin-right: -8px;
2374
}
2375
popover check.right:dir(ltr), popover
2377
radio.right:dir(ltr) {
2378
margin-left: -8px;
2379
margin-right: -16px;
2380
}
2381
menu menuitem check, menu menuitem
2383
radio {
2384
transition: none;
2385
min-height: 16px;
2386
min-width: 16px;
2387
margin: 0;
2388
padding: 0;
2389
}
2390
menu menuitem check:dir(ltr), menu menuitem
2392
radio:dir(ltr) {
2393
margin-right: 8px;
2394
}
2395
menu menuitem check:dir(rtl), menu menuitem
2397
radio:dir(rtl) {
2398
margin-left: 8px;
2399
}
2400
menu menuitem check:not(:checked):not(:indeterminate):not(:disabled), menu menuitem
2402
radio:not(:checked):not(:indeterminate):not(:disabled) {
2403
color: rgba(255, 255, 255, 0.7);
2404
}
2405
menu menuitem check, menu menuitem check:hover, menu menuitem check:disabled, menu menuitem
2407
radio, menu menuitem
2408
radio:hover, menu menuitem
2409
radio:disabled {
2410
box-shadow: none;
2411
}
2412
check {
2415
-gtk-icon-source: image(-gtk-recolor(url("assets/scalable/checkbox-unchecked-symbolic.svg")), -gtk-recolor(url("assets/scalable/checkbox-unchecked-symbolic.symbolic.png")));
2416
}
2417
check:checked {
2420
-gtk-icon-source: image(-gtk-recolor(url("assets/scalable/checkbox-checked-symbolic.svg")), -gtk-recolor(url("assets/scalable/checkbox-checked-symbolic.symbolic.png")));
2421
}
2422
check:indeterminate {
2425
-gtk-icon-source: image(-gtk-recolor(url("assets/scalable/checkbox-mixed-symbolic.svg")), -gtk-recolor(url("assets/scalable/checkbox-mixed-symbolic.symbolic.png")));
2426
}
2427
radio {
2430
border-image-slice: 24;
2431
border-image-width: 24px;
2432
}
2433
radio {
2436
-gtk-icon-source: image(-gtk-recolor(url("assets/scalable/radio-unchecked-symbolic.svg")), -gtk-recolor(url("assets/scalable/radio-unchecked-symbolic.symbolic.png")));
2437
}
2438
radio:indeterminate {
2441
-gtk-icon-source: image(-gtk-recolor(url("assets/scalable/radio-mixed-symbolic.svg")), -gtk-recolor(url("assets/scalable/radio-mixed-symbolic.symbolic.png")));
2442
}
2443
radio {
2446
border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#FF4081), to(transparent));
2447
}
2448
radio:checked:not(:indeterminate) {
2451
border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.10417, to(#FF4081), to(transparent));
2452
}
2453
radio:checked:not(:indeterminate):disabled {
2456
border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.10417, to(rgba(255, 64, 129, 0.5)), to(transparent));
2457
}
2458
window.background:not(.csd) > widget > checkbutton > check,
2460
menu menuitem check {
2461
border-radius: 2px;
2462
-gtk-outline-radius: 2px;
2463
-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")));
2464
}
2465
window.background:not(.csd) > widget > checkbutton > check:checked,
2467
menu menuitem check:checked {
2468
-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")));
2469
}
2470
window.background:not(.csd) > widget > checkbutton > check:indeterminate,
2472
menu menuitem check:indeterminate {
2473
-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")));
2474
}
2475
window.background:not(.csd) > widget > radiobutton > radio,
2477
menu menuitem radio {
2478
border-image: none;
2479
-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")));
2480
}
2481
window.background:not(.csd) > widget > radiobutton > radio:checked,
2483
menu menuitem radio:checked {
2484
-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")));
2485
}
2486
window.background:not(.csd) > widget > radiobutton > radio:indeterminate,
2488
menu menuitem radio:indeterminate {
2489
-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")));
2490
}
2491
check:not(:checked):active {
2493
-gtk-icon-transform: rotate(90deg);
2494
}
2495
check:not(:checked):indeterminate:active,
2497
radio:not(:checked):indeterminate:active {
2498
-gtk-icon-transform: scaleX(-1);
2499
}
2500
check:not(:checked),
2502
radio:not(:checked) {
2503
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;
2504
}
2505
check:not(:checked):active,
2507
radio:not(:checked):active {
2508
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0, -gtk-icon-transform 0;
2509
}
2510
menu menuitem check:not(:checked), menu menuitem
2512
radio:not(:checked) {
2513
transition: none;
2514
}
2515
treeview.view check,
2517
treeview.view radio {
2518
padding: 0;
2519
}
2520
treeview.view check:hover,
2522
treeview.view radio:hover {
2523
box-shadow: inset 0 0 0 9999px alpha(#FFFFFF, 0.05);
2524
}
2525
treeview.view check:hover:disabled,
2527
treeview.view radio:hover:disabled {
2528
box-shadow: none;
2529
}
2530
treeview.view check:hover:selected,
2532
treeview.view radio:hover:selected {
2533
box-shadow: inset 0 0 0 9999px alpha(#FFFFFF, 0.05);
2534
}
2535
treeview.view check,
2537
treeview.view radio {
2538
color: rgba(255, 255, 255, 0.7);
2539
}
2540
treeview.view check:hover, treeview.view check:active,
2542
treeview.view radio:hover,
2543
treeview.view radio:active {
2544
color: #FFFFFF;
2545
}
2546
treeview.view check:disabled,
2548
treeview.view radio:disabled {
2549
color: rgba(255, 255, 255, 0.3);
2550
}
2551
treeview.view check:checked, treeview.view check:indeterminate,
2553
treeview.view radio:checked,
2554
treeview.view radio:indeterminate {
2555
color: #FF4081;
2556
}
2557
treeview.view check:checked:disabled, treeview.view check:indeterminate:disabled,
2559
treeview.view radio:checked:disabled,
2560
treeview.view radio:indeterminate:disabled {
2561
color: rgba(255, 64, 129, 0.5);
2562
}
2563
treeview.view check:selected,
2565
treeview.view radio:selected {
2566
color: rgba(255, 255, 255, 0.7);
2567
}
2568
treeview.view check:selected:hover, treeview.view check:selected:active,
2570
treeview.view radio:selected:hover,
2571
treeview.view radio:selected:active {
2572
color: #FFFFFF;
2573
}
2574
treeview.view check:selected:disabled,
2576
treeview.view radio:selected:disabled {
2577
color: rgba(255, 255, 255, 0.3);
2578
}
2579
treeview.view check:selected:checked, treeview.view check:selected:indeterminate,
2581
treeview.view radio:selected:checked,
2582
treeview.view radio:selected:indeterminate {
2583
color: #FF4081;
2584
}
2585
treeview.view check:selected:checked:disabled, treeview.view check:selected:indeterminate:disabled,
2587
treeview.view radio:selected:checked:disabled,
2588
treeview.view radio:selected:indeterminate:disabled {
2589
color: rgba(255, 64, 129, 0.5);
2590
}
2591
treeview.view radio:checked {
2593
-gtk-icon-source: image(-gtk-recolor(url("assets/scalable/radio-checked-symbolic.svg")), -gtk-recolor(url("assets/scalable/radio-checked-symbolic.symbolic.png")));
2594
border-image: none;
2595
}
2596
/************
2598
* GtkScale *
2599
************/
2600
scale {
2601
min-height: 12px;
2602
min-width: 12px;
2603
padding: 12px;
2604
}
2605
scale * {
2607
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
2608
}
2609
scale slider {
2611
min-height: 24px;
2612
min-width: 24px;
2613
margin: -11px;
2614
}
2615
scale trough {
2617
outline-offset: 2px;
2618
background-color: rgba(255, 255, 255, 0.3);
2619
}
2620
scale trough:disabled {
2622
background-color: rgba(255, 255, 255, 0.12);
2623
}
2624
scale highlight {
2626
background-color: #FF4081;
2627
}
2628
scale highlight:disabled {
2630
background-color: transparent;
2631
}
2632
scale fill {
2634
background-color: rgba(255, 255, 255, 0.3);
2635
}
2636
scale fill:disabled {
2638
background-color: transparent;
2639
}
2640
scale slider {
2642
transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
2643
background-repeat: no-repeat;
2644
background-position: center;
2645
background-size: calc(100% - 10px);
2646
}
2647
scale slider {
2649
background-image: -gtk-scaled(url("assets/scale-slider-dark.png"), url("assets/scale-slider-dark@2.png"));
2650
}
2651
scale slider:disabled {
2653
background-image: -gtk-scaled(url("assets/scale-slider-disabled-dark.png"), url("assets/scale-slider-disabled-dark@2.png"));
2654
}
2655
scale slider:hover {
2657
background-size: calc(100% - 8px);
2658
}
2659
scale slider:active {
2661
background-size: calc(100% - 6px);
2662
}
2663
scale.fine-tune slider {
2665
background-size: calc(100% - 12px);
2666
}
2667
scale value {
2669
color: rgba(255, 255, 255, 0.5);
2670
}
2671
scale marks {
2673
color: rgba(255, 255, 255, 0.3);
2674
}
2675
scale marks.top {
2677
margin-bottom: 8px;
2678
margin-top: -16px;
2679
}
2680
scale marks.bottom {
2682
margin-top: 8px;
2683
margin-bottom: -16px;
2684
}
2685
scale marks.top {
2687
margin-right: 8px;
2688
margin-left: -16px;
2689
}
2690
scale marks.bottom {
2692
margin-left: 8px;
2693
margin-right: -16px;
2694
}
2695
scale.horizontal indicator {
2697
min-height: 8px;
2698
min-width: 1px;
2699
}
2700
scale.vertical indicator {
2702
min-height: 1px;
2703
min-width: 8px;
2704
}
2705
scale.horizontal.marks-before:not(.marks-after) slider {
2707
min-height: 30px;
2708
min-width: 24px;
2709
margin-top: -17px;
2710
background-position: center calc(100% - 5px);
2711
}
2712
scale.horizontal.marks-before:not(.marks-after) slider {
2714
background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-dark.png"), url("assets/scale-horz-marks-before-slider-dark@2.png"));
2715
}
2716
scale.horizontal.marks-before:not(.marks-after) slider:disabled {
2718
background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-disabled-dark.png"), url("assets/scale-horz-marks-before-slider-disabled-dark@2.png"));
2719
}
2720
scale.horizontal.marks-before:not(.marks-after) slider:hover {
2722
background-position: center calc(100% - 4px);
2723
}
2724
scale.horizontal.marks-before:not(.marks-after) slider:active {
2726
background-position: center calc(100% - 3px);
2727
}
2728
scale.horizontal.marks-before:not(.marks-after).fine-tune slider {
2730
background-position: center calc(100% - 6px);
2731
}
2732
scale.horizontal.marks-after:not(.marks-before) slider {
2734
min-height: 30px;
2735
min-width: 24px;
2736
margin-bottom: -17px;
2737
background-position: center calc(5px);
2738
}
2739
scale.horizontal.marks-after:not(.marks-before) slider {
2741
background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-dark.png"), url("assets/scale-horz-marks-after-slider-dark@2.png"));
2742
}
2743
scale.horizontal.marks-after:not(.marks-before) slider:disabled {
2745
background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-disabled-dark.png"), url("assets/scale-horz-marks-after-slider-disabled-dark@2.png"));
2746
}
2747
scale.horizontal.marks-after:not(.marks-before) slider:hover {
2749
background-position: center calc(4px);
2750
}
2751
scale.horizontal.marks-after:not(.marks-before) slider:active {
2753
background-position: center calc(3px);
2754
}
2755
scale.horizontal.marks-after:not(.marks-before).fine-tune slider {
2757
background-position: center calc(6px);
2758
}
2759
scale.vertical.marks-before:not(.marks-after) slider {
2761
min-height: 24px;
2762
min-width: 30px;
2763
margin-left: -17px;
2764
background-position: calc(5px) center;
2765
}
2766
scale.vertical.marks-before:not(.marks-after) slider {
2768
background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-dark.png"), url("assets/scale-vert-marks-before-slider-dark@2.png"));
2769
}
2770
scale.vertical.marks-before:not(.marks-after) slider:disabled {
2772
background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-disabled-dark.png"), url("assets/scale-vert-marks-before-slider-disabled-dark@2.png"));
2773
}
2774
scale.vertical.marks-before:not(.marks-after) slider:hover {
2776
background-position: calc(4px) center;
2777
}
2778
scale.vertical.marks-before:not(.marks-after) slider:active {
2780
background-position: calc(3px) center;
2781
}
2782
scale.vertical.marks-before:not(.marks-after).fine-tune slider {
2784
background-position: calc(6px) center;
2785
}
2786
scale.vertical.marks-after:not(.marks-before) slider {
2788
min-height: 24px;
2789
min-width: 30px;
2790
margin-right: -17px;
2791
background-position: calc(100% - 5px) center;
2792
}
2793
scale.vertical.marks-after:not(.marks-before) slider {
2795
background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-dark.png"), url("assets/scale-vert-marks-after-slider-dark@2.png"));
2796
}
2797
scale.vertical.marks-after:not(.marks-before) slider:disabled {
2799
background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-disabled-dark.png"), url("assets/scale-vert-marks-after-slider-disabled-dark@2.png"));
2800
}
2801
scale.vertical.marks-after:not(.marks-before) slider:hover {
2803
background-position: calc(100% - 4px) center;
2804
}
2805
scale.vertical.marks-after:not(.marks-before) slider:active {
2807
background-position: calc(100% - 3px) center;
2808
}
2809
scale.vertical.marks-after:not(.marks-before).fine-tune slider {
2811
background-position: calc(100% - 6px) center;
2812
}
2813
scale.color {
2815
min-height: 0;
2816
min-width: 0;
2817
}
2818
scale.color.horizontal {
2820
padding: 0 0 12px 0;
2821
}
2822
scale.color.horizontal slider:dir(ltr), scale.color.horizontal slider:dir(rtl) {
2824
margin-bottom: -12px;
2825
margin-top: -2px;
2826
}
2827
scale.color.vertical:dir(ltr) {
2829
padding: 0 0 0 12px;
2830
}
2831
scale.color.vertical:dir(ltr) slider {
2833
margin-left: -12px;
2834
margin-right: -2px;
2835
}
2836
scale.color.vertical:dir(rtl) {
2838
padding: 0 12px 0 0;
2839
}
2840
scale.color.vertical:dir(rtl) slider {
2842
margin-right: -12px;
2843
margin-left: -2px;
2844
}
2845
/*****************
2847
* Progress bars *
2848
*****************/
2849
progressbar {
2850
color: rgba(255, 255, 255, 0.5);
2851
font-size: smaller;
2852
}
2853
progressbar.horizontal trough,
2855
progressbar.horizontal progress {
2856
min-height: 4px;
2857
}
2858
progressbar.vertical trough,
2860
progressbar.vertical progress {
2861
min-width: 4px;
2862
}
2863
progressbar trough {
2865
background-color: rgba(66, 165, 245, 0.3);
2866
}
2867
progressbar progress {
2869
background-color: #42A5F5;
2870
}
2871
progressbar trough.empty progress {
2873
all: unset;
2874
}
2875
/*************
2877
* Level Bar *
2878
*************/
2879
levelbar block {
2880
min-width: 36px;
2881
min-height: 4px;
2882
}
2883
levelbar.vertical block {
2885
min-width: 4px;
2886
min-height: 36px;
2887
}
2888
levelbar trough {
2890
padding: 2px;
2891
border-radius: 2px;
2892
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
2893
background-color: #50636c;
2894
}
2895
levelbar trough:disabled {
2897
background-color: #4a5c64;
2898
}
2899
levelbar.horizontal.discrete block {
2901
margin: 0 1px;
2902
}
2903
levelbar.horizontal.discrete trough {
2905
padding: 2px 1px;
2906
}
2907
levelbar.vertical.discrete block {
2909
margin: 1px 0;
2910
}
2911
levelbar.vertical.discrete trough {
2913
padding: 1px 2px;
2914
}
2915
levelbar block.low {
2917
background-color: #FF6D00;
2918
}
2919
levelbar block.high, levelbar block:not(.empty) {
2921
background-color: #42A5F5;
2922
}
2923
levelbar block.full {
2925
background-color: #00C853;
2926
}
2927
levelbar block.empty {
2929
background-color: rgba(255, 255, 255, 0.12);
2930
}
2931
/****************
2933
* Print dialog *
2934
*****************/
2935
printdialog paper {
2936
padding: 0;
2937
border: 1px solid rgba(0, 0, 0, 0.2);
2938
background-color: #50636c;
2939
color: #FFFFFF;
2940
}
2941
printdialog .dialog-action-box {
2943
margin: 12px;
2944
}
2945
/**********
2947
* Frames *
2948
**********/
2949
frame > border,
2950
.frame {
2951
margin: 0;
2952
padding: 0;
2953
border: 1px solid rgba(0, 0, 0, 0.2);
2954
border-radius: 0;
2955
box-shadow: none;
2956
}
2957
frame > border.flat,
2959
.frame.flat,
2960
frame.flat > border {
2961
border-style: none;
2962
}
2963
actionbar > revealer > box {
2965
padding: 6px;
2966
border-top: 1px solid rgba(0, 0, 0, 0.2);
2967
}
2968
scrolledwindow viewport.frame {
2970
border-style: none;
2971
}
2972
overshoot.top {
2974
background-image: -gtk-gradient(radial, center top, 0, center top, 0.75, to(rgba(64, 196, 255, 0.3)), to(transparent));
2975
background-repeat: no-repeat;
2976
background-position: center top;
2977
background-color: transparent;
2978
border: none;
2979
box-shadow: none;
2980
}
2981
overshoot.bottom {
2983
background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.75, to(rgba(64, 196, 255, 0.3)), to(transparent));
2984
background-repeat: no-repeat;
2985
background-position: center bottom;
2986
background-color: transparent;
2987
border: none;
2988
box-shadow: none;
2989
}
2990
overshoot.left {
2992
background-image: -gtk-gradient(radial, left center, 0, left center, 0.75, to(rgba(64, 196, 255, 0.3)), to(transparent));
2993
background-repeat: no-repeat;
2994
background-position: left center;
2995
background-color: transparent;
2996
border: none;
2997
box-shadow: none;
2998
}
2999
overshoot.right {
3001
background-image: -gtk-gradient(radial, right center, 0, right center, 0.75, to(rgba(64, 196, 255, 0.3)), to(transparent));
3002
background-repeat: no-repeat;
3003
background-position: right center;
3004
background-color: transparent;
3005
border: none;
3006
box-shadow: none;
3007
}
3008
undershoot.top {
3010
background-color: transparent;
3011
background-image: linear-gradient(to left, rgba(80, 99, 108, 0.3) 50%, rgba(255, 255, 255, 0.3) 50%);
3012
padding-top: 1px;
3013
background-size: 12px 1px;
3014
background-repeat: repeat-x;
3015
background-origin: content-box;
3016
background-position: left top;
3017
}
3018
undershoot.bottom {
3020
background-color: transparent;
3021
background-image: linear-gradient(to left, rgba(80, 99, 108, 0.3) 50%, rgba(255, 255, 255, 0.3) 50%);
3022
padding-bottom: 1px;
3023
background-size: 12px 1px;
3024
background-repeat: repeat-x;
3025
background-origin: content-box;
3026
background-position: left bottom;
3027
}
3028
undershoot.left {
3030
background-color: transparent;
3031
background-image: linear-gradient(to top, rgba(80, 99, 108, 0.3) 50%, rgba(255, 255, 255, 0.3) 50%);
3032
padding-left: 1px;
3033
background-size: 1px 12px;
3034
background-repeat: repeat-y;
3035
background-origin: content-box;
3036
background-position: left top;
3037
}
3038
undershoot.right {
3040
background-color: transparent;
3041
background-image: linear-gradient(to top, rgba(80, 99, 108, 0.3) 50%, rgba(255, 255, 255, 0.3) 50%);
3042
padding-right: 1px;
3043
background-size: 1px 12px;
3044
background-repeat: repeat-y;
3045
background-origin: content-box;
3046
background-position: right top;
3047
}
3048
junction {
3050
border-style: solid none none solid;
3051
border-width: 1px;
3052
border-color: rgba(0, 0, 0, 0.2);
3053
background-color: #50636c;
3054
}
3055
junction:dir(rtl) {
3057
border-style: solid solid none none;
3058
}
3059
separator {
3061
min-width: 1px;
3062
min-height: 1px;
3063
background-color: rgba(0, 0, 0, 0.2);
3064
}
3065
button.font separator,
3068
button.file separator, .tweak-categories separator, preferences stacksidebar.sidebar list separator {
3069
min-width: 0;
3070
min-height: 0;
3071
background-color: transparent;
3072
}
3073
/*********
3075
* Lists *
3076
*********/
3077
list {
3078
border-color: rgba(0, 0, 0, 0.2);
3079
background-color: #50636c;
3080
}
3081
list row {
3083
padding: 2px;
3084
}
3085
row.activatable, .view, treeview.view header button, .budgie-menu button {
3087
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);
3088
box-shadow: inset 0 0 0 9999px transparent;
3089
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
3090
background-repeat: no-repeat;
3091
background-position: center;
3092
background-size: 1000% 1000%;
3093
}
3094
row.activatable:hover, .view:hover, treeview.view header button:hover, .budgie-menu button:hover {
3096
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);
3097
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.05);
3098
}
3099
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 {
3101
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), background-color 0, color 0, background-size 0, background-image 0;
3102
animation: ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1) forwards;
3103
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.15);
3104
background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.15) 10%, transparent 0%);
3105
background-size: 0% 0%;
3106
}
3107
/*********************
3109
* App Notifications *
3110
*********************/
3111
.app-notification {
3112
margin: 8px;
3113
}
3114
.app-notification.frame,
3116
.app-notification border {
3117
border-style: none;
3118
}
3119
/*************
3121
* Expanders *
3122
*************/
3123
expander arrow {
3124
transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
3125
min-width: 16px;
3126
min-height: 16px;
3127
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
3128
-gtk-icon-transform: rotate(-90deg);
3129
color: rgba(255, 255, 255, 0.7);
3130
}
3131
expander arrow:dir(rtl) {
3133
-gtk-icon-transform: rotate(90deg);
3134
}
3135
expander arrow:checked {
3137
-gtk-icon-transform: unset;
3138
}
3139
expander arrow:hover, expander arrow:active {
3141
color: #FFFFFF;
3142
}
3143
expander arrow:disabled {
3145
color: rgba(255, 255, 255, 0.3);
3146
}
3147
expander arrow:selected {
3149
color: rgba(255, 255, 255, 0.7);
3150
}
3151
expander arrow:selected:hover, expander arrow:selected:active {
3153
color: #FFFFFF;
3154
}
3155
expander arrow:selected:disabled {
3157
color: rgba(255, 255, 255, 0.3);
3158
}
3159
/************
3161
* Calendar *
3162
************/
3163
calendar {
3164
padding: 1px;
3165
border: 1px solid rgba(0, 0, 0, 0.2);
3166
color: #FFFFFF;
3167
}
3168
calendar:disabled {
3170
color: rgba(255, 255, 255, 0.5);
3171
}
3172
calendar:selected {
3174
border-radius: 3px;
3175
}
3176
calendar.header {
3178
border-style: none none solid;
3179
border-radius: 0;
3180
}
3181
calendar.highlight {
3183
color: rgba(255, 255, 255, 0.7);
3184
font-weight: 500;
3185
}
3186
calendar:indeterminate {
3188
color: rgba(255, 255, 255, 0.3);
3189
}
3190
/***********
3192
* Dialogs *
3193
***********/
3194
messagedialog.background {
3195
background-color: #596e79;
3196
}
3197
messagedialog .titlebar {
3199
min-height: 24px;
3200
border-style: none;
3201
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
3202
background-color: #596e79;
3203
color: #FFFFFF;
3204
}
3205
messagedialog .titlebar:backdrop {
3207
color: rgba(255, 255, 255, 0.7);
3208
}
3209
messagedialog.csd.background {
3211
border-bottom-left-radius: 2px;
3212
border-bottom-right-radius: 2px;
3213
}
3214
messagedialog.csd .dialog-action-area button {
3216
padding: 8px 16px;
3217
border-top: 1px solid rgba(0, 0, 0, 0.2);
3218
border-radius: 0;
3219
}
3220
messagedialog.csd .dialog-action-area button:first-child {
3222
border-bottom-left-radius: 2px;
3223
}
3224
messagedialog.csd .dialog-action-area button:last-child {
3226
border-bottom-right-radius: 2px;
3227
}
3228
filechooser .dialog-action-box {
3230
border-top: 1px solid rgba(0, 0, 0, 0.2);
3231
}
3232
filechooser #pathbarbox {
3234
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
3235
background-color: #44545c;
3236
}
3237
filechooserbutton:drop(active) {
3239
box-shadow: none;
3240
}
3241
/***********
3243
* Sidebar *
3244
***********/
3245
.sidebar {
3246
border-style: none;
3247
background-color: #596e79;
3248
}
3249
stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left, .sidebar.left:dir(rtl) {
3251
border-right: 1px solid rgba(0, 0, 0, 0.2);
3252
border-left-style: none;
3253
}
3254
stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right {
3256
border-left: 1px solid rgba(0, 0, 0, 0.2);
3257
border-right-style: none;
3258
}
3259
.sidebar list {
3261
background-color: transparent;
3262
}
3263
paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar {
3265
border-style: none;
3266
}
3267
stacksidebar row {
3269
padding: 10px 4px;
3270
}
3271
stacksidebar row > label {
3273
padding-left: 6px;
3274
padding-right: 6px;
3275
}
3276
/****************
3278
* File chooser *
3279
****************/
3280
placessidebar > viewport.frame {
3281
border-style: none;
3282
}
3283
placessidebar list {
3285
padding: 1px 0 4px;
3286
}
3287
placessidebar row {
3289
min-height: 32px;
3290
margin: -1px 0;
3291
padding: 0;
3292
}
3293
placessidebar row > revealer {
3295
padding: 0 12px;
3296
}
3297
placessidebar row:selected {
3299
color: #FFFFFF;
3300
}
3301
placessidebar row:disabled {
3303
color: rgba(255, 255, 255, 0.5);
3304
}
3305
placessidebar row image.sidebar-icon {
3307
opacity: 0.6;
3308
}
3309
placessidebar row image.sidebar-icon:dir(ltr) {
3311
padding-right: 8px;
3312
}
3313
placessidebar row image.sidebar-icon:dir(rtl) {
3315
padding-left: 8px;
3316
}
3317
placessidebar row label.sidebar-label:dir(ltr) {
3319
padding-right: 2px;
3320
}
3321
placessidebar row label.sidebar-label:dir(rtl) {
3323
padding-left: 2px;
3324
}
3325
placessidebar row.sidebar-placeholder-row {
3327
min-height: 2px;
3328
padding: 0 8px;
3329
background-image: image(#FF4081);
3330
background-clip: content-box;
3331
}
3332
placessidebar row.sidebar-new-bookmark-row {
3334
color: #FF4081;
3335
}
3336
placessidebar row:drop(active):not(:disabled) {
3338
box-shadow: inset 0 0 0 2px #FF4081;
3339
}
3340
placesview .server-list-button > image {
3342
-gtk-icon-transform: rotate(0turn);
3343
}
3344
placesview .server-list-button:checked > image {
3346
-gtk-icon-transform: rotate(-0.5turn);
3347
}
3348
placesview > actionbar > revealer > box > label {
3350
padding-left: 8px;
3351
padding-right: 8px;
3352
}
3353
/*********
3355
* Paned *
3356
*********/
3357
paned > separator {
3358
min-width: 1px;
3359
min-height: 1px;
3360
-gtk-icon-source: none;
3361
border-style: none;
3362
background-color: transparent;
3363
background-image: image(rgba(0, 0, 0, 0.2));
3364
background-size: 1px 1px;
3365
background-clip: content-box;
3366
}
3367
paned > separator.wide {
3369
min-width: 6px;
3370
min-height: 6px;
3371
background-color: #44545c;
3372
background-image: image(rgba(0, 0, 0, 0.2)), image(rgba(0, 0, 0, 0.2));
3373
background-size: 1px 1px, 1px 1px;
3374
}
3375
paned.horizontal > separator {
3377
background-repeat: repeat-y;
3378
}
3379
paned.horizontal > separator:dir(ltr) {
3381
margin: 0 -8px 0 0;
3382
padding: 0 8px 0 0;
3383
background-position: left;
3384
}
3385
paned.horizontal > separator:dir(rtl) {
3387
margin: 0 0 0 -8px;
3388
padding: 0 0 0 8px;
3389
background-position: right;
3390
}
3391
paned.horizontal > separator.wide {
3393
margin: 0;
3394
padding: 0;
3395
background-repeat: repeat-y, repeat-y;
3396
background-position: left, right;
3397
}
3398
paned.vertical > separator {
3400
margin: 0 0 -8px 0;
3401
padding: 0 0 8px 0;
3402
background-repeat: repeat-x;
3403
background-position: top;
3404
}
3405
paned.vertical > separator.wide {
3407
margin: 0;
3408
padding: 0;
3409
background-repeat: repeat-x, repeat-x;
3410
background-position: bottom, top;
3411
}
3412
/**************
3414
* GtkInfoBar *
3415
**************/
3416
infobar {
3417
border-style: none;
3418
}
3419
infobar.info {
3421
background-color: #66BB6A;
3422
}
3423
infobar.question {
3425
background-color: #42A5F5;
3426
}
3427
infobar.warning {
3429
background-color: #FFA726;
3430
}
3431
infobar.error {
3433
background-color: #EF5350;
3434
}
3435
infobar.info > label, infobar.info, infobar.question > label, infobar.question, infobar.warning > label, infobar.warning, infobar.error > label, infobar.error {
3437
color: #FFFFFF;
3438
}
3439
/************
3441
* Tooltips *
3442
************/
3443
tooltip {
3444
border-radius: 2px;
3445
box-shadow: none;
3446
}
3447
tooltip.background {
3449
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
3450
background-color: rgba(80, 99, 108, 0.9);
3451
}
3452
tooltip:not(.csd):not(.unity-csd) {
3454
border: 1px solid rgba(0, 0, 0, 0.2);
3455
border-radius: 3px;
3456
background-clip: border-box;
3457
}
3458
tooltip decoration {
3460
background-color: transparent;
3461
}
3462
tooltip label {
3464
min-height: 20px;
3465
padding: 0 2px;
3466
}
3467
/*****************
3469
* Color Chooser *
3470
*****************/
3471
colorswatch.top {
3472
border-top-left-radius: 2.5px;
3473
border-top-right-radius: 2.5px;
3474
}
3475
colorswatch.top overlay {
3477
border-top-left-radius: 2px;
3478
border-top-right-radius: 2px;
3479
}
3480
colorswatch.bottom {
3482
border-bottom-left-radius: 2.5px;
3483
border-bottom-right-radius: 2.5px;
3484
}
3485
colorswatch.bottom overlay {
3487
border-bottom-left-radius: 2px;
3488
border-bottom-right-radius: 2px;
3489
}
3490
colorswatch.left, colorswatch:first-child:not(.top) {
3492
border-top-left-radius: 2.5px;
3493
border-bottom-left-radius: 2.5px;
3494
}
3495
colorswatch.left overlay, colorswatch:first-child:not(.top) overlay {
3497
border-top-left-radius: 2px;
3498
border-bottom-left-radius: 2px;
3499
}
3500
colorswatch.right, colorswatch:last-child:not(.bottom) {
3502
border-top-right-radius: 2.5px;
3503
border-bottom-right-radius: 2.5px;
3504
}
3505
colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay {
3507
border-top-right-radius: 2px;
3508
border-bottom-right-radius: 2px;
3509
}
3510
colorswatch.dark overlay {
3512
color: #FFFFFF;
3513
}
3514
colorswatch.light overlay {
3516
color: rgba(0, 0, 0, 0.87);
3517
}
3518
colorswatch.dark {
3520
color: #FFFFFF;
3521
}
3522
colorswatch.light {
3524
color: rgba(0, 0, 0, 0.87);
3525
}
3526
colorswatch:drop(active) {
3528
box-shadow: none;
3529
}
3530
colorswatch:drop(active).light overlay {
3532
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;
3533
}
3534
colorswatch:drop(active).dark overlay {
3536
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;
3537
}
3538
colorswatch overlay {
3540
transition: box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1);
3541
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
3542
}
3543
colorswatch overlay:hover {
3545
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
3546
}
3547
colorswatch#add-color-button {
3549
border-radius: 2px 2px 0 0;
3550
color: #FFFFFF;
3551
}
3552
colorswatch#add-color-button:only-child {
3554
border-radius: 2px;
3555
}
3556
colorswatch#add-color-button overlay {
3558
background-image: linear-gradient(to right, #EF5350 25%, #FFA726 25%, #FFA726 50%, #66BB6A 50%, #66BB6A 75%, #42A5F5 75%);
3559
color: #FFFFFF;
3560
}
3561
colorswatch:disabled {
3563
opacity: 0.5;
3564
}
3565
colorswatch:disabled overlay {
3567
box-shadow: none;
3568
}
3569
colorswatch#editor-color-sample {
3571
border-radius: 2.5px;
3572
}
3573
colorswatch#editor-color-sample overlay {
3575
border-radius: 2px;
3576
}
3577
colorchooser .popover.osd {
3579
transition: box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1);
3580
border-radius: 2px;
3581
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.1);
3582
background-color: #50636c;
3583
}
3584
colorchooser .popover.osd:backdrop {
3586
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 1px rgba(255, 255, 255, 0.1);
3587
}
3588
/********
3590
* Misc *
3591
********/
3592
.content-view {
3593
background-color: #44545c;
3594
}
3595
/**********************
3597
* Window Decorations *
3598
**********************/
3599
decoration {
3600
transition: box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1);
3601
border-radius: 2px 2px 0 0;
3602
box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22), 0 16px 16px transparent;
3603
margin: 8px;
3604
}
3605
decoration:backdrop {
3607
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), 0 16px 16px transparent;
3608
}
3609
.maximized decoration,
3611
.fullscreen decoration,
3612
.tiled decoration {
3613
border-radius: 0;
3614
}
3615
.popup decoration {
3617
box-shadow: none;
3618
}
3619
.ssd decoration {
3621
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16);
3622
}
3623
.csd.popup decoration {
3625
border-radius: 2px;
3626
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
3627
}
3628
tooltip.csd decoration {
3630
border-radius: 2px;
3631
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
3632
}
3633
messagedialog.csd decoration {
3635
border-radius: 2px;
3636
}
3637
.solid-csd decoration {
3639
margin: 0;
3640
border-radius: 0;
3641
box-shadow: none;
3642
background-color: #37474F;
3643
}
3644
.view selection, .view:selected, flowbox flowboxchild:selected, spinbutton:not(.vertical) selection,
3646
entry selection, modelbutton.flat:selected,
3647
.menuitem.button.flat:selected, popover.background.menu button:checked,
3648
popover.background button.model:checked, row:selected, calendar:selected, text:selected, .budgie-menu button:checked {
3649
background-color: #42A5F5;
3650
}
3651
row:selected label, label:selected, .view selection, .view:selected, flowbox flowboxchild:selected, spinbutton:not(.vertical) selection,
3653
entry selection, modelbutton.flat:selected,
3654
.menuitem.button.flat:selected, popover.background.menu button:checked,
3655
popover.background button.model:checked, row:selected, calendar:selected, text:selected, .budgie-menu button:checked {
3656
color: #FFFFFF;
3657
}
3658
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,
3660
entry selection:disabled, modelbutton.flat:disabled:selected,
3661
.menuitem.button.flat:disabled:selected, popover.background.menu button:disabled:checked,
3662
popover.background button.model:disabled:checked, row:disabled:selected, calendar:disabled:selected, text:disabled:selected, .budgie-menu button:disabled:checked {
3663
color: rgba(255, 255, 255, 0.5);
3664
}
3665
.monospace {
3667
font-family: monospace;
3668
}
3669
/**********************
3671
* Touch Copy & Paste *
3672
**********************/
3673
cursor-handle {
3674
border-radius: 9999px;
3675
background-color: #FF4081;
3676
background-image: none;
3677
}
3678
cursor-handle.top:dir(ltr), cursor-handle.bottom:dir(rtl) {
3680
padding-left: 6px;
3681
border-top-right-radius: 0;
3682
}
3683
cursor-handle.bottom:dir(ltr), cursor-handle.top:dir(rtl) {
3685
padding-right: 6px;
3686
border-top-left-radius: 0;
3687
}
3688
cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) {
3690
-GtkWidget-text-handle-width: 24;
3691
-GtkWidget-text-handle-height: 30;
3692
-gtk-icon-source: -gtk-scaled(url("assets/scale-horz-marks-before-slider-dark.png"), url("assets/scale-horz-marks-before-slider-dark@2.png"));
3693
}
3694
.context-menu {
3696
font: initial;
3697
}
3698
.keycap {
3700
min-width: 12px;
3701
min-height: 26px;
3702
margin-top: 2px;
3703
padding-bottom: 2px;
3704
padding-left: 8px;
3705
padding-right: 8px;
3706
border: solid 1px rgba(0, 0, 0, 0.2);
3707
border-radius: 3px;
3708
box-shadow: inset 0 -2px rgba(0, 0, 0, 0.2);
3709
background-color: #50636c;
3710
color: #FFFFFF;
3711
font-size: smaller;
3712
}
3713
:not(decoration):not(window):drop(active) {
3715
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
3716
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;
3717
caret-color: #FF4081;
3718
}
3719
stackswitcher button.text-button {
3721
min-width: 100px;
3722
}
3723
stackswitcher button.circular,
3725
stackswitcher button.text-button.circular {
3726
min-width: 36px;
3727
min-height: 36px;
3728
padding: 0;
3729
}
3730
/************
3732
* Nautilus *
3733
************/
3734
.nautilus-window,
3735
.nautilus-window notebook,
3736
.nautilus-window notebook > stack {
3737
background-color: #50636c;
3738
}
3739
.nautilus-desktop.nautilus-canvas-item:not(:selected), .caja-desktop.caja-canvas-item:not(:selected) {
3741
color: #FFFFFF;
3742
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
3743
}
3744
@keyframes needs_attention_keyframes {
3746
to {
3747
background-color: alpha(currentColor, 0.3);
3748
}
3749
}
3750
.nautilus-operations-button-needs-attention {
3752
animation: needs_attention_keyframes 0.3s cubic-bezier(0.4, 0, 0.2, 1) 2 alternate;
3753
}
3754
.nautilus-operations-button-needs-attention-multiple {
3756
animation: needs_attention_keyframes 0.3s cubic-bezier(0.4, 0, 0.2, 1) 4 alternate;
3757
}
3758
.nautilus-window .floating-bar {
3760
min-height: 32px;
3761
padding: 0;
3762
border-style: solid solid none;
3763
border-width: 1px;
3764
border-color: rgba(0, 0, 0, 0.2);
3765
border-radius: 3px 3px 0 0;
3766
background-color: #50636c;
3767
background-clip: border-box;
3768
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), border-width 0;
3769
}
3770
.nautilus-window .floating-bar.bottom.left {
3772
margin-right: 7px;
3773
border-left-style: none;
3774
border-top-left-radius: 0;
3775
}
3776
.nautilus-window .floating-bar.bottom.right {
3778
margin-left: 7px;
3779
border-right-style: none;
3780
border-top-right-radius: 0;
3781
}
3782
.nautilus-window .floating-bar button {
3784
margin: 4px;
3785
}
3786
.disk-space-display.unknown {
3788
background-color: #FF6D00;
3789
}
3790
.disk-space-display.used {
3792
background-color: #42A5F5;
3793
}
3794
.disk-space-display.free {
3796
background-color: rgba(255, 255, 255, 0.12);
3797
}
3798
.nautilus-window searchbar {
3800
border-top: 1px solid rgba(0, 0, 0, 0.2);
3801
}
3802
.nautilus-window .searchbar-container {
3804
margin-top: -1px;
3805
}
3806
.conflict-row:not(:selected) {
3808
background-color: #85664c;
3809
}
3810
.nautilus-window flowboxchild > widget > .icon-item-background {
3812
padding: 4px;
3813
border-radius: 2px;
3814
}
3815
.nautilus-window flowboxchild:selected {
3817
background-color: transparent;
3818
}
3819
.nautilus-window flowboxchild:selected > widget > .icon-item-background {
3821
background-color: #42A5F5;
3822
}
3823
dialog.background > box.dialog-vbox.vertical > grid.horizontal > scrolledwindow.frame {
3825
border-style: none;
3826
}
3827
dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child {
3829
margin: -6px 0 0 -6px;
3830
border-top: 1px solid rgba(0, 0, 0, 0.2);
3831
}
3832
dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child > label {
3834
margin: 0 8px;
3835
}
3836
dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child > box > button {
3838
border-radius: 0;
3839
}
3840
.nautilus-window > popover.menu:not(:last-child) {
3842
padding: 3px;
3843
}
3844
.nautilus-window > popover.menu:not(:last-child) > stack > box > box > box {
3846
margin-top: -6px;
3847
}
3848
.nautilus-window > popover.menu:not(:last-child) > stack > box > box > box > box {
3850
margin-bottom: -6px;
3851
}
3852
.nautilus-window > popover.menu:not(:last-child) > stack > box > box > box > box.linked {
3854
margin-top: 1px;
3855
}
3856
.nautilus-window > popover.menu:not(:last-child) separator {
3858
margin-bottom: -2px;
3859
}
3860
.nautilus-menu-sort-heading {
3862
margin: 1px 3px;
3863
font-weight: 500;
3864
}
3865
.nautilus-menu-sort-heading:disabled {
3867
color: rgba(255, 255, 255, 0.5);
3868
}
3869
.nautilus-window paned > separator {
3871
background-color: #44545c;
3872
}
3873
/*********
3875
* gedit *
3876
*********/
3877
.open-document-selector-name-label {
3878
font-weight: bold;
3879
}
3880
.open-document-selector-path-label {
3882
color: alpha(currentColor, 0.6);
3883
font-size: smaller;
3884
}
3885
.gedit-document-panel {
3887
background-color: #596e79;
3888
}
3889
.gedit-document-panel row button.flat {
3891
margin-top: 8px;
3892
margin-bottom: 8px;
3893
}
3894
.gedit-document-panel-group-row:not(:first-child) {
3896
border-top: 1px solid rgba(0, 0, 0, 0.2);
3897
}
3898
.gedit-side-panel-paned statusbar {
3900
border-top: 1px solid rgba(0, 0, 0, 0.2);
3901
}
3902
.gedit-search-slider {
3904
margin: 4px 4px 8px;
3905
}
3906
.gedit-search-slider entry:dir(ltr), .gedit-search-slider entry:dir(rtl) {
3908
border-radius: 2px;
3909
}
3910
.gedit-search-slider entry:dir(ltr) .gedit-search-entry-occurrences-tag, .gedit-search-slider entry:dir(rtl) .gedit-search-entry-occurrences-tag {
3912
all: unset;
3913
color: rgba(255, 255, 255, 0.5);
3914
}
3915
.gedit-search-slider entry:dir(ltr) {
3917
margin-right: -66px;
3918
padding-right: 66px;
3919
}
3920
.gedit-search-slider entry:dir(ltr) .gedit-search-entry-occurrences-tag {
3922
margin-left: 6px;
3923
}
3924
.gedit-search-slider entry:dir(ltr) image.right {
3926
margin-right: 0;
3927
}
3928
.gedit-search-slider entry:dir(rtl) {
3930
margin-left: -66px;
3931
padding-left: 66px;
3932
}
3933
.gedit-search-slider entry:dir(rtl) .gedit-search-entry-occurrences-tag {
3935
margin-right: 6px;
3936
}
3937
.gedit-search-slider entry:dir(rtl) image.left {
3939
margin-left: 0;
3940
}
3941
.gedit-search-slider entry.error ~ button {
3943
color: rgba(255, 255, 255, 0.7);
3944
}
3945
.gedit-search-slider entry.error ~ button:hover, .gedit-search-slider entry.error ~ button:active {
3947
color: #FFFFFF;
3948
}
3949
.gedit-search-slider entry.error ~ button:disabled {
3951
color: rgba(255, 255, 255, 0.3);
3952
}
3953
.gedit-search-slider button {
3955
border: solid 6px transparent;
3956
}
3957
.gedit-search-slider button:last-child:dir(ltr), .gedit-search-slider button:not(:first-child):dir(rtl) {
3959
margin-left: -3px;
3960
}
3961
.gedit-search-slider button:first-child:dir(rtl), .gedit-search-slider button:not(:last-child):dir(ltr) {
3963
margin-right: -3px;
3964
}
3965
frame.gedit-map-frame > border:dir(ltr) {
3967
border-style: none none none solid;
3968
}
3969
frame.gedit-map-frame > border:dir(rtl) {
3971
border-style: none solid none none;
3972
}
3973
/**************
3975
* Tweak Tool *
3976
**************/
3977
.tweak-categories {
3978
background-image: image(#596e79);
3979
}
3980
.tweak {
3982
padding: 3px;
3983
}
3984
.tweak.title:hover {
3986
box-shadow: none;
3987
}
3988
.tweak-group-white,
3990
.tweak-white,
3991
.tweak-white:hover {
3992
background-image: image(#50636c);
3993
}
3994
.tweak-startup,
3996
.tweak-startup:hover {
3997
background-image: image(#50636c);
3998
}
3999
.tweak-group-startup {
4001
background-image: image(#50636c);
4002
border: 1px solid rgba(0, 0, 0, 0.2);
4003
}
4004
/***********
4006
* Builder *
4007
***********/
4008
layouttabbar {
4009
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
4010
background-color: #44545c;
4011
}
4012
layouttabbar > box > button {
4014
margin: 2px 0;
4015
}
4016
layouttab {
4018
margin: 0 8px;
4019
border-style: none solid;
4020
border-width: 1px;
4021
border-color: rgba(0, 0, 0, 0.2);
4022
box-shadow: inset 0 -2px #42A5F5;
4023
background-color: #50636c;
4024
}
4025
layouttab separator.vertical {
4027
margin: 8px 4px;
4028
}
4029
layouttab button.text-button, layouttab button.image-button, layouttab button {
4031
margin-top: 8px;
4032
margin-bottom: 8px;
4033
padding: 0 4px;
4034
}
4035
layout {
4037
border: 1px solid rgba(0, 0, 0, 0.2);
4038
-PnlDockBin-handle-size: 1;
4039
}
4040
entry.search-missing {
4042
background-color: #DD2C00;
4043
color: #FFFFFF;
4044
}
4045
window.workbench treeview.image {
4047
color: rgba(255, 255, 255, 0.5);
4048
}
4049
window.workbench treeview.image:selected {
4051
color: rgba(255, 255, 255, 0.5);
4052
}
4053
popover.popover-selector list {
4055
padding: 6px;
4056
}
4057
popover.popover-selector list row {
4059
border-radius: 2px;
4060
}
4061
popover.popover-selector list row image:dir(ltr) {
4063
margin-right: 6px;
4064
}
4065
popover.popover-selector list row image:dir(rtl) {
4067
margin-left: 6px;
4068
}
4069
popover.popover-selector list row .accel:dir(ltr) {
4071
margin-left: 6px;
4072
}
4073
popover.popover-selector list row .accel:dir(rtl) {
4075
margin-right: 6px;
4076
}
4077
omnibar.linked:not(.vertical) entry {
4079
border-radius: 2px;
4080
}
4081
omnibar:not(:hover):not(:active) entry {
4083
color: rgba(255, 255, 255, 0.7);
4084
}
4085
popover.omnibar list row:not(:last-child) {
4087
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
4088
}
4089
entry.preferences-search {
4091
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.2);
4092
background-color: #50636c;
4093
}
4094
preferences stacksidebar.sidebar list {
4096
background-color: #596e79;
4097
}
4098
preferences stacksidebar.sidebar:dir(ltr) list, preferences stacksidebar.sidebar:dir(rtl) list {
4100
border-style: none;
4101
}
4102
preferences > box > box:dir(ltr) {
4104
border-right: 1px solid rgba(0, 0, 0, 0.2);
4105
}
4106
preferences > box > box:dir(rtl) {
4108
border-left: 1px solid rgba(0, 0, 0, 0.2);
4109
}
4110
popover.messagepopover.background {
4112
padding: 0;
4113
}
4114
popover.messagepopover .popover-action-area button {
4116
padding: 8px 16px;
4117
border-top: 1px solid rgba(0, 0, 0, 0.2);
4118
border-radius: 0;
4119
}
4120
popover.messagepopover .popover-action-area button:first-child {
4122
border-bottom-left-radius: 2px;
4123
}
4124
popover.messagepopover .popover-action-area button:last-child {
4126
border-bottom-right-radius: 2px;
4127
}
4128
popover.messagepopover .popover-content-area {
4130
margin: 16px;
4131
}
4132
popover.transfers list {
4134
background-color: transparent;
4135
}
4136
popover.transfers list row:not(:first-child) {
4138
border-top: 1px solid rgba(0, 0, 0, 0.2);
4139
}
4140
popover.transfers list row > box {
4142
padding: 10px;
4143
}
4144
dockbin {
4146
border: 1px solid rgba(0, 0, 0, 0.2);
4147
-PnlDockBin-handle-size: 1;
4148
}
4149
dockpaned {
4151
border: 1px solid rgba(0, 0, 0, 0.2);
4152
}
4153
eggsearchbar box.search-bar {
4155
padding: 0 8px;
4156
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
4157
background-color: #44545c;
4158
}
4159
docktabstrip {
4161
padding: 0 8px;
4162
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
4163
background-color: #44545c;
4164
}
4165
docktab {
4167
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
4168
min-height: 24px;
4169
min-width: 24px;
4170
margin-bottom: -1px;
4171
padding: 6px 6px;
4172
outline-offset: -6px;
4173
border-width: 1px;
4174
border-color: transparent;
4175
background-image: radial-gradient(circle farthest-corner at center, #42A5F5 10%, transparent 0%);
4176
background-repeat: no-repeat;
4177
background-position: center;
4178
background-size: 0% 0%;
4179
color: rgba(255, 255, 255, 0.7);
4180
font-weight: 500;
4181
}
4182
docktab:hover {
4184
box-shadow: inset 0 -2px rgba(255, 255, 255, 0.3);
4185
color: #FFFFFF;
4186
}
4187
docktab:checked {
4189
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);
4190
box-shadow: inset 0 -2px #42A5F5;
4191
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
4192
background-size: 1000% 1000%;
4193
color: #FFFFFF;
4194
}
4195
dockoverlayedge {
4197
background-color: #44545c;
4198
}
4199
dockoverlayedge docktabstrip {
4201
padding: 0;
4202
border: none;
4203
}
4204
dockoverlayedge.left-edge docktab:hover {
4206
box-shadow: inset -2px 0 rgba(255, 255, 255, 0.3);
4207
}
4208
dockoverlayedge.left-edge docktab:checked {
4210
box-shadow: inset -2px 0 #42A5F5;
4211
}
4212
dockoverlayedge.right-edge docktab:hover {
4214
box-shadow: inset 2px 0 rgba(255, 255, 255, 0.3);
4215
}
4216
dockoverlayedge.right-edge docktab:checked {
4218
box-shadow: inset 2px 0 #42A5F5;
4219
}
4220
pillbox {
4222
background-color: #44545c;
4223
border-radius: 2px;
4224
}
4225
layoutpane entry.search {
4227
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.2);
4228
background-color: #50636c;
4229
}
4230
editortweak entry.search {
4232
margin-bottom: -1px;
4233
box-shadow: none;
4234
}
4235
.gb-search-entry-occurrences-tag {
4237
box-shadow: none;
4238
background-color: transparent;
4239
}
4240
docktabstrip {
4242
min-height: 39px;
4243
}
4244
window.workbench preferences preferencesgroup list entry {
4246
padding-top: 8px;
4247
padding-bottom: 8px;
4248
}
4249
button.run-arrow-button {
4251
padding-left: 10px;
4252
padding-right: 10px;
4253
}
4254
/**********
4256
* Photos *
4257
**********/
4258
GdMainIconView.content-view {
4259
-GdMainIconView-icon-size: 48;
4260
}
4261
.documents-counter {
4263
margin: 8px;
4264
border-radius: 9999px;
4265
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
4266
background-color: #FF4081;
4267
color: #FFFFFF;
4268
font-weight: bold;
4269
}
4270
.documents-scrolledwin.frame {
4272
border-style: none;
4273
}
4274
.documents-scrolledwin.frame frame.content-view > border {
4276
border-style: none;
4277
}
4278
.photos-fade-in {
4280
opacity: 1;
4281
transition: opacity 0.2s cubic-bezier(0, 0, 0.2, 1);
4282
}
4283
.photos-fade-out {
4285
opacity: 0;
4286
transition: opacity 0.2s cubic-bezier(0, 0, 0.2, 1);
4287
}
4288
overlay grid.horizontal > revealer > scrolledwindow.frame:dir(ltr) {
4290
border-style: none none none solid;
4291
}
4292
overlay grid.horizontal > revealer > scrolledwindow.frame:dir(rtl) {
4294
border-style: none solid none none;
4295
}
4296
/*********
4298
* Music *
4299
*********/
4300
.side-panel:dir(ltr) {
4301
border-style: solid;
4302
border-color: rgba(0, 0, 0, 0.2);
4303
}
4304
.side-panel:dir(rtl) {
4306
border-style: solid;
4307
border-color: rgba(0, 0, 0, 0.2);
4308
}
4309
.side-panel .view {
4311
background-image: image(#596e79);
4312
}
4313
.side-panel .view:hover {
4315
background-image: image(#617580);
4316
}
4317
.side-panel .view:selected {
4319
background-image: image(#42A5F5);
4320
}
4321
.side-panel .view:selected:hover {
4323
background-image: image(#4baaf6);
4324
}
4325
.songs-list:hover {
4327
background-image: image(alpha(currentColor, 0.05));
4328
}
4329
frame.documents-dropdown {
4331
margin: 8px;
4332
}
4333
frame.documents-dropdown > border {
4335
border: none;
4336
}
4337
box.vertical > revealer > toolbar.search-bar {
4339
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
4340
background-clip: border-box;
4341
}
4342
box.vertical > revealer > toolbar.search-bar button > widget {
4344
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
4345
}
4346
/*********
4348
* To Do *
4349
*********/
4350
taskrow {
4351
transition: all 0.2s cubic-bezier(0, 0, 0.2, 1);
4352
margin: 0 -8px;
4353
}
4354
taskrow:hover {
4356
transition: none;
4357
}
4358
taskrow label {
4360
margin: 0 8px;
4361
}
4362
taskrow image {
4364
min-width: 16px;
4365
}
4366
task-list-view > box > revealer > box > button {
4368
margin: -6px;
4369
}
4370
/*******
4372
* eog *
4373
*******/
4374
#eog-thumb-nav scrolledwindow {
4375
border-top: none;
4376
}
4377
#eog-thumb-nav button {
4379
-gtk-outline-radius: 2px;
4380
}
4381
/*************
4383
* Evolution *
4384
*************/
4385
frame.taskbar > border {
4386
border-style: solid none none;
4387
}
4388
box.vertical > paned.horizontal notebook widget .frame {
4390
border-style: none;
4391
}
4392
/********
4394
* gitg *
4395
********/
4396
frame.commit-frame > border {
4397
border-style: solid none none;
4398
}
4399
/**************
4401
* Characters *
4402
**************/
4403
box.dialog-vbox scrolledwindow.related {
4404
border: 1px solid rgba(0, 0, 0, 0.2);
4405
}
4406
list.categories {
4408
background-image: image(#596e79);
4409
}
4410
/*********
4412
* Boxes *
4413
*********/
4414
.transparent-bg + stack overlay > label {
4415
min-height: 24px;
4416
padding: 0 4px;
4417
border-radius: 2px;
4418
background-color: rgba(0, 0, 0, 0.3);
4419
color: #FFFFFF;
4420
}
4421
/**************
4423
* Calculator *
4424
**************/
4425
button.title label {
4426
min-height: 36px;
4427
}
4428
/*********
4430
* Tilix *
4431
*********/
4432
overlay > revealer.left > scrolledwindow.frame,
4433
overlay > revealer.right > scrolledwindow.frame {
4434
border-style: none;
4435
box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22);
4436
}
4437
overlay > revealer.left > scrolledwindow.frame {
4439
margin-right: 32px;
4440
}
4441
overlay > revealer.right > scrolledwindow.frame {
4443
margin-left: 32px;
4444
}
4445
.terminix-session-sidebar,
4447
.tilix-session-sidebar {
4448
background-image: image(#596e79);
4449
}
4450
button.image-button.session-new-button {
4452
min-width: 32px;
4453
}
4454
/***********
4456
* Eclipse *
4457
***********/
4458
window.background > box.vertical > scrolledwindow > widget toolbar {
4459
padding: 2px;
4460
}
4461
window.background > box.vertical > scrolledwindow > widget toolbar separator,
4463
window.background > box.vertical > scrolledwindow > widget toolbar button {
4464
margin: 2px;
4465
}
4466
window.background > box.vertical > scrolledwindow > widget toolbar button {
4468
border-radius: 2px;
4469
}
4470
/***********
4472
* Firefox *
4473
***********/
4474
window.background:not(.csd) > widget > separator {
4475
color: rgba(0, 0, 0, 0.2);
4476
}
4477
window.background:not(.csd) > widget > scrollbar {
4479
background-clip: border-box;
4480
}
4481
window.background:not(.csd) > widget > scrollbar,
4483
window.background:not(.csd) > widget > frame > border {
4484
border-color: rgba(0, 0, 0, 0.2);
4485
}
4486
window.background:not(.csd) > widget > entry,
4488
window.background:not(.csd) > widget > button > button {
4489
border: 1px solid rgba(0, 0, 0, 0.2);
4490
border-radius: 3px;
4491
box-shadow: none;
4492
}
4493
window.background:not(.csd) > widget > entry {
4495
min-height: 30px;
4496
}
4497
window.background:not(.csd) > widget > entry:focus {
4499
border-color: #42A5F5;
4500
}
4501
window.background:not(.csd) > widget > button > button {
4503
padding: 4px 8px;
4504
background-size: auto;
4505
}
4506
window.background:not(.csd) > widget > button > button:hover {
4508
background-image: image(alpha(currentColor, 0.05));
4509
}
4510
window.background:not(.csd) > widget > button > button:active {
4512
background-image: image(alpha(currentColor, 0.1));
4513
}
4514
window.background:not(.csd) > window > menu,
4516
window.background:not(.csd) > menu > menu {
4517
border: none;
4518
}
4519
window.background:not(.csd) > widget > menubar {
4521
color: rgba(255, 255, 255, 0.7);
4522
}
4523
window.background:not(.csd) > widget > menubar:hover {
4525
color: #FFFFFF;
4526
}
4527
window.background:not(.csd) > widget > menubar:disabled {
4529
color: rgba(255, 255, 255, 0.3);
4530
}
4531
window.background:not(.csd) > widget > frame {
4533
color: rgba(0, 0, 0, 0.2);
4534
}
4535
window.background:not(.csd) > widget > checkbutton > check,
4537
window.background:not(.csd) > widget > radiobutton > radio {
4538
margin: 0;
4539
padding: 0;
4540
}
4541
window.background:not(.csd) > window.background > menu > separator {
4543
color: rgba(0, 0, 0, 0.2);
4544
}
4545
/***********
4547
* Synapse *
4548
***********/
4549
box.vertical > widget > widget:selected {
4550
background-color: #42A5F5;
4551
}
4552
/*********
4554
* Unity *
4555
*********/
4556
UnityDecoration {
4557
-UnityDecoration-extents: 28px 0 0 0;
4558
-UnityDecoration-input-extents: 8px;
4559
-UnityDecoration-shadow-offset-x: 0;
4560
-UnityDecoration-shadow-offset-y: 3px;
4561
-UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.48);
4562
-UnityDecoration-active-shadow-radius: 18px;
4563
-UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.32);
4564
-UnityDecoration-inactive-shadow-radius: 6px;
4565
-UnityDecoration-glow-size: 8px;
4566
-UnityDecoration-glow-color: #42A5F5;
4567
-UnityDecoration-title-indent: 4px;
4568
-UnityDecoration-title-fade: 32px;
4569
-UnityDecoration-title-alignment: 0.0;
4570
}
4571
UnityDecoration .top {
4573
padding: 0 2px;
4574
border-style: none;
4575
border-radius: 2px 2px 0 0;
4576
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
4577
background-color: #37474F;
4578
color: #FFFFFF;
4579
}
4580
UnityDecoration .top:backdrop {
4582
color: rgba(255, 255, 255, 0.7);
4583
}
4584
UnityDecoration .menuitem {
4586
color: rgba(255, 255, 255, 0.7);
4587
}
4588
UnityDecoration .menuitem:hover {
4590
box-shadow: inset 0 -2px currentColor;
4591
background-color: transparent;
4592
color: #FFFFFF;
4593
}
4594
.background:not(.csd) headerbar:not(.titlebar) {
4596
border-radius: 0;
4597
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
4598
}
4599
.background:not(.csd) headerbar:not(.titlebar).inline-toolbar {
4601
border-style: none;
4602
}
4603
UnityPanelWidget,
4605
.unity-panel {
4606
background-color: #263238;
4607
color: #FFFFFF;
4608
}
4609
UnityPanelWidget:backdrop,
4611
.unity-panel:backdrop {
4612
color: rgba(255, 255, 255, 0.7);
4613
}
4614
.unity-panel.menuitem,
4616
.unity-panel .menuitem {
4617
color: rgba(255, 255, 255, 0.7);
4618
}
4619
.unity-panel.menubar.menuitem:hover,
4621
.unity-panel.menubar .menuitem *:hover {
4622
box-shadow: inset 0 -2px currentColor;
4623
background-color: transparent;
4624
color: #FFFFFF;
4625
}
4626
.menu IdoPlaybackMenuItem.menuitem:active {
4628
-gtk-icon-source: -gtk-icontheme("process-working-symbolic");
4629
animation: spin 1s linear infinite;
4630
color: #42A5F5;
4631
}
4632
/**************
4634
* Mate-Panel *
4635
**************/
4636
.mate-panel-menu-bar menubar,
4637
#PanelApplet-window-menu-applet-button {
4638
background-color: transparent;
4639
}
4640
#PanelPlug,
4642
PanelToplevel.background {
4643
background-color: #263238;
4644
color: #FFFFFF;
4645
font-weight: 500;
4646
}
4647
PanelToplevel > widget > button {
4649
padding: 0 4px;
4650
border-radius: 0;
4651
}
4652
PanelSeparator {
4654
color: rgba(0, 0, 0, 0.2);
4655
}
4656
MatePanelAppletFrameDBus {
4658
border-style: solid;
4659
border-width: 0 1px;
4660
border-color: rgba(0, 0, 0, 0.2);
4661
}
4662
.mate-panel-menu-bar menubar menuitem {
4664
padding: 4px;
4665
}
4666
.mate-panel-menu-bar menubar menu menuitem {
4668
padding: 6px;
4669
}
4670
.mate-panel-menu-bar #PanelApplet button {
4672
-GtkWidget-window-dragging: true;
4673
padding: 4px;
4674
border-radius: 0;
4675
}
4676
PanelApplet.wnck-applet .wnck-pager {
4678
background-color: transparent;
4679
color: #40C4FF;
4680
}
4681
PanelApplet.wnck-applet .wnck-pager:hover {
4683
background-color: alpha(currentColor, 0.15);
4684
}
4685
PanelApplet.wnck-applet .wnck-pager:active {
4687
background-color: alpha(currentColor, 0.3);
4688
}
4689
PanelApplet.wnck-applet .wnck-pager:selected {
4691
background-color: #42A5F5;
4692
}
4693
#MatePanelPopupWindow {
4695
border: 1px solid rgba(0, 0, 0, 0.2);
4696
border-radius: 3px;
4697
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
4698
}
4699
#MatePanelPopupWindow frame > border {
4701
border-style: none;
4702
}
4703
#MatePanelPopupWindow ClockMap {
4705
border: 1px solid rgba(0, 0, 0, 0.2);
4706
}
4707
na-tray-applet {
4709
-NaTrayApplet-icon-padding: 3px;
4710
-NaTrayApplet-icon-size: 16;
4711
}
4712
.mate-panel-menu-bar {
4714
-PanelMenuBar-icon-visible: true;
4715
}
4716
.mate-panel-applet-slider {
4718
background-color: transparent;
4719
}
4720
.mate-panel-applet-slider frame {
4722
border: 1px solid rgba(0, 0, 0, 0.2);
4723
border-radius: 3px;
4724
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
4725
background-color: #44545c;
4726
}
4727
.mate-panel-applet-slider frame frame {
4729
all: unset;
4730
}
4731
.mate-panel-applet-slider frame > border {
4733
border-style: none;
4734
}
4735
/*********************
4737
* CAJA File manager *
4738
*********************/
4739
.caja-navigation-window button.toggle.image-button {
4740
border-radius: 2px;
4741
}
4742
.caja-pathbar button {
4744
margin: 0 -1px 0 -2px;
4745
}
4746
.caja-pathbar button > widget {
4748
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
4749
-GtkArrow-arrow-scaling: 1;
4750
}
4751
.caja-side-pane notebook viewport.frame,
4753
.caja-side-pane notebook widget .vertical {
4754
background-color: #50636c;
4755
}
4756
.caja-side-pane notebook,
4758
.caja-notebook {
4759
border-top: 1px solid rgba(0, 0, 0, 0.2);
4760
}
4761
.caja-side-pane notebook .frame,
4763
.caja-notebook .frame {
4764
border-style: none;
4765
}
4766
.caja-navigation-window statusbar {
4768
margin: 0 -10px;
4769
padding: 0 4px;
4770
border-top: 1px solid rgba(0, 0, 0, 0.2);
4771
}
4772
.caja-notebook frame > border {
4774
border-style: none;
4775
}
4776
#caja-extra-view-widget {
4778
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
4779
background-color: #44545c;
4780
}
4781
#caja-extra-view-widget > box > box > label {
4783
font-weight: bold;
4784
}
4785
/*********
4787
* Pluma *
4788
*********/
4789
.pluma-window statusbar {
4790
margin: 0 -10px;
4791
padding: 0 4px;
4792
border-top: 1px solid rgba(0, 0, 0, 0.2);
4793
}
4794
.pluma-window statusbar frame > border {
4796
border-style: none;
4797
}
4798
.pluma-window statusbar frame button.flat {
4800
padding: 0 4px;
4801
border-radius: 0;
4802
}
4803
.pluma-window statusbar frame button.flat widget {
4805
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
4806
-GtkArrow-arrow-scaling: 1;
4807
}
4808
.pluma-print-preview toolbar {
4810
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
4811
}
4812
.pluma-window paned.horizontal box.vertical box.horizontal button.flat {
4814
margin: 1px;
4815
}
4816
.pluma-window paned.horizontal box.vertical .frame {
4818
border-style: none;
4819
}
4820
.pluma-window paned.horizontal box.vertical notebook.frame {
4822
margin-top: -1px;
4823
border-top: 1px solid rgba(0, 0, 0, 0.2);
4824
}
4825
.pluma-window paned.horizontal box.vertical notebook.frame box.vertical toolbar.horizontal {
4827
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
4828
}
4829
/*********
4831
* Atril *
4832
*********/
4833
.atril-window paned.horizontal box.vertical .frame {
4834
border-style: none;
4835
}
4836
.atril-window paned.horizontal box.vertical notebook .frame {
4838
border-top: 1px solid rgba(0, 0, 0, 0.2);
4839
}
4840
/* mate-screensaver lock dialog */
4842
.lock-dialog {
4843
border-radius: 2px;
4844
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.1);
4845
}
4846
.lock-dialog frame > border {
4848
border-style: none;
4849
}
4850
/******************
4852
* Budgie Desktop *
4853
******************/
4854
.budgie-container {
4855
background-color: transparent;
4856
}
4857
.budgie-menu.background {
4859
padding: 0;
4860
background-color: #50636c;
4861
}
4862
.budgie-menu scrollbar,
4864
.budgie-menu entry.search {
4865
background-color: transparent;
4866
}
4867
.budgie-menu entry.search {
4869
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
4870
border-radius: 0;
4871
box-shadow: none;
4872
font-size: 120%;
4873
}
4874
.budgie-menu .categories:dir(ltr) {
4876
border-bottom-left-radius: 2px;
4877
}
4878
.budgie-menu .categories:dir(rtl) {
4880
border-bottom-right-radius: 2px;
4881
}
4882
.budgie-menu button {
4884
min-height: 32px;
4885
padding: 0 8px;
4886
border-radius: 0;
4887
color: #FFFFFF;
4888
font-weight: normal;
4889
}
4890
.budgie-menu button:disabled {
4892
color: rgba(255, 255, 255, 0.5);
4893
}
4894
.budgie-menu row {
4896
all: unset;
4897
}
4898
button.budgie-menu-launcher {
4900
padding: 0 2px;
4901
}
4902
popover.background.user-menu {
4904
padding: 8px;
4905
}
4906
popover.background.user-menu .content-box {
4908
background-color: transparent;
4909
}
4910
popover.background.user-menu separator {
4912
margin: 4px 0;
4913
}
4914
popover.background.user-menu row {
4916
padding: 0;
4917
box-shadow: none;
4918
background-image: none;
4919
}
4920
button.raven-trigger {
4922
padding: 0 4px;
4923
}
4924
popover.background.places-menu {
4926
padding: 8px;
4927
}
4928
popover.background.places-menu .name-button.text-button {
4930
padding-left: 8px;
4931
padding-right: 8px;
4932
}
4933
popover.background.places-menu .name-button.text-button image:dir(ltr) {
4935
margin-right: 3px;
4936
}
4937
popover.background.places-menu .name-button.text-button image:dir(rtl) {
4939
margin-left: 3px;
4940
}
4941
popover.background.places-menu .places-section-header > image:dir(ltr) {
4943
margin: 0 -2px 0 5px;
4944
}
4945
popover.background.places-menu .places-section-header > image:dir(rtl) {
4947
margin: 0 5px 0 -2px;
4948
}
4949
popover.background.places-menu .places-list {
4951
margin-top: 4px;
4952
padding-top: 4px;
4953
border-top: 1px solid rgba(0, 0, 0, 0.2);
4954
background-color: transparent;
4955
}
4956
popover.background.places-menu row {
4958
padding: 0;
4959
box-shadow: none;
4960
background-image: none;
4961
}
4962
.budgie-panel {
4964
background-color: #263238;
4965
color: #FFFFFF;
4966
font-weight: 500;
4967
}
4968
.budgie-panel button {
4970
border-radius: 0;
4971
}
4972
.budgie-panel separator {
4974
background-color: rgba(255, 255, 255, 0.3);
4975
}
4976
.budgie-panel .alert {
4978
color: #FF5252;
4979
}
4980
.budgie-panel #tasklist-button {
4982
padding: 0 4px;
4983
}
4984
.budgie-panel button.flat.launcher {
4986
padding: 0;
4987
}
4988
.top .budgie-panel #tasklist-button, .budgie-panel .top #tasklist-button, .top .budgie-panel button.flat.launcher, .budgie-panel .top button.flat.launcher {
4990
border-image: radial-gradient(circle closest-corner at center calc(1px), currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
4991
}
4992
.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
4994
.budgie-panel .pinned button.flat.launcher.running,
4995
.budgie-panel .pinned .top button.flat.launcher.running {
4996
border-image: radial-gradient(circle closest-corner at center calc(1px), currentColor 100%, transparent 0%) 2 0 0 0/2px 0 0 0;
4997
}
4998
.bottom .budgie-panel #tasklist-button, .budgie-panel .bottom #tasklist-button, .bottom .budgie-panel button.flat.launcher, .budgie-panel .bottom button.flat.launcher {
5000
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
5001
}
5002
.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
5004
.budgie-panel .pinned button.flat.launcher.running,
5005
.budgie-panel .pinned .bottom button.flat.launcher.running {
5006
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2 0/0 0 2px 0;
5007
}
5008
.left .budgie-panel #tasklist-button, .budgie-panel .left #tasklist-button, .left .budgie-panel button.flat.launcher, .budgie-panel .left button.flat.launcher {
5010
border-image: radial-gradient(circle closest-corner at calc(1px) center, currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
5011
}
5012
.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
5014
.budgie-panel .pinned button.flat.launcher.running,
5015
.budgie-panel .pinned .left button.flat.launcher.running {
5016
border-image: radial-gradient(circle closest-corner at calc(1px) center, currentColor 100%, transparent 0%) 0 2 0 0/0 2px 0 0;
5017
}
5018
.right .budgie-panel #tasklist-button, .budgie-panel .right #tasklist-button, .right .budgie-panel button.flat.launcher, .budgie-panel .right button.flat.launcher {
5020
border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
5021
}
5022
.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
5024
.budgie-panel .pinned button.flat.launcher.running,
5025
.budgie-panel .pinned .right button.flat.launcher.running {
5026
border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, currentColor 100%, transparent 0%) 0 0 0 2/0 0 0 2px;
5027
}
5028
frame.raven-frame > border {
5030
border-style: none;
5031
box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22);
5032
}
5033
.top frame.raven-frame > border {
5035
margin-bottom: 32px;
5036
}
5037
.bottom frame.raven-frame > border {
5039
margin-top: 32px;
5040
}
5041
.left frame.raven-frame > border {
5043
margin-right: 32px;
5044
}
5045
.right frame.raven-frame > border {
5047
margin-left: 32px;
5048
}
5049
.raven {
5051
background-color: #596e79;
5052
}
5053
.raven > stack {
5055
margin-bottom: -10px;
5056
}
5057
.raven stackswitcher.linked > button {
5059
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FFA726 0%, transparent 0%) 0 0 0/0 0 0px;
5060
border-radius: 0;
5061
}
5062
.raven stackswitcher.linked > button:checked {
5064
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FFA726 100%, transparent 0%) 0 0 2/0 0 2px;
5065
background-color: transparent;
5066
}
5067
.raven .raven-header {
5069
min-height: 36px;
5070
padding: 3px;
5071
}
5072
.raven .raven-header:not(.top) {
5074
margin-top: -6px;
5075
}
5076
.raven .raven-header.top {
5078
padding: 2px 0;
5079
background-color: #42A5F5;
5080
color: #FFFFFF;
5081
}
5082
.raven .raven-header.top stackswitcher button {
5084
margin: -6px 0;
5085
min-height: 36px;
5086
}
5087
.raven .raven-header.top button.image-button:dir(ltr) {
5089
margin-right: 2px;
5090
}
5091
.raven .raven-header.top button.image-button:dir(rtl) {
5093
margin-left: 2px;
5094
}
5095
.raven .raven-header.top > image {
5097
margin: 0 8px;
5098
}
5099
.raven .raven-header.top > label {
5101
margin: 0 -8px;
5102
font-weight: bold;
5103
}
5104
.raven .raven-header.bottom {
5106
border-top: 1px solid rgba(0, 0, 0, 0.2);
5107
}
5108
.raven viewport.frame .raven-header {
5110
margin-top: -8px;
5111
}
5112
.raven .raven-background {
5114
border-style: solid none;
5115
border-width: 1px;
5116
border-color: rgba(0, 0, 0, 0.2);
5117
background-color: #50636c;
5118
}
5119
.raven .raven-background.frame {
5121
border-style: solid none;
5122
}
5123
.raven .raven-background > overlay > image {
5125
color: rgba(255, 255, 255, 0.3);
5126
}
5127
.raven .raven-background grid > label:first-child {
5129
min-height: 36px;
5130
}
5131
.raven scrolledwindow.raven-background {
5133
border-bottom-style: none;
5134
}
5135
.raven .raven-header.top + .raven-background {
5137
border-style: none;
5138
background-color: #42A5F5;
5139
color: #FFFFFF;
5140
}
5141
.raven .raven-header.top + .raven-background stackswitcher button {
5143
margin: -4px 0;
5144
}
5145
.raven .powerstrip button {
5147
margin: 2px 0 1px;
5148
padding: 12px;
5149
}
5150
.raven .option-subtitle {
5152
font-size: smaller;
5153
}
5154
calendar.raven-calendar {
5156
border-style: none;
5157
background-color: transparent;
5158
}
5159
calendar.raven-calendar:selected {
5161
border-radius: 2px;
5162
background-color: #42A5F5;
5163
}
5164
.raven-mpris {
5166
background-color: rgba(0, 0, 0, 0.6);
5167
color: #FFFFFF;
5168
}
5169
.raven-mpris label {
5171
min-height: 24px;
5172
}
5173
.raven-mpris button.image-button {
5175
padding: 12px;
5176
}
5177
.budgie-notification-window, .budgie-osd-window, .budgie-switcher-window {
5179
background-color: transparent;
5180
}
5181
.budgie-notification .notification-title, .budgie-switcher .notification-title {
5183
font-size: 120%;
5184
}
5185
.budgie-osd .budgie-osd-text {
5187
font-size: 120%;
5188
}
5189
.drop-shadow {
5191
margin: 5px 9px;
5192
padding: 3px;
5193
border-radius: 2px;
5194
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.1);
5195
background-color: #596e79;
5196
}
5197
.drop-shadow .linked > button {
5199
border-radius: 2px;
5200
}
5201
.budgie-session-dialog, .budgie-polkit-dialog, .budgie-run-dialog {
5203
border-radius: 2px;
5204
background-color: #596e79;
5205
}
5206
.budgie-session-dialog decoration, .budgie-polkit-dialog decoration, .budgie-run-dialog decoration {
5208
border-radius: 2px;
5209
}
5210
.budgie-session-dialog label:not(:last-child),
5212
.budgie-session-dialog .dialog-title {
5213
font-size: 120%;
5214
}
5215
.budgie-session-dialog .linked.horizontal > button {
5217
padding: 8px 16px;
5218
border-top: 1px solid rgba(0, 0, 0, 0.2);
5219
border-radius: 0;
5220
}
5221
.budgie-session-dialog .linked.horizontal > button:first-child {
5223
border-bottom-left-radius: 2px;
5224
}
5225
.budgie-session-dialog .linked.horizontal > button:last-child {
5227
border-bottom-right-radius: 2px;
5228
}
5229
.budgie-polkit-dialog .message {
5231
color: rgba(255, 255, 255, 0.5);
5232
}
5233
.budgie-polkit-dialog .failure {
5235
color: #FF5252;
5236
}
5237
.budgie-run-dialog {
5239
background-color: #50636c;
5240
}
5241
.budgie-run-dialog entry.search {
5243
font-size: 120%;
5244
padding: 6px 14px;
5245
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
5246
background-color: transparent;
5247
}
5248
.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
5250
headerbar .subtitle,
5251
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 {
5252
opacity: 1;
5253
}
5254
.budgie-run-dialog scrolledwindow {
5256
border-top: 1px solid rgba(0, 0, 0, 0.2);
5257
}
5258
/************************
5260
* LightDM GTK+ Greeter *
5261
************************/
5262
#panel_window {
5263
background-color: rgba(0, 0, 0, 0.3);
5264
color: #FFFFFF;
5265
}
5266
#panel_window menubar,
5268
#panel_window separator {
5269
background-color: transparent;
5270
}
5271
#panel_window separator {
5273
padding: 0 4px;
5274
}
5275
#panel_window separator:first-child {
5277
padding: 0 8px;
5278
}
5279
#panel_window menubar > menuitem {
5281
color: rgba(255, 255, 255, 0.7);
5282
}
5283
#panel_window menubar > menuitem:hover {
5285
color: #FFFFFF;
5286
}
5287
#panel_window menubar > menuitem:disabled label {
5289
color: rgba(255, 255, 255, 0.3);
5290
}
5291
#login_window,
5293
#shutdown_dialog,
5294
#restart_dialog {
5295
margin: 8px;
5296
border-radius: 2px;
5297
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.1);
5298
background-color: #596e79;
5299
}
5300
#content_frame {
5302
padding-bottom: 20px;
5303
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
5304
}
5305
#buttonbox_frame {
5307
padding-top: 24px;
5308
}
5309
#buttonbox_frame button {
5311
margin: -16px;
5312
}
5313
#greeter_infobar {
5315
margin-top: -1px;
5316
}
5317
/* GTK NAMED COLORS
5319
----------------
5320
use responsibly! */
5321
/*
5322
widget text/foreground color */
5323
@define-color theme_fg_color #FFFFFF;
5324
/*
5325
text color for entries, views and content in general */
5326
@define-color theme_text_color #FFFFFF;
5327
/*
5328
widget base background color */
5329
@define-color theme_bg_color #44545c;
5330
/*
5331
text widgets and the like base background color */
5332
@define-color theme_base_color #50636c;
5333
/*
5334
base background color of selections */
5335
@define-color theme_selected_bg_color #42A5F5;
5336
/*
5337
text/foreground color of selections */
5338
@define-color theme_selected_fg_color #FFFFFF;
5339
/*
5340
base background color of insensitive widgets */
5341
@define-color insensitive_bg_color #44545c;
5342
/*
5343
text foreground color of insensitive widgets */
5344
@define-color insensitive_fg_color rgba(255, 255, 255, 0.5);
5345
/*
5346
insensitive text widgets and the like base background color */
5347
@define-color insensitive_base_color #4a5c64;
5348
/*
5349
widget text/foreground color on backdrop windows */
5350
@define-color theme_unfocused_fg_color #FFFFFF;
5351
/*
5352
text color for entries, views and content in general on backdrop windows */
5353
@define-color theme_unfocused_text_color #FFFFFF;
5354
/*
5355
widget base background color on backdrop windows */
5356
@define-color theme_unfocused_bg_color #44545c;
5357
/*
5358
text widgets and the like base background color on backdrop windows */
5359
@define-color theme_unfocused_base_color #50636c;
5360
/*
5361
base background color of selections on backdrop windows */
5362
@define-color theme_unfocused_selected_bg_color #42A5F5;
5363
/*
5364
text/foreground color of selections on backdrop windows */
5365
@define-color theme_unfocused_selected_fg_color #FFFFFF;
5366
/*
5367
insensitive color on backdrop windows */
5368
@define-color unfocused_insensitive_color rgba(255, 255, 255, 0.5);
5369
/*
5370
widgets main borders color */
5371
@define-color borders rgba(0, 0, 0, 0.2);
5372
/*
5373
widgets main borders color on backdrop windows */
5374
@define-color unfocused_borders rgba(0, 0, 0, 0.2);
5375
/*
5376
these are pretty self explicative */
5377
@define-color warning_color #FF6D00;
5378
@define-color error_color #DD2C00;
5379
@define-color success_color #00C853;
5380
/*
5381
FIXME this is really an API */
5382
@define-color content_view_bg #50636c;
5383
@define-color placeholder_text_color #cbd0d3;
5384