ASCII text, with very long lines (677)
1
@keyframes ripple_effect {
2
to {
3
background-size: 1000% 1000%;
4
}
5
}
6
@keyframes header_ripple_effect {
8
from {
9
background-image: radial-gradient(circle farthest-corner at center, #42A5F5 0%, transparent 0%);
10
}
11
to {
12
background-image: radial-gradient(circle farthest-corner at center, #42A5F5 100%, transparent 0%);
13
}
14
}
15
* {
17
background-clip: padding-box;
18
-GtkToolButton-icon-spacing: 0;
19
-GtkTextView-error-underline-color: #DD2C00;
20
-GtkScrolledWindow-scrollbar-spacing: 0;
21
-GtkToolItemGroup-expander-size: 11;
22
-GtkWidget-text-handle-width: 24;
23
-GtkWidget-text-handle-height: 24;
24
-GtkDialog-button-spacing: 4;
25
-GtkDialog-action-area-border: 0;
26
outline-style: solid;
27
outline-width: 2px;
28
outline-color: transparent;
29
outline-offset: -4px;
30
-gtk-outline-radius: 2px;
31
-gtk-secondary-caret-color: #42A5F5;
32
}
33
switch:focus slider,
35
notebook:focus tab,
36
*:focus {
37
outline-color: alpha(currentColor, 0.3);
38
}
39
/***************
41
* Base States *
42
***************/
43
.background {
44
background-color: #F5F5F5;
45
color: rgba(0, 0, 0, 0.87);
46
}
47
/*
49
These wildcard seems unavoidable, need to investigate.
50
Wildcards are bad and troublesome, use them with care,
51
or better, just don't.
52
Everytime a wildcard is used a kitten dies, painfully.
53
*/
54
*:disabled {
55
-gtk-icon-effect: dim;
56
}
57
.gtkstyle-fallback {
59
background-color: #F5F5F5;
60
color: rgba(0, 0, 0, 0.87);
61
}
62
.gtkstyle-fallback:hover {
64
background-color: #e8e8e8;
65
color: rgba(0, 0, 0, 0.87);
66
}
67
.gtkstyle-fallback:active {
69
background-color: gainsboro;
70
color: rgba(0, 0, 0, 0.87);
71
}
72
.gtkstyle-fallback:disabled {
74
background-color: #F5F5F5;
75
color: rgba(0, 0, 0, 0.38);
76
}
77
.gtkstyle-fallback:selected {
79
background-color: #42A5F5;
80
color: #FFFFFF;
81
}
82
.view {
84
background-color: #FFFFFF;
85
color: rgba(0, 0, 0, 0.87);
86
}
87
.view:disabled {
89
color: rgba(0, 0, 0, 0.38);
90
}
91
.view:hover, .view:active, .view:selected {
93
border-radius: 2px;
94
}
95
textview text {
97
background-color: #FFFFFF;
98
}
99
textview border {
101
background-color: #FAFAFA;
102
color: rgba(0, 0, 0, 0.38);
103
}
104
.rubberband,
106
rubberband,
107
flowbox rubberband,
108
treeview.view rubberband,
109
.content-view rubberband,
110
.content-view .rubberband {
111
border: 1px solid #40C4FF;
112
background-color: rgba(64, 196, 255, 0.3);
113
}
114
flowbox flowboxchild {
116
padding: 4px;
117
border-radius: 2px;
118
}
119
.content-view .tile:selected {
121
background-color: transparent;
122
color: inherit;
123
}
124
label {
126
caret-color: currentColor;
127
}
128
label.separator {
130
color: rgba(0, 0, 0, 0.87);
131
}
132
label selection {
134
background-color: #42A5F5;
135
color: #FFFFFF;
136
}
137
label:disabled {
139
color: rgba(0, 0, 0, 0.38);
140
}
141
tab label:disabled,
143
button label:disabled {
144
color: inherit;
145
}
146
.dim-label, label.separator, .titlebar:not(headerbar) .subtitle,
148
headerbar .subtitle, .budgie-notification .notification-body, .budgie-switcher .notification-body {
149
opacity: 0.6;
150
}
151
assistant .sidebar {
153
padding: 4px 0;
154
}
155
assistant .sidebar label {
157
min-height: 36px;
158
padding: 0 12px;
159
color: rgba(0, 0, 0, 0.38);
160
font-weight: 500;
161
}
162
assistant .sidebar label.highlight {
164
color: rgba(0, 0, 0, 0.87);
165
}
166
popover.background.touch-selection, popover.background.magnifier, popover.background.osd, .app-notification, .osd .scale-popup, .nautilus-window .floating-bar, .osd {
168
opacity: 0.9;
169
}
170
/*********************
172
* Spinner Animation *
173
*********************/
174
@keyframes spin {
175
to {
176
-gtk-icon-transform: rotate(1turn);
177
}
178
}
179
spinner {
181
background: none;
182
opacity: 0;
183
-gtk-icon-source: -gtk-icontheme("process-working-symbolic");
184
}
185
spinner:checked {
187
opacity: 1;
188
animation: spin 1s linear infinite;
189
}
190
spinner:checked:disabled {
192
opacity: 0.5;
193
}
194
/****************
196
* Text Entries *
197
****************/
198
spinbutton:not(.vertical),
199
entry {
200
min-height: 36px;
201
padding: 0 8px;
202
border-radius: 2px;
203
transition: all 270ms cubic-bezier(0, 0, 0.2, 1), box-shadow 180ms cubic-bezier(0, 0, 0.2, 1);
204
border-image: none;
205
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
206
background-color: #FFFFFF;
207
color: rgba(0, 0, 0, 0.87);
208
}
209
spinbutton:focus:not(.vertical),
211
entry:focus {
212
border-image: none;
213
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
214
}
215
spinbutton:disabled:not(.vertical),
217
entry:disabled {
218
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
219
background-color: #FAFAFA;
220
color: rgba(0, 0, 0, 0.38);
221
}
222
spinbutton.flat:not(.vertical), notebook > stack:not(:only-child) entry:not(.search),
224
notebook > stack:not(:only-child) spinbutton:not(.vertical), messagedialog entry, colorchooser .popover.osd spinbutton:not(.vertical), entry.preferences-search, layoutpane entry.search, editortweak entry.search, .raven .raven-background spinbutton:not(.vertical), #login_window entry,
225
entry.flat {
226
border-radius: 0;
227
transition: all 270ms cubic-bezier(0, 0, 0.2, 1);
228
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #42A5F5 0%, transparent 0%) 0 0 0/0 0 0px;
229
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26);
230
background-color: transparent;
231
color: rgba(0, 0, 0, 0.87);
232
}
233
spinbutton.flat:focus:not(.vertical), notebook > stack:not(:only-child) entry:focus:not(.search),
235
notebook > stack:not(:only-child) spinbutton:focus:not(.vertical), messagedialog entry:focus, colorchooser .popover.osd spinbutton:focus:not(.vertical), entry.preferences-search:focus, layoutpane entry.search:focus, editortweak entry.search:focus, .raven .raven-background spinbutton:focus:not(.vertical), #login_window entry:focus,
236
entry.flat:focus {
237
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #42A5F5 100%, transparent 0%) 0 0 2/0 0 2px;
238
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26);
239
}
240
spinbutton.flat:disabled:not(.vertical), notebook > stack:not(:only-child) entry:disabled:not(.search),
242
notebook > stack:not(:only-child) spinbutton:disabled:not(.vertical), messagedialog entry:disabled, colorchooser .popover.osd spinbutton:disabled:not(.vertical), entry.preferences-search:disabled, layoutpane entry.search:disabled, editortweak entry.search:disabled, .raven .raven-background spinbutton:disabled:not(.vertical), #login_window entry:disabled,
243
entry.flat:disabled {
244
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12);
245
background-color: transparent;
246
color: rgba(0, 0, 0, 0.38);
247
}
248
spinbutton:not(.vertical) image,
250
entry image {
251
color: rgba(0, 0, 0, 0.54);
252
}
253
spinbutton:not(.vertical) image:hover, spinbutton:not(.vertical) image:active,
255
entry image:hover,
256
entry image:active {
257
color: rgba(0, 0, 0, 0.87);
258
}
259
spinbutton:not(.vertical) image:disabled,
261
entry image:disabled {
262
color: rgba(0, 0, 0, 0.38);
263
}
264
spinbutton:not(.vertical) image.left,
266
entry image.left {
267
margin-left: 2px;
268
margin-right: 6px;
269
}
270
spinbutton:not(.vertical) image.right,
272
entry image.right {
273
margin-left: 6px;
274
margin-right: 2px;
275
}
276
spinbutton:not(.vertical) undershoot.left,
278
entry undershoot.left {
279
background-color: transparent;
280
background-image: linear-gradient(to top, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%);
281
padding-left: 1px;
282
background-size: 1px 12px;
283
background-repeat: repeat-y;
284
background-origin: content-box;
285
background-position: left top;
286
}
287
spinbutton:not(.vertical) undershoot.right,
289
entry undershoot.right {
290
background-color: transparent;
291
background-image: linear-gradient(to top, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%);
292
padding-right: 1px;
293
background-size: 1px 12px;
294
background-repeat: repeat-y;
295
background-origin: content-box;
296
background-position: right top;
297
}
298
spinbutton.error:not(.vertical),
300
entry.error {
301
transition: all 270ms cubic-bezier(0, 0, 0.2, 1), box-shadow 180ms cubic-bezier(0, 0, 0.2, 1);
302
border-image: none;
303
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
304
background-color: #DD2C00;
305
color: #FFFFFF;
306
}
307
spinbutton.error:focus:not(.vertical),
309
entry.error:focus {
310
border-image: none;
311
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
312
}
313
spinbutton.error:disabled:not(.vertical),
315
entry.error:disabled {
316
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
317
background-color: #FAFAFA;
318
color: rgba(0, 0, 0, 0.38);
319
}
320
spinbutton.error.flat:not(.vertical), notebook > stack:not(:only-child) entry.error:not(.search),
322
notebook > stack:not(:only-child) spinbutton.error:not(.vertical), messagedialog entry.error, colorchooser .popover.osd spinbutton.error:not(.vertical), entry.error.preferences-search, layoutpane entry.error.search, editortweak entry.error.search, .raven .raven-background spinbutton.error:not(.vertical), #login_window entry.error,
323
entry.error.flat {
324
transition: all 270ms cubic-bezier(0, 0, 0.2, 1);
325
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #DD2C00 0%, transparent 0%) 0 0 0/0 0 0px;
326
box-shadow: inset 0 -1px #DD2C00;
327
background-color: transparent;
328
color: rgba(0, 0, 0, 0.87);
329
}
330
spinbutton.error.flat:focus:not(.vertical), notebook > stack:not(:only-child) entry.error:focus:not(.search),
332
notebook > stack:not(:only-child) spinbutton.error:focus:not(.vertical), messagedialog entry.error:focus, colorchooser .popover.osd spinbutton.error:focus:not(.vertical), entry.error.preferences-search:focus, layoutpane entry.error.search:focus, editortweak entry.error.search:focus, .raven .raven-background spinbutton.error:focus:not(.vertical), #login_window entry.error:focus,
333
entry.error.flat:focus {
334
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #DD2C00 100%, transparent 0%) 0 0 2/0 0 2px;
335
box-shadow: inset 0 -1px #DD2C00;
336
}
337
spinbutton.error.flat:disabled:not(.vertical), notebook > stack:not(:only-child) entry.error:disabled:not(.search),
339
notebook > stack:not(:only-child) spinbutton.error:disabled:not(.vertical), messagedialog entry.error:disabled, colorchooser .popover.osd spinbutton.error:disabled:not(.vertical), entry.error.preferences-search:disabled, layoutpane entry.error.search:disabled, editortweak entry.error.search:disabled, .raven .raven-background spinbutton.error:disabled:not(.vertical), #login_window entry.error:disabled,
340
entry.error.flat:disabled {
341
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12);
342
background-color: transparent;
343
color: rgba(0, 0, 0, 0.38);
344
}
345
spinbutton.error:not(.vertical) image,
347
entry.error image {
348
color: rgba(255, 255, 255, 0.7);
349
}
350
spinbutton.error:not(.vertical) image:hover, spinbutton.error:not(.vertical) image:active,
352
entry.error image:hover,
353
entry.error image:active {
354
color: #FFFFFF;
355
}
356
spinbutton.error:not(.vertical) image:disabled,
358
entry.error image:disabled {
359
color: rgba(255, 255, 255, 0.5);
360
}
361
spinbutton.warning:not(.vertical),
363
entry.warning {
364
transition: all 270ms cubic-bezier(0, 0, 0.2, 1), box-shadow 180ms cubic-bezier(0, 0, 0.2, 1);
365
border-image: none;
366
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
367
background-color: #FF6D00;
368
color: #FFFFFF;
369
}
370
spinbutton.warning:focus:not(.vertical),
372
entry.warning:focus {
373
border-image: none;
374
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
375
}
376
spinbutton.warning:disabled:not(.vertical),
378
entry.warning:disabled {
379
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
380
background-color: #FAFAFA;
381
color: rgba(0, 0, 0, 0.38);
382
}
383
spinbutton.warning.flat:not(.vertical), notebook > stack:not(:only-child) entry.warning:not(.search),
385
notebook > stack:not(:only-child) spinbutton.warning:not(.vertical), messagedialog entry.warning, colorchooser .popover.osd spinbutton.warning:not(.vertical), entry.warning.preferences-search, layoutpane entry.warning.search, editortweak entry.warning.search, .raven .raven-background spinbutton.warning:not(.vertical), #login_window entry.warning,
386
entry.warning.flat {
387
transition: all 270ms cubic-bezier(0, 0, 0.2, 1);
388
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FF6D00 0%, transparent 0%) 0 0 0/0 0 0px;
389
box-shadow: inset 0 -1px #FF6D00;
390
background-color: transparent;
391
color: rgba(0, 0, 0, 0.87);
392
}
393
spinbutton.warning.flat:focus:not(.vertical), notebook > stack:not(:only-child) entry.warning:focus:not(.search),
395
notebook > stack:not(:only-child) spinbutton.warning:focus:not(.vertical), messagedialog entry.warning:focus, colorchooser .popover.osd spinbutton.warning:focus:not(.vertical), entry.warning.preferences-search:focus, layoutpane entry.warning.search:focus, editortweak entry.warning.search:focus, .raven .raven-background spinbutton.warning:focus:not(.vertical), #login_window entry.warning:focus,
396
entry.warning.flat:focus {
397
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FF6D00 100%, transparent 0%) 0 0 2/0 0 2px;
398
box-shadow: inset 0 -1px #FF6D00;
399
}
400
spinbutton.warning.flat:disabled:not(.vertical), notebook > stack:not(:only-child) entry.warning:disabled:not(.search),
402
notebook > stack:not(:only-child) spinbutton.warning:disabled:not(.vertical), messagedialog entry.warning:disabled, colorchooser .popover.osd spinbutton.warning:disabled:not(.vertical), entry.warning.preferences-search:disabled, layoutpane entry.warning.search:disabled, editortweak entry.warning.search:disabled, .raven .raven-background spinbutton.warning:disabled:not(.vertical), #login_window entry.warning:disabled,
403
entry.warning.flat:disabled {
404
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12);
405
background-color: transparent;
406
color: rgba(0, 0, 0, 0.38);
407
}
408
spinbutton.warning:not(.vertical) image,
410
entry.warning image {
411
color: rgba(255, 255, 255, 0.7);
412
}
413
spinbutton.warning:not(.vertical) image:hover, spinbutton.warning:not(.vertical) image:active,
415
entry.warning image:hover,
416
entry.warning image:active {
417
color: #FFFFFF;
418
}
419
spinbutton.warning:not(.vertical) image:disabled,
421
entry.warning image:disabled {
422
color: rgba(255, 255, 255, 0.5);
423
}
424
spinbutton:not(.vertical) progress,
426
entry progress {
427
margin: 2px -6px;
428
border-bottom: 2px solid #42A5F5;
429
background-color: transparent;
430
}
431
.linked:not(.vertical) > spinbutton.flat:not(.vertical), notebook > stack:not(:only-child) .linked:not(.vertical) > entry:not(.search),
433
notebook > stack:not(:only-child) .linked:not(.vertical) > spinbutton:not(.vertical), messagedialog .linked:not(.vertical) > entry, colorchooser .popover.osd .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry.preferences-search, layoutpane .linked:not(.vertical) > entry.search, editortweak .linked:not(.vertical) > entry.search, .raven .raven-background .linked:not(.vertical) > spinbutton:not(.vertical), #login_window .linked:not(.vertical) > entry,
434
.linked.vertical > spinbutton.flat:not(.vertical), notebook > stack:not(:only-child)
435
.linked.vertical > entry:not(.search),
436
notebook > stack:not(:only-child)
437
.linked.vertical > spinbutton:not(.vertical), messagedialog
438
.linked.vertical > entry, colorchooser .popover.osd
439
.linked.vertical > spinbutton:not(.vertical),
440
.linked.vertical > entry.preferences-search, layoutpane
441
.linked.vertical > entry.search, editortweak
442
.linked.vertical > entry.search, .raven .raven-background
443
.linked.vertical > spinbutton:not(.vertical), #login_window
444
.linked.vertical > entry, .linked:not(.vertical) >
445
entry.flat,
446
.linked.vertical >
447
entry.flat {
448
border-radius: 0;
449
}
450
treeview entry.flat, treeview entry {
452
min-height: 0;
453
padding: 2px;
454
border-radius: 0;
455
background-color: #FFFFFF;
456
}
457
treeview entry.flat, treeview entry.flat:focus, treeview entry, treeview entry:focus {
459
border-image: none;
460
box-shadow: none;
461
}
462
.entry-tag, .documents-entry-tag, .photos-entry-tag {
464
margin: 6px;
465
border-radius: 9999px;
466
box-shadow: none;
467
background-color: #42A5F5;
468
color: #FFFFFF;
469
}
470
.entry-tag:hover, .documents-entry-tag:hover, .photos-entry-tag:hover {
472
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
473
}
474
:dir(ltr) .entry-tag, :dir(ltr) .documents-entry-tag, :dir(ltr) .photos-entry-tag {
476
margin-left: 8px;
477
margin-right: -2px;
478
padding-left: 8px;
479
padding-right: 4px;
480
}
481
:dir(rtl) .entry-tag, :dir(rtl) .documents-entry-tag, :dir(rtl) .photos-entry-tag {
483
margin-left: -2px;
484
margin-right: 8px;
485
padding-left: 4px;
486
padding-right: 8px;
487
}
488
.entry-tag.button, .button.documents-entry-tag, .button.photos-entry-tag {
490
box-shadow: none;
491
background-color: transparent;
492
}
493
.entry-tag.button:not(:hover):not(:active), .button.documents-entry-tag:not(:hover):not(:active), .button.photos-entry-tag:not(:hover):not(:active) {
495
color: rgba(255, 255, 255, 0.7);
496
}
497
/***********
499
* Buttons *
500
***********/
501
@keyframes needs_attention {
502
from {
503
background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#FF4081), to(transparent));
504
}
505
to {
506
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#FF4081), to(transparent));
507
}
508
}
509
button {
512
min-height: 24px;
513
min-width: 16px;
514
padding: 6px 10px;
515
border-radius: 2px;
516
font-weight: 500;
517
transition: all 270ms cubic-bezier(0, 0, 0.2, 1), box-shadow 180ms cubic-bezier(0, 0, 0.2, 1), background-size 450ms cubic-bezier(0, 0, 0.2, 1), background-image 900ms cubic-bezier(0, 0, 0.2, 1);
518
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 0 0 9999px transparent;
519
background-color: #FAFAFA;
520
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
521
background-repeat: no-repeat;
522
background-position: center;
523
background-size: 1000% 1000%;
524
color: rgba(0, 0, 0, 0.62);
525
}
526
button:hover {
529
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 0 0 9999px transparent;
530
color: rgba(0, 0, 0, 0.87);
531
}
532
button:active {
535
transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
536
animation: ripple_effect 270ms cubic-bezier(0, 0, 0.2, 1) forwards;
537
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 0 0 9999px alpha(currentColor, 0.15);
538
background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.15) 10%, transparent 0%);
539
background-size: 0% 0%;
540
color: rgba(0, 0, 0, 0.87);
541
}
542
button:disabled {
545
box-shadow: none;
546
background-color: rgba(0, 0, 0, 0.12);
547
color: rgba(0, 0, 0, 0.26);
548
}
549
button:checked {
552
background-color: #42A5F5;
553
color: #FFFFFF;
554
}
555
button:checked:disabled {
558
background-color: rgba(66, 165, 245, 0.3);
559
color: rgba(66, 165, 245, 0.5);
560
}
561
modelbutton.flat,
563
.menuitem.button.flat, spinbutton:not(.vertical) button, spinbutton.vertical button, popover.background.menu button,
564
popover.background button.model, notebook > header > tabs > arrow, scrollbar button, check,
565
radio, calendar.button, messagedialog.csd .dialog-action-area button, button.sidebar-button, .gedit-search-slider button, popover.messagepopover .popover-action-area button, PanelToplevel > grid > button, .raven .raven-header:not(.top) button, .drop-shadow button, .budgie-session-dialog .linked.horizontal > button, .lightdm-gtk-greeter button, :not(headerbar) .caja-pathbar button, .caja-pathbar :not(headerbar) button, :not(headerbar)
566
.path-bar button, layouttabbar button, .mate-panel-menu-bar #PanelApplet button, .budgie-panel #tasklist-button, .raven stackswitcher.linked > button, toolbar button, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action),
567
headerbar button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button,
568
button.flat {
569
transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-size 450ms cubic-bezier(0, 0, 0.2, 1), background-image 900ms cubic-bezier(0, 0, 0.2, 1);
570
box-shadow: inset 0 0 0 9999px transparent;
571
background-color: transparent;
572
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
573
background-repeat: no-repeat;
574
background-position: center;
575
background-size: 1000% 1000%;
576
color: rgba(0, 0, 0, 0.54);
577
}
578
modelbutton.flat:hover,
580
.menuitem.button.flat:hover, spinbutton:not(.vertical) button:hover, spinbutton.vertical button:hover, popover.background.menu button:hover,
581
popover.background button.model:hover, notebook > header > tabs > arrow:hover, scrollbar button:hover, check:hover,
582
radio:hover, calendar.button:hover, messagedialog.csd .dialog-action-area button:hover, button.sidebar-button:hover, .gedit-search-slider button:hover, popover.messagepopover .popover-action-area button:hover, PanelToplevel > grid > button:hover, .raven .raven-header:not(.top) button:hover, .drop-shadow button:hover, .budgie-session-dialog .linked.horizontal > button:hover, .lightdm-gtk-greeter button:hover, :not(headerbar) .caja-pathbar button:hover, .caja-pathbar :not(headerbar) button:hover, :not(headerbar)
583
.path-bar button:hover, layouttabbar button:hover, .mate-panel-menu-bar #PanelApplet button:hover, .budgie-panel #tasklist-button:hover, .raven stackswitcher.linked > button:hover, toolbar button:hover, .titlebar:not(headerbar) button:hover:not(.suggested-action):not(.destructive-action),
584
headerbar button:hover:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:hover:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:hover,
585
button.flat:hover {
586
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.15);
587
color: rgba(0, 0, 0, 0.87);
588
}
589
modelbutton.flat:active,
591
.menuitem.button.flat:active, spinbutton:not(.vertical) button:active, spinbutton.vertical button:active, popover.background.menu button:active,
592
popover.background button.model:active, notebook > header > tabs > arrow:active, scrollbar button:active, check:active,
593
radio:active, calendar.button:active, messagedialog.csd .dialog-action-area button:active, button.sidebar-button:active, .gedit-search-slider button:active, popover.messagepopover .popover-action-area button:active, PanelToplevel > grid > button:active, .raven .raven-header:not(.top) button:active, .drop-shadow button:active, .budgie-session-dialog .linked.horizontal > button:active, .lightdm-gtk-greeter button:active, :not(headerbar) .caja-pathbar button:active, .caja-pathbar :not(headerbar) button:active, :not(headerbar)
594
.path-bar button:active, layouttabbar button:active, .mate-panel-menu-bar #PanelApplet button:active, .budgie-panel #tasklist-button:active, .raven stackswitcher.linked > button:active, toolbar button:active, .titlebar:not(headerbar) button:active:not(.suggested-action):not(.destructive-action),
595
headerbar button:active:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:active:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:active,
596
button.flat:active {
597
transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
598
animation: ripple_effect 270ms cubic-bezier(0, 0, 0.2, 1) forwards;
599
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.15);
600
background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.15) 10%, transparent 0%);
601
background-size: 0% 0%;
602
color: rgba(0, 0, 0, 0.87);
603
}
604
modelbutton.flat:disabled,
606
.menuitem.button.flat:disabled, spinbutton:not(.vertical) button:disabled, spinbutton.vertical button:disabled, popover.background.menu button:disabled,
607
popover.background button.model:disabled, notebook > header > tabs > arrow:disabled, scrollbar button:disabled, check:disabled,
608
radio:disabled, calendar.button:disabled, messagedialog.csd .dialog-action-area button:disabled, button.sidebar-button:disabled, .gedit-search-slider button:disabled, popover.messagepopover .popover-action-area button:disabled, PanelToplevel > grid > button:disabled, .raven .raven-header:not(.top) button:disabled, .drop-shadow button:disabled, .budgie-session-dialog .linked.horizontal > button:disabled, .lightdm-gtk-greeter button:disabled, :not(headerbar) .caja-pathbar button:disabled, .caja-pathbar :not(headerbar) button:disabled, :not(headerbar)
609
.path-bar button:disabled, layouttabbar button:disabled, .mate-panel-menu-bar #PanelApplet button:disabled, .budgie-panel #tasklist-button:disabled, .raven stackswitcher.linked > button:disabled, toolbar button:disabled, .titlebar:not(headerbar) button:disabled:not(.suggested-action):not(.destructive-action),
610
headerbar button:disabled:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:disabled:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:disabled,
611
button.flat:disabled {
612
box-shadow: none;
613
background-color: transparent;
614
color: rgba(0, 0, 0, 0.26);
615
}
616
:not(headerbar) .caja-pathbar button:checked, .caja-pathbar :not(headerbar) button:checked, :not(headerbar)
618
.path-bar button:checked, layouttabbar button:checked, .mate-panel-menu-bar #PanelApplet button:checked, .budgie-panel #tasklist-button:checked, .raven stackswitcher.linked > button:checked, toolbar button:checked, .titlebar:not(headerbar) button:checked:not(.suggested-action):not(.destructive-action),
619
headerbar button:checked:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:checked:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:checked,
620
button.flat:checked {
621
background-color: rgba(0, 0, 0, 0.26);
622
color: rgba(0, 0, 0, 0.87);
623
}
624
:not(headerbar) .caja-pathbar button:checked:disabled, .caja-pathbar :not(headerbar) button:checked:disabled, :not(headerbar)
626
.path-bar button:checked:disabled, layouttabbar button:checked:disabled, .mate-panel-menu-bar #PanelApplet button:checked:disabled, .budgie-panel #tasklist-button:checked:disabled, .raven stackswitcher.linked > button:checked:disabled, toolbar button:checked:disabled, .titlebar:not(headerbar) button:checked:disabled:not(.suggested-action):not(.destructive-action),
627
headerbar button:checked:disabled:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:checked:disabled:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:checked:disabled,
628
button.flat:checked:disabled {
629
background-color: rgba(0, 0, 0, 0.12);
630
color: rgba(0, 0, 0, 0.38);
631
}
632
button.text-button {
635
padding-left: 16px;
636
padding-right: 16px;
637
}
638
button.image-button {
641
min-width: 24px;
642
padding: 6px;
643
}
644
button.text-button.image-button {
647
border-radius: 2px;
648
-gtk-outline-radius: 2px;
649
}
650
button.text-button.image-button label:first-child {
653
margin-left: 10px;
654
}
655
button.text-button.image-button label:last-child {
658
margin-right: 10px;
659
}
660
button.text-button.image-button image:not(:only-child) {
663
margin: 0 4px;
664
}
665
toolbar .linked > button, .titlebar:not(headerbar) .linked > button:not(.suggested-action):not(.destructive-action),
667
headerbar .linked > button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box .linked > button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification .linked > button, toolbar
668
.linked.vertical > button, .titlebar:not(headerbar)
669
.linked.vertical > button:not(.suggested-action):not(.destructive-action),
670
headerbar
671
.linked.vertical > button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box
672
.linked.vertical > button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification
673
.linked.vertical > button, .linked >
674
button.flat,
675
.linked.vertical >
676
button.flat {
677
border-radius: 2px;
678
}
679
toolbar .linked > button.text-button.image-button, .titlebar:not(headerbar) .linked > button.text-button.image-button:not(.suggested-action):not(.destructive-action),
681
headerbar .linked > button.text-button.image-button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box .linked > button.text-button.image-button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification .linked > button.text-button.image-button, toolbar
682
.linked.vertical > button.text-button.image-button, .titlebar:not(headerbar)
683
.linked.vertical > button.text-button.image-button:not(.suggested-action):not(.destructive-action),
684
headerbar
685
.linked.vertical > button.text-button.image-button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box
686
.linked.vertical > button.text-button.image-button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification
687
.linked.vertical > button.text-button.image-button, .linked >
688
button.flat.text-button.image-button,
689
.linked.vertical >
690
button.flat.text-button.image-button {
691
border-radius: 2px;
692
-gtk-outline-radius: 2px;
693
}
694
infobar.info button:disabled, infobar.question button:disabled, infobar.warning button:disabled, infobar.error button:disabled, row:selected
696
button:disabled {
697
background-color: rgba(255, 255, 255, 0.12);
698
color: rgba(255, 255, 255, 0.3);
699
}
700
row:selected button.sidebar-button, infobar.info button.flat, infobar.question button.flat, infobar.warning button.flat, infobar.error button.flat, .budgie-panel button, .budgie-panel #tasklist-button, .raven stackswitcher.linked > button, .raven-mpris button.image-button, row:selected
702
button.flat {
703
color: rgba(255, 255, 255, 0.7);
704
}
705
row:selected button.sidebar-button:hover, infobar.info button.flat:hover, infobar.question button.flat:hover, infobar.warning button.flat:hover, infobar.error button.flat:hover, .budgie-panel button:hover, .budgie-panel #tasklist-button:hover, .raven stackswitcher.linked > button:hover, .raven-mpris button.image-button:hover, row:selected button.sidebar-button:active, infobar.info button.flat:active, infobar.question button.flat:active, infobar.warning button.flat:active, infobar.error button.flat:active, .budgie-panel button:active, .budgie-panel #tasklist-button:active, .raven stackswitcher.linked > button:active, .raven-mpris button.image-button:active, row:selected
707
button.flat:hover, row:selected
708
button.flat:active {
709
color: #FFFFFF;
710
}
711
row:selected button.sidebar-button:disabled, infobar.info button.flat:disabled, infobar.question button.flat:disabled, infobar.warning button.flat:disabled, infobar.error button.flat:disabled, .budgie-panel button:disabled, .budgie-panel #tasklist-button:disabled, .raven stackswitcher.linked > button:disabled, .raven-mpris button.image-button:disabled, row:selected
713
button.flat:disabled {
714
color: rgba(255, 255, 255, 0.3);
715
}
716
row:selected button.sidebar-button:checked, infobar.info button.flat:checked, infobar.question button.flat:checked, infobar.warning button.flat:checked, infobar.error button.flat:checked, .budgie-panel button:checked, .budgie-panel #tasklist-button:checked, .raven stackswitcher.linked > button:checked, .raven-mpris button.image-button:checked, row:selected
718
button.flat:checked {
719
background-color: rgba(255, 255, 255, 0.3);
720
color: #FFFFFF;
721
}
722
row:selected button.sidebar-button:checked:disabled, infobar.info button.flat:checked:disabled, infobar.question button.flat:checked:disabled, infobar.warning button.flat:checked:disabled, infobar.error button.flat:checked:disabled, .budgie-panel button:checked:disabled, .budgie-panel #tasklist-button:checked:disabled, .raven stackswitcher.linked > button:checked:disabled, .raven-mpris button.image-button:checked:disabled, row:selected
724
button.flat:checked:disabled {
725
background-color: rgba(255, 255, 255, 0.12);
726
color: rgba(255, 255, 255, 0.5);
727
}
728
button.osd {
731
padding: 12px 16px;
732
}
733
button.osd.image-button {
736
padding: 12px;
737
}
738
button.osd:disabled {
741
opacity: 0;
742
}
743
button.suggested-action {
746
background-color: #FF4081;
747
color: #FFFFFF;
748
}
749
button.suggested-action:disabled {
752
box-shadow: none;
753
background-color: rgba(0, 0, 0, 0.12);
754
color: rgba(0, 0, 0, 0.38);
755
}
756
button.suggested-action:checked {
759
background-color: #ff79a7;
760
}
761
button.suggested-action.flat {
764
background-color: transparent;
765
color: #FF4081;
766
}
767
button.suggested-action.flat:disabled {
770
box-shadow: none;
771
background-color: transparent;
772
color: rgba(0, 0, 0, 0.38);
773
}
774
button.suggested-action.flat:checked {
777
background-color: rgba(255, 64, 129, 0.3);
778
}
779
button.destructive-action {
782
background-color: #FF5252;
783
color: #FFFFFF;
784
}
785
button.destructive-action:disabled {
788
box-shadow: none;
789
background-color: rgba(0, 0, 0, 0.12);
790
color: rgba(0, 0, 0, 0.38);
791
}
792
button.destructive-action:checked {
795
background-color: #ff8686;
796
}
797
button.destructive-action.flat {
800
background-color: transparent;
801
color: #FF5252;
802
}
803
button.destructive-action.flat:disabled {
806
box-shadow: none;
807
background-color: transparent;
808
color: rgba(0, 0, 0, 0.38);
809
}
810
button.destructive-action.flat:checked {
813
background-color: rgba(255, 82, 82, 0.3);
814
}
815
.stack-switcher >
817
button {
818
outline-offset: -4px;
819
}
820
.stack-switcher >
822
button > label {
823
padding-left: 6px;
824
padding-right: 6px;
825
}
826
.stack-switcher >
828
button > image {
829
padding-left: 6px;
830
padding-right: 6px;
831
padding-top: 3px;
832
padding-bottom: 3px;
833
}
834
.stack-switcher >
836
button.text-button {
837
padding-left: 10px;
838
padding-right: 10px;
839
}
840
.stack-switcher >
842
button.image-button {
843
padding-left: 4px;
844
padding-right: 4px;
845
}
846
.stack-switcher >
848
button.needs-attention:checked > label,
849
.stack-switcher >
850
button.needs-attention:checked > image {
851
animation: none;
852
background-image: none;
853
}
854
.primary-toolbar
856
button {
857
-gtk-icon-shadow: none;
858
}
859
button.image-button, toolbar .linked > button.image-button, .titlebar:not(headerbar) .linked > button.image-button:not(.suggested-action):not(.destructive-action),
862
headerbar .linked > button.image-button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box .linked > button.image-button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification .linked > button.image-button, toolbar
863
.linked.vertical > button.image-button,
864
headerbar
865
.linked.vertical > button.image-button:not(.suggested-action):not(.destructive-action), .app-notification
866
.linked.vertical > button.image-button, .linked > button.flat.image-button,
867
.linked.vertical > button.flat.image-button, .inline-toolbar button:not(.text-button), check,
868
radio, button.titlebutton, .nautilus-window headerbar > revealer > button, .raven .raven-header:not(.top) button.image-button, .raven .expander-button,
869
button.close,
870
button.circular {
871
border-radius: 9999px;
872
-gtk-outline-radius: 9999px;
873
}
874
spinbutton:not(.vertical) button, notebook > header tab button.flat, button.sidebar-button, .nautilus-window .floating-bar button, .gedit-document-panel row button.flat, .gedit-search-slider button:dir(ltr), .gedit-search-slider button:dir(rtl), .pluma-window paned.horizontal box.vertical box.horizontal button.flat {
876
min-height: 24px;
877
min-width: 24px;
878
padding: 0;
879
border-radius: 9999px;
880
-gtk-outline-radius: 9999px;
881
}
882
.stack-switcher >
884
button.needs-attention > label,
885
.stack-switcher >
886
button.needs-attention > image, stacksidebar row.needs-attention > label {
887
animation: needs_attention 270ms cubic-bezier(0, 0, 0.2, 1) forwards;
888
background-repeat: no-repeat;
889
background-position: right 3px;
890
background-size: 6px 6px;
891
}
892
.stack-switcher >
894
button.needs-attention > label:dir(rtl),
895
.stack-switcher >
896
button.needs-attention > image:dir(rtl), stacksidebar row.needs-attention > label:dir(rtl) {
897
background-position: left 3px;
898
}
899
.linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry, .linked > button, .linked:not(.vertical) > combobox > box > button.combo {
901
border-radius: 0;
902
-gtk-outline-radius: 2px;
903
}
904
.linked:not(.vertical) > spinbutton:first-child:not(.vertical), .linked:not(.vertical) > entry:first-child, .linked > button:first-child, combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > box > button.combo {
906
border-top-left-radius: 2px;
907
border-bottom-left-radius: 2px;
908
}
909
.linked:not(.vertical) > spinbutton:last-child:not(.vertical), .linked:not(.vertical) > entry:last-child, .linked > button:last-child, combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > box > button.combo {
911
border-top-right-radius: 2px;
912
border-bottom-right-radius: 2px;
913
}
914
.linked:not(.vertical) > spinbutton:only-child:not(.vertical), .linked:not(.vertical) > entry:only-child, .linked > button:only-child, .linked:not(.vertical) > combobox:only-child > box > button.combo {
916
border-radius: 2px;
917
}
918
.linked.vertical > spinbutton:not(.vertical), .linked.vertical > entry, .linked.vertical > button, .linked.vertical > combobox > box > button.combo {
920
border-radius: 0;
921
-gtk-outline-radius: 2px;
922
}
923
.linked.vertical > spinbutton:first-child:not(.vertical), .linked.vertical > entry:first-child, .linked.vertical > button:first-child, .linked.vertical > combobox:first-child > box > button.combo {
925
border-top-left-radius: 2px;
926
border-top-right-radius: 2px;
927
}
928
.linked.vertical > spinbutton:last-child:not(.vertical), .linked.vertical > entry:last-child, .linked.vertical > button:last-child, .linked.vertical > combobox:last-child > box > button.combo {
930
border-bottom-left-radius: 2px;
931
border-bottom-right-radius: 2px;
932
}
933
.linked.vertical > spinbutton:only-child:not(.vertical), .linked.vertical > entry:only-child, .linked.vertical > button:only-child, .linked.vertical > combobox:only-child > box > button.combo {
935
border-radius: 2px;
936
}
937
/* menu buttons */
939
modelbutton.flat,
940
.menuitem.button.flat {
941
min-height: 28px;
942
padding: 0 8px;
943
border-radius: 2px;
944
color: inherit;
945
}
946
modelbutton.flat arrow {
948
background: none;
949
}
950
modelbutton.flat arrow:hover {
952
background: none;
953
}
954
modelbutton.flat arrow.left {
956
-gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
957
}
958
modelbutton.flat arrow.right {
960
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
961
}
962
button.color {
964
min-height: 24px;
965
min-width: 24px;
966
padding: 6px;
967
}
968
/*********
970
* Links *
971
*********/
972
*:link, button:link,
973
button:visited, *:link:hover, button:hover:link,
974
button:hover:visited, *:link:active, button:active:link,
975
button:active:visited {
976
color: #42A5F5;
977
}
978
*:link:visited,
980
button:visited, *:link:visited:hover,
981
button:visited:hover, *:link:visited:active,
982
button:visited:active {
983
color: #E040FB;
984
}
985
infobar.info *:link, infobar.info button:link, infobar.info
987
button:visited, infobar.question *:link, infobar.question button:link, infobar.question
988
button:visited, infobar.warning *:link, infobar.warning button:link, infobar.warning
989
button:visited, infobar.error *:link, infobar.error button:link, infobar.error
990
button:visited, *:link:selected, button:selected:link,
991
button:selected:visited, .selection-mode.titlebar:not(headerbar) .subtitle:link,
992
headerbar.selection-mode .subtitle:link,
993
*:selected *:link,
994
*:selected button:link,
995
*:selected
996
button:visited {
997
color: #FFFFFF;
998
}
999
button:link > label,
1001
button:visited > label {
1002
text-decoration-line: underline;
1003
}
1004
/*****************
1006
* GtkSpinButton *
1007
*****************/
1008
spinbutton:not(.vertical) {
1009
padding: 0;
1010
}
1011
notebook > stack:not(:only-child) spinbutton:not(.vertical) entry, notebook > stack:not(:only-child) spinbutton:not(.vertical) entry:focus, notebook > stack:not(:only-child) spinbutton:not(.vertical) entry:disabled,
1013
spinbutton:not(.vertical) entry {
1014
min-width: 32px;
1015
margin: 0;
1016
border-image: none;
1017
border-radius: 0;
1018
box-shadow: none;
1019
background-color: transparent;
1020
}
1021
spinbutton:not(.vertical) button {
1023
border: solid 6px transparent;
1024
}
1025
spinbutton:not(.vertical) button.up:dir(ltr), spinbutton:not(.vertical) button.down:dir(rtl) {
1027
margin-left: -3px;
1028
}
1029
spinbutton:not(.vertical) button.up:dir(rtl), spinbutton:not(.vertical) button.down:dir(ltr) {
1031
margin-right: -3px;
1032
}
1033
spinbutton.vertical:disabled {
1035
color: rgba(0, 0, 0, 0.38);
1036
}
1037
spinbutton.vertical:drop(active) {
1039
box-shadow: none;
1040
}
1041
spinbutton.vertical entry {
1043
min-height: 36px;
1044
min-width: 48px;
1045
padding: 0;
1046
}
1047
spinbutton.vertical button {
1049
min-height: 36px;
1050
min-width: 48px;
1051
padding: 0;
1052
}
1053
spinbutton.vertical button.up {
1055
border-radius: 2px 2px 0 0;
1056
}
1057
spinbutton.vertical button.down {
1059
border-radius: 0 0 2px 2px;
1060
}
1061
treeview spinbutton:not(.vertical) {
1063
min-height: 0;
1064
border-style: none;
1065
border-radius: 0;
1066
}
1067
treeview spinbutton:not(.vertical) entry {
1069
min-height: 0;
1070
padding: 1px 2px;
1071
}
1072
/**************
1074
* ComboBoxes *
1075
**************/
1076
combobox arrow {
1077
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
1078
min-height: 16px;
1079
min-width: 16px;
1080
}
1081
combobox decoration,
1083
combobox button.combo:checked {
1084
transition: none;
1085
}
1086
combobox button.combo cellview:dir(ltr) {
1088
margin-left: -2px;
1089
}
1090
combobox button.combo cellview:dir(rtl) {
1092
margin-right: -2px;
1093
}
1094
combobox #gtk-combobox-popup-menu {
1096
padding: 2px 0;
1097
}
1098
combobox #gtk-combobox-popup-menu menuitem {
1100
min-height: 32px;
1101
padding: 0 8px;
1102
}
1103
combobox #gtk-combobox-popup-menu > arrow.top {
1105
margin-top: -2px;
1106
}
1107
combobox #gtk-combobox-popup-menu > arrow.bottom {
1109
margin-bottom: -6px;
1110
}
1111
combobox:drop(active) {
1113
box-shadow: none;
1114
}
1115
notebook > stack:not(:only-child) button.combo, .raven .raven-background button.combo, #login_window #user_combobox button {
1117
border-radius: 0;
1118
background-image: none;
1119
font-weight: inherit;
1120
transition: all 270ms cubic-bezier(0, 0, 0.2, 1);
1121
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #42A5F5 0%, transparent 0%) 0 0 0/0 0 0px;
1122
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26);
1123
background-color: transparent;
1124
color: rgba(0, 0, 0, 0.87);
1125
}
1126
notebook > stack:not(:only-child) button.combo:hover, .raven .raven-background button.combo:hover, #login_window #user_combobox button:hover {
1128
box-shadow: inset 0 -2px rgba(0, 0, 0, 0.38);
1129
}
1130
notebook > stack:not(:only-child) button.combo:checked, .raven .raven-background button.combo:checked, #login_window #user_combobox button:checked {
1132
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #42A5F5 100%, transparent 0%) 0 0 2/0 0 2px;
1133
}
1134
notebook > stack:not(:only-child) button.combo:disabled, .raven .raven-background button.combo:disabled, #login_window #user_combobox button:disabled {
1136
color: rgba(0, 0, 0, 0.38);
1137
}
1138
/************
1140
* Toolbars *
1141
************/
1142
toolbar {
1143
-GtkWidget-window-dragging: true;
1144
padding: 2px;
1145
background-color: #F5F5F5;
1146
}
1147
.osd toolbar {
1149
background-color: transparent;
1150
}
1151
toolbar.osd, .app-notification, frame.documents-dropdown {
1153
transition: box-shadow 180ms cubic-bezier(0, 0, 0.2, 1);
1154
padding: 6px;
1155
border-radius: 2px;
1156
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 1px rgba(255, 255, 255, 0.4);
1157
background-color: #FFFFFF;
1158
}
1159
toolbar.osd:backdrop, .app-notification:backdrop, frame.documents-dropdown:backdrop {
1161
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 1px rgba(255, 255, 255, 0.4);
1162
}
1163
toolbar.osd.left, .left.app-notification, frame.left.documents-dropdown, toolbar.osd.right, .right.app-notification, frame.right.documents-dropdown, toolbar.osd.top, .top.app-notification, frame.top.documents-dropdown, toolbar.osd.bottom, .bottom.app-notification, frame.bottom.documents-dropdown {
1165
border-radius: 0;
1166
}
1167
toolbar.horizontal > separator {
1169
margin: 2px;
1170
}
1171
toolbar.vertical > separator {
1173
margin: 2px;
1174
}
1175
toolbar:not(.inline-toolbar):not(.osd) scale,
1177
toolbar:not(.inline-toolbar):not(.osd) entry,
1178
toolbar:not(.inline-toolbar):not(.osd) spinbutton,
1179
toolbar:not(.inline-toolbar):not(.osd) button {
1180
margin: 2px;
1181
}
1182
toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:first-child),
1184
toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:first-child),
1185
toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:first-child) {
1186
margin-left: 0;
1187
}
1188
toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:last-child),
1190
toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:last-child),
1191
toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:last-child) {
1192
margin-right: 0;
1193
}
1194
toolbar:not(.inline-toolbar):not(.osd) spinbutton entry,
1196
toolbar:not(.inline-toolbar):not(.osd) spinbutton button {
1197
margin: 0;
1198
}
1199
toolbar:not(.inline-toolbar):not(.osd) switch {
1201
margin: 8px 2px;
1202
}
1203
.inline-toolbar {
1205
padding: 6px;
1206
border-style: solid;
1207
border-width: 0 1px 1px;
1208
border-color: rgba(0, 0, 0, 0.12);
1209
background-color: #FAFAFA;
1210
}
1211
searchbar,
1213
.location-bar {
1214
padding: 6px;
1215
border-style: solid;
1216
border-width: 0 0 1px;
1217
border-color: rgba(0, 0, 0, 0.12);
1218
background-color: #F5F5F5;
1219
background-clip: border-box;
1220
}
1221
/***************
1223
* Header bars *
1224
***************/
1225
.titlebar:not(headerbar),
1226
headerbar {
1227
transition: background-color 180ms cubic-bezier(0, 0, 0.2, 1), color 270ms cubic-bezier(0, 0, 0.2, 1);
1228
min-height: 48px;
1229
padding: 0 6px;
1230
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 1px rgba(255, 255, 255, 0.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: 24px;
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: 24px;
1439
min-width: 24px;
1440
margin: 0;
1441
padding: 0;
1442
}
1443
.background:not(.csd) .default-decoration.titlebar:not(headerbar) button.titlebutton:active, .background:not(.csd)
1445
headerbar.default-decoration button.titlebutton:active {
1446
background-size: 1000% 1000%;
1447
}
1448
headerbar entry,
1450
headerbar spinbutton,
1451
headerbar button {
1452
margin-top: 6px;
1453
margin-bottom: 6px;
1454
}
1455
headerbar switch {
1457
margin-top: 12px;
1458
margin-bottom: 12px;
1459
}
1460
headerbar spinbutton button {
1462
margin-top: 0;
1463
margin-bottom: 0;
1464
}
1465
.background:not(.tiled):not(.maximized):not(.fullscreen):not(.solid-csd) .titlebar {
1467
border-top-left-radius: 2px;
1468
border-top-right-radius: 2px;
1469
}
1470
window:not(.tiled):not(.maximized):not(.fullscreen):not(.solid-csd) separator:first-child + headerbar,
1472
window:not(.tiled):not(.maximized):not(.fullscreen):not(.solid-csd) headerbar:first-child {
1473
border-top-left-radius: 2px;
1474
}
1475
window:not(.tiled):not(.maximized):not(.fullscreen):not(.solid-csd) headerbar:last-child {
1477
border-top-right-radius: 2px;
1478
}
1479
window:not(.tiled):not(.maximized):not(.fullscreen):not(.solid-csd) stack headerbar:first-child, window:not(.tiled):not(.maximized):not(.fullscreen):not(.solid-csd) stack headerbar:last-child {
1481
border-top-left-radius: 2px;
1482
border-top-right-radius: 2px;
1483
}
1484
window.csd > .titlebar:not(headerbar) {
1486
padding: 0;
1487
background-color: transparent;
1488
background-image: none;
1489
border-style: none;
1490
box-shadow: none;
1491
}
1492
.titlebar:not(headerbar) > separator {
1494
background-color: #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: 6px;
1504
padding-right: 6px;
1505
}
1506
.caja-pathbar button label:not(:only-child):first-child,
1508
.path-bar button label:not(:only-child):first-child {
1509
margin-left: 4px;
1510
}
1511
.caja-pathbar button label:not(:only-child):last-child,
1513
.path-bar button label:not(:only-child):last-child {
1514
margin-right: 4px;
1515
}
1516
.caja-pathbar button.slider-button,
1518
.path-bar button.slider-button {
1519
padding-left: 4px;
1520
padding-right: 4px;
1521
}
1522
:not(headerbar) .caja-pathbar button, .caja-pathbar :not(headerbar) button, :not(headerbar)
1524
.path-bar button {
1525
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #42A5F5 0%, transparent 0%) 0 0 0/0 0 0px;
1526
border-radius: 2px;
1527
}
1528
:not(headerbar) .caja-pathbar button:checked, .caja-pathbar :not(headerbar) button:checked, :not(headerbar)
1530
.path-bar button:checked {
1531
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #42A5F5 100%, transparent 0%) 0 0 2/0 0 2px;
1532
}
1533
:not(headerbar) .caja-pathbar button:checked, .caja-pathbar :not(headerbar) button:checked, :not(headerbar) .caja-pathbar button:checked:disabled, .caja-pathbar :not(headerbar) button:checked:disabled, :not(headerbar)
1535
.path-bar button:checked, :not(headerbar)
1536
.path-bar button:checked:disabled {
1537
background-color: transparent;
1538
}
1539
/**************
1541
* Tree Views *
1542
**************/
1543
treeview.view {
1544
border-left-color: rgba(0, 0, 0, 0.26);
1545
border-top-color: rgba(0, 0, 0, 0.12);
1546
}
1547
* {
1549
-GtkTreeView-horizontal-separator: 4;
1550
-GtkTreeView-grid-line-width: 1;
1551
-GtkTreeView-grid-line-pattern: '';
1552
-GtkTreeView-tree-line-width: 1;
1553
-GtkTreeView-tree-line-pattern: '';
1554
-GtkTreeView-expander-size: 16;
1555
}
1556
treeview.view:selected {
1558
border-left-color: rgba(255, 255, 255, 0.3);
1559
}
1560
treeview.view:hover, treeview.view:active, treeview.view:selected {
1562
border-radius: 0;
1563
}
1564
treeview.view.separator {
1566
min-height: 5px;
1567
color: rgba(0, 0, 0, 0.12);
1568
}
1569
treeview.view:drop(active) {
1571
border-style: solid none;
1572
border-width: 1px;
1573
border-color: #FF4081;
1574
}
1575
treeview.view:drop(active).after {
1577
border-top-style: none;
1578
}
1579
treeview.view:drop(active).before {
1581
border-bottom-style: none;
1582
}
1583
treeview.view.expander {
1585
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
1586
-gtk-icon-transform: rotate(-90deg);
1587
color: rgba(0, 0, 0, 0.54);
1588
}
1589
treeview.view.expander:dir(rtl) {
1591
-gtk-icon-transform: rotate(90deg);
1592
}
1593
treeview.view.expander:checked {
1595
-gtk-icon-transform: unset;
1596
}
1597
treeview.view.expander:hover, treeview.view.expander:active {
1599
color: rgba(0, 0, 0, 0.87);
1600
}
1601
treeview.view.expander:disabled {
1603
color: rgba(0, 0, 0, 0.26);
1604
}
1605
treeview.view.expander:selected {
1607
color: rgba(255, 255, 255, 0.7);
1608
}
1609
treeview.view.expander:selected:hover, treeview.view.expander:selected:active {
1611
color: #FFFFFF;
1612
}
1613
treeview.view.expander:selected:disabled {
1615
color: rgba(255, 255, 255, 0.3);
1616
}
1617
treeview.view.progressbar {
1619
border-bottom: 4px solid #42A5F5;
1620
box-shadow: none;
1621
background-color: transparent;
1622
}
1623
treeview.view.progressbar:selected {
1625
border-bottom-color: #FFFFFF;
1626
}
1627
treeview.view.trough {
1629
border-bottom: 4px solid rgba(66, 165, 245, 0.3);
1630
box-shadow: none;
1631
background-color: transparent;
1632
}
1633
treeview.view.trough:selected {
1635
border-bottom-color: rgba(255, 255, 255, 0.3);
1636
}
1637
treeview.view header button {
1639
padding: 2px 6px;
1640
border-style: none solid solid none;
1641
border-width: 1px;
1642
border-color: rgba(0, 0, 0, 0.12);
1643
border-radius: 0;
1644
background-clip: border-box;
1645
}
1646
treeview.view header button, treeview.view header button:hover, treeview.view header button:active {
1648
box-shadow: none;
1649
}
1650
treeview.view header button, treeview.view header button:disabled {
1652
background-color: #FFFFFF;
1653
}
1654
treeview.view header button:last-child {
1656
border-right-style: none;
1657
}
1658
treeview.view button.dnd,
1660
treeview.view header.button.dnd {
1661
padding: 2px 6px;
1662
border-style: none solid solid;
1663
border-width: 1px;
1664
border-color: rgba(0, 0, 0, 0.12);
1665
border-radius: 0;
1666
box-shadow: none;
1667
background-color: #FFFFFF;
1668
background-clip: border-box;
1669
color: #42A5F5;
1670
}
1671
treeview.view acceleditor > label {
1673
background-color: #42A5F5;
1674
}
1675
/*********
1677
* Menus *
1678
*********/
1679
menubar,
1680
.menubar {
1681
-GtkWidget-window-dragging: true;
1682
padding: 0;
1683
background-color: #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
.csd.popup {
1707
background-color: transparent;
1708
}
1709
menu,
1711
.menu,
1712
.context-menu {
1713
margin: 4px 0;
1714
padding: 4px 0;
1715
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
1716
background-color: #FFFFFF;
1717
border: 1px solid rgba(0, 0, 0, 0.12);
1718
}
1719
.csd menu, .csd
1721
.menu, .csd
1722
.context-menu {
1723
border: none;
1724
border-radius: 2px;
1725
}
1726
menu menuitem,
1728
.menu menuitem,
1729
.context-menu menuitem {
1730
transition: background-color 180ms cubic-bezier(0, 0, 0.2, 1);
1731
min-height: 20px;
1732
min-width: 40px;
1733
padding: 4px 8px;
1734
font: initial;
1735
text-shadow: none;
1736
}
1737
menu menuitem:hover,
1739
.menu menuitem:hover,
1740
.context-menu menuitem:hover {
1741
transition: none;
1742
background-color: rgba(0, 0, 0, 0.12);
1743
}
1744
menu menuitem:disabled,
1746
.menu menuitem:disabled,
1747
.context-menu menuitem:disabled {
1748
color: rgba(0, 0, 0, 0.38);
1749
}
1750
menu menuitem arrow,
1752
.menu menuitem arrow,
1753
.context-menu menuitem arrow {
1754
min-height: 16px;
1755
min-width: 16px;
1756
}
1757
menu menuitem arrow:dir(ltr),
1759
.menu menuitem arrow:dir(ltr),
1760
.context-menu menuitem arrow:dir(ltr) {
1761
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
1762
margin-left: 8px;
1763
}
1764
menu menuitem arrow:dir(rtl),
1766
.menu menuitem arrow:dir(rtl),
1767
.context-menu menuitem arrow:dir(rtl) {
1768
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl");
1769
margin-right: 8px;
1770
}
1771
menu menuitem label:dir(rtl), menu menuitem label:dir(ltr),
1773
.menu menuitem label:dir(rtl),
1774
.menu menuitem label:dir(ltr),
1775
.context-menu menuitem label:dir(rtl),
1776
.context-menu menuitem label:dir(ltr) {
1777
color: inherit;
1778
}
1779
menu > arrow,
1781
.menu > arrow,
1782
.context-menu > arrow {
1783
min-height: 16px;
1784
min-width: 16px;
1785
padding: 4px;
1786
background-color: #FFFFFF;
1787
color: rgba(0, 0, 0, 0.54);
1788
}
1789
menu > arrow.top,
1791
.menu > arrow.top,
1792
.context-menu > arrow.top {
1793
margin-top: -4px;
1794
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
1795
border-radius: 2px 2px 0 0;
1796
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
1797
}
1798
menu > arrow.bottom,
1800
.menu > arrow.bottom,
1801
.context-menu > arrow.bottom {
1802
margin-bottom: -12px;
1803
border-top: 1px solid rgba(0, 0, 0, 0.12);
1804
border-radius: 0 0 2px 2px;
1805
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
1806
}
1807
menu > arrow:hover,
1809
.menu > arrow:hover,
1810
.context-menu > arrow:hover {
1811
background-image: image(rgba(0, 0, 0, 0.12));
1812
color: rgba(0, 0, 0, 0.87);
1813
}
1814
menu > arrow:disabled,
1816
.menu > arrow:disabled,
1817
.context-menu > arrow:disabled {
1818
border-color: transparent;
1819
background-color: transparent;
1820
color: transparent;
1821
}
1822
menu separator,
1824
.menu separator,
1825
.context-menu separator {
1826
margin: 4px 0;
1827
}
1828
menuitem accelerator {
1830
color: rgba(0, 0, 0, 0.54);
1831
}
1832
.popup:not(.csd) menu menuitem {
1834
color: #212121;
1835
}
1836
.popup:not(.csd) menu menuitem:hover {
1838
background-color: #E0E0E0;
1839
}
1840
.popup:not(.csd) menu menuitem:disabled {
1842
color: #9E9E9E;
1843
}
1844
.popup:not(.csd) menu accelerator {
1846
color: #757575;
1847
}
1848
/************
1850
* Popovers *
1851
************/
1852
popover.background {
1853
transition: box-shadow 180ms cubic-bezier(0, 0, 0.2, 1);
1854
padding: 2px;
1855
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
1856
background-color: #FAFAFA;
1857
}
1858
popover.background:backdrop {
1860
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
1861
}
1862
popover.background, .csd popover.background {
1864
border-style: solid;
1865
border-width: 1px;
1866
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.3);
1867
border-radius: 3px;
1868
}
1869
popover.background > stack {
1871
margin: -4px;
1872
}
1873
popover.background > toolbar {
1875
margin: -2px;
1876
}
1877
popover.background > list,
1879
popover.background > .view,
1880
popover.background > toolbar {
1881
border-style: none;
1882
box-shadow: none;
1883
background-color: transparent;
1884
}
1885
popover.background.menu button,
1887
popover.background button.model {
1888
min-height: 32px;
1889
padding: 0 8px;
1890
border-radius: 2px;
1891
}
1892
popover.background separator {
1894
margin: 4px 0;
1895
}
1896
popover.background list separator {
1898
margin: 0;
1899
}
1900
/*************
1902
* Notebooks *
1903
*************/
1904
notebook > header {
1905
border-width: 1px;
1906
border-color: rgba(0, 0, 0, 0.12);
1907
background-color: #F5F5F5;
1908
background-clip: border-box;
1909
}
1910
notebook > header.top {
1912
border-bottom-style: solid;
1913
}
1914
notebook > header.top > tabs {
1916
margin-bottom: -1px;
1917
}
1918
notebook > header.top > tabs > tab:hover {
1920
box-shadow: inset 0 -2px rgba(0, 0, 0, 0.26);
1921
}
1922
notebook > header.top > tabs > tab:checked {
1924
box-shadow: inset 0 -2px #42A5F5;
1925
}
1926
notebook > header.bottom {
1928
border-top-style: solid;
1929
}
1930
notebook > header.bottom > tabs {
1932
margin-top: -1px;
1933
}
1934
notebook > header.bottom > tabs > tab:hover {
1936
box-shadow: inset 0 2px rgba(0, 0, 0, 0.26);
1937
}
1938
notebook > header.bottom > tabs > tab:checked {
1940
box-shadow: inset 0 2px #42A5F5;
1941
}
1942
notebook > header.left {
1944
border-right-style: solid;
1945
}
1946
notebook > header.left > tabs {
1948
margin-right: -1px;
1949
}
1950
notebook > header.left > tabs > tab:hover {
1952
box-shadow: inset -2px 0 rgba(0, 0, 0, 0.26);
1953
}
1954
notebook > header.left > tabs > tab:checked {
1956
box-shadow: inset -2px 0 #42A5F5;
1957
}
1958
notebook > header.right {
1960
border-left-style: solid;
1961
}
1962
notebook > header.right > tabs {
1964
margin-left: -1px;
1965
}
1966
notebook > header.right > tabs > tab:hover {
1968
box-shadow: inset 2px 0 rgba(0, 0, 0, 0.26);
1969
}
1970
notebook > header.right > tabs > tab:checked {
1972
box-shadow: inset 2px 0 #42A5F5;
1973
}
1974
notebook > header.top > tabs > arrow {
1976
border-top-style: none;
1977
}
1978
notebook > header.bottom > tabs > arrow {
1980
border-bottom-style: none;
1981
}
1982
notebook > header.top > tabs > arrow, notebook > header.bottom > tabs > arrow {
1984
padding-left: 4px;
1985
padding-right: 4px;
1986
}
1987
notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down {
1989
margin-left: -8px;
1990
-gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
1991
}
1992
notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up {
1994
margin-right: -8px;
1995
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
1996
}
1997
notebook > header.left > tabs > arrow {
1999
border-left-style: none;
2000
}
2001
notebook > header.right > tabs > arrow {
2003
border-right-style: none;
2004
}
2005
notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow {
2007
padding-top: 4px;
2008
padding-bottom: 4px;
2009
}
2010
notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down {
2012
margin-top: -8px;
2013
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
2014
}
2015
notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up {
2017
margin-bottom: -8px;
2018
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
2019
}
2020
notebook > header > tabs > arrow {
2022
min-height: 16px;
2023
min-width: 16px;
2024
border-radius: 0;
2025
}
2026
notebook > header tab {
2028
transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
2029
min-height: 24px;
2030
min-width: 24px;
2031
padding: 6px 12px;
2032
outline-offset: -6px;
2033
border-width: 1px;
2034
border-color: transparent;
2035
background-image: radial-gradient(circle farthest-corner at center, #42A5F5 10%, transparent 0%);
2036
background-repeat: no-repeat;
2037
background-position: center;
2038
background-size: 0% 0%;
2039
color: rgba(0, 0, 0, 0.54);
2040
font-weight: 500;
2041
}
2042
notebook > header tab:hover {
2044
color: rgba(0, 0, 0, 0.87);
2045
}
2046
notebook > header tab:hover.reorderable-page {
2048
border-color: rgba(0, 0, 0, 0.12);
2049
background-color: #FAFAFA;
2050
}
2051
notebook > header tab:disabled {
2053
color: rgba(0, 0, 0, 0.26);
2054
}
2055
notebook > header tab:checked {
2057
transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-size 270ms cubic-bezier(0, 0, 0.2, 1), background-image 720ms cubic-bezier(0, 0, 0.2, 1);
2058
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
2059
background-size: 1000% 1000%;
2060
color: rgba(0, 0, 0, 0.87);
2061
}
2062
notebook > header tab:checked:disabled {
2064
color: rgba(0, 0, 0, 0.38);
2065
}
2066
notebook > header tab:checked.reorderable-page {
2068
border-color: rgba(0, 0, 0, 0.12);
2069
background-color: #FFFFFF;
2070
}
2071
notebook > header tab button.flat:last-child {
2073
margin-left: 6px;
2074
margin-right: -6px;
2075
}
2076
notebook > header tab button.flat:first-child {
2078
margin-left: -6px;
2079
margin-right: 6px;
2080
}
2081
notebook > header.top tabs, notebook > header.bottom tabs {
2083
padding-left: 8px;
2084
padding-right: 8px;
2085
}
2086
notebook > header.top tabs:not(:only-child):first-child, notebook > header.bottom tabs:not(:only-child):first-child {
2088
margin-left: 0;
2089
}
2090
notebook > header.top tabs:not(:only-child):last-child, notebook > header.bottom tabs:not(:only-child):last-child {
2092
margin-right: 0;
2093
}
2094
notebook > header.top tabs tab.reorderable-page, notebook > header.bottom tabs tab.reorderable-page {
2096
margin: 0 -1px;
2097
border-style: none solid;
2098
}
2099
notebook > header.left tabs, notebook > header.right tabs {
2101
padding-top: 8px;
2102
padding-bottom: 8px;
2103
}
2104
notebook > header.left tabs:not(:only-child):first-child, notebook > header.right tabs:not(:only-child):first-child {
2106
margin-top: 0;
2107
}
2108
notebook > header.left tabs:not(:only-child):last-child, notebook > header.right tabs:not(:only-child):last-child {
2110
margin-bottom: 0;
2111
}
2112
notebook > header.left tabs tab.reorderable-page, notebook > header.right tabs tab.reorderable-page {
2114
margin: -1px 0;
2115
border-style: solid none;
2116
}
2117
notebook > stack:not(:only-child) {
2119
background-color: #FFFFFF;
2120
}
2121
/**************
2123
* Scrollbars *
2124
**************/
2125
scrollbar {
2126
transition: all 270ms cubic-bezier(0, 0, 0.2, 1);
2127
background-color: #FFFFFF;
2128
background-clip: padding-box;
2129
}
2130
* {
2132
-GtkScrollbar-has-backward-stepper: false;
2133
-GtkScrollbar-has-forward-stepper: false;
2134
}
2135
scrollbar.top {
2137
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
2138
}
2139
scrollbar.bottom {
2141
border-top: 1px solid rgba(0, 0, 0, 0.12);
2142
}
2143
scrollbar.left {
2145
border-right: 1px solid rgba(0, 0, 0, 0.12);
2146
}
2147
scrollbar.right {
2149
border-left: 1px solid rgba(0, 0, 0, 0.12);
2150
}
2151
scrollbar slider {
2153
transition: all 180ms cubic-bezier(0, 0, 0.2, 1), margin 0, border-width 0;
2154
min-width: 8px;
2155
min-height: 8px;
2156
border: 4px solid transparent;
2157
border-radius: 9999px;
2158
background-clip: padding-box;
2159
background-color: rgba(0, 0, 0, 0.38);
2160
}
2161
scrollbar slider:hover {
2163
background-color: rgba(0, 0, 0, 0.54);
2164
}
2165
scrollbar slider:active {
2167
background-color: rgba(0, 0, 0, 0.87);
2168
}
2169
scrollbar slider:disabled {
2171
background-color: rgba(0, 0, 0, 0.26);
2172
}
2173
scrollbar.fine-tune slider {
2175
transition: all 180ms cubic-bezier(0, 0, 0.2, 1), margin 0, border-width 0, min-width 0, min-height 0;
2176
min-width: 4px;
2177
min-height: 4px;
2178
}
2179
scrollbar.fine-tune.horizontal slider {
2181
margin: 2px 0;
2182
}
2183
scrollbar.fine-tune.vertical slider {
2185
margin: 0 2px;
2186
}
2187
scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
2189
border-color: transparent;
2190
background-color: transparent;
2191
}
2192
scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider {
2194
min-width: 4px;
2195
min-height: 4px;
2196
margin: 3px;
2197
border: 1px solid rgba(255, 255, 255, 0.3);
2198
}
2199
scrollbar.overlay-indicator:not(.dragging):not(.hovering) button {
2201
min-width: 4px;
2202
min-height: 4px;
2203
margin: 3px;
2204
border: 1px solid rgba(255, 255, 255, 0.3);
2205
border-radius: 9999px;
2206
background-color: rgba(0, 0, 0, 0.38);
2207
background-clip: padding-box;
2208
-gtk-icon-source: none;
2209
}
2210
scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled {
2212
background-color: rgba(0, 0, 0, 0.26);
2213
}
2214
scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider {
2216
min-width: 24px;
2217
}
2218
scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button {
2220
min-width: 8px;
2221
}
2222
scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider {
2224
min-height: 24px;
2225
}
2226
scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button {
2228
min-height: 8px;
2229
}
2230
scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering {
2232
background-color: rgba(255, 255, 255, 0.9);
2233
}
2234
scrollbar.horizontal slider {
2236
min-width: 24px;
2237
}
2238
scrollbar.vertical slider {
2240
min-height: 24px;
2241
}
2242
scrollbar button {
2244
min-width: 16px;
2245
min-height: 16px;
2246
padding: 0;
2247
border-radius: 0;
2248
}
2249
scrollbar.vertical button.down {
2251
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
2252
}
2253
scrollbar.vertical button.up {
2255
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
2256
}
2257
scrollbar.horizontal button.down {
2259
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
2260
}
2261
scrollbar.horizontal button.up {
2263
-gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
2264
}
2265
/**********
2267
* Switch *
2268
**********/
2269
switch {
2270
transition: all 270ms cubic-bezier(0, 0, 0.2, 1);
2271
margin: 6px 0;
2272
padding: 0 2px;
2273
border: 5px solid transparent;
2274
border-radius: 9999px;
2275
background-color: rgba(0, 0, 0, 0.26);
2276
background-clip: padding-box;
2277
font-size: 0;
2278
}
2279
switch:disabled {
2281
background-color: rgba(0, 0, 0, 0.12);
2282
}
2283
switch:checked {
2285
background-color: rgba(255, 64, 129, 0.5);
2286
}
2287
switch:checked:disabled {
2289
background-color: rgba(255, 64, 129, 0.3);
2290
}
2291
switch slider {
2293
transition: all 270ms cubic-bezier(0, 0, 0.2, 1), box-shadow 180ms cubic-bezier(0, 0, 0.2, 1);
2294
min-width: 20px;
2295
min-height: 20px;
2296
margin: -3px -2px;
2297
border-radius: 9999px;
2298
-gtk-outline-radius: 9999px;
2299
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
2300
background-color: #FFFFFF;
2301
}
2302
switch:hover slider {
2304
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
2305
}
2306
switch:checked slider {
2308
transition: all 270ms cubic-bezier(0, 0, 0.2, 1), box-shadow 180ms cubic-bezier(0, 0, 0.2, 1), background-image 0, background-color 0.00001s 270ms;
2309
animation: needs_attention 270ms cubic-bezier(0, 0, 0.2, 1);
2310
background-color: #FF4081;
2311
color: #FFFFFF;
2312
}
2313
switch:disabled slider {
2315
background-color: #FAFAFA;
2316
}
2317
switch:checked:disabled slider {
2319
animation: none;
2320
}
2321
/*************************
2323
* Check and Radio items *
2324
*************************/
2325
.view.content-view.check:not(list),
2326
.content-view .tile check:not(list) {
2327
min-height: 40px;
2328
min-width: 40px;
2329
margin: 0;
2330
padding: 0;
2331
box-shadow: none;
2332
background-color: transparent;
2333
background-image: none;
2334
-gtk-icon-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
2335
}
2336
.view.content-view.check:not(list):hover, .view.content-view.check:not(list):active,
2338
.content-view .tile check:not(list):hover,
2339
.content-view .tile check:not(list):active {
2340
-gtk-icon-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
2341
}
2342
.view.content-view.check:not(list),
2344
.content-view .tile check:not(list) {
2345
-gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-unchecked.png"), url("assets/selectionmode-checkbox-unchecked@2.png"));
2346
}
2347
.view.content-view.check:not(list):checked,
2349
.content-view .tile check:not(list):checked {
2350
-gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-checked.png"), url("assets/selectionmode-checkbox-checked@2.png"));
2351
}
2352
checkbutton.text-button,
2354
radiobutton.text-button {
2355
padding: 2px;
2356
outline-offset: 0;
2357
}
2358
checkbutton.text-button label:not(:only-child),
2360
radiobutton.text-button label:not(:only-child) {
2361
margin: 0 4px;
2362
}
2363
check,
2365
radio {
2366
min-height: 24px;
2367
min-width: 24px;
2368
margin: -12px;
2369
padding: 12px;
2370
}
2371
check:checked, check:indeterminate,
2373
radio:checked,
2374
radio:indeterminate {
2375
color: #FF4081;
2376
}
2377
check:checked:disabled, check:indeterminate:disabled,
2379
radio:checked:disabled,
2380
radio:indeterminate:disabled {
2381
color: rgba(255, 64, 129, 0.5);
2382
}
2383
row:selected check:not(:checked):not(:indeterminate), row:selected
2385
radio:not(:checked):not(:indeterminate) {
2386
color: rgba(255, 255, 255, 0.7);
2387
}
2388
row:selected check:not(:checked):not(:indeterminate):hover, row:selected check:not(:checked):not(:indeterminate):active, row:selected
2390
radio:not(:checked):not(:indeterminate):hover, row:selected
2391
radio:not(:checked):not(:indeterminate):active {
2392
color: #FFFFFF;
2393
}
2394
row:selected check:not(:checked):not(:indeterminate):disabled, row:selected
2396
radio:not(:checked):not(:indeterminate):disabled {
2397
color: rgba(255, 255, 255, 0.3);
2398
}
2399
popover check, popover check:hover, popover check:disabled, popover
2401
radio, popover
2402
radio:hover, popover
2403
radio:disabled {
2404
box-shadow: none;
2405
background-image: none;
2406
}
2407
popover check:not(:checked):not(:indeterminate):not(:disabled), popover
2409
radio:not(:checked):not(:indeterminate):not(:disabled) {
2410
color: rgba(0, 0, 0, 0.54);
2411
}
2412
popover check.left:dir(rtl), popover
2414
radio.left:dir(rtl) {
2415
margin-left: -16px;
2416
margin-right: -8px;
2417
}
2418
popover check.right:dir(ltr), popover
2420
radio.right:dir(ltr) {
2421
margin-left: -8px;
2422
margin-right: -16px;
2423
}
2424
menu menuitem check, menu menuitem
2426
radio {
2427
transition: none;
2428
min-height: 16px;
2429
min-width: 16px;
2430
margin: 0;
2431
padding: 0;
2432
}
2433
menu menuitem check:dir(ltr), menu menuitem
2435
radio:dir(ltr) {
2436
margin-right: 8px;
2437
}
2438
menu menuitem check:dir(rtl), menu menuitem
2440
radio:dir(rtl) {
2441
margin-left: 8px;
2442
}
2443
menu menuitem check:not(:checked):not(:indeterminate):not(:disabled), menu menuitem
2445
radio:not(:checked):not(:indeterminate):not(:disabled) {
2446
color: rgba(0, 0, 0, 0.54);
2447
}
2448
menu menuitem check, menu menuitem check:hover, menu menuitem check:disabled, menu menuitem
2450
radio, menu menuitem
2451
radio:hover, menu menuitem
2452
radio:disabled {
2453
box-shadow: none;
2454
}
2455
check {
2458
-gtk-icon-source: image(-gtk-recolor(url("assets/scalable/checkbox-unchecked-symbolic.svg")), -gtk-recolor(url("assets/scalable/checkbox-unchecked-symbolic.symbolic.png")));
2459
}
2460
check:checked {
2463
-gtk-icon-source: image(-gtk-recolor(url("assets/scalable/checkbox-checked-symbolic.svg")), -gtk-recolor(url("assets/scalable/checkbox-checked-symbolic.symbolic.png")));
2464
}
2465
check:indeterminate {
2468
-gtk-icon-source: image(-gtk-recolor(url("assets/scalable/checkbox-mixed-symbolic.svg")), -gtk-recolor(url("assets/scalable/checkbox-mixed-symbolic.symbolic.png")));
2469
}
2470
radio {
2473
border-image-slice: 24;
2474
border-image-width: 24px;
2475
}
2476
radio {
2479
-gtk-icon-source: image(-gtk-recolor(url("assets/scalable/radio-unchecked-symbolic.svg")), -gtk-recolor(url("assets/scalable/radio-unchecked-symbolic.symbolic.png")));
2480
}
2481
radio:indeterminate {
2484
-gtk-icon-source: image(-gtk-recolor(url("assets/scalable/radio-mixed-symbolic.svg")), -gtk-recolor(url("assets/scalable/radio-mixed-symbolic.symbolic.png")));
2485
}
2486
radio {
2489
border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#FF4081), to(transparent));
2490
}
2491
radio:checked:not(:indeterminate) {
2494
border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.10417, to(#FF4081), to(transparent));
2495
}
2496
radio:checked:not(:indeterminate):disabled {
2499
border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.10417, to(rgba(255, 64, 129, 0.5)), to(transparent));
2500
}
2501
window.background:not(.csd) > widget > checkbutton > check,
2503
menu menuitem check {
2504
border-radius: 2px;
2505
-gtk-outline-radius: 2px;
2506
-gtk-icon-source: image(-gtk-recolor(url("assets/scalable/small-checkbox-unchecked-symbolic.svg")), -gtk-recolor(url("assets/scalable/small-checkbox-unchecked-symbolic.symbolic.png")));
2507
}
2508
window.background:not(.csd) > widget > checkbutton > check:checked,
2510
menu menuitem check:checked {
2511
-gtk-icon-source: image(-gtk-recolor(url("assets/scalable/small-checkbox-checked-symbolic.svg")), -gtk-recolor(url("assets/scalable/small-checkbox-checked-symbolic.symbolic.png")));
2512
}
2513
window.background:not(.csd) > widget > checkbutton > check:indeterminate,
2515
menu menuitem check:indeterminate {
2516
-gtk-icon-source: image(-gtk-recolor(url("assets/scalable/small-checkbox-mixed-symbolic.svg")), -gtk-recolor(url("assets/scalable/small-checkbox-mixed-symbolic.symbolic.png")));
2517
}
2518
window.background:not(.csd) > widget > radiobutton > radio,
2520
menu menuitem radio {
2521
border-image: none;
2522
-gtk-icon-source: image(-gtk-recolor(url("assets/scalable/small-radio-unchecked-symbolic.svg")), -gtk-recolor(url("assets/scalable/small-radio-unchecked-symbolic.symbolic.png")));
2523
}
2524
window.background:not(.csd) > widget > radiobutton > radio:checked,
2526
menu menuitem radio:checked {
2527
-gtk-icon-source: image(-gtk-recolor(url("assets/scalable/small-radio-checked-symbolic.svg")), -gtk-recolor(url("assets/scalable/small-radio-checked-symbolic.symbolic.png")));
2528
}
2529
window.background:not(.csd) > widget > radiobutton > radio:indeterminate,
2531
menu menuitem radio:indeterminate {
2532
-gtk-icon-source: image(-gtk-recolor(url("assets/scalable/small-radio-mixed-symbolic.svg")), -gtk-recolor(url("assets/scalable/small-radio-mixed-symbolic.symbolic.png")));
2533
}
2534
check:not(:checked):active {
2536
-gtk-icon-transform: rotate(90deg);
2537
}
2538
check:not(:checked):indeterminate:active,
2540
radio:not(:checked):indeterminate:active {
2541
-gtk-icon-transform: scaleX(-1);
2542
}
2543
check:not(:checked),
2545
radio:not(:checked) {
2546
transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-size 450ms cubic-bezier(0, 0, 0.2, 1), background-image 900ms cubic-bezier(0, 0, 0.2, 1), -gtk-icon-transform 0;
2547
}
2548
check:not(:checked):active,
2550
radio:not(:checked):active {
2551
transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0, -gtk-icon-transform 0;
2552
}
2553
menu menuitem check:not(:checked), menu menuitem
2555
radio:not(:checked) {
2556
transition: none;
2557
}
2558
treeview.view check,
2560
treeview.view radio {
2561
padding: 0;
2562
}
2563
treeview.view check:hover,
2565
treeview.view radio:hover {
2566
box-shadow: inset 0 0 0 9999px alpha(rgba(0, 0, 0, 0.87), 0.05);
2567
}
2568
treeview.view check:hover:disabled,
2570
treeview.view radio:hover:disabled {
2571
box-shadow: none;
2572
}
2573
treeview.view check:hover:selected,
2575
treeview.view radio:hover:selected {
2576
box-shadow: inset 0 0 0 9999px alpha(#FFFFFF, 0.05);
2577
}
2578
treeview.view check,
2580
treeview.view radio {
2581
color: rgba(0, 0, 0, 0.54);
2582
}
2583
treeview.view check:hover, treeview.view check:active,
2585
treeview.view radio:hover,
2586
treeview.view radio:active {
2587
color: rgba(0, 0, 0, 0.87);
2588
}
2589
treeview.view check:disabled,
2591
treeview.view radio:disabled {
2592
color: rgba(0, 0, 0, 0.26);
2593
}
2594
treeview.view check:checked, treeview.view check:indeterminate,
2596
treeview.view radio:checked,
2597
treeview.view radio:indeterminate {
2598
color: #FF4081;
2599
}
2600
treeview.view check:checked:disabled, treeview.view check:indeterminate:disabled,
2602
treeview.view radio:checked:disabled,
2603
treeview.view radio:indeterminate:disabled {
2604
color: rgba(255, 64, 129, 0.5);
2605
}
2606
treeview.view check:selected,
2608
treeview.view radio:selected {
2609
color: rgba(255, 255, 255, 0.7);
2610
}
2611
treeview.view check:selected:hover, treeview.view check:selected:active,
2613
treeview.view radio:selected:hover,
2614
treeview.view radio:selected:active {
2615
color: #FFFFFF;
2616
}
2617
treeview.view check:selected:disabled,
2619
treeview.view radio:selected:disabled {
2620
color: rgba(255, 255, 255, 0.3);
2621
}
2622
treeview.view check:selected:checked, treeview.view check:selected:indeterminate,
2624
treeview.view radio:selected:checked,
2625
treeview.view radio:selected:indeterminate {
2626
color: #FF4081;
2627
}
2628
treeview.view check:selected:checked:disabled, treeview.view check:selected:indeterminate:disabled,
2630
treeview.view radio:selected:checked:disabled,
2631
treeview.view radio:selected:indeterminate:disabled {
2632
color: rgba(255, 64, 129, 0.5);
2633
}
2634
treeview.view radio:checked {
2636
-gtk-icon-source: image(-gtk-recolor(url("assets/scalable/radio-checked-symbolic.svg")), -gtk-recolor(url("assets/scalable/radio-checked-symbolic.symbolic.png")));
2637
border-image: none;
2638
}
2639
/************
2641
* GtkScale *
2642
************/
2643
scale {
2644
min-height: 12px;
2645
min-width: 12px;
2646
padding: 12px;
2647
}
2648
scale slider {
2650
min-height: 24px;
2651
min-width: 24px;
2652
margin: -11px;
2653
}
2654
scale trough {
2656
transition: all 270ms cubic-bezier(0, 0, 0.2, 1);
2657
outline-offset: 2px;
2658
background-color: rgba(0, 0, 0, 0.26);
2659
}
2660
scale trough:disabled {
2662
background-color: rgba(0, 0, 0, 0.12);
2663
}
2664
scale highlight {
2666
transition: all 270ms cubic-bezier(0, 0, 0.2, 1);
2667
background-color: #FF4081;
2668
}
2669
scale highlight:disabled {
2671
background-color: transparent;
2672
}
2673
scale fill {
2675
transition: all 270ms cubic-bezier(0, 0, 0.2, 1);
2676
background-color: rgba(0, 0, 0, 0.26);
2677
}
2678
scale fill:disabled {
2680
background-color: transparent;
2681
}
2682
scale slider {
2684
transition: all 180ms cubic-bezier(0.4, 0, 0.2, 1);
2685
background-repeat: no-repeat;
2686
background-position: center;
2687
background-size: calc(100% - 10px);
2688
}
2689
scale slider {
2691
background-image: -gtk-scaled(url("assets/scale-slider.png"), url("assets/scale-slider@2.png"));
2692
}
2693
scale slider:disabled {
2695
background-image: -gtk-scaled(url("assets/scale-slider-disabled.png"), url("assets/scale-slider-disabled@2.png"));
2696
}
2697
scale slider:hover {
2699
background-size: calc(100% - 8px);
2700
}
2701
scale slider:active {
2703
background-size: calc(100% - 6px);
2704
}
2705
scale.fine-tune slider {
2707
background-size: calc(100% - 12px);
2708
}
2709
scale marks label,
2711
scale value {
2712
color: rgba(0, 0, 0, 0.38);
2713
}
2714
scale marks {
2716
color: rgba(0, 0, 0, 0.26);
2717
}
2718
scale marks.top {
2720
margin-bottom: 8px;
2721
margin-top: -16px;
2722
}
2723
scale marks.bottom {
2725
margin-top: 8px;
2726
margin-bottom: -16px;
2727
}
2728
scale marks.top {
2730
margin-right: 8px;
2731
margin-left: -16px;
2732
}
2733
scale marks.bottom {
2735
margin-left: 8px;
2736
margin-right: -16px;
2737
}
2738
scale.horizontal indicator {
2740
min-height: 8px;
2741
min-width: 1px;
2742
}
2743
scale.vertical indicator {
2745
min-height: 1px;
2746
min-width: 8px;
2747
}
2748
scale.horizontal.marks-before:not(.marks-after) slider {
2750
min-height: 30px;
2751
min-width: 24px;
2752
margin-top: -17px;
2753
background-position: center calc(100% - 5px);
2754
}
2755
scale.horizontal.marks-before:not(.marks-after) slider {
2757
background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider.png"), url("assets/scale-horz-marks-before-slider@2.png"));
2758
}
2759
scale.horizontal.marks-before:not(.marks-after) slider:disabled {
2761
background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-disabled.png"), url("assets/scale-horz-marks-before-slider-disabled@2.png"));
2762
}
2763
scale.horizontal.marks-before:not(.marks-after) slider:hover {
2765
background-position: center calc(100% - 4px);
2766
}
2767
scale.horizontal.marks-before:not(.marks-after) slider:active {
2769
background-position: center calc(100% - 3px);
2770
}
2771
scale.horizontal.marks-before:not(.marks-after).fine-tune slider {
2773
background-position: center calc(100% - 6px);
2774
}
2775
scale.horizontal.marks-after:not(.marks-before) slider {
2777
min-height: 30px;
2778
min-width: 24px;
2779
margin-bottom: -17px;
2780
background-position: center calc(5px);
2781
}
2782
scale.horizontal.marks-after:not(.marks-before) slider {
2784
background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider.png"), url("assets/scale-horz-marks-after-slider@2.png"));
2785
}
2786
scale.horizontal.marks-after:not(.marks-before) slider:disabled {
2788
background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-disabled.png"), url("assets/scale-horz-marks-after-slider-disabled@2.png"));
2789
}
2790
scale.horizontal.marks-after:not(.marks-before) slider:hover {
2792
background-position: center calc(4px);
2793
}
2794
scale.horizontal.marks-after:not(.marks-before) slider:active {
2796
background-position: center calc(3px);
2797
}
2798
scale.horizontal.marks-after:not(.marks-before).fine-tune slider {
2800
background-position: center calc(6px);
2801
}
2802
scale.vertical.marks-before:not(.marks-after) slider {
2804
min-height: 24px;
2805
min-width: 30px;
2806
margin-left: -17px;
2807
background-position: calc(5px) center;
2808
}
2809
scale.vertical.marks-before:not(.marks-after) slider {
2811
background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider.png"), url("assets/scale-vert-marks-before-slider@2.png"));
2812
}
2813
scale.vertical.marks-before:not(.marks-after) slider:disabled {
2815
background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-disabled.png"), url("assets/scale-vert-marks-before-slider-disabled@2.png"));
2816
}
2817
scale.vertical.marks-before:not(.marks-after) slider:hover {
2819
background-position: calc(4px) center;
2820
}
2821
scale.vertical.marks-before:not(.marks-after) slider:active {
2823
background-position: calc(3px) center;
2824
}
2825
scale.vertical.marks-before:not(.marks-after).fine-tune slider {
2827
background-position: calc(6px) center;
2828
}
2829
scale.vertical.marks-after:not(.marks-before) slider {
2831
min-height: 24px;
2832
min-width: 30px;
2833
margin-right: -17px;
2834
background-position: calc(100% - 5px) center;
2835
}
2836
scale.vertical.marks-after:not(.marks-before) slider {
2838
background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider.png"), url("assets/scale-vert-marks-after-slider@2.png"));
2839
}
2840
scale.vertical.marks-after:not(.marks-before) slider:disabled {
2842
background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-disabled.png"), url("assets/scale-vert-marks-after-slider-disabled@2.png"));
2843
}
2844
scale.vertical.marks-after:not(.marks-before) slider:hover {
2846
background-position: calc(100% - 4px) center;
2847
}
2848
scale.vertical.marks-after:not(.marks-before) slider:active {
2850
background-position: calc(100% - 3px) center;
2851
}
2852
scale.vertical.marks-after:not(.marks-before).fine-tune slider {
2854
background-position: calc(100% - 6px) center;
2855
}
2856
scale.color {
2858
min-height: 0;
2859
min-width: 0;
2860
}
2861
scale.color.horizontal {
2863
padding: 0 0 12px 0;
2864
}
2865
scale.color.horizontal slider:dir(ltr), scale.color.horizontal slider:dir(rtl) {
2867
margin-bottom: -12px;
2868
margin-top: -2px;
2869
}
2870
scale.color.vertical:dir(ltr) {
2872
padding: 0 0 0 12px;
2873
}
2874
scale.color.vertical:dir(ltr) slider {
2876
margin-left: -12px;
2877
margin-right: -2px;
2878
}
2879
scale.color.vertical:dir(rtl) {
2881
padding: 0 12px 0 0;
2882
}
2883
scale.color.vertical:dir(rtl) slider {
2885
margin-right: -12px;
2886
margin-left: -2px;
2887
}
2888
/*****************
2890
* Progress bars *
2891
*****************/
2892
progressbar {
2893
color: rgba(0, 0, 0, 0.38);
2894
font-size: smaller;
2895
}
2896
progressbar.horizontal trough,
2898
progressbar.horizontal progress {
2899
min-height: 4px;
2900
}
2901
progressbar.vertical trough,
2903
progressbar.vertical progress {
2904
min-width: 4px;
2905
}
2906
progressbar trough {
2908
background-color: rgba(66, 165, 245, 0.3);
2909
}
2910
progressbar progress {
2912
background-color: #42A5F5;
2913
}
2914
progressbar trough.empty progress {
2916
all: unset;
2917
}
2918
/*************
2920
* Level Bar *
2921
*************/
2922
levelbar.horizontal block {
2923
min-height: 4px;
2924
}
2925
levelbar.horizontal.discrete block {
2927
min-width: 36px;
2928
}
2929
levelbar.horizontal.discrete block:not(:last-child) {
2931
margin-right: 2px;
2932
}
2933
levelbar.vertical block {
2935
min-width: 4px;
2936
}
2937
levelbar.vertical.discrete block {
2939
min-height: 36px;
2940
}
2941
levelbar.vertical.discrete block:not(:last-child) {
2943
margin-bottom: 2px;
2944
}
2945
levelbar trough {
2947
padding: 2px;
2948
border-radius: 2px;
2949
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
2950
background-color: #FFFFFF;
2951
}
2952
levelbar trough:disabled {
2954
background-color: #FAFAFA;
2955
}
2956
levelbar block.low {
2958
background-color: #FF6D00;
2959
}
2960
levelbar block.high, levelbar block:not(.empty) {
2962
background-color: #42A5F5;
2963
}
2964
levelbar block.full {
2966
background-color: #00C853;
2967
}
2968
levelbar block.empty {
2970
background-color: rgba(0, 0, 0, 0.12);
2971
}
2972
/****************
2974
* Print dialog *
2975
*****************/
2976
printdialog paper {
2977
padding: 0;
2978
border: 1px solid rgba(0, 0, 0, 0.12);
2979
background-color: #FFFFFF;
2980
color: rgba(0, 0, 0, 0.87);
2981
}
2982
printdialog .dialog-action-box {
2984
margin: 12px;
2985
}
2986
/**********
2988
* Frames *
2989
**********/
2990
frame > border,
2991
.frame {
2992
margin: 0;
2993
padding: 0;
2994
border: 1px solid rgba(0, 0, 0, 0.12);
2995
border-radius: 0;
2996
box-shadow: none;
2997
}
2998
frame > border.flat,
3000
.frame.flat,
3001
frame.flat > border {
3002
border-style: none;
3003
}
3004
actionbar > revealer > box {
3006
padding: 6px;
3007
border-top: 1px solid rgba(0, 0, 0, 0.12);
3008
}
3009
scrolledwindow viewport.frame {
3011
border-style: none;
3012
}
3013
overshoot.top {
3015
background-image: -gtk-gradient(radial, center top, 0, center top, 0.75, to(rgba(64, 196, 255, 0.3)), to(transparent));
3016
background-repeat: no-repeat;
3017
background-position: center top;
3018
background-color: transparent;
3019
border: none;
3020
box-shadow: none;
3021
}
3022
overshoot.bottom {
3024
background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.75, to(rgba(64, 196, 255, 0.3)), to(transparent));
3025
background-repeat: no-repeat;
3026
background-position: center bottom;
3027
background-color: transparent;
3028
border: none;
3029
box-shadow: none;
3030
}
3031
overshoot.left {
3033
background-image: -gtk-gradient(radial, left center, 0, left center, 0.75, to(rgba(64, 196, 255, 0.3)), to(transparent));
3034
background-repeat: no-repeat;
3035
background-position: left center;
3036
background-color: transparent;
3037
border: none;
3038
box-shadow: none;
3039
}
3040
overshoot.right {
3042
background-image: -gtk-gradient(radial, right center, 0, right center, 0.75, to(rgba(64, 196, 255, 0.3)), to(transparent));
3043
background-repeat: no-repeat;
3044
background-position: right center;
3045
background-color: transparent;
3046
border: none;
3047
box-shadow: none;
3048
}
3049
undershoot.top {
3051
background-color: transparent;
3052
background-image: linear-gradient(to left, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%);
3053
padding-top: 1px;
3054
background-size: 12px 1px;
3055
background-repeat: repeat-x;
3056
background-origin: content-box;
3057
background-position: left top;
3058
}
3059
undershoot.bottom {
3061
background-color: transparent;
3062
background-image: linear-gradient(to left, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%);
3063
padding-bottom: 1px;
3064
background-size: 12px 1px;
3065
background-repeat: repeat-x;
3066
background-origin: content-box;
3067
background-position: left bottom;
3068
}
3069
undershoot.left {
3071
background-color: transparent;
3072
background-image: linear-gradient(to top, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%);
3073
padding-left: 1px;
3074
background-size: 1px 12px;
3075
background-repeat: repeat-y;
3076
background-origin: content-box;
3077
background-position: left top;
3078
}
3079
undershoot.right {
3081
background-color: transparent;
3082
background-image: linear-gradient(to top, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%);
3083
padding-right: 1px;
3084
background-size: 1px 12px;
3085
background-repeat: repeat-y;
3086
background-origin: content-box;
3087
background-position: right top;
3088
}
3089
junction {
3091
border-style: solid none none solid;
3092
border-width: 1px;
3093
border-color: rgba(0, 0, 0, 0.12);
3094
background-color: #FFFFFF;
3095
}
3096
junction:dir(rtl) {
3098
border-style: solid solid none none;
3099
}
3100
separator {
3102
min-width: 1px;
3103
min-height: 1px;
3104
background-color: rgba(0, 0, 0, 0.12);
3105
}
3106
button.font separator,
3109
button.file separator, .tweak-categories separator, preferences stacksidebar.sidebar list separator {
3110
min-width: 0;
3111
min-height: 0;
3112
background-color: transparent;
3113
}
3114
/*********
3116
* Lists *
3117
*********/
3118
list {
3119
border-color: rgba(0, 0, 0, 0.12);
3120
background-color: #FFFFFF;
3121
}
3122
list row {
3124
padding: 2px;
3125
}
3126
row.activatable, .view, treeview.view header button, .budgie-menu button {
3128
transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-color 0, color 0, background-size 450ms cubic-bezier(0, 0, 0.2, 1), background-image 900ms cubic-bezier(0, 0, 0.2, 1);
3129
box-shadow: inset 0 0 0 9999px transparent;
3130
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
3131
background-repeat: no-repeat;
3132
background-position: center;
3133
background-size: 1000% 1000%;
3134
}
3135
row.activatable:hover, .view:hover, treeview.view header button:hover, .budgie-menu button:hover {
3137
transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-color 0, color 0, box-shadow 0, background-size 450ms cubic-bezier(0, 0, 0.2, 1), background-image 900ms cubic-bezier(0, 0, 0.2, 1);
3138
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.05);
3139
}
3140
row.activatable.has-open-popup, .has-open-popup.view, treeview.view header button.has-open-popup, .budgie-menu button.has-open-popup, row.activatable:active, .view:active, treeview.view header button:active, .budgie-menu button:active {
3142
transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-color 0, color 0, background-size 0, background-image 0;
3143
animation: ripple_effect 270ms cubic-bezier(0, 0, 0.2, 1) forwards;
3144
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.15);
3145
background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.15) 10%, transparent 0%);
3146
background-size: 0% 0%;
3147
}
3148
/*********************
3150
* App Notifications *
3151
*********************/
3152
.app-notification {
3153
margin: 8px;
3154
}
3155
.app-notification.frame,
3157
.app-notification border {
3158
border-style: none;
3159
}
3160
/*************
3162
* Expanders *
3163
*************/
3164
expander arrow {
3165
transition: all 180ms cubic-bezier(0.4, 0, 0.2, 1);
3166
min-width: 16px;
3167
min-height: 16px;
3168
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
3169
-gtk-icon-transform: rotate(-90deg);
3170
color: rgba(0, 0, 0, 0.54);
3171
}
3172
expander arrow:dir(rtl) {
3174
-gtk-icon-transform: rotate(90deg);
3175
}
3176
expander arrow:checked {
3178
-gtk-icon-transform: unset;
3179
}
3180
expander arrow:hover, expander arrow:active {
3182
color: rgba(0, 0, 0, 0.87);
3183
}
3184
expander arrow:disabled {
3186
color: rgba(0, 0, 0, 0.26);
3187
}
3188
expander arrow:selected {
3190
color: rgba(255, 255, 255, 0.7);
3191
}
3192
expander arrow:selected:hover, expander arrow:selected:active {
3194
color: #FFFFFF;
3195
}
3196
expander arrow:selected:disabled {
3198
color: rgba(255, 255, 255, 0.3);
3199
}
3200
/************
3202
* Calendar *
3203
************/
3204
calendar {
3205
padding: 1px;
3206
border: 1px solid rgba(0, 0, 0, 0.12);
3207
color: rgba(0, 0, 0, 0.87);
3208
}
3209
calendar:disabled {
3211
color: rgba(0, 0, 0, 0.38);
3212
}
3213
calendar:selected {
3215
border-radius: 3px;
3216
}
3217
calendar.header {
3219
border-style: none none solid;
3220
border-radius: 0;
3221
}
3222
calendar.highlight {
3224
color: rgba(0, 0, 0, 0.54);
3225
font-weight: 500;
3226
}
3227
calendar:indeterminate {
3229
color: rgba(0, 0, 0, 0.26);
3230
}
3231
/***********
3233
* Dialogs *
3234
***********/
3235
messagedialog.background {
3236
background-color: #FAFAFA;
3237
}
3238
messagedialog .titlebar {
3240
min-height: 24px;
3241
border-style: none;
3242
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
3243
background-color: #FAFAFA;
3244
color: rgba(0, 0, 0, 0.87);
3245
}
3246
messagedialog .titlebar:backdrop {
3248
color: rgba(0, 0, 0, 0.54);
3249
}
3250
messagedialog.csd.background {
3252
border-bottom-left-radius: 2px;
3253
border-bottom-right-radius: 2px;
3254
}
3255
messagedialog.csd .dialog-action-area button {
3257
padding: 8px 16px;
3258
border-top: 1px solid rgba(0, 0, 0, 0.12);
3259
border-radius: 0;
3260
}
3261
messagedialog.csd .dialog-action-area button:first-child {
3263
border-bottom-left-radius: 2px;
3264
}
3265
messagedialog.csd .dialog-action-area button:last-child {
3267
border-bottom-right-radius: 2px;
3268
}
3269
filechooser .dialog-action-box {
3271
border-top: 1px solid rgba(0, 0, 0, 0.12);
3272
}
3273
filechooser #pathbarbox {
3275
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
3276
background-color: #F5F5F5;
3277
}
3278
filechooserbutton:drop(active) {
3280
box-shadow: none;
3281
}
3282
/***********
3284
* Sidebar *
3285
***********/
3286
.sidebar {
3287
border-style: none;
3288
background-color: #FAFAFA;
3289
}
3290
stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left, .sidebar.left:dir(rtl) {
3292
border-right: 1px solid rgba(0, 0, 0, 0.12);
3293
border-left-style: none;
3294
}
3295
stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right {
3297
border-left: 1px solid rgba(0, 0, 0, 0.12);
3298
border-right-style: none;
3299
}
3300
.sidebar list {
3302
background-color: transparent;
3303
}
3304
paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar {
3306
border-style: none;
3307
}
3308
stacksidebar row {
3310
padding: 10px 4px;
3311
}
3312
stacksidebar row > label {
3314
padding-left: 6px;
3315
padding-right: 6px;
3316
}
3317
/****************
3319
* File chooser *
3320
****************/
3321
row image.sidebar-icon {
3322
color: rgba(0, 0, 0, 0.54);
3323
}
3324
row:selected image.sidebar-icon {
3326
color: rgba(255, 255, 255, 0.7);
3327
}
3328
placessidebar > viewport.frame {
3330
border-style: none;
3331
}
3332
placessidebar list {
3334
padding: 1px 0 4px;
3335
}
3336
placessidebar row {
3338
min-height: 32px;
3339
margin: -1px 0;
3340
padding: 0;
3341
}
3342
placessidebar row > revealer {
3344
padding: 0 12px;
3345
}
3346
placessidebar row:selected {
3348
color: #FFFFFF;
3349
}
3350
placessidebar row:disabled {
3352
color: rgba(0, 0, 0, 0.38);
3353
}
3354
placessidebar row image.sidebar-icon:dir(ltr) {
3356
padding-right: 8px;
3357
}
3358
placessidebar row image.sidebar-icon:dir(rtl) {
3360
padding-left: 8px;
3361
}
3362
placessidebar row label.sidebar-label:dir(ltr) {
3364
padding-right: 2px;
3365
}
3366
placessidebar row label.sidebar-label:dir(rtl) {
3368
padding-left: 2px;
3369
}
3370
placessidebar row.sidebar-placeholder-row {
3372
min-height: 2px;
3373
padding: 0 8px;
3374
background-image: image(#FF4081);
3375
background-clip: content-box;
3376
}
3377
placessidebar row.sidebar-new-bookmark-row {
3379
color: #FF4081;
3380
}
3381
placessidebar row:drop(active):not(:disabled) {
3383
box-shadow: inset 0 0 0 2px #FF4081;
3384
}
3385
placesview .server-list-button > image {
3387
-gtk-icon-transform: rotate(0turn);
3388
}
3389
placesview .server-list-button:checked > image {
3391
-gtk-icon-transform: rotate(-0.5turn);
3392
}
3393
placesview > actionbar > revealer > box > label {
3395
padding-left: 8px;
3396
padding-right: 8px;
3397
}
3398
/*********
3400
* Paned *
3401
*********/
3402
paned > separator {
3403
min-width: 1px;
3404
min-height: 1px;
3405
-gtk-icon-source: none;
3406
border-style: none;
3407
background-color: transparent;
3408
background-image: image(rgba(0, 0, 0, 0.12));
3409
background-size: 1px 1px;
3410
background-clip: content-box;
3411
}
3412
paned > separator.wide {
3414
min-width: 6px;
3415
min-height: 6px;
3416
background-color: #F5F5F5;
3417
background-image: image(rgba(0, 0, 0, 0.12)), image(rgba(0, 0, 0, 0.12));
3418
background-size: 1px 1px, 1px 1px;
3419
}
3420
paned.horizontal > separator {
3422
background-repeat: repeat-y;
3423
}
3424
paned.horizontal > separator:dir(ltr) {
3426
margin: 0 -8px 0 0;
3427
padding: 0 8px 0 0;
3428
background-position: left;
3429
}
3430
paned.horizontal > separator:dir(rtl) {
3432
margin: 0 0 0 -8px;
3433
padding: 0 0 0 8px;
3434
background-position: right;
3435
}
3436
paned.horizontal > separator.wide {
3438
margin: 0;
3439
padding: 0;
3440
background-repeat: repeat-y, repeat-y;
3441
background-position: left, right;
3442
}
3443
paned.vertical > separator {
3445
margin: 0 0 -8px 0;
3446
padding: 0 0 8px 0;
3447
background-repeat: repeat-x;
3448
background-position: top;
3449
}
3450
paned.vertical > separator.wide {
3452
margin: 0;
3453
padding: 0;
3454
background-repeat: repeat-x, repeat-x;
3455
background-position: bottom, top;
3456
}
3457
/**************
3459
* GtkInfoBar *
3460
**************/
3461
infobar {
3462
border-style: none;
3463
}
3464
infobar.info {
3466
background-color: #66BB6A;
3467
}
3468
infobar.question {
3470
background-color: #42A5F5;
3471
}
3472
infobar.warning {
3474
background-color: #FFA726;
3475
}
3476
infobar.error {
3478
background-color: #EF5350;
3479
}
3480
infobar.info > label, infobar.info, infobar.question > label, infobar.question, infobar.warning > label, infobar.warning, infobar.error > label, infobar.error {
3482
color: #FFFFFF;
3483
}
3484
/************
3486
* Tooltips *
3487
************/
3488
tooltip {
3489
border-radius: 2px;
3490
box-shadow: none;
3491
}
3492
tooltip.background {
3494
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
3495
background-color: rgba(255, 255, 255, 0.9);
3496
}
3497
tooltip:not(.csd):not(.unity-csd) {
3499
border: 1px solid rgba(0, 0, 0, 0.12);
3500
border-radius: 3px;
3501
background-clip: padding-box;
3502
}
3503
tooltip decoration {
3505
background-color: transparent;
3506
}
3507
tooltip label {
3509
min-height: 20px;
3510
padding: 0 2px;
3511
}
3512
/*****************
3514
* Color Chooser *
3515
*****************/
3516
colorswatch.top {
3517
border-top-left-radius: 2.5px;
3518
border-top-right-radius: 2.5px;
3519
}
3520
colorswatch.top overlay {
3522
border-top-left-radius: 2px;
3523
border-top-right-radius: 2px;
3524
}
3525
colorswatch.bottom {
3527
border-bottom-left-radius: 2.5px;
3528
border-bottom-right-radius: 2.5px;
3529
}
3530
colorswatch.bottom overlay {
3532
border-bottom-left-radius: 2px;
3533
border-bottom-right-radius: 2px;
3534
}
3535
colorswatch.left, colorswatch:first-child:not(.top) {
3537
border-top-left-radius: 2.5px;
3538
border-bottom-left-radius: 2.5px;
3539
}
3540
colorswatch.left overlay, colorswatch:first-child:not(.top) overlay {
3542
border-top-left-radius: 2px;
3543
border-bottom-left-radius: 2px;
3544
}
3545
colorswatch.right, colorswatch:last-child:not(.bottom) {
3547
border-top-right-radius: 2.5px;
3548
border-bottom-right-radius: 2.5px;
3549
}
3550
colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay {
3552
border-top-right-radius: 2px;
3553
border-bottom-right-radius: 2px;
3554
}
3555
colorswatch.dark {
3557
color: #FFFFFF;
3558
}
3559
colorswatch.light {
3561
color: rgba(0, 0, 0, 0.87);
3562
}
3563
colorswatch:drop(active) {
3565
box-shadow: none;
3566
}
3567
colorswatch:drop(active).light overlay {
3569
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), 0 0 0 2px #FF4081;
3570
}
3571
colorswatch:drop(active).dark overlay {
3573
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), 0 0 0 2px #FF4081;
3574
}
3575
colorswatch overlay {
3577
transition: box-shadow 180ms cubic-bezier(0, 0, 0.2, 1);
3578
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
3579
}
3580
colorswatch overlay:hover {
3582
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
3583
}
3584
colorswatch#add-color-button {
3586
border-radius: 2px 2px 0 0;
3587
color: #FFFFFF;
3588
}
3589
colorswatch#add-color-button:only-child {
3591
border-radius: 2px;
3592
}
3593
colorswatch#add-color-button overlay {
3595
background-image: linear-gradient(to right, #EF5350 25%, #FFA726 25%, #FFA726 50%, #66BB6A 50%, #66BB6A 75%, #42A5F5 75%);
3596
}
3597
colorswatch:disabled {
3599
opacity: 0.5;
3600
}
3601
colorswatch:disabled overlay {
3603
box-shadow: none;
3604
}
3605
colorswatch#editor-color-sample {
3607
border-radius: 2.5px;
3608
}
3609
colorswatch#editor-color-sample overlay {
3611
border-radius: 2px;
3612
}
3613
colorchooser .popover.osd {
3615
transition: box-shadow 180ms cubic-bezier(0, 0, 0.2, 1);
3616
border-radius: 2px;
3617
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), inset 0 1px rgba(255, 255, 255, 0.4);
3618
background-color: #FFFFFF;
3619
}
3620
colorchooser .popover.osd:backdrop {
3622
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 1px rgba(255, 255, 255, 0.4);
3623
}
3624
/********
3626
* Misc *
3627
********/
3628
.content-view {
3629
background-color: #F5F5F5;
3630
}
3631
/**********************
3633
* Window Decorations *
3634
**********************/
3635
decoration {
3636
transition: box-shadow 180ms cubic-bezier(0, 0, 0.2, 1);
3637
border-radius: 2px 2px 0 0;
3638
box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22), 0 16px 16px transparent;
3639
margin: 8px;
3640
}
3641
decoration:backdrop {
3643
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), 0 16px 16px transparent;
3644
}
3645
.maximized decoration,
3647
.fullscreen decoration,
3648
.tiled decoration {
3649
border-radius: 0;
3650
}
3651
.popup decoration {
3653
box-shadow: none;
3654
}
3655
.ssd decoration {
3657
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16);
3658
}
3659
.csd.popup decoration {
3661
border-radius: 2px;
3662
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
3663
}
3664
tooltip.csd decoration {
3666
border-radius: 2px;
3667
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
3668
}
3669
messagedialog.csd decoration {
3671
border-radius: 2px;
3672
}
3673
.solid-csd decoration {
3675
margin: 0;
3676
border-radius: 0;
3677
box-shadow: none;
3678
background-color: #E0E0E0;
3679
}
3680
.view selection, .view:selected, flowbox flowboxchild:selected, spinbutton:not(.vertical) selection,
3682
entry selection, modelbutton.flat:selected,
3683
.menuitem.button.flat:selected, popover.background.menu button:checked,
3684
popover.background button.model:checked, row:selected, calendar:selected, text:selected, .budgie-menu button:checked {
3685
background-color: #42A5F5;
3686
}
3687
row:selected label, label:selected, .view selection, .view:selected, flowbox flowboxchild:selected, spinbutton:not(.vertical) selection,
3689
entry selection, modelbutton.flat:selected,
3690
.menuitem.button.flat:selected, popover.background.menu button:checked,
3691
popover.background button.model:checked, row:selected, calendar:selected, text:selected, .budgie-menu button:checked {
3692
color: #FFFFFF;
3693
}
3694
row:selected label:disabled, label:disabled:selected, .view selection:disabled, .view:disabled:selected, flowbox flowboxchild:disabled:selected, label:disabled selection, spinbutton:not(.vertical) selection:disabled,
3696
entry selection:disabled, modelbutton.flat:disabled:selected,
3697
.menuitem.button.flat:disabled:selected, popover.background.menu button:disabled:checked,
3698
popover.background button.model:disabled:checked, row:disabled:selected, calendar:disabled:selected, text:disabled:selected, .budgie-menu button:disabled:checked {
3699
color: rgba(255, 255, 255, 0.5);
3700
}
3701
.monospace {
3703
font-family: monospace;
3704
}
3705
/**********************
3707
* Touch Copy & Paste *
3708
**********************/
3709
cursor-handle {
3710
border-radius: 9999px;
3711
background-color: #FF4081;
3712
background-image: none;
3713
}
3714
cursor-handle.top:dir(ltr), cursor-handle.bottom:dir(rtl) {
3716
padding-left: 6px;
3717
border-top-right-radius: 0;
3718
}
3719
cursor-handle.bottom:dir(ltr), cursor-handle.top:dir(rtl) {
3721
padding-right: 6px;
3722
border-top-left-radius: 0;
3723
}
3724
cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) {
3726
-GtkWidget-text-handle-width: 24;
3727
-GtkWidget-text-handle-height: 30;
3728
-gtk-icon-source: -gtk-scaled(url("assets/scale-horz-marks-before-slider.png"), url("assets/scale-horz-marks-before-slider@2.png"));
3729
}
3730
.context-menu {
3732
font: initial;
3733
}
3734
.keycap {
3736
min-width: 12px;
3737
min-height: 26px;
3738
margin-top: 2px;
3739
padding-bottom: 2px;
3740
padding-left: 8px;
3741
padding-right: 8px;
3742
border: solid 1px rgba(0, 0, 0, 0.12);
3743
border-radius: 3px;
3744
box-shadow: inset 0 -2px rgba(0, 0, 0, 0.12);
3745
background-color: #FFFFFF;
3746
color: rgba(0, 0, 0, 0.87);
3747
font-size: smaller;
3748
}
3749
:not(decoration):not(window):drop(active) {
3751
transition: all 270ms cubic-bezier(0, 0, 0.2, 1);
3752
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 0 0 2px #FF4081;
3753
caret-color: #FF4081;
3754
}
3755
stackswitcher button.text-button {
3757
min-width: 100px;
3758
}
3759
stackswitcher button.circular,
3761
stackswitcher button.text-button.circular {
3762
min-width: 36px;
3763
min-height: 36px;
3764
padding: 0;
3765
}
3766
/*********
3768
* Emoji *
3769
*********/
3770
popover.emoji-picker {
3771
padding: 0;
3772
}
3773
popover.emoji-picker entry {
3775
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
3776
border-bottom-left-radius: 0;
3777
border-bottom-right-radius: 0;
3778
box-shadow: none;
3779
}
3780
popover.emoji-picker scrolledwindow {
3782
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
3783
}
3784
button.emoji-section {
3786
margin-top: -1px;
3787
padding: 0 8px;
3788
min-width: 24px;
3789
min-height: 36px;
3790
border-radius: 0;
3791
outline-offset: -6px;
3792
box-shadow: none;
3793
}
3794
button.emoji-section:hover {
3796
box-shadow: inset 0 2px rgba(0, 0, 0, 0.26);
3797
}
3798
button.emoji-section:active {
3800
box-shadow: inset 0 2px #42A5F5;
3801
background-image: radial-gradient(circle farthest-corner at center, rgba(66, 165, 245, 0.7) 10%, transparent 0%);
3802
}
3803
button.emoji-section:checked {
3805
box-shadow: inset 0 2px #42A5F5;
3806
background-color: transparent;
3807
}
3808
button.emoji-section:first-child {
3810
margin-left: 4px;
3811
}
3812
button.emoji-section:last-child {
3814
margin-right: 4px;
3815
}
3816
.emoji {
3818
min-width: 3em;
3819
min-height: 3em;
3820
padding: 0;
3821
}
3822
.emoji widget {
3824
transition: all 180ms cubic-bezier(0, 0, 0.2, 1);
3825
}
3826
.emoji widget:hover {
3828
font-size: larger;
3829
}
3830
/************
3832
* Nautilus *
3833
************/
3834
.nautilus-window,
3835
.nautilus-window notebook,
3836
.nautilus-window notebook > stack {
3837
background-color: #FFFFFF;
3838
}
3839
.nautilus-desktop.nautilus-canvas-item:not(:selected), .caja-desktop.caja-canvas-item:not(:selected) {
3841
color: #FFFFFF;
3842
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
3843
}
3844
@keyframes needs_attention_keyframes {
3846
to {
3847
background-color: alpha(currentColor, 0.3);
3848
}
3849
}
3850
.nautilus-operations-button-needs-attention {
3852
animation: needs_attention_keyframes 270ms cubic-bezier(0.4, 0, 0.2, 1) 2 alternate;
3853
}
3854
.nautilus-operations-button-needs-attention-multiple {
3856
animation: needs_attention_keyframes 270ms cubic-bezier(0.4, 0, 0.2, 1) 4 alternate;
3857
}
3858
.nautilus-window .floating-bar {
3860
min-height: 32px;
3861
padding: 0;
3862
border-style: solid solid none;
3863
border-width: 1px;
3864
border-color: rgba(0, 0, 0, 0.12);
3865
border-radius: 3px 3px 0 0;
3866
background-color: #FFFFFF;
3867
background-clip: padding-box;
3868
transition: all 270ms cubic-bezier(0, 0, 0.2, 1), border-width 0;
3869
}
3870
.nautilus-window .floating-bar.bottom.left {
3872
margin-right: 7px;
3873
border-left-style: none;
3874
border-top-left-radius: 0;
3875
}
3876
.nautilus-window .floating-bar.bottom.right {
3878
margin-left: 7px;
3879
border-right-style: none;
3880
border-top-right-radius: 0;
3881
}
3882
.nautilus-window .floating-bar button {
3884
margin: 4px;
3885
}
3886
.disk-space-display.unknown {
3888
background-color: #FF6D00;
3889
}
3890
.disk-space-display.used {
3892
background-color: #42A5F5;
3893
}
3894
.disk-space-display.free {
3896
background-color: rgba(0, 0, 0, 0.12);
3897
}
3898
.nautilus-window searchbar {
3900
border-top: 1px solid rgba(0, 0, 0, 0.12);
3901
}
3902
.nautilus-window .searchbar-container {
3904
margin-top: -1px;
3905
}
3906
.conflict-row:not(:selected) {
3908
background-color: #ffd3b3;
3909
}
3910
.nautilus-window flowboxchild > widget > .icon-item-background {
3912
padding: 4px;
3913
border-radius: 2px;
3914
}
3915
.nautilus-window flowboxchild:selected {
3917
background-color: transparent;
3918
}
3919
.nautilus-window flowboxchild:selected > widget > .icon-item-background {
3921
background-color: #42A5F5;
3922
}
3923
dialog.background > box.dialog-vbox.vertical > grid.horizontal > scrolledwindow.frame {
3925
border-style: none;
3926
}
3927
dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child {
3929
margin: -6px 0 0 -6px;
3930
border-top: 1px solid rgba(0, 0, 0, 0.12);
3931
}
3932
dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child > label {
3934
margin: 0 8px;
3935
}
3936
dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child > box > button {
3938
border-radius: 0;
3939
}
3940
.nautilus-window > popover.menu:not(:last-child) {
3942
padding: 3px;
3943
}
3944
.nautilus-window > popover.menu:not(:last-child) > stack > box > box > box {
3946
margin-top: -6px;
3947
}
3948
.nautilus-window > popover.menu:not(:last-child) > stack > box > box > box > box {
3950
margin-bottom: -6px;
3951
}
3952
.nautilus-window > popover.menu:not(:last-child) > stack > box > box > box > box.linked {
3954
margin-top: 1px;
3955
}
3956
.nautilus-window > popover.menu:not(:last-child) separator {
3958
margin-bottom: -2px;
3959
}
3960
.nautilus-menu-sort-heading {
3962
margin: 1px 3px;
3963
font-weight: 500;
3964
}
3965
.nautilus-menu-sort-heading:disabled {
3967
color: rgba(0, 0, 0, 0.38);
3968
}
3969
.nautilus-window paned > separator {
3971
background-color: #F5F5F5;
3972
}
3973
/*********
3975
* gedit *
3976
*********/
3977
.open-document-selector-path-label {
3978
color: rgba(0, 0, 0, 0.54);
3979
font-size: smaller;
3980
}
3981
.open-document-selector-path-label:selected {
3983
color: rgba(255, 255, 255, 0.7);
3984
}
3985
.gedit-document-panel {
3987
background-color: #FAFAFA;
3988
}
3989
.gedit-document-panel row button.flat {
3991
margin-top: 8px;
3992
margin-bottom: 8px;
3993
}
3994
.gedit-document-panel-group-row:not(:first-child) {
3996
border-top: 1px solid rgba(0, 0, 0, 0.12);
3997
}
3998
.gedit-side-panel-paned statusbar {
4000
border-top: 1px solid rgba(0, 0, 0, 0.12);
4001
}
4002
.gedit-search-slider {
4004
margin: 4px 4px 8px;
4005
}
4006
.gedit-search-slider entry:dir(ltr), .gedit-search-slider entry:dir(rtl) {
4008
border-radius: 2px;
4009
}
4010
.gedit-search-slider entry:dir(ltr) .gedit-search-entry-occurrences-tag, .gedit-search-slider entry:dir(rtl) .gedit-search-entry-occurrences-tag {
4012
all: unset;
4013
color: rgba(0, 0, 0, 0.38);
4014
}
4015
.gedit-search-slider entry:dir(ltr) {
4017
margin-right: -66px;
4018
padding-right: 66px;
4019
}
4020
.gedit-search-slider entry:dir(ltr) .gedit-search-entry-occurrences-tag {
4022
margin-left: 6px;
4023
}
4024
.gedit-search-slider entry:dir(ltr) image.right {
4026
margin-right: 0;
4027
}
4028
.gedit-search-slider entry:dir(rtl) {
4030
margin-left: -66px;
4031
padding-left: 66px;
4032
}
4033
.gedit-search-slider entry:dir(rtl) .gedit-search-entry-occurrences-tag {
4035
margin-right: 6px;
4036
}
4037
.gedit-search-slider entry:dir(rtl) image.left {
4039
margin-left: 0;
4040
}
4041
.gedit-search-slider entry.error ~ button {
4043
color: rgba(255, 255, 255, 0.7);
4044
}
4045
.gedit-search-slider entry.error ~ button:hover, .gedit-search-slider entry.error ~ button:active {
4047
color: #FFFFFF;
4048
}
4049
.gedit-search-slider entry.error ~ button:disabled {
4051
color: rgba(255, 255, 255, 0.3);
4052
}
4053
.gedit-search-slider button {
4055
border: solid 6px transparent;
4056
}
4057
.gedit-search-slider button:last-child:dir(ltr), .gedit-search-slider button:not(:first-child):dir(rtl) {
4059
margin-left: -3px;
4060
}
4061
.gedit-search-slider button:first-child:dir(rtl), .gedit-search-slider button:not(:last-child):dir(ltr) {
4063
margin-right: -3px;
4064
}
4065
frame.gedit-map-frame > border:dir(ltr) {
4067
border-style: none none none solid;
4068
}
4069
frame.gedit-map-frame > border:dir(rtl) {
4071
border-style: none solid none none;
4072
}
4073
/**************
4075
* Tweak Tool *
4076
**************/
4077
.tweak-categories {
4078
background-image: image(#FAFAFA);
4079
}
4080
.tweak {
4082
padding: 3px;
4083
}
4084
.tweak.title:hover {
4086
box-shadow: none;
4087
}
4088
.tweak-group-white,
4090
.tweak-white,
4091
.tweak-white:hover {
4092
background-image: image(#FFFFFF);
4093
}
4094
.tweak-startup,
4096
.tweak-startup:hover {
4097
background-image: image(#FFFFFF);
4098
}
4099
.tweak-group-startup {
4101
background-image: image(#FFFFFF);
4102
border: 1px solid rgba(0, 0, 0, 0.12);
4103
}
4104
row#Focus,
4106
row#StaticWorkspaceTweak,
4107
row#PrimaryWorkspaceTweak {
4108
padding: 0;
4109
border: 1px solid rgba(0, 0, 0, 0.12);
4110
}
4111
row#Focus row:not(:last-child),
4113
row#StaticWorkspaceTweak row:not(:last-child),
4114
row#PrimaryWorkspaceTweak row:not(:last-child) {
4115
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4116
}
4117
row#Focus,
4119
row#PrimaryWorkspaceTweak {
4120
margin-top: 4px;
4121
}
4122
/***********
4124
* Builder *
4125
***********/
4126
layouttabbar {
4127
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4128
background-color: #F5F5F5;
4129
}
4130
layouttabbar > box > button {
4132
margin: 2px 0;
4133
}
4134
layouttab {
4136
margin: 0 8px;
4137
border-style: none solid;
4138
border-width: 1px;
4139
border-color: rgba(0, 0, 0, 0.12);
4140
box-shadow: inset 0 -2px #42A5F5;
4141
background-color: #FFFFFF;
4142
}
4143
layouttab separator.vertical {
4145
margin: 8px 4px;
4146
}
4147
layouttab button.text-button, layouttab button.image-button, layouttab button {
4149
margin-top: 8px;
4150
margin-bottom: 8px;
4151
padding: 0 4px;
4152
}
4153
layout {
4155
border: 1px solid rgba(0, 0, 0, 0.12);
4156
-PnlDockBin-handle-size: 1;
4157
}
4158
entry.search-missing {
4160
background-color: #DD2C00;
4161
color: #FFFFFF;
4162
}
4163
window.workbench treeview.image {
4165
color: rgba(0, 0, 0, 0.54);
4166
}
4167
window.workbench treeview.image:selected {
4169
color: rgba(255, 255, 255, 0.7);
4170
}
4171
popover.popover-selector list {
4173
padding: 6px;
4174
}
4175
popover.popover-selector list row {
4177
border-radius: 2px;
4178
}
4179
popover.popover-selector list row image:dir(ltr) {
4181
margin-right: 6px;
4182
}
4183
popover.popover-selector list row image:dir(rtl) {
4185
margin-left: 6px;
4186
}
4187
popover.popover-selector list row .accel:dir(ltr) {
4189
margin-left: 6px;
4190
}
4191
popover.popover-selector list row .accel:dir(rtl) {
4193
margin-right: 6px;
4194
}
4195
omnibar.linked:not(.vertical) entry {
4197
border-radius: 2px;
4198
}
4199
omnibar:not(:hover):not(:active) entry {
4201
color: rgba(0, 0, 0, 0.54);
4202
}
4203
popover.omnibar list row:not(:last-child) {
4205
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4206
}
4207
entry.preferences-search {
4209
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12);
4210
background-color: #FFFFFF;
4211
}
4212
preferences stacksidebar.sidebar list {
4214
background-color: #FAFAFA;
4215
}
4216
preferences stacksidebar.sidebar:dir(ltr) list, preferences stacksidebar.sidebar:dir(rtl) list {
4218
border-style: none;
4219
}
4220
preferences > box > box:dir(ltr) {
4222
border-right: 1px solid rgba(0, 0, 0, 0.12);
4223
}
4224
preferences > box > box:dir(rtl) {
4226
border-left: 1px solid rgba(0, 0, 0, 0.12);
4227
}
4228
popover.messagepopover.background {
4230
padding: 0;
4231
}
4232
popover.messagepopover .popover-action-area button {
4234
padding: 8px 16px;
4235
border-top: 1px solid rgba(0, 0, 0, 0.12);
4236
border-radius: 0;
4237
}
4238
popover.messagepopover .popover-action-area button:first-child {
4240
border-bottom-left-radius: 2px;
4241
}
4242
popover.messagepopover .popover-action-area button:last-child {
4244
border-bottom-right-radius: 2px;
4245
}
4246
popover.messagepopover .popover-content-area {
4248
margin: 16px;
4249
}
4250
popover.transfers list {
4252
background-color: transparent;
4253
}
4254
popover.transfers list row:not(:first-child) {
4256
border-top: 1px solid rgba(0, 0, 0, 0.12);
4257
}
4258
popover.transfers list row > box {
4260
padding: 10px;
4261
}
4262
dockbin {
4264
border: 1px solid rgba(0, 0, 0, 0.12);
4265
-PnlDockBin-handle-size: 1;
4266
}
4267
dockpaned {
4269
border: 1px solid rgba(0, 0, 0, 0.12);
4270
}
4271
eggsearchbar box.search-bar {
4273
padding: 0 8px;
4274
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4275
background-color: #F5F5F5;
4276
}
4277
docktabstrip {
4279
padding: 0 8px;
4280
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4281
background-color: #F5F5F5;
4282
}
4283
docktab {
4285
transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
4286
min-height: 24px;
4287
min-width: 24px;
4288
margin-bottom: -1px;
4289
padding: 6px 6px;
4290
outline-offset: -6px;
4291
border-width: 1px;
4292
border-color: transparent;
4293
background-image: radial-gradient(circle farthest-corner at center, #42A5F5 10%, transparent 0%);
4294
background-repeat: no-repeat;
4295
background-position: center;
4296
background-size: 0% 0%;
4297
color: rgba(0, 0, 0, 0.54);
4298
font-weight: 500;
4299
}
4300
docktab:hover {
4302
box-shadow: inset 0 -2px rgba(0, 0, 0, 0.26);
4303
color: rgba(0, 0, 0, 0.87);
4304
}
4305
docktab:checked {
4307
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);
4308
box-shadow: inset 0 -2px #42A5F5;
4309
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
4310
background-size: 1000% 1000%;
4311
color: rgba(0, 0, 0, 0.87);
4312
}
4313
dockoverlayedge {
4315
background-color: #F5F5F5;
4316
}
4317
dockoverlayedge docktabstrip {
4319
padding: 0;
4320
border: none;
4321
}
4322
dockoverlayedge.left-edge docktab:hover {
4324
box-shadow: inset -2px 0 rgba(0, 0, 0, 0.26);
4325
}
4326
dockoverlayedge.left-edge docktab:checked {
4328
box-shadow: inset -2px 0 #42A5F5;
4329
}
4330
dockoverlayedge.right-edge docktab:hover {
4332
box-shadow: inset 2px 0 rgba(0, 0, 0, 0.26);
4333
}
4334
dockoverlayedge.right-edge docktab:checked {
4336
box-shadow: inset 2px 0 #42A5F5;
4337
}
4338
pillbox {
4340
background-color: #F5F5F5;
4341
border-radius: 2px;
4342
}
4343
layoutpane entry.search {
4345
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12);
4346
background-color: #FFFFFF;
4347
}
4348
editortweak entry.search {
4350
margin-bottom: -1px;
4351
box-shadow: none;
4352
}
4353
.gb-search-entry-occurrences-tag {
4355
box-shadow: none;
4356
background-color: transparent;
4357
}
4358
docktabstrip {
4360
min-height: 39px;
4361
}
4362
window.workbench preferences preferencesgroup list entry {
4364
padding-top: 8px;
4365
padding-bottom: 8px;
4366
}
4367
button.run-arrow-button {
4369
padding-left: 10px;
4370
padding-right: 10px;
4371
}
4372
button.dzlmenubutton image {
4374
min-width: 30px;
4375
}
4376
button.dzlmenubutton image.arrow {
4378
min-width: 27px;
4379
}
4380
button.dzlmenubuttonitem {
4382
color: rgba(0, 0, 0, 0.87);
4383
font-weight: normal;
4384
}
4385
button.dzlmenubuttonitem:disabled {
4387
color: rgba(0, 0, 0, 0.38);
4388
}
4389
idelayoutstackheader {
4391
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4392
}
4393
idelayoutstackheader button:checked {
4395
color: rgba(0, 0, 0, 0.87);
4396
}
4397
ideeditorutilities > dzldockpaned > box > stackswitcher {
4399
padding: 8px 0;
4400
background-color: #F5F5F5;
4401
}
4402
ideeditorutilities > dzldockpaned > box > stackswitcher:dir(ltr) {
4404
border-right: 1px solid rgba(0, 0, 0, 0.12);
4405
}
4406
ideeditorutilities > dzldockpaned > box > stackswitcher:dir(rtl) {
4408
border-left: 1px solid rgba(0, 0, 0, 0.12);
4409
}
4410
ideeditorutilities > dzldockpaned > box > stackswitcher button {
4412
border-radius: 0;
4413
outline-offset: -6px;
4414
box-shadow: none;
4415
background-color: transparent;
4416
}
4417
ideeditorutilities > dzldockpaned > box > stackswitcher button:active {
4419
background-image: radial-gradient(circle farthest-corner at center, rgba(66, 165, 245, 0.7) 10%, transparent 0%);
4420
}
4421
ideeditorutilities > dzldockpaned > box > stackswitcher button:checked {
4423
background-color: transparent;
4424
color: rgba(0, 0, 0, 0.87);
4425
}
4426
ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr) {
4428
margin-right: -1px;
4429
}
4430
ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):hover {
4432
box-shadow: inset -2px 0 rgba(0, 0, 0, 0.26);
4433
}
4434
ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):active, ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):checked {
4436
box-shadow: inset -2px 0 #42A5F5;
4437
}
4438
ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl) {
4440
margin-left: -1px;
4441
}
4442
ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):hover {
4444
box-shadow: inset 2px 0 rgba(0, 0, 0, 0.26);
4445
}
4446
ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):active, ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):checked {
4448
box-shadow: inset 2px 0 #42A5F5;
4449
}
4450
ideeditorsidebar notebook header {
4452
background: transparent;
4453
}
4454
popover.messagepopover list {
4456
border: 1px solid rgba(0, 0, 0, 0.12);
4457
}
4458
popover.messagepopover list row:not(:last-child) {
4460
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4461
}
4462
/**********
4464
* Photos *
4465
**********/
4466
GdMainIconView.content-view {
4467
-GdMainIconView-icon-size: 48;
4468
}
4469
.documents-counter {
4471
margin: 8px;
4472
border-radius: 9999px;
4473
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
4474
background-color: #FF4081;
4475
color: #FFFFFF;
4476
font-weight: bold;
4477
}
4478
.documents-scrolledwin.frame {
4480
border-style: none;
4481
}
4482
.documents-scrolledwin.frame frame.content-view > border {
4484
border-style: none;
4485
}
4486
.photos-fade-in {
4488
opacity: 1;
4489
transition: opacity 180ms cubic-bezier(0, 0, 0.2, 1);
4490
}
4491
.photos-fade-out {
4493
opacity: 0;
4494
transition: opacity 180ms cubic-bezier(0, 0, 0.2, 1);
4495
}
4496
overlay grid.horizontal > revealer > scrolledwindow.frame:dir(ltr) {
4498
border-style: none none none solid;
4499
}
4500
overlay grid.horizontal > revealer > scrolledwindow.frame:dir(rtl) {
4502
border-style: none solid none none;
4503
}
4504
/*********
4506
* Music *
4507
*********/
4508
.side-panel:dir(ltr) {
4509
border-style: solid;
4510
border-color: rgba(0, 0, 0, 0.12);
4511
}
4512
.side-panel:dir(rtl) {
4514
border-style: solid;
4515
border-color: rgba(0, 0, 0, 0.12);
4516
}
4517
.side-panel .view {
4519
background-image: image(#FAFAFA);
4520
}
4521
.side-panel .view:hover {
4523
background-image: image(rgba(240, 240, 240, 0.9935));
4524
}
4525
.side-panel .view:selected {
4527
background-image: image(#42A5F5);
4528
}
4529
.side-panel .view:selected:hover {
4531
background-image: image(#4baaf6);
4532
}
4533
.songs-list:hover {
4535
background-image: image(alpha(currentColor, 0.05));
4536
}
4537
frame.documents-dropdown {
4539
margin: 8px;
4540
}
4541
frame.documents-dropdown > border {
4543
border: none;
4544
}
4545
box.vertical > revealer > toolbar.search-bar {
4547
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4548
background-clip: border-box;
4549
}
4550
box.vertical > revealer > toolbar.search-bar button > widget {
4552
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
4553
}
4554
/*********
4556
* To Do *
4557
*********/
4558
taskrow {
4559
transition: all 180ms cubic-bezier(0, 0, 0.2, 1);
4560
margin: 0 -8px;
4561
}
4562
taskrow:hover {
4564
transition: none;
4565
}
4566
taskrow label {
4568
margin: 0 8px;
4569
}
4570
taskrow image {
4572
min-width: 16px;
4573
}
4574
task-list-view > box > revealer > box > button {
4576
margin: -6px;
4577
}
4578
/*******
4580
* eog *
4581
*******/
4582
#eog-thumb-nav scrolledwindow {
4583
border-top: none;
4584
}
4585
#eog-thumb-nav button {
4587
-gtk-outline-radius: 2px;
4588
}
4589
/*************
4591
* Evolution *
4592
*************/
4593
frame.taskbar > border {
4594
border-style: solid none none;
4595
}
4596
box.vertical > paned.horizontal notebook widget .frame {
4598
border-style: none;
4599
}
4600
/********
4602
* gitg *
4603
********/
4604
frame.commit-frame > border {
4605
border-style: solid none none;
4606
}
4607
/**************
4609
* Characters *
4610
**************/
4611
box.dialog-vbox scrolledwindow.related {
4612
border: 1px solid rgba(0, 0, 0, 0.12);
4613
}
4614
list.categories {
4616
background-image: image(#FAFAFA);
4617
}
4618
/*********
4620
* Boxes *
4621
*********/
4622
.transparent-bg + stack overlay > label {
4623
min-height: 24px;
4624
padding: 0 4px;
4625
border-radius: 2px;
4626
background-color: rgba(0, 0, 0, 0.3);
4627
color: #FFFFFF;
4628
}
4629
/**************
4631
* Calculator *
4632
**************/
4633
button.title label {
4634
min-height: 36px;
4635
}
4636
/*********
4638
* Geary *
4639
*********/
4640
.geary-titlebar-left:dir(ltr) {
4641
margin-right: 5px;
4642
padding-right: 0;
4643
}
4644
.geary-titlebar-left:dir(rtl) {
4646
margin-left: 5px;
4647
padding-left: 0;
4648
}
4649
.geary-titlebar-left > separator {
4651
background-color: rgba(0, 0, 0, 0.05);
4652
}
4653
.geary-titlebar-right:dir(ltr) {
4655
margin-left: -5px;
4656
}
4657
.geary-titlebar-right:dir(rtl) {
4659
margin-right: -5px;
4660
}
4661
/*********
4663
* Tilix *
4664
*********/
4665
overlay > revealer.left > scrolledwindow.frame,
4666
overlay > revealer.right > scrolledwindow.frame {
4667
border-style: none;
4668
box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22);
4669
}
4670
overlay > revealer.left > scrolledwindow.frame {
4672
margin-right: 32px;
4673
}
4674
overlay > revealer.right > scrolledwindow.frame {
4676
margin-left: 32px;
4677
}
4678
.terminix-session-sidebar,
4680
.tilix-session-sidebar {
4681
background-image: image(#FAFAFA);
4682
}
4683
button.image-button.session-new-button {
4685
min-width: 32px;
4686
}
4687
/***********
4689
* Eclipse *
4690
***********/
4691
window.background > box.vertical > scrolledwindow > widget toolbar {
4692
padding: 2px;
4693
}
4694
window.background > box.vertical > scrolledwindow > widget toolbar separator,
4696
window.background > box.vertical > scrolledwindow > widget toolbar button {
4697
margin: 2px;
4698
}
4699
window.background > box.vertical > scrolledwindow > widget toolbar button {
4701
border-radius: 2px;
4702
}
4703
/************
4705
* Chromium *
4706
************/
4707
tooltip.chromium {
4708
background-color: #FFFFFF;
4709
}
4710
/***********
4712
* Firefox *
4713
***********/
4714
window.background:not(.csd) > widget > separator {
4715
color: rgba(0, 0, 0, 0.2);
4716
}
4717
window.background:not(.csd) > widget > scrollbar {
4719
background-clip: border-box;
4720
}
4721
window.background:not(.csd) > widget > scrollbar,
4723
window.background:not(.csd) > widget > frame > border {
4724
border-color: rgba(0, 0, 0, 0.2);
4725
}
4726
window.background:not(.csd) > widget > entry,
4728
window.background:not(.csd) > widget > button > button {
4729
border: 1px solid rgba(0, 0, 0, 0.2);
4730
border-radius: 3px;
4731
box-shadow: none;
4732
}
4733
window.background:not(.csd) > widget > entry {
4735
min-height: 30px;
4736
}
4737
window.background:not(.csd) > widget > entry:focus {
4739
border-color: #42A5F5;
4740
}
4741
window.background:not(.csd) > widget > button > button {
4743
padding: 4px 8px;
4744
background-size: auto;
4745
}
4746
window.background:not(.csd) > widget > button > button:hover {
4748
background-image: image(alpha(currentColor, 0.05));
4749
}
4750
window.background:not(.csd) > widget > button > button:active {
4752
background-image: image(alpha(currentColor, 0.1));
4753
}
4754
window.background:not(.csd) > window > menu,
4756
window.background:not(.csd) > menu > menu {
4757
border: none;
4758
}
4759
window.background:not(.csd) > widget > menubar {
4761
color: rgba(0, 0, 0, 0.54);
4762
}
4763
window.background:not(.csd) > widget > menubar:hover {
4765
color: rgba(0, 0, 0, 0.87);
4766
}
4767
window.background:not(.csd) > widget > menubar:disabled {
4769
color: rgba(0, 0, 0, 0.26);
4770
}
4771
window.background:not(.csd) > widget > frame {
4773
color: rgba(0, 0, 0, 0.2);
4774
}
4775
window.background:not(.csd) > widget > checkbutton > check,
4777
window.background:not(.csd) > widget > radiobutton > radio {
4778
margin: 0;
4779
padding: 0;
4780
}
4781
window.background:not(.csd) > window.background > menu > separator {
4783
color: rgba(0, 0, 0, 0.12);
4784
}
4785
/************
4787
* Inkscape *
4788
************/
4789
#ToolboxCommon > #AuxToolbox #StyleSwatch {
4790
font-size: smaller;
4791
}
4792
#ToolboxCommon > #AuxToolbox #Kludge {
4794
padding: 0;
4795
}
4796
#ToolboxCommon > #AuxToolbox spinbutton,
4798
#ToolboxCommon > #AuxToolbox entry {
4799
min-height: 32px;
4800
}
4801
#ToolboxCommon > #AuxToolbox button:not(.up):not(.down) {
4803
min-height: 24px;
4804
min-width: 16px;
4805
padding: 4px 8px;
4806
border-radius: 2px;
4807
-gtk-outline-radius: 2px;
4808
}
4809
#ToolboxCommon > #AuxToolbox spinbutton button {
4811
border-width: 4px;
4812
}
4813
#ToolboxCommon > toolbar.vertical {
4815
margin-top: -4px;
4816
}
4817
#ToolboxCommon > toolbar.vertical button {
4819
min-height: 24px;
4820
min-width: 24px;
4821
padding: 4px;
4822
border-radius: 2px;
4823
-gtk-outline-radius: 2px;
4824
}
4825
#CanvasTable button {
4827
min-height: 16px;
4828
min-width: 16px;
4829
padding: 0;
4830
}
4831
#CanvasTable #HorizontalScrollbar {
4833
border-top: 1px solid rgba(0, 0, 0, 0.12);
4834
}
4835
#CanvasTable #VerticalScrollbar:dir(ltr) {
4837
border-left: 1px solid rgba(0, 0, 0, 0.12);
4838
}
4839
#CanvasTable #VerticalScrollbar:dir(rtl) {
4841
border-right: 1px solid rgba(0, 0, 0, 0.12);
4842
}
4843
#Canvas_and_Dock frame > border {
4845
border: none;
4846
}
4847
#Canvas_and_Dock widget > widget > button.flat {
4849
min-height: 16px;
4850
min-width: 16px;
4851
padding: 4px;
4852
}
4853
#Canvas_and_Dock widget > widget > box.horizontal image {
4855
padding: 4px;
4856
}
4857
#Canvas_and_Dock box.horizontal > box.vertical > button.flat {
4859
min-height: 16px;
4860
min-width: 24px;
4861
padding: 8px 4px;
4862
}
4863
/***********
4865
* Synapse *
4866
***********/
4867
box.vertical > widget > widget:selected {
4868
background-color: #42A5F5;
4869
}
4870
/*********
4872
* Unity *
4873
*********/
4874
UnityDecoration {
4875
-UnityDecoration-extents: 28px 0 0 0;
4876
-UnityDecoration-input-extents: 8px;
4877
-UnityDecoration-shadow-offset-x: 0;
4878
-UnityDecoration-shadow-offset-y: 3px;
4879
-UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.48);
4880
-UnityDecoration-active-shadow-radius: 18px;
4881
-UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.32);
4882
-UnityDecoration-inactive-shadow-radius: 6px;
4883
-UnityDecoration-glow-size: 8px;
4884
-UnityDecoration-glow-color: #42A5F5;
4885
-UnityDecoration-title-indent: 4px;
4886
-UnityDecoration-title-fade: 32px;
4887
-UnityDecoration-title-alignment: 0.0;
4888
}
4889
UnityDecoration .top {
4891
padding: 0 2px;
4892
border-style: none;
4893
border-radius: 2px 2px 0 0;
4894
box-shadow: inset 0 1px rgba(255, 255, 255, 0.2);
4895
background-color: #cfcfcf;
4896
color: rgba(0, 0, 0, 0.87);
4897
}
4898
UnityDecoration .top:backdrop {
4900
color: rgba(0, 0, 0, 0.54);
4901
}
4902
UnityDecoration .menuitem {
4904
color: rgba(0, 0, 0, 0.54);
4905
}
4906
UnityDecoration .menuitem:hover {
4908
box-shadow: inset 0 -2px #42A5F5;
4909
background-color: transparent;
4910
color: rgba(0, 0, 0, 0.87);
4911
}
4912
.background:not(.csd) headerbar:not(.titlebar) {
4914
border-radius: 0;
4915
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
4916
}
4917
.background:not(.csd) headerbar:not(.titlebar).inline-toolbar {
4919
border-style: none;
4920
}
4921
UnityPanelWidget,
4923
.unity-panel {
4924
background-color: #cfcfcf;
4925
color: rgba(0, 0, 0, 0.87);
4926
}
4927
UnityPanelWidget:backdrop,
4929
.unity-panel:backdrop {
4930
color: rgba(0, 0, 0, 0.54);
4931
}
4932
.unity-panel.menuitem,
4934
.unity-panel .menuitem {
4935
color: rgba(0, 0, 0, 0.54);
4936
}
4937
.unity-panel.menubar.menuitem:hover,
4939
.unity-panel.menubar .menuitem *:hover {
4940
box-shadow: inset 0 -2px #42A5F5;
4941
background-color: transparent;
4942
color: rgba(0, 0, 0, 0.87);
4943
}
4944
.menu IdoPlaybackMenuItem.menuitem:active {
4946
-gtk-icon-source: -gtk-icontheme("process-working-symbolic");
4947
animation: spin 1s linear infinite;
4948
color: #42A5F5;
4949
}
4950
/**************
4952
* Mate-Panel *
4953
**************/
4954
.mate-panel-menu-bar menubar,
4955
#PanelApplet-window-menu-applet-button {
4956
background-color: transparent;
4957
}
4958
#PanelPlug,
4960
PanelToplevel.background {
4961
background-color: #cfcfcf;
4962
color: rgba(0, 0, 0, 0.87);
4963
font-weight: 500;
4964
}
4965
PanelToplevel > grid > button, .mate-panel-menu-bar #PanelApplet button {
4967
color: rgba(0, 0, 0, 0.54);
4968
}
4969
PanelToplevel > grid > button:hover, .mate-panel-menu-bar #PanelApplet button:hover, PanelToplevel > grid > button:active, .mate-panel-menu-bar #PanelApplet button:active {
4971
color: rgba(0, 0, 0, 0.87);
4972
}
4973
PanelToplevel > grid > button:disabled, .mate-panel-menu-bar #PanelApplet button:disabled {
4975
color: rgba(0, 0, 0, 0.26);
4976
}
4977
PanelToplevel > grid > button:checked, .mate-panel-menu-bar #PanelApplet button:checked {
4979
background-color: rgba(0, 0, 0, 0.26);
4980
color: rgba(0, 0, 0, 0.87);
4981
}
4982
PanelToplevel > grid > button:checked:disabled, .mate-panel-menu-bar #PanelApplet button:checked:disabled {
4984
background-color: rgba(0, 0, 0, 0.12);
4985
color: rgba(0, 0, 0, 0.38);
4986
}
4987
PanelToplevel > grid > button {
4989
padding: 0 4px;
4990
border-radius: 0;
4991
}
4992
PanelWidget button, PanelWidget button:hover, PanelWidget button:active {
4994
color: rgba(0, 0, 0, 0.54);
4995
}
4996
PanelSeparator {
4998
color: rgba(0, 0, 0, 0.12);
4999
}
5000
MatePanelAppletFrameDBus {
5002
border-style: solid;
5003
border-width: 0 1px;
5004
border-color: rgba(0, 0, 0, 0.12);
5005
}
5006
.mate-panel-menu-bar menubar menuitem {
5008
padding: 4px;
5009
}
5010
.mate-panel-menu-bar menubar menu menuitem {
5012
padding: 6px;
5013
}
5014
.mate-panel-menu-bar #PanelApplet button {
5016
-GtkWidget-window-dragging: true;
5017
padding: 4px;
5018
border-radius: 0;
5019
}
5020
PanelApplet.wnck-applet .wnck-pager {
5022
background-color: transparent;
5023
color: #40C4FF;
5024
}
5025
PanelApplet.wnck-applet .wnck-pager:hover {
5027
background-color: rgba(0, 0, 0, 0.12);
5028
}
5029
PanelApplet.wnck-applet .wnck-pager:active {
5031
background-color: rgba(0, 0, 0, 0.26);
5032
}
5033
PanelApplet.wnck-applet .wnck-pager:selected {
5035
background-color: #42A5F5;
5036
}
5037
#MatePanelPopupWindow {
5039
border: 1px solid rgba(0, 0, 0, 0.12);
5040
border-radius: 3px;
5041
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
5042
}
5043
#MatePanelPopupWindow frame > border {
5045
border-style: none;
5046
}
5047
#MatePanelPopupWindow ClockMap {
5049
border: 1px solid rgba(0, 0, 0, 0.12);
5050
}
5051
na-tray-applet {
5053
-NaTrayApplet-icon-padding: 3px;
5054
-NaTrayApplet-icon-size: 16;
5055
}
5056
.mate-panel-menu-bar {
5058
-PanelMenuBar-icon-visible: true;
5059
}
5060
.mate-panel-applet-slider {
5062
background-color: transparent;
5063
}
5064
.mate-panel-applet-slider frame {
5066
border: 1px solid rgba(0, 0, 0, 0.12);
5067
border-radius: 3px;
5068
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
5069
background-color: #F5F5F5;
5070
}
5071
.mate-panel-applet-slider frame frame {
5073
all: unset;
5074
}
5075
.mate-panel-applet-slider frame > border {
5077
border-style: none;
5078
}
5079
/*********************
5081
* CAJA File manager *
5082
*********************/
5083
.caja-navigation-window button.toggle.image-button {
5084
border-radius: 2px;
5085
}
5086
.caja-pathbar button {
5088
margin: 0 -1px 0 -2px;
5089
}
5090
.caja-pathbar button > widget {
5092
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
5093
-GtkArrow-arrow-scaling: 1;
5094
}
5095
.caja-side-pane notebook viewport.frame,
5097
.caja-side-pane notebook widget .vertical {
5098
background-color: #FFFFFF;
5099
}
5100
.caja-side-pane notebook,
5102
.caja-notebook {
5103
border-top: 1px solid rgba(0, 0, 0, 0.12);
5104
}
5105
.caja-side-pane notebook .frame,
5107
.caja-notebook .frame {
5108
border-style: none;
5109
}
5110
.caja-navigation-window statusbar {
5112
margin: 0 -10px;
5113
padding: 0 4px;
5114
border-top: 1px solid rgba(0, 0, 0, 0.12);
5115
}
5116
.caja-notebook frame > border {
5118
border-style: none;
5119
}
5120
#caja-extra-view-widget {
5122
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
5123
background-color: #F5F5F5;
5124
}
5125
#caja-extra-view-widget > box > box > label {
5127
font-weight: bold;
5128
}
5129
/*********
5131
* Pluma *
5132
*********/
5133
.pluma-window statusbar {
5134
margin: 0 -10px;
5135
padding: 0 4px;
5136
border-top: 1px solid rgba(0, 0, 0, 0.12);
5137
}
5138
.pluma-window statusbar frame > border {
5140
border-style: none;
5141
}
5142
.pluma-window statusbar frame button.flat {
5144
padding: 0 4px;
5145
border-radius: 0;
5146
}
5147
.pluma-window statusbar frame button.flat widget {
5149
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
5150
-GtkArrow-arrow-scaling: 1;
5151
}
5152
.pluma-print-preview toolbar {
5154
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
5155
}
5156
.pluma-window paned.horizontal box.vertical box.horizontal button.flat {
5158
margin: 1px;
5159
}
5160
.pluma-window paned.horizontal box.vertical .frame {
5162
border-style: none;
5163
}
5164
.pluma-window paned.horizontal box.vertical notebook.frame {
5166
margin-top: -1px;
5167
border-top: 1px solid rgba(0, 0, 0, 0.12);
5168
}
5169
.pluma-window paned.horizontal box.vertical notebook.frame box.vertical toolbar.horizontal {
5171
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
5172
}
5173
/*********
5175
* Atril *
5176
*********/
5177
.atril-window paned.horizontal box.vertical .frame {
5178
border-style: none;
5179
}
5180
.atril-window paned.horizontal box.vertical notebook .frame {
5182
border-top: 1px solid rgba(0, 0, 0, 0.12);
5183
}
5184
/* mate-screensaver lock dialog */
5186
.lock-dialog {
5187
border-radius: 2px;
5188
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);
5189
}
5190
.lock-dialog frame > border {
5192
border-style: none;
5193
}
5194
/******************
5196
* Budgie Desktop *
5197
******************/
5198
.budgie-container {
5199
background-color: transparent;
5200
}
5201
.budgie-menu.background {
5203
padding: 0;
5204
background-color: #FFFFFF;
5205
}
5206
.budgie-menu scrollbar,
5208
.budgie-menu entry.search {
5209
background-color: transparent;
5210
}
5211
.budgie-menu entry.search {
5213
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
5214
border-radius: 0;
5215
box-shadow: none;
5216
font-size: 120%;
5217
}
5218
.budgie-menu .categories:dir(ltr) {
5220
border-bottom-left-radius: 2px;
5221
}
5222
.budgie-menu .categories:dir(rtl) {
5224
border-bottom-right-radius: 2px;
5225
}
5226
.budgie-menu button {
5228
min-height: 32px;
5229
padding: 0 8px;
5230
border-radius: 0;
5231
color: rgba(0, 0, 0, 0.87);
5232
font-weight: normal;
5233
}
5234
.budgie-menu button:disabled {
5236
color: rgba(0, 0, 0, 0.38);
5237
}
5238
.budgie-menu button:checked:disabled {
5240
background-color: #42A5F5;
5241
}
5242
.budgie-menu row {
5244
padding: 0;
5245
}
5246
.budgie-menu row:hover {
5248
box-shadow: none;
5249
}
5250
button.budgie-menu-launcher {
5252
padding: 0 2px;
5253
}
5254
popover.background.user-menu {
5256
padding: 8px;
5257
}
5258
popover.background.user-menu .content-box {
5260
background-color: transparent;
5261
}
5262
popover.background.user-menu separator {
5264
margin: 4px 0;
5265
}
5266
popover.background.user-menu row {
5268
padding: 0;
5269
box-shadow: none;
5270
background-image: none;
5271
}
5272
button.raven-trigger {
5274
padding: 0 4px;
5275
}
5276
popover.background.places-menu {
5278
padding: 8px;
5279
}
5280
popover.background.places-menu .name-button.text-button {
5282
padding-left: 8px;
5283
padding-right: 8px;
5284
}
5285
popover.background.places-menu .name-button.text-button image:dir(ltr) {
5287
margin-right: 3px;
5288
}
5289
popover.background.places-menu .name-button.text-button image:dir(rtl) {
5291
margin-left: 3px;
5292
}
5293
popover.background.places-menu .places-section-header > image:dir(ltr) {
5295
margin: 0 -2px 0 5px;
5296
}
5297
popover.background.places-menu .places-section-header > image:dir(rtl) {
5299
margin: 0 5px 0 -2px;
5300
}
5301
popover.background.places-menu .places-list {
5303
margin-top: 4px;
5304
padding-top: 4px;
5305
border-top: 1px solid rgba(0, 0, 0, 0.12);
5306
background-color: transparent;
5307
}
5308
popover.background.places-menu row {
5310
padding: 0;
5311
box-shadow: none;
5312
background-image: none;
5313
}
5314
.budgie-panel {
5316
background-color: rgba(0, 0, 0, 0.6);
5317
color: rgba(255, 255, 255, 0.7);
5318
font-weight: 500;
5319
}
5320
.budgie-panel button {
5322
border-radius: 0;
5323
}
5324
.budgie-panel separator {
5326
background-color: rgba(255, 255, 255, 0.3);
5327
}
5328
.budgie-panel .alert {
5330
color: #FF5252;
5331
}
5332
.budgie-panel #tasklist-button {
5334
padding: 0 4px;
5335
}
5336
.budgie-panel #tasklist-button:checked {
5338
background-color: rgba(255, 255, 255, 0.12);
5339
}
5340
.budgie-panel button.flat.launcher {
5342
padding: 0;
5343
}
5344
.budgie-panel button.flat.launcher:checked {
5346
background-color: rgba(255, 255, 255, 0.12);
5347
}
5348
.budgie-panel button.flat.launcher:not(:checked) {
5350
color: rgba(255, 255, 255, 0.5);
5351
}
5352
.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active {
5354
color: rgba(255, 255, 255, 0.7);
5355
}
5356
.budgie-panel button.flat.launcher:not(:checked):disabled {
5358
color: rgba(255, 255, 255, 0.3);
5359
}
5360
.top .budgie-panel #tasklist-button, .budgie-panel .top #tasklist-button, .top .budgie-panel button.flat.launcher, .budgie-panel .top button.flat.launcher {
5362
border-image: radial-gradient(circle closest-corner at center calc(1px), currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
5363
}
5364
.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
5366
.budgie-panel .pinned button.flat.launcher.running,
5367
.budgie-panel .pinned .top button.flat.launcher.running {
5368
border-image: radial-gradient(circle closest-corner at center calc(1px), currentColor 100%, transparent 0%) 2 0 0 0/2px 0 0 0;
5369
}
5370
.bottom .budgie-panel #tasklist-button, .budgie-panel .bottom #tasklist-button, .bottom .budgie-panel button.flat.launcher, .budgie-panel .bottom button.flat.launcher {
5372
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
5373
}
5374
.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
5376
.budgie-panel .pinned button.flat.launcher.running,
5377
.budgie-panel .pinned .bottom button.flat.launcher.running {
5378
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2 0/0 0 2px 0;
5379
}
5380
.left .budgie-panel #tasklist-button, .budgie-panel .left #tasklist-button, .left .budgie-panel button.flat.launcher, .budgie-panel .left button.flat.launcher {
5382
border-image: radial-gradient(circle closest-corner at calc(1px) center, currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
5383
}
5384
.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
5386
.budgie-panel .pinned button.flat.launcher.running,
5387
.budgie-panel .pinned .left button.flat.launcher.running {
5388
border-image: radial-gradient(circle closest-corner at calc(1px) center, currentColor 100%, transparent 0%) 0 2 0 0/0 2px 0 0;
5389
}
5390
.right .budgie-panel #tasklist-button, .budgie-panel .right #tasklist-button, .right .budgie-panel button.flat.launcher, .budgie-panel .right button.flat.launcher {
5392
border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
5393
}
5394
.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
5396
.budgie-panel .pinned button.flat.launcher.running,
5397
.budgie-panel .pinned .right button.flat.launcher.running {
5398
border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, currentColor 100%, transparent 0%) 0 0 0 2/0 0 0 2px;
5399
}
5400
frame.raven-frame > border {
5402
border-style: none;
5403
box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22);
5404
}
5405
.top frame.raven-frame > border {
5407
margin-bottom: 32px;
5408
}
5409
.bottom frame.raven-frame > border {
5411
margin-top: 32px;
5412
}
5413
.left frame.raven-frame > border {
5415
margin-right: 32px;
5416
}
5417
.right frame.raven-frame > border {
5419
margin-left: 32px;
5420
}
5421
.raven {
5423
background-color: #FAFAFA;
5424
}
5425
.raven > stack {
5427
margin-bottom: -10px;
5428
}
5429
.raven stackswitcher.linked > button {
5431
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FFA726 0%, transparent 0%) 0 0 0/0 0 0px;
5432
border-radius: 0;
5433
}
5434
.raven stackswitcher.linked > button:checked {
5436
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FFA726 100%, transparent 0%) 0 0 2/0 0 2px;
5437
background-color: transparent;
5438
}
5439
.raven .raven-header {
5441
min-height: 36px;
5442
padding: 3px;
5443
}
5444
.raven .raven-header:not(.top) {
5446
margin-top: -6px;
5447
}
5448
.raven .raven-header.top {
5450
padding: 2px 0;
5451
background-color: #42A5F5;
5452
color: #FFFFFF;
5453
}
5454
.raven .raven-header.top stackswitcher button {
5456
margin: -6px 0;
5457
min-height: 36px;
5458
}
5459
.raven .raven-header.top button.image-button:dir(ltr) {
5461
margin-right: 2px;
5462
}
5463
.raven .raven-header.top button.image-button:dir(rtl) {
5465
margin-left: 2px;
5466
}
5467
.raven .raven-header.top > image {
5469
margin: 0 8px;
5470
}
5471
.raven .raven-header.top > label {
5473
margin: 0 -8px;
5474
font-weight: bold;
5475
}
5476
.raven .raven-header.bottom {
5478
border-top: 1px solid rgba(0, 0, 0, 0.12);
5479
}
5480
.raven viewport.frame .raven-header {
5482
margin-top: -8px;
5483
}
5484
.raven .raven-background {
5486
border-style: solid none;
5487
border-width: 1px;
5488
border-color: rgba(0, 0, 0, 0.12);
5489
background-color: #FFFFFF;
5490
}
5491
.raven .raven-background.frame {
5493
border-style: solid none;
5494
}
5495
.raven .raven-background > overlay > widget > image {
5497
color: rgba(0, 0, 0, 0.12);
5498
}
5499
.raven .raven-background grid > label:first-child {
5501
min-height: 36px;
5502
}
5503
.raven scrolledwindow.raven-background {
5505
border-bottom-style: none;
5506
}
5507
.raven .raven-header.top + .raven-background {
5509
border-style: none;
5510
background-color: #42A5F5;
5511
color: #FFFFFF;
5512
}
5513
.raven .raven-header.top + .raven-background stackswitcher button {
5515
margin: -4px 0;
5516
}
5517
.raven .powerstrip button {
5519
margin: 2px 0 1px;
5520
padding: 12px;
5521
}
5522
.raven .option-subtitle {
5524
font-size: smaller;
5525
}
5526
calendar.raven-calendar {
5528
border-style: none;
5529
background-color: transparent;
5530
}
5531
calendar.raven-calendar:selected {
5533
border-radius: 2px;
5534
background-color: #42A5F5;
5535
}
5536
.raven-mpris {
5538
background-color: rgba(0, 0, 0, 0.6);
5539
color: #FFFFFF;
5540
}
5541
.raven-mpris label {
5543
min-height: 24px;
5544
}
5545
.raven-mpris button.image-button {
5547
padding: 12px;
5548
}
5549
.budgie-notification-window, .budgie-osd-window, .budgie-switcher-window {
5551
background-color: transparent;
5552
}
5553
.budgie-notification .notification-title, .budgie-switcher .notification-title {
5555
font-size: 120%;
5556
}
5557
.budgie-osd .budgie-osd-text {
5559
font-size: 120%;
5560
}
5561
.drop-shadow {
5563
margin: 5px 9px;
5564
padding: 3px;
5565
border-radius: 2px;
5566
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);
5567
background-color: #FAFAFA;
5568
}
5569
.drop-shadow .linked > button {
5571
border-radius: 2px;
5572
}
5573
.budgie-session-dialog, .budgie-polkit-dialog, .budgie-run-dialog {
5575
border-radius: 2px;
5576
background-color: #FAFAFA;
5577
}
5578
.budgie-session-dialog decoration, .budgie-polkit-dialog decoration, .budgie-run-dialog decoration {
5580
border-radius: 2px;
5581
}
5582
.budgie-session-dialog label:not(:last-child),
5584
.budgie-session-dialog .dialog-title {
5585
font-size: 120%;
5586
}
5587
.budgie-session-dialog .linked.horizontal > button {
5589
padding: 8px 16px;
5590
border-top: 1px solid rgba(0, 0, 0, 0.12);
5591
border-radius: 0;
5592
}
5593
.budgie-session-dialog .linked.horizontal > button:first-child {
5595
border-bottom-left-radius: 2px;
5596
}
5597
.budgie-session-dialog .linked.horizontal > button:last-child {
5599
border-bottom-right-radius: 2px;
5600
}
5601
.budgie-polkit-dialog .message {
5603
color: rgba(0, 0, 0, 0.38);
5604
}
5605
.budgie-polkit-dialog .failure {
5607
color: #FF5252;
5608
}
5609
.budgie-run-dialog {
5611
background-color: #FFFFFF;
5612
}
5613
.budgie-run-dialog entry.search {
5615
font-size: 120%;
5616
padding: 6px 14px;
5617
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
5618
background-color: transparent;
5619
}
5620
.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
5622
headerbar .subtitle,
5623
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 {
5624
opacity: 1;
5625
}
5626
.budgie-run-dialog scrolledwindow {
5628
border-top: 1px solid rgba(0, 0, 0, 0.12);
5629
}
5630
/************************
5632
* LightDM GTK+ Greeter *
5633
************************/
5634
#panel_window {
5635
background-color: rgba(0, 0, 0, 0.3);
5636
color: #FFFFFF;
5637
}
5638
#panel_window menubar,
5640
#panel_window separator {
5641
background-color: transparent;
5642
}
5643
#panel_window separator {
5645
padding: 0 4px;
5646
}
5647
#panel_window separator:first-child {
5649
padding: 0 8px;
5650
}
5651
#panel_window menubar > menuitem {
5653
color: rgba(255, 255, 255, 0.7);
5654
}
5655
#panel_window menubar > menuitem:hover {
5657
color: #FFFFFF;
5658
}
5659
#panel_window menubar > menuitem:disabled label {
5661
color: rgba(255, 255, 255, 0.3);
5662
}
5663
#login_window,
5665
#shutdown_dialog,
5666
#restart_dialog {
5667
margin: 8px;
5668
border-radius: 2px;
5669
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);
5670
background-color: #FAFAFA;
5671
}
5672
#content_frame {
5674
padding-bottom: 20px;
5675
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
5676
}
5677
#buttonbox_frame {
5679
padding-top: 24px;
5680
}
5681
#buttonbox_frame button {
5683
margin: -16px;
5684
}
5685
#greeter_infobar {
5687
margin-top: -1px;
5688
}
5689
/* GTK NAMED COLORS
5691
----------------
5692
use responsibly! */
5693
/*
5694
widget text/foreground color */
5695
@define-color theme_fg_color rgba(0, 0, 0, 0.87);
5696
/*
5697
text color for entries, views and content in general */
5698
@define-color theme_text_color rgba(0, 0, 0, 0.87);
5699
/*
5700
widget base background color */
5701
@define-color theme_bg_color #F5F5F5;
5702
/*
5703
text widgets and the like base background color */
5704
@define-color theme_base_color #FFFFFF;
5705
/*
5706
base background color of selections */
5707
@define-color theme_selected_bg_color #42A5F5;
5708
/*
5709
text/foreground color of selections */
5710
@define-color theme_selected_fg_color #FFFFFF;
5711
/*
5712
base background color of insensitive widgets */
5713
@define-color insensitive_bg_color #F5F5F5;
5714
/*
5715
text foreground color of insensitive widgets */
5716
@define-color insensitive_fg_color rgba(0, 0, 0, 0.38);
5717
/*
5718
insensitive text widgets and the like base background color */
5719
@define-color insensitive_base_color #FAFAFA;
5720
/*
5721
widget text/foreground color on backdrop windows */
5722
@define-color theme_unfocused_fg_color rgba(0, 0, 0, 0.87);
5723
/*
5724
text color for entries, views and content in general on backdrop windows */
5725
@define-color theme_unfocused_text_color rgba(0, 0, 0, 0.87);
5726
/*
5727
widget base background color on backdrop windows */
5728
@define-color theme_unfocused_bg_color #F5F5F5;
5729
/*
5730
text widgets and the like base background color on backdrop windows */
5731
@define-color theme_unfocused_base_color #FFFFFF;
5732
/*
5733
base background color of selections on backdrop windows */
5734
@define-color theme_unfocused_selected_bg_color #42A5F5;
5735
/*
5736
text/foreground color of selections on backdrop windows */
5737
@define-color theme_unfocused_selected_fg_color #FFFFFF;
5738
/*
5739
insensitive color on backdrop windows */
5740
@define-color unfocused_insensitive_color rgba(0, 0, 0, 0.38);
5741
/*
5742
widgets main borders color */
5743
@define-color borders rgba(0, 0, 0, 0.12);
5744
/*
5745
widgets main borders color on backdrop windows */
5746
@define-color unfocused_borders rgba(0, 0, 0, 0.12);
5747
/*
5748
these are pretty self explicative */
5749
@define-color warning_color #FF6D00;
5750
@define-color error_color #DD2C00;
5751
@define-color success_color #00C853;
5752
/*
5753
FIXME this is really an API */
5754
@define-color content_view_bg #FFFFFF;
5755
@define-color placeholder_text_color #757575;
5756