ASCII text, with very long lines (677)
1
@keyframes ripple_effect {
2
to {
3
background-size: 1000% 1000%;
4
}
5
}
6
@keyframes header_ripple_effect {
8
from {
9
background-image: radial-gradient(circle farthest-corner at center, #42A5F5 0%, transparent 0%);
10
}
11
to {
12
background-image: radial-gradient(circle farthest-corner at center, #42A5F5 100%, transparent 0%);
13
}
14
}
15
* {
17
background-clip: padding-box;
18
-GtkToolButton-icon-spacing: 0;
19
-GtkTextView-error-underline-color: #DD2C00;
20
-GtkScrolledWindow-scrollbar-spacing: 0;
21
-GtkToolItemGroup-expander-size: 11;
22
-GtkWidget-text-handle-width: 24;
23
-GtkWidget-text-handle-height: 24;
24
-GtkDialog-button-spacing: 4;
25
-GtkDialog-action-area-border: 0;
26
outline-style: solid;
27
outline-width: 2px;
28
outline-color: transparent;
29
outline-offset: -4px;
30
-gtk-outline-radius: 2px;
31
-gtk-secondary-caret-color: #42A5F5;
32
}
33
switch:focus slider,
35
notebook:focus tab,
36
*:focus {
37
outline-color: alpha(currentColor, 0.3);
38
}
39
/***************
41
* Base States *
42
***************/
43
.background {
44
background-color: #F5F5F5;
45
color: rgba(0, 0, 0, 0.87);
46
}
47
/*
49
These wildcard seems unavoidable, need to investigate.
50
Wildcards are bad and troublesome, use them with care,
51
or better, just don't.
52
Everytime a wildcard is used a kitten dies, painfully.
53
*/
54
*:disabled {
55
-gtk-icon-effect: dim;
56
}
57
.gtkstyle-fallback {
59
background-color: #F5F5F5;
60
color: rgba(0, 0, 0, 0.87);
61
}
62
.gtkstyle-fallback:hover {
64
background-color: #e8e8e8;
65
color: rgba(0, 0, 0, 0.87);
66
}
67
.gtkstyle-fallback:active {
69
background-color: gainsboro;
70
color: rgba(0, 0, 0, 0.87);
71
}
72
.gtkstyle-fallback:disabled {
74
background-color: #F5F5F5;
75
color: rgba(0, 0, 0, 0.38);
76
}
77
.gtkstyle-fallback:selected {
79
background-color: #42A5F5;
80
color: #FFFFFF;
81
}
82
.view {
84
background-color: #FFFFFF;
85
color: rgba(0, 0, 0, 0.87);
86
}
87
.view:disabled {
89
color: rgba(0, 0, 0, 0.38);
90
}
91
.view:hover, .view:active, .view:selected {
93
border-radius: 2px;
94
}
95
textview text {
97
background-color: #FFFFFF;
98
}
99
textview border {
101
background-color: #FAFAFA;
102
color: rgba(0, 0, 0, 0.38);
103
}
104
.rubberband,
106
rubberband,
107
flowbox rubberband,
108
treeview.view rubberband,
109
.content-view rubberband,
110
.content-view .rubberband {
111
border: 1px solid #40C4FF;
112
background-color: rgba(64, 196, 255, 0.3);
113
}
114
flowbox flowboxchild {
116
padding: 4px;
117
border-radius: 2px;
118
}
119
.content-view .tile:selected {
121
background-color: transparent;
122
color: inherit;
123
}
124
label {
126
caret-color: currentColor;
127
}
128
label.separator {
130
color: rgba(0, 0, 0, 0.87);
131
}
132
label selection {
134
background-color: #42A5F5;
135
color: #FFFFFF;
136
}
137
label:disabled {
139
color: rgba(0, 0, 0, 0.38);
140
}
141
tab label:disabled,
143
button label:disabled {
144
color: inherit;
145
}
146
.dim-label, label.separator, .titlebar:not(headerbar) .subtitle,
148
headerbar .subtitle, .budgie-notification .notification-body, .budgie-switcher .notification-body {
149
opacity: 0.6;
150
}
151
assistant .sidebar {
153
padding: 4px 0;
154
}
155
assistant .sidebar label {
157
min-height: 36px;
158
padding: 0 12px;
159
color: rgba(0, 0, 0, 0.38);
160
font-weight: 500;
161
}
162
assistant .sidebar label.highlight {
164
color: rgba(0, 0, 0, 0.87);
165
}
166
popover.background.touch-selection, popover.background.magnifier, popover.background.osd, .app-notification, .osd .scale-popup, .nautilus-window .floating-bar, .osd {
168
opacity: 0.9;
169
}
170
/*********************
172
* Spinner Animation *
173
*********************/
174
@keyframes spin {
175
to {
176
-gtk-icon-transform: rotate(1turn);
177
}
178
}
179
spinner {
181
background: none;
182
opacity: 0;
183
-gtk-icon-source: -gtk-icontheme("process-working-symbolic");
184
}
185
spinner:checked {
187
opacity: 1;
188
animation: spin 1s linear infinite;
189
}
190
spinner:checked:disabled {
192
opacity: 0.5;
193
}
194
/****************
196
* Text Entries *
197
****************/
198
spinbutton:not(.vertical),
199
entry {
200
min-height: 36px;
201
padding: 0 8px;
202
border-radius: 2px;
203
transition: all 270ms cubic-bezier(0, 0, 0.2, 1), box-shadow 180ms cubic-bezier(0, 0, 0.2, 1);
204
border-image: none;
205
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
206
background-color: #FFFFFF;
207
color: rgba(0, 0, 0, 0.87);
208
}
209
spinbutton:focus:not(.vertical),
211
entry:focus {
212
border-image: none;
213
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
214
}
215
spinbutton:disabled:not(.vertical),
217
entry:disabled {
218
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
219
background-color: #FAFAFA;
220
color: rgba(0, 0, 0, 0.38);
221
}
222
spinbutton.flat:not(.vertical), notebook > stack:not(:only-child) entry:not(.search),
224
notebook > stack:not(:only-child) spinbutton:not(.vertical), messagedialog entry, colorchooser .popover.osd spinbutton:not(.vertical), entry.preferences-search, layoutpane entry.search, editortweak entry.search, .raven .raven-background spinbutton:not(.vertical), #login_window entry,
225
entry.flat {
226
border-radius: 0;
227
transition: all 270ms cubic-bezier(0, 0, 0.2, 1);
228
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #42A5F5 0%, transparent 0%) 0 0 0/0 0 0px;
229
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26);
230
background-color: transparent;
231
color: rgba(0, 0, 0, 0.87);
232
}
233
spinbutton.flat:focus:not(.vertical), notebook > stack:not(:only-child) entry:focus:not(.search),
235
notebook > stack:not(:only-child) spinbutton:focus:not(.vertical), messagedialog entry:focus, colorchooser .popover.osd spinbutton:focus:not(.vertical), entry.preferences-search:focus, layoutpane entry.search:focus, editortweak entry.search:focus, .raven .raven-background spinbutton:focus:not(.vertical), #login_window entry:focus,
236
entry.flat:focus {
237
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #42A5F5 100%, transparent 0%) 0 0 2/0 0 2px;
238
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26);
239
}
240
spinbutton.flat:disabled:not(.vertical), notebook > stack:not(:only-child) entry:disabled:not(.search),
242
notebook > stack:not(:only-child) spinbutton:disabled:not(.vertical), messagedialog entry:disabled, colorchooser .popover.osd spinbutton:disabled:not(.vertical), entry.preferences-search:disabled, layoutpane entry.search:disabled, editortweak entry.search:disabled, .raven .raven-background spinbutton:disabled:not(.vertical), #login_window entry:disabled,
243
entry.flat:disabled {
244
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12);
245
background-color: transparent;
246
color: rgba(0, 0, 0, 0.38);
247
}
248
spinbutton:not(.vertical) image,
250
entry image {
251
color: rgba(0, 0, 0, 0.54);
252
}
253
spinbutton:not(.vertical) image:hover, spinbutton:not(.vertical) image:active,
255
entry image:hover,
256
entry image:active {
257
color: rgba(0, 0, 0, 0.87);
258
}
259
spinbutton:not(.vertical) image:disabled,
261
entry image:disabled {
262
color: rgba(0, 0, 0, 0.38);
263
}
264
spinbutton:not(.vertical) image.left,
266
entry image.left {
267
margin-left: 2px;
268
margin-right: 6px;
269
}
270
spinbutton:not(.vertical) image.right,
272
entry image.right {
273
margin-left: 6px;
274
margin-right: 2px;
275
}
276
spinbutton:not(.vertical) undershoot.left,
278
entry undershoot.left {
279
background-color: transparent;
280
background-image: linear-gradient(to top, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%);
281
padding-left: 1px;
282
background-size: 1px 12px;
283
background-repeat: repeat-y;
284
background-origin: content-box;
285
background-position: left top;
286
}
287
spinbutton:not(.vertical) undershoot.right,
289
entry undershoot.right {
290
background-color: transparent;
291
background-image: linear-gradient(to top, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%);
292
padding-right: 1px;
293
background-size: 1px 12px;
294
background-repeat: repeat-y;
295
background-origin: content-box;
296
background-position: right top;
297
}
298
spinbutton.error:not(.vertical),
300
entry.error {
301
transition: all 270ms cubic-bezier(0, 0, 0.2, 1), box-shadow 180ms cubic-bezier(0, 0, 0.2, 1);
302
border-image: none;
303
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
304
background-color: #DD2C00;
305
color: #FFFFFF;
306
}
307
spinbutton.error:focus:not(.vertical),
309
entry.error:focus {
310
border-image: none;
311
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
312
}
313
spinbutton.error:disabled:not(.vertical),
315
entry.error:disabled {
316
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
317
background-color: #FAFAFA;
318
color: rgba(0, 0, 0, 0.38);
319
}
320
spinbutton.error.flat:not(.vertical), notebook > stack:not(:only-child) entry.error:not(.search),
322
notebook > stack:not(:only-child) spinbutton.error:not(.vertical), messagedialog entry.error, colorchooser .popover.osd spinbutton.error:not(.vertical), entry.error.preferences-search, layoutpane entry.error.search, editortweak entry.error.search, .raven .raven-background spinbutton.error:not(.vertical), #login_window entry.error,
323
entry.error.flat {
324
transition: all 270ms cubic-bezier(0, 0, 0.2, 1);
325
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #DD2C00 0%, transparent 0%) 0 0 0/0 0 0px;
326
box-shadow: inset 0 -1px #DD2C00;
327
background-color: transparent;
328
color: rgba(0, 0, 0, 0.87);
329
}
330
spinbutton.error.flat:focus:not(.vertical), notebook > stack:not(:only-child) entry.error:focus:not(.search),
332
notebook > stack:not(:only-child) spinbutton.error:focus:not(.vertical), messagedialog entry.error:focus, colorchooser .popover.osd spinbutton.error:focus:not(.vertical), entry.error.preferences-search:focus, layoutpane entry.error.search:focus, editortweak entry.error.search:focus, .raven .raven-background spinbutton.error:focus:not(.vertical), #login_window entry.error:focus,
333
entry.error.flat:focus {
334
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #DD2C00 100%, transparent 0%) 0 0 2/0 0 2px;
335
box-shadow: inset 0 -1px #DD2C00;
336
}
337
spinbutton.error.flat:disabled:not(.vertical), notebook > stack:not(:only-child) entry.error:disabled:not(.search),
339
notebook > stack:not(:only-child) spinbutton.error:disabled:not(.vertical), messagedialog entry.error:disabled, colorchooser .popover.osd spinbutton.error:disabled:not(.vertical), entry.error.preferences-search:disabled, layoutpane entry.error.search:disabled, editortweak entry.error.search:disabled, .raven .raven-background spinbutton.error:disabled:not(.vertical), #login_window entry.error:disabled,
340
entry.error.flat:disabled {
341
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12);
342
background-color: transparent;
343
color: rgba(0, 0, 0, 0.38);
344
}
345
spinbutton.error:not(.vertical) image,
347
entry.error image {
348
color: rgba(255, 255, 255, 0.7);
349
}
350
spinbutton.error:not(.vertical) image:hover, spinbutton.error:not(.vertical) image:active,
352
entry.error image:hover,
353
entry.error image:active {
354
color: #FFFFFF;
355
}
356
spinbutton.error:not(.vertical) image:disabled,
358
entry.error image:disabled {
359
color: rgba(255, 255, 255, 0.5);
360
}
361
spinbutton.warning:not(.vertical),
363
entry.warning {
364
transition: all 270ms cubic-bezier(0, 0, 0.2, 1), box-shadow 180ms cubic-bezier(0, 0, 0.2, 1);
365
border-image: none;
366
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
367
background-color: #FF6D00;
368
color: #FFFFFF;
369
}
370
spinbutton.warning:focus:not(.vertical),
372
entry.warning:focus {
373
border-image: none;
374
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
375
}
376
spinbutton.warning:disabled:not(.vertical),
378
entry.warning:disabled {
379
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
380
background-color: #FAFAFA;
381
color: rgba(0, 0, 0, 0.38);
382
}
383
spinbutton.warning.flat:not(.vertical), notebook > stack:not(:only-child) entry.warning:not(.search),
385
notebook > stack:not(:only-child) spinbutton.warning:not(.vertical), messagedialog entry.warning, colorchooser .popover.osd spinbutton.warning:not(.vertical), entry.warning.preferences-search, layoutpane entry.warning.search, editortweak entry.warning.search, .raven .raven-background spinbutton.warning:not(.vertical), #login_window entry.warning,
386
entry.warning.flat {
387
transition: all 270ms cubic-bezier(0, 0, 0.2, 1);
388
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FF6D00 0%, transparent 0%) 0 0 0/0 0 0px;
389
box-shadow: inset 0 -1px #FF6D00;
390
background-color: transparent;
391
color: rgba(0, 0, 0, 0.87);
392
}
393
spinbutton.warning.flat:focus:not(.vertical), notebook > stack:not(:only-child) entry.warning:focus:not(.search),
395
notebook > stack:not(:only-child) spinbutton.warning:focus:not(.vertical), messagedialog entry.warning:focus, colorchooser .popover.osd spinbutton.warning:focus:not(.vertical), entry.warning.preferences-search:focus, layoutpane entry.warning.search:focus, editortweak entry.warning.search:focus, .raven .raven-background spinbutton.warning:focus:not(.vertical), #login_window entry.warning:focus,
396
entry.warning.flat:focus {
397
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FF6D00 100%, transparent 0%) 0 0 2/0 0 2px;
398
box-shadow: inset 0 -1px #FF6D00;
399
}
400
spinbutton.warning.flat:disabled:not(.vertical), notebook > stack:not(:only-child) entry.warning:disabled:not(.search),
402
notebook > stack:not(:only-child) spinbutton.warning:disabled:not(.vertical), messagedialog entry.warning:disabled, colorchooser .popover.osd spinbutton.warning:disabled:not(.vertical), entry.warning.preferences-search:disabled, layoutpane entry.warning.search:disabled, editortweak entry.warning.search:disabled, .raven .raven-background spinbutton.warning:disabled:not(.vertical), #login_window entry.warning:disabled,
403
entry.warning.flat:disabled {
404
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12);
405
background-color: transparent;
406
color: rgba(0, 0, 0, 0.38);
407
}
408
spinbutton.warning:not(.vertical) image,
410
entry.warning image {
411
color: rgba(255, 255, 255, 0.7);
412
}
413
spinbutton.warning:not(.vertical) image:hover, spinbutton.warning:not(.vertical) image:active,
415
entry.warning image:hover,
416
entry.warning image:active {
417
color: #FFFFFF;
418
}
419
spinbutton.warning:not(.vertical) image:disabled,
421
entry.warning image:disabled {
422
color: rgba(255, 255, 255, 0.5);
423
}
424
spinbutton:not(.vertical) progress,
426
entry progress {
427
margin: 2px -6px;
428
border-bottom: 2px solid #42A5F5;
429
background-color: transparent;
430
}
431
.linked:not(.vertical) > spinbutton.flat:not(.vertical), notebook > stack:not(:only-child) .linked:not(.vertical) > entry:not(.search),
433
notebook > stack:not(:only-child) .linked:not(.vertical) > spinbutton:not(.vertical), messagedialog .linked:not(.vertical) > entry, colorchooser .popover.osd .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry.preferences-search, layoutpane .linked:not(.vertical) > entry.search, editortweak .linked:not(.vertical) > entry.search, .raven .raven-background .linked:not(.vertical) > spinbutton:not(.vertical), #login_window .linked:not(.vertical) > entry,
434
.linked.vertical > spinbutton.flat:not(.vertical), notebook > stack:not(:only-child)
435
.linked.vertical > entry:not(.search),
436
notebook > stack:not(:only-child)
437
.linked.vertical > spinbutton:not(.vertical), messagedialog
438
.linked.vertical > entry, colorchooser .popover.osd
439
.linked.vertical > spinbutton:not(.vertical),
440
.linked.vertical > entry.preferences-search, layoutpane
441
.linked.vertical > entry.search, editortweak
442
.linked.vertical > entry.search, .raven .raven-background
443
.linked.vertical > spinbutton:not(.vertical), #login_window
444
.linked.vertical > entry, .linked:not(.vertical) >
445
entry.flat,
446
.linked.vertical >
447
entry.flat {
448
border-radius: 0;
449
}
450
treeview entry.flat, treeview entry {
452
min-height: 0;
453
padding: 2px;
454
border-radius: 0;
455
background-color: #FFFFFF;
456
}
457
treeview entry.flat, treeview entry.flat:focus, treeview entry, treeview entry:focus {
459
border-image: none;
460
box-shadow: none;
461
}
462
.entry-tag, .documents-entry-tag, .photos-entry-tag {
464
margin: 6px;
465
border-radius: 9999px;
466
box-shadow: none;
467
background-color: #42A5F5;
468
color: #FFFFFF;
469
}
470
.entry-tag:hover, .documents-entry-tag:hover, .photos-entry-tag:hover {
472
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
473
}
474
:dir(ltr) .entry-tag, :dir(ltr) .documents-entry-tag, :dir(ltr) .photos-entry-tag {
476
margin-left: 8px;
477
margin-right: -2px;
478
padding-left: 8px;
479
padding-right: 4px;
480
}
481
:dir(rtl) .entry-tag, :dir(rtl) .documents-entry-tag, :dir(rtl) .photos-entry-tag {
483
margin-left: -2px;
484
margin-right: 8px;
485
padding-left: 4px;
486
padding-right: 8px;
487
}
488
.entry-tag.button, .button.documents-entry-tag, .button.photos-entry-tag {
490
box-shadow: none;
491
background-color: transparent;
492
}
493
.entry-tag.button:not(:hover):not(:active), .button.documents-entry-tag:not(:hover):not(:active), .button.photos-entry-tag:not(:hover):not(:active) {
495
color: rgba(255, 255, 255, 0.7);
496
}
497
/***********
499
* Buttons *
500
***********/
501
@keyframes needs_attention {
502
from {
503
background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#FF4081), to(transparent));
504
}
505
to {
506
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#FF4081), to(transparent));
507
}
508
}
509
button {
512
min-height: 24px;
513
min-width: 16px;
514
padding: 6px 10px;
515
border-radius: 2px;
516
font-weight: 500;
517
transition: all 270ms cubic-bezier(0, 0, 0.2, 1), box-shadow 180ms cubic-bezier(0, 0, 0.2, 1), background-size 450ms cubic-bezier(0, 0, 0.2, 1), background-image 900ms cubic-bezier(0, 0, 0.2, 1);
518
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 0 0 9999px transparent;
519
background-color: #FAFAFA;
520
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
521
background-repeat: no-repeat;
522
background-position: center;
523
background-size: 1000% 1000%;
524
color: rgba(0, 0, 0, 0.62);
525
}
526
button:hover {
529
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 0 0 9999px transparent;
530
color: rgba(0, 0, 0, 0.87);
531
}
532
button:active {
535
transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
536
animation: ripple_effect 270ms cubic-bezier(0, 0, 0.2, 1) forwards;
537
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 0 0 9999px alpha(currentColor, 0.15);
538
background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.15) 10%, transparent 0%);
539
background-size: 0% 0%;
540
color: rgba(0, 0, 0, 0.87);
541
}
542
button:disabled {
545
box-shadow: none;
546
background-color: rgba(0, 0, 0, 0.12);
547
color: rgba(0, 0, 0, 0.26);
548
}
549
button:checked {
552
background-color: #42A5F5;
553
color: #FFFFFF;
554
}
555
button:checked:disabled {
558
background-color: rgba(66, 165, 245, 0.3);
559
color: rgba(66, 165, 245, 0.5);
560
}
561
modelbutton.flat,
563
.menuitem.button.flat, spinbutton:not(.vertical) button, spinbutton.vertical button, popover.background.menu button,
564
popover.background button.model, notebook > header > tabs > arrow, scrollbar button, check,
565
radio, calendar.button, messagedialog.csd .dialog-action-area button, button.sidebar-button, .gedit-search-slider button, popover.messagepopover .popover-action-area button, PanelToplevel > grid > button, .raven .raven-header:not(.top) button, .drop-shadow button, .budgie-session-dialog .linked.horizontal > button, .lightdm-gtk-greeter button, :not(headerbar) .caja-pathbar button, .caja-pathbar :not(headerbar) button, :not(headerbar)
566
.path-bar button, layouttabbar button, .mate-panel-menu-bar #PanelApplet button, .budgie-panel #tasklist-button, .raven stackswitcher.linked > button, toolbar button, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action),
567
headerbar button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button,
568
button.flat {
569
transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-size 450ms cubic-bezier(0, 0, 0.2, 1), background-image 900ms cubic-bezier(0, 0, 0.2, 1);
570
box-shadow: inset 0 0 0 9999px transparent;
571
background-color: transparent;
572
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
573
background-repeat: no-repeat;
574
background-position: center;
575
background-size: 1000% 1000%;
576
color: rgba(0, 0, 0, 0.54);
577
}
578
modelbutton.flat:hover,
580
.menuitem.button.flat:hover, spinbutton:not(.vertical) button:hover, spinbutton.vertical button:hover, popover.background.menu button:hover,
581
popover.background button.model:hover, notebook > header > tabs > arrow:hover, scrollbar button:hover, check:hover,
582
radio:hover, calendar.button:hover, messagedialog.csd .dialog-action-area button:hover, button.sidebar-button:hover, .gedit-search-slider button:hover, popover.messagepopover .popover-action-area button:hover, PanelToplevel > grid > button:hover, .raven .raven-header:not(.top) button:hover, .drop-shadow button:hover, .budgie-session-dialog .linked.horizontal > button:hover, .lightdm-gtk-greeter button:hover, :not(headerbar) .caja-pathbar button:hover, .caja-pathbar :not(headerbar) button:hover, :not(headerbar)
583
.path-bar button:hover, layouttabbar button:hover, .mate-panel-menu-bar #PanelApplet button:hover, .budgie-panel #tasklist-button:hover, .raven stackswitcher.linked > button:hover, toolbar button:hover, .titlebar:not(headerbar) button:hover:not(.suggested-action):not(.destructive-action),
584
headerbar button:hover:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:hover:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:hover,
585
button.flat:hover {
586
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.15);
587
color: rgba(0, 0, 0, 0.87);
588
}
589
modelbutton.flat:active,
591
.menuitem.button.flat:active, spinbutton:not(.vertical) button:active, spinbutton.vertical button:active, popover.background.menu button:active,
592
popover.background button.model:active, notebook > header > tabs > arrow:active, scrollbar button:active, check:active,
593
radio:active, calendar.button:active, messagedialog.csd .dialog-action-area button:active, button.sidebar-button:active, .gedit-search-slider button:active, popover.messagepopover .popover-action-area button:active, PanelToplevel > grid > button:active, .raven .raven-header:not(.top) button:active, .drop-shadow button:active, .budgie-session-dialog .linked.horizontal > button:active, .lightdm-gtk-greeter button:active, :not(headerbar) .caja-pathbar button:active, .caja-pathbar :not(headerbar) button:active, :not(headerbar)
594
.path-bar button:active, layouttabbar button:active, .mate-panel-menu-bar #PanelApplet button:active, .budgie-panel #tasklist-button:active, .raven stackswitcher.linked > button:active, toolbar button:active, .titlebar:not(headerbar) button:active:not(.suggested-action):not(.destructive-action),
595
headerbar button:active:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:active:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:active,
596
button.flat:active {
597
transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
598
animation: ripple_effect 270ms cubic-bezier(0, 0, 0.2, 1) forwards;
599
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.15);
600
background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.15) 10%, transparent 0%);
601
background-size: 0% 0%;
602
color: rgba(0, 0, 0, 0.87);
603
}
604
modelbutton.flat:disabled,
606
.menuitem.button.flat:disabled, spinbutton:not(.vertical) button:disabled, spinbutton.vertical button:disabled, popover.background.menu button:disabled,
607
popover.background button.model:disabled, notebook > header > tabs > arrow:disabled, scrollbar button:disabled, check:disabled,
608
radio:disabled, calendar.button:disabled, messagedialog.csd .dialog-action-area button:disabled, button.sidebar-button:disabled, .gedit-search-slider button:disabled, popover.messagepopover .popover-action-area button:disabled, PanelToplevel > grid > button:disabled, .raven .raven-header:not(.top) button:disabled, .drop-shadow button:disabled, .budgie-session-dialog .linked.horizontal > button:disabled, .lightdm-gtk-greeter button:disabled, :not(headerbar) .caja-pathbar button:disabled, .caja-pathbar :not(headerbar) button:disabled, :not(headerbar)
609
.path-bar button:disabled, layouttabbar button:disabled, .mate-panel-menu-bar #PanelApplet button:disabled, .budgie-panel #tasklist-button:disabled, .raven stackswitcher.linked > button:disabled, toolbar button:disabled, .titlebar:not(headerbar) button:disabled:not(.suggested-action):not(.destructive-action),
610
headerbar button:disabled:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:disabled:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:disabled,
611
button.flat:disabled {
612
box-shadow: none;
613
background-color: transparent;
614
color: rgba(0, 0, 0, 0.26);
615
}
616
:not(headerbar) .caja-pathbar button:checked, .caja-pathbar :not(headerbar) button:checked, :not(headerbar)
618
.path-bar button:checked, layouttabbar button:checked, .mate-panel-menu-bar #PanelApplet button:checked, .budgie-panel #tasklist-button:checked, .raven stackswitcher.linked > button:checked, toolbar button:checked, .titlebar:not(headerbar) button:checked:not(.suggested-action):not(.destructive-action),
619
headerbar button:checked:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:checked:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:checked,
620
button.flat:checked {
621
background-color: rgba(0, 0, 0, 0.26);
622
color: rgba(0, 0, 0, 0.87);
623
}
624
:not(headerbar) .caja-pathbar button:checked:disabled, .caja-pathbar :not(headerbar) button:checked:disabled, :not(headerbar)
626
.path-bar button:checked:disabled, layouttabbar button:checked:disabled, .mate-panel-menu-bar #PanelApplet button:checked:disabled, .budgie-panel #tasklist-button:checked:disabled, .raven stackswitcher.linked > button:checked:disabled, toolbar button:checked:disabled, .titlebar:not(headerbar) button:checked:disabled:not(.suggested-action):not(.destructive-action),
627
headerbar button:checked:disabled:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:checked:disabled:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:checked:disabled,
628
button.flat:checked:disabled {
629
background-color: rgba(0, 0, 0, 0.12);
630
color: rgba(0, 0, 0, 0.38);
631
}
632
button.text-button {
635
padding-left: 16px;
636
padding-right: 16px;
637
}
638
button.image-button {
641
min-width: 24px;
642
padding: 6px;
643
}
644
button.text-button.image-button {
647
border-radius: 2px;
648
-gtk-outline-radius: 2px;
649
}
650
button.text-button.image-button label:first-child {
653
margin-left: 10px;
654
}
655
button.text-button.image-button label:last-child {
658
margin-right: 10px;
659
}
660
button.text-button.image-button image:not(:only-child) {
663
margin: 0 4px;
664
}
665
toolbar .linked > button, .titlebar:not(headerbar) .linked > button:not(.suggested-action):not(.destructive-action),
667
headerbar .linked > button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box .linked > button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification .linked > button, toolbar
668
.linked.vertical > button, .titlebar:not(headerbar)
669
.linked.vertical > button:not(.suggested-action):not(.destructive-action),
670
headerbar
671
.linked.vertical > button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box
672
.linked.vertical > button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification
673
.linked.vertical > button, .linked >
674
button.flat,
675
.linked.vertical >
676
button.flat {
677
border-radius: 2px;
678
}
679
toolbar .linked > button.text-button.image-button, .titlebar:not(headerbar) .linked > button.text-button.image-button:not(.suggested-action):not(.destructive-action),
681
headerbar .linked > button.text-button.image-button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box .linked > button.text-button.image-button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification .linked > button.text-button.image-button, toolbar
682
.linked.vertical > button.text-button.image-button, .titlebar:not(headerbar)
683
.linked.vertical > button.text-button.image-button:not(.suggested-action):not(.destructive-action),
684
headerbar
685
.linked.vertical > button.text-button.image-button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box
686
.linked.vertical > button.text-button.image-button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification
687
.linked.vertical > button.text-button.image-button, .linked >
688
button.flat.text-button.image-button,
689
.linked.vertical >
690
button.flat.text-button.image-button {
691
border-radius: 2px;
692
-gtk-outline-radius: 2px;
693
}
694
infobar.info button:disabled, infobar.question button:disabled, infobar.warning button:disabled, infobar.error button:disabled, row:selected
696
button:disabled {
697
background-color: rgba(255, 255, 255, 0.12);
698
color: rgba(255, 255, 255, 0.3);
699
}
700
row:selected button.sidebar-button, infobar.info button.flat, infobar.question button.flat, infobar.warning button.flat, infobar.error button.flat, .budgie-panel button, .budgie-panel #tasklist-button, .raven stackswitcher.linked > button, .raven-mpris button.image-button, row:selected
702
button.flat {
703
color: rgba(255, 255, 255, 0.7);
704
}
705
row:selected button.sidebar-button:hover, infobar.info button.flat:hover, infobar.question button.flat:hover, infobar.warning button.flat:hover, infobar.error button.flat:hover, .budgie-panel button:hover, .budgie-panel #tasklist-button:hover, .raven stackswitcher.linked > button:hover, .raven-mpris button.image-button:hover, row:selected button.sidebar-button:active, infobar.info button.flat:active, infobar.question button.flat:active, infobar.warning button.flat:active, infobar.error button.flat:active, .budgie-panel button:active, .budgie-panel #tasklist-button:active, .raven stackswitcher.linked > button:active, .raven-mpris button.image-button:active, row:selected
707
button.flat:hover, row:selected
708
button.flat:active {
709
color: #FFFFFF;
710
}
711
row:selected button.sidebar-button:disabled, infobar.info button.flat:disabled, infobar.question button.flat:disabled, infobar.warning button.flat:disabled, infobar.error button.flat:disabled, .budgie-panel button:disabled, .budgie-panel #tasklist-button:disabled, .raven stackswitcher.linked > button:disabled, .raven-mpris button.image-button:disabled, row:selected
713
button.flat:disabled {
714
color: rgba(255, 255, 255, 0.3);
715
}
716
row:selected button.sidebar-button:checked, infobar.info button.flat:checked, infobar.question button.flat:checked, infobar.warning button.flat:checked, infobar.error button.flat:checked, .budgie-panel button:checked, .budgie-panel #tasklist-button:checked, .raven stackswitcher.linked > button:checked, .raven-mpris button.image-button:checked, row:selected
718
button.flat:checked {
719
background-color: rgba(255, 255, 255, 0.3);
720
color: #FFFFFF;
721
}
722
row:selected button.sidebar-button:checked:disabled, infobar.info button.flat:checked:disabled, infobar.question button.flat:checked:disabled, infobar.warning button.flat:checked:disabled, infobar.error button.flat:checked:disabled, .budgie-panel button:checked:disabled, .budgie-panel #tasklist-button:checked:disabled, .raven stackswitcher.linked > button:checked:disabled, .raven-mpris button.image-button:checked:disabled, row:selected
724
button.flat:checked:disabled {
725
background-color: rgba(255, 255, 255, 0.12);
726
color: rgba(255, 255, 255, 0.5);
727
}
728
button.osd {
731
padding: 12px 16px;
732
}
733
button.osd.image-button {
736
padding: 12px;
737
}
738
button.osd:disabled {
741
opacity: 0;
742
}
743
button.suggested-action {
746
background-color: #FF4081;
747
color: #FFFFFF;
748
}
749
button.suggested-action:disabled {
752
box-shadow: none;
753
background-color: rgba(0, 0, 0, 0.12);
754
color: rgba(0, 0, 0, 0.38);
755
}
756
button.suggested-action:checked {
759
background-color: #ff79a7;
760
}
761
button.suggested-action.flat {
764
background-color: transparent;
765
color: #FF4081;
766
}
767
button.suggested-action.flat:disabled {
770
box-shadow: none;
771
background-color: transparent;
772
color: rgba(0, 0, 0, 0.38);
773
}
774
button.suggested-action.flat:checked {
777
background-color: rgba(255, 64, 129, 0.3);
778
}
779
button.destructive-action {
782
background-color: #FF5252;
783
color: #FFFFFF;
784
}
785
button.destructive-action:disabled {
788
box-shadow: none;
789
background-color: rgba(0, 0, 0, 0.12);
790
color: rgba(0, 0, 0, 0.38);
791
}
792
button.destructive-action:checked {
795
background-color: #ff8686;
796
}
797
button.destructive-action.flat {
800
background-color: transparent;
801
color: #FF5252;
802
}
803
button.destructive-action.flat:disabled {
806
box-shadow: none;
807
background-color: transparent;
808
color: rgba(0, 0, 0, 0.38);
809
}
810
button.destructive-action.flat:checked {
813
background-color: rgba(255, 82, 82, 0.3);
814
}
815
.stack-switcher >
817
button {
818
outline-offset: -4px;
819
}
820
.stack-switcher >
822
button > label {
823
padding-left: 6px;
824
padding-right: 6px;
825
}
826
.stack-switcher >
828
button > image {
829
padding-left: 6px;
830
padding-right: 6px;
831
padding-top: 3px;
832
padding-bottom: 3px;
833
}
834
.stack-switcher >
836
button.text-button {
837
padding-left: 10px;
838
padding-right: 10px;
839
}
840
.stack-switcher >
842
button.image-button {
843
padding-left: 4px;
844
padding-right: 4px;
845
}
846
.stack-switcher >
848
button.needs-attention:checked > label,
849
.stack-switcher >
850
button.needs-attention:checked > image {
851
animation: none;
852
background-image: none;
853
}
854
.primary-toolbar
856
button {
857
-gtk-icon-shadow: none;
858
}
859
button.image-button, toolbar .linked > button.image-button, .titlebar:not(headerbar) .linked > button.image-button:not(.suggested-action):not(.destructive-action),
862
headerbar .linked > button.image-button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box .linked > button.image-button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification .linked > button.image-button, toolbar
863
.linked.vertical > button.image-button,
864
headerbar
865
.linked.vertical > button.image-button:not(.suggested-action):not(.destructive-action), .app-notification
866
.linked.vertical > button.image-button, .linked > button.flat.image-button,
867
.linked.vertical > button.flat.image-button, .inline-toolbar button:not(.text-button), check,
868
radio, button.titlebutton, .nautilus-window headerbar > revealer > button, .raven .raven-header:not(.top) button.image-button, .raven .expander-button,
869
button.close,
870
button.circular {
871
border-radius: 9999px;
872
-gtk-outline-radius: 9999px;
873
}
874
spinbutton:not(.vertical) button, notebook > header tab button.flat, button.sidebar-button, .nautilus-window .floating-bar button, .gedit-document-panel row button.flat, .gedit-search-slider button:dir(ltr), .gedit-search-slider button:dir(rtl), .pluma-window paned.horizontal box.vertical box.horizontal button.flat {
876
min-height: 24px;
877
min-width: 24px;
878
padding: 0;
879
border-radius: 9999px;
880
-gtk-outline-radius: 9999px;
881
}
882
.stack-switcher >
884
button.needs-attention > label,
885
.stack-switcher >
886
button.needs-attention > image, stacksidebar row.needs-attention > label {
887
animation: needs_attention 270ms cubic-bezier(0, 0, 0.2, 1) forwards;
888
background-repeat: no-repeat;
889
background-position: right 3px;
890
background-size: 6px 6px;
891
}
892
.stack-switcher >
894
button.needs-attention > label:dir(rtl),
895
.stack-switcher >
896
button.needs-attention > image:dir(rtl), stacksidebar row.needs-attention > label:dir(rtl) {
897
background-position: left 3px;
898
}
899
.linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry, .linked > button, .linked:not(.vertical) > combobox > box > button.combo {
901
border-radius: 0;
902
-gtk-outline-radius: 2px;
903
}
904
.linked:not(.vertical) > spinbutton:first-child:not(.vertical), .linked:not(.vertical) > entry:first-child, .linked > button:first-child, combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > box > button.combo {
906
border-top-left-radius: 2px;
907
border-bottom-left-radius: 2px;
908
}
909
.linked:not(.vertical) > spinbutton:last-child:not(.vertical), .linked:not(.vertical) > entry:last-child, .linked > button:last-child, combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > box > button.combo {
911
border-top-right-radius: 2px;
912
border-bottom-right-radius: 2px;
913
}
914
.linked:not(.vertical) > spinbutton:only-child:not(.vertical), .linked:not(.vertical) > entry:only-child, .linked > button:only-child, .linked:not(.vertical) > combobox:only-child > box > button.combo {
916
border-radius: 2px;
917
}
918
.linked.vertical > spinbutton:not(.vertical), .linked.vertical > entry, .linked.vertical > button, .linked.vertical > combobox > box > button.combo {
920
border-radius: 0;
921
-gtk-outline-radius: 2px;
922
}
923
.linked.vertical > spinbutton:first-child:not(.vertical), .linked.vertical > entry:first-child, .linked.vertical > button:first-child, .linked.vertical > combobox:first-child > box > button.combo {
925
border-top-left-radius: 2px;
926
border-top-right-radius: 2px;
927
}
928
.linked.vertical > spinbutton:last-child:not(.vertical), .linked.vertical > entry:last-child, .linked.vertical > button:last-child, .linked.vertical > combobox:last-child > box > button.combo {
930
border-bottom-left-radius: 2px;
931
border-bottom-right-radius: 2px;
932
}
933
.linked.vertical > spinbutton:only-child:not(.vertical), .linked.vertical > entry:only-child, .linked.vertical > button:only-child, .linked.vertical > combobox:only-child > box > button.combo {
935
border-radius: 2px;
936
}
937
/* menu buttons */
939
modelbutton.flat,
940
.menuitem.button.flat {
941
min-height: 28px;
942
padding: 0 8px;
943
border-radius: 2px;
944
color: inherit;
945
}
946
modelbutton.flat arrow {
948
background: none;
949
}
950
modelbutton.flat arrow:hover {
952
background: none;
953
}
954
modelbutton.flat arrow.left {
956
-gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
957
}
958
modelbutton.flat arrow.right {
960
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
961
}
962
button.color {
964
min-height: 24px;
965
min-width: 24px;
966
padding: 6px;
967
}
968
/*********
970
* Links *
971
*********/
972
*:link, button:link,
973
button:visited, *:link:hover, button:hover:link,
974
button:hover:visited, *:link:active, button:active:link,
975
button:active:visited {
976
color: #42A5F5;
977
}
978
*:link:visited,
980
button:visited, *:link:visited:hover,
981
button:visited:hover, *:link:visited:active,
982
button:visited:active {
983
color: #E040FB;
984
}
985
infobar.info *:link, infobar.info button:link, infobar.info
987
button:visited, infobar.question *:link, infobar.question button:link, infobar.question
988
button:visited, infobar.warning *:link, infobar.warning button:link, infobar.warning
989
button:visited, infobar.error *:link, infobar.error button:link, infobar.error
990
button:visited, *:link:selected, button:selected:link,
991
button:selected:visited, .selection-mode.titlebar:not(headerbar) .subtitle:link,
992
headerbar.selection-mode .subtitle:link,
993
*:selected *:link,
994
*:selected button:link,
995
*:selected
996
button:visited {
997
color: #FFFFFF;
998
}
999
button:link > label,
1001
button:visited > label {
1002
text-decoration-line: underline;
1003
}
1004
/*****************
1006
* GtkSpinButton *
1007
*****************/
1008
spinbutton:not(.vertical) {
1009
padding: 0;
1010
}
1011
notebook > stack:not(:only-child) spinbutton:not(.vertical) entry, notebook > stack:not(:only-child) spinbutton:not(.vertical) entry:focus, notebook > stack:not(:only-child) spinbutton:not(.vertical) entry:disabled,
1013
spinbutton:not(.vertical) entry {
1014
min-width: 32px;
1015
margin: 0;
1016
border-image: none;
1017
border-radius: 0;
1018
box-shadow: none;
1019
background-color: transparent;
1020
}
1021
spinbutton:not(.vertical) button {
1023
border: solid 6px transparent;
1024
}
1025
spinbutton:not(.vertical) button.up:dir(ltr), spinbutton:not(.vertical) button.down:dir(rtl) {
1027
margin-left: -3px;
1028
}
1029
spinbutton:not(.vertical) button.up:dir(rtl), spinbutton:not(.vertical) button.down:dir(ltr) {
1031
margin-right: -3px;
1032
}
1033
spinbutton.vertical:disabled {
1035
color: rgba(0, 0, 0, 0.38);
1036
}
1037
spinbutton.vertical:drop(active) {
1039
box-shadow: none;
1040
}
1041
spinbutton.vertical entry {
1043
min-height: 36px;
1044
min-width: 48px;
1045
padding: 0;
1046
}
1047
spinbutton.vertical button {
1049
min-height: 36px;
1050
min-width: 48px;
1051
padding: 0;
1052
}
1053
spinbutton.vertical button.up {
1055
border-radius: 2px 2px 0 0;
1056
}
1057
spinbutton.vertical button.down {
1059
border-radius: 0 0 2px 2px;
1060
}
1061
treeview spinbutton:not(.vertical) {
1063
min-height: 0;
1064
border-style: none;
1065
border-radius: 0;
1066
}
1067
treeview spinbutton:not(.vertical) entry {
1069
min-height: 0;
1070
padding: 1px 2px;
1071
}
1072
/**************
1074
* ComboBoxes *
1075
**************/
1076
combobox arrow {
1077
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
1078
min-height: 16px;
1079
min-width: 16px;
1080
}
1081
combobox decoration,
1083
combobox button.combo:checked {
1084
transition: none;
1085
}
1086
combobox button.combo cellview:dir(ltr) {
1088
margin-left: -2px;
1089
}
1090
combobox button.combo cellview:dir(rtl) {
1092
margin-right: -2px;
1093
}
1094
combobox #gtk-combobox-popup-menu {
1096
padding: 2px 0;
1097
}
1098
combobox #gtk-combobox-popup-menu menuitem {
1100
min-height: 32px;
1101
padding: 0 8px;
1102
}
1103
combobox #gtk-combobox-popup-menu > arrow.top {
1105
margin-top: -2px;
1106
}
1107
combobox #gtk-combobox-popup-menu > arrow.bottom {
1109
margin-bottom: -6px;
1110
}
1111
combobox:drop(active) {
1113
box-shadow: none;
1114
}
1115
notebook > stack:not(:only-child) button.combo, .raven .raven-background button.combo, #login_window #user_combobox button {
1117
border-radius: 0;
1118
background-image: none;
1119
font-weight: inherit;
1120
transition: all 270ms cubic-bezier(0, 0, 0.2, 1);
1121
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #42A5F5 0%, transparent 0%) 0 0 0/0 0 0px;
1122
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26);
1123
background-color: transparent;
1124
color: rgba(0, 0, 0, 0.87);
1125
}
1126
notebook > stack:not(:only-child) button.combo:hover, .raven .raven-background button.combo:hover, #login_window #user_combobox button:hover {
1128
box-shadow: inset 0 -2px rgba(0, 0, 0, 0.38);
1129
}
1130
notebook > stack:not(:only-child) button.combo:checked, .raven .raven-background button.combo:checked, #login_window #user_combobox button:checked {
1132
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #42A5F5 100%, transparent 0%) 0 0 2/0 0 2px;
1133
}
1134
notebook > stack:not(:only-child) button.combo:disabled, .raven .raven-background button.combo:disabled, #login_window #user_combobox button:disabled {
1136
color: rgba(0, 0, 0, 0.38);
1137
}
1138
/************
1140
* Toolbars *
1141
************/
1142
toolbar {
1143
-GtkWidget-window-dragging: true;
1144
padding: 2px;
1145
background-color: #F5F5F5;
1146
}
1147
.osd toolbar {
1149
background-color: transparent;
1150
}
1151
toolbar.osd, .app-notification, frame.documents-dropdown {
1153
transition: box-shadow 180ms cubic-bezier(0, 0, 0.2, 1);
1154
padding: 6px;
1155
border-radius: 2px;
1156
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 1px rgba(255, 255, 255, 0.4);
1157
background-color: #FFFFFF;
1158
}
1159
toolbar.osd:backdrop, .app-notification:backdrop, frame.documents-dropdown:backdrop {
1161
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 1px rgba(255, 255, 255, 0.4);
1162
}
1163
toolbar.osd.left, .left.app-notification, frame.left.documents-dropdown, toolbar.osd.right, .right.app-notification, frame.right.documents-dropdown, toolbar.osd.top, .top.app-notification, frame.top.documents-dropdown, toolbar.osd.bottom, .bottom.app-notification, frame.bottom.documents-dropdown {
1165
border-radius: 0;
1166
}
1167
toolbar.horizontal > separator {
1169
margin: 2px;
1170
}
1171
toolbar.vertical > separator {
1173
margin: 2px;
1174
}
1175
toolbar:not(.inline-toolbar):not(.osd) scale,
1177
toolbar:not(.inline-toolbar):not(.osd) entry,
1178
toolbar:not(.inline-toolbar):not(.osd) spinbutton,
1179
toolbar:not(.inline-toolbar):not(.osd) button {
1180
margin: 2px;
1181
}
1182
toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:first-child),
1184
toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:first-child),
1185
toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:first-child) {
1186
margin-left: 0;
1187
}
1188
toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:last-child),
1190
toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:last-child),
1191
toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:last-child) {
1192
margin-right: 0;
1193
}
1194
toolbar:not(.inline-toolbar):not(.osd) spinbutton entry,
1196
toolbar:not(.inline-toolbar):not(.osd) spinbutton button {
1197
margin: 0;
1198
}
1199
toolbar:not(.inline-toolbar):not(.osd) switch {
1201
margin: 8px 2px;
1202
}
1203
.inline-toolbar {
1205
padding: 6px;
1206
border-style: solid;
1207
border-width: 0 1px 1px;
1208
border-color: rgba(0, 0, 0, 0.12);
1209
background-color: #FAFAFA;
1210
}
1211
searchbar,
1213
.location-bar {
1214
padding: 6px;
1215
border-style: solid;
1216
border-width: 0 0 1px;
1217
border-color: rgba(0, 0, 0, 0.12);
1218
background-color: #F5F5F5;
1219
background-clip: border-box;
1220
}
1221
/***************
1223
* Header bars *
1224
***************/
1225
.titlebar:not(headerbar),
1226
headerbar {
1227
transition: background-color 180ms cubic-bezier(0, 0, 0.2, 1), color 270ms cubic-bezier(0, 0, 0.2, 1);
1228
min-height: 48px;
1229
padding: 0 6px;
1230
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 1px rgba(255, 255, 255, 0.1);
1231
background-color: #455A64;
1232
color: #FFFFFF;
1233
}
1234
.titlebar:disabled:not(headerbar) :not(button) > label,
1236
headerbar:disabled :not(button) > label {
1237
color: rgba(255, 255, 255, 0.5);
1238
}
1239
.titlebar:backdrop:not(headerbar),
1241
headerbar:backdrop {
1242
color: rgba(255, 255, 255, 0.7);
1243
}
1244
.titlebar:backdrop:disabled:not(headerbar) :not(button) > label,
1246
headerbar:backdrop:disabled :not(button) > label {
1247
color: rgba(255, 255, 255, 0.3);
1248
}
1249
.titlebar:not(headerbar) .title,
1251
headerbar .title {
1252
padding: 0 12px;
1253
font-weight: bold;
1254
}
1255
.titlebar:not(headerbar) .subtitle,
1257
headerbar .subtitle {
1258
padding: 0 12px;
1259
font-size: smaller;
1260
}
1261
.titlebar:not(headerbar) .linked:not(.vertical) > entry:not(.flat),
1263
headerbar .linked:not(.vertical) > entry:not(.flat) {
1264
border-radius: 2px;
1265
}
1266
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action),
1268
headerbar button:not(.suggested-action):not(.destructive-action) {
1269
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0/0 0 0px;
1270
color: rgba(255, 255, 255, 0.7);
1271
}
1272
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):hover, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):active,
1274
headerbar button:not(.suggested-action):not(.destructive-action):hover,
1275
headerbar button:not(.suggested-action):not(.destructive-action):active {
1276
color: #FFFFFF;
1277
}
1278
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):disabled,
1280
headerbar button:not(.suggested-action):not(.destructive-action):disabled {
1281
color: rgba(255, 255, 255, 0.3);
1282
}
1283
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked,
1285
headerbar button:not(.suggested-action):not(.destructive-action):checked {
1286
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2/0 0 2px;
1287
color: #FFFFFF;
1288
}
1289
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked:disabled,
1291
headerbar button:not(.suggested-action):not(.destructive-action):checked:disabled {
1292
color: rgba(255, 255, 255, 0.5);
1293
}
1294
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked:disabled,
1296
headerbar button:not(.suggested-action):not(.destructive-action):checked,
1297
headerbar button:not(.suggested-action):not(.destructive-action):checked:disabled {
1298
background-color: transparent;
1299
}
1300
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop,
1302
headerbar button:not(.suggested-action):not(.destructive-action):backdrop {
1303
color: rgba(255, 255, 255, 0.5);
1304
}
1305
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:hover, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:active,
1307
headerbar button:not(.suggested-action):not(.destructive-action):backdrop:hover,
1308
headerbar button:not(.suggested-action):not(.destructive-action):backdrop:active {
1309
color: rgba(255, 255, 255, 0.7);
1310
}
1311
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:disabled,
1313
headerbar button:not(.suggested-action):not(.destructive-action):backdrop:disabled {
1314
color: rgba(255, 255, 255, 0.3);
1315
}
1316
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked,
1318
headerbar button:not(.suggested-action):not(.destructive-action):backdrop:checked {
1319
color: rgba(255, 255, 255, 0.7);
1320
}
1321
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled,
1323
headerbar button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled {
1324
color: rgba(255, 255, 255, 0.3);
1325
}
1326
.titlebar:not(headerbar) button.suggested-action:disabled, .titlebar:not(headerbar) button.destructive-action:disabled,
1328
headerbar button.suggested-action:disabled,
1329
headerbar button.destructive-action:disabled {
1330
background-color: rgba(255, 255, 255, 0.12);
1331
color: rgba(255, 255, 255, 0.5);
1332
}
1333
.selection-mode.titlebar:not(headerbar),
1335
headerbar.selection-mode {
1336
transition: background-color 0.00001s 270ms, color 270ms cubic-bezier(0, 0, 0.2, 1);
1337
animation: header_ripple_effect 270ms cubic-bezier(0, 0, 0.2, 1);
1338
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 1px rgba(255, 255, 255, 0.2);
1339
background-color: #42A5F5;
1340
color: #FFFFFF;
1341
}
1342
.selection-mode.titlebar:backdrop:not(headerbar),
1344
headerbar.selection-mode:backdrop {
1345
color: rgba(255, 255, 255, 0.7);
1346
}
1347
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action),
1349
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action) {
1350
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0/0 0 0px;
1351
color: #FFFFFF;
1352
}
1353
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):disabled,
1355
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):disabled {
1356
color: rgba(255, 255, 255, 0.5);
1357
}
1358
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked,
1360
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):checked {
1361
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2/0 0 2px;
1362
color: #FFFFFF;
1363
}
1364
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked:disabled,
1366
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):checked:disabled {
1367
color: rgba(255, 255, 255, 0.5);
1368
}
1369
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop,
1371
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop {
1372
color: rgba(255, 255, 255, 0.7);
1373
}
1374
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:disabled,
1376
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:disabled {
1377
color: rgba(255, 255, 255, 0.3);
1378
}
1379
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked,
1381
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked {
1382
color: rgba(255, 255, 255, 0.7);
1383
}
1384
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled,
1386
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled {
1387
color: rgba(255, 255, 255, 0.3);
1388
}
1389
.selection-mode.titlebar:not(headerbar) .selection-menu,
1391
headerbar.selection-mode .selection-menu {
1392
padding-left: 16px;
1393
padding-right: 16px;
1394
}
1395
.selection-mode.titlebar:not(headerbar) .selection-menu 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: 24px;
1421
padding: 6px;
1422
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
1423
}
1424
.tiled .default-decoration.titlebar:not(headerbar),
1426
.maximized .default-decoration.titlebar:not(headerbar),
1427
.fullscreen .default-decoration.titlebar:not(headerbar), .tiled
1428
headerbar.default-decoration,
1429
.maximized
1430
headerbar.default-decoration,
1431
.fullscreen
1432
headerbar.default-decoration {
1433
box-shadow: none;
1434
}
1435
.default-decoration.titlebar:not(headerbar) button.titlebutton,
1437
headerbar.default-decoration button.titlebutton {
1438
min-height: 24px;
1439
min-width: 24px;
1440
margin: 0;
1441
padding: 0;
1442
}
1443
.background:not(.csd) .default-decoration.titlebar:not(headerbar) button.titlebutton:active, .background:not(.csd)
1445
headerbar.default-decoration button.titlebutton:active {
1446
background-size: 1000% 1000%;
1447
}
1448
headerbar entry,
1450
headerbar spinbutton,
1451
headerbar button {
1452
margin-top: 6px;
1453
margin-bottom: 6px;
1454
}
1455
headerbar switch {
1457
margin-top: 12px;
1458
margin-bottom: 12px;
1459
}
1460
headerbar spinbutton button {
1462
margin-top: 0;
1463
margin-bottom: 0;
1464
}
1465
.background:not(.tiled):not(.maximized):not(.fullscreen):not(.solid-csd) .titlebar {
1467
border-top-left-radius: 2px;
1468
border-top-right-radius: 2px;
1469
}
1470
window:not(.tiled):not(.maximized):not(.fullscreen):not(.solid-csd) separator:first-child + headerbar,
1472
window:not(.tiled):not(.maximized):not(.fullscreen):not(.solid-csd) headerbar:first-child {
1473
border-top-left-radius: 2px;
1474
}
1475
window:not(.tiled):not(.maximized):not(.fullscreen):not(.solid-csd) headerbar:last-child {
1477
border-top-right-radius: 2px;
1478
}
1479
window:not(.tiled):not(.maximized):not(.fullscreen):not(.solid-csd) stack headerbar:first-child, window:not(.tiled):not(.maximized):not(.fullscreen):not(.solid-csd) stack headerbar:last-child {
1481
border-top-left-radius: 2px;
1482
border-top-right-radius: 2px;
1483
}
1484
window.csd > .titlebar:not(headerbar) {
1486
padding: 0;
1487
background-color: transparent;
1488
background-image: none;
1489
border-style: none;
1490
box-shadow: none;
1491
}
1492
.titlebar:not(headerbar) > separator {
1494
background-color: #455A64;
1495
background-image: image(rgba(0, 0, 0, 0.12));
1496
}
1497
/************
1499
* Pathbars *
1500
************/
1501
.caja-pathbar button,
1502
.path-bar button {
1503
padding-left: 6px;
1504
padding-right: 6px;
1505
}
1506
.caja-pathbar button label:not(:only-child):first-child,
1508
.path-bar button label:not(:only-child):first-child {
1509
margin-left: 4px;
1510
}
1511
.caja-pathbar button label:not(:only-child):last-child,
1513
.path-bar button label:not(:only-child):last-child {
1514
margin-right: 4px;
1515
}
1516
.caja-pathbar button.slider-button,
1518
.path-bar button.slider-button {
1519
padding-left: 4px;
1520
padding-right: 4px;
1521
}
1522
:not(headerbar) .caja-pathbar button, .caja-pathbar :not(headerbar) button, :not(headerbar)
1524
.path-bar button {
1525
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #42A5F5 0%, transparent 0%) 0 0 0/0 0 0px;
1526
border-radius: 2px;
1527
}
1528
:not(headerbar) .caja-pathbar button:checked, .caja-pathbar :not(headerbar) button:checked, :not(headerbar)
1530
.path-bar button:checked {
1531
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #42A5F5 100%, transparent 0%) 0 0 2/0 0 2px;
1532
}
1533
:not(headerbar) .caja-pathbar button:checked, .caja-pathbar :not(headerbar) button:checked, :not(headerbar) .caja-pathbar button:checked:disabled, .caja-pathbar :not(headerbar) button:checked:disabled, :not(headerbar)
1535
.path-bar button:checked, :not(headerbar)
1536
.path-bar button:checked:disabled {
1537
background-color: transparent;
1538
}
1539
/**************
1541
* Tree Views *
1542
**************/
1543
treeview.view {
1544
border-left-color: rgba(0, 0, 0, 0.26);
1545
border-top-color: rgba(0, 0, 0, 0.12);
1546
}
1547
* {
1549
-GtkTreeView-horizontal-separator: 4;
1550
-GtkTreeView-grid-line-width: 1;
1551
-GtkTreeView-grid-line-pattern: '';
1552
-GtkTreeView-tree-line-width: 1;
1553
-GtkTreeView-tree-line-pattern: '';
1554
-GtkTreeView-expander-size: 16;
1555
}
1556
treeview.view:selected {
1558
border-left-color: rgba(255, 255, 255, 0.3);
1559
}
1560
treeview.view:hover, treeview.view:active, treeview.view:selected {
1562
border-radius: 0;
1563
}
1564
treeview.view.separator {
1566
min-height: 5px;
1567
color: rgba(0, 0, 0, 0.12);
1568
}
1569
treeview.view:drop(active) {
1571
border-style: solid none;
1572
border-width: 1px;
1573
border-color: #FF4081;
1574
}
1575
treeview.view:drop(active).after {
1577
border-top-style: none;
1578
}
1579
treeview.view:drop(active).before {
1581
border-bottom-style: none;
1582
}
1583
treeview.view.expander {
1585
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
1586
-gtk-icon-transform: rotate(-90deg);
1587
color: rgba(0, 0, 0, 0.54);
1588
}
1589
treeview.view.expander:dir(rtl) {
1591
-gtk-icon-transform: rotate(90deg);
1592
}
1593
treeview.view.expander:checked {
1595
-gtk-icon-transform: unset;
1596
}
1597
treeview.view.expander:hover, treeview.view.expander:active {
1599
color: rgba(0, 0, 0, 0.87);
1600
}
1601
treeview.view.expander:disabled {
1603
color: rgba(0, 0, 0, 0.26);
1604
}
1605
treeview.view.expander:selected {
1607
color: rgba(255, 255, 255, 0.7);
1608
}
1609
treeview.view.expander:selected:hover, treeview.view.expander:selected:active {
1611
color: #FFFFFF;
1612
}
1613
treeview.view.expander:selected:disabled {
1615
color: rgba(255, 255, 255, 0.3);
1616
}
1617
treeview.view.progressbar {
1619
border-bottom: 4px solid #42A5F5;
1620
box-shadow: none;
1621
background-color: transparent;
1622
}
1623
treeview.view.progressbar:selected {
1625
border-bottom-color: #FFFFFF;
1626
}
1627
treeview.view.trough {
1629
border-bottom: 4px solid rgba(66, 165, 245, 0.3);
1630
box-shadow: none;
1631
background-color: transparent;
1632
}
1633
treeview.view.trough:selected {
1635
border-bottom-color: rgba(255, 255, 255, 0.3);
1636
}
1637
treeview.view header button {
1639
padding: 2px 6px;
1640
border-style: none solid solid none;
1641
border-width: 1px;
1642
border-color: rgba(0, 0, 0, 0.12);
1643
border-radius: 0;
1644
background-clip: border-box;
1645
}
1646
treeview.view header button, treeview.view header button:hover, treeview.view header button:active {
1648
box-shadow: none;
1649
}
1650
treeview.view header button, treeview.view header button:disabled {
1652
background-color: #FFFFFF;
1653
}
1654
treeview.view header button:last-child {
1656
border-right-style: none;
1657
}
1658
treeview.view button.dnd,
1660
treeview.view header.button.dnd {
1661
padding: 2px 6px;
1662
border-style: none solid solid;
1663
border-width: 1px;
1664
border-color: rgba(0, 0, 0, 0.12);
1665
border-radius: 0;
1666
box-shadow: none;
1667
background-color: #FFFFFF;
1668
background-clip: border-box;
1669
color: #42A5F5;
1670
}
1671
treeview.view acceleditor > label {
1673
background-color: #42A5F5;
1674
}
1675
/*********
1677
* Menus *
1678
*********/
1679
menubar,
1680
.menubar {
1681
-GtkWidget-window-dragging: true;
1682
padding: 0;
1683
background-color: #455A64;
1684
}
1685
menubar > menuitem,
1687
.menubar > menuitem {
1688
transition: all 180ms cubic-bezier(0, 0, 0.2, 1);
1689
min-height: 20px;
1690
padding: 4px 8px;
1691
color: rgba(255, 255, 255, 0.7);
1692
}
1693
menubar > menuitem:hover,
1695
.menubar > menuitem:hover {
1696
transition: none;
1697
background-color: rgba(255, 255, 255, 0.12);
1698
color: #FFFFFF;
1699
}
1700
menubar > menuitem:disabled,
1702
.menubar > menuitem:disabled {
1703
color: rgba(255, 255, 255, 0.3);
1704
}
1705
.csd.popup {
1707
background-color: transparent;
1708
}
1709
menu,
1711
.menu,
1712
.context-menu {
1713
margin: 4px 0;
1714
padding: 4px 0;
1715
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
1716
background-color: #FFFFFF;
1717
border: 1px solid rgba(0, 0, 0, 0.12);
1718
}
1719
.csd menu, .csd
1721
.menu, .csd
1722
.context-menu {
1723
border: none;
1724
border-radius: 2px;
1725
}
1726
menu menuitem,
1728
.menu menuitem,
1729
.context-menu menuitem {
1730
transition: background-color 180ms cubic-bezier(0, 0, 0.2, 1);
1731
min-height: 20px;
1732
min-width: 40px;
1733
padding: 4px 8px;
1734
font: initial;
1735
text-shadow: none;
1736
}
1737
menu menuitem:hover,
1739
.menu menuitem:hover,
1740
.context-menu menuitem:hover {
1741
transition: none;
1742
background-color: rgba(0, 0, 0, 0.12);
1743
}
1744
menu menuitem:disabled,
1746
.menu menuitem:disabled,
1747
.context-menu menuitem:disabled {
1748
color: rgba(0, 0, 0, 0.38);
1749
}
1750
menu menuitem arrow,
1752
.menu menuitem arrow,
1753
.context-menu menuitem arrow {
1754
min-height: 16px;
1755
min-width: 16px;
1756
}
1757
menu menuitem arrow:dir(ltr),
1759
.menu menuitem arrow:dir(ltr),
1760
.context-menu menuitem arrow:dir(ltr) {
1761
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
1762
margin-left: 8px;
1763
}
1764
menu menuitem arrow:dir(rtl),
1766
.menu menuitem arrow:dir(rtl),
1767
.context-menu menuitem arrow:dir(rtl) {
1768
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl");
1769
margin-right: 8px;
1770
}
1771
menu menuitem label:dir(rtl), menu menuitem label:dir(ltr),
1773
.menu menuitem label:dir(rtl),
1774
.menu menuitem label:dir(ltr),
1775
.context-menu menuitem label:dir(rtl),
1776
.context-menu menuitem label:dir(ltr) {
1777
color: inherit;
1778
}
1779
menu > arrow,
1781
.menu > arrow,
1782
.context-menu > arrow {
1783
min-height: 16px;
1784
min-width: 16px;
1785
padding: 4px;
1786
background-color: #FFFFFF;
1787
color: rgba(0, 0, 0, 0.54);
1788
}
1789
menu > arrow.top,
1791
.menu > arrow.top,
1792
.context-menu > arrow.top {
1793
margin-top: -4px;
1794
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
1795
border-radius: 2px 2px 0 0;
1796
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
1797
}
1798
menu > arrow.bottom,
1800
.menu > arrow.bottom,
1801
.context-menu > arrow.bottom {
1802
margin-bottom: -12px;
1803
border-top: 1px solid rgba(0, 0, 0, 0.12);
1804
border-radius: 0 0 2px 2px;
1805
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
1806
}
1807
menu > arrow:hover,
1809
.menu > arrow:hover,
1810
.context-menu > arrow:hover {
1811
background-image: image(rgba(0, 0, 0, 0.12));
1812
color: rgba(0, 0, 0, 0.87);
1813
}
1814
menu > arrow:disabled,
1816
.menu > arrow:disabled,
1817
.context-menu > arrow:disabled {
1818
border-color: transparent;
1819
background-color: transparent;
1820
color: transparent;
1821
}
1822
menu separator,
1824
.menu separator,
1825
.context-menu separator {
1826
margin: 4px 0;
1827
}
1828
menuitem accelerator {
1830
color: rgba(0, 0, 0, 0.54);
1831
}
1832
.popup:not(.csd) menu menuitem {
1834
color: #212121;
1835
}
1836
.popup:not(.csd) menu menuitem:hover {
1838
background-color: #E0E0E0;
1839
}
1840
.popup:not(.csd) menu menuitem:disabled {
1842
color: #9E9E9E;
1843
}
1844
.popup:not(.csd) menu accelerator {
1846
color: #757575;
1847
}
1848
/************
1850
* Popovers *
1851
************/
1852
popover.background {
1853
transition: box-shadow 180ms cubic-bezier(0, 0, 0.2, 1);
1854
padding: 2px;
1855
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
1856
background-color: #FAFAFA;
1857
}
1858
popover.background:backdrop {
1860
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
1861
}
1862
popover.background, .csd popover.background {
1864
border-style: solid;
1865
border-width: 1px;
1866
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.3);
1867
border-radius: 3px;
1868
}
1869
popover.background > stack {
1871
margin: -4px;
1872
}
1873
popover.background > toolbar {
1875
margin: -2px;
1876
}
1877
popover.background > list,
1879
popover.background > .view,
1880
popover.background > toolbar {
1881
border-style: none;
1882
box-shadow: none;
1883
background-color: transparent;
1884
}
1885
popover.background.menu button,
1887
popover.background button.model {
1888
min-height: 32px;
1889
padding: 0 8px;
1890
border-radius: 2px;
1891
}
1892
popover.background separator {
1894
margin: 4px 0;
1895
}
1896
popover.background list separator {
1898
margin: 0;
1899
}
1900
/*************
1902
* Notebooks *
1903
*************/
1904
notebook > header {
1905
border-width: 1px;
1906
border-color: rgba(0, 0, 0, 0.12);
1907
background-color: #F5F5F5;
1908
background-clip: border-box;
1909
}
1910
notebook > header.top {
1912
border-bottom-style: solid;
1913
}
1914
notebook > header.top > tabs {
1916
margin-bottom: -1px;
1917
}
1918
notebook > header.top > tabs > tab:hover {
1920
box-shadow: inset 0 -2px rgba(0, 0, 0, 0.26);
1921
}
1922
notebook > header.top > tabs > tab:checked {
1924
box-shadow: inset 0 -2px #42A5F5;
1925
}
1926
notebook > header.bottom {
1928
border-top-style: solid;
1929
}
1930
notebook > header.bottom > tabs {
1932
margin-top: -1px;
1933
}
1934
notebook > header.bottom > tabs > tab:hover {
1936
box-shadow: inset 0 2px rgba(0, 0, 0, 0.26);
1937
}
1938
notebook > header.bottom > tabs > tab:checked {
1940
box-shadow: inset 0 2px #42A5F5;
1941
}
1942
notebook > header.left {
1944
border-right-style: solid;
1945
}
1946
notebook > header.left > tabs {
1948
margin-right: -1px;
1949
}
1950
notebook > header.left > tabs > tab:hover {
1952
box-shadow: inset -2px 0 rgba(0, 0, 0, 0.26);
1953
}
1954
notebook > header.left > tabs > tab:checked {
1956
box-shadow: inset -2px 0 #42A5F5;
1957
}
1958
notebook > header.right {
1960
border-left-style: solid;
1961
}
1962
notebook > header.right > tabs {
1964
margin-left: -1px;
1965
}
1966
notebook > header.right > tabs > tab:hover {
1968
box-shadow: inset 2px 0 rgba(0, 0, 0, 0.26);
1969
}
1970
notebook > header.right > tabs > tab:checked {
1972
box-shadow: inset 2px 0 #42A5F5;
1973
}
1974
notebook > header.top > tabs > arrow {
1976
border-top-style: none;
1977
}
1978
notebook > header.bottom > tabs > arrow {
1980
border-bottom-style: none;
1981
}
1982
notebook > header.top > tabs > arrow, notebook > header.bottom > tabs > arrow {
1984
padding-left: 4px;
1985
padding-right: 4px;
1986
}
1987
notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down {
1989
margin-left: -8px;
1990
-gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
1991
}
1992
notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up {
1994
margin-right: -8px;
1995
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
1996
}
1997
notebook > header.left > tabs > arrow {
1999
border-left-style: none;
2000
}
2001
notebook > header.right > tabs > arrow {
2003
border-right-style: none;
2004
}
2005
notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow {
2007
padding-top: 4px;
2008
padding-bottom: 4px;
2009
}
2010
notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down {
2012
margin-top: -8px;
2013
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
2014
}
2015
notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up {
2017
margin-bottom: -8px;
2018
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
2019
}
2020
notebook > header > tabs > arrow {
2022
min-height: 16px;
2023
min-width: 16px;
2024
border-radius: 0;
2025
}
2026
notebook > header tab {
2028
transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
2029
min-height: 24px;
2030
min-width: 24px;
2031
padding: 6px 12px;
2032
outline-offset: -6px;
2033
border-width: 1px;
2034
border-color: transparent;
2035
background-image: radial-gradient(circle farthest-corner at center, #42A5F5 10%, transparent 0%);
2036
background-repeat: no-repeat;
2037
background-position: center;
2038
background-size: 0% 0%;
2039
color: rgba(0, 0, 0, 0.54);
2040
font-weight: 500;
2041
}
2042
notebook > header tab:hover {
2044
color: rgba(0, 0, 0, 0.87);
2045
}
2046
notebook > header tab:hover.reorderable-page {
2048
border-color: rgba(0, 0, 0, 0.12);
2049
background-color: #FAFAFA;
2050
}
2051
notebook > header tab:disabled {
2053
color: rgba(0, 0, 0, 0.26);
2054
}
2055
notebook > header tab:checked {
2057
transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-size 270ms cubic-bezier(0, 0, 0.2, 1), background-image 720ms cubic-bezier(0, 0, 0.2, 1);
2058
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
2059
background-size: 1000% 1000%;
2060
color: rgba(0, 0, 0, 0.87);
2061
}
2062
notebook > header tab:checked:disabled {
2064
color: rgba(0, 0, 0, 0.38);
2065
}
2066
notebook > header tab:checked.reorderable-page {
2068
border-color: rgba(0, 0, 0, 0.12);
2069
background-color: #FFFFFF;
2070
}
2071
notebook > header tab button.flat:last-child {
2073
margin-left: 6px;
2074
margin-right: -6px;
2075
}
2076
notebook > header tab button.flat:first-child {
2078
margin-left: -6px;
2079
margin-right: 6px;
2080
}
2081
notebook > header.top tabs, notebook > header.bottom tabs {
2083
padding-left: 8px;
2084
padding-right: 8px;
2085
}
2086
notebook > header.top tabs:not(:only-child):first-child, notebook > header.bottom tabs:not(:only-child):first-child {
2088
margin-left: 0;
2089
}
2090
notebook > header.top tabs:not(:only-child):last-child, notebook > header.bottom tabs:not(:only-child):last-child {
2092
margin-right: 0;
2093
}
2094
notebook > header.top tabs tab.reorderable-page, notebook > header.bottom tabs tab.reorderable-page {
2096
margin: 0 -1px;
2097
border-style: none solid;
2098
}
2099
notebook > header.left tabs, notebook > header.right tabs {
2101
padding-top: 8px;
2102
padding-bottom: 8px;
2103
}
2104
notebook > header.left tabs:not(:only-child):first-child, notebook > header.right tabs:not(:only-child):first-child {
2106
margin-top: 0;
2107
}
2108
notebook > header.left tabs:not(:only-child):last-child, notebook > header.right tabs:not(:only-child):last-child {
2110
margin-bottom: 0;
2111
}
2112
notebook > header.left tabs tab.reorderable-page, notebook > header.right tabs tab.reorderable-page {
2114
margin: -1px 0;
2115
border-style: solid none;
2116
}
2117
notebook > stack:not(:only-child) {
2119
background-color: #FFFFFF;
2120
}
2121
/**************
2123
* Scrollbars *
2124
**************/
2125
scrollbar {
2126
transition: all 270ms cubic-bezier(0, 0, 0.2, 1);
2127
background-color: #FFFFFF;
2128
background-clip: padding-box;
2129
}
2130
* {
2132
-GtkScrollbar-has-backward-stepper: false;
2133
-GtkScrollbar-has-forward-stepper: false;
2134
}
2135
scrollbar.top {
2137
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
2138
}
2139
scrollbar.bottom {
2141
border-top: 1px solid rgba(0, 0, 0, 0.12);
2142
}
2143
scrollbar.left {
2145
border-right: 1px solid rgba(0, 0, 0, 0.12);
2146
}
2147
scrollbar.right {
2149
border-left: 1px solid rgba(0, 0, 0, 0.12);
2150
}
2151
scrollbar slider {
2153
transition: all 180ms cubic-bezier(0, 0, 0.2, 1), margin 0, border-width 0;
2154
min-width: 8px;
2155
min-height: 8px;
2156
border: 4px solid transparent;
2157
border-radius: 9999px;
2158
background-clip: padding-box;
2159
background-color: rgba(0, 0, 0, 0.38);
2160
}
2161
scrollbar slider:hover {
2163
background-color: rgba(0, 0, 0, 0.54);
2164
}
2165
scrollbar slider:active {
2167
background-color: rgba(0, 0, 0, 0.87);
2168
}
2169
scrollbar slider:disabled {
2171
background-color: rgba(0, 0, 0, 0.26);
2172
}
2173
scrollbar.fine-tune slider {
2175
transition: all 180ms cubic-bezier(0, 0, 0.2, 1), margin 0, border-width 0, min-width 0, min-height 0;
2176
min-width: 4px;
2177
min-height: 4px;
2178
}
2179
scrollbar.fine-tune.horizontal slider {
2181
margin: 2px 0;
2182
}
2183
scrollbar.fine-tune.vertical slider {
2185
margin: 0 2px;
2186
}
2187
scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
2189
border-color: transparent;
2190
background-color: transparent;
2191
}
2192
scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider {
2194
min-width: 4px;
2195
min-height: 4px;
2196
margin: 3px;
2197
border: 1px solid rgba(255, 255, 255, 0.3);
2198
}
2199
scrollbar.overlay-indicator:not(.dragging):not(.hovering) button {
2201
min-width: 4px;
2202
min-height: 4px;
2203
margin: 3px;
2204
border: 1px solid rgba(255, 255, 255, 0.3);
2205
border-radius: 9999px;
2206
background-color: rgba(0, 0, 0, 0.38);
2207
background-clip: padding-box;
2208
-gtk-icon-source: none;
2209
}
2210
scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled {
2212
background-color: rgba(0, 0, 0, 0.26);
2213
}
2214
scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider {
2216
min-width: 24px;
2217
}
2218
scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button {
2220
min-width: 8px;
2221
}
2222
scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider {
2224
min-height: 24px;
2225
}
2226
scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button {
2228
min-height: 8px;
2229
}
2230
scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering {
2232
background-color: rgba(255, 255, 255, 0.9);
2233
}
2234
scrollbar.horizontal slider {
2236
min-width: 24px;
2237
}
2238
scrollbar.vertical slider {
2240
min-height: 24px;
2241
}
2242
scrollbar button {
2244
min-width: 16px;
2245
min-height: 16px;
2246
padding: 0;
2247
border-radius: 0;
2248
}
2249
scrollbar.vertical button.down {
2251
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
2252
}
2253
scrollbar.vertical button.up {
2255
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
2256
}
2257
scrollbar.horizontal button.down {
2259
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
2260
}
2261
scrollbar.horizontal button.up {
2263
-gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
2264
}
2265
/**********
2267
* Switch *
2268
**********/
2269
switch {
2270
transition: all 270ms cubic-bezier(0, 0, 0.2, 1);
2271
margin: 6px 0;
2272
padding: 0 2px;
2273
border: 5px solid transparent;
2274
border-radius: 9999px;
2275
background-color: rgba(0, 0, 0, 0.26);
2276
background-clip: padding-box;
2277
font-size: 0;
2278
}
2279
switch:disabled {
2281
background-color: rgba(0, 0, 0, 0.12);
2282
}
2283
switch:checked {
2285
background-color: rgba(255, 64, 129, 0.5);
2286
}
2287
switch:checked:disabled {
2289
background-color: rgba(255, 64, 129, 0.3);
2290
}
2291
switch slider {
2293
transition: all 270ms cubic-bezier(0, 0, 0.2, 1), box-shadow 180ms cubic-bezier(0, 0, 0.2, 1);
2294
min-width: 20px;
2295
min-height: 20px;
2296
margin: -3px -2px;
2297
border-radius: 9999px;
2298
-gtk-outline-radius: 9999px;
2299
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
2300
background-color: #FFFFFF;
2301
}
2302
switch:hover slider {
2304
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
2305
}
2306
switch:checked slider {
2308
transition: all 270ms cubic-bezier(0, 0, 0.2, 1), box-shadow 180ms cubic-bezier(0, 0, 0.2, 1), background-image 0, background-color 0.00001s 270ms;
2309
animation: needs_attention 270ms cubic-bezier(0, 0, 0.2, 1);
2310
background-color: #FF4081;
2311
color: #FFFFFF;
2312
}
2313
switch:disabled slider {
2315
background-color: #FAFAFA;
2316
}
2317
switch:checked:disabled slider {
2319
animation: none;
2320
}
2321
/*************************
2323
* Check and Radio items *
2324
*************************/
2325
.view.content-view.check:not(list),
2326
.content-view .tile check:not(list) {
2327
min-height: 40px;
2328
min-width: 40px;
2329
margin: 0;
2330
padding: 0;
2331
box-shadow: none;
2332
background-color: transparent;
2333
background-image: none;
2334
-gtk-icon-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
2335
}
2336
.view.content-view.check:not(list):hover, .view.content-view.check:not(list):active,
2338
.content-view .tile check:not(list):hover,
2339
.content-view .tile check:not(list):active {
2340
-gtk-icon-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
2341
}
2342
.view.content-view.check:not(list),
2344
.content-view .tile check:not(list) {
2345
-gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-unchecked.png"), url("assets/selectionmode-checkbox-unchecked@2.png"));
2346
}
2347
.view.content-view.check:not(list):checked,
2349
.content-view .tile check:not(list):checked {
2350
-gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-checked.png"), url("assets/selectionmode-checkbox-checked@2.png"));
2351
}
2352
checkbutton.text-button,
2354
radiobutton.text-button {
2355
padding: 2px;
2356
outline-offset: 0;
2357
}
2358
checkbutton.text-button label:not(:only-child),
2360
radiobutton.text-button label:not(:only-child) {
2361
margin: 0 4px;
2362
}
2363
check,
2365
radio {
2366
min-height: 24px;
2367
min-width: 24px;
2368
margin: -12px;
2369
padding: 12px;
2370
}
2371
check:checked, check:indeterminate,
2373
radio:checked,
2374
radio:indeterminate {
2375
color: #FF4081;
2376
}
2377
check:checked:disabled, check:indeterminate:disabled,
2379
radio:checked:disabled,
2380
radio:indeterminate:disabled {
2381
color: rgba(255, 64, 129, 0.5);
2382
}
2383
row:selected check:not(:checked):not(:indeterminate), row:selected
2385
radio:not(:checked):not(:indeterminate) {
2386
color: rgba(255, 255, 255, 0.7);
2387
}
2388
row:selected check:not(:checked):not(:indeterminate):hover, row:selected check:not(:checked):not(:indeterminate):active, row:selected
2390
radio:not(:checked):not(:indeterminate):hover, row:selected
2391
radio:not(:checked):not(:indeterminate):active {
2392
color: #FFFFFF;
2393
}
2394
row:selected check:not(:checked):not(:indeterminate):disabled, row:selected
2396
radio:not(:checked):not(:indeterminate):disabled {
2397
color: rgba(255, 255, 255, 0.3);
2398
}
2399
popover check, popover check:hover, popover check:disabled, popover
2401
radio, popover
2402
radio:hover, popover
2403
radio:disabled {
2404
box-shadow: none;
2405
background-image: none;
2406
}
2407
popover check:not(:checked):not(:indeterminate):not(:disabled), popover
2409
radio:not(:checked):not(:indeterminate):not(:disabled) {
2410
color: rgba(0, 0, 0, 0.54);
2411
}
2412
popover check.left:dir(rtl), popover
2414
radio.left:dir(rtl) {
2415
margin-left: -16px;
2416
margin-right: -8px;
2417
}
2418
popover check.right:dir(ltr), popover
2420
radio.right:dir(ltr) {
2421
margin-left: -8px;
2422
margin-right: -16px;
2423
}
2424
menu menuitem check, menu menuitem
2426
radio {
2427
transition: none;
2428
min-height: 16px;
2429
min-width: 16px;
2430
margin: 0;
2431
padding: 0;
2432
}
2433
menu menuitem check:dir(ltr), menu menuitem
2435
radio:dir(ltr) {
2436
margin-right: 8px;
2437
}
2438
menu menuitem check:dir(rtl), menu menuitem
2440
radio:dir(rtl) {
2441
margin-left: 8px;
2442
}
2443
menu menuitem check:not(:checked):not(:indeterminate):not(:disabled), menu menuitem
2445
radio:not(:checked):not(:indeterminate):not(:disabled) {
2446
color: rgba(0, 0, 0, 0.54);
2447
}
2448
menu menuitem check, menu menuitem check:hover, menu menuitem check:disabled, menu menuitem
2450
radio, menu menuitem
2451
radio:hover, menu menuitem
2452
radio:disabled {
2453
box-shadow: none;
2454
}
2455
check {
2458
-gtk-icon-source: image(-gtk-recolor(url("assets/scalable/checkbox-unchecked-symbolic.svg")), -gtk-recolor(url("assets/scalable/checkbox-unchecked-symbolic.symbolic.png")));
2459
}
2460
check:checked {
2463
-gtk-icon-source: image(-gtk-recolor(url("assets/scalable/checkbox-checked-symbolic.svg")), -gtk-recolor(url("assets/scalable/checkbox-checked-symbolic.symbolic.png")));
2464
}
2465
check:indeterminate {
2468
-gtk-icon-source: image(-gtk-recolor(url("assets/scalable/checkbox-mixed-symbolic.svg")), -gtk-recolor(url("assets/scalable/checkbox-mixed-symbolic.symbolic.png")));
2469
}
2470
radio {
2473
border-image-slice: 24;
2474
border-image-width: 24px;
2475
}
2476
radio {
2479
-gtk-icon-source: image(-gtk-recolor(url("assets/scalable/radio-unchecked-symbolic.svg")), -gtk-recolor(url("assets/scalable/radio-unchecked-symbolic.symbolic.png")));
2480
}
2481
radio:indeterminate {
2484
-gtk-icon-source: image(-gtk-recolor(url("assets/scalable/radio-mixed-symbolic.svg")), -gtk-recolor(url("assets/scalable/radio-mixed-symbolic.symbolic.png")));
2485
}
2486
radio {
2489
border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#FF4081), to(transparent));
2490
}
2491
radio:checked:not(:indeterminate) {
2494
border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.10417, to(#FF4081), to(transparent));
2495
}
2496
radio:checked:not(:indeterminate):disabled {
2499
border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.10417, to(rgba(255, 64, 129, 0.5)), to(transparent));
2500
}
2501
window.background:not(.csd) > widget > checkbutton > check,
2503
menu menuitem check {
2504
border-radius: 2px;
2505
-gtk-outline-radius: 2px;
2506
-gtk-icon-source: image(-gtk-recolor(url("assets/scalable/small-checkbox-unchecked-symbolic.svg")), -gtk-recolor(url("assets/scalable/small-checkbox-unchecked-symbolic.symbolic.png")));
2507
}
2508
window.background:not(.csd) > widget > checkbutton > check:checked,
2510
menu menuitem check:checked {
2511
-gtk-icon-source: image(-gtk-recolor(url("assets/scalable/small-checkbox-checked-symbolic.svg")), -gtk-recolor(url("assets/scalable/small-checkbox-checked-symbolic.symbolic.png")));
2512
}
2513
window.background:not(.csd) > widget > checkbutton > check:indeterminate,
2515
menu menuitem check:indeterminate {
2516
-gtk-icon-source: image(-gtk-recolor(url("assets/scalable/small-checkbox-mixed-symbolic.svg")), -gtk-recolor(url("assets/scalable/small-checkbox-mixed-symbolic.symbolic.png")));
2517
}
2518
window.background:not(.csd) > widget > radiobutton > radio,
2520
menu menuitem radio {
2521
border-image: none;
2522
-gtk-icon-source: image(-gtk-recolor(url("assets/scalable/small-radio-unchecked-symbolic.svg")), -gtk-recolor(url("assets/scalable/small-radio-unchecked-symbolic.symbolic.png")));
2523
}
2524
window.background:not(.csd) > widget > radiobutton > radio:checked,
2526
menu menuitem radio:checked {
2527
-gtk-icon-source: image(-gtk-recolor(url("assets/scalable/small-radio-checked-symbolic.svg")), -gtk-recolor(url("assets/scalable/small-radio-checked-symbolic.symbolic.png")));
2528
}
2529
window.background:not(.csd) > widget > radiobutton > radio:indeterminate,
2531
menu menuitem radio:indeterminate {
2532
-gtk-icon-source: image(-gtk-recolor(url("assets/scalable/small-radio-mixed-symbolic.svg")), -gtk-recolor(url("assets/scalable/small-radio-mixed-symbolic.symbolic.png")));
2533
}
2534
check:not(:checked):active {
2536
-gtk-icon-transform: rotate(90deg);
2537
}
2538
check:not(:checked):indeterminate:active,
2540
radio:not(:checked):indeterminate:active {
2541
-gtk-icon-transform: scaleX(-1);
2542
}
2543
check:not(:checked),
2545
radio:not(:checked) {
2546
transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-size 450ms cubic-bezier(0, 0, 0.2, 1), background-image 900ms cubic-bezier(0, 0, 0.2, 1), -gtk-icon-transform 0;
2547
}
2548
check:not(:checked):active,
2550
radio:not(:checked):active {
2551
transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0, -gtk-icon-transform 0;
2552
}
2553
menu menuitem check:not(:checked), menu menuitem
2555
radio:not(:checked) {
2556
transition: none;
2557
}
2558
treeview.view check,
2560
treeview.view radio {
2561
padding: 0;
2562
}
2563
treeview.view check:hover,
2565
treeview.view radio:hover {
2566
box-shadow: inset 0 0 0 9999px alpha(rgba(0, 0, 0, 0.87), 0.05);
2567
}
2568
treeview.view check:hover:disabled,
2570
treeview.view radio:hover:disabled {
2571
box-shadow: none;
2572
}
2573
treeview.view check:hover:selected,
2575
treeview.view radio:hover:selected {
2576
box-shadow: inset 0 0 0 9999px alpha(#FFFFFF, 0.05);
2577
}
2578
treeview.view check,
2580
treeview.view radio {
2581
color: rgba(0, 0, 0, 0.54);
2582
}
2583
treeview.view check:hover, treeview.view check:active,
2585
treeview.view radio:hover,
2586
treeview.view radio:active {
2587
color: rgba(0, 0, 0, 0.87);
2588
}
2589
treeview.view check:disabled,
2591
treeview.view radio:disabled {
2592
color: rgba(0, 0, 0, 0.26);
2593
}
2594
treeview.view check:checked, treeview.view check:indeterminate,
2596
treeview.view radio:checked,
2597
treeview.view radio:indeterminate {
2598
color: #FF4081;
2599
}
2600
treeview.view check:checked:disabled, treeview.view check:indeterminate:disabled,
2602
treeview.view radio:checked:disabled,
2603
treeview.view radio:indeterminate:disabled {
2604
color: rgba(255, 64, 129, 0.5);
2605
}
2606
treeview.view check:selected,
2608
treeview.view radio:selected {
2609
color: rgba(255, 255, 255, 0.7);
2610
}
2611
treeview.view check:selected:hover, treeview.view check:selected:active,
2613
treeview.view radio:selected:hover,
2614
treeview.view radio:selected:active {
2615
color: #FFFFFF;
2616
}
2617
treeview.view check:selected:disabled,
2619
treeview.view radio:selected:disabled {
2620
color: rgba(255, 255, 255, 0.3);
2621
}
2622
treeview.view check:selected:checked, treeview.view check:selected:indeterminate,
2624
treeview.view radio:selected:checked,
2625
treeview.view radio:selected:indeterminate {
2626
color: #FF4081;
2627
}
2628
treeview.view check:selected:checked:disabled, treeview.view check:selected:indeterminate:disabled,
2630
treeview.view radio:selected:checked:disabled,
2631
treeview.view radio:selected:indeterminate:disabled {
2632
color: rgba(255, 64, 129, 0.5);
2633
}
2634
treeview.view radio:checked {
2636
-gtk-icon-source: image(-gtk-recolor(url("assets/scalable/radio-checked-symbolic.svg")), -gtk-recolor(url("assets/scalable/radio-checked-symbolic.symbolic.png")));
2637
border-image: none;
2638
}
2639
/************
2641
* GtkScale *
2642
************/
2643
scale {
2644
min-height: 12px;
2645
min-width: 12px;
2646
padding: 12px;
2647
}
2648
scale slider {
2650
min-height: 24px;
2651
min-width: 24px;
2652
margin: -11px;
2653
}
2654
scale trough {
2656
transition: all 270ms cubic-bezier(0, 0, 0.2, 1);
2657
outline-offset: 2px;
2658
background-color: rgba(0, 0, 0, 0.26);
2659
}
2660
scale trough:disabled {
2662
background-color: rgba(0, 0, 0, 0.12);
2663
}
2664
scale highlight {
2666
transition: all 270ms cubic-bezier(0, 0, 0.2, 1);
2667
background-color: #FF4081;
2668
}
2669
scale highlight:disabled {
2671
background-color: transparent;
2672
}
2673
scale fill {
2675
transition: all 270ms cubic-bezier(0, 0, 0.2, 1);
2676
background-color: rgba(0, 0, 0, 0.26);
2677
}
2678
scale fill:disabled {
2680
background-color: transparent;
2681
}
2682
scale slider {
2684
transition: all 180ms cubic-bezier(0.4, 0, 0.2, 1);
2685
background-repeat: no-repeat;
2686
background-position: center;
2687
background-size: calc(100% - 10px);
2688
}
2689
scale slider {
2691
background-image: -gtk-scaled(url("assets/scale-slider.png"), url("assets/scale-slider@2.png"));
2692
}
2693
scale slider:disabled {
2695
background-image: -gtk-scaled(url("assets/scale-slider-disabled.png"), url("assets/scale-slider-disabled@2.png"));
2696
}
2697
scale slider:hover {
2699
background-size: calc(100% - 8px);
2700
}
2701
scale slider:active {
2703
background-size: calc(100% - 6px);
2704
}
2705
scale.fine-tune slider {
2707
background-size: calc(100% - 12px);
2708
}
2709
scale marks label,
2711
scale value {
2712
color: rgba(0, 0, 0, 0.38);
2713
}
2714
scale marks {
2716
color: rgba(0, 0, 0, 0.26);
2717
}
2718
scale marks.top {
2720
margin-bottom: 8px;
2721
margin-top: -16px;
2722
}
2723
scale marks.bottom {
2725
margin-top: 8px;
2726
margin-bottom: -16px;
2727
}
2728
scale marks.top {
2730
margin-right: 8px;
2731
margin-left: -16px;
2732
}
2733
scale marks.bottom {
2735
margin-left: 8px;
2736
margin-right: -16px;
2737
}
2738
scale.horizontal indicator {
2740
min-height: 8px;
2741
min-width: 1px;
2742
}
2743
scale.vertical indicator {
2745
min-height: 1px;
2746
min-width: 8px;
2747
}
2748
scale.horizontal.marks-before:not(.marks-after) slider {
2750
min-height: 30px;
2751
min-width: 24px;
2752
margin-top: -17px;
2753
background-position: center calc(100% - 5px);
2754
}
2755
scale.horizontal.marks-before:not(.marks-after) slider {
2757
background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider.png"), url("assets/scale-horz-marks-before-slider@2.png"));
2758
}
2759
scale.horizontal.marks-before:not(.marks-after) slider:disabled {
2761
background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-disabled.png"), url("assets/scale-horz-marks-before-slider-disabled@2.png"));
2762
}
2763
scale.horizontal.marks-before:not(.marks-after) slider:hover {
2765
background-position: center calc(100% - 4px);
2766
}
2767
scale.horizontal.marks-before:not(.marks-after) slider:active {
2769
background-position: center calc(100% - 3px);
2770
}
2771
scale.horizontal.marks-before:not(.marks-after).fine-tune slider {
2773
background-position: center calc(100% - 6px);
2774
}
2775
scale.horizontal.marks-after:not(.marks-before) slider {
2777
min-height: 30px;
2778
min-width: 24px;
2779
margin-bottom: -17px;
2780
background-position: center calc(5px);
2781
}
2782
scale.horizontal.marks-after:not(.marks-before) slider {
2784
background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider.png"), url("assets/scale-horz-marks-after-slider@2.png"));
2785
}
2786
scale.horizontal.marks-after:not(.marks-before) slider:disabled {
2788
background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-disabled.png"), url("assets/scale-horz-marks-after-slider-disabled@2.png"));
2789
}
2790
scale.horizontal.marks-after:not(.marks-before) slider:hover {
2792
background-position: center calc(4px);
2793
}
2794
scale.horizontal.marks-after:not(.marks-before) slider:active {
2796
background-position: center calc(3px);
2797
}
2798
scale.horizontal.marks-after:not(.marks-before).fine-tune slider {
2800
background-position: center calc(6px);
2801
}
2802
scale.vertical.marks-before:not(.marks-after) slider {
2804
min-height: 24px;
2805
min-width: 30px;
2806
margin-left: -17px;
2807
background-position: calc(5px) center;
2808
}
2809
scale.vertical.marks-before:not(.marks-after) slider {
2811
background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider.png"), url("assets/scale-vert-marks-before-slider@2.png"));
2812
}
2813
scale.vertical.marks-before:not(.marks-after) slider:disabled {
2815
background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-disabled.png"), url("assets/scale-vert-marks-before-slider-disabled@2.png"));
2816
}
2817
scale.vertical.marks-before:not(.marks-after) slider:hover {
2819
background-position: calc(4px) center;
2820
}
2821
scale.vertical.marks-before:not(.marks-after) slider:active {
2823
background-position: calc(3px) center;
2824
}
2825
scale.vertical.marks-before:not(.marks-after).fine-tune slider {
2827
background-position: calc(6px) center;
2828
}
2829
scale.vertical.marks-after:not(.marks-before) slider {
2831
min-height: 24px;
2832
min-width: 30px;
2833
margin-right: -17px;
2834
background-position: calc(100% - 5px) center;
2835
}
2836
scale.vertical.marks-after:not(.marks-before) slider {
2838
background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider.png"), url("assets/scale-vert-marks-after-slider@2.png"));
2839
}
2840
scale.vertical.marks-after:not(.marks-before) slider:disabled {
2842
background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-disabled.png"), url("assets/scale-vert-marks-after-slider-disabled@2.png"));
2843
}
2844
scale.vertical.marks-after:not(.marks-before) slider:hover {
2846
background-position: calc(100% - 4px) center;
2847
}
2848
scale.vertical.marks-after:not(.marks-before) slider:active {
2850
background-position: calc(100% - 3px) center;
2851
}
2852
scale.vertical.marks-after:not(.marks-before).fine-tune slider {
2854
background-position: calc(100% - 6px) center;
2855
}
2856
scale.color {
2858
min-height: 0;
2859
min-width: 0;
2860
}
2861
scale.color.horizontal {
2863
padding: 0 0 12px 0;
2864
}
2865
scale.color.horizontal slider:dir(ltr), scale.color.horizontal slider:dir(rtl) {
2867
margin-bottom: -12px;
2868
margin-top: -2px;
2869
}
2870
scale.color.vertical:dir(ltr) {
2872
padding: 0 0 0 12px;
2873
}
2874
scale.color.vertical:dir(ltr) slider {
2876
margin-left: -12px;
2877
margin-right: -2px;
2878
}
2879
scale.color.vertical:dir(rtl) {
2881
padding: 0 12px 0 0;
2882
}
2883
scale.color.vertical:dir(rtl) slider {
2885
margin-right: -12px;
2886
margin-left: -2px;
2887
}
2888
/*****************
2890
* Progress bars *
2891
*****************/
2892
progressbar {
2893
color: rgba(0, 0, 0, 0.38);
2894
font-size: smaller;
2895
}
2896
progressbar.horizontal trough,
2898
progressbar.horizontal progress {
2899
min-height: 4px;
2900
}
2901
progressbar.vertical trough,
2903
progressbar.vertical progress {
2904
min-width: 4px;
2905
}
2906
progressbar trough {
2908
background-color: rgba(66, 165, 245, 0.3);
2909
}
2910
progressbar progress {
2912
background-color: #42A5F5;
2913
}
2914
progressbar trough.empty progress {
2916
all: unset;
2917
}
2918
/*************
2920
* Level Bar *
2921
*************/
2922
levelbar.horizontal block {
2923
min-height: 4px;
2924
}
2925
levelbar.horizontal.discrete block {
2927
min-width: 36px;
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: 36px;
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: 24px;
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 {
3557
color: #FFFFFF;
3558
}
3559
colorswatch.light {
3561
color: rgba(0, 0, 0, 0.87);
3562
}
3563
colorswatch:drop(active) {
3565
box-shadow: none;
3566
}
3567
colorswatch:drop(active).light overlay {
3569
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;
3570
}
3571
colorswatch:drop(active).dark overlay {
3573
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;
3574
}
3575
colorswatch overlay {
3577
transition: box-shadow 180ms cubic-bezier(0, 0, 0.2, 1);
3578
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
3579
}
3580
colorswatch overlay:hover {
3582
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
3583
}
3584
colorswatch#add-color-button {
3586
border-radius: 2px 2px 0 0;
3587
color: #FFFFFF;
3588
}
3589
colorswatch#add-color-button:only-child {
3591
border-radius: 2px;
3592
}
3593
colorswatch#add-color-button overlay {
3595
background-image: linear-gradient(to right, #EF5350 25%, #FFA726 25%, #FFA726 50%, #66BB6A 50%, #66BB6A 75%, #42A5F5 75%);
3596
}
3597
colorswatch:disabled {
3599
opacity: 0.5;
3600
}
3601
colorswatch:disabled overlay {
3603
box-shadow: none;
3604
}
3605
colorswatch#editor-color-sample {
3607
border-radius: 2.5px;
3608
}
3609
colorswatch#editor-color-sample overlay {
3611
border-radius: 2px;
3612
}
3613
colorchooser .popover.osd {
3615
transition: box-shadow 180ms cubic-bezier(0, 0, 0.2, 1);
3616
border-radius: 2px;
3617
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);
3618
background-color: #FFFFFF;
3619
}
3620
colorchooser .popover.osd:backdrop {
3622
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);
3623
}
3624
/********
3626
* Misc *
3627
********/
3628
.content-view {
3629
background-color: #F5F5F5;
3630
}
3631
/**********************
3633
* Window Decorations *
3634
**********************/
3635
decoration {
3636
transition: box-shadow 180ms cubic-bezier(0, 0, 0.2, 1);
3637
border-radius: 2px 2px 0 0;
3638
box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22), 0 16px 16px transparent;
3639
margin: 8px;
3640
}
3641
decoration:backdrop {
3643
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), 0 16px 16px transparent;
3644
}
3645
.maximized decoration,
3647
.fullscreen decoration,
3648
.tiled decoration {
3649
border-radius: 0;
3650
}
3651
.popup decoration {
3653
box-shadow: none;
3654
}
3655
.ssd decoration {
3657
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16);
3658
}
3659
.csd.popup decoration {
3661
border-radius: 2px;
3662
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
3663
}
3664
tooltip.csd decoration {
3666
border-radius: 2px;
3667
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
3668
}
3669
messagedialog.csd decoration {
3671
border-radius: 2px;
3672
}
3673
.solid-csd decoration {
3675
margin: 0;
3676
border-radius: 0;
3677
box-shadow: none;
3678
background-color: #455A64;
3679
}
3680
.view selection, .view:selected, flowbox flowboxchild:selected, spinbutton:not(.vertical) selection,
3682
entry selection, modelbutton.flat:selected,
3683
.menuitem.button.flat:selected, popover.background.menu button:checked,
3684
popover.background button.model:checked, row:selected, calendar:selected, text:selected, .budgie-menu button:checked {
3685
background-color: #42A5F5;
3686
}
3687
row:selected label, label:selected, .view selection, .view:selected, flowbox flowboxchild:selected, spinbutton:not(.vertical) selection,
3689
entry selection, modelbutton.flat:selected,
3690
.menuitem.button.flat:selected, popover.background.menu button:checked,
3691
popover.background button.model:checked, row:selected, calendar:selected, text:selected, .budgie-menu button:checked {
3692
color: #FFFFFF;
3693
}
3694
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,
3696
entry selection:disabled, modelbutton.flat:disabled:selected,
3697
.menuitem.button.flat:disabled:selected, popover.background.menu button:disabled:checked,
3698
popover.background button.model:disabled:checked, row:disabled:selected, calendar:disabled:selected, text:disabled:selected, .budgie-menu button:disabled:checked {
3699
color: rgba(255, 255, 255, 0.5);
3700
}
3701
.monospace {
3703
font-family: monospace;
3704
}
3705
/**********************
3707
* Touch Copy & Paste *
3708
**********************/
3709
cursor-handle {
3710
border-radius: 9999px;
3711
background-color: #FF4081;
3712
background-image: none;
3713
}
3714
cursor-handle.top:dir(ltr), cursor-handle.bottom:dir(rtl) {
3716
padding-left: 6px;
3717
border-top-right-radius: 0;
3718
}
3719
cursor-handle.bottom:dir(ltr), cursor-handle.top:dir(rtl) {
3721
padding-right: 6px;
3722
border-top-left-radius: 0;
3723
}
3724
cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) {
3726
-GtkWidget-text-handle-width: 24;
3727
-GtkWidget-text-handle-height: 30;
3728
-gtk-icon-source: -gtk-scaled(url("assets/scale-horz-marks-before-slider.png"), url("assets/scale-horz-marks-before-slider@2.png"));
3729
}
3730
.context-menu {
3732
font: initial;
3733
}
3734
.keycap {
3736
min-width: 12px;
3737
min-height: 26px;
3738
margin-top: 2px;
3739
padding-bottom: 2px;
3740
padding-left: 8px;
3741
padding-right: 8px;
3742
border: solid 1px rgba(0, 0, 0, 0.12);
3743
border-radius: 3px;
3744
box-shadow: inset 0 -2px rgba(0, 0, 0, 0.12);
3745
background-color: #FFFFFF;
3746
color: rgba(0, 0, 0, 0.87);
3747
font-size: smaller;
3748
}
3749
:not(decoration):not(window):drop(active) {
3751
transition: all 270ms cubic-bezier(0, 0, 0.2, 1);
3752
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;
3753
caret-color: #FF4081;
3754
}
3755
stackswitcher button.text-button {
3757
min-width: 100px;
3758
}
3759
stackswitcher button.circular,
3761
stackswitcher button.text-button.circular {
3762
min-width: 36px;
3763
min-height: 36px;
3764
padding: 0;
3765
}
3766
/*********
3768
* Emoji *
3769
*********/
3770
popover.emoji-picker {
3771
padding: 0;
3772
}
3773
popover.emoji-picker entry {
3775
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
3776
border-bottom-left-radius: 0;
3777
border-bottom-right-radius: 0;
3778
box-shadow: none;
3779
}
3780
popover.emoji-picker scrolledwindow {
3782
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
3783
}
3784
button.emoji-section {
3786
margin-top: -1px;
3787
padding: 0 8px;
3788
min-width: 24px;
3789
min-height: 36px;
3790
border-radius: 0;
3791
outline-offset: -6px;
3792
box-shadow: none;
3793
}
3794
button.emoji-section:hover {
3796
box-shadow: inset 0 2px rgba(0, 0, 0, 0.26);
3797
}
3798
button.emoji-section:active {
3800
box-shadow: inset 0 2px #42A5F5;
3801
background-image: radial-gradient(circle farthest-corner at center, rgba(66, 165, 245, 0.7) 10%, transparent 0%);
3802
}
3803
button.emoji-section:checked {
3805
box-shadow: inset 0 2px #42A5F5;
3806
background-color: transparent;
3807
}
3808
button.emoji-section:first-child {
3810
margin-left: 4px;
3811
}
3812
button.emoji-section:last-child {
3814
margin-right: 4px;
3815
}
3816
.emoji {
3818
min-width: 3em;
3819
min-height: 3em;
3820
padding: 0;
3821
}
3822
.emoji widget {
3824
transition: all 180ms cubic-bezier(0, 0, 0.2, 1);
3825
}
3826
.emoji widget:hover {
3828
font-size: larger;
3829
}
3830
/************
3832
* Nautilus *
3833
************/
3834
.nautilus-window,
3835
.nautilus-window notebook,
3836
.nautilus-window notebook > stack {
3837
background-color: #FFFFFF;
3838
}
3839
.nautilus-desktop.nautilus-canvas-item:not(:selected), .caja-desktop.caja-canvas-item:not(:selected) {
3841
color: #FFFFFF;
3842
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
3843
}
3844
@keyframes needs_attention_keyframes {
3846
to {
3847
background-color: alpha(currentColor, 0.3);
3848
}
3849
}
3850
.nautilus-operations-button-needs-attention {
3852
animation: needs_attention_keyframes 270ms cubic-bezier(0.4, 0, 0.2, 1) 2 alternate;
3853
}
3854
.nautilus-operations-button-needs-attention-multiple {
3856
animation: needs_attention_keyframes 270ms cubic-bezier(0.4, 0, 0.2, 1) 4 alternate;
3857
}
3858
.nautilus-window .floating-bar {
3860
min-height: 32px;
3861
padding: 0;
3862
border-style: solid solid none;
3863
border-width: 1px;
3864
border-color: rgba(0, 0, 0, 0.12);
3865
border-radius: 3px 3px 0 0;
3866
background-color: #FFFFFF;
3867
background-clip: padding-box;
3868
transition: all 270ms cubic-bezier(0, 0, 0.2, 1), border-width 0;
3869
}
3870
.nautilus-window .floating-bar.bottom.left {
3872
margin-right: 7px;
3873
border-left-style: none;
3874
border-top-left-radius: 0;
3875
}
3876
.nautilus-window .floating-bar.bottom.right {
3878
margin-left: 7px;
3879
border-right-style: none;
3880
border-top-right-radius: 0;
3881
}
3882
.nautilus-window .floating-bar button {
3884
margin: 4px;
3885
}
3886
.disk-space-display.unknown {
3888
background-color: #FF6D00;
3889
}
3890
.disk-space-display.used {
3892
background-color: #42A5F5;
3893
}
3894
.disk-space-display.free {
3896
background-color: rgba(0, 0, 0, 0.12);
3897
}
3898
.nautilus-window searchbar {
3900
border-top: 1px solid rgba(0, 0, 0, 0.12);
3901
}
3902
.nautilus-window .searchbar-container {
3904
margin-top: -1px;
3905
}
3906
.conflict-row:not(:selected) {
3908
background-color: #ffd3b3;
3909
}
3910
.nautilus-window flowboxchild > widget > .icon-item-background {
3912
padding: 4px;
3913
border-radius: 2px;
3914
}
3915
.nautilus-window flowboxchild:selected {
3917
background-color: transparent;
3918
}
3919
.nautilus-window flowboxchild:selected > widget > .icon-item-background {
3921
background-color: #42A5F5;
3922
}
3923
dialog.background > box.dialog-vbox.vertical > grid.horizontal > scrolledwindow.frame {
3925
border-style: none;
3926
}
3927
dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child {
3929
margin: -6px 0 0 -6px;
3930
border-top: 1px solid rgba(0, 0, 0, 0.12);
3931
}
3932
dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child > label {
3934
margin: 0 8px;
3935
}
3936
dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child > box > button {
3938
border-radius: 0;
3939
}
3940
.nautilus-window > popover.menu:not(:last-child) {
3942
padding: 3px;
3943
}
3944
.nautilus-window > popover.menu:not(:last-child) > stack > box > box > box {
3946
margin-top: -6px;
3947
}
3948
.nautilus-window > popover.menu:not(:last-child) > stack > box > box > box > box {
3950
margin-bottom: -6px;
3951
}
3952
.nautilus-window > popover.menu:not(:last-child) > stack > box > box > box > box.linked {
3954
margin-top: 1px;
3955
}
3956
.nautilus-window > popover.menu:not(:last-child) separator {
3958
margin-bottom: -2px;
3959
}
3960
.nautilus-menu-sort-heading {
3962
margin: 1px 3px;
3963
font-weight: 500;
3964
}
3965
.nautilus-menu-sort-heading:disabled {
3967
color: rgba(0, 0, 0, 0.38);
3968
}
3969
.nautilus-window paned > separator {
3971
background-color: #F5F5F5;
3972
}
3973
/*********
3975
* gedit *
3976
*********/
3977
.open-document-selector-path-label {
3978
color: rgba(0, 0, 0, 0.54);
3979
font-size: smaller;
3980
}
3981
.open-document-selector-path-label:selected {
3983
color: rgba(255, 255, 255, 0.7);
3984
}
3985
.gedit-document-panel {
3987
background-color: #FAFAFA;
3988
}
3989
.gedit-document-panel row button.flat {
3991
margin-top: 8px;
3992
margin-bottom: 8px;
3993
}
3994
.gedit-document-panel-group-row:not(:first-child) {
3996
border-top: 1px solid rgba(0, 0, 0, 0.12);
3997
}
3998
.gedit-side-panel-paned statusbar {
4000
border-top: 1px solid rgba(0, 0, 0, 0.12);
4001
}
4002
.gedit-search-slider {
4004
margin: 4px 4px 8px;
4005
}
4006
.gedit-search-slider entry:dir(ltr), .gedit-search-slider entry:dir(rtl) {
4008
border-radius: 2px;
4009
}
4010
.gedit-search-slider entry:dir(ltr) .gedit-search-entry-occurrences-tag, .gedit-search-slider entry:dir(rtl) .gedit-search-entry-occurrences-tag {
4012
all: unset;
4013
color: rgba(0, 0, 0, 0.38);
4014
}
4015
.gedit-search-slider entry:dir(ltr) {
4017
margin-right: -66px;
4018
padding-right: 66px;
4019
}
4020
.gedit-search-slider entry:dir(ltr) .gedit-search-entry-occurrences-tag {
4022
margin-left: 6px;
4023
}
4024
.gedit-search-slider entry:dir(ltr) image.right {
4026
margin-right: 0;
4027
}
4028
.gedit-search-slider entry:dir(rtl) {
4030
margin-left: -66px;
4031
padding-left: 66px;
4032
}
4033
.gedit-search-slider entry:dir(rtl) .gedit-search-entry-occurrences-tag {
4035
margin-right: 6px;
4036
}
4037
.gedit-search-slider entry:dir(rtl) image.left {
4039
margin-left: 0;
4040
}
4041
.gedit-search-slider entry.error ~ button {
4043
color: rgba(255, 255, 255, 0.7);
4044
}
4045
.gedit-search-slider entry.error ~ button:hover, .gedit-search-slider entry.error ~ button:active {
4047
color: #FFFFFF;
4048
}
4049
.gedit-search-slider entry.error ~ button:disabled {
4051
color: rgba(255, 255, 255, 0.3);
4052
}
4053
.gedit-search-slider button {
4055
border: solid 6px transparent;
4056
}
4057
.gedit-search-slider button:last-child:dir(ltr), .gedit-search-slider button:not(:first-child):dir(rtl) {
4059
margin-left: -3px;
4060
}
4061
.gedit-search-slider button:first-child:dir(rtl), .gedit-search-slider button:not(:last-child):dir(ltr) {
4063
margin-right: -3px;
4064
}
4065
frame.gedit-map-frame > border:dir(ltr) {
4067
border-style: none none none solid;
4068
}
4069
frame.gedit-map-frame > border:dir(rtl) {
4071
border-style: none solid none none;
4072
}
4073
/**************
4075
* Tweak Tool *
4076
**************/
4077
.tweak-categories {
4078
background-image: image(#FAFAFA);
4079
}
4080
.tweak {
4082
padding: 3px;
4083
}
4084
.tweak.title:hover {
4086
box-shadow: none;
4087
}
4088
.tweak-group-white,
4090
.tweak-white,
4091
.tweak-white:hover {
4092
background-image: image(#FFFFFF);
4093
}
4094
.tweak-startup,
4096
.tweak-startup:hover {
4097
background-image: image(#FFFFFF);
4098
}
4099
.tweak-group-startup {
4101
background-image: image(#FFFFFF);
4102
border: 1px solid rgba(0, 0, 0, 0.12);
4103
}
4104
/***********
4106
* Builder *
4107
***********/
4108
layouttabbar {
4109
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4110
background-color: #F5F5F5;
4111
}
4112
layouttabbar > box > button {
4114
margin: 2px 0;
4115
}
4116
layouttab {
4118
margin: 0 8px;
4119
border-style: none solid;
4120
border-width: 1px;
4121
border-color: rgba(0, 0, 0, 0.12);
4122
box-shadow: inset 0 -2px #42A5F5;
4123
background-color: #FFFFFF;
4124
}
4125
layouttab separator.vertical {
4127
margin: 8px 4px;
4128
}
4129
layouttab button.text-button, layouttab button.image-button, layouttab button {
4131
margin-top: 8px;
4132
margin-bottom: 8px;
4133
padding: 0 4px;
4134
}
4135
layout {
4137
border: 1px solid rgba(0, 0, 0, 0.12);
4138
-PnlDockBin-handle-size: 1;
4139
}
4140
entry.search-missing {
4142
background-color: #DD2C00;
4143
color: #FFFFFF;
4144
}
4145
window.workbench treeview.image {
4147
color: rgba(0, 0, 0, 0.54);
4148
}
4149
window.workbench treeview.image:selected {
4151
color: rgba(255, 255, 255, 0.7);
4152
}
4153
popover.popover-selector list {
4155
padding: 6px;
4156
}
4157
popover.popover-selector list row {
4159
border-radius: 2px;
4160
}
4161
popover.popover-selector list row image:dir(ltr) {
4163
margin-right: 6px;
4164
}
4165
popover.popover-selector list row image:dir(rtl) {
4167
margin-left: 6px;
4168
}
4169
popover.popover-selector list row .accel:dir(ltr) {
4171
margin-left: 6px;
4172
}
4173
popover.popover-selector list row .accel:dir(rtl) {
4175
margin-right: 6px;
4176
}
4177
omnibar.linked:not(.vertical) entry {
4179
border-radius: 2px;
4180
}
4181
omnibar:not(:hover):not(:active) entry {
4183
color: rgba(0, 0, 0, 0.54);
4184
}
4185
popover.omnibar list row:not(:last-child) {
4187
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4188
}
4189
entry.preferences-search {
4191
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12);
4192
background-color: #FFFFFF;
4193
}
4194
preferences stacksidebar.sidebar list {
4196
background-color: #FAFAFA;
4197
}
4198
preferences stacksidebar.sidebar:dir(ltr) list, preferences stacksidebar.sidebar:dir(rtl) list {
4200
border-style: none;
4201
}
4202
preferences > box > box:dir(ltr) {
4204
border-right: 1px solid rgba(0, 0, 0, 0.12);
4205
}
4206
preferences > box > box:dir(rtl) {
4208
border-left: 1px solid rgba(0, 0, 0, 0.12);
4209
}
4210
popover.messagepopover.background {
4212
padding: 0;
4213
}
4214
popover.messagepopover .popover-action-area button {
4216
padding: 8px 16px;
4217
border-top: 1px solid rgba(0, 0, 0, 0.12);
4218
border-radius: 0;
4219
}
4220
popover.messagepopover .popover-action-area button:first-child {
4222
border-bottom-left-radius: 2px;
4223
}
4224
popover.messagepopover .popover-action-area button:last-child {
4226
border-bottom-right-radius: 2px;
4227
}
4228
popover.messagepopover .popover-content-area {
4230
margin: 16px;
4231
}
4232
popover.transfers list {
4234
background-color: transparent;
4235
}
4236
popover.transfers list row:not(:first-child) {
4238
border-top: 1px solid rgba(0, 0, 0, 0.12);
4239
}
4240
popover.transfers list row > box {
4242
padding: 10px;
4243
}
4244
dockbin {
4246
border: 1px solid rgba(0, 0, 0, 0.12);
4247
-PnlDockBin-handle-size: 1;
4248
}
4249
dockpaned {
4251
border: 1px solid rgba(0, 0, 0, 0.12);
4252
}
4253
eggsearchbar box.search-bar {
4255
padding: 0 8px;
4256
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4257
background-color: #F5F5F5;
4258
}
4259
docktabstrip {
4261
padding: 0 8px;
4262
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4263
background-color: #F5F5F5;
4264
}
4265
docktab {
4267
transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
4268
min-height: 24px;
4269
min-width: 24px;
4270
margin-bottom: -1px;
4271
padding: 6px 6px;
4272
outline-offset: -6px;
4273
border-width: 1px;
4274
border-color: transparent;
4275
background-image: radial-gradient(circle farthest-corner at center, #42A5F5 10%, transparent 0%);
4276
background-repeat: no-repeat;
4277
background-position: center;
4278
background-size: 0% 0%;
4279
color: rgba(0, 0, 0, 0.54);
4280
font-weight: 500;
4281
}
4282
docktab:hover {
4284
box-shadow: inset 0 -2px rgba(0, 0, 0, 0.26);
4285
color: rgba(0, 0, 0, 0.87);
4286
}
4287
docktab:checked {
4289
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);
4290
box-shadow: inset 0 -2px #42A5F5;
4291
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
4292
background-size: 1000% 1000%;
4293
color: rgba(0, 0, 0, 0.87);
4294
}
4295
dockoverlayedge {
4297
background-color: #F5F5F5;
4298
}
4299
dockoverlayedge docktabstrip {
4301
padding: 0;
4302
border: none;
4303
}
4304
dockoverlayedge.left-edge docktab:hover {
4306
box-shadow: inset -2px 0 rgba(0, 0, 0, 0.26);
4307
}
4308
dockoverlayedge.left-edge docktab:checked {
4310
box-shadow: inset -2px 0 #42A5F5;
4311
}
4312
dockoverlayedge.right-edge docktab:hover {
4314
box-shadow: inset 2px 0 rgba(0, 0, 0, 0.26);
4315
}
4316
dockoverlayedge.right-edge docktab:checked {
4318
box-shadow: inset 2px 0 #42A5F5;
4319
}
4320
pillbox {
4322
background-color: #F5F5F5;
4323
border-radius: 2px;
4324
}
4325
layoutpane entry.search {
4327
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12);
4328
background-color: #FFFFFF;
4329
}
4330
editortweak entry.search {
4332
margin-bottom: -1px;
4333
box-shadow: none;
4334
}
4335
.gb-search-entry-occurrences-tag {
4337
box-shadow: none;
4338
background-color: transparent;
4339
}
4340
docktabstrip {
4342
min-height: 39px;
4343
}
4344
window.workbench preferences preferencesgroup list entry {
4346
padding-top: 8px;
4347
padding-bottom: 8px;
4348
}
4349
button.run-arrow-button {
4351
padding-left: 10px;
4352
padding-right: 10px;
4353
}
4354
/**********
4356
* Photos *
4357
**********/
4358
GdMainIconView.content-view {
4359
-GdMainIconView-icon-size: 48;
4360
}
4361
.documents-counter {
4363
margin: 8px;
4364
border-radius: 9999px;
4365
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
4366
background-color: #FF4081;
4367
color: #FFFFFF;
4368
font-weight: bold;
4369
}
4370
.documents-scrolledwin.frame {
4372
border-style: none;
4373
}
4374
.documents-scrolledwin.frame frame.content-view > border {
4376
border-style: none;
4377
}
4378
.photos-fade-in {
4380
opacity: 1;
4381
transition: opacity 180ms cubic-bezier(0, 0, 0.2, 1);
4382
}
4383
.photos-fade-out {
4385
opacity: 0;
4386
transition: opacity 180ms cubic-bezier(0, 0, 0.2, 1);
4387
}
4388
overlay grid.horizontal > revealer > scrolledwindow.frame:dir(ltr) {
4390
border-style: none none none solid;
4391
}
4392
overlay grid.horizontal > revealer > scrolledwindow.frame:dir(rtl) {
4394
border-style: none solid none none;
4395
}
4396
/*********
4398
* Music *
4399
*********/
4400
.side-panel:dir(ltr) {
4401
border-style: solid;
4402
border-color: rgba(0, 0, 0, 0.12);
4403
}
4404
.side-panel:dir(rtl) {
4406
border-style: solid;
4407
border-color: rgba(0, 0, 0, 0.12);
4408
}
4409
.side-panel .view {
4411
background-image: image(#FAFAFA);
4412
}
4413
.side-panel .view:hover {
4415
background-image: image(rgba(240, 240, 240, 0.9935));
4416
}
4417
.side-panel .view:selected {
4419
background-image: image(#42A5F5);
4420
}
4421
.side-panel .view:selected:hover {
4423
background-image: image(#4baaf6);
4424
}
4425
.songs-list:hover {
4427
background-image: image(alpha(currentColor, 0.05));
4428
}
4429
frame.documents-dropdown {
4431
margin: 8px;
4432
}
4433
frame.documents-dropdown > border {
4435
border: none;
4436
}
4437
box.vertical > revealer > toolbar.search-bar {
4439
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4440
background-clip: border-box;
4441
}
4442
box.vertical > revealer > toolbar.search-bar button > widget {
4444
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
4445
}
4446
/*********
4448
* To Do *
4449
*********/
4450
taskrow {
4451
transition: all 180ms cubic-bezier(0, 0, 0.2, 1);
4452
margin: 0 -8px;
4453
}
4454
taskrow:hover {
4456
transition: none;
4457
}
4458
taskrow label {
4460
margin: 0 8px;
4461
}
4462
taskrow image {
4464
min-width: 16px;
4465
}
4466
task-list-view > box > revealer > box > button {
4468
margin: -6px;
4469
}
4470
/*******
4472
* eog *
4473
*******/
4474
#eog-thumb-nav scrolledwindow {
4475
border-top: none;
4476
}
4477
#eog-thumb-nav button {
4479
-gtk-outline-radius: 2px;
4480
}
4481
/*************
4483
* Evolution *
4484
*************/
4485
frame.taskbar > border {
4486
border-style: solid none none;
4487
}
4488
box.vertical > paned.horizontal notebook widget .frame {
4490
border-style: none;
4491
}
4492
/********
4494
* gitg *
4495
********/
4496
frame.commit-frame > border {
4497
border-style: solid none none;
4498
}
4499
/**************
4501
* Characters *
4502
**************/
4503
box.dialog-vbox scrolledwindow.related {
4504
border: 1px solid rgba(0, 0, 0, 0.12);
4505
}
4506
list.categories {
4508
background-image: image(#FAFAFA);
4509
}
4510
/*********
4512
* Boxes *
4513
*********/
4514
.transparent-bg + stack overlay > label {
4515
min-height: 24px;
4516
padding: 0 4px;
4517
border-radius: 2px;
4518
background-color: rgba(0, 0, 0, 0.3);
4519
color: #FFFFFF;
4520
}
4521
/**************
4523
* Calculator *
4524
**************/
4525
button.title label {
4526
min-height: 36px;
4527
}
4528
/*********
4530
* Geary *
4531
*********/
4532
.geary-titlebar-left:dir(ltr) {
4533
margin-right: 5px;
4534
padding-right: 0;
4535
}
4536
.geary-titlebar-left:dir(rtl) {
4538
margin-left: 5px;
4539
padding-left: 0;
4540
}
4541
.geary-titlebar-left > separator {
4543
background-color: rgba(0, 0, 0, 0.05);
4544
}
4545
.geary-titlebar-right:dir(ltr) {
4547
margin-left: -5px;
4548
}
4549
.geary-titlebar-right:dir(rtl) {
4551
margin-right: -5px;
4552
}
4553
/*********
4555
* Tilix *
4556
*********/
4557
overlay > revealer.left > scrolledwindow.frame,
4558
overlay > revealer.right > scrolledwindow.frame {
4559
border-style: none;
4560
box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22);
4561
}
4562
overlay > revealer.left > scrolledwindow.frame {
4564
margin-right: 32px;
4565
}
4566
overlay > revealer.right > scrolledwindow.frame {
4568
margin-left: 32px;
4569
}
4570
.terminix-session-sidebar,
4572
.tilix-session-sidebar {
4573
background-image: image(#FAFAFA);
4574
}
4575
button.image-button.session-new-button {
4577
min-width: 32px;
4578
}
4579
/***********
4581
* Eclipse *
4582
***********/
4583
window.background > box.vertical > scrolledwindow > widget toolbar {
4584
padding: 2px;
4585
}
4586
window.background > box.vertical > scrolledwindow > widget toolbar separator,
4588
window.background > box.vertical > scrolledwindow > widget toolbar button {
4589
margin: 2px;
4590
}
4591
window.background > box.vertical > scrolledwindow > widget toolbar button {
4593
border-radius: 2px;
4594
}
4595
/************
4597
* Chromium *
4598
************/
4599
tooltip.chromium {
4600
background-color: #FFFFFF;
4601
}
4602
/***********
4604
* Firefox *
4605
***********/
4606
window.background:not(.csd) > widget > separator {
4607
color: rgba(0, 0, 0, 0.2);
4608
}
4609
window.background:not(.csd) > widget > scrollbar {
4611
background-clip: border-box;
4612
}
4613
window.background:not(.csd) > widget > scrollbar,
4615
window.background:not(.csd) > widget > frame > border {
4616
border-color: rgba(0, 0, 0, 0.2);
4617
}
4618
window.background:not(.csd) > widget > entry,
4620
window.background:not(.csd) > widget > button > button {
4621
border: 1px solid rgba(0, 0, 0, 0.2);
4622
border-radius: 3px;
4623
box-shadow: none;
4624
}
4625
window.background:not(.csd) > widget > entry {
4627
min-height: 30px;
4628
}
4629
window.background:not(.csd) > widget > entry:focus {
4631
border-color: #42A5F5;
4632
}
4633
window.background:not(.csd) > widget > button > button {
4635
padding: 4px 8px;
4636
background-size: auto;
4637
}
4638
window.background:not(.csd) > widget > button > button:hover {
4640
background-image: image(alpha(currentColor, 0.05));
4641
}
4642
window.background:not(.csd) > widget > button > button:active {
4644
background-image: image(alpha(currentColor, 0.1));
4645
}
4646
window.background:not(.csd) > window > menu,
4648
window.background:not(.csd) > menu > menu {
4649
border: none;
4650
}
4651
window.background:not(.csd) > widget > menubar {
4653
color: rgba(255, 255, 255, 0.7);
4654
}
4655
window.background:not(.csd) > widget > menubar:hover {
4657
color: #FFFFFF;
4658
}
4659
window.background:not(.csd) > widget > menubar:disabled {
4661
color: rgba(255, 255, 255, 0.3);
4662
}
4663
window.background:not(.csd) > widget > frame {
4665
color: rgba(0, 0, 0, 0.2);
4666
}
4667
window.background:not(.csd) > widget > checkbutton > check,
4669
window.background:not(.csd) > widget > radiobutton > radio {
4670
margin: 0;
4671
padding: 0;
4672
}
4673
window.background:not(.csd) > window.background > menu > separator {
4675
color: rgba(0, 0, 0, 0.12);
4676
}
4677
/************
4679
* Inkscape *
4680
************/
4681
#ToolboxCommon > #AuxToolbox #StyleSwatch {
4682
font-size: smaller;
4683
}
4684
#ToolboxCommon > #AuxToolbox #Kludge {
4686
padding: 0;
4687
}
4688
#ToolboxCommon > #AuxToolbox spinbutton,
4690
#ToolboxCommon > #AuxToolbox entry {
4691
min-height: 32px;
4692
}
4693
#ToolboxCommon > #AuxToolbox button:not(.up):not(.down) {
4695
min-height: 24px;
4696
min-width: 16px;
4697
padding: 4px 8px;
4698
border-radius: 2px;
4699
-gtk-outline-radius: 2px;
4700
}
4701
#ToolboxCommon > #AuxToolbox spinbutton button {
4703
border-width: 4px;
4704
}
4705
#ToolboxCommon > toolbar.vertical {
4707
margin-top: -4px;
4708
}
4709
#ToolboxCommon > toolbar.vertical button {
4711
min-height: 24px;
4712
min-width: 24px;
4713
padding: 4px;
4714
border-radius: 2px;
4715
-gtk-outline-radius: 2px;
4716
}
4717
#CanvasTable button {
4719
min-height: 16px;
4720
min-width: 16px;
4721
padding: 0;
4722
}
4723
#CanvasTable #HorizontalScrollbar {
4725
border-top: 1px solid rgba(0, 0, 0, 0.12);
4726
}
4727
#CanvasTable #VerticalScrollbar:dir(ltr) {
4729
border-left: 1px solid rgba(0, 0, 0, 0.12);
4730
}
4731
#CanvasTable #VerticalScrollbar:dir(rtl) {
4733
border-right: 1px solid rgba(0, 0, 0, 0.12);
4734
}
4735
#Canvas_and_Dock frame > border {
4737
border: none;
4738
}
4739
#Canvas_and_Dock widget > widget > button.flat {
4741
min-height: 16px;
4742
min-width: 16px;
4743
padding: 4px;
4744
}
4745
#Canvas_and_Dock widget > widget > box.horizontal image {
4747
padding: 4px;
4748
}
4749
#Canvas_and_Dock box.horizontal > box.vertical > button.flat {
4751
min-height: 16px;
4752
min-width: 24px;
4753
padding: 8px 4px;
4754
}
4755
/***********
4757
* Synapse *
4758
***********/
4759
box.vertical > widget > widget:selected {
4760
background-color: #42A5F5;
4761
}
4762
/*********
4764
* Unity *
4765
*********/
4766
UnityDecoration {
4767
-UnityDecoration-extents: 28px 0 0 0;
4768
-UnityDecoration-input-extents: 8px;
4769
-UnityDecoration-shadow-offset-x: 0;
4770
-UnityDecoration-shadow-offset-y: 3px;
4771
-UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.48);
4772
-UnityDecoration-active-shadow-radius: 18px;
4773
-UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.32);
4774
-UnityDecoration-inactive-shadow-radius: 6px;
4775
-UnityDecoration-glow-size: 8px;
4776
-UnityDecoration-glow-color: #42A5F5;
4777
-UnityDecoration-title-indent: 4px;
4778
-UnityDecoration-title-fade: 32px;
4779
-UnityDecoration-title-alignment: 0.0;
4780
}
4781
UnityDecoration .top {
4783
padding: 0 2px;
4784
border-style: none;
4785
border-radius: 2px 2px 0 0;
4786
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
4787
background-color: #37474F;
4788
color: #FFFFFF;
4789
}
4790
UnityDecoration .top:backdrop {
4792
color: rgba(255, 255, 255, 0.7);
4793
}
4794
UnityDecoration .menuitem {
4796
color: rgba(255, 255, 255, 0.7);
4797
}
4798
UnityDecoration .menuitem:hover {
4800
box-shadow: inset 0 -2px currentColor;
4801
background-color: transparent;
4802
color: #FFFFFF;
4803
}
4804
.background:not(.csd) headerbar:not(.titlebar) {
4806
border-radius: 0;
4807
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
4808
}
4809
.background:not(.csd) headerbar:not(.titlebar).inline-toolbar {
4811
border-style: none;
4812
}
4813
UnityPanelWidget,
4815
.unity-panel {
4816
background-color: #263238;
4817
color: #FFFFFF;
4818
}
4819
UnityPanelWidget:backdrop,
4821
.unity-panel:backdrop {
4822
color: rgba(255, 255, 255, 0.7);
4823
}
4824
.unity-panel.menuitem,
4826
.unity-panel .menuitem {
4827
color: rgba(255, 255, 255, 0.7);
4828
}
4829
.unity-panel.menubar.menuitem:hover,
4831
.unity-panel.menubar .menuitem *:hover {
4832
box-shadow: inset 0 -2px currentColor;
4833
background-color: transparent;
4834
color: #FFFFFF;
4835
}
4836
.menu IdoPlaybackMenuItem.menuitem:active {
4838
-gtk-icon-source: -gtk-icontheme("process-working-symbolic");
4839
animation: spin 1s linear infinite;
4840
color: #42A5F5;
4841
}
4842
/**************
4844
* Mate-Panel *
4845
**************/
4846
.mate-panel-menu-bar menubar,
4847
#PanelApplet-window-menu-applet-button {
4848
background-color: transparent;
4849
}
4850
#PanelPlug,
4852
PanelToplevel.background {
4853
background-color: #263238;
4854
color: #FFFFFF;
4855
font-weight: 500;
4856
}
4857
PanelToplevel > grid > button, .mate-panel-menu-bar #PanelApplet button {
4859
color: rgba(255, 255, 255, 0.7);
4860
}
4861
PanelToplevel > grid > button:hover, .mate-panel-menu-bar #PanelApplet button:hover, PanelToplevel > grid > button:active, .mate-panel-menu-bar #PanelApplet button:active {
4863
color: #FFFFFF;
4864
}
4865
PanelToplevel > grid > button:disabled, .mate-panel-menu-bar #PanelApplet button:disabled {
4867
color: rgba(255, 255, 255, 0.3);
4868
}
4869
PanelToplevel > grid > button:checked, .mate-panel-menu-bar #PanelApplet button:checked {
4871
background-color: rgba(255, 255, 255, 0.3);
4872
color: #FFFFFF;
4873
}
4874
PanelToplevel > grid > button:checked:disabled, .mate-panel-menu-bar #PanelApplet button:checked:disabled {
4876
background-color: rgba(255, 255, 255, 0.12);
4877
color: rgba(255, 255, 255, 0.5);
4878
}
4879
PanelToplevel > grid > button {
4881
padding: 0 4px;
4882
border-radius: 0;
4883
}
4884
PanelWidget button, PanelWidget button:hover, PanelWidget button:active {
4886
color: rgba(255, 255, 255, 0.7);
4887
}
4888
PanelSeparator {
4890
color: rgba(255, 255, 255, 0.12);
4891
}
4892
MatePanelAppletFrameDBus {
4894
border-style: solid;
4895
border-width: 0 1px;
4896
border-color: rgba(255, 255, 255, 0.12);
4897
}
4898
.mate-panel-menu-bar menubar menuitem {
4900
padding: 4px;
4901
}
4902
.mate-panel-menu-bar menubar menu menuitem {
4904
padding: 6px;
4905
}
4906
.mate-panel-menu-bar #PanelApplet button {
4908
-GtkWidget-window-dragging: true;
4909
padding: 4px;
4910
border-radius: 0;
4911
}
4912
PanelApplet.wnck-applet .wnck-pager {
4914
background-color: transparent;
4915
color: #40C4FF;
4916
}
4917
PanelApplet.wnck-applet .wnck-pager:hover {
4919
background-color: rgba(255, 255, 255, 0.12);
4920
}
4921
PanelApplet.wnck-applet .wnck-pager:active {
4923
background-color: rgba(255, 255, 255, 0.3);
4924
}
4925
PanelApplet.wnck-applet .wnck-pager:selected {
4927
background-color: #42A5F5;
4928
}
4929
#MatePanelPopupWindow {
4931
border: 1px solid rgba(0, 0, 0, 0.12);
4932
border-radius: 3px;
4933
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
4934
}
4935
#MatePanelPopupWindow frame > border {
4937
border-style: none;
4938
}
4939
#MatePanelPopupWindow ClockMap {
4941
border: 1px solid rgba(0, 0, 0, 0.12);
4942
}
4943
na-tray-applet {
4945
-NaTrayApplet-icon-padding: 3px;
4946
-NaTrayApplet-icon-size: 16;
4947
}
4948
.mate-panel-menu-bar {
4950
-PanelMenuBar-icon-visible: true;
4951
}
4952
.mate-panel-applet-slider {
4954
background-color: transparent;
4955
}
4956
.mate-panel-applet-slider frame {
4958
border: 1px solid rgba(0, 0, 0, 0.12);
4959
border-radius: 3px;
4960
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
4961
background-color: #F5F5F5;
4962
}
4963
.mate-panel-applet-slider frame frame {
4965
all: unset;
4966
}
4967
.mate-panel-applet-slider frame > border {
4969
border-style: none;
4970
}
4971
/*********************
4973
* CAJA File manager *
4974
*********************/
4975
.caja-navigation-window button.toggle.image-button {
4976
border-radius: 2px;
4977
}
4978
.caja-pathbar button {
4980
margin: 0 -1px 0 -2px;
4981
}
4982
.caja-pathbar button > widget {
4984
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
4985
-GtkArrow-arrow-scaling: 1;
4986
}
4987
.caja-side-pane notebook viewport.frame,
4989
.caja-side-pane notebook widget .vertical {
4990
background-color: #FFFFFF;
4991
}
4992
.caja-side-pane notebook,
4994
.caja-notebook {
4995
border-top: 1px solid rgba(0, 0, 0, 0.12);
4996
}
4997
.caja-side-pane notebook .frame,
4999
.caja-notebook .frame {
5000
border-style: none;
5001
}
5002
.caja-navigation-window statusbar {
5004
margin: 0 -10px;
5005
padding: 0 4px;
5006
border-top: 1px solid rgba(0, 0, 0, 0.12);
5007
}
5008
.caja-notebook frame > border {
5010
border-style: none;
5011
}
5012
#caja-extra-view-widget {
5014
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
5015
background-color: #F5F5F5;
5016
}
5017
#caja-extra-view-widget > box > box > label {
5019
font-weight: bold;
5020
}
5021
/*********
5023
* Pluma *
5024
*********/
5025
.pluma-window statusbar {
5026
margin: 0 -10px;
5027
padding: 0 4px;
5028
border-top: 1px solid rgba(0, 0, 0, 0.12);
5029
}
5030
.pluma-window statusbar frame > border {
5032
border-style: none;
5033
}
5034
.pluma-window statusbar frame button.flat {
5036
padding: 0 4px;
5037
border-radius: 0;
5038
}
5039
.pluma-window statusbar frame button.flat widget {
5041
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
5042
-GtkArrow-arrow-scaling: 1;
5043
}
5044
.pluma-print-preview toolbar {
5046
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
5047
}
5048
.pluma-window paned.horizontal box.vertical box.horizontal button.flat {
5050
margin: 1px;
5051
}
5052
.pluma-window paned.horizontal box.vertical .frame {
5054
border-style: none;
5055
}
5056
.pluma-window paned.horizontal box.vertical notebook.frame {
5058
margin-top: -1px;
5059
border-top: 1px solid rgba(0, 0, 0, 0.12);
5060
}
5061
.pluma-window paned.horizontal box.vertical notebook.frame box.vertical toolbar.horizontal {
5063
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
5064
}
5065
/*********
5067
* Atril *
5068
*********/
5069
.atril-window paned.horizontal box.vertical .frame {
5070
border-style: none;
5071
}
5072
.atril-window paned.horizontal box.vertical notebook .frame {
5074
border-top: 1px solid rgba(0, 0, 0, 0.12);
5075
}
5076
/* mate-screensaver lock dialog */
5078
.lock-dialog {
5079
border-radius: 2px;
5080
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);
5081
}
5082
.lock-dialog frame > border {
5084
border-style: none;
5085
}
5086
/******************
5088
* Budgie Desktop *
5089
******************/
5090
.budgie-container {
5091
background-color: transparent;
5092
}
5093
.budgie-menu.background {
5095
padding: 0;
5096
background-color: #FFFFFF;
5097
}
5098
.budgie-menu scrollbar,
5100
.budgie-menu entry.search {
5101
background-color: transparent;
5102
}
5103
.budgie-menu entry.search {
5105
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
5106
border-radius: 0;
5107
box-shadow: none;
5108
font-size: 120%;
5109
}
5110
.budgie-menu .categories:dir(ltr) {
5112
border-bottom-left-radius: 2px;
5113
}
5114
.budgie-menu .categories:dir(rtl) {
5116
border-bottom-right-radius: 2px;
5117
}
5118
.budgie-menu button {
5120
min-height: 32px;
5121
padding: 0 8px;
5122
border-radius: 0;
5123
color: rgba(0, 0, 0, 0.87);
5124
font-weight: normal;
5125
}
5126
.budgie-menu button:disabled {
5128
color: rgba(0, 0, 0, 0.38);
5129
}
5130
.budgie-menu button:checked:disabled {
5132
background-color: #42A5F5;
5133
}
5134
.budgie-menu row {
5136
padding: 0;
5137
}
5138
.budgie-menu row:hover {
5140
box-shadow: none;
5141
}
5142
button.budgie-menu-launcher {
5144
padding: 0 2px;
5145
}
5146
popover.background.user-menu {
5148
padding: 8px;
5149
}
5150
popover.background.user-menu .content-box {
5152
background-color: transparent;
5153
}
5154
popover.background.user-menu separator {
5156
margin: 4px 0;
5157
}
5158
popover.background.user-menu row {
5160
padding: 0;
5161
box-shadow: none;
5162
background-image: none;
5163
}
5164
button.raven-trigger {
5166
padding: 0 4px;
5167
}
5168
popover.background.places-menu {
5170
padding: 8px;
5171
}
5172
popover.background.places-menu .name-button.text-button {
5174
padding-left: 8px;
5175
padding-right: 8px;
5176
}
5177
popover.background.places-menu .name-button.text-button image:dir(ltr) {
5179
margin-right: 3px;
5180
}
5181
popover.background.places-menu .name-button.text-button image:dir(rtl) {
5183
margin-left: 3px;
5184
}
5185
popover.background.places-menu .places-section-header > image:dir(ltr) {
5187
margin: 0 -2px 0 5px;
5188
}
5189
popover.background.places-menu .places-section-header > image:dir(rtl) {
5191
margin: 0 5px 0 -2px;
5192
}
5193
popover.background.places-menu .places-list {
5195
margin-top: 4px;
5196
padding-top: 4px;
5197
border-top: 1px solid rgba(0, 0, 0, 0.12);
5198
background-color: transparent;
5199
}
5200
popover.background.places-menu row {
5202
padding: 0;
5203
box-shadow: none;
5204
background-image: none;
5205
}
5206
.budgie-panel {
5208
background-color: #263238;
5209
color: rgba(255, 255, 255, 0.7);
5210
font-weight: 500;
5211
}
5212
.budgie-panel button {
5214
border-radius: 0;
5215
}
5216
.budgie-panel separator {
5218
background-color: rgba(255, 255, 255, 0.3);
5219
}
5220
.budgie-panel .alert {
5222
color: #FF5252;
5223
}
5224
.budgie-panel #tasklist-button {
5226
padding: 0 4px;
5227
}
5228
.budgie-panel #tasklist-button:checked {
5230
background-color: rgba(255, 255, 255, 0.12);
5231
}
5232
.budgie-panel button.flat.launcher {
5234
padding: 0;
5235
}
5236
.budgie-panel button.flat.launcher:checked {
5238
background-color: rgba(255, 255, 255, 0.12);
5239
}
5240
.budgie-panel button.flat.launcher:not(:checked) {
5242
color: rgba(255, 255, 255, 0.5);
5243
}
5244
.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active {
5246
color: rgba(255, 255, 255, 0.7);
5247
}
5248
.budgie-panel button.flat.launcher:not(:checked):disabled {
5250
color: rgba(255, 255, 255, 0.3);
5251
}
5252
.top .budgie-panel #tasklist-button, .budgie-panel .top #tasklist-button, .top .budgie-panel button.flat.launcher, .budgie-panel .top button.flat.launcher {
5254
border-image: radial-gradient(circle closest-corner at center calc(1px), currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
5255
}
5256
.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
5258
.budgie-panel .pinned button.flat.launcher.running,
5259
.budgie-panel .pinned .top button.flat.launcher.running {
5260
border-image: radial-gradient(circle closest-corner at center calc(1px), currentColor 100%, transparent 0%) 2 0 0 0/2px 0 0 0;
5261
}
5262
.bottom .budgie-panel #tasklist-button, .budgie-panel .bottom #tasklist-button, .bottom .budgie-panel button.flat.launcher, .budgie-panel .bottom button.flat.launcher {
5264
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
5265
}
5266
.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
5268
.budgie-panel .pinned button.flat.launcher.running,
5269
.budgie-panel .pinned .bottom button.flat.launcher.running {
5270
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2 0/0 0 2px 0;
5271
}
5272
.left .budgie-panel #tasklist-button, .budgie-panel .left #tasklist-button, .left .budgie-panel button.flat.launcher, .budgie-panel .left button.flat.launcher {
5274
border-image: radial-gradient(circle closest-corner at calc(1px) center, currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
5275
}
5276
.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
5278
.budgie-panel .pinned button.flat.launcher.running,
5279
.budgie-panel .pinned .left button.flat.launcher.running {
5280
border-image: radial-gradient(circle closest-corner at calc(1px) center, currentColor 100%, transparent 0%) 0 2 0 0/0 2px 0 0;
5281
}
5282
.right .budgie-panel #tasklist-button, .budgie-panel .right #tasklist-button, .right .budgie-panel button.flat.launcher, .budgie-panel .right button.flat.launcher {
5284
border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
5285
}
5286
.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
5288
.budgie-panel .pinned button.flat.launcher.running,
5289
.budgie-panel .pinned .right button.flat.launcher.running {
5290
border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, currentColor 100%, transparent 0%) 0 0 0 2/0 0 0 2px;
5291
}
5292
frame.raven-frame > border {
5294
border-style: none;
5295
box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22);
5296
}
5297
.top frame.raven-frame > border {
5299
margin-bottom: 32px;
5300
}
5301
.bottom frame.raven-frame > border {
5303
margin-top: 32px;
5304
}
5305
.left frame.raven-frame > border {
5307
margin-right: 32px;
5308
}
5309
.right frame.raven-frame > border {
5311
margin-left: 32px;
5312
}
5313
.raven {
5315
background-color: #FAFAFA;
5316
}
5317
.raven > stack {
5319
margin-bottom: -10px;
5320
}
5321
.raven stackswitcher.linked > button {
5323
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FFA726 0%, transparent 0%) 0 0 0/0 0 0px;
5324
border-radius: 0;
5325
}
5326
.raven stackswitcher.linked > button:checked {
5328
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FFA726 100%, transparent 0%) 0 0 2/0 0 2px;
5329
background-color: transparent;
5330
}
5331
.raven .raven-header {
5333
min-height: 36px;
5334
padding: 3px;
5335
}
5336
.raven .raven-header:not(.top) {
5338
margin-top: -6px;
5339
}
5340
.raven .raven-header.top {
5342
padding: 2px 0;
5343
background-color: #42A5F5;
5344
color: #FFFFFF;
5345
}
5346
.raven .raven-header.top stackswitcher button {
5348
margin: -6px 0;
5349
min-height: 36px;
5350
}
5351
.raven .raven-header.top button.image-button:dir(ltr) {
5353
margin-right: 2px;
5354
}
5355
.raven .raven-header.top button.image-button:dir(rtl) {
5357
margin-left: 2px;
5358
}
5359
.raven .raven-header.top > image {
5361
margin: 0 8px;
5362
}
5363
.raven .raven-header.top > label {
5365
margin: 0 -8px;
5366
font-weight: bold;
5367
}
5368
.raven .raven-header.bottom {
5370
border-top: 1px solid rgba(0, 0, 0, 0.12);
5371
}
5372
.raven viewport.frame .raven-header {
5374
margin-top: -8px;
5375
}
5376
.raven .raven-background {
5378
border-style: solid none;
5379
border-width: 1px;
5380
border-color: rgba(0, 0, 0, 0.12);
5381
background-color: #FFFFFF;
5382
}
5383
.raven .raven-background.frame {
5385
border-style: solid none;
5386
}
5387
.raven .raven-background > overlay > widget > image {
5389
color: rgba(0, 0, 0, 0.12);
5390
}
5391
.raven .raven-background grid > label:first-child {
5393
min-height: 36px;
5394
}
5395
.raven scrolledwindow.raven-background {
5397
border-bottom-style: none;
5398
}
5399
.raven .raven-header.top + .raven-background {
5401
border-style: none;
5402
background-color: #42A5F5;
5403
color: #FFFFFF;
5404
}
5405
.raven .raven-header.top + .raven-background stackswitcher button {
5407
margin: -4px 0;
5408
}
5409
.raven .powerstrip button {
5411
margin: 2px 0 1px;
5412
padding: 12px;
5413
}
5414
.raven .option-subtitle {
5416
font-size: smaller;
5417
}
5418
calendar.raven-calendar {
5420
border-style: none;
5421
background-color: transparent;
5422
}
5423
calendar.raven-calendar:selected {
5425
border-radius: 2px;
5426
background-color: #42A5F5;
5427
}
5428
.raven-mpris {
5430
background-color: rgba(0, 0, 0, 0.6);
5431
color: #FFFFFF;
5432
}
5433
.raven-mpris label {
5435
min-height: 24px;
5436
}
5437
.raven-mpris button.image-button {
5439
padding: 12px;
5440
}
5441
.budgie-notification-window, .budgie-osd-window, .budgie-switcher-window {
5443
background-color: transparent;
5444
}
5445
.budgie-notification .notification-title, .budgie-switcher .notification-title {
5447
font-size: 120%;
5448
}
5449
.budgie-osd .budgie-osd-text {
5451
font-size: 120%;
5452
}
5453
.drop-shadow {
5455
margin: 5px 9px;
5456
padding: 3px;
5457
border-radius: 2px;
5458
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);
5459
background-color: #FAFAFA;
5460
}
5461
.drop-shadow .linked > button {
5463
border-radius: 2px;
5464
}
5465
.budgie-session-dialog, .budgie-polkit-dialog, .budgie-run-dialog {
5467
border-radius: 2px;
5468
background-color: #FAFAFA;
5469
}
5470
.budgie-session-dialog decoration, .budgie-polkit-dialog decoration, .budgie-run-dialog decoration {
5472
border-radius: 2px;
5473
}
5474
.budgie-session-dialog label:not(:last-child),
5476
.budgie-session-dialog .dialog-title {
5477
font-size: 120%;
5478
}
5479
.budgie-session-dialog .linked.horizontal > button {
5481
padding: 8px 16px;
5482
border-top: 1px solid rgba(0, 0, 0, 0.12);
5483
border-radius: 0;
5484
}
5485
.budgie-session-dialog .linked.horizontal > button:first-child {
5487
border-bottom-left-radius: 2px;
5488
}
5489
.budgie-session-dialog .linked.horizontal > button:last-child {
5491
border-bottom-right-radius: 2px;
5492
}
5493
.budgie-polkit-dialog .message {
5495
color: rgba(0, 0, 0, 0.38);
5496
}
5497
.budgie-polkit-dialog .failure {
5499
color: #FF5252;
5500
}
5501
.budgie-run-dialog {
5503
background-color: #FFFFFF;
5504
}
5505
.budgie-run-dialog entry.search {
5507
font-size: 120%;
5508
padding: 6px 14px;
5509
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
5510
background-color: transparent;
5511
}
5512
.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
5514
headerbar .subtitle,
5515
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 {
5516
opacity: 1;
5517
}
5518
.budgie-run-dialog scrolledwindow {
5520
border-top: 1px solid rgba(0, 0, 0, 0.12);
5521
}
5522
/************************
5524
* LightDM GTK+ Greeter *
5525
************************/
5526
#panel_window {
5527
background-color: rgba(0, 0, 0, 0.3);
5528
color: #FFFFFF;
5529
}
5530
#panel_window menubar,
5532
#panel_window separator {
5533
background-color: transparent;
5534
}
5535
#panel_window separator {
5537
padding: 0 4px;
5538
}
5539
#panel_window separator:first-child {
5541
padding: 0 8px;
5542
}
5543
#panel_window menubar > menuitem {
5545
color: rgba(255, 255, 255, 0.7);
5546
}
5547
#panel_window menubar > menuitem:hover {
5549
color: #FFFFFF;
5550
}
5551
#panel_window menubar > menuitem:disabled label {
5553
color: rgba(255, 255, 255, 0.3);
5554
}
5555
#login_window,
5557
#shutdown_dialog,
5558
#restart_dialog {
5559
margin: 8px;
5560
border-radius: 2px;
5561
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);
5562
background-color: #FAFAFA;
5563
}
5564
#content_frame {
5566
padding-bottom: 20px;
5567
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
5568
}
5569
#buttonbox_frame {
5571
padding-top: 24px;
5572
}
5573
#buttonbox_frame button {
5575
margin: -16px;
5576
}
5577
#greeter_infobar {
5579
margin-top: -1px;
5580
}
5581
/* GTK NAMED COLORS
5583
----------------
5584
use responsibly! */
5585
/*
5586
widget text/foreground color */
5587
@define-color theme_fg_color rgba(0, 0, 0, 0.87);
5588
/*
5589
text color for entries, views and content in general */
5590
@define-color theme_text_color rgba(0, 0, 0, 0.87);
5591
/*
5592
widget base background color */
5593
@define-color theme_bg_color #F5F5F5;
5594
/*
5595
text widgets and the like base background color */
5596
@define-color theme_base_color #FFFFFF;
5597
/*
5598
base background color of selections */
5599
@define-color theme_selected_bg_color #42A5F5;
5600
/*
5601
text/foreground color of selections */
5602
@define-color theme_selected_fg_color #FFFFFF;
5603
/*
5604
base background color of insensitive widgets */
5605
@define-color insensitive_bg_color #F5F5F5;
5606
/*
5607
text foreground color of insensitive widgets */
5608
@define-color insensitive_fg_color rgba(0, 0, 0, 0.38);
5609
/*
5610
insensitive text widgets and the like base background color */
5611
@define-color insensitive_base_color #FAFAFA;
5612
/*
5613
widget text/foreground color on backdrop windows */
5614
@define-color theme_unfocused_fg_color rgba(0, 0, 0, 0.87);
5615
/*
5616
text color for entries, views and content in general on backdrop windows */
5617
@define-color theme_unfocused_text_color rgba(0, 0, 0, 0.87);
5618
/*
5619
widget base background color on backdrop windows */
5620
@define-color theme_unfocused_bg_color #F5F5F5;
5621
/*
5622
text widgets and the like base background color on backdrop windows */
5623
@define-color theme_unfocused_base_color #FFFFFF;
5624
/*
5625
base background color of selections on backdrop windows */
5626
@define-color theme_unfocused_selected_bg_color #42A5F5;
5627
/*
5628
text/foreground color of selections on backdrop windows */
5629
@define-color theme_unfocused_selected_fg_color #FFFFFF;
5630
/*
5631
insensitive color on backdrop windows */
5632
@define-color unfocused_insensitive_color rgba(0, 0, 0, 0.38);
5633
/*
5634
widgets main borders color */
5635
@define-color borders rgba(0, 0, 0, 0.12);
5636
/*
5637
widgets main borders color on backdrop windows */
5638
@define-color unfocused_borders rgba(0, 0, 0, 0.12);
5639
/*
5640
these are pretty self explicative */
5641
@define-color warning_color #FF6D00;
5642
@define-color error_color #DD2C00;
5643
@define-color success_color #00C853;
5644
/*
5645
FIXME this is really an API */
5646
@define-color content_view_bg #FFFFFF;
5647
@define-color placeholder_text_color #757575;
5648