ASCII text, with very long lines (556)
1
@keyframes ripple_effect {
2
to {
3
background-size: 1000% 1000%;
4
}
5
}
6
@keyframes header_ripple_effect {
8
from {
9
background-image: radial-gradient(circle farthest-corner at center, #42A5F5 0%, transparent 0%);
10
}
11
to {
12
background-image: radial-gradient(circle farthest-corner at center, #42A5F5 100%, transparent 0%);
13
}
14
}
15
* {
17
background-clip: padding-box;
18
-GtkToolButton-icon-spacing: 0;
19
-GtkTextView-error-underline-color: #DD2C00;
20
-GtkScrolledWindow-scrollbar-spacing: 0;
21
-GtkToolItemGroup-expander-size: 11;
22
-GtkWidget-text-handle-width: 24;
23
-GtkWidget-text-handle-height: 24;
24
-GtkDialog-button-spacing: 4;
25
-GtkDialog-action-area-border: 0;
26
outline-style: solid;
27
outline-width: 2px;
28
outline-color: transparent;
29
outline-offset: -4px;
30
-gtk-outline-radius: 2px;
31
-gtk-secondary-caret-color: #42A5F5;
32
}
33
switch:focus slider,
35
notebook:focus tab,
36
*:focus {
37
outline-color: alpha(currentColor, 0.3);
38
}
39
/***************
41
* Base States *
42
***************/
43
.background {
44
background-color: #F5F5F5;
45
color: rgba(0, 0, 0, 0.8);
46
}
47
/*
49
These wildcard seems unavoidable, need to investigate.
50
Wildcards are bad and troublesome, use them with care,
51
or better, just don't.
52
Everytime a wildcard is used a kitten dies, painfully.
53
*/
54
*:disabled {
55
-gtk-icon-effect: dim;
56
}
57
.gtkstyle-fallback {
59
background-color: #F5F5F5;
60
color: rgba(0, 0, 0, 0.8);
61
}
62
.gtkstyle-fallback:hover {
64
background-color: #e8e8e8;
65
color: rgba(0, 0, 0, 0.8);
66
}
67
.gtkstyle-fallback:active {
69
background-color: gainsboro;
70
color: rgba(0, 0, 0, 0.8);
71
}
72
.gtkstyle-fallback:disabled {
74
background-color: #F5F5F5;
75
color: rgba(0, 0, 0, 0.32);
76
}
77
.gtkstyle-fallback:selected {
79
background-color: #42A5F5;
80
color: #FFFFFF;
81
}
82
.view {
84
background-color: #FFFFFF;
85
color: rgba(0, 0, 0, 0.8);
86
}
87
.view:disabled {
89
color: rgba(0, 0, 0, 0.32);
90
}
91
textview text {
93
background-color: #FFFFFF;
94
}
95
textview border {
97
background-color: #FAFAFA;
98
}
99
iconview, .nautilus-canvas-item, .caja-canvas-item {
101
border-radius: 2px;
102
}
103
.rubberband,
105
rubberband,
106
flowbox rubberband,
107
treeview.view rubberband,
108
.content-view rubberband,
109
.content-view .rubberband {
110
border: 1px solid #40C4FF;
111
background-color: rgba(64, 196, 255, 0.3);
112
}
113
flowbox flowboxchild {
115
padding: 4px;
116
border-radius: 2px;
117
}
118
.content-view .tile:selected {
120
background-color: transparent;
121
color: inherit;
122
}
123
label {
125
caret-color: currentColor;
126
}
127
label.separator {
129
color: rgba(0, 0, 0, 0.8);
130
}
131
label selection {
133
background-color: #42A5F5;
134
color: #FFFFFF;
135
}
136
label:disabled {
138
color: rgba(0, 0, 0, 0.32);
139
}
140
tab label:disabled,
142
button label:disabled {
143
color: inherit;
144
}
145
.dim-label, label.separator, .titlebar:not(headerbar) .subtitle,
147
headerbar .subtitle, .budgie-notification .notification-body {
148
opacity: 0.6;
149
}
150
assistant .sidebar {
152
padding: 4px 0;
153
}
154
assistant .sidebar label {
156
min-height: 32px;
157
padding: 0 12px;
158
color: rgba(0, 0, 0, 0.48);
159
font-weight: 500;
160
}
161
assistant .sidebar label.highlight {
163
color: rgba(0, 0, 0, 0.8);
164
}
165
popover.background.touch-selection, popover.background.magnifier, popover.background.osd, .app-notification, .osd .scale-popup, .nautilus-window .floating-bar, .osd {
167
opacity: 0.9;
168
}
169
/*********************
171
* Spinner Animation *
172
*********************/
173
@keyframes spin {
174
to {
175
-gtk-icon-transform: rotate(1turn);
176
}
177
}
178
@keyframes spin_colors {
180
1% {
181
color: #66BB6A;
182
}
183
25% {
184
color: #66BB6A;
185
}
186
26% {
187
color: #42A5F5;
188
}
189
50% {
190
color: #42A5F5;
191
}
192
51% {
193
color: #FFA726;
194
}
195
75% {
196
color: #FFA726;
197
}
198
76% {
199
color: #EF5350;
200
}
201
100% {
202
color: #EF5350;
203
}
204
}
205
spinner {
207
background: none;
208
opacity: 0;
209
-gtk-icon-source: -gtk-icontheme("process-working-symbolic");
210
}
211
spinner:checked {
213
opacity: 1;
214
animation: spin 1s linear infinite, spin_colors 4s linear infinite;
215
}
216
spinner:checked:disabled {
218
opacity: 0.4;
219
}
220
/****************
222
* Text Entries *
223
****************/
224
spinbutton:not(.vertical),
225
entry {
226
min-height: 32px;
227
padding: 0 8px;
228
border-radius: 2px;
229
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1);
230
border-image: none;
231
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
232
background-color: #FFFFFF;
233
color: rgba(0, 0, 0, 0.8);
234
}
235
spinbutton:focus:not(.vertical),
237
entry:focus {
238
border-image: none;
239
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
240
}
241
spinbutton:disabled:not(.vertical),
243
entry:disabled {
244
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
245
background-color: #FAFAFA;
246
color: rgba(0, 0, 0, 0.32);
247
}
248
spinbutton.flat:not(.vertical), notebook > stack:not(:only-child) entry:not(.search),
250
notebook > stack:not(:only-child) spinbutton:not(.vertical), colorchooser .popover.osd spinbutton:not(.vertical), entry.preferences-search, layoutpane entry.search, editortweak entry.search, .raven .raven-background spinbutton:not(.vertical), #login_window entry,
251
entry.flat {
252
border-radius: 0;
253
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
254
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #42A5F5 0%, transparent 0%) 0 0 0/0 0 0px;
255
box-shadow: inset 0 -1px alpha(currentColor, 0.3);
256
background-color: transparent;
257
color: rgba(0, 0, 0, 0.8);
258
}
259
spinbutton.flat:focus:not(.vertical), notebook > stack:not(:only-child) entry:focus:not(.search),
261
notebook > stack:not(:only-child) spinbutton:focus:not(.vertical), 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,
262
entry.flat:focus {
263
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #42A5F5 100%, transparent 0%) 0 0 2/0 0 2px;
264
box-shadow: inset 0 -1px alpha(currentColor, 0.3);
265
}
266
spinbutton.flat:disabled:not(.vertical), notebook > stack:not(:only-child) entry:disabled:not(.search),
268
notebook > stack:not(:only-child) spinbutton:disabled:not(.vertical), 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,
269
entry.flat:disabled {
270
box-shadow: inset 0 -1px alpha(currentColor, 0.3);
271
background-color: transparent;
272
color: rgba(0, 0, 0, 0.32);
273
}
274
spinbutton:not(.vertical) image,
276
entry image {
277
color: alpha(currentColor, 0.75);
278
}
279
spinbutton:not(.vertical) image:hover, spinbutton:not(.vertical) image:active,
281
entry image:hover,
282
entry image:active {
283
color: currentColor;
284
}
285
spinbutton:not(.vertical) image:disabled,
287
entry image:disabled {
288
color: alpha(currentColor, 0.6);
289
}
290
spinbutton:not(.vertical) image.left,
292
entry image.left {
293
margin-left: 2px;
294
margin-right: 6px;
295
}
296
spinbutton:not(.vertical) image.right,
298
entry image.right {
299
margin-left: 6px;
300
margin-right: 2px;
301
}
302
spinbutton:not(.vertical) undershoot.left,
304
entry undershoot.left {
305
background-color: transparent;
306
background-image: linear-gradient(to top, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.24) 50%);
307
padding-left: 1px;
308
background-size: 1px 12px;
309
background-repeat: repeat-y;
310
background-origin: content-box;
311
background-position: left top;
312
}
313
spinbutton:not(.vertical) undershoot.right,
315
entry undershoot.right {
316
background-color: transparent;
317
background-image: linear-gradient(to top, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.24) 50%);
318
padding-right: 1px;
319
background-size: 1px 12px;
320
background-repeat: repeat-y;
321
background-origin: content-box;
322
background-position: right top;
323
}
324
spinbutton.error:not(.vertical),
326
entry.error {
327
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1);
328
border-image: none;
329
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
330
background-color: #DD2C00;
331
color: #FFFFFF;
332
}
333
spinbutton.error:focus:not(.vertical),
335
entry.error:focus {
336
border-image: none;
337
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
338
}
339
spinbutton.error:disabled:not(.vertical),
341
entry.error:disabled {
342
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
343
background-color: #FAFAFA;
344
color: rgba(0, 0, 0, 0.32);
345
}
346
spinbutton.error.flat:not(.vertical), notebook > stack:not(:only-child) entry.error:not(.search),
348
notebook > stack:not(:only-child) spinbutton.error:not(.vertical), 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,
349
entry.error.flat {
350
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
351
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #DD2C00 0%, transparent 0%) 0 0 0/0 0 0px;
352
box-shadow: inset 0 -1px #DD2C00;
353
background-color: transparent;
354
color: rgba(0, 0, 0, 0.8);
355
}
356
spinbutton.error.flat:focus:not(.vertical), notebook > stack:not(:only-child) entry.error:focus:not(.search),
358
notebook > stack:not(:only-child) spinbutton.error:focus:not(.vertical), 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,
359
entry.error.flat:focus {
360
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #DD2C00 100%, transparent 0%) 0 0 2/0 0 2px;
361
box-shadow: inset 0 -1px #DD2C00;
362
}
363
spinbutton.error.flat:disabled:not(.vertical), notebook > stack:not(:only-child) entry.error:disabled:not(.search),
365
notebook > stack:not(:only-child) spinbutton.error:disabled:not(.vertical), 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,
366
entry.error.flat:disabled {
367
box-shadow: inset 0 -1px alpha(currentColor, 0.3);
368
background-color: transparent;
369
color: rgba(0, 0, 0, 0.32);
370
}
371
spinbutton.warning:not(.vertical),
373
entry.warning {
374
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1);
375
border-image: none;
376
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
377
background-color: #FF6D00;
378
color: #FFFFFF;
379
}
380
spinbutton.warning:focus:not(.vertical),
382
entry.warning:focus {
383
border-image: none;
384
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
385
}
386
spinbutton.warning:disabled:not(.vertical),
388
entry.warning:disabled {
389
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
390
background-color: #FAFAFA;
391
color: rgba(0, 0, 0, 0.32);
392
}
393
spinbutton.warning.flat:not(.vertical), notebook > stack:not(:only-child) entry.warning:not(.search),
395
notebook > stack:not(:only-child) spinbutton.warning:not(.vertical), 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,
396
entry.warning.flat {
397
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
398
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FF6D00 0%, transparent 0%) 0 0 0/0 0 0px;
399
box-shadow: inset 0 -1px #FF6D00;
400
background-color: transparent;
401
color: rgba(0, 0, 0, 0.8);
402
}
403
spinbutton.warning.flat:focus:not(.vertical), notebook > stack:not(:only-child) entry.warning:focus:not(.search),
405
notebook > stack:not(:only-child) spinbutton.warning:focus:not(.vertical), 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,
406
entry.warning.flat:focus {
407
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FF6D00 100%, transparent 0%) 0 0 2/0 0 2px;
408
box-shadow: inset 0 -1px #FF6D00;
409
}
410
spinbutton.warning.flat:disabled:not(.vertical), notebook > stack:not(:only-child) entry.warning:disabled:not(.search),
412
notebook > stack:not(:only-child) spinbutton.warning:disabled:not(.vertical), 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,
413
entry.warning.flat:disabled {
414
box-shadow: inset 0 -1px alpha(currentColor, 0.3);
415
background-color: transparent;
416
color: rgba(0, 0, 0, 0.32);
417
}
418
spinbutton:not(.vertical) progress,
420
entry progress {
421
margin: 2px -6px;
422
border-bottom: 2px solid #42A5F5;
423
background-color: transparent;
424
}
425
.linked:not(.vertical) > spinbutton.flat:not(.vertical), notebook > stack:not(:only-child) .linked:not(.vertical) > entry:not(.search),
427
notebook > stack:not(:only-child) .linked:not(.vertical) > spinbutton:not(.vertical), 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,
428
.linked.vertical > spinbutton.flat:not(.vertical), notebook > stack:not(:only-child)
429
.linked.vertical > entry:not(.search),
430
notebook > stack:not(:only-child)
431
.linked.vertical > spinbutton:not(.vertical), colorchooser .popover.osd
432
.linked.vertical > spinbutton:not(.vertical),
433
.linked.vertical > entry.preferences-search, layoutpane
434
.linked.vertical > entry.search, editortweak
435
.linked.vertical > entry.search, .raven .raven-background
436
.linked.vertical > spinbutton:not(.vertical), #login_window
437
.linked.vertical > entry, .linked:not(.vertical) >
438
entry.flat,
439
.linked.vertical >
440
entry.flat {
441
border-radius: 0;
442
}
443
treeview entry.flat, treeview entry {
445
min-height: 0;
446
padding: 2px;
447
border-radius: 0;
448
background-color: #FFFFFF;
449
}
450
treeview entry.flat, treeview entry.flat:focus, treeview entry, treeview entry:focus {
452
border-image: none;
453
box-shadow: none;
454
}
455
/***********
457
* Buttons *
458
***********/
459
@keyframes needs_attention {
460
from {
461
background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#FF4081), to(transparent));
462
}
463
to {
464
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#FF4081), to(transparent));
465
}
466
}
467
button {
470
min-height: 24px;
471
min-width: 16px;
472
padding: 4px 8px;
473
border-radius: 2px;
474
font-weight: 500;
475
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);
476
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;
477
background-color: #FAFAFA;
478
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
479
background-repeat: no-repeat;
480
background-position: center;
481
background-size: 1000% 1000%;
482
color: rgba(0, 0, 0, 0.6);
483
}
484
button:hover {
487
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;
488
color: rgba(0, 0, 0, 0.8);
489
}
490
button:active {
493
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
494
animation: ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1) forwards;
495
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);
496
background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.15) 10%, transparent 0%);
497
background-size: 0% 0%;
498
color: rgba(0, 0, 0, 0.8);
499
}
500
button:disabled {
503
box-shadow: none;
504
background-color: alpha(currentColor, 0.3);
505
color: rgba(0, 0, 0, 0.24);
506
}
507
button:checked {
510
background-color: #42A5F5;
511
color: #FFFFFF;
512
}
513
button:checked:disabled {
516
background-color: alpha(currentColor, 0.3);
517
color: rgba(66, 165, 245, 0.4);
518
}
519
modelbutton.flat,
521
.menuitem.button.flat, spinbutton:not(.vertical) button, spinbutton.vertical button, popover.background.menu button,
522
popover.background button.model, notebook > header > tabs > arrow, scrollbar button, check,
523
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)
524
.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),
525
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,
526
button.flat {
527
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);
528
box-shadow: inset 0 0 0 9999px transparent;
529
background-color: transparent;
530
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
531
background-repeat: no-repeat;
532
background-position: center;
533
background-size: 1000% 1000%;
534
color: alpha(currentColor, 0.75);
535
}
536
modelbutton.flat:hover,
538
.menuitem.button.flat:hover, spinbutton:not(.vertical) button:hover, spinbutton.vertical button:hover, popover.background.menu button:hover,
539
popover.background button.model:hover, notebook > header > tabs > arrow:hover, scrollbar button:hover, check:hover,
540
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)
541
.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),
542
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,
543
button.flat:hover {
544
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.15);
545
color: currentColor;
546
}
547
modelbutton.flat:active,
549
.menuitem.button.flat:active, spinbutton:not(.vertical) button:active, spinbutton.vertical button:active, popover.background.menu button:active,
550
popover.background button.model:active, notebook > header > tabs > arrow:active, scrollbar button:active, check:active,
551
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)
552
.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),
553
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,
554
button.flat:active {
555
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
556
animation: ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1) forwards;
557
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.15);
558
background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.15) 10%, transparent 0%);
559
background-size: 0% 0%;
560
color: currentColor;
561
}
562
modelbutton.flat:disabled,
564
.menuitem.button.flat:disabled, spinbutton:not(.vertical) button:disabled, spinbutton.vertical button:disabled, popover.background.menu button:disabled,
565
popover.background button.model:disabled, notebook > header > tabs > arrow:disabled, scrollbar button:disabled, check:disabled,
566
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)
567
.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),
568
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,
569
button.flat:disabled {
570
box-shadow: none;
571
background-color: transparent;
572
color: alpha(currentColor, 0.3);
573
}
574
:not(headerbar) .caja-pathbar button:checked, .caja-pathbar :not(headerbar) button:checked, :not(headerbar)
576
.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),
577
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,
578
button.flat:checked {
579
background-color: alpha(currentColor, 0.3);
580
color: currentColor;
581
}
582
:not(headerbar) .caja-pathbar button:checked:disabled, .caja-pathbar :not(headerbar) button:checked:disabled, :not(headerbar)
584
.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),
585
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,
586
button.flat:checked:disabled {
587
background-color: alpha(currentColor, 0.3);
588
color: alpha(currentColor, 0.4);
589
}
590
button.text-button {
593
padding-left: 16px;
594
padding-right: 16px;
595
}
596
button.image-button {
599
min-width: 24px;
600
padding: 4px;
601
}
602
button.text-button.image-button label:first-child {
605
margin-left: 12px;
606
}
607
button.text-button.image-button label:last-child {
610
margin-right: 12px;
611
}
612
button.text-button.image-button image:not(:only-child) {
615
margin: 0 4px;
616
}
617
toolbar .linked > button, .titlebar:not(headerbar) .linked > button:not(.suggested-action):not(.destructive-action),
619
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
620
.linked.vertical > button, .titlebar:not(headerbar)
621
.linked.vertical > button:not(.suggested-action):not(.destructive-action),
622
headerbar
623
.linked.vertical > button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box
624
.linked.vertical > button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification
625
.linked.vertical > button, .linked >
626
button.flat,
627
.linked.vertical >
628
button.flat {
629
border-radius: 2px;
630
}
631
infobar.info button:disabled, infobar.question button:disabled, infobar.warning button:disabled, infobar.error button:disabled, row:selected
633
button:disabled {
634
color: rgba(255, 255, 255, 0.3);
635
}
636
button.osd {
639
padding: 10px 14px;
640
}
641
button.osd.image-button {
644
padding: 10px;
645
}
646
button.osd:disabled {
649
opacity: 0;
650
}
651
button.suggested-action {
654
background-color: #FF4081;
655
color: #FFFFFF;
656
}
657
button.suggested-action:disabled {
660
box-shadow: none;
661
background-color: alpha(currentColor, 0.3);
662
color: rgba(0, 0, 0, 0.32);
663
}
664
button.suggested-action:checked {
667
background-color: #ff79a7;
668
}
669
button.suggested-action.flat {
672
background-color: transparent;
673
color: #FF4081;
674
}
675
button.suggested-action.flat:disabled {
678
box-shadow: none;
679
background-color: transparent;
680
color: alpha(currentColor, 0.4);
681
}
682
button.suggested-action.flat:checked {
685
background-color: alpha(currentColor, 0.3);
686
}
687
button.destructive-action {
690
background-color: #FF5252;
691
color: #FFFFFF;
692
}
693
button.destructive-action:disabled {
696
box-shadow: none;
697
background-color: alpha(currentColor, 0.3);
698
color: rgba(0, 0, 0, 0.32);
699
}
700
button.destructive-action:checked {
703
background-color: #ff8686;
704
}
705
button.destructive-action.flat {
708
background-color: transparent;
709
color: #FF5252;
710
}
711
button.destructive-action.flat:disabled {
714
box-shadow: none;
715
background-color: transparent;
716
color: alpha(currentColor, 0.4);
717
}
718
button.destructive-action.flat:checked {
721
background-color: alpha(currentColor, 0.3);
722
}
723
.stack-switcher >
725
button {
726
outline-offset: -4px;
727
}
728
.stack-switcher >
730
button > label {
731
padding-left: 6px;
732
padding-right: 6px;
733
}
734
.stack-switcher >
736
button > image {
737
padding-left: 6px;
738
padding-right: 6px;
739
padding-top: 3px;
740
padding-bottom: 3px;
741
}
742
.stack-switcher >
744
button.text-button {
745
padding-left: 10px;
746
padding-right: 10px;
747
}
748
.stack-switcher >
750
button.image-button {
751
padding-left: 2px;
752
padding-right: 2px;
753
}
754
.stack-switcher >
756
button.needs-attention:checked > label,
757
.stack-switcher >
758
button.needs-attention:checked > image {
759
animation: none;
760
background-image: none;
761
}
762
.primary-toolbar
764
button {
765
-gtk-icon-shadow: none;
766
}
767
button.image-button:not(.text-button), toolbar .linked > button.image-button:not(.text-button), .titlebar:not(headerbar) .linked > button.image-button:not(.text-button):not(.suggested-action):not(.destructive-action),
770
headerbar .linked > button.image-button:not(.text-button):not(.suggested-action):not(.destructive-action), actionbar > revealer > box .linked > button.image-button:not(.text-button):not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification .linked > button.image-button:not(.text-button), toolbar
771
.linked.vertical > button.image-button:not(.text-button),
772
headerbar
773
.linked.vertical > button.image-button:not(.text-button):not(.suggested-action):not(.destructive-action), .app-notification
774
.linked.vertical > button.image-button:not(.text-button), .linked > button.flat.image-button:not(.text-button),
775
.linked.vertical > button.flat.image-button:not(.text-button), .inline-toolbar button:not(.text-button), check,
776
radio, button.titlebutton, .nautilus-window headerbar > revealer > button, .raven .raven-header:not(.top) button.image-button, .raven .expander-button,
777
button.close,
778
button.circular {
779
border-radius: 9999px;
780
-gtk-outline-radius: 9999px;
781
}
782
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 {
784
min-height: 20px;
785
min-width: 20px;
786
padding: 0;
787
border-radius: 9999px;
788
-gtk-outline-radius: 9999px;
789
}
790
.stack-switcher >
792
button.needs-attention > label,
793
.stack-switcher >
794
button.needs-attention > image, stacksidebar row.needs-attention > label {
795
animation: needs_attention 0.3s cubic-bezier(0, 0, 0.2, 1) forwards;
796
background-repeat: no-repeat;
797
background-position: right 3px;
798
background-size: 6px 6px;
799
}
800
.stack-switcher >
802
button.needs-attention > label:dir(rtl),
803
.stack-switcher >
804
button.needs-attention > image:dir(rtl), stacksidebar row.needs-attention > label:dir(rtl) {
805
background-position: left 3px;
806
}
807
.linked:not(.vertical) > combobox:not(:only-child) > box > button.combo, .linked:not(.vertical) > spinbutton:not(:only-child):not(.vertical), .linked:not(.vertical) > entry:not(:only-child), .linked > button:not(:only-child) {
809
border-radius: 0;
810
-gtk-outline-radius: 2px;
811
}
812
.linked:not(.vertical) > combobox:not(:only-child):first-child > box > button.combo, .linked:not(.vertical) > spinbutton:not(:only-child):first-child:not(.vertical), .linked:not(.vertical) > entry:not(:only-child):first-child, .linked > button:not(:only-child):first-child, combobox.linked button:not(:only-child):nth-child(2):dir(rtl) {
814
border-radius: 2px 0 0 2px;
815
}
816
.linked:not(.vertical) > combobox:not(:only-child):last-child > box > button.combo, .linked:not(.vertical) > spinbutton:not(:only-child):last-child:not(.vertical), .linked:not(.vertical) > entry:not(:only-child):last-child, .linked > button:not(:only-child):last-child, combobox.linked button:not(:only-child):nth-child(2):dir(ltr) {
818
border-radius: 0 2px 2px 0;
819
}
820
.linked.vertical > combobox:not(:only-child) > box > button.combo, .linked.vertical > spinbutton:not(:only-child):not(.vertical), .linked.vertical > entry:not(:only-child), .linked.vertical > button:not(:only-child) {
822
border-radius: 0;
823
-gtk-outline-radius: 2px;
824
}
825
.linked.vertical > combobox:not(:only-child):first-child > box > button.combo, .linked.vertical > spinbutton:not(:only-child):first-child:not(.vertical), .linked.vertical > entry:not(:only-child):first-child, .linked.vertical > button:not(:only-child):first-child {
827
border-radius: 2px 2px 0 0;
828
}
829
.linked.vertical > combobox:not(:only-child):last-child > box > button.combo, .linked.vertical > spinbutton:not(:only-child):last-child:not(.vertical), .linked.vertical > entry:not(:only-child):last-child, .linked.vertical > button:not(:only-child):last-child {
831
border-radius: 0 0 2px 2px;
832
}
833
/* menu buttons */
835
modelbutton.flat,
836
.menuitem.button.flat {
837
min-height: 28px;
838
padding: 0 8px;
839
border-radius: 2px;
840
color: inherit;
841
}
842
modelbutton.flat check,
844
modelbutton.flat radio,
845
.menuitem.button.flat check,
846
.menuitem.button.flat radio {
847
box-shadow: none;
848
background-image: none;
849
}
850
modelbutton.flat check:not(:checked):not(:indeterminate),
852
modelbutton.flat radio:not(:checked):not(:indeterminate),
853
.menuitem.button.flat check:not(:checked):not(:indeterminate),
854
.menuitem.button.flat radio:not(:checked):not(:indeterminate) {
855
color: alpha(currentColor, 0.6);
856
}
857
modelbutton.flat check:last-child,
859
modelbutton.flat radio:last-child,
860
.menuitem.button.flat check:last-child,
861
.menuitem.button.flat radio:last-child {
862
margin-left: -8px;
863
margin-right: -16px;
864
}
865
modelbutton.flat check:first-child,
867
modelbutton.flat radio:first-child,
868
.menuitem.button.flat check:first-child,
869
.menuitem.button.flat radio:first-child {
870
margin-left: -16px;
871
margin-right: -8px;
872
}
873
modelbutton.flat arrow {
875
background: none;
876
}
877
modelbutton.flat arrow:hover {
879
background: none;
880
}
881
modelbutton.flat arrow.left {
883
-gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
884
}
885
modelbutton.flat arrow.right {
887
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
888
}
889
button.color {
891
min-height: 20px;
892
min-width: 20px;
893
padding: 6px;
894
}
895
/*********
897
* Links *
898
*********/
899
*:link, button:link,
900
button:visited, *:link:hover, button:hover:link,
901
button:hover:visited, *:link:active, button:active:link,
902
button:active:visited {
903
color: #42A5F5;
904
}
905
*:link:visited,
907
button:visited, *:link:visited:hover,
908
button:visited:hover, *:link:visited:active,
909
button:visited:active {
910
color: #E040FB;
911
}
912
infobar.info *:link, infobar.info button:link, infobar.info
914
button:visited, infobar.question *:link, infobar.question button:link, infobar.question
915
button:visited, infobar.warning *:link, infobar.warning button:link, infobar.warning
916
button:visited, infobar.error *:link, infobar.error button:link, infobar.error
917
button:visited, *:link:selected, button:selected:link,
918
button:selected:visited, .selection-mode.titlebar:not(headerbar) .subtitle:link,
919
headerbar.selection-mode .subtitle:link,
920
*:selected *:link,
921
*:selected button:link,
922
*:selected
923
button:visited {
924
color: #FFFFFF;
925
}
926
button:link > label,
928
button:visited > label {
929
text-decoration-line: underline;
930
}
931
/*****************
933
* GtkSpinButton *
934
*****************/
935
spinbutton:not(.vertical) {
936
padding: 0;
937
}
938
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,
940
spinbutton:not(.vertical) entry {
941
min-width: 28px;
942
margin: 0;
943
border-image: none;
944
border-radius: 0;
945
box-shadow: none;
946
background-color: transparent;
947
}
948
spinbutton:not(.vertical) button {
950
border: solid 6px transparent;
951
}
952
spinbutton:not(.vertical) button.up:dir(ltr), spinbutton:not(.vertical) button.down:dir(rtl) {
954
margin-left: -3px;
955
}
956
spinbutton:not(.vertical) button.up:dir(rtl), spinbutton:not(.vertical) button.down:dir(ltr) {
958
margin-right: -3px;
959
}
960
spinbutton.vertical:disabled {
962
color: rgba(0, 0, 0, 0.32);
963
}
964
spinbutton.vertical:drop(active) {
966
box-shadow: none;
967
}
968
spinbutton.vertical entry {
970
min-height: 32px;
971
min-width: 44px;
972
padding: 0;
973
}
974
spinbutton.vertical button {
976
min-height: 32px;
977
min-width: 44px;
978
padding: 0;
979
}
980
spinbutton.vertical button.up {
982
border-radius: 2px 2px 0 0;
983
}
984
spinbutton.vertical button.down {
986
border-radius: 0 0 2px 2px;
987
}
988
treeview spinbutton:not(.vertical) {
990
min-height: 0;
991
border-style: none;
992
border-radius: 0;
993
}
994
treeview spinbutton:not(.vertical) entry {
996
min-height: 0;
997
padding: 1px 2px;
998
}
999
/**************
1001
* ComboBoxes *
1002
**************/
1003
combobox arrow {
1004
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
1005
min-height: 16px;
1006
min-width: 16px;
1007
}
1008
combobox decoration,
1010
combobox button.combo:checked {
1011
transition: none;
1012
}
1013
combobox button.combo cellview:dir(ltr) {
1015
margin-left: 0px;
1016
}
1017
combobox button.combo cellview:dir(rtl) {
1019
margin-right: 0px;
1020
}
1021
combobox #gtk-combobox-popup-menu {
1023
padding: 2px 0;
1024
}
1025
combobox #gtk-combobox-popup-menu menuitem {
1027
min-height: 28px;
1028
padding: 0 8px;
1029
}
1030
combobox #gtk-combobox-popup-menu > arrow.top {
1032
margin-top: -2px;
1033
}
1034
combobox #gtk-combobox-popup-menu > arrow.bottom {
1036
margin-bottom: -6px;
1037
}
1038
combobox:drop(active) {
1040
box-shadow: none;
1041
}
1042
notebook > stack:not(:only-child) button.combo, .raven .raven-background button.combo, #login_window #user_combobox button {
1044
border-radius: 0;
1045
background-image: none;
1046
font-weight: inherit;
1047
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
1048
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #42A5F5 0%, transparent 0%) 0 0 0/0 0 0px;
1049
box-shadow: inset 0 -1px alpha(currentColor, 0.3);
1050
background-color: transparent;
1051
color: rgba(0, 0, 0, 0.8);
1052
}
1053
notebook > stack:not(:only-child) button.combo:hover, .raven .raven-background button.combo:hover, #login_window #user_combobox button:hover {
1055
box-shadow: inset 0 -2px alpha(currentColor, 0.3);
1056
}
1057
notebook > stack:not(:only-child) button.combo:checked, .raven .raven-background button.combo:checked, #login_window #user_combobox button:checked {
1059
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #42A5F5 100%, transparent 0%) 0 0 2/0 0 2px;
1060
}
1061
notebook > stack:not(:only-child) button.combo:disabled, .raven .raven-background button.combo:disabled, #login_window #user_combobox button:disabled {
1063
color: rgba(0, 0, 0, 0.32);
1064
}
1065
/************
1067
* Toolbars *
1068
************/
1069
toolbar {
1070
-GtkWidget-window-dragging: true;
1071
padding: 3px;
1072
background-color: #F5F5F5;
1073
}
1074
.osd toolbar {
1076
background-color: transparent;
1077
}
1078
toolbar.osd, .app-notification, frame.documents-dropdown {
1080
transition: box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1);
1081
padding: 6px;
1082
border-radius: 2px;
1083
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 1px rgba(255, 255, 255, 0.4);
1084
background-color: #FFFFFF;
1085
}
1086
toolbar.osd:backdrop, .app-notification:backdrop, frame.documents-dropdown:backdrop {
1088
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 1px rgba(255, 255, 255, 0.4);
1089
}
1090
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 {
1092
border-radius: 0;
1093
}
1094
toolbar.horizontal separator {
1096
margin: 3px;
1097
}
1098
toolbar.vertical separator {
1100
margin: 3px;
1101
}
1102
toolbar:not(.inline-toolbar):not(.osd) scale,
1104
toolbar:not(.inline-toolbar):not(.osd) entry,
1105
toolbar:not(.inline-toolbar):not(.osd) spinbutton,
1106
toolbar:not(.inline-toolbar):not(.osd) button {
1107
margin: 3px;
1108
}
1109
toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:first-child),
1111
toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:first-child),
1112
toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:first-child) {
1113
margin-left: 0;
1114
}
1115
toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:last-child),
1117
toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:last-child),
1118
toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:last-child) {
1119
margin-right: 0;
1120
}
1121
toolbar:not(.inline-toolbar):not(.osd) switch {
1123
margin: 9px 3px;
1124
}
1125
.inline-toolbar {
1127
padding: 6px;
1128
border-style: solid;
1129
border-width: 0 1px 1px;
1130
border-color: rgba(0, 0, 0, 0.1);
1131
background-color: #FAFAFA;
1132
}
1133
searchbar,
1135
.location-bar {
1136
padding: 6px;
1137
border-style: solid;
1138
border-width: 0 0 1px;
1139
border-color: rgba(0, 0, 0, 0.1);
1140
background-color: #F5F5F5;
1141
background-clip: border-box;
1142
}
1143
/***************
1145
* Header bars *
1146
***************/
1147
.titlebar:not(headerbar),
1148
headerbar {
1149
transition: background-color 0.2s cubic-bezier(0, 0, 0.2, 1);
1150
min-height: 44px;
1151
padding: 0 6px;
1152
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 1px rgba(255, 255, 255, 0.4);
1153
background-color: #E0E0E0;
1154
color: rgba(0, 0, 0, 0.8);
1155
}
1156
.titlebar:disabled:not(headerbar) :not(button) > label,
1158
headerbar:disabled :not(button) > label {
1159
color: rgba(0, 0, 0, 0.32);
1160
}
1161
.titlebar:backdrop:not(headerbar),
1163
headerbar:backdrop {
1164
color: rgba(0, 0, 0, 0.6);
1165
}
1166
.titlebar:backdrop:disabled:not(headerbar) :not(button) > label,
1168
headerbar:backdrop:disabled :not(button) > label {
1169
color: rgba(0, 0, 0, 0.24);
1170
}
1171
.titlebar:not(headerbar) .title,
1173
headerbar .title {
1174
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
1175
padding: 0 12px;
1176
font-weight: bold;
1177
}
1178
.titlebar:not(headerbar) .subtitle,
1180
headerbar .subtitle {
1181
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
1182
padding: 0 12px;
1183
font-size: smaller;
1184
}
1185
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action),
1187
headerbar button:not(.suggested-action):not(.destructive-action) {
1188
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #42A5F5 0%, transparent 0%) 0 0 0/0 0 0px;
1189
}
1190
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked,
1192
headerbar button:not(.suggested-action):not(.destructive-action):checked {
1193
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #42A5F5 100%, transparent 0%) 0 0 2/0 0 2px;
1194
}
1195
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked:disabled,
1197
headerbar button:not(.suggested-action):not(.destructive-action):checked,
1198
headerbar button:not(.suggested-action):not(.destructive-action):checked:disabled {
1199
background-color: transparent;
1200
}
1201
.titlebar:not(headerbar) button.suggested-action:disabled, .titlebar:not(headerbar) button.destructive-action:disabled,
1203
headerbar button.suggested-action:disabled,
1204
headerbar button.destructive-action:disabled {
1205
color: alpha(currentColor, 0.4);
1206
}
1207
.selection-mode.titlebar:not(headerbar),
1209
headerbar.selection-mode {
1210
transition: background-color 0.00001s 0.3s;
1211
animation: header_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1);
1212
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);
1213
background-color: #42A5F5;
1214
color: #FFFFFF;
1215
}
1216
.selection-mode.titlebar:backdrop:not(headerbar),
1218
headerbar.selection-mode:backdrop {
1219
color: rgba(255, 255, 255, 0.75);
1220
}
1221
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action),
1223
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action) {
1224
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0/0 0 0px;
1225
color: currentColor;
1226
}
1227
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):disabled,
1229
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):disabled {
1230
color: alpha(currentColor, 0.4);
1231
}
1232
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked,
1234
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):checked {
1235
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2/0 0 2px;
1236
color: currentColor;
1237
}
1238
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked:disabled,
1240
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):checked:disabled {
1241
color: alpha(currentColor, 0.4);
1242
}
1243
.selection-mode.titlebar:not(headerbar) .selection-menu,
1245
headerbar.selection-mode .selection-menu {
1246
padding-left: 16px;
1247
padding-right: 16px;
1248
}
1249
.selection-mode.titlebar:not(headerbar) .selection-menu GtkArrow,
1251
headerbar.selection-mode .selection-menu GtkArrow {
1252
-GtkArrow-arrow-scaling: 1;
1253
}
1254
.selection-mode.titlebar:not(headerbar) .selection-menu .arrow,
1256
headerbar.selection-mode .selection-menu .arrow {
1257
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
1258
}
1259
.fullscreen .titlebar:not(headerbar),
1261
.tiled .titlebar:not(headerbar),
1262
.maximized .titlebar:not(headerbar), .fullscreen
1263
headerbar,
1264
.tiled
1265
headerbar,
1266
.maximized
1267
headerbar {
1268
border-radius: 0;
1269
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
1270
}
1271
.default-decoration.titlebar:not(headerbar),
1273
headerbar.default-decoration {
1274
min-height: 20px;
1275
padding: 6px;
1276
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
1277
}
1278
.fullscreen .default-decoration.titlebar:not(headerbar),
1280
.tiled .default-decoration.titlebar:not(headerbar),
1281
.maximized .default-decoration.titlebar:not(headerbar), .fullscreen
1282
headerbar.default-decoration,
1283
.tiled
1284
headerbar.default-decoration,
1285
.maximized
1286
headerbar.default-decoration {
1287
box-shadow: none;
1288
}
1289
.default-decoration.titlebar:not(headerbar) button.titlebutton,
1291
headerbar.default-decoration button.titlebutton {
1292
min-height: 20px;
1293
min-width: 20px;
1294
margin: 0;
1295
padding: 0;
1296
}
1297
.background:not(.csd) .default-decoration.titlebar:not(headerbar) button.titlebutton:active, .background:not(.csd)
1299
headerbar.default-decoration button.titlebutton:active {
1300
background-size: 1000% 1000%;
1301
}
1302
headerbar entry,
1304
headerbar spinbutton,
1305
headerbar button {
1306
margin-top: 6px;
1307
margin-bottom: 6px;
1308
}
1309
headerbar switch {
1311
margin-top: 12px;
1312
margin-bottom: 12px;
1313
}
1314
headerbar spinbutton button {
1316
margin-top: 0;
1317
margin-bottom: 0;
1318
}
1319
.background:not(.tiled):not(.maximized):not(.fullscreen):not(.solid-csd) .titlebar {
1321
border-top-left-radius: 2px;
1322
border-top-right-radius: 2px;
1323
}
1324
window:not(.tiled):not(.maximized):not(.fullscreen):not(.solid-csd) separator:first-child + headerbar,
1326
window:not(.tiled):not(.maximized):not(.fullscreen):not(.solid-csd) headerbar:first-child {
1327
border-top-left-radius: 2px;
1328
}
1329
window:not(.tiled):not(.maximized):not(.fullscreen):not(.solid-csd) headerbar:last-child {
1331
border-top-right-radius: 2px;
1332
}
1333
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 {
1335
border-top-left-radius: 2px;
1336
border-top-right-radius: 2px;
1337
}
1338
window.csd > .titlebar:not(headerbar) {
1340
padding: 0;
1341
background-color: transparent;
1342
background-image: none;
1343
border-style: none;
1344
box-shadow: none;
1345
}
1346
.titlebar:not(headerbar) > separator {
1348
background-color: #E0E0E0;
1349
background-image: image(rgba(0, 0, 0, 0.1));
1350
}
1351
/************
1353
* Pathbars *
1354
************/
1355
.caja-pathbar button,
1356
.path-bar button {
1357
padding-left: 4px;
1358
padding-right: 4px;
1359
}
1360
.caja-pathbar button label:not(:only-child):first-child,
1362
.path-bar button label:not(:only-child):first-child {
1363
margin-left: 4px;
1364
}
1365
.caja-pathbar button label:not(:only-child):last-child,
1367
.path-bar button label:not(:only-child):last-child {
1368
margin-right: 4px;
1369
}
1370
.caja-pathbar button.slider-button,
1372
.path-bar button.slider-button {
1373
padding-left: 4px;
1374
padding-right: 4px;
1375
}
1376
:not(headerbar) .caja-pathbar button, .caja-pathbar :not(headerbar) button, :not(headerbar)
1378
.path-bar button {
1379
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #42A5F5 0%, transparent 0%) 0 0 0/0 0 0px;
1380
border-radius: 2px;
1381
}
1382
:not(headerbar) .caja-pathbar button:checked, .caja-pathbar :not(headerbar) button:checked, :not(headerbar)
1384
.path-bar button:checked {
1385
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #42A5F5 100%, transparent 0%) 0 0 2/0 0 2px;
1386
}
1387
: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)
1389
.path-bar button:checked, :not(headerbar)
1390
.path-bar button:checked:disabled {
1391
background-color: transparent;
1392
}
1393
/**************
1395
* Tree Views *
1396
**************/
1397
treeview.view {
1398
border-left-color: alpha(currentColor, 0.3);
1399
border-top-color: rgba(0, 0, 0, 0.1);
1400
}
1401
* {
1403
-GtkTreeView-horizontal-separator: 4;
1404
-GtkTreeView-grid-line-width: 1;
1405
-GtkTreeView-grid-line-pattern: '';
1406
-GtkTreeView-tree-line-width: 1;
1407
-GtkTreeView-tree-line-pattern: '';
1408
-GtkTreeView-expander-size: 16;
1409
}
1410
treeview.view.separator {
1412
min-height: 5px;
1413
color: rgba(0, 0, 0, 0.1);
1414
}
1415
treeview.view:drop(active) {
1417
border-style: solid none;
1418
border-width: 1px;
1419
border-color: #FF4081;
1420
}
1421
treeview.view:drop(active).after {
1423
border-top-style: none;
1424
}
1425
treeview.view:drop(active).before {
1427
border-bottom-style: none;
1428
}
1429
treeview.view.expander {
1431
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
1432
-gtk-icon-transform: rotate(-90deg);
1433
color: rgba(0, 0, 0, 0.6);
1434
}
1435
treeview.view.expander:dir(rtl) {
1437
-gtk-icon-transform: rotate(90deg);
1438
}
1439
treeview.view.expander:checked {
1441
-gtk-icon-transform: unset;
1442
}
1443
treeview.view.expander:hover, treeview.view.expander:active {
1445
color: rgba(0, 0, 0, 0.8);
1446
}
1447
treeview.view.expander:disabled {
1449
color: rgba(0, 0, 0, 0.24);
1450
}
1451
treeview.view.expander:selected {
1453
color: rgba(255, 255, 255, 0.75);
1454
}
1455
treeview.view.expander:selected:hover, treeview.view.expander:selected:active {
1457
color: #FFFFFF;
1458
}
1459
treeview.view.expander:selected:disabled {
1461
color: rgba(255, 255, 255, 0.3);
1462
}
1463
treeview.view.progressbar {
1465
border-bottom: 4px solid #42A5F5;
1466
box-shadow: none;
1467
background-color: transparent;
1468
}
1469
treeview.view.progressbar:selected {
1471
border-bottom-color: currentColor;
1472
}
1473
treeview.view.trough {
1475
border-bottom: 4px solid rgba(66, 165, 245, 0.3);
1476
box-shadow: none;
1477
background-color: transparent;
1478
}
1479
treeview.view.trough:selected {
1481
border-bottom-color: alpha(currentColor, 0.3);
1482
}
1483
treeview.view header button {
1485
padding: 2px 6px;
1486
border-style: none solid solid none;
1487
border-width: 1px;
1488
border-color: rgba(0, 0, 0, 0.1);
1489
border-radius: 0;
1490
background-clip: border-box;
1491
}
1492
treeview.view header button, treeview.view header button:hover, treeview.view header button:active {
1494
box-shadow: none;
1495
}
1496
treeview.view header button, treeview.view header button:disabled {
1498
background-color: #FFFFFF;
1499
}
1500
treeview.view header button:last-child {
1502
border-right-style: none;
1503
}
1504
treeview.view button.dnd,
1506
treeview.view header.button.dnd {
1507
padding: 2px 6px;
1508
border-style: none solid solid;
1509
border-width: 1px;
1510
border-color: rgba(0, 0, 0, 0.1);
1511
border-radius: 0;
1512
box-shadow: none;
1513
background-color: #FFFFFF;
1514
background-clip: border-box;
1515
color: #42A5F5;
1516
}
1517
treeview.view acceleditor > label {
1519
background-color: #42A5F5;
1520
}
1521
/*********
1523
* Menus *
1524
*********/
1525
menubar,
1526
.menubar {
1527
-GtkWidget-window-dragging: true;
1528
padding: 0;
1529
background-color: #E0E0E0;
1530
}
1531
menubar > menuitem,
1533
.menubar > menuitem {
1534
transition: all 0.2s cubic-bezier(0, 0, 0.2, 1);
1535
min-height: 20px;
1536
padding: 4px 8px;
1537
color: rgba(0, 0, 0, 0.6);
1538
}
1539
menubar > menuitem:hover,
1541
.menubar > menuitem:hover {
1542
transition: none;
1543
background-color: alpha(currentColor, 0.15);
1544
color: rgba(0, 0, 0, 0.8);
1545
}
1546
menubar > menuitem:disabled,
1548
.menubar > menuitem:disabled {
1549
color: rgba(0, 0, 0, 0.24);
1550
}
1551
.csd.popup {
1553
border-radius: 2px;
1554
}
1555
menu,
1557
.menu,
1558
.context-menu {
1559
margin: 4px 0;
1560
padding: 4px 0;
1561
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
1562
background-color: #FFFFFF;
1563
border: 1px solid rgba(0, 0, 0, 0.1);
1564
}
1565
.csd menu, .csd
1567
.menu, .csd
1568
.context-menu {
1569
border: none;
1570
border-radius: 2px;
1571
}
1572
menu menuitem,
1574
.menu menuitem,
1575
.context-menu menuitem {
1576
transition: all 0.2s cubic-bezier(0, 0, 0.2, 1);
1577
min-height: 20px;
1578
min-width: 40px;
1579
padding: 4px 8px;
1580
font: initial;
1581
text-shadow: none;
1582
}
1583
menu menuitem:hover,
1585
.menu menuitem:hover,
1586
.context-menu menuitem:hover {
1587
transition: none;
1588
background-color: alpha(currentColor, 0.15);
1589
}
1590
menu menuitem:disabled,
1592
.menu menuitem:disabled,
1593
.context-menu menuitem:disabled {
1594
color: rgba(0, 0, 0, 0.32);
1595
}
1596
menu menuitem arrow,
1598
.menu menuitem arrow,
1599
.context-menu menuitem arrow {
1600
min-height: 16px;
1601
min-width: 16px;
1602
}
1603
menu menuitem arrow:dir(ltr),
1605
.menu menuitem arrow:dir(ltr),
1606
.context-menu menuitem arrow:dir(ltr) {
1607
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
1608
margin-left: 8px;
1609
}
1610
menu menuitem arrow:dir(rtl),
1612
.menu menuitem arrow:dir(rtl),
1613
.context-menu menuitem arrow:dir(rtl) {
1614
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl");
1615
margin-right: 8px;
1616
}
1617
menu menuitem label:dir(rtl), menu menuitem label:dir(ltr),
1619
.menu menuitem label:dir(rtl),
1620
.menu menuitem label:dir(ltr),
1621
.context-menu menuitem label:dir(rtl),
1622
.context-menu menuitem label:dir(ltr) {
1623
color: inherit;
1624
}
1625
menu > arrow,
1627
.menu > arrow,
1628
.context-menu > arrow {
1629
min-height: 16px;
1630
min-width: 16px;
1631
padding: 4px;
1632
background-color: #FFFFFF;
1633
color: rgba(0, 0, 0, 0.6);
1634
}
1635
menu > arrow.top,
1637
.menu > arrow.top,
1638
.context-menu > arrow.top {
1639
margin-top: -4px;
1640
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
1641
border-radius: 2px 2px 0 0;
1642
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
1643
}
1644
menu > arrow.bottom,
1646
.menu > arrow.bottom,
1647
.context-menu > arrow.bottom {
1648
margin-bottom: -12px;
1649
border-top: 1px solid rgba(0, 0, 0, 0.1);
1650
border-radius: 0 0 2px 2px;
1651
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
1652
}
1653
menu > arrow:hover,
1655
.menu > arrow:hover,
1656
.context-menu > arrow:hover {
1657
background-image: image(alpha(currentColor, 0.15));
1658
color: rgba(0, 0, 0, 0.8);
1659
}
1660
menu > arrow:disabled,
1662
.menu > arrow:disabled,
1663
.context-menu > arrow:disabled {
1664
border-color: transparent;
1665
background-color: transparent;
1666
color: transparent;
1667
}
1668
menu separator,
1670
.menu separator,
1671
.context-menu separator {
1672
margin: 4px 0;
1673
}
1674
menuitem accelerator {
1676
color: alpha(currentColor, 0.6);
1677
}
1678
.popup:not(.csd) menu menuitem {
1680
color: #333333;
1681
}
1682
.popup:not(.csd) menu menuitem:hover {
1684
background-color: #e0e0e0;
1685
}
1686
.popup:not(.csd) menu menuitem:disabled {
1688
color: #adadad;
1689
}
1690
.popup:not(.csd) menu accelerator {
1692
color: #858585;
1693
}
1694
/************
1696
* Popovers *
1697
************/
1698
popover.background {
1699
transition: box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1);
1700
padding: 2px;
1701
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
1702
background-color: #FAFAFA;
1703
}
1704
popover.background:backdrop {
1706
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
1707
}
1708
popover.background, .csd popover.background {
1710
border-style: solid;
1711
border-width: 1px;
1712
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.3);
1713
border-radius: 3px;
1714
}
1715
popover.background > stack {
1717
margin: -4px;
1718
}
1719
popover.background > toolbar {
1721
margin: -2px;
1722
}
1723
popover.background > list,
1725
popover.background > .view,
1726
popover.background > toolbar {
1727
border-style: none;
1728
box-shadow: none;
1729
background-color: transparent;
1730
}
1731
popover.background.menu button,
1733
popover.background button.model {
1734
min-height: 32px;
1735
padding: 0 8px;
1736
border-radius: 2px;
1737
}
1738
popover.background separator {
1740
margin: 4px 0;
1741
}
1742
popover.background list separator {
1744
margin: 0;
1745
}
1746
/*************
1748
* Notebooks *
1749
*************/
1750
notebook > header {
1751
border-width: 1px;
1752
border-color: rgba(0, 0, 0, 0.1);
1753
background-color: #F5F5F5;
1754
background-clip: border-box;
1755
}
1756
notebook > header.top {
1758
border-bottom-style: solid;
1759
}
1760
notebook > header.top > tabs {
1762
margin-bottom: -1px;
1763
}
1764
notebook > header.top > tabs > tab:hover {
1766
box-shadow: inset 0 -2px alpha(currentColor, 0.3);
1767
}
1768
notebook > header.top > tabs > tab:checked {
1770
box-shadow: inset 0 -2px #42A5F5;
1771
}
1772
notebook > header.bottom {
1774
border-top-style: solid;
1775
}
1776
notebook > header.bottom > tabs {
1778
margin-top: -1px;
1779
}
1780
notebook > header.bottom > tabs > tab:hover {
1782
box-shadow: inset 0 2px alpha(currentColor, 0.3);
1783
}
1784
notebook > header.bottom > tabs > tab:checked {
1786
box-shadow: inset 0 2px #42A5F5;
1787
}
1788
notebook > header.left {
1790
border-right-style: solid;
1791
}
1792
notebook > header.left > tabs {
1794
margin-right: -1px;
1795
}
1796
notebook > header.left > tabs > tab:hover {
1798
box-shadow: inset -2px 0 alpha(currentColor, 0.3);
1799
}
1800
notebook > header.left > tabs > tab:checked {
1802
box-shadow: inset -2px 0 #42A5F5;
1803
}
1804
notebook > header.right {
1806
border-left-style: solid;
1807
}
1808
notebook > header.right > tabs {
1810
margin-left: -1px;
1811
}
1812
notebook > header.right > tabs > tab:hover {
1814
box-shadow: inset 2px 0 alpha(currentColor, 0.3);
1815
}
1816
notebook > header.right > tabs > tab:checked {
1818
box-shadow: inset 2px 0 #42A5F5;
1819
}
1820
notebook > header.top > tabs > arrow {
1822
border-top-style: none;
1823
}
1824
notebook > header.bottom > tabs > arrow {
1826
border-bottom-style: none;
1827
}
1828
notebook > header.top > tabs > arrow, notebook > header.bottom > tabs > arrow {
1830
padding-left: 4px;
1831
padding-right: 4px;
1832
}
1833
notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down {
1835
margin-left: -8px;
1836
-gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
1837
}
1838
notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up {
1840
margin-right: -8px;
1841
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
1842
}
1843
notebook > header.left > tabs > arrow {
1845
border-left-style: none;
1846
}
1847
notebook > header.right > tabs > arrow {
1849
border-right-style: none;
1850
}
1851
notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow {
1853
padding-top: 4px;
1854
padding-bottom: 4px;
1855
}
1856
notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down {
1858
margin-top: -8px;
1859
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
1860
}
1861
notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up {
1863
margin-bottom: -8px;
1864
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
1865
}
1866
notebook > header > tabs > arrow {
1868
min-height: 16px;
1869
min-width: 16px;
1870
border-radius: 0;
1871
}
1872
notebook > header tab {
1874
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
1875
min-height: 20px;
1876
min-width: 20px;
1877
padding: 6px 12px;
1878
outline-offset: -6px;
1879
border-width: 1px;
1880
border-color: transparent;
1881
background-image: radial-gradient(circle farthest-corner at center, #42A5F5 10%, transparent 0%);
1882
background-repeat: no-repeat;
1883
background-position: center;
1884
background-size: 0% 0%;
1885
color: rgba(0, 0, 0, 0.6);
1886
font-weight: 500;
1887
}
1888
notebook > header tab:hover {
1890
color: rgba(0, 0, 0, 0.8);
1891
}
1892
notebook > header tab:hover.reorderable-page {
1894
border-color: rgba(0, 0, 0, 0.1);
1895
background-color: #FAFAFA;
1896
}
1897
notebook > header tab:disabled {
1899
color: rgba(0, 0, 0, 0.24);
1900
}
1901
notebook > header tab:checked {
1903
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);
1904
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
1905
background-size: 1000% 1000%;
1906
color: rgba(0, 0, 0, 0.8);
1907
}
1908
notebook > header tab:checked:disabled {
1910
color: rgba(0, 0, 0, 0.32);
1911
}
1912
notebook > header tab:checked.reorderable-page {
1914
border-color: rgba(0, 0, 0, 0.1);
1915
background-color: #FFFFFF;
1916
}
1917
notebook > header tab button.flat:last-child {
1919
margin-left: 6px;
1920
margin-right: -6px;
1921
}
1922
notebook > header tab button.flat:first-child {
1924
margin-left: -6px;
1925
margin-right: 6px;
1926
}
1927
notebook > header.top tabs, notebook > header.bottom tabs {
1929
padding-left: 8px;
1930
padding-right: 8px;
1931
}
1932
notebook > header.top tabs:not(:only-child):first-child, notebook > header.bottom tabs:not(:only-child):first-child {
1934
margin-left: 0;
1935
}
1936
notebook > header.top tabs:not(:only-child):last-child, notebook > header.bottom tabs:not(:only-child):last-child {
1938
margin-right: 0;
1939
}
1940
notebook > header.top tabs tab.reorderable-page, notebook > header.bottom tabs tab.reorderable-page {
1942
margin: 0 -1px;
1943
border-style: none solid;
1944
}
1945
notebook > header.left tabs, notebook > header.right tabs {
1947
padding-top: 8px;
1948
padding-bottom: 8px;
1949
}
1950
notebook > header.left tabs:not(:only-child):first-child, notebook > header.right tabs:not(:only-child):first-child {
1952
margin-top: 0;
1953
}
1954
notebook > header.left tabs:not(:only-child):last-child, notebook > header.right tabs:not(:only-child):last-child {
1956
margin-bottom: 0;
1957
}
1958
notebook > header.left tabs tab.reorderable-page, notebook > header.right tabs tab.reorderable-page {
1960
margin: -1px 0;
1961
border-style: solid none;
1962
}
1963
notebook > stack:not(:only-child) {
1965
background-color: #FFFFFF;
1966
}
1967
/**************
1969
* Scrollbars *
1970
**************/
1971
scrollbar {
1972
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
1973
background-color: #FFFFFF;
1974
background-clip: padding-box;
1975
}
1976
* {
1978
-GtkScrollbar-has-backward-stepper: false;
1979
-GtkScrollbar-has-forward-stepper: false;
1980
}
1981
scrollbar.top {
1983
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
1984
}
1985
scrollbar.bottom {
1987
border-top: 1px solid rgba(0, 0, 0, 0.1);
1988
}
1989
scrollbar.left {
1991
border-right: 1px solid rgba(0, 0, 0, 0.1);
1992
}
1993
scrollbar.right {
1995
border-left: 1px solid rgba(0, 0, 0, 0.1);
1996
}
1997
scrollbar slider {
1999
transition: all 0.2s cubic-bezier(0, 0, 0.2, 1), margin 0, border-width 0;
2000
min-width: 8px;
2001
min-height: 8px;
2002
border: 4px solid transparent;
2003
border-radius: 9999px;
2004
background-clip: padding-box;
2005
background-color: rgba(0, 0, 0, 0.48);
2006
}
2007
scrollbar slider:hover {
2009
background-color: rgba(0, 0, 0, 0.6);
2010
}
2011
scrollbar slider:active {
2013
background-color: rgba(0, 0, 0, 0.8);
2014
}
2015
scrollbar slider:disabled {
2017
background-color: rgba(0, 0, 0, 0.192);
2018
}
2019
scrollbar.fine-tune slider {
2021
transition: all 0.2s cubic-bezier(0, 0, 0.2, 1), margin 0, border-width 0, min-width 0, min-height 0;
2022
min-width: 4px;
2023
min-height: 4px;
2024
}
2025
scrollbar.fine-tune.horizontal slider {
2027
margin: 2px 0;
2028
}
2029
scrollbar.fine-tune.vertical slider {
2031
margin: 0 2px;
2032
}
2033
scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
2035
border-color: transparent;
2036
background-color: transparent;
2037
}
2038
scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider {
2040
min-width: 4px;
2041
min-height: 4px;
2042
margin: 3px;
2043
border: 1px solid rgba(255, 255, 255, 0.3);
2044
}
2045
scrollbar.overlay-indicator:not(.dragging):not(.hovering) button {
2047
min-width: 4px;
2048
min-height: 4px;
2049
margin: 3px;
2050
border: 1px solid rgba(255, 255, 255, 0.3);
2051
border-radius: 9999px;
2052
background-color: rgba(0, 0, 0, 0.48);
2053
background-clip: padding-box;
2054
-gtk-icon-source: none;
2055
}
2056
scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled {
2058
background-color: rgba(0, 0, 0, 0.192);
2059
}
2060
scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider {
2062
min-width: 24px;
2063
}
2064
scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button {
2066
min-width: 8px;
2067
}
2068
scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider {
2070
min-height: 24px;
2071
}
2072
scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button {
2074
min-height: 8px;
2075
}
2076
scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering {
2078
background-color: rgba(255, 255, 255, 0.9);
2079
}
2080
scrollbar.horizontal slider {
2082
min-width: 24px;
2083
}
2084
scrollbar.vertical slider {
2086
min-height: 24px;
2087
}
2088
scrollbar button {
2090
min-width: 16px;
2091
min-height: 16px;
2092
padding: 0;
2093
border-radius: 0;
2094
}
2095
scrollbar.vertical button.down {
2097
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
2098
}
2099
scrollbar.vertical button.up {
2101
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
2102
}
2103
scrollbar.horizontal button.down {
2105
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
2106
}
2107
scrollbar.horizontal button.up {
2109
-gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
2110
}
2111
/**********
2113
* Switch *
2114
**********/
2115
switch {
2116
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
2117
margin: 6px 0;
2118
border: 4px solid transparent;
2119
border-radius: 9999px;
2120
background-color: alpha(currentColor, 0.3);
2121
background-clip: padding-box;
2122
font-size: 0;
2123
}
2124
switch:disabled {
2126
color: alpha(currentColor, 0.4);
2127
}
2128
switch:checked {
2130
background-color: rgba(255, 64, 129, 0.5);
2131
}
2132
switch:checked:disabled {
2134
background-color: rgba(255, 64, 129, 0.2);
2135
color: rgba(0, 0, 0, 0.32);
2136
}
2137
switch slider {
2139
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1);
2140
border-image: none;
2141
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
2142
background-color: #FFFFFF;
2143
color: rgba(0, 0, 0, 0.8);
2144
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1), margin 0;
2145
min-width: 20px;
2146
min-height: 20px;
2147
margin: -4px 0 -4px -4px;
2148
border-radius: 9999px;
2149
-gtk-outline-radius: 9999px;
2150
}
2151
switch:hover slider {
2153
border-image: none;
2154
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
2155
}
2156
switch:checked slider {
2158
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1), margin 0, background-image 0, background-color 0.00001s 0.3s;
2159
animation: needs_attention 0.3s cubic-bezier(0, 0, 0.2, 1);
2160
margin: -4px -4px -4px 0;
2161
background-color: #FF4081;
2162
color: #FFFFFF;
2163
}
2164
switch:disabled slider {
2166
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
2167
background-color: #FAFAFA;
2168
color: rgba(0, 0, 0, 0.32);
2169
}
2170
switch:checked:disabled slider {
2172
animation: none;
2173
}
2174
/*************************
2176
* Check and Radio items *
2177
*************************/
2178
.view.content-view.check:not(list),
2179
.content-view .tile check:not(list) {
2180
min-height: 40px;
2181
min-width: 40px;
2182
margin: 0;
2183
padding: 0;
2184
box-shadow: none;
2185
background-color: transparent;
2186
background-image: none;
2187
-gtk-icon-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
2188
}
2189
.view.content-view.check:not(list):hover, .view.content-view.check:not(list):active,
2191
.content-view .tile check:not(list):hover,
2192
.content-view .tile check:not(list):active {
2193
-gtk-icon-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
2194
}
2195
.view.content-view.check:not(list),
2197
.content-view .tile check:not(list) {
2198
-gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-unchecked.png"), url("assets/selectionmode-checkbox-unchecked@2.png"));
2199
}
2200
.view.content-view.check:not(list):checked,
2202
.content-view .tile check:not(list):checked {
2203
-gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-checked.png"), url("assets/selectionmode-checkbox-checked@2.png"));
2204
}
2205
checkbutton.text-button,
2207
radiobutton.text-button {
2208
padding: 2px;
2209
outline-offset: 0;
2210
}
2211
checkbutton.text-button label:not(:only-child),
2213
radiobutton.text-button label:not(:only-child) {
2214
margin: 0 4px;
2215
}
2216
check,
2218
radio {
2219
min-height: 24px;
2220
min-width: 24px;
2221
margin: -10px;
2222
padding: 10px;
2223
}
2224
check:checked, check:indeterminate,
2226
radio:checked,
2227
radio:indeterminate {
2228
color: #FF4081;
2229
}
2230
check:checked:disabled, check:indeterminate:disabled,
2232
radio:checked:disabled,
2233
radio:indeterminate:disabled {
2234
color: rgba(255, 64, 129, 0.4);
2235
}
2236
row check:not(:checked):not(:indeterminate), row
2238
radio:not(:checked):not(:indeterminate) {
2239
color: alpha(currentColor, 0.75);
2240
}
2241
row check:not(:checked):not(:indeterminate):hover, row check:not(:checked):not(:indeterminate):active, row
2243
radio:not(:checked):not(:indeterminate):hover, row
2244
radio:not(:checked):not(:indeterminate):active {
2245
color: currentColor;
2246
}
2247
row check:not(:checked):not(:indeterminate):disabled, row
2249
radio:not(:checked):not(:indeterminate):disabled {
2250
color: alpha(currentColor, 0.3);
2251
}
2252
menu menuitem check, menu menuitem
2254
radio {
2255
transition: none;
2256
min-height: 16px;
2257
min-width: 16px;
2258
margin: 0;
2259
padding: 0;
2260
}
2261
menu menuitem check:dir(ltr), menu menuitem
2263
radio:dir(ltr) {
2264
margin-right: 8px;
2265
}
2266
menu menuitem check:dir(rtl), menu menuitem
2268
radio:dir(rtl) {
2269
margin-left: 8px;
2270
}
2271
menu menuitem check:not(:checked):not(:indeterminate), menu menuitem
2273
radio:not(:checked):not(:indeterminate) {
2274
color: alpha(currentColor, 0.6);
2275
}
2276
menu menuitem check, menu menuitem check:hover, menu menuitem check:disabled, menu menuitem
2278
radio, menu menuitem
2279
radio:hover, menu menuitem
2280
radio:disabled {
2281
box-shadow: none;
2282
}
2283
check {
2286
-gtk-icon-source: image(-gtk-recolor(url("assets/scalable/checkbox-unchecked-symbolic.svg")), -gtk-recolor(url("assets/scalable/checkbox-unchecked-symbolic.symbolic.png")));
2287
}
2288
check:checked {
2291
-gtk-icon-source: image(-gtk-recolor(url("assets/scalable/checkbox-checked-symbolic.svg")), -gtk-recolor(url("assets/scalable/checkbox-checked-symbolic.symbolic.png")));
2292
}
2293
check:indeterminate {
2296
-gtk-icon-source: image(-gtk-recolor(url("assets/scalable/checkbox-mixed-symbolic.svg")), -gtk-recolor(url("assets/scalable/checkbox-mixed-symbolic.symbolic.png")));
2297
}
2298
radio {
2301
border-image-slice: 22;
2302
border-image-width: 22px;
2303
}
2304
radio {
2307
-gtk-icon-source: image(-gtk-recolor(url("assets/scalable/radio-unchecked-symbolic.svg")), -gtk-recolor(url("assets/scalable/radio-unchecked-symbolic.symbolic.png")));
2308
}
2309
radio:indeterminate {
2312
-gtk-icon-source: image(-gtk-recolor(url("assets/scalable/radio-mixed-symbolic.svg")), -gtk-recolor(url("assets/scalable/radio-mixed-symbolic.symbolic.png")));
2313
}
2314
radio {
2317
border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#FF4081), to(transparent));
2318
}
2319
radio:checked:not(:indeterminate) {
2322
border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.11364, to(#FF4081), to(transparent));
2323
}
2324
radio:checked:not(:indeterminate):disabled {
2327
border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.11364, to(rgba(255, 64, 129, 0.4)), to(transparent));
2328
}
2329
window.background:not(.csd) > widget > checkbutton > check,
2331
menu menuitem check {
2332
border-radius: 2px;
2333
-gtk-outline-radius: 2px;
2334
-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")));
2335
}
2336
window.background:not(.csd) > widget > checkbutton > check:checked,
2338
menu menuitem check:checked {
2339
-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")));
2340
}
2341
window.background:not(.csd) > widget > checkbutton > check:indeterminate,
2343
menu menuitem check:indeterminate {
2344
-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")));
2345
}
2346
window.background:not(.csd) > widget > radiobutton > radio,
2348
menu menuitem radio {
2349
border-image: none;
2350
-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")));
2351
}
2352
window.background:not(.csd) > widget > radiobutton > radio:checked,
2354
menu menuitem radio:checked {
2355
-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")));
2356
}
2357
window.background:not(.csd) > widget > radiobutton > radio:indeterminate,
2359
menu menuitem radio:indeterminate {
2360
-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")));
2361
}
2362
check:not(:checked):active {
2364
-gtk-icon-transform: rotate(90deg);
2365
}
2366
check:not(:checked):indeterminate:active,
2368
radio:not(:checked):indeterminate:active {
2369
-gtk-icon-transform: scaleX(-1);
2370
}
2371
check:not(:checked),
2373
radio:not(:checked) {
2374
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;
2375
}
2376
check:not(:checked):active,
2378
radio:not(:checked):active {
2379
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0, -gtk-icon-transform 0;
2380
}
2381
menu menuitem check:not(:checked), menu menuitem
2383
radio:not(:checked) {
2384
transition: none;
2385
}
2386
treeview.view check,
2388
treeview.view radio {
2389
padding: 0;
2390
}
2391
treeview.view check:hover,
2393
treeview.view radio:hover {
2394
box-shadow: inset 0 0 0 9999px alpha(rgba(0, 0, 0, 0.8), 0.05);
2395
}
2396
treeview.view check:hover:disabled,
2398
treeview.view radio:hover:disabled {
2399
box-shadow: none;
2400
}
2401
treeview.view check:hover:selected,
2403
treeview.view radio:hover:selected {
2404
box-shadow: inset 0 0 0 9999px alpha(#FFFFFF, 0.05);
2405
}
2406
treeview.view check,
2408
treeview.view radio {
2409
color: rgba(0, 0, 0, 0.6);
2410
}
2411
treeview.view check:hover, treeview.view check:active,
2413
treeview.view radio:hover,
2414
treeview.view radio:active {
2415
color: rgba(0, 0, 0, 0.8);
2416
}
2417
treeview.view check:disabled,
2419
treeview.view radio:disabled {
2420
color: rgba(0, 0, 0, 0.24);
2421
}
2422
treeview.view check:checked, treeview.view check:indeterminate,
2424
treeview.view radio:checked,
2425
treeview.view radio:indeterminate {
2426
color: #FF4081;
2427
}
2428
treeview.view check:checked:disabled, treeview.view check:indeterminate:disabled,
2430
treeview.view radio:checked:disabled,
2431
treeview.view radio:indeterminate:disabled {
2432
color: rgba(255, 64, 129, 0.4);
2433
}
2434
treeview.view check:selected,
2436
treeview.view radio:selected {
2437
color: rgba(255, 255, 255, 0.75);
2438
}
2439
treeview.view check:selected:hover, treeview.view check:selected:active,
2441
treeview.view radio:selected:hover,
2442
treeview.view radio:selected:active {
2443
color: #FFFFFF;
2444
}
2445
treeview.view check:selected:disabled,
2447
treeview.view radio:selected:disabled {
2448
color: rgba(255, 255, 255, 0.3);
2449
}
2450
treeview.view check:selected:checked, treeview.view check:selected:indeterminate,
2452
treeview.view radio:selected:checked,
2453
treeview.view radio:selected:indeterminate {
2454
color: #FF4081;
2455
}
2456
treeview.view check:selected:checked:disabled, treeview.view check:selected:indeterminate:disabled,
2458
treeview.view radio:selected:checked:disabled,
2459
treeview.view radio:selected:indeterminate:disabled {
2460
color: rgba(255, 64, 129, 0.4);
2461
}
2462
treeview.view radio:checked {
2464
-gtk-icon-source: image(-gtk-recolor(url("assets/scalable/radio-checked-symbolic.svg")), -gtk-recolor(url("assets/scalable/radio-checked-symbolic.symbolic.png")));
2465
border-image: none;
2466
}
2467
/************
2469
* GtkScale *
2470
************/
2471
scale {
2472
min-height: 8px;
2473
min-width: 8px;
2474
padding: 12px;
2475
}
2476
scale * {
2478
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
2479
}
2480
scale slider {
2482
min-height: 24px;
2483
min-width: 24px;
2484
margin: -10px;
2485
}
2486
scale trough {
2488
outline-offset: 2px;
2489
background-color: alpha(currentColor, 0.3);
2490
}
2491
scale trough:disabled {
2493
color: rgba(0, 0, 0, 0.32);
2494
}
2495
scale highlight {
2497
background-color: #FF4081;
2498
}
2499
scale highlight:disabled {
2501
background-color: transparent;
2502
}
2503
scale fill {
2505
background-color: alpha(currentColor, 0.3);
2506
}
2507
scale fill:disabled {
2509
background-color: transparent;
2510
}
2511
scale slider {
2513
transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
2514
background-repeat: no-repeat;
2515
background-position: center;
2516
background-size: calc(100% - 8px);
2517
}
2518
scale slider {
2520
background-image: -gtk-scaled(url("assets/scale-slider.png"), url("assets/scale-slider@2.png"));
2521
}
2522
scale slider:disabled {
2524
background-image: -gtk-scaled(url("assets/scale-slider-disabled.png"), url("assets/scale-slider-disabled@2.png"));
2525
}
2526
scale slider:hover {
2528
background-size: calc(100% - 4px);
2529
}
2530
scale slider:active {
2532
background-size: calc(100% - 0px);
2533
}
2534
scale.fine-tune slider {
2536
background-size: calc(100% - 12px);
2537
}
2538
scale value {
2540
color: alpha(currentColor, 0.6);
2541
}
2542
scale marks {
2544
color: alpha(currentColor, 0.3);
2545
}
2546
scale marks.top {
2548
margin-bottom: 8px;
2549
margin-top: -16px;
2550
}
2551
scale marks.bottom {
2553
margin-top: 8px;
2554
margin-bottom: -16px;
2555
}
2556
scale marks.top {
2558
margin-right: 8px;
2559
margin-left: -16px;
2560
}
2561
scale marks.bottom {
2563
margin-left: 8px;
2564
margin-right: -16px;
2565
}
2566
scale.horizontal indicator {
2568
min-height: 8px;
2569
min-width: 1px;
2570
}
2571
scale.vertical indicator {
2573
min-height: 1px;
2574
min-width: 8px;
2575
}
2576
scale.horizontal.marks-before:not(.marks-after) slider {
2578
min-height: 30px;
2579
min-width: 24px;
2580
margin-top: -16px;
2581
background-position: center calc(100% - 4px);
2582
}
2583
scale.horizontal.marks-before:not(.marks-after) slider {
2585
background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider.png"), url("assets/scale-horz-marks-before-slider@2.png"));
2586
}
2587
scale.horizontal.marks-before:not(.marks-after) slider:disabled {
2589
background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-disabled.png"), url("assets/scale-horz-marks-before-slider-disabled@2.png"));
2590
}
2591
scale.horizontal.marks-before:not(.marks-after) slider:hover {
2593
background-position: center calc(100% - 2px);
2594
}
2595
scale.horizontal.marks-before:not(.marks-after) slider:active {
2597
background-position: center calc(100% - 0px);
2598
}
2599
scale.horizontal.marks-before:not(.marks-after).fine-tune slider {
2601
background-position: center calc(100% - 6px);
2602
}
2603
scale.horizontal.marks-after:not(.marks-before) slider {
2605
min-height: 30px;
2606
min-width: 24px;
2607
margin-bottom: -16px;
2608
background-position: center calc(4px);
2609
}
2610
scale.horizontal.marks-after:not(.marks-before) slider {
2612
background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider.png"), url("assets/scale-horz-marks-after-slider@2.png"));
2613
}
2614
scale.horizontal.marks-after:not(.marks-before) slider:disabled {
2616
background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-disabled.png"), url("assets/scale-horz-marks-after-slider-disabled@2.png"));
2617
}
2618
scale.horizontal.marks-after:not(.marks-before) slider:hover {
2620
background-position: center calc(2px);
2621
}
2622
scale.horizontal.marks-after:not(.marks-before) slider:active {
2624
background-position: center calc(0px);
2625
}
2626
scale.horizontal.marks-after:not(.marks-before).fine-tune slider {
2628
background-position: center calc(6px);
2629
}
2630
scale.vertical.marks-before:not(.marks-after) slider {
2632
min-height: 24px;
2633
min-width: 30px;
2634
margin-left: -16px;
2635
background-position: calc(4px) center;
2636
}
2637
scale.vertical.marks-before:not(.marks-after) slider {
2639
background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider.png"), url("assets/scale-vert-marks-before-slider@2.png"));
2640
}
2641
scale.vertical.marks-before:not(.marks-after) slider:disabled {
2643
background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-disabled.png"), url("assets/scale-vert-marks-before-slider-disabled@2.png"));
2644
}
2645
scale.vertical.marks-before:not(.marks-after) slider:hover {
2647
background-position: calc(2px) center;
2648
}
2649
scale.vertical.marks-before:not(.marks-after) slider:active {
2651
background-position: calc(0px) center;
2652
}
2653
scale.vertical.marks-before:not(.marks-after).fine-tune slider {
2655
background-position: calc(6px) center;
2656
}
2657
scale.vertical.marks-after:not(.marks-before) slider {
2659
min-height: 24px;
2660
min-width: 30px;
2661
margin-right: -16px;
2662
background-position: calc(100% - 4px) center;
2663
}
2664
scale.vertical.marks-after:not(.marks-before) slider {
2666
background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider.png"), url("assets/scale-vert-marks-after-slider@2.png"));
2667
}
2668
scale.vertical.marks-after:not(.marks-before) slider:disabled {
2670
background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-disabled.png"), url("assets/scale-vert-marks-after-slider-disabled@2.png"));
2671
}
2672
scale.vertical.marks-after:not(.marks-before) slider:hover {
2674
background-position: calc(100% - 2px) center;
2675
}
2676
scale.vertical.marks-after:not(.marks-before) slider:active {
2678
background-position: calc(100% - 0px) center;
2679
}
2680
scale.vertical.marks-after:not(.marks-before).fine-tune slider {
2682
background-position: calc(100% - 6px) center;
2683
}
2684
scale.color {
2686
min-height: 0;
2687
min-width: 0;
2688
}
2689
scale.color.horizontal {
2691
padding: 0 0 12px 0;
2692
}
2693
scale.color.horizontal slider:dir(ltr), scale.color.horizontal slider:dir(rtl) {
2695
margin-bottom: -12px;
2696
margin-top: -2px;
2697
}
2698
scale.color.vertical:dir(ltr) {
2700
padding: 0 0 0 12px;
2701
}
2702
scale.color.vertical:dir(ltr) slider {
2704
margin-left: -12px;
2705
margin-right: -2px;
2706
}
2707
scale.color.vertical:dir(rtl) {
2709
padding: 0 12px 0 0;
2710
}
2711
scale.color.vertical:dir(rtl) slider {
2713
margin-right: -12px;
2714
margin-left: -2px;
2715
}
2716
/*****************
2718
* Progress bars *
2719
*****************/
2720
progressbar {
2721
color: rgba(0, 0, 0, 0.48);
2722
font-size: smaller;
2723
}
2724
progressbar.horizontal trough,
2726
progressbar.horizontal progress {
2727
min-height: 4px;
2728
}
2729
progressbar.vertical trough,
2731
progressbar.vertical progress {
2732
min-width: 4px;
2733
}
2734
progressbar trough {
2736
background-color: rgba(66, 165, 245, 0.3);
2737
}
2738
progressbar progress {
2740
background-color: #42A5F5;
2741
}
2742
progressbar trough.empty progress {
2744
all: unset;
2745
}
2746
/*************
2748
* Level Bar *
2749
*************/
2750
levelbar block {
2751
min-width: 32px;
2752
min-height: 4px;
2753
}
2754
levelbar.vertical block {
2756
min-width: 4px;
2757
min-height: 32px;
2758
}
2759
levelbar trough {
2761
padding: 2px;
2762
border-radius: 2px;
2763
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1);
2764
border-image: none;
2765
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
2766
background-color: #FFFFFF;
2767
color: rgba(0, 0, 0, 0.8);
2768
}
2769
levelbar trough:disabled {
2771
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
2772
background-color: #FAFAFA;
2773
color: rgba(0, 0, 0, 0.32);
2774
}
2775
levelbar.horizontal.discrete block {
2777
margin: 0 1px;
2778
}
2779
levelbar.horizontal.discrete trough {
2781
padding: 2px 1px;
2782
}
2783
levelbar.vertical.discrete block {
2785
margin: 1px 0;
2786
}
2787
levelbar.vertical.discrete trough {
2789
padding: 1px 2px;
2790
}
2791
levelbar block.low {
2793
background-color: #FF6D00;
2794
}
2795
levelbar block.high, levelbar block:not(.empty) {
2797
background-color: #42A5F5;
2798
}
2799
levelbar block.full {
2801
background-color: #00C853;
2802
}
2803
levelbar block.empty {
2805
background-color: alpha(currentColor, 0.3);
2806
color: rgba(0, 0, 0, 0.32);
2807
}
2808
/****************
2810
* Print dialog *
2811
*****************/
2812
printdialog paper {
2813
padding: 0;
2814
border: 1px solid rgba(0, 0, 0, 0.1);
2815
background-color: #FFFFFF;
2816
color: rgba(0, 0, 0, 0.8);
2817
}
2818
printdialog .dialog-action-box {
2820
margin: 12px;
2821
}
2822
/**********
2824
* Frames *
2825
**********/
2826
frame > border,
2827
.frame {
2828
margin: 0;
2829
padding: 0;
2830
border: 1px solid rgba(0, 0, 0, 0.1);
2831
border-radius: 0;
2832
box-shadow: none;
2833
}
2834
frame > border.flat,
2836
.frame.flat,
2837
frame.flat > border {
2838
border-style: none;
2839
}
2840
actionbar > revealer > box {
2842
padding: 6px;
2843
border-top: 1px solid rgba(0, 0, 0, 0.1);
2844
}
2845
scrolledwindow viewport.frame {
2847
border-style: none;
2848
}
2849
overshoot.top {
2851
background-image: -gtk-gradient(radial, center top, 0, center top, 0.75, to(rgba(64, 196, 255, 0.3)), to(transparent));
2852
background-repeat: no-repeat;
2853
background-position: center top;
2854
background-color: transparent;
2855
border: none;
2856
box-shadow: none;
2857
}
2858
overshoot.bottom {
2860
background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.75, to(rgba(64, 196, 255, 0.3)), to(transparent));
2861
background-repeat: no-repeat;
2862
background-position: center bottom;
2863
background-color: transparent;
2864
border: none;
2865
box-shadow: none;
2866
}
2867
overshoot.left {
2869
background-image: -gtk-gradient(radial, left center, 0, left center, 0.75, to(rgba(64, 196, 255, 0.3)), to(transparent));
2870
background-repeat: no-repeat;
2871
background-position: left center;
2872
background-color: transparent;
2873
border: none;
2874
box-shadow: none;
2875
}
2876
overshoot.right {
2878
background-image: -gtk-gradient(radial, right center, 0, right center, 0.75, to(rgba(64, 196, 255, 0.3)), to(transparent));
2879
background-repeat: no-repeat;
2880
background-position: right center;
2881
background-color: transparent;
2882
border: none;
2883
box-shadow: none;
2884
}
2885
undershoot.top {
2887
background-color: transparent;
2888
background-image: linear-gradient(to left, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.24) 50%);
2889
padding-top: 1px;
2890
background-size: 12px 1px;
2891
background-repeat: repeat-x;
2892
background-origin: content-box;
2893
background-position: left top;
2894
}
2895
undershoot.bottom {
2897
background-color: transparent;
2898
background-image: linear-gradient(to left, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.24) 50%);
2899
padding-bottom: 1px;
2900
background-size: 12px 1px;
2901
background-repeat: repeat-x;
2902
background-origin: content-box;
2903
background-position: left bottom;
2904
}
2905
undershoot.left {
2907
background-color: transparent;
2908
background-image: linear-gradient(to top, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.24) 50%);
2909
padding-left: 1px;
2910
background-size: 1px 12px;
2911
background-repeat: repeat-y;
2912
background-origin: content-box;
2913
background-position: left top;
2914
}
2915
undershoot.right {
2917
background-color: transparent;
2918
background-image: linear-gradient(to top, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.24) 50%);
2919
padding-right: 1px;
2920
background-size: 1px 12px;
2921
background-repeat: repeat-y;
2922
background-origin: content-box;
2923
background-position: right top;
2924
}
2925
junction {
2927
border-style: solid none none solid;
2928
border-width: 1px;
2929
border-color: rgba(0, 0, 0, 0.1);
2930
background-color: #FFFFFF;
2931
}
2932
junction:dir(rtl) {
2934
border-style: solid solid none none;
2935
}
2936
separator {
2938
min-width: 1px;
2939
min-height: 1px;
2940
background-color: rgba(0, 0, 0, 0.1);
2941
}
2942
button.font separator,
2945
button.file separator, .tweak-categories separator {
2946
min-width: 0;
2947
min-height: 0;
2948
background-color: transparent;
2949
}
2950
/*********
2952
* Lists *
2953
*********/
2954
list {
2955
border-color: rgba(0, 0, 0, 0.1);
2956
background-color: #FFFFFF;
2957
}
2958
list row {
2960
padding: 2px;
2961
}
2962
row.activatable, .view, treeview.view header button, .budgie-menu button {
2964
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);
2965
box-shadow: inset 0 0 0 9999px transparent;
2966
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
2967
background-repeat: no-repeat;
2968
background-position: center;
2969
background-size: 1000% 1000%;
2970
}
2971
row.activatable:hover, .view:hover, treeview.view header button:hover, .budgie-menu button:hover {
2973
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);
2974
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.05);
2975
}
2976
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 {
2978
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), background-color 0, color 0, background-size 0, background-image 0;
2979
animation: ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1) forwards;
2980
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.15);
2981
background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.15) 10%, transparent 0%);
2982
background-size: 0% 0%;
2983
}
2984
/*********************
2986
* App Notifications *
2987
*********************/
2988
.app-notification {
2989
margin: 8px;
2990
}
2991
.app-notification.frame,
2993
.app-notification border {
2994
border-style: none;
2995
}
2996
/*************
2998
* Expanders *
2999
*************/
3000
expander arrow {
3001
transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
3002
min-width: 16px;
3003
min-height: 16px;
3004
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
3005
-gtk-icon-transform: rotate(-90deg);
3006
color: rgba(0, 0, 0, 0.6);
3007
}
3008
expander arrow:dir(rtl) {
3010
-gtk-icon-transform: rotate(90deg);
3011
}
3012
expander arrow:checked {
3014
-gtk-icon-transform: unset;
3015
}
3016
expander arrow:hover, expander arrow:active {
3018
color: rgba(0, 0, 0, 0.8);
3019
}
3020
expander arrow:disabled {
3022
color: rgba(0, 0, 0, 0.24);
3023
}
3024
expander arrow:selected {
3026
color: rgba(255, 255, 255, 0.75);
3027
}
3028
expander arrow:selected:hover, expander arrow:selected:active {
3030
color: #FFFFFF;
3031
}
3032
expander arrow:selected:disabled {
3034
color: rgba(255, 255, 255, 0.3);
3035
}
3036
/************
3038
* Calendar *
3039
************/
3040
calendar {
3041
padding: 1px;
3042
border: 1px solid rgba(0, 0, 0, 0.1);
3043
color: rgba(0, 0, 0, 0.8);
3044
}
3045
calendar:disabled {
3047
color: rgba(0, 0, 0, 0.32);
3048
}
3049
calendar:selected {
3051
border-radius: 3px;
3052
}
3053
calendar.header {
3055
border-style: none none solid;
3056
border-radius: 0;
3057
}
3058
calendar.highlight {
3060
color: alpha(currentColor, 0.6);
3061
font-weight: 500;
3062
}
3063
calendar:indeterminate {
3065
color: alpha(currentColor, 0.4);
3066
}
3067
/***********
3069
* Dialogs *
3070
***********/
3071
messagedialog.background {
3072
background-color: #FAFAFA;
3073
}
3074
messagedialog .titlebar {
3076
min-height: 20px;
3077
border-style: none;
3078
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
3079
background-color: #FAFAFA;
3080
color: rgba(0, 0, 0, 0.8);
3081
}
3082
messagedialog .titlebar:backdrop {
3084
color: rgba(0, 0, 0, 0.6);
3085
}
3086
messagedialog.csd.background {
3088
border-bottom-left-radius: 2px;
3089
border-bottom-right-radius: 2px;
3090
}
3091
messagedialog.csd .dialog-action-area button {
3093
padding: 8px 16px;
3094
border-top: 1px solid rgba(0, 0, 0, 0.1);
3095
border-radius: 0;
3096
}
3097
messagedialog.csd .dialog-action-area button:first-child {
3099
border-bottom-left-radius: 2px;
3100
}
3101
messagedialog.csd .dialog-action-area button:last-child {
3103
border-bottom-right-radius: 2px;
3104
}
3105
filechooser .dialog-action-box {
3107
border-top: 1px solid rgba(0, 0, 0, 0.1);
3108
}
3109
filechooser #pathbarbox {
3111
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
3112
background-color: #F5F5F5;
3113
}
3114
filechooserbutton:drop(active) {
3116
box-shadow: none;
3117
}
3118
/***********
3120
* Sidebar *
3121
***********/
3122
.sidebar {
3123
border-style: none;
3124
background-color: #FAFAFA;
3125
}
3126
stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left, .sidebar.left:dir(rtl) {
3128
border-right: 1px solid rgba(0, 0, 0, 0.1);
3129
border-left-style: none;
3130
}
3131
stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right {
3133
border-left: 1px solid rgba(0, 0, 0, 0.1);
3134
border-right-style: none;
3135
}
3136
.sidebar list {
3138
background-color: transparent;
3139
}
3140
paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar {
3142
border-style: none;
3143
}
3144
stacksidebar row {
3146
padding: 10px 4px;
3147
}
3148
stacksidebar row > label {
3150
padding-left: 6px;
3151
padding-right: 6px;
3152
}
3153
/****************
3155
* File chooser *
3156
****************/
3157
placessidebar > viewport.frame {
3158
border-style: none;
3159
}
3160
placessidebar list {
3162
padding: 1px 0 4px;
3163
}
3164
placessidebar row {
3166
min-height: 32px;
3167
margin: -1px 0;
3168
padding: 0;
3169
}
3170
placessidebar row > revealer {
3172
padding: 0 12px;
3173
}
3174
placessidebar row:selected {
3176
color: #FFFFFF;
3177
}
3178
placessidebar row:disabled {
3180
color: rgba(0, 0, 0, 0.32);
3181
}
3182
placessidebar row image.sidebar-icon {
3184
opacity: 0.6;
3185
}
3186
placessidebar row image.sidebar-icon:dir(ltr) {
3188
padding-right: 8px;
3189
}
3190
placessidebar row image.sidebar-icon:dir(rtl) {
3192
padding-left: 8px;
3193
}
3194
placessidebar row label.sidebar-label:dir(ltr) {
3196
padding-right: 2px;
3197
}
3198
placessidebar row label.sidebar-label:dir(rtl) {
3200
padding-left: 2px;
3201
}
3202
placessidebar row.sidebar-placeholder-row {
3204
min-height: 2px;
3205
padding: 0 8px;
3206
background-image: image(#FF4081);
3207
background-clip: content-box;
3208
}
3209
placessidebar row.sidebar-new-bookmark-row {
3211
color: #FF4081;
3212
}
3213
placessidebar row:drop(active):not(:disabled) {
3215
box-shadow: inset 0 0 0 2px #FF4081;
3216
}
3217
placesview .server-list-button > image {
3219
-gtk-icon-transform: rotate(0turn);
3220
}
3221
placesview .server-list-button:checked > image {
3223
-gtk-icon-transform: rotate(-0.5turn);
3224
}
3225
placesview > actionbar > revealer > box > label {
3227
padding-left: 8px;
3228
padding-right: 8px;
3229
}
3230
/*********
3232
* Paned *
3233
*********/
3234
paned > separator {
3235
min-width: 1px;
3236
min-height: 1px;
3237
-gtk-icon-source: none;
3238
border-style: none;
3239
background-color: transparent;
3240
background-image: image(rgba(0, 0, 0, 0.1));
3241
background-size: 1px 1px;
3242
background-clip: content-box;
3243
}
3244
paned > separator.wide {
3246
min-width: 6px;
3247
min-height: 6px;
3248
background-color: #F5F5F5;
3249
background-image: image(rgba(0, 0, 0, 0.1)), image(rgba(0, 0, 0, 0.1));
3250
background-size: 1px 1px, 1px 1px;
3251
}
3252
paned.horizontal > separator {
3254
background-repeat: repeat-y;
3255
}
3256
paned.horizontal > separator:dir(ltr) {
3258
margin: 0 -8px 0 0;
3259
padding: 0 8px 0 0;
3260
background-position: left;
3261
}
3262
paned.horizontal > separator:dir(rtl) {
3264
margin: 0 0 0 -8px;
3265
padding: 0 0 0 8px;
3266
background-position: right;
3267
}
3268
paned.horizontal > separator.wide {
3270
margin: 0;
3271
padding: 0;
3272
background-repeat: repeat-y, repeat-y;
3273
background-position: left, right;
3274
}
3275
paned.vertical > separator {
3277
margin: 0 0 -8px 0;
3278
padding: 0 0 8px 0;
3279
background-repeat: repeat-x;
3280
background-position: top;
3281
}
3282
paned.vertical > separator.wide {
3284
margin: 0;
3285
padding: 0;
3286
background-repeat: repeat-x, repeat-x;
3287
background-position: bottom, top;
3288
}
3289
/**************
3291
* GtkInfoBar *
3292
**************/
3293
infobar {
3294
border-style: none;
3295
}
3296
infobar.info {
3298
background-color: #66BB6A;
3299
}
3300
infobar.question {
3302
background-color: #42A5F5;
3303
}
3304
infobar.warning {
3306
background-color: #FFA726;
3307
}
3308
infobar.error {
3310
background-color: #EF5350;
3311
}
3312
infobar.info > label, infobar.info, infobar.question > label, infobar.question, infobar.warning > label, infobar.warning, infobar.error > label, infobar.error {
3314
color: #FFFFFF;
3315
}
3316
/************
3318
* Tooltips *
3319
************/
3320
tooltip {
3321
border-radius: 2px;
3322
box-shadow: none;
3323
}
3324
tooltip.background {
3326
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
3327
background-color: rgba(255, 255, 255, 0.9);
3328
}
3329
tooltip:not(.csd):not(.unity-csd) {
3331
border: 1px solid rgba(0, 0, 0, 0.1);
3332
border-radius: 3px;
3333
background-clip: padding-box;
3334
}
3335
tooltip decoration {
3337
background-color: transparent;
3338
}
3339
tooltip label {
3341
min-height: 20px;
3342
padding: 0 2px;
3343
}
3344
/*****************
3346
* Color Chooser *
3347
*****************/
3348
colorswatch.top {
3349
border-top-left-radius: 2.5px;
3350
border-top-right-radius: 2.5px;
3351
}
3352
colorswatch.top overlay {
3354
border-top-left-radius: 2px;
3355
border-top-right-radius: 2px;
3356
}
3357
colorswatch.bottom {
3359
border-bottom-left-radius: 2.5px;
3360
border-bottom-right-radius: 2.5px;
3361
}
3362
colorswatch.bottom overlay {
3364
border-bottom-left-radius: 2px;
3365
border-bottom-right-radius: 2px;
3366
}
3367
colorswatch.left, colorswatch:first-child:not(.top) {
3369
border-top-left-radius: 2.5px;
3370
border-bottom-left-radius: 2.5px;
3371
}
3372
colorswatch.left overlay, colorswatch:first-child:not(.top) overlay {
3374
border-top-left-radius: 2px;
3375
border-bottom-left-radius: 2px;
3376
}
3377
colorswatch.right, colorswatch:last-child:not(.bottom) {
3379
border-top-right-radius: 2.5px;
3380
border-bottom-right-radius: 2.5px;
3381
}
3382
colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay {
3384
border-top-right-radius: 2px;
3385
border-bottom-right-radius: 2px;
3386
}
3387
colorswatch.dark overlay {
3389
color: #FFFFFF;
3390
}
3391
colorswatch.light overlay {
3393
color: rgba(0, 0, 0, 0.8);
3394
}
3395
colorswatch.dark {
3397
color: #FFFFFF;
3398
}
3399
colorswatch.light {
3401
color: rgba(0, 0, 0, 0.8);
3402
}
3403
colorswatch:drop(active) {
3405
box-shadow: none;
3406
}
3407
colorswatch:drop(active).light overlay {
3409
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;
3410
}
3411
colorswatch:drop(active).dark overlay {
3413
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;
3414
}
3415
colorswatch overlay {
3417
transition: box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1);
3418
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
3419
}
3420
colorswatch overlay:hover {
3422
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
3423
}
3424
colorswatch#add-color-button {
3426
border-radius: 2px 2px 0 0;
3427
color: #FFFFFF;
3428
}
3429
colorswatch#add-color-button:only-child {
3431
border-radius: 2px;
3432
}
3433
colorswatch#add-color-button overlay {
3435
background-image: linear-gradient(to right, #EF5350 25%, #FFA726 25%, #FFA726 50%, #66BB6A 50%, #66BB6A 75%, #42A5F5 75%);
3436
color: #FFFFFF;
3437
}
3438
colorswatch:disabled {
3440
opacity: 0.4;
3441
}
3442
colorswatch:disabled overlay {
3444
box-shadow: none;
3445
}
3446
colorswatch#editor-color-sample {
3448
border-radius: 2.5px;
3449
}
3450
colorswatch#editor-color-sample overlay {
3452
border-radius: 2px;
3453
}
3454
colorchooser .popover.osd {
3456
transition: box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1);
3457
border-radius: 2px;
3458
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 1px rgba(255, 255, 255, 0.4);
3459
background-color: #FFFFFF;
3460
}
3461
colorchooser .popover.osd:backdrop {
3463
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 1px rgba(255, 255, 255, 0.4);
3464
}
3465
/********
3467
* Misc *
3468
********/
3469
.content-view {
3470
background-color: #F5F5F5;
3471
}
3472
/**********************
3474
* Window Decorations *
3475
**********************/
3476
decoration {
3477
transition: box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1);
3478
border-radius: 2px 2px 0 0;
3479
box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22), 0 16px 16px transparent;
3480
margin: 8px;
3481
}
3482
decoration:backdrop {
3484
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), 0 16px 16px transparent;
3485
}
3486
.maximized decoration,
3488
.fullscreen decoration,
3489
.tiled decoration {
3490
border-radius: 0;
3491
}
3492
.popup decoration {
3494
box-shadow: none;
3495
}
3496
.ssd decoration {
3498
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16);
3499
}
3500
.csd.popup decoration {
3502
border-radius: 2px;
3503
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
3504
}
3505
tooltip.csd decoration {
3507
border-radius: 2px;
3508
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
3509
}
3510
messagedialog.csd decoration {
3512
border-radius: 2px;
3513
}
3514
.solid-csd decoration {
3516
margin: 0;
3517
border-radius: 0;
3518
box-shadow: none;
3519
background-color: #E0E0E0;
3520
}
3521
.view selection, .view:selected, flowbox flowboxchild:selected, spinbutton:not(.vertical) selection,
3523
entry selection, modelbutton.flat:selected,
3524
.menuitem.button.flat:selected, popover.background.menu button:checked,
3525
popover.background button.model:checked, row:selected, calendar:selected, text:selected, .budgie-menu button:checked {
3526
background-color: #42A5F5;
3527
}
3528
row:selected label, label:selected, .view selection, .view:selected, flowbox flowboxchild:selected, spinbutton:not(.vertical) selection,
3530
entry selection, modelbutton.flat:selected,
3531
.menuitem.button.flat:selected, popover.background.menu button:checked,
3532
popover.background button.model:checked, row:selected, calendar:selected, text:selected, .budgie-menu button:checked {
3533
color: #FFFFFF;
3534
}
3535
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,
3537
entry selection:disabled, modelbutton.flat:disabled:selected,
3538
.menuitem.button.flat:disabled:selected, popover.background.menu button:disabled:checked,
3539
popover.background button.model:disabled:checked, row:disabled:selected, calendar:disabled:selected, text:disabled:selected, .budgie-menu button:disabled:checked {
3540
color: rgba(255, 255, 255, 0.4);
3541
}
3542
.monospace {
3544
font-family: monospace;
3545
}
3546
/**********************
3548
* Touch Copy & Paste *
3549
**********************/
3550
cursor-handle {
3551
border-radius: 9999px;
3552
background-color: #FF4081;
3553
background-image: none;
3554
}
3555
cursor-handle.top:dir(ltr), cursor-handle.bottom:dir(rtl) {
3557
padding-left: 6px;
3558
border-top-right-radius: 0;
3559
}
3560
cursor-handle.bottom:dir(ltr), cursor-handle.top:dir(rtl) {
3562
padding-right: 6px;
3563
border-top-left-radius: 0;
3564
}
3565
cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) {
3567
-GtkWidget-text-handle-width: 24;
3568
-GtkWidget-text-handle-height: 30;
3569
-gtk-icon-source: -gtk-scaled(url("assets/scale-horz-marks-before-slider.png"), url("assets/scale-horz-marks-before-slider@2.png"));
3570
}
3571
.context-menu {
3573
font: initial;
3574
}
3575
.keycap {
3577
min-width: 12px;
3578
min-height: 26px;
3579
margin-top: 2px;
3580
padding-bottom: 2px;
3581
padding-left: 8px;
3582
padding-right: 8px;
3583
border: solid 1px rgba(0, 0, 0, 0.1);
3584
border-radius: 3px;
3585
box-shadow: inset 0 -2px rgba(0, 0, 0, 0.1);
3586
background-color: #FFFFFF;
3587
color: rgba(0, 0, 0, 0.8);
3588
font-size: smaller;
3589
}
3590
:not(decoration):not(window):drop(active) {
3592
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
3593
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;
3594
caret-color: #FF4081;
3595
}
3596
stackswitcher button.text-button {
3598
min-width: 100px;
3599
}
3600
stackswitcher button.circular,
3602
stackswitcher button.text-button.circular {
3603
min-width: 32px;
3604
min-height: 32px;
3605
padding: 0;
3606
}
3607
/************
3609
* Nautilus *
3610
************/
3611
.nautilus-window,
3612
.nautilus-window notebook,
3613
.nautilus-window notebook > stack {
3614
background-color: #FFFFFF;
3615
}
3616
.nautilus-desktop.nautilus-canvas-item:not(:selected), .caja-desktop.caja-canvas-item:not(:selected) {
3618
color: #FFFFFF;
3619
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
3620
}
3621
@keyframes needs_attention_keyframes {
3623
to {
3624
background-color: alpha(currentColor, 0.3);
3625
}
3626
}
3627
.nautilus-operations-button-needs-attention {
3629
animation: needs_attention_keyframes 0.3s cubic-bezier(0.4, 0, 0.2, 1) 2 alternate;
3630
}
3631
.nautilus-operations-button-needs-attention-multiple {
3633
animation: needs_attention_keyframes 0.3s cubic-bezier(0.4, 0, 0.2, 1) 4 alternate;
3634
}
3635
.nautilus-window .floating-bar {
3637
min-height: 32px;
3638
padding: 0;
3639
border-style: solid solid none;
3640
border-width: 1px;
3641
border-color: rgba(0, 0, 0, 0.1);
3642
border-radius: 3px 3px 0 0;
3643
background-color: #FFFFFF;
3644
background-clip: padding-box;
3645
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), border-width 0;
3646
}
3647
.nautilus-window .floating-bar.bottom.left {
3649
margin-right: 7px;
3650
border-left-style: none;
3651
border-top-left-radius: 0;
3652
}
3653
.nautilus-window .floating-bar.bottom.right {
3655
margin-left: 7px;
3656
border-right-style: none;
3657
border-top-right-radius: 0;
3658
}
3659
.nautilus-window .floating-bar button {
3661
margin: 6px;
3662
}
3663
.disk-space-display.unknown {
3665
background-color: #FF6D00;
3666
}
3667
.disk-space-display.used {
3669
background-color: #42A5F5;
3670
}
3671
.disk-space-display.free {
3673
background-color: alpha(currentColor, 0.3);
3674
color: rgba(0, 0, 0, 0.32);
3675
}
3676
.documents-entry-tag, .photos-entry-tag {
3678
margin: 3px -2px 3px 8px;
3679
padding: 0 8px;
3680
border-radius: 9999px;
3681
box-shadow: none;
3682
background-color: #42A5F5;
3683
color: #FFFFFF;
3684
}
3685
.documents-entry-tag:hover, .photos-entry-tag:hover {
3687
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
3688
}
3689
.documents-entry-tag.button, .button.photos-entry-tag {
3691
margin: 0 -2px;
3692
padding: 4px;
3693
border-radius: 9999px;
3694
box-shadow: none;
3695
color: rgba(255, 255, 255, 0.75);
3696
}
3697
.documents-entry-tag.button:hover, .button.photos-entry-tag:hover, .documents-entry-tag.button:active, .button.photos-entry-tag:active {
3699
color: #FFFFFF;
3700
}
3701
.nautilus-window searchbar {
3703
border-top: 1px solid rgba(0, 0, 0, 0.1);
3704
}
3705
.nautilus-window .searchbar-container {
3707
margin-top: -1px;
3708
}
3709
.conflict-row:not(:selected) {
3711
background-color: #ffd3b3;
3712
}
3713
.nautilus-window flowboxchild > widget > .icon-item-background {
3715
padding: 4px;
3716
border-radius: 2px;
3717
}
3718
.nautilus-window flowboxchild:selected {
3720
background-color: transparent;
3721
}
3722
.nautilus-window flowboxchild:selected > widget > .icon-item-background {
3724
background-color: #42A5F5;
3725
}
3726
dialog.background > box.dialog-vbox.vertical > grid.horizontal > scrolledwindow.frame {
3728
border-style: none;
3729
}
3730
dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child {
3732
margin: -6px 0 0 -6px;
3733
border-top: 1px solid rgba(0, 0, 0, 0.1);
3734
}
3735
dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child > label {
3737
margin: 0 8px;
3738
}
3739
dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child > box > button {
3741
border-radius: 0;
3742
}
3743
.nautilus-window > popover.menu:not(:last-child) {
3745
padding: 3px;
3746
}
3747
.nautilus-window > popover.menu:not(:last-child) > stack > box > box > box {
3749
margin-top: -6px;
3750
}
3751
.nautilus-window > popover.menu:not(:last-child) > stack > box > box > box > box {
3753
margin-bottom: -6px;
3754
}
3755
.nautilus-window > popover.menu:not(:last-child) > stack > box > box > box > box.linked {
3757
margin-top: 1px;
3758
}
3759
.nautilus-window > popover.menu:not(:last-child) separator {
3761
margin-bottom: -2px;
3762
}
3763
.nautilus-menu-sort-heading {
3765
margin: 1px 3px;
3766
font-weight: 500;
3767
}
3768
.nautilus-menu-sort-heading:disabled {
3770
color: rgba(0, 0, 0, 0.48);
3771
}
3772
.nautilus-window paned > separator {
3774
background-color: #F5F5F5;
3775
}
3776
/*********
3778
* gedit *
3779
*********/
3780
.open-document-selector-name-label {
3781
font-weight: bold;
3782
}
3783
.open-document-selector-path-label {
3785
color: alpha(currentColor, 0.6);
3786
font-size: smaller;
3787
}
3788
.gedit-document-panel {
3790
background-color: #FAFAFA;
3791
}
3792
.gedit-document-panel row button.flat {
3794
margin-top: 8px;
3795
margin-bottom: 8px;
3796
}
3797
.gedit-document-panel-group-row:not(:first-child) {
3799
border-top: 1px solid rgba(0, 0, 0, 0.1);
3800
}
3801
.gedit-side-panel-paned statusbar {
3803
border-top: 1px solid rgba(0, 0, 0, 0.1);
3804
}
3805
.gedit-search-slider {
3807
margin: 4px 4px 8px;
3808
}
3809
.gedit-search-slider entry:dir(ltr), .gedit-search-slider entry:dir(rtl) {
3811
border-radius: 2px;
3812
}
3813
.gedit-search-slider entry:dir(ltr) .gedit-search-entry-occurrences-tag, .gedit-search-slider entry:dir(rtl) .gedit-search-entry-occurrences-tag {
3815
all: unset;
3816
color: alpha(currentColor, 0.6);
3817
}
3818
.gedit-search-slider entry:dir(ltr) {
3820
margin-right: -58px;
3821
padding-right: 58px;
3822
}
3823
.gedit-search-slider entry:dir(ltr) .gedit-search-entry-occurrences-tag {
3825
margin-left: 6px;
3826
}
3827
.gedit-search-slider entry:dir(ltr) image.right {
3829
margin-right: 0;
3830
}
3831
.gedit-search-slider entry:dir(rtl) {
3833
margin-left: -58px;
3834
padding-left: 58px;
3835
}
3836
.gedit-search-slider entry:dir(rtl) .gedit-search-entry-occurrences-tag {
3838
margin-right: 6px;
3839
}
3840
.gedit-search-slider entry:dir(rtl) image.left {
3842
margin-left: 0;
3843
}
3844
.gedit-search-slider entry.error ~ button {
3846
color: rgba(255, 255, 255, 0.75);
3847
}
3848
.gedit-search-slider entry.error ~ button:hover, .gedit-search-slider entry.error ~ button:active {
3850
color: #FFFFFF;
3851
}
3852
.gedit-search-slider entry.error ~ button:disabled {
3854
color: rgba(255, 255, 255, 0.3);
3855
}
3856
.gedit-search-slider button {
3858
border: solid 6px transparent;
3859
}
3860
.gedit-search-slider button:last-child:dir(ltr), .gedit-search-slider button:not(:first-child):dir(rtl) {
3862
margin-left: -3px;
3863
}
3864
.gedit-search-slider button:first-child:dir(rtl), .gedit-search-slider button:not(:last-child):dir(ltr) {
3866
margin-right: -3px;
3867
}
3868
frame.gedit-map-frame > border:dir(ltr) {
3870
border-style: none none none solid;
3871
}
3872
frame.gedit-map-frame > border:dir(rtl) {
3874
border-style: none solid none none;
3875
}
3876
/**************
3878
* Tweak Tool *
3879
**************/
3880
.tweak-categories {
3881
background-image: image(#FAFAFA);
3882
}
3883
.tweak {
3885
padding: 3px;
3886
}
3887
.tweak.title:hover {
3889
box-shadow: none;
3890
}
3891
.tweak-group-white,
3893
.tweak-white,
3894
.tweak-white:hover {
3895
background-image: image(#FFFFFF);
3896
}
3897
.tweak-startup,
3899
.tweak-startup:hover {
3900
background-image: image(#FFFFFF);
3901
}
3902
.tweak-group-startup {
3904
background-image: image(#FFFFFF);
3905
border: 1px solid rgba(0, 0, 0, 0.1);
3906
}
3907
/***********
3909
* Builder *
3910
***********/
3911
layouttabbar {
3912
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
3913
background-color: #F5F5F5;
3914
}
3915
layouttabbar > box > button {
3917
margin: 4px 0;
3918
}
3919
layouttab {
3921
margin: 0 8px;
3922
border-style: none solid;
3923
border-width: 1px;
3924
border-color: rgba(0, 0, 0, 0.1);
3925
box-shadow: inset 0 -2px #42A5F5;
3926
background-color: #FFFFFF;
3927
}
3928
layouttab separator.vertical {
3930
margin: 8px 4px;
3931
}
3932
layouttab button.text-button, layouttab button.image-button, layouttab button {
3934
margin-top: 8px;
3935
margin-bottom: 8px;
3936
padding: 0 4px;
3937
}
3938
layout {
3940
border: 1px solid rgba(0, 0, 0, 0.1);
3941
-PnlDockBin-handle-size: 1;
3942
}
3943
entry.search-missing {
3945
background-color: #DD2C00;
3946
color: #FFFFFF;
3947
}
3948
window.workbench treeview.image {
3950
color: alpha(currentColor, 0.6);
3951
}
3952
window.workbench treeview.image:selected {
3954
color: rgba(255, 255, 255, 0.6);
3955
}
3956
popover.popover-selector list {
3958
padding: 6px;
3959
}
3960
popover.popover-selector list row {
3962
border-radius: 2px;
3963
}
3964
popover.popover-selector list row image:dir(ltr) {
3966
margin-right: 6px;
3967
}
3968
popover.popover-selector list row image:dir(rtl) {
3970
margin-left: 6px;
3971
}
3972
popover.popover-selector list row .accel:dir(ltr) {
3974
margin-left: 6px;
3975
}
3976
popover.popover-selector list row .accel:dir(rtl) {
3978
margin-right: 6px;
3979
}
3980
omnibar.linked:not(.vertical) entry {
3982
border-radius: 2px;
3983
}
3984
omnibar:not(:hover):not(:active) entry {
3986
color: rgba(0, 0, 0, 0.6);
3987
}
3988
popover.omnibar list row:not(:last-child) {
3990
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
3991
}
3992
entry.preferences-search {
3994
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1);
3995
background-color: #FFFFFF;
3996
}
3997
preferences stacksidebar.sidebar list {
3999
background-color: #FAFAFA;
4000
}
4001
preferences stacksidebar.sidebar:dir(ltr) list, preferences stacksidebar.sidebar:dir(rtl) list {
4003
border-style: none;
4004
}
4005
preferences stacksidebar.sidebar list separator {
4007
min-width: 0;
4008
min-height: 0;
4009
background-color: transparent;
4010
}
4011
preferences > box > box:dir(ltr) {
4013
border-right: 1px solid rgba(0, 0, 0, 0.1);
4014
}
4015
preferences > box > box:dir(rtl) {
4017
border-left: 1px solid rgba(0, 0, 0, 0.1);
4018
}
4019
popover.messagepopover.background {
4021
padding: 0;
4022
}
4023
popover.messagepopover .popover-action-area button {
4025
padding: 8px 16px;
4026
border-top: 1px solid rgba(0, 0, 0, 0.1);
4027
border-radius: 0;
4028
}
4029
popover.messagepopover .popover-action-area button:first-child {
4031
border-bottom-left-radius: 2px;
4032
}
4033
popover.messagepopover .popover-action-area button:last-child {
4035
border-bottom-right-radius: 2px;
4036
}
4037
popover.messagepopover .popover-content-area {
4039
margin: 16px;
4040
}
4041
popover.transfers list {
4043
background-color: transparent;
4044
}
4045
popover.transfers list row:not(:first-child) {
4047
border-top: 1px solid rgba(0, 0, 0, 0.1);
4048
}
4049
popover.transfers list row > box {
4051
padding: 10px;
4052
}
4053
dockbin {
4055
border: 1px solid rgba(0, 0, 0, 0.1);
4056
-PnlDockBin-handle-size: 1;
4057
}
4058
dockpaned {
4060
border: 1px solid rgba(0, 0, 0, 0.1);
4061
}
4062
eggsearchbar box.search-bar {
4064
padding: 0 8px;
4065
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
4066
background-color: #F5F5F5;
4067
}
4068
docktabstrip {
4070
padding: 0 8px;
4071
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
4072
background-color: #F5F5F5;
4073
}
4074
docktab {
4076
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
4077
min-height: 20px;
4078
min-width: 20px;
4079
margin-bottom: -1px;
4080
padding: 6px 6px;
4081
outline-offset: -6px;
4082
border-width: 1px;
4083
border-color: transparent;
4084
background-image: radial-gradient(circle farthest-corner at center, #42A5F5 10%, transparent 0%);
4085
background-repeat: no-repeat;
4086
background-position: center;
4087
background-size: 0% 0%;
4088
color: rgba(0, 0, 0, 0.6);
4089
font-weight: 500;
4090
}
4091
docktab:hover {
4093
box-shadow: inset 0 -2px alpha(currentColor, 0.3);
4094
color: rgba(0, 0, 0, 0.8);
4095
}
4096
docktab:checked {
4098
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);
4099
box-shadow: inset 0 -2px #42A5F5;
4100
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
4101
background-size: 1000% 1000%;
4102
color: rgba(0, 0, 0, 0.8);
4103
}
4104
dockoverlayedge {
4106
background-color: #F5F5F5;
4107
}
4108
dockoverlayedge docktabstrip {
4110
padding: 0;
4111
border: none;
4112
}
4113
dockoverlayedge.left-edge docktab:hover {
4115
box-shadow: inset -2px 0 alpha(currentColor, 0.3);
4116
}
4117
dockoverlayedge.left-edge docktab:checked {
4119
box-shadow: inset -2px 0 #42A5F5;
4120
}
4121
dockoverlayedge.right-edge docktab:hover {
4123
box-shadow: inset 2px 0 alpha(currentColor, 0.3);
4124
}
4125
dockoverlayedge.right-edge docktab:checked {
4127
box-shadow: inset 2px 0 #42A5F5;
4128
}
4129
pillbox {
4131
background-color: #F5F5F5;
4132
border-radius: 2px;
4133
}
4134
layoutpane entry.search {
4136
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1);
4137
background-color: #FFFFFF;
4138
}
4139
editortweak entry.search {
4141
margin-bottom: -1px;
4142
box-shadow: none;
4143
}
4144
.gb-search-entry-occurrences-tag {
4146
box-shadow: none;
4147
background-color: transparent;
4148
}
4149
docktabstrip {
4151
min-height: 39px;
4152
}
4153
window.workbench preferences preferencesgroup list entry {
4155
padding-top: 8px;
4156
padding-bottom: 8px;
4157
}
4158
button.run-arrow-button {
4160
padding-left: 8px;
4161
padding-right: 8px;
4162
}
4163
/**********
4165
* Photos *
4166
**********/
4167
GdMainIconView.content-view {
4168
-GdMainIconView-icon-size: 48;
4169
}
4170
.documents-counter {
4172
margin: 8px;
4173
border-radius: 9999px;
4174
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
4175
background-color: #FF4081;
4176
color: #FFFFFF;
4177
font-weight: bold;
4178
}
4179
.documents-scrolledwin.frame {
4181
border-style: none;
4182
}
4183
.documents-scrolledwin.frame frame.content-view > border {
4185
border-style: none;
4186
}
4187
.photos-fade-in {
4189
opacity: 1;
4190
transition: opacity 0.2s cubic-bezier(0, 0, 0.2, 1);
4191
}
4192
.photos-fade-out {
4194
opacity: 0;
4195
transition: opacity 0.2s cubic-bezier(0, 0, 0.2, 1);
4196
}
4197
overlay grid.horizontal > revealer > scrolledwindow.frame:dir(ltr) {
4199
border-style: none none none solid;
4200
}
4201
overlay grid.horizontal > revealer > scrolledwindow.frame:dir(rtl) {
4203
border-style: none solid none none;
4204
}
4205
/*********
4207
* Music *
4208
*********/
4209
.side-panel:dir(ltr) {
4210
border-style: solid;
4211
border-color: rgba(0, 0, 0, 0.1);
4212
}
4213
.side-panel:dir(rtl) {
4215
border-style: solid;
4216
border-color: rgba(0, 0, 0, 0.1);
4217
}
4218
.side-panel .view {
4220
background-image: image(#FAFAFA);
4221
}
4222
.side-panel .view:hover {
4224
background-image: image(rgba(242, 242, 242, 0.99));
4225
}
4226
.side-panel .view:selected {
4228
background-image: image(#42A5F5);
4229
}
4230
.side-panel .view:selected:hover {
4232
background-image: image(#4baaf6);
4233
}
4234
.songs-list:hover {
4236
background-image: image(alpha(currentColor, 0.05));
4237
}
4238
frame.documents-dropdown {
4240
margin: 8px;
4241
}
4242
frame.documents-dropdown > border {
4244
border: none;
4245
}
4246
box.vertical > revealer > toolbar.search-bar {
4248
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
4249
background-clip: border-box;
4250
}
4251
box.vertical > revealer > toolbar.search-bar button > widget {
4253
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
4254
}
4255
/*********
4257
* To Do *
4258
*********/
4259
taskrow {
4260
transition: all 0.2s cubic-bezier(0, 0, 0.2, 1);
4261
margin: 0 -8px;
4262
}
4263
taskrow:hover {
4265
transition: none;
4266
}
4267
taskrow label {
4269
margin: 0 8px;
4270
}
4271
taskrow image {
4273
min-width: 16px;
4274
}
4275
task-list-view > box > revealer > box > button {
4277
margin: -4px;
4278
}
4279
/*******
4281
* eog *
4282
*******/
4283
#eog-thumb-nav scrolledwindow {
4284
border-top: none;
4285
}
4286
#eog-thumb-nav button {
4288
-gtk-outline-radius: 2px;
4289
}
4290
/*************
4292
* Evolution *
4293
*************/
4294
frame.taskbar > border {
4295
border-style: solid none none;
4296
}
4297
box.vertical > paned.horizontal notebook widget .frame {
4299
border-style: none;
4300
}
4301
/********
4303
* gitg *
4304
********/
4305
frame.commit-frame > border {
4306
border-style: solid none none;
4307
}
4308
/**************
4310
* Characters *
4311
**************/
4312
box.dialog-vbox scrolledwindow.related {
4313
border: 1px solid rgba(0, 0, 0, 0.1);
4314
}
4315
list.categories {
4317
background-image: image(#FAFAFA);
4318
}
4319
/**************
4321
* Calculator *
4322
**************/
4323
button.title label {
4324
min-height: 32px;
4325
}
4326
/*********
4328
* Tilix *
4329
*********/
4330
overlay > revealer.left > scrolledwindow.frame,
4331
overlay > revealer.right > scrolledwindow.frame {
4332
border-style: none;
4333
box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22);
4334
}
4335
overlay > revealer.left > scrolledwindow.frame {
4337
margin-right: 32px;
4338
}
4339
overlay > revealer.right > scrolledwindow.frame {
4341
margin-left: 32px;
4342
}
4343
.terminix-session-sidebar,
4345
.tilix-session-sidebar {
4346
background-image: image(#FAFAFA);
4347
}
4348
button.image-button.session-new-button {
4350
min-width: 28px;
4351
}
4352
/***********
4354
* Eclipse *
4355
***********/
4356
window.background > box.vertical > scrolledwindow > widget toolbar {
4357
padding: 2px;
4358
}
4359
window.background > box.vertical > scrolledwindow > widget toolbar separator,
4361
window.background > box.vertical > scrolledwindow > widget toolbar button {
4362
margin: 2px;
4363
}
4364
window.background > box.vertical > scrolledwindow > widget toolbar button {
4366
border-radius: 2px;
4367
}
4368
/***********
4370
* Firefox *
4371
***********/
4372
window.background:not(.csd) > widget > separator {
4373
color: rgba(0, 0, 0, 0.2);
4374
}
4375
window.background:not(.csd) > widget > scrollbar {
4377
background-clip: border-box;
4378
}
4379
window.background:not(.csd) > widget > scrollbar,
4381
window.background:not(.csd) > widget > frame > border {
4382
border-color: rgba(0, 0, 0, 0.2);
4383
}
4384
window.background:not(.csd) > widget > entry,
4386
window.background:not(.csd) > widget > button > button {
4387
border: 1px solid rgba(0, 0, 0, 0.2);
4388
border-radius: 3px;
4389
box-shadow: none;
4390
}
4391
window.background:not(.csd) > widget > entry {
4393
min-height: 30px;
4394
}
4395
window.background:not(.csd) > widget > entry:focus {
4397
border-color: #42A5F5;
4398
}
4399
window.background:not(.csd) > widget > button > button {
4401
padding: 4px 8px;
4402
background-size: auto;
4403
}
4404
window.background:not(.csd) > widget > button > button:hover {
4406
background-image: image(alpha(currentColor, 0.05));
4407
}
4408
window.background:not(.csd) > widget > button > button:active {
4410
background-image: image(alpha(currentColor, 0.1));
4411
}
4412
window.background:not(.csd) > window > menu,
4414
window.background:not(.csd) > menu > menu {
4415
border: none;
4416
}
4417
window.background:not(.csd) > widget > menubar {
4419
color: rgba(0, 0, 0, 0.6);
4420
}
4421
window.background:not(.csd) > widget > menubar:hover {
4423
color: rgba(0, 0, 0, 0.8);
4424
}
4425
window.background:not(.csd) > widget > menubar:disabled {
4427
color: rgba(0, 0, 0, 0.24);
4428
}
4429
window.background:not(.csd) > widget > frame {
4431
color: rgba(0, 0, 0, 0.2);
4432
}
4433
window.background:not(.csd) > widget > checkbutton > check,
4435
window.background:not(.csd) > widget > radiobutton > radio {
4436
margin: 0;
4437
padding: 0;
4438
}
4439
window.background:not(.csd) > window.background > menu > separator {
4441
color: rgba(0, 0, 0, 0.1);
4442
}
4443
/***********
4445
* Synapse *
4446
***********/
4447
box.vertical > widget > widget:selected {
4448
background-color: #42A5F5;
4449
}
4450
/*********
4452
* Unity *
4453
*********/
4454
UnityDecoration {
4455
-UnityDecoration-extents: 28px 0 0 0;
4456
-UnityDecoration-input-extents: 8px;
4457
-UnityDecoration-shadow-offset-x: 0;
4458
-UnityDecoration-shadow-offset-y: 3px;
4459
-UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.48);
4460
-UnityDecoration-active-shadow-radius: 18px;
4461
-UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.32);
4462
-UnityDecoration-inactive-shadow-radius: 6px;
4463
-UnityDecoration-glow-size: 8px;
4464
-UnityDecoration-glow-color: #42A5F5;
4465
-UnityDecoration-title-indent: 4px;
4466
-UnityDecoration-title-fade: 32px;
4467
-UnityDecoration-title-alignment: 0.0;
4468
}
4469
UnityDecoration .top {
4471
padding: 0 2px;
4472
border-style: none;
4473
border-radius: 2px 2px 0 0;
4474
box-shadow: inset 0 1px rgba(255, 255, 255, 0.2);
4475
background-color: #cfcfcf;
4476
color: rgba(0, 0, 0, 0.8);
4477
}
4478
UnityDecoration .top:backdrop {
4480
color: rgba(0, 0, 0, 0.6);
4481
}
4482
UnityDecoration .menuitem {
4484
color: alpha(currentColor, 0.75);
4485
}
4486
UnityDecoration .menuitem:hover {
4488
box-shadow: inset 0 -2px #42A5F5;
4489
background-color: transparent;
4490
color: currentColor;
4491
}
4492
.background:not(.csd) headerbar:not(.titlebar) {
4494
border-radius: 0;
4495
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
4496
}
4497
.background:not(.csd) headerbar:not(.titlebar).inline-toolbar {
4499
border-style: none;
4500
}
4501
UnityPanelWidget,
4503
.unity-panel {
4504
background-color: #cfcfcf;
4505
color: rgba(0, 0, 0, 0.8);
4506
}
4507
UnityPanelWidget:backdrop,
4509
.unity-panel:backdrop {
4510
color: rgba(0, 0, 0, 0.6);
4511
}
4512
.unity-panel.menuitem,
4514
.unity-panel .menuitem {
4515
color: alpha(currentColor, 0.75);
4516
}
4517
.unity-panel.menubar.menuitem:hover,
4519
.unity-panel.menubar .menuitem *:hover {
4520
box-shadow: inset 0 -2px #42A5F5;
4521
background-color: transparent;
4522
color: currentColor;
4523
}
4524
.menu IdoPlaybackMenuItem.menuitem:active {
4526
-gtk-icon-source: -gtk-icontheme("process-working-symbolic");
4527
animation: spin 1s linear infinite;
4528
color: #42A5F5;
4529
}
4530
/**************
4532
* Mate-Panel *
4533
**************/
4534
.mate-panel-menu-bar menubar,
4535
#PanelApplet-window-menu-applet-button {
4536
background-color: transparent;
4537
}
4538
#PanelPlug,
4540
PanelToplevel.background {
4541
background-color: #cfcfcf;
4542
color: rgba(0, 0, 0, 0.8);
4543
font-weight: 500;
4544
}
4545
PanelToplevel > widget > button {
4547
padding: 0 4px;
4548
border-radius: 0;
4549
}
4550
PanelSeparator {
4552
color: rgba(0, 0, 0, 0.1);
4553
}
4554
MatePanelAppletFrameDBus {
4556
border-style: solid;
4557
border-width: 0 1px;
4558
border-color: rgba(0, 0, 0, 0.1);
4559
}
4560
.mate-panel-menu-bar menubar menuitem {
4562
padding: 4px;
4563
}
4564
.mate-panel-menu-bar menubar menu menuitem {
4566
padding: 6px;
4567
}
4568
.mate-panel-menu-bar #PanelApplet button {
4570
-GtkWidget-window-dragging: true;
4571
padding: 4px;
4572
border-radius: 0;
4573
}
4574
PanelApplet.wnck-applet .wnck-pager {
4576
background-color: transparent;
4577
color: #40C4FF;
4578
}
4579
PanelApplet.wnck-applet .wnck-pager:hover {
4581
background-color: alpha(currentColor, 0.15);
4582
}
4583
PanelApplet.wnck-applet .wnck-pager:active {
4585
background-color: alpha(currentColor, 0.3);
4586
}
4587
PanelApplet.wnck-applet .wnck-pager:selected {
4589
background-color: #42A5F5;
4590
}
4591
#MatePanelPopupWindow {
4593
border: 1px solid rgba(0, 0, 0, 0.1);
4594
border-radius: 3px;
4595
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
4596
}
4597
#MatePanelPopupWindow frame > border {
4599
border-style: none;
4600
}
4601
#MatePanelPopupWindow ClockMap {
4603
border: 1px solid rgba(0, 0, 0, 0.1);
4604
}
4605
na-tray-applet {
4607
-NaTrayApplet-icon-padding: 3px;
4608
-NaTrayApplet-icon-size: 16;
4609
}
4610
.mate-panel-menu-bar {
4612
-PanelMenuBar-icon-visible: true;
4613
}
4614
.mate-panel-applet-slider {
4616
background-color: transparent;
4617
}
4618
.mate-panel-applet-slider frame {
4620
border: 1px solid rgba(0, 0, 0, 0.1);
4621
border-radius: 3px;
4622
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
4623
background-color: #F5F5F5;
4624
}
4625
.mate-panel-applet-slider frame frame {
4627
all: unset;
4628
}
4629
.mate-panel-applet-slider frame > border {
4631
border-style: none;
4632
}
4633
/*********************
4635
* CAJA File manager *
4636
*********************/
4637
.caja-navigation-window button.toggle.image-button {
4638
border-radius: 2px;
4639
}
4640
.caja-pathbar button {
4642
margin: 0 -1px 0 -2px;
4643
}
4644
.caja-pathbar button > widget {
4646
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
4647
-GtkArrow-arrow-scaling: 1;
4648
}
4649
.caja-side-pane notebook viewport.frame,
4651
.caja-side-pane notebook widget .vertical {
4652
background-color: #FFFFFF;
4653
}
4654
.caja-side-pane notebook,
4656
.caja-notebook {
4657
border-top: 1px solid rgba(0, 0, 0, 0.1);
4658
}
4659
.caja-side-pane notebook .frame,
4661
.caja-notebook .frame {
4662
border-style: none;
4663
}
4664
.caja-navigation-window statusbar {
4666
margin: 0 -10px;
4667
padding: 0 4px;
4668
border-top: 1px solid rgba(0, 0, 0, 0.1);
4669
}
4670
.caja-notebook frame > border {
4672
border-style: none;
4673
}
4674
#caja-extra-view-widget {
4676
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
4677
background-color: #F5F5F5;
4678
}
4679
#caja-extra-view-widget > box > box > label {
4681
font-weight: bold;
4682
}
4683
/*********
4685
* Pluma *
4686
*********/
4687
.pluma-window statusbar {
4688
margin: 0 -10px;
4689
padding: 0 4px;
4690
border-top: 1px solid rgba(0, 0, 0, 0.1);
4691
}
4692
.pluma-window statusbar frame > border {
4694
border-style: none;
4695
}
4696
.pluma-window statusbar frame button.flat {
4698
padding: 0 4px;
4699
border-radius: 0;
4700
}
4701
.pluma-window statusbar frame button.flat widget {
4703
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
4704
-GtkArrow-arrow-scaling: 1;
4705
}
4706
.pluma-print-preview toolbar {
4708
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
4709
}
4710
.pluma-window paned.horizontal box.vertical box.horizontal button.flat {
4712
margin: 1px;
4713
}
4714
.pluma-window paned.horizontal box.vertical .frame {
4716
border-style: none;
4717
}
4718
.pluma-window paned.horizontal box.vertical notebook.frame {
4720
margin-top: -1px;
4721
border-top: 1px solid rgba(0, 0, 0, 0.1);
4722
}
4723
.pluma-window paned.horizontal box.vertical notebook.frame box.vertical toolbar.horizontal {
4725
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
4726
}
4727
/*********
4729
* Atril *
4730
*********/
4731
.atril-window paned.horizontal box.vertical .frame {
4732
border-style: none;
4733
}
4734
.atril-window paned.horizontal box.vertical notebook .frame {
4736
border-top: 1px solid rgba(0, 0, 0, 0.1);
4737
}
4738
/* mate-screensaver lock dialog */
4740
.lock-dialog {
4741
border-radius: 2px;
4742
box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22), inset 0 1px rgba(255, 255, 255, 0.4);
4743
}
4744
.lock-dialog frame > border {
4746
border-style: none;
4747
}
4748
/******************
4750
* Budgie Desktop *
4751
******************/
4752
.budgie-container {
4753
background-color: transparent;
4754
}
4755
.budgie-menu.background {
4757
padding: 0;
4758
background-color: #FFFFFF;
4759
}
4760
.budgie-menu scrollbar,
4762
.budgie-menu entry.search {
4763
background-color: transparent;
4764
}
4765
.budgie-menu entry.search {
4767
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
4768
border-radius: 0;
4769
box-shadow: none;
4770
font-size: 120%;
4771
}
4772
.budgie-menu .categories:dir(ltr) {
4774
border-bottom-left-radius: 2px;
4775
}
4776
.budgie-menu .categories:dir(rtl) {
4778
border-bottom-right-radius: 2px;
4779
}
4780
.budgie-menu button {
4782
min-height: 32px;
4783
padding: 0 8px;
4784
border-radius: 0;
4785
color: rgba(0, 0, 0, 0.8);
4786
font-weight: normal;
4787
}
4788
.budgie-menu button:disabled {
4790
color: rgba(0, 0, 0, 0.32);
4791
}
4792
.budgie-menu row {
4794
all: unset;
4795
}
4796
button.budgie-menu-launcher {
4798
padding: 0 2px;
4799
}
4800
popover.background.user-menu {
4802
padding: 8px;
4803
}
4804
popover.background.user-menu .content-box {
4806
background-color: transparent;
4807
}
4808
popover.background.user-menu separator {
4810
margin: 4px 0;
4811
}
4812
popover.background.user-menu row {
4814
padding: 0;
4815
box-shadow: none;
4816
background-image: none;
4817
}
4818
button.raven-trigger {
4820
padding: 0 4px;
4821
}
4822
popover.background.places-menu {
4824
padding: 8px;
4825
}
4826
popover.background.places-menu .name-button.text-button {
4828
padding-left: 8px;
4829
padding-right: 8px;
4830
}
4831
popover.background.places-menu .name-button.text-button image:dir(ltr) {
4833
margin-right: 3px;
4834
}
4835
popover.background.places-menu .name-button.text-button image:dir(rtl) {
4837
margin-left: 3px;
4838
}
4839
popover.background.places-menu .places-section-header > image:dir(ltr) {
4841
margin: 0 -2px 0 5px;
4842
}
4843
popover.background.places-menu .places-section-header > image:dir(rtl) {
4845
margin: 0 5px 0 -2px;
4846
}
4847
popover.background.places-menu .places-list {
4849
margin-top: 4px;
4850
padding-top: 4px;
4851
border-top: 1px solid rgba(0, 0, 0, 0.1);
4852
background-color: transparent;
4853
}
4854
popover.background.places-menu row {
4856
padding: 0;
4857
box-shadow: none;
4858
background-image: none;
4859
}
4860
.budgie-panel {
4862
background-color: #cfcfcf;
4863
color: rgba(0, 0, 0, 0.8);
4864
font-weight: 500;
4865
}
4866
.budgie-panel button {
4868
border-radius: 0;
4869
}
4870
.budgie-panel separator {
4872
background-color: alpha(currentColor, 0.3);
4873
}
4874
.budgie-panel .alert {
4876
color: #FF5252;
4877
}
4878
.budgie-panel #tasklist-button {
4880
padding: 0 4px;
4881
}
4882
.budgie-panel button.flat.launcher {
4884
padding: 0;
4885
}
4886
.top .budgie-panel #tasklist-button, .budgie-panel .top #tasklist-button, .top .budgie-panel button.flat.launcher, .budgie-panel .top button.flat.launcher {
4888
border-image: radial-gradient(circle closest-corner at center calc(1px), currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
4889
}
4890
.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
4892
.budgie-panel .pinned button.flat.launcher.running,
4893
.budgie-panel .pinned .top button.flat.launcher.running {
4894
border-image: radial-gradient(circle closest-corner at center calc(1px), currentColor 100%, transparent 0%) 2 0 0 0/2px 0 0 0;
4895
}
4896
.bottom .budgie-panel #tasklist-button, .budgie-panel .bottom #tasklist-button, .bottom .budgie-panel button.flat.launcher, .budgie-panel .bottom button.flat.launcher {
4898
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
4899
}
4900
.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
4902
.budgie-panel .pinned button.flat.launcher.running,
4903
.budgie-panel .pinned .bottom button.flat.launcher.running {
4904
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2 0/0 0 2px 0;
4905
}
4906
.left .budgie-panel #tasklist-button, .budgie-panel .left #tasklist-button, .left .budgie-panel button.flat.launcher, .budgie-panel .left button.flat.launcher {
4908
border-image: radial-gradient(circle closest-corner at calc(1px) center, currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
4909
}
4910
.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
4912
.budgie-panel .pinned button.flat.launcher.running,
4913
.budgie-panel .pinned .left button.flat.launcher.running {
4914
border-image: radial-gradient(circle closest-corner at calc(1px) center, currentColor 100%, transparent 0%) 0 2 0 0/0 2px 0 0;
4915
}
4916
.right .budgie-panel #tasklist-button, .budgie-panel .right #tasklist-button, .right .budgie-panel button.flat.launcher, .budgie-panel .right button.flat.launcher {
4918
border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
4919
}
4920
.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
4922
.budgie-panel .pinned button.flat.launcher.running,
4923
.budgie-panel .pinned .right button.flat.launcher.running {
4924
border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, currentColor 100%, transparent 0%) 0 0 0 2/0 0 0 2px;
4925
}
4926
frame.raven-frame > border {
4928
border-style: none;
4929
box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22);
4930
}
4931
.top frame.raven-frame > border {
4933
margin-bottom: 32px;
4934
}
4935
.bottom frame.raven-frame > border {
4937
margin-top: 32px;
4938
}
4939
.left frame.raven-frame > border {
4941
margin-right: 32px;
4942
}
4943
.right frame.raven-frame > border {
4945
margin-left: 32px;
4946
}
4947
.raven {
4949
background-color: #FAFAFA;
4950
}
4951
.raven > stack {
4953
margin-bottom: -10px;
4954
}
4955
.raven stackswitcher.linked > button {
4957
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FFA726 0%, transparent 0%) 0 0 0/0 0 0px;
4958
border-radius: 0;
4959
}
4960
.raven stackswitcher.linked > button:checked {
4962
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FFA726 100%, transparent 0%) 0 0 2/0 0 2px;
4963
background-color: transparent;
4964
}
4965
.raven .raven-header {
4967
min-height: 32px;
4968
padding: 3px;
4969
}
4970
.raven .raven-header:not(.top) {
4972
margin-top: -6px;
4973
}
4974
.raven .raven-header.top {
4976
padding: 2px 0;
4977
background-color: #42A5F5;
4978
color: #FFFFFF;
4979
}
4980
.raven .raven-header.top stackswitcher button {
4982
margin: -6px 0;
4983
min-height: 32px;
4984
}
4985
.raven .raven-header.top button.image-button:dir(ltr) {
4987
margin-right: 2px;
4988
}
4989
.raven .raven-header.top button.image-button:dir(rtl) {
4991
margin-left: 2px;
4992
}
4993
.raven .raven-header.top > image {
4995
margin: 0 8px;
4996
}
4997
.raven .raven-header.top > label {
4999
margin: 0 -8px;
5000
font-weight: bold;
5001
}
5002
.raven .raven-header.bottom {
5004
border-top: 1px solid rgba(0, 0, 0, 0.1);
5005
}
5006
.raven viewport.frame .raven-header {
5008
margin-top: -8px;
5009
}
5010
.raven .raven-background {
5012
border-style: solid none;
5013
border-width: 1px;
5014
border-color: rgba(0, 0, 0, 0.1);
5015
background-color: #FFFFFF;
5016
}
5017
.raven .raven-background.frame {
5019
border-style: solid none;
5020
}
5021
.raven .raven-background > overlay > image {
5023
color: alpha(currentColor, 0.3);
5024
}
5025
.raven .raven-background grid > label:first-child {
5027
min-height: 32px;
5028
}
5029
.raven scrolledwindow.raven-background {
5031
border-bottom-style: none;
5032
}
5033
.raven .raven-header.top + .raven-background {
5035
border-style: none;
5036
background-color: #42A5F5;
5037
color: #FFFFFF;
5038
}
5039
.raven .raven-header.top + .raven-background stackswitcher button {
5041
margin: -4px 0;
5042
}
5043
.raven .powerstrip button {
5045
margin: 2px 0 1px;
5046
padding: 10px;
5047
}
5048
.raven .option-subtitle {
5050
font-size: smaller;
5051
}
5052
calendar.raven-calendar {
5054
border-style: none;
5055
background-color: transparent;
5056
}
5057
calendar.raven-calendar:selected {
5059
border-radius: 2px;
5060
background-color: #42A5F5;
5061
}
5062
.raven-mpris {
5064
background-color: rgba(0, 0, 0, 0.6);
5065
color: #FFFFFF;
5066
}
5067
.raven-mpris label {
5069
min-height: 24px;
5070
}
5071
.raven-mpris button.image-button {
5073
padding: 10px;
5074
}
5075
.budgie-notification-window, .budgie-osd-window {
5077
background-color: transparent;
5078
}
5079
.budgie-notification .notification-title {
5081
font-size: 120%;
5082
}
5083
.budgie-osd .budgie-osd-text {
5085
font-size: 120%;
5086
}
5087
.drop-shadow {
5089
margin: 5px 9px;
5090
padding: 3px;
5091
border-radius: 2px;
5092
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 1px rgba(255, 255, 255, 0.4);
5093
background-color: #FAFAFA;
5094
}
5095
.drop-shadow .linked > button {
5097
border-radius: 2px;
5098
}
5099
.budgie-session-dialog, .budgie-polkit-dialog, .budgie-run-dialog {
5101
border-radius: 2px;
5102
background-color: #FAFAFA;
5103
}
5104
.budgie-session-dialog decoration, .budgie-polkit-dialog decoration, .budgie-run-dialog decoration {
5106
border-radius: 2px;
5107
}
5108
.budgie-session-dialog label:not(:last-child),
5110
.budgie-session-dialog .dialog-title {
5111
font-size: 120%;
5112
}
5113
.budgie-session-dialog .linked.horizontal > button {
5115
padding: 8px 16px;
5116
border-top: 1px solid rgba(0, 0, 0, 0.1);
5117
border-radius: 0;
5118
}
5119
.budgie-session-dialog .linked.horizontal > button:first-child {
5121
border-bottom-left-radius: 2px;
5122
}
5123
.budgie-session-dialog .linked.horizontal > button:last-child {
5125
border-bottom-right-radius: 2px;
5126
}
5127
.budgie-polkit-dialog .message {
5129
color: rgba(0, 0, 0, 0.48);
5130
}
5131
.budgie-polkit-dialog .failure {
5133
color: #FF5252;
5134
}
5135
.budgie-run-dialog {
5137
background-color: #FFFFFF;
5138
}
5139
.budgie-run-dialog entry.search {
5141
font-size: 120%;
5142
padding: 6px 14px;
5143
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
5144
background-color: transparent;
5145
}
5146
.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
5148
headerbar .subtitle,
5149
headerbar .budgie-run-dialog list .subtitle, .budgie-run-dialog list .budgie-notification .notification-body, .budgie-notification .budgie-run-dialog list .notification-body {
5150
opacity: 1;
5151
}
5152
.budgie-run-dialog scrolledwindow {
5154
border-top: 1px solid rgba(0, 0, 0, 0.1);
5155
}
5156
/************************
5158
* LightDM GTK+ Greeter *
5159
************************/
5160
#panel_window {
5161
background-color: rgba(0, 0, 0, 0.3);
5162
color: #FFFFFF;
5163
}
5164
#panel_window menubar,
5166
#panel_window separator {
5167
background-color: transparent;
5168
}
5169
#panel_window separator {
5171
padding: 0 4px;
5172
}
5173
#panel_window separator:first-child {
5175
padding: 0 8px;
5176
}
5177
#panel_window menubar > menuitem {
5179
color: rgba(255, 255, 255, 0.75);
5180
}
5181
#panel_window menubar > menuitem:hover {
5183
color: #FFFFFF;
5184
}
5185
#panel_window menubar > menuitem:disabled label {
5187
color: rgba(255, 255, 255, 0.3);
5188
}
5189
#login_window,
5191
#shutdown_dialog,
5192
#restart_dialog {
5193
margin: 8px;
5194
border-radius: 2px;
5195
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 1px rgba(255, 255, 255, 0.4);
5196
background-color: #FAFAFA;
5197
}
5198
#content_frame {
5200
padding-bottom: 20px;
5201
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
5202
}
5203
#buttonbox_frame {
5205
padding-top: 24px;
5206
}
5207
#buttonbox_frame button {
5209
margin: -16px;
5210
}
5211
#greeter_infobar {
5213
margin-top: -1px;
5214
}
5215
/* GTK NAMED COLORS
5217
----------------
5218
use responsibly! */
5219
/*
5220
widget text/foreground color */
5221
@define-color theme_fg_color rgba(0, 0, 0, 0.8);
5222
/*
5223
text color for entries, views and content in general */
5224
@define-color theme_text_color rgba(0, 0, 0, 0.8);
5225
/*
5226
widget base background color */
5227
@define-color theme_bg_color #F5F5F5;
5228
/*
5229
text widgets and the like base background color */
5230
@define-color theme_base_color #FFFFFF;
5231
/*
5232
base background color of selections */
5233
@define-color theme_selected_bg_color #42A5F5;
5234
/*
5235
text/foreground color of selections */
5236
@define-color theme_selected_fg_color #FFFFFF;
5237
/*
5238
base background color of insensitive widgets */
5239
@define-color insensitive_bg_color #F5F5F5;
5240
/*
5241
text foreground color of insensitive widgets */
5242
@define-color insensitive_fg_color rgba(0, 0, 0, 0.32);
5243
/*
5244
insensitive text widgets and the like base background color */
5245
@define-color insensitive_base_color #FAFAFA;
5246
/*
5247
widget text/foreground color on backdrop windows */
5248
@define-color theme_unfocused_fg_color rgba(0, 0, 0, 0.8);
5249
/*
5250
text color for entries, views and content in general on backdrop windows */
5251
@define-color theme_unfocused_text_color rgba(0, 0, 0, 0.8);
5252
/*
5253
widget base background color on backdrop windows */
5254
@define-color theme_unfocused_bg_color #F5F5F5;
5255
/*
5256
text widgets and the like base background color on backdrop windows */
5257
@define-color theme_unfocused_base_color #FFFFFF;
5258
/*
5259
base background color of selections on backdrop windows */
5260
@define-color theme_unfocused_selected_bg_color #42A5F5;
5261
/*
5262
text/foreground color of selections on backdrop windows */
5263
@define-color theme_unfocused_selected_fg_color #FFFFFF;
5264
/*
5265
insensitive color on backdrop windows */
5266
@define-color unfocused_insensitive_color rgba(0, 0, 0, 0.32);
5267
/*
5268
widgets main borders color */
5269
@define-color borders rgba(0, 0, 0, 0.1);
5270
/*
5271
widgets main borders color on backdrop windows */
5272
@define-color unfocused_borders rgba(0, 0, 0, 0.1);
5273
/*
5274
these are pretty self explicative */
5275
@define-color warning_color #FF6D00;
5276
@define-color error_color #DD2C00;
5277
@define-color success_color #00C853;
5278
/*
5279
FIXME this is really an API */
5280
@define-color content_view_bg #FFFFFF;
5281
@define-color placeholder_text_color rgba(128, 128, 128, 0.88);
5282