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.4);
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.4);
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.6);
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.4);
140
}
141
tab label:disabled,
143
button label:disabled {
144
color: inherit;
145
}
146
.dim-label, label.separator, .titlebar:not(headerbar) .subtitle,
148
headerbar .subtitle, .budgie-notification .notification-body, .budgie-switcher .notification-body {
149
opacity: 0.6;
150
}
151
assistant .sidebar {
153
padding: 4px 0;
154
}
155
assistant .sidebar label {
157
min-height: 32px;
158
padding: 0 12px;
159
color: rgba(255, 255, 255, 0.6);
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.4;
193
}
194
/****************
196
* Text Entries *
197
****************/
198
spinbutton:not(.vertical),
199
entry {
200
min-height: 32px;
201
padding: 0 8px;
202
border-radius: 2px;
203
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1);
204
border-image: none;
205
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
206
background-color: #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.4);
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 alpha(currentColor, 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 alpha(currentColor, 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 alpha(currentColor, 0.3);
245
background-color: transparent;
246
color: rgba(255, 255, 255, 0.4);
247
}
248
spinbutton:not(.vertical) image,
250
entry image {
251
color: alpha(currentColor, 0.75);
252
}
253
spinbutton:not(.vertical) image:hover, spinbutton:not(.vertical) image:active,
255
entry image:hover,
256
entry image:active {
257
color: currentColor;
258
}
259
spinbutton:not(.vertical) image:disabled,
261
entry image:disabled {
262
color: alpha(currentColor, 0.6);
263
}
264
spinbutton:not(.vertical) image.left,
266
entry image.left {
267
margin-left: 0px;
268
margin-right: 6px;
269
}
270
spinbutton:not(.vertical) image.right,
272
entry image.right {
273
margin-left: 6px;
274
margin-right: 0px;
275
}
276
spinbutton:not(.vertical) undershoot.left,
278
entry undershoot.left {
279
background-color: transparent;
280
background-image: linear-gradient(to top, rgba(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.4);
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 alpha(currentColor, 0.3);
342
background-color: transparent;
343
color: rgba(255, 255, 255, 0.4);
344
}
345
spinbutton.warning:not(.vertical),
347
entry.warning {
348
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1);
349
border-image: none;
350
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
351
background-color: #FF6D00;
352
color: #FFFFFF;
353
}
354
spinbutton.warning:focus:not(.vertical),
356
entry.warning:focus {
357
border-image: none;
358
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
359
}
360
spinbutton.warning:disabled:not(.vertical),
362
entry.warning:disabled {
363
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
364
background-color: #4a5c64;
365
color: rgba(255, 255, 255, 0.4);
366
}
367
spinbutton.warning.flat:not(.vertical), notebook > stack:not(:only-child) entry.warning:not(.search),
369
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,
370
entry.warning.flat {
371
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
372
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FF6D00 0%, transparent 0%) 0 0 0/0 0 0px;
373
box-shadow: inset 0 -1px #FF6D00;
374
background-color: transparent;
375
color: #FFFFFF;
376
}
377
spinbutton.warning.flat:focus:not(.vertical), notebook > stack:not(:only-child) entry.warning:focus:not(.search),
379
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,
380
entry.warning.flat:focus {
381
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FF6D00 100%, transparent 0%) 0 0 2/0 0 2px;
382
box-shadow: inset 0 -1px #FF6D00;
383
}
384
spinbutton.warning.flat:disabled:not(.vertical), notebook > stack:not(:only-child) entry.warning:disabled:not(.search),
386
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,
387
entry.warning.flat:disabled {
388
box-shadow: inset 0 -1px alpha(currentColor, 0.3);
389
background-color: transparent;
390
color: rgba(255, 255, 255, 0.4);
391
}
392
spinbutton:not(.vertical) progress,
394
entry progress {
395
margin: 2px -6px;
396
border-bottom: 2px solid #42A5F5;
397
background-color: transparent;
398
}
399
.linked:not(.vertical) > spinbutton.flat:not(.vertical), notebook > stack:not(:only-child) .linked:not(.vertical) > entry:not(.search),
401
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,
402
.linked.vertical > spinbutton.flat:not(.vertical), notebook > stack:not(:only-child)
403
.linked.vertical > entry:not(.search),
404
notebook > stack:not(:only-child)
405
.linked.vertical > spinbutton:not(.vertical), messagedialog
406
.linked.vertical > entry, colorchooser .popover.osd
407
.linked.vertical > spinbutton:not(.vertical),
408
.linked.vertical > entry.preferences-search, layoutpane
409
.linked.vertical > entry.search, editortweak
410
.linked.vertical > entry.search, .raven .raven-background
411
.linked.vertical > spinbutton:not(.vertical), #login_window
412
.linked.vertical > entry, .linked:not(.vertical) >
413
entry.flat,
414
.linked.vertical >
415
entry.flat {
416
border-radius: 0;
417
}
418
treeview entry.flat, treeview entry {
420
min-height: 0;
421
padding: 2px;
422
border-radius: 0;
423
background-color: #50636c;
424
}
425
treeview entry.flat, treeview entry.flat:focus, treeview entry, treeview entry:focus {
427
border-image: none;
428
box-shadow: none;
429
}
430
.entry-tag, .documents-entry-tag, .photos-entry-tag {
432
margin: 4px;
433
border-radius: 9999px;
434
box-shadow: none;
435
background-color: #42A5F5;
436
color: #FFFFFF;
437
}
438
.entry-tag:hover, .documents-entry-tag:hover, .photos-entry-tag:hover {
440
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
441
}
442
:dir(ltr) .entry-tag, :dir(ltr) .documents-entry-tag, :dir(ltr) .photos-entry-tag {
444
margin-left: 8px;
445
margin-right: -4px;
446
padding-left: 8px;
447
padding-right: 4px;
448
}
449
:dir(rtl) .entry-tag, :dir(rtl) .documents-entry-tag, :dir(rtl) .photos-entry-tag {
451
margin-left: -4px;
452
margin-right: 8px;
453
padding-left: 4px;
454
padding-right: 8px;
455
}
456
.entry-tag.button, .button.documents-entry-tag, .button.photos-entry-tag {
458
box-shadow: none;
459
background-color: transparent;
460
}
461
.entry-tag.button:not(:hover):not(:active), .button.documents-entry-tag:not(:hover):not(:active), .button.photos-entry-tag:not(:hover):not(:active) {
463
color: rgba(255, 255, 255, 0.75);
464
}
465
/***********
467
* Buttons *
468
***********/
469
@keyframes needs_attention {
470
from {
471
background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#FF4081), to(transparent));
472
}
473
to {
474
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#FF4081), to(transparent));
475
}
476
}
477
button {
480
min-height: 24px;
481
min-width: 16px;
482
padding: 4px 8px;
483
border-radius: 2px;
484
font-weight: 500;
485
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);
486
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;
487
background-color: #596e79;
488
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
489
background-repeat: no-repeat;
490
background-position: center;
491
background-size: 1000% 1000%;
492
color: rgba(255, 255, 255, 0.75);
493
}
494
button:hover {
497
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;
498
color: #FFFFFF;
499
}
500
button:active {
503
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
504
animation: ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1) forwards;
505
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);
506
background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.15) 10%, transparent 0%);
507
background-size: 0% 0%;
508
color: #FFFFFF;
509
}
510
button:disabled {
513
box-shadow: none;
514
background-color: alpha(currentColor, 0.3);
515
color: rgba(255, 255, 255, 0.3);
516
}
517
button:checked {
520
background-color: #42A5F5;
521
color: #FFFFFF;
522
}
523
button:checked:disabled {
526
background-color: alpha(currentColor, 0.3);
527
color: rgba(66, 165, 245, 0.4);
528
}
529
modelbutton.flat,
531
.menuitem.button.flat, spinbutton:not(.vertical) button, spinbutton.vertical button, popover.background.menu button,
532
popover.background button.model, notebook > header > tabs > arrow, scrollbar button, check,
533
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)
534
.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),
535
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,
536
button.flat {
537
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);
538
box-shadow: inset 0 0 0 9999px transparent;
539
background-color: transparent;
540
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
541
background-repeat: no-repeat;
542
background-position: center;
543
background-size: 1000% 1000%;
544
color: alpha(currentColor, 0.75);
545
}
546
modelbutton.flat:hover,
548
.menuitem.button.flat:hover, spinbutton:not(.vertical) button:hover, spinbutton.vertical button:hover, popover.background.menu button:hover,
549
popover.background button.model:hover, notebook > header > tabs > arrow:hover, scrollbar button:hover, check:hover,
550
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)
551
.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),
552
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,
553
button.flat:hover {
554
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.15);
555
color: currentColor;
556
}
557
modelbutton.flat:active,
559
.menuitem.button.flat:active, spinbutton:not(.vertical) button:active, spinbutton.vertical button:active, popover.background.menu button:active,
560
popover.background button.model:active, notebook > header > tabs > arrow:active, scrollbar button:active, check:active,
561
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)
562
.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),
563
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,
564
button.flat:active {
565
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
566
animation: ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1) forwards;
567
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.15);
568
background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.15) 10%, transparent 0%);
569
background-size: 0% 0%;
570
color: currentColor;
571
}
572
modelbutton.flat:disabled,
574
.menuitem.button.flat:disabled, spinbutton:not(.vertical) button:disabled, spinbutton.vertical button:disabled, popover.background.menu button:disabled,
575
popover.background button.model:disabled, notebook > header > tabs > arrow:disabled, scrollbar button:disabled, check:disabled,
576
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)
577
.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),
578
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,
579
button.flat:disabled {
580
box-shadow: none;
581
background-color: transparent;
582
color: alpha(currentColor, 0.3);
583
}
584
:not(headerbar) .caja-pathbar button:checked, .caja-pathbar :not(headerbar) button:checked, :not(headerbar)
586
.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),
587
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,
588
button.flat:checked {
589
background-color: alpha(currentColor, 0.3);
590
color: currentColor;
591
}
592
:not(headerbar) .caja-pathbar button:checked:disabled, .caja-pathbar :not(headerbar) button:checked:disabled, :not(headerbar)
594
.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),
595
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,
596
button.flat:checked:disabled {
597
background-color: alpha(currentColor, 0.3);
598
color: alpha(currentColor, 0.4);
599
}
600
button.text-button {
603
padding-left: 16px;
604
padding-right: 16px;
605
}
606
button.image-button {
609
min-width: 24px;
610
padding: 4px;
611
}
612
button.text-button.image-button {
615
border-radius: 2px;
616
-gtk-outline-radius: 2px;
617
}
618
button.text-button.image-button label:first-child {
621
margin-left: 12px;
622
}
623
button.text-button.image-button label:last-child {
626
margin-right: 12px;
627
}
628
button.text-button.image-button image:not(:only-child) {
631
margin: 0 4px;
632
}
633
toolbar .linked > button, .titlebar:not(headerbar) .linked > button:not(.suggested-action):not(.destructive-action),
635
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
636
.linked.vertical > button, .titlebar:not(headerbar)
637
.linked.vertical > button:not(.suggested-action):not(.destructive-action),
638
headerbar
639
.linked.vertical > button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box
640
.linked.vertical > button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification
641
.linked.vertical > button, .linked >
642
button.flat,
643
.linked.vertical >
644
button.flat {
645
border-radius: 2px;
646
}
647
toolbar .linked > button.text-button.image-button, .titlebar:not(headerbar) .linked > button.text-button.image-button:not(.suggested-action):not(.destructive-action),
649
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
650
.linked.vertical > button.text-button.image-button, .titlebar:not(headerbar)
651
.linked.vertical > button.text-button.image-button:not(.suggested-action):not(.destructive-action),
652
headerbar
653
.linked.vertical > button.text-button.image-button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box
654
.linked.vertical > button.text-button.image-button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification
655
.linked.vertical > button.text-button.image-button, .linked >
656
button.flat.text-button.image-button,
657
.linked.vertical >
658
button.flat.text-button.image-button {
659
border-radius: 2px;
660
-gtk-outline-radius: 2px;
661
}
662
infobar.info button:disabled, infobar.question button:disabled, infobar.warning button:disabled, infobar.error button:disabled, row:selected
664
button:disabled {
665
color: rgba(255, 255, 255, 0.3);
666
}
667
button.osd {
670
padding: 10px 14px;
671
}
672
button.osd.image-button {
675
padding: 10px;
676
}
677
button.osd:disabled {
680
opacity: 0;
681
}
682
button.suggested-action {
685
background-color: #FF4081;
686
color: #FFFFFF;
687
}
688
button.suggested-action:disabled {
691
box-shadow: none;
692
background-color: alpha(currentColor, 0.3);
693
color: rgba(255, 255, 255, 0.4);
694
}
695
button.suggested-action:checked {
698
background-color: #ff79a7;
699
}
700
button.suggested-action.flat {
703
background-color: transparent;
704
color: #FF4081;
705
}
706
button.suggested-action.flat:disabled {
709
box-shadow: none;
710
background-color: transparent;
711
color: alpha(currentColor, 0.4);
712
}
713
button.suggested-action.flat:checked {
716
background-color: alpha(currentColor, 0.3);
717
}
718
button.destructive-action {
721
background-color: #FF5252;
722
color: #FFFFFF;
723
}
724
button.destructive-action:disabled {
727
box-shadow: none;
728
background-color: alpha(currentColor, 0.3);
729
color: rgba(255, 255, 255, 0.4);
730
}
731
button.destructive-action:checked {
734
background-color: #ff8686;
735
}
736
button.destructive-action.flat {
739
background-color: transparent;
740
color: #FF5252;
741
}
742
button.destructive-action.flat:disabled {
745
box-shadow: none;
746
background-color: transparent;
747
color: alpha(currentColor, 0.4);
748
}
749
button.destructive-action.flat:checked {
752
background-color: alpha(currentColor, 0.3);
753
}
754
.stack-switcher >
756
button {
757
outline-offset: -4px;
758
}
759
.stack-switcher >
761
button > label {
762
padding-left: 6px;
763
padding-right: 6px;
764
}
765
.stack-switcher >
767
button > image {
768
padding-left: 6px;
769
padding-right: 6px;
770
padding-top: 3px;
771
padding-bottom: 3px;
772
}
773
.stack-switcher >
775
button.text-button {
776
padding-left: 10px;
777
padding-right: 10px;
778
}
779
.stack-switcher >
781
button.image-button {
782
padding-left: 2px;
783
padding-right: 2px;
784
}
785
.stack-switcher >
787
button.needs-attention:checked > label,
788
.stack-switcher >
789
button.needs-attention:checked > image {
790
animation: none;
791
background-image: none;
792
}
793
.primary-toolbar
795
button {
796
-gtk-icon-shadow: none;
797
}
798
button.image-button, toolbar .linked > button.image-button, .titlebar:not(headerbar) .linked > button.image-button:not(.suggested-action):not(.destructive-action),
801
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
802
.linked.vertical > button.image-button,
803
headerbar
804
.linked.vertical > button.image-button:not(.suggested-action):not(.destructive-action), .app-notification
805
.linked.vertical > button.image-button, .linked > button.flat.image-button,
806
.linked.vertical > button.flat.image-button, .inline-toolbar button:not(.text-button), check,
807
radio, button.titlebutton, .nautilus-window headerbar > revealer > button, .raven .raven-header:not(.top) button.image-button, .raven .expander-button,
808
button.close,
809
button.circular {
810
border-radius: 9999px;
811
-gtk-outline-radius: 9999px;
812
}
813
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 {
815
min-height: 20px;
816
min-width: 20px;
817
padding: 0;
818
border-radius: 9999px;
819
-gtk-outline-radius: 9999px;
820
}
821
.stack-switcher >
823
button.needs-attention > label,
824
.stack-switcher >
825
button.needs-attention > image, stacksidebar row.needs-attention > label {
826
animation: needs_attention 0.3s cubic-bezier(0, 0, 0.2, 1) forwards;
827
background-repeat: no-repeat;
828
background-position: right 3px;
829
background-size: 6px 6px;
830
}
831
.stack-switcher >
833
button.needs-attention > label:dir(rtl),
834
.stack-switcher >
835
button.needs-attention > image:dir(rtl), stacksidebar row.needs-attention > label:dir(rtl) {
836
background-position: left 3px;
837
}
838
.linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry, .linked > button, .linked:not(.vertical) > combobox > box > button.combo {
840
border-radius: 0;
841
-gtk-outline-radius: 2px;
842
}
843
.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 {
845
border-top-left-radius: 2px;
846
border-bottom-left-radius: 2px;
847
}
848
.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 {
850
border-top-right-radius: 2px;
851
border-bottom-right-radius: 2px;
852
}
853
.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 {
855
border-radius: 2px;
856
}
857
.linked.vertical > spinbutton:not(.vertical), .linked.vertical > entry, .linked.vertical > button, .linked.vertical > combobox > box > button.combo {
859
border-radius: 0;
860
-gtk-outline-radius: 2px;
861
}
862
.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 {
864
border-top-left-radius: 2px;
865
border-top-right-radius: 2px;
866
}
867
.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 {
869
border-bottom-left-radius: 2px;
870
border-bottom-right-radius: 2px;
871
}
872
.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 {
874
border-radius: 2px;
875
}
876
/* menu buttons */
878
modelbutton.flat,
879
.menuitem.button.flat {
880
min-height: 28px;
881
padding: 0 8px;
882
border-radius: 2px;
883
color: inherit;
884
}
885
modelbutton.flat arrow {
887
background: none;
888
}
889
modelbutton.flat arrow:hover {
891
background: none;
892
}
893
modelbutton.flat arrow.left {
895
-gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
896
}
897
modelbutton.flat arrow.right {
899
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
900
}
901
button.color {
903
min-height: 20px;
904
min-width: 20px;
905
padding: 6px;
906
}
907
/*********
909
* Links *
910
*********/
911
*:link, button:link,
912
button:visited, *:link:hover, button:hover:link,
913
button:hover:visited, *:link:active, button:active:link,
914
button:active:visited {
915
color: #42A5F5;
916
}
917
*:link:visited,
919
button:visited, *:link:visited:hover,
920
button:visited:hover, *:link:visited:active,
921
button:visited:active {
922
color: #E040FB;
923
}
924
infobar.info *:link, infobar.info button:link, infobar.info
926
button:visited, infobar.question *:link, infobar.question button:link, infobar.question
927
button:visited, infobar.warning *:link, infobar.warning button:link, infobar.warning
928
button:visited, infobar.error *:link, infobar.error button:link, infobar.error
929
button:visited, *:link:selected, button:selected:link,
930
button:selected:visited, .selection-mode.titlebar:not(headerbar) .subtitle:link,
931
headerbar.selection-mode .subtitle:link,
932
*:selected *:link,
933
*:selected button:link,
934
*:selected
935
button:visited {
936
color: #FFFFFF;
937
}
938
button:link > label,
940
button:visited > label {
941
text-decoration-line: underline;
942
}
943
/*****************
945
* GtkSpinButton *
946
*****************/
947
spinbutton:not(.vertical) {
948
padding: 0;
949
}
950
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,
952
spinbutton:not(.vertical) entry {
953
min-width: 28px;
954
margin: 0;
955
border-image: none;
956
border-radius: 0;
957
box-shadow: none;
958
background-color: transparent;
959
}
960
spinbutton:not(.vertical) button {
962
border: solid 6px transparent;
963
}
964
spinbutton:not(.vertical) button.up:dir(ltr), spinbutton:not(.vertical) button.down:dir(rtl) {
966
margin-left: -3px;
967
}
968
spinbutton:not(.vertical) button.up:dir(rtl), spinbutton:not(.vertical) button.down:dir(ltr) {
970
margin-right: -3px;
971
}
972
spinbutton.vertical:disabled {
974
color: rgba(255, 255, 255, 0.4);
975
}
976
spinbutton.vertical:drop(active) {
978
box-shadow: none;
979
}
980
spinbutton.vertical entry {
982
min-height: 32px;
983
min-width: 44px;
984
padding: 0;
985
}
986
spinbutton.vertical button {
988
min-height: 32px;
989
min-width: 44px;
990
padding: 0;
991
}
992
spinbutton.vertical button.up {
994
border-radius: 2px 2px 0 0;
995
}
996
spinbutton.vertical button.down {
998
border-radius: 0 0 2px 2px;
999
}
1000
treeview spinbutton:not(.vertical) {
1002
min-height: 0;
1003
border-style: none;
1004
border-radius: 0;
1005
}
1006
treeview spinbutton:not(.vertical) entry {
1008
min-height: 0;
1009
padding: 1px 2px;
1010
}
1011
/**************
1013
* ComboBoxes *
1014
**************/
1015
combobox arrow {
1016
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
1017
min-height: 16px;
1018
min-width: 16px;
1019
}
1020
combobox decoration,
1022
combobox button.combo:checked {
1023
transition: none;
1024
}
1025
combobox button.combo cellview:dir(ltr) {
1027
margin-left: 0px;
1028
}
1029
combobox button.combo cellview:dir(rtl) {
1031
margin-right: 0px;
1032
}
1033
combobox #gtk-combobox-popup-menu {
1035
padding: 2px 0;
1036
}
1037
combobox #gtk-combobox-popup-menu menuitem {
1039
min-height: 28px;
1040
padding: 0 8px;
1041
}
1042
combobox #gtk-combobox-popup-menu > arrow.top {
1044
margin-top: -2px;
1045
}
1046
combobox #gtk-combobox-popup-menu > arrow.bottom {
1048
margin-bottom: -6px;
1049
}
1050
combobox:drop(active) {
1052
box-shadow: none;
1053
}
1054
notebook > stack:not(:only-child) button.combo, .raven .raven-background button.combo, #login_window #user_combobox button {
1056
border-radius: 0;
1057
background-image: none;
1058
font-weight: inherit;
1059
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
1060
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #42A5F5 0%, transparent 0%) 0 0 0/0 0 0px;
1061
box-shadow: inset 0 -1px alpha(currentColor, 0.3);
1062
background-color: transparent;
1063
color: #FFFFFF;
1064
}
1065
notebook > stack:not(:only-child) button.combo:hover, .raven .raven-background button.combo:hover, #login_window #user_combobox button:hover {
1067
box-shadow: inset 0 -2px alpha(currentColor, 0.3);
1068
}
1069
notebook > stack:not(:only-child) button.combo:checked, .raven .raven-background button.combo:checked, #login_window #user_combobox button:checked {
1071
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #42A5F5 100%, transparent 0%) 0 0 2/0 0 2px;
1072
}
1073
notebook > stack:not(:only-child) button.combo:disabled, .raven .raven-background button.combo:disabled, #login_window #user_combobox button:disabled {
1075
color: rgba(255, 255, 255, 0.4);
1076
}
1077
/************
1079
* Toolbars *
1080
************/
1081
toolbar {
1082
-GtkWidget-window-dragging: true;
1083
padding: 3px;
1084
background-color: #44545c;
1085
}
1086
.osd toolbar {
1088
background-color: transparent;
1089
}
1090
toolbar.osd, .app-notification, frame.documents-dropdown {
1092
transition: box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1);
1093
padding: 6px;
1094
border-radius: 2px;
1095
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);
1096
background-color: #50636c;
1097
}
1098
toolbar.osd:backdrop, .app-notification:backdrop, frame.documents-dropdown:backdrop {
1100
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);
1101
}
1102
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 {
1104
border-radius: 0;
1105
}
1106
toolbar.horizontal separator {
1108
margin: 3px;
1109
}
1110
toolbar.vertical separator {
1112
margin: 3px;
1113
}
1114
toolbar:not(.inline-toolbar):not(.osd) scale,
1116
toolbar:not(.inline-toolbar):not(.osd) entry,
1117
toolbar:not(.inline-toolbar):not(.osd) spinbutton,
1118
toolbar:not(.inline-toolbar):not(.osd) button {
1119
margin: 3px;
1120
}
1121
toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:first-child),
1123
toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:first-child),
1124
toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:first-child) {
1125
margin-left: 0;
1126
}
1127
toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:last-child),
1129
toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:last-child),
1130
toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:last-child) {
1131
margin-right: 0;
1132
}
1133
toolbar:not(.inline-toolbar):not(.osd) switch {
1135
margin: 9px 3px;
1136
}
1137
.inline-toolbar {
1139
padding: 6px;
1140
border-style: solid;
1141
border-width: 0 1px 1px;
1142
border-color: rgba(0, 0, 0, 0.2);
1143
background-color: #4a5c64;
1144
}
1145
searchbar,
1147
.location-bar {
1148
padding: 6px;
1149
border-style: solid;
1150
border-width: 0 0 1px;
1151
border-color: rgba(0, 0, 0, 0.2);
1152
background-color: #44545c;
1153
background-clip: border-box;
1154
}
1155
/***************
1157
* Header bars *
1158
***************/
1159
.titlebar:not(headerbar),
1160
headerbar {
1161
transition: background-color 0.2s cubic-bezier(0, 0, 0.2, 1);
1162
min-height: 44px;
1163
padding: 0 6px;
1164
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);
1165
background-color: #37474F;
1166
color: #FFFFFF;
1167
}
1168
.titlebar:disabled:not(headerbar) :not(button) > label,
1170
headerbar:disabled :not(button) > label {
1171
color: rgba(255, 255, 255, 0.4);
1172
}
1173
.titlebar:backdrop:not(headerbar),
1175
headerbar:backdrop {
1176
color: rgba(255, 255, 255, 0.75);
1177
}
1178
.titlebar:backdrop:disabled:not(headerbar) :not(button) > label,
1180
headerbar:backdrop:disabled :not(button) > label {
1181
color: rgba(255, 255, 255, 0.3);
1182
}
1183
.titlebar:not(headerbar) .title,
1185
headerbar .title {
1186
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
1187
padding: 0 12px;
1188
font-weight: bold;
1189
}
1190
.titlebar:not(headerbar) .subtitle,
1192
headerbar .subtitle {
1193
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
1194
padding: 0 12px;
1195
font-size: smaller;
1196
}
1197
.titlebar:not(headerbar) .linked:not(.vertical) > entry:not(.flat),
1199
headerbar .linked:not(.vertical) > entry:not(.flat) {
1200
border-radius: 2px;
1201
}
1202
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action),
1204
headerbar button:not(.suggested-action):not(.destructive-action) {
1205
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0/0 0 0px;
1206
}
1207
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked,
1209
headerbar button:not(.suggested-action):not(.destructive-action):checked {
1210
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2/0 0 2px;
1211
}
1212
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked:disabled,
1214
headerbar button:not(.suggested-action):not(.destructive-action):checked,
1215
headerbar button:not(.suggested-action):not(.destructive-action):checked:disabled {
1216
background-color: transparent;
1217
}
1218
.titlebar:not(headerbar) button.suggested-action:disabled, .titlebar:not(headerbar) button.destructive-action:disabled,
1220
headerbar button.suggested-action:disabled,
1221
headerbar button.destructive-action:disabled {
1222
color: alpha(currentColor, 0.4);
1223
}
1224
.selection-mode.titlebar:not(headerbar),
1226
headerbar.selection-mode {
1227
transition: background-color 0.00001s 0.3s;
1228
animation: header_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1);
1229
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);
1230
background-color: #42A5F5;
1231
color: #FFFFFF;
1232
}
1233
.selection-mode.titlebar:backdrop:not(headerbar),
1235
headerbar.selection-mode:backdrop {
1236
color: rgba(255, 255, 255, 0.75);
1237
}
1238
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action),
1240
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action) {
1241
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0/0 0 0px;
1242
color: currentColor;
1243
}
1244
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):disabled,
1246
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):disabled {
1247
color: alpha(currentColor, 0.4);
1248
}
1249
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked,
1251
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):checked {
1252
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2/0 0 2px;
1253
color: currentColor;
1254
}
1255
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked:disabled,
1257
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):checked:disabled {
1258
color: alpha(currentColor, 0.4);
1259
}
1260
.selection-mode.titlebar:not(headerbar) .selection-menu,
1262
headerbar.selection-mode .selection-menu {
1263
padding-left: 16px;
1264
padding-right: 16px;
1265
}
1266
.selection-mode.titlebar:not(headerbar) .selection-menu GtkArrow,
1268
headerbar.selection-mode .selection-menu GtkArrow {
1269
-GtkArrow-arrow-scaling: 1;
1270
}
1271
.selection-mode.titlebar:not(headerbar) .selection-menu .arrow,
1273
headerbar.selection-mode .selection-menu .arrow {
1274
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
1275
}
1276
.fullscreen .titlebar:not(headerbar),
1278
.tiled .titlebar:not(headerbar),
1279
.maximized .titlebar:not(headerbar), .fullscreen
1280
headerbar,
1281
.tiled
1282
headerbar,
1283
.maximized
1284
headerbar {
1285
border-radius: 0;
1286
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
1287
}
1288
.default-decoration.titlebar:not(headerbar),
1290
headerbar.default-decoration {
1291
min-height: 20px;
1292
padding: 6px;
1293
box-shadow: inset 0 1px rgba(255, 255, 255, 0.15);
1294
}
1295
.fullscreen .default-decoration.titlebar:not(headerbar),
1297
.tiled .default-decoration.titlebar:not(headerbar),
1298
.maximized .default-decoration.titlebar:not(headerbar), .fullscreen
1299
headerbar.default-decoration,
1300
.tiled
1301
headerbar.default-decoration,
1302
.maximized
1303
headerbar.default-decoration {
1304
box-shadow: none;
1305
}
1306
.default-decoration.titlebar:not(headerbar) button.titlebutton,
1308
headerbar.default-decoration button.titlebutton {
1309
min-height: 20px;
1310
min-width: 20px;
1311
margin: 0;
1312
padding: 0;
1313
}
1314
.background:not(.csd) .default-decoration.titlebar:not(headerbar) button.titlebutton:active, .background:not(.csd)
1316
headerbar.default-decoration button.titlebutton:active {
1317
background-size: 1000% 1000%;
1318
}
1319
headerbar entry,
1321
headerbar spinbutton,
1322
headerbar button {
1323
margin-top: 6px;
1324
margin-bottom: 6px;
1325
}
1326
headerbar switch {
1328
margin-top: 12px;
1329
margin-bottom: 12px;
1330
}
1331
headerbar spinbutton button {
1333
margin-top: 0;
1334
margin-bottom: 0;
1335
}
1336
.background:not(.tiled):not(.maximized):not(.fullscreen):not(.solid-csd) .titlebar {
1338
border-top-left-radius: 2px;
1339
border-top-right-radius: 2px;
1340
}
1341
window:not(.tiled):not(.maximized):not(.fullscreen):not(.solid-csd) separator:first-child + headerbar,
1343
window:not(.tiled):not(.maximized):not(.fullscreen):not(.solid-csd) headerbar:first-child {
1344
border-top-left-radius: 2px;
1345
}
1346
window:not(.tiled):not(.maximized):not(.fullscreen):not(.solid-csd) headerbar:last-child {
1348
border-top-right-radius: 2px;
1349
}
1350
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 {
1352
border-top-left-radius: 2px;
1353
border-top-right-radius: 2px;
1354
}
1355
window.csd > .titlebar:not(headerbar) {
1357
padding: 0;
1358
background-color: transparent;
1359
background-image: none;
1360
border-style: none;
1361
box-shadow: none;
1362
}
1363
.titlebar:not(headerbar) > separator {
1365
background-color: #37474F;
1366
background-image: image(rgba(0, 0, 0, 0.2));
1367
}
1368
/************
1370
* Pathbars *
1371
************/
1372
.caja-pathbar button,
1373
.path-bar button {
1374
padding-left: 4px;
1375
padding-right: 4px;
1376
}
1377
.caja-pathbar button label:not(:only-child):first-child,
1379
.path-bar button label:not(:only-child):first-child {
1380
margin-left: 4px;
1381
}
1382
.caja-pathbar button label:not(:only-child):last-child,
1384
.path-bar button label:not(:only-child):last-child {
1385
margin-right: 4px;
1386
}
1387
.caja-pathbar button.slider-button,
1389
.path-bar button.slider-button {
1390
padding-left: 4px;
1391
padding-right: 4px;
1392
}
1393
:not(headerbar) .caja-pathbar button, .caja-pathbar :not(headerbar) button, :not(headerbar)
1395
.path-bar button {
1396
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #42A5F5 0%, transparent 0%) 0 0 0/0 0 0px;
1397
border-radius: 2px;
1398
}
1399
:not(headerbar) .caja-pathbar button:checked, .caja-pathbar :not(headerbar) button:checked, :not(headerbar)
1401
.path-bar button:checked {
1402
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #42A5F5 100%, transparent 0%) 0 0 2/0 0 2px;
1403
}
1404
: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)
1406
.path-bar button:checked, :not(headerbar)
1407
.path-bar button:checked:disabled {
1408
background-color: transparent;
1409
}
1410
/**************
1412
* Tree Views *
1413
**************/
1414
treeview.view {
1415
border-left-color: alpha(currentColor, 0.3);
1416
border-top-color: rgba(0, 0, 0, 0.2);
1417
}
1418
* {
1420
-GtkTreeView-horizontal-separator: 4;
1421
-GtkTreeView-grid-line-width: 1;
1422
-GtkTreeView-grid-line-pattern: '';
1423
-GtkTreeView-tree-line-width: 1;
1424
-GtkTreeView-tree-line-pattern: '';
1425
-GtkTreeView-expander-size: 16;
1426
}
1427
treeview.view:hover, treeview.view:active, treeview.view:selected {
1429
border-radius: 0;
1430
}
1431
treeview.view.separator {
1433
min-height: 5px;
1434
color: rgba(0, 0, 0, 0.2);
1435
}
1436
treeview.view:drop(active) {
1438
border-style: solid none;
1439
border-width: 1px;
1440
border-color: #FF4081;
1441
}
1442
treeview.view:drop(active).after {
1444
border-top-style: none;
1445
}
1446
treeview.view:drop(active).before {
1448
border-bottom-style: none;
1449
}
1450
treeview.view.expander {
1452
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
1453
-gtk-icon-transform: rotate(-90deg);
1454
color: rgba(255, 255, 255, 0.75);
1455
}
1456
treeview.view.expander:dir(rtl) {
1458
-gtk-icon-transform: rotate(90deg);
1459
}
1460
treeview.view.expander:checked {
1462
-gtk-icon-transform: unset;
1463
}
1464
treeview.view.expander:hover, treeview.view.expander:active {
1466
color: #FFFFFF;
1467
}
1468
treeview.view.expander:disabled {
1470
color: rgba(255, 255, 255, 0.3);
1471
}
1472
treeview.view.expander:selected {
1474
color: rgba(255, 255, 255, 0.75);
1475
}
1476
treeview.view.expander:selected:hover, treeview.view.expander:selected:active {
1478
color: #FFFFFF;
1479
}
1480
treeview.view.expander:selected:disabled {
1482
color: rgba(255, 255, 255, 0.3);
1483
}
1484
treeview.view.progressbar {
1486
border-bottom: 4px solid #42A5F5;
1487
box-shadow: none;
1488
background-color: transparent;
1489
}
1490
treeview.view.progressbar:selected {
1492
border-bottom-color: currentColor;
1493
}
1494
treeview.view.trough {
1496
border-bottom: 4px solid rgba(66, 165, 245, 0.3);
1497
box-shadow: none;
1498
background-color: transparent;
1499
}
1500
treeview.view.trough:selected {
1502
border-bottom-color: alpha(currentColor, 0.3);
1503
}
1504
treeview.view header button {
1506
padding: 2px 6px;
1507
border-style: none solid solid none;
1508
border-width: 1px;
1509
border-color: rgba(0, 0, 0, 0.2);
1510
border-radius: 0;
1511
background-clip: border-box;
1512
}
1513
treeview.view header button, treeview.view header button:hover, treeview.view header button:active {
1515
box-shadow: none;
1516
}
1517
treeview.view header button, treeview.view header button:disabled {
1519
background-color: #50636c;
1520
}
1521
treeview.view header button:last-child {
1523
border-right-style: none;
1524
}
1525
treeview.view button.dnd,
1527
treeview.view header.button.dnd {
1528
padding: 2px 6px;
1529
border-style: none solid solid;
1530
border-width: 1px;
1531
border-color: rgba(0, 0, 0, 0.2);
1532
border-radius: 0;
1533
box-shadow: none;
1534
background-color: #50636c;
1535
background-clip: border-box;
1536
color: #42A5F5;
1537
}
1538
treeview.view acceleditor > label {
1540
background-color: #42A5F5;
1541
}
1542
/*********
1544
* Menus *
1545
*********/
1546
menubar,
1547
.menubar {
1548
-GtkWidget-window-dragging: true;
1549
padding: 0;
1550
background-color: #37474F;
1551
}
1552
menubar > menuitem,
1554
.menubar > menuitem {
1555
transition: all 0.2s cubic-bezier(0, 0, 0.2, 1);
1556
min-height: 20px;
1557
padding: 4px 8px;
1558
color: rgba(255, 255, 255, 0.75);
1559
}
1560
menubar > menuitem:hover,
1562
.menubar > menuitem:hover {
1563
transition: none;
1564
background-color: alpha(currentColor, 0.15);
1565
color: #FFFFFF;
1566
}
1567
menubar > menuitem:disabled,
1569
.menubar > menuitem:disabled {
1570
color: rgba(255, 255, 255, 0.3);
1571
}
1572
.csd.popup {
1574
background-color: transparent;
1575
}
1576
menu,
1578
.menu,
1579
.context-menu {
1580
margin: 4px 0;
1581
padding: 4px 0;
1582
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
1583
background-color: #50636c;
1584
border: 1px solid rgba(0, 0, 0, 0.2);
1585
}
1586
.csd menu, .csd
1588
.menu, .csd
1589
.context-menu {
1590
border: none;
1591
border-radius: 2px;
1592
}
1593
menu menuitem,
1595
.menu menuitem,
1596
.context-menu menuitem {
1597
transition: all 0.2s cubic-bezier(0, 0, 0.2, 1);
1598
min-height: 20px;
1599
min-width: 40px;
1600
padding: 4px 8px;
1601
font: initial;
1602
text-shadow: none;
1603
}
1604
menu menuitem:hover,
1606
.menu menuitem:hover,
1607
.context-menu menuitem:hover {
1608
transition: none;
1609
background-color: alpha(currentColor, 0.15);
1610
}
1611
menu menuitem:disabled,
1613
.menu menuitem:disabled,
1614
.context-menu menuitem:disabled {
1615
color: rgba(255, 255, 255, 0.4);
1616
}
1617
menu menuitem arrow,
1619
.menu menuitem arrow,
1620
.context-menu menuitem arrow {
1621
min-height: 16px;
1622
min-width: 16px;
1623
}
1624
menu menuitem arrow:dir(ltr),
1626
.menu menuitem arrow:dir(ltr),
1627
.context-menu menuitem arrow:dir(ltr) {
1628
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
1629
margin-left: 8px;
1630
}
1631
menu menuitem arrow:dir(rtl),
1633
.menu menuitem arrow:dir(rtl),
1634
.context-menu menuitem arrow:dir(rtl) {
1635
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl");
1636
margin-right: 8px;
1637
}
1638
menu menuitem label:dir(rtl), menu menuitem label:dir(ltr),
1640
.menu menuitem label:dir(rtl),
1641
.menu menuitem label:dir(ltr),
1642
.context-menu menuitem label:dir(rtl),
1643
.context-menu menuitem label:dir(ltr) {
1644
color: inherit;
1645
}
1646
menu > arrow,
1648
.menu > arrow,
1649
.context-menu > arrow {
1650
min-height: 16px;
1651
min-width: 16px;
1652
padding: 4px;
1653
background-color: #50636c;
1654
color: rgba(255, 255, 255, 0.75);
1655
}
1656
menu > arrow.top,
1658
.menu > arrow.top,
1659
.context-menu > arrow.top {
1660
margin-top: -4px;
1661
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
1662
border-radius: 2px 2px 0 0;
1663
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
1664
}
1665
menu > arrow.bottom,
1667
.menu > arrow.bottom,
1668
.context-menu > arrow.bottom {
1669
margin-bottom: -12px;
1670
border-top: 1px solid rgba(0, 0, 0, 0.2);
1671
border-radius: 0 0 2px 2px;
1672
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
1673
}
1674
menu > arrow:hover,
1676
.menu > arrow:hover,
1677
.context-menu > arrow:hover {
1678
background-image: image(alpha(currentColor, 0.15));
1679
color: #FFFFFF;
1680
}
1681
menu > arrow:disabled,
1683
.menu > arrow:disabled,
1684
.context-menu > arrow:disabled {
1685
border-color: transparent;
1686
background-color: transparent;
1687
color: transparent;
1688
}
1689
menu separator,
1691
.menu separator,
1692
.context-menu separator {
1693
margin: 4px 0;
1694
}
1695
menuitem accelerator {
1697
color: alpha(currentColor, 0.6);
1698
}
1699
.popup:not(.csd) menu menuitem {
1701
color: #FFFFFF;
1702
}
1703
.popup:not(.csd) menu menuitem:hover {
1705
background-color: #6a7a82;
1706
}
1707
.popup:not(.csd) menu menuitem:disabled {
1709
color: #96a1a7;
1710
}
1711
.popup:not(.csd) menu accelerator {
1713
color: #b9c1c4;
1714
}
1715
/************
1717
* Popovers *
1718
************/
1719
popover.background {
1720
transition: box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1);
1721
padding: 2px;
1722
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
1723
background-color: #596e79;
1724
}
1725
popover.background:backdrop {
1727
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
1728
}
1729
popover.background, .csd popover.background {
1731
border-style: solid;
1732
border-width: 1px;
1733
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.3);
1734
border-radius: 3px;
1735
}
1736
popover.background > stack {
1738
margin: -4px;
1739
}
1740
popover.background > toolbar {
1742
margin: -2px;
1743
}
1744
popover.background > list,
1746
popover.background > .view,
1747
popover.background > toolbar {
1748
border-style: none;
1749
box-shadow: none;
1750
background-color: transparent;
1751
}
1752
popover.background.menu button,
1754
popover.background button.model {
1755
min-height: 32px;
1756
padding: 0 8px;
1757
border-radius: 2px;
1758
}
1759
popover.background separator {
1761
margin: 4px 0;
1762
}
1763
popover.background list separator {
1765
margin: 0;
1766
}
1767
/*************
1769
* Notebooks *
1770
*************/
1771
notebook > header {
1772
border-width: 1px;
1773
border-color: rgba(0, 0, 0, 0.2);
1774
background-color: #44545c;
1775
background-clip: border-box;
1776
}
1777
notebook > header.top {
1779
border-bottom-style: solid;
1780
}
1781
notebook > header.top > tabs {
1783
margin-bottom: -1px;
1784
}
1785
notebook > header.top > tabs > tab:hover {
1787
box-shadow: inset 0 -2px alpha(currentColor, 0.3);
1788
}
1789
notebook > header.top > tabs > tab:checked {
1791
box-shadow: inset 0 -2px #42A5F5;
1792
}
1793
notebook > header.bottom {
1795
border-top-style: solid;
1796
}
1797
notebook > header.bottom > tabs {
1799
margin-top: -1px;
1800
}
1801
notebook > header.bottom > tabs > tab:hover {
1803
box-shadow: inset 0 2px alpha(currentColor, 0.3);
1804
}
1805
notebook > header.bottom > tabs > tab:checked {
1807
box-shadow: inset 0 2px #42A5F5;
1808
}
1809
notebook > header.left {
1811
border-right-style: solid;
1812
}
1813
notebook > header.left > tabs {
1815
margin-right: -1px;
1816
}
1817
notebook > header.left > tabs > tab:hover {
1819
box-shadow: inset -2px 0 alpha(currentColor, 0.3);
1820
}
1821
notebook > header.left > tabs > tab:checked {
1823
box-shadow: inset -2px 0 #42A5F5;
1824
}
1825
notebook > header.right {
1827
border-left-style: solid;
1828
}
1829
notebook > header.right > tabs {
1831
margin-left: -1px;
1832
}
1833
notebook > header.right > tabs > tab:hover {
1835
box-shadow: inset 2px 0 alpha(currentColor, 0.3);
1836
}
1837
notebook > header.right > tabs > tab:checked {
1839
box-shadow: inset 2px 0 #42A5F5;
1840
}
1841
notebook > header.top > tabs > arrow {
1843
border-top-style: none;
1844
}
1845
notebook > header.bottom > tabs > arrow {
1847
border-bottom-style: none;
1848
}
1849
notebook > header.top > tabs > arrow, notebook > header.bottom > tabs > arrow {
1851
padding-left: 4px;
1852
padding-right: 4px;
1853
}
1854
notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down {
1856
margin-left: -8px;
1857
-gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
1858
}
1859
notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up {
1861
margin-right: -8px;
1862
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
1863
}
1864
notebook > header.left > tabs > arrow {
1866
border-left-style: none;
1867
}
1868
notebook > header.right > tabs > arrow {
1870
border-right-style: none;
1871
}
1872
notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow {
1874
padding-top: 4px;
1875
padding-bottom: 4px;
1876
}
1877
notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down {
1879
margin-top: -8px;
1880
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
1881
}
1882
notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up {
1884
margin-bottom: -8px;
1885
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
1886
}
1887
notebook > header > tabs > arrow {
1889
min-height: 16px;
1890
min-width: 16px;
1891
border-radius: 0;
1892
}
1893
notebook > header tab {
1895
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
1896
min-height: 20px;
1897
min-width: 20px;
1898
padding: 6px 12px;
1899
outline-offset: -6px;
1900
border-width: 1px;
1901
border-color: transparent;
1902
background-image: radial-gradient(circle farthest-corner at center, #42A5F5 10%, transparent 0%);
1903
background-repeat: no-repeat;
1904
background-position: center;
1905
background-size: 0% 0%;
1906
color: rgba(255, 255, 255, 0.75);
1907
font-weight: 500;
1908
}
1909
notebook > header tab:hover {
1911
color: #FFFFFF;
1912
}
1913
notebook > header tab:hover.reorderable-page {
1915
border-color: rgba(0, 0, 0, 0.2);
1916
background-color: #4a5c64;
1917
}
1918
notebook > header tab:disabled {
1920
color: rgba(255, 255, 255, 0.3);
1921
}
1922
notebook > header tab:checked {
1924
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);
1925
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
1926
background-size: 1000% 1000%;
1927
color: #FFFFFF;
1928
}
1929
notebook > header tab:checked:disabled {
1931
color: rgba(255, 255, 255, 0.4);
1932
}
1933
notebook > header tab:checked.reorderable-page {
1935
border-color: rgba(0, 0, 0, 0.2);
1936
background-color: #50636c;
1937
}
1938
notebook > header tab button.flat:last-child {
1940
margin-left: 6px;
1941
margin-right: -6px;
1942
}
1943
notebook > header tab button.flat:first-child {
1945
margin-left: -6px;
1946
margin-right: 6px;
1947
}
1948
notebook > header.top tabs, notebook > header.bottom tabs {
1950
padding-left: 8px;
1951
padding-right: 8px;
1952
}
1953
notebook > header.top tabs:not(:only-child):first-child, notebook > header.bottom tabs:not(:only-child):first-child {
1955
margin-left: 0;
1956
}
1957
notebook > header.top tabs:not(:only-child):last-child, notebook > header.bottom tabs:not(:only-child):last-child {
1959
margin-right: 0;
1960
}
1961
notebook > header.top tabs tab.reorderable-page, notebook > header.bottom tabs tab.reorderable-page {
1963
margin: 0 -1px;
1964
border-style: none solid;
1965
}
1966
notebook > header.left tabs, notebook > header.right tabs {
1968
padding-top: 8px;
1969
padding-bottom: 8px;
1970
}
1971
notebook > header.left tabs:not(:only-child):first-child, notebook > header.right tabs:not(:only-child):first-child {
1973
margin-top: 0;
1974
}
1975
notebook > header.left tabs:not(:only-child):last-child, notebook > header.right tabs:not(:only-child):last-child {
1977
margin-bottom: 0;
1978
}
1979
notebook > header.left tabs tab.reorderable-page, notebook > header.right tabs tab.reorderable-page {
1981
margin: -1px 0;
1982
border-style: solid none;
1983
}
1984
notebook > stack:not(:only-child) {
1986
background-color: #50636c;
1987
}
1988
/**************
1990
* Scrollbars *
1991
**************/
1992
scrollbar {
1993
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
1994
background-color: #50636c;
1995
background-clip: border-box;
1996
}
1997
* {
1999
-GtkScrollbar-has-backward-stepper: false;
2000
-GtkScrollbar-has-forward-stepper: false;
2001
}
2002
scrollbar.top {
2004
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
2005
}
2006
scrollbar.bottom {
2008
border-top: 1px solid rgba(0, 0, 0, 0.2);
2009
}
2010
scrollbar.left {
2012
border-right: 1px solid rgba(0, 0, 0, 0.2);
2013
}
2014
scrollbar.right {
2016
border-left: 1px solid rgba(0, 0, 0, 0.2);
2017
}
2018
scrollbar slider {
2020
transition: all 0.2s cubic-bezier(0, 0, 0.2, 1), margin 0, border-width 0;
2021
min-width: 8px;
2022
min-height: 8px;
2023
border: 4px solid transparent;
2024
border-radius: 9999px;
2025
background-clip: padding-box;
2026
background-color: rgba(255, 255, 255, 0.6);
2027
}
2028
scrollbar slider:hover {
2030
background-color: rgba(255, 255, 255, 0.75);
2031
}
2032
scrollbar slider:active {
2034
background-color: #FFFFFF;
2035
}
2036
scrollbar slider:disabled {
2038
background-color: rgba(255, 255, 255, 0.24);
2039
}
2040
scrollbar.fine-tune slider {
2042
transition: all 0.2s cubic-bezier(0, 0, 0.2, 1), margin 0, border-width 0, min-width 0, min-height 0;
2043
min-width: 4px;
2044
min-height: 4px;
2045
}
2046
scrollbar.fine-tune.horizontal slider {
2048
margin: 2px 0;
2049
}
2050
scrollbar.fine-tune.vertical slider {
2052
margin: 0 2px;
2053
}
2054
scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
2056
border-color: transparent;
2057
background-color: transparent;
2058
}
2059
scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider {
2061
min-width: 4px;
2062
min-height: 4px;
2063
margin: 3px;
2064
border: 1px solid rgba(80, 99, 108, 0.3);
2065
}
2066
scrollbar.overlay-indicator:not(.dragging):not(.hovering) button {
2068
min-width: 4px;
2069
min-height: 4px;
2070
margin: 3px;
2071
border: 1px solid rgba(80, 99, 108, 0.3);
2072
border-radius: 9999px;
2073
background-color: rgba(255, 255, 255, 0.6);
2074
background-clip: padding-box;
2075
-gtk-icon-source: none;
2076
}
2077
scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled {
2079
background-color: rgba(255, 255, 255, 0.24);
2080
}
2081
scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider {
2083
min-width: 24px;
2084
}
2085
scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button {
2087
min-width: 8px;
2088
}
2089
scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider {
2091
min-height: 24px;
2092
}
2093
scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button {
2095
min-height: 8px;
2096
}
2097
scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering {
2099
background-color: rgba(80, 99, 108, 0.9);
2100
}
2101
scrollbar.horizontal slider {
2103
min-width: 24px;
2104
}
2105
scrollbar.vertical slider {
2107
min-height: 24px;
2108
}
2109
scrollbar button {
2111
min-width: 16px;
2112
min-height: 16px;
2113
padding: 0;
2114
border-radius: 0;
2115
}
2116
scrollbar.vertical button.down {
2118
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
2119
}
2120
scrollbar.vertical button.up {
2122
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
2123
}
2124
scrollbar.horizontal button.down {
2126
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
2127
}
2128
scrollbar.horizontal button.up {
2130
-gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
2131
}
2132
/**********
2134
* Switch *
2135
**********/
2136
switch {
2137
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
2138
margin: 6px 0;
2139
padding: 0 2px;
2140
border: 4px solid transparent;
2141
border-radius: 9999px;
2142
background-color: alpha(currentColor, 0.3);
2143
background-clip: padding-box;
2144
font-size: 0;
2145
}
2146
switch:disabled {
2148
color: alpha(currentColor, 0.4);
2149
}
2150
switch:checked {
2152
background-color: rgba(255, 64, 129, 0.5);
2153
}
2154
switch:checked:disabled {
2156
background-color: rgba(255, 64, 129, 0.2);
2157
color: rgba(255, 255, 255, 0.4);
2158
}
2159
switch slider {
2161
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1);
2162
min-width: 20px;
2163
min-height: 20px;
2164
margin: -3px -2px;
2165
border-radius: 9999px;
2166
-gtk-outline-radius: 9999px;
2167
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
2168
background-color: #50636c;
2169
}
2170
switch:hover slider {
2172
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
2173
}
2174
switch:checked slider {
2176
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;
2177
animation: needs_attention 0.3s cubic-bezier(0, 0, 0.2, 1);
2178
background-color: #FF4081;
2179
color: #FFFFFF;
2180
}
2181
switch:disabled slider {
2183
background-color: #4a5c64;
2184
}
2185
switch:checked:disabled slider {
2187
animation: none;
2188
}
2189
/*************************
2191
* Check and Radio items *
2192
*************************/
2193
.view.content-view.check:not(list),
2194
.content-view .tile check:not(list) {
2195
min-height: 40px;
2196
min-width: 40px;
2197
margin: 0;
2198
padding: 0;
2199
box-shadow: none;
2200
background-color: transparent;
2201
background-image: none;
2202
-gtk-icon-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
2203
}
2204
.view.content-view.check:not(list):hover, .view.content-view.check:not(list):active,
2206
.content-view .tile check:not(list):hover,
2207
.content-view .tile check:not(list):active {
2208
-gtk-icon-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
2209
}
2210
.view.content-view.check:not(list),
2212
.content-view .tile check:not(list) {
2213
-gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-unchecked-dark.png"), url("assets/selectionmode-checkbox-unchecked-dark@2.png"));
2214
}
2215
.view.content-view.check:not(list):checked,
2217
.content-view .tile check:not(list):checked {
2218
-gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-checked-dark.png"), url("assets/selectionmode-checkbox-checked-dark@2.png"));
2219
}
2220
checkbutton.text-button,
2222
radiobutton.text-button {
2223
padding: 2px;
2224
outline-offset: 0;
2225
}
2226
checkbutton.text-button label:not(:only-child),
2228
radiobutton.text-button label:not(:only-child) {
2229
margin: 0 4px;
2230
}
2231
check,
2233
radio {
2234
min-height: 24px;
2235
min-width: 24px;
2236
margin: -10px;
2237
padding: 10px;
2238
}
2239
check:checked, check:indeterminate,
2241
radio:checked,
2242
radio:indeterminate {
2243
color: #FF4081;
2244
}
2245
check:checked:disabled, check:indeterminate:disabled,
2247
radio:checked:disabled,
2248
radio:indeterminate:disabled {
2249
color: rgba(255, 64, 129, 0.4);
2250
}
2251
row check:not(:checked):not(:indeterminate), row
2253
radio:not(:checked):not(:indeterminate) {
2254
color: alpha(currentColor, 0.75);
2255
}
2256
row check:not(:checked):not(:indeterminate):hover, row check:not(:checked):not(:indeterminate):active, row
2258
radio:not(:checked):not(:indeterminate):hover, row
2259
radio:not(:checked):not(:indeterminate):active {
2260
color: currentColor;
2261
}
2262
row check:not(:checked):not(:indeterminate):disabled, row
2264
radio:not(:checked):not(:indeterminate):disabled {
2265
color: alpha(currentColor, 0.3);
2266
}
2267
popover check, popover check:hover, popover check:disabled, popover
2269
radio, popover
2270
radio:hover, popover
2271
radio:disabled {
2272
box-shadow: none;
2273
background-image: none;
2274
}
2275
popover check:not(:checked):not(:indeterminate), popover
2277
radio:not(:checked):not(:indeterminate) {
2278
color: alpha(currentColor, 0.6);
2279
}
2280
popover check.left:dir(rtl), popover
2282
radio.left:dir(rtl) {
2283
margin-left: -16px;
2284
margin-right: -8px;
2285
}
2286
popover check.right:dir(ltr), popover
2288
radio.right:dir(ltr) {
2289
margin-left: -8px;
2290
margin-right: -16px;
2291
}
2292
menu menuitem check, menu menuitem
2294
radio {
2295
transition: none;
2296
min-height: 16px;
2297
min-width: 16px;
2298
margin: 0;
2299
padding: 0;
2300
}
2301
menu menuitem check:dir(ltr), menu menuitem
2303
radio:dir(ltr) {
2304
margin-right: 8px;
2305
}
2306
menu menuitem check:dir(rtl), menu menuitem
2308
radio:dir(rtl) {
2309
margin-left: 8px;
2310
}
2311
menu menuitem check:not(:checked):not(:indeterminate), menu menuitem
2313
radio:not(:checked):not(:indeterminate) {
2314
color: alpha(currentColor, 0.6);
2315
}
2316
menu menuitem check, menu menuitem check:hover, menu menuitem check:disabled, menu menuitem
2318
radio, menu menuitem
2319
radio:hover, menu menuitem
2320
radio:disabled {
2321
box-shadow: none;
2322
}
2323
check {
2326
-gtk-icon-source: image(-gtk-recolor(url("assets/scalable/checkbox-unchecked-symbolic.svg")), -gtk-recolor(url("assets/scalable/checkbox-unchecked-symbolic.symbolic.png")));
2327
}
2328
check:checked {
2331
-gtk-icon-source: image(-gtk-recolor(url("assets/scalable/checkbox-checked-symbolic.svg")), -gtk-recolor(url("assets/scalable/checkbox-checked-symbolic.symbolic.png")));
2332
}
2333
check:indeterminate {
2336
-gtk-icon-source: image(-gtk-recolor(url("assets/scalable/checkbox-mixed-symbolic.svg")), -gtk-recolor(url("assets/scalable/checkbox-mixed-symbolic.symbolic.png")));
2337
}
2338
radio {
2341
border-image-slice: 22;
2342
border-image-width: 22px;
2343
}
2344
radio {
2347
-gtk-icon-source: image(-gtk-recolor(url("assets/scalable/radio-unchecked-symbolic.svg")), -gtk-recolor(url("assets/scalable/radio-unchecked-symbolic.symbolic.png")));
2348
}
2349
radio:indeterminate {
2352
-gtk-icon-source: image(-gtk-recolor(url("assets/scalable/radio-mixed-symbolic.svg")), -gtk-recolor(url("assets/scalable/radio-mixed-symbolic.symbolic.png")));
2353
}
2354
radio {
2357
border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#FF4081), to(transparent));
2358
}
2359
radio:checked:not(:indeterminate) {
2362
border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.11364, to(#FF4081), to(transparent));
2363
}
2364
radio:checked:not(:indeterminate):disabled {
2367
border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.11364, to(rgba(255, 64, 129, 0.4)), to(transparent));
2368
}
2369
window.background:not(.csd) > widget > checkbutton > check,
2371
menu menuitem check {
2372
border-radius: 2px;
2373
-gtk-outline-radius: 2px;
2374
-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")));
2375
}
2376
window.background:not(.csd) > widget > checkbutton > check:checked,
2378
menu menuitem check:checked {
2379
-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")));
2380
}
2381
window.background:not(.csd) > widget > checkbutton > check:indeterminate,
2383
menu menuitem check:indeterminate {
2384
-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")));
2385
}
2386
window.background:not(.csd) > widget > radiobutton > radio,
2388
menu menuitem radio {
2389
border-image: none;
2390
-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")));
2391
}
2392
window.background:not(.csd) > widget > radiobutton > radio:checked,
2394
menu menuitem radio:checked {
2395
-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")));
2396
}
2397
window.background:not(.csd) > widget > radiobutton > radio:indeterminate,
2399
menu menuitem radio:indeterminate {
2400
-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")));
2401
}
2402
check:not(:checked):active {
2404
-gtk-icon-transform: rotate(90deg);
2405
}
2406
check:not(:checked):indeterminate:active,
2408
radio:not(:checked):indeterminate:active {
2409
-gtk-icon-transform: scaleX(-1);
2410
}
2411
check:not(:checked),
2413
radio:not(:checked) {
2414
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;
2415
}
2416
check:not(:checked):active,
2418
radio:not(:checked):active {
2419
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0, -gtk-icon-transform 0;
2420
}
2421
menu menuitem check:not(:checked), menu menuitem
2423
radio:not(:checked) {
2424
transition: none;
2425
}
2426
treeview.view check,
2428
treeview.view radio {
2429
padding: 0;
2430
}
2431
treeview.view check:hover,
2433
treeview.view radio:hover {
2434
box-shadow: inset 0 0 0 9999px alpha(#FFFFFF, 0.05);
2435
}
2436
treeview.view check:hover:disabled,
2438
treeview.view radio:hover:disabled {
2439
box-shadow: none;
2440
}
2441
treeview.view check:hover:selected,
2443
treeview.view radio:hover:selected {
2444
box-shadow: inset 0 0 0 9999px alpha(#FFFFFF, 0.05);
2445
}
2446
treeview.view check,
2448
treeview.view radio {
2449
color: rgba(255, 255, 255, 0.75);
2450
}
2451
treeview.view check:hover, treeview.view check:active,
2453
treeview.view radio:hover,
2454
treeview.view radio:active {
2455
color: #FFFFFF;
2456
}
2457
treeview.view check:disabled,
2459
treeview.view radio:disabled {
2460
color: rgba(255, 255, 255, 0.3);
2461
}
2462
treeview.view check:checked, treeview.view check:indeterminate,
2464
treeview.view radio:checked,
2465
treeview.view radio:indeterminate {
2466
color: #FF4081;
2467
}
2468
treeview.view check:checked:disabled, treeview.view check:indeterminate:disabled,
2470
treeview.view radio:checked:disabled,
2471
treeview.view radio:indeterminate:disabled {
2472
color: rgba(255, 64, 129, 0.4);
2473
}
2474
treeview.view check:selected,
2476
treeview.view radio:selected {
2477
color: rgba(255, 255, 255, 0.75);
2478
}
2479
treeview.view check:selected:hover, treeview.view check:selected:active,
2481
treeview.view radio:selected:hover,
2482
treeview.view radio:selected:active {
2483
color: #FFFFFF;
2484
}
2485
treeview.view check:selected:disabled,
2487
treeview.view radio:selected:disabled {
2488
color: rgba(255, 255, 255, 0.3);
2489
}
2490
treeview.view check:selected:checked, treeview.view check:selected:indeterminate,
2492
treeview.view radio:selected:checked,
2493
treeview.view radio:selected:indeterminate {
2494
color: #FF4081;
2495
}
2496
treeview.view check:selected:checked:disabled, treeview.view check:selected:indeterminate:disabled,
2498
treeview.view radio:selected:checked:disabled,
2499
treeview.view radio:selected:indeterminate:disabled {
2500
color: rgba(255, 64, 129, 0.4);
2501
}
2502
treeview.view radio:checked {
2504
-gtk-icon-source: image(-gtk-recolor(url("assets/scalable/radio-checked-symbolic.svg")), -gtk-recolor(url("assets/scalable/radio-checked-symbolic.symbolic.png")));
2505
border-image: none;
2506
}
2507
/************
2509
* GtkScale *
2510
************/
2511
scale {
2512
min-height: 8px;
2513
min-width: 8px;
2514
padding: 12px;
2515
}
2516
scale * {
2518
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
2519
}
2520
scale slider {
2522
min-height: 24px;
2523
min-width: 24px;
2524
margin: -10px;
2525
}
2526
scale trough {
2528
outline-offset: 2px;
2529
background-color: alpha(currentColor, 0.3);
2530
}
2531
scale trough:disabled {
2533
color: rgba(255, 255, 255, 0.4);
2534
}
2535
scale highlight {
2537
background-color: #FF4081;
2538
}
2539
scale highlight:disabled {
2541
background-color: transparent;
2542
}
2543
scale fill {
2545
background-color: alpha(currentColor, 0.3);
2546
}
2547
scale fill:disabled {
2549
background-color: transparent;
2550
}
2551
scale slider {
2553
transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
2554
background-repeat: no-repeat;
2555
background-position: center;
2556
background-size: calc(100% - 8px);
2557
}
2558
scale slider {
2560
background-image: -gtk-scaled(url("assets/scale-slider-dark.png"), url("assets/scale-slider-dark@2.png"));
2561
}
2562
scale slider:disabled {
2564
background-image: -gtk-scaled(url("assets/scale-slider-disabled-dark.png"), url("assets/scale-slider-disabled-dark@2.png"));
2565
}
2566
scale slider:hover {
2568
background-size: calc(100% - 4px);
2569
}
2570
scale slider:active {
2572
background-size: calc(100% - 0px);
2573
}
2574
scale.fine-tune slider {
2576
background-size: calc(100% - 12px);
2577
}
2578
scale value {
2580
color: alpha(currentColor, 0.6);
2581
}
2582
scale marks {
2584
color: alpha(currentColor, 0.3);
2585
}
2586
scale marks.top {
2588
margin-bottom: 8px;
2589
margin-top: -16px;
2590
}
2591
scale marks.bottom {
2593
margin-top: 8px;
2594
margin-bottom: -16px;
2595
}
2596
scale marks.top {
2598
margin-right: 8px;
2599
margin-left: -16px;
2600
}
2601
scale marks.bottom {
2603
margin-left: 8px;
2604
margin-right: -16px;
2605
}
2606
scale.horizontal indicator {
2608
min-height: 8px;
2609
min-width: 1px;
2610
}
2611
scale.vertical indicator {
2613
min-height: 1px;
2614
min-width: 8px;
2615
}
2616
scale.horizontal.marks-before:not(.marks-after) slider {
2618
min-height: 30px;
2619
min-width: 24px;
2620
margin-top: -16px;
2621
background-position: center calc(100% - 4px);
2622
}
2623
scale.horizontal.marks-before:not(.marks-after) slider {
2625
background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-dark.png"), url("assets/scale-horz-marks-before-slider-dark@2.png"));
2626
}
2627
scale.horizontal.marks-before:not(.marks-after) slider:disabled {
2629
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"));
2630
}
2631
scale.horizontal.marks-before:not(.marks-after) slider:hover {
2633
background-position: center calc(100% - 2px);
2634
}
2635
scale.horizontal.marks-before:not(.marks-after) slider:active {
2637
background-position: center calc(100% - 0px);
2638
}
2639
scale.horizontal.marks-before:not(.marks-after).fine-tune slider {
2641
background-position: center calc(100% - 6px);
2642
}
2643
scale.horizontal.marks-after:not(.marks-before) slider {
2645
min-height: 30px;
2646
min-width: 24px;
2647
margin-bottom: -16px;
2648
background-position: center calc(4px);
2649
}
2650
scale.horizontal.marks-after:not(.marks-before) slider {
2652
background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-dark.png"), url("assets/scale-horz-marks-after-slider-dark@2.png"));
2653
}
2654
scale.horizontal.marks-after:not(.marks-before) slider:disabled {
2656
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"));
2657
}
2658
scale.horizontal.marks-after:not(.marks-before) slider:hover {
2660
background-position: center calc(2px);
2661
}
2662
scale.horizontal.marks-after:not(.marks-before) slider:active {
2664
background-position: center calc(0px);
2665
}
2666
scale.horizontal.marks-after:not(.marks-before).fine-tune slider {
2668
background-position: center calc(6px);
2669
}
2670
scale.vertical.marks-before:not(.marks-after) slider {
2672
min-height: 24px;
2673
min-width: 30px;
2674
margin-left: -16px;
2675
background-position: calc(4px) center;
2676
}
2677
scale.vertical.marks-before:not(.marks-after) slider {
2679
background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-dark.png"), url("assets/scale-vert-marks-before-slider-dark@2.png"));
2680
}
2681
scale.vertical.marks-before:not(.marks-after) slider:disabled {
2683
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"));
2684
}
2685
scale.vertical.marks-before:not(.marks-after) slider:hover {
2687
background-position: calc(2px) center;
2688
}
2689
scale.vertical.marks-before:not(.marks-after) slider:active {
2691
background-position: calc(0px) center;
2692
}
2693
scale.vertical.marks-before:not(.marks-after).fine-tune slider {
2695
background-position: calc(6px) center;
2696
}
2697
scale.vertical.marks-after:not(.marks-before) slider {
2699
min-height: 24px;
2700
min-width: 30px;
2701
margin-right: -16px;
2702
background-position: calc(100% - 4px) center;
2703
}
2704
scale.vertical.marks-after:not(.marks-before) slider {
2706
background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-dark.png"), url("assets/scale-vert-marks-after-slider-dark@2.png"));
2707
}
2708
scale.vertical.marks-after:not(.marks-before) slider:disabled {
2710
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"));
2711
}
2712
scale.vertical.marks-after:not(.marks-before) slider:hover {
2714
background-position: calc(100% - 2px) center;
2715
}
2716
scale.vertical.marks-after:not(.marks-before) slider:active {
2718
background-position: calc(100% - 0px) center;
2719
}
2720
scale.vertical.marks-after:not(.marks-before).fine-tune slider {
2722
background-position: calc(100% - 6px) center;
2723
}
2724
scale.color {
2726
min-height: 0;
2727
min-width: 0;
2728
}
2729
scale.color.horizontal {
2731
padding: 0 0 12px 0;
2732
}
2733
scale.color.horizontal slider:dir(ltr), scale.color.horizontal slider:dir(rtl) {
2735
margin-bottom: -12px;
2736
margin-top: -2px;
2737
}
2738
scale.color.vertical:dir(ltr) {
2740
padding: 0 0 0 12px;
2741
}
2742
scale.color.vertical:dir(ltr) slider {
2744
margin-left: -12px;
2745
margin-right: -2px;
2746
}
2747
scale.color.vertical:dir(rtl) {
2749
padding: 0 12px 0 0;
2750
}
2751
scale.color.vertical:dir(rtl) slider {
2753
margin-right: -12px;
2754
margin-left: -2px;
2755
}
2756
/*****************
2758
* Progress bars *
2759
*****************/
2760
progressbar {
2761
color: rgba(255, 255, 255, 0.6);
2762
font-size: smaller;
2763
}
2764
progressbar.horizontal trough,
2766
progressbar.horizontal progress {
2767
min-height: 4px;
2768
}
2769
progressbar.vertical trough,
2771
progressbar.vertical progress {
2772
min-width: 4px;
2773
}
2774
progressbar trough {
2776
background-color: rgba(66, 165, 245, 0.3);
2777
}
2778
progressbar progress {
2780
background-color: #42A5F5;
2781
}
2782
progressbar trough.empty progress {
2784
all: unset;
2785
}
2786
/*************
2788
* Level Bar *
2789
*************/
2790
levelbar block {
2791
min-width: 32px;
2792
min-height: 4px;
2793
}
2794
levelbar.vertical block {
2796
min-width: 4px;
2797
min-height: 32px;
2798
}
2799
levelbar trough {
2801
padding: 2px;
2802
border-radius: 2px;
2803
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1);
2804
border-image: none;
2805
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
2806
background-color: #50636c;
2807
color: #FFFFFF;
2808
}
2809
levelbar trough:disabled {
2811
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
2812
background-color: #4a5c64;
2813
color: rgba(255, 255, 255, 0.4);
2814
}
2815
levelbar.horizontal.discrete block {
2817
margin: 0 1px;
2818
}
2819
levelbar.horizontal.discrete trough {
2821
padding: 2px 1px;
2822
}
2823
levelbar.vertical.discrete block {
2825
margin: 1px 0;
2826
}
2827
levelbar.vertical.discrete trough {
2829
padding: 1px 2px;
2830
}
2831
levelbar block.low {
2833
background-color: #FF6D00;
2834
}
2835
levelbar block.high, levelbar block:not(.empty) {
2837
background-color: #42A5F5;
2838
}
2839
levelbar block.full {
2841
background-color: #00C853;
2842
}
2843
levelbar block.empty {
2845
background-color: alpha(currentColor, 0.3);
2846
color: rgba(255, 255, 255, 0.4);
2847
}
2848
/****************
2850
* Print dialog *
2851
*****************/
2852
printdialog paper {
2853
padding: 0;
2854
border: 1px solid rgba(0, 0, 0, 0.2);
2855
background-color: #50636c;
2856
color: #FFFFFF;
2857
}
2858
printdialog .dialog-action-box {
2860
margin: 12px;
2861
}
2862
/**********
2864
* Frames *
2865
**********/
2866
frame > border,
2867
.frame {
2868
margin: 0;
2869
padding: 0;
2870
border: 1px solid rgba(0, 0, 0, 0.2);
2871
border-radius: 0;
2872
box-shadow: none;
2873
}
2874
frame > border.flat,
2876
.frame.flat,
2877
frame.flat > border {
2878
border-style: none;
2879
}
2880
actionbar > revealer > box {
2882
padding: 6px;
2883
border-top: 1px solid rgba(0, 0, 0, 0.2);
2884
}
2885
scrolledwindow viewport.frame {
2887
border-style: none;
2888
}
2889
overshoot.top {
2891
background-image: -gtk-gradient(radial, center top, 0, center top, 0.75, to(rgba(64, 196, 255, 0.3)), to(transparent));
2892
background-repeat: no-repeat;
2893
background-position: center top;
2894
background-color: transparent;
2895
border: none;
2896
box-shadow: none;
2897
}
2898
overshoot.bottom {
2900
background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.75, to(rgba(64, 196, 255, 0.3)), to(transparent));
2901
background-repeat: no-repeat;
2902
background-position: center bottom;
2903
background-color: transparent;
2904
border: none;
2905
box-shadow: none;
2906
}
2907
overshoot.left {
2909
background-image: -gtk-gradient(radial, left center, 0, left center, 0.75, to(rgba(64, 196, 255, 0.3)), to(transparent));
2910
background-repeat: no-repeat;
2911
background-position: left center;
2912
background-color: transparent;
2913
border: none;
2914
box-shadow: none;
2915
}
2916
overshoot.right {
2918
background-image: -gtk-gradient(radial, right center, 0, right center, 0.75, to(rgba(64, 196, 255, 0.3)), to(transparent));
2919
background-repeat: no-repeat;
2920
background-position: right center;
2921
background-color: transparent;
2922
border: none;
2923
box-shadow: none;
2924
}
2925
undershoot.top {
2927
background-color: transparent;
2928
background-image: linear-gradient(to left, rgba(80, 99, 108, 0.3) 50%, rgba(255, 255, 255, 0.3) 50%);
2929
padding-top: 1px;
2930
background-size: 12px 1px;
2931
background-repeat: repeat-x;
2932
background-origin: content-box;
2933
background-position: left top;
2934
}
2935
undershoot.bottom {
2937
background-color: transparent;
2938
background-image: linear-gradient(to left, rgba(80, 99, 108, 0.3) 50%, rgba(255, 255, 255, 0.3) 50%);
2939
padding-bottom: 1px;
2940
background-size: 12px 1px;
2941
background-repeat: repeat-x;
2942
background-origin: content-box;
2943
background-position: left bottom;
2944
}
2945
undershoot.left {
2947
background-color: transparent;
2948
background-image: linear-gradient(to top, rgba(80, 99, 108, 0.3) 50%, rgba(255, 255, 255, 0.3) 50%);
2949
padding-left: 1px;
2950
background-size: 1px 12px;
2951
background-repeat: repeat-y;
2952
background-origin: content-box;
2953
background-position: left top;
2954
}
2955
undershoot.right {
2957
background-color: transparent;
2958
background-image: linear-gradient(to top, rgba(80, 99, 108, 0.3) 50%, rgba(255, 255, 255, 0.3) 50%);
2959
padding-right: 1px;
2960
background-size: 1px 12px;
2961
background-repeat: repeat-y;
2962
background-origin: content-box;
2963
background-position: right top;
2964
}
2965
junction {
2967
border-style: solid none none solid;
2968
border-width: 1px;
2969
border-color: rgba(0, 0, 0, 0.2);
2970
background-color: #50636c;
2971
}
2972
junction:dir(rtl) {
2974
border-style: solid solid none none;
2975
}
2976
separator {
2978
min-width: 1px;
2979
min-height: 1px;
2980
background-color: rgba(0, 0, 0, 0.2);
2981
}
2982
button.font separator,
2985
button.file separator, .tweak-categories separator, preferences stacksidebar.sidebar list separator {
2986
min-width: 0;
2987
min-height: 0;
2988
background-color: transparent;
2989
}
2990
/*********
2992
* Lists *
2993
*********/
2994
list {
2995
border-color: rgba(0, 0, 0, 0.2);
2996
background-color: #50636c;
2997
}
2998
list row {
3000
padding: 2px;
3001
}
3002
row.activatable, .view, treeview.view header button, .budgie-menu button {
3004
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);
3005
box-shadow: inset 0 0 0 9999px transparent;
3006
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
3007
background-repeat: no-repeat;
3008
background-position: center;
3009
background-size: 1000% 1000%;
3010
}
3011
row.activatable:hover, .view:hover, treeview.view header button:hover, .budgie-menu button:hover {
3013
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);
3014
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.05);
3015
}
3016
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 {
3018
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), background-color 0, color 0, background-size 0, background-image 0;
3019
animation: ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1) forwards;
3020
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.15);
3021
background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.15) 10%, transparent 0%);
3022
background-size: 0% 0%;
3023
}
3024
/*********************
3026
* App Notifications *
3027
*********************/
3028
.app-notification {
3029
margin: 8px;
3030
}
3031
.app-notification.frame,
3033
.app-notification border {
3034
border-style: none;
3035
}
3036
/*************
3038
* Expanders *
3039
*************/
3040
expander arrow {
3041
transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
3042
min-width: 16px;
3043
min-height: 16px;
3044
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
3045
-gtk-icon-transform: rotate(-90deg);
3046
color: rgba(255, 255, 255, 0.75);
3047
}
3048
expander arrow:dir(rtl) {
3050
-gtk-icon-transform: rotate(90deg);
3051
}
3052
expander arrow:checked {
3054
-gtk-icon-transform: unset;
3055
}
3056
expander arrow:hover, expander arrow:active {
3058
color: #FFFFFF;
3059
}
3060
expander arrow:disabled {
3062
color: rgba(255, 255, 255, 0.3);
3063
}
3064
expander arrow:selected {
3066
color: rgba(255, 255, 255, 0.75);
3067
}
3068
expander arrow:selected:hover, expander arrow:selected:active {
3070
color: #FFFFFF;
3071
}
3072
expander arrow:selected:disabled {
3074
color: rgba(255, 255, 255, 0.3);
3075
}
3076
/************
3078
* Calendar *
3079
************/
3080
calendar {
3081
padding: 1px;
3082
border: 1px solid rgba(0, 0, 0, 0.2);
3083
color: #FFFFFF;
3084
}
3085
calendar:disabled {
3087
color: rgba(255, 255, 255, 0.4);
3088
}
3089
calendar:selected {
3091
border-radius: 3px;
3092
}
3093
calendar.header {
3095
border-style: none none solid;
3096
border-radius: 0;
3097
}
3098
calendar.highlight {
3100
color: alpha(currentColor, 0.6);
3101
font-weight: 500;
3102
}
3103
calendar:indeterminate {
3105
color: alpha(currentColor, 0.4);
3106
}
3107
/***********
3109
* Dialogs *
3110
***********/
3111
messagedialog.background {
3112
background-color: #596e79;
3113
}
3114
messagedialog .titlebar {
3116
min-height: 20px;
3117
border-style: none;
3118
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
3119
background-color: #596e79;
3120
color: #FFFFFF;
3121
}
3122
messagedialog .titlebar:backdrop {
3124
color: rgba(255, 255, 255, 0.75);
3125
}
3126
messagedialog.csd.background {
3128
border-bottom-left-radius: 2px;
3129
border-bottom-right-radius: 2px;
3130
}
3131
messagedialog.csd .dialog-action-area button {
3133
padding: 8px 16px;
3134
border-top: 1px solid rgba(0, 0, 0, 0.2);
3135
border-radius: 0;
3136
}
3137
messagedialog.csd .dialog-action-area button:first-child {
3139
border-bottom-left-radius: 2px;
3140
}
3141
messagedialog.csd .dialog-action-area button:last-child {
3143
border-bottom-right-radius: 2px;
3144
}
3145
filechooser .dialog-action-box {
3147
border-top: 1px solid rgba(0, 0, 0, 0.2);
3148
}
3149
filechooser #pathbarbox {
3151
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
3152
background-color: #44545c;
3153
}
3154
filechooserbutton:drop(active) {
3156
box-shadow: none;
3157
}
3158
/***********
3160
* Sidebar *
3161
***********/
3162
.sidebar {
3163
border-style: none;
3164
background-color: #596e79;
3165
}
3166
stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left, .sidebar.left:dir(rtl) {
3168
border-right: 1px solid rgba(0, 0, 0, 0.2);
3169
border-left-style: none;
3170
}
3171
stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right {
3173
border-left: 1px solid rgba(0, 0, 0, 0.2);
3174
border-right-style: none;
3175
}
3176
.sidebar list {
3178
background-color: transparent;
3179
}
3180
paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar {
3182
border-style: none;
3183
}
3184
stacksidebar row {
3186
padding: 10px 4px;
3187
}
3188
stacksidebar row > label {
3190
padding-left: 6px;
3191
padding-right: 6px;
3192
}
3193
/****************
3195
* File chooser *
3196
****************/
3197
placessidebar > viewport.frame {
3198
border-style: none;
3199
}
3200
placessidebar list {
3202
padding: 1px 0 4px;
3203
}
3204
placessidebar row {
3206
min-height: 32px;
3207
margin: -1px 0;
3208
padding: 0;
3209
}
3210
placessidebar row > revealer {
3212
padding: 0 12px;
3213
}
3214
placessidebar row:selected {
3216
color: #FFFFFF;
3217
}
3218
placessidebar row:disabled {
3220
color: rgba(255, 255, 255, 0.4);
3221
}
3222
placessidebar row image.sidebar-icon {
3224
opacity: 0.6;
3225
}
3226
placessidebar row image.sidebar-icon:dir(ltr) {
3228
padding-right: 8px;
3229
}
3230
placessidebar row image.sidebar-icon:dir(rtl) {
3232
padding-left: 8px;
3233
}
3234
placessidebar row label.sidebar-label:dir(ltr) {
3236
padding-right: 2px;
3237
}
3238
placessidebar row label.sidebar-label:dir(rtl) {
3240
padding-left: 2px;
3241
}
3242
placessidebar row.sidebar-placeholder-row {
3244
min-height: 2px;
3245
padding: 0 8px;
3246
background-image: image(#FF4081);
3247
background-clip: content-box;
3248
}
3249
placessidebar row.sidebar-new-bookmark-row {
3251
color: #FF4081;
3252
}
3253
placessidebar row:drop(active):not(:disabled) {
3255
box-shadow: inset 0 0 0 2px #FF4081;
3256
}
3257
placesview .server-list-button > image {
3259
-gtk-icon-transform: rotate(0turn);
3260
}
3261
placesview .server-list-button:checked > image {
3263
-gtk-icon-transform: rotate(-0.5turn);
3264
}
3265
placesview > actionbar > revealer > box > label {
3267
padding-left: 8px;
3268
padding-right: 8px;
3269
}
3270
/*********
3272
* Paned *
3273
*********/
3274
paned > separator {
3275
min-width: 1px;
3276
min-height: 1px;
3277
-gtk-icon-source: none;
3278
border-style: none;
3279
background-color: transparent;
3280
background-image: image(rgba(0, 0, 0, 0.2));
3281
background-size: 1px 1px;
3282
background-clip: content-box;
3283
}
3284
paned > separator.wide {
3286
min-width: 6px;
3287
min-height: 6px;
3288
background-color: #44545c;
3289
background-image: image(rgba(0, 0, 0, 0.2)), image(rgba(0, 0, 0, 0.2));
3290
background-size: 1px 1px, 1px 1px;
3291
}
3292
paned.horizontal > separator {
3294
background-repeat: repeat-y;
3295
}
3296
paned.horizontal > separator:dir(ltr) {
3298
margin: 0 -8px 0 0;
3299
padding: 0 8px 0 0;
3300
background-position: left;
3301
}
3302
paned.horizontal > separator:dir(rtl) {
3304
margin: 0 0 0 -8px;
3305
padding: 0 0 0 8px;
3306
background-position: right;
3307
}
3308
paned.horizontal > separator.wide {
3310
margin: 0;
3311
padding: 0;
3312
background-repeat: repeat-y, repeat-y;
3313
background-position: left, right;
3314
}
3315
paned.vertical > separator {
3317
margin: 0 0 -8px 0;
3318
padding: 0 0 8px 0;
3319
background-repeat: repeat-x;
3320
background-position: top;
3321
}
3322
paned.vertical > separator.wide {
3324
margin: 0;
3325
padding: 0;
3326
background-repeat: repeat-x, repeat-x;
3327
background-position: bottom, top;
3328
}
3329
/**************
3331
* GtkInfoBar *
3332
**************/
3333
infobar {
3334
border-style: none;
3335
}
3336
infobar.info {
3338
background-color: #66BB6A;
3339
}
3340
infobar.question {
3342
background-color: #42A5F5;
3343
}
3344
infobar.warning {
3346
background-color: #FFA726;
3347
}
3348
infobar.error {
3350
background-color: #EF5350;
3351
}
3352
infobar.info > label, infobar.info, infobar.question > label, infobar.question, infobar.warning > label, infobar.warning, infobar.error > label, infobar.error {
3354
color: #FFFFFF;
3355
}
3356
/************
3358
* Tooltips *
3359
************/
3360
tooltip {
3361
border-radius: 2px;
3362
box-shadow: none;
3363
}
3364
tooltip.background {
3366
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
3367
background-color: rgba(80, 99, 108, 0.9);
3368
}
3369
tooltip:not(.csd):not(.unity-csd) {
3371
border: 1px solid rgba(0, 0, 0, 0.2);
3372
border-radius: 3px;
3373
background-clip: border-box;
3374
}
3375
tooltip decoration {
3377
background-color: transparent;
3378
}
3379
tooltip label {
3381
min-height: 20px;
3382
padding: 0 2px;
3383
}
3384
/*****************
3386
* Color Chooser *
3387
*****************/
3388
colorswatch.top {
3389
border-top-left-radius: 2.5px;
3390
border-top-right-radius: 2.5px;
3391
}
3392
colorswatch.top overlay {
3394
border-top-left-radius: 2px;
3395
border-top-right-radius: 2px;
3396
}
3397
colorswatch.bottom {
3399
border-bottom-left-radius: 2.5px;
3400
border-bottom-right-radius: 2.5px;
3401
}
3402
colorswatch.bottom overlay {
3404
border-bottom-left-radius: 2px;
3405
border-bottom-right-radius: 2px;
3406
}
3407
colorswatch.left, colorswatch:first-child:not(.top) {
3409
border-top-left-radius: 2.5px;
3410
border-bottom-left-radius: 2.5px;
3411
}
3412
colorswatch.left overlay, colorswatch:first-child:not(.top) overlay {
3414
border-top-left-radius: 2px;
3415
border-bottom-left-radius: 2px;
3416
}
3417
colorswatch.right, colorswatch:last-child:not(.bottom) {
3419
border-top-right-radius: 2.5px;
3420
border-bottom-right-radius: 2.5px;
3421
}
3422
colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay {
3424
border-top-right-radius: 2px;
3425
border-bottom-right-radius: 2px;
3426
}
3427
colorswatch.dark overlay {
3429
color: #FFFFFF;
3430
}
3431
colorswatch.light overlay {
3433
color: rgba(0, 0, 0, 0.8);
3434
}
3435
colorswatch.dark {
3437
color: #FFFFFF;
3438
}
3439
colorswatch.light {
3441
color: rgba(0, 0, 0, 0.8);
3442
}
3443
colorswatch:drop(active) {
3445
box-shadow: none;
3446
}
3447
colorswatch:drop(active).light overlay {
3449
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;
3450
}
3451
colorswatch:drop(active).dark overlay {
3453
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;
3454
}
3455
colorswatch overlay {
3457
transition: box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1);
3458
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
3459
}
3460
colorswatch overlay:hover {
3462
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
3463
}
3464
colorswatch#add-color-button {
3466
border-radius: 2px 2px 0 0;
3467
color: #FFFFFF;
3468
}
3469
colorswatch#add-color-button:only-child {
3471
border-radius: 2px;
3472
}
3473
colorswatch#add-color-button overlay {
3475
background-image: linear-gradient(to right, #EF5350 25%, #FFA726 25%, #FFA726 50%, #66BB6A 50%, #66BB6A 75%, #42A5F5 75%);
3476
color: #FFFFFF;
3477
}
3478
colorswatch:disabled {
3480
opacity: 0.4;
3481
}
3482
colorswatch:disabled overlay {
3484
box-shadow: none;
3485
}
3486
colorswatch#editor-color-sample {
3488
border-radius: 2.5px;
3489
}
3490
colorswatch#editor-color-sample overlay {
3492
border-radius: 2px;
3493
}
3494
colorchooser .popover.osd {
3496
transition: box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1);
3497
border-radius: 2px;
3498
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);
3499
background-color: #50636c;
3500
}
3501
colorchooser .popover.osd:backdrop {
3503
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);
3504
}
3505
/********
3507
* Misc *
3508
********/
3509
.content-view {
3510
background-color: #44545c;
3511
}
3512
/**********************
3514
* Window Decorations *
3515
**********************/
3516
decoration {
3517
transition: box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1);
3518
border-radius: 2px 2px 0 0;
3519
box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22), 0 16px 16px transparent;
3520
margin: 8px;
3521
}
3522
decoration:backdrop {
3524
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), 0 16px 16px transparent;
3525
}
3526
.maximized decoration,
3528
.fullscreen decoration,
3529
.tiled decoration {
3530
border-radius: 0;
3531
}
3532
.popup decoration {
3534
box-shadow: none;
3535
}
3536
.ssd decoration {
3538
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16);
3539
}
3540
.csd.popup decoration {
3542
border-radius: 2px;
3543
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
3544
}
3545
tooltip.csd decoration {
3547
border-radius: 2px;
3548
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
3549
}
3550
messagedialog.csd decoration {
3552
border-radius: 2px;
3553
}
3554
.solid-csd decoration {
3556
margin: 0;
3557
border-radius: 0;
3558
box-shadow: none;
3559
background-color: #37474F;
3560
}
3561
.view selection, .view:selected, flowbox flowboxchild:selected, spinbutton:not(.vertical) selection,
3563
entry selection, modelbutton.flat:selected,
3564
.menuitem.button.flat:selected, popover.background.menu button:checked,
3565
popover.background button.model:checked, row:selected, calendar:selected, text:selected, .budgie-menu button:checked {
3566
background-color: #42A5F5;
3567
}
3568
row:selected label, label:selected, .view selection, .view:selected, flowbox flowboxchild:selected, spinbutton:not(.vertical) selection,
3570
entry selection, modelbutton.flat:selected,
3571
.menuitem.button.flat:selected, popover.background.menu button:checked,
3572
popover.background button.model:checked, row:selected, calendar:selected, text:selected, .budgie-menu button:checked {
3573
color: #FFFFFF;
3574
}
3575
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,
3577
entry selection:disabled, modelbutton.flat:disabled:selected,
3578
.menuitem.button.flat:disabled:selected, popover.background.menu button:disabled:checked,
3579
popover.background button.model:disabled:checked, row:disabled:selected, calendar:disabled:selected, text:disabled:selected, .budgie-menu button:disabled:checked {
3580
color: rgba(255, 255, 255, 0.4);
3581
}
3582
.monospace {
3584
font-family: monospace;
3585
}
3586
/**********************
3588
* Touch Copy & Paste *
3589
**********************/
3590
cursor-handle {
3591
border-radius: 9999px;
3592
background-color: #FF4081;
3593
background-image: none;
3594
}
3595
cursor-handle.top:dir(ltr), cursor-handle.bottom:dir(rtl) {
3597
padding-left: 6px;
3598
border-top-right-radius: 0;
3599
}
3600
cursor-handle.bottom:dir(ltr), cursor-handle.top:dir(rtl) {
3602
padding-right: 6px;
3603
border-top-left-radius: 0;
3604
}
3605
cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) {
3607
-GtkWidget-text-handle-width: 24;
3608
-GtkWidget-text-handle-height: 30;
3609
-gtk-icon-source: -gtk-scaled(url("assets/scale-horz-marks-before-slider-dark.png"), url("assets/scale-horz-marks-before-slider-dark@2.png"));
3610
}
3611
.context-menu {
3613
font: initial;
3614
}
3615
.keycap {
3617
min-width: 12px;
3618
min-height: 26px;
3619
margin-top: 2px;
3620
padding-bottom: 2px;
3621
padding-left: 8px;
3622
padding-right: 8px;
3623
border: solid 1px rgba(0, 0, 0, 0.2);
3624
border-radius: 3px;
3625
box-shadow: inset 0 -2px rgba(0, 0, 0, 0.2);
3626
background-color: #50636c;
3627
color: #FFFFFF;
3628
font-size: smaller;
3629
}
3630
:not(decoration):not(window):drop(active) {
3632
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
3633
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;
3634
caret-color: #FF4081;
3635
}
3636
stackswitcher button.text-button {
3638
min-width: 100px;
3639
}
3640
stackswitcher button.circular,
3642
stackswitcher button.text-button.circular {
3643
min-width: 32px;
3644
min-height: 32px;
3645
padding: 0;
3646
}
3647
/************
3649
* Nautilus *
3650
************/
3651
.nautilus-window,
3652
.nautilus-window notebook,
3653
.nautilus-window notebook > stack {
3654
background-color: #50636c;
3655
}
3656
.nautilus-desktop.nautilus-canvas-item:not(:selected), .caja-desktop.caja-canvas-item:not(:selected) {
3658
color: #FFFFFF;
3659
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
3660
}
3661
@keyframes needs_attention_keyframes {
3663
to {
3664
background-color: alpha(currentColor, 0.3);
3665
}
3666
}
3667
.nautilus-operations-button-needs-attention {
3669
animation: needs_attention_keyframes 0.3s cubic-bezier(0.4, 0, 0.2, 1) 2 alternate;
3670
}
3671
.nautilus-operations-button-needs-attention-multiple {
3673
animation: needs_attention_keyframes 0.3s cubic-bezier(0.4, 0, 0.2, 1) 4 alternate;
3674
}
3675
.nautilus-window .floating-bar {
3677
min-height: 32px;
3678
padding: 0;
3679
border-style: solid solid none;
3680
border-width: 1px;
3681
border-color: rgba(0, 0, 0, 0.2);
3682
border-radius: 3px 3px 0 0;
3683
background-color: #50636c;
3684
background-clip: border-box;
3685
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), border-width 0;
3686
}
3687
.nautilus-window .floating-bar.bottom.left {
3689
margin-right: 7px;
3690
border-left-style: none;
3691
border-top-left-radius: 0;
3692
}
3693
.nautilus-window .floating-bar.bottom.right {
3695
margin-left: 7px;
3696
border-right-style: none;
3697
border-top-right-radius: 0;
3698
}
3699
.nautilus-window .floating-bar button {
3701
margin: 6px;
3702
}
3703
.disk-space-display.unknown {
3705
background-color: #FF6D00;
3706
}
3707
.disk-space-display.used {
3709
background-color: #42A5F5;
3710
}
3711
.disk-space-display.free {
3713
background-color: alpha(currentColor, 0.3);
3714
color: rgba(255, 255, 255, 0.4);
3715
}
3716
.nautilus-window searchbar {
3718
border-top: 1px solid rgba(0, 0, 0, 0.2);
3719
}
3720
.nautilus-window .searchbar-container {
3722
margin-top: -1px;
3723
}
3724
.conflict-row:not(:selected) {
3726
background-color: #85664c;
3727
}
3728
.nautilus-window flowboxchild > widget > .icon-item-background {
3730
padding: 4px;
3731
border-radius: 2px;
3732
}
3733
.nautilus-window flowboxchild:selected {
3735
background-color: transparent;
3736
}
3737
.nautilus-window flowboxchild:selected > widget > .icon-item-background {
3739
background-color: #42A5F5;
3740
}
3741
dialog.background > box.dialog-vbox.vertical > grid.horizontal > scrolledwindow.frame {
3743
border-style: none;
3744
}
3745
dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child {
3747
margin: -6px 0 0 -6px;
3748
border-top: 1px solid rgba(0, 0, 0, 0.2);
3749
}
3750
dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child > label {
3752
margin: 0 8px;
3753
}
3754
dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child > box > button {
3756
border-radius: 0;
3757
}
3758
.nautilus-window > popover.menu:not(:last-child) {
3760
padding: 3px;
3761
}
3762
.nautilus-window > popover.menu:not(:last-child) > stack > box > box > box {
3764
margin-top: -6px;
3765
}
3766
.nautilus-window > popover.menu:not(:last-child) > stack > box > box > box > box {
3768
margin-bottom: -6px;
3769
}
3770
.nautilus-window > popover.menu:not(:last-child) > stack > box > box > box > box.linked {
3772
margin-top: 1px;
3773
}
3774
.nautilus-window > popover.menu:not(:last-child) separator {
3776
margin-bottom: -2px;
3777
}
3778
.nautilus-menu-sort-heading {
3780
margin: 1px 3px;
3781
font-weight: 500;
3782
}
3783
.nautilus-menu-sort-heading:disabled {
3785
color: rgba(255, 255, 255, 0.6);
3786
}
3787
.nautilus-window paned > separator {
3789
background-color: #44545c;
3790
}
3791
/*********
3793
* gedit *
3794
*********/
3795
.open-document-selector-name-label {
3796
font-weight: bold;
3797
}
3798
.open-document-selector-path-label {
3800
color: alpha(currentColor, 0.6);
3801
font-size: smaller;
3802
}
3803
.gedit-document-panel {
3805
background-color: #596e79;
3806
}
3807
.gedit-document-panel row button.flat {
3809
margin-top: 8px;
3810
margin-bottom: 8px;
3811
}
3812
.gedit-document-panel-group-row:not(:first-child) {
3814
border-top: 1px solid rgba(0, 0, 0, 0.2);
3815
}
3816
.gedit-side-panel-paned statusbar {
3818
border-top: 1px solid rgba(0, 0, 0, 0.2);
3819
}
3820
.gedit-search-slider {
3822
margin: 4px 4px 8px;
3823
}
3824
.gedit-search-slider entry:dir(ltr), .gedit-search-slider entry:dir(rtl) {
3826
border-radius: 2px;
3827
}
3828
.gedit-search-slider entry:dir(ltr) .gedit-search-entry-occurrences-tag, .gedit-search-slider entry:dir(rtl) .gedit-search-entry-occurrences-tag {
3830
all: unset;
3831
color: alpha(currentColor, 0.6);
3832
}
3833
.gedit-search-slider entry:dir(ltr) {
3835
margin-right: -58px;
3836
padding-right: 58px;
3837
}
3838
.gedit-search-slider entry:dir(ltr) .gedit-search-entry-occurrences-tag {
3840
margin-left: 6px;
3841
}
3842
.gedit-search-slider entry:dir(ltr) image.right {
3844
margin-right: 0;
3845
}
3846
.gedit-search-slider entry:dir(rtl) {
3848
margin-left: -58px;
3849
padding-left: 58px;
3850
}
3851
.gedit-search-slider entry:dir(rtl) .gedit-search-entry-occurrences-tag {
3853
margin-right: 6px;
3854
}
3855
.gedit-search-slider entry:dir(rtl) image.left {
3857
margin-left: 0;
3858
}
3859
.gedit-search-slider entry.error ~ button {
3861
color: rgba(255, 255, 255, 0.75);
3862
}
3863
.gedit-search-slider entry.error ~ button:hover, .gedit-search-slider entry.error ~ button:active {
3865
color: #FFFFFF;
3866
}
3867
.gedit-search-slider entry.error ~ button:disabled {
3869
color: rgba(255, 255, 255, 0.3);
3870
}
3871
.gedit-search-slider button {
3873
border: solid 6px transparent;
3874
}
3875
.gedit-search-slider button:last-child:dir(ltr), .gedit-search-slider button:not(:first-child):dir(rtl) {
3877
margin-left: -3px;
3878
}
3879
.gedit-search-slider button:first-child:dir(rtl), .gedit-search-slider button:not(:last-child):dir(ltr) {
3881
margin-right: -3px;
3882
}
3883
frame.gedit-map-frame > border:dir(ltr) {
3885
border-style: none none none solid;
3886
}
3887
frame.gedit-map-frame > border:dir(rtl) {
3889
border-style: none solid none none;
3890
}
3891
/**************
3893
* Tweak Tool *
3894
**************/
3895
.tweak-categories {
3896
background-image: image(#596e79);
3897
}
3898
.tweak {
3900
padding: 3px;
3901
}
3902
.tweak.title:hover {
3904
box-shadow: none;
3905
}
3906
.tweak-group-white,
3908
.tweak-white,
3909
.tweak-white:hover {
3910
background-image: image(#50636c);
3911
}
3912
.tweak-startup,
3914
.tweak-startup:hover {
3915
background-image: image(#50636c);
3916
}
3917
.tweak-group-startup {
3919
background-image: image(#50636c);
3920
border: 1px solid rgba(0, 0, 0, 0.2);
3921
}
3922
/***********
3924
* Builder *
3925
***********/
3926
layouttabbar {
3927
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
3928
background-color: #44545c;
3929
}
3930
layouttabbar > box > button {
3932
margin: 4px 0;
3933
}
3934
layouttab {
3936
margin: 0 8px;
3937
border-style: none solid;
3938
border-width: 1px;
3939
border-color: rgba(0, 0, 0, 0.2);
3940
box-shadow: inset 0 -2px #42A5F5;
3941
background-color: #50636c;
3942
}
3943
layouttab separator.vertical {
3945
margin: 8px 4px;
3946
}
3947
layouttab button.text-button, layouttab button.image-button, layouttab button {
3949
margin-top: 8px;
3950
margin-bottom: 8px;
3951
padding: 0 4px;
3952
}
3953
layout {
3955
border: 1px solid rgba(0, 0, 0, 0.2);
3956
-PnlDockBin-handle-size: 1;
3957
}
3958
entry.search-missing {
3960
background-color: #DD2C00;
3961
color: #FFFFFF;
3962
}
3963
window.workbench treeview.image {
3965
color: alpha(currentColor, 0.6);
3966
}
3967
window.workbench treeview.image:selected {
3969
color: rgba(255, 255, 255, 0.6);
3970
}
3971
popover.popover-selector list {
3973
padding: 6px;
3974
}
3975
popover.popover-selector list row {
3977
border-radius: 2px;
3978
}
3979
popover.popover-selector list row image:dir(ltr) {
3981
margin-right: 6px;
3982
}
3983
popover.popover-selector list row image:dir(rtl) {
3985
margin-left: 6px;
3986
}
3987
popover.popover-selector list row .accel:dir(ltr) {
3989
margin-left: 6px;
3990
}
3991
popover.popover-selector list row .accel:dir(rtl) {
3993
margin-right: 6px;
3994
}
3995
omnibar.linked:not(.vertical) entry {
3997
border-radius: 2px;
3998
}
3999
omnibar:not(:hover):not(:active) entry {
4001
color: rgba(255, 255, 255, 0.75);
4002
}
4003
popover.omnibar list row:not(:last-child) {
4005
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
4006
}
4007
entry.preferences-search {
4009
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.2);
4010
background-color: #50636c;
4011
}
4012
preferences stacksidebar.sidebar list {
4014
background-color: #596e79;
4015
}
4016
preferences stacksidebar.sidebar:dir(ltr) list, preferences stacksidebar.sidebar:dir(rtl) list {
4018
border-style: none;
4019
}
4020
preferences > box > box:dir(ltr) {
4022
border-right: 1px solid rgba(0, 0, 0, 0.2);
4023
}
4024
preferences > box > box:dir(rtl) {
4026
border-left: 1px solid rgba(0, 0, 0, 0.2);
4027
}
4028
popover.messagepopover.background {
4030
padding: 0;
4031
}
4032
popover.messagepopover .popover-action-area button {
4034
padding: 8px 16px;
4035
border-top: 1px solid rgba(0, 0, 0, 0.2);
4036
border-radius: 0;
4037
}
4038
popover.messagepopover .popover-action-area button:first-child {
4040
border-bottom-left-radius: 2px;
4041
}
4042
popover.messagepopover .popover-action-area button:last-child {
4044
border-bottom-right-radius: 2px;
4045
}
4046
popover.messagepopover .popover-content-area {
4048
margin: 16px;
4049
}
4050
popover.transfers list {
4052
background-color: transparent;
4053
}
4054
popover.transfers list row:not(:first-child) {
4056
border-top: 1px solid rgba(0, 0, 0, 0.2);
4057
}
4058
popover.transfers list row > box {
4060
padding: 10px;
4061
}
4062
dockbin {
4064
border: 1px solid rgba(0, 0, 0, 0.2);
4065
-PnlDockBin-handle-size: 1;
4066
}
4067
dockpaned {
4069
border: 1px solid rgba(0, 0, 0, 0.2);
4070
}
4071
eggsearchbar box.search-bar {
4073
padding: 0 8px;
4074
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
4075
background-color: #44545c;
4076
}
4077
docktabstrip {
4079
padding: 0 8px;
4080
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
4081
background-color: #44545c;
4082
}
4083
docktab {
4085
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
4086
min-height: 20px;
4087
min-width: 20px;
4088
margin-bottom: -1px;
4089
padding: 6px 6px;
4090
outline-offset: -6px;
4091
border-width: 1px;
4092
border-color: transparent;
4093
background-image: radial-gradient(circle farthest-corner at center, #42A5F5 10%, transparent 0%);
4094
background-repeat: no-repeat;
4095
background-position: center;
4096
background-size: 0% 0%;
4097
color: rgba(255, 255, 255, 0.75);
4098
font-weight: 500;
4099
}
4100
docktab:hover {
4102
box-shadow: inset 0 -2px alpha(currentColor, 0.3);
4103
color: #FFFFFF;
4104
}
4105
docktab:checked {
4107
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);
4108
box-shadow: inset 0 -2px #42A5F5;
4109
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
4110
background-size: 1000% 1000%;
4111
color: #FFFFFF;
4112
}
4113
dockoverlayedge {
4115
background-color: #44545c;
4116
}
4117
dockoverlayedge docktabstrip {
4119
padding: 0;
4120
border: none;
4121
}
4122
dockoverlayedge.left-edge docktab:hover {
4124
box-shadow: inset -2px 0 alpha(currentColor, 0.3);
4125
}
4126
dockoverlayedge.left-edge docktab:checked {
4128
box-shadow: inset -2px 0 #42A5F5;
4129
}
4130
dockoverlayedge.right-edge docktab:hover {
4132
box-shadow: inset 2px 0 alpha(currentColor, 0.3);
4133
}
4134
dockoverlayedge.right-edge docktab:checked {
4136
box-shadow: inset 2px 0 #42A5F5;
4137
}
4138
pillbox {
4140
background-color: #44545c;
4141
border-radius: 2px;
4142
}
4143
layoutpane entry.search {
4145
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.2);
4146
background-color: #50636c;
4147
}
4148
editortweak entry.search {
4150
margin-bottom: -1px;
4151
box-shadow: none;
4152
}
4153
.gb-search-entry-occurrences-tag {
4155
box-shadow: none;
4156
background-color: transparent;
4157
}
4158
docktabstrip {
4160
min-height: 39px;
4161
}
4162
window.workbench preferences preferencesgroup list entry {
4164
padding-top: 8px;
4165
padding-bottom: 8px;
4166
}
4167
button.run-arrow-button {
4169
padding-left: 8px;
4170
padding-right: 8px;
4171
}
4172
/**********
4174
* Photos *
4175
**********/
4176
GdMainIconView.content-view {
4177
-GdMainIconView-icon-size: 48;
4178
}
4179
.documents-counter {
4181
margin: 8px;
4182
border-radius: 9999px;
4183
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
4184
background-color: #FF4081;
4185
color: #FFFFFF;
4186
font-weight: bold;
4187
}
4188
.documents-scrolledwin.frame {
4190
border-style: none;
4191
}
4192
.documents-scrolledwin.frame frame.content-view > border {
4194
border-style: none;
4195
}
4196
.photos-fade-in {
4198
opacity: 1;
4199
transition: opacity 0.2s cubic-bezier(0, 0, 0.2, 1);
4200
}
4201
.photos-fade-out {
4203
opacity: 0;
4204
transition: opacity 0.2s cubic-bezier(0, 0, 0.2, 1);
4205
}
4206
overlay grid.horizontal > revealer > scrolledwindow.frame:dir(ltr) {
4208
border-style: none none none solid;
4209
}
4210
overlay grid.horizontal > revealer > scrolledwindow.frame:dir(rtl) {
4212
border-style: none solid none none;
4213
}
4214
/*********
4216
* Music *
4217
*********/
4218
.side-panel:dir(ltr) {
4219
border-style: solid;
4220
border-color: rgba(0, 0, 0, 0.2);
4221
}
4222
.side-panel:dir(rtl) {
4224
border-style: solid;
4225
border-color: rgba(0, 0, 0, 0.2);
4226
}
4227
.side-panel .view {
4229
background-image: image(#596e79);
4230
}
4231
.side-panel .view:hover {
4233
background-image: image(#617580);
4234
}
4235
.side-panel .view:selected {
4237
background-image: image(#42A5F5);
4238
}
4239
.side-panel .view:selected:hover {
4241
background-image: image(#4baaf6);
4242
}
4243
.songs-list:hover {
4245
background-image: image(alpha(currentColor, 0.05));
4246
}
4247
frame.documents-dropdown {
4249
margin: 8px;
4250
}
4251
frame.documents-dropdown > border {
4253
border: none;
4254
}
4255
box.vertical > revealer > toolbar.search-bar {
4257
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
4258
background-clip: border-box;
4259
}
4260
box.vertical > revealer > toolbar.search-bar button > widget {
4262
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
4263
}
4264
/*********
4266
* To Do *
4267
*********/
4268
taskrow {
4269
transition: all 0.2s cubic-bezier(0, 0, 0.2, 1);
4270
margin: 0 -8px;
4271
}
4272
taskrow:hover {
4274
transition: none;
4275
}
4276
taskrow label {
4278
margin: 0 8px;
4279
}
4280
taskrow image {
4282
min-width: 16px;
4283
}
4284
task-list-view > box > revealer > box > button {
4286
margin: -4px;
4287
}
4288
/*******
4290
* eog *
4291
*******/
4292
#eog-thumb-nav scrolledwindow {
4293
border-top: none;
4294
}
4295
#eog-thumb-nav button {
4297
-gtk-outline-radius: 2px;
4298
}
4299
/*************
4301
* Evolution *
4302
*************/
4303
frame.taskbar > border {
4304
border-style: solid none none;
4305
}
4306
box.vertical > paned.horizontal notebook widget .frame {
4308
border-style: none;
4309
}
4310
/********
4312
* gitg *
4313
********/
4314
frame.commit-frame > border {
4315
border-style: solid none none;
4316
}
4317
/**************
4319
* Characters *
4320
**************/
4321
box.dialog-vbox scrolledwindow.related {
4322
border: 1px solid rgba(0, 0, 0, 0.2);
4323
}
4324
list.categories {
4326
background-image: image(#596e79);
4327
}
4328
/*********
4330
* Boxes *
4331
*********/
4332
.transparent-bg + stack overlay > label {
4333
min-height: 24px;
4334
padding: 0 4px;
4335
border-radius: 2px;
4336
background-color: rgba(0, 0, 0, 0.3);
4337
color: #FFFFFF;
4338
}
4339
/**************
4341
* Calculator *
4342
**************/
4343
button.title label {
4344
min-height: 32px;
4345
}
4346
/*********
4348
* Tilix *
4349
*********/
4350
overlay > revealer.left > scrolledwindow.frame,
4351
overlay > revealer.right > scrolledwindow.frame {
4352
border-style: none;
4353
box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22);
4354
}
4355
overlay > revealer.left > scrolledwindow.frame {
4357
margin-right: 32px;
4358
}
4359
overlay > revealer.right > scrolledwindow.frame {
4361
margin-left: 32px;
4362
}
4363
.terminix-session-sidebar,
4365
.tilix-session-sidebar {
4366
background-image: image(#596e79);
4367
}
4368
button.image-button.session-new-button {
4370
min-width: 28px;
4371
}
4372
/***********
4374
* Eclipse *
4375
***********/
4376
window.background > box.vertical > scrolledwindow > widget toolbar {
4377
padding: 2px;
4378
}
4379
window.background > box.vertical > scrolledwindow > widget toolbar separator,
4381
window.background > box.vertical > scrolledwindow > widget toolbar button {
4382
margin: 2px;
4383
}
4384
window.background > box.vertical > scrolledwindow > widget toolbar button {
4386
border-radius: 2px;
4387
}
4388
/***********
4390
* Firefox *
4391
***********/
4392
window.background:not(.csd) > widget > separator {
4393
color: rgba(0, 0, 0, 0.2);
4394
}
4395
window.background:not(.csd) > widget > scrollbar {
4397
background-clip: border-box;
4398
}
4399
window.background:not(.csd) > widget > scrollbar,
4401
window.background:not(.csd) > widget > frame > border {
4402
border-color: rgba(0, 0, 0, 0.2);
4403
}
4404
window.background:not(.csd) > widget > entry,
4406
window.background:not(.csd) > widget > button > button {
4407
border: 1px solid rgba(0, 0, 0, 0.2);
4408
border-radius: 3px;
4409
box-shadow: none;
4410
}
4411
window.background:not(.csd) > widget > entry {
4413
min-height: 30px;
4414
}
4415
window.background:not(.csd) > widget > entry:focus {
4417
border-color: #42A5F5;
4418
}
4419
window.background:not(.csd) > widget > button > button {
4421
padding: 4px 8px;
4422
background-size: auto;
4423
}
4424
window.background:not(.csd) > widget > button > button:hover {
4426
background-image: image(alpha(currentColor, 0.05));
4427
}
4428
window.background:not(.csd) > widget > button > button:active {
4430
background-image: image(alpha(currentColor, 0.1));
4431
}
4432
window.background:not(.csd) > window > menu,
4434
window.background:not(.csd) > menu > menu {
4435
border: none;
4436
}
4437
window.background:not(.csd) > widget > menubar {
4439
color: rgba(255, 255, 255, 0.75);
4440
}
4441
window.background:not(.csd) > widget > menubar:hover {
4443
color: #FFFFFF;
4444
}
4445
window.background:not(.csd) > widget > menubar:disabled {
4447
color: rgba(255, 255, 255, 0.3);
4448
}
4449
window.background:not(.csd) > widget > frame {
4451
color: rgba(0, 0, 0, 0.2);
4452
}
4453
window.background:not(.csd) > widget > checkbutton > check,
4455
window.background:not(.csd) > widget > radiobutton > radio {
4456
margin: 0;
4457
padding: 0;
4458
}
4459
window.background:not(.csd) > window.background > menu > separator {
4461
color: rgba(0, 0, 0, 0.2);
4462
}
4463
/***********
4465
* Synapse *
4466
***********/
4467
box.vertical > widget > widget:selected {
4468
background-color: #42A5F5;
4469
}
4470
/*********
4472
* Unity *
4473
*********/
4474
UnityDecoration {
4475
-UnityDecoration-extents: 28px 0 0 0;
4476
-UnityDecoration-input-extents: 8px;
4477
-UnityDecoration-shadow-offset-x: 0;
4478
-UnityDecoration-shadow-offset-y: 3px;
4479
-UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.48);
4480
-UnityDecoration-active-shadow-radius: 18px;
4481
-UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.32);
4482
-UnityDecoration-inactive-shadow-radius: 6px;
4483
-UnityDecoration-glow-size: 8px;
4484
-UnityDecoration-glow-color: #42A5F5;
4485
-UnityDecoration-title-indent: 4px;
4486
-UnityDecoration-title-fade: 32px;
4487
-UnityDecoration-title-alignment: 0.0;
4488
}
4489
UnityDecoration .top {
4491
padding: 0 2px;
4492
border-style: none;
4493
border-radius: 2px 2px 0 0;
4494
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
4495
background-color: #37474F;
4496
color: #FFFFFF;
4497
}
4498
UnityDecoration .top:backdrop {
4500
color: rgba(255, 255, 255, 0.75);
4501
}
4502
UnityDecoration .menuitem {
4504
color: alpha(currentColor, 0.75);
4505
}
4506
UnityDecoration .menuitem:hover {
4508
box-shadow: inset 0 -2px currentColor;
4509
background-color: transparent;
4510
color: currentColor;
4511
}
4512
.background:not(.csd) headerbar:not(.titlebar) {
4514
border-radius: 0;
4515
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
4516
}
4517
.background:not(.csd) headerbar:not(.titlebar).inline-toolbar {
4519
border-style: none;
4520
}
4521
UnityPanelWidget,
4523
.unity-panel {
4524
background-color: #263238;
4525
color: #FFFFFF;
4526
}
4527
UnityPanelWidget:backdrop,
4529
.unity-panel:backdrop {
4530
color: rgba(255, 255, 255, 0.75);
4531
}
4532
.unity-panel.menuitem,
4534
.unity-panel .menuitem {
4535
color: alpha(currentColor, 0.75);
4536
}
4537
.unity-panel.menubar.menuitem:hover,
4539
.unity-panel.menubar .menuitem *:hover {
4540
box-shadow: inset 0 -2px currentColor;
4541
background-color: transparent;
4542
color: currentColor;
4543
}
4544
.menu IdoPlaybackMenuItem.menuitem:active {
4546
-gtk-icon-source: -gtk-icontheme("process-working-symbolic");
4547
animation: spin 1s linear infinite;
4548
color: #42A5F5;
4549
}
4550
/**************
4552
* Mate-Panel *
4553
**************/
4554
.mate-panel-menu-bar menubar,
4555
#PanelApplet-window-menu-applet-button {
4556
background-color: transparent;
4557
}
4558
#PanelPlug,
4560
PanelToplevel.background {
4561
background-color: #263238;
4562
color: #FFFFFF;
4563
font-weight: 500;
4564
}
4565
PanelToplevel > widget > button {
4567
padding: 0 4px;
4568
border-radius: 0;
4569
}
4570
PanelSeparator {
4572
color: rgba(0, 0, 0, 0.2);
4573
}
4574
MatePanelAppletFrameDBus {
4576
border-style: solid;
4577
border-width: 0 1px;
4578
border-color: rgba(0, 0, 0, 0.2);
4579
}
4580
.mate-panel-menu-bar menubar menuitem {
4582
padding: 4px;
4583
}
4584
.mate-panel-menu-bar menubar menu menuitem {
4586
padding: 6px;
4587
}
4588
.mate-panel-menu-bar #PanelApplet button {
4590
-GtkWidget-window-dragging: true;
4591
padding: 4px;
4592
border-radius: 0;
4593
}
4594
PanelApplet.wnck-applet .wnck-pager {
4596
background-color: transparent;
4597
color: #40C4FF;
4598
}
4599
PanelApplet.wnck-applet .wnck-pager:hover {
4601
background-color: alpha(currentColor, 0.15);
4602
}
4603
PanelApplet.wnck-applet .wnck-pager:active {
4605
background-color: alpha(currentColor, 0.3);
4606
}
4607
PanelApplet.wnck-applet .wnck-pager:selected {
4609
background-color: #42A5F5;
4610
}
4611
#MatePanelPopupWindow {
4613
border: 1px solid rgba(0, 0, 0, 0.2);
4614
border-radius: 3px;
4615
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
4616
}
4617
#MatePanelPopupWindow frame > border {
4619
border-style: none;
4620
}
4621
#MatePanelPopupWindow ClockMap {
4623
border: 1px solid rgba(0, 0, 0, 0.2);
4624
}
4625
na-tray-applet {
4627
-NaTrayApplet-icon-padding: 3px;
4628
-NaTrayApplet-icon-size: 16;
4629
}
4630
.mate-panel-menu-bar {
4632
-PanelMenuBar-icon-visible: true;
4633
}
4634
.mate-panel-applet-slider {
4636
background-color: transparent;
4637
}
4638
.mate-panel-applet-slider frame {
4640
border: 1px solid rgba(0, 0, 0, 0.2);
4641
border-radius: 3px;
4642
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
4643
background-color: #44545c;
4644
}
4645
.mate-panel-applet-slider frame frame {
4647
all: unset;
4648
}
4649
.mate-panel-applet-slider frame > border {
4651
border-style: none;
4652
}
4653
/*********************
4655
* CAJA File manager *
4656
*********************/
4657
.caja-navigation-window button.toggle.image-button {
4658
border-radius: 2px;
4659
}
4660
.caja-pathbar button {
4662
margin: 0 -1px 0 -2px;
4663
}
4664
.caja-pathbar button > widget {
4666
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
4667
-GtkArrow-arrow-scaling: 1;
4668
}
4669
.caja-side-pane notebook viewport.frame,
4671
.caja-side-pane notebook widget .vertical {
4672
background-color: #50636c;
4673
}
4674
.caja-side-pane notebook,
4676
.caja-notebook {
4677
border-top: 1px solid rgba(0, 0, 0, 0.2);
4678
}
4679
.caja-side-pane notebook .frame,
4681
.caja-notebook .frame {
4682
border-style: none;
4683
}
4684
.caja-navigation-window statusbar {
4686
margin: 0 -10px;
4687
padding: 0 4px;
4688
border-top: 1px solid rgba(0, 0, 0, 0.2);
4689
}
4690
.caja-notebook frame > border {
4692
border-style: none;
4693
}
4694
#caja-extra-view-widget {
4696
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
4697
background-color: #44545c;
4698
}
4699
#caja-extra-view-widget > box > box > label {
4701
font-weight: bold;
4702
}
4703
/*********
4705
* Pluma *
4706
*********/
4707
.pluma-window statusbar {
4708
margin: 0 -10px;
4709
padding: 0 4px;
4710
border-top: 1px solid rgba(0, 0, 0, 0.2);
4711
}
4712
.pluma-window statusbar frame > border {
4714
border-style: none;
4715
}
4716
.pluma-window statusbar frame button.flat {
4718
padding: 0 4px;
4719
border-radius: 0;
4720
}
4721
.pluma-window statusbar frame button.flat widget {
4723
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
4724
-GtkArrow-arrow-scaling: 1;
4725
}
4726
.pluma-print-preview toolbar {
4728
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
4729
}
4730
.pluma-window paned.horizontal box.vertical box.horizontal button.flat {
4732
margin: 1px;
4733
}
4734
.pluma-window paned.horizontal box.vertical .frame {
4736
border-style: none;
4737
}
4738
.pluma-window paned.horizontal box.vertical notebook.frame {
4740
margin-top: -1px;
4741
border-top: 1px solid rgba(0, 0, 0, 0.2);
4742
}
4743
.pluma-window paned.horizontal box.vertical notebook.frame box.vertical toolbar.horizontal {
4745
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
4746
}
4747
/*********
4749
* Atril *
4750
*********/
4751
.atril-window paned.horizontal box.vertical .frame {
4752
border-style: none;
4753
}
4754
.atril-window paned.horizontal box.vertical notebook .frame {
4756
border-top: 1px solid rgba(0, 0, 0, 0.2);
4757
}
4758
/* mate-screensaver lock dialog */
4760
.lock-dialog {
4761
border-radius: 2px;
4762
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);
4763
}
4764
.lock-dialog frame > border {
4766
border-style: none;
4767
}
4768
/******************
4770
* Budgie Desktop *
4771
******************/
4772
.budgie-container {
4773
background-color: transparent;
4774
}
4775
.budgie-menu.background {
4777
padding: 0;
4778
background-color: #50636c;
4779
}
4780
.budgie-menu scrollbar,
4782
.budgie-menu entry.search {
4783
background-color: transparent;
4784
}
4785
.budgie-menu entry.search {
4787
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
4788
border-radius: 0;
4789
box-shadow: none;
4790
font-size: 120%;
4791
}
4792
.budgie-menu .categories:dir(ltr) {
4794
border-bottom-left-radius: 2px;
4795
}
4796
.budgie-menu .categories:dir(rtl) {
4798
border-bottom-right-radius: 2px;
4799
}
4800
.budgie-menu button {
4802
min-height: 32px;
4803
padding: 0 8px;
4804
border-radius: 0;
4805
color: #FFFFFF;
4806
font-weight: normal;
4807
}
4808
.budgie-menu button:disabled {
4810
color: rgba(255, 255, 255, 0.4);
4811
}
4812
.budgie-menu row {
4814
all: unset;
4815
}
4816
button.budgie-menu-launcher {
4818
padding: 0 2px;
4819
}
4820
popover.background.user-menu {
4822
padding: 8px;
4823
}
4824
popover.background.user-menu .content-box {
4826
background-color: transparent;
4827
}
4828
popover.background.user-menu separator {
4830
margin: 4px 0;
4831
}
4832
popover.background.user-menu row {
4834
padding: 0;
4835
box-shadow: none;
4836
background-image: none;
4837
}
4838
button.raven-trigger {
4840
padding: 0 4px;
4841
}
4842
popover.background.places-menu {
4844
padding: 8px;
4845
}
4846
popover.background.places-menu .name-button.text-button {
4848
padding-left: 8px;
4849
padding-right: 8px;
4850
}
4851
popover.background.places-menu .name-button.text-button image:dir(ltr) {
4853
margin-right: 3px;
4854
}
4855
popover.background.places-menu .name-button.text-button image:dir(rtl) {
4857
margin-left: 3px;
4858
}
4859
popover.background.places-menu .places-section-header > image:dir(ltr) {
4861
margin: 0 -2px 0 5px;
4862
}
4863
popover.background.places-menu .places-section-header > image:dir(rtl) {
4865
margin: 0 5px 0 -2px;
4866
}
4867
popover.background.places-menu .places-list {
4869
margin-top: 4px;
4870
padding-top: 4px;
4871
border-top: 1px solid rgba(0, 0, 0, 0.2);
4872
background-color: transparent;
4873
}
4874
popover.background.places-menu row {
4876
padding: 0;
4877
box-shadow: none;
4878
background-image: none;
4879
}
4880
.budgie-panel {
4882
background-color: #263238;
4883
color: #FFFFFF;
4884
font-weight: 500;
4885
}
4886
.budgie-panel button {
4888
border-radius: 0;
4889
}
4890
.budgie-panel separator {
4892
background-color: alpha(currentColor, 0.3);
4893
}
4894
.budgie-panel .alert {
4896
color: #FF5252;
4897
}
4898
.budgie-panel #tasklist-button {
4900
padding: 0 4px;
4901
}
4902
.budgie-panel button.flat.launcher {
4904
padding: 0;
4905
}
4906
.top .budgie-panel #tasklist-button, .budgie-panel .top #tasklist-button, .top .budgie-panel button.flat.launcher, .budgie-panel .top button.flat.launcher {
4908
border-image: radial-gradient(circle closest-corner at center calc(1px), currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
4909
}
4910
.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
4912
.budgie-panel .pinned button.flat.launcher.running,
4913
.budgie-panel .pinned .top button.flat.launcher.running {
4914
border-image: radial-gradient(circle closest-corner at center calc(1px), currentColor 100%, transparent 0%) 2 0 0 0/2px 0 0 0;
4915
}
4916
.bottom .budgie-panel #tasklist-button, .budgie-panel .bottom #tasklist-button, .bottom .budgie-panel button.flat.launcher, .budgie-panel .bottom button.flat.launcher {
4918
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
4919
}
4920
.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
4922
.budgie-panel .pinned button.flat.launcher.running,
4923
.budgie-panel .pinned .bottom button.flat.launcher.running {
4924
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2 0/0 0 2px 0;
4925
}
4926
.left .budgie-panel #tasklist-button, .budgie-panel .left #tasklist-button, .left .budgie-panel button.flat.launcher, .budgie-panel .left button.flat.launcher {
4928
border-image: radial-gradient(circle closest-corner at calc(1px) center, currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
4929
}
4930
.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
4932
.budgie-panel .pinned button.flat.launcher.running,
4933
.budgie-panel .pinned .left button.flat.launcher.running {
4934
border-image: radial-gradient(circle closest-corner at calc(1px) center, currentColor 100%, transparent 0%) 0 2 0 0/0 2px 0 0;
4935
}
4936
.right .budgie-panel #tasklist-button, .budgie-panel .right #tasklist-button, .right .budgie-panel button.flat.launcher, .budgie-panel .right button.flat.launcher {
4938
border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
4939
}
4940
.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
4942
.budgie-panel .pinned button.flat.launcher.running,
4943
.budgie-panel .pinned .right button.flat.launcher.running {
4944
border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, currentColor 100%, transparent 0%) 0 0 0 2/0 0 0 2px;
4945
}
4946
frame.raven-frame > border {
4948
border-style: none;
4949
box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22);
4950
}
4951
.top frame.raven-frame > border {
4953
margin-bottom: 32px;
4954
}
4955
.bottom frame.raven-frame > border {
4957
margin-top: 32px;
4958
}
4959
.left frame.raven-frame > border {
4961
margin-right: 32px;
4962
}
4963
.right frame.raven-frame > border {
4965
margin-left: 32px;
4966
}
4967
.raven {
4969
background-color: #596e79;
4970
}
4971
.raven > stack {
4973
margin-bottom: -10px;
4974
}
4975
.raven stackswitcher.linked > button {
4977
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FFA726 0%, transparent 0%) 0 0 0/0 0 0px;
4978
border-radius: 0;
4979
}
4980
.raven stackswitcher.linked > button:checked {
4982
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FFA726 100%, transparent 0%) 0 0 2/0 0 2px;
4983
background-color: transparent;
4984
}
4985
.raven .raven-header {
4987
min-height: 32px;
4988
padding: 3px;
4989
}
4990
.raven .raven-header:not(.top) {
4992
margin-top: -6px;
4993
}
4994
.raven .raven-header.top {
4996
padding: 2px 0;
4997
background-color: #42A5F5;
4998
color: #FFFFFF;
4999
}
5000
.raven .raven-header.top stackswitcher button {
5002
margin: -6px 0;
5003
min-height: 32px;
5004
}
5005
.raven .raven-header.top button.image-button:dir(ltr) {
5007
margin-right: 2px;
5008
}
5009
.raven .raven-header.top button.image-button:dir(rtl) {
5011
margin-left: 2px;
5012
}
5013
.raven .raven-header.top > image {
5015
margin: 0 8px;
5016
}
5017
.raven .raven-header.top > label {
5019
margin: 0 -8px;
5020
font-weight: bold;
5021
}
5022
.raven .raven-header.bottom {
5024
border-top: 1px solid rgba(0, 0, 0, 0.2);
5025
}
5026
.raven viewport.frame .raven-header {
5028
margin-top: -8px;
5029
}
5030
.raven .raven-background {
5032
border-style: solid none;
5033
border-width: 1px;
5034
border-color: rgba(0, 0, 0, 0.2);
5035
background-color: #50636c;
5036
}
5037
.raven .raven-background.frame {
5039
border-style: solid none;
5040
}
5041
.raven .raven-background > overlay > image {
5043
color: alpha(currentColor, 0.3);
5044
}
5045
.raven .raven-background grid > label:first-child {
5047
min-height: 32px;
5048
}
5049
.raven scrolledwindow.raven-background {
5051
border-bottom-style: none;
5052
}
5053
.raven .raven-header.top + .raven-background {
5055
border-style: none;
5056
background-color: #42A5F5;
5057
color: #FFFFFF;
5058
}
5059
.raven .raven-header.top + .raven-background stackswitcher button {
5061
margin: -4px 0;
5062
}
5063
.raven .powerstrip button {
5065
margin: 2px 0 1px;
5066
padding: 10px;
5067
}
5068
.raven .option-subtitle {
5070
font-size: smaller;
5071
}
5072
calendar.raven-calendar {
5074
border-style: none;
5075
background-color: transparent;
5076
}
5077
calendar.raven-calendar:selected {
5079
border-radius: 2px;
5080
background-color: #42A5F5;
5081
}
5082
.raven-mpris {
5084
background-color: rgba(0, 0, 0, 0.6);
5085
color: #FFFFFF;
5086
}
5087
.raven-mpris label {
5089
min-height: 24px;
5090
}
5091
.raven-mpris button.image-button {
5093
padding: 10px;
5094
}
5095
.budgie-notification-window, .budgie-osd-window, .budgie-switcher-window {
5097
background-color: transparent;
5098
}
5099
.budgie-notification .notification-title, .budgie-switcher .notification-title {
5101
font-size: 120%;
5102
}
5103
.budgie-osd .budgie-osd-text {
5105
font-size: 120%;
5106
}
5107
.drop-shadow {
5109
margin: 5px 9px;
5110
padding: 3px;
5111
border-radius: 2px;
5112
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);
5113
background-color: #596e79;
5114
}
5115
.drop-shadow .linked > button {
5117
border-radius: 2px;
5118
}
5119
.budgie-session-dialog, .budgie-polkit-dialog, .budgie-run-dialog {
5121
border-radius: 2px;
5122
background-color: #596e79;
5123
}
5124
.budgie-session-dialog decoration, .budgie-polkit-dialog decoration, .budgie-run-dialog decoration {
5126
border-radius: 2px;
5127
}
5128
.budgie-session-dialog label:not(:last-child),
5130
.budgie-session-dialog .dialog-title {
5131
font-size: 120%;
5132
}
5133
.budgie-session-dialog .linked.horizontal > button {
5135
padding: 8px 16px;
5136
border-top: 1px solid rgba(0, 0, 0, 0.2);
5137
border-radius: 0;
5138
}
5139
.budgie-session-dialog .linked.horizontal > button:first-child {
5141
border-bottom-left-radius: 2px;
5142
}
5143
.budgie-session-dialog .linked.horizontal > button:last-child {
5145
border-bottom-right-radius: 2px;
5146
}
5147
.budgie-polkit-dialog .message {
5149
color: rgba(255, 255, 255, 0.6);
5150
}
5151
.budgie-polkit-dialog .failure {
5153
color: #FF5252;
5154
}
5155
.budgie-run-dialog {
5157
background-color: #50636c;
5158
}
5159
.budgie-run-dialog entry.search {
5161
font-size: 120%;
5162
padding: 6px 14px;
5163
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
5164
background-color: transparent;
5165
}
5166
.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
5168
headerbar .subtitle,
5169
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 {
5170
opacity: 1;
5171
}
5172
.budgie-run-dialog scrolledwindow {
5174
border-top: 1px solid rgba(0, 0, 0, 0.2);
5175
}
5176
/************************
5178
* LightDM GTK+ Greeter *
5179
************************/
5180
#panel_window {
5181
background-color: rgba(0, 0, 0, 0.3);
5182
color: #FFFFFF;
5183
}
5184
#panel_window menubar,
5186
#panel_window separator {
5187
background-color: transparent;
5188
}
5189
#panel_window separator {
5191
padding: 0 4px;
5192
}
5193
#panel_window separator:first-child {
5195
padding: 0 8px;
5196
}
5197
#panel_window menubar > menuitem {
5199
color: rgba(255, 255, 255, 0.75);
5200
}
5201
#panel_window menubar > menuitem:hover {
5203
color: #FFFFFF;
5204
}
5205
#panel_window menubar > menuitem:disabled label {
5207
color: rgba(255, 255, 255, 0.3);
5208
}
5209
#login_window,
5211
#shutdown_dialog,
5212
#restart_dialog {
5213
margin: 8px;
5214
border-radius: 2px;
5215
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);
5216
background-color: #596e79;
5217
}
5218
#content_frame {
5220
padding-bottom: 20px;
5221
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
5222
}
5223
#buttonbox_frame {
5225
padding-top: 24px;
5226
}
5227
#buttonbox_frame button {
5229
margin: -16px;
5230
}
5231
#greeter_infobar {
5233
margin-top: -1px;
5234
}
5235
/* GTK NAMED COLORS
5237
----------------
5238
use responsibly! */
5239
/*
5240
widget text/foreground color */
5241
@define-color theme_fg_color #FFFFFF;
5242
/*
5243
text color for entries, views and content in general */
5244
@define-color theme_text_color #FFFFFF;
5245
/*
5246
widget base background color */
5247
@define-color theme_bg_color #44545c;
5248
/*
5249
text widgets and the like base background color */
5250
@define-color theme_base_color #50636c;
5251
/*
5252
base background color of selections */
5253
@define-color theme_selected_bg_color #42A5F5;
5254
/*
5255
text/foreground color of selections */
5256
@define-color theme_selected_fg_color #FFFFFF;
5257
/*
5258
base background color of insensitive widgets */
5259
@define-color insensitive_bg_color #44545c;
5260
/*
5261
text foreground color of insensitive widgets */
5262
@define-color insensitive_fg_color rgba(255, 255, 255, 0.4);
5263
/*
5264
insensitive text widgets and the like base background color */
5265
@define-color insensitive_base_color #4a5c64;
5266
/*
5267
widget text/foreground color on backdrop windows */
5268
@define-color theme_unfocused_fg_color #FFFFFF;
5269
/*
5270
text color for entries, views and content in general on backdrop windows */
5271
@define-color theme_unfocused_text_color #FFFFFF;
5272
/*
5273
widget base background color on backdrop windows */
5274
@define-color theme_unfocused_bg_color #44545c;
5275
/*
5276
text widgets and the like base background color on backdrop windows */
5277
@define-color theme_unfocused_base_color #50636c;
5278
/*
5279
base background color of selections on backdrop windows */
5280
@define-color theme_unfocused_selected_bg_color #42A5F5;
5281
/*
5282
text/foreground color of selections on backdrop windows */
5283
@define-color theme_unfocused_selected_fg_color #FFFFFF;
5284
/*
5285
insensitive color on backdrop windows */
5286
@define-color unfocused_insensitive_color rgba(255, 255, 255, 0.4);
5287
/*
5288
widgets main borders color */
5289
@define-color borders rgba(0, 0, 0, 0.2);
5290
/*
5291
widgets main borders color on backdrop windows */
5292
@define-color unfocused_borders rgba(0, 0, 0, 0.2);
5293
/*
5294
these are pretty self explicative */
5295
@define-color warning_color #FF6D00;
5296
@define-color error_color #DD2C00;
5297
@define-color success_color #00C853;
5298
/*
5299
FIXME this is really an API */
5300
@define-color content_view_bg #50636c;
5301
@define-color placeholder_text_color #b9c1c4;
5302