ASCII text, with very long lines (556)
1
@keyframes ripple_effect {
2
to {
3
background-size: 1000% 1000%;
4
}
5
}
6
@keyframes header_ripple_effect {
8
from {
9
background-image: radial-gradient(circle farthest-corner at center, #42A5F5 0%, transparent 0%);
10
}
11
to {
12
background-image: radial-gradient(circle farthest-corner at center, #42A5F5 100%, transparent 0%);
13
}
14
}
15
* {
17
background-clip: padding-box;
18
-GtkToolButton-icon-spacing: 0;
19
-GtkTextView-error-underline-color: #DD2C00;
20
-GtkScrolledWindow-scrollbar-spacing: 0;
21
-GtkToolItemGroup-expander-size: 11;
22
-GtkWidget-text-handle-width: 24;
23
-GtkWidget-text-handle-height: 24;
24
-GtkDialog-button-spacing: 4;
25
-GtkDialog-action-area-border: 0;
26
outline-style: solid;
27
outline-width: 2px;
28
outline-color: transparent;
29
outline-offset: -4px;
30
-gtk-outline-radius: 2px;
31
-gtk-secondary-caret-color: #42A5F5;
32
}
33
switch:focus slider,
35
notebook:focus tab,
36
*:focus {
37
outline-color: alpha(currentColor, 0.3);
38
}
39
/***************
41
* Base States *
42
***************/
43
.background {
44
background-color: #F5F5F5;
45
color: rgba(0, 0, 0, 0.87);
46
}
47
/*
49
These wildcard seems unavoidable, need to investigate.
50
Wildcards are bad and troublesome, use them with care,
51
or better, just don't.
52
Everytime a wildcard is used a kitten dies, painfully.
53
*/
54
*:disabled {
55
-gtk-icon-effect: dim;
56
}
57
.gtkstyle-fallback {
59
background-color: #F5F5F5;
60
color: rgba(0, 0, 0, 0.87);
61
}
62
.gtkstyle-fallback:hover {
64
background-color: #e8e8e8;
65
color: rgba(0, 0, 0, 0.87);
66
}
67
.gtkstyle-fallback:active {
69
background-color: gainsboro;
70
color: rgba(0, 0, 0, 0.87);
71
}
72
.gtkstyle-fallback:disabled {
74
background-color: #F5F5F5;
75
color: rgba(0, 0, 0, 0.38);
76
}
77
.gtkstyle-fallback:selected {
79
background-color: #42A5F5;
80
color: #FFFFFF;
81
}
82
.view {
84
background-color: #FFFFFF;
85
color: rgba(0, 0, 0, 0.87);
86
}
87
.view:disabled {
89
color: rgba(0, 0, 0, 0.38);
90
}
91
.view:hover, .view:active, .view:selected {
93
border-radius: 2px;
94
}
95
textview text {
97
background-color: #FFFFFF;
98
}
99
textview border {
101
background-color: #FAFAFA;
102
color: rgba(0, 0, 0, 0.38);
103
}
104
.rubberband,
106
rubberband,
107
flowbox rubberband,
108
treeview.view rubberband,
109
.content-view rubberband,
110
.content-view .rubberband {
111
border: 1px solid #40C4FF;
112
background-color: rgba(64, 196, 255, 0.3);
113
}
114
flowbox flowboxchild {
116
padding: 4px;
117
border-radius: 2px;
118
}
119
.content-view .tile:selected {
121
background-color: transparent;
122
color: inherit;
123
}
124
label {
126
caret-color: currentColor;
127
}
128
label.separator {
130
color: rgba(0, 0, 0, 0.87);
131
}
132
label selection {
134
background-color: #42A5F5;
135
color: #FFFFFF;
136
}
137
label:disabled {
139
color: rgba(0, 0, 0, 0.38);
140
}
141
tab label:disabled,
143
button label:disabled {
144
color: inherit;
145
}
146
.dim-label, label.separator, .titlebar:not(headerbar) .subtitle,
148
headerbar .subtitle, .budgie-notification .notification-body, .budgie-switcher .notification-body {
149
opacity: 0.6;
150
}
151
assistant .sidebar {
153
padding: 4px 0;
154
}
155
assistant .sidebar label {
157
min-height: 36px;
158
padding: 0 12px;
159
color: rgba(0, 0, 0, 0.38);
160
font-weight: 500;
161
}
162
assistant .sidebar label.highlight {
164
color: rgba(0, 0, 0, 0.87);
165
}
166
popover.background.touch-selection, popover.background.magnifier, popover.background.osd, .app-notification, .osd .scale-popup, .nautilus-window .floating-bar, .osd {
168
opacity: 0.9;
169
}
170
/*********************
172
* Spinner Animation *
173
*********************/
174
@keyframes spin {
175
to {
176
-gtk-icon-transform: rotate(1turn);
177
}
178
}
179
spinner {
181
background: none;
182
opacity: 0;
183
-gtk-icon-source: -gtk-icontheme("process-working-symbolic");
184
}
185
spinner:checked {
187
opacity: 1;
188
animation: spin 1s linear infinite;
189
}
190
spinner:checked:disabled {
192
opacity: 0.5;
193
}
194
/****************
196
* Text Entries *
197
****************/
198
spinbutton:not(.vertical),
199
entry {
200
min-height: 36px;
201
padding: 0 8px;
202
border-radius: 2px;
203
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1);
204
border-image: none;
205
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
206
background-color: #FFFFFF;
207
color: rgba(0, 0, 0, 0.87);
208
}
209
spinbutton:focus:not(.vertical),
211
entry:focus {
212
border-image: none;
213
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
214
}
215
spinbutton:disabled:not(.vertical),
217
entry:disabled {
218
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
219
background-color: #FAFAFA;
220
color: rgba(0, 0, 0, 0.38);
221
}
222
spinbutton.flat:not(.vertical), notebook > stack:not(:only-child) entry:not(.search),
224
notebook > stack:not(:only-child) spinbutton:not(.vertical), messagedialog entry, colorchooser .popover.osd spinbutton:not(.vertical), entry.preferences-search, layoutpane entry.search, editortweak entry.search, .raven .raven-background spinbutton:not(.vertical), #login_window entry,
225
entry.flat {
226
border-radius: 0;
227
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
228
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #42A5F5 0%, transparent 0%) 0 0 0/0 0 0px;
229
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26);
230
background-color: transparent;
231
color: rgba(0, 0, 0, 0.87);
232
}
233
spinbutton.flat:focus:not(.vertical), notebook > stack:not(:only-child) entry:focus:not(.search),
235
notebook > stack:not(:only-child) spinbutton:focus:not(.vertical), messagedialog entry:focus, colorchooser .popover.osd spinbutton:focus:not(.vertical), entry.preferences-search:focus, layoutpane entry.search:focus, editortweak entry.search:focus, .raven .raven-background spinbutton:focus:not(.vertical), #login_window entry:focus,
236
entry.flat:focus {
237
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #42A5F5 100%, transparent 0%) 0 0 2/0 0 2px;
238
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26);
239
}
240
spinbutton.flat:disabled:not(.vertical), notebook > stack:not(:only-child) entry:disabled:not(.search),
242
notebook > stack:not(:only-child) spinbutton:disabled:not(.vertical), messagedialog entry:disabled, colorchooser .popover.osd spinbutton:disabled:not(.vertical), entry.preferences-search:disabled, layoutpane entry.search:disabled, editortweak entry.search:disabled, .raven .raven-background spinbutton:disabled:not(.vertical), #login_window entry:disabled,
243
entry.flat:disabled {
244
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12);
245
background-color: transparent;
246
color: rgba(0, 0, 0, 0.38);
247
}
248
spinbutton:not(.vertical) image,
250
entry image {
251
color: rgba(0, 0, 0, 0.54);
252
}
253
spinbutton:not(.vertical) image:hover, spinbutton:not(.vertical) image:active,
255
entry image:hover,
256
entry image:active {
257
color: rgba(0, 0, 0, 0.87);
258
}
259
spinbutton:not(.vertical) image:disabled,
261
entry image:disabled {
262
color: rgba(0, 0, 0, 0.38);
263
}
264
spinbutton:not(.vertical) image.left,
266
entry image.left {
267
margin-left: 2px;
268
margin-right: 6px;
269
}
270
spinbutton:not(.vertical) image.right,
272
entry image.right {
273
margin-left: 6px;
274
margin-right: 2px;
275
}
276
spinbutton:not(.vertical) undershoot.left,
278
entry undershoot.left {
279
background-color: transparent;
280
background-image: linear-gradient(to top, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%);
281
padding-left: 1px;
282
background-size: 1px 12px;
283
background-repeat: repeat-y;
284
background-origin: content-box;
285
background-position: left top;
286
}
287
spinbutton:not(.vertical) undershoot.right,
289
entry undershoot.right {
290
background-color: transparent;
291
background-image: linear-gradient(to top, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%);
292
padding-right: 1px;
293
background-size: 1px 12px;
294
background-repeat: repeat-y;
295
background-origin: content-box;
296
background-position: right top;
297
}
298
spinbutton.error:not(.vertical),
300
entry.error {
301
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1);
302
border-image: none;
303
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
304
background-color: #DD2C00;
305
color: #FFFFFF;
306
}
307
spinbutton.error:focus:not(.vertical),
309
entry.error:focus {
310
border-image: none;
311
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
312
}
313
spinbutton.error:disabled:not(.vertical),
315
entry.error:disabled {
316
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
317
background-color: #FAFAFA;
318
color: rgba(0, 0, 0, 0.38);
319
}
320
spinbutton.error.flat:not(.vertical), notebook > stack:not(:only-child) entry.error:not(.search),
322
notebook > stack:not(:only-child) spinbutton.error:not(.vertical), messagedialog entry.error, colorchooser .popover.osd spinbutton.error:not(.vertical), entry.error.preferences-search, layoutpane entry.error.search, editortweak entry.error.search, .raven .raven-background spinbutton.error:not(.vertical), #login_window entry.error,
323
entry.error.flat {
324
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
325
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #DD2C00 0%, transparent 0%) 0 0 0/0 0 0px;
326
box-shadow: inset 0 -1px #DD2C00;
327
background-color: transparent;
328
color: rgba(0, 0, 0, 0.87);
329
}
330
spinbutton.error.flat:focus:not(.vertical), notebook > stack:not(:only-child) entry.error:focus:not(.search),
332
notebook > stack:not(:only-child) spinbutton.error:focus:not(.vertical), messagedialog entry.error:focus, colorchooser .popover.osd spinbutton.error:focus:not(.vertical), entry.error.preferences-search:focus, layoutpane entry.error.search:focus, editortweak entry.error.search:focus, .raven .raven-background spinbutton.error:focus:not(.vertical), #login_window entry.error:focus,
333
entry.error.flat:focus {
334
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #DD2C00 100%, transparent 0%) 0 0 2/0 0 2px;
335
box-shadow: inset 0 -1px #DD2C00;
336
}
337
spinbutton.error.flat:disabled:not(.vertical), notebook > stack:not(:only-child) entry.error:disabled:not(.search),
339
notebook > stack:not(:only-child) spinbutton.error:disabled:not(.vertical), messagedialog entry.error:disabled, colorchooser .popover.osd spinbutton.error:disabled:not(.vertical), entry.error.preferences-search:disabled, layoutpane entry.error.search:disabled, editortweak entry.error.search:disabled, .raven .raven-background spinbutton.error:disabled:not(.vertical), #login_window entry.error:disabled,
340
entry.error.flat:disabled {
341
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12);
342
background-color: transparent;
343
color: rgba(0, 0, 0, 0.38);
344
}
345
spinbutton.error:not(.vertical) image,
347
entry.error image {
348
color: rgba(255, 255, 255, 0.7);
349
}
350
spinbutton.error:not(.vertical) image:hover, spinbutton.error:not(.vertical) image:active,
352
entry.error image:hover,
353
entry.error image:active {
354
color: #FFFFFF;
355
}
356
spinbutton.error:not(.vertical) image:disabled,
358
entry.error image:disabled {
359
color: rgba(255, 255, 255, 0.5);
360
}
361
spinbutton.warning:not(.vertical),
363
entry.warning {
364
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1);
365
border-image: none;
366
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
367
background-color: #FF6D00;
368
color: #FFFFFF;
369
}
370
spinbutton.warning:focus:not(.vertical),
372
entry.warning:focus {
373
border-image: none;
374
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
375
}
376
spinbutton.warning:disabled:not(.vertical),
378
entry.warning:disabled {
379
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
380
background-color: #FAFAFA;
381
color: rgba(0, 0, 0, 0.38);
382
}
383
spinbutton.warning.flat:not(.vertical), notebook > stack:not(:only-child) entry.warning:not(.search),
385
notebook > stack:not(:only-child) spinbutton.warning:not(.vertical), messagedialog entry.warning, colorchooser .popover.osd spinbutton.warning:not(.vertical), entry.warning.preferences-search, layoutpane entry.warning.search, editortweak entry.warning.search, .raven .raven-background spinbutton.warning:not(.vertical), #login_window entry.warning,
386
entry.warning.flat {
387
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
388
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FF6D00 0%, transparent 0%) 0 0 0/0 0 0px;
389
box-shadow: inset 0 -1px #FF6D00;
390
background-color: transparent;
391
color: rgba(0, 0, 0, 0.87);
392
}
393
spinbutton.warning.flat:focus:not(.vertical), notebook > stack:not(:only-child) entry.warning:focus:not(.search),
395
notebook > stack:not(:only-child) spinbutton.warning:focus:not(.vertical), messagedialog entry.warning:focus, colorchooser .popover.osd spinbutton.warning:focus:not(.vertical), entry.warning.preferences-search:focus, layoutpane entry.warning.search:focus, editortweak entry.warning.search:focus, .raven .raven-background spinbutton.warning:focus:not(.vertical), #login_window entry.warning:focus,
396
entry.warning.flat:focus {
397
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FF6D00 100%, transparent 0%) 0 0 2/0 0 2px;
398
box-shadow: inset 0 -1px #FF6D00;
399
}
400
spinbutton.warning.flat:disabled:not(.vertical), notebook > stack:not(:only-child) entry.warning:disabled:not(.search),
402
notebook > stack:not(:only-child) spinbutton.warning:disabled:not(.vertical), messagedialog entry.warning:disabled, colorchooser .popover.osd spinbutton.warning:disabled:not(.vertical), entry.warning.preferences-search:disabled, layoutpane entry.warning.search:disabled, editortweak entry.warning.search:disabled, .raven .raven-background spinbutton.warning:disabled:not(.vertical), #login_window entry.warning:disabled,
403
entry.warning.flat:disabled {
404
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12);
405
background-color: transparent;
406
color: rgba(0, 0, 0, 0.38);
407
}
408
spinbutton.warning:not(.vertical) image,
410
entry.warning image {
411
color: rgba(255, 255, 255, 0.7);
412
}
413
spinbutton.warning:not(.vertical) image:hover, spinbutton.warning:not(.vertical) image:active,
415
entry.warning image:hover,
416
entry.warning image:active {
417
color: #FFFFFF;
418
}
419
spinbutton.warning:not(.vertical) image:disabled,
421
entry.warning image:disabled {
422
color: rgba(255, 255, 255, 0.5);
423
}
424
spinbutton:not(.vertical) progress,
426
entry progress {
427
margin: 2px -6px;
428
border-bottom: 2px solid #42A5F5;
429
background-color: transparent;
430
}
431
.linked:not(.vertical) > spinbutton.flat:not(.vertical), notebook > stack:not(:only-child) .linked:not(.vertical) > entry:not(.search),
433
notebook > stack:not(:only-child) .linked:not(.vertical) > spinbutton:not(.vertical), messagedialog .linked:not(.vertical) > entry, colorchooser .popover.osd .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry.preferences-search, layoutpane .linked:not(.vertical) > entry.search, editortweak .linked:not(.vertical) > entry.search, .raven .raven-background .linked:not(.vertical) > spinbutton:not(.vertical), #login_window .linked:not(.vertical) > entry,
434
.linked.vertical > spinbutton.flat:not(.vertical), notebook > stack:not(:only-child)
435
.linked.vertical > entry:not(.search),
436
notebook > stack:not(:only-child)
437
.linked.vertical > spinbutton:not(.vertical), messagedialog
438
.linked.vertical > entry, colorchooser .popover.osd
439
.linked.vertical > spinbutton:not(.vertical),
440
.linked.vertical > entry.preferences-search, layoutpane
441
.linked.vertical > entry.search, editortweak
442
.linked.vertical > entry.search, .raven .raven-background
443
.linked.vertical > spinbutton:not(.vertical), #login_window
444
.linked.vertical > entry, .linked:not(.vertical) >
445
entry.flat,
446
.linked.vertical >
447
entry.flat {
448
border-radius: 0;
449
}
450
treeview entry.flat, treeview entry {
452
min-height: 0;
453
padding: 2px;
454
border-radius: 0;
455
background-color: #FFFFFF;
456
}
457
treeview entry.flat, treeview entry.flat:focus, treeview entry, treeview entry:focus {
459
border-image: none;
460
box-shadow: none;
461
}
462
.entry-tag, .documents-entry-tag, .photos-entry-tag {
464
margin: 6px;
465
border-radius: 9999px;
466
box-shadow: none;
467
background-color: #42A5F5;
468
color: #FFFFFF;
469
}
470
.entry-tag:hover, .documents-entry-tag:hover, .photos-entry-tag:hover {
472
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
473
}
474
:dir(ltr) .entry-tag, :dir(ltr) .documents-entry-tag, :dir(ltr) .photos-entry-tag {
476
margin-left: 8px;
477
margin-right: -2px;
478
padding-left: 8px;
479
padding-right: 4px;
480
}
481
:dir(rtl) .entry-tag, :dir(rtl) .documents-entry-tag, :dir(rtl) .photos-entry-tag {
483
margin-left: -2px;
484
margin-right: 8px;
485
padding-left: 4px;
486
padding-right: 8px;
487
}
488
.entry-tag.button, .button.documents-entry-tag, .button.photos-entry-tag {
490
box-shadow: none;
491
background-color: transparent;
492
}
493
.entry-tag.button:not(:hover):not(:active), .button.documents-entry-tag:not(:hover):not(:active), .button.photos-entry-tag:not(:hover):not(:active) {
495
color: rgba(255, 255, 255, 0.7);
496
}
497
/***********
499
* Buttons *
500
***********/
501
@keyframes needs_attention {
502
from {
503
background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#FF4081), to(transparent));
504
}
505
to {
506
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#FF4081), to(transparent));
507
}
508
}
509
button {
512
min-height: 24px;
513
min-width: 16px;
514
padding: 6px 10px;
515
border-radius: 2px;
516
font-weight: 500;
517
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1), background-size 0.5s cubic-bezier(0, 0, 0.2, 1), background-image 1s cubic-bezier(0, 0, 0.2, 1);
518
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 0 0 9999px transparent;
519
background-color: #FAFAFA;
520
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
521
background-repeat: no-repeat;
522
background-position: center;
523
background-size: 1000% 1000%;
524
color: rgba(0, 0, 0, 0.62);
525
}
526
button:hover {
529
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 0 0 9999px transparent;
530
color: rgba(0, 0, 0, 0.87);
531
}
532
button:active {
535
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
536
animation: ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1) forwards;
537
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 0 0 9999px alpha(currentColor, 0.15);
538
background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.15) 10%, transparent 0%);
539
background-size: 0% 0%;
540
color: rgba(0, 0, 0, 0.87);
541
}
542
button:disabled {
545
box-shadow: none;
546
background-color: rgba(0, 0, 0, 0.12);
547
color: rgba(0, 0, 0, 0.26);
548
}
549
button:checked {
552
background-color: #42A5F5;
553
color: #FFFFFF;
554
}
555
button:checked:disabled {
558
background-color: rgba(66, 165, 245, 0.3);
559
color: rgba(66, 165, 245, 0.5);
560
}
561
modelbutton.flat,
563
.menuitem.button.flat, spinbutton:not(.vertical) button, spinbutton.vertical button, popover.background.menu button,
564
popover.background button.model, notebook > header > tabs > arrow, scrollbar button, check,
565
radio, calendar.button, messagedialog.csd .dialog-action-area button, button.sidebar-button, .gedit-search-slider button, popover.messagepopover .popover-action-area button, PanelToplevel > widget > button, .raven .raven-header:not(.top) button, .drop-shadow button, .budgie-session-dialog .linked.horizontal > button, .lightdm-gtk-greeter button, :not(headerbar) .caja-pathbar button, .caja-pathbar :not(headerbar) button, :not(headerbar)
566
.path-bar button, layouttabbar button, .mate-panel-menu-bar #PanelApplet button:not(.flat), .budgie-panel #tasklist-button, .raven stackswitcher.linked > button, toolbar button, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action),
567
headerbar button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button,
568
button.flat {
569
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), background-size 0.5s cubic-bezier(0, 0, 0.2, 1), background-image 1s cubic-bezier(0, 0, 0.2, 1);
570
box-shadow: inset 0 0 0 9999px transparent;
571
background-color: transparent;
572
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
573
background-repeat: no-repeat;
574
background-position: center;
575
background-size: 1000% 1000%;
576
color: rgba(0, 0, 0, 0.54);
577
}
578
modelbutton.flat:hover,
580
.menuitem.button.flat:hover, spinbutton:not(.vertical) button:hover, spinbutton.vertical button:hover, popover.background.menu button:hover,
581
popover.background button.model:hover, notebook > header > tabs > arrow:hover, scrollbar button:hover, check:hover,
582
radio:hover, calendar.button:hover, messagedialog.csd .dialog-action-area button:hover, button.sidebar-button:hover, .gedit-search-slider button:hover, popover.messagepopover .popover-action-area button:hover, PanelToplevel > widget > button:hover, .raven .raven-header:not(.top) button:hover, .drop-shadow button:hover, .budgie-session-dialog .linked.horizontal > button:hover, .lightdm-gtk-greeter button:hover, :not(headerbar) .caja-pathbar button:hover, .caja-pathbar :not(headerbar) button:hover, :not(headerbar)
583
.path-bar button:hover, layouttabbar button:hover, .mate-panel-menu-bar #PanelApplet button:hover:not(.flat), .budgie-panel #tasklist-button:hover, .raven stackswitcher.linked > button:hover, toolbar button:hover, .titlebar:not(headerbar) button:hover:not(.suggested-action):not(.destructive-action),
584
headerbar button:hover:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:hover:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:hover,
585
button.flat:hover {
586
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.15);
587
color: rgba(0, 0, 0, 0.87);
588
}
589
modelbutton.flat:active,
591
.menuitem.button.flat:active, spinbutton:not(.vertical) button:active, spinbutton.vertical button:active, popover.background.menu button:active,
592
popover.background button.model:active, notebook > header > tabs > arrow:active, scrollbar button:active, check:active,
593
radio:active, calendar.button:active, messagedialog.csd .dialog-action-area button:active, button.sidebar-button:active, .gedit-search-slider button:active, popover.messagepopover .popover-action-area button:active, PanelToplevel > widget > button:active, .raven .raven-header:not(.top) button:active, .drop-shadow button:active, .budgie-session-dialog .linked.horizontal > button:active, .lightdm-gtk-greeter button:active, :not(headerbar) .caja-pathbar button:active, .caja-pathbar :not(headerbar) button:active, :not(headerbar)
594
.path-bar button:active, layouttabbar button:active, .mate-panel-menu-bar #PanelApplet button:active:not(.flat), .budgie-panel #tasklist-button:active, .raven stackswitcher.linked > button:active, toolbar button:active, .titlebar:not(headerbar) button:active:not(.suggested-action):not(.destructive-action),
595
headerbar button:active:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:active:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:active,
596
button.flat:active {
597
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
598
animation: ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1) forwards;
599
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.15);
600
background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.15) 10%, transparent 0%);
601
background-size: 0% 0%;
602
color: rgba(0, 0, 0, 0.87);
603
}
604
modelbutton.flat:disabled,
606
.menuitem.button.flat:disabled, spinbutton:not(.vertical) button:disabled, spinbutton.vertical button:disabled, popover.background.menu button:disabled,
607
popover.background button.model:disabled, notebook > header > tabs > arrow:disabled, scrollbar button:disabled, check:disabled,
608
radio:disabled, calendar.button:disabled, messagedialog.csd .dialog-action-area button:disabled, button.sidebar-button:disabled, .gedit-search-slider button:disabled, popover.messagepopover .popover-action-area button:disabled, PanelToplevel > widget > button:disabled, .raven .raven-header:not(.top) button:disabled, .drop-shadow button:disabled, .budgie-session-dialog .linked.horizontal > button:disabled, .lightdm-gtk-greeter button:disabled, :not(headerbar) .caja-pathbar button:disabled, .caja-pathbar :not(headerbar) button:disabled, :not(headerbar)
609
.path-bar button:disabled, layouttabbar button:disabled, .mate-panel-menu-bar #PanelApplet button:disabled:not(.flat), .budgie-panel #tasklist-button:disabled, .raven stackswitcher.linked > button:disabled, toolbar button:disabled, .titlebar:not(headerbar) button:disabled:not(.suggested-action):not(.destructive-action),
610
headerbar button:disabled:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:disabled:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:disabled,
611
button.flat:disabled {
612
box-shadow: none;
613
background-color: transparent;
614
color: rgba(0, 0, 0, 0.26);
615
}
616
:not(headerbar) .caja-pathbar button:checked, .caja-pathbar :not(headerbar) button:checked, :not(headerbar)
618
.path-bar button:checked, layouttabbar button:checked, .mate-panel-menu-bar #PanelApplet button:checked:not(.flat), .budgie-panel #tasklist-button:checked, .raven stackswitcher.linked > button:checked, toolbar button:checked, .titlebar:not(headerbar) button:checked:not(.suggested-action):not(.destructive-action),
619
headerbar button:checked:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:checked:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:checked,
620
button.flat:checked {
621
background-color: rgba(0, 0, 0, 0.26);
622
color: rgba(0, 0, 0, 0.87);
623
}
624
:not(headerbar) .caja-pathbar button:checked:disabled, .caja-pathbar :not(headerbar) button:checked:disabled, :not(headerbar)
626
.path-bar button:checked:disabled, layouttabbar button:checked:disabled, .mate-panel-menu-bar #PanelApplet button:checked:disabled:not(.flat), .budgie-panel #tasklist-button:checked:disabled, .raven stackswitcher.linked > button:checked:disabled, toolbar button:checked:disabled, .titlebar:not(headerbar) button:checked:disabled:not(.suggested-action):not(.destructive-action),
627
headerbar button:checked:disabled:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:checked:disabled:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:checked:disabled,
628
button.flat:checked:disabled {
629
background-color: rgba(0, 0, 0, 0.12);
630
color: rgba(0, 0, 0, 0.38);
631
}
632
button.text-button {
635
padding-left: 16px;
636
padding-right: 16px;
637
}
638
button.image-button {
641
min-width: 24px;
642
padding: 6px;
643
}
644
button.text-button.image-button {
647
border-radius: 2px;
648
-gtk-outline-radius: 2px;
649
}
650
button.text-button.image-button label:first-child {
653
margin-left: 10px;
654
}
655
button.text-button.image-button label:last-child {
658
margin-right: 10px;
659
}
660
button.text-button.image-button image:not(:only-child) {
663
margin: 0 4px;
664
}
665
toolbar .linked > button, .titlebar:not(headerbar) .linked > button:not(.suggested-action):not(.destructive-action),
667
headerbar .linked > button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box .linked > button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification .linked > button, toolbar
668
.linked.vertical > button, .titlebar:not(headerbar)
669
.linked.vertical > button:not(.suggested-action):not(.destructive-action),
670
headerbar
671
.linked.vertical > button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box
672
.linked.vertical > button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification
673
.linked.vertical > button, .linked >
674
button.flat,
675
.linked.vertical >
676
button.flat {
677
border-radius: 2px;
678
}
679
toolbar .linked > button.text-button.image-button, .titlebar:not(headerbar) .linked > button.text-button.image-button:not(.suggested-action):not(.destructive-action),
681
headerbar .linked > button.text-button.image-button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box .linked > button.text-button.image-button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification .linked > button.text-button.image-button, toolbar
682
.linked.vertical > button.text-button.image-button, .titlebar:not(headerbar)
683
.linked.vertical > button.text-button.image-button:not(.suggested-action):not(.destructive-action),
684
headerbar
685
.linked.vertical > button.text-button.image-button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box
686
.linked.vertical > button.text-button.image-button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification
687
.linked.vertical > button.text-button.image-button, .linked >
688
button.flat.text-button.image-button,
689
.linked.vertical >
690
button.flat.text-button.image-button {
691
border-radius: 2px;
692
-gtk-outline-radius: 2px;
693
}
694
infobar.info button:disabled, infobar.question button:disabled, infobar.warning button:disabled, infobar.error button:disabled, row:selected
696
button:disabled {
697
color: rgba(255, 255, 255, 0.3);
698
}
699
button.osd {
702
padding: 12px 16px;
703
}
704
button.osd.image-button {
707
padding: 12px;
708
}
709
button.osd:disabled {
712
opacity: 0;
713
}
714
button.suggested-action {
717
background-color: #FF4081;
718
color: #FFFFFF;
719
}
720
button.suggested-action:disabled {
723
box-shadow: none;
724
background-color: rgba(0, 0, 0, 0.12);
725
color: rgba(0, 0, 0, 0.38);
726
}
727
button.suggested-action:checked {
730
background-color: #ff79a7;
731
}
732
button.suggested-action.flat {
735
background-color: transparent;
736
color: #FF4081;
737
}
738
button.suggested-action.flat:disabled {
741
box-shadow: none;
742
background-color: transparent;
743
color: rgba(0, 0, 0, 0.38);
744
}
745
button.suggested-action.flat:checked {
748
background-color: rgba(255, 64, 129, 0.3);
749
}
750
button.destructive-action {
753
background-color: #FF5252;
754
color: #FFFFFF;
755
}
756
button.destructive-action:disabled {
759
box-shadow: none;
760
background-color: rgba(0, 0, 0, 0.12);
761
color: rgba(0, 0, 0, 0.38);
762
}
763
button.destructive-action:checked {
766
background-color: #ff8686;
767
}
768
button.destructive-action.flat {
771
background-color: transparent;
772
color: #FF5252;
773
}
774
button.destructive-action.flat:disabled {
777
box-shadow: none;
778
background-color: transparent;
779
color: rgba(0, 0, 0, 0.38);
780
}
781
button.destructive-action.flat:checked {
784
background-color: rgba(255, 82, 82, 0.3);
785
}
786
.stack-switcher >
788
button {
789
outline-offset: -4px;
790
}
791
.stack-switcher >
793
button > label {
794
padding-left: 6px;
795
padding-right: 6px;
796
}
797
.stack-switcher >
799
button > image {
800
padding-left: 6px;
801
padding-right: 6px;
802
padding-top: 3px;
803
padding-bottom: 3px;
804
}
805
.stack-switcher >
807
button.text-button {
808
padding-left: 10px;
809
padding-right: 10px;
810
}
811
.stack-switcher >
813
button.image-button {
814
padding-left: 4px;
815
padding-right: 4px;
816
}
817
.stack-switcher >
819
button.needs-attention:checked > label,
820
.stack-switcher >
821
button.needs-attention:checked > image {
822
animation: none;
823
background-image: none;
824
}
825
.primary-toolbar
827
button {
828
-gtk-icon-shadow: none;
829
}
830
button.image-button, toolbar .linked > button.image-button, .titlebar:not(headerbar) .linked > button.image-button:not(.suggested-action):not(.destructive-action),
833
headerbar .linked > button.image-button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box .linked > button.image-button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification .linked > button.image-button, toolbar
834
.linked.vertical > button.image-button,
835
headerbar
836
.linked.vertical > button.image-button:not(.suggested-action):not(.destructive-action), .app-notification
837
.linked.vertical > button.image-button, .linked > button.flat.image-button,
838
.linked.vertical > button.flat.image-button, .inline-toolbar button:not(.text-button), check,
839
radio, button.titlebutton, .nautilus-window headerbar > revealer > button, .raven .raven-header:not(.top) button.image-button, .raven .expander-button,
840
button.close,
841
button.circular {
842
border-radius: 9999px;
843
-gtk-outline-radius: 9999px;
844
}
845
spinbutton:not(.vertical) button, notebook > header tab button.flat, button.sidebar-button, .nautilus-window .floating-bar button, .gedit-document-panel row button.flat, .gedit-search-slider button:dir(ltr), .gedit-search-slider button:dir(rtl), .pluma-window paned.horizontal box.vertical box.horizontal button.flat {
847
min-height: 24px;
848
min-width: 24px;
849
padding: 0;
850
border-radius: 9999px;
851
-gtk-outline-radius: 9999px;
852
}
853
.stack-switcher >
855
button.needs-attention > label,
856
.stack-switcher >
857
button.needs-attention > image, stacksidebar row.needs-attention > label {
858
animation: needs_attention 0.3s cubic-bezier(0, 0, 0.2, 1) forwards;
859
background-repeat: no-repeat;
860
background-position: right 3px;
861
background-size: 6px 6px;
862
}
863
.stack-switcher >
865
button.needs-attention > label:dir(rtl),
866
.stack-switcher >
867
button.needs-attention > image:dir(rtl), stacksidebar row.needs-attention > label:dir(rtl) {
868
background-position: left 3px;
869
}
870
.linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry, .linked > button, .linked:not(.vertical) > combobox > box > button.combo {
872
border-radius: 0;
873
-gtk-outline-radius: 2px;
874
}
875
.linked:not(.vertical) > spinbutton:first-child:not(.vertical), .linked:not(.vertical) > entry:first-child, .linked > button:first-child, combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > box > button.combo {
877
border-top-left-radius: 2px;
878
border-bottom-left-radius: 2px;
879
}
880
.linked:not(.vertical) > spinbutton:last-child:not(.vertical), .linked:not(.vertical) > entry:last-child, .linked > button:last-child, combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > box > button.combo {
882
border-top-right-radius: 2px;
883
border-bottom-right-radius: 2px;
884
}
885
.linked:not(.vertical) > spinbutton:only-child:not(.vertical), .linked:not(.vertical) > entry:only-child, .linked > button:only-child, .linked:not(.vertical) > combobox:only-child > box > button.combo {
887
border-radius: 2px;
888
}
889
.linked.vertical > spinbutton:not(.vertical), .linked.vertical > entry, .linked.vertical > button, .linked.vertical > combobox > box > button.combo {
891
border-radius: 0;
892
-gtk-outline-radius: 2px;
893
}
894
.linked.vertical > spinbutton:first-child:not(.vertical), .linked.vertical > entry:first-child, .linked.vertical > button:first-child, .linked.vertical > combobox:first-child > box > button.combo {
896
border-top-left-radius: 2px;
897
border-top-right-radius: 2px;
898
}
899
.linked.vertical > spinbutton:last-child:not(.vertical), .linked.vertical > entry:last-child, .linked.vertical > button:last-child, .linked.vertical > combobox:last-child > box > button.combo {
901
border-bottom-left-radius: 2px;
902
border-bottom-right-radius: 2px;
903
}
904
.linked.vertical > spinbutton:only-child:not(.vertical), .linked.vertical > entry:only-child, .linked.vertical > button:only-child, .linked.vertical > combobox:only-child > box > button.combo {
906
border-radius: 2px;
907
}
908
/* menu buttons */
910
modelbutton.flat,
911
.menuitem.button.flat {
912
min-height: 28px;
913
padding: 0 8px;
914
border-radius: 2px;
915
color: inherit;
916
}
917
modelbutton.flat arrow {
919
background: none;
920
}
921
modelbutton.flat arrow:hover {
923
background: none;
924
}
925
modelbutton.flat arrow.left {
927
-gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
928
}
929
modelbutton.flat arrow.right {
931
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
932
}
933
button.color {
935
min-height: 24px;
936
min-width: 24px;
937
padding: 6px;
938
}
939
/*********
941
* Links *
942
*********/
943
*:link, button:link,
944
button:visited, *:link:hover, button:hover:link,
945
button:hover:visited, *:link:active, button:active:link,
946
button:active:visited {
947
color: #42A5F5;
948
}
949
*:link:visited,
951
button:visited, *:link:visited:hover,
952
button:visited:hover, *:link:visited:active,
953
button:visited:active {
954
color: #E040FB;
955
}
956
infobar.info *:link, infobar.info button:link, infobar.info
958
button:visited, infobar.question *:link, infobar.question button:link, infobar.question
959
button:visited, infobar.warning *:link, infobar.warning button:link, infobar.warning
960
button:visited, infobar.error *:link, infobar.error button:link, infobar.error
961
button:visited, *:link:selected, button:selected:link,
962
button:selected:visited, .selection-mode.titlebar:not(headerbar) .subtitle:link,
963
headerbar.selection-mode .subtitle:link,
964
*:selected *:link,
965
*:selected button:link,
966
*:selected
967
button:visited {
968
color: #FFFFFF;
969
}
970
button:link > label,
972
button:visited > label {
973
text-decoration-line: underline;
974
}
975
/*****************
977
* GtkSpinButton *
978
*****************/
979
spinbutton:not(.vertical) {
980
padding: 0;
981
}
982
notebook > stack:not(:only-child) spinbutton:not(.vertical) entry, notebook > stack:not(:only-child) spinbutton:not(.vertical) entry:focus, notebook > stack:not(:only-child) spinbutton:not(.vertical) entry:disabled,
984
spinbutton:not(.vertical) entry {
985
min-width: 32px;
986
margin: 0;
987
border-image: none;
988
border-radius: 0;
989
box-shadow: none;
990
background-color: transparent;
991
}
992
spinbutton:not(.vertical) button {
994
border: solid 6px transparent;
995
}
996
spinbutton:not(.vertical) button.up:dir(ltr), spinbutton:not(.vertical) button.down:dir(rtl) {
998
margin-left: -3px;
999
}
1000
spinbutton:not(.vertical) button.up:dir(rtl), spinbutton:not(.vertical) button.down:dir(ltr) {
1002
margin-right: -3px;
1003
}
1004
spinbutton.vertical:disabled {
1006
color: rgba(0, 0, 0, 0.38);
1007
}
1008
spinbutton.vertical:drop(active) {
1010
box-shadow: none;
1011
}
1012
spinbutton.vertical entry {
1014
min-height: 36px;
1015
min-width: 48px;
1016
padding: 0;
1017
}
1018
spinbutton.vertical button {
1020
min-height: 36px;
1021
min-width: 48px;
1022
padding: 0;
1023
}
1024
spinbutton.vertical button.up {
1026
border-radius: 2px 2px 0 0;
1027
}
1028
spinbutton.vertical button.down {
1030
border-radius: 0 0 2px 2px;
1031
}
1032
treeview spinbutton:not(.vertical) {
1034
min-height: 0;
1035
border-style: none;
1036
border-radius: 0;
1037
}
1038
treeview spinbutton:not(.vertical) entry {
1040
min-height: 0;
1041
padding: 1px 2px;
1042
}
1043
/**************
1045
* ComboBoxes *
1046
**************/
1047
combobox arrow {
1048
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
1049
min-height: 16px;
1050
min-width: 16px;
1051
}
1052
combobox decoration,
1054
combobox button.combo:checked {
1055
transition: none;
1056
}
1057
combobox button.combo cellview:dir(ltr) {
1059
margin-left: -2px;
1060
}
1061
combobox button.combo cellview:dir(rtl) {
1063
margin-right: -2px;
1064
}
1065
combobox #gtk-combobox-popup-menu {
1067
padding: 2px 0;
1068
}
1069
combobox #gtk-combobox-popup-menu menuitem {
1071
min-height: 32px;
1072
padding: 0 8px;
1073
}
1074
combobox #gtk-combobox-popup-menu > arrow.top {
1076
margin-top: -2px;
1077
}
1078
combobox #gtk-combobox-popup-menu > arrow.bottom {
1080
margin-bottom: -6px;
1081
}
1082
combobox:drop(active) {
1084
box-shadow: none;
1085
}
1086
notebook > stack:not(:only-child) button.combo, .raven .raven-background button.combo, #login_window #user_combobox button {
1088
border-radius: 0;
1089
background-image: none;
1090
font-weight: inherit;
1091
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
1092
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #42A5F5 0%, transparent 0%) 0 0 0/0 0 0px;
1093
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26);
1094
background-color: transparent;
1095
color: rgba(0, 0, 0, 0.87);
1096
}
1097
notebook > stack:not(:only-child) button.combo:hover, .raven .raven-background button.combo:hover, #login_window #user_combobox button:hover {
1099
box-shadow: inset 0 -2px rgba(0, 0, 0, 0.38);
1100
}
1101
notebook > stack:not(:only-child) button.combo:checked, .raven .raven-background button.combo:checked, #login_window #user_combobox button:checked {
1103
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #42A5F5 100%, transparent 0%) 0 0 2/0 0 2px;
1104
}
1105
notebook > stack:not(:only-child) button.combo:disabled, .raven .raven-background button.combo:disabled, #login_window #user_combobox button:disabled {
1107
color: rgba(0, 0, 0, 0.38);
1108
}
1109
/************
1111
* Toolbars *
1112
************/
1113
toolbar {
1114
-GtkWidget-window-dragging: true;
1115
padding: 3px;
1116
background-color: #F5F5F5;
1117
}
1118
.osd toolbar {
1120
background-color: transparent;
1121
}
1122
toolbar.osd, .app-notification, frame.documents-dropdown {
1124
transition: box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1);
1125
padding: 6px;
1126
border-radius: 2px;
1127
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 1px rgba(255, 255, 255, 0.4);
1128
background-color: #FFFFFF;
1129
}
1130
toolbar.osd:backdrop, .app-notification:backdrop, frame.documents-dropdown:backdrop {
1132
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 1px rgba(255, 255, 255, 0.4);
1133
}
1134
toolbar.osd.left, .left.app-notification, frame.left.documents-dropdown, toolbar.osd.right, .right.app-notification, frame.right.documents-dropdown, toolbar.osd.top, .top.app-notification, frame.top.documents-dropdown, toolbar.osd.bottom, .bottom.app-notification, frame.bottom.documents-dropdown {
1136
border-radius: 0;
1137
}
1138
toolbar.horizontal separator {
1140
margin: 3px;
1141
}
1142
toolbar.vertical separator {
1144
margin: 3px;
1145
}
1146
toolbar:not(.inline-toolbar):not(.osd) scale,
1148
toolbar:not(.inline-toolbar):not(.osd) entry,
1149
toolbar:not(.inline-toolbar):not(.osd) spinbutton,
1150
toolbar:not(.inline-toolbar):not(.osd) button {
1151
margin: 3px;
1152
}
1153
toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:first-child),
1155
toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:first-child),
1156
toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:first-child) {
1157
margin-left: 0;
1158
}
1159
toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:last-child),
1161
toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:last-child),
1162
toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:last-child) {
1163
margin-right: 0;
1164
}
1165
toolbar:not(.inline-toolbar):not(.osd) switch {
1167
margin: 9px 3px;
1168
}
1169
.inline-toolbar {
1171
padding: 6px;
1172
border-style: solid;
1173
border-width: 0 1px 1px;
1174
border-color: rgba(0, 0, 0, 0.1);
1175
background-color: #FAFAFA;
1176
}
1177
searchbar,
1179
.location-bar {
1180
padding: 6px;
1181
border-style: solid;
1182
border-width: 0 0 1px;
1183
border-color: rgba(0, 0, 0, 0.1);
1184
background-color: #F5F5F5;
1185
background-clip: border-box;
1186
}
1187
/***************
1189
* Header bars *
1190
***************/
1191
.titlebar:not(headerbar),
1192
headerbar {
1193
transition: background-color 0.2s cubic-bezier(0, 0, 0.2, 1);
1194
min-height: 48px;
1195
padding: 0 6px;
1196
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 1px rgba(255, 255, 255, 0.15);
1197
background-color: #455A64;
1198
color: #FFFFFF;
1199
}
1200
.titlebar:disabled:not(headerbar) :not(button) > label,
1202
headerbar:disabled :not(button) > label {
1203
color: rgba(255, 255, 255, 0.5);
1204
}
1205
.titlebar:backdrop:not(headerbar),
1207
headerbar:backdrop {
1208
color: rgba(255, 255, 255, 0.7);
1209
}
1210
.titlebar:backdrop:disabled:not(headerbar) :not(button) > label,
1212
headerbar:backdrop:disabled :not(button) > label {
1213
color: rgba(255, 255, 255, 0.3);
1214
}
1215
.titlebar:not(headerbar) .title,
1217
headerbar .title {
1218
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
1219
padding: 0 12px;
1220
font-weight: bold;
1221
}
1222
.titlebar:not(headerbar) .subtitle,
1224
headerbar .subtitle {
1225
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
1226
padding: 0 12px;
1227
font-size: smaller;
1228
}
1229
.titlebar:not(headerbar) .linked:not(.vertical) > entry:not(.flat),
1231
headerbar .linked:not(.vertical) > entry:not(.flat) {
1232
border-radius: 2px;
1233
}
1234
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action),
1236
headerbar button:not(.suggested-action):not(.destructive-action) {
1237
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0/0 0 0px;
1238
color: rgba(255, 255, 255, 0.7);
1239
}
1240
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):hover, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):active,
1242
headerbar button:not(.suggested-action):not(.destructive-action):hover,
1243
headerbar button:not(.suggested-action):not(.destructive-action):active {
1244
color: #FFFFFF;
1245
}
1246
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):disabled,
1248
headerbar button:not(.suggested-action):not(.destructive-action):disabled {
1249
color: rgba(255, 255, 255, 0.3);
1250
}
1251
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked,
1253
headerbar button:not(.suggested-action):not(.destructive-action):checked {
1254
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2/0 0 2px;
1255
color: #FFFFFF;
1256
}
1257
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked:disabled,
1259
headerbar button:not(.suggested-action):not(.destructive-action):checked:disabled {
1260
color: rgba(255, 255, 255, 0.5);
1261
}
1262
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked:disabled,
1264
headerbar button:not(.suggested-action):not(.destructive-action):checked,
1265
headerbar button:not(.suggested-action):not(.destructive-action):checked:disabled {
1266
background-color: transparent;
1267
}
1268
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop,
1270
headerbar button:not(.suggested-action):not(.destructive-action):backdrop {
1271
color: rgba(255, 255, 255, 0.5);
1272
}
1273
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:hover, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:active,
1275
headerbar button:not(.suggested-action):not(.destructive-action):backdrop:hover,
1276
headerbar button:not(.suggested-action):not(.destructive-action):backdrop:active {
1277
color: rgba(255, 255, 255, 0.7);
1278
}
1279
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:disabled,
1281
headerbar button:not(.suggested-action):not(.destructive-action):backdrop:disabled {
1282
color: rgba(255, 255, 255, 0.3);
1283
}
1284
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked,
1286
headerbar button:not(.suggested-action):not(.destructive-action):backdrop:checked {
1287
color: rgba(255, 255, 255, 0.7);
1288
}
1289
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled,
1291
headerbar button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled {
1292
color: rgba(255, 255, 255, 0.3);
1293
}
1294
.titlebar:not(headerbar) button.suggested-action:disabled, .titlebar:not(headerbar) button.destructive-action:disabled,
1296
headerbar button.suggested-action:disabled,
1297
headerbar button.destructive-action:disabled {
1298
background-color: rgba(255, 255, 255, 0.12);
1299
color: rgba(255, 255, 255, 0.5);
1300
}
1301
.selection-mode.titlebar:not(headerbar),
1303
headerbar.selection-mode {
1304
transition: background-color 0.00001s 0.3s;
1305
animation: header_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1);
1306
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 1px rgba(255, 255, 255, 0.2);
1307
background-color: #42A5F5;
1308
color: #FFFFFF;
1309
}
1310
.selection-mode.titlebar:backdrop:not(headerbar),
1312
headerbar.selection-mode:backdrop {
1313
color: rgba(255, 255, 255, 0.7);
1314
}
1315
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action),
1317
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action) {
1318
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0/0 0 0px;
1319
color: #FFFFFF;
1320
}
1321
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):disabled,
1323
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):disabled {
1324
color: rgba(255, 255, 255, 0.5);
1325
}
1326
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked,
1328
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):checked {
1329
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2/0 0 2px;
1330
color: #FFFFFF;
1331
}
1332
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked:disabled,
1334
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):checked:disabled {
1335
color: rgba(255, 255, 255, 0.5);
1336
}
1337
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop,
1339
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop {
1340
color: rgba(255, 255, 255, 0.7);
1341
}
1342
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:disabled,
1344
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:disabled {
1345
color: rgba(255, 255, 255, 0.3);
1346
}
1347
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked,
1349
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked {
1350
color: rgba(255, 255, 255, 0.7);
1351
}
1352
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled,
1354
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled {
1355
color: rgba(255, 255, 255, 0.3);
1356
}
1357
.selection-mode.titlebar:not(headerbar) .selection-menu,
1359
headerbar.selection-mode .selection-menu {
1360
padding-left: 16px;
1361
padding-right: 16px;
1362
}
1363
.selection-mode.titlebar:not(headerbar) .selection-menu GtkArrow,
1365
headerbar.selection-mode .selection-menu GtkArrow {
1366
-GtkArrow-arrow-scaling: 1;
1367
}
1368
.selection-mode.titlebar:not(headerbar) .selection-menu .arrow,
1370
headerbar.selection-mode .selection-menu .arrow {
1371
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
1372
}
1373
.fullscreen .titlebar:not(headerbar),
1375
.tiled .titlebar:not(headerbar),
1376
.maximized .titlebar:not(headerbar), .fullscreen
1377
headerbar,
1378
.tiled
1379
headerbar,
1380
.maximized
1381
headerbar {
1382
border-radius: 0;
1383
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
1384
}
1385
.default-decoration.titlebar:not(headerbar),
1387
headerbar.default-decoration {
1388
min-height: 24px;
1389
padding: 6px;
1390
box-shadow: inset 0 1px rgba(255, 255, 255, 0.15);
1391
}
1392
.fullscreen .default-decoration.titlebar:not(headerbar),
1394
.tiled .default-decoration.titlebar:not(headerbar),
1395
.maximized .default-decoration.titlebar:not(headerbar), .fullscreen
1396
headerbar.default-decoration,
1397
.tiled
1398
headerbar.default-decoration,
1399
.maximized
1400
headerbar.default-decoration {
1401
box-shadow: none;
1402
}
1403
.default-decoration.titlebar:not(headerbar) button.titlebutton,
1405
headerbar.default-decoration button.titlebutton {
1406
min-height: 24px;
1407
min-width: 24px;
1408
margin: 0;
1409
padding: 0;
1410
}
1411
.background:not(.csd) .default-decoration.titlebar:not(headerbar) button.titlebutton:active, .background:not(.csd)
1413
headerbar.default-decoration button.titlebutton:active {
1414
background-size: 1000% 1000%;
1415
}
1416
headerbar entry,
1418
headerbar spinbutton,
1419
headerbar button {
1420
margin-top: 6px;
1421
margin-bottom: 6px;
1422
}
1423
headerbar switch {
1425
margin-top: 12px;
1426
margin-bottom: 12px;
1427
}
1428
headerbar spinbutton button {
1430
margin-top: 0;
1431
margin-bottom: 0;
1432
}
1433
.background:not(.tiled):not(.maximized):not(.fullscreen):not(.solid-csd) .titlebar {
1435
border-top-left-radius: 2px;
1436
border-top-right-radius: 2px;
1437
}
1438
window:not(.tiled):not(.maximized):not(.fullscreen):not(.solid-csd) separator:first-child + headerbar,
1440
window:not(.tiled):not(.maximized):not(.fullscreen):not(.solid-csd) headerbar:first-child {
1441
border-top-left-radius: 2px;
1442
}
1443
window:not(.tiled):not(.maximized):not(.fullscreen):not(.solid-csd) headerbar:last-child {
1445
border-top-right-radius: 2px;
1446
}
1447
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 {
1449
border-top-left-radius: 2px;
1450
border-top-right-radius: 2px;
1451
}
1452
window.csd > .titlebar:not(headerbar) {
1454
padding: 0;
1455
background-color: transparent;
1456
background-image: none;
1457
border-style: none;
1458
box-shadow: none;
1459
}
1460
.titlebar:not(headerbar) > separator {
1462
background-color: #455A64;
1463
background-image: image(rgba(0, 0, 0, 0.1));
1464
}
1465
/************
1467
* Pathbars *
1468
************/
1469
.caja-pathbar button,
1470
.path-bar button {
1471
padding-left: 6px;
1472
padding-right: 6px;
1473
}
1474
.caja-pathbar button label:not(:only-child):first-child,
1476
.path-bar button label:not(:only-child):first-child {
1477
margin-left: 4px;
1478
}
1479
.caja-pathbar button label:not(:only-child):last-child,
1481
.path-bar button label:not(:only-child):last-child {
1482
margin-right: 4px;
1483
}
1484
.caja-pathbar button.slider-button,
1486
.path-bar button.slider-button {
1487
padding-left: 4px;
1488
padding-right: 4px;
1489
}
1490
:not(headerbar) .caja-pathbar button, .caja-pathbar :not(headerbar) button, :not(headerbar)
1492
.path-bar button {
1493
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #42A5F5 0%, transparent 0%) 0 0 0/0 0 0px;
1494
border-radius: 2px;
1495
}
1496
:not(headerbar) .caja-pathbar button:checked, .caja-pathbar :not(headerbar) button:checked, :not(headerbar)
1498
.path-bar button:checked {
1499
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #42A5F5 100%, transparent 0%) 0 0 2/0 0 2px;
1500
}
1501
: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)
1503
.path-bar button:checked, :not(headerbar)
1504
.path-bar button:checked:disabled {
1505
background-color: transparent;
1506
}
1507
/**************
1509
* Tree Views *
1510
**************/
1511
treeview.view {
1512
border-left-color: alpha(currentColor, 0.3);
1513
border-top-color: rgba(0, 0, 0, 0.1);
1514
}
1515
* {
1517
-GtkTreeView-horizontal-separator: 4;
1518
-GtkTreeView-grid-line-width: 1;
1519
-GtkTreeView-grid-line-pattern: '';
1520
-GtkTreeView-tree-line-width: 1;
1521
-GtkTreeView-tree-line-pattern: '';
1522
-GtkTreeView-expander-size: 16;
1523
}
1524
treeview.view:hover, treeview.view:active, treeview.view:selected {
1526
border-radius: 0;
1527
}
1528
treeview.view.separator {
1530
min-height: 5px;
1531
color: rgba(0, 0, 0, 0.1);
1532
}
1533
treeview.view:drop(active) {
1535
border-style: solid none;
1536
border-width: 1px;
1537
border-color: #FF4081;
1538
}
1539
treeview.view:drop(active).after {
1541
border-top-style: none;
1542
}
1543
treeview.view:drop(active).before {
1545
border-bottom-style: none;
1546
}
1547
treeview.view.expander {
1549
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
1550
-gtk-icon-transform: rotate(-90deg);
1551
color: rgba(0, 0, 0, 0.54);
1552
}
1553
treeview.view.expander:dir(rtl) {
1555
-gtk-icon-transform: rotate(90deg);
1556
}
1557
treeview.view.expander:checked {
1559
-gtk-icon-transform: unset;
1560
}
1561
treeview.view.expander:hover, treeview.view.expander:active {
1563
color: rgba(0, 0, 0, 0.87);
1564
}
1565
treeview.view.expander:disabled {
1567
color: rgba(0, 0, 0, 0.26);
1568
}
1569
treeview.view.expander:selected {
1571
color: rgba(255, 255, 255, 0.7);
1572
}
1573
treeview.view.expander:selected:hover, treeview.view.expander:selected:active {
1575
color: #FFFFFF;
1576
}
1577
treeview.view.expander:selected:disabled {
1579
color: rgba(255, 255, 255, 0.3);
1580
}
1581
treeview.view.progressbar {
1583
border-bottom: 4px solid #42A5F5;
1584
box-shadow: none;
1585
background-color: transparent;
1586
}
1587
treeview.view.progressbar:selected {
1589
border-bottom-color: #FFFFFF;
1590
}
1591
treeview.view.trough {
1593
border-bottom: 4px solid rgba(66, 165, 245, 0.3);
1594
box-shadow: none;
1595
background-color: transparent;
1596
}
1597
treeview.view.trough:selected {
1599
border-bottom-color: rgba(255, 255, 255, 0.3);
1600
}
1601
treeview.view header button {
1603
padding: 2px 6px;
1604
border-style: none solid solid none;
1605
border-width: 1px;
1606
border-color: rgba(0, 0, 0, 0.1);
1607
border-radius: 0;
1608
background-clip: border-box;
1609
}
1610
treeview.view header button, treeview.view header button:hover, treeview.view header button:active {
1612
box-shadow: none;
1613
}
1614
treeview.view header button, treeview.view header button:disabled {
1616
background-color: #FFFFFF;
1617
}
1618
treeview.view header button:last-child {
1620
border-right-style: none;
1621
}
1622
treeview.view button.dnd,
1624
treeview.view header.button.dnd {
1625
padding: 2px 6px;
1626
border-style: none solid solid;
1627
border-width: 1px;
1628
border-color: rgba(0, 0, 0, 0.1);
1629
border-radius: 0;
1630
box-shadow: none;
1631
background-color: #FFFFFF;
1632
background-clip: border-box;
1633
color: #42A5F5;
1634
}
1635
treeview.view acceleditor > label {
1637
background-color: #42A5F5;
1638
}
1639
/*********
1641
* Menus *
1642
*********/
1643
menubar,
1644
.menubar {
1645
-GtkWidget-window-dragging: true;
1646
padding: 0;
1647
background-color: #455A64;
1648
}
1649
menubar > menuitem,
1651
.menubar > menuitem {
1652
transition: all 0.2s cubic-bezier(0, 0, 0.2, 1);
1653
min-height: 20px;
1654
padding: 4px 8px;
1655
color: rgba(255, 255, 255, 0.7);
1656
}
1657
menubar > menuitem:hover,
1659
.menubar > menuitem:hover {
1660
transition: none;
1661
background-color: rgba(255, 255, 255, 0.12);
1662
color: #FFFFFF;
1663
}
1664
menubar > menuitem:disabled,
1666
.menubar > menuitem:disabled {
1667
color: rgba(255, 255, 255, 0.3);
1668
}
1669
.csd.popup {
1671
background-color: transparent;
1672
}
1673
menu,
1675
.menu,
1676
.context-menu {
1677
margin: 4px 0;
1678
padding: 4px 0;
1679
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
1680
background-color: #FFFFFF;
1681
border: 1px solid rgba(0, 0, 0, 0.1);
1682
}
1683
.csd menu, .csd
1685
.menu, .csd
1686
.context-menu {
1687
border: none;
1688
border-radius: 2px;
1689
}
1690
menu menuitem,
1692
.menu menuitem,
1693
.context-menu menuitem {
1694
transition: all 0.2s cubic-bezier(0, 0, 0.2, 1);
1695
min-height: 20px;
1696
min-width: 40px;
1697
padding: 4px 8px;
1698
font: initial;
1699
text-shadow: none;
1700
}
1701
menu menuitem:hover,
1703
.menu menuitem:hover,
1704
.context-menu menuitem:hover {
1705
transition: none;
1706
background-color: rgba(0, 0, 0, 0.12);
1707
}
1708
menu menuitem:disabled,
1710
.menu menuitem:disabled,
1711
.context-menu menuitem:disabled {
1712
color: rgba(0, 0, 0, 0.38);
1713
}
1714
menu menuitem arrow,
1716
.menu menuitem arrow,
1717
.context-menu menuitem arrow {
1718
min-height: 16px;
1719
min-width: 16px;
1720
}
1721
menu menuitem arrow:dir(ltr),
1723
.menu menuitem arrow:dir(ltr),
1724
.context-menu menuitem arrow:dir(ltr) {
1725
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
1726
margin-left: 8px;
1727
}
1728
menu menuitem arrow:dir(rtl),
1730
.menu menuitem arrow:dir(rtl),
1731
.context-menu menuitem arrow:dir(rtl) {
1732
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl");
1733
margin-right: 8px;
1734
}
1735
menu menuitem label:dir(rtl), menu menuitem label:dir(ltr),
1737
.menu menuitem label:dir(rtl),
1738
.menu menuitem label:dir(ltr),
1739
.context-menu menuitem label:dir(rtl),
1740
.context-menu menuitem label:dir(ltr) {
1741
color: inherit;
1742
}
1743
menu > arrow,
1745
.menu > arrow,
1746
.context-menu > arrow {
1747
min-height: 16px;
1748
min-width: 16px;
1749
padding: 4px;
1750
background-color: #FFFFFF;
1751
color: rgba(0, 0, 0, 0.54);
1752
}
1753
menu > arrow.top,
1755
.menu > arrow.top,
1756
.context-menu > arrow.top {
1757
margin-top: -4px;
1758
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
1759
border-radius: 2px 2px 0 0;
1760
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
1761
}
1762
menu > arrow.bottom,
1764
.menu > arrow.bottom,
1765
.context-menu > arrow.bottom {
1766
margin-bottom: -12px;
1767
border-top: 1px solid rgba(0, 0, 0, 0.1);
1768
border-radius: 0 0 2px 2px;
1769
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
1770
}
1771
menu > arrow:hover,
1773
.menu > arrow:hover,
1774
.context-menu > arrow:hover {
1775
background-image: image(rgba(0, 0, 0, 0.12));
1776
color: rgba(0, 0, 0, 0.87);
1777
}
1778
menu > arrow:disabled,
1780
.menu > arrow:disabled,
1781
.context-menu > arrow:disabled {
1782
border-color: transparent;
1783
background-color: transparent;
1784
color: transparent;
1785
}
1786
menu separator,
1788
.menu separator,
1789
.context-menu separator {
1790
margin: 4px 0;
1791
}
1792
menuitem accelerator {
1794
color: rgba(0, 0, 0, 0.54);
1795
}
1796
.popup:not(.csd) menu menuitem {
1798
color: #212121;
1799
}
1800
.popup:not(.csd) menu menuitem:hover {
1802
background-color: #E0E0E0;
1803
}
1804
.popup:not(.csd) menu menuitem:disabled {
1806
color: #9E9E9E;
1807
}
1808
.popup:not(.csd) menu accelerator {
1810
color: #757575;
1811
}
1812
/************
1814
* Popovers *
1815
************/
1816
popover.background {
1817
transition: box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1);
1818
padding: 2px;
1819
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
1820
background-color: #FAFAFA;
1821
}
1822
popover.background:backdrop {
1824
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
1825
}
1826
popover.background, .csd popover.background {
1828
border-style: solid;
1829
border-width: 1px;
1830
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.3);
1831
border-radius: 3px;
1832
}
1833
popover.background > stack {
1835
margin: -4px;
1836
}
1837
popover.background > toolbar {
1839
margin: -2px;
1840
}
1841
popover.background > list,
1843
popover.background > .view,
1844
popover.background > toolbar {
1845
border-style: none;
1846
box-shadow: none;
1847
background-color: transparent;
1848
}
1849
popover.background.menu button,
1851
popover.background button.model {
1852
min-height: 32px;
1853
padding: 0 8px;
1854
border-radius: 2px;
1855
}
1856
popover.background separator {
1858
margin: 4px 0;
1859
}
1860
popover.background list separator {
1862
margin: 0;
1863
}
1864
/*************
1866
* Notebooks *
1867
*************/
1868
notebook > header {
1869
border-width: 1px;
1870
border-color: rgba(0, 0, 0, 0.1);
1871
background-color: #F5F5F5;
1872
background-clip: border-box;
1873
}
1874
notebook > header.top {
1876
border-bottom-style: solid;
1877
}
1878
notebook > header.top > tabs {
1880
margin-bottom: -1px;
1881
}
1882
notebook > header.top > tabs > tab:hover {
1884
box-shadow: inset 0 -2px rgba(0, 0, 0, 0.26);
1885
}
1886
notebook > header.top > tabs > tab:checked {
1888
box-shadow: inset 0 -2px #42A5F5;
1889
}
1890
notebook > header.bottom {
1892
border-top-style: solid;
1893
}
1894
notebook > header.bottom > tabs {
1896
margin-top: -1px;
1897
}
1898
notebook > header.bottom > tabs > tab:hover {
1900
box-shadow: inset 0 2px rgba(0, 0, 0, 0.26);
1901
}
1902
notebook > header.bottom > tabs > tab:checked {
1904
box-shadow: inset 0 2px #42A5F5;
1905
}
1906
notebook > header.left {
1908
border-right-style: solid;
1909
}
1910
notebook > header.left > tabs {
1912
margin-right: -1px;
1913
}
1914
notebook > header.left > tabs > tab:hover {
1916
box-shadow: inset -2px 0 rgba(0, 0, 0, 0.26);
1917
}
1918
notebook > header.left > tabs > tab:checked {
1920
box-shadow: inset -2px 0 #42A5F5;
1921
}
1922
notebook > header.right {
1924
border-left-style: solid;
1925
}
1926
notebook > header.right > tabs {
1928
margin-left: -1px;
1929
}
1930
notebook > header.right > tabs > tab:hover {
1932
box-shadow: inset 2px 0 rgba(0, 0, 0, 0.26);
1933
}
1934
notebook > header.right > tabs > tab:checked {
1936
box-shadow: inset 2px 0 #42A5F5;
1937
}
1938
notebook > header.top > tabs > arrow {
1940
border-top-style: none;
1941
}
1942
notebook > header.bottom > tabs > arrow {
1944
border-bottom-style: none;
1945
}
1946
notebook > header.top > tabs > arrow, notebook > header.bottom > tabs > arrow {
1948
padding-left: 4px;
1949
padding-right: 4px;
1950
}
1951
notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down {
1953
margin-left: -8px;
1954
-gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
1955
}
1956
notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up {
1958
margin-right: -8px;
1959
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
1960
}
1961
notebook > header.left > tabs > arrow {
1963
border-left-style: none;
1964
}
1965
notebook > header.right > tabs > arrow {
1967
border-right-style: none;
1968
}
1969
notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow {
1971
padding-top: 4px;
1972
padding-bottom: 4px;
1973
}
1974
notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down {
1976
margin-top: -8px;
1977
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
1978
}
1979
notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up {
1981
margin-bottom: -8px;
1982
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
1983
}
1984
notebook > header > tabs > arrow {
1986
min-height: 16px;
1987
min-width: 16px;
1988
border-radius: 0;
1989
}
1990
notebook > header tab {
1992
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
1993
min-height: 24px;
1994
min-width: 24px;
1995
padding: 6px 12px;
1996
outline-offset: -6px;
1997
border-width: 1px;
1998
border-color: transparent;
1999
background-image: radial-gradient(circle farthest-corner at center, #42A5F5 10%, transparent 0%);
2000
background-repeat: no-repeat;
2001
background-position: center;
2002
background-size: 0% 0%;
2003
color: rgba(0, 0, 0, 0.54);
2004
font-weight: 500;
2005
}
2006
notebook > header tab:hover {
2008
color: rgba(0, 0, 0, 0.87);
2009
}
2010
notebook > header tab:hover.reorderable-page {
2012
border-color: rgba(0, 0, 0, 0.1);
2013
background-color: #FAFAFA;
2014
}
2015
notebook > header tab:disabled {
2017
color: rgba(0, 0, 0, 0.26);
2018
}
2019
notebook > header tab:checked {
2021
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);
2022
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
2023
background-size: 1000% 1000%;
2024
color: rgba(0, 0, 0, 0.87);
2025
}
2026
notebook > header tab:checked:disabled {
2028
color: rgba(0, 0, 0, 0.38);
2029
}
2030
notebook > header tab:checked.reorderable-page {
2032
border-color: rgba(0, 0, 0, 0.1);
2033
background-color: #FFFFFF;
2034
}
2035
notebook > header tab button.flat:last-child {
2037
margin-left: 6px;
2038
margin-right: -6px;
2039
}
2040
notebook > header tab button.flat:first-child {
2042
margin-left: -6px;
2043
margin-right: 6px;
2044
}
2045
notebook > header.top tabs, notebook > header.bottom tabs {
2047
padding-left: 8px;
2048
padding-right: 8px;
2049
}
2050
notebook > header.top tabs:not(:only-child):first-child, notebook > header.bottom tabs:not(:only-child):first-child {
2052
margin-left: 0;
2053
}
2054
notebook > header.top tabs:not(:only-child):last-child, notebook > header.bottom tabs:not(:only-child):last-child {
2056
margin-right: 0;
2057
}
2058
notebook > header.top tabs tab.reorderable-page, notebook > header.bottom tabs tab.reorderable-page {
2060
margin: 0 -1px;
2061
border-style: none solid;
2062
}
2063
notebook > header.left tabs, notebook > header.right tabs {
2065
padding-top: 8px;
2066
padding-bottom: 8px;
2067
}
2068
notebook > header.left tabs:not(:only-child):first-child, notebook > header.right tabs:not(:only-child):first-child {
2070
margin-top: 0;
2071
}
2072
notebook > header.left tabs:not(:only-child):last-child, notebook > header.right tabs:not(:only-child):last-child {
2074
margin-bottom: 0;
2075
}
2076
notebook > header.left tabs tab.reorderable-page, notebook > header.right tabs tab.reorderable-page {
2078
margin: -1px 0;
2079
border-style: solid none;
2080
}
2081
notebook > stack:not(:only-child) {
2083
background-color: #FFFFFF;
2084
}
2085
/**************
2087
* Scrollbars *
2088
**************/
2089
scrollbar {
2090
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
2091
background-color: #FFFFFF;
2092
background-clip: padding-box;
2093
}
2094
* {
2096
-GtkScrollbar-has-backward-stepper: false;
2097
-GtkScrollbar-has-forward-stepper: false;
2098
}
2099
scrollbar.top {
2101
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
2102
}
2103
scrollbar.bottom {
2105
border-top: 1px solid rgba(0, 0, 0, 0.1);
2106
}
2107
scrollbar.left {
2109
border-right: 1px solid rgba(0, 0, 0, 0.1);
2110
}
2111
scrollbar.right {
2113
border-left: 1px solid rgba(0, 0, 0, 0.1);
2114
}
2115
scrollbar slider {
2117
transition: all 0.2s cubic-bezier(0, 0, 0.2, 1), margin 0, border-width 0;
2118
min-width: 8px;
2119
min-height: 8px;
2120
border: 4px solid transparent;
2121
border-radius: 9999px;
2122
background-clip: padding-box;
2123
background-color: rgba(0, 0, 0, 0.38);
2124
}
2125
scrollbar slider:hover {
2127
background-color: rgba(0, 0, 0, 0.54);
2128
}
2129
scrollbar slider:active {
2131
background-color: rgba(0, 0, 0, 0.87);
2132
}
2133
scrollbar slider:disabled {
2135
background-color: rgba(0, 0, 0, 0.26);
2136
}
2137
scrollbar.fine-tune slider {
2139
transition: all 0.2s cubic-bezier(0, 0, 0.2, 1), margin 0, border-width 0, min-width 0, min-height 0;
2140
min-width: 4px;
2141
min-height: 4px;
2142
}
2143
scrollbar.fine-tune.horizontal slider {
2145
margin: 2px 0;
2146
}
2147
scrollbar.fine-tune.vertical slider {
2149
margin: 0 2px;
2150
}
2151
scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
2153
border-color: transparent;
2154
background-color: transparent;
2155
}
2156
scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider {
2158
min-width: 4px;
2159
min-height: 4px;
2160
margin: 3px;
2161
border: 1px solid rgba(255, 255, 255, 0.3);
2162
}
2163
scrollbar.overlay-indicator:not(.dragging):not(.hovering) button {
2165
min-width: 4px;
2166
min-height: 4px;
2167
margin: 3px;
2168
border: 1px solid rgba(255, 255, 255, 0.3);
2169
border-radius: 9999px;
2170
background-color: rgba(0, 0, 0, 0.38);
2171
background-clip: padding-box;
2172
-gtk-icon-source: none;
2173
}
2174
scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled {
2176
background-color: rgba(0, 0, 0, 0.26);
2177
}
2178
scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider {
2180
min-width: 24px;
2181
}
2182
scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button {
2184
min-width: 8px;
2185
}
2186
scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider {
2188
min-height: 24px;
2189
}
2190
scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button {
2192
min-height: 8px;
2193
}
2194
scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering {
2196
background-color: rgba(255, 255, 255, 0.9);
2197
}
2198
scrollbar.horizontal slider {
2200
min-width: 24px;
2201
}
2202
scrollbar.vertical slider {
2204
min-height: 24px;
2205
}
2206
scrollbar button {
2208
min-width: 16px;
2209
min-height: 16px;
2210
padding: 0;
2211
border-radius: 0;
2212
}
2213
scrollbar.vertical button.down {
2215
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
2216
}
2217
scrollbar.vertical button.up {
2219
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
2220
}
2221
scrollbar.horizontal button.down {
2223
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
2224
}
2225
scrollbar.horizontal button.up {
2227
-gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
2228
}
2229
/**********
2231
* Switch *
2232
**********/
2233
switch {
2234
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
2235
margin: 6px 0;
2236
padding: 0 2px;
2237
border: 4px solid transparent;
2238
border-radius: 9999px;
2239
background-color: rgba(0, 0, 0, 0.26);
2240
background-clip: padding-box;
2241
font-size: 0;
2242
}
2243
switch:disabled {
2245
background-color: rgba(0, 0, 0, 0.12);
2246
}
2247
switch:checked {
2249
background-color: rgba(255, 64, 129, 0.5);
2250
}
2251
switch:checked:disabled {
2253
background-color: rgba(255, 64, 129, 0.3);
2254
}
2255
switch slider {
2257
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1);
2258
min-width: 20px;
2259
min-height: 20px;
2260
margin: -3px -2px;
2261
border-radius: 9999px;
2262
-gtk-outline-radius: 9999px;
2263
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
2264
background-color: #FFFFFF;
2265
}
2266
switch:hover slider {
2268
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
2269
}
2270
switch:checked slider {
2272
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1), background-image 0, background-color 0.00001s 0.3s;
2273
animation: needs_attention 0.3s cubic-bezier(0, 0, 0.2, 1);
2274
background-color: #FF4081;
2275
color: #FFFFFF;
2276
}
2277
switch:disabled slider {
2279
background-color: #FAFAFA;
2280
}
2281
switch:checked:disabled slider {
2283
animation: none;
2284
}
2285
/*************************
2287
* Check and Radio items *
2288
*************************/
2289
.view.content-view.check:not(list),
2290
.content-view .tile check:not(list) {
2291
min-height: 40px;
2292
min-width: 40px;
2293
margin: 0;
2294
padding: 0;
2295
box-shadow: none;
2296
background-color: transparent;
2297
background-image: none;
2298
-gtk-icon-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
2299
}
2300
.view.content-view.check:not(list):hover, .view.content-view.check:not(list):active,
2302
.content-view .tile check:not(list):hover,
2303
.content-view .tile check:not(list):active {
2304
-gtk-icon-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
2305
}
2306
.view.content-view.check:not(list),
2308
.content-view .tile check:not(list) {
2309
-gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-unchecked.png"), url("assets/selectionmode-checkbox-unchecked@2.png"));
2310
}
2311
.view.content-view.check:not(list):checked,
2313
.content-view .tile check:not(list):checked {
2314
-gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-checked.png"), url("assets/selectionmode-checkbox-checked@2.png"));
2315
}
2316
checkbutton.text-button,
2318
radiobutton.text-button {
2319
padding: 2px;
2320
outline-offset: 0;
2321
}
2322
checkbutton.text-button label:not(:only-child),
2324
radiobutton.text-button label:not(:only-child) {
2325
margin: 0 4px;
2326
}
2327
check,
2329
radio {
2330
min-height: 24px;
2331
min-width: 24px;
2332
margin: -12px;
2333
padding: 12px;
2334
}
2335
check:checked, check:indeterminate,
2337
radio:checked,
2338
radio:indeterminate {
2339
color: #FF4081;
2340
}
2341
check:checked:disabled, check:indeterminate:disabled,
2343
radio:checked:disabled,
2344
radio:indeterminate:disabled {
2345
color: rgba(255, 64, 129, 0.5);
2346
}
2347
row:selected check:not(:checked):not(:indeterminate), row:selected
2349
radio:not(:checked):not(:indeterminate) {
2350
color: rgba(255, 255, 255, 0.7);
2351
}
2352
row:selected check:not(:checked):not(:indeterminate):hover, row:selected check:not(:checked):not(:indeterminate):active, row:selected
2354
radio:not(:checked):not(:indeterminate):hover, row:selected
2355
radio:not(:checked):not(:indeterminate):active {
2356
color: #FFFFFF;
2357
}
2358
row:selected check:not(:checked):not(:indeterminate):disabled, row:selected
2360
radio:not(:checked):not(:indeterminate):disabled {
2361
color: rgba(255, 255, 255, 0.3);
2362
}
2363
popover check, popover check:hover, popover check:disabled, popover
2365
radio, popover
2366
radio:hover, popover
2367
radio:disabled {
2368
box-shadow: none;
2369
background-image: none;
2370
}
2371
popover check:not(:checked):not(:indeterminate):not(:disabled), popover
2373
radio:not(:checked):not(:indeterminate):not(:disabled) {
2374
color: rgba(0, 0, 0, 0.54);
2375
}
2376
popover check.left:dir(rtl), popover
2378
radio.left:dir(rtl) {
2379
margin-left: -16px;
2380
margin-right: -8px;
2381
}
2382
popover check.right:dir(ltr), popover
2384
radio.right:dir(ltr) {
2385
margin-left: -8px;
2386
margin-right: -16px;
2387
}
2388
menu menuitem check, menu menuitem
2390
radio {
2391
transition: none;
2392
min-height: 16px;
2393
min-width: 16px;
2394
margin: 0;
2395
padding: 0;
2396
}
2397
menu menuitem check:dir(ltr), menu menuitem
2399
radio:dir(ltr) {
2400
margin-right: 8px;
2401
}
2402
menu menuitem check:dir(rtl), menu menuitem
2404
radio:dir(rtl) {
2405
margin-left: 8px;
2406
}
2407
menu menuitem check:not(:checked):not(:indeterminate):not(:disabled), menu menuitem
2409
radio:not(:checked):not(:indeterminate):not(:disabled) {
2410
color: rgba(0, 0, 0, 0.54);
2411
}
2412
menu menuitem check, menu menuitem check:hover, menu menuitem check:disabled, menu menuitem
2414
radio, menu menuitem
2415
radio:hover, menu menuitem
2416
radio:disabled {
2417
box-shadow: none;
2418
}
2419
check {
2422
-gtk-icon-source: image(-gtk-recolor(url("assets/scalable/checkbox-unchecked-symbolic.svg")), -gtk-recolor(url("assets/scalable/checkbox-unchecked-symbolic.symbolic.png")));
2423
}
2424
check:checked {
2427
-gtk-icon-source: image(-gtk-recolor(url("assets/scalable/checkbox-checked-symbolic.svg")), -gtk-recolor(url("assets/scalable/checkbox-checked-symbolic.symbolic.png")));
2428
}
2429
check:indeterminate {
2432
-gtk-icon-source: image(-gtk-recolor(url("assets/scalable/checkbox-mixed-symbolic.svg")), -gtk-recolor(url("assets/scalable/checkbox-mixed-symbolic.symbolic.png")));
2433
}
2434
radio {
2437
border-image-slice: 24;
2438
border-image-width: 24px;
2439
}
2440
radio {
2443
-gtk-icon-source: image(-gtk-recolor(url("assets/scalable/radio-unchecked-symbolic.svg")), -gtk-recolor(url("assets/scalable/radio-unchecked-symbolic.symbolic.png")));
2444
}
2445
radio:indeterminate {
2448
-gtk-icon-source: image(-gtk-recolor(url("assets/scalable/radio-mixed-symbolic.svg")), -gtk-recolor(url("assets/scalable/radio-mixed-symbolic.symbolic.png")));
2449
}
2450
radio {
2453
border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#FF4081), to(transparent));
2454
}
2455
radio:checked:not(:indeterminate) {
2458
border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.10417, to(#FF4081), to(transparent));
2459
}
2460
radio:checked:not(:indeterminate):disabled {
2463
border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.10417, to(rgba(255, 64, 129, 0.5)), to(transparent));
2464
}
2465
window.background:not(.csd) > widget > checkbutton > check,
2467
menu menuitem check {
2468
border-radius: 2px;
2469
-gtk-outline-radius: 2px;
2470
-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")));
2471
}
2472
window.background:not(.csd) > widget > checkbutton > check:checked,
2474
menu menuitem check:checked {
2475
-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")));
2476
}
2477
window.background:not(.csd) > widget > checkbutton > check:indeterminate,
2479
menu menuitem check:indeterminate {
2480
-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")));
2481
}
2482
window.background:not(.csd) > widget > radiobutton > radio,
2484
menu menuitem radio {
2485
border-image: none;
2486
-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")));
2487
}
2488
window.background:not(.csd) > widget > radiobutton > radio:checked,
2490
menu menuitem radio:checked {
2491
-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")));
2492
}
2493
window.background:not(.csd) > widget > radiobutton > radio:indeterminate,
2495
menu menuitem radio:indeterminate {
2496
-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")));
2497
}
2498
check:not(:checked):active {
2500
-gtk-icon-transform: rotate(90deg);
2501
}
2502
check:not(:checked):indeterminate:active,
2504
radio:not(:checked):indeterminate:active {
2505
-gtk-icon-transform: scaleX(-1);
2506
}
2507
check:not(:checked),
2509
radio:not(:checked) {
2510
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;
2511
}
2512
check:not(:checked):active,
2514
radio:not(:checked):active {
2515
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0, -gtk-icon-transform 0;
2516
}
2517
menu menuitem check:not(:checked), menu menuitem
2519
radio:not(:checked) {
2520
transition: none;
2521
}
2522
treeview.view check,
2524
treeview.view radio {
2525
padding: 0;
2526
}
2527
treeview.view check:hover,
2529
treeview.view radio:hover {
2530
box-shadow: inset 0 0 0 9999px alpha(rgba(0, 0, 0, 0.87), 0.05);
2531
}
2532
treeview.view check:hover:disabled,
2534
treeview.view radio:hover:disabled {
2535
box-shadow: none;
2536
}
2537
treeview.view check:hover:selected,
2539
treeview.view radio:hover:selected {
2540
box-shadow: inset 0 0 0 9999px alpha(#FFFFFF, 0.05);
2541
}
2542
treeview.view check,
2544
treeview.view radio {
2545
color: rgba(0, 0, 0, 0.54);
2546
}
2547
treeview.view check:hover, treeview.view check:active,
2549
treeview.view radio:hover,
2550
treeview.view radio:active {
2551
color: rgba(0, 0, 0, 0.87);
2552
}
2553
treeview.view check:disabled,
2555
treeview.view radio:disabled {
2556
color: rgba(0, 0, 0, 0.26);
2557
}
2558
treeview.view check:checked, treeview.view check:indeterminate,
2560
treeview.view radio:checked,
2561
treeview.view radio:indeterminate {
2562
color: #FF4081;
2563
}
2564
treeview.view check:checked:disabled, treeview.view check:indeterminate:disabled,
2566
treeview.view radio:checked:disabled,
2567
treeview.view radio:indeterminate:disabled {
2568
color: rgba(255, 64, 129, 0.5);
2569
}
2570
treeview.view check:selected,
2572
treeview.view radio:selected {
2573
color: rgba(255, 255, 255, 0.7);
2574
}
2575
treeview.view check:selected:hover, treeview.view check:selected:active,
2577
treeview.view radio:selected:hover,
2578
treeview.view radio:selected:active {
2579
color: #FFFFFF;
2580
}
2581
treeview.view check:selected:disabled,
2583
treeview.view radio:selected:disabled {
2584
color: rgba(255, 255, 255, 0.3);
2585
}
2586
treeview.view check:selected:checked, treeview.view check:selected:indeterminate,
2588
treeview.view radio:selected:checked,
2589
treeview.view radio:selected:indeterminate {
2590
color: #FF4081;
2591
}
2592
treeview.view check:selected:checked:disabled, treeview.view check:selected:indeterminate:disabled,
2594
treeview.view radio:selected:checked:disabled,
2595
treeview.view radio:selected:indeterminate:disabled {
2596
color: rgba(255, 64, 129, 0.5);
2597
}
2598
treeview.view radio:checked {
2600
-gtk-icon-source: image(-gtk-recolor(url("assets/scalable/radio-checked-symbolic.svg")), -gtk-recolor(url("assets/scalable/radio-checked-symbolic.symbolic.png")));
2601
border-image: none;
2602
}
2603
/************
2605
* GtkScale *
2606
************/
2607
scale {
2608
min-height: 12px;
2609
min-width: 12px;
2610
padding: 12px;
2611
}
2612
scale * {
2614
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
2615
}
2616
scale slider {
2618
min-height: 24px;
2619
min-width: 24px;
2620
margin: -11px;
2621
}
2622
scale trough {
2624
outline-offset: 2px;
2625
background-color: rgba(0, 0, 0, 0.26);
2626
}
2627
scale trough:disabled {
2629
background-color: rgba(0, 0, 0, 0.12);
2630
}
2631
scale highlight {
2633
background-color: #FF4081;
2634
}
2635
scale highlight:disabled {
2637
background-color: transparent;
2638
}
2639
scale fill {
2641
background-color: rgba(0, 0, 0, 0.26);
2642
}
2643
scale fill:disabled {
2645
background-color: transparent;
2646
}
2647
scale slider {
2649
transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
2650
background-repeat: no-repeat;
2651
background-position: center;
2652
background-size: calc(100% - 10px);
2653
}
2654
scale slider {
2656
background-image: -gtk-scaled(url("assets/scale-slider.png"), url("assets/scale-slider@2.png"));
2657
}
2658
scale slider:disabled {
2660
background-image: -gtk-scaled(url("assets/scale-slider-disabled.png"), url("assets/scale-slider-disabled@2.png"));
2661
}
2662
scale slider:hover {
2664
background-size: calc(100% - 8px);
2665
}
2666
scale slider:active {
2668
background-size: calc(100% - 6px);
2669
}
2670
scale.fine-tune slider {
2672
background-size: calc(100% - 12px);
2673
}
2674
scale value {
2676
color: rgba(0, 0, 0, 0.38);
2677
}
2678
scale marks {
2680
color: rgba(0, 0, 0, 0.26);
2681
}
2682
scale marks.top {
2684
margin-bottom: 8px;
2685
margin-top: -16px;
2686
}
2687
scale marks.bottom {
2689
margin-top: 8px;
2690
margin-bottom: -16px;
2691
}
2692
scale marks.top {
2694
margin-right: 8px;
2695
margin-left: -16px;
2696
}
2697
scale marks.bottom {
2699
margin-left: 8px;
2700
margin-right: -16px;
2701
}
2702
scale.horizontal indicator {
2704
min-height: 8px;
2705
min-width: 1px;
2706
}
2707
scale.vertical indicator {
2709
min-height: 1px;
2710
min-width: 8px;
2711
}
2712
scale.horizontal.marks-before:not(.marks-after) slider {
2714
min-height: 30px;
2715
min-width: 24px;
2716
margin-top: -17px;
2717
background-position: center calc(100% - 5px);
2718
}
2719
scale.horizontal.marks-before:not(.marks-after) slider {
2721
background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider.png"), url("assets/scale-horz-marks-before-slider@2.png"));
2722
}
2723
scale.horizontal.marks-before:not(.marks-after) slider:disabled {
2725
background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-disabled.png"), url("assets/scale-horz-marks-before-slider-disabled@2.png"));
2726
}
2727
scale.horizontal.marks-before:not(.marks-after) slider:hover {
2729
background-position: center calc(100% - 4px);
2730
}
2731
scale.horizontal.marks-before:not(.marks-after) slider:active {
2733
background-position: center calc(100% - 3px);
2734
}
2735
scale.horizontal.marks-before:not(.marks-after).fine-tune slider {
2737
background-position: center calc(100% - 6px);
2738
}
2739
scale.horizontal.marks-after:not(.marks-before) slider {
2741
min-height: 30px;
2742
min-width: 24px;
2743
margin-bottom: -17px;
2744
background-position: center calc(5px);
2745
}
2746
scale.horizontal.marks-after:not(.marks-before) slider {
2748
background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider.png"), url("assets/scale-horz-marks-after-slider@2.png"));
2749
}
2750
scale.horizontal.marks-after:not(.marks-before) slider:disabled {
2752
background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-disabled.png"), url("assets/scale-horz-marks-after-slider-disabled@2.png"));
2753
}
2754
scale.horizontal.marks-after:not(.marks-before) slider:hover {
2756
background-position: center calc(4px);
2757
}
2758
scale.horizontal.marks-after:not(.marks-before) slider:active {
2760
background-position: center calc(3px);
2761
}
2762
scale.horizontal.marks-after:not(.marks-before).fine-tune slider {
2764
background-position: center calc(6px);
2765
}
2766
scale.vertical.marks-before:not(.marks-after) slider {
2768
min-height: 24px;
2769
min-width: 30px;
2770
margin-left: -17px;
2771
background-position: calc(5px) center;
2772
}
2773
scale.vertical.marks-before:not(.marks-after) slider {
2775
background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider.png"), url("assets/scale-vert-marks-before-slider@2.png"));
2776
}
2777
scale.vertical.marks-before:not(.marks-after) slider:disabled {
2779
background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-disabled.png"), url("assets/scale-vert-marks-before-slider-disabled@2.png"));
2780
}
2781
scale.vertical.marks-before:not(.marks-after) slider:hover {
2783
background-position: calc(4px) center;
2784
}
2785
scale.vertical.marks-before:not(.marks-after) slider:active {
2787
background-position: calc(3px) center;
2788
}
2789
scale.vertical.marks-before:not(.marks-after).fine-tune slider {
2791
background-position: calc(6px) center;
2792
}
2793
scale.vertical.marks-after:not(.marks-before) slider {
2795
min-height: 24px;
2796
min-width: 30px;
2797
margin-right: -17px;
2798
background-position: calc(100% - 5px) center;
2799
}
2800
scale.vertical.marks-after:not(.marks-before) slider {
2802
background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider.png"), url("assets/scale-vert-marks-after-slider@2.png"));
2803
}
2804
scale.vertical.marks-after:not(.marks-before) slider:disabled {
2806
background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-disabled.png"), url("assets/scale-vert-marks-after-slider-disabled@2.png"));
2807
}
2808
scale.vertical.marks-after:not(.marks-before) slider:hover {
2810
background-position: calc(100% - 4px) center;
2811
}
2812
scale.vertical.marks-after:not(.marks-before) slider:active {
2814
background-position: calc(100% - 3px) center;
2815
}
2816
scale.vertical.marks-after:not(.marks-before).fine-tune slider {
2818
background-position: calc(100% - 6px) center;
2819
}
2820
scale.color {
2822
min-height: 0;
2823
min-width: 0;
2824
}
2825
scale.color.horizontal {
2827
padding: 0 0 12px 0;
2828
}
2829
scale.color.horizontal slider:dir(ltr), scale.color.horizontal slider:dir(rtl) {
2831
margin-bottom: -12px;
2832
margin-top: -2px;
2833
}
2834
scale.color.vertical:dir(ltr) {
2836
padding: 0 0 0 12px;
2837
}
2838
scale.color.vertical:dir(ltr) slider {
2840
margin-left: -12px;
2841
margin-right: -2px;
2842
}
2843
scale.color.vertical:dir(rtl) {
2845
padding: 0 12px 0 0;
2846
}
2847
scale.color.vertical:dir(rtl) slider {
2849
margin-right: -12px;
2850
margin-left: -2px;
2851
}
2852
/*****************
2854
* Progress bars *
2855
*****************/
2856
progressbar {
2857
color: rgba(0, 0, 0, 0.38);
2858
font-size: smaller;
2859
}
2860
progressbar.horizontal trough,
2862
progressbar.horizontal progress {
2863
min-height: 4px;
2864
}
2865
progressbar.vertical trough,
2867
progressbar.vertical progress {
2868
min-width: 4px;
2869
}
2870
progressbar trough {
2872
background-color: rgba(66, 165, 245, 0.3);
2873
}
2874
progressbar progress {
2876
background-color: #42A5F5;
2877
}
2878
progressbar trough.empty progress {
2880
all: unset;
2881
}
2882
/*************
2884
* Level Bar *
2885
*************/
2886
levelbar block {
2887
min-width: 36px;
2888
min-height: 4px;
2889
}
2890
levelbar.vertical block {
2892
min-width: 4px;
2893
min-height: 36px;
2894
}
2895
levelbar trough {
2897
padding: 2px;
2898
border-radius: 2px;
2899
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
2900
background-color: #FFFFFF;
2901
}
2902
levelbar trough:disabled {
2904
background-color: #FAFAFA;
2905
}
2906
levelbar.horizontal.discrete block {
2908
margin: 0 1px;
2909
}
2910
levelbar.horizontal.discrete trough {
2912
padding: 2px 1px;
2913
}
2914
levelbar.vertical.discrete block {
2916
margin: 1px 0;
2917
}
2918
levelbar.vertical.discrete trough {
2920
padding: 1px 2px;
2921
}
2922
levelbar block.low {
2924
background-color: #FF6D00;
2925
}
2926
levelbar block.high, levelbar block:not(.empty) {
2928
background-color: #42A5F5;
2929
}
2930
levelbar block.full {
2932
background-color: #00C853;
2933
}
2934
levelbar block.empty {
2936
background-color: rgba(0, 0, 0, 0.12);
2937
}
2938
/****************
2940
* Print dialog *
2941
*****************/
2942
printdialog paper {
2943
padding: 0;
2944
border: 1px solid rgba(0, 0, 0, 0.1);
2945
background-color: #FFFFFF;
2946
color: rgba(0, 0, 0, 0.87);
2947
}
2948
printdialog .dialog-action-box {
2950
margin: 12px;
2951
}
2952
/**********
2954
* Frames *
2955
**********/
2956
frame > border,
2957
.frame {
2958
margin: 0;
2959
padding: 0;
2960
border: 1px solid rgba(0, 0, 0, 0.1);
2961
border-radius: 0;
2962
box-shadow: none;
2963
}
2964
frame > border.flat,
2966
.frame.flat,
2967
frame.flat > border {
2968
border-style: none;
2969
}
2970
actionbar > revealer > box {
2972
padding: 6px;
2973
border-top: 1px solid rgba(0, 0, 0, 0.1);
2974
}
2975
scrolledwindow viewport.frame {
2977
border-style: none;
2978
}
2979
overshoot.top {
2981
background-image: -gtk-gradient(radial, center top, 0, center top, 0.75, to(rgba(64, 196, 255, 0.3)), to(transparent));
2982
background-repeat: no-repeat;
2983
background-position: center top;
2984
background-color: transparent;
2985
border: none;
2986
box-shadow: none;
2987
}
2988
overshoot.bottom {
2990
background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.75, to(rgba(64, 196, 255, 0.3)), to(transparent));
2991
background-repeat: no-repeat;
2992
background-position: center bottom;
2993
background-color: transparent;
2994
border: none;
2995
box-shadow: none;
2996
}
2997
overshoot.left {
2999
background-image: -gtk-gradient(radial, left center, 0, left center, 0.75, to(rgba(64, 196, 255, 0.3)), to(transparent));
3000
background-repeat: no-repeat;
3001
background-position: left center;
3002
background-color: transparent;
3003
border: none;
3004
box-shadow: none;
3005
}
3006
overshoot.right {
3008
background-image: -gtk-gradient(radial, right center, 0, right center, 0.75, to(rgba(64, 196, 255, 0.3)), to(transparent));
3009
background-repeat: no-repeat;
3010
background-position: right center;
3011
background-color: transparent;
3012
border: none;
3013
box-shadow: none;
3014
}
3015
undershoot.top {
3017
background-color: transparent;
3018
background-image: linear-gradient(to left, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%);
3019
padding-top: 1px;
3020
background-size: 12px 1px;
3021
background-repeat: repeat-x;
3022
background-origin: content-box;
3023
background-position: left top;
3024
}
3025
undershoot.bottom {
3027
background-color: transparent;
3028
background-image: linear-gradient(to left, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%);
3029
padding-bottom: 1px;
3030
background-size: 12px 1px;
3031
background-repeat: repeat-x;
3032
background-origin: content-box;
3033
background-position: left bottom;
3034
}
3035
undershoot.left {
3037
background-color: transparent;
3038
background-image: linear-gradient(to top, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%);
3039
padding-left: 1px;
3040
background-size: 1px 12px;
3041
background-repeat: repeat-y;
3042
background-origin: content-box;
3043
background-position: left top;
3044
}
3045
undershoot.right {
3047
background-color: transparent;
3048
background-image: linear-gradient(to top, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%);
3049
padding-right: 1px;
3050
background-size: 1px 12px;
3051
background-repeat: repeat-y;
3052
background-origin: content-box;
3053
background-position: right top;
3054
}
3055
junction {
3057
border-style: solid none none solid;
3058
border-width: 1px;
3059
border-color: rgba(0, 0, 0, 0.1);
3060
background-color: #FFFFFF;
3061
}
3062
junction:dir(rtl) {
3064
border-style: solid solid none none;
3065
}
3066
separator {
3068
min-width: 1px;
3069
min-height: 1px;
3070
background-color: rgba(0, 0, 0, 0.1);
3071
}
3072
button.font separator,
3075
button.file separator, .tweak-categories separator, preferences stacksidebar.sidebar list separator {
3076
min-width: 0;
3077
min-height: 0;
3078
background-color: transparent;
3079
}
3080
/*********
3082
* Lists *
3083
*********/
3084
list {
3085
border-color: rgba(0, 0, 0, 0.1);
3086
background-color: #FFFFFF;
3087
}
3088
list row {
3090
padding: 2px;
3091
}
3092
row.activatable, .view, treeview.view header button, .budgie-menu button {
3094
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);
3095
box-shadow: inset 0 0 0 9999px transparent;
3096
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
3097
background-repeat: no-repeat;
3098
background-position: center;
3099
background-size: 1000% 1000%;
3100
}
3101
row.activatable:hover, .view:hover, treeview.view header button:hover, .budgie-menu button:hover {
3103
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);
3104
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.05);
3105
}
3106
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 {
3108
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), background-color 0, color 0, background-size 0, background-image 0;
3109
animation: ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1) forwards;
3110
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.15);
3111
background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.15) 10%, transparent 0%);
3112
background-size: 0% 0%;
3113
}
3114
/*********************
3116
* App Notifications *
3117
*********************/
3118
.app-notification {
3119
margin: 8px;
3120
}
3121
.app-notification.frame,
3123
.app-notification border {
3124
border-style: none;
3125
}
3126
/*************
3128
* Expanders *
3129
*************/
3130
expander arrow {
3131
transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
3132
min-width: 16px;
3133
min-height: 16px;
3134
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
3135
-gtk-icon-transform: rotate(-90deg);
3136
color: rgba(0, 0, 0, 0.54);
3137
}
3138
expander arrow:dir(rtl) {
3140
-gtk-icon-transform: rotate(90deg);
3141
}
3142
expander arrow:checked {
3144
-gtk-icon-transform: unset;
3145
}
3146
expander arrow:hover, expander arrow:active {
3148
color: rgba(0, 0, 0, 0.87);
3149
}
3150
expander arrow:disabled {
3152
color: rgba(0, 0, 0, 0.26);
3153
}
3154
expander arrow:selected {
3156
color: rgba(255, 255, 255, 0.7);
3157
}
3158
expander arrow:selected:hover, expander arrow:selected:active {
3160
color: #FFFFFF;
3161
}
3162
expander arrow:selected:disabled {
3164
color: rgba(255, 255, 255, 0.3);
3165
}
3166
/************
3168
* Calendar *
3169
************/
3170
calendar {
3171
padding: 1px;
3172
border: 1px solid rgba(0, 0, 0, 0.1);
3173
color: rgba(0, 0, 0, 0.87);
3174
}
3175
calendar:disabled {
3177
color: rgba(0, 0, 0, 0.38);
3178
}
3179
calendar:selected {
3181
border-radius: 3px;
3182
}
3183
calendar.header {
3185
border-style: none none solid;
3186
border-radius: 0;
3187
}
3188
calendar.highlight {
3190
color: rgba(0, 0, 0, 0.54);
3191
font-weight: 500;
3192
}
3193
calendar:indeterminate {
3195
color: rgba(0, 0, 0, 0.26);
3196
}
3197
/***********
3199
* Dialogs *
3200
***********/
3201
messagedialog.background {
3202
background-color: #FAFAFA;
3203
}
3204
messagedialog .titlebar {
3206
min-height: 24px;
3207
border-style: none;
3208
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
3209
background-color: #FAFAFA;
3210
color: rgba(0, 0, 0, 0.87);
3211
}
3212
messagedialog .titlebar:backdrop {
3214
color: rgba(0, 0, 0, 0.54);
3215
}
3216
messagedialog.csd.background {
3218
border-bottom-left-radius: 2px;
3219
border-bottom-right-radius: 2px;
3220
}
3221
messagedialog.csd .dialog-action-area button {
3223
padding: 8px 16px;
3224
border-top: 1px solid rgba(0, 0, 0, 0.1);
3225
border-radius: 0;
3226
}
3227
messagedialog.csd .dialog-action-area button:first-child {
3229
border-bottom-left-radius: 2px;
3230
}
3231
messagedialog.csd .dialog-action-area button:last-child {
3233
border-bottom-right-radius: 2px;
3234
}
3235
filechooser .dialog-action-box {
3237
border-top: 1px solid rgba(0, 0, 0, 0.1);
3238
}
3239
filechooser #pathbarbox {
3241
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
3242
background-color: #F5F5F5;
3243
}
3244
filechooserbutton:drop(active) {
3246
box-shadow: none;
3247
}
3248
/***********
3250
* Sidebar *
3251
***********/
3252
.sidebar {
3253
border-style: none;
3254
background-color: #FAFAFA;
3255
}
3256
stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left, .sidebar.left:dir(rtl) {
3258
border-right: 1px solid rgba(0, 0, 0, 0.1);
3259
border-left-style: none;
3260
}
3261
stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right {
3263
border-left: 1px solid rgba(0, 0, 0, 0.1);
3264
border-right-style: none;
3265
}
3266
.sidebar list {
3268
background-color: transparent;
3269
}
3270
paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar {
3272
border-style: none;
3273
}
3274
stacksidebar row {
3276
padding: 10px 4px;
3277
}
3278
stacksidebar row > label {
3280
padding-left: 6px;
3281
padding-right: 6px;
3282
}
3283
/****************
3285
* File chooser *
3286
****************/
3287
placessidebar > viewport.frame {
3288
border-style: none;
3289
}
3290
placessidebar list {
3292
padding: 1px 0 4px;
3293
}
3294
placessidebar row {
3296
min-height: 32px;
3297
margin: -1px 0;
3298
padding: 0;
3299
}
3300
placessidebar row > revealer {
3302
padding: 0 12px;
3303
}
3304
placessidebar row:selected {
3306
color: #FFFFFF;
3307
}
3308
placessidebar row:disabled {
3310
color: rgba(0, 0, 0, 0.38);
3311
}
3312
placessidebar row image.sidebar-icon {
3314
color: rgba(0, 0, 0, 0.54);
3315
}
3316
placessidebar row image.sidebar-icon:dir(ltr) {
3318
padding-right: 8px;
3319
}
3320
placessidebar row image.sidebar-icon:dir(rtl) {
3322
padding-left: 8px;
3323
}
3324
placessidebar row:selected image.sidebar-icon {
3326
color: rgba(255, 255, 255, 0.7);
3327
}
3328
placessidebar row label.sidebar-label:dir(ltr) {
3330
padding-right: 2px;
3331
}
3332
placessidebar row label.sidebar-label:dir(rtl) {
3334
padding-left: 2px;
3335
}
3336
placessidebar row.sidebar-placeholder-row {
3338
min-height: 2px;
3339
padding: 0 8px;
3340
background-image: image(#FF4081);
3341
background-clip: content-box;
3342
}
3343
placessidebar row.sidebar-new-bookmark-row {
3345
color: #FF4081;
3346
}
3347
placessidebar row:drop(active):not(:disabled) {
3349
box-shadow: inset 0 0 0 2px #FF4081;
3350
}
3351
placesview .server-list-button > image {
3353
-gtk-icon-transform: rotate(0turn);
3354
}
3355
placesview .server-list-button:checked > image {
3357
-gtk-icon-transform: rotate(-0.5turn);
3358
}
3359
placesview > actionbar > revealer > box > label {
3361
padding-left: 8px;
3362
padding-right: 8px;
3363
}
3364
/*********
3366
* Paned *
3367
*********/
3368
paned > separator {
3369
min-width: 1px;
3370
min-height: 1px;
3371
-gtk-icon-source: none;
3372
border-style: none;
3373
background-color: transparent;
3374
background-image: image(rgba(0, 0, 0, 0.1));
3375
background-size: 1px 1px;
3376
background-clip: content-box;
3377
}
3378
paned > separator.wide {
3380
min-width: 6px;
3381
min-height: 6px;
3382
background-color: #F5F5F5;
3383
background-image: image(rgba(0, 0, 0, 0.1)), image(rgba(0, 0, 0, 0.1));
3384
background-size: 1px 1px, 1px 1px;
3385
}
3386
paned.horizontal > separator {
3388
background-repeat: repeat-y;
3389
}
3390
paned.horizontal > separator:dir(ltr) {
3392
margin: 0 -8px 0 0;
3393
padding: 0 8px 0 0;
3394
background-position: left;
3395
}
3396
paned.horizontal > separator:dir(rtl) {
3398
margin: 0 0 0 -8px;
3399
padding: 0 0 0 8px;
3400
background-position: right;
3401
}
3402
paned.horizontal > separator.wide {
3404
margin: 0;
3405
padding: 0;
3406
background-repeat: repeat-y, repeat-y;
3407
background-position: left, right;
3408
}
3409
paned.vertical > separator {
3411
margin: 0 0 -8px 0;
3412
padding: 0 0 8px 0;
3413
background-repeat: repeat-x;
3414
background-position: top;
3415
}
3416
paned.vertical > separator.wide {
3418
margin: 0;
3419
padding: 0;
3420
background-repeat: repeat-x, repeat-x;
3421
background-position: bottom, top;
3422
}
3423
/**************
3425
* GtkInfoBar *
3426
**************/
3427
infobar {
3428
border-style: none;
3429
}
3430
infobar.info {
3432
background-color: #66BB6A;
3433
}
3434
infobar.question {
3436
background-color: #42A5F5;
3437
}
3438
infobar.warning {
3440
background-color: #FFA726;
3441
}
3442
infobar.error {
3444
background-color: #EF5350;
3445
}
3446
infobar.info > label, infobar.info, infobar.question > label, infobar.question, infobar.warning > label, infobar.warning, infobar.error > label, infobar.error {
3448
color: #FFFFFF;
3449
}
3450
/************
3452
* Tooltips *
3453
************/
3454
tooltip {
3455
border-radius: 2px;
3456
box-shadow: none;
3457
}
3458
tooltip.background {
3460
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
3461
background-color: rgba(255, 255, 255, 0.9);
3462
}
3463
tooltip:not(.csd):not(.unity-csd) {
3465
border: 1px solid rgba(0, 0, 0, 0.1);
3466
border-radius: 3px;
3467
background-clip: padding-box;
3468
}
3469
tooltip decoration {
3471
background-color: transparent;
3472
}
3473
tooltip label {
3475
min-height: 20px;
3476
padding: 0 2px;
3477
}
3478
/*****************
3480
* Color Chooser *
3481
*****************/
3482
colorswatch.top {
3483
border-top-left-radius: 2.5px;
3484
border-top-right-radius: 2.5px;
3485
}
3486
colorswatch.top overlay {
3488
border-top-left-radius: 2px;
3489
border-top-right-radius: 2px;
3490
}
3491
colorswatch.bottom {
3493
border-bottom-left-radius: 2.5px;
3494
border-bottom-right-radius: 2.5px;
3495
}
3496
colorswatch.bottom overlay {
3498
border-bottom-left-radius: 2px;
3499
border-bottom-right-radius: 2px;
3500
}
3501
colorswatch.left, colorswatch:first-child:not(.top) {
3503
border-top-left-radius: 2.5px;
3504
border-bottom-left-radius: 2.5px;
3505
}
3506
colorswatch.left overlay, colorswatch:first-child:not(.top) overlay {
3508
border-top-left-radius: 2px;
3509
border-bottom-left-radius: 2px;
3510
}
3511
colorswatch.right, colorswatch:last-child:not(.bottom) {
3513
border-top-right-radius: 2.5px;
3514
border-bottom-right-radius: 2.5px;
3515
}
3516
colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay {
3518
border-top-right-radius: 2px;
3519
border-bottom-right-radius: 2px;
3520
}
3521
colorswatch.dark overlay {
3523
color: #FFFFFF;
3524
}
3525
colorswatch.light overlay {
3527
color: rgba(0, 0, 0, 0.87);
3528
}
3529
colorswatch.dark {
3531
color: #FFFFFF;
3532
}
3533
colorswatch.light {
3535
color: rgba(0, 0, 0, 0.87);
3536
}
3537
colorswatch:drop(active) {
3539
box-shadow: none;
3540
}
3541
colorswatch:drop(active).light overlay {
3543
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;
3544
}
3545
colorswatch:drop(active).dark overlay {
3547
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;
3548
}
3549
colorswatch overlay {
3551
transition: box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1);
3552
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
3553
}
3554
colorswatch overlay:hover {
3556
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
3557
}
3558
colorswatch#add-color-button {
3560
border-radius: 2px 2px 0 0;
3561
color: #FFFFFF;
3562
}
3563
colorswatch#add-color-button:only-child {
3565
border-radius: 2px;
3566
}
3567
colorswatch#add-color-button overlay {
3569
background-image: linear-gradient(to right, #EF5350 25%, #FFA726 25%, #FFA726 50%, #66BB6A 50%, #66BB6A 75%, #42A5F5 75%);
3570
color: #FFFFFF;
3571
}
3572
colorswatch:disabled {
3574
opacity: 0.5;
3575
}
3576
colorswatch:disabled overlay {
3578
box-shadow: none;
3579
}
3580
colorswatch#editor-color-sample {
3582
border-radius: 2.5px;
3583
}
3584
colorswatch#editor-color-sample overlay {
3586
border-radius: 2px;
3587
}
3588
colorchooser .popover.osd {
3590
transition: box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1);
3591
border-radius: 2px;
3592
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);
3593
background-color: #FFFFFF;
3594
}
3595
colorchooser .popover.osd:backdrop {
3597
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);
3598
}
3599
/********
3601
* Misc *
3602
********/
3603
.content-view {
3604
background-color: #F5F5F5;
3605
}
3606
/**********************
3608
* Window Decorations *
3609
**********************/
3610
decoration {
3611
transition: box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1);
3612
border-radius: 2px 2px 0 0;
3613
box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22), 0 16px 16px transparent;
3614
margin: 8px;
3615
}
3616
decoration:backdrop {
3618
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), 0 16px 16px transparent;
3619
}
3620
.maximized decoration,
3622
.fullscreen decoration,
3623
.tiled decoration {
3624
border-radius: 0;
3625
}
3626
.popup decoration {
3628
box-shadow: none;
3629
}
3630
.ssd decoration {
3632
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16);
3633
}
3634
.csd.popup decoration {
3636
border-radius: 2px;
3637
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
3638
}
3639
tooltip.csd decoration {
3641
border-radius: 2px;
3642
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
3643
}
3644
messagedialog.csd decoration {
3646
border-radius: 2px;
3647
}
3648
.solid-csd decoration {
3650
margin: 0;
3651
border-radius: 0;
3652
box-shadow: none;
3653
background-color: #455A64;
3654
}
3655
.view selection, .view:selected, flowbox flowboxchild:selected, spinbutton:not(.vertical) selection,
3657
entry selection, modelbutton.flat:selected,
3658
.menuitem.button.flat:selected, popover.background.menu button:checked,
3659
popover.background button.model:checked, row:selected, calendar:selected, text:selected, .budgie-menu button:checked {
3660
background-color: #42A5F5;
3661
}
3662
row:selected label, label:selected, .view selection, .view:selected, flowbox flowboxchild:selected, spinbutton:not(.vertical) selection,
3664
entry selection, modelbutton.flat:selected,
3665
.menuitem.button.flat:selected, popover.background.menu button:checked,
3666
popover.background button.model:checked, row:selected, calendar:selected, text:selected, .budgie-menu button:checked {
3667
color: #FFFFFF;
3668
}
3669
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,
3671
entry selection:disabled, modelbutton.flat:disabled:selected,
3672
.menuitem.button.flat:disabled:selected, popover.background.menu button:disabled:checked,
3673
popover.background button.model:disabled:checked, row:disabled:selected, calendar:disabled:selected, text:disabled:selected, .budgie-menu button:disabled:checked {
3674
color: rgba(255, 255, 255, 0.5);
3675
}
3676
.monospace {
3678
font-family: monospace;
3679
}
3680
/**********************
3682
* Touch Copy & Paste *
3683
**********************/
3684
cursor-handle {
3685
border-radius: 9999px;
3686
background-color: #FF4081;
3687
background-image: none;
3688
}
3689
cursor-handle.top:dir(ltr), cursor-handle.bottom:dir(rtl) {
3691
padding-left: 6px;
3692
border-top-right-radius: 0;
3693
}
3694
cursor-handle.bottom:dir(ltr), cursor-handle.top:dir(rtl) {
3696
padding-right: 6px;
3697
border-top-left-radius: 0;
3698
}
3699
cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) {
3701
-GtkWidget-text-handle-width: 24;
3702
-GtkWidget-text-handle-height: 30;
3703
-gtk-icon-source: -gtk-scaled(url("assets/scale-horz-marks-before-slider.png"), url("assets/scale-horz-marks-before-slider@2.png"));
3704
}
3705
.context-menu {
3707
font: initial;
3708
}
3709
.keycap {
3711
min-width: 12px;
3712
min-height: 26px;
3713
margin-top: 2px;
3714
padding-bottom: 2px;
3715
padding-left: 8px;
3716
padding-right: 8px;
3717
border: solid 1px rgba(0, 0, 0, 0.1);
3718
border-radius: 3px;
3719
box-shadow: inset 0 -2px rgba(0, 0, 0, 0.1);
3720
background-color: #FFFFFF;
3721
color: rgba(0, 0, 0, 0.87);
3722
font-size: smaller;
3723
}
3724
:not(decoration):not(window):drop(active) {
3726
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
3727
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;
3728
caret-color: #FF4081;
3729
}
3730
stackswitcher button.text-button {
3732
min-width: 100px;
3733
}
3734
stackswitcher button.circular,
3736
stackswitcher button.text-button.circular {
3737
min-width: 36px;
3738
min-height: 36px;
3739
padding: 0;
3740
}
3741
/************
3743
* Nautilus *
3744
************/
3745
.nautilus-window,
3746
.nautilus-window notebook,
3747
.nautilus-window notebook > stack {
3748
background-color: #FFFFFF;
3749
}
3750
.nautilus-desktop.nautilus-canvas-item:not(:selected), .caja-desktop.caja-canvas-item:not(:selected) {
3752
color: #FFFFFF;
3753
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
3754
}
3755
@keyframes needs_attention_keyframes {
3757
to {
3758
background-color: alpha(currentColor, 0.3);
3759
}
3760
}
3761
.nautilus-operations-button-needs-attention {
3763
animation: needs_attention_keyframes 0.3s cubic-bezier(0.4, 0, 0.2, 1) 2 alternate;
3764
}
3765
.nautilus-operations-button-needs-attention-multiple {
3767
animation: needs_attention_keyframes 0.3s cubic-bezier(0.4, 0, 0.2, 1) 4 alternate;
3768
}
3769
.nautilus-window .floating-bar {
3771
min-height: 32px;
3772
padding: 0;
3773
border-style: solid solid none;
3774
border-width: 1px;
3775
border-color: rgba(0, 0, 0, 0.1);
3776
border-radius: 3px 3px 0 0;
3777
background-color: #FFFFFF;
3778
background-clip: padding-box;
3779
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), border-width 0;
3780
}
3781
.nautilus-window .floating-bar.bottom.left {
3783
margin-right: 7px;
3784
border-left-style: none;
3785
border-top-left-radius: 0;
3786
}
3787
.nautilus-window .floating-bar.bottom.right {
3789
margin-left: 7px;
3790
border-right-style: none;
3791
border-top-right-radius: 0;
3792
}
3793
.nautilus-window .floating-bar button {
3795
margin: 4px;
3796
}
3797
.disk-space-display.unknown {
3799
background-color: #FF6D00;
3800
}
3801
.disk-space-display.used {
3803
background-color: #42A5F5;
3804
}
3805
.disk-space-display.free {
3807
background-color: rgba(0, 0, 0, 0.12);
3808
}
3809
.nautilus-window searchbar {
3811
border-top: 1px solid rgba(0, 0, 0, 0.1);
3812
}
3813
.nautilus-window .searchbar-container {
3815
margin-top: -1px;
3816
}
3817
.conflict-row:not(:selected) {
3819
background-color: #ffd3b3;
3820
}
3821
.nautilus-window flowboxchild > widget > .icon-item-background {
3823
padding: 4px;
3824
border-radius: 2px;
3825
}
3826
.nautilus-window flowboxchild:selected {
3828
background-color: transparent;
3829
}
3830
.nautilus-window flowboxchild:selected > widget > .icon-item-background {
3832
background-color: #42A5F5;
3833
}
3834
dialog.background > box.dialog-vbox.vertical > grid.horizontal > scrolledwindow.frame {
3836
border-style: none;
3837
}
3838
dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child {
3840
margin: -6px 0 0 -6px;
3841
border-top: 1px solid rgba(0, 0, 0, 0.1);
3842
}
3843
dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child > label {
3845
margin: 0 8px;
3846
}
3847
dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child > box > button {
3849
border-radius: 0;
3850
}
3851
.nautilus-window > popover.menu:not(:last-child) {
3853
padding: 3px;
3854
}
3855
.nautilus-window > popover.menu:not(:last-child) > stack > box > box > box {
3857
margin-top: -6px;
3858
}
3859
.nautilus-window > popover.menu:not(:last-child) > stack > box > box > box > box {
3861
margin-bottom: -6px;
3862
}
3863
.nautilus-window > popover.menu:not(:last-child) > stack > box > box > box > box.linked {
3865
margin-top: 1px;
3866
}
3867
.nautilus-window > popover.menu:not(:last-child) separator {
3869
margin-bottom: -2px;
3870
}
3871
.nautilus-menu-sort-heading {
3873
margin: 1px 3px;
3874
font-weight: 500;
3875
}
3876
.nautilus-menu-sort-heading:disabled {
3878
color: rgba(0, 0, 0, 0.38);
3879
}
3880
.nautilus-window paned > separator {
3882
background-color: #F5F5F5;
3883
}
3884
/*********
3886
* gedit *
3887
*********/
3888
.open-document-selector-name-label {
3889
font-weight: bold;
3890
}
3891
.open-document-selector-path-label {
3893
color: rgba(0, 0, 0, 0.54);
3894
font-size: smaller;
3895
}
3896
.open-document-selector-path-label:selected {
3898
color: rgba(255, 255, 255, 0.7);
3899
}
3900
.gedit-document-panel {
3902
background-color: #FAFAFA;
3903
}
3904
.gedit-document-panel row button.flat {
3906
margin-top: 8px;
3907
margin-bottom: 8px;
3908
}
3909
.gedit-document-panel-group-row:not(:first-child) {
3911
border-top: 1px solid rgba(0, 0, 0, 0.1);
3912
}
3913
.gedit-side-panel-paned statusbar {
3915
border-top: 1px solid rgba(0, 0, 0, 0.1);
3916
}
3917
.gedit-search-slider {
3919
margin: 4px 4px 8px;
3920
}
3921
.gedit-search-slider entry:dir(ltr), .gedit-search-slider entry:dir(rtl) {
3923
border-radius: 2px;
3924
}
3925
.gedit-search-slider entry:dir(ltr) .gedit-search-entry-occurrences-tag, .gedit-search-slider entry:dir(rtl) .gedit-search-entry-occurrences-tag {
3927
all: unset;
3928
color: rgba(0, 0, 0, 0.38);
3929
}
3930
.gedit-search-slider entry:dir(ltr) {
3932
margin-right: -66px;
3933
padding-right: 66px;
3934
}
3935
.gedit-search-slider entry:dir(ltr) .gedit-search-entry-occurrences-tag {
3937
margin-left: 6px;
3938
}
3939
.gedit-search-slider entry:dir(ltr) image.right {
3941
margin-right: 0;
3942
}
3943
.gedit-search-slider entry:dir(rtl) {
3945
margin-left: -66px;
3946
padding-left: 66px;
3947
}
3948
.gedit-search-slider entry:dir(rtl) .gedit-search-entry-occurrences-tag {
3950
margin-right: 6px;
3951
}
3952
.gedit-search-slider entry:dir(rtl) image.left {
3954
margin-left: 0;
3955
}
3956
.gedit-search-slider entry.error ~ button {
3958
color: rgba(255, 255, 255, 0.7);
3959
}
3960
.gedit-search-slider entry.error ~ button:hover, .gedit-search-slider entry.error ~ button:active {
3962
color: #FFFFFF;
3963
}
3964
.gedit-search-slider entry.error ~ button:disabled {
3966
color: rgba(255, 255, 255, 0.3);
3967
}
3968
.gedit-search-slider button {
3970
border: solid 6px transparent;
3971
}
3972
.gedit-search-slider button:last-child:dir(ltr), .gedit-search-slider button:not(:first-child):dir(rtl) {
3974
margin-left: -3px;
3975
}
3976
.gedit-search-slider button:first-child:dir(rtl), .gedit-search-slider button:not(:last-child):dir(ltr) {
3978
margin-right: -3px;
3979
}
3980
frame.gedit-map-frame > border:dir(ltr) {
3982
border-style: none none none solid;
3983
}
3984
frame.gedit-map-frame > border:dir(rtl) {
3986
border-style: none solid none none;
3987
}
3988
/**************
3990
* Tweak Tool *
3991
**************/
3992
.tweak-categories {
3993
background-image: image(#FAFAFA);
3994
}
3995
.tweak {
3997
padding: 3px;
3998
}
3999
.tweak.title:hover {
4001
box-shadow: none;
4002
}
4003
.tweak-group-white,
4005
.tweak-white,
4006
.tweak-white:hover {
4007
background-image: image(#FFFFFF);
4008
}
4009
.tweak-startup,
4011
.tweak-startup:hover {
4012
background-image: image(#FFFFFF);
4013
}
4014
.tweak-group-startup {
4016
background-image: image(#FFFFFF);
4017
border: 1px solid rgba(0, 0, 0, 0.1);
4018
}
4019
/***********
4021
* Builder *
4022
***********/
4023
layouttabbar {
4024
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
4025
background-color: #F5F5F5;
4026
}
4027
layouttabbar > box > button {
4029
margin: 2px 0;
4030
}
4031
layouttab {
4033
margin: 0 8px;
4034
border-style: none solid;
4035
border-width: 1px;
4036
border-color: rgba(0, 0, 0, 0.1);
4037
box-shadow: inset 0 -2px #42A5F5;
4038
background-color: #FFFFFF;
4039
}
4040
layouttab separator.vertical {
4042
margin: 8px 4px;
4043
}
4044
layouttab button.text-button, layouttab button.image-button, layouttab button {
4046
margin-top: 8px;
4047
margin-bottom: 8px;
4048
padding: 0 4px;
4049
}
4050
layout {
4052
border: 1px solid rgba(0, 0, 0, 0.1);
4053
-PnlDockBin-handle-size: 1;
4054
}
4055
entry.search-missing {
4057
background-color: #DD2C00;
4058
color: #FFFFFF;
4059
}
4060
window.workbench treeview.image {
4062
color: rgba(0, 0, 0, 0.54);
4063
}
4064
window.workbench treeview.image:selected {
4066
color: rgba(255, 255, 255, 0.7);
4067
}
4068
popover.popover-selector list {
4070
padding: 6px;
4071
}
4072
popover.popover-selector list row {
4074
border-radius: 2px;
4075
}
4076
popover.popover-selector list row image:dir(ltr) {
4078
margin-right: 6px;
4079
}
4080
popover.popover-selector list row image:dir(rtl) {
4082
margin-left: 6px;
4083
}
4084
popover.popover-selector list row .accel:dir(ltr) {
4086
margin-left: 6px;
4087
}
4088
popover.popover-selector list row .accel:dir(rtl) {
4090
margin-right: 6px;
4091
}
4092
omnibar.linked:not(.vertical) entry {
4094
border-radius: 2px;
4095
}
4096
omnibar:not(:hover):not(:active) entry {
4098
color: rgba(0, 0, 0, 0.54);
4099
}
4100
popover.omnibar list row:not(:last-child) {
4102
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
4103
}
4104
entry.preferences-search {
4106
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1);
4107
background-color: #FFFFFF;
4108
}
4109
preferences stacksidebar.sidebar list {
4111
background-color: #FAFAFA;
4112
}
4113
preferences stacksidebar.sidebar:dir(ltr) list, preferences stacksidebar.sidebar:dir(rtl) list {
4115
border-style: none;
4116
}
4117
preferences > box > box:dir(ltr) {
4119
border-right: 1px solid rgba(0, 0, 0, 0.1);
4120
}
4121
preferences > box > box:dir(rtl) {
4123
border-left: 1px solid rgba(0, 0, 0, 0.1);
4124
}
4125
popover.messagepopover.background {
4127
padding: 0;
4128
}
4129
popover.messagepopover .popover-action-area button {
4131
padding: 8px 16px;
4132
border-top: 1px solid rgba(0, 0, 0, 0.1);
4133
border-radius: 0;
4134
}
4135
popover.messagepopover .popover-action-area button:first-child {
4137
border-bottom-left-radius: 2px;
4138
}
4139
popover.messagepopover .popover-action-area button:last-child {
4141
border-bottom-right-radius: 2px;
4142
}
4143
popover.messagepopover .popover-content-area {
4145
margin: 16px;
4146
}
4147
popover.transfers list {
4149
background-color: transparent;
4150
}
4151
popover.transfers list row:not(:first-child) {
4153
border-top: 1px solid rgba(0, 0, 0, 0.1);
4154
}
4155
popover.transfers list row > box {
4157
padding: 10px;
4158
}
4159
dockbin {
4161
border: 1px solid rgba(0, 0, 0, 0.1);
4162
-PnlDockBin-handle-size: 1;
4163
}
4164
dockpaned {
4166
border: 1px solid rgba(0, 0, 0, 0.1);
4167
}
4168
eggsearchbar box.search-bar {
4170
padding: 0 8px;
4171
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
4172
background-color: #F5F5F5;
4173
}
4174
docktabstrip {
4176
padding: 0 8px;
4177
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
4178
background-color: #F5F5F5;
4179
}
4180
docktab {
4182
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
4183
min-height: 24px;
4184
min-width: 24px;
4185
margin-bottom: -1px;
4186
padding: 6px 6px;
4187
outline-offset: -6px;
4188
border-width: 1px;
4189
border-color: transparent;
4190
background-image: radial-gradient(circle farthest-corner at center, #42A5F5 10%, transparent 0%);
4191
background-repeat: no-repeat;
4192
background-position: center;
4193
background-size: 0% 0%;
4194
color: rgba(0, 0, 0, 0.54);
4195
font-weight: 500;
4196
}
4197
docktab:hover {
4199
box-shadow: inset 0 -2px rgba(0, 0, 0, 0.26);
4200
color: rgba(0, 0, 0, 0.87);
4201
}
4202
docktab:checked {
4204
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);
4205
box-shadow: inset 0 -2px #42A5F5;
4206
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
4207
background-size: 1000% 1000%;
4208
color: rgba(0, 0, 0, 0.87);
4209
}
4210
dockoverlayedge {
4212
background-color: #F5F5F5;
4213
}
4214
dockoverlayedge docktabstrip {
4216
padding: 0;
4217
border: none;
4218
}
4219
dockoverlayedge.left-edge docktab:hover {
4221
box-shadow: inset -2px 0 rgba(0, 0, 0, 0.26);
4222
}
4223
dockoverlayedge.left-edge docktab:checked {
4225
box-shadow: inset -2px 0 #42A5F5;
4226
}
4227
dockoverlayedge.right-edge docktab:hover {
4229
box-shadow: inset 2px 0 rgba(0, 0, 0, 0.26);
4230
}
4231
dockoverlayedge.right-edge docktab:checked {
4233
box-shadow: inset 2px 0 #42A5F5;
4234
}
4235
pillbox {
4237
background-color: #F5F5F5;
4238
border-radius: 2px;
4239
}
4240
layoutpane entry.search {
4242
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1);
4243
background-color: #FFFFFF;
4244
}
4245
editortweak entry.search {
4247
margin-bottom: -1px;
4248
box-shadow: none;
4249
}
4250
.gb-search-entry-occurrences-tag {
4252
box-shadow: none;
4253
background-color: transparent;
4254
}
4255
docktabstrip {
4257
min-height: 39px;
4258
}
4259
window.workbench preferences preferencesgroup list entry {
4261
padding-top: 8px;
4262
padding-bottom: 8px;
4263
}
4264
button.run-arrow-button {
4266
padding-left: 10px;
4267
padding-right: 10px;
4268
}
4269
/**********
4271
* Photos *
4272
**********/
4273
GdMainIconView.content-view {
4274
-GdMainIconView-icon-size: 48;
4275
}
4276
.documents-counter {
4278
margin: 8px;
4279
border-radius: 9999px;
4280
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
4281
background-color: #FF4081;
4282
color: #FFFFFF;
4283
font-weight: bold;
4284
}
4285
.documents-scrolledwin.frame {
4287
border-style: none;
4288
}
4289
.documents-scrolledwin.frame frame.content-view > border {
4291
border-style: none;
4292
}
4293
.photos-fade-in {
4295
opacity: 1;
4296
transition: opacity 0.2s cubic-bezier(0, 0, 0.2, 1);
4297
}
4298
.photos-fade-out {
4300
opacity: 0;
4301
transition: opacity 0.2s cubic-bezier(0, 0, 0.2, 1);
4302
}
4303
overlay grid.horizontal > revealer > scrolledwindow.frame:dir(ltr) {
4305
border-style: none none none solid;
4306
}
4307
overlay grid.horizontal > revealer > scrolledwindow.frame:dir(rtl) {
4309
border-style: none solid none none;
4310
}
4311
/*********
4313
* Music *
4314
*********/
4315
.side-panel:dir(ltr) {
4316
border-style: solid;
4317
border-color: rgba(0, 0, 0, 0.1);
4318
}
4319
.side-panel:dir(rtl) {
4321
border-style: solid;
4322
border-color: rgba(0, 0, 0, 0.1);
4323
}
4324
.side-panel .view {
4326
background-image: image(#FAFAFA);
4327
}
4328
.side-panel .view:hover {
4330
background-image: image(rgba(240, 240, 240, 0.9935));
4331
}
4332
.side-panel .view:selected {
4334
background-image: image(#42A5F5);
4335
}
4336
.side-panel .view:selected:hover {
4338
background-image: image(#4baaf6);
4339
}
4340
.songs-list:hover {
4342
background-image: image(alpha(currentColor, 0.05));
4343
}
4344
frame.documents-dropdown {
4346
margin: 8px;
4347
}
4348
frame.documents-dropdown > border {
4350
border: none;
4351
}
4352
box.vertical > revealer > toolbar.search-bar {
4354
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
4355
background-clip: border-box;
4356
}
4357
box.vertical > revealer > toolbar.search-bar button > widget {
4359
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
4360
}
4361
/*********
4363
* To Do *
4364
*********/
4365
taskrow {
4366
transition: all 0.2s cubic-bezier(0, 0, 0.2, 1);
4367
margin: 0 -8px;
4368
}
4369
taskrow:hover {
4371
transition: none;
4372
}
4373
taskrow label {
4375
margin: 0 8px;
4376
}
4377
taskrow image {
4379
min-width: 16px;
4380
}
4381
task-list-view > box > revealer > box > button {
4383
margin: -6px;
4384
}
4385
/*******
4387
* eog *
4388
*******/
4389
#eog-thumb-nav scrolledwindow {
4390
border-top: none;
4391
}
4392
#eog-thumb-nav button {
4394
-gtk-outline-radius: 2px;
4395
}
4396
/*************
4398
* Evolution *
4399
*************/
4400
frame.taskbar > border {
4401
border-style: solid none none;
4402
}
4403
box.vertical > paned.horizontal notebook widget .frame {
4405
border-style: none;
4406
}
4407
/********
4409
* gitg *
4410
********/
4411
frame.commit-frame > border {
4412
border-style: solid none none;
4413
}
4414
/**************
4416
* Characters *
4417
**************/
4418
box.dialog-vbox scrolledwindow.related {
4419
border: 1px solid rgba(0, 0, 0, 0.1);
4420
}
4421
list.categories {
4423
background-image: image(#FAFAFA);
4424
}
4425
/*********
4427
* Boxes *
4428
*********/
4429
.transparent-bg + stack overlay > label {
4430
min-height: 24px;
4431
padding: 0 4px;
4432
border-radius: 2px;
4433
background-color: rgba(0, 0, 0, 0.3);
4434
color: #FFFFFF;
4435
}
4436
/**************
4438
* Calculator *
4439
**************/
4440
button.title label {
4441
min-height: 36px;
4442
}
4443
/*********
4445
* Tilix *
4446
*********/
4447
overlay > revealer.left > scrolledwindow.frame,
4448
overlay > revealer.right > scrolledwindow.frame {
4449
border-style: none;
4450
box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22);
4451
}
4452
overlay > revealer.left > scrolledwindow.frame {
4454
margin-right: 32px;
4455
}
4456
overlay > revealer.right > scrolledwindow.frame {
4458
margin-left: 32px;
4459
}
4460
.terminix-session-sidebar,
4462
.tilix-session-sidebar {
4463
background-image: image(#FAFAFA);
4464
}
4465
button.image-button.session-new-button {
4467
min-width: 32px;
4468
}
4469
/***********
4471
* Eclipse *
4472
***********/
4473
window.background > box.vertical > scrolledwindow > widget toolbar {
4474
padding: 2px;
4475
}
4476
window.background > box.vertical > scrolledwindow > widget toolbar separator,
4478
window.background > box.vertical > scrolledwindow > widget toolbar button {
4479
margin: 2px;
4480
}
4481
window.background > box.vertical > scrolledwindow > widget toolbar button {
4483
border-radius: 2px;
4484
}
4485
/***********
4487
* Firefox *
4488
***********/
4489
window.background:not(.csd) > widget > separator {
4490
color: rgba(0, 0, 0, 0.2);
4491
}
4492
window.background:not(.csd) > widget > scrollbar {
4494
background-clip: border-box;
4495
}
4496
window.background:not(.csd) > widget > scrollbar,
4498
window.background:not(.csd) > widget > frame > border {
4499
border-color: rgba(0, 0, 0, 0.2);
4500
}
4501
window.background:not(.csd) > widget > entry,
4503
window.background:not(.csd) > widget > button > button {
4504
border: 1px solid rgba(0, 0, 0, 0.2);
4505
border-radius: 3px;
4506
box-shadow: none;
4507
}
4508
window.background:not(.csd) > widget > entry {
4510
min-height: 30px;
4511
}
4512
window.background:not(.csd) > widget > entry:focus {
4514
border-color: #42A5F5;
4515
}
4516
window.background:not(.csd) > widget > button > button {
4518
padding: 4px 8px;
4519
background-size: auto;
4520
}
4521
window.background:not(.csd) > widget > button > button:hover {
4523
background-image: image(alpha(currentColor, 0.05));
4524
}
4525
window.background:not(.csd) > widget > button > button:active {
4527
background-image: image(alpha(currentColor, 0.1));
4528
}
4529
window.background:not(.csd) > window > menu,
4531
window.background:not(.csd) > menu > menu {
4532
border: none;
4533
}
4534
window.background:not(.csd) > widget > menubar {
4536
color: rgba(255, 255, 255, 0.7);
4537
}
4538
window.background:not(.csd) > widget > menubar:hover {
4540
color: #FFFFFF;
4541
}
4542
window.background:not(.csd) > widget > menubar:disabled {
4544
color: rgba(255, 255, 255, 0.3);
4545
}
4546
window.background:not(.csd) > widget > frame {
4548
color: rgba(0, 0, 0, 0.2);
4549
}
4550
window.background:not(.csd) > widget > checkbutton > check,
4552
window.background:not(.csd) > widget > radiobutton > radio {
4553
margin: 0;
4554
padding: 0;
4555
}
4556
window.background:not(.csd) > window.background > menu > separator {
4558
color: rgba(0, 0, 0, 0.1);
4559
}
4560
/***********
4562
* Synapse *
4563
***********/
4564
box.vertical > widget > widget:selected {
4565
background-color: #42A5F5;
4566
}
4567
/*********
4569
* Unity *
4570
*********/
4571
UnityDecoration {
4572
-UnityDecoration-extents: 28px 0 0 0;
4573
-UnityDecoration-input-extents: 8px;
4574
-UnityDecoration-shadow-offset-x: 0;
4575
-UnityDecoration-shadow-offset-y: 3px;
4576
-UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.48);
4577
-UnityDecoration-active-shadow-radius: 18px;
4578
-UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.32);
4579
-UnityDecoration-inactive-shadow-radius: 6px;
4580
-UnityDecoration-glow-size: 8px;
4581
-UnityDecoration-glow-color: #42A5F5;
4582
-UnityDecoration-title-indent: 4px;
4583
-UnityDecoration-title-fade: 32px;
4584
-UnityDecoration-title-alignment: 0.0;
4585
}
4586
UnityDecoration .top {
4588
padding: 0 2px;
4589
border-style: none;
4590
border-radius: 2px 2px 0 0;
4591
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
4592
background-color: #37474F;
4593
color: #FFFFFF;
4594
}
4595
UnityDecoration .top:backdrop {
4597
color: rgba(255, 255, 255, 0.7);
4598
}
4599
UnityDecoration .menuitem {
4601
color: rgba(255, 255, 255, 0.7);
4602
}
4603
UnityDecoration .menuitem:hover {
4605
box-shadow: inset 0 -2px currentColor;
4606
background-color: transparent;
4607
color: #FFFFFF;
4608
}
4609
.background:not(.csd) headerbar:not(.titlebar) {
4611
border-radius: 0;
4612
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
4613
}
4614
.background:not(.csd) headerbar:not(.titlebar).inline-toolbar {
4616
border-style: none;
4617
}
4618
UnityPanelWidget,
4620
.unity-panel {
4621
background-color: #263238;
4622
color: #FFFFFF;
4623
}
4624
UnityPanelWidget:backdrop,
4626
.unity-panel:backdrop {
4627
color: rgba(255, 255, 255, 0.7);
4628
}
4629
.unity-panel.menuitem,
4631
.unity-panel .menuitem {
4632
color: rgba(255, 255, 255, 0.7);
4633
}
4634
.unity-panel.menubar.menuitem:hover,
4636
.unity-panel.menubar .menuitem *:hover {
4637
box-shadow: inset 0 -2px currentColor;
4638
background-color: transparent;
4639
color: #FFFFFF;
4640
}
4641
.menu IdoPlaybackMenuItem.menuitem:active {
4643
-gtk-icon-source: -gtk-icontheme("process-working-symbolic");
4644
animation: spin 1s linear infinite;
4645
color: #42A5F5;
4646
}
4647
/**************
4649
* Mate-Panel *
4650
**************/
4651
.mate-panel-menu-bar menubar,
4652
#PanelApplet-window-menu-applet-button {
4653
background-color: transparent;
4654
}
4655
#PanelPlug,
4657
PanelToplevel.background {
4658
background-color: #263238;
4659
color: #FFFFFF;
4660
font-weight: 500;
4661
}
4662
PanelToplevel > widget > button {
4664
padding: 0 4px;
4665
border-radius: 0;
4666
}
4667
PanelSeparator {
4669
color: rgba(0, 0, 0, 0.1);
4670
}
4671
MatePanelAppletFrameDBus {
4673
border-style: solid;
4674
border-width: 0 1px;
4675
border-color: rgba(0, 0, 0, 0.1);
4676
}
4677
.mate-panel-menu-bar menubar menuitem {
4679
padding: 4px;
4680
}
4681
.mate-panel-menu-bar menubar menu menuitem {
4683
padding: 6px;
4684
}
4685
.mate-panel-menu-bar #PanelApplet button {
4687
-GtkWidget-window-dragging: true;
4688
padding: 4px;
4689
border-radius: 0;
4690
}
4691
PanelApplet.wnck-applet .wnck-pager {
4693
background-color: transparent;
4694
color: #40C4FF;
4695
}
4696
PanelApplet.wnck-applet .wnck-pager:hover {
4698
background-color: alpha(currentColor, 0.15);
4699
}
4700
PanelApplet.wnck-applet .wnck-pager:active {
4702
background-color: alpha(currentColor, 0.3);
4703
}
4704
PanelApplet.wnck-applet .wnck-pager:selected {
4706
background-color: #42A5F5;
4707
}
4708
#MatePanelPopupWindow {
4710
border: 1px solid rgba(0, 0, 0, 0.1);
4711
border-radius: 3px;
4712
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
4713
}
4714
#MatePanelPopupWindow frame > border {
4716
border-style: none;
4717
}
4718
#MatePanelPopupWindow ClockMap {
4720
border: 1px solid rgba(0, 0, 0, 0.1);
4721
}
4722
na-tray-applet {
4724
-NaTrayApplet-icon-padding: 3px;
4725
-NaTrayApplet-icon-size: 16;
4726
}
4727
.mate-panel-menu-bar {
4729
-PanelMenuBar-icon-visible: true;
4730
}
4731
.mate-panel-applet-slider {
4733
background-color: transparent;
4734
}
4735
.mate-panel-applet-slider frame {
4737
border: 1px solid rgba(0, 0, 0, 0.1);
4738
border-radius: 3px;
4739
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
4740
background-color: #F5F5F5;
4741
}
4742
.mate-panel-applet-slider frame frame {
4744
all: unset;
4745
}
4746
.mate-panel-applet-slider frame > border {
4748
border-style: none;
4749
}
4750
/*********************
4752
* CAJA File manager *
4753
*********************/
4754
.caja-navigation-window button.toggle.image-button {
4755
border-radius: 2px;
4756
}
4757
.caja-pathbar button {
4759
margin: 0 -1px 0 -2px;
4760
}
4761
.caja-pathbar button > widget {
4763
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
4764
-GtkArrow-arrow-scaling: 1;
4765
}
4766
.caja-side-pane notebook viewport.frame,
4768
.caja-side-pane notebook widget .vertical {
4769
background-color: #FFFFFF;
4770
}
4771
.caja-side-pane notebook,
4773
.caja-notebook {
4774
border-top: 1px solid rgba(0, 0, 0, 0.1);
4775
}
4776
.caja-side-pane notebook .frame,
4778
.caja-notebook .frame {
4779
border-style: none;
4780
}
4781
.caja-navigation-window statusbar {
4783
margin: 0 -10px;
4784
padding: 0 4px;
4785
border-top: 1px solid rgba(0, 0, 0, 0.1);
4786
}
4787
.caja-notebook frame > border {
4789
border-style: none;
4790
}
4791
#caja-extra-view-widget {
4793
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
4794
background-color: #F5F5F5;
4795
}
4796
#caja-extra-view-widget > box > box > label {
4798
font-weight: bold;
4799
}
4800
/*********
4802
* Pluma *
4803
*********/
4804
.pluma-window statusbar {
4805
margin: 0 -10px;
4806
padding: 0 4px;
4807
border-top: 1px solid rgba(0, 0, 0, 0.1);
4808
}
4809
.pluma-window statusbar frame > border {
4811
border-style: none;
4812
}
4813
.pluma-window statusbar frame button.flat {
4815
padding: 0 4px;
4816
border-radius: 0;
4817
}
4818
.pluma-window statusbar frame button.flat widget {
4820
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
4821
-GtkArrow-arrow-scaling: 1;
4822
}
4823
.pluma-print-preview toolbar {
4825
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
4826
}
4827
.pluma-window paned.horizontal box.vertical box.horizontal button.flat {
4829
margin: 1px;
4830
}
4831
.pluma-window paned.horizontal box.vertical .frame {
4833
border-style: none;
4834
}
4835
.pluma-window paned.horizontal box.vertical notebook.frame {
4837
margin-top: -1px;
4838
border-top: 1px solid rgba(0, 0, 0, 0.1);
4839
}
4840
.pluma-window paned.horizontal box.vertical notebook.frame box.vertical toolbar.horizontal {
4842
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
4843
}
4844
/*********
4846
* Atril *
4847
*********/
4848
.atril-window paned.horizontal box.vertical .frame {
4849
border-style: none;
4850
}
4851
.atril-window paned.horizontal box.vertical notebook .frame {
4853
border-top: 1px solid rgba(0, 0, 0, 0.1);
4854
}
4855
/* mate-screensaver lock dialog */
4857
.lock-dialog {
4858
border-radius: 2px;
4859
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);
4860
}
4861
.lock-dialog frame > border {
4863
border-style: none;
4864
}
4865
/******************
4867
* Budgie Desktop *
4868
******************/
4869
.budgie-container {
4870
background-color: transparent;
4871
}
4872
.budgie-menu.background {
4874
padding: 0;
4875
background-color: #FFFFFF;
4876
}
4877
.budgie-menu scrollbar,
4879
.budgie-menu entry.search {
4880
background-color: transparent;
4881
}
4882
.budgie-menu entry.search {
4884
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
4885
border-radius: 0;
4886
box-shadow: none;
4887
font-size: 120%;
4888
}
4889
.budgie-menu .categories:dir(ltr) {
4891
border-bottom-left-radius: 2px;
4892
}
4893
.budgie-menu .categories:dir(rtl) {
4895
border-bottom-right-radius: 2px;
4896
}
4897
.budgie-menu button {
4899
min-height: 32px;
4900
padding: 0 8px;
4901
border-radius: 0;
4902
color: rgba(0, 0, 0, 0.87);
4903
font-weight: normal;
4904
}
4905
.budgie-menu button:disabled {
4907
color: rgba(0, 0, 0, 0.38);
4908
}
4909
.budgie-menu row {
4911
all: unset;
4912
}
4913
button.budgie-menu-launcher {
4915
padding: 0 2px;
4916
}
4917
popover.background.user-menu {
4919
padding: 8px;
4920
}
4921
popover.background.user-menu .content-box {
4923
background-color: transparent;
4924
}
4925
popover.background.user-menu separator {
4927
margin: 4px 0;
4928
}
4929
popover.background.user-menu row {
4931
padding: 0;
4932
box-shadow: none;
4933
background-image: none;
4934
}
4935
button.raven-trigger {
4937
padding: 0 4px;
4938
}
4939
popover.background.places-menu {
4941
padding: 8px;
4942
}
4943
popover.background.places-menu .name-button.text-button {
4945
padding-left: 8px;
4946
padding-right: 8px;
4947
}
4948
popover.background.places-menu .name-button.text-button image:dir(ltr) {
4950
margin-right: 3px;
4951
}
4952
popover.background.places-menu .name-button.text-button image:dir(rtl) {
4954
margin-left: 3px;
4955
}
4956
popover.background.places-menu .places-section-header > image:dir(ltr) {
4958
margin: 0 -2px 0 5px;
4959
}
4960
popover.background.places-menu .places-section-header > image:dir(rtl) {
4962
margin: 0 5px 0 -2px;
4963
}
4964
popover.background.places-menu .places-list {
4966
margin-top: 4px;
4967
padding-top: 4px;
4968
border-top: 1px solid rgba(0, 0, 0, 0.1);
4969
background-color: transparent;
4970
}
4971
popover.background.places-menu row {
4973
padding: 0;
4974
box-shadow: none;
4975
background-image: none;
4976
}
4977
.budgie-panel {
4979
background-color: #263238;
4980
color: #FFFFFF;
4981
font-weight: 500;
4982
}
4983
.budgie-panel button {
4985
border-radius: 0;
4986
}
4987
.budgie-panel separator {
4989
background-color: rgba(255, 255, 255, 0.3);
4990
}
4991
.budgie-panel .alert {
4993
color: #FF5252;
4994
}
4995
.budgie-panel #tasklist-button {
4997
padding: 0 4px;
4998
}
4999
.budgie-panel button.flat.launcher {
5001
padding: 0;
5002
}
5003
.top .budgie-panel #tasklist-button, .budgie-panel .top #tasklist-button, .top .budgie-panel button.flat.launcher, .budgie-panel .top button.flat.launcher {
5005
border-image: radial-gradient(circle closest-corner at center calc(1px), currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
5006
}
5007
.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
5009
.budgie-panel .pinned button.flat.launcher.running,
5010
.budgie-panel .pinned .top button.flat.launcher.running {
5011
border-image: radial-gradient(circle closest-corner at center calc(1px), currentColor 100%, transparent 0%) 2 0 0 0/2px 0 0 0;
5012
}
5013
.bottom .budgie-panel #tasklist-button, .budgie-panel .bottom #tasklist-button, .bottom .budgie-panel button.flat.launcher, .budgie-panel .bottom button.flat.launcher {
5015
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
5016
}
5017
.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
5019
.budgie-panel .pinned button.flat.launcher.running,
5020
.budgie-panel .pinned .bottom button.flat.launcher.running {
5021
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2 0/0 0 2px 0;
5022
}
5023
.left .budgie-panel #tasklist-button, .budgie-panel .left #tasklist-button, .left .budgie-panel button.flat.launcher, .budgie-panel .left button.flat.launcher {
5025
border-image: radial-gradient(circle closest-corner at calc(1px) center, currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
5026
}
5027
.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
5029
.budgie-panel .pinned button.flat.launcher.running,
5030
.budgie-panel .pinned .left button.flat.launcher.running {
5031
border-image: radial-gradient(circle closest-corner at calc(1px) center, currentColor 100%, transparent 0%) 0 2 0 0/0 2px 0 0;
5032
}
5033
.right .budgie-panel #tasklist-button, .budgie-panel .right #tasklist-button, .right .budgie-panel button.flat.launcher, .budgie-panel .right button.flat.launcher {
5035
border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
5036
}
5037
.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
5039
.budgie-panel .pinned button.flat.launcher.running,
5040
.budgie-panel .pinned .right button.flat.launcher.running {
5041
border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, currentColor 100%, transparent 0%) 0 0 0 2/0 0 0 2px;
5042
}
5043
frame.raven-frame > border {
5045
border-style: none;
5046
box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22);
5047
}
5048
.top frame.raven-frame > border {
5050
margin-bottom: 32px;
5051
}
5052
.bottom frame.raven-frame > border {
5054
margin-top: 32px;
5055
}
5056
.left frame.raven-frame > border {
5058
margin-right: 32px;
5059
}
5060
.right frame.raven-frame > border {
5062
margin-left: 32px;
5063
}
5064
.raven {
5066
background-color: #FAFAFA;
5067
}
5068
.raven > stack {
5070
margin-bottom: -10px;
5071
}
5072
.raven stackswitcher.linked > button {
5074
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FFA726 0%, transparent 0%) 0 0 0/0 0 0px;
5075
border-radius: 0;
5076
}
5077
.raven stackswitcher.linked > button:checked {
5079
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FFA726 100%, transparent 0%) 0 0 2/0 0 2px;
5080
background-color: transparent;
5081
}
5082
.raven .raven-header {
5084
min-height: 36px;
5085
padding: 3px;
5086
}
5087
.raven .raven-header:not(.top) {
5089
margin-top: -6px;
5090
}
5091
.raven .raven-header.top {
5093
padding: 2px 0;
5094
background-color: #42A5F5;
5095
color: #FFFFFF;
5096
}
5097
.raven .raven-header.top stackswitcher button {
5099
margin: -6px 0;
5100
min-height: 36px;
5101
}
5102
.raven .raven-header.top button.image-button:dir(ltr) {
5104
margin-right: 2px;
5105
}
5106
.raven .raven-header.top button.image-button:dir(rtl) {
5108
margin-left: 2px;
5109
}
5110
.raven .raven-header.top > image {
5112
margin: 0 8px;
5113
}
5114
.raven .raven-header.top > label {
5116
margin: 0 -8px;
5117
font-weight: bold;
5118
}
5119
.raven .raven-header.bottom {
5121
border-top: 1px solid rgba(0, 0, 0, 0.1);
5122
}
5123
.raven viewport.frame .raven-header {
5125
margin-top: -8px;
5126
}
5127
.raven .raven-background {
5129
border-style: solid none;
5130
border-width: 1px;
5131
border-color: rgba(0, 0, 0, 0.1);
5132
background-color: #FFFFFF;
5133
}
5134
.raven .raven-background.frame {
5136
border-style: solid none;
5137
}
5138
.raven .raven-background > overlay > image {
5140
color: rgba(0, 0, 0, 0.26);
5141
}
5142
.raven .raven-background grid > label:first-child {
5144
min-height: 36px;
5145
}
5146
.raven scrolledwindow.raven-background {
5148
border-bottom-style: none;
5149
}
5150
.raven .raven-header.top + .raven-background {
5152
border-style: none;
5153
background-color: #42A5F5;
5154
color: #FFFFFF;
5155
}
5156
.raven .raven-header.top + .raven-background stackswitcher button {
5158
margin: -4px 0;
5159
}
5160
.raven .powerstrip button {
5162
margin: 2px 0 1px;
5163
padding: 12px;
5164
}
5165
.raven .option-subtitle {
5167
font-size: smaller;
5168
}
5169
calendar.raven-calendar {
5171
border-style: none;
5172
background-color: transparent;
5173
}
5174
calendar.raven-calendar:selected {
5176
border-radius: 2px;
5177
background-color: #42A5F5;
5178
}
5179
.raven-mpris {
5181
background-color: rgba(0, 0, 0, 0.6);
5182
color: #FFFFFF;
5183
}
5184
.raven-mpris label {
5186
min-height: 24px;
5187
}
5188
.raven-mpris button.image-button {
5190
padding: 12px;
5191
}
5192
.budgie-notification-window, .budgie-osd-window, .budgie-switcher-window {
5194
background-color: transparent;
5195
}
5196
.budgie-notification .notification-title, .budgie-switcher .notification-title {
5198
font-size: 120%;
5199
}
5200
.budgie-osd .budgie-osd-text {
5202
font-size: 120%;
5203
}
5204
.drop-shadow {
5206
margin: 5px 9px;
5207
padding: 3px;
5208
border-radius: 2px;
5209
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);
5210
background-color: #FAFAFA;
5211
}
5212
.drop-shadow .linked > button {
5214
border-radius: 2px;
5215
}
5216
.budgie-session-dialog, .budgie-polkit-dialog, .budgie-run-dialog {
5218
border-radius: 2px;
5219
background-color: #FAFAFA;
5220
}
5221
.budgie-session-dialog decoration, .budgie-polkit-dialog decoration, .budgie-run-dialog decoration {
5223
border-radius: 2px;
5224
}
5225
.budgie-session-dialog label:not(:last-child),
5227
.budgie-session-dialog .dialog-title {
5228
font-size: 120%;
5229
}
5230
.budgie-session-dialog .linked.horizontal > button {
5232
padding: 8px 16px;
5233
border-top: 1px solid rgba(0, 0, 0, 0.1);
5234
border-radius: 0;
5235
}
5236
.budgie-session-dialog .linked.horizontal > button:first-child {
5238
border-bottom-left-radius: 2px;
5239
}
5240
.budgie-session-dialog .linked.horizontal > button:last-child {
5242
border-bottom-right-radius: 2px;
5243
}
5244
.budgie-polkit-dialog .message {
5246
color: rgba(0, 0, 0, 0.38);
5247
}
5248
.budgie-polkit-dialog .failure {
5250
color: #FF5252;
5251
}
5252
.budgie-run-dialog {
5254
background-color: #FFFFFF;
5255
}
5256
.budgie-run-dialog entry.search {
5258
font-size: 120%;
5259
padding: 6px 14px;
5260
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
5261
background-color: transparent;
5262
}
5263
.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
5265
headerbar .subtitle,
5266
headerbar .budgie-run-dialog list .subtitle, .budgie-run-dialog list .budgie-notification .notification-body, .budgie-notification .budgie-run-dialog list .notification-body, .budgie-run-dialog list .budgie-switcher .notification-body, .budgie-switcher .budgie-run-dialog list .notification-body {
5267
opacity: 1;
5268
}
5269
.budgie-run-dialog scrolledwindow {
5271
border-top: 1px solid rgba(0, 0, 0, 0.1);
5272
}
5273
/************************
5275
* LightDM GTK+ Greeter *
5276
************************/
5277
#panel_window {
5278
background-color: rgba(0, 0, 0, 0.3);
5279
color: #FFFFFF;
5280
}
5281
#panel_window menubar,
5283
#panel_window separator {
5284
background-color: transparent;
5285
}
5286
#panel_window separator {
5288
padding: 0 4px;
5289
}
5290
#panel_window separator:first-child {
5292
padding: 0 8px;
5293
}
5294
#panel_window menubar > menuitem {
5296
color: rgba(255, 255, 255, 0.7);
5297
}
5298
#panel_window menubar > menuitem:hover {
5300
color: #FFFFFF;
5301
}
5302
#panel_window menubar > menuitem:disabled label {
5304
color: rgba(255, 255, 255, 0.3);
5305
}
5306
#login_window,
5308
#shutdown_dialog,
5309
#restart_dialog {
5310
margin: 8px;
5311
border-radius: 2px;
5312
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);
5313
background-color: #FAFAFA;
5314
}
5315
#content_frame {
5317
padding-bottom: 20px;
5318
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
5319
}
5320
#buttonbox_frame {
5322
padding-top: 24px;
5323
}
5324
#buttonbox_frame button {
5326
margin: -16px;
5327
}
5328
#greeter_infobar {
5330
margin-top: -1px;
5331
}
5332
/* GTK NAMED COLORS
5334
----------------
5335
use responsibly! */
5336
/*
5337
widget text/foreground color */
5338
@define-color theme_fg_color rgba(0, 0, 0, 0.87);
5339
/*
5340
text color for entries, views and content in general */
5341
@define-color theme_text_color rgba(0, 0, 0, 0.87);
5342
/*
5343
widget base background color */
5344
@define-color theme_bg_color #F5F5F5;
5345
/*
5346
text widgets and the like base background color */
5347
@define-color theme_base_color #FFFFFF;
5348
/*
5349
base background color of selections */
5350
@define-color theme_selected_bg_color #42A5F5;
5351
/*
5352
text/foreground color of selections */
5353
@define-color theme_selected_fg_color #FFFFFF;
5354
/*
5355
base background color of insensitive widgets */
5356
@define-color insensitive_bg_color #F5F5F5;
5357
/*
5358
text foreground color of insensitive widgets */
5359
@define-color insensitive_fg_color rgba(0, 0, 0, 0.38);
5360
/*
5361
insensitive text widgets and the like base background color */
5362
@define-color insensitive_base_color #FAFAFA;
5363
/*
5364
widget text/foreground color on backdrop windows */
5365
@define-color theme_unfocused_fg_color rgba(0, 0, 0, 0.87);
5366
/*
5367
text color for entries, views and content in general on backdrop windows */
5368
@define-color theme_unfocused_text_color rgba(0, 0, 0, 0.87);
5369
/*
5370
widget base background color on backdrop windows */
5371
@define-color theme_unfocused_bg_color #F5F5F5;
5372
/*
5373
text widgets and the like base background color on backdrop windows */
5374
@define-color theme_unfocused_base_color #FFFFFF;
5375
/*
5376
base background color of selections on backdrop windows */
5377
@define-color theme_unfocused_selected_bg_color #42A5F5;
5378
/*
5379
text/foreground color of selections on backdrop windows */
5380
@define-color theme_unfocused_selected_fg_color #FFFFFF;
5381
/*
5382
insensitive color on backdrop windows */
5383
@define-color unfocused_insensitive_color rgba(0, 0, 0, 0.38);
5384
/*
5385
widgets main borders color */
5386
@define-color borders rgba(0, 0, 0, 0.1);
5387
/*
5388
widgets main borders color on backdrop windows */
5389
@define-color unfocused_borders rgba(0, 0, 0, 0.1);
5390
/*
5391
these are pretty self explicative */
5392
@define-color warning_color #FF6D00;
5393
@define-color error_color #DD2C00;
5394
@define-color success_color #00C853;
5395
/*
5396
FIXME this is really an API */
5397
@define-color content_view_bg #FFFFFF;
5398
@define-color placeholder_text_color #757575;
5399