ASCII text, with very long lines (677)
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, .osd .scale-popup, .osd {
168
background-color: rgba(250, 250, 250, 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), 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), 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), 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), 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), 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), 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), 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), 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), 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), 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), layoutpane
440
.linked.vertical > entry.search, editortweak
441
.linked.vertical > entry.search, .raven .raven-background
442
.linked.vertical > spinbutton:not(.vertical), #login_window
443
.linked.vertical > entry, .linked:not(.vertical) >
444
entry.flat,
445
.linked.vertical >
446
entry.flat {
447
border-radius: 0;
448
}
449
treeview entry.flat, treeview entry {
451
min-height: 0;
452
padding: 2px;
453
border-radius: 0;
454
background-color: #FFFFFF;
455
}
456
treeview entry.flat, treeview entry.flat:focus, treeview entry, treeview entry:focus {
458
border-image: none;
459
box-shadow: none;
460
}
461
.entry-tag, .documents-entry-tag, .photos-entry-tag {
463
margin: 6px;
464
border-radius: 9999px;
465
box-shadow: none;
466
background-color: #42A5F5;
467
color: #FFFFFF;
468
}
469
.entry-tag:hover, .documents-entry-tag:hover, .photos-entry-tag:hover {
471
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
472
}
473
:dir(ltr) .entry-tag, :dir(ltr) .documents-entry-tag, :dir(ltr) .photos-entry-tag {
475
margin-left: 8px;
476
margin-right: -2px;
477
padding-left: 8px;
478
padding-right: 4px;
479
}
480
:dir(rtl) .entry-tag, :dir(rtl) .documents-entry-tag, :dir(rtl) .photos-entry-tag {
482
margin-left: -2px;
483
margin-right: 8px;
484
padding-left: 4px;
485
padding-right: 8px;
486
}
487
.entry-tag.button, .button.documents-entry-tag, .button.photos-entry-tag {
489
box-shadow: none;
490
background-color: transparent;
491
}
492
.entry-tag.button:not(:hover):not(:active), .button.documents-entry-tag:not(:hover):not(:active), .button.photos-entry-tag:not(:hover):not(:active) {
494
color: rgba(255, 255, 255, 0.7);
495
}
496
/***********
498
* Buttons *
499
***********/
500
@keyframes needs_attention {
501
from {
502
background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#FF4081), to(transparent));
503
}
504
to {
505
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#FF4081), to(transparent));
506
}
507
}
508
button {
511
min-height: 24px;
512
min-width: 16px;
513
padding: 6px 10px;
514
border-radius: 2px;
515
font-weight: 500;
516
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);
517
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;
518
background-color: #FAFAFA;
519
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
520
background-repeat: no-repeat;
521
background-position: center;
522
background-size: 1000% 1000%;
523
color: rgba(0, 0, 0, 0.62);
524
}
525
button:hover {
528
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;
529
color: rgba(0, 0, 0, 0.87);
530
}
531
button:active {
534
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
535
animation: ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1) forwards;
536
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);
537
background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.15) 10%, transparent 0%);
538
background-size: 0% 0%;
539
color: rgba(0, 0, 0, 0.87);
540
}
541
button:disabled {
544
box-shadow: none;
545
background-color: rgba(0, 0, 0, 0.12);
546
color: rgba(0, 0, 0, 0.26);
547
}
548
button:checked {
551
background-color: #42A5F5;
552
color: #FFFFFF;
553
}
554
button:checked:disabled {
557
background-color: rgba(66, 165, 245, 0.3);
558
color: rgba(66, 165, 245, 0.5);
559
}
560
modelbutton.flat,
562
.menuitem.button.flat, spinbutton:not(.vertical) button, spinbutton.vertical button, popover.background.menu button,
563
popover.background button.model, notebook > header > tabs > arrow, scrollbar button, check,
564
radio, calendar.button, messagedialog.csd .dialog-action-area button, button.sidebar-button, .gedit-search-slider button, PanelToplevel > grid > 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)
565
.path-bar button, layouttabbar button, .mate-panel-menu-bar #PanelApplet button, .budgie-panel #tasklist-button, .raven stackswitcher.linked > button, toolbar button, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action),
566
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,
567
button.flat {
568
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);
569
box-shadow: inset 0 0 0 9999px transparent;
570
background-color: transparent;
571
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
572
background-repeat: no-repeat;
573
background-position: center;
574
background-size: 1000% 1000%;
575
color: rgba(0, 0, 0, 0.54);
576
}
577
modelbutton.flat:hover,
579
.menuitem.button.flat:hover, spinbutton:not(.vertical) button:hover, spinbutton.vertical button:hover, popover.background.menu button:hover,
580
popover.background button.model:hover, notebook > header > tabs > arrow:hover, scrollbar button:hover, check:hover,
581
radio:hover, calendar.button:hover, messagedialog.csd .dialog-action-area button:hover, button.sidebar-button:hover, .gedit-search-slider button:hover, PanelToplevel > grid > 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)
582
.path-bar button:hover, layouttabbar button:hover, .mate-panel-menu-bar #PanelApplet button:hover, .budgie-panel #tasklist-button:hover, .raven stackswitcher.linked > button:hover, toolbar button:hover, .titlebar:not(headerbar) button:hover:not(.suggested-action):not(.destructive-action),
583
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,
584
button.flat:hover {
585
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.15);
586
color: rgba(0, 0, 0, 0.87);
587
}
588
modelbutton.flat:active,
590
.menuitem.button.flat:active, spinbutton:not(.vertical) button:active, spinbutton.vertical button:active, popover.background.menu button:active,
591
popover.background button.model:active, notebook > header > tabs > arrow:active, scrollbar button:active, check:active,
592
radio:active, calendar.button:active, messagedialog.csd .dialog-action-area button:active, button.sidebar-button:active, .gedit-search-slider button:active, PanelToplevel > grid > 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)
593
.path-bar button:active, layouttabbar button:active, .mate-panel-menu-bar #PanelApplet button:active, .budgie-panel #tasklist-button:active, .raven stackswitcher.linked > button:active, toolbar button:active, .titlebar:not(headerbar) button:active:not(.suggested-action):not(.destructive-action),
594
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,
595
button.flat:active {
596
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
597
animation: ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1) forwards;
598
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.15);
599
background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.15) 10%, transparent 0%);
600
background-size: 0% 0%;
601
color: rgba(0, 0, 0, 0.87);
602
}
603
modelbutton.flat:disabled,
605
.menuitem.button.flat:disabled, spinbutton:not(.vertical) button:disabled, spinbutton.vertical button:disabled, popover.background.menu button:disabled,
606
popover.background button.model:disabled, notebook > header > tabs > arrow:disabled, scrollbar button:disabled, check:disabled,
607
radio:disabled, calendar.button:disabled, messagedialog.csd .dialog-action-area button:disabled, button.sidebar-button:disabled, .gedit-search-slider button:disabled, PanelToplevel > grid > 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)
608
.path-bar button:disabled, layouttabbar button:disabled, .mate-panel-menu-bar #PanelApplet button:disabled, .budgie-panel #tasklist-button:disabled, .raven stackswitcher.linked > button:disabled, toolbar button:disabled, .titlebar:not(headerbar) button:disabled:not(.suggested-action):not(.destructive-action),
609
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,
610
button.flat:disabled {
611
box-shadow: none;
612
background-color: transparent;
613
color: rgba(0, 0, 0, 0.26);
614
}
615
:not(headerbar) .caja-pathbar button:checked, .caja-pathbar :not(headerbar) button:checked, :not(headerbar)
617
.path-bar button:checked, layouttabbar button:checked, .mate-panel-menu-bar #PanelApplet button:checked, .budgie-panel #tasklist-button:checked, .raven stackswitcher.linked > button:checked, toolbar button:checked, .titlebar:not(headerbar) button:checked:not(.suggested-action):not(.destructive-action),
618
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,
619
button.flat:checked {
620
background-color: rgba(0, 0, 0, 0.26);
621
color: rgba(0, 0, 0, 0.87);
622
}
623
:not(headerbar) .caja-pathbar button:checked:disabled, .caja-pathbar :not(headerbar) button:checked:disabled, :not(headerbar)
625
.path-bar button:checked:disabled, layouttabbar button:checked:disabled, .mate-panel-menu-bar #PanelApplet button:checked:disabled, .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),
626
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,
627
button.flat:checked:disabled {
628
background-color: rgba(0, 0, 0, 0.12);
629
color: rgba(0, 0, 0, 0.38);
630
}
631
button.text-button {
634
padding-left: 16px;
635
padding-right: 16px;
636
}
637
button.image-button {
640
min-width: 24px;
641
padding: 6px;
642
}
643
button.text-button.image-button {
646
border-radius: 2px;
647
-gtk-outline-radius: 2px;
648
}
649
button.text-button.image-button label:first-child {
652
margin-left: 10px;
653
}
654
button.text-button.image-button label:last-child {
657
margin-right: 10px;
658
}
659
button.text-button.image-button image:not(:only-child) {
662
margin: 0 4px;
663
}
664
toolbar .linked > button, .titlebar:not(headerbar) .linked > button:not(.suggested-action):not(.destructive-action),
666
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
667
.linked.vertical > button, .titlebar:not(headerbar)
668
.linked.vertical > button:not(.suggested-action):not(.destructive-action),
669
headerbar
670
.linked.vertical > button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box
671
.linked.vertical > button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification
672
.linked.vertical > button, .linked >
673
button.flat,
674
.linked.vertical >
675
button.flat {
676
border-radius: 2px;
677
}
678
toolbar .linked > button.text-button.image-button, .titlebar:not(headerbar) .linked > button.text-button.image-button:not(.suggested-action):not(.destructive-action),
680
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
681
.linked.vertical > button.text-button.image-button, .titlebar:not(headerbar)
682
.linked.vertical > button.text-button.image-button:not(.suggested-action):not(.destructive-action),
683
headerbar
684
.linked.vertical > button.text-button.image-button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box
685
.linked.vertical > button.text-button.image-button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification
686
.linked.vertical > button.text-button.image-button, .linked >
687
button.flat.text-button.image-button,
688
.linked.vertical >
689
button.flat.text-button.image-button {
690
border-radius: 2px;
691
-gtk-outline-radius: 2px;
692
}
693
infobar.info button:disabled, infobar.question button:disabled, infobar.warning button:disabled, infobar.error button:disabled, row:selected
695
button:disabled {
696
background-color: rgba(255, 255, 255, 0.12);
697
color: rgba(255, 255, 255, 0.3);
698
}
699
row:selected button.sidebar-button, infobar.info button.flat, infobar.question button.flat, infobar.warning button.flat, infobar.error button.flat, .budgie-panel button, .budgie-panel #tasklist-button, .raven stackswitcher.linked > button, .raven-mpris button.image-button, row:selected
701
button.flat {
702
color: rgba(255, 255, 255, 0.7);
703
}
704
row:selected button.sidebar-button:hover, infobar.info button.flat:hover, infobar.question button.flat:hover, infobar.warning button.flat:hover, infobar.error button.flat:hover, .budgie-panel button:hover, .budgie-panel #tasklist-button:hover, .raven stackswitcher.linked > button:hover, .raven-mpris button.image-button:hover, row:selected button.sidebar-button:active, infobar.info button.flat:active, infobar.question button.flat:active, infobar.warning button.flat:active, infobar.error button.flat:active, .budgie-panel button:active, .budgie-panel #tasklist-button:active, .raven stackswitcher.linked > button:active, .raven-mpris button.image-button:active, row:selected
706
button.flat:hover, row:selected
707
button.flat:active {
708
color: #FFFFFF;
709
}
710
row:selected button.sidebar-button:disabled, infobar.info button.flat:disabled, infobar.question button.flat:disabled, infobar.warning button.flat:disabled, infobar.error button.flat:disabled, .budgie-panel button:disabled, .budgie-panel #tasklist-button:disabled, .raven stackswitcher.linked > button:disabled, .raven-mpris button.image-button:disabled, row:selected
712
button.flat:disabled {
713
color: rgba(255, 255, 255, 0.3);
714
}
715
row:selected button.sidebar-button:checked, infobar.info button.flat:checked, infobar.question button.flat:checked, infobar.warning button.flat:checked, infobar.error button.flat:checked, .budgie-panel button:checked, .budgie-panel #tasklist-button:checked, .raven stackswitcher.linked > button:checked, .raven-mpris button.image-button:checked, row:selected
717
button.flat:checked {
718
background-color: rgba(255, 255, 255, 0.3);
719
color: #FFFFFF;
720
}
721
row:selected button.sidebar-button:checked:disabled, infobar.info button.flat:checked:disabled, infobar.question button.flat:checked:disabled, infobar.warning button.flat:checked:disabled, infobar.error button.flat:checked:disabled, .budgie-panel button:checked:disabled, .budgie-panel #tasklist-button:checked:disabled, .raven stackswitcher.linked > button:checked:disabled, .raven-mpris button.image-button:checked:disabled, row:selected
723
button.flat:checked:disabled {
724
background-color: rgba(255, 255, 255, 0.12);
725
color: rgba(255, 255, 255, 0.5);
726
}
727
button.osd {
730
padding: 12px 16px;
731
}
732
button.osd.image-button {
735
padding: 12px;
736
}
737
button.osd:disabled {
740
opacity: 0;
741
}
742
button.suggested-action {
745
background-color: #FF4081;
746
color: #FFFFFF;
747
}
748
button.suggested-action:disabled {
751
box-shadow: none;
752
background-color: rgba(0, 0, 0, 0.12);
753
color: rgba(0, 0, 0, 0.38);
754
}
755
button.suggested-action:checked {
758
background-color: #ff79a7;
759
}
760
button.suggested-action.flat {
763
background-color: transparent;
764
color: #FF4081;
765
}
766
button.suggested-action.flat:disabled {
769
box-shadow: none;
770
background-color: transparent;
771
color: rgba(0, 0, 0, 0.38);
772
}
773
button.suggested-action.flat:checked {
776
background-color: rgba(255, 64, 129, 0.3);
777
}
778
button.destructive-action {
781
background-color: #FF5252;
782
color: #FFFFFF;
783
}
784
button.destructive-action:disabled {
787
box-shadow: none;
788
background-color: rgba(0, 0, 0, 0.12);
789
color: rgba(0, 0, 0, 0.38);
790
}
791
button.destructive-action:checked {
794
background-color: #ff8686;
795
}
796
button.destructive-action.flat {
799
background-color: transparent;
800
color: #FF5252;
801
}
802
button.destructive-action.flat:disabled {
805
box-shadow: none;
806
background-color: transparent;
807
color: rgba(0, 0, 0, 0.38);
808
}
809
button.destructive-action.flat:checked {
812
background-color: rgba(255, 82, 82, 0.3);
813
}
814
.stack-switcher >
816
button {
817
outline-offset: -4px;
818
}
819
.stack-switcher >
821
button > label {
822
padding-left: 6px;
823
padding-right: 6px;
824
}
825
.stack-switcher >
827
button > image {
828
padding-left: 6px;
829
padding-right: 6px;
830
padding-top: 3px;
831
padding-bottom: 3px;
832
}
833
.stack-switcher >
835
button.text-button {
836
padding-left: 10px;
837
padding-right: 10px;
838
}
839
.stack-switcher >
841
button.image-button {
842
padding-left: 4px;
843
padding-right: 4px;
844
}
845
.stack-switcher >
847
button.needs-attention:checked > label,
848
.stack-switcher >
849
button.needs-attention:checked > image {
850
animation: none;
851
background-image: none;
852
}
853
.primary-toolbar
855
button {
856
-gtk-icon-shadow: none;
857
}
858
button.image-button, toolbar .linked > button.image-button, .titlebar:not(headerbar) .linked > button.image-button:not(.suggested-action):not(.destructive-action),
861
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
862
.linked.vertical > button.image-button,
863
headerbar
864
.linked.vertical > button.image-button:not(.suggested-action):not(.destructive-action), .app-notification
865
.linked.vertical > button.image-button, .linked > button.flat.image-button,
866
.linked.vertical > button.flat.image-button, .inline-toolbar button:not(.text-button), check,
867
radio, button.titlebutton, .nautilus-window headerbar > revealer > button, .raven .raven-header:not(.top) button.image-button, .raven .expander-button,
868
button.close,
869
button.circular {
870
border-radius: 9999px;
871
-gtk-outline-radius: 9999px;
872
}
873
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 {
875
min-height: 24px;
876
min-width: 24px;
877
padding: 0;
878
border-radius: 9999px;
879
-gtk-outline-radius: 9999px;
880
}
881
.stack-switcher >
883
button.needs-attention > label,
884
.stack-switcher >
885
button.needs-attention > image, stacksidebar row.needs-attention > label {
886
animation: needs_attention 0.3s cubic-bezier(0, 0, 0.2, 1) forwards;
887
background-repeat: no-repeat;
888
background-position: right 3px;
889
background-size: 6px 6px;
890
}
891
.stack-switcher >
893
button.needs-attention > label:dir(rtl),
894
.stack-switcher >
895
button.needs-attention > image:dir(rtl), stacksidebar row.needs-attention > label:dir(rtl) {
896
background-position: left 3px;
897
}
898
.linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry, .linked > button, .linked:not(.vertical) > combobox > box > button.combo {
900
border-radius: 0;
901
-gtk-outline-radius: 2px;
902
}
903
.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 {
905
border-top-left-radius: 2px;
906
border-bottom-left-radius: 2px;
907
}
908
.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 {
910
border-top-right-radius: 2px;
911
border-bottom-right-radius: 2px;
912
}
913
.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 {
915
border-radius: 2px;
916
}
917
.linked.vertical > spinbutton:not(.vertical), .linked.vertical > entry, .linked.vertical > button, .linked.vertical > combobox > box > button.combo {
919
border-radius: 0;
920
-gtk-outline-radius: 2px;
921
}
922
.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 {
924
border-top-left-radius: 2px;
925
border-top-right-radius: 2px;
926
}
927
.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 {
929
border-bottom-left-radius: 2px;
930
border-bottom-right-radius: 2px;
931
}
932
.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 {
934
border-radius: 2px;
935
}
936
/* menu buttons */
938
modelbutton.flat,
939
.menuitem.button.flat {
940
min-height: 28px;
941
padding: 0 8px;
942
border-radius: 2px;
943
color: inherit;
944
}
945
modelbutton.flat arrow {
947
background: none;
948
}
949
modelbutton.flat arrow:hover {
951
background: none;
952
}
953
modelbutton.flat arrow.left {
955
-gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
956
}
957
modelbutton.flat arrow.right {
959
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
960
}
961
button.color {
963
min-height: 24px;
964
min-width: 24px;
965
padding: 6px;
966
}
967
/*********
969
* Links *
970
*********/
971
*:link, button:link,
972
button:visited, *:link:hover, button:hover:link,
973
button:hover:visited, *:link:active, button:active:link,
974
button:active:visited {
975
color: #42A5F5;
976
}
977
*:link:visited,
979
button:visited, *:link:visited:hover,
980
button:visited:hover, *:link:visited:active,
981
button:visited:active {
982
color: #E040FB;
983
}
984
infobar.info *:link, infobar.info button:link, infobar.info
986
button:visited, infobar.question *:link, infobar.question button:link, infobar.question
987
button:visited, infobar.warning *:link, infobar.warning button:link, infobar.warning
988
button:visited, infobar.error *:link, infobar.error button:link, infobar.error
989
button:visited, *:link:selected, button:selected:link,
990
button:selected:visited, .selection-mode.titlebar:not(headerbar) .subtitle:link,
991
headerbar.selection-mode .subtitle:link,
992
*:selected *:link,
993
*:selected button:link,
994
*:selected
995
button:visited {
996
color: #FFFFFF;
997
}
998
button:link > label,
1000
button:visited > label {
1001
text-decoration-line: underline;
1002
}
1003
/*****************
1005
* GtkSpinButton *
1006
*****************/
1007
spinbutton:not(.vertical) {
1008
padding: 0;
1009
}
1010
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,
1012
spinbutton:not(.vertical) entry {
1013
min-width: 32px;
1014
margin: 0;
1015
border-image: none;
1016
border-radius: 0;
1017
box-shadow: none;
1018
background-color: transparent;
1019
}
1020
spinbutton:not(.vertical) button {
1022
border: solid 6px transparent;
1023
}
1024
spinbutton:not(.vertical) button.up:dir(ltr), spinbutton:not(.vertical) button.down:dir(rtl) {
1026
margin-left: -3px;
1027
}
1028
spinbutton:not(.vertical) button.up:dir(rtl), spinbutton:not(.vertical) button.down:dir(ltr) {
1030
margin-right: -3px;
1031
}
1032
spinbutton.vertical:disabled {
1034
color: rgba(0, 0, 0, 0.38);
1035
}
1036
spinbutton.vertical:drop(active) {
1038
box-shadow: none;
1039
}
1040
spinbutton.vertical entry {
1042
min-height: 36px;
1043
min-width: 48px;
1044
padding: 0;
1045
}
1046
spinbutton.vertical button {
1048
min-height: 36px;
1049
min-width: 48px;
1050
padding: 0;
1051
}
1052
spinbutton.vertical button.up {
1054
border-radius: 2px 2px 0 0;
1055
}
1056
spinbutton.vertical button.down {
1058
border-radius: 0 0 2px 2px;
1059
}
1060
treeview spinbutton:not(.vertical) {
1062
min-height: 0;
1063
border-style: none;
1064
border-radius: 0;
1065
}
1066
treeview spinbutton:not(.vertical) entry {
1068
min-height: 0;
1069
padding: 1px 2px;
1070
}
1071
/**************
1073
* ComboBoxes *
1074
**************/
1075
combobox arrow {
1076
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
1077
min-height: 16px;
1078
min-width: 16px;
1079
}
1080
combobox decoration,
1082
combobox button.combo:checked {
1083
transition: none;
1084
}
1085
combobox button.combo cellview:dir(ltr) {
1087
margin-left: -2px;
1088
}
1089
combobox button.combo cellview:dir(rtl) {
1091
margin-right: -2px;
1092
}
1093
combobox #gtk-combobox-popup-menu {
1095
padding: 2px 0;
1096
}
1097
combobox #gtk-combobox-popup-menu menuitem {
1099
min-height: 32px;
1100
padding: 0 8px;
1101
}
1102
combobox #gtk-combobox-popup-menu > arrow.top {
1104
margin-top: -2px;
1105
}
1106
combobox #gtk-combobox-popup-menu > arrow.bottom {
1108
margin-bottom: -6px;
1109
}
1110
combobox:drop(active) {
1112
box-shadow: none;
1113
}
1114
notebook > stack:not(:only-child) button.combo, .raven .raven-background button.combo, #login_window #user_combobox button {
1116
border-radius: 0;
1117
background-image: none;
1118
font-weight: inherit;
1119
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
1120
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #42A5F5 0%, transparent 0%) 0 0 0/0 0 0px;
1121
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26);
1122
background-color: transparent;
1123
color: rgba(0, 0, 0, 0.87);
1124
}
1125
notebook > stack:not(:only-child) button.combo:hover, .raven .raven-background button.combo:hover, #login_window #user_combobox button:hover {
1127
box-shadow: inset 0 -2px rgba(0, 0, 0, 0.38);
1128
}
1129
notebook > stack:not(:only-child) button.combo:checked, .raven .raven-background button.combo:checked, #login_window #user_combobox button:checked {
1131
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #42A5F5 100%, transparent 0%) 0 0 2/0 0 2px;
1132
}
1133
notebook > stack:not(:only-child) button.combo:disabled, .raven .raven-background button.combo:disabled, #login_window #user_combobox button:disabled {
1135
color: rgba(0, 0, 0, 0.38);
1136
}
1137
/************
1139
* Toolbars *
1140
************/
1141
toolbar {
1142
-GtkWidget-window-dragging: true;
1143
padding: 3px;
1144
background-color: #F5F5F5;
1145
}
1146
.osd toolbar {
1148
background-color: transparent;
1149
}
1150
toolbar.osd, .app-notification, frame.documents-dropdown {
1152
transition: box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1);
1153
padding: 6px;
1154
border-radius: 2px;
1155
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);
1156
background-color: rgba(255, 255, 255, 0.9);
1157
}
1158
toolbar.osd:backdrop, .app-notification:backdrop, frame.documents-dropdown:backdrop {
1160
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);
1161
}
1162
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 {
1164
border-radius: 0;
1165
}
1166
toolbar.horizontal separator {
1168
margin: 3px;
1169
}
1170
toolbar.vertical separator {
1172
margin: 3px;
1173
}
1174
toolbar:not(.inline-toolbar):not(.osd) scale,
1176
toolbar:not(.inline-toolbar):not(.osd) entry,
1177
toolbar:not(.inline-toolbar):not(.osd) spinbutton,
1178
toolbar:not(.inline-toolbar):not(.osd) button {
1179
margin: 3px;
1180
}
1181
toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:first-child),
1183
toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:first-child),
1184
toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:first-child) {
1185
margin-left: 0;
1186
}
1187
toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:last-child),
1189
toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:last-child),
1190
toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:last-child) {
1191
margin-right: 0;
1192
}
1193
toolbar:not(.inline-toolbar):not(.osd) switch {
1195
margin: 9px 3px;
1196
}
1197
.inline-toolbar {
1199
padding: 6px;
1200
border-style: solid;
1201
border-width: 0 1px 1px;
1202
border-color: rgba(0, 0, 0, 0.1);
1203
background-color: #FAFAFA;
1204
}
1205
searchbar,
1207
.location-bar {
1208
padding: 6px;
1209
border-style: solid;
1210
border-width: 0 0 1px;
1211
border-color: rgba(0, 0, 0, 0.1);
1212
background-color: #F5F5F5;
1213
background-clip: border-box;
1214
}
1215
/***************
1217
* Header bars *
1218
***************/
1219
.titlebar:not(headerbar),
1220
headerbar {
1221
transition: background-color 0.2s cubic-bezier(0, 0, 0.2, 1);
1222
min-height: 48px;
1223
padding: 0 6px;
1224
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);
1225
background-color: #E0E0E0;
1226
color: rgba(0, 0, 0, 0.87);
1227
}
1228
.titlebar:disabled:not(headerbar) :not(button) > label,
1230
headerbar:disabled :not(button) > label {
1231
color: rgba(0, 0, 0, 0.38);
1232
}
1233
.titlebar:backdrop:not(headerbar),
1235
headerbar:backdrop {
1236
color: rgba(0, 0, 0, 0.54);
1237
}
1238
.titlebar:backdrop:disabled:not(headerbar) :not(button) > label,
1240
headerbar:backdrop:disabled :not(button) > label {
1241
color: rgba(0, 0, 0, 0.26);
1242
}
1243
.titlebar:not(headerbar) .title,
1245
headerbar .title {
1246
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
1247
padding: 0 12px;
1248
font-weight: bold;
1249
}
1250
.titlebar:not(headerbar) .subtitle,
1252
headerbar .subtitle {
1253
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
1254
padding: 0 12px;
1255
font-size: smaller;
1256
}
1257
.titlebar:not(headerbar) .linked:not(.vertical) > entry:not(.flat),
1259
headerbar .linked:not(.vertical) > entry:not(.flat) {
1260
border-radius: 2px;
1261
}
1262
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action),
1264
headerbar button:not(.suggested-action):not(.destructive-action) {
1265
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #42A5F5 0%, transparent 0%) 0 0 0/0 0 0px;
1266
color: rgba(0, 0, 0, 0.54);
1267
}
1268
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):hover, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):active,
1270
headerbar button:not(.suggested-action):not(.destructive-action):hover,
1271
headerbar button:not(.suggested-action):not(.destructive-action):active {
1272
color: rgba(0, 0, 0, 0.87);
1273
}
1274
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):disabled,
1276
headerbar button:not(.suggested-action):not(.destructive-action):disabled {
1277
color: rgba(0, 0, 0, 0.26);
1278
}
1279
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked,
1281
headerbar button:not(.suggested-action):not(.destructive-action):checked {
1282
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #42A5F5 100%, transparent 0%) 0 0 2/0 0 2px;
1283
color: rgba(0, 0, 0, 0.87);
1284
}
1285
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked:disabled,
1287
headerbar button:not(.suggested-action):not(.destructive-action):checked:disabled {
1288
color: rgba(0, 0, 0, 0.38);
1289
}
1290
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked:disabled,
1292
headerbar button:not(.suggested-action):not(.destructive-action):checked,
1293
headerbar button:not(.suggested-action):not(.destructive-action):checked:disabled {
1294
background-color: transparent;
1295
}
1296
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop,
1298
headerbar button:not(.suggested-action):not(.destructive-action):backdrop {
1299
color: rgba(0, 0, 0, 0.38);
1300
}
1301
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:hover, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:active,
1303
headerbar button:not(.suggested-action):not(.destructive-action):backdrop:hover,
1304
headerbar button:not(.suggested-action):not(.destructive-action):backdrop:active {
1305
color: rgba(0, 0, 0, 0.54);
1306
}
1307
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:disabled,
1309
headerbar button:not(.suggested-action):not(.destructive-action):backdrop:disabled {
1310
color: rgba(0, 0, 0, 0.26);
1311
}
1312
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked,
1314
headerbar button:not(.suggested-action):not(.destructive-action):backdrop:checked {
1315
color: rgba(0, 0, 0, 0.54);
1316
}
1317
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled,
1319
headerbar button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled {
1320
color: rgba(0, 0, 0, 0.26);
1321
}
1322
.titlebar:not(headerbar) button.suggested-action:disabled, .titlebar:not(headerbar) button.destructive-action:disabled,
1324
headerbar button.suggested-action:disabled,
1325
headerbar button.destructive-action:disabled {
1326
background-color: rgba(0, 0, 0, 0.12);
1327
color: rgba(0, 0, 0, 0.38);
1328
}
1329
.selection-mode.titlebar:not(headerbar),
1331
headerbar.selection-mode {
1332
transition: background-color 0.00001s 0.3s;
1333
animation: header_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1);
1334
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);
1335
background-color: #42A5F5;
1336
color: #FFFFFF;
1337
}
1338
.selection-mode.titlebar:backdrop:not(headerbar),
1340
headerbar.selection-mode:backdrop {
1341
color: rgba(255, 255, 255, 0.7);
1342
}
1343
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action),
1345
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action) {
1346
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0/0 0 0px;
1347
color: #FFFFFF;
1348
}
1349
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):disabled,
1351
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):disabled {
1352
color: rgba(255, 255, 255, 0.5);
1353
}
1354
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked,
1356
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):checked {
1357
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2/0 0 2px;
1358
color: #FFFFFF;
1359
}
1360
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked:disabled,
1362
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):checked:disabled {
1363
color: rgba(255, 255, 255, 0.5);
1364
}
1365
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop,
1367
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop {
1368
color: rgba(255, 255, 255, 0.7);
1369
}
1370
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:disabled,
1372
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:disabled {
1373
color: rgba(255, 255, 255, 0.3);
1374
}
1375
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked,
1377
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked {
1378
color: rgba(255, 255, 255, 0.7);
1379
}
1380
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled,
1382
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled {
1383
color: rgba(255, 255, 255, 0.3);
1384
}
1385
.selection-mode.titlebar:not(headerbar) .selection-menu,
1387
headerbar.selection-mode .selection-menu {
1388
padding-left: 16px;
1389
padding-right: 16px;
1390
}
1391
.selection-mode.titlebar:not(headerbar) .selection-menu GtkArrow,
1393
headerbar.selection-mode .selection-menu GtkArrow {
1394
-GtkArrow-arrow-scaling: 1;
1395
}
1396
.selection-mode.titlebar:not(headerbar) .selection-menu .arrow,
1398
headerbar.selection-mode .selection-menu .arrow {
1399
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
1400
}
1401
.tiled .titlebar:not(headerbar),
1403
.maximized .titlebar:not(headerbar),
1404
.fullscreen .titlebar:not(headerbar), .tiled
1405
headerbar,
1406
.maximized
1407
headerbar,
1408
.fullscreen
1409
headerbar {
1410
border-radius: 0;
1411
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
1412
}
1413
.default-decoration.titlebar:not(headerbar),
1415
headerbar.default-decoration {
1416
min-height: 24px;
1417
padding: 6px;
1418
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
1419
}
1420
.tiled .default-decoration.titlebar:not(headerbar),
1422
.maximized .default-decoration.titlebar:not(headerbar),
1423
.fullscreen .default-decoration.titlebar:not(headerbar), .tiled
1424
headerbar.default-decoration,
1425
.maximized
1426
headerbar.default-decoration,
1427
.fullscreen
1428
headerbar.default-decoration {
1429
box-shadow: none;
1430
}
1431
.default-decoration.titlebar:not(headerbar) button.titlebutton,
1433
headerbar.default-decoration button.titlebutton {
1434
min-height: 24px;
1435
min-width: 24px;
1436
margin: 0;
1437
padding: 0;
1438
}
1439
.background:not(.csd) .default-decoration.titlebar:not(headerbar) button.titlebutton:active, .background:not(.csd)
1441
headerbar.default-decoration button.titlebutton:active {
1442
background-size: 1000% 1000%;
1443
}
1444
headerbar entry,
1446
headerbar spinbutton,
1447
headerbar button {
1448
margin-top: 6px;
1449
margin-bottom: 6px;
1450
}
1451
headerbar switch {
1453
margin-top: 12px;
1454
margin-bottom: 12px;
1455
}
1456
headerbar spinbutton button {
1458
margin-top: 0;
1459
margin-bottom: 0;
1460
}
1461
.background:not(.tiled):not(.maximized):not(.fullscreen):not(.solid-csd) .titlebar {
1463
border-top-left-radius: 2px;
1464
border-top-right-radius: 2px;
1465
}
1466
window:not(.tiled):not(.maximized):not(.fullscreen):not(.solid-csd) separator:first-child + headerbar,
1468
window:not(.tiled):not(.maximized):not(.fullscreen):not(.solid-csd) headerbar:first-child {
1469
border-top-left-radius: 2px;
1470
}
1471
window:not(.tiled):not(.maximized):not(.fullscreen):not(.solid-csd) headerbar:last-child {
1473
border-top-right-radius: 2px;
1474
}
1475
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 {
1477
border-top-left-radius: 2px;
1478
border-top-right-radius: 2px;
1479
}
1480
window.csd > .titlebar:not(headerbar) {
1482
padding: 0;
1483
background-color: transparent;
1484
background-image: none;
1485
border-style: none;
1486
box-shadow: none;
1487
}
1488
.titlebar:not(headerbar) > separator {
1490
background-color: #E0E0E0;
1491
background-image: image(rgba(0, 0, 0, 0.1));
1492
}
1493
/************
1495
* Pathbars *
1496
************/
1497
.caja-pathbar button,
1498
.path-bar button {
1499
padding-left: 6px;
1500
padding-right: 6px;
1501
}
1502
.caja-pathbar button label:not(:only-child):first-child,
1504
.path-bar button label:not(:only-child):first-child {
1505
margin-left: 4px;
1506
}
1507
.caja-pathbar button label:not(:only-child):last-child,
1509
.path-bar button label:not(:only-child):last-child {
1510
margin-right: 4px;
1511
}
1512
.caja-pathbar button.slider-button,
1514
.path-bar button.slider-button {
1515
padding-left: 4px;
1516
padding-right: 4px;
1517
}
1518
:not(headerbar) .caja-pathbar button, .caja-pathbar :not(headerbar) button, :not(headerbar)
1520
.path-bar button {
1521
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #42A5F5 0%, transparent 0%) 0 0 0/0 0 0px;
1522
border-radius: 2px;
1523
}
1524
:not(headerbar) .caja-pathbar button:checked, .caja-pathbar :not(headerbar) button:checked, :not(headerbar)
1526
.path-bar button:checked {
1527
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #42A5F5 100%, transparent 0%) 0 0 2/0 0 2px;
1528
}
1529
: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)
1531
.path-bar button:checked, :not(headerbar)
1532
.path-bar button:checked:disabled {
1533
background-color: transparent;
1534
}
1535
/**************
1537
* Tree Views *
1538
**************/
1539
treeview.view {
1540
border-left-color: rgba(0, 0, 0, 0.26);
1541
border-top-color: rgba(0, 0, 0, 0.1);
1542
}
1543
* {
1545
-GtkTreeView-horizontal-separator: 4;
1546
-GtkTreeView-grid-line-width: 1;
1547
-GtkTreeView-grid-line-pattern: '';
1548
-GtkTreeView-tree-line-width: 1;
1549
-GtkTreeView-tree-line-pattern: '';
1550
-GtkTreeView-expander-size: 16;
1551
}
1552
treeview.view:selected {
1554
border-left-color: rgba(255, 255, 255, 0.3);
1555
}
1556
treeview.view:hover, treeview.view:active, treeview.view:selected {
1558
border-radius: 0;
1559
}
1560
treeview.view.separator {
1562
min-height: 5px;
1563
color: rgba(0, 0, 0, 0.1);
1564
}
1565
treeview.view:drop(active) {
1567
border-style: solid none;
1568
border-width: 1px;
1569
border-color: #FF4081;
1570
}
1571
treeview.view:drop(active).after {
1573
border-top-style: none;
1574
}
1575
treeview.view:drop(active).before {
1577
border-bottom-style: none;
1578
}
1579
treeview.view.expander {
1581
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
1582
-gtk-icon-transform: rotate(-90deg);
1583
color: rgba(0, 0, 0, 0.54);
1584
}
1585
treeview.view.expander:dir(rtl) {
1587
-gtk-icon-transform: rotate(90deg);
1588
}
1589
treeview.view.expander:checked {
1591
-gtk-icon-transform: unset;
1592
}
1593
treeview.view.expander:hover, treeview.view.expander:active {
1595
color: rgba(0, 0, 0, 0.87);
1596
}
1597
treeview.view.expander:disabled {
1599
color: rgba(0, 0, 0, 0.26);
1600
}
1601
treeview.view.expander:selected {
1603
color: rgba(255, 255, 255, 0.7);
1604
}
1605
treeview.view.expander:selected:hover, treeview.view.expander:selected:active {
1607
color: #FFFFFF;
1608
}
1609
treeview.view.expander:selected:disabled {
1611
color: rgba(255, 255, 255, 0.3);
1612
}
1613
treeview.view.progressbar {
1615
border-bottom: 4px solid #42A5F5;
1616
box-shadow: none;
1617
background-color: transparent;
1618
}
1619
treeview.view.progressbar:selected {
1621
border-bottom-color: #FFFFFF;
1622
}
1623
treeview.view.trough {
1625
border-bottom: 4px solid rgba(66, 165, 245, 0.3);
1626
box-shadow: none;
1627
background-color: transparent;
1628
}
1629
treeview.view.trough:selected {
1631
border-bottom-color: rgba(255, 255, 255, 0.3);
1632
}
1633
treeview.view header button {
1635
padding: 2px 6px;
1636
border-style: none solid solid none;
1637
border-width: 1px;
1638
border-color: rgba(0, 0, 0, 0.1);
1639
border-radius: 0;
1640
background-clip: border-box;
1641
}
1642
treeview.view header button, treeview.view header button:hover, treeview.view header button:active {
1644
box-shadow: none;
1645
}
1646
treeview.view header button, treeview.view header button:disabled {
1648
background-color: #FFFFFF;
1649
}
1650
treeview.view header button:last-child {
1652
border-right-style: none;
1653
}
1654
treeview.view button.dnd,
1656
treeview.view header.button.dnd {
1657
padding: 2px 6px;
1658
border-style: none solid solid;
1659
border-width: 1px;
1660
border-color: rgba(0, 0, 0, 0.1);
1661
border-radius: 0;
1662
box-shadow: none;
1663
background-color: #FFFFFF;
1664
background-clip: border-box;
1665
color: #42A5F5;
1666
}
1667
treeview.view acceleditor > label {
1669
background-color: #42A5F5;
1670
}
1671
/*********
1673
* Menus *
1674
*********/
1675
menubar,
1676
.menubar {
1677
-GtkWidget-window-dragging: true;
1678
padding: 0;
1679
background-color: #E0E0E0;
1680
}
1681
menubar > menuitem,
1683
.menubar > menuitem {
1684
transition: all 0.2s cubic-bezier(0, 0, 0.2, 1);
1685
min-height: 20px;
1686
padding: 4px 8px;
1687
color: rgba(0, 0, 0, 0.54);
1688
}
1689
menubar > menuitem:hover,
1691
.menubar > menuitem:hover {
1692
transition: none;
1693
background-color: rgba(0, 0, 0, 0.12);
1694
color: rgba(0, 0, 0, 0.87);
1695
}
1696
menubar > menuitem:disabled,
1698
.menubar > menuitem:disabled {
1699
color: rgba(0, 0, 0, 0.26);
1700
}
1701
.csd.popup {
1703
background-color: transparent;
1704
}
1705
menu,
1707
.menu,
1708
.context-menu {
1709
margin: 4px 0;
1710
padding: 4px 0;
1711
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
1712
background-color: #FFFFFF;
1713
border: 1px solid rgba(0, 0, 0, 0.1);
1714
}
1715
.csd menu, .csd
1717
.menu, .csd
1718
.context-menu {
1719
border: none;
1720
border-radius: 2px;
1721
}
1722
menu menuitem,
1724
.menu menuitem,
1725
.context-menu menuitem {
1726
transition: all 0.2s cubic-bezier(0, 0, 0.2, 1);
1727
min-height: 20px;
1728
min-width: 40px;
1729
padding: 4px 8px;
1730
font: initial;
1731
text-shadow: none;
1732
}
1733
menu menuitem:hover,
1735
.menu menuitem:hover,
1736
.context-menu menuitem:hover {
1737
transition: none;
1738
background-color: rgba(0, 0, 0, 0.12);
1739
}
1740
menu menuitem:disabled,
1742
.menu menuitem:disabled,
1743
.context-menu menuitem:disabled {
1744
color: rgba(0, 0, 0, 0.38);
1745
}
1746
menu menuitem arrow,
1748
.menu menuitem arrow,
1749
.context-menu menuitem arrow {
1750
min-height: 16px;
1751
min-width: 16px;
1752
}
1753
menu menuitem arrow:dir(ltr),
1755
.menu menuitem arrow:dir(ltr),
1756
.context-menu menuitem arrow:dir(ltr) {
1757
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
1758
margin-left: 8px;
1759
}
1760
menu menuitem arrow:dir(rtl),
1762
.menu menuitem arrow:dir(rtl),
1763
.context-menu menuitem arrow:dir(rtl) {
1764
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl");
1765
margin-right: 8px;
1766
}
1767
menu menuitem label:dir(rtl), menu menuitem label:dir(ltr),
1769
.menu menuitem label:dir(rtl),
1770
.menu menuitem label:dir(ltr),
1771
.context-menu menuitem label:dir(rtl),
1772
.context-menu menuitem label:dir(ltr) {
1773
color: inherit;
1774
}
1775
menu > arrow,
1777
.menu > arrow,
1778
.context-menu > arrow {
1779
min-height: 16px;
1780
min-width: 16px;
1781
padding: 4px;
1782
background-color: #FFFFFF;
1783
color: rgba(0, 0, 0, 0.54);
1784
}
1785
menu > arrow.top,
1787
.menu > arrow.top,
1788
.context-menu > arrow.top {
1789
margin-top: -4px;
1790
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
1791
border-radius: 2px 2px 0 0;
1792
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
1793
}
1794
menu > arrow.bottom,
1796
.menu > arrow.bottom,
1797
.context-menu > arrow.bottom {
1798
margin-bottom: -12px;
1799
border-top: 1px solid rgba(0, 0, 0, 0.1);
1800
border-radius: 0 0 2px 2px;
1801
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
1802
}
1803
menu > arrow:hover,
1805
.menu > arrow:hover,
1806
.context-menu > arrow:hover {
1807
background-image: image(rgba(0, 0, 0, 0.12));
1808
color: rgba(0, 0, 0, 0.87);
1809
}
1810
menu > arrow:disabled,
1812
.menu > arrow:disabled,
1813
.context-menu > arrow:disabled {
1814
border-color: transparent;
1815
background-color: transparent;
1816
color: transparent;
1817
}
1818
menu separator,
1820
.menu separator,
1821
.context-menu separator {
1822
margin: 4px 0;
1823
}
1824
menuitem accelerator {
1826
color: rgba(0, 0, 0, 0.54);
1827
}
1828
.popup:not(.csd) menu menuitem {
1830
color: #212121;
1831
}
1832
.popup:not(.csd) menu menuitem:hover {
1834
background-color: #E0E0E0;
1835
}
1836
.popup:not(.csd) menu menuitem:disabled {
1838
color: #9E9E9E;
1839
}
1840
.popup:not(.csd) menu accelerator {
1842
color: #757575;
1843
}
1844
/************
1846
* Popovers *
1847
************/
1848
popover.background {
1849
transition: box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1);
1850
padding: 2px;
1851
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
1852
background-color: #FAFAFA;
1853
}
1854
popover.background:backdrop {
1856
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
1857
}
1858
popover.background, .csd popover.background {
1860
border-style: solid;
1861
border-width: 1px;
1862
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.3);
1863
border-radius: 3px;
1864
}
1865
popover.background > stack {
1867
margin: -4px;
1868
}
1869
popover.background > toolbar {
1871
margin: -2px;
1872
}
1873
popover.background > list,
1875
popover.background > .view,
1876
popover.background > toolbar {
1877
border-style: none;
1878
box-shadow: none;
1879
background-color: transparent;
1880
}
1881
popover.background.menu button,
1883
popover.background button.model {
1884
min-height: 32px;
1885
padding: 0 8px;
1886
border-radius: 2px;
1887
}
1888
popover.background separator {
1890
margin: 4px 0;
1891
}
1892
popover.background list separator {
1894
margin: 0;
1895
}
1896
/*************
1898
* Notebooks *
1899
*************/
1900
notebook > header {
1901
border-width: 1px;
1902
border-color: rgba(0, 0, 0, 0.1);
1903
background-color: #F5F5F5;
1904
background-clip: border-box;
1905
}
1906
notebook > header.top {
1908
border-bottom-style: solid;
1909
}
1910
notebook > header.top > tabs {
1912
margin-bottom: -1px;
1913
}
1914
notebook > header.top > tabs > tab:hover {
1916
box-shadow: inset 0 -2px rgba(0, 0, 0, 0.26);
1917
}
1918
notebook > header.top > tabs > tab:checked {
1920
box-shadow: inset 0 -2px #42A5F5;
1921
}
1922
notebook > header.bottom {
1924
border-top-style: solid;
1925
}
1926
notebook > header.bottom > tabs {
1928
margin-top: -1px;
1929
}
1930
notebook > header.bottom > tabs > tab:hover {
1932
box-shadow: inset 0 2px rgba(0, 0, 0, 0.26);
1933
}
1934
notebook > header.bottom > tabs > tab:checked {
1936
box-shadow: inset 0 2px #42A5F5;
1937
}
1938
notebook > header.left {
1940
border-right-style: solid;
1941
}
1942
notebook > header.left > tabs {
1944
margin-right: -1px;
1945
}
1946
notebook > header.left > tabs > tab:hover {
1948
box-shadow: inset -2px 0 rgba(0, 0, 0, 0.26);
1949
}
1950
notebook > header.left > tabs > tab:checked {
1952
box-shadow: inset -2px 0 #42A5F5;
1953
}
1954
notebook > header.right {
1956
border-left-style: solid;
1957
}
1958
notebook > header.right > tabs {
1960
margin-left: -1px;
1961
}
1962
notebook > header.right > tabs > tab:hover {
1964
box-shadow: inset 2px 0 rgba(0, 0, 0, 0.26);
1965
}
1966
notebook > header.right > tabs > tab:checked {
1968
box-shadow: inset 2px 0 #42A5F5;
1969
}
1970
notebook > header.top > tabs > arrow {
1972
border-top-style: none;
1973
}
1974
notebook > header.bottom > tabs > arrow {
1976
border-bottom-style: none;
1977
}
1978
notebook > header.top > tabs > arrow, notebook > header.bottom > tabs > arrow {
1980
padding-left: 4px;
1981
padding-right: 4px;
1982
}
1983
notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down {
1985
margin-left: -8px;
1986
-gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
1987
}
1988
notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up {
1990
margin-right: -8px;
1991
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
1992
}
1993
notebook > header.left > tabs > arrow {
1995
border-left-style: none;
1996
}
1997
notebook > header.right > tabs > arrow {
1999
border-right-style: none;
2000
}
2001
notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow {
2003
padding-top: 4px;
2004
padding-bottom: 4px;
2005
}
2006
notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down {
2008
margin-top: -8px;
2009
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
2010
}
2011
notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up {
2013
margin-bottom: -8px;
2014
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
2015
}
2016
notebook > header > tabs > arrow {
2018
min-height: 16px;
2019
min-width: 16px;
2020
border-radius: 0;
2021
}
2022
notebook > header tab {
2024
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
2025
min-height: 24px;
2026
min-width: 24px;
2027
padding: 6px 12px;
2028
outline-offset: -6px;
2029
border-width: 1px;
2030
border-color: transparent;
2031
background-image: radial-gradient(circle farthest-corner at center, #42A5F5 10%, transparent 0%);
2032
background-repeat: no-repeat;
2033
background-position: center;
2034
background-size: 0% 0%;
2035
color: rgba(0, 0, 0, 0.54);
2036
font-weight: 500;
2037
}
2038
notebook > header tab:hover {
2040
color: rgba(0, 0, 0, 0.87);
2041
}
2042
notebook > header tab:hover.reorderable-page {
2044
border-color: rgba(0, 0, 0, 0.1);
2045
background-color: #FAFAFA;
2046
}
2047
notebook > header tab:disabled {
2049
color: rgba(0, 0, 0, 0.26);
2050
}
2051
notebook > header tab:checked {
2053
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);
2054
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
2055
background-size: 1000% 1000%;
2056
color: rgba(0, 0, 0, 0.87);
2057
}
2058
notebook > header tab:checked:disabled {
2060
color: rgba(0, 0, 0, 0.38);
2061
}
2062
notebook > header tab:checked.reorderable-page {
2064
border-color: rgba(0, 0, 0, 0.1);
2065
background-color: #FFFFFF;
2066
}
2067
notebook > header tab button.flat:last-child {
2069
margin-left: 6px;
2070
margin-right: -6px;
2071
}
2072
notebook > header tab button.flat:first-child {
2074
margin-left: -6px;
2075
margin-right: 6px;
2076
}
2077
notebook > header.top tabs, notebook > header.bottom tabs {
2079
padding-left: 8px;
2080
padding-right: 8px;
2081
}
2082
notebook > header.top tabs:not(:only-child):first-child, notebook > header.bottom tabs:not(:only-child):first-child {
2084
margin-left: 0;
2085
}
2086
notebook > header.top tabs:not(:only-child):last-child, notebook > header.bottom tabs:not(:only-child):last-child {
2088
margin-right: 0;
2089
}
2090
notebook > header.top tabs tab.reorderable-page, notebook > header.bottom tabs tab.reorderable-page {
2092
margin: 0 -1px;
2093
border-style: none solid;
2094
}
2095
notebook > header.left tabs, notebook > header.right tabs {
2097
padding-top: 8px;
2098
padding-bottom: 8px;
2099
}
2100
notebook > header.left tabs:not(:only-child):first-child, notebook > header.right tabs:not(:only-child):first-child {
2102
margin-top: 0;
2103
}
2104
notebook > header.left tabs:not(:only-child):last-child, notebook > header.right tabs:not(:only-child):last-child {
2106
margin-bottom: 0;
2107
}
2108
notebook > header.left tabs tab.reorderable-page, notebook > header.right tabs tab.reorderable-page {
2110
margin: -1px 0;
2111
border-style: solid none;
2112
}
2113
notebook > stack:not(:only-child) {
2115
background-color: #FFFFFF;
2116
}
2117
/**************
2119
* Scrollbars *
2120
**************/
2121
scrollbar {
2122
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
2123
background-color: #FFFFFF;
2124
background-clip: padding-box;
2125
}
2126
* {
2128
-GtkScrollbar-has-backward-stepper: false;
2129
-GtkScrollbar-has-forward-stepper: false;
2130
}
2131
scrollbar.top {
2133
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
2134
}
2135
scrollbar.bottom {
2137
border-top: 1px solid rgba(0, 0, 0, 0.1);
2138
}
2139
scrollbar.left {
2141
border-right: 1px solid rgba(0, 0, 0, 0.1);
2142
}
2143
scrollbar.right {
2145
border-left: 1px solid rgba(0, 0, 0, 0.1);
2146
}
2147
scrollbar slider {
2149
transition: all 0.2s cubic-bezier(0, 0, 0.2, 1), margin 0, border-width 0;
2150
min-width: 8px;
2151
min-height: 8px;
2152
border: 4px solid transparent;
2153
border-radius: 9999px;
2154
background-clip: padding-box;
2155
background-color: rgba(0, 0, 0, 0.38);
2156
}
2157
scrollbar slider:hover {
2159
background-color: rgba(0, 0, 0, 0.54);
2160
}
2161
scrollbar slider:active {
2163
background-color: rgba(0, 0, 0, 0.87);
2164
}
2165
scrollbar slider:disabled {
2167
background-color: rgba(0, 0, 0, 0.26);
2168
}
2169
scrollbar.fine-tune slider {
2171
transition: all 0.2s cubic-bezier(0, 0, 0.2, 1), margin 0, border-width 0, min-width 0, min-height 0;
2172
min-width: 4px;
2173
min-height: 4px;
2174
}
2175
scrollbar.fine-tune.horizontal slider {
2177
margin: 2px 0;
2178
}
2179
scrollbar.fine-tune.vertical slider {
2181
margin: 0 2px;
2182
}
2183
scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
2185
border-color: transparent;
2186
background-color: transparent;
2187
}
2188
scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider {
2190
min-width: 4px;
2191
min-height: 4px;
2192
margin: 3px;
2193
border: 1px solid rgba(255, 255, 255, 0.3);
2194
}
2195
scrollbar.overlay-indicator:not(.dragging):not(.hovering) button {
2197
min-width: 4px;
2198
min-height: 4px;
2199
margin: 3px;
2200
border: 1px solid rgba(255, 255, 255, 0.3);
2201
border-radius: 9999px;
2202
background-color: rgba(0, 0, 0, 0.38);
2203
background-clip: padding-box;
2204
-gtk-icon-source: none;
2205
}
2206
scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled {
2208
background-color: rgba(0, 0, 0, 0.26);
2209
}
2210
scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider {
2212
min-width: 24px;
2213
}
2214
scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button {
2216
min-width: 8px;
2217
}
2218
scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider {
2220
min-height: 24px;
2221
}
2222
scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button {
2224
min-height: 8px;
2225
}
2226
scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering {
2228
background-color: rgba(255, 255, 255, 0.9);
2229
}
2230
scrollbar.horizontal slider {
2232
min-width: 24px;
2233
}
2234
scrollbar.vertical slider {
2236
min-height: 24px;
2237
}
2238
scrollbar button {
2240
min-width: 16px;
2241
min-height: 16px;
2242
padding: 0;
2243
border-radius: 0;
2244
}
2245
scrollbar.vertical button.down {
2247
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
2248
}
2249
scrollbar.vertical button.up {
2251
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
2252
}
2253
scrollbar.horizontal button.down {
2255
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
2256
}
2257
scrollbar.horizontal button.up {
2259
-gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
2260
}
2261
/**********
2263
* Switch *
2264
**********/
2265
switch {
2266
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
2267
margin: 6px 0;
2268
padding: 0 2px;
2269
border: 4px solid transparent;
2270
border-radius: 9999px;
2271
background-color: rgba(0, 0, 0, 0.26);
2272
background-clip: padding-box;
2273
font-size: 0;
2274
}
2275
switch:disabled {
2277
background-color: rgba(0, 0, 0, 0.12);
2278
}
2279
switch:checked {
2281
background-color: rgba(255, 64, 129, 0.5);
2282
}
2283
switch:checked:disabled {
2285
background-color: rgba(255, 64, 129, 0.3);
2286
}
2287
switch slider {
2289
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1);
2290
min-width: 20px;
2291
min-height: 20px;
2292
margin: -3px -2px;
2293
border-radius: 9999px;
2294
-gtk-outline-radius: 9999px;
2295
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
2296
background-color: #FFFFFF;
2297
}
2298
switch:hover slider {
2300
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
2301
}
2302
switch:checked slider {
2304
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;
2305
animation: needs_attention 0.3s cubic-bezier(0, 0, 0.2, 1);
2306
background-color: #FF4081;
2307
color: #FFFFFF;
2308
}
2309
switch:disabled slider {
2311
background-color: #FAFAFA;
2312
}
2313
switch:checked:disabled slider {
2315
animation: none;
2316
}
2317
/*************************
2319
* Check and Radio items *
2320
*************************/
2321
.view.content-view.check:not(list),
2322
.content-view .tile check:not(list) {
2323
min-height: 40px;
2324
min-width: 40px;
2325
margin: 0;
2326
padding: 0;
2327
box-shadow: none;
2328
background-color: transparent;
2329
background-image: none;
2330
-gtk-icon-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
2331
}
2332
.view.content-view.check:not(list):hover, .view.content-view.check:not(list):active,
2334
.content-view .tile check:not(list):hover,
2335
.content-view .tile check:not(list):active {
2336
-gtk-icon-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
2337
}
2338
.view.content-view.check:not(list),
2340
.content-view .tile check:not(list) {
2341
-gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-unchecked.png"), url("assets/selectionmode-checkbox-unchecked@2.png"));
2342
}
2343
.view.content-view.check:not(list):checked,
2345
.content-view .tile check:not(list):checked {
2346
-gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-checked.png"), url("assets/selectionmode-checkbox-checked@2.png"));
2347
}
2348
checkbutton.text-button,
2350
radiobutton.text-button {
2351
padding: 2px;
2352
outline-offset: 0;
2353
}
2354
checkbutton.text-button label:not(:only-child),
2356
radiobutton.text-button label:not(:only-child) {
2357
margin: 0 4px;
2358
}
2359
check,
2361
radio {
2362
min-height: 24px;
2363
min-width: 24px;
2364
margin: -12px;
2365
padding: 12px;
2366
}
2367
check:checked, check:indeterminate,
2369
radio:checked,
2370
radio:indeterminate {
2371
color: #FF4081;
2372
}
2373
check:checked:disabled, check:indeterminate:disabled,
2375
radio:checked:disabled,
2376
radio:indeterminate:disabled {
2377
color: rgba(255, 64, 129, 0.5);
2378
}
2379
row:selected check:not(:checked):not(:indeterminate), row:selected
2381
radio:not(:checked):not(:indeterminate) {
2382
color: rgba(255, 255, 255, 0.7);
2383
}
2384
row:selected check:not(:checked):not(:indeterminate):hover, row:selected check:not(:checked):not(:indeterminate):active, row:selected
2386
radio:not(:checked):not(:indeterminate):hover, row:selected
2387
radio:not(:checked):not(:indeterminate):active {
2388
color: #FFFFFF;
2389
}
2390
row:selected check:not(:checked):not(:indeterminate):disabled, row:selected
2392
radio:not(:checked):not(:indeterminate):disabled {
2393
color: rgba(255, 255, 255, 0.3);
2394
}
2395
popover check, popover check:hover, popover check:disabled, popover
2397
radio, popover
2398
radio:hover, popover
2399
radio:disabled {
2400
box-shadow: none;
2401
background-image: none;
2402
}
2403
popover check:not(:checked):not(:indeterminate):not(:disabled), popover
2405
radio:not(:checked):not(:indeterminate):not(:disabled) {
2406
color: rgba(0, 0, 0, 0.54);
2407
}
2408
popover check.left:dir(rtl), popover
2410
radio.left:dir(rtl) {
2411
margin-left: -16px;
2412
margin-right: -8px;
2413
}
2414
popover check.right:dir(ltr), popover
2416
radio.right:dir(ltr) {
2417
margin-left: -8px;
2418
margin-right: -16px;
2419
}
2420
menu menuitem check, menu menuitem
2422
radio {
2423
transition: none;
2424
min-height: 16px;
2425
min-width: 16px;
2426
margin: 0;
2427
padding: 0;
2428
}
2429
menu menuitem check:dir(ltr), menu menuitem
2431
radio:dir(ltr) {
2432
margin-right: 8px;
2433
}
2434
menu menuitem check:dir(rtl), menu menuitem
2436
radio:dir(rtl) {
2437
margin-left: 8px;
2438
}
2439
menu menuitem check:not(:checked):not(:indeterminate):not(:disabled), menu menuitem
2441
radio:not(:checked):not(:indeterminate):not(:disabled) {
2442
color: rgba(0, 0, 0, 0.54);
2443
}
2444
menu menuitem check, menu menuitem check:hover, menu menuitem check:disabled, menu menuitem
2446
radio, menu menuitem
2447
radio:hover, menu menuitem
2448
radio:disabled {
2449
box-shadow: none;
2450
}
2451
check {
2454
-gtk-icon-source: image(-gtk-recolor(url("assets/scalable/checkbox-unchecked-symbolic.svg")), -gtk-recolor(url("assets/scalable/checkbox-unchecked-symbolic.symbolic.png")));
2455
}
2456
check:checked {
2459
-gtk-icon-source: image(-gtk-recolor(url("assets/scalable/checkbox-checked-symbolic.svg")), -gtk-recolor(url("assets/scalable/checkbox-checked-symbolic.symbolic.png")));
2460
}
2461
check:indeterminate {
2464
-gtk-icon-source: image(-gtk-recolor(url("assets/scalable/checkbox-mixed-symbolic.svg")), -gtk-recolor(url("assets/scalable/checkbox-mixed-symbolic.symbolic.png")));
2465
}
2466
radio {
2469
border-image-slice: 24;
2470
border-image-width: 24px;
2471
}
2472
radio {
2475
-gtk-icon-source: image(-gtk-recolor(url("assets/scalable/radio-unchecked-symbolic.svg")), -gtk-recolor(url("assets/scalable/radio-unchecked-symbolic.symbolic.png")));
2476
}
2477
radio:indeterminate {
2480
-gtk-icon-source: image(-gtk-recolor(url("assets/scalable/radio-mixed-symbolic.svg")), -gtk-recolor(url("assets/scalable/radio-mixed-symbolic.symbolic.png")));
2481
}
2482
radio {
2485
border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#FF4081), to(transparent));
2486
}
2487
radio:checked:not(:indeterminate) {
2490
border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.10417, to(#FF4081), to(transparent));
2491
}
2492
radio:checked:not(:indeterminate):disabled {
2495
border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.10417, to(rgba(255, 64, 129, 0.5)), to(transparent));
2496
}
2497
window.background:not(.csd) > widget > checkbutton > check,
2499
menu menuitem check {
2500
border-radius: 2px;
2501
-gtk-outline-radius: 2px;
2502
-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")));
2503
}
2504
window.background:not(.csd) > widget > checkbutton > check:checked,
2506
menu menuitem check:checked {
2507
-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")));
2508
}
2509
window.background:not(.csd) > widget > checkbutton > check:indeterminate,
2511
menu menuitem check:indeterminate {
2512
-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")));
2513
}
2514
window.background:not(.csd) > widget > radiobutton > radio,
2516
menu menuitem radio {
2517
border-image: none;
2518
-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")));
2519
}
2520
window.background:not(.csd) > widget > radiobutton > radio:checked,
2522
menu menuitem radio:checked {
2523
-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")));
2524
}
2525
window.background:not(.csd) > widget > radiobutton > radio:indeterminate,
2527
menu menuitem radio:indeterminate {
2528
-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")));
2529
}
2530
check:not(:checked):active {
2532
-gtk-icon-transform: rotate(90deg);
2533
}
2534
check:not(:checked):indeterminate:active,
2536
radio:not(:checked):indeterminate:active {
2537
-gtk-icon-transform: scaleX(-1);
2538
}
2539
check:not(:checked),
2541
radio:not(:checked) {
2542
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;
2543
}
2544
check:not(:checked):active,
2546
radio:not(:checked):active {
2547
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0, -gtk-icon-transform 0;
2548
}
2549
menu menuitem check:not(:checked), menu menuitem
2551
radio:not(:checked) {
2552
transition: none;
2553
}
2554
treeview.view check,
2556
treeview.view radio {
2557
padding: 0;
2558
}
2559
treeview.view check:hover,
2561
treeview.view radio:hover {
2562
box-shadow: inset 0 0 0 9999px alpha(rgba(0, 0, 0, 0.87), 0.05);
2563
}
2564
treeview.view check:hover:disabled,
2566
treeview.view radio:hover:disabled {
2567
box-shadow: none;
2568
}
2569
treeview.view check:hover:selected,
2571
treeview.view radio:hover:selected {
2572
box-shadow: inset 0 0 0 9999px alpha(#FFFFFF, 0.05);
2573
}
2574
treeview.view check,
2576
treeview.view radio {
2577
color: rgba(0, 0, 0, 0.54);
2578
}
2579
treeview.view check:hover, treeview.view check:active,
2581
treeview.view radio:hover,
2582
treeview.view radio:active {
2583
color: rgba(0, 0, 0, 0.87);
2584
}
2585
treeview.view check:disabled,
2587
treeview.view radio:disabled {
2588
color: rgba(0, 0, 0, 0.26);
2589
}
2590
treeview.view check:checked, treeview.view check:indeterminate,
2592
treeview.view radio:checked,
2593
treeview.view radio:indeterminate {
2594
color: #FF4081;
2595
}
2596
treeview.view check:checked:disabled, treeview.view check:indeterminate:disabled,
2598
treeview.view radio:checked:disabled,
2599
treeview.view radio:indeterminate:disabled {
2600
color: rgba(255, 64, 129, 0.5);
2601
}
2602
treeview.view check:selected,
2604
treeview.view radio:selected {
2605
color: rgba(255, 255, 255, 0.7);
2606
}
2607
treeview.view check:selected:hover, treeview.view check:selected:active,
2609
treeview.view radio:selected:hover,
2610
treeview.view radio:selected:active {
2611
color: #FFFFFF;
2612
}
2613
treeview.view check:selected:disabled,
2615
treeview.view radio:selected:disabled {
2616
color: rgba(255, 255, 255, 0.3);
2617
}
2618
treeview.view check:selected:checked, treeview.view check:selected:indeterminate,
2620
treeview.view radio:selected:checked,
2621
treeview.view radio:selected:indeterminate {
2622
color: #FF4081;
2623
}
2624
treeview.view check:selected:checked:disabled, treeview.view check:selected:indeterminate:disabled,
2626
treeview.view radio:selected:checked:disabled,
2627
treeview.view radio:selected:indeterminate:disabled {
2628
color: rgba(255, 64, 129, 0.5);
2629
}
2630
treeview.view radio:checked {
2632
-gtk-icon-source: image(-gtk-recolor(url("assets/scalable/radio-checked-symbolic.svg")), -gtk-recolor(url("assets/scalable/radio-checked-symbolic.symbolic.png")));
2633
border-image: none;
2634
}
2635
/************
2637
* GtkScale *
2638
************/
2639
scale {
2640
min-height: 12px;
2641
min-width: 12px;
2642
padding: 12px;
2643
}
2644
scale slider {
2646
min-height: 24px;
2647
min-width: 24px;
2648
margin: -11px;
2649
}
2650
scale trough {
2652
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
2653
outline-offset: 2px;
2654
background-color: rgba(0, 0, 0, 0.26);
2655
}
2656
scale trough:disabled {
2658
background-color: rgba(0, 0, 0, 0.12);
2659
}
2660
scale highlight {
2662
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
2663
background-color: #FF4081;
2664
}
2665
scale highlight:disabled {
2667
background-color: transparent;
2668
}
2669
scale fill {
2671
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
2672
background-color: rgba(0, 0, 0, 0.26);
2673
}
2674
scale fill:disabled {
2676
background-color: transparent;
2677
}
2678
scale slider {
2680
transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
2681
background-repeat: no-repeat;
2682
background-position: center;
2683
background-size: calc(100% - 10px);
2684
}
2685
scale slider {
2687
background-image: -gtk-scaled(url("assets/scale-slider.png"), url("assets/scale-slider@2.png"));
2688
}
2689
scale slider:disabled {
2691
background-image: -gtk-scaled(url("assets/scale-slider-disabled.png"), url("assets/scale-slider-disabled@2.png"));
2692
}
2693
scale slider:hover {
2695
background-size: calc(100% - 8px);
2696
}
2697
scale slider:active {
2699
background-size: calc(100% - 6px);
2700
}
2701
scale.fine-tune slider {
2703
background-size: calc(100% - 12px);
2704
}
2705
scale marks label,
2707
scale value {
2708
color: rgba(0, 0, 0, 0.38);
2709
}
2710
scale marks {
2712
color: rgba(0, 0, 0, 0.26);
2713
}
2714
scale marks.top {
2716
margin-bottom: 8px;
2717
margin-top: -16px;
2718
}
2719
scale marks.bottom {
2721
margin-top: 8px;
2722
margin-bottom: -16px;
2723
}
2724
scale marks.top {
2726
margin-right: 8px;
2727
margin-left: -16px;
2728
}
2729
scale marks.bottom {
2731
margin-left: 8px;
2732
margin-right: -16px;
2733
}
2734
scale.horizontal indicator {
2736
min-height: 8px;
2737
min-width: 1px;
2738
}
2739
scale.vertical indicator {
2741
min-height: 1px;
2742
min-width: 8px;
2743
}
2744
scale.horizontal.marks-before:not(.marks-after) slider {
2746
min-height: 30px;
2747
min-width: 24px;
2748
margin-top: -17px;
2749
background-position: center calc(100% - 5px);
2750
}
2751
scale.horizontal.marks-before:not(.marks-after) slider {
2753
background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider.png"), url("assets/scale-horz-marks-before-slider@2.png"));
2754
}
2755
scale.horizontal.marks-before:not(.marks-after) slider:disabled {
2757
background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-disabled.png"), url("assets/scale-horz-marks-before-slider-disabled@2.png"));
2758
}
2759
scale.horizontal.marks-before:not(.marks-after) slider:hover {
2761
background-position: center calc(100% - 4px);
2762
}
2763
scale.horizontal.marks-before:not(.marks-after) slider:active {
2765
background-position: center calc(100% - 3px);
2766
}
2767
scale.horizontal.marks-before:not(.marks-after).fine-tune slider {
2769
background-position: center calc(100% - 6px);
2770
}
2771
scale.horizontal.marks-after:not(.marks-before) slider {
2773
min-height: 30px;
2774
min-width: 24px;
2775
margin-bottom: -17px;
2776
background-position: center calc(5px);
2777
}
2778
scale.horizontal.marks-after:not(.marks-before) slider {
2780
background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider.png"), url("assets/scale-horz-marks-after-slider@2.png"));
2781
}
2782
scale.horizontal.marks-after:not(.marks-before) slider:disabled {
2784
background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-disabled.png"), url("assets/scale-horz-marks-after-slider-disabled@2.png"));
2785
}
2786
scale.horizontal.marks-after:not(.marks-before) slider:hover {
2788
background-position: center calc(4px);
2789
}
2790
scale.horizontal.marks-after:not(.marks-before) slider:active {
2792
background-position: center calc(3px);
2793
}
2794
scale.horizontal.marks-after:not(.marks-before).fine-tune slider {
2796
background-position: center calc(6px);
2797
}
2798
scale.vertical.marks-before:not(.marks-after) slider {
2800
min-height: 24px;
2801
min-width: 30px;
2802
margin-left: -17px;
2803
background-position: calc(5px) center;
2804
}
2805
scale.vertical.marks-before:not(.marks-after) slider {
2807
background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider.png"), url("assets/scale-vert-marks-before-slider@2.png"));
2808
}
2809
scale.vertical.marks-before:not(.marks-after) slider:disabled {
2811
background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-disabled.png"), url("assets/scale-vert-marks-before-slider-disabled@2.png"));
2812
}
2813
scale.vertical.marks-before:not(.marks-after) slider:hover {
2815
background-position: calc(4px) center;
2816
}
2817
scale.vertical.marks-before:not(.marks-after) slider:active {
2819
background-position: calc(3px) center;
2820
}
2821
scale.vertical.marks-before:not(.marks-after).fine-tune slider {
2823
background-position: calc(6px) center;
2824
}
2825
scale.vertical.marks-after:not(.marks-before) slider {
2827
min-height: 24px;
2828
min-width: 30px;
2829
margin-right: -17px;
2830
background-position: calc(100% - 5px) center;
2831
}
2832
scale.vertical.marks-after:not(.marks-before) slider {
2834
background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider.png"), url("assets/scale-vert-marks-after-slider@2.png"));
2835
}
2836
scale.vertical.marks-after:not(.marks-before) slider:disabled {
2838
background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-disabled.png"), url("assets/scale-vert-marks-after-slider-disabled@2.png"));
2839
}
2840
scale.vertical.marks-after:not(.marks-before) slider:hover {
2842
background-position: calc(100% - 4px) center;
2843
}
2844
scale.vertical.marks-after:not(.marks-before) slider:active {
2846
background-position: calc(100% - 3px) center;
2847
}
2848
scale.vertical.marks-after:not(.marks-before).fine-tune slider {
2850
background-position: calc(100% - 6px) center;
2851
}
2852
scale.color {
2854
min-height: 0;
2855
min-width: 0;
2856
}
2857
scale.color.horizontal {
2859
padding: 0 0 12px 0;
2860
}
2861
scale.color.horizontal slider:dir(ltr), scale.color.horizontal slider:dir(rtl) {
2863
margin-bottom: -12px;
2864
margin-top: -2px;
2865
}
2866
scale.color.vertical:dir(ltr) {
2868
padding: 0 0 0 12px;
2869
}
2870
scale.color.vertical:dir(ltr) slider {
2872
margin-left: -12px;
2873
margin-right: -2px;
2874
}
2875
scale.color.vertical:dir(rtl) {
2877
padding: 0 12px 0 0;
2878
}
2879
scale.color.vertical:dir(rtl) slider {
2881
margin-right: -12px;
2882
margin-left: -2px;
2883
}
2884
/*****************
2886
* Progress bars *
2887
*****************/
2888
progressbar {
2889
color: rgba(0, 0, 0, 0.38);
2890
font-size: smaller;
2891
}
2892
progressbar.horizontal trough,
2894
progressbar.horizontal progress {
2895
min-height: 4px;
2896
}
2897
progressbar.vertical trough,
2899
progressbar.vertical progress {
2900
min-width: 4px;
2901
}
2902
progressbar trough {
2904
background-color: rgba(66, 165, 245, 0.3);
2905
}
2906
progressbar progress {
2908
background-color: #42A5F5;
2909
}
2910
progressbar.osd {
2912
background-color: transparent;
2913
}
2914
progressbar trough.empty progress {
2916
all: unset;
2917
}
2918
/*************
2920
* Level Bar *
2921
*************/
2922
levelbar block {
2923
min-width: 36px;
2924
min-height: 4px;
2925
}
2926
levelbar.vertical block {
2928
min-width: 4px;
2929
min-height: 36px;
2930
}
2931
levelbar trough {
2933
padding: 2px;
2934
border-radius: 2px;
2935
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
2936
background-color: #FFFFFF;
2937
}
2938
levelbar trough:disabled {
2940
background-color: #FAFAFA;
2941
}
2942
levelbar.horizontal.discrete block {
2944
margin: 0 1px;
2945
}
2946
levelbar.horizontal.discrete trough {
2948
padding: 2px 1px;
2949
}
2950
levelbar.vertical.discrete block {
2952
margin: 1px 0;
2953
}
2954
levelbar.vertical.discrete trough {
2956
padding: 1px 2px;
2957
}
2958
levelbar block.low {
2960
background-color: #FF6D00;
2961
}
2962
levelbar block.high, levelbar block:not(.empty) {
2964
background-color: #42A5F5;
2965
}
2966
levelbar block.full {
2968
background-color: #00C853;
2969
}
2970
levelbar block.empty {
2972
background-color: rgba(0, 0, 0, 0.12);
2973
}
2974
/****************
2976
* Print dialog *
2977
*****************/
2978
printdialog paper {
2979
padding: 0;
2980
border: 1px solid rgba(0, 0, 0, 0.1);
2981
background-color: #FFFFFF;
2982
color: rgba(0, 0, 0, 0.87);
2983
}
2984
printdialog .dialog-action-box {
2986
margin: 12px;
2987
}
2988
/**********
2990
* Frames *
2991
**********/
2992
frame > border,
2993
.frame {
2994
margin: 0;
2995
padding: 0;
2996
border: 1px solid rgba(0, 0, 0, 0.1);
2997
border-radius: 0;
2998
box-shadow: none;
2999
}
3000
frame > border.flat,
3002
.frame.flat,
3003
frame.flat > border {
3004
border-style: none;
3005
}
3006
actionbar > revealer > box {
3008
padding: 6px;
3009
border-top: 1px solid rgba(0, 0, 0, 0.1);
3010
}
3011
scrolledwindow viewport.frame {
3013
border-style: none;
3014
}
3015
overshoot.top {
3017
background-image: -gtk-gradient(radial, center top, 0, center top, 0.75, to(rgba(64, 196, 255, 0.3)), to(transparent));
3018
background-repeat: no-repeat;
3019
background-position: center top;
3020
background-color: transparent;
3021
border: none;
3022
box-shadow: none;
3023
}
3024
overshoot.bottom {
3026
background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.75, to(rgba(64, 196, 255, 0.3)), to(transparent));
3027
background-repeat: no-repeat;
3028
background-position: center bottom;
3029
background-color: transparent;
3030
border: none;
3031
box-shadow: none;
3032
}
3033
overshoot.left {
3035
background-image: -gtk-gradient(radial, left center, 0, left center, 0.75, to(rgba(64, 196, 255, 0.3)), to(transparent));
3036
background-repeat: no-repeat;
3037
background-position: left center;
3038
background-color: transparent;
3039
border: none;
3040
box-shadow: none;
3041
}
3042
overshoot.right {
3044
background-image: -gtk-gradient(radial, right center, 0, right center, 0.75, to(rgba(64, 196, 255, 0.3)), to(transparent));
3045
background-repeat: no-repeat;
3046
background-position: right center;
3047
background-color: transparent;
3048
border: none;
3049
box-shadow: none;
3050
}
3051
undershoot.top {
3053
background-color: transparent;
3054
background-image: linear-gradient(to left, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%);
3055
padding-top: 1px;
3056
background-size: 12px 1px;
3057
background-repeat: repeat-x;
3058
background-origin: content-box;
3059
background-position: left top;
3060
}
3061
undershoot.bottom {
3063
background-color: transparent;
3064
background-image: linear-gradient(to left, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%);
3065
padding-bottom: 1px;
3066
background-size: 12px 1px;
3067
background-repeat: repeat-x;
3068
background-origin: content-box;
3069
background-position: left bottom;
3070
}
3071
undershoot.left {
3073
background-color: transparent;
3074
background-image: linear-gradient(to top, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%);
3075
padding-left: 1px;
3076
background-size: 1px 12px;
3077
background-repeat: repeat-y;
3078
background-origin: content-box;
3079
background-position: left top;
3080
}
3081
undershoot.right {
3083
background-color: transparent;
3084
background-image: linear-gradient(to top, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%);
3085
padding-right: 1px;
3086
background-size: 1px 12px;
3087
background-repeat: repeat-y;
3088
background-origin: content-box;
3089
background-position: right top;
3090
}
3091
junction {
3093
border-style: solid none none solid;
3094
border-width: 1px;
3095
border-color: rgba(0, 0, 0, 0.1);
3096
background-color: #FFFFFF;
3097
}
3098
junction:dir(rtl) {
3100
border-style: solid solid none none;
3101
}
3102
separator {
3104
min-width: 1px;
3105
min-height: 1px;
3106
background-color: rgba(0, 0, 0, 0.1);
3107
}
3108
button.font separator,
3111
button.file separator, .tweak-categories separator {
3112
min-width: 0;
3113
min-height: 0;
3114
background-color: transparent;
3115
}
3116
/*********
3118
* Lists *
3119
*********/
3120
list {
3121
border-color: rgba(0, 0, 0, 0.1);
3122
background-color: #FFFFFF;
3123
}
3124
list row {
3126
padding: 2px;
3127
}
3128
row.activatable, .view, treeview.view header button, .budgie-menu button {
3130
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);
3131
box-shadow: inset 0 0 0 9999px transparent;
3132
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
3133
background-repeat: no-repeat;
3134
background-position: center;
3135
background-size: 1000% 1000%;
3136
}
3137
row.activatable:hover, .view:hover, treeview.view header button:hover, .budgie-menu button:hover {
3139
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);
3140
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.05);
3141
}
3142
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 {
3144
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), background-color 0, color 0, background-size 0, background-image 0;
3145
animation: ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1) forwards;
3146
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.15);
3147
background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.15) 10%, transparent 0%);
3148
background-size: 0% 0%;
3149
}
3150
/*********************
3152
* App Notifications *
3153
*********************/
3154
.app-notification {
3155
margin: 8px;
3156
}
3157
.app-notification.frame,
3159
.app-notification border {
3160
border-style: none;
3161
}
3162
/*************
3164
* Expanders *
3165
*************/
3166
expander arrow {
3167
transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
3168
min-width: 16px;
3169
min-height: 16px;
3170
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
3171
-gtk-icon-transform: rotate(-90deg);
3172
color: rgba(0, 0, 0, 0.54);
3173
}
3174
expander arrow:dir(rtl) {
3176
-gtk-icon-transform: rotate(90deg);
3177
}
3178
expander arrow:checked {
3180
-gtk-icon-transform: unset;
3181
}
3182
expander arrow:hover, expander arrow:active {
3184
color: rgba(0, 0, 0, 0.87);
3185
}
3186
expander arrow:disabled {
3188
color: rgba(0, 0, 0, 0.26);
3189
}
3190
expander arrow:selected {
3192
color: rgba(255, 255, 255, 0.7);
3193
}
3194
expander arrow:selected:hover, expander arrow:selected:active {
3196
color: #FFFFFF;
3197
}
3198
expander arrow:selected:disabled {
3200
color: rgba(255, 255, 255, 0.3);
3201
}
3202
/************
3204
* Calendar *
3205
************/
3206
calendar {
3207
padding: 1px;
3208
border: 1px solid rgba(0, 0, 0, 0.1);
3209
color: rgba(0, 0, 0, 0.87);
3210
}
3211
calendar:disabled {
3213
color: rgba(0, 0, 0, 0.38);
3214
}
3215
calendar:selected {
3217
border-radius: 3px;
3218
}
3219
calendar.header {
3221
border-style: none none solid;
3222
border-radius: 0;
3223
}
3224
calendar.highlight {
3226
color: rgba(0, 0, 0, 0.54);
3227
font-weight: 500;
3228
}
3229
calendar:indeterminate {
3231
color: rgba(0, 0, 0, 0.26);
3232
}
3233
/***********
3235
* Dialogs *
3236
***********/
3237
messagedialog.background {
3238
background-color: #FAFAFA;
3239
}
3240
messagedialog .titlebar {
3242
min-height: 24px;
3243
border-style: none;
3244
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
3245
background-color: #FAFAFA;
3246
color: rgba(0, 0, 0, 0.87);
3247
}
3248
messagedialog .titlebar:backdrop {
3250
color: rgba(0, 0, 0, 0.54);
3251
}
3252
messagedialog.csd.background {
3254
border-bottom-left-radius: 2px;
3255
border-bottom-right-radius: 2px;
3256
}
3257
messagedialog.csd .dialog-action-area button {
3259
padding: 8px 16px;
3260
border-top: 1px solid rgba(0, 0, 0, 0.1);
3261
border-radius: 0;
3262
}
3263
messagedialog.csd .dialog-action-area button:first-child {
3265
border-bottom-left-radius: 2px;
3266
}
3267
messagedialog.csd .dialog-action-area button:last-child {
3269
border-bottom-right-radius: 2px;
3270
}
3271
filechooser .dialog-action-box {
3273
border-top: 1px solid rgba(0, 0, 0, 0.1);
3274
}
3275
filechooser #pathbarbox {
3277
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
3278
background-color: #F5F5F5;
3279
}
3280
filechooserbutton:drop(active) {
3282
box-shadow: none;
3283
}
3284
/***********
3286
* Sidebar *
3287
***********/
3288
.sidebar {
3289
border-style: none;
3290
background-color: #FAFAFA;
3291
}
3292
stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left, .sidebar.left:dir(rtl) {
3294
border-right: 1px solid rgba(0, 0, 0, 0.1);
3295
border-left-style: none;
3296
}
3297
stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right {
3299
border-left: 1px solid rgba(0, 0, 0, 0.1);
3300
border-right-style: none;
3301
}
3302
.sidebar list {
3304
background-color: transparent;
3305
}
3306
paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar {
3308
border-style: none;
3309
}
3310
stacksidebar row {
3312
padding: 10px 4px;
3313
}
3314
stacksidebar row > label {
3316
padding-left: 6px;
3317
padding-right: 6px;
3318
}
3319
/****************
3321
* File chooser *
3322
****************/
3323
placessidebar > viewport.frame {
3324
border-style: none;
3325
}
3326
placessidebar list {
3328
padding: 1px 0 4px;
3329
}
3330
placessidebar row {
3332
min-height: 32px;
3333
margin: -1px 0;
3334
padding: 0;
3335
}
3336
placessidebar row > revealer {
3338
padding: 0 12px;
3339
}
3340
placessidebar row:selected {
3342
color: #FFFFFF;
3343
}
3344
placessidebar row:disabled {
3346
color: rgba(0, 0, 0, 0.38);
3347
}
3348
placessidebar row image.sidebar-icon {
3350
color: rgba(0, 0, 0, 0.54);
3351
}
3352
placessidebar row image.sidebar-icon:dir(ltr) {
3354
padding-right: 8px;
3355
}
3356
placessidebar row image.sidebar-icon:dir(rtl) {
3358
padding-left: 8px;
3359
}
3360
placessidebar row:selected image.sidebar-icon {
3362
color: rgba(255, 255, 255, 0.7);
3363
}
3364
placessidebar row label.sidebar-label:dir(ltr) {
3366
padding-right: 2px;
3367
}
3368
placessidebar row label.sidebar-label:dir(rtl) {
3370
padding-left: 2px;
3371
}
3372
placessidebar row.sidebar-placeholder-row {
3374
min-height: 2px;
3375
padding: 0 8px;
3376
background-image: image(#FF4081);
3377
background-clip: content-box;
3378
}
3379
placessidebar row.sidebar-new-bookmark-row {
3381
color: #FF4081;
3382
}
3383
placessidebar row:drop(active):not(:disabled) {
3385
box-shadow: inset 0 0 0 2px #FF4081;
3386
}
3387
placesview .server-list-button > image {
3389
-gtk-icon-transform: rotate(0turn);
3390
}
3391
placesview .server-list-button:checked > image {
3393
-gtk-icon-transform: rotate(-0.5turn);
3394
}
3395
placesview > actionbar > revealer > box > label {
3397
padding-left: 8px;
3398
padding-right: 8px;
3399
}
3400
/*********
3402
* Paned *
3403
*********/
3404
paned > separator {
3405
min-width: 1px;
3406
min-height: 1px;
3407
-gtk-icon-source: none;
3408
border-style: none;
3409
background-color: transparent;
3410
background-image: image(rgba(0, 0, 0, 0.1));
3411
background-size: 1px 1px;
3412
background-clip: content-box;
3413
}
3414
paned > separator.wide {
3416
min-width: 6px;
3417
min-height: 6px;
3418
background-color: #F5F5F5;
3419
background-image: image(rgba(0, 0, 0, 0.1)), image(rgba(0, 0, 0, 0.1));
3420
background-size: 1px 1px, 1px 1px;
3421
}
3422
paned.horizontal > separator {
3424
background-repeat: repeat-y;
3425
}
3426
paned.horizontal > separator:dir(ltr) {
3428
margin: 0 -8px 0 0;
3429
padding: 0 8px 0 0;
3430
background-position: left;
3431
}
3432
paned.horizontal > separator:dir(rtl) {
3434
margin: 0 0 0 -8px;
3435
padding: 0 0 0 8px;
3436
background-position: right;
3437
}
3438
paned.horizontal > separator.wide {
3440
margin: 0;
3441
padding: 0;
3442
background-repeat: repeat-y, repeat-y;
3443
background-position: left, right;
3444
}
3445
paned.vertical > separator {
3447
margin: 0 0 -8px 0;
3448
padding: 0 0 8px 0;
3449
background-repeat: repeat-x;
3450
background-position: top;
3451
}
3452
paned.vertical > separator.wide {
3454
margin: 0;
3455
padding: 0;
3456
background-repeat: repeat-x, repeat-x;
3457
background-position: bottom, top;
3458
}
3459
/**************
3461
* GtkInfoBar *
3462
**************/
3463
infobar {
3464
border-style: none;
3465
}
3466
infobar.info {
3468
background-color: #66BB6A;
3469
}
3470
infobar.question {
3472
background-color: #42A5F5;
3473
}
3474
infobar.warning {
3476
background-color: #FFA726;
3477
}
3478
infobar.error {
3480
background-color: #EF5350;
3481
}
3482
infobar.info > label, infobar.info, infobar.question > label, infobar.question, infobar.warning > label, infobar.warning, infobar.error > label, infobar.error {
3484
color: #FFFFFF;
3485
}
3486
/************
3488
* Tooltips *
3489
************/
3490
tooltip {
3491
border-radius: 2px;
3492
box-shadow: none;
3493
}
3494
tooltip.background {
3496
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
3497
background-color: rgba(255, 255, 255, 0.9);
3498
}
3499
tooltip:not(.csd):not(.unity-csd) {
3501
border: 1px solid rgba(0, 0, 0, 0.1);
3502
border-radius: 3px;
3503
background-clip: padding-box;
3504
}
3505
tooltip decoration {
3507
background-color: transparent;
3508
}
3509
tooltip label {
3511
min-height: 20px;
3512
padding: 0 2px;
3513
}
3514
/*****************
3516
* Color Chooser *
3517
*****************/
3518
colorswatch.top {
3519
border-top-left-radius: 2.5px;
3520
border-top-right-radius: 2.5px;
3521
}
3522
colorswatch.top overlay {
3524
border-top-left-radius: 2px;
3525
border-top-right-radius: 2px;
3526
}
3527
colorswatch.bottom {
3529
border-bottom-left-radius: 2.5px;
3530
border-bottom-right-radius: 2.5px;
3531
}
3532
colorswatch.bottom overlay {
3534
border-bottom-left-radius: 2px;
3535
border-bottom-right-radius: 2px;
3536
}
3537
colorswatch.left, colorswatch:first-child:not(.top) {
3539
border-top-left-radius: 2.5px;
3540
border-bottom-left-radius: 2.5px;
3541
}
3542
colorswatch.left overlay, colorswatch:first-child:not(.top) overlay {
3544
border-top-left-radius: 2px;
3545
border-bottom-left-radius: 2px;
3546
}
3547
colorswatch.right, colorswatch:last-child:not(.bottom) {
3549
border-top-right-radius: 2.5px;
3550
border-bottom-right-radius: 2.5px;
3551
}
3552
colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay {
3554
border-top-right-radius: 2px;
3555
border-bottom-right-radius: 2px;
3556
}
3557
colorswatch.dark overlay {
3559
color: #FFFFFF;
3560
}
3561
colorswatch.light overlay {
3563
color: rgba(0, 0, 0, 0.87);
3564
}
3565
colorswatch.dark {
3567
color: #FFFFFF;
3568
}
3569
colorswatch.light {
3571
color: rgba(0, 0, 0, 0.87);
3572
}
3573
colorswatch:drop(active) {
3575
box-shadow: none;
3576
}
3577
colorswatch:drop(active).light overlay {
3579
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;
3580
}
3581
colorswatch:drop(active).dark overlay {
3583
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;
3584
}
3585
colorswatch overlay {
3587
transition: box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1);
3588
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
3589
}
3590
colorswatch overlay:hover {
3592
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
3593
}
3594
colorswatch#add-color-button {
3596
border-radius: 2px 2px 0 0;
3597
color: #FFFFFF;
3598
}
3599
colorswatch#add-color-button:only-child {
3601
border-radius: 2px;
3602
}
3603
colorswatch#add-color-button overlay {
3605
background-image: linear-gradient(to right, #EF5350 25%, #FFA726 25%, #FFA726 50%, #66BB6A 50%, #66BB6A 75%, #42A5F5 75%);
3606
color: #FFFFFF;
3607
}
3608
colorswatch:disabled {
3610
opacity: 0.5;
3611
}
3612
colorswatch:disabled overlay {
3614
box-shadow: none;
3615
}
3616
colorswatch#editor-color-sample {
3618
border-radius: 2.5px;
3619
}
3620
colorswatch#editor-color-sample overlay {
3622
border-radius: 2px;
3623
}
3624
colorchooser .popover.osd {
3626
transition: box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1);
3627
border-radius: 2px;
3628
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);
3629
background-color: rgba(255, 255, 255, 0.9);
3630
}
3631
colorchooser .popover.osd:backdrop {
3633
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);
3634
}
3635
/********
3637
* Misc *
3638
********/
3639
.content-view {
3640
background-color: #F5F5F5;
3641
}
3642
/**********************
3644
* Window Decorations *
3645
**********************/
3646
decoration {
3647
transition: box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1);
3648
border-radius: 2px 2px 0 0;
3649
box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22), 0 16px 16px transparent;
3650
margin: 8px;
3651
}
3652
decoration:backdrop {
3654
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), 0 16px 16px transparent;
3655
}
3656
.maximized decoration,
3658
.fullscreen decoration,
3659
.tiled decoration {
3660
border-radius: 0;
3661
}
3662
.popup decoration {
3664
box-shadow: none;
3665
}
3666
.ssd decoration {
3668
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16);
3669
}
3670
.csd.popup decoration {
3672
border-radius: 2px;
3673
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
3674
}
3675
tooltip.csd decoration {
3677
border-radius: 2px;
3678
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
3679
}
3680
messagedialog.csd decoration {
3682
border-radius: 2px;
3683
}
3684
.solid-csd decoration {
3686
margin: 0;
3687
border-radius: 0;
3688
box-shadow: none;
3689
background-color: #E0E0E0;
3690
}
3691
.view selection, .view:selected, flowbox flowboxchild:selected, spinbutton:not(.vertical) selection,
3693
entry selection, modelbutton.flat:selected,
3694
.menuitem.button.flat:selected, popover.background.menu button:checked,
3695
popover.background button.model:checked, row:selected, calendar:selected, text:selected, .budgie-menu button:checked {
3696
background-color: #42A5F5;
3697
}
3698
row:selected label, label:selected, .view selection, .view:selected, flowbox flowboxchild:selected, spinbutton:not(.vertical) selection,
3700
entry selection, modelbutton.flat:selected,
3701
.menuitem.button.flat:selected, popover.background.menu button:checked,
3702
popover.background button.model:checked, row:selected, calendar:selected, text:selected, .budgie-menu button:checked {
3703
color: #FFFFFF;
3704
}
3705
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,
3707
entry selection:disabled, modelbutton.flat:disabled:selected,
3708
.menuitem.button.flat:disabled:selected, popover.background.menu button:disabled:checked,
3709
popover.background button.model:disabled:checked, row:disabled:selected, calendar:disabled:selected, text:disabled:selected, .budgie-menu button:disabled:checked {
3710
color: rgba(255, 255, 255, 0.5);
3711
}
3712
.monospace {
3714
font-family: monospace;
3715
}
3716
/**********************
3718
* Touch Copy & Paste *
3719
**********************/
3720
cursor-handle {
3721
border-radius: 9999px;
3722
background-color: #FF4081;
3723
background-image: none;
3724
}
3725
cursor-handle.top:dir(ltr), cursor-handle.bottom:dir(rtl) {
3727
padding-left: 6px;
3728
border-top-right-radius: 0;
3729
}
3730
cursor-handle.bottom:dir(ltr), cursor-handle.top:dir(rtl) {
3732
padding-right: 6px;
3733
border-top-left-radius: 0;
3734
}
3735
cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) {
3737
-GtkWidget-text-handle-width: 24;
3738
-GtkWidget-text-handle-height: 30;
3739
-gtk-icon-source: -gtk-scaled(url("assets/scale-horz-marks-before-slider.png"), url("assets/scale-horz-marks-before-slider@2.png"));
3740
}
3741
.context-menu {
3743
font: initial;
3744
}
3745
.keycap {
3747
min-width: 12px;
3748
min-height: 26px;
3749
margin-top: 2px;
3750
padding-bottom: 2px;
3751
padding-left: 8px;
3752
padding-right: 8px;
3753
border: solid 1px rgba(0, 0, 0, 0.1);
3754
border-radius: 3px;
3755
box-shadow: inset 0 -2px rgba(0, 0, 0, 0.1);
3756
background-color: #FFFFFF;
3757
color: rgba(0, 0, 0, 0.87);
3758
font-size: smaller;
3759
}
3760
:not(decoration):not(window):drop(active) {
3762
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
3763
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;
3764
caret-color: #FF4081;
3765
}
3766
stackswitcher button.text-button {
3768
min-width: 100px;
3769
}
3770
stackswitcher button.circular,
3772
stackswitcher button.text-button.circular {
3773
min-width: 36px;
3774
min-height: 36px;
3775
padding: 0;
3776
}
3777
/************
3779
* Nautilus *
3780
************/
3781
.nautilus-window,
3782
.nautilus-window notebook,
3783
.nautilus-window notebook > stack {
3784
background-color: #FFFFFF;
3785
}
3786
.nautilus-desktop.nautilus-canvas-item:not(:selected), .caja-desktop.caja-canvas-item:not(:selected) {
3788
color: #FFFFFF;
3789
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
3790
}
3791
@keyframes needs_attention_keyframes {
3793
to {
3794
background-color: alpha(currentColor, 0.3);
3795
}
3796
}
3797
.nautilus-operations-button-needs-attention {
3799
animation: needs_attention_keyframes 0.3s cubic-bezier(0.4, 0, 0.2, 1) 2 alternate;
3800
}
3801
.nautilus-operations-button-needs-attention-multiple {
3803
animation: needs_attention_keyframes 0.3s cubic-bezier(0.4, 0, 0.2, 1) 4 alternate;
3804
}
3805
.nautilus-window .floating-bar {
3807
min-height: 32px;
3808
padding: 0;
3809
border-style: solid solid none;
3810
border-width: 1px;
3811
border-color: rgba(0, 0, 0, 0.1);
3812
border-radius: 3px 3px 0 0;
3813
background-color: rgba(255, 255, 255, 0.9);
3814
background-clip: padding-box;
3815
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), border-width 0;
3816
}
3817
.nautilus-window .floating-bar.bottom.left {
3819
margin-right: 7px;
3820
border-left-style: none;
3821
border-top-left-radius: 0;
3822
}
3823
.nautilus-window .floating-bar.bottom.right {
3825
margin-left: 7px;
3826
border-right-style: none;
3827
border-top-right-radius: 0;
3828
}
3829
.nautilus-window .floating-bar button {
3831
margin: 4px;
3832
}
3833
.disk-space-display.unknown {
3835
background-color: #FF6D00;
3836
}
3837
.disk-space-display.used {
3839
background-color: #42A5F5;
3840
}
3841
.disk-space-display.free {
3843
background-color: rgba(0, 0, 0, 0.12);
3844
}
3845
.nautilus-window searchbar {
3847
border-top: 1px solid rgba(0, 0, 0, 0.1);
3848
}
3849
.nautilus-window .searchbar-container {
3851
margin-top: -1px;
3852
}
3853
.nautilus-window paned > separator {
3855
background-color: #F5F5F5;
3856
}
3857
/*********
3859
* gedit *
3860
*********/
3861
.open-document-selector-name-label {
3862
font-weight: bold;
3863
}
3864
.open-document-selector-path-label {
3866
color: rgba(0, 0, 0, 0.54);
3867
font-size: smaller;
3868
}
3869
.open-document-selector-path-label:selected {
3871
color: rgba(255, 255, 255, 0.7);
3872
}
3873
.gedit-document-panel {
3875
background-color: #FAFAFA;
3876
}
3877
.gedit-document-panel row button.flat {
3879
margin-top: 8px;
3880
margin-bottom: 8px;
3881
}
3882
.gedit-document-panel-group-row:not(:first-child) {
3884
border-top: 1px solid rgba(0, 0, 0, 0.1);
3885
}
3886
.gedit-side-panel-paned statusbar {
3888
border-top: 1px solid rgba(0, 0, 0, 0.1);
3889
}
3890
.gedit-search-slider {
3892
margin: 4px 4px 8px;
3893
}
3894
.gedit-search-slider entry:dir(ltr), .gedit-search-slider entry:dir(rtl) {
3896
border-radius: 2px;
3897
}
3898
.gedit-search-slider entry:dir(ltr) .gedit-search-entry-occurrences-tag, .gedit-search-slider entry:dir(rtl) .gedit-search-entry-occurrences-tag {
3900
all: unset;
3901
color: rgba(0, 0, 0, 0.38);
3902
}
3903
.gedit-search-slider entry:dir(ltr) {
3905
margin-right: -66px;
3906
padding-right: 66px;
3907
}
3908
.gedit-search-slider entry:dir(ltr) .gedit-search-entry-occurrences-tag {
3910
margin-left: 6px;
3911
}
3912
.gedit-search-slider entry:dir(ltr) image.right {
3914
margin-right: 0;
3915
}
3916
.gedit-search-slider entry:dir(rtl) {
3918
margin-left: -66px;
3919
padding-left: 66px;
3920
}
3921
.gedit-search-slider entry:dir(rtl) .gedit-search-entry-occurrences-tag {
3923
margin-right: 6px;
3924
}
3925
.gedit-search-slider entry:dir(rtl) image.left {
3927
margin-left: 0;
3928
}
3929
.gedit-search-slider entry.error ~ button {
3931
color: rgba(255, 255, 255, 0.7);
3932
}
3933
.gedit-search-slider entry.error ~ button:hover, .gedit-search-slider entry.error ~ button:active {
3935
color: #FFFFFF;
3936
}
3937
.gedit-search-slider entry.error ~ button:disabled {
3939
color: rgba(255, 255, 255, 0.3);
3940
}
3941
.gedit-search-slider button {
3943
border: solid 6px transparent;
3944
}
3945
.gedit-search-slider button:last-child:dir(ltr), .gedit-search-slider button:not(:first-child):dir(rtl) {
3947
margin-left: -3px;
3948
}
3949
.gedit-search-slider button:first-child:dir(rtl), .gedit-search-slider button:not(:last-child):dir(ltr) {
3951
margin-right: -3px;
3952
}
3953
frame.gedit-map-frame > border:dir(ltr) {
3955
border-style: none none none solid;
3956
}
3957
frame.gedit-map-frame > border:dir(rtl) {
3959
border-style: none solid none none;
3960
}
3961
/**************
3963
* Tweak Tool *
3964
**************/
3965
.tweak-categories {
3966
background-image: image(#FAFAFA);
3967
}
3968
.tweak {
3970
padding: 3px;
3971
}
3972
.tweak.title:hover {
3974
box-shadow: none;
3975
}
3976
.tweak-group-white,
3978
.tweak-white,
3979
.tweak-white:hover {
3980
background-image: image(#FFFFFF);
3981
}
3982
.tweak-startup,
3984
.tweak-startup:hover {
3985
background-image: image(#FFFFFF);
3986
}
3987
.tweak-group-startup {
3989
background-image: image(#FFFFFF);
3990
border: 1px solid rgba(0, 0, 0, 0.1);
3991
}
3992
/***********
3994
* Builder *
3995
***********/
3996
workbench stack.titlebar {
3997
padding: 0;
3998
}
3999
workbench:not(.tiled):not(.maximized):not(.fullscreen) stack.titlebar headerbar {
4001
border-radius: 2px 2px 0 0;
4002
}
4003
perspectiveswitcher {
4005
background-color: #F5F5F5;
4006
}
4007
perspectiveswitcher button:checked {
4009
color: #42A5F5;
4010
}
4011
layouttabbar {
4013
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
4014
background-color: #F5F5F5;
4015
}
4016
layouttabbar > box > button {
4018
margin: 2px 0;
4019
}
4020
layouttab {
4022
margin: 0 8px;
4023
border-style: none solid;
4024
border-width: 1px;
4025
border-color: rgba(0, 0, 0, 0.1);
4026
box-shadow: inset 0 -2px #42A5F5;
4027
background-color: #FFFFFF;
4028
}
4029
layouttab separator.vertical {
4031
margin: 8px 4px;
4032
}
4033
layouttab button.text-button, layouttab button.image-button, layouttab button {
4035
margin-top: 8px;
4036
margin-bottom: 8px;
4037
padding: 0 4px;
4038
}
4039
layout {
4041
border: 1px solid rgba(0, 0, 0, 0.1);
4042
-PnlDockBin-handle-size: 1;
4043
}
4044
entry.search-missing {
4046
background-color: #DD2C00;
4047
color: #FFFFFF;
4048
}
4049
workbench treeview.image {
4051
color: rgba(0, 0, 0, 0.54);
4052
}
4053
workbench treeview.image:selected {
4055
color: rgba(255, 255, 255, 0.7);
4056
}
4057
dockbin {
4059
border: 1px solid rgba(0, 0, 0, 0.1);
4060
-PnlDockBin-handle-size: 1;
4061
}
4062
dockpaned {
4064
border: 1px solid rgba(0, 0, 0, 0.1);
4065
}
4066
eggsearchbar box.search-bar {
4068
padding: 0 8px;
4069
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
4070
background-color: #F5F5F5;
4071
}
4072
docktabstrip {
4074
padding: 0 8px;
4075
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
4076
background-color: #F5F5F5;
4077
}
4078
docktab {
4080
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
4081
min-height: 24px;
4082
min-width: 24px;
4083
margin-bottom: -1px;
4084
padding: 6px 6px;
4085
outline-offset: -6px;
4086
border-width: 1px;
4087
border-color: transparent;
4088
background-image: radial-gradient(circle farthest-corner at center, #42A5F5 10%, transparent 0%);
4089
background-repeat: no-repeat;
4090
background-position: center;
4091
background-size: 0% 0%;
4092
color: rgba(0, 0, 0, 0.54);
4093
font-weight: 500;
4094
}
4095
docktab:hover {
4097
box-shadow: inset 0 -2px rgba(0, 0, 0, 0.26);
4098
color: rgba(0, 0, 0, 0.87);
4099
}
4100
docktab:checked {
4102
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);
4103
box-shadow: inset 0 -2px #42A5F5;
4104
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
4105
background-size: 1000% 1000%;
4106
color: rgba(0, 0, 0, 0.87);
4107
}
4108
dockoverlayedge {
4110
background-color: #F5F5F5;
4111
}
4112
dockoverlayedge docktabstrip {
4114
padding: 0;
4115
border: none;
4116
}
4117
dockoverlayedge.left-edge docktab:hover {
4119
box-shadow: inset -2px 0 rgba(0, 0, 0, 0.26);
4120
}
4121
dockoverlayedge.left-edge docktab:checked {
4123
box-shadow: inset -2px 0 #42A5F5;
4124
}
4125
dockoverlayedge.right-edge docktab:hover {
4127
box-shadow: inset 2px 0 rgba(0, 0, 0, 0.26);
4128
}
4129
dockoverlayedge.right-edge docktab:checked {
4131
box-shadow: inset 2px 0 #42A5F5;
4132
}
4133
pillbox {
4135
background-color: #F5F5F5;
4136
border-radius: 2px;
4137
}
4138
buildperspective row {
4140
padding: 10px;
4141
}
4142
layoutpane entry.search {
4144
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1);
4145
background-color: #FFFFFF;
4146
}
4147
editortweak entry.search {
4149
margin-bottom: -1px;
4150
box-shadow: none;
4151
}
4152
frame.gb-search-frame {
4154
border-bottom-right-radius: 5px;
4155
}
4156
.gb-search-entry-occurrences-tag {
4158
box-shadow: none;
4159
background-color: transparent;
4160
}
4161
docktabstrip {
4163
min-height: 39px;
4164
}
4165
workbench preferences preferencesgroup list entry {
4167
padding-top: 8px;
4168
padding-bottom: 8px;
4169
}
4170
/**********
4172
* Photos *
4173
**********/
4174
GdMainIconView.content-view {
4175
-GdMainIconView-icon-size: 48;
4176
}
4177
.documents-counter {
4179
margin: 8px;
4180
border-radius: 9999px;
4181
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
4182
background-color: #FF4081;
4183
color: #FFFFFF;
4184
font-weight: bold;
4185
}
4186
.documents-scrolledwin.frame {
4188
border-style: none;
4189
}
4190
.photos-fade-in {
4192
opacity: 1;
4193
transition: opacity 0.2s cubic-bezier(0, 0, 0.2, 1);
4194
}
4195
.photos-fade-out {
4197
opacity: 0;
4198
transition: opacity 0.2s cubic-bezier(0, 0, 0.2, 1);
4199
}
4200
overlay grid.horizontal > revealer > scrolledwindow.frame:dir(ltr) {
4202
border-style: none none none solid;
4203
}
4204
overlay grid.horizontal > revealer > scrolledwindow.frame:dir(rtl) {
4206
border-style: none solid none none;
4207
}
4208
/*********
4210
* Music *
4211
*********/
4212
.side-panel:dir(ltr) {
4213
border-style: solid;
4214
border-color: rgba(0, 0, 0, 0.1);
4215
}
4216
.side-panel:dir(rtl) {
4218
border-style: solid;
4219
border-color: rgba(0, 0, 0, 0.1);
4220
}
4221
.side-panel .view {
4223
background-image: image(#FAFAFA);
4224
}
4225
.side-panel .view:hover {
4227
background-image: image(rgba(240, 240, 240, 0.9935));
4228
}
4229
.side-panel .view:selected {
4231
background-image: image(#42A5F5);
4232
}
4233
.side-panel .view:selected:hover {
4235
background-image: image(#4baaf6);
4236
}
4237
.songs-list:hover {
4239
background-image: image(alpha(currentColor, 0.05));
4240
}
4241
frame.documents-dropdown {
4243
margin: 8px;
4244
}
4245
frame.documents-dropdown > border {
4247
border: none;
4248
}
4249
box.vertical:not(.titlebar) > revealer > toolbar.search-bar {
4251
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
4252
}
4253
box.vertical:not(.titlebar) > revealer > toolbar.search-bar button > widget {
4255
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
4256
}
4257
/*********
4259
* To Do *
4260
*********/
4261
task-row {
4262
transition: all 0.2s cubic-bezier(0, 0, 0.2, 1);
4263
margin: 0 -4px;
4264
}
4265
task-row:hover {
4267
transition: none;
4268
}
4269
task-row label {
4271
margin: 0 8px;
4272
}
4273
task-row image {
4275
margin: 0 4px;
4276
}
4277
task-list-view > box > revealer > box > button {
4279
min-height: 36px;
4280
margin: -4px;
4281
padding: 0 12px;
4282
}
4283
task-list-view > box > revealer > box > button label {
4285
margin: 0 8px;
4286
}
4287
task-list-view > box > revealer > box > button image {
4289
margin: 0 4px;
4290
}
4291
/*******
4293
* eog *
4294
*******/
4295
#eog-thumb-nav scrolledwindow {
4296
border-top: none;
4297
}
4298
#eog-thumb-nav button {
4300
-gtk-outline-radius: 2px;
4301
}
4302
/*************
4304
* Evolution *
4305
*************/
4306
frame.taskbar > border {
4307
border-style: solid none none;
4308
}
4309
box.vertical > paned.horizontal notebook widget .frame {
4311
border-style: none;
4312
}
4313
/********
4315
* gitg *
4316
********/
4317
frame.commit-frame > border {
4318
border-style: solid none none;
4319
}
4320
/**************
4322
* Characters *
4323
**************/
4324
box.dialog-vbox scrolledwindow.related {
4325
border: 1px solid rgba(0, 0, 0, 0.1);
4326
}
4327
list.categories {
4329
background-image: image(#FAFAFA);
4330
}
4331
/*********
4333
* Boxes *
4334
*********/
4335
.transparent-bg + stack overlay > label {
4336
min-height: 24px;
4337
padding: 0 4px;
4338
border-radius: 2px;
4339
background-color: rgba(0, 0, 0, 0.3);
4340
color: #FFFFFF;
4341
}
4342
/**************
4344
* Calculator *
4345
**************/
4346
button.title label {
4347
min-height: 36px;
4348
}
4349
/*********
4351
* Geary *
4352
*********/
4353
.geary-titlebar-left:dir(ltr) {
4354
margin-right: 5px;
4355
padding-right: 0;
4356
}
4357
.geary-titlebar-left:dir(rtl) {
4359
margin-left: 5px;
4360
padding-left: 0;
4361
}
4362
.geary-titlebar-left > separator {
4364
background-color: rgba(0, 0, 0, 0.05);
4365
}
4366
.geary-titlebar-right:dir(ltr) {
4368
margin-left: -5px;
4369
}
4370
.geary-titlebar-right:dir(rtl) {
4372
margin-right: -5px;
4373
}
4374
/*********
4376
* Tilix *
4377
*********/
4378
overlay > revealer.left > scrolledwindow.frame,
4379
overlay > revealer.right > scrolledwindow.frame {
4380
border-style: none;
4381
box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22);
4382
}
4383
overlay > revealer.left > scrolledwindow.frame {
4385
margin-right: 32px;
4386
}
4387
overlay > revealer.right > scrolledwindow.frame {
4389
margin-left: 32px;
4390
}
4391
.terminix-session-sidebar,
4393
.tilix-session-sidebar {
4394
background-image: image(#FAFAFA);
4395
}
4396
button.image-button.session-new-button {
4398
min-width: 32px;
4399
}
4400
/***********
4402
* Eclipse *
4403
***********/
4404
window.background > box.vertical > scrolledwindow > widget toolbar {
4405
padding: 2px;
4406
}
4407
window.background > box.vertical > scrolledwindow > widget toolbar separator,
4409
window.background > box.vertical > scrolledwindow > widget toolbar button {
4410
margin: 2px;
4411
}
4412
window.background > box.vertical > scrolledwindow > widget toolbar button {
4414
border-radius: 2px;
4415
}
4416
/***********
4418
* Firefox *
4419
***********/
4420
window.background:not(.csd) > widget > separator {
4421
color: rgba(0, 0, 0, 0.2);
4422
}
4423
window.background:not(.csd) > widget > scrollbar {
4425
background-clip: border-box;
4426
}
4427
window.background:not(.csd) > widget > scrollbar,
4429
window.background:not(.csd) > widget > frame > border {
4430
border-color: rgba(0, 0, 0, 0.2);
4431
}
4432
window.background:not(.csd) > widget > entry,
4434
window.background:not(.csd) > widget > button > button {
4435
border: 1px solid rgba(0, 0, 0, 0.2);
4436
border-radius: 3px;
4437
box-shadow: none;
4438
}
4439
window.background:not(.csd) > widget > entry {
4441
min-height: 30px;
4442
}
4443
window.background:not(.csd) > widget > entry:focus {
4445
border-color: #42A5F5;
4446
}
4447
window.background:not(.csd) > widget > button > button {
4449
padding: 4px 8px;
4450
background-size: auto;
4451
}
4452
window.background:not(.csd) > widget > button > button:hover {
4454
background-image: image(alpha(currentColor, 0.05));
4455
}
4456
window.background:not(.csd) > widget > button > button:active {
4458
background-image: image(alpha(currentColor, 0.1));
4459
}
4460
window.background:not(.csd) > window > menu,
4462
window.background:not(.csd) > menu > menu {
4463
border: none;
4464
}
4465
window.background:not(.csd) > widget > menubar {
4467
color: rgba(0, 0, 0, 0.54);
4468
}
4469
window.background:not(.csd) > widget > menubar:hover {
4471
color: rgba(0, 0, 0, 0.87);
4472
}
4473
window.background:not(.csd) > widget > menubar:disabled {
4475
color: rgba(0, 0, 0, 0.26);
4476
}
4477
window.background:not(.csd) > widget > frame {
4479
color: rgba(0, 0, 0, 0.2);
4480
}
4481
window.background:not(.csd) > widget > checkbutton > check,
4483
window.background:not(.csd) > widget > radiobutton > radio {
4484
margin: 0;
4485
padding: 0;
4486
}
4487
window.background:not(.csd) > window.background > menu > separator {
4489
color: rgba(0, 0, 0, 0.1);
4490
}
4491
/***********
4493
* Synapse *
4494
***********/
4495
box.vertical > widget > widget:selected {
4496
background-color: #42A5F5;
4497
}
4498
/*********
4500
* Unity *
4501
*********/
4502
UnityDecoration {
4503
-UnityDecoration-extents: 28px 0 0 0;
4504
-UnityDecoration-input-extents: 8px;
4505
-UnityDecoration-shadow-offset-x: 0;
4506
-UnityDecoration-shadow-offset-y: 3px;
4507
-UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.48);
4508
-UnityDecoration-active-shadow-radius: 18px;
4509
-UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.32);
4510
-UnityDecoration-inactive-shadow-radius: 6px;
4511
-UnityDecoration-glow-size: 8px;
4512
-UnityDecoration-glow-color: #42A5F5;
4513
-UnityDecoration-title-indent: 4px;
4514
-UnityDecoration-title-fade: 32px;
4515
-UnityDecoration-title-alignment: 0.0;
4516
}
4517
UnityDecoration .top {
4519
padding: 0 2px;
4520
border-style: none;
4521
border-radius: 2px 2px 0 0;
4522
box-shadow: inset 0 1px rgba(255, 255, 255, 0.2);
4523
background-color: #cfcfcf;
4524
color: rgba(0, 0, 0, 0.87);
4525
}
4526
UnityDecoration .top:backdrop {
4528
color: rgba(0, 0, 0, 0.54);
4529
}
4530
UnityDecoration .menuitem {
4532
color: rgba(0, 0, 0, 0.54);
4533
}
4534
UnityDecoration .menuitem:hover {
4536
box-shadow: inset 0 -2px #42A5F5;
4537
background-color: transparent;
4538
color: rgba(0, 0, 0, 0.87);
4539
}
4540
.background:not(.csd) headerbar:not(.titlebar) {
4542
border-radius: 0;
4543
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
4544
}
4545
.background:not(.csd) headerbar:not(.titlebar).inline-toolbar {
4547
border-style: none;
4548
}
4549
UnityPanelWidget,
4551
.unity-panel {
4552
background-color: #cfcfcf;
4553
color: rgba(0, 0, 0, 0.87);
4554
}
4555
UnityPanelWidget:backdrop,
4557
.unity-panel:backdrop {
4558
color: rgba(0, 0, 0, 0.54);
4559
}
4560
.unity-panel.menuitem,
4562
.unity-panel .menuitem {
4563
color: rgba(0, 0, 0, 0.54);
4564
}
4565
.unity-panel.menubar.menuitem:hover,
4567
.unity-panel.menubar .menuitem *:hover {
4568
box-shadow: inset 0 -2px #42A5F5;
4569
background-color: transparent;
4570
color: rgba(0, 0, 0, 0.87);
4571
}
4572
.menu IdoPlaybackMenuItem.menuitem:active {
4574
-gtk-icon-source: -gtk-icontheme("process-working-symbolic");
4575
animation: spin 1s linear infinite;
4576
color: #42A5F5;
4577
}
4578
/**************
4580
* Mate-Panel *
4581
**************/
4582
.mate-panel-menu-bar menubar,
4583
#PanelApplet-window-menu-applet-button {
4584
background-color: transparent;
4585
}
4586
#PanelPlug,
4588
PanelToplevel.background {
4589
background-color: #cfcfcf;
4590
color: rgba(0, 0, 0, 0.87);
4591
font-weight: 500;
4592
}
4593
PanelToplevel > grid > button, .mate-panel-menu-bar #PanelApplet button {
4595
color: rgba(0, 0, 0, 0.54);
4596
}
4597
PanelToplevel > grid > button:hover, .mate-panel-menu-bar #PanelApplet button:hover, PanelToplevel > grid > button:active, .mate-panel-menu-bar #PanelApplet button:active {
4599
color: rgba(0, 0, 0, 0.87);
4600
}
4601
PanelToplevel > grid > button:disabled, .mate-panel-menu-bar #PanelApplet button:disabled {
4603
color: rgba(0, 0, 0, 0.26);
4604
}
4605
PanelToplevel > grid > button:checked, .mate-panel-menu-bar #PanelApplet button:checked {
4607
background-color: rgba(0, 0, 0, 0.26);
4608
color: rgba(0, 0, 0, 0.87);
4609
}
4610
PanelToplevel > grid > button:checked:disabled, .mate-panel-menu-bar #PanelApplet button:checked:disabled {
4612
background-color: rgba(0, 0, 0, 0.12);
4613
color: rgba(0, 0, 0, 0.38);
4614
}
4615
PanelToplevel > grid > button {
4617
padding: 0 4px;
4618
border-radius: 0;
4619
}
4620
PanelWidget button, PanelWidget button:hover, PanelWidget button:active {
4622
color: rgba(0, 0, 0, 0.54);
4623
}
4624
PanelSeparator {
4626
color: rgba(0, 0, 0, 0.12);
4627
}
4628
MatePanelAppletFrameDBus {
4630
border-style: solid;
4631
border-width: 0 1px;
4632
border-color: rgba(0, 0, 0, 0.12);
4633
}
4634
.mate-panel-menu-bar menubar menuitem {
4636
padding: 4px;
4637
}
4638
.mate-panel-menu-bar menubar menu menuitem {
4640
padding: 6px;
4641
}
4642
.mate-panel-menu-bar #PanelApplet button {
4644
-GtkWidget-window-dragging: true;
4645
padding: 4px;
4646
border-radius: 0;
4647
}
4648
PanelApplet.wnck-applet .wnck-pager {
4650
background-color: transparent;
4651
color: #40C4FF;
4652
}
4653
PanelApplet.wnck-applet .wnck-pager:hover {
4655
background-color: rgba(0, 0, 0, 0.12);
4656
}
4657
PanelApplet.wnck-applet .wnck-pager:active {
4659
background-color: rgba(0, 0, 0, 0.26);
4660
}
4661
PanelApplet.wnck-applet .wnck-pager:selected {
4663
background-color: #42A5F5;
4664
}
4665
#MatePanelPopupWindow {
4667
border: 1px solid rgba(0, 0, 0, 0.1);
4668
border-radius: 3px;
4669
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
4670
}
4671
#MatePanelPopupWindow frame > border {
4673
border-style: none;
4674
}
4675
#MatePanelPopupWindow ClockMap {
4677
border: 1px solid rgba(0, 0, 0, 0.1);
4678
}
4679
na-tray-applet {
4681
-NaTrayApplet-icon-padding: 3px;
4682
-NaTrayApplet-icon-size: 16;
4683
}
4684
.mate-panel-menu-bar {
4686
-PanelMenuBar-icon-visible: true;
4687
}
4688
.mate-panel-applet-slider {
4690
background-color: transparent;
4691
}
4692
.mate-panel-applet-slider frame {
4694
border: 1px solid rgba(0, 0, 0, 0.1);
4695
border-radius: 3px;
4696
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
4697
background-color: #F5F5F5;
4698
}
4699
.mate-panel-applet-slider frame frame {
4701
all: unset;
4702
}
4703
.mate-panel-applet-slider frame > border {
4705
border-style: none;
4706
}
4707
/*********************
4709
* CAJA File manager *
4710
*********************/
4711
.caja-navigation-window button.toggle.image-button {
4712
border-radius: 2px;
4713
}
4714
.caja-pathbar button {
4716
margin: 0 -1px 0 -2px;
4717
}
4718
.caja-pathbar button > widget {
4720
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
4721
-GtkArrow-arrow-scaling: 1;
4722
}
4723
.caja-side-pane notebook viewport.frame,
4725
.caja-side-pane notebook widget .vertical {
4726
background-color: #FFFFFF;
4727
}
4728
.caja-side-pane notebook,
4730
.caja-notebook {
4731
border-top: 1px solid rgba(0, 0, 0, 0.1);
4732
}
4733
.caja-side-pane notebook .frame,
4735
.caja-notebook .frame {
4736
border-style: none;
4737
}
4738
.caja-navigation-window statusbar {
4740
margin: 0 -10px;
4741
padding: 0 4px;
4742
border-top: 1px solid rgba(0, 0, 0, 0.1);
4743
}
4744
.caja-notebook frame > border {
4746
border-style: none;
4747
}
4748
#caja-extra-view-widget {
4750
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
4751
background-color: #F5F5F5;
4752
}
4753
#caja-extra-view-widget > box > box > label {
4755
font-weight: bold;
4756
}
4757
/*********
4759
* Pluma *
4760
*********/
4761
.pluma-window statusbar {
4762
margin: 0 -10px;
4763
padding: 0 4px;
4764
border-top: 1px solid rgba(0, 0, 0, 0.1);
4765
}
4766
.pluma-window statusbar frame > border {
4768
border-style: none;
4769
}
4770
.pluma-window statusbar frame button.flat {
4772
padding: 0 4px;
4773
border-radius: 0;
4774
}
4775
.pluma-window statusbar frame button.flat widget {
4777
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
4778
-GtkArrow-arrow-scaling: 1;
4779
}
4780
.pluma-print-preview toolbar {
4782
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
4783
}
4784
.pluma-window paned.horizontal box.vertical box.horizontal button.flat {
4786
margin: 1px;
4787
}
4788
.pluma-window paned.horizontal box.vertical .frame {
4790
border-style: none;
4791
}
4792
.pluma-window paned.horizontal box.vertical notebook.frame {
4794
margin-top: -1px;
4795
border-top: 1px solid rgba(0, 0, 0, 0.1);
4796
}
4797
.pluma-window paned.horizontal box.vertical notebook.frame box.vertical toolbar.horizontal {
4799
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
4800
}
4801
/*********
4803
* Atril *
4804
*********/
4805
.atril-window paned.horizontal box.vertical .frame {
4806
border-style: none;
4807
}
4808
.atril-window paned.horizontal box.vertical notebook .frame {
4810
border-top: 1px solid rgba(0, 0, 0, 0.1);
4811
}
4812
/* mate-screensaver lock dialog */
4814
.lock-dialog {
4815
border-radius: 2px;
4816
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);
4817
}
4818
.lock-dialog frame > border {
4820
border-style: none;
4821
}
4822
/******************
4824
* Budgie Desktop *
4825
******************/
4826
.budgie-container {
4827
background-color: transparent;
4828
}
4829
.budgie-menu.background {
4831
padding: 0;
4832
background-color: #FFFFFF;
4833
}
4834
.budgie-menu scrollbar,
4836
.budgie-menu entry.search {
4837
background-color: transparent;
4838
}
4839
.budgie-menu entry.search {
4841
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
4842
border-radius: 0;
4843
box-shadow: none;
4844
font-size: 120%;
4845
}
4846
.budgie-menu .categories:dir(ltr) {
4848
border-bottom-left-radius: 2px;
4849
}
4850
.budgie-menu .categories:dir(rtl) {
4852
border-bottom-right-radius: 2px;
4853
}
4854
.budgie-menu button {
4856
min-height: 32px;
4857
padding: 0 8px;
4858
border-radius: 0;
4859
color: rgba(0, 0, 0, 0.87);
4860
font-weight: normal;
4861
}
4862
.budgie-menu button:disabled {
4864
color: rgba(0, 0, 0, 0.38);
4865
}
4866
.budgie-menu button:checked:disabled {
4868
background-color: #42A5F5;
4869
}
4870
.budgie-menu row {
4872
padding: 0;
4873
}
4874
.budgie-menu row:hover {
4876
box-shadow: none;
4877
}
4878
button.budgie-menu-launcher {
4880
padding: 0 2px;
4881
}
4882
popover.background.user-menu {
4884
padding: 8px;
4885
}
4886
popover.background.user-menu .content-box {
4888
background-color: transparent;
4889
}
4890
popover.background.user-menu separator {
4892
margin: 4px 0;
4893
}
4894
popover.background.user-menu row {
4896
padding: 0;
4897
box-shadow: none;
4898
background-image: none;
4899
}
4900
button.raven-trigger {
4902
padding: 0 4px;
4903
}
4904
popover.background.places-menu {
4906
padding: 8px;
4907
}
4908
popover.background.places-menu .name-button.text-button {
4910
padding-left: 8px;
4911
padding-right: 8px;
4912
}
4913
popover.background.places-menu .name-button.text-button image:dir(ltr) {
4915
margin-right: 3px;
4916
}
4917
popover.background.places-menu .name-button.text-button image:dir(rtl) {
4919
margin-left: 3px;
4920
}
4921
popover.background.places-menu .places-section-header > image:dir(ltr) {
4923
margin: 0 -2px 0 5px;
4924
}
4925
popover.background.places-menu .places-section-header > image:dir(rtl) {
4927
margin: 0 5px 0 -2px;
4928
}
4929
popover.background.places-menu .places-list {
4931
margin-top: 4px;
4932
padding-top: 4px;
4933
border-top: 1px solid rgba(0, 0, 0, 0.1);
4934
background-color: transparent;
4935
}
4936
popover.background.places-menu row {
4938
padding: 0;
4939
box-shadow: none;
4940
background-image: none;
4941
}
4942
.budgie-panel {
4944
background-color: rgba(0, 0, 0, 0.6);
4945
color: rgba(255, 255, 255, 0.7);
4946
font-weight: 500;
4947
}
4948
.budgie-panel button {
4950
border-radius: 0;
4951
}
4952
.budgie-panel separator {
4954
background-color: rgba(255, 255, 255, 0.3);
4955
}
4956
.budgie-panel .alert {
4958
color: #FF5252;
4959
}
4960
.budgie-panel #tasklist-button {
4962
padding: 0 4px;
4963
}
4964
.budgie-panel #tasklist-button:checked {
4966
background-color: rgba(255, 255, 255, 0.12);
4967
}
4968
.budgie-panel button.flat.launcher {
4970
padding: 0;
4971
}
4972
.budgie-panel button.flat.launcher:checked {
4974
background-color: rgba(255, 255, 255, 0.12);
4975
}
4976
.budgie-panel button.flat.launcher:not(:checked) {
4978
color: rgba(255, 255, 255, 0.5);
4979
}
4980
.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active {
4982
color: rgba(255, 255, 255, 0.7);
4983
}
4984
.budgie-panel button.flat.launcher:not(:checked):disabled {
4986
color: rgba(255, 255, 255, 0.3);
4987
}
4988
.top .budgie-panel #tasklist-button, .budgie-panel .top #tasklist-button, .top .budgie-panel button.flat.launcher, .budgie-panel .top button.flat.launcher {
4990
border-image: radial-gradient(circle closest-corner at center calc(1px), currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
4991
}
4992
.top .budgie-panel #tasklist-button:checked, .budgie-panel .top #tasklist-button:checked, .top .budgie-panel button.flat.launcher:checked, .budgie-panel .top button.flat.launcher:checked, .top .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .top button.flat.launcher, .top
4994
.budgie-panel .pinned button.flat.launcher.running,
4995
.budgie-panel .pinned .top button.flat.launcher.running {
4996
border-image: radial-gradient(circle closest-corner at center calc(1px), currentColor 100%, transparent 0%) 2 0 0 0/2px 0 0 0;
4997
}
4998
.bottom .budgie-panel #tasklist-button, .budgie-panel .bottom #tasklist-button, .bottom .budgie-panel button.flat.launcher, .budgie-panel .bottom button.flat.launcher {
5000
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
5001
}
5002
.bottom .budgie-panel #tasklist-button:checked, .budgie-panel .bottom #tasklist-button:checked, .bottom .budgie-panel button.flat.launcher:checked, .budgie-panel .bottom button.flat.launcher:checked, .bottom .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .bottom button.flat.launcher, .bottom
5004
.budgie-panel .pinned button.flat.launcher.running,
5005
.budgie-panel .pinned .bottom button.flat.launcher.running {
5006
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2 0/0 0 2px 0;
5007
}
5008
.left .budgie-panel #tasklist-button, .budgie-panel .left #tasklist-button, .left .budgie-panel button.flat.launcher, .budgie-panel .left button.flat.launcher {
5010
border-image: radial-gradient(circle closest-corner at calc(1px) center, currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
5011
}
5012
.left .budgie-panel #tasklist-button:checked, .budgie-panel .left #tasklist-button:checked, .left .budgie-panel button.flat.launcher:checked, .budgie-panel .left button.flat.launcher:checked, .left .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .left button.flat.launcher, .left
5014
.budgie-panel .pinned button.flat.launcher.running,
5015
.budgie-panel .pinned .left button.flat.launcher.running {
5016
border-image: radial-gradient(circle closest-corner at calc(1px) center, currentColor 100%, transparent 0%) 0 2 0 0/0 2px 0 0;
5017
}
5018
.right .budgie-panel #tasklist-button, .budgie-panel .right #tasklist-button, .right .budgie-panel button.flat.launcher, .budgie-panel .right button.flat.launcher {
5020
border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
5021
}
5022
.right .budgie-panel #tasklist-button:checked, .budgie-panel .right #tasklist-button:checked, .right .budgie-panel button.flat.launcher:checked, .budgie-panel .right button.flat.launcher:checked, .right .budgie-panel .unpinned button.flat.launcher, .budgie-panel .unpinned .right button.flat.launcher, .right
5024
.budgie-panel .pinned button.flat.launcher.running,
5025
.budgie-panel .pinned .right button.flat.launcher.running {
5026
border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, currentColor 100%, transparent 0%) 0 0 0 2/0 0 0 2px;
5027
}
5028
frame.raven-frame > border {
5030
border-style: none;
5031
box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22);
5032
}
5033
.top frame.raven-frame > border {
5035
margin-bottom: 32px;
5036
}
5037
.bottom frame.raven-frame > border {
5039
margin-top: 32px;
5040
}
5041
.left frame.raven-frame > border {
5043
margin-right: 32px;
5044
}
5045
.right frame.raven-frame > border {
5047
margin-left: 32px;
5048
}
5049
.raven {
5051
background-color: #FAFAFA;
5052
}
5053
.raven > stack {
5055
margin-bottom: -10px;
5056
}
5057
.raven stackswitcher.linked > button {
5059
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FFA726 0%, transparent 0%) 0 0 0/0 0 0px;
5060
border-radius: 0;
5061
}
5062
.raven stackswitcher.linked > button:checked {
5064
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FFA726 100%, transparent 0%) 0 0 2/0 0 2px;
5065
background-color: transparent;
5066
}
5067
.raven .raven-header {
5069
min-height: 36px;
5070
padding: 3px;
5071
}
5072
.raven .raven-header:not(.top) {
5074
margin-top: -6px;
5075
}
5076
.raven .raven-header.top {
5078
padding: 2px 0;
5079
background-color: #42A5F5;
5080
color: #FFFFFF;
5081
}
5082
.raven .raven-header.top stackswitcher button {
5084
margin: -6px 0;
5085
min-height: 36px;
5086
}
5087
.raven .raven-header.top button.image-button:dir(ltr) {
5089
margin-right: 2px;
5090
}
5091
.raven .raven-header.top button.image-button:dir(rtl) {
5093
margin-left: 2px;
5094
}
5095
.raven .raven-header.top > image {
5097
margin: 0 8px;
5098
}
5099
.raven .raven-header.top > label {
5101
margin: 0 -8px;
5102
font-weight: bold;
5103
}
5104
.raven .raven-header.bottom {
5106
border-top: 1px solid rgba(0, 0, 0, 0.1);
5107
}
5108
.raven viewport.frame .raven-header {
5110
margin-top: -8px;
5111
}
5112
.raven .raven-background {
5114
border-style: solid none;
5115
border-width: 1px;
5116
border-color: rgba(0, 0, 0, 0.1);
5117
background-color: #FFFFFF;
5118
}
5119
.raven .raven-background.frame {
5121
border-style: solid none;
5122
}
5123
.raven .raven-background > overlay > widget > image {
5125
color: rgba(0, 0, 0, 0.12);
5126
}
5127
.raven .raven-background grid > label:first-child {
5129
min-height: 36px;
5130
}
5131
.raven scrolledwindow.raven-background {
5133
border-bottom-style: none;
5134
}
5135
.raven .raven-header.top + .raven-background {
5137
border-style: none;
5138
background-color: #42A5F5;
5139
color: #FFFFFF;
5140
}
5141
.raven .raven-header.top + .raven-background stackswitcher button {
5143
margin: -4px 0;
5144
}
5145
.raven .powerstrip button {
5147
margin: 2px 0 1px;
5148
padding: 12px;
5149
}
5150
.raven .option-subtitle {
5152
font-size: smaller;
5153
}
5154
calendar.raven-calendar {
5156
border-style: none;
5157
background-color: transparent;
5158
}
5159
calendar.raven-calendar:selected {
5161
border-radius: 2px;
5162
background-color: #42A5F5;
5163
}
5164
.raven-mpris {
5166
background-color: rgba(0, 0, 0, 0.6);
5167
color: #FFFFFF;
5168
}
5169
.raven-mpris label {
5171
min-height: 24px;
5172
}
5173
.raven-mpris button.image-button {
5175
padding: 12px;
5176
}
5177
.budgie-notification-window, .budgie-osd-window, .budgie-switcher-window {
5179
background-color: transparent;
5180
}
5181
.budgie-notification .notification-title, .budgie-switcher .notification-title {
5183
font-size: 120%;
5184
}
5185
.budgie-osd .budgie-osd-text {
5187
font-size: 120%;
5188
}
5189
.drop-shadow {
5191
margin: 5px 9px;
5192
padding: 3px;
5193
border-radius: 2px;
5194
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 1px rgba(255, 255, 255, 0.4);
5195
background-color: #FAFAFA;
5196
}
5197
.drop-shadow .linked > button {
5199
border-radius: 2px;
5200
}
5201
.budgie-session-dialog, .budgie-polkit-dialog, .budgie-run-dialog {
5203
border-radius: 2px;
5204
background-color: #FAFAFA;
5205
}
5206
.budgie-session-dialog decoration, .budgie-polkit-dialog decoration, .budgie-run-dialog decoration {
5208
border-radius: 2px;
5209
}
5210
.budgie-session-dialog label:not(:last-child),
5212
.budgie-session-dialog .dialog-title {
5213
font-size: 120%;
5214
}
5215
.budgie-session-dialog .linked.horizontal > button {
5217
padding: 8px 16px;
5218
border-top: 1px solid rgba(0, 0, 0, 0.1);
5219
border-radius: 0;
5220
}
5221
.budgie-session-dialog .linked.horizontal > button:first-child {
5223
border-bottom-left-radius: 2px;
5224
}
5225
.budgie-session-dialog .linked.horizontal > button:last-child {
5227
border-bottom-right-radius: 2px;
5228
}
5229
.budgie-polkit-dialog .message {
5231
color: rgba(0, 0, 0, 0.38);
5232
}
5233
.budgie-polkit-dialog .failure {
5235
color: #FF5252;
5236
}
5237
.budgie-run-dialog {
5239
background-color: #FFFFFF;
5240
}
5241
.budgie-run-dialog entry.search {
5243
font-size: 120%;
5244
padding: 6px 14px;
5245
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
5246
background-color: transparent;
5247
}
5248
.budgie-run-dialog list .dim-label, .budgie-run-dialog list label.separator, .budgie-run-dialog list .titlebar:not(headerbar) .subtitle, .titlebar:not(headerbar) .budgie-run-dialog list .subtitle, .budgie-run-dialog list
5250
headerbar .subtitle,
5251
headerbar .budgie-run-dialog list .subtitle, .budgie-run-dialog list .budgie-notification .notification-body, .budgie-notification .budgie-run-dialog list .notification-body, .budgie-run-dialog list .budgie-switcher .notification-body, .budgie-switcher .budgie-run-dialog list .notification-body {
5252
opacity: 1;
5253
}
5254
.budgie-run-dialog scrolledwindow {
5256
border-top: 1px solid rgba(0, 0, 0, 0.1);
5257
}
5258
/************************
5260
* LightDM GTK+ Greeter *
5261
************************/
5262
#panel_window {
5263
background-color: rgba(0, 0, 0, 0.3);
5264
color: #FFFFFF;
5265
}
5266
#panel_window menubar,
5268
#panel_window separator {
5269
background-color: transparent;
5270
}
5271
#panel_window separator {
5273
padding: 0 4px;
5274
}
5275
#panel_window separator:first-child {
5277
padding: 0 8px;
5278
}
5279
#panel_window menubar > menuitem {
5281
color: rgba(255, 255, 255, 0.7);
5282
}
5283
#panel_window menubar > menuitem:hover {
5285
color: #FFFFFF;
5286
}
5287
#panel_window menubar > menuitem:disabled label {
5289
color: rgba(255, 255, 255, 0.3);
5290
}
5291
#login_window,
5293
#shutdown_dialog,
5294
#restart_dialog {
5295
margin: 8px;
5296
border-radius: 2px;
5297
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 1px rgba(255, 255, 255, 0.4);
5298
background-color: #FAFAFA;
5299
}
5300
#content_frame {
5302
padding-bottom: 20px;
5303
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
5304
}
5305
#buttonbox_frame {
5307
padding-top: 24px;
5308
}
5309
#buttonbox_frame button {
5311
margin: -16px;
5312
}
5313
#greeter_infobar {
5315
margin-top: -1px;
5316
}
5317
/* GTK NAMED COLORS
5319
----------------
5320
use responsibly! */
5321
/*
5322
widget text/foreground color */
5323
@define-color theme_fg_color rgba(0, 0, 0, 0.87);
5324
/*
5325
text color for entries, views and content in general */
5326
@define-color theme_text_color rgba(0, 0, 0, 0.87);
5327
/*
5328
widget base background color */
5329
@define-color theme_bg_color #F5F5F5;
5330
/*
5331
text widgets and the like base background color */
5332
@define-color theme_base_color #FFFFFF;
5333
/*
5334
base background color of selections */
5335
@define-color theme_selected_bg_color #42A5F5;
5336
/*
5337
text/foreground color of selections */
5338
@define-color theme_selected_fg_color #FFFFFF;
5339
/*
5340
base background color of insensitive widgets */
5341
@define-color insensitive_bg_color #F5F5F5;
5342
/*
5343
text foreground color of insensitive widgets */
5344
@define-color insensitive_fg_color rgba(0, 0, 0, 0.38);
5345
/*
5346
insensitive text widgets and the like base background color */
5347
@define-color insensitive_base_color #FAFAFA;
5348
/*
5349
widget text/foreground color on backdrop windows */
5350
@define-color theme_unfocused_fg_color rgba(0, 0, 0, 0.87);
5351
/*
5352
text color for entries, views and content in general on backdrop windows */
5353
@define-color theme_unfocused_text_color rgba(0, 0, 0, 0.87);
5354
/*
5355
widget base background color on backdrop windows */
5356
@define-color theme_unfocused_bg_color #F5F5F5;
5357
/*
5358
text widgets and the like base background color on backdrop windows */
5359
@define-color theme_unfocused_base_color #FFFFFF;
5360
/*
5361
base background color of selections on backdrop windows */
5362
@define-color theme_unfocused_selected_bg_color #42A5F5;
5363
/*
5364
text/foreground color of selections on backdrop windows */
5365
@define-color theme_unfocused_selected_fg_color #FFFFFF;
5366
/*
5367
insensitive color on backdrop windows */
5368
@define-color unfocused_insensitive_color rgba(0, 0, 0, 0.38);
5369
/*
5370
widgets main borders color */
5371
@define-color borders rgba(0, 0, 0, 0.1);
5372
/*
5373
widgets main borders color on backdrop windows */
5374
@define-color unfocused_borders rgba(0, 0, 0, 0.1);
5375
/*
5376
these are pretty self explicative */
5377
@define-color warning_color #FF6D00;
5378
@define-color error_color #DD2C00;
5379
@define-color success_color #00C853;
5380
/*
5381
FIXME this is really an API */
5382
@define-color content_view_bg #FFFFFF;
5383
@define-color placeholder_text_color #757575;
5384