ASCII text, with very long lines (677)
1
@keyframes ripple_effect {
2
to {
3
background-size: 1000% 1000%;
4
}
5
}
6
@keyframes header_ripple_effect {
8
from {
9
background-image: radial-gradient(circle farthest-corner at center, #42A5F5 0%, transparent 0%);
10
}
11
to {
12
background-image: radial-gradient(circle farthest-corner at center, #42A5F5 100%, transparent 0%);
13
}
14
}
15
* {
17
background-clip: padding-box;
18
-GtkToolButton-icon-spacing: 0;
19
-GtkTextView-error-underline-color: #DD2C00;
20
-GtkScrolledWindow-scrollbar-spacing: 0;
21
-GtkToolItemGroup-expander-size: 11;
22
-GtkWidget-text-handle-width: 24;
23
-GtkWidget-text-handle-height: 24;
24
-GtkDialog-button-spacing: 4;
25
-GtkDialog-action-area-border: 0;
26
outline-style: solid;
27
outline-width: 2px;
28
outline-color: transparent;
29
outline-offset: -4px;
30
-gtk-outline-radius: 2px;
31
-gtk-secondary-caret-color: #42A5F5;
32
}
33
switch:focus slider,
35
notebook:focus tab,
36
*:focus {
37
outline-color: alpha(currentColor, 0.3);
38
}
39
/***************
41
* Base States *
42
***************/
43
.background {
44
background-color: #F5F5F5;
45
color: rgba(0, 0, 0, 0.87);
46
}
47
/*
49
These wildcard seems unavoidable, need to investigate.
50
Wildcards are bad and troublesome, use them with care,
51
or better, just don't.
52
Everytime a wildcard is used a kitten dies, painfully.
53
*/
54
*:disabled {
55
-gtk-icon-effect: dim;
56
}
57
.gtkstyle-fallback {
59
background-color: #F5F5F5;
60
color: rgba(0, 0, 0, 0.87);
61
}
62
.gtkstyle-fallback:hover {
64
background-color: #e8e8e8;
65
color: rgba(0, 0, 0, 0.87);
66
}
67
.gtkstyle-fallback:active {
69
background-color: gainsboro;
70
color: rgba(0, 0, 0, 0.87);
71
}
72
.gtkstyle-fallback:disabled {
74
background-color: #F5F5F5;
75
color: rgba(0, 0, 0, 0.38);
76
}
77
.gtkstyle-fallback:selected {
79
background-color: #42A5F5;
80
color: #FFFFFF;
81
}
82
.view {
84
background-color: #FFFFFF;
85
color: rgba(0, 0, 0, 0.87);
86
}
87
.view:disabled {
89
color: rgba(0, 0, 0, 0.38);
90
}
91
.view:hover, .view:active, .view:selected {
93
border-radius: 2px;
94
}
95
textview text {
97
background-color: #FFFFFF;
98
}
99
textview border {
101
background-color: #FAFAFA;
102
color: rgba(0, 0, 0, 0.38);
103
}
104
.rubberband,
106
rubberband,
107
flowbox rubberband,
108
treeview.view rubberband,
109
.content-view rubberband,
110
.content-view .rubberband {
111
border: 1px solid #40C4FF;
112
background-color: rgba(64, 196, 255, 0.3);
113
}
114
flowbox flowboxchild {
116
padding: 4px;
117
border-radius: 2px;
118
}
119
.content-view .tile:selected {
121
background-color: transparent;
122
color: inherit;
123
}
124
label {
126
caret-color: currentColor;
127
}
128
label.separator {
130
color: rgba(0, 0, 0, 0.87);
131
}
132
label selection {
134
background-color: #42A5F5;
135
color: #FFFFFF;
136
}
137
label:disabled {
139
color: rgba(0, 0, 0, 0.38);
140
}
141
tab label:disabled,
143
button label:disabled {
144
color: inherit;
145
}
146
.dim-label, label.separator, .titlebar:not(headerbar) .subtitle,
148
headerbar .subtitle, .budgie-notification .notification-body, .budgie-switcher .notification-body {
149
opacity: 0.6;
150
}
151
assistant .sidebar {
153
padding: 4px 0;
154
}
155
assistant .sidebar label {
157
min-height: 32px;
158
padding: 0 12px;
159
color: rgba(0, 0, 0, 0.38);
160
font-weight: 500;
161
}
162
assistant .sidebar label.highlight {
164
color: rgba(0, 0, 0, 0.87);
165
}
166
popover.background.touch-selection, popover.background.magnifier, popover.background.osd, .app-notification, .osd .scale-popup, .nautilus-window .floating-bar, .osd {
168
opacity: 0.9;
169
}
170
/*********************
172
* Spinner Animation *
173
*********************/
174
@keyframes spin {
175
to {
176
-gtk-icon-transform: rotate(1turn);
177
}
178
}
179
spinner {
181
background: none;
182
opacity: 0;
183
-gtk-icon-source: -gtk-icontheme("process-working-symbolic");
184
}
185
spinner:checked {
187
opacity: 1;
188
animation: spin 1s linear infinite;
189
}
190
spinner:checked:disabled {
192
opacity: 0.5;
193
}
194
/****************
196
* Text Entries *
197
****************/
198
spinbutton:not(.vertical),
199
entry {
200
min-height: 32px;
201
padding: 0 8px;
202
border-radius: 2px;
203
transition: all 270ms cubic-bezier(0, 0, 0.2, 1), box-shadow 180ms cubic-bezier(0, 0, 0.2, 1);
204
border-image: none;
205
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
206
background-color: #FFFFFF;
207
color: rgba(0, 0, 0, 0.87);
208
}
209
spinbutton:focus:not(.vertical),
211
entry:focus {
212
border-image: none;
213
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
214
}
215
spinbutton:disabled:not(.vertical),
217
entry:disabled {
218
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
219
background-color: #FAFAFA;
220
color: rgba(0, 0, 0, 0.38);
221
}
222
spinbutton.flat:not(.vertical), notebook > stack:not(:only-child) entry:not(.search),
224
notebook > stack:not(:only-child) spinbutton:not(.vertical), messagedialog entry, colorchooser .popover.osd spinbutton:not(.vertical), entry.preferences-search, layoutpane entry.search, editortweak entry.search, .raven .raven-background spinbutton:not(.vertical), #login_window entry,
225
entry.flat {
226
border-radius: 0;
227
transition: all 270ms cubic-bezier(0, 0, 0.2, 1);
228
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #42A5F5 0%, transparent 0%) 0 0 0/0 0 0px;
229
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26);
230
background-color: transparent;
231
color: rgba(0, 0, 0, 0.87);
232
}
233
spinbutton.flat:focus:not(.vertical), notebook > stack:not(:only-child) entry:focus:not(.search),
235
notebook > stack:not(:only-child) spinbutton:focus:not(.vertical), messagedialog entry:focus, colorchooser .popover.osd spinbutton:focus:not(.vertical), entry.preferences-search:focus, layoutpane entry.search:focus, editortweak entry.search:focus, .raven .raven-background spinbutton:focus:not(.vertical), #login_window entry:focus,
236
entry.flat:focus {
237
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #42A5F5 100%, transparent 0%) 0 0 2/0 0 2px;
238
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26);
239
}
240
spinbutton.flat:disabled:not(.vertical), notebook > stack:not(:only-child) entry:disabled:not(.search),
242
notebook > stack:not(:only-child) spinbutton:disabled:not(.vertical), messagedialog entry:disabled, colorchooser .popover.osd spinbutton:disabled:not(.vertical), entry.preferences-search:disabled, layoutpane entry.search:disabled, editortweak entry.search:disabled, .raven .raven-background spinbutton:disabled:not(.vertical), #login_window entry:disabled,
243
entry.flat:disabled {
244
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12);
245
background-color: transparent;
246
color: rgba(0, 0, 0, 0.38);
247
}
248
spinbutton:not(.vertical) image,
250
entry image {
251
color: rgba(0, 0, 0, 0.54);
252
}
253
spinbutton:not(.vertical) image:hover, spinbutton:not(.vertical) image:active,
255
entry image:hover,
256
entry image:active {
257
color: rgba(0, 0, 0, 0.87);
258
}
259
spinbutton:not(.vertical) image:disabled,
261
entry image:disabled {
262
color: rgba(0, 0, 0, 0.38);
263
}
264
spinbutton:not(.vertical) image.left,
266
entry image.left {
267
margin-left: 0px;
268
margin-right: 6px;
269
}
270
spinbutton:not(.vertical) image.right,
272
entry image.right {
273
margin-left: 6px;
274
margin-right: 0px;
275
}
276
spinbutton:not(.vertical) undershoot.left,
278
entry undershoot.left {
279
background-color: transparent;
280
background-image: linear-gradient(to top, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%);
281
padding-left: 1px;
282
background-size: 1px 12px;
283
background-repeat: repeat-y;
284
background-origin: content-box;
285
background-position: left top;
286
}
287
spinbutton:not(.vertical) undershoot.right,
289
entry undershoot.right {
290
background-color: transparent;
291
background-image: linear-gradient(to top, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%);
292
padding-right: 1px;
293
background-size: 1px 12px;
294
background-repeat: repeat-y;
295
background-origin: content-box;
296
background-position: right top;
297
}
298
spinbutton.error:not(.vertical),
300
entry.error {
301
transition: all 270ms cubic-bezier(0, 0, 0.2, 1), box-shadow 180ms cubic-bezier(0, 0, 0.2, 1);
302
border-image: none;
303
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
304
background-color: #DD2C00;
305
color: #FFFFFF;
306
}
307
spinbutton.error:focus:not(.vertical),
309
entry.error:focus {
310
border-image: none;
311
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
312
}
313
spinbutton.error:disabled:not(.vertical),
315
entry.error:disabled {
316
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
317
background-color: #FAFAFA;
318
color: rgba(0, 0, 0, 0.38);
319
}
320
spinbutton.error.flat:not(.vertical), notebook > stack:not(:only-child) entry.error:not(.search),
322
notebook > stack:not(:only-child) spinbutton.error:not(.vertical), messagedialog entry.error, colorchooser .popover.osd spinbutton.error:not(.vertical), entry.error.preferences-search, layoutpane entry.error.search, editortweak entry.error.search, .raven .raven-background spinbutton.error:not(.vertical), #login_window entry.error,
323
entry.error.flat {
324
transition: all 270ms cubic-bezier(0, 0, 0.2, 1);
325
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #DD2C00 0%, transparent 0%) 0 0 0/0 0 0px;
326
box-shadow: inset 0 -1px #DD2C00;
327
background-color: transparent;
328
color: rgba(0, 0, 0, 0.87);
329
}
330
spinbutton.error.flat:focus:not(.vertical), notebook > stack:not(:only-child) entry.error:focus:not(.search),
332
notebook > stack:not(:only-child) spinbutton.error:focus:not(.vertical), messagedialog entry.error:focus, colorchooser .popover.osd spinbutton.error:focus:not(.vertical), entry.error.preferences-search:focus, layoutpane entry.error.search:focus, editortweak entry.error.search:focus, .raven .raven-background spinbutton.error:focus:not(.vertical), #login_window entry.error:focus,
333
entry.error.flat:focus {
334
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #DD2C00 100%, transparent 0%) 0 0 2/0 0 2px;
335
box-shadow: inset 0 -1px #DD2C00;
336
}
337
spinbutton.error.flat:disabled:not(.vertical), notebook > stack:not(:only-child) entry.error:disabled:not(.search),
339
notebook > stack:not(:only-child) spinbutton.error:disabled:not(.vertical), messagedialog entry.error:disabled, colorchooser .popover.osd spinbutton.error:disabled:not(.vertical), entry.error.preferences-search:disabled, layoutpane entry.error.search:disabled, editortweak entry.error.search:disabled, .raven .raven-background spinbutton.error:disabled:not(.vertical), #login_window entry.error:disabled,
340
entry.error.flat:disabled {
341
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12);
342
background-color: transparent;
343
color: rgba(0, 0, 0, 0.38);
344
}
345
spinbutton.error:not(.vertical) image,
347
entry.error image {
348
color: rgba(255, 255, 255, 0.7);
349
}
350
spinbutton.error:not(.vertical) image:hover, spinbutton.error:not(.vertical) image:active,
352
entry.error image:hover,
353
entry.error image:active {
354
color: #FFFFFF;
355
}
356
spinbutton.error:not(.vertical) image:disabled,
358
entry.error image:disabled {
359
color: rgba(255, 255, 255, 0.5);
360
}
361
spinbutton.warning:not(.vertical),
363
entry.warning {
364
transition: all 270ms cubic-bezier(0, 0, 0.2, 1), box-shadow 180ms cubic-bezier(0, 0, 0.2, 1);
365
border-image: none;
366
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
367
background-color: #FF6D00;
368
color: #FFFFFF;
369
}
370
spinbutton.warning:focus:not(.vertical),
372
entry.warning:focus {
373
border-image: none;
374
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
375
}
376
spinbutton.warning:disabled:not(.vertical),
378
entry.warning:disabled {
379
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
380
background-color: #FAFAFA;
381
color: rgba(0, 0, 0, 0.38);
382
}
383
spinbutton.warning.flat:not(.vertical), notebook > stack:not(:only-child) entry.warning:not(.search),
385
notebook > stack:not(:only-child) spinbutton.warning:not(.vertical), messagedialog entry.warning, colorchooser .popover.osd spinbutton.warning:not(.vertical), entry.warning.preferences-search, layoutpane entry.warning.search, editortweak entry.warning.search, .raven .raven-background spinbutton.warning:not(.vertical), #login_window entry.warning,
386
entry.warning.flat {
387
transition: all 270ms cubic-bezier(0, 0, 0.2, 1);
388
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FF6D00 0%, transparent 0%) 0 0 0/0 0 0px;
389
box-shadow: inset 0 -1px #FF6D00;
390
background-color: transparent;
391
color: rgba(0, 0, 0, 0.87);
392
}
393
spinbutton.warning.flat:focus:not(.vertical), notebook > stack:not(:only-child) entry.warning:focus:not(.search),
395
notebook > stack:not(:only-child) spinbutton.warning:focus:not(.vertical), messagedialog entry.warning:focus, colorchooser .popover.osd spinbutton.warning:focus:not(.vertical), entry.warning.preferences-search:focus, layoutpane entry.warning.search:focus, editortweak entry.warning.search:focus, .raven .raven-background spinbutton.warning:focus:not(.vertical), #login_window entry.warning:focus,
396
entry.warning.flat:focus {
397
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FF6D00 100%, transparent 0%) 0 0 2/0 0 2px;
398
box-shadow: inset 0 -1px #FF6D00;
399
}
400
spinbutton.warning.flat:disabled:not(.vertical), notebook > stack:not(:only-child) entry.warning:disabled:not(.search),
402
notebook > stack:not(:only-child) spinbutton.warning:disabled:not(.vertical), messagedialog entry.warning:disabled, colorchooser .popover.osd spinbutton.warning:disabled:not(.vertical), entry.warning.preferences-search:disabled, layoutpane entry.warning.search:disabled, editortweak entry.warning.search:disabled, .raven .raven-background spinbutton.warning:disabled:not(.vertical), #login_window entry.warning:disabled,
403
entry.warning.flat:disabled {
404
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12);
405
background-color: transparent;
406
color: rgba(0, 0, 0, 0.38);
407
}
408
spinbutton.warning:not(.vertical) image,
410
entry.warning image {
411
color: rgba(255, 255, 255, 0.7);
412
}
413
spinbutton.warning:not(.vertical) image:hover, spinbutton.warning:not(.vertical) image:active,
415
entry.warning image:hover,
416
entry.warning image:active {
417
color: #FFFFFF;
418
}
419
spinbutton.warning:not(.vertical) image:disabled,
421
entry.warning image:disabled {
422
color: rgba(255, 255, 255, 0.5);
423
}
424
spinbutton:not(.vertical) progress,
426
entry progress {
427
margin: 2px -6px;
428
border-bottom: 2px solid #42A5F5;
429
background-color: transparent;
430
}
431
.linked:not(.vertical) > spinbutton.flat:not(.vertical), notebook > stack:not(:only-child) .linked:not(.vertical) > entry:not(.search),
433
notebook > stack:not(:only-child) .linked:not(.vertical) > spinbutton:not(.vertical), messagedialog .linked:not(.vertical) > entry, colorchooser .popover.osd .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry.preferences-search, layoutpane .linked:not(.vertical) > entry.search, editortweak .linked:not(.vertical) > entry.search, .raven .raven-background .linked:not(.vertical) > spinbutton:not(.vertical), #login_window .linked:not(.vertical) > entry,
434
.linked.vertical > spinbutton.flat:not(.vertical), notebook > stack:not(:only-child)
435
.linked.vertical > entry:not(.search),
436
notebook > stack:not(:only-child)
437
.linked.vertical > spinbutton:not(.vertical), messagedialog
438
.linked.vertical > entry, colorchooser .popover.osd
439
.linked.vertical > spinbutton:not(.vertical),
440
.linked.vertical > entry.preferences-search, layoutpane
441
.linked.vertical > entry.search, editortweak
442
.linked.vertical > entry.search, .raven .raven-background
443
.linked.vertical > spinbutton:not(.vertical), #login_window
444
.linked.vertical > entry, .linked:not(.vertical) >
445
entry.flat,
446
.linked.vertical >
447
entry.flat {
448
border-radius: 0;
449
}
450
treeview entry.flat, treeview entry {
452
min-height: 0;
453
padding: 2px;
454
border-radius: 0;
455
background-color: #FFFFFF;
456
}
457
treeview entry.flat, treeview entry.flat:focus, treeview entry, treeview entry:focus {
459
border-image: none;
460
box-shadow: none;
461
}
462
.entry-tag, .documents-entry-tag, .photos-entry-tag {
464
margin: 4px;
465
border-radius: 9999px;
466
box-shadow: none;
467
background-color: #42A5F5;
468
color: #FFFFFF;
469
}
470
.entry-tag:hover, .documents-entry-tag:hover, .photos-entry-tag:hover {
472
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
473
}
474
:dir(ltr) .entry-tag, :dir(ltr) .documents-entry-tag, :dir(ltr) .photos-entry-tag {
476
margin-left: 8px;
477
margin-right: -4px;
478
padding-left: 8px;
479
padding-right: 4px;
480
}
481
:dir(rtl) .entry-tag, :dir(rtl) .documents-entry-tag, :dir(rtl) .photos-entry-tag {
483
margin-left: -4px;
484
margin-right: 8px;
485
padding-left: 4px;
486
padding-right: 8px;
487
}
488
.entry-tag.button, .button.documents-entry-tag, .button.photos-entry-tag {
490
box-shadow: none;
491
background-color: transparent;
492
}
493
.entry-tag.button:not(:hover):not(:active), .button.documents-entry-tag:not(:hover):not(:active), .button.photos-entry-tag:not(:hover):not(:active) {
495
color: rgba(255, 255, 255, 0.7);
496
}
497
/***********
499
* Buttons *
500
***********/
501
@keyframes needs_attention {
502
from {
503
background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#FF4081), to(transparent));
504
}
505
to {
506
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#FF4081), to(transparent));
507
}
508
}
509
button {
512
min-height: 24px;
513
min-width: 16px;
514
padding: 4px 8px;
515
border-radius: 2px;
516
font-weight: 500;
517
transition: all 270ms cubic-bezier(0, 0, 0.2, 1), box-shadow 180ms cubic-bezier(0, 0, 0.2, 1), background-size 450ms cubic-bezier(0, 0, 0.2, 1), background-image 900ms cubic-bezier(0, 0, 0.2, 1);
518
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 0 0 9999px transparent;
519
background-color: #FAFAFA;
520
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
521
background-repeat: no-repeat;
522
background-position: center;
523
background-size: 1000% 1000%;
524
color: rgba(0, 0, 0, 0.62);
525
}
526
button:hover {
529
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 0 0 9999px transparent;
530
color: rgba(0, 0, 0, 0.87);
531
}
532
button:active {
535
transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
536
animation: ripple_effect 270ms cubic-bezier(0, 0, 0.2, 1) forwards;
537
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 0 0 9999px alpha(currentColor, 0.15);
538
background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.15) 10%, transparent 0%);
539
background-size: 0% 0%;
540
color: rgba(0, 0, 0, 0.87);
541
}
542
button:disabled {
545
box-shadow: none;
546
background-color: rgba(0, 0, 0, 0.12);
547
color: rgba(0, 0, 0, 0.26);
548
}
549
button:checked {
552
background-color: #42A5F5;
553
color: #FFFFFF;
554
}
555
button:checked:disabled {
558
background-color: rgba(66, 165, 245, 0.3);
559
color: rgba(66, 165, 245, 0.5);
560
}
561
modelbutton.flat,
563
.menuitem.button.flat, spinbutton:not(.vertical) button, spinbutton.vertical button, popover.background.menu button,
564
popover.background button.model, notebook > header > tabs > arrow, scrollbar button, check,
565
radio, calendar.button, messagedialog.csd .dialog-action-area button, button.sidebar-button, .gedit-search-slider button, popover.messagepopover .popover-action-area button, PanelToplevel > grid > button, .raven .raven-header:not(.top) button, .drop-shadow button, .budgie-session-dialog .linked.horizontal > button, .lightdm-gtk-greeter button, :not(headerbar) .caja-pathbar button, .caja-pathbar :not(headerbar) button, :not(headerbar)
566
.path-bar button, layouttabbar button, .mate-panel-menu-bar #PanelApplet button, .budgie-panel #tasklist-button, .raven stackswitcher.linked > button, toolbar button, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action),
567
headerbar button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button,
568
button.flat {
569
transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-size 450ms cubic-bezier(0, 0, 0.2, 1), background-image 900ms cubic-bezier(0, 0, 0.2, 1);
570
box-shadow: inset 0 0 0 9999px transparent;
571
background-color: transparent;
572
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
573
background-repeat: no-repeat;
574
background-position: center;
575
background-size: 1000% 1000%;
576
color: rgba(0, 0, 0, 0.54);
577
}
578
modelbutton.flat:hover,
580
.menuitem.button.flat:hover, spinbutton:not(.vertical) button:hover, spinbutton.vertical button:hover, popover.background.menu button:hover,
581
popover.background button.model:hover, notebook > header > tabs > arrow:hover, scrollbar button:hover, check:hover,
582
radio:hover, calendar.button:hover, messagedialog.csd .dialog-action-area button:hover, button.sidebar-button:hover, .gedit-search-slider button:hover, popover.messagepopover .popover-action-area button:hover, PanelToplevel > grid > button:hover, .raven .raven-header:not(.top) button:hover, .drop-shadow button:hover, .budgie-session-dialog .linked.horizontal > button:hover, .lightdm-gtk-greeter button:hover, :not(headerbar) .caja-pathbar button:hover, .caja-pathbar :not(headerbar) button:hover, :not(headerbar)
583
.path-bar button:hover, layouttabbar button:hover, .mate-panel-menu-bar #PanelApplet button:hover, .budgie-panel #tasklist-button:hover, .raven stackswitcher.linked > button:hover, toolbar button:hover, .titlebar:not(headerbar) button:hover:not(.suggested-action):not(.destructive-action),
584
headerbar button:hover:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:hover:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:hover,
585
button.flat:hover {
586
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.15);
587
color: rgba(0, 0, 0, 0.87);
588
}
589
modelbutton.flat:active,
591
.menuitem.button.flat:active, spinbutton:not(.vertical) button:active, spinbutton.vertical button:active, popover.background.menu button:active,
592
popover.background button.model:active, notebook > header > tabs > arrow:active, scrollbar button:active, check:active,
593
radio:active, calendar.button:active, messagedialog.csd .dialog-action-area button:active, button.sidebar-button:active, .gedit-search-slider button:active, popover.messagepopover .popover-action-area button:active, PanelToplevel > grid > button:active, .raven .raven-header:not(.top) button:active, .drop-shadow button:active, .budgie-session-dialog .linked.horizontal > button:active, .lightdm-gtk-greeter button:active, :not(headerbar) .caja-pathbar button:active, .caja-pathbar :not(headerbar) button:active, :not(headerbar)
594
.path-bar button:active, layouttabbar button:active, .mate-panel-menu-bar #PanelApplet button:active, .budgie-panel #tasklist-button:active, .raven stackswitcher.linked > button:active, toolbar button:active, .titlebar:not(headerbar) button:active:not(.suggested-action):not(.destructive-action),
595
headerbar button:active:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:active:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:active,
596
button.flat:active {
597
transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
598
animation: ripple_effect 270ms cubic-bezier(0, 0, 0.2, 1) forwards;
599
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.15);
600
background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.15) 10%, transparent 0%);
601
background-size: 0% 0%;
602
color: rgba(0, 0, 0, 0.87);
603
}
604
modelbutton.flat:disabled,
606
.menuitem.button.flat:disabled, spinbutton:not(.vertical) button:disabled, spinbutton.vertical button:disabled, popover.background.menu button:disabled,
607
popover.background button.model:disabled, notebook > header > tabs > arrow:disabled, scrollbar button:disabled, check:disabled,
608
radio:disabled, calendar.button:disabled, messagedialog.csd .dialog-action-area button:disabled, button.sidebar-button:disabled, .gedit-search-slider button:disabled, popover.messagepopover .popover-action-area button:disabled, PanelToplevel > grid > button:disabled, .raven .raven-header:not(.top) button:disabled, .drop-shadow button:disabled, .budgie-session-dialog .linked.horizontal > button:disabled, .lightdm-gtk-greeter button:disabled, :not(headerbar) .caja-pathbar button:disabled, .caja-pathbar :not(headerbar) button:disabled, :not(headerbar)
609
.path-bar button:disabled, layouttabbar button:disabled, .mate-panel-menu-bar #PanelApplet button:disabled, .budgie-panel #tasklist-button:disabled, .raven stackswitcher.linked > button:disabled, toolbar button:disabled, .titlebar:not(headerbar) button:disabled:not(.suggested-action):not(.destructive-action),
610
headerbar button:disabled:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:disabled:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:disabled,
611
button.flat:disabled {
612
box-shadow: none;
613
background-color: transparent;
614
color: rgba(0, 0, 0, 0.26);
615
}
616
:not(headerbar) .caja-pathbar button:checked, .caja-pathbar :not(headerbar) button:checked, :not(headerbar)
618
.path-bar button:checked, layouttabbar button:checked, .mate-panel-menu-bar #PanelApplet button:checked, .budgie-panel #tasklist-button:checked, .raven stackswitcher.linked > button:checked, toolbar button:checked, .titlebar:not(headerbar) button:checked:not(.suggested-action):not(.destructive-action),
619
headerbar button:checked:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:checked:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:checked,
620
button.flat:checked {
621
background-color: rgba(0, 0, 0, 0.26);
622
color: rgba(0, 0, 0, 0.87);
623
}
624
:not(headerbar) .caja-pathbar button:checked:disabled, .caja-pathbar :not(headerbar) button:checked:disabled, :not(headerbar)
626
.path-bar button:checked:disabled, layouttabbar button:checked:disabled, .mate-panel-menu-bar #PanelApplet button:checked:disabled, .budgie-panel #tasklist-button:checked:disabled, .raven stackswitcher.linked > button:checked:disabled, toolbar button:checked:disabled, .titlebar:not(headerbar) button:checked:disabled:not(.suggested-action):not(.destructive-action),
627
headerbar button:checked:disabled:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:checked:disabled:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:checked:disabled,
628
button.flat:checked:disabled {
629
background-color: rgba(0, 0, 0, 0.12);
630
color: rgba(0, 0, 0, 0.38);
631
}
632
button.text-button {
635
padding-left: 16px;
636
padding-right: 16px;
637
}
638
button.image-button {
641
min-width: 24px;
642
padding: 4px;
643
}
644
button.text-button.image-button {
647
border-radius: 2px;
648
-gtk-outline-radius: 2px;
649
}
650
button.text-button.image-button label:first-child {
653
margin-left: 12px;
654
}
655
button.text-button.image-button label:last-child {
658
margin-right: 12px;
659
}
660
button.text-button.image-button image:not(:only-child) {
663
margin: 0 4px;
664
}
665
toolbar .linked > button, .titlebar:not(headerbar) .linked > button:not(.suggested-action):not(.destructive-action),
667
headerbar .linked > button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box .linked > button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification .linked > button, toolbar
668
.linked.vertical > button, .titlebar:not(headerbar)
669
.linked.vertical > button:not(.suggested-action):not(.destructive-action),
670
headerbar
671
.linked.vertical > button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box
672
.linked.vertical > button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification
673
.linked.vertical > button, .linked >
674
button.flat,
675
.linked.vertical >
676
button.flat {
677
border-radius: 2px;
678
}
679
toolbar .linked > button.text-button.image-button, .titlebar:not(headerbar) .linked > button.text-button.image-button:not(.suggested-action):not(.destructive-action),
681
headerbar .linked > button.text-button.image-button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box .linked > button.text-button.image-button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification .linked > button.text-button.image-button, toolbar
682
.linked.vertical > button.text-button.image-button, .titlebar:not(headerbar)
683
.linked.vertical > button.text-button.image-button:not(.suggested-action):not(.destructive-action),
684
headerbar
685
.linked.vertical > button.text-button.image-button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box
686
.linked.vertical > button.text-button.image-button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification
687
.linked.vertical > button.text-button.image-button, .linked >
688
button.flat.text-button.image-button,
689
.linked.vertical >
690
button.flat.text-button.image-button {
691
border-radius: 2px;
692
-gtk-outline-radius: 2px;
693
}
694
infobar.info button:disabled, infobar.question button:disabled, infobar.warning button:disabled, infobar.error button:disabled, row:selected
696
button:disabled {
697
background-color: rgba(255, 255, 255, 0.12);
698
color: rgba(255, 255, 255, 0.3);
699
}
700
row:selected button.sidebar-button, infobar.info button.flat, infobar.question button.flat, infobar.warning button.flat, infobar.error button.flat, .budgie-panel button, .budgie-panel #tasklist-button, .raven stackswitcher.linked > button, .raven-mpris button.image-button, row:selected
702
button.flat {
703
color: rgba(255, 255, 255, 0.7);
704
}
705
row:selected button.sidebar-button:hover, infobar.info button.flat:hover, infobar.question button.flat:hover, infobar.warning button.flat:hover, infobar.error button.flat:hover, .budgie-panel button:hover, .budgie-panel #tasklist-button:hover, .raven stackswitcher.linked > button:hover, .raven-mpris button.image-button:hover, row:selected button.sidebar-button:active, infobar.info button.flat:active, infobar.question button.flat:active, infobar.warning button.flat:active, infobar.error button.flat:active, .budgie-panel button:active, .budgie-panel #tasklist-button:active, .raven stackswitcher.linked > button:active, .raven-mpris button.image-button:active, row:selected
707
button.flat:hover, row:selected
708
button.flat:active {
709
color: #FFFFFF;
710
}
711
row:selected button.sidebar-button:disabled, infobar.info button.flat:disabled, infobar.question button.flat:disabled, infobar.warning button.flat:disabled, infobar.error button.flat:disabled, .budgie-panel button:disabled, .budgie-panel #tasklist-button:disabled, .raven stackswitcher.linked > button:disabled, .raven-mpris button.image-button:disabled, row:selected
713
button.flat:disabled {
714
color: rgba(255, 255, 255, 0.3);
715
}
716
row:selected button.sidebar-button:checked, infobar.info button.flat:checked, infobar.question button.flat:checked, infobar.warning button.flat:checked, infobar.error button.flat:checked, .budgie-panel button:checked, .budgie-panel #tasklist-button:checked, .raven stackswitcher.linked > button:checked, .raven-mpris button.image-button:checked, row:selected
718
button.flat:checked {
719
background-color: rgba(255, 255, 255, 0.3);
720
color: #FFFFFF;
721
}
722
row:selected button.sidebar-button:checked:disabled, infobar.info button.flat:checked:disabled, infobar.question button.flat:checked:disabled, infobar.warning button.flat:checked:disabled, infobar.error button.flat:checked:disabled, .budgie-panel button:checked:disabled, .budgie-panel #tasklist-button:checked:disabled, .raven stackswitcher.linked > button:checked:disabled, .raven-mpris button.image-button:checked:disabled, row:selected
724
button.flat:checked:disabled {
725
background-color: rgba(255, 255, 255, 0.12);
726
color: rgba(255, 255, 255, 0.5);
727
}
728
button.osd {
731
padding: 10px 14px;
732
}
733
button.osd.image-button {
736
padding: 10px;
737
}
738
button.osd:disabled {
741
opacity: 0;
742
}
743
button.suggested-action {
746
background-color: #FF4081;
747
color: #FFFFFF;
748
}
749
button.suggested-action:disabled {
752
box-shadow: none;
753
background-color: rgba(0, 0, 0, 0.12);
754
color: rgba(0, 0, 0, 0.38);
755
}
756
button.suggested-action:checked {
759
background-color: #ff79a7;
760
}
761
button.suggested-action.flat {
764
background-color: transparent;
765
color: #FF4081;
766
}
767
button.suggested-action.flat:disabled {
770
box-shadow: none;
771
background-color: transparent;
772
color: rgba(0, 0, 0, 0.38);
773
}
774
button.suggested-action.flat:checked {
777
background-color: rgba(255, 64, 129, 0.3);
778
}
779
button.destructive-action {
782
background-color: #FF5252;
783
color: #FFFFFF;
784
}
785
button.destructive-action:disabled {
788
box-shadow: none;
789
background-color: rgba(0, 0, 0, 0.12);
790
color: rgba(0, 0, 0, 0.38);
791
}
792
button.destructive-action:checked {
795
background-color: #ff8686;
796
}
797
button.destructive-action.flat {
800
background-color: transparent;
801
color: #FF5252;
802
}
803
button.destructive-action.flat:disabled {
806
box-shadow: none;
807
background-color: transparent;
808
color: rgba(0, 0, 0, 0.38);
809
}
810
button.destructive-action.flat:checked {
813
background-color: rgba(255, 82, 82, 0.3);
814
}
815
.stack-switcher >
817
button {
818
outline-offset: -4px;
819
}
820
.stack-switcher >
822
button > label {
823
padding-left: 6px;
824
padding-right: 6px;
825
}
826
.stack-switcher >
828
button > image {
829
padding-left: 6px;
830
padding-right: 6px;
831
padding-top: 3px;
832
padding-bottom: 3px;
833
}
834
.stack-switcher >
836
button.text-button {
837
padding-left: 10px;
838
padding-right: 10px;
839
}
840
.stack-switcher >
842
button.image-button {
843
padding-left: 2px;
844
padding-right: 2px;
845
}
846
.stack-switcher >
848
button.needs-attention:checked > label,
849
.stack-switcher >
850
button.needs-attention:checked > image {
851
animation: none;
852
background-image: none;
853
}
854
.primary-toolbar
856
button {
857
-gtk-icon-shadow: none;
858
}
859
button.image-button, toolbar .linked > button.image-button, .titlebar:not(headerbar) .linked > button.image-button:not(.suggested-action):not(.destructive-action),
862
headerbar .linked > button.image-button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box .linked > button.image-button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification .linked > button.image-button, toolbar
863
.linked.vertical > button.image-button,
864
headerbar
865
.linked.vertical > button.image-button:not(.suggested-action):not(.destructive-action), .app-notification
866
.linked.vertical > button.image-button, .linked > button.flat.image-button,
867
.linked.vertical > button.flat.image-button, .inline-toolbar button:not(.text-button), check,
868
radio, button.titlebutton, .nautilus-window headerbar > revealer > button, .raven .raven-header:not(.top) button.image-button, .raven .expander-button,
869
button.close,
870
button.circular {
871
border-radius: 9999px;
872
-gtk-outline-radius: 9999px;
873
}
874
spinbutton:not(.vertical) button, notebook > header tab button.flat, button.sidebar-button, .nautilus-window .floating-bar button, .gedit-document-panel row button.flat, .gedit-search-slider button:dir(ltr), .gedit-search-slider button:dir(rtl), .pluma-window paned.horizontal box.vertical box.horizontal button.flat {
876
min-height: 20px;
877
min-width: 20px;
878
padding: 0;
879
border-radius: 9999px;
880
-gtk-outline-radius: 9999px;
881
}
882
.stack-switcher >
884
button.needs-attention > label,
885
.stack-switcher >
886
button.needs-attention > image, stacksidebar row.needs-attention > label {
887
animation: needs_attention 270ms cubic-bezier(0, 0, 0.2, 1) forwards;
888
background-repeat: no-repeat;
889
background-position: right 3px;
890
background-size: 6px 6px;
891
}
892
.stack-switcher >
894
button.needs-attention > label:dir(rtl),
895
.stack-switcher >
896
button.needs-attention > image:dir(rtl), stacksidebar row.needs-attention > label:dir(rtl) {
897
background-position: left 3px;
898
}
899
.linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry, .linked > button, .linked:not(.vertical) > combobox > box > button.combo {
901
border-radius: 0;
902
-gtk-outline-radius: 2px;
903
}
904
.linked:not(.vertical) > spinbutton:first-child:not(.vertical), .linked:not(.vertical) > entry:first-child, .linked > button:first-child, combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > box > button.combo {
906
border-top-left-radius: 2px;
907
border-bottom-left-radius: 2px;
908
}
909
.linked:not(.vertical) > spinbutton:last-child:not(.vertical), .linked:not(.vertical) > entry:last-child, .linked > button:last-child, combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > box > button.combo {
911
border-top-right-radius: 2px;
912
border-bottom-right-radius: 2px;
913
}
914
.linked:not(.vertical) > spinbutton:only-child:not(.vertical), .linked:not(.vertical) > entry:only-child, .linked > button:only-child, .linked:not(.vertical) > combobox:only-child > box > button.combo {
916
border-radius: 2px;
917
}
918
.linked.vertical > spinbutton:not(.vertical), .linked.vertical > entry, .linked.vertical > button, .linked.vertical > combobox > box > button.combo {
920
border-radius: 0;
921
-gtk-outline-radius: 2px;
922
}
923
.linked.vertical > spinbutton:first-child:not(.vertical), .linked.vertical > entry:first-child, .linked.vertical > button:first-child, .linked.vertical > combobox:first-child > box > button.combo {
925
border-top-left-radius: 2px;
926
border-top-right-radius: 2px;
927
}
928
.linked.vertical > spinbutton:last-child:not(.vertical), .linked.vertical > entry:last-child, .linked.vertical > button:last-child, .linked.vertical > combobox:last-child > box > button.combo {
930
border-bottom-left-radius: 2px;
931
border-bottom-right-radius: 2px;
932
}
933
.linked.vertical > spinbutton:only-child:not(.vertical), .linked.vertical > entry:only-child, .linked.vertical > button:only-child, .linked.vertical > combobox:only-child > box > button.combo {
935
border-radius: 2px;
936
}
937
/* menu buttons */
939
modelbutton.flat,
940
.menuitem.button.flat {
941
min-height: 28px;
942
padding: 0 8px;
943
border-radius: 2px;
944
color: inherit;
945
}
946
modelbutton.flat arrow {
948
background: none;
949
}
950
modelbutton.flat arrow:hover {
952
background: none;
953
}
954
modelbutton.flat arrow.left {
956
-gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
957
}
958
modelbutton.flat arrow.right {
960
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
961
}
962
button.color {
964
min-height: 20px;
965
min-width: 20px;
966
padding: 6px;
967
}
968
/*********
970
* Links *
971
*********/
972
*:link, button:link,
973
button:visited, *:link:hover, button:hover:link,
974
button:hover:visited, *:link:active, button:active:link,
975
button:active:visited {
976
color: #42A5F5;
977
}
978
*:link:visited,
980
button:visited, *:link:visited:hover,
981
button:visited:hover, *:link:visited:active,
982
button:visited:active {
983
color: #E040FB;
984
}
985
infobar.info *:link, infobar.info button:link, infobar.info
987
button:visited, infobar.question *:link, infobar.question button:link, infobar.question
988
button:visited, infobar.warning *:link, infobar.warning button:link, infobar.warning
989
button:visited, infobar.error *:link, infobar.error button:link, infobar.error
990
button:visited, *:link:selected, button:selected:link,
991
button:selected:visited, .selection-mode.titlebar:not(headerbar) .subtitle:link,
992
headerbar.selection-mode .subtitle:link,
993
*:selected *:link,
994
*:selected button:link,
995
*:selected
996
button:visited {
997
color: #FFFFFF;
998
}
999
button:link > label,
1001
button:visited > label {
1002
text-decoration-line: underline;
1003
}
1004
/*****************
1006
* GtkSpinButton *
1007
*****************/
1008
spinbutton:not(.vertical) {
1009
padding: 0;
1010
}
1011
notebook > stack:not(:only-child) spinbutton:not(.vertical) entry, notebook > stack:not(:only-child) spinbutton:not(.vertical) entry:focus, notebook > stack:not(:only-child) spinbutton:not(.vertical) entry:disabled,
1013
spinbutton:not(.vertical) entry {
1014
min-width: 28px;
1015
margin: 0;
1016
border-image: none;
1017
border-radius: 0;
1018
box-shadow: none;
1019
background-color: transparent;
1020
}
1021
spinbutton:not(.vertical) button {
1023
border: solid 6px transparent;
1024
}
1025
spinbutton:not(.vertical) button.up:dir(ltr), spinbutton:not(.vertical) button.down:dir(rtl) {
1027
margin-left: -3px;
1028
}
1029
spinbutton:not(.vertical) button.up:dir(rtl), spinbutton:not(.vertical) button.down:dir(ltr) {
1031
margin-right: -3px;
1032
}
1033
spinbutton.vertical:disabled {
1035
color: rgba(0, 0, 0, 0.38);
1036
}
1037
spinbutton.vertical:drop(active) {
1039
box-shadow: none;
1040
}
1041
spinbutton.vertical entry {
1043
min-height: 32px;
1044
min-width: 44px;
1045
padding: 0;
1046
}
1047
spinbutton.vertical button {
1049
min-height: 32px;
1050
min-width: 44px;
1051
padding: 0;
1052
}
1053
spinbutton.vertical button.up {
1055
border-radius: 2px 2px 0 0;
1056
}
1057
spinbutton.vertical button.down {
1059
border-radius: 0 0 2px 2px;
1060
}
1061
treeview spinbutton:not(.vertical) {
1063
min-height: 0;
1064
border-style: none;
1065
border-radius: 0;
1066
}
1067
treeview spinbutton:not(.vertical) entry {
1069
min-height: 0;
1070
padding: 1px 2px;
1071
}
1072
/**************
1074
* ComboBoxes *
1075
**************/
1076
combobox arrow {
1077
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
1078
min-height: 16px;
1079
min-width: 16px;
1080
}
1081
combobox decoration,
1083
combobox button.combo:checked {
1084
transition: none;
1085
}
1086
combobox button.combo cellview:dir(ltr) {
1088
margin-left: 0px;
1089
}
1090
combobox button.combo cellview:dir(rtl) {
1092
margin-right: 0px;
1093
}
1094
combobox #gtk-combobox-popup-menu {
1096
padding: 2px 0;
1097
}
1098
combobox #gtk-combobox-popup-menu menuitem {
1100
min-height: 28px;
1101
padding: 0 8px;
1102
}
1103
combobox #gtk-combobox-popup-menu > arrow.top {
1105
margin-top: -2px;
1106
}
1107
combobox #gtk-combobox-popup-menu > arrow.bottom {
1109
margin-bottom: -6px;
1110
}
1111
combobox:drop(active) {
1113
box-shadow: none;
1114
}
1115
notebook > stack:not(:only-child) button.combo, .raven .raven-background button.combo, #login_window #user_combobox button {
1117
border-radius: 0;
1118
background-image: none;
1119
font-weight: inherit;
1120
transition: all 270ms cubic-bezier(0, 0, 0.2, 1);
1121
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #42A5F5 0%, transparent 0%) 0 0 0/0 0 0px;
1122
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26);
1123
background-color: transparent;
1124
color: rgba(0, 0, 0, 0.87);
1125
}
1126
notebook > stack:not(:only-child) button.combo:hover, .raven .raven-background button.combo:hover, #login_window #user_combobox button:hover {
1128
box-shadow: inset 0 -2px rgba(0, 0, 0, 0.38);
1129
}
1130
notebook > stack:not(:only-child) button.combo:checked, .raven .raven-background button.combo:checked, #login_window #user_combobox button:checked {
1132
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #42A5F5 100%, transparent 0%) 0 0 2/0 0 2px;
1133
}
1134
notebook > stack:not(:only-child) button.combo:disabled, .raven .raven-background button.combo:disabled, #login_window #user_combobox button:disabled {
1136
color: rgba(0, 0, 0, 0.38);
1137
}
1138
/************
1140
* Toolbars *
1141
************/
1142
toolbar {
1143
-GtkWidget-window-dragging: true;
1144
padding: 2px;
1145
background-color: #F5F5F5;
1146
}
1147
.osd toolbar {
1149
background-color: transparent;
1150
}
1151
toolbar.osd, .app-notification, frame.documents-dropdown {
1153
transition: box-shadow 180ms cubic-bezier(0, 0, 0.2, 1);
1154
padding: 6px;
1155
border-radius: 2px;
1156
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 1px rgba(255, 255, 255, 0.4);
1157
background-color: #FFFFFF;
1158
}
1159
toolbar.osd:backdrop, .app-notification:backdrop, frame.documents-dropdown:backdrop {
1161
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 1px rgba(255, 255, 255, 0.4);
1162
}
1163
toolbar.osd.left, .left.app-notification, frame.left.documents-dropdown, toolbar.osd.right, .right.app-notification, frame.right.documents-dropdown, toolbar.osd.top, .top.app-notification, frame.top.documents-dropdown, toolbar.osd.bottom, .bottom.app-notification, frame.bottom.documents-dropdown {
1165
border-radius: 0;
1166
}
1167
toolbar.horizontal > separator {
1169
margin: 2px;
1170
}
1171
toolbar.vertical > separator {
1173
margin: 2px;
1174
}
1175
toolbar:not(.inline-toolbar):not(.osd) scale,
1177
toolbar:not(.inline-toolbar):not(.osd) entry,
1178
toolbar:not(.inline-toolbar):not(.osd) spinbutton,
1179
toolbar:not(.inline-toolbar):not(.osd) button {
1180
margin: 2px;
1181
}
1182
toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:first-child),
1184
toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:first-child),
1185
toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:first-child) {
1186
margin-left: 0;
1187
}
1188
toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:last-child),
1190
toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:last-child),
1191
toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:last-child) {
1192
margin-right: 0;
1193
}
1194
toolbar:not(.inline-toolbar):not(.osd) spinbutton entry,
1196
toolbar:not(.inline-toolbar):not(.osd) spinbutton button {
1197
margin: 0;
1198
}
1199
toolbar:not(.inline-toolbar):not(.osd) switch {
1201
margin: 8px 2px;
1202
}
1203
.inline-toolbar {
1205
padding: 6px;
1206
border-style: solid;
1207
border-width: 0 1px 1px;
1208
border-color: rgba(0, 0, 0, 0.12);
1209
background-color: #FAFAFA;
1210
}
1211
searchbar,
1213
.location-bar {
1214
padding: 6px;
1215
border-style: solid;
1216
border-width: 0 0 1px;
1217
border-color: rgba(0, 0, 0, 0.12);
1218
background-color: #F5F5F5;
1219
background-clip: border-box;
1220
}
1221
/***************
1223
* Header bars *
1224
***************/
1225
.titlebar:not(headerbar),
1226
headerbar {
1227
transition: background-color 180ms cubic-bezier(0, 0, 0.2, 1), color 270ms cubic-bezier(0, 0, 0.2, 1);
1228
min-height: 44px;
1229
padding: 0 6px;
1230
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 1px rgba(255, 255, 255, 0.4);
1231
background-color: #E0E0E0;
1232
color: rgba(0, 0, 0, 0.87);
1233
}
1234
.titlebar:disabled:not(headerbar) :not(button) > label,
1236
headerbar:disabled :not(button) > label {
1237
color: rgba(0, 0, 0, 0.38);
1238
}
1239
.titlebar:backdrop:not(headerbar),
1241
headerbar:backdrop {
1242
color: rgba(0, 0, 0, 0.54);
1243
}
1244
.titlebar:backdrop:disabled:not(headerbar) :not(button) > label,
1246
headerbar:backdrop:disabled :not(button) > label {
1247
color: rgba(0, 0, 0, 0.26);
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), #42A5F5 0%, transparent 0%) 0 0 0/0 0 0px;
1270
color: rgba(0, 0, 0, 0.54);
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: rgba(0, 0, 0, 0.87);
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(0, 0, 0, 0.26);
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), #42A5F5 100%, transparent 0%) 0 0 2/0 0 2px;
1287
color: rgba(0, 0, 0, 0.87);
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(0, 0, 0, 0.38);
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(0, 0, 0, 0.38);
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(0, 0, 0, 0.54);
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(0, 0, 0, 0.26);
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(0, 0, 0, 0.54);
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(0, 0, 0, 0.26);
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(0, 0, 0, 0.12);
1331
color: rgba(0, 0, 0, 0.38);
1332
}
1333
.selection-mode.titlebar:not(headerbar),
1335
headerbar.selection-mode {
1336
transition: background-color 0.00001s 270ms, color 270ms cubic-bezier(0, 0, 0.2, 1);
1337
animation: header_ripple_effect 270ms cubic-bezier(0, 0, 0.2, 1);
1338
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 1px rgba(255, 255, 255, 0.2);
1339
background-color: #42A5F5;
1340
color: #FFFFFF;
1341
}
1342
.selection-mode.titlebar:backdrop:not(headerbar),
1344
headerbar.selection-mode:backdrop {
1345
color: rgba(255, 255, 255, 0.7);
1346
}
1347
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action),
1349
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action) {
1350
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0/0 0 0px;
1351
color: #FFFFFF;
1352
}
1353
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):disabled,
1355
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):disabled {
1356
color: rgba(255, 255, 255, 0.5);
1357
}
1358
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked,
1360
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):checked {
1361
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2/0 0 2px;
1362
color: #FFFFFF;
1363
}
1364
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked:disabled,
1366
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):checked:disabled {
1367
color: rgba(255, 255, 255, 0.5);
1368
}
1369
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop,
1371
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop {
1372
color: rgba(255, 255, 255, 0.7);
1373
}
1374
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:disabled,
1376
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:disabled {
1377
color: rgba(255, 255, 255, 0.3);
1378
}
1379
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked,
1381
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked {
1382
color: rgba(255, 255, 255, 0.7);
1383
}
1384
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled,
1386
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled {
1387
color: rgba(255, 255, 255, 0.3);
1388
}
1389
.selection-mode.titlebar:not(headerbar) .selection-menu,
1391
headerbar.selection-mode .selection-menu {
1392
padding-left: 16px;
1393
padding-right: 16px;
1394
}
1395
.selection-mode.titlebar:not(headerbar) .selection-menu arrow,
1397
headerbar.selection-mode .selection-menu arrow {
1398
-GtkArrow-arrow-scaling: 1;
1399
}
1400
.selection-mode.titlebar:not(headerbar) .selection-menu .arrow,
1402
headerbar.selection-mode .selection-menu .arrow {
1403
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
1404
}
1405
.tiled .titlebar:not(headerbar),
1407
.maximized .titlebar:not(headerbar),
1408
.fullscreen .titlebar:not(headerbar), .tiled
1409
headerbar,
1410
.maximized
1411
headerbar,
1412
.fullscreen
1413
headerbar {
1414
border-radius: 0;
1415
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
1416
}
1417
.default-decoration.titlebar:not(headerbar),
1419
headerbar.default-decoration {
1420
min-height: 20px;
1421
padding: 6px;
1422
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
1423
}
1424
.tiled .default-decoration.titlebar:not(headerbar),
1426
.maximized .default-decoration.titlebar:not(headerbar),
1427
.fullscreen .default-decoration.titlebar:not(headerbar), .tiled
1428
headerbar.default-decoration,
1429
.maximized
1430
headerbar.default-decoration,
1431
.fullscreen
1432
headerbar.default-decoration {
1433
box-shadow: none;
1434
}
1435
.default-decoration.titlebar:not(headerbar) button.titlebutton,
1437
headerbar.default-decoration button.titlebutton {
1438
min-height: 20px;
1439
min-width: 20px;
1440
margin: 0;
1441
padding: 0;
1442
}
1443
.background:not(.csd) .default-decoration.titlebar:not(headerbar) button.titlebutton:active, .background:not(.csd)
1445
headerbar.default-decoration button.titlebutton:active {
1446
background-size: 1000% 1000%;
1447
}
1448
headerbar entry,
1450
headerbar spinbutton,
1451
headerbar button {
1452
margin-top: 6px;
1453
margin-bottom: 6px;
1454
}
1455
headerbar switch {
1457
margin-top: 12px;
1458
margin-bottom: 12px;
1459
}
1460
headerbar spinbutton button {
1462
margin-top: 0;
1463
margin-bottom: 0;
1464
}
1465
.background:not(.tiled):not(.maximized):not(.fullscreen):not(.solid-csd) .titlebar {
1467
border-top-left-radius: 2px;
1468
border-top-right-radius: 2px;
1469
}
1470
window:not(.tiled):not(.maximized):not(.fullscreen):not(.solid-csd) separator:first-child + headerbar,
1472
window:not(.tiled):not(.maximized):not(.fullscreen):not(.solid-csd) headerbar:first-child {
1473
border-top-left-radius: 2px;
1474
}
1475
window:not(.tiled):not(.maximized):not(.fullscreen):not(.solid-csd) headerbar:last-child {
1477
border-top-right-radius: 2px;
1478
}
1479
window:not(.tiled):not(.maximized):not(.fullscreen):not(.solid-csd) stack headerbar:first-child, window:not(.tiled):not(.maximized):not(.fullscreen):not(.solid-csd) stack headerbar:last-child {
1481
border-top-left-radius: 2px;
1482
border-top-right-radius: 2px;
1483
}
1484
window.csd > .titlebar:not(headerbar) {
1486
padding: 0;
1487
background-color: transparent;
1488
background-image: none;
1489
border-style: none;
1490
box-shadow: none;
1491
}
1492
.titlebar:not(headerbar) > separator {
1494
background-color: #E0E0E0;
1495
background-image: image(rgba(0, 0, 0, 0.12));
1496
}
1497
/************
1499
* Pathbars *
1500
************/
1501
.caja-pathbar button,
1502
.path-bar button {
1503
padding-left: 4px;
1504
padding-right: 4px;
1505
}
1506
.caja-pathbar button label:not(:only-child):first-child,
1508
.path-bar button label:not(:only-child):first-child {
1509
margin-left: 4px;
1510
}
1511
.caja-pathbar button label:not(:only-child):last-child,
1513
.path-bar button label:not(:only-child):last-child {
1514
margin-right: 4px;
1515
}
1516
.caja-pathbar button.slider-button,
1518
.path-bar button.slider-button {
1519
padding-left: 4px;
1520
padding-right: 4px;
1521
}
1522
:not(headerbar) .caja-pathbar button, .caja-pathbar :not(headerbar) button, :not(headerbar)
1524
.path-bar button {
1525
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #42A5F5 0%, transparent 0%) 0 0 0/0 0 0px;
1526
border-radius: 2px;
1527
}
1528
:not(headerbar) .caja-pathbar button:checked, .caja-pathbar :not(headerbar) button:checked, :not(headerbar)
1530
.path-bar button:checked {
1531
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #42A5F5 100%, transparent 0%) 0 0 2/0 0 2px;
1532
}
1533
:not(headerbar) .caja-pathbar button:checked, .caja-pathbar :not(headerbar) button:checked, :not(headerbar) .caja-pathbar button:checked:disabled, .caja-pathbar :not(headerbar) button:checked:disabled, :not(headerbar)
1535
.path-bar button:checked, :not(headerbar)
1536
.path-bar button:checked:disabled {
1537
background-color: transparent;
1538
}
1539
/**************
1541
* Tree Views *
1542
**************/
1543
treeview.view {
1544
border-left-color: rgba(0, 0, 0, 0.26);
1545
border-top-color: rgba(0, 0, 0, 0.12);
1546
}
1547
* {
1549
-GtkTreeView-horizontal-separator: 4;
1550
-GtkTreeView-grid-line-width: 1;
1551
-GtkTreeView-grid-line-pattern: '';
1552
-GtkTreeView-tree-line-width: 1;
1553
-GtkTreeView-tree-line-pattern: '';
1554
-GtkTreeView-expander-size: 16;
1555
}
1556
treeview.view:selected {
1558
border-left-color: rgba(255, 255, 255, 0.3);
1559
}
1560
treeview.view:hover, treeview.view:active, treeview.view:selected {
1562
border-radius: 0;
1563
}
1564
treeview.view.separator {
1566
min-height: 5px;
1567
color: rgba(0, 0, 0, 0.12);
1568
}
1569
treeview.view:drop(active) {
1571
border-style: solid none;
1572
border-width: 1px;
1573
border-color: #FF4081;
1574
}
1575
treeview.view:drop(active).after {
1577
border-top-style: none;
1578
}
1579
treeview.view:drop(active).before {
1581
border-bottom-style: none;
1582
}
1583
treeview.view.expander {
1585
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
1586
-gtk-icon-transform: rotate(-90deg);
1587
color: rgba(0, 0, 0, 0.54);
1588
}
1589
treeview.view.expander:dir(rtl) {
1591
-gtk-icon-transform: rotate(90deg);
1592
}
1593
treeview.view.expander:checked {
1595
-gtk-icon-transform: unset;
1596
}
1597
treeview.view.expander:hover, treeview.view.expander:active {
1599
color: rgba(0, 0, 0, 0.87);
1600
}
1601
treeview.view.expander:disabled {
1603
color: rgba(0, 0, 0, 0.26);
1604
}
1605
treeview.view.expander:selected {
1607
color: rgba(255, 255, 255, 0.7);
1608
}
1609
treeview.view.expander:selected:hover, treeview.view.expander:selected:active {
1611
color: #FFFFFF;
1612
}
1613
treeview.view.expander:selected:disabled {
1615
color: rgba(255, 255, 255, 0.3);
1616
}
1617
treeview.view.progressbar {
1619
border-bottom: 4px solid #42A5F5;
1620
box-shadow: none;
1621
background-color: transparent;
1622
}
1623
treeview.view.progressbar:selected {
1625
border-bottom-color: #FFFFFF;
1626
}
1627
treeview.view.trough {
1629
border-bottom: 4px solid rgba(66, 165, 245, 0.3);
1630
box-shadow: none;
1631
background-color: transparent;
1632
}
1633
treeview.view.trough:selected {
1635
border-bottom-color: rgba(255, 255, 255, 0.3);
1636
}
1637
treeview.view header button {
1639
padding: 2px 6px;
1640
border-style: none solid solid none;
1641
border-width: 1px;
1642
border-color: rgba(0, 0, 0, 0.12);
1643
border-radius: 0;
1644
background-clip: border-box;
1645
}
1646
treeview.view header button, treeview.view header button:hover, treeview.view header button:active {
1648
box-shadow: none;
1649
}
1650
treeview.view header button, treeview.view header button:disabled {
1652
background-color: #FFFFFF;
1653
}
1654
treeview.view header button:last-child {
1656
border-right-style: none;
1657
}
1658
treeview.view button.dnd,
1660
treeview.view header.button.dnd {
1661
padding: 2px 6px;
1662
border-style: none solid solid;
1663
border-width: 1px;
1664
border-color: rgba(0, 0, 0, 0.12);
1665
border-radius: 0;
1666
box-shadow: none;
1667
background-color: #FFFFFF;
1668
background-clip: border-box;
1669
color: #42A5F5;
1670
}
1671
treeview.view acceleditor > label {
1673
background-color: #42A5F5;
1674
}
1675
/*********
1677
* Menus *
1678
*********/
1679
menubar,
1680
.menubar {
1681
-GtkWidget-window-dragging: true;
1682
padding: 0;
1683
background-color: #E0E0E0;
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(0, 0, 0, 0.54);
1692
}
1693
menubar > menuitem:hover,
1695
.menubar > menuitem:hover {
1696
transition: none;
1697
background-color: rgba(0, 0, 0, 0.12);
1698
color: rgba(0, 0, 0, 0.87);
1699
}
1700
menubar > menuitem:disabled,
1702
.menubar > menuitem:disabled {
1703
color: rgba(0, 0, 0, 0.26);
1704
}
1705
menubar > menuitem label:disabled,
1707
.menubar > menuitem label:disabled {
1708
color: inherit;
1709
}
1710
.csd.popup {
1712
background-color: transparent;
1713
}
1714
menu,
1716
.menu,
1717
.context-menu {
1718
margin: 4px 0;
1719
padding: 4px 0;
1720
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
1721
background-color: #FFFFFF;
1722
border: 1px solid rgba(0, 0, 0, 0.12);
1723
}
1724
.csd menu, .csd
1726
.menu, .csd
1727
.context-menu {
1728
border: none;
1729
border-radius: 2px;
1730
}
1731
menu menuitem,
1733
.menu menuitem,
1734
.context-menu menuitem {
1735
transition: background-color 180ms cubic-bezier(0, 0, 0.2, 1);
1736
min-height: 20px;
1737
min-width: 40px;
1738
padding: 4px 8px;
1739
font: initial;
1740
text-shadow: none;
1741
}
1742
menu menuitem:hover,
1744
.menu menuitem:hover,
1745
.context-menu menuitem:hover {
1746
transition: none;
1747
background-color: rgba(0, 0, 0, 0.12);
1748
}
1749
menu menuitem:disabled,
1751
.menu menuitem:disabled,
1752
.context-menu menuitem:disabled {
1753
color: rgba(0, 0, 0, 0.38);
1754
}
1755
menu menuitem arrow,
1757
.menu menuitem arrow,
1758
.context-menu menuitem arrow {
1759
min-height: 16px;
1760
min-width: 16px;
1761
}
1762
menu menuitem arrow:dir(ltr),
1764
.menu menuitem arrow:dir(ltr),
1765
.context-menu menuitem arrow:dir(ltr) {
1766
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
1767
margin-left: 8px;
1768
}
1769
menu menuitem arrow:dir(rtl),
1771
.menu menuitem arrow:dir(rtl),
1772
.context-menu menuitem arrow:dir(rtl) {
1773
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl");
1774
margin-right: 8px;
1775
}
1776
menu menuitem label:dir(rtl), menu menuitem label:dir(ltr),
1778
.menu menuitem label:dir(rtl),
1779
.menu menuitem label:dir(ltr),
1780
.context-menu menuitem label:dir(rtl),
1781
.context-menu menuitem label:dir(ltr) {
1782
color: inherit;
1783
}
1784
menu > arrow,
1786
.menu > arrow,
1787
.context-menu > arrow {
1788
min-height: 16px;
1789
min-width: 16px;
1790
padding: 4px;
1791
background-color: #FFFFFF;
1792
color: rgba(0, 0, 0, 0.54);
1793
}
1794
menu > arrow.top,
1796
.menu > arrow.top,
1797
.context-menu > arrow.top {
1798
margin-top: -4px;
1799
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
1800
border-radius: 2px 2px 0 0;
1801
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
1802
}
1803
menu > arrow.bottom,
1805
.menu > arrow.bottom,
1806
.context-menu > arrow.bottom {
1807
margin-bottom: -12px;
1808
border-top: 1px solid rgba(0, 0, 0, 0.12);
1809
border-radius: 0 0 2px 2px;
1810
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
1811
}
1812
menu > arrow:hover,
1814
.menu > arrow:hover,
1815
.context-menu > arrow:hover {
1816
background-image: image(rgba(0, 0, 0, 0.12));
1817
color: rgba(0, 0, 0, 0.87);
1818
}
1819
menu > arrow:disabled,
1821
.menu > arrow:disabled,
1822
.context-menu > arrow:disabled {
1823
border-color: transparent;
1824
background-color: transparent;
1825
color: transparent;
1826
}
1827
menu separator,
1829
.menu separator,
1830
.context-menu separator {
1831
margin: 4px 0;
1832
}
1833
menuitem accelerator {
1835
color: rgba(0, 0, 0, 0.54);
1836
}
1837
.popup:not(.csd) menu menuitem {
1839
color: #212121;
1840
}
1841
.popup:not(.csd) menu menuitem:hover {
1843
background-color: #E0E0E0;
1844
}
1845
.popup:not(.csd) menu menuitem:disabled {
1847
color: #9E9E9E;
1848
}
1849
.popup:not(.csd) menu accelerator {
1851
color: #757575;
1852
}
1853
/************
1855
* Popovers *
1856
************/
1857
popover.background {
1858
transition: box-shadow 180ms cubic-bezier(0, 0, 0.2, 1);
1859
padding: 2px;
1860
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
1861
background-color: #FAFAFA;
1862
}
1863
popover.background:backdrop {
1865
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
1866
}
1867
popover.background, .csd popover.background {
1869
border-style: solid;
1870
border-width: 1px;
1871
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.3);
1872
border-radius: 3px;
1873
}
1874
popover.background > stack {
1876
margin: -4px;
1877
}
1878
popover.background > toolbar {
1880
margin: -2px;
1881
}
1882
popover.background > list,
1884
popover.background > .view,
1885
popover.background > toolbar {
1886
border-style: none;
1887
box-shadow: none;
1888
background-color: transparent;
1889
}
1890
popover.background.menu button,
1892
popover.background button.model {
1893
min-height: 32px;
1894
padding: 0 8px;
1895
border-radius: 2px;
1896
}
1897
popover.background separator {
1899
margin: 4px 0;
1900
}
1901
popover.background list separator {
1903
margin: 0;
1904
}
1905
/*************
1907
* Notebooks *
1908
*************/
1909
notebook > header {
1910
border-width: 1px;
1911
border-color: rgba(0, 0, 0, 0.12);
1912
background-color: #F5F5F5;
1913
background-clip: border-box;
1914
}
1915
notebook > header.top {
1917
border-bottom-style: solid;
1918
}
1919
notebook > header.top > tabs {
1921
margin-bottom: -1px;
1922
}
1923
notebook > header.top > tabs > tab:hover {
1925
box-shadow: inset 0 -2px rgba(0, 0, 0, 0.26);
1926
}
1927
notebook > header.top > tabs > tab:checked {
1929
box-shadow: inset 0 -2px #42A5F5;
1930
}
1931
notebook > header.bottom {
1933
border-top-style: solid;
1934
}
1935
notebook > header.bottom > tabs {
1937
margin-top: -1px;
1938
}
1939
notebook > header.bottom > tabs > tab:hover {
1941
box-shadow: inset 0 2px rgba(0, 0, 0, 0.26);
1942
}
1943
notebook > header.bottom > tabs > tab:checked {
1945
box-shadow: inset 0 2px #42A5F5;
1946
}
1947
notebook > header.left {
1949
border-right-style: solid;
1950
}
1951
notebook > header.left > tabs {
1953
margin-right: -1px;
1954
}
1955
notebook > header.left > tabs > tab:hover {
1957
box-shadow: inset -2px 0 rgba(0, 0, 0, 0.26);
1958
}
1959
notebook > header.left > tabs > tab:checked {
1961
box-shadow: inset -2px 0 #42A5F5;
1962
}
1963
notebook > header.right {
1965
border-left-style: solid;
1966
}
1967
notebook > header.right > tabs {
1969
margin-left: -1px;
1970
}
1971
notebook > header.right > tabs > tab:hover {
1973
box-shadow: inset 2px 0 rgba(0, 0, 0, 0.26);
1974
}
1975
notebook > header.right > tabs > tab:checked {
1977
box-shadow: inset 2px 0 #42A5F5;
1978
}
1979
notebook > header.top > tabs > arrow {
1981
border-top-style: none;
1982
}
1983
notebook > header.bottom > tabs > arrow {
1985
border-bottom-style: none;
1986
}
1987
notebook > header.top > tabs > arrow, notebook > header.bottom > tabs > arrow {
1989
padding-left: 4px;
1990
padding-right: 4px;
1991
}
1992
notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down {
1994
margin-left: -8px;
1995
-gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
1996
}
1997
notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up {
1999
margin-right: -8px;
2000
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
2001
}
2002
notebook > header.left > tabs > arrow {
2004
border-left-style: none;
2005
}
2006
notebook > header.right > tabs > arrow {
2008
border-right-style: none;
2009
}
2010
notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow {
2012
padding-top: 4px;
2013
padding-bottom: 4px;
2014
}
2015
notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down {
2017
margin-top: -8px;
2018
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
2019
}
2020
notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up {
2022
margin-bottom: -8px;
2023
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
2024
}
2025
notebook > header > tabs > arrow {
2027
min-height: 16px;
2028
min-width: 16px;
2029
border-radius: 0;
2030
}
2031
notebook > header tab {
2033
transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
2034
min-height: 20px;
2035
min-width: 20px;
2036
padding: 6px 12px;
2037
outline-offset: -6px;
2038
border-width: 1px;
2039
border-color: transparent;
2040
background-image: radial-gradient(circle farthest-corner at center, #42A5F5 10%, transparent 0%);
2041
background-repeat: no-repeat;
2042
background-position: center;
2043
background-size: 0% 0%;
2044
color: rgba(0, 0, 0, 0.54);
2045
font-weight: 500;
2046
}
2047
notebook > header tab:hover {
2049
color: rgba(0, 0, 0, 0.87);
2050
}
2051
notebook > header tab:hover.reorderable-page {
2053
border-color: rgba(0, 0, 0, 0.12);
2054
background-color: #FAFAFA;
2055
}
2056
notebook > header tab:disabled {
2058
color: rgba(0, 0, 0, 0.26);
2059
}
2060
notebook > header tab:checked {
2062
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);
2063
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
2064
background-size: 1000% 1000%;
2065
color: rgba(0, 0, 0, 0.87);
2066
}
2067
notebook > header tab:checked:disabled {
2069
color: rgba(0, 0, 0, 0.38);
2070
}
2071
notebook > header tab:checked.reorderable-page {
2073
border-color: rgba(0, 0, 0, 0.12);
2074
background-color: #FFFFFF;
2075
}
2076
notebook > header tab button.flat:last-child {
2078
margin-left: 6px;
2079
margin-right: -6px;
2080
}
2081
notebook > header tab button.flat:first-child {
2083
margin-left: -6px;
2084
margin-right: 6px;
2085
}
2086
notebook > header.top tabs, notebook > header.bottom tabs {
2088
padding-left: 8px;
2089
padding-right: 8px;
2090
}
2091
notebook > header.top tabs:not(:only-child):first-child, notebook > header.bottom tabs:not(:only-child):first-child {
2093
margin-left: 0;
2094
}
2095
notebook > header.top tabs:not(:only-child):last-child, notebook > header.bottom tabs:not(:only-child):last-child {
2097
margin-right: 0;
2098
}
2099
notebook > header.top tabs tab.reorderable-page, notebook > header.bottom tabs tab.reorderable-page {
2101
margin: 0 -1px;
2102
border-style: none solid;
2103
}
2104
notebook > header.left tabs, notebook > header.right tabs {
2106
padding-top: 8px;
2107
padding-bottom: 8px;
2108
}
2109
notebook > header.left tabs:not(:only-child):first-child, notebook > header.right tabs:not(:only-child):first-child {
2111
margin-top: 0;
2112
}
2113
notebook > header.left tabs:not(:only-child):last-child, notebook > header.right tabs:not(:only-child):last-child {
2115
margin-bottom: 0;
2116
}
2117
notebook > header.left tabs tab.reorderable-page, notebook > header.right tabs tab.reorderable-page {
2119
margin: -1px 0;
2120
border-style: solid none;
2121
}
2122
notebook > stack:not(:only-child) {
2124
background-color: #FFFFFF;
2125
}
2126
/**************
2128
* Scrollbars *
2129
**************/
2130
scrollbar {
2131
transition: all 270ms cubic-bezier(0, 0, 0.2, 1);
2132
background-color: #FFFFFF;
2133
background-clip: padding-box;
2134
}
2135
* {
2137
-GtkScrollbar-has-backward-stepper: false;
2138
-GtkScrollbar-has-forward-stepper: false;
2139
}
2140
scrollbar.top {
2142
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
2143
}
2144
scrollbar.bottom {
2146
border-top: 1px solid rgba(0, 0, 0, 0.12);
2147
}
2148
scrollbar.left {
2150
border-right: 1px solid rgba(0, 0, 0, 0.12);
2151
}
2152
scrollbar.right {
2154
border-left: 1px solid rgba(0, 0, 0, 0.12);
2155
}
2156
scrollbar slider {
2158
transition: all 180ms cubic-bezier(0, 0, 0.2, 1), margin 0, border-width 0;
2159
min-width: 8px;
2160
min-height: 8px;
2161
border: 4px solid transparent;
2162
border-radius: 9999px;
2163
background-clip: padding-box;
2164
background-color: rgba(0, 0, 0, 0.38);
2165
}
2166
scrollbar slider:hover {
2168
background-color: rgba(0, 0, 0, 0.54);
2169
}
2170
scrollbar slider:active {
2172
background-color: rgba(0, 0, 0, 0.87);
2173
}
2174
scrollbar slider:disabled {
2176
background-color: rgba(0, 0, 0, 0.26);
2177
}
2178
scrollbar.fine-tune slider {
2180
transition: all 180ms cubic-bezier(0, 0, 0.2, 1), margin 0, border-width 0, min-width 0, min-height 0;
2181
min-width: 4px;
2182
min-height: 4px;
2183
}
2184
scrollbar.fine-tune.horizontal slider {
2186
margin: 2px 0;
2187
}
2188
scrollbar.fine-tune.vertical slider {
2190
margin: 0 2px;
2191
}
2192
scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
2194
border-color: transparent;
2195
background-color: transparent;
2196
}
2197
scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider {
2199
min-width: 4px;
2200
min-height: 4px;
2201
margin: 3px;
2202
border: 1px solid rgba(255, 255, 255, 0.3);
2203
}
2204
scrollbar.overlay-indicator:not(.dragging):not(.hovering) button {
2206
min-width: 4px;
2207
min-height: 4px;
2208
margin: 3px;
2209
border: 1px solid rgba(255, 255, 255, 0.3);
2210
border-radius: 9999px;
2211
background-color: rgba(0, 0, 0, 0.38);
2212
background-clip: padding-box;
2213
-gtk-icon-source: none;
2214
}
2215
scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled {
2217
background-color: rgba(0, 0, 0, 0.26);
2218
}
2219
scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider {
2221
min-width: 24px;
2222
}
2223
scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button {
2225
min-width: 8px;
2226
}
2227
scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider {
2229
min-height: 24px;
2230
}
2231
scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button {
2233
min-height: 8px;
2234
}
2235
scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering {
2237
background-color: rgba(255, 255, 255, 0.9);
2238
}
2239
scrollbar.horizontal slider {
2241
min-width: 24px;
2242
}
2243
scrollbar.vertical slider {
2245
min-height: 24px;
2246
}
2247
scrollbar button {
2249
min-width: 16px;
2250
min-height: 16px;
2251
padding: 0;
2252
border-radius: 0;
2253
}
2254
scrollbar.vertical button.down {
2256
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
2257
}
2258
scrollbar.vertical button.up {
2260
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
2261
}
2262
scrollbar.horizontal button.down {
2264
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
2265
}
2266
scrollbar.horizontal button.up {
2268
-gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
2269
}
2270
/**********
2272
* Switch *
2273
**********/
2274
switch {
2275
transition: all 270ms cubic-bezier(0, 0, 0.2, 1);
2276
margin: 6px 0;
2277
padding: 0 2px;
2278
border: 5px solid transparent;
2279
border-radius: 9999px;
2280
background-color: rgba(0, 0, 0, 0.26);
2281
background-clip: padding-box;
2282
font-size: 0;
2283
}
2284
switch:disabled {
2286
background-color: rgba(0, 0, 0, 0.12);
2287
}
2288
switch:checked {
2290
background-color: rgba(255, 64, 129, 0.5);
2291
}
2292
switch:checked:disabled {
2294
background-color: rgba(255, 64, 129, 0.3);
2295
}
2296
switch slider {
2298
transition: all 270ms cubic-bezier(0, 0, 0.2, 1), box-shadow 180ms cubic-bezier(0, 0, 0.2, 1);
2299
min-width: 20px;
2300
min-height: 20px;
2301
margin: -3px -2px;
2302
border-radius: 9999px;
2303
-gtk-outline-radius: 9999px;
2304
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
2305
background-color: #FFFFFF;
2306
}
2307
switch:hover slider {
2309
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
2310
}
2311
switch:checked slider {
2313
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;
2314
animation: needs_attention 270ms cubic-bezier(0, 0, 0.2, 1);
2315
background-color: #FF4081;
2316
color: #FFFFFF;
2317
}
2318
switch:disabled slider {
2320
background-color: #FAFAFA;
2321
}
2322
switch:checked:disabled slider {
2324
animation: none;
2325
}
2326
/*************************
2328
* Check and Radio items *
2329
*************************/
2330
.view.content-view.check:not(list),
2331
.content-view .tile check:not(list) {
2332
min-height: 40px;
2333
min-width: 40px;
2334
margin: 0;
2335
padding: 0;
2336
box-shadow: none;
2337
background-color: transparent;
2338
background-image: none;
2339
-gtk-icon-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
2340
}
2341
.view.content-view.check:not(list):hover, .view.content-view.check:not(list):active,
2343
.content-view .tile check:not(list):hover,
2344
.content-view .tile check:not(list):active {
2345
-gtk-icon-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
2346
}
2347
.view.content-view.check:not(list),
2349
.content-view .tile check:not(list) {
2350
-gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-unchecked.png"), url("assets/selectionmode-checkbox-unchecked@2.png"));
2351
}
2352
.view.content-view.check:not(list):checked,
2354
.content-view .tile check:not(list):checked {
2355
-gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-checked.png"), url("assets/selectionmode-checkbox-checked@2.png"));
2356
}
2357
checkbutton.text-button,
2359
radiobutton.text-button {
2360
padding: 2px;
2361
outline-offset: 0;
2362
}
2363
checkbutton.text-button label:not(:only-child),
2365
radiobutton.text-button label:not(:only-child) {
2366
margin: 0 4px;
2367
}
2368
check,
2370
radio {
2371
min-height: 24px;
2372
min-width: 24px;
2373
margin: -10px;
2374
padding: 10px;
2375
}
2376
check:checked, check:indeterminate,
2378
radio:checked,
2379
radio:indeterminate {
2380
color: #FF4081;
2381
}
2382
check:checked:disabled, check:indeterminate:disabled,
2384
radio:checked:disabled,
2385
radio:indeterminate:disabled {
2386
color: rgba(255, 64, 129, 0.5);
2387
}
2388
row:selected check:not(:checked):not(:indeterminate), row:selected
2390
radio:not(:checked):not(:indeterminate) {
2391
color: rgba(255, 255, 255, 0.7);
2392
}
2393
row:selected check:not(:checked):not(:indeterminate):hover, row:selected check:not(:checked):not(:indeterminate):active, row:selected
2395
radio:not(:checked):not(:indeterminate):hover, row:selected
2396
radio:not(:checked):not(:indeterminate):active {
2397
color: #FFFFFF;
2398
}
2399
row:selected check:not(:checked):not(:indeterminate):disabled, row:selected
2401
radio:not(:checked):not(:indeterminate):disabled {
2402
color: rgba(255, 255, 255, 0.3);
2403
}
2404
popover check, popover check:hover, popover check:disabled, popover
2406
radio, popover
2407
radio:hover, popover
2408
radio:disabled {
2409
box-shadow: none;
2410
background-image: none;
2411
}
2412
popover check:not(:checked):not(:indeterminate):not(:disabled), popover
2414
radio:not(:checked):not(:indeterminate):not(:disabled) {
2415
color: rgba(0, 0, 0, 0.54);
2416
}
2417
popover check.left:dir(rtl), popover
2419
radio.left:dir(rtl) {
2420
margin-left: -16px;
2421
margin-right: -8px;
2422
}
2423
popover check.right:dir(ltr), popover
2425
radio.right:dir(ltr) {
2426
margin-left: -8px;
2427
margin-right: -16px;
2428
}
2429
menu menuitem check, menu menuitem
2431
radio {
2432
transition: none;
2433
min-height: 16px;
2434
min-width: 16px;
2435
margin: 0;
2436
padding: 0;
2437
}
2438
menu menuitem check:dir(ltr), menu menuitem
2440
radio:dir(ltr) {
2441
margin-right: 8px;
2442
}
2443
menu menuitem check:dir(rtl), menu menuitem
2445
radio:dir(rtl) {
2446
margin-left: 8px;
2447
}
2448
menu menuitem check:not(:checked):not(:indeterminate):not(:disabled), menu menuitem
2450
radio:not(:checked):not(:indeterminate):not(:disabled) {
2451
color: rgba(0, 0, 0, 0.54);
2452
}
2453
menu menuitem check, menu menuitem check:hover, menu menuitem check:disabled, menu menuitem
2455
radio, menu menuitem
2456
radio:hover, menu menuitem
2457
radio:disabled {
2458
box-shadow: none;
2459
}
2460
check {
2463
-gtk-icon-source: image(-gtk-recolor(url("assets/scalable/checkbox-unchecked-symbolic.svg")), -gtk-recolor(url("assets/scalable/checkbox-unchecked-symbolic.symbolic.png")));
2464
}
2465
check:checked {
2468
-gtk-icon-source: image(-gtk-recolor(url("assets/scalable/checkbox-checked-symbolic.svg")), -gtk-recolor(url("assets/scalable/checkbox-checked-symbolic.symbolic.png")));
2469
}
2470
check:indeterminate {
2473
-gtk-icon-source: image(-gtk-recolor(url("assets/scalable/checkbox-mixed-symbolic.svg")), -gtk-recolor(url("assets/scalable/checkbox-mixed-symbolic.symbolic.png")));
2474
}
2475
radio {
2478
border-image-slice: 22;
2479
border-image-width: 22px;
2480
}
2481
radio {
2484
-gtk-icon-source: image(-gtk-recolor(url("assets/scalable/radio-unchecked-symbolic.svg")), -gtk-recolor(url("assets/scalable/radio-unchecked-symbolic.symbolic.png")));
2485
}
2486
radio:indeterminate {
2489
-gtk-icon-source: image(-gtk-recolor(url("assets/scalable/radio-mixed-symbolic.svg")), -gtk-recolor(url("assets/scalable/radio-mixed-symbolic.symbolic.png")));
2490
}
2491
radio {
2494
border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#FF4081), to(transparent));
2495
}
2496
radio:checked:not(:indeterminate) {
2499
border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.11364, to(#FF4081), to(transparent));
2500
}
2501
radio:checked:not(:indeterminate):disabled {
2504
border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.11364, to(rgba(255, 64, 129, 0.5)), to(transparent));
2505
}
2506
window.background:not(.csd) > widget > checkbutton > check,
2508
menu menuitem check {
2509
border-radius: 2px;
2510
-gtk-outline-radius: 2px;
2511
-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")));
2512
}
2513
window.background:not(.csd) > widget > checkbutton > check:checked,
2515
menu menuitem check:checked {
2516
-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")));
2517
}
2518
window.background:not(.csd) > widget > checkbutton > check:indeterminate,
2520
menu menuitem check:indeterminate {
2521
-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")));
2522
}
2523
window.background:not(.csd) > widget > radiobutton > radio,
2525
menu menuitem radio {
2526
border-image: none;
2527
-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")));
2528
}
2529
window.background:not(.csd) > widget > radiobutton > radio:checked,
2531
menu menuitem radio:checked {
2532
-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")));
2533
}
2534
window.background:not(.csd) > widget > radiobutton > radio:indeterminate,
2536
menu menuitem radio:indeterminate {
2537
-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")));
2538
}
2539
check:not(:checked):active {
2541
-gtk-icon-transform: rotate(90deg);
2542
}
2543
check:not(:checked):indeterminate:active,
2545
radio:not(:checked):indeterminate:active {
2546
-gtk-icon-transform: scaleX(-1);
2547
}
2548
check:not(:checked),
2550
radio:not(:checked) {
2551
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;
2552
}
2553
check:not(:checked):active,
2555
radio:not(:checked):active {
2556
transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0, -gtk-icon-transform 0;
2557
}
2558
menu menuitem check:not(:checked), menu menuitem
2560
radio:not(:checked) {
2561
transition: none;
2562
}
2563
treeview.view check,
2565
treeview.view radio {
2566
padding: 0;
2567
}
2568
treeview.view check:hover,
2570
treeview.view radio:hover {
2571
box-shadow: inset 0 0 0 9999px alpha(rgba(0, 0, 0, 0.87), 0.05);
2572
}
2573
treeview.view check:hover:disabled,
2575
treeview.view radio:hover:disabled {
2576
box-shadow: none;
2577
}
2578
treeview.view check:hover:selected,
2580
treeview.view radio:hover:selected {
2581
box-shadow: inset 0 0 0 9999px alpha(#FFFFFF, 0.05);
2582
}
2583
treeview.view check,
2585
treeview.view radio {
2586
color: rgba(0, 0, 0, 0.54);
2587
}
2588
treeview.view check:hover, treeview.view check:active,
2590
treeview.view radio:hover,
2591
treeview.view radio:active {
2592
color: rgba(0, 0, 0, 0.87);
2593
}
2594
treeview.view check:disabled,
2596
treeview.view radio:disabled {
2597
color: rgba(0, 0, 0, 0.26);
2598
}
2599
treeview.view check:checked, treeview.view check:indeterminate,
2601
treeview.view radio:checked,
2602
treeview.view radio:indeterminate {
2603
color: #FF4081;
2604
}
2605
treeview.view check:checked:disabled, treeview.view check:indeterminate:disabled,
2607
treeview.view radio:checked:disabled,
2608
treeview.view radio:indeterminate:disabled {
2609
color: rgba(255, 64, 129, 0.5);
2610
}
2611
treeview.view check:selected,
2613
treeview.view radio:selected {
2614
color: rgba(255, 255, 255, 0.7);
2615
}
2616
treeview.view check:selected:hover, treeview.view check:selected:active,
2618
treeview.view radio:selected:hover,
2619
treeview.view radio:selected:active {
2620
color: #FFFFFF;
2621
}
2622
treeview.view check:selected:disabled,
2624
treeview.view radio:selected:disabled {
2625
color: rgba(255, 255, 255, 0.3);
2626
}
2627
treeview.view check:selected:checked, treeview.view check:selected:indeterminate,
2629
treeview.view radio:selected:checked,
2630
treeview.view radio:selected:indeterminate {
2631
color: #FF4081;
2632
}
2633
treeview.view check:selected:checked:disabled, treeview.view check:selected:indeterminate:disabled,
2635
treeview.view radio:selected:checked:disabled,
2636
treeview.view radio:selected:indeterminate:disabled {
2637
color: rgba(255, 64, 129, 0.5);
2638
}
2639
treeview.view radio:checked {
2641
-gtk-icon-source: image(-gtk-recolor(url("assets/scalable/radio-checked-symbolic.svg")), -gtk-recolor(url("assets/scalable/radio-checked-symbolic.symbolic.png")));
2642
border-image: none;
2643
}
2644
/************
2646
* GtkScale *
2647
************/
2648
scale {
2649
min-height: 8px;
2650
min-width: 8px;
2651
padding: 12px;
2652
}
2653
scale slider {
2655
min-height: 24px;
2656
min-width: 24px;
2657
margin: -11px;
2658
}
2659
scale trough {
2661
transition: all 270ms cubic-bezier(0, 0, 0.2, 1);
2662
outline-offset: 2px;
2663
background-color: rgba(0, 0, 0, 0.26);
2664
}
2665
scale trough:disabled {
2667
background-color: rgba(0, 0, 0, 0.12);
2668
}
2669
scale highlight {
2671
transition: all 270ms cubic-bezier(0, 0, 0.2, 1);
2672
background-color: #FF4081;
2673
}
2674
scale highlight:disabled {
2676
background-color: transparent;
2677
}
2678
scale fill {
2680
transition: all 270ms cubic-bezier(0, 0, 0.2, 1);
2681
background-color: rgba(0, 0, 0, 0.26);
2682
}
2683
scale fill:disabled {
2685
background-color: transparent;
2686
}
2687
scale slider {
2689
transition: all 180ms cubic-bezier(0.4, 0, 0.2, 1);
2690
background-repeat: no-repeat;
2691
background-position: center;
2692
background-size: calc(100% - 10px);
2693
}
2694
scale slider {
2696
background-image: -gtk-scaled(url("assets/scale-slider.png"), url("assets/scale-slider@2.png"));
2697
}
2698
scale slider:disabled {
2700
background-image: -gtk-scaled(url("assets/scale-slider-disabled.png"), url("assets/scale-slider-disabled@2.png"));
2701
}
2702
scale slider:hover {
2704
background-size: calc(100% - 8px);
2705
}
2706
scale slider:active {
2708
background-size: calc(100% - 6px);
2709
}
2710
scale.fine-tune slider {
2712
background-size: calc(100% - 12px);
2713
}
2714
scale marks label,
2716
scale value {
2717
color: rgba(0, 0, 0, 0.38);
2718
}
2719
scale marks {
2721
color: rgba(0, 0, 0, 0.26);
2722
}
2723
scale marks.top {
2725
margin-bottom: 8px;
2726
margin-top: -16px;
2727
}
2728
scale marks.bottom {
2730
margin-top: 8px;
2731
margin-bottom: -16px;
2732
}
2733
scale marks.top {
2735
margin-right: 8px;
2736
margin-left: -16px;
2737
}
2738
scale marks.bottom {
2740
margin-left: 8px;
2741
margin-right: -16px;
2742
}
2743
scale.horizontal indicator {
2745
min-height: 8px;
2746
min-width: 1px;
2747
}
2748
scale.vertical indicator {
2750
min-height: 1px;
2751
min-width: 8px;
2752
}
2753
scale.horizontal.marks-before:not(.marks-after) slider {
2755
min-height: 30px;
2756
min-width: 24px;
2757
margin-top: -17px;
2758
background-position: center calc(100% - 5px);
2759
}
2760
scale.horizontal.marks-before:not(.marks-after) slider {
2762
background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider.png"), url("assets/scale-horz-marks-before-slider@2.png"));
2763
}
2764
scale.horizontal.marks-before:not(.marks-after) slider:disabled {
2766
background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-disabled.png"), url("assets/scale-horz-marks-before-slider-disabled@2.png"));
2767
}
2768
scale.horizontal.marks-before:not(.marks-after) slider:hover {
2770
background-position: center calc(100% - 4px);
2771
}
2772
scale.horizontal.marks-before:not(.marks-after) slider:active {
2774
background-position: center calc(100% - 3px);
2775
}
2776
scale.horizontal.marks-before:not(.marks-after).fine-tune slider {
2778
background-position: center calc(100% - 6px);
2779
}
2780
scale.horizontal.marks-after:not(.marks-before) slider {
2782
min-height: 30px;
2783
min-width: 24px;
2784
margin-bottom: -17px;
2785
background-position: center calc(5px);
2786
}
2787
scale.horizontal.marks-after:not(.marks-before) slider {
2789
background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider.png"), url("assets/scale-horz-marks-after-slider@2.png"));
2790
}
2791
scale.horizontal.marks-after:not(.marks-before) slider:disabled {
2793
background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-disabled.png"), url("assets/scale-horz-marks-after-slider-disabled@2.png"));
2794
}
2795
scale.horizontal.marks-after:not(.marks-before) slider:hover {
2797
background-position: center calc(4px);
2798
}
2799
scale.horizontal.marks-after:not(.marks-before) slider:active {
2801
background-position: center calc(3px);
2802
}
2803
scale.horizontal.marks-after:not(.marks-before).fine-tune slider {
2805
background-position: center calc(6px);
2806
}
2807
scale.vertical.marks-before:not(.marks-after) slider {
2809
min-height: 24px;
2810
min-width: 30px;
2811
margin-left: -17px;
2812
background-position: calc(5px) center;
2813
}
2814
scale.vertical.marks-before:not(.marks-after) slider {
2816
background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider.png"), url("assets/scale-vert-marks-before-slider@2.png"));
2817
}
2818
scale.vertical.marks-before:not(.marks-after) slider:disabled {
2820
background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-disabled.png"), url("assets/scale-vert-marks-before-slider-disabled@2.png"));
2821
}
2822
scale.vertical.marks-before:not(.marks-after) slider:hover {
2824
background-position: calc(4px) center;
2825
}
2826
scale.vertical.marks-before:not(.marks-after) slider:active {
2828
background-position: calc(3px) center;
2829
}
2830
scale.vertical.marks-before:not(.marks-after).fine-tune slider {
2832
background-position: calc(6px) center;
2833
}
2834
scale.vertical.marks-after:not(.marks-before) slider {
2836
min-height: 24px;
2837
min-width: 30px;
2838
margin-right: -17px;
2839
background-position: calc(100% - 5px) center;
2840
}
2841
scale.vertical.marks-after:not(.marks-before) slider {
2843
background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider.png"), url("assets/scale-vert-marks-after-slider@2.png"));
2844
}
2845
scale.vertical.marks-after:not(.marks-before) slider:disabled {
2847
background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-disabled.png"), url("assets/scale-vert-marks-after-slider-disabled@2.png"));
2848
}
2849
scale.vertical.marks-after:not(.marks-before) slider:hover {
2851
background-position: calc(100% - 4px) center;
2852
}
2853
scale.vertical.marks-after:not(.marks-before) slider:active {
2855
background-position: calc(100% - 3px) center;
2856
}
2857
scale.vertical.marks-after:not(.marks-before).fine-tune slider {
2859
background-position: calc(100% - 6px) center;
2860
}
2861
scale.color {
2863
min-height: 0;
2864
min-width: 0;
2865
}
2866
scale.color.horizontal {
2868
padding: 0 0 12px 0;
2869
}
2870
scale.color.horizontal slider:dir(ltr), scale.color.horizontal slider:dir(rtl) {
2872
margin-bottom: -12px;
2873
margin-top: -2px;
2874
}
2875
scale.color.vertical:dir(ltr) {
2877
padding: 0 0 0 12px;
2878
}
2879
scale.color.vertical:dir(ltr) slider {
2881
margin-left: -12px;
2882
margin-right: -2px;
2883
}
2884
scale.color.vertical:dir(rtl) {
2886
padding: 0 12px 0 0;
2887
}
2888
scale.color.vertical:dir(rtl) slider {
2890
margin-right: -12px;
2891
margin-left: -2px;
2892
}
2893
/*****************
2895
* Progress bars *
2896
*****************/
2897
progressbar {
2898
color: rgba(0, 0, 0, 0.38);
2899
font-size: smaller;
2900
}
2901
progressbar.horizontal trough,
2903
progressbar.horizontal progress {
2904
min-height: 4px;
2905
}
2906
progressbar.vertical trough,
2908
progressbar.vertical progress {
2909
min-width: 4px;
2910
}
2911
progressbar trough {
2913
background-color: rgba(66, 165, 245, 0.3);
2914
}
2915
progressbar progress {
2917
background-color: #42A5F5;
2918
}
2919
progressbar trough.empty progress {
2921
all: unset;
2922
}
2923
/*************
2925
* Level Bar *
2926
*************/
2927
levelbar.horizontal block {
2928
min-height: 4px;
2929
}
2930
levelbar.horizontal.discrete block {
2932
min-width: 32px;
2933
}
2934
levelbar.horizontal.discrete block:not(:last-child) {
2936
margin-right: 2px;
2937
}
2938
levelbar.vertical block {
2940
min-width: 4px;
2941
}
2942
levelbar.vertical.discrete block {
2944
min-height: 32px;
2945
}
2946
levelbar.vertical.discrete block:not(:last-child) {
2948
margin-bottom: 2px;
2949
}
2950
levelbar trough {
2952
padding: 2px;
2953
border-radius: 2px;
2954
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
2955
background-color: #FFFFFF;
2956
}
2957
levelbar trough:disabled {
2959
background-color: #FAFAFA;
2960
}
2961
levelbar block.low {
2963
background-color: #FF6D00;
2964
}
2965
levelbar block.high, levelbar block:not(.empty) {
2967
background-color: #42A5F5;
2968
}
2969
levelbar block.full {
2971
background-color: #00C853;
2972
}
2973
levelbar block.empty {
2975
background-color: rgba(0, 0, 0, 0.12);
2976
}
2977
/****************
2979
* Print dialog *
2980
*****************/
2981
printdialog paper {
2982
padding: 0;
2983
border: 1px solid rgba(0, 0, 0, 0.12);
2984
background-color: #FFFFFF;
2985
color: rgba(0, 0, 0, 0.87);
2986
}
2987
printdialog .dialog-action-box {
2989
margin: 12px;
2990
}
2991
/**********
2993
* Frames *
2994
**********/
2995
frame > border,
2996
.frame {
2997
margin: 0;
2998
padding: 0;
2999
border: 1px solid rgba(0, 0, 0, 0.12);
3000
border-radius: 0;
3001
box-shadow: none;
3002
}
3003
frame > border.flat,
3005
.frame.flat,
3006
frame.flat > border {
3007
border-style: none;
3008
}
3009
actionbar > revealer > box {
3011
padding: 6px;
3012
border-top: 1px solid rgba(0, 0, 0, 0.12);
3013
}
3014
scrolledwindow viewport.frame {
3016
border-style: none;
3017
}
3018
overshoot.top {
3020
background-image: -gtk-gradient(radial, center top, 0, center top, 0.75, to(rgba(64, 196, 255, 0.3)), to(transparent));
3021
background-repeat: no-repeat;
3022
background-position: center top;
3023
background-color: transparent;
3024
border: none;
3025
box-shadow: none;
3026
}
3027
overshoot.bottom {
3029
background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.75, to(rgba(64, 196, 255, 0.3)), to(transparent));
3030
background-repeat: no-repeat;
3031
background-position: center bottom;
3032
background-color: transparent;
3033
border: none;
3034
box-shadow: none;
3035
}
3036
overshoot.left {
3038
background-image: -gtk-gradient(radial, left center, 0, left center, 0.75, to(rgba(64, 196, 255, 0.3)), to(transparent));
3039
background-repeat: no-repeat;
3040
background-position: left center;
3041
background-color: transparent;
3042
border: none;
3043
box-shadow: none;
3044
}
3045
overshoot.right {
3047
background-image: -gtk-gradient(radial, right center, 0, right center, 0.75, to(rgba(64, 196, 255, 0.3)), to(transparent));
3048
background-repeat: no-repeat;
3049
background-position: right center;
3050
background-color: transparent;
3051
border: none;
3052
box-shadow: none;
3053
}
3054
undershoot.top {
3056
background-color: transparent;
3057
background-image: linear-gradient(to left, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%);
3058
padding-top: 1px;
3059
background-size: 12px 1px;
3060
background-repeat: repeat-x;
3061
background-origin: content-box;
3062
background-position: left top;
3063
}
3064
undershoot.bottom {
3066
background-color: transparent;
3067
background-image: linear-gradient(to left, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%);
3068
padding-bottom: 1px;
3069
background-size: 12px 1px;
3070
background-repeat: repeat-x;
3071
background-origin: content-box;
3072
background-position: left bottom;
3073
}
3074
undershoot.left {
3076
background-color: transparent;
3077
background-image: linear-gradient(to top, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%);
3078
padding-left: 1px;
3079
background-size: 1px 12px;
3080
background-repeat: repeat-y;
3081
background-origin: content-box;
3082
background-position: left top;
3083
}
3084
undershoot.right {
3086
background-color: transparent;
3087
background-image: linear-gradient(to top, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%);
3088
padding-right: 1px;
3089
background-size: 1px 12px;
3090
background-repeat: repeat-y;
3091
background-origin: content-box;
3092
background-position: right top;
3093
}
3094
junction {
3096
border-style: solid none none solid;
3097
border-width: 1px;
3098
border-color: rgba(0, 0, 0, 0.12);
3099
background-color: #FFFFFF;
3100
}
3101
junction:dir(rtl) {
3103
border-style: solid solid none none;
3104
}
3105
separator {
3107
min-width: 1px;
3108
min-height: 1px;
3109
background-color: rgba(0, 0, 0, 0.12);
3110
}
3111
button.font separator,
3114
button.file separator, .tweak-categories separator, preferences stacksidebar.sidebar list separator {
3115
min-width: 0;
3116
min-height: 0;
3117
background-color: transparent;
3118
}
3119
/*********
3121
* Lists *
3122
*********/
3123
list {
3124
border-color: rgba(0, 0, 0, 0.12);
3125
background-color: #FFFFFF;
3126
}
3127
list row {
3129
padding: 2px;
3130
}
3131
row.activatable, .view, treeview.view header button, .budgie-menu button {
3133
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);
3134
box-shadow: inset 0 0 0 9999px transparent;
3135
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
3136
background-repeat: no-repeat;
3137
background-position: center;
3138
background-size: 1000% 1000%;
3139
}
3140
row.activatable:hover, .view:hover, treeview.view header button:hover, .budgie-menu button:hover {
3142
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);
3143
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.05);
3144
}
3145
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 {
3147
transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-color 0, color 0, background-size 0, background-image 0;
3148
animation: ripple_effect 270ms cubic-bezier(0, 0, 0.2, 1) forwards;
3149
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.15);
3150
background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.15) 10%, transparent 0%);
3151
background-size: 0% 0%;
3152
}
3153
/*********************
3155
* App Notifications *
3156
*********************/
3157
.app-notification {
3158
margin: 8px;
3159
}
3160
.app-notification.frame,
3162
.app-notification border {
3163
border-style: none;
3164
}
3165
/*************
3167
* Expanders *
3168
*************/
3169
expander arrow {
3170
transition: all 180ms cubic-bezier(0.4, 0, 0.2, 1);
3171
min-width: 16px;
3172
min-height: 16px;
3173
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
3174
-gtk-icon-transform: rotate(-90deg);
3175
color: rgba(0, 0, 0, 0.54);
3176
}
3177
expander arrow:dir(rtl) {
3179
-gtk-icon-transform: rotate(90deg);
3180
}
3181
expander arrow:checked {
3183
-gtk-icon-transform: unset;
3184
}
3185
expander arrow:hover, expander arrow:active {
3187
color: rgba(0, 0, 0, 0.87);
3188
}
3189
expander arrow:disabled {
3191
color: rgba(0, 0, 0, 0.26);
3192
}
3193
expander arrow:selected {
3195
color: rgba(255, 255, 255, 0.7);
3196
}
3197
expander arrow:selected:hover, expander arrow:selected:active {
3199
color: #FFFFFF;
3200
}
3201
expander arrow:selected:disabled {
3203
color: rgba(255, 255, 255, 0.3);
3204
}
3205
/************
3207
* Calendar *
3208
************/
3209
calendar {
3210
padding: 1px;
3211
border: 1px solid rgba(0, 0, 0, 0.12);
3212
color: rgba(0, 0, 0, 0.87);
3213
}
3214
calendar:disabled {
3216
color: rgba(0, 0, 0, 0.38);
3217
}
3218
calendar:selected {
3220
border-radius: 3px;
3221
}
3222
calendar.header {
3224
border-style: none none solid;
3225
border-radius: 0;
3226
}
3227
calendar.highlight {
3229
color: rgba(0, 0, 0, 0.54);
3230
font-weight: 500;
3231
}
3232
calendar:indeterminate {
3234
color: rgba(0, 0, 0, 0.26);
3235
}
3236
/***********
3238
* Dialogs *
3239
***********/
3240
messagedialog.background {
3241
background-color: #FAFAFA;
3242
}
3243
messagedialog .titlebar {
3245
min-height: 20px;
3246
border-style: none;
3247
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
3248
background-color: #FAFAFA;
3249
color: rgba(0, 0, 0, 0.87);
3250
}
3251
messagedialog .titlebar:backdrop {
3253
color: rgba(0, 0, 0, 0.54);
3254
}
3255
messagedialog.csd.background {
3257
border-bottom-left-radius: 2px;
3258
border-bottom-right-radius: 2px;
3259
}
3260
messagedialog.csd .dialog-action-area button {
3262
padding: 8px 16px;
3263
border-top: 1px solid rgba(0, 0, 0, 0.12);
3264
border-radius: 0;
3265
}
3266
messagedialog.csd .dialog-action-area button:first-child {
3268
border-bottom-left-radius: 2px;
3269
}
3270
messagedialog.csd .dialog-action-area button:last-child {
3272
border-bottom-right-radius: 2px;
3273
}
3274
filechooser .dialog-action-box {
3276
border-top: 1px solid rgba(0, 0, 0, 0.12);
3277
}
3278
filechooser #pathbarbox {
3280
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
3281
background-color: #F5F5F5;
3282
}
3283
filechooserbutton:drop(active) {
3285
box-shadow: none;
3286
}
3287
/***********
3289
* Sidebar *
3290
***********/
3291
.sidebar {
3292
border-style: none;
3293
background-color: #FAFAFA;
3294
}
3295
stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left, .sidebar.left:dir(rtl) {
3297
border-right: 1px solid rgba(0, 0, 0, 0.12);
3298
border-left-style: none;
3299
}
3300
stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right {
3302
border-left: 1px solid rgba(0, 0, 0, 0.12);
3303
border-right-style: none;
3304
}
3305
.sidebar list {
3307
background-color: transparent;
3308
}
3309
paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar {
3311
border-style: none;
3312
}
3313
stacksidebar row {
3315
padding: 10px 4px;
3316
}
3317
stacksidebar row > label {
3319
padding-left: 6px;
3320
padding-right: 6px;
3321
}
3322
/****************
3324
* File chooser *
3325
****************/
3326
row image.sidebar-icon {
3327
color: rgba(0, 0, 0, 0.54);
3328
}
3329
row:selected image.sidebar-icon {
3331
color: rgba(255, 255, 255, 0.7);
3332
}
3333
placessidebar > viewport.frame {
3335
border-style: none;
3336
}
3337
placessidebar list {
3339
padding: 1px 0 4px;
3340
}
3341
placessidebar row {
3343
min-height: 32px;
3344
margin: -1px 0;
3345
padding: 0;
3346
}
3347
placessidebar row > revealer {
3349
padding: 0 12px;
3350
}
3351
placessidebar row:selected {
3353
color: #FFFFFF;
3354
}
3355
placessidebar row:disabled {
3357
color: rgba(0, 0, 0, 0.38);
3358
}
3359
placessidebar row image.sidebar-icon:dir(ltr) {
3361
padding-right: 8px;
3362
}
3363
placessidebar row image.sidebar-icon:dir(rtl) {
3365
padding-left: 8px;
3366
}
3367
placessidebar row label.sidebar-label:dir(ltr) {
3369
padding-right: 2px;
3370
}
3371
placessidebar row label.sidebar-label:dir(rtl) {
3373
padding-left: 2px;
3374
}
3375
placessidebar row.sidebar-placeholder-row {
3377
min-height: 2px;
3378
padding: 0 8px;
3379
background-image: image(#FF4081);
3380
background-clip: content-box;
3381
}
3382
placessidebar row.sidebar-new-bookmark-row {
3384
color: #FF4081;
3385
}
3386
placessidebar row:drop(active):not(:disabled) {
3388
box-shadow: inset 0 0 0 2px #FF4081;
3389
}
3390
placesview .server-list-button > image {
3392
-gtk-icon-transform: rotate(0turn);
3393
}
3394
placesview .server-list-button:checked > image {
3396
-gtk-icon-transform: rotate(-0.5turn);
3397
}
3398
placesview > actionbar > revealer > box > label {
3400
padding-left: 8px;
3401
padding-right: 8px;
3402
}
3403
/*********
3405
* Paned *
3406
*********/
3407
paned > separator {
3408
min-width: 1px;
3409
min-height: 1px;
3410
-gtk-icon-source: none;
3411
border-style: none;
3412
background-color: transparent;
3413
background-image: image(rgba(0, 0, 0, 0.12));
3414
background-size: 1px 1px;
3415
background-clip: content-box;
3416
}
3417
paned > separator.wide {
3419
min-width: 6px;
3420
min-height: 6px;
3421
background-color: #F5F5F5;
3422
background-image: image(rgba(0, 0, 0, 0.12)), image(rgba(0, 0, 0, 0.12));
3423
background-size: 1px 1px, 1px 1px;
3424
}
3425
paned.horizontal > separator {
3427
background-repeat: repeat-y;
3428
}
3429
paned.horizontal > separator:dir(ltr) {
3431
margin: 0 -8px 0 0;
3432
padding: 0 8px 0 0;
3433
background-position: left;
3434
}
3435
paned.horizontal > separator:dir(rtl) {
3437
margin: 0 0 0 -8px;
3438
padding: 0 0 0 8px;
3439
background-position: right;
3440
}
3441
paned.horizontal > separator.wide {
3443
margin: 0;
3444
padding: 0;
3445
background-repeat: repeat-y, repeat-y;
3446
background-position: left, right;
3447
}
3448
paned.vertical > separator {
3450
margin: 0 0 -8px 0;
3451
padding: 0 0 8px 0;
3452
background-repeat: repeat-x;
3453
background-position: top;
3454
}
3455
paned.vertical > separator.wide {
3457
margin: 0;
3458
padding: 0;
3459
background-repeat: repeat-x, repeat-x;
3460
background-position: bottom, top;
3461
}
3462
/**************
3464
* GtkInfoBar *
3465
**************/
3466
infobar {
3467
border-style: none;
3468
}
3469
infobar.info {
3471
background-color: #66BB6A;
3472
}
3473
infobar.question {
3475
background-color: #42A5F5;
3476
}
3477
infobar.warning {
3479
background-color: #FFA726;
3480
}
3481
infobar.error {
3483
background-color: #EF5350;
3484
}
3485
infobar.info > label, infobar.info, infobar.question > label, infobar.question, infobar.warning > label, infobar.warning, infobar.error > label, infobar.error {
3487
color: #FFFFFF;
3488
}
3489
/************
3491
* Tooltips *
3492
************/
3493
tooltip {
3494
border-radius: 2px;
3495
box-shadow: none;
3496
}
3497
tooltip.background {
3499
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
3500
background-color: rgba(255, 255, 255, 0.9);
3501
}
3502
tooltip:not(.csd):not(.unity-csd) {
3504
border: 1px solid rgba(0, 0, 0, 0.12);
3505
border-radius: 3px;
3506
background-clip: padding-box;
3507
}
3508
tooltip decoration {
3510
background-color: transparent;
3511
}
3512
tooltip label {
3514
min-height: 20px;
3515
padding: 0 2px;
3516
}
3517
/*****************
3519
* Color Chooser *
3520
*****************/
3521
colorswatch.top {
3522
border-top-left-radius: 2.5px;
3523
border-top-right-radius: 2.5px;
3524
}
3525
colorswatch.top overlay {
3527
border-top-left-radius: 2px;
3528
border-top-right-radius: 2px;
3529
}
3530
colorswatch.bottom {
3532
border-bottom-left-radius: 2.5px;
3533
border-bottom-right-radius: 2.5px;
3534
}
3535
colorswatch.bottom overlay {
3537
border-bottom-left-radius: 2px;
3538
border-bottom-right-radius: 2px;
3539
}
3540
colorswatch.left, colorswatch:first-child:not(.top) {
3542
border-top-left-radius: 2.5px;
3543
border-bottom-left-radius: 2.5px;
3544
}
3545
colorswatch.left overlay, colorswatch:first-child:not(.top) overlay {
3547
border-top-left-radius: 2px;
3548
border-bottom-left-radius: 2px;
3549
}
3550
colorswatch.right, colorswatch:last-child:not(.bottom) {
3552
border-top-right-radius: 2.5px;
3553
border-bottom-right-radius: 2.5px;
3554
}
3555
colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay {
3557
border-top-right-radius: 2px;
3558
border-bottom-right-radius: 2px;
3559
}
3560
colorswatch.dark {
3562
color: #FFFFFF;
3563
}
3564
colorswatch.light {
3566
color: rgba(0, 0, 0, 0.87);
3567
}
3568
colorswatch:drop(active) {
3570
box-shadow: none;
3571
}
3572
colorswatch:drop(active).light overlay {
3574
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;
3575
}
3576
colorswatch:drop(active).dark overlay {
3578
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;
3579
}
3580
colorswatch overlay {
3582
transition: box-shadow 180ms cubic-bezier(0, 0, 0.2, 1);
3583
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
3584
}
3585
colorswatch overlay:hover {
3587
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
3588
}
3589
colorswatch#add-color-button {
3591
border-radius: 2px 2px 0 0;
3592
color: #FFFFFF;
3593
}
3594
colorswatch#add-color-button:only-child {
3596
border-radius: 2px;
3597
}
3598
colorswatch#add-color-button overlay {
3600
background-image: linear-gradient(to right, #EF5350 25%, #FFA726 25%, #FFA726 50%, #66BB6A 50%, #66BB6A 75%, #42A5F5 75%);
3601
}
3602
colorswatch:disabled {
3604
opacity: 0.5;
3605
}
3606
colorswatch:disabled overlay {
3608
box-shadow: none;
3609
}
3610
colorswatch#editor-color-sample {
3612
border-radius: 2.5px;
3613
}
3614
colorswatch#editor-color-sample overlay {
3616
border-radius: 2px;
3617
}
3618
colorchooser .popover.osd {
3620
transition: box-shadow 180ms cubic-bezier(0, 0, 0.2, 1);
3621
border-radius: 2px;
3622
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);
3623
background-color: #FFFFFF;
3624
}
3625
colorchooser .popover.osd:backdrop {
3627
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);
3628
}
3629
/********
3631
* Misc *
3632
********/
3633
.content-view {
3634
background-color: #F5F5F5;
3635
}
3636
/**********************
3638
* Window Decorations *
3639
**********************/
3640
decoration {
3641
transition: box-shadow 180ms cubic-bezier(0, 0, 0.2, 1);
3642
border-radius: 2px 2px 0 0;
3643
box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22), 0 16px 16px transparent;
3644
margin: 8px;
3645
}
3646
decoration:backdrop {
3648
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), 0 16px 16px transparent;
3649
}
3650
.maximized decoration,
3652
.fullscreen decoration,
3653
.tiled decoration {
3654
border-radius: 0;
3655
}
3656
.popup decoration {
3658
box-shadow: none;
3659
}
3660
.ssd decoration {
3662
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16);
3663
}
3664
.csd.popup 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
tooltip.csd decoration {
3671
border-radius: 2px;
3672
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
3673
}
3674
messagedialog.csd decoration {
3676
border-radius: 2px;
3677
}
3678
.solid-csd decoration {
3680
margin: 0;
3681
border-radius: 0;
3682
box-shadow: none;
3683
background-color: #E0E0E0;
3684
}
3685
.view selection, .view:selected, flowbox flowboxchild:selected, spinbutton:not(.vertical) selection,
3687
entry selection, modelbutton.flat:selected,
3688
.menuitem.button.flat:selected, popover.background.menu button:checked,
3689
popover.background button.model:checked, row:selected, calendar:selected, text:selected, .budgie-menu button:checked {
3690
background-color: #42A5F5;
3691
}
3692
row:selected label, label:selected, .view selection, .view:selected, flowbox flowboxchild:selected, spinbutton:not(.vertical) selection,
3694
entry selection, modelbutton.flat:selected,
3695
.menuitem.button.flat:selected, popover.background.menu button:checked,
3696
popover.background button.model:checked, row:selected, calendar:selected, text:selected, .budgie-menu button:checked {
3697
color: #FFFFFF;
3698
}
3699
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,
3701
entry selection:disabled, modelbutton.flat:disabled:selected,
3702
.menuitem.button.flat:disabled:selected, popover.background.menu button:disabled:checked,
3703
popover.background button.model:disabled:checked, row:disabled:selected, calendar:disabled:selected, text:disabled:selected, .budgie-menu button:disabled:checked {
3704
color: rgba(255, 255, 255, 0.5);
3705
}
3706
.monospace {
3708
font-family: monospace;
3709
}
3710
/**********************
3712
* Touch Copy & Paste *
3713
**********************/
3714
cursor-handle {
3715
border-radius: 9999px;
3716
background-color: #FF4081;
3717
background-image: none;
3718
}
3719
cursor-handle.top:dir(ltr), cursor-handle.bottom:dir(rtl) {
3721
padding-left: 6px;
3722
border-top-right-radius: 0;
3723
}
3724
cursor-handle.bottom:dir(ltr), cursor-handle.top:dir(rtl) {
3726
padding-right: 6px;
3727
border-top-left-radius: 0;
3728
}
3729
cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) {
3731
-GtkWidget-text-handle-width: 24;
3732
-GtkWidget-text-handle-height: 30;
3733
-gtk-icon-source: -gtk-scaled(url("assets/scale-horz-marks-before-slider.png"), url("assets/scale-horz-marks-before-slider@2.png"));
3734
}
3735
.context-menu {
3737
font: initial;
3738
}
3739
.keycap {
3741
min-width: 12px;
3742
min-height: 26px;
3743
margin-top: 2px;
3744
padding-bottom: 2px;
3745
padding-left: 8px;
3746
padding-right: 8px;
3747
border: solid 1px rgba(0, 0, 0, 0.12);
3748
border-radius: 3px;
3749
box-shadow: inset 0 -2px rgba(0, 0, 0, 0.12);
3750
background-color: #FFFFFF;
3751
color: rgba(0, 0, 0, 0.87);
3752
font-size: smaller;
3753
}
3754
:not(decoration):not(window):drop(active) {
3756
transition: all 270ms cubic-bezier(0, 0, 0.2, 1);
3757
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;
3758
caret-color: #FF4081;
3759
}
3760
stackswitcher button.text-button {
3762
min-width: 100px;
3763
}
3764
stackswitcher button.circular,
3766
stackswitcher button.text-button.circular {
3767
min-width: 32px;
3768
min-height: 32px;
3769
padding: 0;
3770
}
3771
/*********
3773
* Emoji *
3774
*********/
3775
popover.emoji-picker {
3776
padding: 0;
3777
}
3778
popover.emoji-picker entry {
3780
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
3781
border-bottom-left-radius: 0;
3782
border-bottom-right-radius: 0;
3783
box-shadow: none;
3784
}
3785
popover.emoji-picker scrolledwindow {
3787
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
3788
}
3789
button.emoji-section {
3791
margin-top: -1px;
3792
padding: 0 8px;
3793
min-width: 24px;
3794
min-height: 32px;
3795
border-radius: 0;
3796
outline-offset: -6px;
3797
box-shadow: none;
3798
}
3799
button.emoji-section:hover {
3801
box-shadow: inset 0 2px rgba(0, 0, 0, 0.26);
3802
}
3803
button.emoji-section:active {
3805
box-shadow: inset 0 2px #42A5F5;
3806
background-image: radial-gradient(circle farthest-corner at center, rgba(66, 165, 245, 0.7) 10%, transparent 0%);
3807
}
3808
button.emoji-section:checked {
3810
box-shadow: inset 0 2px #42A5F5;
3811
background-color: transparent;
3812
}
3813
button.emoji-section:first-child {
3815
margin-left: 4px;
3816
}
3817
button.emoji-section:last-child {
3819
margin-right: 4px;
3820
}
3821
.emoji {
3823
min-width: 3em;
3824
min-height: 3em;
3825
padding: 0;
3826
}
3827
.emoji widget {
3829
transition: all 180ms cubic-bezier(0, 0, 0.2, 1);
3830
}
3831
.emoji widget:hover {
3833
font-size: larger;
3834
}
3835
/************
3837
* Nautilus *
3838
************/
3839
.nautilus-window,
3840
.nautilus-window notebook,
3841
.nautilus-window notebook > stack {
3842
background-color: #FFFFFF;
3843
}
3844
.nautilus-desktop.nautilus-canvas-item:not(:selected), .caja-desktop.caja-canvas-item:not(:selected) {
3846
color: #FFFFFF;
3847
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
3848
}
3849
@keyframes needs_attention_keyframes {
3851
to {
3852
background-color: alpha(currentColor, 0.3);
3853
}
3854
}
3855
.nautilus-operations-button-needs-attention {
3857
animation: needs_attention_keyframes 270ms cubic-bezier(0.4, 0, 0.2, 1) 2 alternate;
3858
}
3859
.nautilus-operations-button-needs-attention-multiple {
3861
animation: needs_attention_keyframes 270ms cubic-bezier(0.4, 0, 0.2, 1) 4 alternate;
3862
}
3863
.nautilus-window .floating-bar {
3865
min-height: 32px;
3866
padding: 0;
3867
border-style: solid solid none;
3868
border-width: 1px;
3869
border-color: rgba(0, 0, 0, 0.12);
3870
border-radius: 3px 3px 0 0;
3871
background-color: #FFFFFF;
3872
background-clip: padding-box;
3873
transition: all 270ms cubic-bezier(0, 0, 0.2, 1), border-width 0;
3874
}
3875
.nautilus-window .floating-bar.bottom.left {
3877
margin-right: 7px;
3878
border-left-style: none;
3879
border-top-left-radius: 0;
3880
}
3881
.nautilus-window .floating-bar.bottom.right {
3883
margin-left: 7px;
3884
border-right-style: none;
3885
border-top-right-radius: 0;
3886
}
3887
.nautilus-window .floating-bar button {
3889
margin: 6px;
3890
}
3891
.disk-space-display.unknown {
3893
background-color: #FF6D00;
3894
}
3895
.disk-space-display.used {
3897
background-color: #42A5F5;
3898
}
3899
.disk-space-display.free {
3901
background-color: rgba(0, 0, 0, 0.12);
3902
}
3903
.nautilus-window searchbar {
3905
border-top: 1px solid rgba(0, 0, 0, 0.12);
3906
}
3907
.nautilus-window .searchbar-container {
3909
margin-top: -1px;
3910
}
3911
.conflict-row:not(:selected) {
3913
background-color: #ffd3b3;
3914
}
3915
.nautilus-window flowboxchild > widget > .icon-item-background {
3917
padding: 4px;
3918
border-radius: 2px;
3919
}
3920
.nautilus-window flowboxchild:selected {
3922
background-color: transparent;
3923
}
3924
.nautilus-window flowboxchild:selected > widget > .icon-item-background {
3926
background-color: #42A5F5;
3927
}
3928
dialog.background > box.dialog-vbox.vertical > grid.horizontal > scrolledwindow.frame {
3930
border-style: none;
3931
}
3932
dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child {
3934
margin: -6px 0 0 -6px;
3935
border-top: 1px solid rgba(0, 0, 0, 0.12);
3936
}
3937
dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child > label {
3939
margin: 0 8px;
3940
}
3941
dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child > box > button {
3943
border-radius: 0;
3944
}
3945
.nautilus-window > popover.menu:not(:last-child) {
3947
padding: 3px;
3948
}
3949
.nautilus-window > popover.menu:not(:last-child) > stack > box > box > box {
3951
margin-top: -6px;
3952
}
3953
.nautilus-window > popover.menu:not(:last-child) > stack > box > box > box > box {
3955
margin-bottom: -6px;
3956
}
3957
.nautilus-window > popover.menu:not(:last-child) > stack > box > box > box > box.linked {
3959
margin-top: 1px;
3960
}
3961
.nautilus-window > popover.menu:not(:last-child) separator {
3963
margin-bottom: -2px;
3964
}
3965
.nautilus-menu-sort-heading {
3967
margin: 1px 3px;
3968
font-weight: 500;
3969
}
3970
.nautilus-menu-sort-heading:disabled {
3972
color: rgba(0, 0, 0, 0.38);
3973
}
3974
.nautilus-window paned > separator {
3976
background-color: #F5F5F5;
3977
}
3978
/*********
3980
* gedit *
3981
*********/
3982
.open-document-selector-path-label {
3983
color: rgba(0, 0, 0, 0.54);
3984
font-size: smaller;
3985
}
3986
.open-document-selector-path-label:selected {
3988
color: rgba(255, 255, 255, 0.7);
3989
}
3990
.gedit-document-panel {
3992
background-color: #FAFAFA;
3993
}
3994
.gedit-document-panel row button.flat {
3996
margin-top: 8px;
3997
margin-bottom: 8px;
3998
}
3999
.gedit-document-panel-group-row:not(:first-child) {
4001
border-top: 1px solid rgba(0, 0, 0, 0.12);
4002
}
4003
.gedit-side-panel-paned statusbar {
4005
border-top: 1px solid rgba(0, 0, 0, 0.12);
4006
}
4007
.gedit-search-slider {
4009
margin: 4px 4px 8px;
4010
}
4011
.gedit-search-slider entry:dir(ltr), .gedit-search-slider entry:dir(rtl) {
4013
border-radius: 2px;
4014
}
4015
.gedit-search-slider entry:dir(ltr) .gedit-search-entry-occurrences-tag, .gedit-search-slider entry:dir(rtl) .gedit-search-entry-occurrences-tag {
4017
all: unset;
4018
color: rgba(0, 0, 0, 0.38);
4019
}
4020
.gedit-search-slider entry:dir(ltr) {
4022
margin-right: -58px;
4023
padding-right: 58px;
4024
}
4025
.gedit-search-slider entry:dir(ltr) .gedit-search-entry-occurrences-tag {
4027
margin-left: 6px;
4028
}
4029
.gedit-search-slider entry:dir(ltr) image.right {
4031
margin-right: 0;
4032
}
4033
.gedit-search-slider entry:dir(rtl) {
4035
margin-left: -58px;
4036
padding-left: 58px;
4037
}
4038
.gedit-search-slider entry:dir(rtl) .gedit-search-entry-occurrences-tag {
4040
margin-right: 6px;
4041
}
4042
.gedit-search-slider entry:dir(rtl) image.left {
4044
margin-left: 0;
4045
}
4046
.gedit-search-slider entry.error ~ button {
4048
color: rgba(255, 255, 255, 0.7);
4049
}
4050
.gedit-search-slider entry.error ~ button:hover, .gedit-search-slider entry.error ~ button:active {
4052
color: #FFFFFF;
4053
}
4054
.gedit-search-slider entry.error ~ button:disabled {
4056
color: rgba(255, 255, 255, 0.3);
4057
}
4058
.gedit-search-slider button {
4060
border: solid 6px transparent;
4061
}
4062
.gedit-search-slider button:last-child:dir(ltr), .gedit-search-slider button:not(:first-child):dir(rtl) {
4064
margin-left: -3px;
4065
}
4066
.gedit-search-slider button:first-child:dir(rtl), .gedit-search-slider button:not(:last-child):dir(ltr) {
4068
margin-right: -3px;
4069
}
4070
frame.gedit-map-frame > border:dir(ltr) {
4072
border-style: none none none solid;
4073
}
4074
frame.gedit-map-frame > border:dir(rtl) {
4076
border-style: none solid none none;
4077
}
4078
/**************
4080
* Tweak Tool *
4081
**************/
4082
.tweak-categories {
4083
background-image: image(#FAFAFA);
4084
}
4085
.tweak {
4087
padding: 3px;
4088
}
4089
.tweak.title:hover {
4091
box-shadow: none;
4092
}
4093
.tweak-group-white,
4095
.tweak-white,
4096
.tweak-white:hover {
4097
background-image: image(#FFFFFF);
4098
}
4099
.tweak-startup,
4101
.tweak-startup:hover {
4102
background-image: image(#FFFFFF);
4103
}
4104
.tweak-group-startup {
4106
background-image: image(#FFFFFF);
4107
border: 1px solid rgba(0, 0, 0, 0.12);
4108
}
4109
row#Focus,
4111
row#StaticWorkspaceTweak,
4112
row#PrimaryWorkspaceTweak {
4113
padding: 0;
4114
border: 1px solid rgba(0, 0, 0, 0.12);
4115
}
4116
row#Focus row:not(:last-child),
4118
row#StaticWorkspaceTweak row:not(:last-child),
4119
row#PrimaryWorkspaceTweak row:not(:last-child) {
4120
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4121
}
4122
row#Focus,
4124
row#PrimaryWorkspaceTweak {
4125
margin-top: 4px;
4126
}
4127
/***********
4129
* Builder *
4130
***********/
4131
layouttabbar {
4132
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4133
background-color: #F5F5F5;
4134
}
4135
layouttabbar > box > button {
4137
margin: 4px 0;
4138
}
4139
layouttab {
4141
margin: 0 8px;
4142
border-style: none solid;
4143
border-width: 1px;
4144
border-color: rgba(0, 0, 0, 0.12);
4145
box-shadow: inset 0 -2px #42A5F5;
4146
background-color: #FFFFFF;
4147
}
4148
layouttab separator.vertical {
4150
margin: 8px 4px;
4151
}
4152
layouttab button.text-button, layouttab button.image-button, layouttab button {
4154
margin-top: 8px;
4155
margin-bottom: 8px;
4156
padding: 0 4px;
4157
}
4158
layout {
4160
border: 1px solid rgba(0, 0, 0, 0.12);
4161
-PnlDockBin-handle-size: 1;
4162
}
4163
entry.search-missing {
4165
background-color: #DD2C00;
4166
color: #FFFFFF;
4167
}
4168
window.workbench treeview.image {
4170
color: rgba(0, 0, 0, 0.54);
4171
}
4172
window.workbench treeview.image:selected {
4174
color: rgba(255, 255, 255, 0.7);
4175
}
4176
popover.popover-selector list {
4178
padding: 6px;
4179
}
4180
popover.popover-selector list row {
4182
border-radius: 2px;
4183
}
4184
popover.popover-selector list row image:dir(ltr) {
4186
margin-right: 6px;
4187
}
4188
popover.popover-selector list row image:dir(rtl) {
4190
margin-left: 6px;
4191
}
4192
popover.popover-selector list row .accel:dir(ltr) {
4194
margin-left: 6px;
4195
}
4196
popover.popover-selector list row .accel:dir(rtl) {
4198
margin-right: 6px;
4199
}
4200
omnibar.linked:not(.vertical) entry {
4202
border-radius: 2px;
4203
}
4204
omnibar:not(:hover):not(:active) entry {
4206
color: rgba(0, 0, 0, 0.54);
4207
}
4208
popover.omnibar list row:not(:last-child) {
4210
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4211
}
4212
entry.preferences-search {
4214
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12);
4215
background-color: #FFFFFF;
4216
}
4217
preferences stacksidebar.sidebar list {
4219
background-color: #FAFAFA;
4220
}
4221
preferences stacksidebar.sidebar:dir(ltr) list, preferences stacksidebar.sidebar:dir(rtl) list {
4223
border-style: none;
4224
}
4225
preferences > box > box:dir(ltr) {
4227
border-right: 1px solid rgba(0, 0, 0, 0.12);
4228
}
4229
preferences > box > box:dir(rtl) {
4231
border-left: 1px solid rgba(0, 0, 0, 0.12);
4232
}
4233
popover.messagepopover.background {
4235
padding: 0;
4236
}
4237
popover.messagepopover .popover-action-area button {
4239
padding: 8px 16px;
4240
border-top: 1px solid rgba(0, 0, 0, 0.12);
4241
border-radius: 0;
4242
}
4243
popover.messagepopover .popover-action-area button:first-child {
4245
border-bottom-left-radius: 2px;
4246
}
4247
popover.messagepopover .popover-action-area button:last-child {
4249
border-bottom-right-radius: 2px;
4250
}
4251
popover.messagepopover .popover-content-area {
4253
margin: 16px;
4254
}
4255
popover.transfers list {
4257
background-color: transparent;
4258
}
4259
popover.transfers list row:not(:first-child) {
4261
border-top: 1px solid rgba(0, 0, 0, 0.12);
4262
}
4263
popover.transfers list row > box {
4265
padding: 10px;
4266
}
4267
dockbin {
4269
border: 1px solid rgba(0, 0, 0, 0.12);
4270
-PnlDockBin-handle-size: 1;
4271
}
4272
dockpaned {
4274
border: 1px solid rgba(0, 0, 0, 0.12);
4275
}
4276
eggsearchbar box.search-bar {
4278
padding: 0 8px;
4279
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4280
background-color: #F5F5F5;
4281
}
4282
docktabstrip {
4284
padding: 0 8px;
4285
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4286
background-color: #F5F5F5;
4287
}
4288
docktab {
4290
transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
4291
min-height: 20px;
4292
min-width: 20px;
4293
margin-bottom: -1px;
4294
padding: 6px 6px;
4295
outline-offset: -6px;
4296
border-width: 1px;
4297
border-color: transparent;
4298
background-image: radial-gradient(circle farthest-corner at center, #42A5F5 10%, transparent 0%);
4299
background-repeat: no-repeat;
4300
background-position: center;
4301
background-size: 0% 0%;
4302
color: rgba(0, 0, 0, 0.54);
4303
font-weight: 500;
4304
}
4305
docktab:hover {
4307
box-shadow: inset 0 -2px rgba(0, 0, 0, 0.26);
4308
color: rgba(0, 0, 0, 0.87);
4309
}
4310
docktab:checked {
4312
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);
4313
box-shadow: inset 0 -2px #42A5F5;
4314
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
4315
background-size: 1000% 1000%;
4316
color: rgba(0, 0, 0, 0.87);
4317
}
4318
dockoverlayedge {
4320
background-color: #F5F5F5;
4321
}
4322
dockoverlayedge docktabstrip {
4324
padding: 0;
4325
border: none;
4326
}
4327
dockoverlayedge.left-edge docktab:hover {
4329
box-shadow: inset -2px 0 rgba(0, 0, 0, 0.26);
4330
}
4331
dockoverlayedge.left-edge docktab:checked {
4333
box-shadow: inset -2px 0 #42A5F5;
4334
}
4335
dockoverlayedge.right-edge docktab:hover {
4337
box-shadow: inset 2px 0 rgba(0, 0, 0, 0.26);
4338
}
4339
dockoverlayedge.right-edge docktab:checked {
4341
box-shadow: inset 2px 0 #42A5F5;
4342
}
4343
pillbox {
4345
background-color: #F5F5F5;
4346
border-radius: 2px;
4347
}
4348
layoutpane entry.search {
4350
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12);
4351
background-color: #FFFFFF;
4352
}
4353
editortweak entry.search {
4355
margin-bottom: -1px;
4356
box-shadow: none;
4357
}
4358
.gb-search-entry-occurrences-tag {
4360
box-shadow: none;
4361
background-color: transparent;
4362
}
4363
docktabstrip {
4365
min-height: 39px;
4366
}
4367
window.workbench preferences preferencesgroup list entry {
4369
padding-top: 8px;
4370
padding-bottom: 8px;
4371
}
4372
button.run-arrow-button {
4374
padding-left: 8px;
4375
padding-right: 8px;
4376
}
4377
button.dzlmenubutton image {
4379
min-width: 26px;
4380
}
4381
button.dzlmenubutton image.arrow {
4383
min-width: 23px;
4384
}
4385
button.dzlmenubuttonitem {
4387
color: rgba(0, 0, 0, 0.87);
4388
font-weight: normal;
4389
}
4390
button.dzlmenubuttonitem:disabled {
4392
color: rgba(0, 0, 0, 0.38);
4393
}
4394
idelayoutstackheader {
4396
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4397
}
4398
idelayoutstackheader button:checked {
4400
color: rgba(0, 0, 0, 0.87);
4401
}
4402
ideeditorutilities > dzldockpaned > box > stackswitcher {
4404
padding: 8px 0;
4405
background-color: #F5F5F5;
4406
}
4407
ideeditorutilities > dzldockpaned > box > stackswitcher:dir(ltr) {
4409
border-right: 1px solid rgba(0, 0, 0, 0.12);
4410
}
4411
ideeditorutilities > dzldockpaned > box > stackswitcher:dir(rtl) {
4413
border-left: 1px solid rgba(0, 0, 0, 0.12);
4414
}
4415
ideeditorutilities > dzldockpaned > box > stackswitcher button {
4417
border-radius: 0;
4418
outline-offset: -6px;
4419
box-shadow: none;
4420
background-color: transparent;
4421
}
4422
ideeditorutilities > dzldockpaned > box > stackswitcher button:active {
4424
background-image: radial-gradient(circle farthest-corner at center, rgba(66, 165, 245, 0.7) 10%, transparent 0%);
4425
}
4426
ideeditorutilities > dzldockpaned > box > stackswitcher button:checked {
4428
background-color: transparent;
4429
color: rgba(0, 0, 0, 0.87);
4430
}
4431
ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr) {
4433
margin-right: -1px;
4434
}
4435
ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):hover {
4437
box-shadow: inset -2px 0 rgba(0, 0, 0, 0.26);
4438
}
4439
ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):active, ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):checked {
4441
box-shadow: inset -2px 0 #42A5F5;
4442
}
4443
ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl) {
4445
margin-left: -1px;
4446
}
4447
ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):hover {
4449
box-shadow: inset 2px 0 rgba(0, 0, 0, 0.26);
4450
}
4451
ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):active, ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):checked {
4453
box-shadow: inset 2px 0 #42A5F5;
4454
}
4455
ideeditorsidebar notebook header {
4457
background: transparent;
4458
}
4459
popover.messagepopover list {
4461
border: 1px solid rgba(0, 0, 0, 0.12);
4462
}
4463
popover.messagepopover list row:not(:last-child) {
4465
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4466
}
4467
/**********
4469
* Photos *
4470
**********/
4471
GdMainIconView.content-view {
4472
-GdMainIconView-icon-size: 48;
4473
}
4474
.documents-counter {
4476
margin: 8px;
4477
border-radius: 9999px;
4478
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
4479
background-color: #FF4081;
4480
color: #FFFFFF;
4481
font-weight: bold;
4482
}
4483
.documents-scrolledwin.frame {
4485
border-style: none;
4486
}
4487
.documents-scrolledwin.frame frame.content-view > border {
4489
border-style: none;
4490
}
4491
.photos-fade-in {
4493
opacity: 1;
4494
transition: opacity 180ms cubic-bezier(0, 0, 0.2, 1);
4495
}
4496
.photos-fade-out {
4498
opacity: 0;
4499
transition: opacity 180ms cubic-bezier(0, 0, 0.2, 1);
4500
}
4501
overlay grid.horizontal > revealer > scrolledwindow.frame:dir(ltr) {
4503
border-style: none none none solid;
4504
}
4505
overlay grid.horizontal > revealer > scrolledwindow.frame:dir(rtl) {
4507
border-style: none solid none none;
4508
}
4509
/*********
4511
* Music *
4512
*********/
4513
.side-panel:dir(ltr) {
4514
border-style: solid;
4515
border-color: rgba(0, 0, 0, 0.12);
4516
}
4517
.side-panel:dir(rtl) {
4519
border-style: solid;
4520
border-color: rgba(0, 0, 0, 0.12);
4521
}
4522
.side-panel .view {
4524
background-image: image(#FAFAFA);
4525
}
4526
.side-panel .view:hover {
4528
background-image: image(rgba(240, 240, 240, 0.9935));
4529
}
4530
.side-panel .view:selected {
4532
background-image: image(#42A5F5);
4533
}
4534
.side-panel .view:selected:hover {
4536
background-image: image(#4baaf6);
4537
}
4538
.songs-list:hover {
4540
background-image: image(alpha(currentColor, 0.05));
4541
}
4542
frame.documents-dropdown {
4544
margin: 8px;
4545
}
4546
frame.documents-dropdown > border {
4548
border: none;
4549
}
4550
box.vertical > revealer > toolbar.search-bar {
4552
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4553
background-clip: border-box;
4554
}
4555
box.vertical > revealer > toolbar.search-bar button > widget {
4557
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
4558
}
4559
/*********
4561
* To Do *
4562
*********/
4563
taskrow {
4564
transition: all 180ms cubic-bezier(0, 0, 0.2, 1);
4565
margin: 0 -8px;
4566
}
4567
taskrow:hover {
4569
transition: none;
4570
}
4571
taskrow label {
4573
margin: 0 8px;
4574
}
4575
taskrow image {
4577
min-width: 16px;
4578
}
4579
task-list-view > box > revealer > box > button {
4581
margin: -4px;
4582
}
4583
/*******
4585
* eog *
4586
*******/
4587
#eog-thumb-nav scrolledwindow {
4588
border-top: none;
4589
}
4590
#eog-thumb-nav button {
4592
-gtk-outline-radius: 2px;
4593
}
4594
/*************
4596
* Evolution *
4597
*************/
4598
frame.taskbar > border {
4599
border-style: solid none none;
4600
}
4601
box.vertical > paned.horizontal notebook widget .frame {
4603
border-style: none;
4604
}
4605
/********
4607
* gitg *
4608
********/
4609
frame.commit-frame > border {
4610
border-style: solid none none;
4611
}
4612
/**************
4614
* Characters *
4615
**************/
4616
box.dialog-vbox scrolledwindow.related {
4617
border: 1px solid rgba(0, 0, 0, 0.12);
4618
}
4619
list.categories {
4621
background-image: image(#FAFAFA);
4622
}
4623
/*********
4625
* Boxes *
4626
*********/
4627
.transparent-bg + stack overlay > label {
4628
min-height: 24px;
4629
padding: 0 4px;
4630
border-radius: 2px;
4631
background-color: rgba(0, 0, 0, 0.3);
4632
color: #FFFFFF;
4633
}
4634
/**************
4636
* Calculator *
4637
**************/
4638
button.title label {
4639
min-height: 32px;
4640
}
4641
/*********
4643
* Geary *
4644
*********/
4645
.geary-titlebar-left:dir(ltr) {
4646
margin-right: 5px;
4647
padding-right: 0;
4648
}
4649
.geary-titlebar-left:dir(rtl) {
4651
margin-left: 5px;
4652
padding-left: 0;
4653
}
4654
.geary-titlebar-left > separator {
4656
background-color: rgba(0, 0, 0, 0.05);
4657
}
4658
.geary-titlebar-right:dir(ltr) {
4660
margin-left: -5px;
4661
}
4662
.geary-titlebar-right:dir(rtl) {
4664
margin-right: -5px;
4665
}
4666
/*********
4668
* Tilix *
4669
*********/
4670
overlay > revealer.left > scrolledwindow.frame,
4671
overlay > revealer.right > scrolledwindow.frame {
4672
border-style: none;
4673
box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22);
4674
}
4675
overlay > revealer.left > scrolledwindow.frame {
4677
margin-right: 32px;
4678
}
4679
overlay > revealer.right > scrolledwindow.frame {
4681
margin-left: 32px;
4682
}
4683
.terminix-session-sidebar,
4685
.tilix-session-sidebar {
4686
background-image: image(#FAFAFA);
4687
}
4688
button.image-button.session-new-button {
4690
min-width: 28px;
4691
}
4692
/***********
4694
* Eclipse *
4695
***********/
4696
window.background > box.vertical > scrolledwindow > widget toolbar {
4697
padding: 2px;
4698
}
4699
window.background > box.vertical > scrolledwindow > widget toolbar separator,
4701
window.background > box.vertical > scrolledwindow > widget toolbar button {
4702
margin: 2px;
4703
}
4704
window.background > box.vertical > scrolledwindow > widget toolbar button {
4706
border-radius: 2px;
4707
}
4708
/************
4710
* Chromium *
4711
************/
4712
tooltip.chromium {
4713
background-color: #FFFFFF;
4714
}
4715
/***********
4717
* Firefox *
4718
***********/
4719
window.background:not(.csd) > widget > separator {
4720
color: rgba(0, 0, 0, 0.2);
4721
}
4722
window.background:not(.csd) > widget > scrollbar {
4724
background-clip: border-box;
4725
}
4726
window.background:not(.csd) > widget > scrollbar,
4728
window.background:not(.csd) > widget > frame > border {
4729
border-color: rgba(0, 0, 0, 0.2);
4730
}
4731
window.background:not(.csd) > widget > entry,
4733
window.background:not(.csd) > widget > button > button {
4734
border: 1px solid rgba(0, 0, 0, 0.2);
4735
border-radius: 3px;
4736
box-shadow: none;
4737
}
4738
window.background:not(.csd) > widget > entry {
4740
min-height: 30px;
4741
}
4742
window.background:not(.csd) > widget > entry:focus {
4744
border-color: #42A5F5;
4745
}
4746
window.background:not(.csd) > widget > button > button {
4748
padding: 4px 8px;
4749
background-size: auto;
4750
}
4751
window.background:not(.csd) > widget > button > button:hover {
4753
background-image: image(alpha(currentColor, 0.05));
4754
}
4755
window.background:not(.csd) > widget > button > button:active {
4757
background-image: image(alpha(currentColor, 0.1));
4758
}
4759
window.background:not(.csd) > window > menu,
4761
window.background:not(.csd) > menu > menu {
4762
border: none;
4763
}
4764
window.background:not(.csd) > widget > menubar {
4766
color: rgba(0, 0, 0, 0.54);
4767
}
4768
window.background:not(.csd) > widget > menubar:hover {
4770
color: rgba(0, 0, 0, 0.87);
4771
}
4772
window.background:not(.csd) > widget > menubar:disabled {
4774
color: rgba(0, 0, 0, 0.26);
4775
}
4776
window.background:not(.csd) > widget > frame {
4778
color: rgba(0, 0, 0, 0.2);
4779
}
4780
window.background:not(.csd) > widget > checkbutton > check,
4782
window.background:not(.csd) > widget > radiobutton > radio {
4783
margin: 0;
4784
padding: 0;
4785
}
4786
window.background:not(.csd) > window.background > menu > separator {
4788
color: rgba(0, 0, 0, 0.12);
4789
}
4790
/************
4792
* Inkscape *
4793
************/
4794
#ToolboxCommon > #AuxToolbox #StyleSwatch {
4795
font-size: smaller;
4796
}
4797
#ToolboxCommon > #AuxToolbox #Kludge {
4799
padding: 0;
4800
}
4801
#ToolboxCommon > #AuxToolbox spinbutton,
4803
#ToolboxCommon > #AuxToolbox entry {
4804
min-height: 32px;
4805
}
4806
#ToolboxCommon > #AuxToolbox button:not(.up):not(.down) {
4808
min-height: 24px;
4809
min-width: 16px;
4810
padding: 4px 8px;
4811
border-radius: 2px;
4812
-gtk-outline-radius: 2px;
4813
}
4814
#ToolboxCommon > #AuxToolbox spinbutton button {
4816
border-width: 4px;
4817
}
4818
#ToolboxCommon > toolbar.vertical {
4820
margin-top: -4px;
4821
}
4822
#ToolboxCommon > toolbar.vertical button {
4824
min-height: 24px;
4825
min-width: 24px;
4826
padding: 4px;
4827
border-radius: 2px;
4828
-gtk-outline-radius: 2px;
4829
}
4830
#CanvasTable button {
4832
min-height: 16px;
4833
min-width: 16px;
4834
padding: 0;
4835
}
4836
#CanvasTable #HorizontalScrollbar {
4838
border-top: 1px solid rgba(0, 0, 0, 0.12);
4839
}
4840
#CanvasTable #VerticalScrollbar:dir(ltr) {
4842
border-left: 1px solid rgba(0, 0, 0, 0.12);
4843
}
4844
#CanvasTable #VerticalScrollbar:dir(rtl) {
4846
border-right: 1px solid rgba(0, 0, 0, 0.12);
4847
}
4848
#Canvas_and_Dock frame > border {
4850
border: none;
4851
}
4852
#Canvas_and_Dock widget > widget > button.flat {
4854
min-height: 16px;
4855
min-width: 16px;
4856
padding: 4px;
4857
}
4858
#Canvas_and_Dock widget > widget > box.horizontal image {
4860
padding: 4px;
4861
}
4862
#Canvas_and_Dock box.horizontal > box.vertical > button.flat {
4864
min-height: 16px;
4865
min-width: 24px;
4866
padding: 8px 4px;
4867
}
4868
/***********
4870
* Synapse *
4871
***********/
4872
box.vertical > widget > widget:selected {
4873
background-color: #42A5F5;
4874
}
4875
/*********
4877
* Unity *
4878
*********/
4879
UnityDecoration {
4880
-UnityDecoration-extents: 28px 0 0 0;
4881
-UnityDecoration-input-extents: 8px;
4882
-UnityDecoration-shadow-offset-x: 0;
4883
-UnityDecoration-shadow-offset-y: 3px;
4884
-UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.48);
4885
-UnityDecoration-active-shadow-radius: 18px;
4886
-UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.32);
4887
-UnityDecoration-inactive-shadow-radius: 6px;
4888
-UnityDecoration-glow-size: 8px;
4889
-UnityDecoration-glow-color: #42A5F5;
4890
-UnityDecoration-title-indent: 4px;
4891
-UnityDecoration-title-fade: 32px;
4892
-UnityDecoration-title-alignment: 0.0;
4893
}
4894
UnityDecoration .top {
4896
padding: 0 2px;
4897
border-style: none;
4898
border-radius: 2px 2px 0 0;
4899
box-shadow: inset 0 1px rgba(255, 255, 255, 0.2);
4900
background-color: #cfcfcf;
4901
color: rgba(0, 0, 0, 0.87);
4902
}
4903
UnityDecoration .top:backdrop {
4905
color: rgba(0, 0, 0, 0.54);
4906
}
4907
UnityDecoration .menuitem {
4909
color: rgba(0, 0, 0, 0.54);
4910
}
4911
UnityDecoration .menuitem:hover {
4913
box-shadow: inset 0 -2px #42A5F5;
4914
background-color: transparent;
4915
color: rgba(0, 0, 0, 0.87);
4916
}
4917
.background:not(.csd) headerbar:not(.titlebar) {
4919
border-radius: 0;
4920
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
4921
}
4922
.background:not(.csd) headerbar:not(.titlebar).inline-toolbar {
4924
border-style: none;
4925
}
4926
UnityPanelWidget,
4928
.unity-panel {
4929
background-color: #cfcfcf;
4930
color: rgba(0, 0, 0, 0.87);
4931
}
4932
UnityPanelWidget:backdrop,
4934
.unity-panel:backdrop {
4935
color: rgba(0, 0, 0, 0.54);
4936
}
4937
.unity-panel.menuitem,
4939
.unity-panel .menuitem {
4940
color: rgba(0, 0, 0, 0.54);
4941
}
4942
.unity-panel.menubar.menuitem:hover,
4944
.unity-panel.menubar .menuitem *:hover {
4945
box-shadow: inset 0 -2px #42A5F5;
4946
background-color: transparent;
4947
color: rgba(0, 0, 0, 0.87);
4948
}
4949
.menu IdoPlaybackMenuItem.menuitem:active {
4951
-gtk-icon-source: -gtk-icontheme("process-working-symbolic");
4952
animation: spin 1s linear infinite;
4953
color: #42A5F5;
4954
}
4955
/**************
4957
* Mate-Panel *
4958
**************/
4959
.mate-panel-menu-bar menubar,
4960
#PanelApplet-window-menu-applet-button {
4961
background-color: transparent;
4962
}
4963
#PanelPlug,
4965
PanelToplevel.background {
4966
background-color: #cfcfcf;
4967
color: rgba(0, 0, 0, 0.87);
4968
font-weight: 500;
4969
}
4970
PanelToplevel > grid > button, .mate-panel-menu-bar #PanelApplet button {
4972
color: rgba(0, 0, 0, 0.54);
4973
}
4974
PanelToplevel > grid > button:hover, .mate-panel-menu-bar #PanelApplet button:hover, PanelToplevel > grid > button:active, .mate-panel-menu-bar #PanelApplet button:active {
4976
color: rgba(0, 0, 0, 0.87);
4977
}
4978
PanelToplevel > grid > button:disabled, .mate-panel-menu-bar #PanelApplet button:disabled {
4980
color: rgba(0, 0, 0, 0.26);
4981
}
4982
PanelToplevel > grid > button:checked, .mate-panel-menu-bar #PanelApplet button:checked {
4984
background-color: rgba(0, 0, 0, 0.26);
4985
color: rgba(0, 0, 0, 0.87);
4986
}
4987
PanelToplevel > grid > button:checked:disabled, .mate-panel-menu-bar #PanelApplet button:checked:disabled {
4989
background-color: rgba(0, 0, 0, 0.12);
4990
color: rgba(0, 0, 0, 0.38);
4991
}
4992
PanelToplevel > grid > button {
4994
padding: 0 4px;
4995
border-radius: 0;
4996
}
4997
PanelWidget button, PanelWidget button:hover, PanelWidget button:active {
4999
color: rgba(0, 0, 0, 0.54);
5000
}
5001
PanelSeparator {
5003
color: rgba(0, 0, 0, 0.12);
5004
}
5005
MatePanelAppletFrameDBus {
5007
border-style: solid;
5008
border-width: 0 1px;
5009
border-color: rgba(0, 0, 0, 0.12);
5010
}
5011
.mate-panel-menu-bar menubar menuitem {
5013
padding: 4px;
5014
}
5015
.mate-panel-menu-bar menubar menu menuitem {
5017
padding: 6px;
5018
}
5019
.mate-panel-menu-bar #PanelApplet button {
5021
-GtkWidget-window-dragging: true;
5022
padding: 4px;
5023
border-radius: 0;
5024
}
5025
PanelApplet.wnck-applet .wnck-pager {
5027
background-color: transparent;
5028
color: #40C4FF;
5029
}
5030
PanelApplet.wnck-applet .wnck-pager:hover {
5032
background-color: rgba(0, 0, 0, 0.12);
5033
}
5034
PanelApplet.wnck-applet .wnck-pager:active {
5036
background-color: rgba(0, 0, 0, 0.26);
5037
}
5038
PanelApplet.wnck-applet .wnck-pager:selected {
5040
background-color: #42A5F5;
5041
}
5042
#MatePanelPopupWindow {
5044
border: 1px solid rgba(0, 0, 0, 0.12);
5045
border-radius: 3px;
5046
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
5047
}
5048
#MatePanelPopupWindow frame > border {
5050
border-style: none;
5051
}
5052
#MatePanelPopupWindow ClockMap {
5054
border: 1px solid rgba(0, 0, 0, 0.12);
5055
}
5056
na-tray-applet {
5058
-NaTrayApplet-icon-padding: 3px;
5059
-NaTrayApplet-icon-size: 16;
5060
}
5061
.mate-panel-menu-bar {
5063
-PanelMenuBar-icon-visible: true;
5064
}
5065
.mate-panel-applet-slider {
5067
background-color: transparent;
5068
}
5069
.mate-panel-applet-slider frame {
5071
border: 1px solid rgba(0, 0, 0, 0.12);
5072
border-radius: 3px;
5073
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
5074
background-color: #F5F5F5;
5075
}
5076
.mate-panel-applet-slider frame frame {
5078
all: unset;
5079
}
5080
.mate-panel-applet-slider frame > border {
5082
border-style: none;
5083
}
5084
/*********************
5086
* CAJA File manager *
5087
*********************/
5088
.caja-navigation-window button.toggle.image-button {
5089
border-radius: 2px;
5090
}
5091
.caja-pathbar button {
5093
margin: 0 -1px 0 -2px;
5094
}
5095
.caja-pathbar button > widget {
5097
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
5098
-GtkArrow-arrow-scaling: 1;
5099
}
5100
.caja-side-pane notebook viewport.frame,
5102
.caja-side-pane notebook widget .vertical {
5103
background-color: #FFFFFF;
5104
}
5105
.caja-side-pane notebook,
5107
.caja-notebook {
5108
border-top: 1px solid rgba(0, 0, 0, 0.12);
5109
}
5110
.caja-side-pane notebook .frame,
5112
.caja-notebook .frame {
5113
border-style: none;
5114
}
5115
.caja-navigation-window statusbar {
5117
margin: 0 -10px;
5118
padding: 0 4px;
5119
border-top: 1px solid rgba(0, 0, 0, 0.12);
5120
}
5121
.caja-notebook frame > border {
5123
border-style: none;
5124
}
5125
#caja-extra-view-widget {
5127
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
5128
background-color: #F5F5F5;
5129
}
5130
#caja-extra-view-widget > box > box > label {
5132
font-weight: bold;
5133
}
5134
/*********
5136
* Pluma *
5137
*********/
5138
.pluma-window statusbar {
5139
margin: 0 -10px;
5140
padding: 0 4px;
5141
border-top: 1px solid rgba(0, 0, 0, 0.12);
5142
}
5143
.pluma-window statusbar frame > border {
5145
border-style: none;
5146
}
5147
.pluma-window statusbar frame button.flat {
5149
padding: 0 4px;
5150
border-radius: 0;
5151
}
5152
.pluma-window statusbar frame button.flat widget {
5154
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
5155
-GtkArrow-arrow-scaling: 1;
5156
}
5157
.pluma-print-preview toolbar {
5159
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
5160
}
5161
.pluma-window paned.horizontal box.vertical box.horizontal button.flat {
5163
margin: 1px;
5164
}
5165
.pluma-window paned.horizontal box.vertical .frame {
5167
border-style: none;
5168
}
5169
.pluma-window paned.horizontal box.vertical notebook.frame {
5171
margin-top: -1px;
5172
border-top: 1px solid rgba(0, 0, 0, 0.12);
5173
}
5174
.pluma-window paned.horizontal box.vertical notebook.frame box.vertical toolbar.horizontal {
5176
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
5177
}
5178
/*********
5180
* Atril *
5181
*********/
5182
.atril-window paned.horizontal box.vertical .frame {
5183
border-style: none;
5184
}
5185
.atril-window paned.horizontal box.vertical notebook .frame {
5187
border-top: 1px solid rgba(0, 0, 0, 0.12);
5188
}
5189
/* mate-screensaver lock dialog */
5191
.lock-dialog {
5192
border-radius: 2px;
5193
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);
5194
}
5195
.lock-dialog frame > border {
5197
border-style: none;
5198
}
5199
/******************
5201
* Budgie Desktop *
5202
******************/
5203
.budgie-container {
5204
background-color: transparent;
5205
}
5206
.budgie-menu.background {
5208
padding: 0;
5209
background-color: #FFFFFF;
5210
}
5211
.budgie-menu scrollbar,
5213
.budgie-menu entry.search {
5214
background-color: transparent;
5215
}
5216
.budgie-menu entry.search {
5218
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
5219
border-radius: 0;
5220
box-shadow: none;
5221
font-size: 120%;
5222
}
5223
.budgie-menu .categories:dir(ltr) {
5225
border-bottom-left-radius: 2px;
5226
}
5227
.budgie-menu .categories:dir(rtl) {
5229
border-bottom-right-radius: 2px;
5230
}
5231
.budgie-menu button {
5233
min-height: 32px;
5234
padding: 0 8px;
5235
border-radius: 0;
5236
color: rgba(0, 0, 0, 0.87);
5237
font-weight: normal;
5238
}
5239
.budgie-menu button:disabled {
5241
color: rgba(0, 0, 0, 0.38);
5242
}
5243
.budgie-menu button:checked:disabled {
5245
background-color: #42A5F5;
5246
}
5247
.budgie-menu row {
5249
padding: 0;
5250
}
5251
.budgie-menu row:hover {
5253
box-shadow: none;
5254
}
5255
button.budgie-menu-launcher {
5257
padding: 0 2px;
5258
}
5259
popover.background.user-menu {
5261
padding: 8px;
5262
}
5263
popover.background.user-menu .content-box {
5265
background-color: transparent;
5266
}
5267
popover.background.user-menu separator {
5269
margin: 4px 0;
5270
}
5271
popover.background.user-menu row {
5273
padding: 0;
5274
box-shadow: none;
5275
background-image: none;
5276
}
5277
button.raven-trigger {
5279
padding: 0 4px;
5280
}
5281
popover.background.places-menu {
5283
padding: 8px;
5284
}
5285
popover.background.places-menu .name-button.text-button {
5287
padding-left: 8px;
5288
padding-right: 8px;
5289
}
5290
popover.background.places-menu .name-button.text-button image:dir(ltr) {
5292
margin-right: 3px;
5293
}
5294
popover.background.places-menu .name-button.text-button image:dir(rtl) {
5296
margin-left: 3px;
5297
}
5298
popover.background.places-menu .places-section-header > image:dir(ltr) {
5300
margin: 0 -2px 0 5px;
5301
}
5302
popover.background.places-menu .places-section-header > image:dir(rtl) {
5304
margin: 0 5px 0 -2px;
5305
}
5306
popover.background.places-menu .places-list {
5308
margin-top: 4px;
5309
padding-top: 4px;
5310
border-top: 1px solid rgba(0, 0, 0, 0.12);
5311
background-color: transparent;
5312
}
5313
popover.background.places-menu row {
5315
padding: 0;
5316
box-shadow: none;
5317
background-image: none;
5318
}
5319
.budgie-panel {
5321
background-color: rgba(0, 0, 0, 0.6);
5322
color: rgba(255, 255, 255, 0.7);
5323
font-weight: 500;
5324
}
5325
.budgie-panel button {
5327
border-radius: 0;
5328
}
5329
.budgie-panel separator {
5331
background-color: rgba(255, 255, 255, 0.3);
5332
}
5333
.budgie-panel .alert {
5335
color: #FF5252;
5336
}
5337
.budgie-panel #tasklist-button {
5339
padding: 0 4px;
5340
}
5341
.budgie-panel #tasklist-button:checked {
5343
background-color: rgba(255, 255, 255, 0.12);
5344
}
5345
.budgie-panel button.flat.launcher {
5347
padding: 0;
5348
}
5349
.budgie-panel button.flat.launcher:checked {
5351
background-color: rgba(255, 255, 255, 0.12);
5352
}
5353
.budgie-panel button.flat.launcher:not(:checked) {
5355
color: rgba(255, 255, 255, 0.5);
5356
}
5357
.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active {
5359
color: rgba(255, 255, 255, 0.7);
5360
}
5361
.budgie-panel button.flat.launcher:not(:checked):disabled {
5363
color: rgba(255, 255, 255, 0.3);
5364
}
5365
.top .budgie-panel #tasklist-button, .budgie-panel .top #tasklist-button, .top .budgie-panel button.flat.launcher, .budgie-panel .top button.flat.launcher {
5367
border-image: radial-gradient(circle closest-corner at center calc(1px), currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
5368
}
5369
.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
5371
.budgie-panel .pinned button.flat.launcher.running,
5372
.budgie-panel .pinned .top button.flat.launcher.running {
5373
border-image: radial-gradient(circle closest-corner at center calc(1px), currentColor 100%, transparent 0%) 2 0 0 0/2px 0 0 0;
5374
}
5375
.bottom .budgie-panel #tasklist-button, .budgie-panel .bottom #tasklist-button, .bottom .budgie-panel button.flat.launcher, .budgie-panel .bottom button.flat.launcher {
5377
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
5378
}
5379
.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
5381
.budgie-panel .pinned button.flat.launcher.running,
5382
.budgie-panel .pinned .bottom button.flat.launcher.running {
5383
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2 0/0 0 2px 0;
5384
}
5385
.left .budgie-panel #tasklist-button, .budgie-panel .left #tasklist-button, .left .budgie-panel button.flat.launcher, .budgie-panel .left button.flat.launcher {
5387
border-image: radial-gradient(circle closest-corner at calc(1px) center, currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
5388
}
5389
.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
5391
.budgie-panel .pinned button.flat.launcher.running,
5392
.budgie-panel .pinned .left button.flat.launcher.running {
5393
border-image: radial-gradient(circle closest-corner at calc(1px) center, currentColor 100%, transparent 0%) 0 2 0 0/0 2px 0 0;
5394
}
5395
.right .budgie-panel #tasklist-button, .budgie-panel .right #tasklist-button, .right .budgie-panel button.flat.launcher, .budgie-panel .right button.flat.launcher {
5397
border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
5398
}
5399
.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
5401
.budgie-panel .pinned button.flat.launcher.running,
5402
.budgie-panel .pinned .right button.flat.launcher.running {
5403
border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, currentColor 100%, transparent 0%) 0 0 0 2/0 0 0 2px;
5404
}
5405
frame.raven-frame > border {
5407
border-style: none;
5408
box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22);
5409
}
5410
.top frame.raven-frame > border {
5412
margin-bottom: 32px;
5413
}
5414
.bottom frame.raven-frame > border {
5416
margin-top: 32px;
5417
}
5418
.left frame.raven-frame > border {
5420
margin-right: 32px;
5421
}
5422
.right frame.raven-frame > border {
5424
margin-left: 32px;
5425
}
5426
.raven {
5428
background-color: #FAFAFA;
5429
}
5430
.raven > stack {
5432
margin-bottom: -10px;
5433
}
5434
.raven stackswitcher.linked > button {
5436
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FFA726 0%, transparent 0%) 0 0 0/0 0 0px;
5437
border-radius: 0;
5438
}
5439
.raven stackswitcher.linked > button:checked {
5441
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FFA726 100%, transparent 0%) 0 0 2/0 0 2px;
5442
background-color: transparent;
5443
}
5444
.raven .raven-header {
5446
min-height: 32px;
5447
padding: 3px;
5448
}
5449
.raven .raven-header:not(.top) {
5451
margin-top: -6px;
5452
}
5453
.raven .raven-header.top {
5455
padding: 2px 0;
5456
background-color: #42A5F5;
5457
color: #FFFFFF;
5458
}
5459
.raven .raven-header.top stackswitcher button {
5461
margin: -6px 0;
5462
min-height: 32px;
5463
}
5464
.raven .raven-header.top button.image-button:dir(ltr) {
5466
margin-right: 2px;
5467
}
5468
.raven .raven-header.top button.image-button:dir(rtl) {
5470
margin-left: 2px;
5471
}
5472
.raven .raven-header.top > image {
5474
margin: 0 8px;
5475
}
5476
.raven .raven-header.top > label {
5478
margin: 0 -8px;
5479
font-weight: bold;
5480
}
5481
.raven .raven-header.bottom {
5483
border-top: 1px solid rgba(0, 0, 0, 0.12);
5484
}
5485
.raven viewport.frame .raven-header {
5487
margin-top: -8px;
5488
}
5489
.raven .raven-background {
5491
border-style: solid none;
5492
border-width: 1px;
5493
border-color: rgba(0, 0, 0, 0.12);
5494
background-color: #FFFFFF;
5495
}
5496
.raven .raven-background.frame {
5498
border-style: solid none;
5499
}
5500
.raven .raven-background > overlay > widget > image {
5502
color: rgba(0, 0, 0, 0.12);
5503
}
5504
.raven .raven-background grid > label:first-child {
5506
min-height: 32px;
5507
}
5508
.raven scrolledwindow.raven-background {
5510
border-bottom-style: none;
5511
}
5512
.raven .raven-header.top + .raven-background {
5514
border-style: none;
5515
background-color: #42A5F5;
5516
color: #FFFFFF;
5517
}
5518
.raven .raven-header.top + .raven-background stackswitcher button {
5520
margin: -4px 0;
5521
}
5522
.raven .powerstrip button {
5524
margin: 2px 0 1px;
5525
padding: 10px;
5526
}
5527
.raven .option-subtitle {
5529
font-size: smaller;
5530
}
5531
calendar.raven-calendar {
5533
border-style: none;
5534
background-color: transparent;
5535
}
5536
calendar.raven-calendar:selected {
5538
border-radius: 2px;
5539
background-color: #42A5F5;
5540
}
5541
.raven-mpris {
5543
background-color: rgba(0, 0, 0, 0.6);
5544
color: #FFFFFF;
5545
}
5546
.raven-mpris label {
5548
min-height: 24px;
5549
}
5550
.raven-mpris button.image-button {
5552
padding: 10px;
5553
}
5554
.budgie-notification-window, .budgie-osd-window, .budgie-switcher-window {
5556
background-color: transparent;
5557
}
5558
.budgie-notification .notification-title, .budgie-switcher .notification-title {
5560
font-size: 120%;
5561
}
5562
.budgie-osd .budgie-osd-text {
5564
font-size: 120%;
5565
}
5566
.drop-shadow {
5568
margin: 5px 9px;
5569
padding: 3px;
5570
border-radius: 2px;
5571
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);
5572
background-color: #FAFAFA;
5573
}
5574
.drop-shadow .linked > button {
5576
border-radius: 2px;
5577
}
5578
.budgie-session-dialog, .budgie-polkit-dialog, .budgie-run-dialog {
5580
border-radius: 2px;
5581
background-color: #FAFAFA;
5582
}
5583
.budgie-session-dialog decoration, .budgie-polkit-dialog decoration, .budgie-run-dialog decoration {
5585
border-radius: 2px;
5586
}
5587
.budgie-session-dialog label:not(:last-child),
5589
.budgie-session-dialog .dialog-title {
5590
font-size: 120%;
5591
}
5592
.budgie-session-dialog .linked.horizontal > button {
5594
padding: 8px 16px;
5595
border-top: 1px solid rgba(0, 0, 0, 0.12);
5596
border-radius: 0;
5597
}
5598
.budgie-session-dialog .linked.horizontal > button:first-child {
5600
border-bottom-left-radius: 2px;
5601
}
5602
.budgie-session-dialog .linked.horizontal > button:last-child {
5604
border-bottom-right-radius: 2px;
5605
}
5606
.budgie-polkit-dialog .message {
5608
color: rgba(0, 0, 0, 0.38);
5609
}
5610
.budgie-polkit-dialog .failure {
5612
color: #FF5252;
5613
}
5614
.budgie-run-dialog {
5616
background-color: #FFFFFF;
5617
}
5618
.budgie-run-dialog entry.search {
5620
font-size: 120%;
5621
padding: 6px 14px;
5622
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
5623
background-color: transparent;
5624
}
5625
.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
5627
headerbar .subtitle,
5628
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 {
5629
opacity: 1;
5630
}
5631
.budgie-run-dialog scrolledwindow {
5633
border-top: 1px solid rgba(0, 0, 0, 0.12);
5634
}
5635
/************************
5637
* LightDM GTK+ Greeter *
5638
************************/
5639
#panel_window {
5640
background-color: rgba(0, 0, 0, 0.3);
5641
color: #FFFFFF;
5642
}
5643
#panel_window menubar,
5645
#panel_window separator {
5646
background-color: transparent;
5647
}
5648
#panel_window separator {
5650
padding: 0 4px;
5651
}
5652
#panel_window separator:first-child {
5654
padding: 0 8px;
5655
}
5656
#panel_window menubar > menuitem {
5658
color: rgba(255, 255, 255, 0.7);
5659
}
5660
#panel_window menubar > menuitem:hover {
5662
color: #FFFFFF;
5663
}
5664
#panel_window menubar > menuitem:disabled label {
5666
color: rgba(255, 255, 255, 0.3);
5667
}
5668
#login_window,
5670
#shutdown_dialog,
5671
#restart_dialog {
5672
margin: 8px;
5673
border-radius: 2px;
5674
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);
5675
background-color: #FAFAFA;
5676
}
5677
#content_frame {
5679
padding-bottom: 20px;
5680
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
5681
}
5682
#buttonbox_frame {
5684
padding-top: 24px;
5685
}
5686
#buttonbox_frame button {
5688
margin: -16px;
5689
}
5690
#greeter_infobar {
5692
margin-top: -1px;
5693
}
5694
/* GTK NAMED COLORS
5696
----------------
5697
use responsibly! */
5698
/*
5699
widget text/foreground color */
5700
@define-color theme_fg_color rgba(0, 0, 0, 0.87);
5701
/*
5702
text color for entries, views and content in general */
5703
@define-color theme_text_color rgba(0, 0, 0, 0.87);
5704
/*
5705
widget base background color */
5706
@define-color theme_bg_color #F5F5F5;
5707
/*
5708
text widgets and the like base background color */
5709
@define-color theme_base_color #FFFFFF;
5710
/*
5711
base background color of selections */
5712
@define-color theme_selected_bg_color #42A5F5;
5713
/*
5714
text/foreground color of selections */
5715
@define-color theme_selected_fg_color #FFFFFF;
5716
/*
5717
base background color of insensitive widgets */
5718
@define-color insensitive_bg_color #F5F5F5;
5719
/*
5720
text foreground color of insensitive widgets */
5721
@define-color insensitive_fg_color rgba(0, 0, 0, 0.38);
5722
/*
5723
insensitive text widgets and the like base background color */
5724
@define-color insensitive_base_color #FAFAFA;
5725
/*
5726
widget text/foreground color on backdrop windows */
5727
@define-color theme_unfocused_fg_color rgba(0, 0, 0, 0.87);
5728
/*
5729
text color for entries, views and content in general on backdrop windows */
5730
@define-color theme_unfocused_text_color rgba(0, 0, 0, 0.87);
5731
/*
5732
widget base background color on backdrop windows */
5733
@define-color theme_unfocused_bg_color #F5F5F5;
5734
/*
5735
text widgets and the like base background color on backdrop windows */
5736
@define-color theme_unfocused_base_color #FFFFFF;
5737
/*
5738
base background color of selections on backdrop windows */
5739
@define-color theme_unfocused_selected_bg_color #42A5F5;
5740
/*
5741
text/foreground color of selections on backdrop windows */
5742
@define-color theme_unfocused_selected_fg_color #FFFFFF;
5743
/*
5744
insensitive color on backdrop windows */
5745
@define-color unfocused_insensitive_color rgba(0, 0, 0, 0.38);
5746
/*
5747
widgets main borders color */
5748
@define-color borders rgba(0, 0, 0, 0.12);
5749
/*
5750
widgets main borders color on backdrop windows */
5751
@define-color unfocused_borders rgba(0, 0, 0, 0.12);
5752
/*
5753
these are pretty self explicative */
5754
@define-color warning_color #FF6D00;
5755
@define-color error_color #DD2C00;
5756
@define-color success_color #00C853;
5757
/*
5758
FIXME this is really an API */
5759
@define-color content_view_bg #FFFFFF;
5760
@define-color placeholder_text_color #757575;
5761