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: 32px;
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: 32px;
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: 0px;
268
margin-right: 6px;
269
}
270
spinbutton:not(.vertical) image.right,
272
entry image.right {
273
margin-left: 6px;
274
margin-right: 0px;
275
}
276
spinbutton:not(.vertical) undershoot.left,
278
entry undershoot.left {
279
background-color: transparent;
280
background-image: linear-gradient(to top, rgba(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: 4px;
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: -4px;
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: -4px;
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: 4px 8px;
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: 4px;
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: 12px;
654
}
655
button.text-button.image-button label:last-child {
658
margin-right: 12px;
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: 10px 14px;
732
}
733
button.osd.image-button {
736
padding: 10px;
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: 2px;
844
padding-right: 2px;
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: 20px;
877
min-width: 20px;
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: 20px;
965
min-width: 20px;
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: 28px;
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: 32px;
1044
min-width: 44px;
1045
padding: 0;
1046
}
1047
spinbutton.vertical button {
1049
min-height: 32px;
1050
min-width: 44px;
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: 0px;
1089
}
1090
combobox button.combo cellview:dir(rtl) {
1092
margin-right: 0px;
1093
}
1094
combobox #gtk-combobox-popup-menu {
1096
padding: 2px 0;
1097
}
1098
combobox #gtk-combobox-popup-menu menuitem {
1100
min-height: 28px;
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: 44px;
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 arrow,
1397
headerbar.selection-mode .selection-menu arrow {
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: 20px;
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: 20px;
1439
min-width: 20px;
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: 4px;
1504
padding-right: 4px;
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: 20px;
2030
min-width: 20px;
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: -10px;
2369
padding: 10px;
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: 22;
2474
border-image-width: 22px;
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.11364, to(#FF4081), to(transparent));
2495
}
2496
radio:checked:not(:indeterminate):disabled {
2499
border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.11364, 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: 8px;
2645
min-width: 8px;
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.horizontal block {
2923
min-height: 4px;
2924
}
2925
levelbar.horizontal.discrete block {
2927
min-width: 32px;
2928
}
2929
levelbar.horizontal.discrete block:not(:last-child) {
2931
margin-right: 2px;
2932
}
2933
levelbar.vertical block {
2935
min-width: 4px;
2936
}
2937
levelbar.vertical.discrete block {
2939
min-height: 32px;
2940
}
2941
levelbar.vertical.discrete block:not(:last-child) {
2943
margin-bottom: 2px;
2944
}
2945
levelbar trough {
2947
padding: 2px;
2948
border-radius: 2px;
2949
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
2950
background-color: #FFFFFF;
2951
}
2952
levelbar trough:disabled {
2954
background-color: #FAFAFA;
2955
}
2956
levelbar block.low {
2958
background-color: #FF6D00;
2959
}
2960
levelbar block.high, levelbar block:not(.empty) {
2962
background-color: #42A5F5;
2963
}
2964
levelbar block.full {
2966
background-color: #00C853;
2967
}
2968
levelbar block.empty {
2970
background-color: rgba(0, 0, 0, 0.12);
2971
}
2972
/****************
2974
* Print dialog *
2975
*****************/
2976
printdialog paper {
2977
padding: 0;
2978
border: 1px solid rgba(0, 0, 0, 0.12);
2979
background-color: #FFFFFF;
2980
color: rgba(0, 0, 0, 0.87);
2981
}
2982
printdialog .dialog-action-box {
2984
margin: 12px;
2985
}
2986
/**********
2988
* Frames *
2989
**********/
2990
frame > border,
2991
.frame {
2992
margin: 0;
2993
padding: 0;
2994
border: 1px solid rgba(0, 0, 0, 0.12);
2995
border-radius: 0;
2996
box-shadow: none;
2997
}
2998
frame > border.flat,
3000
.frame.flat,
3001
frame.flat > border {
3002
border-style: none;
3003
}
3004
actionbar > revealer > box {
3006
padding: 6px;
3007
border-top: 1px solid rgba(0, 0, 0, 0.12);
3008
}
3009
scrolledwindow viewport.frame {
3011
border-style: none;
3012
}
3013
overshoot.top {
3015
background-image: -gtk-gradient(radial, center top, 0, center top, 0.75, to(rgba(64, 196, 255, 0.3)), to(transparent));
3016
background-repeat: no-repeat;
3017
background-position: center top;
3018
background-color: transparent;
3019
border: none;
3020
box-shadow: none;
3021
}
3022
overshoot.bottom {
3024
background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.75, to(rgba(64, 196, 255, 0.3)), to(transparent));
3025
background-repeat: no-repeat;
3026
background-position: center bottom;
3027
background-color: transparent;
3028
border: none;
3029
box-shadow: none;
3030
}
3031
overshoot.left {
3033
background-image: -gtk-gradient(radial, left center, 0, left center, 0.75, to(rgba(64, 196, 255, 0.3)), to(transparent));
3034
background-repeat: no-repeat;
3035
background-position: left center;
3036
background-color: transparent;
3037
border: none;
3038
box-shadow: none;
3039
}
3040
overshoot.right {
3042
background-image: -gtk-gradient(radial, right center, 0, right center, 0.75, to(rgba(64, 196, 255, 0.3)), to(transparent));
3043
background-repeat: no-repeat;
3044
background-position: right center;
3045
background-color: transparent;
3046
border: none;
3047
box-shadow: none;
3048
}
3049
undershoot.top {
3051
background-color: transparent;
3052
background-image: linear-gradient(to left, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%);
3053
padding-top: 1px;
3054
background-size: 12px 1px;
3055
background-repeat: repeat-x;
3056
background-origin: content-box;
3057
background-position: left top;
3058
}
3059
undershoot.bottom {
3061
background-color: transparent;
3062
background-image: linear-gradient(to left, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%);
3063
padding-bottom: 1px;
3064
background-size: 12px 1px;
3065
background-repeat: repeat-x;
3066
background-origin: content-box;
3067
background-position: left bottom;
3068
}
3069
undershoot.left {
3071
background-color: transparent;
3072
background-image: linear-gradient(to top, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%);
3073
padding-left: 1px;
3074
background-size: 1px 12px;
3075
background-repeat: repeat-y;
3076
background-origin: content-box;
3077
background-position: left top;
3078
}
3079
undershoot.right {
3081
background-color: transparent;
3082
background-image: linear-gradient(to top, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%);
3083
padding-right: 1px;
3084
background-size: 1px 12px;
3085
background-repeat: repeat-y;
3086
background-origin: content-box;
3087
background-position: right top;
3088
}
3089
junction {
3091
border-style: solid none none solid;
3092
border-width: 1px;
3093
border-color: rgba(0, 0, 0, 0.12);
3094
background-color: #FFFFFF;
3095
}
3096
junction:dir(rtl) {
3098
border-style: solid solid none none;
3099
}
3100
separator {
3102
min-width: 1px;
3103
min-height: 1px;
3104
background-color: rgba(0, 0, 0, 0.12);
3105
}
3106
button.font separator,
3109
button.file separator, .tweak-categories separator, preferences stacksidebar.sidebar list separator {
3110
min-width: 0;
3111
min-height: 0;
3112
background-color: transparent;
3113
}
3114
/*********
3116
* Lists *
3117
*********/
3118
list {
3119
border-color: rgba(0, 0, 0, 0.12);
3120
background-color: #FFFFFF;
3121
}
3122
list row {
3124
padding: 2px;
3125
}
3126
row.activatable, .view, treeview.view header button, .budgie-menu button {
3128
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);
3129
box-shadow: inset 0 0 0 9999px transparent;
3130
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
3131
background-repeat: no-repeat;
3132
background-position: center;
3133
background-size: 1000% 1000%;
3134
}
3135
row.activatable:hover, .view:hover, treeview.view header button:hover, .budgie-menu button:hover {
3137
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);
3138
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.05);
3139
}
3140
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 {
3142
transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-color 0, color 0, background-size 0, background-image 0;
3143
animation: ripple_effect 270ms cubic-bezier(0, 0, 0.2, 1) forwards;
3144
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.15);
3145
background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.15) 10%, transparent 0%);
3146
background-size: 0% 0%;
3147
}
3148
/*********************
3150
* App Notifications *
3151
*********************/
3152
.app-notification {
3153
margin: 8px;
3154
}
3155
.app-notification.frame,
3157
.app-notification border {
3158
border-style: none;
3159
}
3160
/*************
3162
* Expanders *
3163
*************/
3164
expander arrow {
3165
transition: all 180ms cubic-bezier(0.4, 0, 0.2, 1);
3166
min-width: 16px;
3167
min-height: 16px;
3168
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
3169
-gtk-icon-transform: rotate(-90deg);
3170
color: rgba(0, 0, 0, 0.54);
3171
}
3172
expander arrow:dir(rtl) {
3174
-gtk-icon-transform: rotate(90deg);
3175
}
3176
expander arrow:checked {
3178
-gtk-icon-transform: unset;
3179
}
3180
expander arrow:hover, expander arrow:active {
3182
color: rgba(0, 0, 0, 0.87);
3183
}
3184
expander arrow:disabled {
3186
color: rgba(0, 0, 0, 0.26);
3187
}
3188
expander arrow:selected {
3190
color: rgba(255, 255, 255, 0.7);
3191
}
3192
expander arrow:selected:hover, expander arrow:selected:active {
3194
color: #FFFFFF;
3195
}
3196
expander arrow:selected:disabled {
3198
color: rgba(255, 255, 255, 0.3);
3199
}
3200
/************
3202
* Calendar *
3203
************/
3204
calendar {
3205
padding: 1px;
3206
border: 1px solid rgba(0, 0, 0, 0.12);
3207
color: rgba(0, 0, 0, 0.87);
3208
}
3209
calendar:disabled {
3211
color: rgba(0, 0, 0, 0.38);
3212
}
3213
calendar:selected {
3215
border-radius: 3px;
3216
}
3217
calendar.header {
3219
border-style: none none solid;
3220
border-radius: 0;
3221
}
3222
calendar.highlight {
3224
color: rgba(0, 0, 0, 0.54);
3225
font-weight: 500;
3226
}
3227
calendar:indeterminate {
3229
color: rgba(0, 0, 0, 0.26);
3230
}
3231
/***********
3233
* Dialogs *
3234
***********/
3235
messagedialog.background {
3236
background-color: #FAFAFA;
3237
}
3238
messagedialog .titlebar {
3240
min-height: 20px;
3241
border-style: none;
3242
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
3243
background-color: #FAFAFA;
3244
color: rgba(0, 0, 0, 0.87);
3245
}
3246
messagedialog .titlebar:backdrop {
3248
color: rgba(0, 0, 0, 0.54);
3249
}
3250
messagedialog.csd.background {
3252
border-bottom-left-radius: 2px;
3253
border-bottom-right-radius: 2px;
3254
}
3255
messagedialog.csd .dialog-action-area button {
3257
padding: 8px 16px;
3258
border-top: 1px solid rgba(0, 0, 0, 0.12);
3259
border-radius: 0;
3260
}
3261
messagedialog.csd .dialog-action-area button:first-child {
3263
border-bottom-left-radius: 2px;
3264
}
3265
messagedialog.csd .dialog-action-area button:last-child {
3267
border-bottom-right-radius: 2px;
3268
}
3269
filechooser .dialog-action-box {
3271
border-top: 1px solid rgba(0, 0, 0, 0.12);
3272
}
3273
filechooser #pathbarbox {
3275
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
3276
background-color: #F5F5F5;
3277
}
3278
filechooserbutton:drop(active) {
3280
box-shadow: none;
3281
}
3282
/***********
3284
* Sidebar *
3285
***********/
3286
.sidebar {
3287
border-style: none;
3288
background-color: #FAFAFA;
3289
}
3290
stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left, .sidebar.left:dir(rtl) {
3292
border-right: 1px solid rgba(0, 0, 0, 0.12);
3293
border-left-style: none;
3294
}
3295
stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right {
3297
border-left: 1px solid rgba(0, 0, 0, 0.12);
3298
border-right-style: none;
3299
}
3300
.sidebar list {
3302
background-color: transparent;
3303
}
3304
paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar {
3306
border-style: none;
3307
}
3308
stacksidebar row {
3310
padding: 10px 4px;
3311
}
3312
stacksidebar row > label {
3314
padding-left: 6px;
3315
padding-right: 6px;
3316
}
3317
/****************
3319
* File chooser *
3320
****************/
3321
row image.sidebar-icon {
3322
color: rgba(0, 0, 0, 0.54);
3323
}
3324
row:selected image.sidebar-icon {
3326
color: rgba(255, 255, 255, 0.7);
3327
}
3328
placessidebar > viewport.frame {
3330
border-style: none;
3331
}
3332
placessidebar list {
3334
padding: 1px 0 4px;
3335
}
3336
placessidebar row {
3338
min-height: 32px;
3339
margin: -1px 0;
3340
padding: 0;
3341
}
3342
placessidebar row > revealer {
3344
padding: 0 12px;
3345
}
3346
placessidebar row:selected {
3348
color: #FFFFFF;
3349
}
3350
placessidebar row:disabled {
3352
color: rgba(0, 0, 0, 0.38);
3353
}
3354
placessidebar row image.sidebar-icon:dir(ltr) {
3356
padding-right: 8px;
3357
}
3358
placessidebar row image.sidebar-icon:dir(rtl) {
3360
padding-left: 8px;
3361
}
3362
placessidebar row label.sidebar-label:dir(ltr) {
3364
padding-right: 2px;
3365
}
3366
placessidebar row label.sidebar-label:dir(rtl) {
3368
padding-left: 2px;
3369
}
3370
placessidebar row.sidebar-placeholder-row {
3372
min-height: 2px;
3373
padding: 0 8px;
3374
background-image: image(#FF4081);
3375
background-clip: content-box;
3376
}
3377
placessidebar row.sidebar-new-bookmark-row {
3379
color: #FF4081;
3380
}
3381
placessidebar row:drop(active):not(:disabled) {
3383
box-shadow: inset 0 0 0 2px #FF4081;
3384
}
3385
placesview .server-list-button > image {
3387
-gtk-icon-transform: rotate(0turn);
3388
}
3389
placesview .server-list-button:checked > image {
3391
-gtk-icon-transform: rotate(-0.5turn);
3392
}
3393
placesview > actionbar > revealer > box > label {
3395
padding-left: 8px;
3396
padding-right: 8px;
3397
}
3398
/*********
3400
* Paned *
3401
*********/
3402
paned > separator {
3403
min-width: 1px;
3404
min-height: 1px;
3405
-gtk-icon-source: none;
3406
border-style: none;
3407
background-color: transparent;
3408
background-image: image(rgba(0, 0, 0, 0.12));
3409
background-size: 1px 1px;
3410
background-clip: content-box;
3411
}
3412
paned > separator.wide {
3414
min-width: 6px;
3415
min-height: 6px;
3416
background-color: #F5F5F5;
3417
background-image: image(rgba(0, 0, 0, 0.12)), image(rgba(0, 0, 0, 0.12));
3418
background-size: 1px 1px, 1px 1px;
3419
}
3420
paned.horizontal > separator {
3422
background-repeat: repeat-y;
3423
}
3424
paned.horizontal > separator:dir(ltr) {
3426
margin: 0 -8px 0 0;
3427
padding: 0 8px 0 0;
3428
background-position: left;
3429
}
3430
paned.horizontal > separator:dir(rtl) {
3432
margin: 0 0 0 -8px;
3433
padding: 0 0 0 8px;
3434
background-position: right;
3435
}
3436
paned.horizontal > separator.wide {
3438
margin: 0;
3439
padding: 0;
3440
background-repeat: repeat-y, repeat-y;
3441
background-position: left, right;
3442
}
3443
paned.vertical > separator {
3445
margin: 0 0 -8px 0;
3446
padding: 0 0 8px 0;
3447
background-repeat: repeat-x;
3448
background-position: top;
3449
}
3450
paned.vertical > separator.wide {
3452
margin: 0;
3453
padding: 0;
3454
background-repeat: repeat-x, repeat-x;
3455
background-position: bottom, top;
3456
}
3457
/**************
3459
* GtkInfoBar *
3460
**************/
3461
infobar {
3462
border-style: none;
3463
}
3464
infobar.info {
3466
background-color: #66BB6A;
3467
}
3468
infobar.question {
3470
background-color: #42A5F5;
3471
}
3472
infobar.warning {
3474
background-color: #FFA726;
3475
}
3476
infobar.error {
3478
background-color: #EF5350;
3479
}
3480
infobar.info > label, infobar.info, infobar.question > label, infobar.question, infobar.warning > label, infobar.warning, infobar.error > label, infobar.error {
3482
color: #FFFFFF;
3483
}
3484
/************
3486
* Tooltips *
3487
************/
3488
tooltip {
3489
border-radius: 2px;
3490
box-shadow: none;
3491
}
3492
tooltip.background {
3494
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
3495
background-color: rgba(255, 255, 255, 0.9);
3496
}
3497
tooltip:not(.csd):not(.unity-csd) {
3499
border: 1px solid rgba(0, 0, 0, 0.12);
3500
border-radius: 3px;
3501
background-clip: padding-box;
3502
}
3503
tooltip decoration {
3505
background-color: transparent;
3506
}
3507
tooltip label {
3509
min-height: 20px;
3510
padding: 0 2px;
3511
}
3512
/*****************
3514
* Color Chooser *
3515
*****************/
3516
colorswatch.top {
3517
border-top-left-radius: 2.5px;
3518
border-top-right-radius: 2.5px;
3519
}
3520
colorswatch.top overlay {
3522
border-top-left-radius: 2px;
3523
border-top-right-radius: 2px;
3524
}
3525
colorswatch.bottom {
3527
border-bottom-left-radius: 2.5px;
3528
border-bottom-right-radius: 2.5px;
3529
}
3530
colorswatch.bottom overlay {
3532
border-bottom-left-radius: 2px;
3533
border-bottom-right-radius: 2px;
3534
}
3535
colorswatch.left, colorswatch:first-child:not(.top) {
3537
border-top-left-radius: 2.5px;
3538
border-bottom-left-radius: 2.5px;
3539
}
3540
colorswatch.left overlay, colorswatch:first-child:not(.top) overlay {
3542
border-top-left-radius: 2px;
3543
border-bottom-left-radius: 2px;
3544
}
3545
colorswatch.right, colorswatch:last-child:not(.bottom) {
3547
border-top-right-radius: 2.5px;
3548
border-bottom-right-radius: 2.5px;
3549
}
3550
colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay {
3552
border-top-right-radius: 2px;
3553
border-bottom-right-radius: 2px;
3554
}
3555
colorswatch.dark overlay {
3557
color: #FFFFFF;
3558
}
3559
colorswatch.light overlay {
3561
color: rgba(0, 0, 0, 0.87);
3562
}
3563
colorswatch.dark {
3565
color: #FFFFFF;
3566
}
3567
colorswatch.light {
3569
color: rgba(0, 0, 0, 0.87);
3570
}
3571
colorswatch:drop(active) {
3573
box-shadow: none;
3574
}
3575
colorswatch:drop(active).light overlay {
3577
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;
3578
}
3579
colorswatch:drop(active).dark overlay {
3581
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;
3582
}
3583
colorswatch overlay {
3585
transition: box-shadow 180ms cubic-bezier(0, 0, 0.2, 1);
3586
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
3587
}
3588
colorswatch overlay:hover {
3590
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
3591
}
3592
colorswatch#add-color-button {
3594
border-radius: 2px 2px 0 0;
3595
color: #FFFFFF;
3596
}
3597
colorswatch#add-color-button:only-child {
3599
border-radius: 2px;
3600
}
3601
colorswatch#add-color-button overlay {
3603
background-image: linear-gradient(to right, #EF5350 25%, #FFA726 25%, #FFA726 50%, #66BB6A 50%, #66BB6A 75%, #42A5F5 75%);
3604
color: #FFFFFF;
3605
}
3606
colorswatch:disabled {
3608
opacity: 0.5;
3609
}
3610
colorswatch:disabled overlay {
3612
box-shadow: none;
3613
}
3614
colorswatch#editor-color-sample {
3616
border-radius: 2.5px;
3617
}
3618
colorswatch#editor-color-sample overlay {
3620
border-radius: 2px;
3621
}
3622
colorchooser .popover.osd {
3624
transition: box-shadow 180ms cubic-bezier(0, 0, 0.2, 1);
3625
border-radius: 2px;
3626
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);
3627
background-color: #FFFFFF;
3628
}
3629
colorchooser .popover.osd:backdrop {
3631
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);
3632
}
3633
/********
3635
* Misc *
3636
********/
3637
.content-view {
3638
background-color: #F5F5F5;
3639
}
3640
/**********************
3642
* Window Decorations *
3643
**********************/
3644
decoration {
3645
transition: box-shadow 180ms cubic-bezier(0, 0, 0.2, 1);
3646
border-radius: 2px 2px 0 0;
3647
box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22), 0 16px 16px transparent;
3648
margin: 8px;
3649
}
3650
decoration:backdrop {
3652
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), 0 16px 16px transparent;
3653
}
3654
.maximized decoration,
3656
.fullscreen decoration,
3657
.tiled decoration {
3658
border-radius: 0;
3659
}
3660
.popup decoration {
3662
box-shadow: none;
3663
}
3664
.ssd decoration {
3666
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16);
3667
}
3668
.csd.popup decoration {
3670
border-radius: 2px;
3671
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
3672
}
3673
tooltip.csd decoration {
3675
border-radius: 2px;
3676
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
3677
}
3678
messagedialog.csd decoration {
3680
border-radius: 2px;
3681
}
3682
.solid-csd decoration {
3684
margin: 0;
3685
border-radius: 0;
3686
box-shadow: none;
3687
background-color: #455A64;
3688
}
3689
.view selection, .view:selected, flowbox flowboxchild:selected, spinbutton:not(.vertical) selection,
3691
entry selection, modelbutton.flat:selected,
3692
.menuitem.button.flat:selected, popover.background.menu button:checked,
3693
popover.background button.model:checked, row:selected, calendar:selected, text:selected, .budgie-menu button:checked {
3694
background-color: #42A5F5;
3695
}
3696
row:selected label, label:selected, .view selection, .view:selected, flowbox flowboxchild:selected, spinbutton:not(.vertical) selection,
3698
entry selection, modelbutton.flat:selected,
3699
.menuitem.button.flat:selected, popover.background.menu button:checked,
3700
popover.background button.model:checked, row:selected, calendar:selected, text:selected, .budgie-menu button:checked {
3701
color: #FFFFFF;
3702
}
3703
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,
3705
entry selection:disabled, modelbutton.flat:disabled:selected,
3706
.menuitem.button.flat:disabled:selected, popover.background.menu button:disabled:checked,
3707
popover.background button.model:disabled:checked, row:disabled:selected, calendar:disabled:selected, text:disabled:selected, .budgie-menu button:disabled:checked {
3708
color: rgba(255, 255, 255, 0.5);
3709
}
3710
.monospace {
3712
font-family: monospace;
3713
}
3714
/**********************
3716
* Touch Copy & Paste *
3717
**********************/
3718
cursor-handle {
3719
border-radius: 9999px;
3720
background-color: #FF4081;
3721
background-image: none;
3722
}
3723
cursor-handle.top:dir(ltr), cursor-handle.bottom:dir(rtl) {
3725
padding-left: 6px;
3726
border-top-right-radius: 0;
3727
}
3728
cursor-handle.bottom:dir(ltr), cursor-handle.top:dir(rtl) {
3730
padding-right: 6px;
3731
border-top-left-radius: 0;
3732
}
3733
cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) {
3735
-GtkWidget-text-handle-width: 24;
3736
-GtkWidget-text-handle-height: 30;
3737
-gtk-icon-source: -gtk-scaled(url("assets/scale-horz-marks-before-slider.png"), url("assets/scale-horz-marks-before-slider@2.png"));
3738
}
3739
.context-menu {
3741
font: initial;
3742
}
3743
.keycap {
3745
min-width: 12px;
3746
min-height: 26px;
3747
margin-top: 2px;
3748
padding-bottom: 2px;
3749
padding-left: 8px;
3750
padding-right: 8px;
3751
border: solid 1px rgba(0, 0, 0, 0.12);
3752
border-radius: 3px;
3753
box-shadow: inset 0 -2px rgba(0, 0, 0, 0.12);
3754
background-color: #FFFFFF;
3755
color: rgba(0, 0, 0, 0.87);
3756
font-size: smaller;
3757
}
3758
:not(decoration):not(window):drop(active) {
3760
transition: all 270ms cubic-bezier(0, 0, 0.2, 1);
3761
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;
3762
caret-color: #FF4081;
3763
}
3764
stackswitcher button.text-button {
3766
min-width: 100px;
3767
}
3768
stackswitcher button.circular,
3770
stackswitcher button.text-button.circular {
3771
min-width: 32px;
3772
min-height: 32px;
3773
padding: 0;
3774
}
3775
/*********
3777
* Emoji *
3778
*********/
3779
popover.emoji-picker {
3780
padding: 0;
3781
}
3782
popover.emoji-picker entry {
3784
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
3785
border-bottom-left-radius: 0;
3786
border-bottom-right-radius: 0;
3787
box-shadow: none;
3788
}
3789
popover.emoji-picker scrolledwindow {
3791
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
3792
}
3793
button.emoji-section {
3795
margin-top: -1px;
3796
padding: 0 8px;
3797
min-width: 24px;
3798
min-height: 32px;
3799
border-radius: 0;
3800
outline-offset: -6px;
3801
box-shadow: none;
3802
}
3803
button.emoji-section:hover {
3805
box-shadow: inset 0 2px rgba(0, 0, 0, 0.26);
3806
}
3807
button.emoji-section:active {
3809
box-shadow: inset 0 2px #42A5F5;
3810
background-image: radial-gradient(circle farthest-corner at center, rgba(66, 165, 245, 0.7) 10%, transparent 0%);
3811
}
3812
button.emoji-section:checked {
3814
box-shadow: inset 0 2px #42A5F5;
3815
background-color: transparent;
3816
}
3817
button.emoji-section:first-child {
3819
margin-left: 4px;
3820
}
3821
button.emoji-section:last-child {
3823
margin-right: 4px;
3824
}
3825
.emoji {
3827
min-width: 3em;
3828
min-height: 3em;
3829
padding: 0;
3830
}
3831
.emoji widget {
3833
transition: all 180ms cubic-bezier(0, 0, 0.2, 1);
3834
}
3835
.emoji widget:hover {
3837
font-size: larger;
3838
}
3839
/************
3841
* Nautilus *
3842
************/
3843
.nautilus-window,
3844
.nautilus-window notebook,
3845
.nautilus-window notebook > stack {
3846
background-color: #FFFFFF;
3847
}
3848
.nautilus-desktop.nautilus-canvas-item:not(:selected), .caja-desktop.caja-canvas-item:not(:selected) {
3850
color: #FFFFFF;
3851
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
3852
}
3853
@keyframes needs_attention_keyframes {
3855
to {
3856
background-color: alpha(currentColor, 0.3);
3857
}
3858
}
3859
.nautilus-operations-button-needs-attention {
3861
animation: needs_attention_keyframes 270ms cubic-bezier(0.4, 0, 0.2, 1) 2 alternate;
3862
}
3863
.nautilus-operations-button-needs-attention-multiple {
3865
animation: needs_attention_keyframes 270ms cubic-bezier(0.4, 0, 0.2, 1) 4 alternate;
3866
}
3867
.nautilus-window .floating-bar {
3869
min-height: 32px;
3870
padding: 0;
3871
border-style: solid solid none;
3872
border-width: 1px;
3873
border-color: rgba(0, 0, 0, 0.12);
3874
border-radius: 3px 3px 0 0;
3875
background-color: #FFFFFF;
3876
background-clip: padding-box;
3877
transition: all 270ms cubic-bezier(0, 0, 0.2, 1), border-width 0;
3878
}
3879
.nautilus-window .floating-bar.bottom.left {
3881
margin-right: 7px;
3882
border-left-style: none;
3883
border-top-left-radius: 0;
3884
}
3885
.nautilus-window .floating-bar.bottom.right {
3887
margin-left: 7px;
3888
border-right-style: none;
3889
border-top-right-radius: 0;
3890
}
3891
.nautilus-window .floating-bar button {
3893
margin: 6px;
3894
}
3895
.disk-space-display.unknown {
3897
background-color: #FF6D00;
3898
}
3899
.disk-space-display.used {
3901
background-color: #42A5F5;
3902
}
3903
.disk-space-display.free {
3905
background-color: rgba(0, 0, 0, 0.12);
3906
}
3907
.nautilus-window searchbar {
3909
border-top: 1px solid rgba(0, 0, 0, 0.12);
3910
}
3911
.nautilus-window .searchbar-container {
3913
margin-top: -1px;
3914
}
3915
.conflict-row:not(:selected) {
3917
background-color: #ffd3b3;
3918
}
3919
.nautilus-window flowboxchild > widget > .icon-item-background {
3921
padding: 4px;
3922
border-radius: 2px;
3923
}
3924
.nautilus-window flowboxchild:selected {
3926
background-color: transparent;
3927
}
3928
.nautilus-window flowboxchild:selected > widget > .icon-item-background {
3930
background-color: #42A5F5;
3931
}
3932
dialog.background > box.dialog-vbox.vertical > grid.horizontal > scrolledwindow.frame {
3934
border-style: none;
3935
}
3936
dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child {
3938
margin: -6px 0 0 -6px;
3939
border-top: 1px solid rgba(0, 0, 0, 0.12);
3940
}
3941
dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child > label {
3943
margin: 0 8px;
3944
}
3945
dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child > box > button {
3947
border-radius: 0;
3948
}
3949
.nautilus-window > popover.menu:not(:last-child) {
3951
padding: 3px;
3952
}
3953
.nautilus-window > popover.menu:not(:last-child) > stack > box > box > box {
3955
margin-top: -6px;
3956
}
3957
.nautilus-window > popover.menu:not(:last-child) > stack > box > box > box > box {
3959
margin-bottom: -6px;
3960
}
3961
.nautilus-window > popover.menu:not(:last-child) > stack > box > box > box > box.linked {
3963
margin-top: 1px;
3964
}
3965
.nautilus-window > popover.menu:not(:last-child) separator {
3967
margin-bottom: -2px;
3968
}
3969
.nautilus-menu-sort-heading {
3971
margin: 1px 3px;
3972
font-weight: 500;
3973
}
3974
.nautilus-menu-sort-heading:disabled {
3976
color: rgba(0, 0, 0, 0.38);
3977
}
3978
.nautilus-window paned > separator {
3980
background-color: #F5F5F5;
3981
}
3982
/*********
3984
* gedit *
3985
*********/
3986
.open-document-selector-name-label {
3987
font-weight: bold;
3988
}
3989
.open-document-selector-path-label {
3991
color: rgba(0, 0, 0, 0.54);
3992
font-size: smaller;
3993
}
3994
.open-document-selector-path-label:selected {
3996
color: rgba(255, 255, 255, 0.7);
3997
}
3998
.gedit-document-panel {
4000
background-color: #FAFAFA;
4001
}
4002
.gedit-document-panel row button.flat {
4004
margin-top: 8px;
4005
margin-bottom: 8px;
4006
}
4007
.gedit-document-panel-group-row:not(:first-child) {
4009
border-top: 1px solid rgba(0, 0, 0, 0.12);
4010
}
4011
.gedit-side-panel-paned statusbar {
4013
border-top: 1px solid rgba(0, 0, 0, 0.12);
4014
}
4015
.gedit-search-slider {
4017
margin: 4px 4px 8px;
4018
}
4019
.gedit-search-slider entry:dir(ltr), .gedit-search-slider entry:dir(rtl) {
4021
border-radius: 2px;
4022
}
4023
.gedit-search-slider entry:dir(ltr) .gedit-search-entry-occurrences-tag, .gedit-search-slider entry:dir(rtl) .gedit-search-entry-occurrences-tag {
4025
all: unset;
4026
color: rgba(0, 0, 0, 0.38);
4027
}
4028
.gedit-search-slider entry:dir(ltr) {
4030
margin-right: -58px;
4031
padding-right: 58px;
4032
}
4033
.gedit-search-slider entry:dir(ltr) .gedit-search-entry-occurrences-tag {
4035
margin-left: 6px;
4036
}
4037
.gedit-search-slider entry:dir(ltr) image.right {
4039
margin-right: 0;
4040
}
4041
.gedit-search-slider entry:dir(rtl) {
4043
margin-left: -58px;
4044
padding-left: 58px;
4045
}
4046
.gedit-search-slider entry:dir(rtl) .gedit-search-entry-occurrences-tag {
4048
margin-right: 6px;
4049
}
4050
.gedit-search-slider entry:dir(rtl) image.left {
4052
margin-left: 0;
4053
}
4054
.gedit-search-slider entry.error ~ button {
4056
color: rgba(255, 255, 255, 0.7);
4057
}
4058
.gedit-search-slider entry.error ~ button:hover, .gedit-search-slider entry.error ~ button:active {
4060
color: #FFFFFF;
4061
}
4062
.gedit-search-slider entry.error ~ button:disabled {
4064
color: rgba(255, 255, 255, 0.3);
4065
}
4066
.gedit-search-slider button {
4068
border: solid 6px transparent;
4069
}
4070
.gedit-search-slider button:last-child:dir(ltr), .gedit-search-slider button:not(:first-child):dir(rtl) {
4072
margin-left: -3px;
4073
}
4074
.gedit-search-slider button:first-child:dir(rtl), .gedit-search-slider button:not(:last-child):dir(ltr) {
4076
margin-right: -3px;
4077
}
4078
frame.gedit-map-frame > border:dir(ltr) {
4080
border-style: none none none solid;
4081
}
4082
frame.gedit-map-frame > border:dir(rtl) {
4084
border-style: none solid none none;
4085
}
4086
/**************
4088
* Tweak Tool *
4089
**************/
4090
.tweak-categories {
4091
background-image: image(#FAFAFA);
4092
}
4093
.tweak {
4095
padding: 3px;
4096
}
4097
.tweak.title:hover {
4099
box-shadow: none;
4100
}
4101
.tweak-group-white,
4103
.tweak-white,
4104
.tweak-white:hover {
4105
background-image: image(#FFFFFF);
4106
}
4107
.tweak-startup,
4109
.tweak-startup:hover {
4110
background-image: image(#FFFFFF);
4111
}
4112
.tweak-group-startup {
4114
background-image: image(#FFFFFF);
4115
border: 1px solid rgba(0, 0, 0, 0.12);
4116
}
4117
/***********
4119
* Builder *
4120
***********/
4121
layouttabbar {
4122
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4123
background-color: #F5F5F5;
4124
}
4125
layouttabbar > box > button {
4127
margin: 4px 0;
4128
}
4129
layouttab {
4131
margin: 0 8px;
4132
border-style: none solid;
4133
border-width: 1px;
4134
border-color: rgba(0, 0, 0, 0.12);
4135
box-shadow: inset 0 -2px #42A5F5;
4136
background-color: #FFFFFF;
4137
}
4138
layouttab separator.vertical {
4140
margin: 8px 4px;
4141
}
4142
layouttab button.text-button, layouttab button.image-button, layouttab button {
4144
margin-top: 8px;
4145
margin-bottom: 8px;
4146
padding: 0 4px;
4147
}
4148
layout {
4150
border: 1px solid rgba(0, 0, 0, 0.12);
4151
-PnlDockBin-handle-size: 1;
4152
}
4153
entry.search-missing {
4155
background-color: #DD2C00;
4156
color: #FFFFFF;
4157
}
4158
window.workbench treeview.image {
4160
color: rgba(0, 0, 0, 0.54);
4161
}
4162
window.workbench treeview.image:selected {
4164
color: rgba(255, 255, 255, 0.7);
4165
}
4166
popover.popover-selector list {
4168
padding: 6px;
4169
}
4170
popover.popover-selector list row {
4172
border-radius: 2px;
4173
}
4174
popover.popover-selector list row image:dir(ltr) {
4176
margin-right: 6px;
4177
}
4178
popover.popover-selector list row image:dir(rtl) {
4180
margin-left: 6px;
4181
}
4182
popover.popover-selector list row .accel:dir(ltr) {
4184
margin-left: 6px;
4185
}
4186
popover.popover-selector list row .accel:dir(rtl) {
4188
margin-right: 6px;
4189
}
4190
omnibar.linked:not(.vertical) entry {
4192
border-radius: 2px;
4193
}
4194
omnibar:not(:hover):not(:active) entry {
4196
color: rgba(0, 0, 0, 0.54);
4197
}
4198
popover.omnibar list row:not(:last-child) {
4200
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4201
}
4202
entry.preferences-search {
4204
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12);
4205
background-color: #FFFFFF;
4206
}
4207
preferences stacksidebar.sidebar list {
4209
background-color: #FAFAFA;
4210
}
4211
preferences stacksidebar.sidebar:dir(ltr) list, preferences stacksidebar.sidebar:dir(rtl) list {
4213
border-style: none;
4214
}
4215
preferences > box > box:dir(ltr) {
4217
border-right: 1px solid rgba(0, 0, 0, 0.12);
4218
}
4219
preferences > box > box:dir(rtl) {
4221
border-left: 1px solid rgba(0, 0, 0, 0.12);
4222
}
4223
popover.messagepopover.background {
4225
padding: 0;
4226
}
4227
popover.messagepopover .popover-action-area button {
4229
padding: 8px 16px;
4230
border-top: 1px solid rgba(0, 0, 0, 0.12);
4231
border-radius: 0;
4232
}
4233
popover.messagepopover .popover-action-area button:first-child {
4235
border-bottom-left-radius: 2px;
4236
}
4237
popover.messagepopover .popover-action-area button:last-child {
4239
border-bottom-right-radius: 2px;
4240
}
4241
popover.messagepopover .popover-content-area {
4243
margin: 16px;
4244
}
4245
popover.transfers list {
4247
background-color: transparent;
4248
}
4249
popover.transfers list row:not(:first-child) {
4251
border-top: 1px solid rgba(0, 0, 0, 0.12);
4252
}
4253
popover.transfers list row > box {
4255
padding: 10px;
4256
}
4257
dockbin {
4259
border: 1px solid rgba(0, 0, 0, 0.12);
4260
-PnlDockBin-handle-size: 1;
4261
}
4262
dockpaned {
4264
border: 1px solid rgba(0, 0, 0, 0.12);
4265
}
4266
eggsearchbar box.search-bar {
4268
padding: 0 8px;
4269
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4270
background-color: #F5F5F5;
4271
}
4272
docktabstrip {
4274
padding: 0 8px;
4275
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4276
background-color: #F5F5F5;
4277
}
4278
docktab {
4280
transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
4281
min-height: 20px;
4282
min-width: 20px;
4283
margin-bottom: -1px;
4284
padding: 6px 6px;
4285
outline-offset: -6px;
4286
border-width: 1px;
4287
border-color: transparent;
4288
background-image: radial-gradient(circle farthest-corner at center, #42A5F5 10%, transparent 0%);
4289
background-repeat: no-repeat;
4290
background-position: center;
4291
background-size: 0% 0%;
4292
color: rgba(0, 0, 0, 0.54);
4293
font-weight: 500;
4294
}
4295
docktab:hover {
4297
box-shadow: inset 0 -2px rgba(0, 0, 0, 0.26);
4298
color: rgba(0, 0, 0, 0.87);
4299
}
4300
docktab:checked {
4302
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);
4303
box-shadow: inset 0 -2px #42A5F5;
4304
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
4305
background-size: 1000% 1000%;
4306
color: rgba(0, 0, 0, 0.87);
4307
}
4308
dockoverlayedge {
4310
background-color: #F5F5F5;
4311
}
4312
dockoverlayedge docktabstrip {
4314
padding: 0;
4315
border: none;
4316
}
4317
dockoverlayedge.left-edge docktab:hover {
4319
box-shadow: inset -2px 0 rgba(0, 0, 0, 0.26);
4320
}
4321
dockoverlayedge.left-edge docktab:checked {
4323
box-shadow: inset -2px 0 #42A5F5;
4324
}
4325
dockoverlayedge.right-edge docktab:hover {
4327
box-shadow: inset 2px 0 rgba(0, 0, 0, 0.26);
4328
}
4329
dockoverlayedge.right-edge docktab:checked {
4331
box-shadow: inset 2px 0 #42A5F5;
4332
}
4333
pillbox {
4335
background-color: #F5F5F5;
4336
border-radius: 2px;
4337
}
4338
layoutpane entry.search {
4340
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12);
4341
background-color: #FFFFFF;
4342
}
4343
editortweak entry.search {
4345
margin-bottom: -1px;
4346
box-shadow: none;
4347
}
4348
.gb-search-entry-occurrences-tag {
4350
box-shadow: none;
4351
background-color: transparent;
4352
}
4353
docktabstrip {
4355
min-height: 39px;
4356
}
4357
window.workbench preferences preferencesgroup list entry {
4359
padding-top: 8px;
4360
padding-bottom: 8px;
4361
}
4362
button.run-arrow-button {
4364
padding-left: 8px;
4365
padding-right: 8px;
4366
}
4367
/**********
4369
* Photos *
4370
**********/
4371
GdMainIconView.content-view {
4372
-GdMainIconView-icon-size: 48;
4373
}
4374
.documents-counter {
4376
margin: 8px;
4377
border-radius: 9999px;
4378
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
4379
background-color: #FF4081;
4380
color: #FFFFFF;
4381
font-weight: bold;
4382
}
4383
.documents-scrolledwin.frame {
4385
border-style: none;
4386
}
4387
.documents-scrolledwin.frame frame.content-view > border {
4389
border-style: none;
4390
}
4391
.photos-fade-in {
4393
opacity: 1;
4394
transition: opacity 180ms cubic-bezier(0, 0, 0.2, 1);
4395
}
4396
.photos-fade-out {
4398
opacity: 0;
4399
transition: opacity 180ms cubic-bezier(0, 0, 0.2, 1);
4400
}
4401
overlay grid.horizontal > revealer > scrolledwindow.frame:dir(ltr) {
4403
border-style: none none none solid;
4404
}
4405
overlay grid.horizontal > revealer > scrolledwindow.frame:dir(rtl) {
4407
border-style: none solid none none;
4408
}
4409
/*********
4411
* Music *
4412
*********/
4413
.side-panel:dir(ltr) {
4414
border-style: solid;
4415
border-color: rgba(0, 0, 0, 0.12);
4416
}
4417
.side-panel:dir(rtl) {
4419
border-style: solid;
4420
border-color: rgba(0, 0, 0, 0.12);
4421
}
4422
.side-panel .view {
4424
background-image: image(#FAFAFA);
4425
}
4426
.side-panel .view:hover {
4428
background-image: image(rgba(240, 240, 240, 0.9935));
4429
}
4430
.side-panel .view:selected {
4432
background-image: image(#42A5F5);
4433
}
4434
.side-panel .view:selected:hover {
4436
background-image: image(#4baaf6);
4437
}
4438
.songs-list:hover {
4440
background-image: image(alpha(currentColor, 0.05));
4441
}
4442
frame.documents-dropdown {
4444
margin: 8px;
4445
}
4446
frame.documents-dropdown > border {
4448
border: none;
4449
}
4450
box.vertical > revealer > toolbar.search-bar {
4452
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4453
background-clip: border-box;
4454
}
4455
box.vertical > revealer > toolbar.search-bar button > widget {
4457
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
4458
}
4459
/*********
4461
* To Do *
4462
*********/
4463
taskrow {
4464
transition: all 180ms cubic-bezier(0, 0, 0.2, 1);
4465
margin: 0 -8px;
4466
}
4467
taskrow:hover {
4469
transition: none;
4470
}
4471
taskrow label {
4473
margin: 0 8px;
4474
}
4475
taskrow image {
4477
min-width: 16px;
4478
}
4479
task-list-view > box > revealer > box > button {
4481
margin: -4px;
4482
}
4483
/*******
4485
* eog *
4486
*******/
4487
#eog-thumb-nav scrolledwindow {
4488
border-top: none;
4489
}
4490
#eog-thumb-nav button {
4492
-gtk-outline-radius: 2px;
4493
}
4494
/*************
4496
* Evolution *
4497
*************/
4498
frame.taskbar > border {
4499
border-style: solid none none;
4500
}
4501
box.vertical > paned.horizontal notebook widget .frame {
4503
border-style: none;
4504
}
4505
/********
4507
* gitg *
4508
********/
4509
frame.commit-frame > border {
4510
border-style: solid none none;
4511
}
4512
/**************
4514
* Characters *
4515
**************/
4516
box.dialog-vbox scrolledwindow.related {
4517
border: 1px solid rgba(0, 0, 0, 0.12);
4518
}
4519
list.categories {
4521
background-image: image(#FAFAFA);
4522
}
4523
/*********
4525
* Boxes *
4526
*********/
4527
.transparent-bg + stack overlay > label {
4528
min-height: 24px;
4529
padding: 0 4px;
4530
border-radius: 2px;
4531
background-color: rgba(0, 0, 0, 0.3);
4532
color: #FFFFFF;
4533
}
4534
/**************
4536
* Calculator *
4537
**************/
4538
button.title label {
4539
min-height: 32px;
4540
}
4541
/*********
4543
* Geary *
4544
*********/
4545
.geary-titlebar-left:dir(ltr) {
4546
margin-right: 5px;
4547
padding-right: 0;
4548
}
4549
.geary-titlebar-left:dir(rtl) {
4551
margin-left: 5px;
4552
padding-left: 0;
4553
}
4554
.geary-titlebar-left > separator {
4556
background-color: rgba(0, 0, 0, 0.05);
4557
}
4558
.geary-titlebar-right:dir(ltr) {
4560
margin-left: -5px;
4561
}
4562
.geary-titlebar-right:dir(rtl) {
4564
margin-right: -5px;
4565
}
4566
/*********
4568
* Tilix *
4569
*********/
4570
overlay > revealer.left > scrolledwindow.frame,
4571
overlay > revealer.right > scrolledwindow.frame {
4572
border-style: none;
4573
box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22);
4574
}
4575
overlay > revealer.left > scrolledwindow.frame {
4577
margin-right: 32px;
4578
}
4579
overlay > revealer.right > scrolledwindow.frame {
4581
margin-left: 32px;
4582
}
4583
.terminix-session-sidebar,
4585
.tilix-session-sidebar {
4586
background-image: image(#FAFAFA);
4587
}
4588
button.image-button.session-new-button {
4590
min-width: 28px;
4591
}
4592
/***********
4594
* Eclipse *
4595
***********/
4596
window.background > box.vertical > scrolledwindow > widget toolbar {
4597
padding: 2px;
4598
}
4599
window.background > box.vertical > scrolledwindow > widget toolbar separator,
4601
window.background > box.vertical > scrolledwindow > widget toolbar button {
4602
margin: 2px;
4603
}
4604
window.background > box.vertical > scrolledwindow > widget toolbar button {
4606
border-radius: 2px;
4607
}
4608
/************
4610
* Chromium *
4611
************/
4612
tooltip.chromium {
4613
background-color: #FFFFFF;
4614
}
4615
/***********
4617
* Firefox *
4618
***********/
4619
window.background:not(.csd) > widget > separator {
4620
color: rgba(0, 0, 0, 0.2);
4621
}
4622
window.background:not(.csd) > widget > scrollbar {
4624
background-clip: border-box;
4625
}
4626
window.background:not(.csd) > widget > scrollbar,
4628
window.background:not(.csd) > widget > frame > border {
4629
border-color: rgba(0, 0, 0, 0.2);
4630
}
4631
window.background:not(.csd) > widget > entry,
4633
window.background:not(.csd) > widget > button > button {
4634
border: 1px solid rgba(0, 0, 0, 0.2);
4635
border-radius: 3px;
4636
box-shadow: none;
4637
}
4638
window.background:not(.csd) > widget > entry {
4640
min-height: 30px;
4641
}
4642
window.background:not(.csd) > widget > entry:focus {
4644
border-color: #42A5F5;
4645
}
4646
window.background:not(.csd) > widget > button > button {
4648
padding: 4px 8px;
4649
background-size: auto;
4650
}
4651
window.background:not(.csd) > widget > button > button:hover {
4653
background-image: image(alpha(currentColor, 0.05));
4654
}
4655
window.background:not(.csd) > widget > button > button:active {
4657
background-image: image(alpha(currentColor, 0.1));
4658
}
4659
window.background:not(.csd) > window > menu,
4661
window.background:not(.csd) > menu > menu {
4662
border: none;
4663
}
4664
window.background:not(.csd) > widget > menubar {
4666
color: rgba(255, 255, 255, 0.7);
4667
}
4668
window.background:not(.csd) > widget > menubar:hover {
4670
color: #FFFFFF;
4671
}
4672
window.background:not(.csd) > widget > menubar:disabled {
4674
color: rgba(255, 255, 255, 0.3);
4675
}
4676
window.background:not(.csd) > widget > frame {
4678
color: rgba(0, 0, 0, 0.2);
4679
}
4680
window.background:not(.csd) > widget > checkbutton > check,
4682
window.background:not(.csd) > widget > radiobutton > radio {
4683
margin: 0;
4684
padding: 0;
4685
}
4686
window.background:not(.csd) > window.background > menu > separator {
4688
color: rgba(0, 0, 0, 0.12);
4689
}
4690
/************
4692
* Inkscape *
4693
************/
4694
#ToolboxCommon > #AuxToolbox #StyleSwatch {
4695
font-size: smaller;
4696
}
4697
#ToolboxCommon > #AuxToolbox #Kludge {
4699
padding: 0;
4700
}
4701
#ToolboxCommon > #AuxToolbox spinbutton,
4703
#ToolboxCommon > #AuxToolbox entry {
4704
min-height: 32px;
4705
}
4706
#ToolboxCommon > #AuxToolbox button:not(.up):not(.down) {
4708
min-height: 24px;
4709
min-width: 16px;
4710
padding: 4px 8px;
4711
border-radius: 2px;
4712
-gtk-outline-radius: 2px;
4713
}
4714
#ToolboxCommon > #AuxToolbox spinbutton button {
4716
border-width: 4px;
4717
}
4718
#ToolboxCommon > toolbar.vertical {
4720
margin-top: -4px;
4721
}
4722
#ToolboxCommon > toolbar.vertical button {
4724
min-height: 24px;
4725
min-width: 24px;
4726
padding: 4px;
4727
border-radius: 2px;
4728
-gtk-outline-radius: 2px;
4729
}
4730
#CanvasTable button {
4732
min-height: 16px;
4733
min-width: 16px;
4734
padding: 0;
4735
}
4736
#CanvasTable #HorizontalScrollbar {
4738
border-top: 1px solid rgba(0, 0, 0, 0.12);
4739
}
4740
#CanvasTable #VerticalScrollbar:dir(ltr) {
4742
border-left: 1px solid rgba(0, 0, 0, 0.12);
4743
}
4744
#CanvasTable #VerticalScrollbar:dir(rtl) {
4746
border-right: 1px solid rgba(0, 0, 0, 0.12);
4747
}
4748
#Canvas_and_Dock frame > border {
4750
border: none;
4751
}
4752
#Canvas_and_Dock widget > widget > button.flat {
4754
min-height: 16px;
4755
min-width: 16px;
4756
padding: 4px;
4757
}
4758
#Canvas_and_Dock widget > widget > box.horizontal image {
4760
padding: 4px;
4761
}
4762
#Canvas_and_Dock box.horizontal > box.vertical > button.flat {
4764
min-height: 16px;
4765
min-width: 24px;
4766
padding: 8px 4px;
4767
}
4768
/***********
4770
* Synapse *
4771
***********/
4772
box.vertical > widget > widget:selected {
4773
background-color: #42A5F5;
4774
}
4775
/*********
4777
* Unity *
4778
*********/
4779
UnityDecoration {
4780
-UnityDecoration-extents: 28px 0 0 0;
4781
-UnityDecoration-input-extents: 8px;
4782
-UnityDecoration-shadow-offset-x: 0;
4783
-UnityDecoration-shadow-offset-y: 3px;
4784
-UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.48);
4785
-UnityDecoration-active-shadow-radius: 18px;
4786
-UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.32);
4787
-UnityDecoration-inactive-shadow-radius: 6px;
4788
-UnityDecoration-glow-size: 8px;
4789
-UnityDecoration-glow-color: #42A5F5;
4790
-UnityDecoration-title-indent: 4px;
4791
-UnityDecoration-title-fade: 32px;
4792
-UnityDecoration-title-alignment: 0.0;
4793
}
4794
UnityDecoration .top {
4796
padding: 0 2px;
4797
border-style: none;
4798
border-radius: 2px 2px 0 0;
4799
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
4800
background-color: #37474F;
4801
color: #FFFFFF;
4802
}
4803
UnityDecoration .top:backdrop {
4805
color: rgba(255, 255, 255, 0.7);
4806
}
4807
UnityDecoration .menuitem {
4809
color: rgba(255, 255, 255, 0.7);
4810
}
4811
UnityDecoration .menuitem:hover {
4813
box-shadow: inset 0 -2px currentColor;
4814
background-color: transparent;
4815
color: #FFFFFF;
4816
}
4817
.background:not(.csd) headerbar:not(.titlebar) {
4819
border-radius: 0;
4820
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
4821
}
4822
.background:not(.csd) headerbar:not(.titlebar).inline-toolbar {
4824
border-style: none;
4825
}
4826
UnityPanelWidget,
4828
.unity-panel {
4829
background-color: #263238;
4830
color: #FFFFFF;
4831
}
4832
UnityPanelWidget:backdrop,
4834
.unity-panel:backdrop {
4835
color: rgba(255, 255, 255, 0.7);
4836
}
4837
.unity-panel.menuitem,
4839
.unity-panel .menuitem {
4840
color: rgba(255, 255, 255, 0.7);
4841
}
4842
.unity-panel.menubar.menuitem:hover,
4844
.unity-panel.menubar .menuitem *:hover {
4845
box-shadow: inset 0 -2px currentColor;
4846
background-color: transparent;
4847
color: #FFFFFF;
4848
}
4849
.menu IdoPlaybackMenuItem.menuitem:active {
4851
-gtk-icon-source: -gtk-icontheme("process-working-symbolic");
4852
animation: spin 1s linear infinite;
4853
color: #42A5F5;
4854
}
4855
/**************
4857
* Mate-Panel *
4858
**************/
4859
.mate-panel-menu-bar menubar,
4860
#PanelApplet-window-menu-applet-button {
4861
background-color: transparent;
4862
}
4863
#PanelPlug,
4865
PanelToplevel.background {
4866
background-color: #263238;
4867
color: #FFFFFF;
4868
font-weight: 500;
4869
}
4870
PanelToplevel > grid > button, .mate-panel-menu-bar #PanelApplet button {
4872
color: rgba(255, 255, 255, 0.7);
4873
}
4874
PanelToplevel > grid > button:hover, .mate-panel-menu-bar #PanelApplet button:hover, PanelToplevel > grid > button:active, .mate-panel-menu-bar #PanelApplet button:active {
4876
color: #FFFFFF;
4877
}
4878
PanelToplevel > grid > button:disabled, .mate-panel-menu-bar #PanelApplet button:disabled {
4880
color: rgba(255, 255, 255, 0.3);
4881
}
4882
PanelToplevel > grid > button:checked, .mate-panel-menu-bar #PanelApplet button:checked {
4884
background-color: rgba(255, 255, 255, 0.3);
4885
color: #FFFFFF;
4886
}
4887
PanelToplevel > grid > button:checked:disabled, .mate-panel-menu-bar #PanelApplet button:checked:disabled {
4889
background-color: rgba(255, 255, 255, 0.12);
4890
color: rgba(255, 255, 255, 0.5);
4891
}
4892
PanelToplevel > grid > button {
4894
padding: 0 4px;
4895
border-radius: 0;
4896
}
4897
PanelWidget button, PanelWidget button:hover, PanelWidget button:active {
4899
color: rgba(255, 255, 255, 0.7);
4900
}
4901
PanelSeparator {
4903
color: rgba(255, 255, 255, 0.12);
4904
}
4905
MatePanelAppletFrameDBus {
4907
border-style: solid;
4908
border-width: 0 1px;
4909
border-color: rgba(255, 255, 255, 0.12);
4910
}
4911
.mate-panel-menu-bar menubar menuitem {
4913
padding: 4px;
4914
}
4915
.mate-panel-menu-bar menubar menu menuitem {
4917
padding: 6px;
4918
}
4919
.mate-panel-menu-bar #PanelApplet button {
4921
-GtkWidget-window-dragging: true;
4922
padding: 4px;
4923
border-radius: 0;
4924
}
4925
PanelApplet.wnck-applet .wnck-pager {
4927
background-color: transparent;
4928
color: #40C4FF;
4929
}
4930
PanelApplet.wnck-applet .wnck-pager:hover {
4932
background-color: rgba(255, 255, 255, 0.12);
4933
}
4934
PanelApplet.wnck-applet .wnck-pager:active {
4936
background-color: rgba(255, 255, 255, 0.3);
4937
}
4938
PanelApplet.wnck-applet .wnck-pager:selected {
4940
background-color: #42A5F5;
4941
}
4942
#MatePanelPopupWindow {
4944
border: 1px solid rgba(0, 0, 0, 0.12);
4945
border-radius: 3px;
4946
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
4947
}
4948
#MatePanelPopupWindow frame > border {
4950
border-style: none;
4951
}
4952
#MatePanelPopupWindow ClockMap {
4954
border: 1px solid rgba(0, 0, 0, 0.12);
4955
}
4956
na-tray-applet {
4958
-NaTrayApplet-icon-padding: 3px;
4959
-NaTrayApplet-icon-size: 16;
4960
}
4961
.mate-panel-menu-bar {
4963
-PanelMenuBar-icon-visible: true;
4964
}
4965
.mate-panel-applet-slider {
4967
background-color: transparent;
4968
}
4969
.mate-panel-applet-slider frame {
4971
border: 1px solid rgba(0, 0, 0, 0.12);
4972
border-radius: 3px;
4973
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
4974
background-color: #F5F5F5;
4975
}
4976
.mate-panel-applet-slider frame frame {
4978
all: unset;
4979
}
4980
.mate-panel-applet-slider frame > border {
4982
border-style: none;
4983
}
4984
/*********************
4986
* CAJA File manager *
4987
*********************/
4988
.caja-navigation-window button.toggle.image-button {
4989
border-radius: 2px;
4990
}
4991
.caja-pathbar button {
4993
margin: 0 -1px 0 -2px;
4994
}
4995
.caja-pathbar button > widget {
4997
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
4998
-GtkArrow-arrow-scaling: 1;
4999
}
5000
.caja-side-pane notebook viewport.frame,
5002
.caja-side-pane notebook widget .vertical {
5003
background-color: #FFFFFF;
5004
}
5005
.caja-side-pane notebook,
5007
.caja-notebook {
5008
border-top: 1px solid rgba(0, 0, 0, 0.12);
5009
}
5010
.caja-side-pane notebook .frame,
5012
.caja-notebook .frame {
5013
border-style: none;
5014
}
5015
.caja-navigation-window statusbar {
5017
margin: 0 -10px;
5018
padding: 0 4px;
5019
border-top: 1px solid rgba(0, 0, 0, 0.12);
5020
}
5021
.caja-notebook frame > border {
5023
border-style: none;
5024
}
5025
#caja-extra-view-widget {
5027
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
5028
background-color: #F5F5F5;
5029
}
5030
#caja-extra-view-widget > box > box > label {
5032
font-weight: bold;
5033
}
5034
/*********
5036
* Pluma *
5037
*********/
5038
.pluma-window statusbar {
5039
margin: 0 -10px;
5040
padding: 0 4px;
5041
border-top: 1px solid rgba(0, 0, 0, 0.12);
5042
}
5043
.pluma-window statusbar frame > border {
5045
border-style: none;
5046
}
5047
.pluma-window statusbar frame button.flat {
5049
padding: 0 4px;
5050
border-radius: 0;
5051
}
5052
.pluma-window statusbar frame button.flat widget {
5054
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
5055
-GtkArrow-arrow-scaling: 1;
5056
}
5057
.pluma-print-preview toolbar {
5059
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
5060
}
5061
.pluma-window paned.horizontal box.vertical box.horizontal button.flat {
5063
margin: 1px;
5064
}
5065
.pluma-window paned.horizontal box.vertical .frame {
5067
border-style: none;
5068
}
5069
.pluma-window paned.horizontal box.vertical notebook.frame {
5071
margin-top: -1px;
5072
border-top: 1px solid rgba(0, 0, 0, 0.12);
5073
}
5074
.pluma-window paned.horizontal box.vertical notebook.frame box.vertical toolbar.horizontal {
5076
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
5077
}
5078
/*********
5080
* Atril *
5081
*********/
5082
.atril-window paned.horizontal box.vertical .frame {
5083
border-style: none;
5084
}
5085
.atril-window paned.horizontal box.vertical notebook .frame {
5087
border-top: 1px solid rgba(0, 0, 0, 0.12);
5088
}
5089
/* mate-screensaver lock dialog */
5091
.lock-dialog {
5092
border-radius: 2px;
5093
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);
5094
}
5095
.lock-dialog frame > border {
5097
border-style: none;
5098
}
5099
/******************
5101
* Budgie Desktop *
5102
******************/
5103
.budgie-container {
5104
background-color: transparent;
5105
}
5106
.budgie-menu.background {
5108
padding: 0;
5109
background-color: #FFFFFF;
5110
}
5111
.budgie-menu scrollbar,
5113
.budgie-menu entry.search {
5114
background-color: transparent;
5115
}
5116
.budgie-menu entry.search {
5118
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
5119
border-radius: 0;
5120
box-shadow: none;
5121
font-size: 120%;
5122
}
5123
.budgie-menu .categories:dir(ltr) {
5125
border-bottom-left-radius: 2px;
5126
}
5127
.budgie-menu .categories:dir(rtl) {
5129
border-bottom-right-radius: 2px;
5130
}
5131
.budgie-menu button {
5133
min-height: 32px;
5134
padding: 0 8px;
5135
border-radius: 0;
5136
color: rgba(0, 0, 0, 0.87);
5137
font-weight: normal;
5138
}
5139
.budgie-menu button:disabled {
5141
color: rgba(0, 0, 0, 0.38);
5142
}
5143
.budgie-menu button:checked:disabled {
5145
background-color: #42A5F5;
5146
}
5147
.budgie-menu row {
5149
padding: 0;
5150
}
5151
.budgie-menu row:hover {
5153
box-shadow: none;
5154
}
5155
button.budgie-menu-launcher {
5157
padding: 0 2px;
5158
}
5159
popover.background.user-menu {
5161
padding: 8px;
5162
}
5163
popover.background.user-menu .content-box {
5165
background-color: transparent;
5166
}
5167
popover.background.user-menu separator {
5169
margin: 4px 0;
5170
}
5171
popover.background.user-menu row {
5173
padding: 0;
5174
box-shadow: none;
5175
background-image: none;
5176
}
5177
button.raven-trigger {
5179
padding: 0 4px;
5180
}
5181
popover.background.places-menu {
5183
padding: 8px;
5184
}
5185
popover.background.places-menu .name-button.text-button {
5187
padding-left: 8px;
5188
padding-right: 8px;
5189
}
5190
popover.background.places-menu .name-button.text-button image:dir(ltr) {
5192
margin-right: 3px;
5193
}
5194
popover.background.places-menu .name-button.text-button image:dir(rtl) {
5196
margin-left: 3px;
5197
}
5198
popover.background.places-menu .places-section-header > image:dir(ltr) {
5200
margin: 0 -2px 0 5px;
5201
}
5202
popover.background.places-menu .places-section-header > image:dir(rtl) {
5204
margin: 0 5px 0 -2px;
5205
}
5206
popover.background.places-menu .places-list {
5208
margin-top: 4px;
5209
padding-top: 4px;
5210
border-top: 1px solid rgba(0, 0, 0, 0.12);
5211
background-color: transparent;
5212
}
5213
popover.background.places-menu row {
5215
padding: 0;
5216
box-shadow: none;
5217
background-image: none;
5218
}
5219
.budgie-panel {
5221
background-color: #263238;
5222
color: rgba(255, 255, 255, 0.7);
5223
font-weight: 500;
5224
}
5225
.budgie-panel button {
5227
border-radius: 0;
5228
}
5229
.budgie-panel separator {
5231
background-color: rgba(255, 255, 255, 0.3);
5232
}
5233
.budgie-panel .alert {
5235
color: #FF5252;
5236
}
5237
.budgie-panel #tasklist-button {
5239
padding: 0 4px;
5240
}
5241
.budgie-panel #tasklist-button:checked {
5243
background-color: rgba(255, 255, 255, 0.12);
5244
}
5245
.budgie-panel button.flat.launcher {
5247
padding: 0;
5248
}
5249
.budgie-panel button.flat.launcher:checked {
5251
background-color: rgba(255, 255, 255, 0.12);
5252
}
5253
.budgie-panel button.flat.launcher:not(:checked) {
5255
color: rgba(255, 255, 255, 0.5);
5256
}
5257
.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active {
5259
color: rgba(255, 255, 255, 0.7);
5260
}
5261
.budgie-panel button.flat.launcher:not(:checked):disabled {
5263
color: rgba(255, 255, 255, 0.3);
5264
}
5265
.top .budgie-panel #tasklist-button, .budgie-panel .top #tasklist-button, .top .budgie-panel button.flat.launcher, .budgie-panel .top button.flat.launcher {
5267
border-image: radial-gradient(circle closest-corner at center calc(1px), currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
5268
}
5269
.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
5271
.budgie-panel .pinned button.flat.launcher.running,
5272
.budgie-panel .pinned .top button.flat.launcher.running {
5273
border-image: radial-gradient(circle closest-corner at center calc(1px), currentColor 100%, transparent 0%) 2 0 0 0/2px 0 0 0;
5274
}
5275
.bottom .budgie-panel #tasklist-button, .budgie-panel .bottom #tasklist-button, .bottom .budgie-panel button.flat.launcher, .budgie-panel .bottom button.flat.launcher {
5277
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
5278
}
5279
.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
5281
.budgie-panel .pinned button.flat.launcher.running,
5282
.budgie-panel .pinned .bottom button.flat.launcher.running {
5283
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2 0/0 0 2px 0;
5284
}
5285
.left .budgie-panel #tasklist-button, .budgie-panel .left #tasklist-button, .left .budgie-panel button.flat.launcher, .budgie-panel .left button.flat.launcher {
5287
border-image: radial-gradient(circle closest-corner at calc(1px) center, currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
5288
}
5289
.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
5291
.budgie-panel .pinned button.flat.launcher.running,
5292
.budgie-panel .pinned .left button.flat.launcher.running {
5293
border-image: radial-gradient(circle closest-corner at calc(1px) center, currentColor 100%, transparent 0%) 0 2 0 0/0 2px 0 0;
5294
}
5295
.right .budgie-panel #tasklist-button, .budgie-panel .right #tasklist-button, .right .budgie-panel button.flat.launcher, .budgie-panel .right button.flat.launcher {
5297
border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
5298
}
5299
.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
5301
.budgie-panel .pinned button.flat.launcher.running,
5302
.budgie-panel .pinned .right button.flat.launcher.running {
5303
border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, currentColor 100%, transparent 0%) 0 0 0 2/0 0 0 2px;
5304
}
5305
frame.raven-frame > border {
5307
border-style: none;
5308
box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22);
5309
}
5310
.top frame.raven-frame > border {
5312
margin-bottom: 32px;
5313
}
5314
.bottom frame.raven-frame > border {
5316
margin-top: 32px;
5317
}
5318
.left frame.raven-frame > border {
5320
margin-right: 32px;
5321
}
5322
.right frame.raven-frame > border {
5324
margin-left: 32px;
5325
}
5326
.raven {
5328
background-color: #FAFAFA;
5329
}
5330
.raven > stack {
5332
margin-bottom: -10px;
5333
}
5334
.raven stackswitcher.linked > button {
5336
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FFA726 0%, transparent 0%) 0 0 0/0 0 0px;
5337
border-radius: 0;
5338
}
5339
.raven stackswitcher.linked > button:checked {
5341
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FFA726 100%, transparent 0%) 0 0 2/0 0 2px;
5342
background-color: transparent;
5343
}
5344
.raven .raven-header {
5346
min-height: 32px;
5347
padding: 3px;
5348
}
5349
.raven .raven-header:not(.top) {
5351
margin-top: -6px;
5352
}
5353
.raven .raven-header.top {
5355
padding: 2px 0;
5356
background-color: #42A5F5;
5357
color: #FFFFFF;
5358
}
5359
.raven .raven-header.top stackswitcher button {
5361
margin: -6px 0;
5362
min-height: 32px;
5363
}
5364
.raven .raven-header.top button.image-button:dir(ltr) {
5366
margin-right: 2px;
5367
}
5368
.raven .raven-header.top button.image-button:dir(rtl) {
5370
margin-left: 2px;
5371
}
5372
.raven .raven-header.top > image {
5374
margin: 0 8px;
5375
}
5376
.raven .raven-header.top > label {
5378
margin: 0 -8px;
5379
font-weight: bold;
5380
}
5381
.raven .raven-header.bottom {
5383
border-top: 1px solid rgba(0, 0, 0, 0.12);
5384
}
5385
.raven viewport.frame .raven-header {
5387
margin-top: -8px;
5388
}
5389
.raven .raven-background {
5391
border-style: solid none;
5392
border-width: 1px;
5393
border-color: rgba(0, 0, 0, 0.12);
5394
background-color: #FFFFFF;
5395
}
5396
.raven .raven-background.frame {
5398
border-style: solid none;
5399
}
5400
.raven .raven-background > overlay > widget > image {
5402
color: rgba(0, 0, 0, 0.12);
5403
}
5404
.raven .raven-background grid > label:first-child {
5406
min-height: 32px;
5407
}
5408
.raven scrolledwindow.raven-background {
5410
border-bottom-style: none;
5411
}
5412
.raven .raven-header.top + .raven-background {
5414
border-style: none;
5415
background-color: #42A5F5;
5416
color: #FFFFFF;
5417
}
5418
.raven .raven-header.top + .raven-background stackswitcher button {
5420
margin: -4px 0;
5421
}
5422
.raven .powerstrip button {
5424
margin: 2px 0 1px;
5425
padding: 10px;
5426
}
5427
.raven .option-subtitle {
5429
font-size: smaller;
5430
}
5431
calendar.raven-calendar {
5433
border-style: none;
5434
background-color: transparent;
5435
}
5436
calendar.raven-calendar:selected {
5438
border-radius: 2px;
5439
background-color: #42A5F5;
5440
}
5441
.raven-mpris {
5443
background-color: rgba(0, 0, 0, 0.6);
5444
color: #FFFFFF;
5445
}
5446
.raven-mpris label {
5448
min-height: 24px;
5449
}
5450
.raven-mpris button.image-button {
5452
padding: 10px;
5453
}
5454
.budgie-notification-window, .budgie-osd-window, .budgie-switcher-window {
5456
background-color: transparent;
5457
}
5458
.budgie-notification .notification-title, .budgie-switcher .notification-title {
5460
font-size: 120%;
5461
}
5462
.budgie-osd .budgie-osd-text {
5464
font-size: 120%;
5465
}
5466
.drop-shadow {
5468
margin: 5px 9px;
5469
padding: 3px;
5470
border-radius: 2px;
5471
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);
5472
background-color: #FAFAFA;
5473
}
5474
.drop-shadow .linked > button {
5476
border-radius: 2px;
5477
}
5478
.budgie-session-dialog, .budgie-polkit-dialog, .budgie-run-dialog {
5480
border-radius: 2px;
5481
background-color: #FAFAFA;
5482
}
5483
.budgie-session-dialog decoration, .budgie-polkit-dialog decoration, .budgie-run-dialog decoration {
5485
border-radius: 2px;
5486
}
5487
.budgie-session-dialog label:not(:last-child),
5489
.budgie-session-dialog .dialog-title {
5490
font-size: 120%;
5491
}
5492
.budgie-session-dialog .linked.horizontal > button {
5494
padding: 8px 16px;
5495
border-top: 1px solid rgba(0, 0, 0, 0.12);
5496
border-radius: 0;
5497
}
5498
.budgie-session-dialog .linked.horizontal > button:first-child {
5500
border-bottom-left-radius: 2px;
5501
}
5502
.budgie-session-dialog .linked.horizontal > button:last-child {
5504
border-bottom-right-radius: 2px;
5505
}
5506
.budgie-polkit-dialog .message {
5508
color: rgba(0, 0, 0, 0.38);
5509
}
5510
.budgie-polkit-dialog .failure {
5512
color: #FF5252;
5513
}
5514
.budgie-run-dialog {
5516
background-color: #FFFFFF;
5517
}
5518
.budgie-run-dialog entry.search {
5520
font-size: 120%;
5521
padding: 6px 14px;
5522
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
5523
background-color: transparent;
5524
}
5525
.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
5527
headerbar .subtitle,
5528
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 {
5529
opacity: 1;
5530
}
5531
.budgie-run-dialog scrolledwindow {
5533
border-top: 1px solid rgba(0, 0, 0, 0.12);
5534
}
5535
/************************
5537
* LightDM GTK+ Greeter *
5538
************************/
5539
#panel_window {
5540
background-color: rgba(0, 0, 0, 0.3);
5541
color: #FFFFFF;
5542
}
5543
#panel_window menubar,
5545
#panel_window separator {
5546
background-color: transparent;
5547
}
5548
#panel_window separator {
5550
padding: 0 4px;
5551
}
5552
#panel_window separator:first-child {
5554
padding: 0 8px;
5555
}
5556
#panel_window menubar > menuitem {
5558
color: rgba(255, 255, 255, 0.7);
5559
}
5560
#panel_window menubar > menuitem:hover {
5562
color: #FFFFFF;
5563
}
5564
#panel_window menubar > menuitem:disabled label {
5566
color: rgba(255, 255, 255, 0.3);
5567
}
5568
#login_window,
5570
#shutdown_dialog,
5571
#restart_dialog {
5572
margin: 8px;
5573
border-radius: 2px;
5574
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);
5575
background-color: #FAFAFA;
5576
}
5577
#content_frame {
5579
padding-bottom: 20px;
5580
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
5581
}
5582
#buttonbox_frame {
5584
padding-top: 24px;
5585
}
5586
#buttonbox_frame button {
5588
margin: -16px;
5589
}
5590
#greeter_infobar {
5592
margin-top: -1px;
5593
}
5594
/* GTK NAMED COLORS
5596
----------------
5597
use responsibly! */
5598
/*
5599
widget text/foreground color */
5600
@define-color theme_fg_color rgba(0, 0, 0, 0.87);
5601
/*
5602
text color for entries, views and content in general */
5603
@define-color theme_text_color rgba(0, 0, 0, 0.87);
5604
/*
5605
widget base background color */
5606
@define-color theme_bg_color #F5F5F5;
5607
/*
5608
text widgets and the like base background color */
5609
@define-color theme_base_color #FFFFFF;
5610
/*
5611
base background color of selections */
5612
@define-color theme_selected_bg_color #42A5F5;
5613
/*
5614
text/foreground color of selections */
5615
@define-color theme_selected_fg_color #FFFFFF;
5616
/*
5617
base background color of insensitive widgets */
5618
@define-color insensitive_bg_color #F5F5F5;
5619
/*
5620
text foreground color of insensitive widgets */
5621
@define-color insensitive_fg_color rgba(0, 0, 0, 0.38);
5622
/*
5623
insensitive text widgets and the like base background color */
5624
@define-color insensitive_base_color #FAFAFA;
5625
/*
5626
widget text/foreground color on backdrop windows */
5627
@define-color theme_unfocused_fg_color rgba(0, 0, 0, 0.87);
5628
/*
5629
text color for entries, views and content in general on backdrop windows */
5630
@define-color theme_unfocused_text_color rgba(0, 0, 0, 0.87);
5631
/*
5632
widget base background color on backdrop windows */
5633
@define-color theme_unfocused_bg_color #F5F5F5;
5634
/*
5635
text widgets and the like base background color on backdrop windows */
5636
@define-color theme_unfocused_base_color #FFFFFF;
5637
/*
5638
base background color of selections on backdrop windows */
5639
@define-color theme_unfocused_selected_bg_color #42A5F5;
5640
/*
5641
text/foreground color of selections on backdrop windows */
5642
@define-color theme_unfocused_selected_fg_color #FFFFFF;
5643
/*
5644
insensitive color on backdrop windows */
5645
@define-color unfocused_insensitive_color rgba(0, 0, 0, 0.38);
5646
/*
5647
widgets main borders color */
5648
@define-color borders rgba(0, 0, 0, 0.12);
5649
/*
5650
widgets main borders color on backdrop windows */
5651
@define-color unfocused_borders rgba(0, 0, 0, 0.12);
5652
/*
5653
these are pretty self explicative */
5654
@define-color warning_color #FF6D00;
5655
@define-color error_color #DD2C00;
5656
@define-color success_color #00C853;
5657
/*
5658
FIXME this is really an API */
5659
@define-color content_view_bg #FFFFFF;
5660
@define-color placeholder_text_color #757575;
5661