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, .app-notification, .osd .scale-popup, .nautilus-window .floating-bar, .osd {
168
opacity: 0.9;
169
}
170
/*********************
172
* Spinner Animation *
173
*********************/
174
@keyframes spin {
175
to {
176
-gtk-icon-transform: rotate(1turn);
177
}
178
}
179
spinner {
181
background: none;
182
opacity: 0;
183
-gtk-icon-source: -gtk-icontheme("process-working-symbolic");
184
}
185
spinner:checked {
187
opacity: 1;
188
animation: spin 1s linear infinite;
189
}
190
spinner:checked:disabled {
192
opacity: 0.5;
193
}
194
/****************
196
* Text Entries *
197
****************/
198
spinbutton:not(.vertical),
199
entry {
200
min-height: 36px;
201
padding: 0 8px;
202
border-radius: 2px;
203
transition: all 270ms cubic-bezier(0, 0, 0.2, 1), box-shadow 180ms cubic-bezier(0, 0, 0.2, 1);
204
border-image: none;
205
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
206
background-color: #FFFFFF;
207
color: rgba(0, 0, 0, 0.87);
208
}
209
spinbutton:focus:not(.vertical),
211
entry:focus {
212
border-image: none;
213
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
214
}
215
spinbutton:disabled:not(.vertical),
217
entry:disabled {
218
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
219
background-color: #FAFAFA;
220
color: rgba(0, 0, 0, 0.38);
221
}
222
spinbutton.flat:not(.vertical), notebook > stack:not(:only-child) entry:not(.search),
224
notebook > stack:not(:only-child) spinbutton:not(.vertical), messagedialog entry, colorchooser .popover.osd spinbutton:not(.vertical), entry.preferences-search, layoutpane entry.search, editortweak entry.search, .raven .raven-background spinbutton:not(.vertical), #login_window entry,
225
entry.flat {
226
border-radius: 0;
227
transition: all 270ms cubic-bezier(0, 0, 0.2, 1);
228
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #42A5F5 0%, transparent 0%) 0 0 0/0 0 0px;
229
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26);
230
background-color: transparent;
231
color: rgba(0, 0, 0, 0.87);
232
}
233
spinbutton.flat:focus:not(.vertical), notebook > stack:not(:only-child) entry:focus:not(.search),
235
notebook > stack:not(:only-child) spinbutton:focus:not(.vertical), messagedialog entry:focus, colorchooser .popover.osd spinbutton:focus:not(.vertical), entry.preferences-search:focus, layoutpane entry.search:focus, editortweak entry.search:focus, .raven .raven-background spinbutton:focus:not(.vertical), #login_window entry:focus,
236
entry.flat:focus {
237
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #42A5F5 100%, transparent 0%) 0 0 2/0 0 2px;
238
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26);
239
}
240
spinbutton.flat:disabled:not(.vertical), notebook > stack:not(:only-child) entry:disabled:not(.search),
242
notebook > stack:not(:only-child) spinbutton:disabled:not(.vertical), messagedialog entry:disabled, colorchooser .popover.osd spinbutton:disabled:not(.vertical), entry.preferences-search:disabled, layoutpane entry.search:disabled, editortweak entry.search:disabled, .raven .raven-background spinbutton:disabled:not(.vertical), #login_window entry:disabled,
243
entry.flat:disabled {
244
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12);
245
background-color: transparent;
246
color: rgba(0, 0, 0, 0.38);
247
}
248
spinbutton:not(.vertical) image,
250
entry image {
251
color: rgba(0, 0, 0, 0.54);
252
}
253
spinbutton:not(.vertical) image:hover, spinbutton:not(.vertical) image:active,
255
entry image:hover,
256
entry image:active {
257
color: rgba(0, 0, 0, 0.87);
258
}
259
spinbutton:not(.vertical) image:disabled,
261
entry image:disabled {
262
color: rgba(0, 0, 0, 0.38);
263
}
264
spinbutton:not(.vertical) image.left,
266
entry image.left {
267
margin-left: 2px;
268
margin-right: 6px;
269
}
270
spinbutton:not(.vertical) image.right,
272
entry image.right {
273
margin-left: 6px;
274
margin-right: 2px;
275
}
276
spinbutton:not(.vertical) undershoot.left,
278
entry undershoot.left {
279
background-color: transparent;
280
background-image: linear-gradient(to top, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%);
281
padding-left: 1px;
282
background-size: 1px 12px;
283
background-repeat: repeat-y;
284
background-origin: content-box;
285
background-position: left top;
286
}
287
spinbutton:not(.vertical) undershoot.right,
289
entry undershoot.right {
290
background-color: transparent;
291
background-image: linear-gradient(to top, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%);
292
padding-right: 1px;
293
background-size: 1px 12px;
294
background-repeat: repeat-y;
295
background-origin: content-box;
296
background-position: right top;
297
}
298
spinbutton.error:not(.vertical),
300
entry.error {
301
transition: all 270ms cubic-bezier(0, 0, 0.2, 1), box-shadow 180ms cubic-bezier(0, 0, 0.2, 1);
302
border-image: none;
303
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
304
background-color: #DD2C00;
305
color: #FFFFFF;
306
}
307
spinbutton.error:focus:not(.vertical),
309
entry.error:focus {
310
border-image: none;
311
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
312
}
313
spinbutton.error:disabled:not(.vertical),
315
entry.error:disabled {
316
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
317
background-color: #FAFAFA;
318
color: rgba(0, 0, 0, 0.38);
319
}
320
spinbutton.error.flat:not(.vertical), notebook > stack:not(:only-child) entry.error:not(.search),
322
notebook > stack:not(:only-child) spinbutton.error:not(.vertical), messagedialog entry.error, colorchooser .popover.osd spinbutton.error:not(.vertical), entry.error.preferences-search, layoutpane entry.error.search, editortweak entry.error.search, .raven .raven-background spinbutton.error:not(.vertical), #login_window entry.error,
323
entry.error.flat {
324
transition: all 270ms cubic-bezier(0, 0, 0.2, 1);
325
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #DD2C00 0%, transparent 0%) 0 0 0/0 0 0px;
326
box-shadow: inset 0 -1px #DD2C00;
327
background-color: transparent;
328
color: rgba(0, 0, 0, 0.87);
329
}
330
spinbutton.error.flat:focus:not(.vertical), notebook > stack:not(:only-child) entry.error:focus:not(.search),
332
notebook > stack:not(:only-child) spinbutton.error:focus:not(.vertical), messagedialog entry.error:focus, colorchooser .popover.osd spinbutton.error:focus:not(.vertical), entry.error.preferences-search:focus, layoutpane entry.error.search:focus, editortweak entry.error.search:focus, .raven .raven-background spinbutton.error:focus:not(.vertical), #login_window entry.error:focus,
333
entry.error.flat:focus {
334
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #DD2C00 100%, transparent 0%) 0 0 2/0 0 2px;
335
box-shadow: inset 0 -1px #DD2C00;
336
}
337
spinbutton.error.flat:disabled:not(.vertical), notebook > stack:not(:only-child) entry.error:disabled:not(.search),
339
notebook > stack:not(:only-child) spinbutton.error:disabled:not(.vertical), messagedialog entry.error:disabled, colorchooser .popover.osd spinbutton.error:disabled:not(.vertical), entry.error.preferences-search:disabled, layoutpane entry.error.search:disabled, editortweak entry.error.search:disabled, .raven .raven-background spinbutton.error:disabled:not(.vertical), #login_window entry.error:disabled,
340
entry.error.flat:disabled {
341
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12);
342
background-color: transparent;
343
color: rgba(0, 0, 0, 0.38);
344
}
345
spinbutton.error:not(.vertical) image,
347
entry.error image {
348
color: rgba(255, 255, 255, 0.7);
349
}
350
spinbutton.error:not(.vertical) image:hover, spinbutton.error:not(.vertical) image:active,
352
entry.error image:hover,
353
entry.error image:active {
354
color: #FFFFFF;
355
}
356
spinbutton.error:not(.vertical) image:disabled,
358
entry.error image:disabled {
359
color: rgba(255, 255, 255, 0.5);
360
}
361
spinbutton.warning:not(.vertical),
363
entry.warning {
364
transition: all 270ms cubic-bezier(0, 0, 0.2, 1), box-shadow 180ms cubic-bezier(0, 0, 0.2, 1);
365
border-image: none;
366
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
367
background-color: #FF6D00;
368
color: #FFFFFF;
369
}
370
spinbutton.warning:focus:not(.vertical),
372
entry.warning:focus {
373
border-image: none;
374
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
375
}
376
spinbutton.warning:disabled:not(.vertical),
378
entry.warning:disabled {
379
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
380
background-color: #FAFAFA;
381
color: rgba(0, 0, 0, 0.38);
382
}
383
spinbutton.warning.flat:not(.vertical), notebook > stack:not(:only-child) entry.warning:not(.search),
385
notebook > stack:not(:only-child) spinbutton.warning:not(.vertical), messagedialog entry.warning, colorchooser .popover.osd spinbutton.warning:not(.vertical), entry.warning.preferences-search, layoutpane entry.warning.search, editortweak entry.warning.search, .raven .raven-background spinbutton.warning:not(.vertical), #login_window entry.warning,
386
entry.warning.flat {
387
transition: all 270ms cubic-bezier(0, 0, 0.2, 1);
388
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FF6D00 0%, transparent 0%) 0 0 0/0 0 0px;
389
box-shadow: inset 0 -1px #FF6D00;
390
background-color: transparent;
391
color: rgba(0, 0, 0, 0.87);
392
}
393
spinbutton.warning.flat:focus:not(.vertical), notebook > stack:not(:only-child) entry.warning:focus:not(.search),
395
notebook > stack:not(:only-child) spinbutton.warning:focus:not(.vertical), messagedialog entry.warning:focus, colorchooser .popover.osd spinbutton.warning:focus:not(.vertical), entry.warning.preferences-search:focus, layoutpane entry.warning.search:focus, editortweak entry.warning.search:focus, .raven .raven-background spinbutton.warning:focus:not(.vertical), #login_window entry.warning:focus,
396
entry.warning.flat:focus {
397
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FF6D00 100%, transparent 0%) 0 0 2/0 0 2px;
398
box-shadow: inset 0 -1px #FF6D00;
399
}
400
spinbutton.warning.flat:disabled:not(.vertical), notebook > stack:not(:only-child) entry.warning:disabled:not(.search),
402
notebook > stack:not(:only-child) spinbutton.warning:disabled:not(.vertical), messagedialog entry.warning:disabled, colorchooser .popover.osd spinbutton.warning:disabled:not(.vertical), entry.warning.preferences-search:disabled, layoutpane entry.warning.search:disabled, editortweak entry.warning.search:disabled, .raven .raven-background spinbutton.warning:disabled:not(.vertical), #login_window entry.warning:disabled,
403
entry.warning.flat:disabled {
404
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12);
405
background-color: transparent;
406
color: rgba(0, 0, 0, 0.38);
407
}
408
spinbutton.warning:not(.vertical) image,
410
entry.warning image {
411
color: rgba(255, 255, 255, 0.7);
412
}
413
spinbutton.warning:not(.vertical) image:hover, spinbutton.warning:not(.vertical) image:active,
415
entry.warning image:hover,
416
entry.warning image:active {
417
color: #FFFFFF;
418
}
419
spinbutton.warning:not(.vertical) image:disabled,
421
entry.warning image:disabled {
422
color: rgba(255, 255, 255, 0.5);
423
}
424
spinbutton:not(.vertical) progress,
426
entry progress {
427
margin: 2px -6px;
428
border-bottom: 2px solid #42A5F5;
429
background-color: transparent;
430
}
431
.linked:not(.vertical) > spinbutton.flat:not(.vertical), notebook > stack:not(:only-child) .linked:not(.vertical) > entry:not(.search),
433
notebook > stack:not(:only-child) .linked:not(.vertical) > spinbutton:not(.vertical), messagedialog .linked:not(.vertical) > entry, colorchooser .popover.osd .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry.preferences-search, layoutpane .linked:not(.vertical) > entry.search, editortweak .linked:not(.vertical) > entry.search, .raven .raven-background .linked:not(.vertical) > spinbutton:not(.vertical), #login_window .linked:not(.vertical) > entry,
434
.linked.vertical > spinbutton.flat:not(.vertical), notebook > stack:not(:only-child)
435
.linked.vertical > entry:not(.search),
436
notebook > stack:not(:only-child)
437
.linked.vertical > spinbutton:not(.vertical), messagedialog
438
.linked.vertical > entry, colorchooser .popover.osd
439
.linked.vertical > spinbutton:not(.vertical),
440
.linked.vertical > entry.preferences-search, layoutpane
441
.linked.vertical > entry.search, editortweak
442
.linked.vertical > entry.search, .raven .raven-background
443
.linked.vertical > spinbutton:not(.vertical), #login_window
444
.linked.vertical > entry, .linked:not(.vertical) >
445
entry.flat,
446
.linked.vertical >
447
entry.flat {
448
border-radius: 0;
449
}
450
treeview entry.flat, treeview entry {
452
min-height: 0;
453
padding: 2px;
454
border-radius: 0;
455
background-color: #FFFFFF;
456
}
457
treeview entry.flat, treeview entry.flat:focus, treeview entry, treeview entry:focus {
459
border-image: none;
460
box-shadow: none;
461
}
462
.entry-tag, .documents-entry-tag, .photos-entry-tag {
464
margin: 6px;
465
border-radius: 9999px;
466
box-shadow: none;
467
background-color: #42A5F5;
468
color: #FFFFFF;
469
}
470
.entry-tag:hover, .documents-entry-tag:hover, .photos-entry-tag:hover {
472
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
473
}
474
:dir(ltr) .entry-tag, :dir(ltr) .documents-entry-tag, :dir(ltr) .photos-entry-tag {
476
margin-left: 8px;
477
margin-right: -2px;
478
padding-left: 8px;
479
padding-right: 4px;
480
}
481
:dir(rtl) .entry-tag, :dir(rtl) .documents-entry-tag, :dir(rtl) .photos-entry-tag {
483
margin-left: -2px;
484
margin-right: 8px;
485
padding-left: 4px;
486
padding-right: 8px;
487
}
488
.entry-tag.button, .button.documents-entry-tag, .button.photos-entry-tag {
490
box-shadow: none;
491
background-color: transparent;
492
}
493
.entry-tag.button:not(:hover):not(:active), .button.documents-entry-tag:not(:hover):not(:active), .button.photos-entry-tag:not(:hover):not(:active) {
495
color: rgba(255, 255, 255, 0.7);
496
}
497
/***********
499
* Buttons *
500
***********/
501
@keyframes needs_attention {
502
from {
503
background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#FF4081), to(transparent));
504
}
505
to {
506
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#FF4081), to(transparent));
507
}
508
}
509
button {
512
min-height: 24px;
513
min-width: 16px;
514
padding: 6px 10px;
515
border-radius: 2px;
516
font-weight: 500;
517
transition: all 270ms cubic-bezier(0, 0, 0.2, 1), box-shadow 180ms cubic-bezier(0, 0, 0.2, 1), background-size 450ms cubic-bezier(0, 0, 0.2, 1), background-image 900ms cubic-bezier(0, 0, 0.2, 1);
518
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 0 0 9999px transparent;
519
background-color: #FAFAFA;
520
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
521
background-repeat: no-repeat;
522
background-position: center;
523
background-size: 1000% 1000%;
524
color: rgba(0, 0, 0, 0.62);
525
}
526
button:hover {
529
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 0 0 9999px transparent;
530
color: rgba(0, 0, 0, 0.87);
531
}
532
button:active {
535
transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
536
animation: ripple_effect 270ms cubic-bezier(0, 0, 0.2, 1) forwards;
537
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 0 0 9999px alpha(currentColor, 0.15);
538
background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.15) 10%, transparent 0%);
539
background-size: 0% 0%;
540
color: rgba(0, 0, 0, 0.87);
541
}
542
button:disabled {
545
box-shadow: none;
546
background-color: rgba(0, 0, 0, 0.12);
547
color: rgba(0, 0, 0, 0.26);
548
}
549
button:checked {
552
background-color: #42A5F5;
553
color: #FFFFFF;
554
}
555
button:checked:disabled {
558
background-color: rgba(66, 165, 245, 0.3);
559
color: rgba(66, 165, 245, 0.5);
560
}
561
modelbutton.flat,
563
.menuitem.button.flat, spinbutton:not(.vertical) button, spinbutton.vertical button, popover.background.menu button,
564
popover.background button.model, notebook > header > tabs > arrow, scrollbar button, check,
565
radio, calendar.button, messagedialog.csd .dialog-action-area button, button.sidebar-button, .gedit-search-slider button, popover.messagepopover .popover-action-area button, PanelToplevel > 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)
566
.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),
567
headerbar button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button,
568
button.flat {
569
transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-size 450ms cubic-bezier(0, 0, 0.2, 1), background-image 900ms cubic-bezier(0, 0, 0.2, 1);
570
box-shadow: inset 0 0 0 9999px transparent;
571
background-color: transparent;
572
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
573
background-repeat: no-repeat;
574
background-position: center;
575
background-size: 1000% 1000%;
576
color: rgba(0, 0, 0, 0.54);
577
}
578
modelbutton.flat:hover,
580
.menuitem.button.flat:hover, spinbutton:not(.vertical) button:hover, spinbutton.vertical button:hover, popover.background.menu button:hover,
581
popover.background button.model:hover, notebook > header > tabs > arrow:hover, scrollbar button:hover, check:hover,
582
radio:hover, calendar.button:hover, messagedialog.csd .dialog-action-area button:hover, button.sidebar-button:hover, .gedit-search-slider button:hover, popover.messagepopover .popover-action-area button:hover, PanelToplevel > 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)
583
.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),
584
headerbar button:hover:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:hover:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:hover,
585
button.flat:hover {
586
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.15);
587
color: rgba(0, 0, 0, 0.87);
588
}
589
modelbutton.flat:active,
591
.menuitem.button.flat:active, spinbutton:not(.vertical) button:active, spinbutton.vertical button:active, popover.background.menu button:active,
592
popover.background button.model:active, notebook > header > tabs > arrow:active, scrollbar button:active, check:active,
593
radio:active, calendar.button:active, messagedialog.csd .dialog-action-area button:active, button.sidebar-button:active, .gedit-search-slider button:active, popover.messagepopover .popover-action-area button:active, PanelToplevel > 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)
594
.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),
595
headerbar button:active:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:active:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:active,
596
button.flat:active {
597
transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
598
animation: ripple_effect 270ms cubic-bezier(0, 0, 0.2, 1) forwards;
599
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.15);
600
background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.15) 10%, transparent 0%);
601
background-size: 0% 0%;
602
color: rgba(0, 0, 0, 0.87);
603
}
604
modelbutton.flat:disabled,
606
.menuitem.button.flat:disabled, spinbutton:not(.vertical) button:disabled, spinbutton.vertical button:disabled, popover.background.menu button:disabled,
607
popover.background button.model:disabled, notebook > header > tabs > arrow:disabled, scrollbar button:disabled, check:disabled,
608
radio:disabled, calendar.button:disabled, messagedialog.csd .dialog-action-area button:disabled, button.sidebar-button:disabled, .gedit-search-slider button:disabled, popover.messagepopover .popover-action-area button:disabled, PanelToplevel > 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)
609
.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),
610
headerbar button:disabled:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:disabled:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:disabled,
611
button.flat:disabled {
612
box-shadow: none;
613
background-color: transparent;
614
color: rgba(0, 0, 0, 0.26);
615
}
616
:not(headerbar) .caja-pathbar button:checked, .caja-pathbar :not(headerbar) button:checked, :not(headerbar)
618
.path-bar button:checked, layouttabbar button:checked, .mate-panel-menu-bar #PanelApplet button:checked, .budgie-panel #tasklist-button:checked, .raven stackswitcher.linked > button:checked, toolbar button:checked, .titlebar:not(headerbar) button:checked:not(.suggested-action):not(.destructive-action),
619
headerbar button:checked:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:checked:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:checked,
620
button.flat:checked {
621
background-color: rgba(0, 0, 0, 0.26);
622
color: rgba(0, 0, 0, 0.87);
623
}
624
:not(headerbar) .caja-pathbar button:checked:disabled, .caja-pathbar :not(headerbar) button:checked:disabled, :not(headerbar)
626
.path-bar button:checked:disabled, layouttabbar button:checked:disabled, .mate-panel-menu-bar #PanelApplet button:checked:disabled, .budgie-panel #tasklist-button:checked:disabled, .raven stackswitcher.linked > button:checked:disabled, toolbar button:checked:disabled, .titlebar:not(headerbar) button:checked:disabled:not(.suggested-action):not(.destructive-action),
627
headerbar button:checked:disabled:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:checked:disabled:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:checked:disabled,
628
button.flat:checked:disabled {
629
background-color: rgba(0, 0, 0, 0.12);
630
color: rgba(0, 0, 0, 0.38);
631
}
632
button.text-button {
635
padding-left: 16px;
636
padding-right: 16px;
637
}
638
button.image-button {
641
min-width: 24px;
642
padding: 6px;
643
}
644
button.text-button.image-button {
647
border-radius: 2px;
648
-gtk-outline-radius: 2px;
649
}
650
button.text-button.image-button label:first-child {
653
margin-left: 10px;
654
}
655
button.text-button.image-button label:last-child {
658
margin-right: 10px;
659
}
660
button.text-button.image-button image:not(:only-child) {
663
margin: 0 4px;
664
}
665
toolbar .linked > button, .titlebar:not(headerbar) .linked > button:not(.suggested-action):not(.destructive-action),
667
headerbar .linked > button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box .linked > button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification .linked > button, toolbar
668
.linked.vertical > button, .titlebar:not(headerbar)
669
.linked.vertical > button:not(.suggested-action):not(.destructive-action),
670
headerbar
671
.linked.vertical > button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box
672
.linked.vertical > button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification
673
.linked.vertical > button, .linked >
674
button.flat,
675
.linked.vertical >
676
button.flat {
677
border-radius: 2px;
678
}
679
toolbar .linked > button.text-button.image-button, .titlebar:not(headerbar) .linked > button.text-button.image-button:not(.suggested-action):not(.destructive-action),
681
headerbar .linked > button.text-button.image-button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box .linked > button.text-button.image-button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification .linked > button.text-button.image-button, toolbar
682
.linked.vertical > button.text-button.image-button, .titlebar:not(headerbar)
683
.linked.vertical > button.text-button.image-button:not(.suggested-action):not(.destructive-action),
684
headerbar
685
.linked.vertical > button.text-button.image-button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box
686
.linked.vertical > button.text-button.image-button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification
687
.linked.vertical > button.text-button.image-button, .linked >
688
button.flat.text-button.image-button,
689
.linked.vertical >
690
button.flat.text-button.image-button {
691
border-radius: 2px;
692
-gtk-outline-radius: 2px;
693
}
694
infobar.info button:disabled, infobar.question button:disabled, infobar.warning button:disabled, infobar.error button:disabled, row:selected
696
button:disabled {
697
background-color: rgba(255, 255, 255, 0.12);
698
color: rgba(255, 255, 255, 0.3);
699
}
700
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
702
button.flat {
703
color: rgba(255, 255, 255, 0.7);
704
}
705
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
707
button.flat:hover, row:selected
708
button.flat:active {
709
color: #FFFFFF;
710
}
711
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
713
button.flat:disabled {
714
color: rgba(255, 255, 255, 0.3);
715
}
716
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
718
button.flat:checked {
719
background-color: rgba(255, 255, 255, 0.3);
720
color: #FFFFFF;
721
}
722
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
724
button.flat:checked:disabled {
725
background-color: rgba(255, 255, 255, 0.12);
726
color: rgba(255, 255, 255, 0.5);
727
}
728
button.osd {
731
padding: 12px 16px;
732
}
733
button.osd.image-button {
736
padding: 12px;
737
}
738
button.osd:disabled {
741
opacity: 0;
742
}
743
button.suggested-action {
746
background-color: #FF4081;
747
color: #FFFFFF;
748
}
749
button.suggested-action:disabled {
752
box-shadow: none;
753
background-color: rgba(0, 0, 0, 0.12);
754
color: rgba(0, 0, 0, 0.38);
755
}
756
button.suggested-action:checked {
759
background-color: #ff79a7;
760
}
761
button.suggested-action.flat {
764
background-color: transparent;
765
color: #FF4081;
766
}
767
button.suggested-action.flat:disabled {
770
box-shadow: none;
771
background-color: transparent;
772
color: rgba(0, 0, 0, 0.38);
773
}
774
button.suggested-action.flat:checked {
777
background-color: rgba(255, 64, 129, 0.3);
778
}
779
button.destructive-action {
782
background-color: #FF5252;
783
color: #FFFFFF;
784
}
785
button.destructive-action:disabled {
788
box-shadow: none;
789
background-color: rgba(0, 0, 0, 0.12);
790
color: rgba(0, 0, 0, 0.38);
791
}
792
button.destructive-action:checked {
795
background-color: #ff8686;
796
}
797
button.destructive-action.flat {
800
background-color: transparent;
801
color: #FF5252;
802
}
803
button.destructive-action.flat:disabled {
806
box-shadow: none;
807
background-color: transparent;
808
color: rgba(0, 0, 0, 0.38);
809
}
810
button.destructive-action.flat:checked {
813
background-color: rgba(255, 82, 82, 0.3);
814
}
815
.stack-switcher >
817
button {
818
outline-offset: -4px;
819
}
820
.stack-switcher >
822
button > label {
823
padding-left: 6px;
824
padding-right: 6px;
825
}
826
.stack-switcher >
828
button > image {
829
padding-left: 6px;
830
padding-right: 6px;
831
padding-top: 3px;
832
padding-bottom: 3px;
833
}
834
.stack-switcher >
836
button.text-button {
837
padding-left: 10px;
838
padding-right: 10px;
839
}
840
.stack-switcher >
842
button.image-button {
843
padding-left: 4px;
844
padding-right: 4px;
845
}
846
.stack-switcher >
848
button.needs-attention:checked > label,
849
.stack-switcher >
850
button.needs-attention:checked > image {
851
animation: none;
852
background-image: none;
853
}
854
.primary-toolbar
856
button {
857
-gtk-icon-shadow: none;
858
}
859
button.image-button, toolbar .linked > button.image-button, .titlebar:not(headerbar) .linked > button.image-button:not(.suggested-action):not(.destructive-action),
862
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
863
.linked.vertical > button.image-button,
864
headerbar
865
.linked.vertical > button.image-button:not(.suggested-action):not(.destructive-action), .app-notification
866
.linked.vertical > button.image-button, .linked > button.flat.image-button,
867
.linked.vertical > button.flat.image-button, .inline-toolbar button:not(.text-button), check,
868
radio, button.titlebutton, .nautilus-window headerbar > revealer > button, .raven .raven-header:not(.top) button.image-button, .raven .expander-button,
869
button.close,
870
button.circular {
871
border-radius: 9999px;
872
-gtk-outline-radius: 9999px;
873
}
874
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 {
876
min-height: 24px;
877
min-width: 24px;
878
padding: 0;
879
border-radius: 9999px;
880
-gtk-outline-radius: 9999px;
881
}
882
.stack-switcher >
884
button.needs-attention > label,
885
.stack-switcher >
886
button.needs-attention > image, stacksidebar row.needs-attention > label {
887
animation: needs_attention 270ms cubic-bezier(0, 0, 0.2, 1) forwards;
888
background-repeat: no-repeat;
889
background-position: right 3px;
890
background-size: 6px 6px;
891
}
892
.stack-switcher >
894
button.needs-attention > label:dir(rtl),
895
.stack-switcher >
896
button.needs-attention > image:dir(rtl), stacksidebar row.needs-attention > label:dir(rtl) {
897
background-position: left 3px;
898
}
899
.linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry, .linked > button, .linked:not(.vertical) > combobox > box > button.combo {
901
border-radius: 0;
902
-gtk-outline-radius: 2px;
903
}
904
.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 {
906
border-top-left-radius: 2px;
907
border-bottom-left-radius: 2px;
908
}
909
.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 {
911
border-top-right-radius: 2px;
912
border-bottom-right-radius: 2px;
913
}
914
.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 {
916
border-radius: 2px;
917
}
918
.linked.vertical > spinbutton:not(.vertical), .linked.vertical > entry, .linked.vertical > button, .linked.vertical > combobox > box > button.combo {
920
border-radius: 0;
921
-gtk-outline-radius: 2px;
922
}
923
.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 {
925
border-top-left-radius: 2px;
926
border-top-right-radius: 2px;
927
}
928
.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 {
930
border-bottom-left-radius: 2px;
931
border-bottom-right-radius: 2px;
932
}
933
.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 {
935
border-radius: 2px;
936
}
937
/* menu buttons */
939
modelbutton.flat,
940
.menuitem.button.flat {
941
min-height: 28px;
942
padding: 0 8px;
943
border-radius: 2px;
944
color: inherit;
945
}
946
modelbutton.flat arrow {
948
background: none;
949
}
950
modelbutton.flat arrow:hover {
952
background: none;
953
}
954
modelbutton.flat arrow.left {
956
-gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
957
}
958
modelbutton.flat arrow.right {
960
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
961
}
962
button.color {
964
min-height: 24px;
965
min-width: 24px;
966
padding: 6px;
967
}
968
/*********
970
* Links *
971
*********/
972
*:link, button:link,
973
button:visited, *:link:hover, button:hover:link,
974
button:hover:visited, *:link:active, button:active:link,
975
button:active:visited {
976
color: #42A5F5;
977
}
978
*:link:visited,
980
button:visited, *:link:visited:hover,
981
button:visited:hover, *:link:visited:active,
982
button:visited:active {
983
color: #E040FB;
984
}
985
infobar.info *:link, infobar.info button:link, infobar.info
987
button:visited, infobar.question *:link, infobar.question button:link, infobar.question
988
button:visited, infobar.warning *:link, infobar.warning button:link, infobar.warning
989
button:visited, infobar.error *:link, infobar.error button:link, infobar.error
990
button:visited, *:link:selected, button:selected:link,
991
button:selected:visited, .selection-mode.titlebar:not(headerbar) .subtitle:link,
992
headerbar.selection-mode .subtitle:link,
993
*:selected *:link,
994
*:selected button:link,
995
*:selected
996
button:visited {
997
color: #FFFFFF;
998
}
999
button:link > label,
1001
button:visited > label {
1002
text-decoration-line: underline;
1003
}
1004
/*****************
1006
* GtkSpinButton *
1007
*****************/
1008
spinbutton:not(.vertical) {
1009
padding: 0;
1010
}
1011
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,
1013
spinbutton:not(.vertical) entry {
1014
min-width: 32px;
1015
margin: 0;
1016
border-image: none;
1017
border-radius: 0;
1018
box-shadow: none;
1019
background-color: transparent;
1020
}
1021
spinbutton:not(.vertical) button {
1023
border: solid 6px transparent;
1024
}
1025
spinbutton:not(.vertical) button.up:dir(ltr), spinbutton:not(.vertical) button.down:dir(rtl) {
1027
margin-left: -3px;
1028
}
1029
spinbutton:not(.vertical) button.up:dir(rtl), spinbutton:not(.vertical) button.down:dir(ltr) {
1031
margin-right: -3px;
1032
}
1033
spinbutton.vertical:disabled {
1035
color: rgba(0, 0, 0, 0.38);
1036
}
1037
spinbutton.vertical:drop(active) {
1039
box-shadow: none;
1040
}
1041
spinbutton.vertical entry {
1043
min-height: 36px;
1044
min-width: 48px;
1045
padding: 0;
1046
}
1047
spinbutton.vertical button {
1049
min-height: 36px;
1050
min-width: 48px;
1051
padding: 0;
1052
}
1053
spinbutton.vertical button.up {
1055
border-radius: 2px 2px 0 0;
1056
}
1057
spinbutton.vertical button.down {
1059
border-radius: 0 0 2px 2px;
1060
}
1061
treeview spinbutton:not(.vertical) {
1063
min-height: 0;
1064
border-style: none;
1065
border-radius: 0;
1066
}
1067
treeview spinbutton:not(.vertical) entry {
1069
min-height: 0;
1070
padding: 1px 2px;
1071
}
1072
/**************
1074
* ComboBoxes *
1075
**************/
1076
combobox arrow {
1077
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
1078
min-height: 16px;
1079
min-width: 16px;
1080
}
1081
combobox decoration,
1083
combobox button.combo:checked {
1084
transition: none;
1085
}
1086
combobox button.combo cellview:dir(ltr) {
1088
margin-left: -2px;
1089
}
1090
combobox button.combo cellview:dir(rtl) {
1092
margin-right: -2px;
1093
}
1094
combobox #gtk-combobox-popup-menu {
1096
padding: 2px 0;
1097
}
1098
combobox #gtk-combobox-popup-menu menuitem {
1100
min-height: 32px;
1101
padding: 0 8px;
1102
}
1103
combobox #gtk-combobox-popup-menu > arrow.top {
1105
margin-top: -2px;
1106
}
1107
combobox #gtk-combobox-popup-menu > arrow.bottom {
1109
margin-bottom: -6px;
1110
}
1111
combobox:drop(active) {
1113
box-shadow: none;
1114
}
1115
notebook > stack:not(:only-child) button.combo, .raven .raven-background button.combo, #login_window #user_combobox button {
1117
border-radius: 0;
1118
background-image: none;
1119
font-weight: inherit;
1120
transition: all 270ms cubic-bezier(0, 0, 0.2, 1);
1121
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #42A5F5 0%, transparent 0%) 0 0 0/0 0 0px;
1122
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26);
1123
background-color: transparent;
1124
color: rgba(0, 0, 0, 0.87);
1125
}
1126
notebook > stack:not(:only-child) button.combo:hover, .raven .raven-background button.combo:hover, #login_window #user_combobox button:hover {
1128
box-shadow: inset 0 -2px rgba(0, 0, 0, 0.38);
1129
}
1130
notebook > stack:not(:only-child) button.combo:checked, .raven .raven-background button.combo:checked, #login_window #user_combobox button:checked {
1132
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #42A5F5 100%, transparent 0%) 0 0 2/0 0 2px;
1133
}
1134
notebook > stack:not(:only-child) button.combo:disabled, .raven .raven-background button.combo:disabled, #login_window #user_combobox button:disabled {
1136
color: rgba(0, 0, 0, 0.38);
1137
}
1138
/************
1140
* Toolbars *
1141
************/
1142
toolbar {
1143
-GtkWidget-window-dragging: true;
1144
padding: 2px;
1145
background-color: #F5F5F5;
1146
}
1147
.osd toolbar {
1149
background-color: transparent;
1150
}
1151
toolbar.osd, .app-notification, frame.documents-dropdown {
1153
transition: box-shadow 180ms cubic-bezier(0, 0, 0.2, 1);
1154
padding: 6px;
1155
border-radius: 2px;
1156
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);
1157
background-color: #FFFFFF;
1158
}
1159
toolbar.osd:backdrop, .app-notification:backdrop, frame.documents-dropdown:backdrop {
1161
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);
1162
}
1163
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 {
1165
border-radius: 0;
1166
}
1167
toolbar.horizontal > separator {
1169
margin: 2px;
1170
}
1171
toolbar.vertical > separator {
1173
margin: 2px;
1174
}
1175
toolbar:not(.inline-toolbar):not(.osd) scale,
1177
toolbar:not(.inline-toolbar):not(.osd) entry,
1178
toolbar:not(.inline-toolbar):not(.osd) spinbutton,
1179
toolbar:not(.inline-toolbar):not(.osd) button {
1180
margin: 2px;
1181
}
1182
toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:first-child),
1184
toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:first-child),
1185
toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:first-child) {
1186
margin-left: 0;
1187
}
1188
toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:last-child),
1190
toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:last-child),
1191
toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:last-child) {
1192
margin-right: 0;
1193
}
1194
toolbar:not(.inline-toolbar):not(.osd) spinbutton entry,
1196
toolbar:not(.inline-toolbar):not(.osd) spinbutton button {
1197
margin: 0;
1198
}
1199
toolbar:not(.inline-toolbar):not(.osd) switch {
1201
margin: 8px 2px;
1202
}
1203
.inline-toolbar {
1205
padding: 6px;
1206
border-style: solid;
1207
border-width: 0 1px 1px;
1208
border-color: rgba(0, 0, 0, 0.12);
1209
background-color: #FAFAFA;
1210
}
1211
searchbar,
1213
.location-bar {
1214
padding: 6px;
1215
border-style: solid;
1216
border-width: 0 0 1px;
1217
border-color: rgba(0, 0, 0, 0.12);
1218
background-color: #F5F5F5;
1219
background-clip: border-box;
1220
}
1221
/***************
1223
* Header bars *
1224
***************/
1225
.titlebar:not(headerbar),
1226
headerbar {
1227
transition: background-color 180ms cubic-bezier(0, 0, 0.2, 1), color 270ms cubic-bezier(0, 0, 0.2, 1);
1228
min-height: 48px;
1229
padding: 0 6px;
1230
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 1px rgba(255, 255, 255, 0.1);
1231
background-color: #455A64;
1232
color: #FFFFFF;
1233
}
1234
.titlebar:disabled:not(headerbar) :not(button) > label,
1236
headerbar:disabled :not(button) > label {
1237
color: rgba(255, 255, 255, 0.5);
1238
}
1239
.titlebar:backdrop:not(headerbar),
1241
headerbar:backdrop {
1242
color: rgba(255, 255, 255, 0.7);
1243
}
1244
.titlebar:backdrop:disabled:not(headerbar) :not(button) > label,
1246
headerbar:backdrop:disabled :not(button) > label {
1247
color: rgba(255, 255, 255, 0.3);
1248
}
1249
.titlebar:not(headerbar) .title,
1251
headerbar .title {
1252
padding: 0 12px;
1253
font-weight: bold;
1254
}
1255
.titlebar:not(headerbar) .subtitle,
1257
headerbar .subtitle {
1258
padding: 0 12px;
1259
font-size: smaller;
1260
}
1261
.titlebar:not(headerbar) .linked:not(.vertical) > entry:not(.flat),
1263
headerbar .linked:not(.vertical) > entry:not(.flat) {
1264
border-radius: 2px;
1265
}
1266
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action),
1268
headerbar button:not(.suggested-action):not(.destructive-action) {
1269
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0/0 0 0px;
1270
color: rgba(255, 255, 255, 0.7);
1271
}
1272
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):hover, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):active,
1274
headerbar button:not(.suggested-action):not(.destructive-action):hover,
1275
headerbar button:not(.suggested-action):not(.destructive-action):active {
1276
color: #FFFFFF;
1277
}
1278
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):disabled,
1280
headerbar button:not(.suggested-action):not(.destructive-action):disabled {
1281
color: rgba(255, 255, 255, 0.3);
1282
}
1283
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked,
1285
headerbar button:not(.suggested-action):not(.destructive-action):checked {
1286
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2/0 0 2px;
1287
color: #FFFFFF;
1288
}
1289
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked:disabled,
1291
headerbar button:not(.suggested-action):not(.destructive-action):checked:disabled {
1292
color: rgba(255, 255, 255, 0.5);
1293
}
1294
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked:disabled,
1296
headerbar button:not(.suggested-action):not(.destructive-action):checked,
1297
headerbar button:not(.suggested-action):not(.destructive-action):checked:disabled {
1298
background-color: transparent;
1299
}
1300
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop,
1302
headerbar button:not(.suggested-action):not(.destructive-action):backdrop {
1303
color: rgba(255, 255, 255, 0.5);
1304
}
1305
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:hover, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:active,
1307
headerbar button:not(.suggested-action):not(.destructive-action):backdrop:hover,
1308
headerbar button:not(.suggested-action):not(.destructive-action):backdrop:active {
1309
color: rgba(255, 255, 255, 0.7);
1310
}
1311
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:disabled,
1313
headerbar button:not(.suggested-action):not(.destructive-action):backdrop:disabled {
1314
color: rgba(255, 255, 255, 0.3);
1315
}
1316
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked,
1318
headerbar button:not(.suggested-action):not(.destructive-action):backdrop:checked {
1319
color: rgba(255, 255, 255, 0.7);
1320
}
1321
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled,
1323
headerbar button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled {
1324
color: rgba(255, 255, 255, 0.3);
1325
}
1326
.titlebar:not(headerbar) button.suggested-action:disabled, .titlebar:not(headerbar) button.destructive-action:disabled,
1328
headerbar button.suggested-action:disabled,
1329
headerbar button.destructive-action:disabled {
1330
background-color: rgba(255, 255, 255, 0.12);
1331
color: rgba(255, 255, 255, 0.5);
1332
}
1333
.selection-mode.titlebar:not(headerbar),
1335
headerbar.selection-mode {
1336
transition: background-color 0.00001s 270ms, color 270ms cubic-bezier(0, 0, 0.2, 1);
1337
animation: header_ripple_effect 270ms cubic-bezier(0, 0, 0.2, 1);
1338
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);
1339
background-color: #42A5F5;
1340
color: #FFFFFF;
1341
}
1342
.selection-mode.titlebar:backdrop:not(headerbar),
1344
headerbar.selection-mode:backdrop {
1345
color: rgba(255, 255, 255, 0.7);
1346
}
1347
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action),
1349
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action) {
1350
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0/0 0 0px;
1351
color: #FFFFFF;
1352
}
1353
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):disabled,
1355
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):disabled {
1356
color: rgba(255, 255, 255, 0.5);
1357
}
1358
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked,
1360
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):checked {
1361
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2/0 0 2px;
1362
color: #FFFFFF;
1363
}
1364
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked:disabled,
1366
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):checked:disabled {
1367
color: rgba(255, 255, 255, 0.5);
1368
}
1369
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop,
1371
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop {
1372
color: rgba(255, 255, 255, 0.7);
1373
}
1374
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:disabled,
1376
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:disabled {
1377
color: rgba(255, 255, 255, 0.3);
1378
}
1379
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked,
1381
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked {
1382
color: rgba(255, 255, 255, 0.7);
1383
}
1384
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled,
1386
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled {
1387
color: rgba(255, 255, 255, 0.3);
1388
}
1389
.selection-mode.titlebar:not(headerbar) .selection-menu,
1391
headerbar.selection-mode .selection-menu {
1392
padding-left: 16px;
1393
padding-right: 16px;
1394
}
1395
.selection-mode.titlebar:not(headerbar) .selection-menu GtkArrow,
1397
headerbar.selection-mode .selection-menu GtkArrow {
1398
-GtkArrow-arrow-scaling: 1;
1399
}
1400
.selection-mode.titlebar:not(headerbar) .selection-menu .arrow,
1402
headerbar.selection-mode .selection-menu .arrow {
1403
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
1404
}
1405
.tiled .titlebar:not(headerbar),
1407
.maximized .titlebar:not(headerbar),
1408
.fullscreen .titlebar:not(headerbar), .tiled
1409
headerbar,
1410
.maximized
1411
headerbar,
1412
.fullscreen
1413
headerbar {
1414
border-radius: 0;
1415
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
1416
}
1417
.default-decoration.titlebar:not(headerbar),
1419
headerbar.default-decoration {
1420
min-height: 24px;
1421
padding: 6px;
1422
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
1423
}
1424
.tiled .default-decoration.titlebar:not(headerbar),
1426
.maximized .default-decoration.titlebar:not(headerbar),
1427
.fullscreen .default-decoration.titlebar:not(headerbar), .tiled
1428
headerbar.default-decoration,
1429
.maximized
1430
headerbar.default-decoration,
1431
.fullscreen
1432
headerbar.default-decoration {
1433
box-shadow: none;
1434
}
1435
.default-decoration.titlebar:not(headerbar) button.titlebutton,
1437
headerbar.default-decoration button.titlebutton {
1438
min-height: 24px;
1439
min-width: 24px;
1440
margin: 0;
1441
padding: 0;
1442
}
1443
.background:not(.csd) .default-decoration.titlebar:not(headerbar) button.titlebutton:active, .background:not(.csd)
1445
headerbar.default-decoration button.titlebutton:active {
1446
background-size: 1000% 1000%;
1447
}
1448
headerbar entry,
1450
headerbar spinbutton,
1451
headerbar button {
1452
margin-top: 6px;
1453
margin-bottom: 6px;
1454
}
1455
headerbar switch {
1457
margin-top: 12px;
1458
margin-bottom: 12px;
1459
}
1460
headerbar spinbutton button {
1462
margin-top: 0;
1463
margin-bottom: 0;
1464
}
1465
.background:not(.tiled):not(.maximized):not(.fullscreen):not(.solid-csd) .titlebar {
1467
border-top-left-radius: 2px;
1468
border-top-right-radius: 2px;
1469
}
1470
window:not(.tiled):not(.maximized):not(.fullscreen):not(.solid-csd) separator:first-child + headerbar,
1472
window:not(.tiled):not(.maximized):not(.fullscreen):not(.solid-csd) headerbar:first-child {
1473
border-top-left-radius: 2px;
1474
}
1475
window:not(.tiled):not(.maximized):not(.fullscreen):not(.solid-csd) headerbar:last-child {
1477
border-top-right-radius: 2px;
1478
}
1479
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 {
1481
border-top-left-radius: 2px;
1482
border-top-right-radius: 2px;
1483
}
1484
window.csd > .titlebar:not(headerbar) {
1486
padding: 0;
1487
background-color: transparent;
1488
background-image: none;
1489
border-style: none;
1490
box-shadow: none;
1491
}
1492
.titlebar:not(headerbar) > separator {
1494
background-color: #455A64;
1495
background-image: image(rgba(0, 0, 0, 0.12));
1496
}
1497
/************
1499
* Pathbars *
1500
************/
1501
.caja-pathbar button,
1502
.path-bar button {
1503
padding-left: 6px;
1504
padding-right: 6px;
1505
}
1506
.caja-pathbar button label:not(:only-child):first-child,
1508
.path-bar button label:not(:only-child):first-child {
1509
margin-left: 4px;
1510
}
1511
.caja-pathbar button label:not(:only-child):last-child,
1513
.path-bar button label:not(:only-child):last-child {
1514
margin-right: 4px;
1515
}
1516
.caja-pathbar button.slider-button,
1518
.path-bar button.slider-button {
1519
padding-left: 4px;
1520
padding-right: 4px;
1521
}
1522
:not(headerbar) .caja-pathbar button, .caja-pathbar :not(headerbar) button, :not(headerbar)
1524
.path-bar button {
1525
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #42A5F5 0%, transparent 0%) 0 0 0/0 0 0px;
1526
border-radius: 2px;
1527
}
1528
:not(headerbar) .caja-pathbar button:checked, .caja-pathbar :not(headerbar) button:checked, :not(headerbar)
1530
.path-bar button:checked {
1531
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #42A5F5 100%, transparent 0%) 0 0 2/0 0 2px;
1532
}
1533
: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)
1535
.path-bar button:checked, :not(headerbar)
1536
.path-bar button:checked:disabled {
1537
background-color: transparent;
1538
}
1539
/**************
1541
* Tree Views *
1542
**************/
1543
treeview.view {
1544
border-left-color: rgba(0, 0, 0, 0.26);
1545
border-top-color: rgba(0, 0, 0, 0.12);
1546
}
1547
* {
1549
-GtkTreeView-horizontal-separator: 4;
1550
-GtkTreeView-grid-line-width: 1;
1551
-GtkTreeView-grid-line-pattern: '';
1552
-GtkTreeView-tree-line-width: 1;
1553
-GtkTreeView-tree-line-pattern: '';
1554
-GtkTreeView-expander-size: 16;
1555
}
1556
treeview.view:selected {
1558
border-left-color: rgba(255, 255, 255, 0.3);
1559
}
1560
treeview.view:hover, treeview.view:active, treeview.view:selected {
1562
border-radius: 0;
1563
}
1564
treeview.view.separator {
1566
min-height: 5px;
1567
color: rgba(0, 0, 0, 0.12);
1568
}
1569
treeview.view:drop(active) {
1571
border-style: solid none;
1572
border-width: 1px;
1573
border-color: #FF4081;
1574
}
1575
treeview.view:drop(active).after {
1577
border-top-style: none;
1578
}
1579
treeview.view:drop(active).before {
1581
border-bottom-style: none;
1582
}
1583
treeview.view.expander {
1585
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
1586
-gtk-icon-transform: rotate(-90deg);
1587
color: rgba(0, 0, 0, 0.54);
1588
}
1589
treeview.view.expander:dir(rtl) {
1591
-gtk-icon-transform: rotate(90deg);
1592
}
1593
treeview.view.expander:checked {
1595
-gtk-icon-transform: unset;
1596
}
1597
treeview.view.expander:hover, treeview.view.expander:active {
1599
color: rgba(0, 0, 0, 0.87);
1600
}
1601
treeview.view.expander:disabled {
1603
color: rgba(0, 0, 0, 0.26);
1604
}
1605
treeview.view.expander:selected {
1607
color: rgba(255, 255, 255, 0.7);
1608
}
1609
treeview.view.expander:selected:hover, treeview.view.expander:selected:active {
1611
color: #FFFFFF;
1612
}
1613
treeview.view.expander:selected:disabled {
1615
color: rgba(255, 255, 255, 0.3);
1616
}
1617
treeview.view.progressbar {
1619
border-bottom: 4px solid #42A5F5;
1620
box-shadow: none;
1621
background-color: transparent;
1622
}
1623
treeview.view.progressbar:selected {
1625
border-bottom-color: #FFFFFF;
1626
}
1627
treeview.view.trough {
1629
border-bottom: 4px solid rgba(66, 165, 245, 0.3);
1630
box-shadow: none;
1631
background-color: transparent;
1632
}
1633
treeview.view.trough:selected {
1635
border-bottom-color: rgba(255, 255, 255, 0.3);
1636
}
1637
treeview.view header button {
1639
padding: 2px 6px;
1640
border-style: none solid solid none;
1641
border-width: 1px;
1642
border-color: rgba(0, 0, 0, 0.12);
1643
border-radius: 0;
1644
background-clip: border-box;
1645
}
1646
treeview.view header button, treeview.view header button:hover, treeview.view header button:active {
1648
box-shadow: none;
1649
}
1650
treeview.view header button, treeview.view header button:disabled {
1652
background-color: #FFFFFF;
1653
}
1654
treeview.view header button:last-child {
1656
border-right-style: none;
1657
}
1658
treeview.view button.dnd,
1660
treeview.view header.button.dnd {
1661
padding: 2px 6px;
1662
border-style: none solid solid;
1663
border-width: 1px;
1664
border-color: rgba(0, 0, 0, 0.12);
1665
border-radius: 0;
1666
box-shadow: none;
1667
background-color: #FFFFFF;
1668
background-clip: border-box;
1669
color: #42A5F5;
1670
}
1671
treeview.view acceleditor > label {
1673
background-color: #42A5F5;
1674
}
1675
/*********
1677
* Menus *
1678
*********/
1679
menubar,
1680
.menubar {
1681
-GtkWidget-window-dragging: true;
1682
padding: 0;
1683
background-color: #455A64;
1684
}
1685
menubar > menuitem,
1687
.menubar > menuitem {
1688
transition: all 180ms cubic-bezier(0, 0, 0.2, 1);
1689
min-height: 20px;
1690
padding: 4px 8px;
1691
color: rgba(255, 255, 255, 0.7);
1692
}
1693
menubar > menuitem:hover,
1695
.menubar > menuitem:hover {
1696
transition: none;
1697
background-color: rgba(255, 255, 255, 0.12);
1698
color: #FFFFFF;
1699
}
1700
menubar > menuitem:disabled,
1702
.menubar > menuitem:disabled {
1703
color: rgba(255, 255, 255, 0.3);
1704
}
1705
.csd.popup {
1707
background-color: transparent;
1708
}
1709
menu,
1711
.menu,
1712
.context-menu {
1713
margin: 4px 0;
1714
padding: 4px 0;
1715
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
1716
background-color: #FFFFFF;
1717
border: 1px solid rgba(0, 0, 0, 0.12);
1718
}
1719
.csd menu, .csd
1721
.menu, .csd
1722
.context-menu {
1723
border: none;
1724
border-radius: 2px;
1725
}
1726
menu menuitem,
1728
.menu menuitem,
1729
.context-menu menuitem {
1730
transition: background-color 180ms cubic-bezier(0, 0, 0.2, 1);
1731
min-height: 20px;
1732
min-width: 40px;
1733
padding: 4px 8px;
1734
font: initial;
1735
text-shadow: none;
1736
}
1737
menu menuitem:hover,
1739
.menu menuitem:hover,
1740
.context-menu menuitem:hover {
1741
transition: none;
1742
background-color: rgba(0, 0, 0, 0.12);
1743
}
1744
menu menuitem:disabled,
1746
.menu menuitem:disabled,
1747
.context-menu menuitem:disabled {
1748
color: rgba(0, 0, 0, 0.38);
1749
}
1750
menu menuitem arrow,
1752
.menu menuitem arrow,
1753
.context-menu menuitem arrow {
1754
min-height: 16px;
1755
min-width: 16px;
1756
}
1757
menu menuitem arrow:dir(ltr),
1759
.menu menuitem arrow:dir(ltr),
1760
.context-menu menuitem arrow:dir(ltr) {
1761
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
1762
margin-left: 8px;
1763
}
1764
menu menuitem arrow:dir(rtl),
1766
.menu menuitem arrow:dir(rtl),
1767
.context-menu menuitem arrow:dir(rtl) {
1768
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl");
1769
margin-right: 8px;
1770
}
1771
menu menuitem label:dir(rtl), menu menuitem label:dir(ltr),
1773
.menu menuitem label:dir(rtl),
1774
.menu menuitem label:dir(ltr),
1775
.context-menu menuitem label:dir(rtl),
1776
.context-menu menuitem label:dir(ltr) {
1777
color: inherit;
1778
}
1779
menu > arrow,
1781
.menu > arrow,
1782
.context-menu > arrow {
1783
min-height: 16px;
1784
min-width: 16px;
1785
padding: 4px;
1786
background-color: #FFFFFF;
1787
color: rgba(0, 0, 0, 0.54);
1788
}
1789
menu > arrow.top,
1791
.menu > arrow.top,
1792
.context-menu > arrow.top {
1793
margin-top: -4px;
1794
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
1795
border-radius: 2px 2px 0 0;
1796
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
1797
}
1798
menu > arrow.bottom,
1800
.menu > arrow.bottom,
1801
.context-menu > arrow.bottom {
1802
margin-bottom: -12px;
1803
border-top: 1px solid rgba(0, 0, 0, 0.12);
1804
border-radius: 0 0 2px 2px;
1805
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
1806
}
1807
menu > arrow:hover,
1809
.menu > arrow:hover,
1810
.context-menu > arrow:hover {
1811
background-image: image(rgba(0, 0, 0, 0.12));
1812
color: rgba(0, 0, 0, 0.87);
1813
}
1814
menu > arrow:disabled,
1816
.menu > arrow:disabled,
1817
.context-menu > arrow:disabled {
1818
border-color: transparent;
1819
background-color: transparent;
1820
color: transparent;
1821
}
1822
menu separator,
1824
.menu separator,
1825
.context-menu separator {
1826
margin: 4px 0;
1827
}
1828
menuitem accelerator {
1830
color: rgba(0, 0, 0, 0.54);
1831
}
1832
.popup:not(.csd) menu menuitem {
1834
color: #212121;
1835
}
1836
.popup:not(.csd) menu menuitem:hover {
1838
background-color: #E0E0E0;
1839
}
1840
.popup:not(.csd) menu menuitem:disabled {
1842
color: #9E9E9E;
1843
}
1844
.popup:not(.csd) menu accelerator {
1846
color: #757575;
1847
}
1848
/************
1850
* Popovers *
1851
************/
1852
popover.background {
1853
transition: box-shadow 180ms cubic-bezier(0, 0, 0.2, 1);
1854
padding: 2px;
1855
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
1856
background-color: #FAFAFA;
1857
}
1858
popover.background:backdrop {
1860
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
1861
}
1862
popover.background, .csd popover.background {
1864
border-style: solid;
1865
border-width: 1px;
1866
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.3);
1867
border-radius: 3px;
1868
}
1869
popover.background > stack {
1871
margin: -4px;
1872
}
1873
popover.background > toolbar {
1875
margin: -2px;
1876
}
1877
popover.background > list,
1879
popover.background > .view,
1880
popover.background > toolbar {
1881
border-style: none;
1882
box-shadow: none;
1883
background-color: transparent;
1884
}
1885
popover.background.menu button,
1887
popover.background button.model {
1888
min-height: 32px;
1889
padding: 0 8px;
1890
border-radius: 2px;
1891
}
1892
popover.background separator {
1894
margin: 4px 0;
1895
}
1896
popover.background list separator {
1898
margin: 0;
1899
}
1900
/*************
1902
* Notebooks *
1903
*************/
1904
notebook > header {
1905
border-width: 1px;
1906
border-color: rgba(0, 0, 0, 0.12);
1907
background-color: #F5F5F5;
1908
background-clip: border-box;
1909
}
1910
notebook > header.top {
1912
border-bottom-style: solid;
1913
}
1914
notebook > header.top > tabs {
1916
margin-bottom: -1px;
1917
}
1918
notebook > header.top > tabs > tab:hover {
1920
box-shadow: inset 0 -2px rgba(0, 0, 0, 0.26);
1921
}
1922
notebook > header.top > tabs > tab:checked {
1924
box-shadow: inset 0 -2px #42A5F5;
1925
}
1926
notebook > header.bottom {
1928
border-top-style: solid;
1929
}
1930
notebook > header.bottom > tabs {
1932
margin-top: -1px;
1933
}
1934
notebook > header.bottom > tabs > tab:hover {
1936
box-shadow: inset 0 2px rgba(0, 0, 0, 0.26);
1937
}
1938
notebook > header.bottom > tabs > tab:checked {
1940
box-shadow: inset 0 2px #42A5F5;
1941
}
1942
notebook > header.left {
1944
border-right-style: solid;
1945
}
1946
notebook > header.left > tabs {
1948
margin-right: -1px;
1949
}
1950
notebook > header.left > tabs > tab:hover {
1952
box-shadow: inset -2px 0 rgba(0, 0, 0, 0.26);
1953
}
1954
notebook > header.left > tabs > tab:checked {
1956
box-shadow: inset -2px 0 #42A5F5;
1957
}
1958
notebook > header.right {
1960
border-left-style: solid;
1961
}
1962
notebook > header.right > tabs {
1964
margin-left: -1px;
1965
}
1966
notebook > header.right > tabs > tab:hover {
1968
box-shadow: inset 2px 0 rgba(0, 0, 0, 0.26);
1969
}
1970
notebook > header.right > tabs > tab:checked {
1972
box-shadow: inset 2px 0 #42A5F5;
1973
}
1974
notebook > header.top > tabs > arrow {
1976
border-top-style: none;
1977
}
1978
notebook > header.bottom > tabs > arrow {
1980
border-bottom-style: none;
1981
}
1982
notebook > header.top > tabs > arrow, notebook > header.bottom > tabs > arrow {
1984
padding-left: 4px;
1985
padding-right: 4px;
1986
}
1987
notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down {
1989
margin-left: -8px;
1990
-gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
1991
}
1992
notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up {
1994
margin-right: -8px;
1995
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
1996
}
1997
notebook > header.left > tabs > arrow {
1999
border-left-style: none;
2000
}
2001
notebook > header.right > tabs > arrow {
2003
border-right-style: none;
2004
}
2005
notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow {
2007
padding-top: 4px;
2008
padding-bottom: 4px;
2009
}
2010
notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down {
2012
margin-top: -8px;
2013
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
2014
}
2015
notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up {
2017
margin-bottom: -8px;
2018
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
2019
}
2020
notebook > header > tabs > arrow {
2022
min-height: 16px;
2023
min-width: 16px;
2024
border-radius: 0;
2025
}
2026
notebook > header tab {
2028
transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
2029
min-height: 24px;
2030
min-width: 24px;
2031
padding: 6px 12px;
2032
outline-offset: -6px;
2033
border-width: 1px;
2034
border-color: transparent;
2035
background-image: radial-gradient(circle farthest-corner at center, #42A5F5 10%, transparent 0%);
2036
background-repeat: no-repeat;
2037
background-position: center;
2038
background-size: 0% 0%;
2039
color: rgba(0, 0, 0, 0.54);
2040
font-weight: 500;
2041
}
2042
notebook > header tab:hover {
2044
color: rgba(0, 0, 0, 0.87);
2045
}
2046
notebook > header tab:hover.reorderable-page {
2048
border-color: rgba(0, 0, 0, 0.12);
2049
background-color: #FAFAFA;
2050
}
2051
notebook > header tab:disabled {
2053
color: rgba(0, 0, 0, 0.26);
2054
}
2055
notebook > header tab:checked {
2057
transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-size 270ms cubic-bezier(0, 0, 0.2, 1), background-image 720ms cubic-bezier(0, 0, 0.2, 1);
2058
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
2059
background-size: 1000% 1000%;
2060
color: rgba(0, 0, 0, 0.87);
2061
}
2062
notebook > header tab:checked:disabled {
2064
color: rgba(0, 0, 0, 0.38);
2065
}
2066
notebook > header tab:checked.reorderable-page {
2068
border-color: rgba(0, 0, 0, 0.12);
2069
background-color: #FFFFFF;
2070
}
2071
notebook > header tab button.flat:last-child {
2073
margin-left: 6px;
2074
margin-right: -6px;
2075
}
2076
notebook > header tab button.flat:first-child {
2078
margin-left: -6px;
2079
margin-right: 6px;
2080
}
2081
notebook > header.top tabs, notebook > header.bottom tabs {
2083
padding-left: 8px;
2084
padding-right: 8px;
2085
}
2086
notebook > header.top tabs:not(:only-child):first-child, notebook > header.bottom tabs:not(:only-child):first-child {
2088
margin-left: 0;
2089
}
2090
notebook > header.top tabs:not(:only-child):last-child, notebook > header.bottom tabs:not(:only-child):last-child {
2092
margin-right: 0;
2093
}
2094
notebook > header.top tabs tab.reorderable-page, notebook > header.bottom tabs tab.reorderable-page {
2096
margin: 0 -1px;
2097
border-style: none solid;
2098
}
2099
notebook > header.left tabs, notebook > header.right tabs {
2101
padding-top: 8px;
2102
padding-bottom: 8px;
2103
}
2104
notebook > header.left tabs:not(:only-child):first-child, notebook > header.right tabs:not(:only-child):first-child {
2106
margin-top: 0;
2107
}
2108
notebook > header.left tabs:not(:only-child):last-child, notebook > header.right tabs:not(:only-child):last-child {
2110
margin-bottom: 0;
2111
}
2112
notebook > header.left tabs tab.reorderable-page, notebook > header.right tabs tab.reorderable-page {
2114
margin: -1px 0;
2115
border-style: solid none;
2116
}
2117
notebook > stack:not(:only-child) {
2119
background-color: #FFFFFF;
2120
}
2121
/**************
2123
* Scrollbars *
2124
**************/
2125
scrollbar {
2126
transition: all 270ms cubic-bezier(0, 0, 0.2, 1);
2127
background-color: #FFFFFF;
2128
background-clip: padding-box;
2129
}
2130
* {
2132
-GtkScrollbar-has-backward-stepper: false;
2133
-GtkScrollbar-has-forward-stepper: false;
2134
}
2135
scrollbar.top {
2137
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
2138
}
2139
scrollbar.bottom {
2141
border-top: 1px solid rgba(0, 0, 0, 0.12);
2142
}
2143
scrollbar.left {
2145
border-right: 1px solid rgba(0, 0, 0, 0.12);
2146
}
2147
scrollbar.right {
2149
border-left: 1px solid rgba(0, 0, 0, 0.12);
2150
}
2151
scrollbar slider {
2153
transition: all 180ms cubic-bezier(0, 0, 0.2, 1), margin 0, border-width 0;
2154
min-width: 8px;
2155
min-height: 8px;
2156
border: 4px solid transparent;
2157
border-radius: 9999px;
2158
background-clip: padding-box;
2159
background-color: rgba(0, 0, 0, 0.38);
2160
}
2161
scrollbar slider:hover {
2163
background-color: rgba(0, 0, 0, 0.54);
2164
}
2165
scrollbar slider:active {
2167
background-color: rgba(0, 0, 0, 0.87);
2168
}
2169
scrollbar slider:disabled {
2171
background-color: rgba(0, 0, 0, 0.26);
2172
}
2173
scrollbar.fine-tune slider {
2175
transition: all 180ms cubic-bezier(0, 0, 0.2, 1), margin 0, border-width 0, min-width 0, min-height 0;
2176
min-width: 4px;
2177
min-height: 4px;
2178
}
2179
scrollbar.fine-tune.horizontal slider {
2181
margin: 2px 0;
2182
}
2183
scrollbar.fine-tune.vertical slider {
2185
margin: 0 2px;
2186
}
2187
scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
2189
border-color: transparent;
2190
background-color: transparent;
2191
}
2192
scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider {
2194
min-width: 4px;
2195
min-height: 4px;
2196
margin: 3px;
2197
border: 1px solid rgba(255, 255, 255, 0.3);
2198
}
2199
scrollbar.overlay-indicator:not(.dragging):not(.hovering) button {
2201
min-width: 4px;
2202
min-height: 4px;
2203
margin: 3px;
2204
border: 1px solid rgba(255, 255, 255, 0.3);
2205
border-radius: 9999px;
2206
background-color: rgba(0, 0, 0, 0.38);
2207
background-clip: padding-box;
2208
-gtk-icon-source: none;
2209
}
2210
scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled {
2212
background-color: rgba(0, 0, 0, 0.26);
2213
}
2214
scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider {
2216
min-width: 24px;
2217
}
2218
scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button {
2220
min-width: 8px;
2221
}
2222
scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider {
2224
min-height: 24px;
2225
}
2226
scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button {
2228
min-height: 8px;
2229
}
2230
scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering {
2232
background-color: rgba(255, 255, 255, 0.9);
2233
}
2234
scrollbar.horizontal slider {
2236
min-width: 24px;
2237
}
2238
scrollbar.vertical slider {
2240
min-height: 24px;
2241
}
2242
scrollbar button {
2244
min-width: 16px;
2245
min-height: 16px;
2246
padding: 0;
2247
border-radius: 0;
2248
}
2249
scrollbar.vertical button.down {
2251
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
2252
}
2253
scrollbar.vertical button.up {
2255
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
2256
}
2257
scrollbar.horizontal button.down {
2259
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
2260
}
2261
scrollbar.horizontal button.up {
2263
-gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
2264
}
2265
/**********
2267
* Switch *
2268
**********/
2269
switch {
2270
transition: all 270ms cubic-bezier(0, 0, 0.2, 1);
2271
margin: 6px 0;
2272
padding: 0 2px;
2273
border: 5px solid transparent;
2274
border-radius: 9999px;
2275
background-color: rgba(0, 0, 0, 0.26);
2276
background-clip: padding-box;
2277
font-size: 0;
2278
}
2279
switch:disabled {
2281
background-color: rgba(0, 0, 0, 0.12);
2282
}
2283
switch:checked {
2285
background-color: rgba(255, 64, 129, 0.5);
2286
}
2287
switch:checked:disabled {
2289
background-color: rgba(255, 64, 129, 0.3);
2290
}
2291
switch slider {
2293
transition: all 270ms cubic-bezier(0, 0, 0.2, 1), box-shadow 180ms cubic-bezier(0, 0, 0.2, 1);
2294
min-width: 20px;
2295
min-height: 20px;
2296
margin: -3px -2px;
2297
border-radius: 9999px;
2298
-gtk-outline-radius: 9999px;
2299
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
2300
background-color: #FFFFFF;
2301
}
2302
switch:hover slider {
2304
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
2305
}
2306
switch:checked slider {
2308
transition: all 270ms cubic-bezier(0, 0, 0.2, 1), box-shadow 180ms cubic-bezier(0, 0, 0.2, 1), background-image 0, background-color 0.00001s 270ms;
2309
animation: needs_attention 270ms cubic-bezier(0, 0, 0.2, 1);
2310
background-color: #FF4081;
2311
color: #FFFFFF;
2312
}
2313
switch:disabled slider {
2315
background-color: #FAFAFA;
2316
}
2317
switch:checked:disabled slider {
2319
animation: none;
2320
}
2321
/*************************
2323
* Check and Radio items *
2324
*************************/
2325
.view.content-view.check:not(list),
2326
.content-view .tile check:not(list) {
2327
min-height: 40px;
2328
min-width: 40px;
2329
margin: 0;
2330
padding: 0;
2331
box-shadow: none;
2332
background-color: transparent;
2333
background-image: none;
2334
-gtk-icon-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
2335
}
2336
.view.content-view.check:not(list):hover, .view.content-view.check:not(list):active,
2338
.content-view .tile check:not(list):hover,
2339
.content-view .tile check:not(list):active {
2340
-gtk-icon-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
2341
}
2342
.view.content-view.check:not(list),
2344
.content-view .tile check:not(list) {
2345
-gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-unchecked.png"), url("assets/selectionmode-checkbox-unchecked@2.png"));
2346
}
2347
.view.content-view.check:not(list):checked,
2349
.content-view .tile check:not(list):checked {
2350
-gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-checked.png"), url("assets/selectionmode-checkbox-checked@2.png"));
2351
}
2352
checkbutton.text-button,
2354
radiobutton.text-button {
2355
padding: 2px;
2356
outline-offset: 0;
2357
}
2358
checkbutton.text-button label:not(:only-child),
2360
radiobutton.text-button label:not(:only-child) {
2361
margin: 0 4px;
2362
}
2363
check,
2365
radio {
2366
min-height: 24px;
2367
min-width: 24px;
2368
margin: -12px;
2369
padding: 12px;
2370
}
2371
check:checked, check:indeterminate,
2373
radio:checked,
2374
radio:indeterminate {
2375
color: #FF4081;
2376
}
2377
check:checked:disabled, check:indeterminate:disabled,
2379
radio:checked:disabled,
2380
radio:indeterminate:disabled {
2381
color: rgba(255, 64, 129, 0.5);
2382
}
2383
row:selected check:not(:checked):not(:indeterminate), row:selected
2385
radio:not(:checked):not(:indeterminate) {
2386
color: rgba(255, 255, 255, 0.7);
2387
}
2388
row:selected check:not(:checked):not(:indeterminate):hover, row:selected check:not(:checked):not(:indeterminate):active, row:selected
2390
radio:not(:checked):not(:indeterminate):hover, row:selected
2391
radio:not(:checked):not(:indeterminate):active {
2392
color: #FFFFFF;
2393
}
2394
row:selected check:not(:checked):not(:indeterminate):disabled, row:selected
2396
radio:not(:checked):not(:indeterminate):disabled {
2397
color: rgba(255, 255, 255, 0.3);
2398
}
2399
popover check, popover check:hover, popover check:disabled, popover
2401
radio, popover
2402
radio:hover, popover
2403
radio:disabled {
2404
box-shadow: none;
2405
background-image: none;
2406
}
2407
popover check:not(:checked):not(:indeterminate):not(:disabled), popover
2409
radio:not(:checked):not(:indeterminate):not(:disabled) {
2410
color: rgba(0, 0, 0, 0.54);
2411
}
2412
popover check.left:dir(rtl), popover
2414
radio.left:dir(rtl) {
2415
margin-left: -16px;
2416
margin-right: -8px;
2417
}
2418
popover check.right:dir(ltr), popover
2420
radio.right:dir(ltr) {
2421
margin-left: -8px;
2422
margin-right: -16px;
2423
}
2424
menu menuitem check, menu menuitem
2426
radio {
2427
transition: none;
2428
min-height: 16px;
2429
min-width: 16px;
2430
margin: 0;
2431
padding: 0;
2432
}
2433
menu menuitem check:dir(ltr), menu menuitem
2435
radio:dir(ltr) {
2436
margin-right: 8px;
2437
}
2438
menu menuitem check:dir(rtl), menu menuitem
2440
radio:dir(rtl) {
2441
margin-left: 8px;
2442
}
2443
menu menuitem check:not(:checked):not(:indeterminate):not(:disabled), menu menuitem
2445
radio:not(:checked):not(:indeterminate):not(:disabled) {
2446
color: rgba(0, 0, 0, 0.54);
2447
}
2448
menu menuitem check, menu menuitem check:hover, menu menuitem check:disabled, menu menuitem
2450
radio, menu menuitem
2451
radio:hover, menu menuitem
2452
radio:disabled {
2453
box-shadow: none;
2454
}
2455
check {
2458
-gtk-icon-source: image(-gtk-recolor(url("assets/scalable/checkbox-unchecked-symbolic.svg")), -gtk-recolor(url("assets/scalable/checkbox-unchecked-symbolic.symbolic.png")));
2459
}
2460
check:checked {
2463
-gtk-icon-source: image(-gtk-recolor(url("assets/scalable/checkbox-checked-symbolic.svg")), -gtk-recolor(url("assets/scalable/checkbox-checked-symbolic.symbolic.png")));
2464
}
2465
check:indeterminate {
2468
-gtk-icon-source: image(-gtk-recolor(url("assets/scalable/checkbox-mixed-symbolic.svg")), -gtk-recolor(url("assets/scalable/checkbox-mixed-symbolic.symbolic.png")));
2469
}
2470
radio {
2473
border-image-slice: 24;
2474
border-image-width: 24px;
2475
}
2476
radio {
2479
-gtk-icon-source: image(-gtk-recolor(url("assets/scalable/radio-unchecked-symbolic.svg")), -gtk-recolor(url("assets/scalable/radio-unchecked-symbolic.symbolic.png")));
2480
}
2481
radio:indeterminate {
2484
-gtk-icon-source: image(-gtk-recolor(url("assets/scalable/radio-mixed-symbolic.svg")), -gtk-recolor(url("assets/scalable/radio-mixed-symbolic.symbolic.png")));
2485
}
2486
radio {
2489
border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#FF4081), to(transparent));
2490
}
2491
radio:checked:not(:indeterminate) {
2494
border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.10417, to(#FF4081), to(transparent));
2495
}
2496
radio:checked:not(:indeterminate):disabled {
2499
border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.10417, to(rgba(255, 64, 129, 0.5)), to(transparent));
2500
}
2501
window.background:not(.csd) > widget > checkbutton > check,
2503
menu menuitem check {
2504
border-radius: 2px;
2505
-gtk-outline-radius: 2px;
2506
-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")));
2507
}
2508
window.background:not(.csd) > widget > checkbutton > check:checked,
2510
menu menuitem check:checked {
2511
-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")));
2512
}
2513
window.background:not(.csd) > widget > checkbutton > check:indeterminate,
2515
menu menuitem check:indeterminate {
2516
-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")));
2517
}
2518
window.background:not(.csd) > widget > radiobutton > radio,
2520
menu menuitem radio {
2521
border-image: none;
2522
-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")));
2523
}
2524
window.background:not(.csd) > widget > radiobutton > radio:checked,
2526
menu menuitem radio:checked {
2527
-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")));
2528
}
2529
window.background:not(.csd) > widget > radiobutton > radio:indeterminate,
2531
menu menuitem radio:indeterminate {
2532
-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")));
2533
}
2534
check:not(:checked):active {
2536
-gtk-icon-transform: rotate(90deg);
2537
}
2538
check:not(:checked):indeterminate:active,
2540
radio:not(:checked):indeterminate:active {
2541
-gtk-icon-transform: scaleX(-1);
2542
}
2543
check:not(:checked),
2545
radio:not(:checked) {
2546
transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-size 450ms cubic-bezier(0, 0, 0.2, 1), background-image 900ms cubic-bezier(0, 0, 0.2, 1), -gtk-icon-transform 0;
2547
}
2548
check:not(:checked):active,
2550
radio:not(:checked):active {
2551
transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0, -gtk-icon-transform 0;
2552
}
2553
menu menuitem check:not(:checked), menu menuitem
2555
radio:not(:checked) {
2556
transition: none;
2557
}
2558
treeview.view check,
2560
treeview.view radio {
2561
padding: 0;
2562
}
2563
treeview.view check:hover,
2565
treeview.view radio:hover {
2566
box-shadow: inset 0 0 0 9999px alpha(rgba(0, 0, 0, 0.87), 0.05);
2567
}
2568
treeview.view check:hover:disabled,
2570
treeview.view radio:hover:disabled {
2571
box-shadow: none;
2572
}
2573
treeview.view check:hover:selected,
2575
treeview.view radio:hover:selected {
2576
box-shadow: inset 0 0 0 9999px alpha(#FFFFFF, 0.05);
2577
}
2578
treeview.view check,
2580
treeview.view radio {
2581
color: rgba(0, 0, 0, 0.54);
2582
}
2583
treeview.view check:hover, treeview.view check:active,
2585
treeview.view radio:hover,
2586
treeview.view radio:active {
2587
color: rgba(0, 0, 0, 0.87);
2588
}
2589
treeview.view check:disabled,
2591
treeview.view radio:disabled {
2592
color: rgba(0, 0, 0, 0.26);
2593
}
2594
treeview.view check:checked, treeview.view check:indeterminate,
2596
treeview.view radio:checked,
2597
treeview.view radio:indeterminate {
2598
color: #FF4081;
2599
}
2600
treeview.view check:checked:disabled, treeview.view check:indeterminate:disabled,
2602
treeview.view radio:checked:disabled,
2603
treeview.view radio:indeterminate:disabled {
2604
color: rgba(255, 64, 129, 0.5);
2605
}
2606
treeview.view check:selected,
2608
treeview.view radio:selected {
2609
color: rgba(255, 255, 255, 0.7);
2610
}
2611
treeview.view check:selected:hover, treeview.view check:selected:active,
2613
treeview.view radio:selected:hover,
2614
treeview.view radio:selected:active {
2615
color: #FFFFFF;
2616
}
2617
treeview.view check:selected:disabled,
2619
treeview.view radio:selected:disabled {
2620
color: rgba(255, 255, 255, 0.3);
2621
}
2622
treeview.view check:selected:checked, treeview.view check:selected:indeterminate,
2624
treeview.view radio:selected:checked,
2625
treeview.view radio:selected:indeterminate {
2626
color: #FF4081;
2627
}
2628
treeview.view check:selected:checked:disabled, treeview.view check:selected:indeterminate:disabled,
2630
treeview.view radio:selected:checked:disabled,
2631
treeview.view radio:selected:indeterminate:disabled {
2632
color: rgba(255, 64, 129, 0.5);
2633
}
2634
treeview.view radio:checked {
2636
-gtk-icon-source: image(-gtk-recolor(url("assets/scalable/radio-checked-symbolic.svg")), -gtk-recolor(url("assets/scalable/radio-checked-symbolic.symbolic.png")));
2637
border-image: none;
2638
}
2639
/************
2641
* GtkScale *
2642
************/
2643
scale {
2644
min-height: 12px;
2645
min-width: 12px;
2646
padding: 12px;
2647
}
2648
scale slider {
2650
min-height: 24px;
2651
min-width: 24px;
2652
margin: -11px;
2653
}
2654
scale trough {
2656
transition: all 270ms cubic-bezier(0, 0, 0.2, 1);
2657
outline-offset: 2px;
2658
background-color: rgba(0, 0, 0, 0.26);
2659
}
2660
scale trough:disabled {
2662
background-color: rgba(0, 0, 0, 0.12);
2663
}
2664
scale highlight {
2666
transition: all 270ms cubic-bezier(0, 0, 0.2, 1);
2667
background-color: #FF4081;
2668
}
2669
scale highlight:disabled {
2671
background-color: transparent;
2672
}
2673
scale fill {
2675
transition: all 270ms cubic-bezier(0, 0, 0.2, 1);
2676
background-color: rgba(0, 0, 0, 0.26);
2677
}
2678
scale fill:disabled {
2680
background-color: transparent;
2681
}
2682
scale slider {
2684
transition: all 180ms cubic-bezier(0.4, 0, 0.2, 1);
2685
background-repeat: no-repeat;
2686
background-position: center;
2687
background-size: calc(100% - 10px);
2688
}
2689
scale slider {
2691
background-image: -gtk-scaled(url("assets/scale-slider.png"), url("assets/scale-slider@2.png"));
2692
}
2693
scale slider:disabled {
2695
background-image: -gtk-scaled(url("assets/scale-slider-disabled.png"), url("assets/scale-slider-disabled@2.png"));
2696
}
2697
scale slider:hover {
2699
background-size: calc(100% - 8px);
2700
}
2701
scale slider:active {
2703
background-size: calc(100% - 6px);
2704
}
2705
scale.fine-tune slider {
2707
background-size: calc(100% - 12px);
2708
}
2709
scale marks label,
2711
scale value {
2712
color: rgba(0, 0, 0, 0.38);
2713
}
2714
scale marks {
2716
color: rgba(0, 0, 0, 0.26);
2717
}
2718
scale marks.top {
2720
margin-bottom: 8px;
2721
margin-top: -16px;
2722
}
2723
scale marks.bottom {
2725
margin-top: 8px;
2726
margin-bottom: -16px;
2727
}
2728
scale marks.top {
2730
margin-right: 8px;
2731
margin-left: -16px;
2732
}
2733
scale marks.bottom {
2735
margin-left: 8px;
2736
margin-right: -16px;
2737
}
2738
scale.horizontal indicator {
2740
min-height: 8px;
2741
min-width: 1px;
2742
}
2743
scale.vertical indicator {
2745
min-height: 1px;
2746
min-width: 8px;
2747
}
2748
scale.horizontal.marks-before:not(.marks-after) slider {
2750
min-height: 30px;
2751
min-width: 24px;
2752
margin-top: -17px;
2753
background-position: center calc(100% - 5px);
2754
}
2755
scale.horizontal.marks-before:not(.marks-after) slider {
2757
background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider.png"), url("assets/scale-horz-marks-before-slider@2.png"));
2758
}
2759
scale.horizontal.marks-before:not(.marks-after) slider:disabled {
2761
background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-disabled.png"), url("assets/scale-horz-marks-before-slider-disabled@2.png"));
2762
}
2763
scale.horizontal.marks-before:not(.marks-after) slider:hover {
2765
background-position: center calc(100% - 4px);
2766
}
2767
scale.horizontal.marks-before:not(.marks-after) slider:active {
2769
background-position: center calc(100% - 3px);
2770
}
2771
scale.horizontal.marks-before:not(.marks-after).fine-tune slider {
2773
background-position: center calc(100% - 6px);
2774
}
2775
scale.horizontal.marks-after:not(.marks-before) slider {
2777
min-height: 30px;
2778
min-width: 24px;
2779
margin-bottom: -17px;
2780
background-position: center calc(5px);
2781
}
2782
scale.horizontal.marks-after:not(.marks-before) slider {
2784
background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider.png"), url("assets/scale-horz-marks-after-slider@2.png"));
2785
}
2786
scale.horizontal.marks-after:not(.marks-before) slider:disabled {
2788
background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-disabled.png"), url("assets/scale-horz-marks-after-slider-disabled@2.png"));
2789
}
2790
scale.horizontal.marks-after:not(.marks-before) slider:hover {
2792
background-position: center calc(4px);
2793
}
2794
scale.horizontal.marks-after:not(.marks-before) slider:active {
2796
background-position: center calc(3px);
2797
}
2798
scale.horizontal.marks-after:not(.marks-before).fine-tune slider {
2800
background-position: center calc(6px);
2801
}
2802
scale.vertical.marks-before:not(.marks-after) slider {
2804
min-height: 24px;
2805
min-width: 30px;
2806
margin-left: -17px;
2807
background-position: calc(5px) center;
2808
}
2809
scale.vertical.marks-before:not(.marks-after) slider {
2811
background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider.png"), url("assets/scale-vert-marks-before-slider@2.png"));
2812
}
2813
scale.vertical.marks-before:not(.marks-after) slider:disabled {
2815
background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-disabled.png"), url("assets/scale-vert-marks-before-slider-disabled@2.png"));
2816
}
2817
scale.vertical.marks-before:not(.marks-after) slider:hover {
2819
background-position: calc(4px) center;
2820
}
2821
scale.vertical.marks-before:not(.marks-after) slider:active {
2823
background-position: calc(3px) center;
2824
}
2825
scale.vertical.marks-before:not(.marks-after).fine-tune slider {
2827
background-position: calc(6px) center;
2828
}
2829
scale.vertical.marks-after:not(.marks-before) slider {
2831
min-height: 24px;
2832
min-width: 30px;
2833
margin-right: -17px;
2834
background-position: calc(100% - 5px) center;
2835
}
2836
scale.vertical.marks-after:not(.marks-before) slider {
2838
background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider.png"), url("assets/scale-vert-marks-after-slider@2.png"));
2839
}
2840
scale.vertical.marks-after:not(.marks-before) slider:disabled {
2842
background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-disabled.png"), url("assets/scale-vert-marks-after-slider-disabled@2.png"));
2843
}
2844
scale.vertical.marks-after:not(.marks-before) slider:hover {
2846
background-position: calc(100% - 4px) center;
2847
}
2848
scale.vertical.marks-after:not(.marks-before) slider:active {
2850
background-position: calc(100% - 3px) center;
2851
}
2852
scale.vertical.marks-after:not(.marks-before).fine-tune slider {
2854
background-position: calc(100% - 6px) center;
2855
}
2856
scale.color {
2858
min-height: 0;
2859
min-width: 0;
2860
}
2861
scale.color.horizontal {
2863
padding: 0 0 12px 0;
2864
}
2865
scale.color.horizontal slider:dir(ltr), scale.color.horizontal slider:dir(rtl) {
2867
margin-bottom: -12px;
2868
margin-top: -2px;
2869
}
2870
scale.color.vertical:dir(ltr) {
2872
padding: 0 0 0 12px;
2873
}
2874
scale.color.vertical:dir(ltr) slider {
2876
margin-left: -12px;
2877
margin-right: -2px;
2878
}
2879
scale.color.vertical:dir(rtl) {
2881
padding: 0 12px 0 0;
2882
}
2883
scale.color.vertical:dir(rtl) slider {
2885
margin-right: -12px;
2886
margin-left: -2px;
2887
}
2888
/*****************
2890
* Progress bars *
2891
*****************/
2892
progressbar {
2893
color: rgba(0, 0, 0, 0.38);
2894
font-size: smaller;
2895
}
2896
progressbar.horizontal trough,
2898
progressbar.horizontal progress {
2899
min-height: 4px;
2900
}
2901
progressbar.vertical trough,
2903
progressbar.vertical progress {
2904
min-width: 4px;
2905
}
2906
progressbar trough {
2908
background-color: rgba(66, 165, 245, 0.3);
2909
}
2910
progressbar progress {
2912
background-color: #42A5F5;
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.12);
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.12);
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.12);
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.12);
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.12);
3107
}
3108
button.font separator,
3111
button.file separator, .tweak-categories separator, preferences stacksidebar.sidebar list 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.12);
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 270ms cubic-bezier(0, 0, 0.2, 1), background-color 0, color 0, background-size 450ms cubic-bezier(0, 0, 0.2, 1), background-image 900ms 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 270ms cubic-bezier(0, 0, 0.2, 1), background-color 0, color 0, box-shadow 0, background-size 450ms cubic-bezier(0, 0, 0.2, 1), background-image 900ms 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 270ms cubic-bezier(0, 0, 0.2, 1), background-color 0, color 0, background-size 0, background-image 0;
3145
animation: ripple_effect 270ms 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 180ms 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.12);
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.12);
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.12);
3274
}
3275
filechooser #pathbarbox {
3277
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
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.12);
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.12);
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.12));
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.12)), image(rgba(0, 0, 0, 0.12));
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.12);
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 180ms 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 180ms 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: #FFFFFF;
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 180ms 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: #455A64;
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.12);
3754
border-radius: 3px;
3755
box-shadow: inset 0 -2px rgba(0, 0, 0, 0.12);
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 270ms 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 270ms cubic-bezier(0.4, 0, 0.2, 1) 2 alternate;
3800
}
3801
.nautilus-operations-button-needs-attention-multiple {
3803
animation: needs_attention_keyframes 270ms 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.12);
3812
border-radius: 3px 3px 0 0;
3813
background-color: #FFFFFF;
3814
background-clip: padding-box;
3815
transition: all 270ms 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.12);
3848
}
3849
.nautilus-window .searchbar-container {
3851
margin-top: -1px;
3852
}
3853
.conflict-row:not(:selected) {
3855
background-color: #ffd3b3;
3856
}
3857
.nautilus-window flowboxchild > widget > .icon-item-background {
3859
padding: 4px;
3860
border-radius: 2px;
3861
}
3862
.nautilus-window flowboxchild:selected {
3864
background-color: transparent;
3865
}
3866
.nautilus-window flowboxchild:selected > widget > .icon-item-background {
3868
background-color: #42A5F5;
3869
}
3870
dialog.background > box.dialog-vbox.vertical > grid.horizontal > scrolledwindow.frame {
3872
border-style: none;
3873
}
3874
dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child {
3876
margin: -6px 0 0 -6px;
3877
border-top: 1px solid rgba(0, 0, 0, 0.12);
3878
}
3879
dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child > label {
3881
margin: 0 8px;
3882
}
3883
dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child > box > button {
3885
border-radius: 0;
3886
}
3887
.nautilus-window > popover.menu:not(:last-child) {
3889
padding: 3px;
3890
}
3891
.nautilus-window > popover.menu:not(:last-child) > stack > box > box > box {
3893
margin-top: -6px;
3894
}
3895
.nautilus-window > popover.menu:not(:last-child) > stack > box > box > box > box {
3897
margin-bottom: -6px;
3898
}
3899
.nautilus-window > popover.menu:not(:last-child) > stack > box > box > box > box.linked {
3901
margin-top: 1px;
3902
}
3903
.nautilus-window > popover.menu:not(:last-child) separator {
3905
margin-bottom: -2px;
3906
}
3907
.nautilus-menu-sort-heading {
3909
margin: 1px 3px;
3910
font-weight: 500;
3911
}
3912
.nautilus-menu-sort-heading:disabled {
3914
color: rgba(0, 0, 0, 0.38);
3915
}
3916
.nautilus-window paned > separator {
3918
background-color: #F5F5F5;
3919
}
3920
/*********
3922
* gedit *
3923
*********/
3924
.open-document-selector-name-label {
3925
font-weight: bold;
3926
}
3927
.open-document-selector-path-label {
3929
color: rgba(0, 0, 0, 0.54);
3930
font-size: smaller;
3931
}
3932
.open-document-selector-path-label:selected {
3934
color: rgba(255, 255, 255, 0.7);
3935
}
3936
.gedit-document-panel {
3938
background-color: #FAFAFA;
3939
}
3940
.gedit-document-panel row button.flat {
3942
margin-top: 8px;
3943
margin-bottom: 8px;
3944
}
3945
.gedit-document-panel-group-row:not(:first-child) {
3947
border-top: 1px solid rgba(0, 0, 0, 0.12);
3948
}
3949
.gedit-side-panel-paned statusbar {
3951
border-top: 1px solid rgba(0, 0, 0, 0.12);
3952
}
3953
.gedit-search-slider {
3955
margin: 4px 4px 8px;
3956
}
3957
.gedit-search-slider entry:dir(ltr), .gedit-search-slider entry:dir(rtl) {
3959
border-radius: 2px;
3960
}
3961
.gedit-search-slider entry:dir(ltr) .gedit-search-entry-occurrences-tag, .gedit-search-slider entry:dir(rtl) .gedit-search-entry-occurrences-tag {
3963
all: unset;
3964
color: rgba(0, 0, 0, 0.38);
3965
}
3966
.gedit-search-slider entry:dir(ltr) {
3968
margin-right: -66px;
3969
padding-right: 66px;
3970
}
3971
.gedit-search-slider entry:dir(ltr) .gedit-search-entry-occurrences-tag {
3973
margin-left: 6px;
3974
}
3975
.gedit-search-slider entry:dir(ltr) image.right {
3977
margin-right: 0;
3978
}
3979
.gedit-search-slider entry:dir(rtl) {
3981
margin-left: -66px;
3982
padding-left: 66px;
3983
}
3984
.gedit-search-slider entry:dir(rtl) .gedit-search-entry-occurrences-tag {
3986
margin-right: 6px;
3987
}
3988
.gedit-search-slider entry:dir(rtl) image.left {
3990
margin-left: 0;
3991
}
3992
.gedit-search-slider entry.error ~ button {
3994
color: rgba(255, 255, 255, 0.7);
3995
}
3996
.gedit-search-slider entry.error ~ button:hover, .gedit-search-slider entry.error ~ button:active {
3998
color: #FFFFFF;
3999
}
4000
.gedit-search-slider entry.error ~ button:disabled {
4002
color: rgba(255, 255, 255, 0.3);
4003
}
4004
.gedit-search-slider button {
4006
border: solid 6px transparent;
4007
}
4008
.gedit-search-slider button:last-child:dir(ltr), .gedit-search-slider button:not(:first-child):dir(rtl) {
4010
margin-left: -3px;
4011
}
4012
.gedit-search-slider button:first-child:dir(rtl), .gedit-search-slider button:not(:last-child):dir(ltr) {
4014
margin-right: -3px;
4015
}
4016
frame.gedit-map-frame > border:dir(ltr) {
4018
border-style: none none none solid;
4019
}
4020
frame.gedit-map-frame > border:dir(rtl) {
4022
border-style: none solid none none;
4023
}
4024
/**************
4026
* Tweak Tool *
4027
**************/
4028
.tweak-categories {
4029
background-image: image(#FAFAFA);
4030
}
4031
.tweak {
4033
padding: 3px;
4034
}
4035
.tweak.title:hover {
4037
box-shadow: none;
4038
}
4039
.tweak-group-white,
4041
.tweak-white,
4042
.tweak-white:hover {
4043
background-image: image(#FFFFFF);
4044
}
4045
.tweak-startup,
4047
.tweak-startup:hover {
4048
background-image: image(#FFFFFF);
4049
}
4050
.tweak-group-startup {
4052
background-image: image(#FFFFFF);
4053
border: 1px solid rgba(0, 0, 0, 0.12);
4054
}
4055
/***********
4057
* Builder *
4058
***********/
4059
layouttabbar {
4060
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4061
background-color: #F5F5F5;
4062
}
4063
layouttabbar > box > button {
4065
margin: 2px 0;
4066
}
4067
layouttab {
4069
margin: 0 8px;
4070
border-style: none solid;
4071
border-width: 1px;
4072
border-color: rgba(0, 0, 0, 0.12);
4073
box-shadow: inset 0 -2px #42A5F5;
4074
background-color: #FFFFFF;
4075
}
4076
layouttab separator.vertical {
4078
margin: 8px 4px;
4079
}
4080
layouttab button.text-button, layouttab button.image-button, layouttab button {
4082
margin-top: 8px;
4083
margin-bottom: 8px;
4084
padding: 0 4px;
4085
}
4086
layout {
4088
border: 1px solid rgba(0, 0, 0, 0.12);
4089
-PnlDockBin-handle-size: 1;
4090
}
4091
entry.search-missing {
4093
background-color: #DD2C00;
4094
color: #FFFFFF;
4095
}
4096
window.workbench treeview.image {
4098
color: rgba(0, 0, 0, 0.54);
4099
}
4100
window.workbench treeview.image:selected {
4102
color: rgba(255, 255, 255, 0.7);
4103
}
4104
popover.popover-selector list {
4106
padding: 6px;
4107
}
4108
popover.popover-selector list row {
4110
border-radius: 2px;
4111
}
4112
popover.popover-selector list row image:dir(ltr) {
4114
margin-right: 6px;
4115
}
4116
popover.popover-selector list row image:dir(rtl) {
4118
margin-left: 6px;
4119
}
4120
popover.popover-selector list row .accel:dir(ltr) {
4122
margin-left: 6px;
4123
}
4124
popover.popover-selector list row .accel:dir(rtl) {
4126
margin-right: 6px;
4127
}
4128
omnibar.linked:not(.vertical) entry {
4130
border-radius: 2px;
4131
}
4132
omnibar:not(:hover):not(:active) entry {
4134
color: rgba(0, 0, 0, 0.54);
4135
}
4136
popover.omnibar list row:not(:last-child) {
4138
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4139
}
4140
entry.preferences-search {
4142
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12);
4143
background-color: #FFFFFF;
4144
}
4145
preferences stacksidebar.sidebar list {
4147
background-color: #FAFAFA;
4148
}
4149
preferences stacksidebar.sidebar:dir(ltr) list, preferences stacksidebar.sidebar:dir(rtl) list {
4151
border-style: none;
4152
}
4153
preferences > box > box:dir(ltr) {
4155
border-right: 1px solid rgba(0, 0, 0, 0.12);
4156
}
4157
preferences > box > box:dir(rtl) {
4159
border-left: 1px solid rgba(0, 0, 0, 0.12);
4160
}
4161
popover.messagepopover.background {
4163
padding: 0;
4164
}
4165
popover.messagepopover .popover-action-area button {
4167
padding: 8px 16px;
4168
border-top: 1px solid rgba(0, 0, 0, 0.12);
4169
border-radius: 0;
4170
}
4171
popover.messagepopover .popover-action-area button:first-child {
4173
border-bottom-left-radius: 2px;
4174
}
4175
popover.messagepopover .popover-action-area button:last-child {
4177
border-bottom-right-radius: 2px;
4178
}
4179
popover.messagepopover .popover-content-area {
4181
margin: 16px;
4182
}
4183
popover.transfers list {
4185
background-color: transparent;
4186
}
4187
popover.transfers list row:not(:first-child) {
4189
border-top: 1px solid rgba(0, 0, 0, 0.12);
4190
}
4191
popover.transfers list row > box {
4193
padding: 10px;
4194
}
4195
dockbin {
4197
border: 1px solid rgba(0, 0, 0, 0.12);
4198
-PnlDockBin-handle-size: 1;
4199
}
4200
dockpaned {
4202
border: 1px solid rgba(0, 0, 0, 0.12);
4203
}
4204
eggsearchbar box.search-bar {
4206
padding: 0 8px;
4207
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4208
background-color: #F5F5F5;
4209
}
4210
docktabstrip {
4212
padding: 0 8px;
4213
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4214
background-color: #F5F5F5;
4215
}
4216
docktab {
4218
transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
4219
min-height: 24px;
4220
min-width: 24px;
4221
margin-bottom: -1px;
4222
padding: 6px 6px;
4223
outline-offset: -6px;
4224
border-width: 1px;
4225
border-color: transparent;
4226
background-image: radial-gradient(circle farthest-corner at center, #42A5F5 10%, transparent 0%);
4227
background-repeat: no-repeat;
4228
background-position: center;
4229
background-size: 0% 0%;
4230
color: rgba(0, 0, 0, 0.54);
4231
font-weight: 500;
4232
}
4233
docktab:hover {
4235
box-shadow: inset 0 -2px rgba(0, 0, 0, 0.26);
4236
color: rgba(0, 0, 0, 0.87);
4237
}
4238
docktab:checked {
4240
transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-size 270ms cubic-bezier(0, 0, 0.2, 1), background-image 720ms cubic-bezier(0, 0, 0.2, 1);
4241
box-shadow: inset 0 -2px #42A5F5;
4242
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
4243
background-size: 1000% 1000%;
4244
color: rgba(0, 0, 0, 0.87);
4245
}
4246
dockoverlayedge {
4248
background-color: #F5F5F5;
4249
}
4250
dockoverlayedge docktabstrip {
4252
padding: 0;
4253
border: none;
4254
}
4255
dockoverlayedge.left-edge docktab:hover {
4257
box-shadow: inset -2px 0 rgba(0, 0, 0, 0.26);
4258
}
4259
dockoverlayedge.left-edge docktab:checked {
4261
box-shadow: inset -2px 0 #42A5F5;
4262
}
4263
dockoverlayedge.right-edge docktab:hover {
4265
box-shadow: inset 2px 0 rgba(0, 0, 0, 0.26);
4266
}
4267
dockoverlayedge.right-edge docktab:checked {
4269
box-shadow: inset 2px 0 #42A5F5;
4270
}
4271
pillbox {
4273
background-color: #F5F5F5;
4274
border-radius: 2px;
4275
}
4276
layoutpane entry.search {
4278
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12);
4279
background-color: #FFFFFF;
4280
}
4281
editortweak entry.search {
4283
margin-bottom: -1px;
4284
box-shadow: none;
4285
}
4286
.gb-search-entry-occurrences-tag {
4288
box-shadow: none;
4289
background-color: transparent;
4290
}
4291
docktabstrip {
4293
min-height: 39px;
4294
}
4295
window.workbench preferences preferencesgroup list entry {
4297
padding-top: 8px;
4298
padding-bottom: 8px;
4299
}
4300
button.run-arrow-button {
4302
padding-left: 10px;
4303
padding-right: 10px;
4304
}
4305
/**********
4307
* Photos *
4308
**********/
4309
GdMainIconView.content-view {
4310
-GdMainIconView-icon-size: 48;
4311
}
4312
.documents-counter {
4314
margin: 8px;
4315
border-radius: 9999px;
4316
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
4317
background-color: #FF4081;
4318
color: #FFFFFF;
4319
font-weight: bold;
4320
}
4321
.documents-scrolledwin.frame {
4323
border-style: none;
4324
}
4325
.documents-scrolledwin.frame frame.content-view > border {
4327
border-style: none;
4328
}
4329
.photos-fade-in {
4331
opacity: 1;
4332
transition: opacity 180ms cubic-bezier(0, 0, 0.2, 1);
4333
}
4334
.photos-fade-out {
4336
opacity: 0;
4337
transition: opacity 180ms cubic-bezier(0, 0, 0.2, 1);
4338
}
4339
overlay grid.horizontal > revealer > scrolledwindow.frame:dir(ltr) {
4341
border-style: none none none solid;
4342
}
4343
overlay grid.horizontal > revealer > scrolledwindow.frame:dir(rtl) {
4345
border-style: none solid none none;
4346
}
4347
/*********
4349
* Music *
4350
*********/
4351
.side-panel:dir(ltr) {
4352
border-style: solid;
4353
border-color: rgba(0, 0, 0, 0.12);
4354
}
4355
.side-panel:dir(rtl) {
4357
border-style: solid;
4358
border-color: rgba(0, 0, 0, 0.12);
4359
}
4360
.side-panel .view {
4362
background-image: image(#FAFAFA);
4363
}
4364
.side-panel .view:hover {
4366
background-image: image(rgba(240, 240, 240, 0.9935));
4367
}
4368
.side-panel .view:selected {
4370
background-image: image(#42A5F5);
4371
}
4372
.side-panel .view:selected:hover {
4374
background-image: image(#4baaf6);
4375
}
4376
.songs-list:hover {
4378
background-image: image(alpha(currentColor, 0.05));
4379
}
4380
frame.documents-dropdown {
4382
margin: 8px;
4383
}
4384
frame.documents-dropdown > border {
4386
border: none;
4387
}
4388
box.vertical > revealer > toolbar.search-bar {
4390
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4391
background-clip: border-box;
4392
}
4393
box.vertical > revealer > toolbar.search-bar button > widget {
4395
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
4396
}
4397
/*********
4399
* To Do *
4400
*********/
4401
taskrow {
4402
transition: all 180ms cubic-bezier(0, 0, 0.2, 1);
4403
margin: 0 -8px;
4404
}
4405
taskrow:hover {
4407
transition: none;
4408
}
4409
taskrow label {
4411
margin: 0 8px;
4412
}
4413
taskrow image {
4415
min-width: 16px;
4416
}
4417
task-list-view > box > revealer > box > button {
4419
margin: -6px;
4420
}
4421
/*******
4423
* eog *
4424
*******/
4425
#eog-thumb-nav scrolledwindow {
4426
border-top: none;
4427
}
4428
#eog-thumb-nav button {
4430
-gtk-outline-radius: 2px;
4431
}
4432
/*************
4434
* Evolution *
4435
*************/
4436
frame.taskbar > border {
4437
border-style: solid none none;
4438
}
4439
box.vertical > paned.horizontal notebook widget .frame {
4441
border-style: none;
4442
}
4443
/********
4445
* gitg *
4446
********/
4447
frame.commit-frame > border {
4448
border-style: solid none none;
4449
}
4450
/**************
4452
* Characters *
4453
**************/
4454
box.dialog-vbox scrolledwindow.related {
4455
border: 1px solid rgba(0, 0, 0, 0.12);
4456
}
4457
list.categories {
4459
background-image: image(#FAFAFA);
4460
}
4461
/*********
4463
* Boxes *
4464
*********/
4465
.transparent-bg + stack overlay > label {
4466
min-height: 24px;
4467
padding: 0 4px;
4468
border-radius: 2px;
4469
background-color: rgba(0, 0, 0, 0.3);
4470
color: #FFFFFF;
4471
}
4472
/**************
4474
* Calculator *
4475
**************/
4476
button.title label {
4477
min-height: 36px;
4478
}
4479
/*********
4481
* Geary *
4482
*********/
4483
.geary-titlebar-left:dir(ltr) {
4484
margin-right: 5px;
4485
padding-right: 0;
4486
}
4487
.geary-titlebar-left:dir(rtl) {
4489
margin-left: 5px;
4490
padding-left: 0;
4491
}
4492
.geary-titlebar-left > separator {
4494
background-color: rgba(0, 0, 0, 0.05);
4495
}
4496
.geary-titlebar-right:dir(ltr) {
4498
margin-left: -5px;
4499
}
4500
.geary-titlebar-right:dir(rtl) {
4502
margin-right: -5px;
4503
}
4504
/*********
4506
* Tilix *
4507
*********/
4508
overlay > revealer.left > scrolledwindow.frame,
4509
overlay > revealer.right > scrolledwindow.frame {
4510
border-style: none;
4511
box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22);
4512
}
4513
overlay > revealer.left > scrolledwindow.frame {
4515
margin-right: 32px;
4516
}
4517
overlay > revealer.right > scrolledwindow.frame {
4519
margin-left: 32px;
4520
}
4521
.terminix-session-sidebar,
4523
.tilix-session-sidebar {
4524
background-image: image(#FAFAFA);
4525
}
4526
button.image-button.session-new-button {
4528
min-width: 32px;
4529
}
4530
/***********
4532
* Eclipse *
4533
***********/
4534
window.background > box.vertical > scrolledwindow > widget toolbar {
4535
padding: 2px;
4536
}
4537
window.background > box.vertical > scrolledwindow > widget toolbar separator,
4539
window.background > box.vertical > scrolledwindow > widget toolbar button {
4540
margin: 2px;
4541
}
4542
window.background > box.vertical > scrolledwindow > widget toolbar button {
4544
border-radius: 2px;
4545
}
4546
/************
4548
* Chromium *
4549
************/
4550
tooltip.chromium {
4551
background-color: #FFFFFF;
4552
}
4553
/***********
4555
* Firefox *
4556
***********/
4557
window.background:not(.csd) > widget > separator {
4558
color: rgba(0, 0, 0, 0.2);
4559
}
4560
window.background:not(.csd) > widget > scrollbar {
4562
background-clip: border-box;
4563
}
4564
window.background:not(.csd) > widget > scrollbar,
4566
window.background:not(.csd) > widget > frame > border {
4567
border-color: rgba(0, 0, 0, 0.2);
4568
}
4569
window.background:not(.csd) > widget > entry,
4571
window.background:not(.csd) > widget > button > button {
4572
border: 1px solid rgba(0, 0, 0, 0.2);
4573
border-radius: 3px;
4574
box-shadow: none;
4575
}
4576
window.background:not(.csd) > widget > entry {
4578
min-height: 30px;
4579
}
4580
window.background:not(.csd) > widget > entry:focus {
4582
border-color: #42A5F5;
4583
}
4584
window.background:not(.csd) > widget > button > button {
4586
padding: 4px 8px;
4587
background-size: auto;
4588
}
4589
window.background:not(.csd) > widget > button > button:hover {
4591
background-image: image(alpha(currentColor, 0.05));
4592
}
4593
window.background:not(.csd) > widget > button > button:active {
4595
background-image: image(alpha(currentColor, 0.1));
4596
}
4597
window.background:not(.csd) > window > menu,
4599
window.background:not(.csd) > menu > menu {
4600
border: none;
4601
}
4602
window.background:not(.csd) > widget > menubar {
4604
color: rgba(255, 255, 255, 0.7);
4605
}
4606
window.background:not(.csd) > widget > menubar:hover {
4608
color: #FFFFFF;
4609
}
4610
window.background:not(.csd) > widget > menubar:disabled {
4612
color: rgba(255, 255, 255, 0.3);
4613
}
4614
window.background:not(.csd) > widget > frame {
4616
color: rgba(0, 0, 0, 0.2);
4617
}
4618
window.background:not(.csd) > widget > checkbutton > check,
4620
window.background:not(.csd) > widget > radiobutton > radio {
4621
margin: 0;
4622
padding: 0;
4623
}
4624
window.background:not(.csd) > window.background > menu > separator {
4626
color: rgba(0, 0, 0, 0.12);
4627
}
4628
/************
4630
* Inkscape *
4631
************/
4632
#ToolboxCommon > #AuxToolbox #StyleSwatch {
4633
font-size: smaller;
4634
}
4635
#ToolboxCommon > #AuxToolbox #Kludge {
4637
padding: 0;
4638
}
4639
#ToolboxCommon > #AuxToolbox spinbutton,
4641
#ToolboxCommon > #AuxToolbox entry {
4642
min-height: 32px;
4643
}
4644
#ToolboxCommon > #AuxToolbox button:not(.up):not(.down) {
4646
min-height: 24px;
4647
min-width: 16px;
4648
padding: 4px 8px;
4649
border-radius: 2px;
4650
-gtk-outline-radius: 2px;
4651
}
4652
#ToolboxCommon > #AuxToolbox spinbutton button {
4654
border-width: 4px;
4655
}
4656
#ToolboxCommon > toolbar.vertical {
4658
margin-top: -4px;
4659
}
4660
#ToolboxCommon > toolbar.vertical button {
4662
min-height: 24px;
4663
min-width: 24px;
4664
padding: 4px;
4665
border-radius: 2px;
4666
-gtk-outline-radius: 2px;
4667
}
4668
#CanvasTable button {
4670
min-height: 16px;
4671
min-width: 16px;
4672
padding: 0;
4673
}
4674
#CanvasTable #HorizontalScrollbar {
4676
border-top: 1px solid rgba(0, 0, 0, 0.12);
4677
}
4678
#CanvasTable #VerticalScrollbar:dir(ltr) {
4680
border-left: 1px solid rgba(0, 0, 0, 0.12);
4681
}
4682
#CanvasTable #VerticalScrollbar:dir(rtl) {
4684
border-right: 1px solid rgba(0, 0, 0, 0.12);
4685
}
4686
#Canvas_and_Dock frame > border {
4688
border: none;
4689
}
4690
#Canvas_and_Dock widget > widget > button.flat {
4692
min-height: 16px;
4693
min-width: 16px;
4694
padding: 4px;
4695
}
4696
#Canvas_and_Dock widget > widget > box.horizontal image {
4698
padding: 4px;
4699
}
4700
#Canvas_and_Dock box.horizontal > box.vertical > button.flat {
4702
min-height: 16px;
4703
min-width: 24px;
4704
padding: 8px 4px;
4705
}
4706
/***********
4708
* Synapse *
4709
***********/
4710
box.vertical > widget > widget:selected {
4711
background-color: #42A5F5;
4712
}
4713
/*********
4715
* Unity *
4716
*********/
4717
UnityDecoration {
4718
-UnityDecoration-extents: 28px 0 0 0;
4719
-UnityDecoration-input-extents: 8px;
4720
-UnityDecoration-shadow-offset-x: 0;
4721
-UnityDecoration-shadow-offset-y: 3px;
4722
-UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.48);
4723
-UnityDecoration-active-shadow-radius: 18px;
4724
-UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.32);
4725
-UnityDecoration-inactive-shadow-radius: 6px;
4726
-UnityDecoration-glow-size: 8px;
4727
-UnityDecoration-glow-color: #42A5F5;
4728
-UnityDecoration-title-indent: 4px;
4729
-UnityDecoration-title-fade: 32px;
4730
-UnityDecoration-title-alignment: 0.0;
4731
}
4732
UnityDecoration .top {
4734
padding: 0 2px;
4735
border-style: none;
4736
border-radius: 2px 2px 0 0;
4737
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
4738
background-color: #37474F;
4739
color: #FFFFFF;
4740
}
4741
UnityDecoration .top:backdrop {
4743
color: rgba(255, 255, 255, 0.7);
4744
}
4745
UnityDecoration .menuitem {
4747
color: rgba(255, 255, 255, 0.7);
4748
}
4749
UnityDecoration .menuitem:hover {
4751
box-shadow: inset 0 -2px currentColor;
4752
background-color: transparent;
4753
color: #FFFFFF;
4754
}
4755
.background:not(.csd) headerbar:not(.titlebar) {
4757
border-radius: 0;
4758
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
4759
}
4760
.background:not(.csd) headerbar:not(.titlebar).inline-toolbar {
4762
border-style: none;
4763
}
4764
UnityPanelWidget,
4766
.unity-panel {
4767
background-color: #263238;
4768
color: #FFFFFF;
4769
}
4770
UnityPanelWidget:backdrop,
4772
.unity-panel:backdrop {
4773
color: rgba(255, 255, 255, 0.7);
4774
}
4775
.unity-panel.menuitem,
4777
.unity-panel .menuitem {
4778
color: rgba(255, 255, 255, 0.7);
4779
}
4780
.unity-panel.menubar.menuitem:hover,
4782
.unity-panel.menubar .menuitem *:hover {
4783
box-shadow: inset 0 -2px currentColor;
4784
background-color: transparent;
4785
color: #FFFFFF;
4786
}
4787
.menu IdoPlaybackMenuItem.menuitem:active {
4789
-gtk-icon-source: -gtk-icontheme("process-working-symbolic");
4790
animation: spin 1s linear infinite;
4791
color: #42A5F5;
4792
}
4793
/**************
4795
* Mate-Panel *
4796
**************/
4797
.mate-panel-menu-bar menubar,
4798
#PanelApplet-window-menu-applet-button {
4799
background-color: transparent;
4800
}
4801
#PanelPlug,
4803
PanelToplevel.background {
4804
background-color: #263238;
4805
color: #FFFFFF;
4806
font-weight: 500;
4807
}
4808
PanelToplevel > grid > button, .mate-panel-menu-bar #PanelApplet button {
4810
color: rgba(255, 255, 255, 0.7);
4811
}
4812
PanelToplevel > grid > button:hover, .mate-panel-menu-bar #PanelApplet button:hover, PanelToplevel > grid > button:active, .mate-panel-menu-bar #PanelApplet button:active {
4814
color: #FFFFFF;
4815
}
4816
PanelToplevel > grid > button:disabled, .mate-panel-menu-bar #PanelApplet button:disabled {
4818
color: rgba(255, 255, 255, 0.3);
4819
}
4820
PanelToplevel > grid > button:checked, .mate-panel-menu-bar #PanelApplet button:checked {
4822
background-color: rgba(255, 255, 255, 0.3);
4823
color: #FFFFFF;
4824
}
4825
PanelToplevel > grid > button:checked:disabled, .mate-panel-menu-bar #PanelApplet button:checked:disabled {
4827
background-color: rgba(255, 255, 255, 0.12);
4828
color: rgba(255, 255, 255, 0.5);
4829
}
4830
PanelToplevel > grid > button {
4832
padding: 0 4px;
4833
border-radius: 0;
4834
}
4835
PanelWidget button, PanelWidget button:hover, PanelWidget button:active {
4837
color: rgba(255, 255, 255, 0.7);
4838
}
4839
PanelSeparator {
4841
color: rgba(255, 255, 255, 0.12);
4842
}
4843
MatePanelAppletFrameDBus {
4845
border-style: solid;
4846
border-width: 0 1px;
4847
border-color: rgba(255, 255, 255, 0.12);
4848
}
4849
.mate-panel-menu-bar menubar menuitem {
4851
padding: 4px;
4852
}
4853
.mate-panel-menu-bar menubar menu menuitem {
4855
padding: 6px;
4856
}
4857
.mate-panel-menu-bar #PanelApplet button {
4859
-GtkWidget-window-dragging: true;
4860
padding: 4px;
4861
border-radius: 0;
4862
}
4863
PanelApplet.wnck-applet .wnck-pager {
4865
background-color: transparent;
4866
color: #40C4FF;
4867
}
4868
PanelApplet.wnck-applet .wnck-pager:hover {
4870
background-color: rgba(255, 255, 255, 0.12);
4871
}
4872
PanelApplet.wnck-applet .wnck-pager:active {
4874
background-color: rgba(255, 255, 255, 0.3);
4875
}
4876
PanelApplet.wnck-applet .wnck-pager:selected {
4878
background-color: #42A5F5;
4879
}
4880
#MatePanelPopupWindow {
4882
border: 1px solid rgba(0, 0, 0, 0.12);
4883
border-radius: 3px;
4884
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
4885
}
4886
#MatePanelPopupWindow frame > border {
4888
border-style: none;
4889
}
4890
#MatePanelPopupWindow ClockMap {
4892
border: 1px solid rgba(0, 0, 0, 0.12);
4893
}
4894
na-tray-applet {
4896
-NaTrayApplet-icon-padding: 3px;
4897
-NaTrayApplet-icon-size: 16;
4898
}
4899
.mate-panel-menu-bar {
4901
-PanelMenuBar-icon-visible: true;
4902
}
4903
.mate-panel-applet-slider {
4905
background-color: transparent;
4906
}
4907
.mate-panel-applet-slider frame {
4909
border: 1px solid rgba(0, 0, 0, 0.12);
4910
border-radius: 3px;
4911
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
4912
background-color: #F5F5F5;
4913
}
4914
.mate-panel-applet-slider frame frame {
4916
all: unset;
4917
}
4918
.mate-panel-applet-slider frame > border {
4920
border-style: none;
4921
}
4922
/*********************
4924
* CAJA File manager *
4925
*********************/
4926
.caja-navigation-window button.toggle.image-button {
4927
border-radius: 2px;
4928
}
4929
.caja-pathbar button {
4931
margin: 0 -1px 0 -2px;
4932
}
4933
.caja-pathbar button > widget {
4935
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
4936
-GtkArrow-arrow-scaling: 1;
4937
}
4938
.caja-side-pane notebook viewport.frame,
4940
.caja-side-pane notebook widget .vertical {
4941
background-color: #FFFFFF;
4942
}
4943
.caja-side-pane notebook,
4945
.caja-notebook {
4946
border-top: 1px solid rgba(0, 0, 0, 0.12);
4947
}
4948
.caja-side-pane notebook .frame,
4950
.caja-notebook .frame {
4951
border-style: none;
4952
}
4953
.caja-navigation-window statusbar {
4955
margin: 0 -10px;
4956
padding: 0 4px;
4957
border-top: 1px solid rgba(0, 0, 0, 0.12);
4958
}
4959
.caja-notebook frame > border {
4961
border-style: none;
4962
}
4963
#caja-extra-view-widget {
4965
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4966
background-color: #F5F5F5;
4967
}
4968
#caja-extra-view-widget > box > box > label {
4970
font-weight: bold;
4971
}
4972
/*********
4974
* Pluma *
4975
*********/
4976
.pluma-window statusbar {
4977
margin: 0 -10px;
4978
padding: 0 4px;
4979
border-top: 1px solid rgba(0, 0, 0, 0.12);
4980
}
4981
.pluma-window statusbar frame > border {
4983
border-style: none;
4984
}
4985
.pluma-window statusbar frame button.flat {
4987
padding: 0 4px;
4988
border-radius: 0;
4989
}
4990
.pluma-window statusbar frame button.flat widget {
4992
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
4993
-GtkArrow-arrow-scaling: 1;
4994
}
4995
.pluma-print-preview toolbar {
4997
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4998
}
4999
.pluma-window paned.horizontal box.vertical box.horizontal button.flat {
5001
margin: 1px;
5002
}
5003
.pluma-window paned.horizontal box.vertical .frame {
5005
border-style: none;
5006
}
5007
.pluma-window paned.horizontal box.vertical notebook.frame {
5009
margin-top: -1px;
5010
border-top: 1px solid rgba(0, 0, 0, 0.12);
5011
}
5012
.pluma-window paned.horizontal box.vertical notebook.frame box.vertical toolbar.horizontal {
5014
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
5015
}
5016
/*********
5018
* Atril *
5019
*********/
5020
.atril-window paned.horizontal box.vertical .frame {
5021
border-style: none;
5022
}
5023
.atril-window paned.horizontal box.vertical notebook .frame {
5025
border-top: 1px solid rgba(0, 0, 0, 0.12);
5026
}
5027
/* mate-screensaver lock dialog */
5029
.lock-dialog {
5030
border-radius: 2px;
5031
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);
5032
}
5033
.lock-dialog frame > border {
5035
border-style: none;
5036
}
5037
/******************
5039
* Budgie Desktop *
5040
******************/
5041
.budgie-container {
5042
background-color: transparent;
5043
}
5044
.budgie-menu.background {
5046
padding: 0;
5047
background-color: #FFFFFF;
5048
}
5049
.budgie-menu scrollbar,
5051
.budgie-menu entry.search {
5052
background-color: transparent;
5053
}
5054
.budgie-menu entry.search {
5056
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
5057
border-radius: 0;
5058
box-shadow: none;
5059
font-size: 120%;
5060
}
5061
.budgie-menu .categories:dir(ltr) {
5063
border-bottom-left-radius: 2px;
5064
}
5065
.budgie-menu .categories:dir(rtl) {
5067
border-bottom-right-radius: 2px;
5068
}
5069
.budgie-menu button {
5071
min-height: 32px;
5072
padding: 0 8px;
5073
border-radius: 0;
5074
color: rgba(0, 0, 0, 0.87);
5075
font-weight: normal;
5076
}
5077
.budgie-menu button:disabled {
5079
color: rgba(0, 0, 0, 0.38);
5080
}
5081
.budgie-menu button:checked:disabled {
5083
background-color: #42A5F5;
5084
}
5085
.budgie-menu row {
5087
padding: 0;
5088
}
5089
.budgie-menu row:hover {
5091
box-shadow: none;
5092
}
5093
button.budgie-menu-launcher {
5095
padding: 0 2px;
5096
}
5097
popover.background.user-menu {
5099
padding: 8px;
5100
}
5101
popover.background.user-menu .content-box {
5103
background-color: transparent;
5104
}
5105
popover.background.user-menu separator {
5107
margin: 4px 0;
5108
}
5109
popover.background.user-menu row {
5111
padding: 0;
5112
box-shadow: none;
5113
background-image: none;
5114
}
5115
button.raven-trigger {
5117
padding: 0 4px;
5118
}
5119
popover.background.places-menu {
5121
padding: 8px;
5122
}
5123
popover.background.places-menu .name-button.text-button {
5125
padding-left: 8px;
5126
padding-right: 8px;
5127
}
5128
popover.background.places-menu .name-button.text-button image:dir(ltr) {
5130
margin-right: 3px;
5131
}
5132
popover.background.places-menu .name-button.text-button image:dir(rtl) {
5134
margin-left: 3px;
5135
}
5136
popover.background.places-menu .places-section-header > image:dir(ltr) {
5138
margin: 0 -2px 0 5px;
5139
}
5140
popover.background.places-menu .places-section-header > image:dir(rtl) {
5142
margin: 0 5px 0 -2px;
5143
}
5144
popover.background.places-menu .places-list {
5146
margin-top: 4px;
5147
padding-top: 4px;
5148
border-top: 1px solid rgba(0, 0, 0, 0.12);
5149
background-color: transparent;
5150
}
5151
popover.background.places-menu row {
5153
padding: 0;
5154
box-shadow: none;
5155
background-image: none;
5156
}
5157
.budgie-panel {
5159
background-color: #263238;
5160
color: rgba(255, 255, 255, 0.7);
5161
font-weight: 500;
5162
}
5163
.budgie-panel button {
5165
border-radius: 0;
5166
}
5167
.budgie-panel separator {
5169
background-color: rgba(255, 255, 255, 0.3);
5170
}
5171
.budgie-panel .alert {
5173
color: #FF5252;
5174
}
5175
.budgie-panel #tasklist-button {
5177
padding: 0 4px;
5178
}
5179
.budgie-panel #tasklist-button:checked {
5181
background-color: rgba(255, 255, 255, 0.12);
5182
}
5183
.budgie-panel button.flat.launcher {
5185
padding: 0;
5186
}
5187
.budgie-panel button.flat.launcher:checked {
5189
background-color: rgba(255, 255, 255, 0.12);
5190
}
5191
.budgie-panel button.flat.launcher:not(:checked) {
5193
color: rgba(255, 255, 255, 0.5);
5194
}
5195
.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active {
5197
color: rgba(255, 255, 255, 0.7);
5198
}
5199
.budgie-panel button.flat.launcher:not(:checked):disabled {
5201
color: rgba(255, 255, 255, 0.3);
5202
}
5203
.top .budgie-panel #tasklist-button, .budgie-panel .top #tasklist-button, .top .budgie-panel button.flat.launcher, .budgie-panel .top button.flat.launcher {
5205
border-image: radial-gradient(circle closest-corner at center calc(1px), currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
5206
}
5207
.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
5209
.budgie-panel .pinned button.flat.launcher.running,
5210
.budgie-panel .pinned .top button.flat.launcher.running {
5211
border-image: radial-gradient(circle closest-corner at center calc(1px), currentColor 100%, transparent 0%) 2 0 0 0/2px 0 0 0;
5212
}
5213
.bottom .budgie-panel #tasklist-button, .budgie-panel .bottom #tasklist-button, .bottom .budgie-panel button.flat.launcher, .budgie-panel .bottom button.flat.launcher {
5215
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
5216
}
5217
.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
5219
.budgie-panel .pinned button.flat.launcher.running,
5220
.budgie-panel .pinned .bottom button.flat.launcher.running {
5221
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2 0/0 0 2px 0;
5222
}
5223
.left .budgie-panel #tasklist-button, .budgie-panel .left #tasklist-button, .left .budgie-panel button.flat.launcher, .budgie-panel .left button.flat.launcher {
5225
border-image: radial-gradient(circle closest-corner at calc(1px) center, currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
5226
}
5227
.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
5229
.budgie-panel .pinned button.flat.launcher.running,
5230
.budgie-panel .pinned .left button.flat.launcher.running {
5231
border-image: radial-gradient(circle closest-corner at calc(1px) center, currentColor 100%, transparent 0%) 0 2 0 0/0 2px 0 0;
5232
}
5233
.right .budgie-panel #tasklist-button, .budgie-panel .right #tasklist-button, .right .budgie-panel button.flat.launcher, .budgie-panel .right button.flat.launcher {
5235
border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
5236
}
5237
.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
5239
.budgie-panel .pinned button.flat.launcher.running,
5240
.budgie-panel .pinned .right button.flat.launcher.running {
5241
border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, currentColor 100%, transparent 0%) 0 0 0 2/0 0 0 2px;
5242
}
5243
frame.raven-frame > border {
5245
border-style: none;
5246
box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22);
5247
}
5248
.top frame.raven-frame > border {
5250
margin-bottom: 32px;
5251
}
5252
.bottom frame.raven-frame > border {
5254
margin-top: 32px;
5255
}
5256
.left frame.raven-frame > border {
5258
margin-right: 32px;
5259
}
5260
.right frame.raven-frame > border {
5262
margin-left: 32px;
5263
}
5264
.raven {
5266
background-color: #FAFAFA;
5267
}
5268
.raven > stack {
5270
margin-bottom: -10px;
5271
}
5272
.raven stackswitcher.linked > button {
5274
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FFA726 0%, transparent 0%) 0 0 0/0 0 0px;
5275
border-radius: 0;
5276
}
5277
.raven stackswitcher.linked > button:checked {
5279
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FFA726 100%, transparent 0%) 0 0 2/0 0 2px;
5280
background-color: transparent;
5281
}
5282
.raven .raven-header {
5284
min-height: 36px;
5285
padding: 3px;
5286
}
5287
.raven .raven-header:not(.top) {
5289
margin-top: -6px;
5290
}
5291
.raven .raven-header.top {
5293
padding: 2px 0;
5294
background-color: #42A5F5;
5295
color: #FFFFFF;
5296
}
5297
.raven .raven-header.top stackswitcher button {
5299
margin: -6px 0;
5300
min-height: 36px;
5301
}
5302
.raven .raven-header.top button.image-button:dir(ltr) {
5304
margin-right: 2px;
5305
}
5306
.raven .raven-header.top button.image-button:dir(rtl) {
5308
margin-left: 2px;
5309
}
5310
.raven .raven-header.top > image {
5312
margin: 0 8px;
5313
}
5314
.raven .raven-header.top > label {
5316
margin: 0 -8px;
5317
font-weight: bold;
5318
}
5319
.raven .raven-header.bottom {
5321
border-top: 1px solid rgba(0, 0, 0, 0.12);
5322
}
5323
.raven viewport.frame .raven-header {
5325
margin-top: -8px;
5326
}
5327
.raven .raven-background {
5329
border-style: solid none;
5330
border-width: 1px;
5331
border-color: rgba(0, 0, 0, 0.12);
5332
background-color: #FFFFFF;
5333
}
5334
.raven .raven-background.frame {
5336
border-style: solid none;
5337
}
5338
.raven .raven-background > overlay > widget > image {
5340
color: rgba(0, 0, 0, 0.12);
5341
}
5342
.raven .raven-background grid > label:first-child {
5344
min-height: 36px;
5345
}
5346
.raven scrolledwindow.raven-background {
5348
border-bottom-style: none;
5349
}
5350
.raven .raven-header.top + .raven-background {
5352
border-style: none;
5353
background-color: #42A5F5;
5354
color: #FFFFFF;
5355
}
5356
.raven .raven-header.top + .raven-background stackswitcher button {
5358
margin: -4px 0;
5359
}
5360
.raven .powerstrip button {
5362
margin: 2px 0 1px;
5363
padding: 12px;
5364
}
5365
.raven .option-subtitle {
5367
font-size: smaller;
5368
}
5369
calendar.raven-calendar {
5371
border-style: none;
5372
background-color: transparent;
5373
}
5374
calendar.raven-calendar:selected {
5376
border-radius: 2px;
5377
background-color: #42A5F5;
5378
}
5379
.raven-mpris {
5381
background-color: rgba(0, 0, 0, 0.6);
5382
color: #FFFFFF;
5383
}
5384
.raven-mpris label {
5386
min-height: 24px;
5387
}
5388
.raven-mpris button.image-button {
5390
padding: 12px;
5391
}
5392
.budgie-notification-window, .budgie-osd-window, .budgie-switcher-window {
5394
background-color: transparent;
5395
}
5396
.budgie-notification .notification-title, .budgie-switcher .notification-title {
5398
font-size: 120%;
5399
}
5400
.budgie-osd .budgie-osd-text {
5402
font-size: 120%;
5403
}
5404
.drop-shadow {
5406
margin: 5px 9px;
5407
padding: 3px;
5408
border-radius: 2px;
5409
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);
5410
background-color: #FAFAFA;
5411
}
5412
.drop-shadow .linked > button {
5414
border-radius: 2px;
5415
}
5416
.budgie-session-dialog, .budgie-polkit-dialog, .budgie-run-dialog {
5418
border-radius: 2px;
5419
background-color: #FAFAFA;
5420
}
5421
.budgie-session-dialog decoration, .budgie-polkit-dialog decoration, .budgie-run-dialog decoration {
5423
border-radius: 2px;
5424
}
5425
.budgie-session-dialog label:not(:last-child),
5427
.budgie-session-dialog .dialog-title {
5428
font-size: 120%;
5429
}
5430
.budgie-session-dialog .linked.horizontal > button {
5432
padding: 8px 16px;
5433
border-top: 1px solid rgba(0, 0, 0, 0.12);
5434
border-radius: 0;
5435
}
5436
.budgie-session-dialog .linked.horizontal > button:first-child {
5438
border-bottom-left-radius: 2px;
5439
}
5440
.budgie-session-dialog .linked.horizontal > button:last-child {
5442
border-bottom-right-radius: 2px;
5443
}
5444
.budgie-polkit-dialog .message {
5446
color: rgba(0, 0, 0, 0.38);
5447
}
5448
.budgie-polkit-dialog .failure {
5450
color: #FF5252;
5451
}
5452
.budgie-run-dialog {
5454
background-color: #FFFFFF;
5455
}
5456
.budgie-run-dialog entry.search {
5458
font-size: 120%;
5459
padding: 6px 14px;
5460
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
5461
background-color: transparent;
5462
}
5463
.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
5465
headerbar .subtitle,
5466
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 {
5467
opacity: 1;
5468
}
5469
.budgie-run-dialog scrolledwindow {
5471
border-top: 1px solid rgba(0, 0, 0, 0.12);
5472
}
5473
/************************
5475
* LightDM GTK+ Greeter *
5476
************************/
5477
#panel_window {
5478
background-color: rgba(0, 0, 0, 0.3);
5479
color: #FFFFFF;
5480
}
5481
#panel_window menubar,
5483
#panel_window separator {
5484
background-color: transparent;
5485
}
5486
#panel_window separator {
5488
padding: 0 4px;
5489
}
5490
#panel_window separator:first-child {
5492
padding: 0 8px;
5493
}
5494
#panel_window menubar > menuitem {
5496
color: rgba(255, 255, 255, 0.7);
5497
}
5498
#panel_window menubar > menuitem:hover {
5500
color: #FFFFFF;
5501
}
5502
#panel_window menubar > menuitem:disabled label {
5504
color: rgba(255, 255, 255, 0.3);
5505
}
5506
#login_window,
5508
#shutdown_dialog,
5509
#restart_dialog {
5510
margin: 8px;
5511
border-radius: 2px;
5512
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);
5513
background-color: #FAFAFA;
5514
}
5515
#content_frame {
5517
padding-bottom: 20px;
5518
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
5519
}
5520
#buttonbox_frame {
5522
padding-top: 24px;
5523
}
5524
#buttonbox_frame button {
5526
margin: -16px;
5527
}
5528
#greeter_infobar {
5530
margin-top: -1px;
5531
}
5532
/* GTK NAMED COLORS
5534
----------------
5535
use responsibly! */
5536
/*
5537
widget text/foreground color */
5538
@define-color theme_fg_color rgba(0, 0, 0, 0.87);
5539
/*
5540
text color for entries, views and content in general */
5541
@define-color theme_text_color rgba(0, 0, 0, 0.87);
5542
/*
5543
widget base background color */
5544
@define-color theme_bg_color #F5F5F5;
5545
/*
5546
text widgets and the like base background color */
5547
@define-color theme_base_color #FFFFFF;
5548
/*
5549
base background color of selections */
5550
@define-color theme_selected_bg_color #42A5F5;
5551
/*
5552
text/foreground color of selections */
5553
@define-color theme_selected_fg_color #FFFFFF;
5554
/*
5555
base background color of insensitive widgets */
5556
@define-color insensitive_bg_color #F5F5F5;
5557
/*
5558
text foreground color of insensitive widgets */
5559
@define-color insensitive_fg_color rgba(0, 0, 0, 0.38);
5560
/*
5561
insensitive text widgets and the like base background color */
5562
@define-color insensitive_base_color #FAFAFA;
5563
/*
5564
widget text/foreground color on backdrop windows */
5565
@define-color theme_unfocused_fg_color rgba(0, 0, 0, 0.87);
5566
/*
5567
text color for entries, views and content in general on backdrop windows */
5568
@define-color theme_unfocused_text_color rgba(0, 0, 0, 0.87);
5569
/*
5570
widget base background color on backdrop windows */
5571
@define-color theme_unfocused_bg_color #F5F5F5;
5572
/*
5573
text widgets and the like base background color on backdrop windows */
5574
@define-color theme_unfocused_base_color #FFFFFF;
5575
/*
5576
base background color of selections on backdrop windows */
5577
@define-color theme_unfocused_selected_bg_color #42A5F5;
5578
/*
5579
text/foreground color of selections on backdrop windows */
5580
@define-color theme_unfocused_selected_fg_color #FFFFFF;
5581
/*
5582
insensitive color on backdrop windows */
5583
@define-color unfocused_insensitive_color rgba(0, 0, 0, 0.38);
5584
/*
5585
widgets main borders color */
5586
@define-color borders rgba(0, 0, 0, 0.12);
5587
/*
5588
widgets main borders color on backdrop windows */
5589
@define-color unfocused_borders rgba(0, 0, 0, 0.12);
5590
/*
5591
these are pretty self explicative */
5592
@define-color warning_color #FF6D00;
5593
@define-color error_color #DD2C00;
5594
@define-color success_color #00C853;
5595
/*
5596
FIXME this is really an API */
5597
@define-color content_view_bg #FFFFFF;
5598
@define-color placeholder_text_color #757575;
5599