ASCII text, with very long lines (896)
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, #338DD6 0%, transparent 0%);
10
}
11
to {
12
background-image: radial-gradient(circle farthest-corner at center, #338DD6 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: #338DD6;
32
}
33
notebook:focus tab,
35
*:focus {
36
outline-color: alpha(currentColor, 0.3);
37
}
38
/***************
40
* Base States *
41
***************/
42
.background {
43
background-color: #EEEEEE;
44
color: rgba(0, 0, 0, 0.87);
45
}
46
/*
48
These wildcard seems unavoidable, need to investigate.
49
Wildcards are bad and troublesome, use them with care,
50
or better, just don't.
51
Everytime a wildcard is used a kitten dies, painfully.
52
*/
53
*:disabled {
54
-gtk-icon-effect: dim;
55
}
56
.gtkstyle-fallback {
58
background-color: #EEEEEE;
59
color: rgba(0, 0, 0, 0.87);
60
}
61
.gtkstyle-fallback:hover {
63
background-color: #e1e1e1;
64
color: rgba(0, 0, 0, 0.87);
65
}
66
.gtkstyle-fallback:active {
68
background-color: #d5d5d5;
69
color: rgba(0, 0, 0, 0.87);
70
}
71
.gtkstyle-fallback:disabled {
73
background-color: #EEEEEE;
74
color: rgba(0, 0, 0, 0.38);
75
}
76
.gtkstyle-fallback:selected {
78
background-color: #338DD6;
79
color: #FFFFFF;
80
}
81
.view {
83
background-color: #FFFFFF;
84
color: rgba(0, 0, 0, 0.87);
85
}
86
.view:disabled {
88
color: rgba(0, 0, 0, 0.38);
89
}
90
.view:hover, .view:active, .view:selected {
92
border-radius: 2px;
93
}
94
textview text {
96
background-color: #FFFFFF;
97
}
98
textview border {
100
background-color: #F5F5F5;
101
color: rgba(0, 0, 0, 0.38);
102
}
103
.rubberband,
105
rubberband,
106
flowbox rubberband,
107
treeview.view rubberband,
108
.content-view rubberband,
109
.content-view .rubberband {
110
border: 1px solid #40C4FF;
111
background-color: rgba(64, 196, 255, 0.3);
112
}
113
flowbox flowboxchild {
115
padding: 4px;
116
border-radius: 2px;
117
}
118
.content-view .tile:selected {
120
background-color: transparent;
121
color: inherit;
122
}
123
label {
125
caret-color: currentColor;
126
}
127
label.separator {
129
color: rgba(0, 0, 0, 0.87);
130
}
131
label selection {
133
background-color: #338DD6;
134
color: #FFFFFF;
135
}
136
label:disabled {
138
color: rgba(0, 0, 0, 0.38);
139
}
140
tab label:disabled,
142
button label:disabled {
143
color: inherit;
144
}
145
.dim-label, label.separator, .titlebar:not(headerbar) .subtitle,
147
headerbar .subtitle, .budgie-notification .notification-body, .budgie-switcher .notification-body {
148
opacity: 0.6;
149
}
150
assistant .sidebar {
152
padding: 4px 0;
153
}
154
assistant .sidebar label {
156
min-height: 36px;
157
padding: 0 12px;
158
color: rgba(0, 0, 0, 0.38);
159
font-weight: 500;
160
}
161
assistant .sidebar label.highlight {
163
color: rgba(0, 0, 0, 0.87);
164
}
165
popover.background.touch-selection, popover.background.magnifier, popover.background.osd, .app-notification, .osd .scale-popup, .nautilus-window .floating-bar, .osd {
167
opacity: 0.9;
168
}
169
/*********************
171
* Spinner Animation *
172
*********************/
173
@keyframes spin {
174
to {
175
-gtk-icon-transform: rotate(1turn);
176
}
177
}
178
spinner {
180
background: none;
181
opacity: 0;
182
-gtk-icon-source: -gtk-icontheme("process-working-symbolic");
183
}
184
spinner:checked {
186
opacity: 1;
187
animation: spin 1s linear infinite;
188
}
189
spinner:checked:disabled {
191
opacity: 0.5;
192
}
193
/****************
195
* Text Entries *
196
****************/
197
spinbutton:not(.vertical),
198
entry {
199
min-height: 36px;
200
padding: 0 8px;
201
border-radius: 2px;
202
transition: all 270ms cubic-bezier(0, 0, 0.2, 1), box-shadow 180ms cubic-bezier(0, 0, 0.2, 1);
203
border-image: none;
204
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
205
background-color: #FFFFFF;
206
color: rgba(0, 0, 0, 0.87);
207
}
208
spinbutton:focus:not(.vertical),
210
entry:focus {
211
border-image: none;
212
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
213
}
214
spinbutton:disabled:not(.vertical),
216
entry:disabled {
217
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
218
background-color: #F5F5F5;
219
color: rgba(0, 0, 0, 0.38);
220
}
221
spinbutton.flat:not(.vertical), notebook > stack:not(:only-child) entry:not(.search),
223
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,
224
entry.flat {
225
border-radius: 0;
226
transition: all 270ms cubic-bezier(0, 0, 0.2, 1);
227
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #338DD6 0%, transparent 0%) 0 0 0/0 0 0px;
228
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26);
229
background-color: transparent;
230
color: rgba(0, 0, 0, 0.87);
231
}
232
spinbutton.flat:focus:not(.vertical), notebook > stack:not(:only-child) entry:focus:not(.search),
234
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,
235
entry.flat:focus {
236
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #338DD6 100%, transparent 0%) 0 0 2/0 0 2px;
237
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26);
238
}
239
spinbutton.flat:disabled:not(.vertical), notebook > stack:not(:only-child) entry:disabled:not(.search),
241
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,
242
entry.flat:disabled {
243
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12);
244
background-color: transparent;
245
color: rgba(0, 0, 0, 0.38);
246
}
247
spinbutton:not(.vertical) image,
249
entry image {
250
color: rgba(0, 0, 0, 0.54);
251
}
252
spinbutton:not(.vertical) image:hover, spinbutton:not(.vertical) image:active,
254
entry image:hover,
255
entry image:active {
256
color: rgba(0, 0, 0, 0.87);
257
}
258
spinbutton:not(.vertical) image:disabled,
260
entry image:disabled {
261
color: rgba(0, 0, 0, 0.38);
262
}
263
spinbutton:not(.vertical) image.left,
265
entry image.left {
266
margin-left: 2px;
267
margin-right: 6px;
268
}
269
spinbutton:not(.vertical) image.right,
271
entry image.right {
272
margin-left: 6px;
273
margin-right: 2px;
274
}
275
spinbutton:not(.vertical) undershoot.left,
277
entry undershoot.left {
278
background-color: transparent;
279
background-image: linear-gradient(to top, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%);
280
padding-left: 1px;
281
background-size: 1px 12px;
282
background-repeat: repeat-y;
283
background-origin: content-box;
284
background-position: left top;
285
}
286
spinbutton:not(.vertical) undershoot.right,
288
entry undershoot.right {
289
background-color: transparent;
290
background-image: linear-gradient(to top, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%);
291
padding-right: 1px;
292
background-size: 1px 12px;
293
background-repeat: repeat-y;
294
background-origin: content-box;
295
background-position: right top;
296
}
297
spinbutton.error:not(.vertical),
299
entry.error {
300
transition: all 270ms cubic-bezier(0, 0, 0.2, 1), box-shadow 180ms cubic-bezier(0, 0, 0.2, 1);
301
border-image: none;
302
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
303
background-color: #DD2C00;
304
color: #FFFFFF;
305
}
306
spinbutton.error:focus:not(.vertical),
308
entry.error:focus {
309
border-image: none;
310
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
311
}
312
spinbutton.error:disabled:not(.vertical),
314
entry.error:disabled {
315
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
316
background-color: #F5F5F5;
317
color: rgba(0, 0, 0, 0.38);
318
}
319
spinbutton.error.flat:not(.vertical), notebook > stack:not(:only-child) entry.error:not(.search),
321
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,
322
entry.error.flat {
323
transition: all 270ms cubic-bezier(0, 0, 0.2, 1);
324
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #DD2C00 0%, transparent 0%) 0 0 0/0 0 0px;
325
box-shadow: inset 0 -1px #DD2C00;
326
background-color: transparent;
327
color: rgba(0, 0, 0, 0.87);
328
}
329
spinbutton.error.flat:focus:not(.vertical), notebook > stack:not(:only-child) entry.error:focus:not(.search),
331
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,
332
entry.error.flat:focus {
333
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #DD2C00 100%, transparent 0%) 0 0 2/0 0 2px;
334
box-shadow: inset 0 -1px #DD2C00;
335
}
336
spinbutton.error.flat:disabled:not(.vertical), notebook > stack:not(:only-child) entry.error:disabled:not(.search),
338
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,
339
entry.error.flat:disabled {
340
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12);
341
background-color: transparent;
342
color: rgba(0, 0, 0, 0.38);
343
}
344
spinbutton.error:not(.vertical) image,
346
entry.error image {
347
color: rgba(255, 255, 255, 0.7);
348
}
349
spinbutton.error:not(.vertical) image:hover, spinbutton.error:not(.vertical) image:active,
351
entry.error image:hover,
352
entry.error image:active {
353
color: #FFFFFF;
354
}
355
spinbutton.error:not(.vertical) image:disabled,
357
entry.error image:disabled {
358
color: rgba(255, 255, 255, 0.5);
359
}
360
spinbutton.warning:not(.vertical),
362
entry.warning {
363
transition: all 270ms cubic-bezier(0, 0, 0.2, 1), box-shadow 180ms cubic-bezier(0, 0, 0.2, 1);
364
border-image: none;
365
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
366
background-color: #FF6D00;
367
color: #FFFFFF;
368
}
369
spinbutton.warning:focus:not(.vertical),
371
entry.warning:focus {
372
border-image: none;
373
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
374
}
375
spinbutton.warning:disabled:not(.vertical),
377
entry.warning:disabled {
378
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
379
background-color: #F5F5F5;
380
color: rgba(0, 0, 0, 0.38);
381
}
382
spinbutton.warning.flat:not(.vertical), notebook > stack:not(:only-child) entry.warning:not(.search),
384
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,
385
entry.warning.flat {
386
transition: all 270ms cubic-bezier(0, 0, 0.2, 1);
387
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FF6D00 0%, transparent 0%) 0 0 0/0 0 0px;
388
box-shadow: inset 0 -1px #FF6D00;
389
background-color: transparent;
390
color: rgba(0, 0, 0, 0.87);
391
}
392
spinbutton.warning.flat:focus:not(.vertical), notebook > stack:not(:only-child) entry.warning:focus:not(.search),
394
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,
395
entry.warning.flat:focus {
396
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FF6D00 100%, transparent 0%) 0 0 2/0 0 2px;
397
box-shadow: inset 0 -1px #FF6D00;
398
}
399
spinbutton.warning.flat:disabled:not(.vertical), notebook > stack:not(:only-child) entry.warning:disabled:not(.search),
401
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,
402
entry.warning.flat:disabled {
403
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12);
404
background-color: transparent;
405
color: rgba(0, 0, 0, 0.38);
406
}
407
spinbutton.warning:not(.vertical) image,
409
entry.warning image {
410
color: rgba(255, 255, 255, 0.7);
411
}
412
spinbutton.warning:not(.vertical) image:hover, spinbutton.warning:not(.vertical) image:active,
414
entry.warning image:hover,
415
entry.warning image:active {
416
color: #FFFFFF;
417
}
418
spinbutton.warning:not(.vertical) image:disabled,
420
entry.warning image:disabled {
421
color: rgba(255, 255, 255, 0.5);
422
}
423
spinbutton:not(.vertical) progress,
425
entry progress {
426
margin: 2px -6px;
427
border-bottom: 2px solid #338DD6;
428
background-color: transparent;
429
}
430
.linked:not(.vertical) > spinbutton.flat:not(.vertical), notebook > stack:not(:only-child) .linked:not(.vertical) > entry:not(.search),
432
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,
433
.linked.vertical > spinbutton.flat:not(.vertical),
434
notebook > stack:not(:only-child) .linked.vertical > entry:not(.search),
435
notebook > stack:not(:only-child) .linked.vertical > spinbutton:not(.vertical),
436
messagedialog .linked.vertical > entry,
437
colorchooser .popover.osd .linked.vertical > spinbutton:not(.vertical),
438
.linked.vertical > entry.preferences-search,
439
layoutpane .linked.vertical > entry.search,
440
editortweak .linked.vertical > entry.search,
441
.raven .raven-background .linked.vertical > spinbutton:not(.vertical),
442
#login_window .linked.vertical > entry, .linked:not(.vertical) >
443
entry.flat,
444
.linked.vertical >
445
entry.flat {
446
border-radius: 0;
447
}
448
treeview entry.flat, treeview entry {
450
min-height: 0;
451
padding: 2px;
452
border-radius: 0;
453
background-color: #FFFFFF;
454
}
455
treeview entry.flat, treeview entry.flat:focus, treeview entry, treeview entry:focus {
457
border-image: none;
458
box-shadow: none;
459
}
460
.entry-tag, .documents-entry-tag, .photos-entry-tag {
462
margin: 6px;
463
border-radius: 9999px;
464
box-shadow: none;
465
background-color: #338DD6;
466
color: #FFFFFF;
467
}
468
.entry-tag:hover, .documents-entry-tag:hover, .photos-entry-tag:hover {
470
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
471
}
472
:dir(ltr) .entry-tag, :dir(ltr) .documents-entry-tag, :dir(ltr) .photos-entry-tag {
474
margin-left: 8px;
475
margin-right: -2px;
476
padding-left: 8px;
477
padding-right: 4px;
478
}
479
:dir(rtl) .entry-tag, :dir(rtl) .documents-entry-tag, :dir(rtl) .photos-entry-tag {
481
margin-left: -2px;
482
margin-right: 8px;
483
padding-left: 4px;
484
padding-right: 8px;
485
}
486
.entry-tag.button, .button.documents-entry-tag, .button.photos-entry-tag {
488
box-shadow: none;
489
background-color: transparent;
490
}
491
.entry-tag.button:not(:hover):not(:active), .button.documents-entry-tag:not(:hover):not(:active), .button.photos-entry-tag:not(:hover):not(:active) {
493
color: rgba(255, 255, 255, 0.7);
494
}
495
/***********
497
* Buttons *
498
***********/
499
@keyframes needs_attention {
500
from {
501
background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#009688), to(transparent));
502
}
503
to {
504
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#009688), to(transparent));
505
}
506
}
507
button {
510
min-height: 24px;
511
min-width: 16px;
512
padding: 6px 10px;
513
border-radius: 2px;
514
font-weight: 500;
515
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);
516
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;
517
background-color: #FAFAFA;
518
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
519
background-repeat: no-repeat;
520
background-position: center;
521
background-size: 1000% 1000%;
522
color: rgba(0, 0, 0, 0.62);
523
}
524
button:hover {
527
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;
528
color: rgba(0, 0, 0, 0.87);
529
}
530
button:active {
533
transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
534
animation: ripple_effect 270ms cubic-bezier(0, 0, 0.2, 1) forwards;
535
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);
536
background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.15) 10%, transparent 0%);
537
background-size: 0% 0%;
538
color: rgba(0, 0, 0, 0.87);
539
}
540
button:disabled {
543
box-shadow: none;
544
background-color: rgba(0, 0, 0, 0.12);
545
color: rgba(0, 0, 0, 0.26);
546
}
547
button:checked {
550
background-color: #338DD6;
551
color: #FFFFFF;
552
}
553
button:checked:disabled {
556
background-color: rgba(51, 141, 214, 0.3);
557
color: rgba(51, 141, 214, 0.5);
558
}
559
modelbutton.flat,
561
.menuitem.button.flat, spinbutton:not(.vertical) button, spinbutton.vertical button, popover.background.menu button,
562
popover.background button.model, notebook > header > tabs > arrow, scrollbar button, check,
563
radio, calendar.button, messagedialog.csd .dialog-action-area button, button.sidebar-button, .gedit-search-slider button, popover.messagepopover .popover-action-area button, #mate-menu button, .budgie-settings-window buttonbox.inline-toolbar 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) .path-bar button, layouttabbar button, .mate-panel-menu-bar button, .budgie-panel button, .raven stackswitcher.linked > button, toolbar button, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action),
564
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,
565
button.flat {
566
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);
567
box-shadow: inset 0 0 0 9999px transparent;
568
background-color: transparent;
569
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
570
background-repeat: no-repeat;
571
background-position: center;
572
background-size: 1000% 1000%;
573
color: rgba(0, 0, 0, 0.54);
574
}
575
modelbutton.flat:hover,
577
.menuitem.button.flat:hover, spinbutton:not(.vertical) button:hover, spinbutton.vertical button:hover, popover.background.menu button:hover,
578
popover.background button.model:hover, notebook > header > tabs > arrow:hover, scrollbar button:hover, check:hover,
579
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, #mate-menu button:hover, .budgie-settings-window buttonbox.inline-toolbar 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) .path-bar button:hover, layouttabbar button:hover, .mate-panel-menu-bar button:hover, .budgie-panel button:hover, .raven stackswitcher.linked > button:hover, toolbar button:hover, .titlebar:not(headerbar) button:hover:not(.suggested-action):not(.destructive-action),
580
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,
581
button.flat:hover {
582
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.15);
583
color: rgba(0, 0, 0, 0.87);
584
}
585
modelbutton.flat:active,
587
.menuitem.button.flat:active, spinbutton:not(.vertical) button:active, spinbutton.vertical button:active, popover.background.menu button:active,
588
popover.background button.model:active, notebook > header > tabs > arrow:active, scrollbar button:active, check:active,
589
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, #mate-menu button:active, .budgie-settings-window buttonbox.inline-toolbar 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) .path-bar button:active, layouttabbar button:active, .mate-panel-menu-bar button:active, .budgie-panel button:active, .raven stackswitcher.linked > button:active, toolbar button:active, .titlebar:not(headerbar) button:active:not(.suggested-action):not(.destructive-action),
590
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,
591
button.flat:active {
592
transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
593
animation: ripple_effect 270ms cubic-bezier(0, 0, 0.2, 1) forwards;
594
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.15);
595
background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.15) 10%, transparent 0%);
596
background-size: 0% 0%;
597
color: rgba(0, 0, 0, 0.87);
598
}
599
modelbutton.flat:disabled,
601
.menuitem.button.flat:disabled, spinbutton:not(.vertical) button:disabled, spinbutton.vertical button:disabled, popover.background.menu button:disabled,
602
popover.background button.model:disabled, notebook > header > tabs > arrow:disabled, scrollbar button:disabled, check:disabled,
603
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, #mate-menu button:disabled, .budgie-settings-window buttonbox.inline-toolbar 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) .path-bar button:disabled, layouttabbar button:disabled, .mate-panel-menu-bar button:disabled, .budgie-panel button:disabled, .raven stackswitcher.linked > button:disabled, toolbar button:disabled, .titlebar:not(headerbar) button:disabled:not(.suggested-action):not(.destructive-action),
604
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,
605
button.flat:disabled {
606
box-shadow: none;
607
background-color: transparent;
608
color: rgba(0, 0, 0, 0.26);
609
}
610
:not(headerbar) .caja-pathbar button:checked, .caja-pathbar :not(headerbar) button:checked, :not(headerbar) .path-bar button:checked, layouttabbar button:checked, .mate-panel-menu-bar button:checked, .budgie-panel button:checked, .raven stackswitcher.linked > button:checked, toolbar button:checked, .titlebar:not(headerbar) button:checked:not(.suggested-action):not(.destructive-action),
612
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,
613
button.flat:checked {
614
background-color: rgba(0, 0, 0, 0.26);
615
color: rgba(0, 0, 0, 0.87);
616
}
617
:not(headerbar) .caja-pathbar button:checked:disabled, .caja-pathbar :not(headerbar) button:checked:disabled, :not(headerbar) .path-bar button:checked:disabled, layouttabbar button:checked:disabled, .mate-panel-menu-bar button:checked:disabled, .budgie-panel 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),
619
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,
620
button.flat:checked:disabled {
621
background-color: rgba(0, 0, 0, 0.12);
622
color: rgba(0, 0, 0, 0.38);
623
}
624
button.text-button {
627
padding-left: 16px;
628
padding-right: 16px;
629
}
630
button.image-button {
633
min-width: 24px;
634
padding: 6px;
635
}
636
button.text-button.image-button {
639
border-radius: 2px;
640
-gtk-outline-radius: 2px;
641
}
642
button.text-button.image-button label:first-child {
645
margin-left: 10px;
646
}
647
button.text-button.image-button label:last-child {
650
margin-right: 10px;
651
}
652
button.text-button.image-button image:not(:only-child) {
655
margin: 0 4px;
656
}
657
toolbar .linked > button, .titlebar:not(headerbar) .linked > button:not(.suggested-action):not(.destructive-action),
659
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,
660
toolbar .linked.vertical > button,
661
.titlebar:not(headerbar) .linked.vertical > button:not(.suggested-action):not(.destructive-action),
662
headerbar .linked.vertical > button:not(.suggested-action):not(.destructive-action),
663
actionbar > revealer > box .linked.vertical > button:not(.suggested-action):not(.destructive-action):not(.server-list-button),
664
.app-notification .linked.vertical > button, .linked >
665
button.flat,
666
.linked.vertical >
667
button.flat {
668
border-radius: 2px;
669
}
670
toolbar .linked > button.text-button.image-button, .titlebar:not(headerbar) .linked > button.text-button.image-button:not(.suggested-action):not(.destructive-action),
672
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,
673
toolbar .linked.vertical > button.text-button.image-button,
674
.titlebar:not(headerbar) .linked.vertical > button.text-button.image-button:not(.suggested-action):not(.destructive-action),
675
headerbar .linked.vertical > button.text-button.image-button:not(.suggested-action):not(.destructive-action),
676
actionbar > revealer > box .linked.vertical > button.text-button.image-button:not(.suggested-action):not(.destructive-action):not(.server-list-button),
677
.app-notification .linked.vertical > button.text-button.image-button, .linked >
678
button.flat.text-button.image-button,
679
.linked.vertical >
680
button.flat.text-button.image-button {
681
border-radius: 2px;
682
-gtk-outline-radius: 2px;
683
}
684
infobar.info button:disabled, infobar.question button:disabled, infobar.warning button:disabled, infobar.error button:disabled, row:selected
686
button:disabled {
687
background-color: rgba(255, 255, 255, 0.12);
688
color: rgba(255, 255, 255, 0.3);
689
}
690
row:selected button.sidebar-button, infobar.info button.flat, infobar.question button.flat, infobar.warning button.flat, infobar.error button.flat, .mate-panel-menu-bar button, .budgie-panel button, .raven stackswitcher.linked > button, .raven-mpris button.image-button, row:selected
692
button.flat {
693
color: rgba(255, 255, 255, 0.7);
694
}
695
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, .mate-panel-menu-bar button:hover, .budgie-panel 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, .mate-panel-menu-bar button:active, .budgie-panel button:active, .raven stackswitcher.linked > button:active, .raven-mpris button.image-button:active, row:selected
697
button.flat:hover, row:selected
698
button.flat:active {
699
color: #FFFFFF;
700
}
701
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, .mate-panel-menu-bar button:disabled, .budgie-panel button:disabled, .raven stackswitcher.linked > button:disabled, .raven-mpris button.image-button:disabled, row:selected
703
button.flat:disabled {
704
color: rgba(255, 255, 255, 0.3);
705
}
706
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, .mate-panel-menu-bar button:checked, .budgie-panel button:checked, .raven stackswitcher.linked > button:checked, .raven-mpris button.image-button:checked, row:selected
708
button.flat:checked {
709
background-color: rgba(255, 255, 255, 0.3);
710
color: #FFFFFF;
711
}
712
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, .mate-panel-menu-bar button:checked:disabled, .budgie-panel button:checked:disabled, .raven stackswitcher.linked > button:checked:disabled, .raven-mpris button.image-button:checked:disabled, row:selected
714
button.flat:checked:disabled {
715
background-color: rgba(255, 255, 255, 0.12);
716
color: rgba(255, 255, 255, 0.5);
717
}
718
button.osd {
721
padding: 12px 16px;
722
}
723
button.osd.image-button {
726
padding: 12px;
727
}
728
button.osd:disabled {
731
opacity: 0;
732
}
733
button.suggested-action {
736
background-color: #009688;
737
color: #FFFFFF;
738
}
739
button.suggested-action:disabled {
742
box-shadow: none;
743
background-color: rgba(0, 0, 0, 0.12);
744
color: rgba(0, 0, 0, 0.38);
745
}
746
button.suggested-action:checked {
749
background-color: #4db6ac;
750
}
751
button.suggested-action.flat {
754
background-color: transparent;
755
color: #009688;
756
}
757
button.suggested-action.flat:disabled {
760
box-shadow: none;
761
background-color: transparent;
762
color: rgba(0, 0, 0, 0.38);
763
}
764
button.suggested-action.flat:checked {
767
background-color: rgba(0, 150, 136, 0.3);
768
}
769
button.destructive-action {
772
background-color: #FF5252;
773
color: #FFFFFF;
774
}
775
button.destructive-action:disabled {
778
box-shadow: none;
779
background-color: rgba(0, 0, 0, 0.12);
780
color: rgba(0, 0, 0, 0.38);
781
}
782
button.destructive-action:checked {
785
background-color: #ff8686;
786
}
787
button.destructive-action.flat {
790
background-color: transparent;
791
color: #FF5252;
792
}
793
button.destructive-action.flat:disabled {
796
box-shadow: none;
797
background-color: transparent;
798
color: rgba(0, 0, 0, 0.38);
799
}
800
button.destructive-action.flat:checked {
803
background-color: rgba(255, 82, 82, 0.3);
804
}
805
.stack-switcher >
807
button {
808
outline-offset: -4px;
809
}
810
.stack-switcher >
812
button > label {
813
padding-left: 6px;
814
padding-right: 6px;
815
}
816
.stack-switcher >
818
button > image {
819
padding-left: 6px;
820
padding-right: 6px;
821
padding-top: 3px;
822
padding-bottom: 3px;
823
}
824
.stack-switcher >
826
button.text-button {
827
padding-left: 10px;
828
padding-right: 10px;
829
}
830
.stack-switcher >
832
button.image-button {
833
padding-left: 4px;
834
padding-right: 4px;
835
}
836
.stack-switcher >
838
button.needs-attention:checked > label,
839
.stack-switcher >
840
button.needs-attention:checked > image {
841
animation: none;
842
background-image: none;
843
}
844
.primary-toolbar
846
button {
847
-gtk-icon-shadow: none;
848
}
849
button.image-button, toolbar .linked > button.image-button, .titlebar:not(headerbar) .linked > button.image-button:not(.suggested-action):not(.destructive-action),
852
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 .linked.vertical > button.image-button,
853
headerbar .linked.vertical > button.image-button:not(.suggested-action):not(.destructive-action), .app-notification .linked.vertical > button.image-button, .linked > button.flat.image-button,
854
.linked.vertical > button.flat.image-button, .inline-toolbar button:not(.text-button), check,
855
radio, button.titlebutton, .nautilus-window headerbar > revealer > button, .raven .raven-header:not(.top) button.image-button, .raven .expander-button,
856
button.close,
857
button.circular {
858
border-radius: 9999px;
859
-gtk-outline-radius: 9999px;
860
}
861
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 {
863
min-height: 24px;
864
min-width: 24px;
865
padding: 0;
866
border-radius: 9999px;
867
-gtk-outline-radius: 9999px;
868
}
869
.stack-switcher > button.needs-attention > label,
871
.stack-switcher > button.needs-attention > image, stacksidebar row.needs-attention > label {
872
animation: needs_attention 270ms cubic-bezier(0, 0, 0.2, 1) forwards;
873
background-repeat: no-repeat;
874
background-position: right 3px;
875
background-size: 6px 6px;
876
}
877
.stack-switcher > button.needs-attention > label:dir(rtl),
879
.stack-switcher > button.needs-attention > image:dir(rtl), stacksidebar row.needs-attention > label:dir(rtl) {
880
background-position: left 3px;
881
}
882
.linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry, .linked > button, .linked:not(.vertical) > combobox > box > button.combo {
884
border-radius: 0;
885
-gtk-outline-radius: 2px;
886
}
887
.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 {
889
border-top-left-radius: 2px;
890
border-bottom-left-radius: 2px;
891
}
892
.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 {
894
border-top-right-radius: 2px;
895
border-bottom-right-radius: 2px;
896
}
897
.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 {
899
border-radius: 2px;
900
}
901
.linked.vertical > spinbutton:not(.vertical), .linked.vertical > entry, .linked.vertical > button, .linked.vertical > combobox > box > button.combo {
903
border-radius: 0;
904
-gtk-outline-radius: 2px;
905
}
906
.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 {
908
border-top-left-radius: 2px;
909
border-top-right-radius: 2px;
910
}
911
.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 {
913
border-bottom-left-radius: 2px;
914
border-bottom-right-radius: 2px;
915
}
916
.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 {
918
border-radius: 2px;
919
}
920
/* menu buttons */
922
modelbutton.flat,
923
.menuitem.button.flat {
924
min-height: 28px;
925
padding: 0 8px;
926
border-radius: 2px;
927
color: inherit;
928
}
929
modelbutton.flat arrow {
931
background: none;
932
}
933
modelbutton.flat arrow:hover {
935
background: none;
936
}
937
modelbutton.flat arrow.left {
939
-gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
940
}
941
modelbutton.flat arrow.right {
943
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
944
}
945
button.color {
947
min-height: 24px;
948
min-width: 24px;
949
padding: 6px;
950
}
951
/*********
953
* Links *
954
*********/
955
*:link, button:link,
956
button:visited, *:link:hover, button:hover:link,
957
button:hover:visited, *:link:active, button:active:link,
958
button:active:visited {
959
color: #338DD6;
960
}
961
*:link:visited,
963
button:visited, *:link:visited:hover,
964
button:visited:hover, *:link:visited:active,
965
button:visited:active {
966
color: #E040FB;
967
}
968
infobar.info *:link, infobar.info button:link,
970
infobar.info button:visited, infobar.question *:link, infobar.question button:link,
971
infobar.question button:visited, infobar.warning *:link, infobar.warning button:link,
972
infobar.warning button:visited, infobar.error *:link, infobar.error button:link,
973
infobar.error button:visited, *:link:selected, button:selected:link,
974
button:selected:visited, .selection-mode.titlebar:not(headerbar) .subtitle:link,
975
headerbar.selection-mode .subtitle:link,
976
*:selected *:link,
977
*:selected button:link,
978
*:selected button:visited {
979
color: #FFFFFF;
980
}
981
button:link > label,
983
button:visited > label {
984
text-decoration-line: underline;
985
}
986
/*****************
988
* GtkSpinButton *
989
*****************/
990
spinbutton:not(.vertical) {
991
padding: 0;
992
}
993
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,
995
spinbutton:not(.vertical) entry {
996
min-width: 32px;
997
margin: 0;
998
border-image: none;
999
border-radius: 0;
1000
box-shadow: none;
1001
background-color: transparent;
1002
}
1003
spinbutton:not(.vertical) button {
1005
border: solid 6px transparent;
1006
}
1007
spinbutton:not(.vertical) button.up:dir(ltr), spinbutton:not(.vertical) button.down:dir(rtl) {
1009
margin-left: -3px;
1010
}
1011
spinbutton:not(.vertical) button.up:dir(rtl), spinbutton:not(.vertical) button.down:dir(ltr) {
1013
margin-right: -3px;
1014
}
1015
spinbutton.vertical:disabled {
1017
color: rgba(0, 0, 0, 0.38);
1018
}
1019
spinbutton.vertical:drop(active) {
1021
box-shadow: none;
1022
}
1023
spinbutton.vertical entry {
1025
min-height: 36px;
1026
min-width: 48px;
1027
padding: 0;
1028
}
1029
spinbutton.vertical button {
1031
min-height: 36px;
1032
min-width: 48px;
1033
padding: 0;
1034
}
1035
spinbutton.vertical button.up {
1037
border-radius: 2px 2px 0 0;
1038
}
1039
spinbutton.vertical button.down {
1041
border-radius: 0 0 2px 2px;
1042
}
1043
treeview spinbutton:not(.vertical) {
1045
min-height: 0;
1046
border-style: none;
1047
border-radius: 0;
1048
}
1049
treeview spinbutton:not(.vertical) entry {
1051
min-height: 0;
1052
padding: 1px 2px;
1053
}
1054
/**************
1056
* ComboBoxes *
1057
**************/
1058
combobox arrow {
1059
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
1060
min-height: 16px;
1061
min-width: 16px;
1062
}
1063
combobox decoration,
1065
combobox button.combo:checked {
1066
transition: none;
1067
}
1068
combobox button.combo cellview:dir(ltr) {
1070
margin-left: -2px;
1071
}
1072
combobox button.combo cellview:dir(rtl) {
1074
margin-right: -2px;
1075
}
1076
combobox #gtk-combobox-popup-menu {
1078
padding: 2px 0;
1079
}
1080
combobox #gtk-combobox-popup-menu menuitem {
1082
min-height: 32px;
1083
padding: 0 8px;
1084
}
1085
combobox #gtk-combobox-popup-menu > arrow.top {
1087
margin-top: -2px;
1088
}
1089
combobox #gtk-combobox-popup-menu > arrow.bottom {
1091
margin-bottom: -6px;
1092
}
1093
combobox:drop(active) {
1095
box-shadow: none;
1096
}
1097
notebook > stack:not(:only-child) button.combo, .raven .raven-background button.combo, #login_window #user_combobox button {
1099
border-radius: 0;
1100
background-image: none;
1101
font-weight: inherit;
1102
transition: all 270ms cubic-bezier(0, 0, 0.2, 1);
1103
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #338DD6 0%, transparent 0%) 0 0 0/0 0 0px;
1104
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26);
1105
background-color: transparent;
1106
color: rgba(0, 0, 0, 0.87);
1107
}
1108
notebook > stack:not(:only-child) button.combo:hover, .raven .raven-background button.combo:hover, #login_window #user_combobox button:hover {
1110
box-shadow: inset 0 -2px rgba(0, 0, 0, 0.38);
1111
}
1112
notebook > stack:not(:only-child) button.combo:checked, .raven .raven-background button.combo:checked, #login_window #user_combobox button:checked {
1114
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #338DD6 100%, transparent 0%) 0 0 2/0 0 2px;
1115
}
1116
notebook > stack:not(:only-child) button.combo:disabled, .raven .raven-background button.combo:disabled, #login_window #user_combobox button:disabled {
1118
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12);
1119
color: rgba(0, 0, 0, 0.38);
1120
}
1121
/************
1123
* Toolbars *
1124
************/
1125
toolbar {
1126
-GtkWidget-window-dragging: true;
1127
padding: 2px;
1128
background-color: #EEEEEE;
1129
}
1130
.osd toolbar {
1132
background-color: transparent;
1133
}
1134
toolbar.osd, .app-notification, frame.documents-dropdown {
1136
transition: box-shadow 180ms cubic-bezier(0, 0, 0.2, 1);
1137
padding: 6px;
1138
border-radius: 2px;
1139
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);
1140
background-color: #FFFFFF;
1141
}
1142
toolbar.osd:backdrop, .app-notification:backdrop, frame.documents-dropdown:backdrop {
1144
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);
1145
}
1146
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 {
1148
border-radius: 0;
1149
}
1150
toolbar.horizontal > separator {
1152
margin: 2px;
1153
}
1154
toolbar.vertical > separator {
1156
margin: 2px;
1157
}
1158
toolbar:not(.inline-toolbar):not(.osd) scale,
1160
toolbar:not(.inline-toolbar):not(.osd) entry,
1161
toolbar:not(.inline-toolbar):not(.osd) spinbutton,
1162
toolbar:not(.inline-toolbar):not(.osd) button {
1163
margin: 2px;
1164
}
1165
toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:first-child),
1167
toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:first-child),
1168
toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:first-child) {
1169
margin-left: 0;
1170
}
1171
toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:last-child),
1173
toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:last-child),
1174
toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:last-child) {
1175
margin-right: 0;
1176
}
1177
toolbar:not(.inline-toolbar):not(.osd) spinbutton entry,
1179
toolbar:not(.inline-toolbar):not(.osd) spinbutton button {
1180
margin: 0;
1181
}
1182
toolbar:not(.inline-toolbar):not(.osd) switch {
1184
margin: 8px 2px;
1185
}
1186
.inline-toolbar {
1188
padding: 6px;
1189
border-style: solid;
1190
border-width: 0 1px 1px;
1191
border-color: rgba(0, 0, 0, 0.12);
1192
background-color: #F5F5F5;
1193
}
1194
searchbar > revealer > box,
1196
.location-bar {
1197
padding: 6px;
1198
border-style: solid;
1199
border-width: 0 0 1px;
1200
border-color: rgba(0, 0, 0, 0.12);
1201
background-color: #EEEEEE;
1202
background-clip: border-box;
1203
}
1204
searchbar > revealer > box {
1206
margin: -6px;
1207
padding: 6px;
1208
}
1209
/***************
1211
* Header bars *
1212
***************/
1213
.titlebar:not(headerbar),
1214
headerbar {
1215
transition: background-color 180ms cubic-bezier(0, 0, 0.2, 1), color 270ms cubic-bezier(0, 0, 0.2, 1);
1216
min-height: 48px;
1217
padding: 0 6px;
1218
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), inset 0 1px rgba(255, 255, 255, 0.1);
1219
background-color: #303030;
1220
color: #FFFFFF;
1221
}
1222
.titlebar:disabled:not(headerbar) :not(button) > label,
1224
headerbar:disabled :not(button) > label {
1225
color: rgba(255, 255, 255, 0.5);
1226
}
1227
.titlebar:backdrop:not(headerbar),
1229
headerbar:backdrop {
1230
color: rgba(255, 255, 255, 0.7);
1231
}
1232
.titlebar:backdrop:disabled:not(headerbar) :not(button) > label,
1234
headerbar:backdrop:disabled :not(button) > label {
1235
color: rgba(255, 255, 255, 0.3);
1236
}
1237
.titlebar:not(headerbar) .title,
1239
headerbar .title {
1240
padding: 0 12px;
1241
font-weight: bold;
1242
}
1243
.titlebar:not(headerbar) .subtitle,
1245
headerbar .subtitle {
1246
padding: 0 12px;
1247
font-size: smaller;
1248
}
1249
.titlebar:not(headerbar) .linked:not(.vertical) > entry:not(.flat),
1251
headerbar .linked:not(.vertical) > entry:not(.flat) {
1252
border-radius: 2px;
1253
}
1254
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action),
1256
headerbar button:not(.suggested-action):not(.destructive-action) {
1257
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0/0 0 0px;
1258
color: rgba(255, 255, 255, 0.7);
1259
}
1260
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):hover, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):active,
1262
headerbar button:not(.suggested-action):not(.destructive-action):hover,
1263
headerbar button:not(.suggested-action):not(.destructive-action):active {
1264
color: #FFFFFF;
1265
}
1266
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):disabled,
1268
headerbar button:not(.suggested-action):not(.destructive-action):disabled {
1269
color: rgba(255, 255, 255, 0.3);
1270
}
1271
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked,
1273
headerbar button:not(.suggested-action):not(.destructive-action):checked {
1274
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2/0 0 2px;
1275
color: #FFFFFF;
1276
}
1277
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked:disabled,
1279
headerbar button:not(.suggested-action):not(.destructive-action):checked:disabled {
1280
color: rgba(255, 255, 255, 0.5);
1281
}
1282
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked:disabled,
1284
headerbar button:not(.suggested-action):not(.destructive-action):checked,
1285
headerbar button:not(.suggested-action):not(.destructive-action):checked:disabled {
1286
background-color: transparent;
1287
}
1288
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop,
1290
headerbar button:not(.suggested-action):not(.destructive-action):backdrop {
1291
color: rgba(255, 255, 255, 0.5);
1292
}
1293
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:hover, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:active,
1295
headerbar button:not(.suggested-action):not(.destructive-action):backdrop:hover,
1296
headerbar button:not(.suggested-action):not(.destructive-action):backdrop:active {
1297
color: rgba(255, 255, 255, 0.7);
1298
}
1299
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:disabled,
1301
headerbar button:not(.suggested-action):not(.destructive-action):backdrop:disabled {
1302
color: rgba(255, 255, 255, 0.3);
1303
}
1304
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked,
1306
headerbar button:not(.suggested-action):not(.destructive-action):backdrop:checked {
1307
color: rgba(255, 255, 255, 0.7);
1308
}
1309
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled,
1311
headerbar button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled {
1312
color: rgba(255, 255, 255, 0.3);
1313
}
1314
.titlebar:not(headerbar) button.suggested-action:disabled, .titlebar:not(headerbar) button.destructive-action:disabled,
1316
headerbar button.suggested-action:disabled,
1317
headerbar button.destructive-action:disabled {
1318
background-color: rgba(255, 255, 255, 0.12);
1319
color: rgba(255, 255, 255, 0.5);
1320
}
1321
.selection-mode.titlebar:not(headerbar),
1323
headerbar.selection-mode {
1324
transition: background-color 0.00001s 270ms, color 270ms cubic-bezier(0, 0, 0.2, 1);
1325
animation: header_ripple_effect 270ms cubic-bezier(0, 0, 0.2, 1);
1326
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);
1327
background-color: #338DD6;
1328
color: #FFFFFF;
1329
}
1330
.selection-mode.titlebar:backdrop:not(headerbar),
1332
headerbar.selection-mode:backdrop {
1333
color: rgba(255, 255, 255, 0.7);
1334
}
1335
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action),
1337
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action) {
1338
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0/0 0 0px;
1339
color: #FFFFFF;
1340
}
1341
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):disabled,
1343
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):disabled {
1344
color: rgba(255, 255, 255, 0.5);
1345
}
1346
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked,
1348
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):checked {
1349
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2/0 0 2px;
1350
color: #FFFFFF;
1351
}
1352
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked:disabled,
1354
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):checked:disabled {
1355
color: rgba(255, 255, 255, 0.5);
1356
}
1357
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop,
1359
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop {
1360
color: rgba(255, 255, 255, 0.7);
1361
}
1362
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:disabled,
1364
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:disabled {
1365
color: rgba(255, 255, 255, 0.3);
1366
}
1367
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked,
1369
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked {
1370
color: rgba(255, 255, 255, 0.7);
1371
}
1372
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled,
1374
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled {
1375
color: rgba(255, 255, 255, 0.3);
1376
}
1377
.selection-mode.titlebar:not(headerbar) .selection-menu,
1379
headerbar.selection-mode .selection-menu {
1380
padding-left: 16px;
1381
padding-right: 16px;
1382
}
1383
.selection-mode.titlebar:not(headerbar) .selection-menu arrow,
1385
headerbar.selection-mode .selection-menu arrow {
1386
-GtkArrow-arrow-scaling: 1;
1387
}
1388
.selection-mode.titlebar:not(headerbar) .selection-menu .arrow,
1390
headerbar.selection-mode .selection-menu .arrow {
1391
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
1392
}
1393
.tiled .titlebar:not(headerbar),
1395
.tiled-top .titlebar:not(headerbar),
1396
.tiled-right .titlebar:not(headerbar),
1397
.tiled-bottom .titlebar:not(headerbar),
1398
.tiled-left .titlebar:not(headerbar),
1399
.maximized .titlebar:not(headerbar),
1400
.fullscreen .titlebar:not(headerbar), .tiled
1401
headerbar,
1402
.tiled-top
1403
headerbar,
1404
.tiled-right
1405
headerbar,
1406
.tiled-bottom
1407
headerbar,
1408
.tiled-left
1409
headerbar,
1410
.maximized
1411
headerbar,
1412
.fullscreen
1413
headerbar {
1414
border-radius: 0;
1415
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
1416
}
1417
.default-decoration.titlebar:not(headerbar),
1419
headerbar.default-decoration {
1420
min-height: 24px;
1421
padding: 6px;
1422
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
1423
}
1424
.tiled .default-decoration.titlebar:not(headerbar),
1426
.maximized .default-decoration.titlebar:not(headerbar),
1427
.fullscreen .default-decoration.titlebar:not(headerbar), .tiled
1428
headerbar.default-decoration,
1429
.maximized
1430
headerbar.default-decoration,
1431
.fullscreen
1432
headerbar.default-decoration {
1433
box-shadow: none;
1434
}
1435
.default-decoration.titlebar:not(headerbar) button.titlebutton,
1437
headerbar.default-decoration button.titlebutton {
1438
min-height: 24px;
1439
min-width: 24px;
1440
margin: 0;
1441
padding: 0;
1442
}
1443
.background:not(.csd) .default-decoration.titlebar:not(headerbar) button.titlebutton:active, .background:not(.csd)
1445
headerbar.default-decoration button.titlebutton:active {
1446
background-size: 1000% 1000%;
1447
}
1448
headerbar entry,
1450
headerbar spinbutton,
1451
headerbar button {
1452
margin-top: 6px;
1453
margin-bottom: 6px;
1454
}
1455
headerbar switch {
1457
margin-top: 12px;
1458
margin-bottom: 12px;
1459
}
1460
headerbar spinbutton button {
1462
margin-top: 0;
1463
margin-bottom: 0;
1464
}
1465
.background .titlebar {
1467
border-top-left-radius: 2px;
1468
border-top-right-radius: 2px;
1469
}
1470
.background.tiled .titlebar,
1472
.background.tiled-top .titlebar,
1473
.background.tiled-right .titlebar,
1474
.background.tiled-bottom .titlebar,
1475
.background.tiled-left .titlebar,
1476
.background.maximized .titlebar,
1477
.background.solid-csd .titlebar {
1478
border-top-left-radius: 0;
1479
border-top-right-radius: 0;
1480
}
1481
window separator:first-child + headerbar,
1483
window headerbar:first-child {
1484
border-top-left-radius: 2px;
1485
}
1486
window headerbar:last-child {
1488
border-top-right-radius: 2px;
1489
}
1490
window stack headerbar:first-child, window stack headerbar:last-child {
1492
border-top-left-radius: 2px;
1493
border-top-right-radius: 2px;
1494
}
1495
window.tiled headerbar, window.tiled headerbar:first-child, window.tiled headerbar:last-child, window.tiled headerbar:only-child,
1497
window.tiled-top headerbar,
1498
window.tiled-top headerbar:first-child,
1499
window.tiled-top headerbar:last-child,
1500
window.tiled-top headerbar:only-child,
1501
window.tiled-right headerbar,
1502
window.tiled-right headerbar:first-child,
1503
window.tiled-right headerbar:last-child,
1504
window.tiled-right headerbar:only-child,
1505
window.tiled-bottom headerbar,
1506
window.tiled-bottom headerbar:first-child,
1507
window.tiled-bottom headerbar:last-child,
1508
window.tiled-bottom headerbar:only-child,
1509
window.tiled-left headerbar,
1510
window.tiled-left headerbar:first-child,
1511
window.tiled-left headerbar:last-child,
1512
window.tiled-left headerbar:only-child,
1513
window.maximized headerbar,
1514
window.maximized headerbar:first-child,
1515
window.maximized headerbar:last-child,
1516
window.maximized headerbar:only-child,
1517
window.fullscreen headerbar,
1518
window.fullscreen headerbar:first-child,
1519
window.fullscreen headerbar:last-child,
1520
window.fullscreen headerbar:only-child,
1521
window.solid-csd headerbar,
1522
window.solid-csd headerbar:first-child,
1523
window.solid-csd headerbar:last-child,
1524
window.solid-csd headerbar:only-child {
1525
border-top-left-radius: 0;
1526
border-top-right-radius: 0;
1527
}
1528
window.csd > .titlebar:not(headerbar) {
1530
padding: 0;
1531
background-color: transparent;
1532
background-image: none;
1533
border-style: none;
1534
box-shadow: none;
1535
}
1536
.titlebar:not(headerbar) > separator {
1538
background-color: #303030;
1539
background-image: image(rgba(0, 0, 0, 0.12));
1540
}
1541
/************
1543
* Pathbars *
1544
************/
1545
.caja-pathbar button,
1546
.path-bar button {
1547
padding-left: 6px;
1548
padding-right: 6px;
1549
}
1550
.caja-pathbar button label:not(:only-child):first-child,
1552
.path-bar button label:not(:only-child):first-child {
1553
margin-left: 4px;
1554
}
1555
.caja-pathbar button label:not(:only-child):last-child,
1557
.path-bar button label:not(:only-child):last-child {
1558
margin-right: 4px;
1559
}
1560
.caja-pathbar button.slider-button,
1562
.path-bar button.slider-button {
1563
padding-left: 4px;
1564
padding-right: 4px;
1565
}
1566
:not(headerbar) .caja-pathbar button, .caja-pathbar :not(headerbar) button, :not(headerbar)
1568
.path-bar button {
1569
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #338DD6 0%, transparent 0%) 0 0 0/0 0 0px;
1570
border-radius: 2px;
1571
}
1572
:not(headerbar) .caja-pathbar button:checked, .caja-pathbar :not(headerbar) button:checked, :not(headerbar)
1574
.path-bar button:checked {
1575
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #338DD6 100%, transparent 0%) 0 0 2/0 0 2px;
1576
}
1577
: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)
1579
.path-bar button:checked, :not(headerbar)
1580
.path-bar button:checked:disabled {
1581
background-color: transparent;
1582
}
1583
/**************
1585
* Tree Views *
1586
**************/
1587
treeview.view {
1588
border-left-color: rgba(0, 0, 0, 0.26);
1589
border-top-color: rgba(0, 0, 0, 0.12);
1590
}
1591
* {
1593
-GtkTreeView-horizontal-separator: 4;
1594
-GtkTreeView-grid-line-width: 1;
1595
-GtkTreeView-grid-line-pattern: '';
1596
-GtkTreeView-tree-line-width: 1;
1597
-GtkTreeView-tree-line-pattern: '';
1598
-GtkTreeView-expander-size: 16;
1599
}
1600
treeview.view:selected {
1602
border-left-color: rgba(255, 255, 255, 0.3);
1603
}
1604
treeview.view:hover, treeview.view:active, treeview.view:selected {
1606
border-radius: 0;
1607
}
1608
treeview.view.separator {
1610
min-height: 5px;
1611
color: rgba(0, 0, 0, 0.12);
1612
}
1613
treeview.view:drop(active) {
1615
border-style: solid none;
1616
border-width: 1px;
1617
border-color: #009688;
1618
}
1619
treeview.view:drop(active).after {
1621
border-top-style: none;
1622
}
1623
treeview.view:drop(active).before {
1625
border-bottom-style: none;
1626
}
1627
treeview.view.expander {
1629
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
1630
-gtk-icon-transform: rotate(-90deg);
1631
color: rgba(0, 0, 0, 0.54);
1632
}
1633
treeview.view.expander:dir(rtl) {
1635
-gtk-icon-transform: rotate(90deg);
1636
}
1637
treeview.view.expander:checked {
1639
-gtk-icon-transform: unset;
1640
}
1641
treeview.view.expander:hover, treeview.view.expander:active {
1643
color: rgba(0, 0, 0, 0.87);
1644
}
1645
treeview.view.expander:disabled {
1647
color: rgba(0, 0, 0, 0.26);
1648
}
1649
treeview.view.expander:selected {
1651
color: rgba(255, 255, 255, 0.7);
1652
}
1653
treeview.view.expander:selected:hover, treeview.view.expander:selected:active {
1655
color: #FFFFFF;
1656
}
1657
treeview.view.expander:selected:disabled {
1659
color: rgba(255, 255, 255, 0.3);
1660
}
1661
treeview.view.progressbar {
1663
border-bottom: 4px solid #338DD6;
1664
box-shadow: none;
1665
background-color: transparent;
1666
}
1667
treeview.view.progressbar:selected {
1669
border-bottom-color: #FFFFFF;
1670
}
1671
treeview.view.trough {
1673
border-bottom: 4px solid rgba(51, 141, 214, 0.3);
1674
box-shadow: none;
1675
background-color: transparent;
1676
}
1677
treeview.view.trough:selected {
1679
border-bottom-color: rgba(255, 255, 255, 0.3);
1680
}
1681
treeview.view header button {
1683
padding: 2px 6px;
1684
border-style: none solid solid none;
1685
border-width: 1px;
1686
border-color: rgba(0, 0, 0, 0.12);
1687
border-radius: 0;
1688
background-clip: border-box;
1689
}
1690
treeview.view header button, treeview.view header button:hover, treeview.view header button:active {
1692
box-shadow: none;
1693
}
1694
treeview.view header button, treeview.view header button:disabled {
1696
background-color: #FFFFFF;
1697
}
1698
treeview.view header button:last-child {
1700
border-right-style: none;
1701
}
1702
treeview.view button.dnd,
1704
treeview.view header.button.dnd {
1705
padding: 2px 6px;
1706
border-style: none solid solid;
1707
border-width: 1px;
1708
border-color: rgba(0, 0, 0, 0.12);
1709
border-radius: 0;
1710
box-shadow: none;
1711
background-color: #FFFFFF;
1712
background-clip: border-box;
1713
color: #338DD6;
1714
}
1715
treeview.view acceleditor > label {
1717
background-color: #338DD6;
1718
}
1719
/*********
1721
* Menus *
1722
*********/
1723
menubar,
1724
.menubar {
1725
-GtkWidget-window-dragging: true;
1726
padding: 0;
1727
background-color: #303030;
1728
}
1729
menubar > menuitem,
1731
.menubar > menuitem {
1732
transition: all 180ms cubic-bezier(0, 0, 0.2, 1);
1733
min-height: 20px;
1734
padding: 4px 8px;
1735
color: rgba(255, 255, 255, 0.7);
1736
}
1737
menubar > menuitem:hover,
1739
.menubar > menuitem:hover {
1740
transition: none;
1741
background-color: rgba(255, 255, 255, 0.12);
1742
color: #FFFFFF;
1743
}
1744
menubar > menuitem:disabled,
1746
.menubar > menuitem:disabled {
1747
color: rgba(255, 255, 255, 0.3);
1748
}
1749
menubar > menuitem label:disabled,
1751
.menubar > menuitem label:disabled {
1752
color: inherit;
1753
}
1754
.csd.popup {
1756
background-color: transparent;
1757
}
1758
menu,
1760
.menu,
1761
.context-menu {
1762
margin: 4px 0;
1763
padding: 4px 0;
1764
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
1765
background-color: #FFFFFF;
1766
border: 1px solid rgba(0, 0, 0, 0.12);
1767
}
1768
.csd menu, .csd
1770
.menu, .csd
1771
.context-menu {
1772
border: none;
1773
border-radius: 2px;
1774
}
1775
menu menuitem,
1777
.menu menuitem,
1778
.context-menu menuitem {
1779
transition: background-color 180ms cubic-bezier(0, 0, 0.2, 1);
1780
min-height: 20px;
1781
min-width: 40px;
1782
padding: 4px 8px;
1783
font: initial;
1784
text-shadow: none;
1785
}
1786
menu menuitem:hover,
1788
.menu menuitem:hover,
1789
.context-menu menuitem:hover {
1790
transition: none;
1791
background-color: rgba(0, 0, 0, 0.12);
1792
}
1793
menu menuitem:disabled,
1795
.menu menuitem:disabled,
1796
.context-menu menuitem:disabled {
1797
color: rgba(0, 0, 0, 0.38);
1798
}
1799
menu menuitem arrow,
1801
.menu menuitem arrow,
1802
.context-menu menuitem arrow {
1803
min-height: 16px;
1804
min-width: 16px;
1805
}
1806
menu menuitem arrow:dir(ltr),
1808
.menu menuitem arrow:dir(ltr),
1809
.context-menu menuitem arrow:dir(ltr) {
1810
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
1811
margin-left: 8px;
1812
}
1813
menu menuitem arrow:dir(rtl),
1815
.menu menuitem arrow:dir(rtl),
1816
.context-menu menuitem arrow:dir(rtl) {
1817
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl");
1818
margin-right: 8px;
1819
}
1820
menu menuitem label:dir(rtl), menu menuitem label:dir(ltr),
1822
.menu menuitem label:dir(rtl),
1823
.menu menuitem label:dir(ltr),
1824
.context-menu menuitem label:dir(rtl),
1825
.context-menu menuitem label:dir(ltr) {
1826
color: inherit;
1827
}
1828
menu > arrow,
1830
.menu > arrow,
1831
.context-menu > arrow {
1832
min-height: 16px;
1833
min-width: 16px;
1834
padding: 4px;
1835
background-color: #FFFFFF;
1836
color: rgba(0, 0, 0, 0.54);
1837
}
1838
menu > arrow.top,
1840
.menu > arrow.top,
1841
.context-menu > arrow.top {
1842
margin-top: -4px;
1843
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
1844
border-radius: 2px 2px 0 0;
1845
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
1846
}
1847
menu > arrow.bottom,
1849
.menu > arrow.bottom,
1850
.context-menu > arrow.bottom {
1851
margin-bottom: -12px;
1852
border-top: 1px solid rgba(0, 0, 0, 0.12);
1853
border-radius: 0 0 2px 2px;
1854
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
1855
}
1856
menu > arrow:hover,
1858
.menu > arrow:hover,
1859
.context-menu > arrow:hover {
1860
background-image: image(rgba(0, 0, 0, 0.12));
1861
color: rgba(0, 0, 0, 0.87);
1862
}
1863
menu > arrow:disabled,
1865
.menu > arrow:disabled,
1866
.context-menu > arrow:disabled {
1867
border-color: transparent;
1868
background-color: transparent;
1869
color: transparent;
1870
}
1871
menu separator,
1873
.menu separator,
1874
.context-menu separator {
1875
margin: 4px 0;
1876
}
1877
menuitem accelerator {
1879
color: rgba(0, 0, 0, 0.54);
1880
}
1881
.popup:not(.csd) menu menuitem {
1883
color: #212121;
1884
}
1885
.popup:not(.csd) menu menuitem:hover {
1887
background-color: #E0E0E0;
1888
}
1889
.popup:not(.csd) menu menuitem:disabled {
1891
color: #9E9E9E;
1892
}
1893
.popup:not(.csd) menu accelerator {
1895
color: #757575;
1896
}
1897
/************
1899
* Popovers *
1900
************/
1901
popover.background {
1902
transition: box-shadow 180ms cubic-bezier(0, 0, 0.2, 1);
1903
padding: 2px;
1904
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
1905
background-color: #FAFAFA;
1906
}
1907
popover.background:backdrop {
1909
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
1910
}
1911
popover.background, .csd popover.background {
1913
border-style: solid;
1914
border-width: 1px;
1915
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.3);
1916
border-radius: 3px;
1917
}
1918
popover.background > stack {
1920
margin: -4px;
1921
}
1922
popover.background > toolbar {
1924
margin: -2px;
1925
}
1926
popover.background > list,
1928
popover.background > .view,
1929
popover.background > toolbar {
1930
border-style: none;
1931
box-shadow: none;
1932
background-color: transparent;
1933
}
1934
popover.background.menu button,
1936
popover.background button.model {
1937
min-height: 32px;
1938
padding: 0 8px;
1939
border-radius: 2px;
1940
}
1941
popover.background separator {
1943
margin: 4px 0;
1944
}
1945
popover.background list separator {
1947
margin: 0;
1948
}
1949
/*************
1951
* Notebooks *
1952
*************/
1953
notebook > header {
1954
border-width: 1px;
1955
border-color: rgba(0, 0, 0, 0.12);
1956
background-color: #EEEEEE;
1957
background-clip: border-box;
1958
}
1959
notebook > header.top {
1961
border-bottom-style: solid;
1962
}
1963
notebook > header.top > tabs {
1965
margin-bottom: -1px;
1966
}
1967
notebook > header.top > tabs > tab:hover {
1969
box-shadow: inset 0 -2px rgba(0, 0, 0, 0.26);
1970
}
1971
notebook > header.top > tabs > tab:checked {
1973
box-shadow: inset 0 -2px #338DD6;
1974
}
1975
notebook > header.bottom {
1977
border-top-style: solid;
1978
}
1979
notebook > header.bottom > tabs {
1981
margin-top: -1px;
1982
}
1983
notebook > header.bottom > tabs > tab:hover {
1985
box-shadow: inset 0 2px rgba(0, 0, 0, 0.26);
1986
}
1987
notebook > header.bottom > tabs > tab:checked {
1989
box-shadow: inset 0 2px #338DD6;
1990
}
1991
notebook > header.left {
1993
border-right-style: solid;
1994
}
1995
notebook > header.left > tabs {
1997
margin-right: -1px;
1998
}
1999
notebook > header.left > tabs > tab:hover {
2001
box-shadow: inset -2px 0 rgba(0, 0, 0, 0.26);
2002
}
2003
notebook > header.left > tabs > tab:checked {
2005
box-shadow: inset -2px 0 #338DD6;
2006
}
2007
notebook > header.right {
2009
border-left-style: solid;
2010
}
2011
notebook > header.right > tabs {
2013
margin-left: -1px;
2014
}
2015
notebook > header.right > tabs > tab:hover {
2017
box-shadow: inset 2px 0 rgba(0, 0, 0, 0.26);
2018
}
2019
notebook > header.right > tabs > tab:checked {
2021
box-shadow: inset 2px 0 #338DD6;
2022
}
2023
notebook > header.top > tabs > arrow {
2025
border-top-style: none;
2026
}
2027
notebook > header.bottom > tabs > arrow {
2029
border-bottom-style: none;
2030
}
2031
notebook > header.top > tabs > arrow, notebook > header.bottom > tabs > arrow {
2033
padding-left: 4px;
2034
padding-right: 4px;
2035
}
2036
notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down {
2038
margin-left: -8px;
2039
-gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
2040
}
2041
notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up {
2043
margin-right: -8px;
2044
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
2045
}
2046
notebook > header.left > tabs > arrow {
2048
border-left-style: none;
2049
}
2050
notebook > header.right > tabs > arrow {
2052
border-right-style: none;
2053
}
2054
notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow {
2056
padding-top: 4px;
2057
padding-bottom: 4px;
2058
}
2059
notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down {
2061
margin-top: -8px;
2062
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
2063
}
2064
notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up {
2066
margin-bottom: -8px;
2067
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
2068
}
2069
notebook > header > tabs > arrow {
2071
min-height: 16px;
2072
min-width: 16px;
2073
border-radius: 0;
2074
}
2075
notebook > header tab {
2077
transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
2078
min-height: 24px;
2079
min-width: 24px;
2080
padding: 6px 12px;
2081
outline-offset: -6px;
2082
border-width: 1px;
2083
border-color: transparent;
2084
background-image: radial-gradient(circle farthest-corner at center, #338DD6 10%, transparent 0%);
2085
background-repeat: no-repeat;
2086
background-position: center;
2087
background-size: 0% 0%;
2088
color: rgba(0, 0, 0, 0.54);
2089
font-weight: 500;
2090
}
2091
notebook > header tab:hover {
2093
color: rgba(0, 0, 0, 0.87);
2094
}
2095
notebook > header tab:hover.reorderable-page {
2097
border-color: rgba(0, 0, 0, 0.12);
2098
background-color: #F5F5F5;
2099
}
2100
notebook > header tab:disabled {
2102
color: rgba(0, 0, 0, 0.26);
2103
}
2104
notebook > header tab:checked {
2106
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);
2107
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
2108
background-size: 1000% 1000%;
2109
color: rgba(0, 0, 0, 0.87);
2110
}
2111
notebook > header tab:checked:disabled {
2113
color: rgba(0, 0, 0, 0.38);
2114
}
2115
notebook > header tab:checked.reorderable-page {
2117
border-color: rgba(0, 0, 0, 0.12);
2118
background-color: #FFFFFF;
2119
}
2120
notebook > header tab button.flat:last-child {
2122
margin-left: 6px;
2123
margin-right: -6px;
2124
}
2125
notebook > header tab button.flat:first-child {
2127
margin-left: -6px;
2128
margin-right: 6px;
2129
}
2130
notebook > header.top tabs, notebook > header.bottom tabs {
2132
padding-left: 8px;
2133
padding-right: 8px;
2134
}
2135
notebook > header.top tabs:not(:only-child):first-child, notebook > header.bottom tabs:not(:only-child):first-child {
2137
margin-left: 0;
2138
}
2139
notebook > header.top tabs:not(:only-child):last-child, notebook > header.bottom tabs:not(:only-child):last-child {
2141
margin-right: 0;
2142
}
2143
notebook > header.top tabs tab.reorderable-page, notebook > header.bottom tabs tab.reorderable-page {
2145
margin: 0 -1px;
2146
border-style: none solid;
2147
}
2148
notebook > header.left tabs, notebook > header.right tabs {
2150
padding-top: 8px;
2151
padding-bottom: 8px;
2152
}
2153
notebook > header.left tabs:not(:only-child):first-child, notebook > header.right tabs:not(:only-child):first-child {
2155
margin-top: 0;
2156
}
2157
notebook > header.left tabs:not(:only-child):last-child, notebook > header.right tabs:not(:only-child):last-child {
2159
margin-bottom: 0;
2160
}
2161
notebook > header.left tabs tab.reorderable-page, notebook > header.right tabs tab.reorderable-page {
2163
margin: -1px 0;
2164
border-style: solid none;
2165
}
2166
notebook > stack:not(:only-child) {
2168
background-color: #FFFFFF;
2169
}
2170
/**************
2172
* Scrollbars *
2173
**************/
2174
scrollbar {
2175
transition: all 270ms cubic-bezier(0, 0, 0.2, 1);
2176
background-color: #FFFFFF;
2177
background-clip: padding-box;
2178
}
2179
* {
2181
-GtkScrollbar-has-backward-stepper: false;
2182
-GtkScrollbar-has-forward-stepper: false;
2183
}
2184
scrollbar.top {
2186
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
2187
}
2188
scrollbar.bottom {
2190
border-top: 1px solid rgba(0, 0, 0, 0.12);
2191
}
2192
scrollbar.left {
2194
border-right: 1px solid rgba(0, 0, 0, 0.12);
2195
}
2196
scrollbar.right {
2198
border-left: 1px solid rgba(0, 0, 0, 0.12);
2199
}
2200
scrollbar slider {
2202
transition: all 180ms cubic-bezier(0, 0, 0.2, 1), margin 0, border-width 0;
2203
min-width: 8px;
2204
min-height: 8px;
2205
border: 4px solid transparent;
2206
border-radius: 9999px;
2207
background-clip: padding-box;
2208
background-color: rgba(0, 0, 0, 0.38);
2209
}
2210
scrollbar slider:hover {
2212
background-color: rgba(0, 0, 0, 0.54);
2213
}
2214
scrollbar slider:active {
2216
background-color: rgba(0, 0, 0, 0.87);
2217
}
2218
scrollbar slider:disabled {
2220
background-color: rgba(0, 0, 0, 0.26);
2221
}
2222
scrollbar.fine-tune slider {
2224
transition: all 180ms cubic-bezier(0, 0, 0.2, 1), margin 0, border-width 0, min-width 0, min-height 0;
2225
min-width: 4px;
2226
min-height: 4px;
2227
}
2228
scrollbar.fine-tune.horizontal slider {
2230
margin: 2px 0;
2231
}
2232
scrollbar.fine-tune.vertical slider {
2234
margin: 0 2px;
2235
}
2236
scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
2238
border-color: transparent;
2239
background-color: transparent;
2240
}
2241
scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider {
2243
min-width: 4px;
2244
min-height: 4px;
2245
margin: 3px;
2246
border: 1px solid rgba(255, 255, 255, 0.3);
2247
}
2248
scrollbar.overlay-indicator:not(.dragging):not(.hovering) button {
2250
min-width: 4px;
2251
min-height: 4px;
2252
margin: 3px;
2253
border: 1px solid rgba(255, 255, 255, 0.3);
2254
border-radius: 9999px;
2255
background-color: rgba(0, 0, 0, 0.38);
2256
background-clip: padding-box;
2257
-gtk-icon-source: none;
2258
}
2259
scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled {
2261
background-color: rgba(0, 0, 0, 0.26);
2262
}
2263
scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider {
2265
min-width: 24px;
2266
}
2267
scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button {
2269
min-width: 8px;
2270
}
2271
scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider {
2273
min-height: 24px;
2274
}
2275
scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button {
2277
min-height: 8px;
2278
}
2279
scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering {
2281
background-color: rgba(255, 255, 255, 0.9);
2282
}
2283
scrollbar.horizontal slider {
2285
min-width: 24px;
2286
}
2287
scrollbar.vertical slider {
2289
min-height: 24px;
2290
}
2291
scrollbar button {
2293
min-width: 16px;
2294
min-height: 16px;
2295
padding: 0;
2296
border-radius: 0;
2297
}
2298
scrollbar.vertical button.down {
2300
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
2301
}
2302
scrollbar.vertical button.up {
2304
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
2305
}
2306
scrollbar.horizontal button.down {
2308
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
2309
}
2310
scrollbar.horizontal button.up {
2312
-gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
2313
}
2314
/**********
2316
* Switch *
2317
**********/
2318
switch {
2319
transition: all 270ms cubic-bezier(0, 0, 0.2, 1);
2320
margin: 6px 0;
2321
padding: 0 2px;
2322
border: 5px solid transparent;
2323
border-radius: 9999px;
2324
background-color: rgba(0, 0, 0, 0.26);
2325
background-clip: padding-box;
2326
font-size: 0;
2327
}
2328
switch:disabled {
2330
background-color: rgba(0, 0, 0, 0.12);
2331
}
2332
switch:checked {
2334
background-color: rgba(0, 150, 136, 0.5);
2335
}
2336
switch:checked:disabled {
2338
background-color: rgba(0, 150, 136, 0.3);
2339
}
2340
switch slider {
2342
transition: all 180ms cubic-bezier(0, 0, 0.2, 1), box-shadow 180ms cubic-bezier(0, 0, 0.2, 1);
2343
min-width: 20px;
2344
min-height: 20px;
2345
margin: -3px -2px;
2346
border-radius: 9999px;
2347
outline-width: 0;
2348
outline-color: rgba(0, 0, 0, 0.12);
2349
outline-offset: 0;
2350
-gtk-outline-radius: 9999px;
2351
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
2352
background-color: #FAFAFA;
2353
}
2354
switch:focus slider {
2356
outline-width: 14px;
2357
}
2358
switch:hover slider {
2360
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
2361
}
2362
switch:checked slider {
2364
background-color: #009688;
2365
outline-color: rgba(0, 150, 136, 0.2);
2366
}
2367
switch:disabled slider {
2369
background-color: #EEEEEE;
2370
}
2371
/*************************
2373
* Check and Radio items *
2374
*************************/
2375
.view.content-view.check:not(list),
2376
.content-view .tile check:not(list) {
2377
min-height: 40px;
2378
min-width: 40px;
2379
margin: 0;
2380
padding: 0;
2381
box-shadow: none;
2382
background-color: transparent;
2383
background-image: none;
2384
-gtk-icon-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
2385
}
2386
.view.content-view.check:not(list):hover, .view.content-view.check:not(list):active,
2388
.content-view .tile check:not(list):hover,
2389
.content-view .tile check:not(list):active {
2390
-gtk-icon-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
2391
}
2392
.view.content-view.check:not(list),
2394
.content-view .tile check:not(list) {
2395
-gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-unchecked.png"), url("assets/selectionmode-checkbox-unchecked@2.png"));
2396
}
2397
.view.content-view.check:not(list):checked,
2399
.content-view .tile check:not(list):checked {
2400
-gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-checked.png"), url("assets/selectionmode-checkbox-checked@2.png"));
2401
}
2402
checkbutton.text-button,
2404
radiobutton.text-button {
2405
padding: 2px;
2406
outline-offset: 0;
2407
}
2408
checkbutton.text-button label:not(:only-child),
2410
radiobutton.text-button label:not(:only-child) {
2411
margin: 0 4px;
2412
}
2413
check,
2415
radio {
2416
min-height: 24px;
2417
min-width: 24px;
2418
margin: -8px;
2419
padding: 8px;
2420
}
2421
check:checked, check:indeterminate,
2423
radio:checked,
2424
radio:indeterminate {
2425
color: #009688;
2426
}
2427
check:checked:disabled, check:indeterminate:disabled,
2429
radio:checked:disabled,
2430
radio:indeterminate:disabled {
2431
color: rgba(0, 150, 136, 0.5);
2432
}
2433
row:selected check:not(:checked):not(:indeterminate), row:selected
2435
radio:not(:checked):not(:indeterminate) {
2436
color: rgba(255, 255, 255, 0.7);
2437
}
2438
row:selected check:not(:checked):not(:indeterminate):hover, row:selected check:not(:checked):not(:indeterminate):active, row:selected
2440
radio:not(:checked):not(:indeterminate):hover, row:selected
2441
radio:not(:checked):not(:indeterminate):active {
2442
color: #FFFFFF;
2443
}
2444
row:selected check:not(:checked):not(:indeterminate):disabled, row:selected
2446
radio:not(:checked):not(:indeterminate):disabled {
2447
color: rgba(255, 255, 255, 0.3);
2448
}
2449
popover check, popover check:hover, popover check:active, popover check:disabled, popover
2451
radio, popover
2452
radio:hover, popover
2453
radio:active, popover
2454
radio:disabled {
2455
box-shadow: none;
2456
background-image: none;
2457
}
2458
popover check:not(:checked):not(:indeterminate):not(:disabled), popover
2460
radio:not(:checked):not(:indeterminate):not(:disabled) {
2461
color: rgba(0, 0, 0, 0.54);
2462
}
2463
popover check.left:dir(rtl), popover
2465
radio.left:dir(rtl) {
2466
margin-left: -12px;
2467
margin-right: -4px;
2468
}
2469
popover check.right:dir(ltr), popover
2471
radio.right:dir(ltr) {
2472
margin-left: -4px;
2473
margin-right: -12px;
2474
}
2475
menu menuitem check, menu menuitem
2477
radio {
2478
transition: none;
2479
margin: 0;
2480
padding: 0;
2481
}
2482
menu menuitem check:dir(ltr), menu menuitem
2484
radio:dir(ltr) {
2485
margin-right: 8px;
2486
}
2487
menu menuitem check:dir(rtl), menu menuitem
2489
radio:dir(rtl) {
2490
margin-left: 8px;
2491
}
2492
menu menuitem check:not(:checked):not(:indeterminate):not(:disabled), menu menuitem
2494
radio:not(:checked):not(:indeterminate):not(:disabled) {
2495
color: rgba(0, 0, 0, 0.54);
2496
}
2497
menu menuitem check, menu menuitem check:hover, menu menuitem check:disabled, menu menuitem
2499
radio, menu menuitem
2500
radio:hover, menu menuitem
2501
radio:disabled {
2502
box-shadow: none;
2503
}
2504
check {
2507
-gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-unchecked-symbolic.svg"));
2508
}
2509
check:checked {
2512
-gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-checked-symbolic.svg"));
2513
}
2514
check:indeterminate {
2517
-gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-mixed-symbolic.svg"));
2518
}
2519
radio {
2522
-gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-unchecked-symbolic.svg"));
2523
border-image-slice: 20;
2524
border-image-width: 20px;
2525
}
2526
radio:indeterminate {
2529
-gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-mixed-symbolic.svg"));
2530
}
2531
radio {
2534
border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#009688), to(transparent));
2535
}
2536
radio:checked:not(:indeterminate) {
2539
border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.125, to(#009688), to(transparent));
2540
}
2541
radio:checked:not(:indeterminate):disabled {
2544
border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.125, to(rgba(0, 150, 136, 0.5)), to(transparent));
2545
}
2546
window.background:not(.csd) > widget > checkbutton > check,
2548
menu menuitem check {
2549
min-height: 16px;
2550
min-width: 16px;
2551
border-radius: 2px;
2552
-gtk-outline-radius: 2px;
2553
-gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-unchecked-symbolic.svg"));
2554
}
2555
window.background:not(.csd) > widget > checkbutton > check:checked,
2557
menu menuitem check:checked {
2558
-gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-checked-symbolic.svg"));
2559
}
2560
window.background:not(.csd) > widget > checkbutton > check:indeterminate,
2562
menu menuitem check:indeterminate {
2563
-gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-mixed-symbolic.svg"));
2564
}
2565
window.background:not(.csd) > widget > radiobutton > radio,
2567
menu menuitem radio {
2568
min-height: 16px;
2569
min-width: 16px;
2570
border-image: none;
2571
-gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-unchecked-symbolic.svg"));
2572
}
2573
window.background:not(.csd) > widget > radiobutton > radio:checked,
2575
menu menuitem radio:checked {
2576
-gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-checked-symbolic.svg"));
2577
}
2578
window.background:not(.csd) > widget > radiobutton > radio:indeterminate,
2580
menu menuitem radio:indeterminate {
2581
-gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-mixed-symbolic.svg"));
2582
}
2583
check:not(:checked):active {
2585
-gtk-icon-transform: rotate(90deg);
2586
}
2587
check:not(:checked):indeterminate:active,
2589
radio:not(:checked):indeterminate:active {
2590
-gtk-icon-transform: scaleX(-1);
2591
}
2592
check:not(:checked),
2594
radio:not(:checked) {
2595
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;
2596
}
2597
check:not(:checked):active,
2599
radio:not(:checked):active {
2600
transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0, -gtk-icon-transform 0;
2601
}
2602
menu menuitem check:not(:checked), menu menuitem
2604
radio:not(:checked) {
2605
transition: none;
2606
}
2607
treeview.view check,
2609
treeview.view radio {
2610
padding: 0;
2611
}
2612
treeview.view check:hover,
2614
treeview.view radio:hover {
2615
box-shadow: inset 0 0 0 9999px alpha(rgba(0, 0, 0, 0.87), 0.05);
2616
}
2617
treeview.view check:hover:disabled,
2619
treeview.view radio:hover:disabled {
2620
box-shadow: none;
2621
}
2622
treeview.view check:hover:selected,
2624
treeview.view radio:hover:selected {
2625
box-shadow: inset 0 0 0 9999px alpha(#FFFFFF, 0.05);
2626
}
2627
treeview.view check,
2629
treeview.view radio {
2630
color: rgba(0, 0, 0, 0.54);
2631
}
2632
treeview.view check:hover, treeview.view check:active,
2634
treeview.view radio:hover,
2635
treeview.view radio:active {
2636
color: rgba(0, 0, 0, 0.87);
2637
}
2638
treeview.view check:disabled,
2640
treeview.view radio:disabled {
2641
color: rgba(0, 0, 0, 0.26);
2642
}
2643
treeview.view check:checked, treeview.view check:indeterminate,
2645
treeview.view radio:checked,
2646
treeview.view radio:indeterminate {
2647
color: #009688;
2648
}
2649
treeview.view check:checked:disabled, treeview.view check:indeterminate:disabled,
2651
treeview.view radio:checked:disabled,
2652
treeview.view radio:indeterminate:disabled {
2653
color: rgba(0, 150, 136, 0.5);
2654
}
2655
treeview.view check:selected,
2657
treeview.view radio:selected {
2658
color: rgba(255, 255, 255, 0.7);
2659
}
2660
treeview.view check:selected:hover, treeview.view check:selected:active,
2662
treeview.view radio:selected:hover,
2663
treeview.view radio:selected:active {
2664
color: #FFFFFF;
2665
}
2666
treeview.view check:selected:disabled,
2668
treeview.view radio:selected:disabled {
2669
color: rgba(255, 255, 255, 0.3);
2670
}
2671
treeview.view check:selected:checked, treeview.view check:selected:indeterminate,
2673
treeview.view radio:selected:checked,
2674
treeview.view radio:selected:indeterminate {
2675
color: #009688;
2676
}
2677
treeview.view check:selected:checked:disabled, treeview.view check:selected:indeterminate:disabled,
2679
treeview.view radio:selected:checked:disabled,
2680
treeview.view radio:selected:indeterminate:disabled {
2681
color: rgba(0, 150, 136, 0.5);
2682
}
2683
treeview.view radio:checked {
2685
-gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-checked-symbolic.svg"));
2686
border-image: none;
2687
}
2688
/************
2690
* GtkScale *
2691
************/
2692
scale {
2693
min-height: 12px;
2694
min-width: 12px;
2695
padding: 12px;
2696
}
2697
scale slider {
2699
min-height: 24px;
2700
min-width: 24px;
2701
margin: -11px;
2702
}
2703
scale trough {
2705
transition: all 270ms cubic-bezier(0, 0, 0.2, 1);
2706
outline-offset: 2px;
2707
background-color: rgba(0, 0, 0, 0.26);
2708
}
2709
scale trough:disabled {
2711
background-color: rgba(0, 0, 0, 0.12);
2712
}
2713
scale highlight {
2715
transition: all 270ms cubic-bezier(0, 0, 0.2, 1);
2716
background-color: #009688;
2717
}
2718
scale highlight:disabled {
2720
background-color: transparent;
2721
}
2722
scale fill {
2724
transition: all 270ms cubic-bezier(0, 0, 0.2, 1);
2725
background-color: rgba(0, 0, 0, 0.26);
2726
}
2727
scale fill:disabled {
2729
background-color: transparent;
2730
}
2731
scale slider {
2733
transition: all 180ms cubic-bezier(0.4, 0, 0.2, 1);
2734
background-repeat: no-repeat;
2735
background-position: center;
2736
background-size: calc(100% - 10px);
2737
}
2738
scale slider {
2740
background-image: -gtk-scaled(url("assets/scale-slider.png"), url("assets/scale-slider@2.png"));
2741
}
2742
scale slider:disabled {
2744
background-image: -gtk-scaled(url("assets/scale-slider-disabled.png"), url("assets/scale-slider-disabled@2.png"));
2745
}
2746
scale slider:hover {
2748
background-size: calc(100% - 8px);
2749
}
2750
scale slider:active {
2752
background-size: calc(100% - 6px);
2753
}
2754
scale.fine-tune slider {
2756
background-size: calc(100% - 12px);
2757
}
2758
scale marks label,
2760
scale value {
2761
color: rgba(0, 0, 0, 0.38);
2762
}
2763
scale marks {
2765
color: rgba(0, 0, 0, 0.26);
2766
}
2767
scale marks.top {
2769
margin-bottom: 8px;
2770
margin-top: -16px;
2771
}
2772
scale marks.bottom {
2774
margin-top: 8px;
2775
margin-bottom: -16px;
2776
}
2777
scale marks.top {
2779
margin-right: 8px;
2780
margin-left: -16px;
2781
}
2782
scale marks.bottom {
2784
margin-left: 8px;
2785
margin-right: -16px;
2786
}
2787
scale.horizontal indicator {
2789
min-height: 8px;
2790
min-width: 1px;
2791
}
2792
scale.vertical indicator {
2794
min-height: 1px;
2795
min-width: 8px;
2796
}
2797
scale.horizontal.marks-before:not(.marks-after) slider {
2799
min-height: 30px;
2800
min-width: 24px;
2801
margin-top: -17px;
2802
background-position: center calc(100% - 5px);
2803
}
2804
scale.horizontal.marks-before:not(.marks-after) slider {
2806
background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider.png"), url("assets/scale-horz-marks-before-slider@2.png"));
2807
}
2808
scale.horizontal.marks-before:not(.marks-after) slider:disabled {
2810
background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-disabled.png"), url("assets/scale-horz-marks-before-slider-disabled@2.png"));
2811
}
2812
scale.horizontal.marks-before:not(.marks-after) slider:hover {
2814
background-position: center calc(100% - 4px);
2815
}
2816
scale.horizontal.marks-before:not(.marks-after) slider:active {
2818
background-position: center calc(100% - 3px);
2819
}
2820
scale.horizontal.marks-before:not(.marks-after).fine-tune slider {
2822
background-position: center calc(100% - 6px);
2823
}
2824
scale.horizontal.marks-after:not(.marks-before) slider {
2826
min-height: 30px;
2827
min-width: 24px;
2828
margin-bottom: -17px;
2829
background-position: center calc(5px);
2830
}
2831
scale.horizontal.marks-after:not(.marks-before) slider {
2833
background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider.png"), url("assets/scale-horz-marks-after-slider@2.png"));
2834
}
2835
scale.horizontal.marks-after:not(.marks-before) slider:disabled {
2837
background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-disabled.png"), url("assets/scale-horz-marks-after-slider-disabled@2.png"));
2838
}
2839
scale.horizontal.marks-after:not(.marks-before) slider:hover {
2841
background-position: center calc(4px);
2842
}
2843
scale.horizontal.marks-after:not(.marks-before) slider:active {
2845
background-position: center calc(3px);
2846
}
2847
scale.horizontal.marks-after:not(.marks-before).fine-tune slider {
2849
background-position: center calc(6px);
2850
}
2851
scale.vertical.marks-before:not(.marks-after) slider {
2853
min-height: 24px;
2854
min-width: 30px;
2855
margin-left: -17px;
2856
background-position: calc(5px) center;
2857
}
2858
scale.vertical.marks-before:not(.marks-after) slider {
2860
background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider.png"), url("assets/scale-vert-marks-before-slider@2.png"));
2861
}
2862
scale.vertical.marks-before:not(.marks-after) slider:disabled {
2864
background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-disabled.png"), url("assets/scale-vert-marks-before-slider-disabled@2.png"));
2865
}
2866
scale.vertical.marks-before:not(.marks-after) slider:hover {
2868
background-position: calc(4px) center;
2869
}
2870
scale.vertical.marks-before:not(.marks-after) slider:active {
2872
background-position: calc(3px) center;
2873
}
2874
scale.vertical.marks-before:not(.marks-after).fine-tune slider {
2876
background-position: calc(6px) center;
2877
}
2878
scale.vertical.marks-after:not(.marks-before) slider {
2880
min-height: 24px;
2881
min-width: 30px;
2882
margin-right: -17px;
2883
background-position: calc(100% - 5px) center;
2884
}
2885
scale.vertical.marks-after:not(.marks-before) slider {
2887
background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider.png"), url("assets/scale-vert-marks-after-slider@2.png"));
2888
}
2889
scale.vertical.marks-after:not(.marks-before) slider:disabled {
2891
background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-disabled.png"), url("assets/scale-vert-marks-after-slider-disabled@2.png"));
2892
}
2893
scale.vertical.marks-after:not(.marks-before) slider:hover {
2895
background-position: calc(100% - 4px) center;
2896
}
2897
scale.vertical.marks-after:not(.marks-before) slider:active {
2899
background-position: calc(100% - 3px) center;
2900
}
2901
scale.vertical.marks-after:not(.marks-before).fine-tune slider {
2903
background-position: calc(100% - 6px) center;
2904
}
2905
scale.color {
2907
min-height: 0;
2908
min-width: 0;
2909
}
2910
scale.color.horizontal {
2912
padding: 0 0 12px 0;
2913
}
2914
scale.color.horizontal slider:dir(ltr), scale.color.horizontal slider:dir(rtl) {
2916
margin-bottom: -12px;
2917
margin-top: -2px;
2918
}
2919
scale.color.vertical:dir(ltr) {
2921
padding: 0 0 0 12px;
2922
}
2923
scale.color.vertical:dir(ltr) slider {
2925
margin-left: -12px;
2926
margin-right: -2px;
2927
}
2928
scale.color.vertical:dir(rtl) {
2930
padding: 0 12px 0 0;
2931
}
2932
scale.color.vertical:dir(rtl) slider {
2934
margin-right: -12px;
2935
margin-left: -2px;
2936
}
2937
/*****************
2939
* Progress bars *
2940
*****************/
2941
progressbar {
2942
color: rgba(0, 0, 0, 0.38);
2943
font-size: smaller;
2944
}
2945
progressbar.horizontal trough,
2947
progressbar.horizontal progress {
2948
min-height: 4px;
2949
}
2950
progressbar.vertical trough,
2952
progressbar.vertical progress {
2953
min-width: 4px;
2954
}
2955
progressbar trough {
2957
background-color: rgba(51, 141, 214, 0.3);
2958
}
2959
progressbar progress {
2961
background-color: #338DD6;
2962
}
2963
progressbar trough.empty progress {
2965
all: unset;
2966
}
2967
/*************
2969
* Level Bar *
2970
*************/
2971
levelbar.horizontal block {
2972
min-height: 4px;
2973
}
2974
levelbar.horizontal.discrete block {
2976
min-width: 36px;
2977
}
2978
levelbar.horizontal.discrete block:not(:last-child) {
2980
margin-right: 2px;
2981
}
2982
levelbar.vertical block {
2984
min-width: 4px;
2985
}
2986
levelbar.vertical.discrete block {
2988
min-height: 36px;
2989
}
2990
levelbar.vertical.discrete block:not(:last-child) {
2992
margin-bottom: 2px;
2993
}
2994
levelbar trough {
2996
padding: 2px;
2997
border-radius: 2px;
2998
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
2999
background-color: #FFFFFF;
3000
}
3001
levelbar trough:disabled {
3003
background-color: #F5F5F5;
3004
}
3005
levelbar block.low {
3007
background-color: #FF6D00;
3008
}
3009
levelbar block.high, levelbar block:not(.empty) {
3011
background-color: #338DD6;
3012
}
3013
levelbar block.full {
3015
background-color: #00C853;
3016
}
3017
levelbar block.empty {
3019
background-color: rgba(0, 0, 0, 0.12);
3020
}
3021
/****************
3023
* Print dialog *
3024
*****************/
3025
printdialog paper {
3026
padding: 0;
3027
border: 1px solid rgba(0, 0, 0, 0.12);
3028
background-color: #FFFFFF;
3029
color: rgba(0, 0, 0, 0.87);
3030
}
3031
printdialog .dialog-action-box {
3033
margin: 12px;
3034
}
3035
/**********
3037
* Frames *
3038
**********/
3039
frame > border,
3040
.frame {
3041
margin: 0;
3042
padding: 0;
3043
border: 1px solid rgba(0, 0, 0, 0.12);
3044
border-radius: 0;
3045
box-shadow: none;
3046
}
3047
frame > border.flat,
3049
.frame.flat,
3050
frame.flat > border {
3051
border-style: none;
3052
}
3053
actionbar > revealer > box {
3055
padding: 6px;
3056
border-top: 1px solid rgba(0, 0, 0, 0.12);
3057
}
3058
scrolledwindow viewport.frame {
3060
border-style: none;
3061
}
3062
overshoot.top {
3064
background-image: -gtk-gradient(radial, center top, 0, center top, 0.75, to(rgba(64, 196, 255, 0.3)), to(transparent));
3065
background-repeat: no-repeat;
3066
background-position: center top;
3067
background-color: transparent;
3068
border: none;
3069
box-shadow: none;
3070
}
3071
overshoot.bottom {
3073
background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.75, to(rgba(64, 196, 255, 0.3)), to(transparent));
3074
background-repeat: no-repeat;
3075
background-position: center bottom;
3076
background-color: transparent;
3077
border: none;
3078
box-shadow: none;
3079
}
3080
overshoot.left {
3082
background-image: -gtk-gradient(radial, left center, 0, left center, 0.75, to(rgba(64, 196, 255, 0.3)), to(transparent));
3083
background-repeat: no-repeat;
3084
background-position: left center;
3085
background-color: transparent;
3086
border: none;
3087
box-shadow: none;
3088
}
3089
overshoot.right {
3091
background-image: -gtk-gradient(radial, right center, 0, right center, 0.75, to(rgba(64, 196, 255, 0.3)), to(transparent));
3092
background-repeat: no-repeat;
3093
background-position: right center;
3094
background-color: transparent;
3095
border: none;
3096
box-shadow: none;
3097
}
3098
undershoot.top {
3100
background-color: transparent;
3101
background-image: linear-gradient(to left, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%);
3102
padding-top: 1px;
3103
background-size: 12px 1px;
3104
background-repeat: repeat-x;
3105
background-origin: content-box;
3106
background-position: left top;
3107
}
3108
undershoot.bottom {
3110
background-color: transparent;
3111
background-image: linear-gradient(to left, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%);
3112
padding-bottom: 1px;
3113
background-size: 12px 1px;
3114
background-repeat: repeat-x;
3115
background-origin: content-box;
3116
background-position: left bottom;
3117
}
3118
undershoot.left {
3120
background-color: transparent;
3121
background-image: linear-gradient(to top, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%);
3122
padding-left: 1px;
3123
background-size: 1px 12px;
3124
background-repeat: repeat-y;
3125
background-origin: content-box;
3126
background-position: left top;
3127
}
3128
undershoot.right {
3130
background-color: transparent;
3131
background-image: linear-gradient(to top, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%);
3132
padding-right: 1px;
3133
background-size: 1px 12px;
3134
background-repeat: repeat-y;
3135
background-origin: content-box;
3136
background-position: right top;
3137
}
3138
junction {
3140
border-style: solid none none solid;
3141
border-width: 1px;
3142
border-color: rgba(0, 0, 0, 0.12);
3143
background-color: #FFFFFF;
3144
}
3145
junction:dir(rtl) {
3147
border-style: solid solid none none;
3148
}
3149
separator {
3151
min-width: 1px;
3152
min-height: 1px;
3153
background-color: rgba(0, 0, 0, 0.12);
3154
}
3155
button.font separator,
3158
button.file separator, .tweak-categories separator, preferences stacksidebar.sidebar list separator {
3159
min-width: 0;
3160
min-height: 0;
3161
background-color: transparent;
3162
}
3163
/*********
3165
* Lists *
3166
*********/
3167
list {
3168
border-color: rgba(0, 0, 0, 0.12);
3169
background-color: #FFFFFF;
3170
}
3171
list row {
3173
padding: 2px;
3174
}
3175
row.activatable, .view, treeview.view header button, .budgie-menu button {
3177
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);
3178
box-shadow: inset 0 0 0 9999px transparent;
3179
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
3180
background-repeat: no-repeat;
3181
background-position: center;
3182
background-size: 1000% 1000%;
3183
}
3184
row.activatable:hover, .view:hover, treeview.view header button:hover, .budgie-menu button:hover {
3186
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);
3187
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.05);
3188
}
3189
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 {
3191
transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-color 0, color 0, background-size 0, background-image 0;
3192
animation: ripple_effect 270ms cubic-bezier(0, 0, 0.2, 1) forwards;
3193
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.15);
3194
background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.15) 10%, transparent 0%);
3195
background-size: 0% 0%;
3196
}
3197
/*********************
3199
* App Notifications *
3200
*********************/
3201
.app-notification {
3202
margin: 8px;
3203
}
3204
.app-notification.frame,
3206
.app-notification border {
3207
border-style: none;
3208
}
3209
/*************
3211
* Expanders *
3212
*************/
3213
expander title > arrow {
3214
transition: all 180ms cubic-bezier(0.4, 0, 0.2, 1);
3215
min-width: 16px;
3216
min-height: 16px;
3217
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
3218
-gtk-icon-transform: rotate(-90deg);
3219
color: rgba(0, 0, 0, 0.54);
3220
}
3221
expander title > arrow:dir(rtl) {
3223
-gtk-icon-transform: rotate(90deg);
3224
}
3225
expander title > arrow:checked {
3227
-gtk-icon-transform: unset;
3228
}
3229
expander title > arrow:hover, expander title > arrow:active {
3231
color: rgba(0, 0, 0, 0.87);
3232
}
3233
expander title > arrow:disabled {
3235
color: rgba(0, 0, 0, 0.26);
3236
}
3237
expander title > arrow:selected {
3239
color: rgba(255, 255, 255, 0.7);
3240
}
3241
expander title > arrow:selected:hover, expander title > arrow:selected:active {
3243
color: #FFFFFF;
3244
}
3245
expander title > arrow:selected:disabled {
3247
color: rgba(255, 255, 255, 0.3);
3248
}
3249
/************
3251
* Calendar *
3252
************/
3253
calendar {
3254
padding: 1px;
3255
border: 1px solid rgba(0, 0, 0, 0.12);
3256
color: rgba(0, 0, 0, 0.87);
3257
}
3258
calendar:disabled {
3260
color: rgba(0, 0, 0, 0.38);
3261
}
3262
calendar:selected {
3264
border-radius: 3px;
3265
}
3266
calendar.header {
3268
border-style: none none solid;
3269
border-radius: 0;
3270
}
3271
calendar.highlight {
3273
color: rgba(0, 0, 0, 0.54);
3274
font-weight: 500;
3275
}
3276
calendar:indeterminate {
3278
color: rgba(0, 0, 0, 0.26);
3279
}
3280
/***********
3282
* Dialogs *
3283
***********/
3284
messagedialog.background {
3285
background-color: #FAFAFA;
3286
}
3287
messagedialog .titlebar {
3289
min-height: 24px;
3290
border-style: none;
3291
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
3292
background-color: #FAFAFA;
3293
color: rgba(0, 0, 0, 0.87);
3294
}
3295
messagedialog .titlebar:backdrop {
3297
color: rgba(0, 0, 0, 0.54);
3298
}
3299
messagedialog.csd.background {
3301
border-bottom-left-radius: 2px;
3302
border-bottom-right-radius: 2px;
3303
}
3304
messagedialog.csd .dialog-action-area button {
3306
padding: 8px 16px;
3307
border-top: 1px solid rgba(0, 0, 0, 0.12);
3308
border-radius: 0;
3309
}
3310
messagedialog.csd .dialog-action-area button:first-child {
3312
border-bottom-left-radius: 2px;
3313
}
3314
messagedialog.csd .dialog-action-area button:last-child {
3316
border-bottom-right-radius: 2px;
3317
}
3318
filechooser .dialog-action-box {
3320
border-top: 1px solid rgba(0, 0, 0, 0.12);
3321
}
3322
filechooser #pathbarbox {
3324
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
3325
background-color: #EEEEEE;
3326
}
3327
filechooserbutton:drop(active) {
3329
box-shadow: none;
3330
}
3331
/***********
3333
* Sidebar *
3334
***********/
3335
.sidebar {
3336
border-style: none;
3337
background-color: #F5F5F5;
3338
}
3339
stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left, .sidebar.left:dir(rtl) {
3341
border-right: 1px solid rgba(0, 0, 0, 0.12);
3342
border-left-style: none;
3343
}
3344
stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right {
3346
border-left: 1px solid rgba(0, 0, 0, 0.12);
3347
border-right-style: none;
3348
}
3349
.sidebar list {
3351
background-color: transparent;
3352
}
3353
paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar {
3355
border-style: none;
3356
}
3357
stacksidebar row {
3359
padding: 10px 4px;
3360
}
3361
stacksidebar row > label {
3363
padding-left: 6px;
3364
padding-right: 6px;
3365
}
3366
/****************
3368
* File chooser *
3369
****************/
3370
row image.sidebar-icon {
3371
color: rgba(0, 0, 0, 0.54);
3372
}
3373
row:selected image.sidebar-icon {
3375
color: rgba(255, 255, 255, 0.7);
3376
}
3377
placessidebar > viewport.frame {
3379
border-style: none;
3380
}
3381
placessidebar list {
3383
padding: 1px 0 4px;
3384
}
3385
placessidebar row {
3387
min-height: 32px;
3388
margin: -1px 0;
3389
padding: 0;
3390
}
3391
placessidebar row > revealer {
3393
padding: 0 12px;
3394
}
3395
placessidebar row:selected {
3397
color: #FFFFFF;
3398
}
3399
placessidebar row:disabled {
3401
color: rgba(0, 0, 0, 0.38);
3402
}
3403
placessidebar row image.sidebar-icon:dir(ltr) {
3405
padding-right: 8px;
3406
}
3407
placessidebar row image.sidebar-icon:dir(rtl) {
3409
padding-left: 8px;
3410
}
3411
placessidebar row label.sidebar-label:dir(ltr) {
3413
padding-right: 2px;
3414
}
3415
placessidebar row label.sidebar-label:dir(rtl) {
3417
padding-left: 2px;
3418
}
3419
placessidebar row.sidebar-placeholder-row {
3421
min-height: 2px;
3422
padding: 0 8px;
3423
background-image: image(#009688);
3424
background-clip: content-box;
3425
}
3426
placessidebar row.sidebar-new-bookmark-row {
3428
color: #009688;
3429
}
3430
placessidebar row:drop(active):not(:disabled) {
3432
box-shadow: inset 0 0 0 2px #009688;
3433
}
3434
placesview .server-list-button > image {
3436
-gtk-icon-transform: rotate(0turn);
3437
}
3438
placesview .server-list-button:checked > image {
3440
-gtk-icon-transform: rotate(-0.5turn);
3441
}
3442
placesview > actionbar > revealer > box > label {
3444
padding-left: 8px;
3445
padding-right: 8px;
3446
}
3447
/*********
3449
* Paned *
3450
*********/
3451
paned > separator {
3452
min-width: 1px;
3453
min-height: 1px;
3454
-gtk-icon-source: none;
3455
border-style: none;
3456
background-color: transparent;
3457
background-image: image(rgba(0, 0, 0, 0.12));
3458
background-size: 1px 1px;
3459
background-clip: content-box;
3460
}
3461
paned > separator.wide {
3463
min-width: 6px;
3464
min-height: 6px;
3465
background-color: #EEEEEE;
3466
background-image: image(rgba(0, 0, 0, 0.12)), image(rgba(0, 0, 0, 0.12));
3467
background-size: 1px 1px, 1px 1px;
3468
}
3469
paned.horizontal > separator {
3471
background-repeat: repeat-y;
3472
}
3473
paned.horizontal > separator:dir(ltr) {
3475
margin: 0 -8px 0 0;
3476
padding: 0 8px 0 0;
3477
background-position: left;
3478
}
3479
paned.horizontal > separator:dir(rtl) {
3481
margin: 0 0 0 -8px;
3482
padding: 0 0 0 8px;
3483
background-position: right;
3484
}
3485
paned.horizontal > separator.wide {
3487
margin: 0;
3488
padding: 0;
3489
background-repeat: repeat-y, repeat-y;
3490
background-position: left, right;
3491
}
3492
paned.vertical > separator {
3494
margin: 0 0 -8px 0;
3495
padding: 0 0 8px 0;
3496
background-repeat: repeat-x;
3497
background-position: top;
3498
}
3499
paned.vertical > separator.wide {
3501
margin: 0;
3502
padding: 0;
3503
background-repeat: repeat-x, repeat-x;
3504
background-position: bottom, top;
3505
}
3506
/**************
3508
* GtkInfoBar *
3509
**************/
3510
infobar {
3511
border-style: none;
3512
}
3513
infobar.info {
3515
background-color: #66BB6A;
3516
}
3517
infobar.question {
3519
background-color: #42A5F5;
3520
}
3521
infobar.warning {
3523
background-color: #FFA726;
3524
}
3525
infobar.error {
3527
background-color: #EF5350;
3528
}
3529
infobar.info > label, infobar.info, infobar.question > label, infobar.question, infobar.warning > label, infobar.warning, infobar.error > label, infobar.error {
3531
color: #FFFFFF;
3532
}
3533
/************
3535
* Tooltips *
3536
************/
3537
tooltip {
3538
border-radius: 2px;
3539
box-shadow: none;
3540
}
3541
tooltip.background {
3543
background-color: rgba(66, 66, 66, 0.9);
3544
color: #FFFFFF;
3545
}
3546
tooltip decoration {
3548
background-color: transparent;
3549
}
3550
tooltip label {
3552
min-height: 20px;
3553
padding: 0 2px;
3554
}
3555
/*****************
3557
* Color Chooser *
3558
*****************/
3559
colorswatch.top {
3560
border-top-left-radius: 2.5px;
3561
border-top-right-radius: 2.5px;
3562
}
3563
colorswatch.top overlay {
3565
border-top-left-radius: 2px;
3566
border-top-right-radius: 2px;
3567
}
3568
colorswatch.bottom {
3570
border-bottom-left-radius: 2.5px;
3571
border-bottom-right-radius: 2.5px;
3572
}
3573
colorswatch.bottom overlay {
3575
border-bottom-left-radius: 2px;
3576
border-bottom-right-radius: 2px;
3577
}
3578
colorswatch.left, colorswatch:first-child:not(.top) {
3580
border-top-left-radius: 2.5px;
3581
border-bottom-left-radius: 2.5px;
3582
}
3583
colorswatch.left overlay, colorswatch:first-child:not(.top) overlay {
3585
border-top-left-radius: 2px;
3586
border-bottom-left-radius: 2px;
3587
}
3588
colorswatch.right, colorswatch:last-child:not(.bottom) {
3590
border-top-right-radius: 2.5px;
3591
border-bottom-right-radius: 2.5px;
3592
}
3593
colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay {
3595
border-top-right-radius: 2px;
3596
border-bottom-right-radius: 2px;
3597
}
3598
colorswatch.dark {
3600
color: #FFFFFF;
3601
}
3602
colorswatch.light {
3604
color: rgba(0, 0, 0, 0.87);
3605
}
3606
colorswatch:drop(active) {
3608
box-shadow: none;
3609
}
3610
colorswatch:drop(active).light overlay {
3612
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), 0 0 0 2px #009688;
3613
}
3614
colorswatch:drop(active).dark overlay {
3616
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), 0 0 0 2px #009688;
3617
}
3618
colorswatch overlay {
3620
transition: box-shadow 180ms cubic-bezier(0, 0, 0.2, 1);
3621
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
3622
}
3623
colorswatch overlay:hover {
3625
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
3626
}
3627
colorswatch#add-color-button {
3629
border-radius: 2px 2px 0 0;
3630
color: #FFFFFF;
3631
}
3632
colorswatch#add-color-button:only-child {
3634
border-radius: 2px;
3635
}
3636
colorswatch#add-color-button overlay {
3638
background-image: linear-gradient(to right, #EF5350 25%, #FFA726 25%, #FFA726 50%, #66BB6A 50%, #66BB6A 75%, #42A5F5 75%);
3639
}
3640
colorswatch:disabled {
3642
opacity: 0.5;
3643
}
3644
colorswatch:disabled overlay {
3646
box-shadow: none;
3647
}
3648
colorswatch#editor-color-sample {
3650
border-radius: 2.5px;
3651
}
3652
colorswatch#editor-color-sample overlay {
3654
border-radius: 2px;
3655
}
3656
colorchooser .popover.osd {
3658
transition: box-shadow 180ms cubic-bezier(0, 0, 0.2, 1);
3659
border-radius: 2px;
3660
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);
3661
background-color: #FFFFFF;
3662
}
3663
colorchooser .popover.osd:backdrop {
3665
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);
3666
}
3667
/********
3669
* Misc *
3670
********/
3671
.content-view {
3672
background-color: #EEEEEE;
3673
}
3674
/**********************
3676
* Window Decorations *
3677
**********************/
3678
decoration {
3679
transition: box-shadow 180ms cubic-bezier(0, 0, 0.2, 1);
3680
border-radius: 2px 2px 0 0;
3681
box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22), 0 16px 16px transparent;
3682
margin: 8px;
3683
}
3684
decoration:backdrop {
3686
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), 0 16px 16px transparent;
3687
}
3688
.maximized decoration,
3690
.fullscreen decoration,
3691
.tiled decoration,
3692
.tiled-top decoration,
3693
.tiled-right decoration,
3694
.tiled-bottom decoration,
3695
.tiled-left decoration {
3696
border-radius: 0;
3697
}
3698
.popup decoration {
3700
box-shadow: none;
3701
}
3702
.ssd decoration {
3704
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16);
3705
}
3706
.csd.popup decoration {
3708
border-radius: 2px;
3709
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
3710
}
3711
tooltip.csd decoration {
3713
border-radius: 2px;
3714
box-shadow: none;
3715
}
3716
messagedialog.csd decoration {
3718
border-radius: 2px;
3719
}
3720
.solid-csd decoration {
3722
margin: 0;
3723
border-radius: 0;
3724
box-shadow: none;
3725
background-color: #303030;
3726
}
3727
.view selection, .view:selected, flowbox flowboxchild:selected, spinbutton:not(.vertical) selection,
3729
entry selection, modelbutton.flat:selected,
3730
.menuitem.button.flat:selected, popover.background.menu button:checked,
3731
popover.background button.model:checked, row:selected, calendar:selected, text:selected, .budgie-menu button:checked {
3732
background-color: #338DD6;
3733
}
3734
row:selected label, label:selected, .view selection, .view:selected, flowbox flowboxchild:selected, spinbutton:not(.vertical) selection,
3736
entry selection, modelbutton.flat:selected,
3737
.menuitem.button.flat:selected, popover.background.menu button:checked,
3738
popover.background button.model:checked, row:selected, calendar:selected, text:selected, .budgie-menu button:checked {
3739
color: #FFFFFF;
3740
}
3741
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,
3743
entry selection:disabled, modelbutton.flat:disabled:selected,
3744
.menuitem.button.flat:disabled:selected, popover.background.menu button:disabled:checked,
3745
popover.background button.model:disabled:checked, row:disabled:selected, calendar:disabled:selected, text:disabled:selected, .budgie-menu button:disabled:checked {
3746
color: rgba(255, 255, 255, 0.5);
3747
}
3748
.monospace {
3750
font-family: monospace;
3751
}
3752
/**********************
3754
* Touch Copy & Paste *
3755
**********************/
3756
cursor-handle {
3757
border-radius: 9999px;
3758
background-color: #009688;
3759
background-image: none;
3760
}
3761
cursor-handle.top:dir(ltr), cursor-handle.bottom:dir(rtl) {
3763
padding-left: 6px;
3764
border-top-right-radius: 0;
3765
}
3766
cursor-handle.bottom:dir(ltr), cursor-handle.top:dir(rtl) {
3768
padding-right: 6px;
3769
border-top-left-radius: 0;
3770
}
3771
cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) {
3773
-GtkWidget-text-handle-width: 24;
3774
-GtkWidget-text-handle-height: 30;
3775
-gtk-icon-source: -gtk-scaled(url("assets/scale-horz-marks-before-slider.png"), url("assets/scale-horz-marks-before-slider@2.png"));
3776
}
3777
.context-menu {
3779
font: initial;
3780
}
3781
.keycap {
3783
min-width: 12px;
3784
min-height: 26px;
3785
margin-top: 2px;
3786
padding-bottom: 2px;
3787
padding-left: 8px;
3788
padding-right: 8px;
3789
border: solid 1px rgba(0, 0, 0, 0.12);
3790
border-radius: 3px;
3791
box-shadow: inset 0 -2px rgba(0, 0, 0, 0.12);
3792
background-color: #FFFFFF;
3793
color: rgba(0, 0, 0, 0.87);
3794
font-size: smaller;
3795
}
3796
:not(decoration):not(window):drop(active) {
3798
transition: all 270ms cubic-bezier(0, 0, 0.2, 1);
3799
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 #009688;
3800
caret-color: #009688;
3801
}
3802
stackswitcher button.text-button {
3804
min-width: 100px;
3805
}
3806
stackswitcher button.circular,
3808
stackswitcher button.text-button.circular {
3809
min-width: 36px;
3810
min-height: 36px;
3811
padding: 0;
3812
}
3813
/*********
3815
* Emoji *
3816
*********/
3817
popover.emoji-picker {
3818
padding: 0;
3819
}
3820
popover.emoji-picker entry {
3822
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
3823
border-bottom-left-radius: 0;
3824
border-bottom-right-radius: 0;
3825
box-shadow: none;
3826
}
3827
popover.emoji-picker scrolledwindow {
3829
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
3830
}
3831
button.emoji-section {
3833
margin-top: -1px;
3834
padding: 0 8px;
3835
min-width: 24px;
3836
min-height: 36px;
3837
border-radius: 0;
3838
outline-offset: -6px;
3839
box-shadow: none;
3840
}
3841
button.emoji-section:hover {
3843
box-shadow: inset 0 2px rgba(0, 0, 0, 0.26);
3844
}
3845
button.emoji-section:active {
3847
box-shadow: inset 0 2px #338DD6;
3848
background-image: radial-gradient(circle farthest-corner at center, rgba(51, 141, 214, 0.7) 10%, transparent 0%);
3849
}
3850
button.emoji-section:checked {
3852
box-shadow: inset 0 2px #338DD6;
3853
background-color: transparent;
3854
}
3855
button.emoji-section:first-child {
3857
margin-left: 4px;
3858
}
3859
button.emoji-section:last-child {
3861
margin-right: 4px;
3862
}
3863
.emoji {
3865
min-width: 3em;
3866
min-height: 3em;
3867
padding: 0;
3868
}
3869
.emoji widget {
3871
transition: all 180ms cubic-bezier(0, 0, 0.2, 1);
3872
}
3873
.emoji widget:hover {
3875
font-size: larger;
3876
}
3877
/************
3879
* Nautilus *
3880
************/
3881
.nautilus-window,
3882
.nautilus-window notebook,
3883
.nautilus-window notebook > stack {
3884
background-color: #FFFFFF;
3885
}
3886
.nautilus-desktop.nautilus-canvas-item:not(:selected), .caja-desktop.caja-canvas-item:not(:selected) {
3888
color: #FFFFFF;
3889
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
3890
}
3891
@keyframes needs_attention_keyframes {
3893
to {
3894
background-color: alpha(currentColor, 0.3);
3895
}
3896
}
3897
.nautilus-operations-button-needs-attention {
3899
animation: needs_attention_keyframes 270ms cubic-bezier(0.4, 0, 0.2, 1) 2 alternate;
3900
}
3901
.nautilus-operations-button-needs-attention-multiple {
3903
animation: needs_attention_keyframes 270ms cubic-bezier(0.4, 0, 0.2, 1) 4 alternate;
3904
}
3905
.nautilus-window .floating-bar {
3907
min-height: 32px;
3908
padding: 0;
3909
border-style: solid solid none;
3910
border-width: 1px;
3911
border-color: rgba(0, 0, 0, 0.12);
3912
border-radius: 3px 3px 0 0;
3913
background-color: #FFFFFF;
3914
background-clip: padding-box;
3915
transition: all 270ms cubic-bezier(0, 0, 0.2, 1), border-width 0;
3916
}
3917
.nautilus-window .floating-bar.bottom.left {
3919
margin-right: 7px;
3920
border-left-style: none;
3921
border-top-left-radius: 0;
3922
}
3923
.nautilus-window .floating-bar.bottom.right {
3925
margin-left: 7px;
3926
border-right-style: none;
3927
border-top-right-radius: 0;
3928
}
3929
.nautilus-window .floating-bar button {
3931
margin: 4px;
3932
}
3933
.disk-space-display.unknown {
3935
background-color: #FF6D00;
3936
}
3937
.disk-space-display.used {
3939
background-color: #338DD6;
3940
}
3941
.disk-space-display.free {
3943
background-color: rgba(0, 0, 0, 0.12);
3944
}
3945
.conflict-row:not(:selected) {
3947
background-color: #ffd3b3;
3948
}
3949
.nautilus-window flowboxchild > widget > .icon-item-background {
3951
padding: 4px;
3952
border-radius: 2px;
3953
}
3954
.nautilus-window flowboxchild:selected {
3956
background-color: transparent;
3957
}
3958
.nautilus-window flowboxchild:selected > widget > .icon-item-background {
3960
background-color: #338DD6;
3961
}
3962
dialog.background > box.dialog-vbox.vertical > grid.horizontal > scrolledwindow.frame {
3964
border-style: none;
3965
}
3966
dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child {
3968
margin: -6px 0 0 -6px;
3969
border-top: 1px solid rgba(0, 0, 0, 0.12);
3970
}
3971
dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child > label {
3973
margin: 0 8px;
3974
}
3975
dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child > box > button {
3977
border-radius: 0;
3978
}
3979
.nautilus-window > popover.menu:not(:last-child) {
3981
padding: 3px;
3982
}
3983
.nautilus-window > popover.menu:not(:last-child) > stack > box > box > box {
3985
margin-top: -6px;
3986
}
3987
.nautilus-window > popover.menu:not(:last-child) > stack > box > box > box > box {
3989
margin-bottom: -6px;
3990
}
3991
.nautilus-window > popover.menu:not(:last-child) > stack > box > box > box > box.linked {
3993
margin-top: 1px;
3994
}
3995
.nautilus-window > popover.menu:not(:last-child) separator {
3997
margin-bottom: -2px;
3998
}
3999
.nautilus-menu-sort-heading {
4001
margin: 1px 3px;
4002
font-weight: 500;
4003
}
4004
.nautilus-menu-sort-heading:disabled {
4006
color: rgba(0, 0, 0, 0.38);
4007
}
4008
.nautilus-window paned > separator {
4010
background-color: #EEEEEE;
4011
}
4012
/*********
4014
* gedit *
4015
*********/
4016
.open-document-selector-path-label {
4017
color: rgba(0, 0, 0, 0.54);
4018
font-size: smaller;
4019
}
4020
.open-document-selector-path-label:selected {
4022
color: rgba(255, 255, 255, 0.7);
4023
}
4024
.gedit-document-panel {
4026
background-color: #F5F5F5;
4027
}
4028
.gedit-document-panel row button.flat {
4030
margin-top: 8px;
4031
margin-bottom: 8px;
4032
}
4033
.gedit-document-panel-group-row:not(:first-child) {
4035
border-top: 1px solid rgba(0, 0, 0, 0.12);
4036
}
4037
.gedit-side-panel-paned statusbar {
4039
border-top: 1px solid rgba(0, 0, 0, 0.12);
4040
}
4041
.gedit-search-slider {
4043
margin: 4px 4px 8px;
4044
}
4045
.gedit-search-slider entry:dir(ltr), .gedit-search-slider entry:dir(rtl) {
4047
border-radius: 2px;
4048
}
4049
.gedit-search-slider entry:dir(ltr) .gedit-search-entry-occurrences-tag, .gedit-search-slider entry:dir(rtl) .gedit-search-entry-occurrences-tag {
4051
all: unset;
4052
color: rgba(0, 0, 0, 0.38);
4053
}
4054
.gedit-search-slider entry:dir(ltr) {
4056
margin-right: -66px;
4057
padding-right: 66px;
4058
}
4059
.gedit-search-slider entry:dir(ltr) .gedit-search-entry-occurrences-tag {
4061
margin-left: 6px;
4062
}
4063
.gedit-search-slider entry:dir(ltr) image.right {
4065
margin-right: 0;
4066
}
4067
.gedit-search-slider entry:dir(rtl) {
4069
margin-left: -66px;
4070
padding-left: 66px;
4071
}
4072
.gedit-search-slider entry:dir(rtl) .gedit-search-entry-occurrences-tag {
4074
margin-right: 6px;
4075
}
4076
.gedit-search-slider entry:dir(rtl) image.left {
4078
margin-left: 0;
4079
}
4080
.gedit-search-slider entry.error ~ button {
4082
color: rgba(255, 255, 255, 0.7);
4083
}
4084
.gedit-search-slider entry.error ~ button:hover, .gedit-search-slider entry.error ~ button:active {
4086
color: #FFFFFF;
4087
}
4088
.gedit-search-slider entry.error ~ button:disabled {
4090
color: rgba(255, 255, 255, 0.3);
4091
}
4092
.gedit-search-slider button {
4094
border: solid 6px transparent;
4095
}
4096
.gedit-search-slider button:last-child:dir(ltr), .gedit-search-slider button:not(:first-child):dir(rtl) {
4098
margin-left: -3px;
4099
}
4100
.gedit-search-slider button:first-child:dir(rtl), .gedit-search-slider button:not(:last-child):dir(ltr) {
4102
margin-right: -3px;
4103
}
4104
frame.gedit-map-frame > border:dir(ltr) {
4106
border-style: none none none solid;
4107
}
4108
frame.gedit-map-frame > border:dir(rtl) {
4110
border-style: none solid none none;
4111
}
4112
/**************
4114
* Tweak Tool *
4115
**************/
4116
.tweak-categories {
4117
background-image: image(#F5F5F5);
4118
}
4119
.tweak {
4121
padding: 3px;
4122
}
4123
.tweak.title:hover {
4125
box-shadow: none;
4126
}
4127
.tweak-group-white,
4129
.tweak-white,
4130
.tweak-white:hover {
4131
background-image: image(#FFFFFF);
4132
}
4133
.tweak-startup,
4135
.tweak-startup:hover {
4136
background-image: image(#FFFFFF);
4137
}
4138
.tweak-group-startup {
4140
background-image: image(#FFFFFF);
4141
border: 1px solid rgba(0, 0, 0, 0.12);
4142
}
4143
row#Focus,
4145
row#StaticWorkspaceTweak,
4146
row#dynamic-workspaces,
4147
row#PrimaryWorkspaceTweak,
4148
row#workspaces-only-on-primary {
4149
padding: 0;
4150
border: 1px solid rgba(0, 0, 0, 0.12);
4151
}
4152
row#Focus row:not(:last-child),
4154
row#StaticWorkspaceTweak row:not(:last-child),
4155
row#dynamic-workspaces row:not(:last-child),
4156
row#PrimaryWorkspaceTweak row:not(:last-child),
4157
row#workspaces-only-on-primary row:not(:last-child) {
4158
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4159
}
4160
row#Focus.tweak > list,
4162
row#StaticWorkspaceTweak.tweak > list,
4163
row#dynamic-workspaces.tweak > list,
4164
row#PrimaryWorkspaceTweak.tweak > list,
4165
row#workspaces-only-on-primary.tweak > list {
4166
margin-top: -3px;
4167
}
4168
row#Focus,
4170
row#PrimaryWorkspaceTweak,
4171
row#workspaces-only-on-primary {
4172
margin-top: 4px;
4173
}
4174
/***********
4176
* Builder *
4177
***********/
4178
layouttabbar {
4179
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4180
background-color: #EEEEEE;
4181
}
4182
layouttabbar > box > button {
4184
margin: 2px 0;
4185
}
4186
layouttab {
4188
margin: 0 8px;
4189
border-style: none solid;
4190
border-width: 1px;
4191
border-color: rgba(0, 0, 0, 0.12);
4192
box-shadow: inset 0 -2px #338DD6;
4193
background-color: #FFFFFF;
4194
}
4195
layouttab separator.vertical {
4197
margin: 8px 4px;
4198
}
4199
layouttab button.text-button, layouttab button.image-button, layouttab button {
4201
margin-top: 8px;
4202
margin-bottom: 8px;
4203
padding: 0 4px;
4204
}
4205
layout {
4207
border: 1px solid rgba(0, 0, 0, 0.12);
4208
-PnlDockBin-handle-size: 1;
4209
}
4210
entry.search-missing {
4212
background-color: #DD2C00;
4213
color: #FFFFFF;
4214
}
4215
window.workbench treeview.image {
4217
color: rgba(0, 0, 0, 0.54);
4218
}
4219
window.workbench treeview.image:selected {
4221
color: rgba(255, 255, 255, 0.7);
4222
}
4223
popover.popover-selector list {
4225
padding: 6px;
4226
}
4227
popover.popover-selector list row {
4229
border-radius: 2px;
4230
}
4231
popover.popover-selector list row image:dir(ltr) {
4233
margin-right: 6px;
4234
}
4235
popover.popover-selector list row image:dir(rtl) {
4237
margin-left: 6px;
4238
}
4239
popover.popover-selector list row .accel:dir(ltr) {
4241
margin-left: 6px;
4242
}
4243
popover.popover-selector list row .accel:dir(rtl) {
4245
margin-right: 6px;
4246
}
4247
omnibar.linked:not(.vertical) entry {
4249
border-radius: 2px;
4250
}
4251
omnibar:not(:hover):not(:active) entry {
4253
color: rgba(0, 0, 0, 0.54);
4254
}
4255
popover.omnibar list row:not(:last-child) {
4257
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4258
}
4259
entry.preferences-search {
4261
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12);
4262
background-color: #FFFFFF;
4263
}
4264
preferences stacksidebar.sidebar list {
4266
background-color: #F5F5F5;
4267
}
4268
preferences stacksidebar.sidebar:dir(ltr) list, preferences stacksidebar.sidebar:dir(rtl) list {
4270
border-style: none;
4271
}
4272
preferences > box > box:dir(ltr) {
4274
border-right: 1px solid rgba(0, 0, 0, 0.12);
4275
}
4276
preferences > box > box:dir(rtl) {
4278
border-left: 1px solid rgba(0, 0, 0, 0.12);
4279
}
4280
popover.messagepopover.background {
4282
padding: 0;
4283
}
4284
popover.messagepopover .popover-action-area button {
4286
padding: 8px 16px;
4287
border-top: 1px solid rgba(0, 0, 0, 0.12);
4288
border-radius: 0;
4289
}
4290
popover.messagepopover .popover-action-area button:first-child {
4292
border-bottom-left-radius: 2px;
4293
}
4294
popover.messagepopover .popover-action-area button:last-child {
4296
border-bottom-right-radius: 2px;
4297
}
4298
popover.messagepopover .popover-content-area {
4300
margin: 16px;
4301
}
4302
popover.transfers list {
4304
background-color: transparent;
4305
}
4306
popover.transfers list row:not(:first-child) {
4308
border-top: 1px solid rgba(0, 0, 0, 0.12);
4309
}
4310
popover.transfers list row > box {
4312
padding: 10px;
4313
}
4314
dockbin {
4316
border: 1px solid rgba(0, 0, 0, 0.12);
4317
-PnlDockBin-handle-size: 1;
4318
}
4319
dockpaned {
4321
border: 1px solid rgba(0, 0, 0, 0.12);
4322
}
4323
eggsearchbar box.search-bar {
4325
padding: 0 8px;
4326
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4327
background-color: #EEEEEE;
4328
}
4329
docktabstrip {
4331
padding: 0 8px;
4332
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4333
background-color: #EEEEEE;
4334
}
4335
docktab {
4337
transition: all 270ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
4338
min-height: 24px;
4339
min-width: 24px;
4340
margin-bottom: -1px;
4341
padding: 6px 6px;
4342
outline-offset: -6px;
4343
border-width: 1px;
4344
border-color: transparent;
4345
background-image: radial-gradient(circle farthest-corner at center, #338DD6 10%, transparent 0%);
4346
background-repeat: no-repeat;
4347
background-position: center;
4348
background-size: 0% 0%;
4349
color: rgba(0, 0, 0, 0.54);
4350
font-weight: 500;
4351
}
4352
docktab:hover {
4354
box-shadow: inset 0 -2px rgba(0, 0, 0, 0.26);
4355
color: rgba(0, 0, 0, 0.87);
4356
}
4357
docktab:checked {
4359
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);
4360
box-shadow: inset 0 -2px #338DD6;
4361
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
4362
background-size: 1000% 1000%;
4363
color: rgba(0, 0, 0, 0.87);
4364
}
4365
dockoverlayedge {
4367
background-color: #EEEEEE;
4368
}
4369
dockoverlayedge docktabstrip {
4371
padding: 0;
4372
border: none;
4373
}
4374
dockoverlayedge.left-edge docktab:hover {
4376
box-shadow: inset -2px 0 rgba(0, 0, 0, 0.26);
4377
}
4378
dockoverlayedge.left-edge docktab:checked {
4380
box-shadow: inset -2px 0 #338DD6;
4381
}
4382
dockoverlayedge.right-edge docktab:hover {
4384
box-shadow: inset 2px 0 rgba(0, 0, 0, 0.26);
4385
}
4386
dockoverlayedge.right-edge docktab:checked {
4388
box-shadow: inset 2px 0 #338DD6;
4389
}
4390
pillbox {
4392
background-color: #EEEEEE;
4393
border-radius: 2px;
4394
}
4395
layoutpane entry.search {
4397
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12);
4398
background-color: #FFFFFF;
4399
}
4400
editortweak entry.search {
4402
margin-bottom: -1px;
4403
box-shadow: none;
4404
}
4405
.gb-search-entry-occurrences-tag {
4407
box-shadow: none;
4408
background-color: transparent;
4409
}
4410
docktabstrip {
4412
min-height: 39px;
4413
}
4414
window.workbench preferences preferencesgroup list entry {
4416
padding-top: 8px;
4417
padding-bottom: 8px;
4418
}
4419
button.run-arrow-button {
4421
padding-left: 10px;
4422
padding-right: 10px;
4423
}
4424
button.dzlmenubutton image {
4426
min-width: 30px;
4427
}
4428
button.dzlmenubutton image.arrow {
4430
min-width: 27px;
4431
}
4432
button.dzlmenubuttonitem {
4434
color: rgba(0, 0, 0, 0.87);
4435
font-weight: normal;
4436
}
4437
button.dzlmenubuttonitem:disabled {
4439
color: rgba(0, 0, 0, 0.38);
4440
}
4441
idelayoutstackheader {
4443
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4444
}
4445
idelayoutstackheader button:checked {
4447
color: rgba(0, 0, 0, 0.87);
4448
}
4449
ideeditorutilities > dzldockpaned > box > stackswitcher {
4451
padding: 8px 0;
4452
background-color: #EEEEEE;
4453
}
4454
ideeditorutilities > dzldockpaned > box > stackswitcher:dir(ltr) {
4456
border-right: 1px solid rgba(0, 0, 0, 0.12);
4457
}
4458
ideeditorutilities > dzldockpaned > box > stackswitcher:dir(rtl) {
4460
border-left: 1px solid rgba(0, 0, 0, 0.12);
4461
}
4462
ideeditorutilities > dzldockpaned > box > stackswitcher button {
4464
border-radius: 0;
4465
outline-offset: -6px;
4466
box-shadow: none;
4467
background-color: transparent;
4468
}
4469
ideeditorutilities > dzldockpaned > box > stackswitcher button:active {
4471
background-image: radial-gradient(circle farthest-corner at center, rgba(51, 141, 214, 0.7) 10%, transparent 0%);
4472
}
4473
ideeditorutilities > dzldockpaned > box > stackswitcher button:checked {
4475
background-color: transparent;
4476
color: rgba(0, 0, 0, 0.87);
4477
}
4478
ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr) {
4480
margin-right: -1px;
4481
}
4482
ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):hover {
4484
box-shadow: inset -2px 0 rgba(0, 0, 0, 0.26);
4485
}
4486
ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):active, ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):checked {
4488
box-shadow: inset -2px 0 #338DD6;
4489
}
4490
ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl) {
4492
margin-left: -1px;
4493
}
4494
ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):hover {
4496
box-shadow: inset 2px 0 rgba(0, 0, 0, 0.26);
4497
}
4498
ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):active, ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):checked {
4500
box-shadow: inset 2px 0 #338DD6;
4501
}
4502
ideeditorsidebar notebook header {
4504
background: transparent;
4505
}
4506
popover.messagepopover list {
4508
border: 1px solid rgba(0, 0, 0, 0.12);
4509
}
4510
popover.messagepopover list row:not(:last-child) {
4512
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4513
}
4514
/**********
4516
* Photos *
4517
**********/
4518
GdMainIconView.content-view {
4519
-GdMainIconView-icon-size: 48;
4520
}
4521
.documents-counter {
4523
margin: 8px;
4524
border-radius: 9999px;
4525
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
4526
background-color: #009688;
4527
color: #FFFFFF;
4528
font-weight: bold;
4529
}
4530
.documents-scrolledwin.frame {
4532
border-style: none;
4533
}
4534
.documents-scrolledwin.frame frame.content-view > border {
4536
border-style: none;
4537
}
4538
.photos-fade-in {
4540
opacity: 1;
4541
transition: opacity 180ms cubic-bezier(0, 0, 0.2, 1);
4542
}
4543
.photos-fade-out {
4545
opacity: 0;
4546
transition: opacity 180ms cubic-bezier(0, 0, 0.2, 1);
4547
}
4548
overlay grid.horizontal > revealer > scrolledwindow.frame:dir(ltr) {
4550
border-style: none none none solid;
4551
}
4552
overlay grid.horizontal > revealer > scrolledwindow.frame:dir(rtl) {
4554
border-style: none solid none none;
4555
}
4556
/*********
4558
* Music *
4559
*********/
4560
.side-panel:dir(ltr) {
4561
border-style: solid;
4562
border-color: rgba(0, 0, 0, 0.12);
4563
}
4564
.side-panel:dir(rtl) {
4566
border-style: solid;
4567
border-color: rgba(0, 0, 0, 0.12);
4568
}
4569
.side-panel .view {
4571
background-image: image(#F5F5F5);
4572
}
4573
.side-panel .view:hover {
4575
background-image: image(rgba(235, 235, 235, 0.9935));
4576
}
4577
.side-panel .view:selected {
4579
background-image: image(#338DD6);
4580
}
4581
.side-panel .view:selected:hover {
4583
background-image: image(#3d93d8);
4584
}
4585
.songs-list:hover {
4587
background-image: image(alpha(currentColor, 0.05));
4588
}
4589
frame.documents-dropdown {
4591
margin: 8px;
4592
}
4593
frame.documents-dropdown > border {
4595
border: none;
4596
}
4597
box.vertical > revealer > toolbar.search-bar {
4599
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4600
background-clip: border-box;
4601
}
4602
box.vertical > revealer > toolbar.search-bar button > widget {
4604
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
4605
}
4606
/*********
4608
* To Do *
4609
*********/
4610
taskrow {
4611
transition: all 180ms cubic-bezier(0, 0, 0.2, 1);
4612
margin: 0 -8px;
4613
}
4614
taskrow:hover {
4616
transition: none;
4617
}
4618
taskrow label {
4620
margin: 0 8px;
4621
}
4622
taskrow image {
4624
min-width: 16px;
4625
}
4626
task-list-view > box > revealer > box > button {
4628
margin: -6px;
4629
}
4630
/*******
4632
* eog *
4633
*******/
4634
#eog-thumb-nav scrolledwindow {
4635
border-top: none;
4636
}
4637
#eog-thumb-nav button {
4639
-gtk-outline-radius: 2px;
4640
}
4641
/*************
4643
* Evolution *
4644
*************/
4645
frame.taskbar > border {
4646
border-style: solid none none;
4647
}
4648
box.vertical > paned.horizontal notebook widget .frame {
4650
border-style: none;
4651
}
4652
/********
4654
* gitg *
4655
********/
4656
frame.commit-frame > border {
4657
border-style: solid none none;
4658
}
4659
/**************
4661
* Characters *
4662
**************/
4663
box.dialog-vbox scrolledwindow.related {
4664
border: 1px solid rgba(0, 0, 0, 0.12);
4665
}
4666
list.categories {
4668
background-image: image(#F5F5F5);
4669
}
4670
/*********
4672
* Boxes *
4673
*********/
4674
.transparent-bg + stack overlay > label {
4675
min-height: 24px;
4676
padding: 0 4px;
4677
border-radius: 2px;
4678
background-color: rgba(0, 0, 0, 0.3);
4679
color: #FFFFFF;
4680
}
4681
/**************
4683
* Calculator *
4684
**************/
4685
button.title label {
4686
min-height: 36px;
4687
}
4688
/*********
4690
* Geary *
4691
*********/
4692
.geary-titlebar-left:dir(ltr) {
4693
margin-right: 5px;
4694
padding-right: 0;
4695
}
4696
.geary-titlebar-left:dir(rtl) {
4698
margin-left: 5px;
4699
padding-left: 0;
4700
}
4701
.geary-titlebar-left > separator {
4703
background-color: rgba(0, 0, 0, 0.05);
4704
}
4705
.geary-titlebar-right:dir(ltr) {
4707
margin-left: -5px;
4708
}
4709
.geary-titlebar-right:dir(rtl) {
4711
margin-right: -5px;
4712
}
4713
/*********
4715
* Tilix *
4716
*********/
4717
overlay > revealer.left > scrolledwindow.frame,
4718
overlay > revealer.right > scrolledwindow.frame {
4719
border-style: none;
4720
box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22);
4721
}
4722
overlay > revealer.left > scrolledwindow.frame {
4724
margin-right: 32px;
4725
}
4726
overlay > revealer.right > scrolledwindow.frame {
4728
margin-left: 32px;
4729
}
4730
.terminix-session-sidebar,
4732
.tilix-session-sidebar {
4733
background-image: image(#FAFAFA);
4734
}
4735
button.image-button.session-new-button {
4737
min-width: 32px;
4738
}
4739
/***********
4741
* Eclipse *
4742
***********/
4743
window.background > box.vertical > scrolledwindow > widget toolbar {
4744
padding: 2px;
4745
}
4746
window.background > box.vertical > scrolledwindow > widget toolbar separator,
4748
window.background > box.vertical > scrolledwindow > widget toolbar button {
4749
margin: 2px;
4750
}
4751
window.background > box.vertical > scrolledwindow > widget toolbar button {
4753
border-radius: 2px;
4754
}
4755
/************
4757
* Chromium *
4758
************/
4759
tooltip.chromium {
4760
background-color: #424242;
4761
}
4762
/***********
4764
* Firefox *
4765
***********/
4766
window.background:not(.csd) > widget > separator {
4767
color: rgba(0, 0, 0, 0.26);
4768
}
4769
window.background:not(.csd) > widget > scrollbar {
4771
background-clip: border-box;
4772
}
4773
window.background:not(.csd) > widget > scrollbar,
4775
window.background:not(.csd) > widget > frame > border {
4776
border-color: rgba(0, 0, 0, 0.26);
4777
}
4778
window.background:not(.csd) > widget > entry,
4780
window.background:not(.csd) > widget > button > button {
4781
border: 1px solid rgba(0, 0, 0, 0.26);
4782
border-radius: 3px;
4783
box-shadow: none;
4784
}
4785
window.background:not(.csd) > widget > entry {
4787
min-height: 30px;
4788
}
4789
window.background:not(.csd) > widget > entry:focus {
4791
border-color: #338DD6;
4792
}
4793
window.background:not(.csd) > widget > button > button {
4795
padding: 4px 8px;
4796
background-size: auto;
4797
}
4798
window.background:not(.csd) > widget > button > button:hover {
4800
background-image: image(alpha(currentColor, 0.05));
4801
}
4802
window.background:not(.csd) > widget > button > button:active {
4804
background-image: image(alpha(currentColor, 0.1));
4805
}
4806
window.background:not(.csd) > widget > checkbutton > check:not(:checked),
4808
window.background:not(.csd) > widget > radiobutton > radio:not(:checked) {
4809
color: #757575;
4810
}
4811
window.background:not(.csd) > widget > checkbutton > check:not(:checked):hover, window.background:not(.csd) > widget > checkbutton > check:not(:checked):active,
4813
window.background:not(.csd) > widget > radiobutton > radio:not(:checked):hover,
4814
window.background:not(.csd) > widget > radiobutton > radio:not(:checked):active {
4815
color: #212121;
4816
}
4817
window.background:not(.csd) > widget > checkbutton > check:not(:checked):disabled,
4819
window.background:not(.csd) > widget > radiobutton > radio:not(:checked):disabled {
4820
color: rgba(117, 117, 117, 0.5);
4821
}
4822
window.background:not(.csd) > window > menu,
4824
window.background:not(.csd) > menu > menu {
4825
border: none;
4826
}
4827
window.background:not(.csd) > widget > menubar {
4829
color: rgba(255, 255, 255, 0.7);
4830
}
4831
window.background:not(.csd) > widget > menubar:hover {
4833
color: #FFFFFF;
4834
}
4835
window.background:not(.csd) > widget > menubar:disabled {
4837
color: rgba(255, 255, 255, 0.3);
4838
}
4839
window.background:not(.csd) > widget > frame {
4841
color: rgba(0, 0, 0, 0.26);
4842
}
4843
window.background:not(.csd) > widget > checkbutton > check,
4845
window.background:not(.csd) > widget > radiobutton > radio {
4846
margin: 0;
4847
padding: 0;
4848
}
4849
window.background:not(.csd) > window.background > menu > separator {
4851
color: rgba(0, 0, 0, 0.12);
4852
}
4853
/************
4855
* Inkscape *
4856
************/
4857
#ToolboxCommon > #AuxToolbox #StyleSwatch {
4858
font-size: smaller;
4859
}
4860
#ToolboxCommon > #AuxToolbox #Kludge {
4862
padding: 0;
4863
}
4864
#ToolboxCommon > #AuxToolbox spinbutton,
4866
#ToolboxCommon > #AuxToolbox entry {
4867
min-height: 32px;
4868
}
4869
#ToolboxCommon > #AuxToolbox button:not(.up):not(.down) {
4871
min-height: 24px;
4872
min-width: 16px;
4873
padding: 4px 8px;
4874
border-radius: 2px;
4875
-gtk-outline-radius: 2px;
4876
}
4877
#ToolboxCommon > #AuxToolbox spinbutton button {
4879
border-width: 4px;
4880
}
4881
#ToolboxCommon > toolbar.vertical {
4883
margin-top: -4px;
4884
}
4885
#ToolboxCommon > toolbar.vertical button {
4887
min-height: 24px;
4888
min-width: 24px;
4889
padding: 4px;
4890
border-radius: 2px;
4891
-gtk-outline-radius: 2px;
4892
}
4893
#CanvasTable button {
4895
min-height: 16px;
4896
min-width: 16px;
4897
padding: 0;
4898
}
4899
#CanvasTable #HorizontalScrollbar {
4901
border-top: 1px solid rgba(0, 0, 0, 0.12);
4902
}
4903
#CanvasTable #VerticalScrollbar:dir(ltr) {
4905
border-left: 1px solid rgba(0, 0, 0, 0.12);
4906
}
4907
#CanvasTable #VerticalScrollbar:dir(rtl) {
4909
border-right: 1px solid rgba(0, 0, 0, 0.12);
4910
}
4911
#Canvas_and_Dock frame > border {
4913
border: none;
4914
}
4915
#Canvas_and_Dock widget > widget > button.flat {
4917
min-height: 16px;
4918
min-width: 16px;
4919
padding: 4px;
4920
}
4921
#Canvas_and_Dock widget > widget > box.horizontal image {
4923
padding: 4px;
4924
}
4925
#Canvas_and_Dock box.horizontal > box.vertical > button.flat {
4927
min-height: 16px;
4928
min-width: 24px;
4929
padding: 8px 4px;
4930
}
4931
/***********
4933
* Synapse *
4934
***********/
4935
box.vertical > widget > widget:selected {
4936
background-color: #338DD6;
4937
}
4938
/*********
4940
* Unity *
4941
*********/
4942
UnityDecoration {
4943
-UnityDecoration-extents: 28px 0 0 0;
4944
-UnityDecoration-input-extents: 8px;
4945
-UnityDecoration-shadow-offset-x: 0;
4946
-UnityDecoration-shadow-offset-y: 3px;
4947
-UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.48);
4948
-UnityDecoration-active-shadow-radius: 18px;
4949
-UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.32);
4950
-UnityDecoration-inactive-shadow-radius: 6px;
4951
-UnityDecoration-glow-size: 8px;
4952
-UnityDecoration-glow-color: #338DD6;
4953
-UnityDecoration-title-indent: 4px;
4954
-UnityDecoration-title-fade: 32px;
4955
-UnityDecoration-title-alignment: 0.0;
4956
}
4957
UnityDecoration .top {
4959
padding: 0 2px;
4960
border-style: none;
4961
border-radius: 2px 2px 0 0;
4962
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
4963
background-color: #303030;
4964
color: #FFFFFF;
4965
}
4966
UnityDecoration .top:backdrop {
4968
color: rgba(255, 255, 255, 0.7);
4969
}
4970
UnityDecoration .menuitem {
4972
color: rgba(255, 255, 255, 0.7);
4973
}
4974
UnityDecoration .menuitem:hover {
4976
box-shadow: inset 0 -2px currentColor;
4977
background-color: transparent;
4978
color: #FFFFFF;
4979
}
4980
.background:not(.csd) headerbar:not(.titlebar) {
4982
border-radius: 0;
4983
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
4984
}
4985
.background:not(.csd) headerbar:not(.titlebar).inline-toolbar {
4987
border-style: none;
4988
}
4989
UnityPanelWidget,
4991
.unity-panel {
4992
background-color: #212121;
4993
color: #FFFFFF;
4994
}
4995
UnityPanelWidget:backdrop,
4997
.unity-panel:backdrop {
4998
color: rgba(255, 255, 255, 0.7);
4999
}
5000
.unity-panel.menuitem,
5002
.unity-panel .menuitem {
5003
color: rgba(255, 255, 255, 0.7);
5004
}
5005
.unity-panel.menubar.menuitem:hover,
5007
.unity-panel.menubar .menuitem *:hover {
5008
box-shadow: inset 0 -2px currentColor;
5009
background-color: transparent;
5010
color: #FFFFFF;
5011
}
5012
.menu IdoPlaybackMenuItem.menuitem:active {
5014
-gtk-icon-source: -gtk-icontheme("process-working-symbolic");
5015
animation: spin 1s linear infinite;
5016
color: #338DD6;
5017
}
5018
/**************
5020
* Mate-Panel *
5021
**************/
5022
.mate-panel-menu-bar menubar,
5023
#PanelApplet-window-menu-applet-button {
5024
background-color: transparent;
5025
}
5026
.mate-panel-menu-bar {
5028
background-color: #212121;
5029
font-weight: 500;
5030
}
5031
.mate-panel-menu-bar:not(.popup) {
5033
color: rgba(255, 255, 255, 0.7);
5034
}
5035
.mate-panel-menu-bar button {
5037
min-height: 16px;
5038
min-width: 16px;
5039
padding: 0;
5040
border-radius: 0;
5041
}
5042
.mate-panel-menu-bar button:checked {
5044
background-color: rgba(255, 255, 255, 0.12);
5045
}
5046
PanelToplevel.horizontal > grid > button {
5048
min-width: 24px;
5049
}
5050
PanelToplevel.vertical > grid > button {
5052
min-height: 24px;
5053
}
5054
PanelSeparator {
5056
color: rgba(255, 255, 255, 0.12);
5057
}
5058
MatePanelAppletFrameDBus {
5060
border-style: solid;
5061
border-color: rgba(255, 255, 255, 0.12);
5062
}
5063
.mate-panel-menu-bar.horizontal MatePanelAppletFrameDBus {
5065
border-width: 0 1px;
5066
}
5067
.mate-panel-menu-bar.vertical MatePanelAppletFrameDBus {
5069
border-width: 1px 0;
5070
}
5071
.mate-panel-menu-bar menubar > menuitem {
5073
color: rgba(255, 255, 255, 0.7);
5074
}
5075
.mate-panel-menu-bar menubar > menuitem:hover {
5077
background-color: rgba(255, 255, 255, 0.12);
5078
color: #FFFFFF;
5079
}
5080
.mate-panel-menu-bar menubar > menuitem:disabled {
5082
color: rgba(255, 255, 255, 0.3);
5083
}
5084
.mate-panel-menu-bar.horizontal menubar > menuitem {
5086
padding: 0 8px;
5087
}
5088
.mate-panel-menu-bar.vertical menubar > menuitem {
5090
padding: 8px 0;
5091
}
5092
.mate-panel-menu-bar menubar menu > menuitem {
5094
min-height: 28px;
5095
padding: 0 6px;
5096
}
5097
.mate-panel-menu-bar #PanelApplet button {
5099
-GtkWidget-window-dragging: true;
5100
}
5101
.mate-panel-menu-bar #tasklist-button {
5103
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0/0 0 0px;
5104
}
5105
.mate-panel-menu-bar #tasklist-button:checked {
5107
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2/0 0 2px;
5108
}
5109
.mate-panel-menu-bar #tasklist-button image:dir(ltr), .mate-panel-menu-bar #tasklist-button label:dir(rtl) {
5111
padding-left: 4px;
5112
}
5113
.mate-panel-menu-bar #tasklist-button label:dir(ltr), .mate-panel-menu-bar #tasklist-button image:dir(rtl) {
5115
padding-right: 4px;
5116
}
5117
.mate-panel-menu-bar.vertical #tasklist-button {
5119
min-height: 32px;
5120
}
5121
.mate-panel-menu-bar.horizontal #showdesktop-button image {
5123
min-width: 24px;
5124
padding: 0 4px;
5125
}
5126
.mate-panel-menu-bar.vertical #showdesktop-button image {
5128
min-height: 24px;
5129
padding: 4px 0;
5130
}
5131
PanelApplet.wnck-applet .wnck-pager {
5133
background-color: transparent;
5134
color: #40C4FF;
5135
}
5136
PanelApplet.wnck-applet .wnck-pager:hover {
5138
background-color: rgba(255, 255, 255, 0.12);
5139
}
5140
PanelApplet.wnck-applet .wnck-pager:active {
5142
background-color: rgba(255, 255, 255, 0.3);
5143
}
5144
PanelApplet.wnck-applet .wnck-pager:selected {
5146
background-color: #338DD6;
5147
}
5148
.mate-panel-menu-bar.horizontal #clock-applet-button label {
5150
padding: 0 8px;
5151
}
5152
.mate-panel-menu-bar.vertical #clock-applet-button label {
5154
padding: 8px 0;
5155
}
5156
#MatePanelPopupWindow {
5158
border: 1px solid rgba(0, 0, 0, 0.12);
5159
border-radius: 3px;
5160
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
5161
}
5162
#MatePanelPopupWindow frame > border {
5164
border-style: none;
5165
}
5166
#MatePanelPopupWindow button {
5168
padding: 4px 16px;
5169
}
5170
#MatePanelPopupWindow ClockMap {
5172
border: 1px solid rgba(0, 0, 0, 0.12);
5173
}
5174
#MatePanelPopupWindow widget {
5176
color: rgba(0, 0, 0, 0.12);
5177
}
5178
na-tray-applet {
5180
-NaTrayApplet-icon-padding: 3px;
5181
-NaTrayApplet-icon-size: 16;
5182
}
5183
.mate-panel-menu-bar {
5185
-PanelMenuBar-icon-visible: true;
5186
}
5187
.mate-panel-applet-slider {
5189
border: 1px solid rgba(0, 0, 0, 0.12);
5190
border-radius: 3px;
5191
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
5192
background-color: #EEEEEE;
5193
}
5194
.mate-panel-applet-slider frame > border {
5196
border-style: none;
5197
}
5198
#PanelApplet:not(:selected) > box {
5200
transition: all 180ms cubic-bezier(0, 0, 0.2, 1);
5201
}
5202
#PanelApplet:selected > box {
5204
background-color: rgba(255, 255, 255, 0.12);
5205
color: #FFFFFF;
5206
}
5207
#mate-menu {
5209
border: 1px solid rgba(0, 0, 0, 0.12);
5210
}
5211
#mate-menu button {
5213
min-height: 24px;
5214
min-width: 24px;
5215
padding: 4px 0;
5216
color: rgba(0, 0, 0, 0.87);
5217
font-weight: normal;
5218
}
5219
#mate-menu button label:not(:first-child) {
5221
color: rgba(0, 0, 0, 0.54);
5222
}
5223
#mate-menu entry {
5225
margin: 0 0 8px;
5226
}
5227
#mate-menu entry image {
5229
margin: 0;
5230
}
5231
#mate-menu entry + button {
5233
margin: 0 4px 8px;
5234
padding: 6px;
5235
}
5236
/*********************
5238
* CAJA File manager *
5239
*********************/
5240
.caja-navigation-window button.toggle.image-button {
5241
border-radius: 2px;
5242
}
5243
.caja-pathbar button {
5245
margin: 0 -1px 0 -2px;
5246
}
5247
.caja-pathbar button > widget {
5249
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
5250
-GtkArrow-arrow-scaling: 1;
5251
}
5252
.caja-side-pane notebook viewport.frame,
5254
.caja-side-pane notebook widget .vertical {
5255
background-color: #FFFFFF;
5256
}
5257
.caja-side-pane notebook,
5259
.caja-notebook {
5260
border-top: 1px solid rgba(0, 0, 0, 0.12);
5261
}
5262
.caja-side-pane notebook .frame,
5264
.caja-notebook .frame {
5265
border-style: none;
5266
}
5267
.caja-navigation-window statusbar {
5269
margin: 0 -10px;
5270
padding: 0 4px;
5271
border-top: 1px solid rgba(0, 0, 0, 0.12);
5272
}
5273
.caja-notebook frame > border {
5275
border-style: none;
5276
}
5277
#caja-extra-view-widget {
5279
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
5280
background-color: #EEEEEE;
5281
}
5282
#caja-extra-view-widget > box > box > label {
5284
font-weight: bold;
5285
}
5286
/*********
5288
* Pluma *
5289
*********/
5290
.pluma-window statusbar {
5291
margin: 0 -10px;
5292
padding: 0 4px;
5293
border-top: 1px solid rgba(0, 0, 0, 0.12);
5294
}
5295
.pluma-window statusbar frame > border {
5297
border-style: none;
5298
}
5299
.pluma-window statusbar frame button.flat {
5301
padding: 0 4px;
5302
border-radius: 0;
5303
}
5304
.pluma-window statusbar frame button.flat widget {
5306
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
5307
-GtkArrow-arrow-scaling: 1;
5308
}
5309
.pluma-print-preview toolbar {
5311
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
5312
}
5313
.pluma-window paned.horizontal box.vertical box.horizontal button.flat {
5315
margin: 1px;
5316
}
5317
.pluma-window paned.horizontal box.vertical .frame {
5319
border-style: none;
5320
}
5321
.pluma-window paned.horizontal box.vertical notebook.frame {
5323
margin-top: -1px;
5324
border-top: 1px solid rgba(0, 0, 0, 0.12);
5325
}
5326
.pluma-window paned.horizontal box.vertical notebook.frame box.vertical toolbar.horizontal {
5328
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
5329
}
5330
/*********
5332
* Atril *
5333
*********/
5334
.atril-window paned.horizontal box.vertical .frame {
5335
border-style: none;
5336
}
5337
.atril-window paned.horizontal box.vertical notebook .frame {
5339
border-top: 1px solid rgba(0, 0, 0, 0.12);
5340
}
5341
/* mate-screensaver lock dialog */
5343
.lock-dialog {
5344
border-radius: 2px;
5345
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);
5346
}
5347
.lock-dialog frame > border {
5349
border-style: none;
5350
}
5351
/******************
5353
* Budgie Desktop *
5354
******************/
5355
.budgie-container {
5356
background-color: transparent;
5357
}
5358
.budgie-settings-window buttonbox.inline-toolbar {
5360
border-style: none none solid;
5361
}
5362
.budgie-settings-window buttonbox.inline-toolbar button {
5364
border-radius: 2px;
5365
-gtk-outline-radius: 2px;
5366
}
5367
.budgie-popover {
5369
border-style: solid;
5370
border-width: 1px;
5371
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.3);
5372
border-radius: 3px;
5373
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
5374
background-color: #FAFAFA;
5375
}
5376
.budgie-popover .container {
5378
padding: 2px;
5379
}
5380
.budgie-popover border {
5382
border: none;
5383
}
5384
.budgie-popover list {
5386
background-color: transparent;
5387
}
5388
.budgie-popover row {
5390
padding: 0;
5391
}
5392
.budgie-popover row:hover {
5394
box-shadow: none;
5395
}
5396
.budgie-popover:not(.budgie-menu) button.flat:not(.image-button) {
5398
min-height: 28px;
5399
padding: 0 8px;
5400
color: rgba(0, 0, 0, 0.87);
5401
font-weight: normal;
5402
}
5403
.budgie-popover:not(.budgie-menu) button.flat:not(.image-button):disabled {
5405
color: rgba(0, 0, 0, 0.38);
5406
}
5407
.budgie-popover.budgie-menu .container {
5409
padding: 0;
5410
}
5411
.budgie-popover.user-menu .container {
5413
padding: 8px;
5414
}
5415
.budgie-popover.user-menu separator {
5417
margin: 4px 0;
5418
}
5419
.budgie-popover.sound-popover separator {
5421
margin: 3px 0;
5422
}
5423
.budgie-popover.night-light-indicator .container {
5425
padding: 8px;
5426
}
5427
.budgie-popover.places-menu .container {
5429
padding: 8px;
5430
}
5431
.budgie-popover.places-menu .places-list:not(.always-expand) {
5433
margin-top: 4px;
5434
padding-top: 4px;
5435
border-top: 1px solid rgba(0, 0, 0, 0.12);
5436
}
5437
.budgie-popover.places-menu .alternative-label {
5439
padding: 3px;
5440
font-size: 15px;
5441
}
5442
.budgie-popover.workspace-popover .container {
5444
padding: 2px 8px 8px;
5445
}
5446
.budgie-popover.workspace-popover separator {
5448
margin: 4px 0;
5449
}
5450
.budgie-popover.workspace-popover flowboxchild {
5452
padding: 0;
5453
}
5454
.workspace-switcher .workspace-layout {
5456
border: 0 solid rgba(255, 255, 255, 0.12);
5457
}
5458
.top .workspace-switcher .workspace-layout:dir(ltr),
5460
.bottom .workspace-switcher .workspace-layout:dir(ltr) {
5461
border-left-width: 1px;
5462
}
5463
.top .workspace-switcher .workspace-layout:dir(rtl),
5465
.bottom .workspace-switcher .workspace-layout:dir(rtl) {
5466
border-right-width: 1px;
5467
}
5468
.left .workspace-switcher .workspace-layout,
5470
.right .workspace-switcher .workspace-layout {
5471
border-top-width: 1px;
5472
}
5473
.workspace-switcher .workspace-item,
5475
.workspace-switcher .workspace-add-button {
5476
border: 0 solid rgba(255, 255, 255, 0.12);
5477
}
5478
.top .workspace-switcher .workspace-item:dir(ltr),
5480
.bottom .workspace-switcher .workspace-item:dir(ltr), .top
5481
.workspace-switcher .workspace-add-button:dir(ltr),
5482
.bottom
5483
.workspace-switcher .workspace-add-button:dir(ltr) {
5484
border-right-width: 1px;
5485
}
5486
.top .workspace-switcher .workspace-item:dir(rtl),
5488
.bottom .workspace-switcher .workspace-item:dir(rtl), .top
5489
.workspace-switcher .workspace-add-button:dir(rtl),
5490
.bottom
5491
.workspace-switcher .workspace-add-button:dir(rtl) {
5492
border-left-width: 1px;
5493
}
5494
.left .workspace-switcher .workspace-item,
5496
.right .workspace-switcher .workspace-item, .left
5497
.workspace-switcher .workspace-add-button,
5498
.right
5499
.workspace-switcher .workspace-add-button {
5500
border-bottom-width: 1px;
5501
}
5502
.workspace-switcher .workspace-item {
5504
transition: all 180ms cubic-bezier(0, 0, 0.2, 1);
5505
}
5506
.workspace-switcher .workspace-item.current-workspace {
5508
background-color: rgba(255, 255, 255, 0.12);
5509
}
5510
.workspace-switcher .workspace-add-button:hover {
5512
box-shadow: none;
5513
}
5514
.workspace-switcher .workspace-add-button:active {
5516
background-image: none;
5517
}
5518
.workspace-switcher .workspace-add-button:active image {
5520
margin: 1px 0 -1px;
5521
}
5522
.budgie-panel .workspace-switcher .workspace-icon-button {
5524
min-height: 24px;
5525
min-width: 24px;
5526
padding: 0;
5527
border-radius: 2px;
5528
}
5529
.budgie-menu.background {
5531
padding: 0;
5532
background-color: #FFFFFF;
5533
}
5534
.budgie-menu scrollbar,
5536
.budgie-menu entry.search {
5537
background-color: transparent;
5538
}
5539
.budgie-menu entry.search {
5541
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
5542
border-radius: 0;
5543
box-shadow: none;
5544
font-size: 120%;
5545
}
5546
.budgie-menu .categories:dir(ltr) {
5548
border-bottom-left-radius: 2px;
5549
}
5550
.budgie-menu .categories:dir(rtl) {
5552
border-bottom-right-radius: 2px;
5553
}
5554
.budgie-menu button {
5556
min-height: 32px;
5557
padding: 0 8px;
5558
border-radius: 0;
5559
color: rgba(0, 0, 0, 0.87);
5560
font-weight: normal;
5561
}
5562
.budgie-menu button:disabled {
5564
color: rgba(0, 0, 0, 0.38);
5565
}
5566
.budgie-menu button:checked:disabled {
5568
background-color: #338DD6;
5569
}
5570
.budgie-menu row {
5572
padding: 0;
5573
}
5574
.budgie-menu row:hover {
5576
box-shadow: none;
5577
}
5578
popover.background.user-menu {
5580
padding: 8px;
5581
}
5582
popover.background.user-menu .content-box {
5584
background-color: transparent;
5585
}
5586
popover.background.user-menu separator {
5588
margin: 4px 0;
5589
}
5590
popover.background.user-menu row {
5592
padding: 0;
5593
box-shadow: none;
5594
background-image: none;
5595
}
5596
popover.background.places-menu {
5598
padding: 8px;
5599
}
5600
popover.background.places-menu .name-button.text-button {
5602
padding-left: 8px;
5603
padding-right: 8px;
5604
}
5605
popover.background.places-menu .name-button.text-button image:dir(ltr) {
5607
margin-right: 3px;
5608
}
5609
popover.background.places-menu .name-button.text-button image:dir(rtl) {
5611
margin-left: 3px;
5612
}
5613
popover.background.places-menu .places-section-header > image:dir(ltr) {
5615
margin: 0 -2px 0 5px;
5616
}
5617
popover.background.places-menu .places-section-header > image:dir(rtl) {
5619
margin: 0 5px 0 -2px;
5620
}
5621
popover.background.places-menu .places-list {
5623
margin-top: 4px;
5624
padding-top: 4px;
5625
border-top: 1px solid rgba(0, 0, 0, 0.12);
5626
background-color: transparent;
5627
}
5628
popover.background.places-menu row {
5630
padding: 0;
5631
box-shadow: none;
5632
background-image: none;
5633
}
5634
.budgie-panel {
5636
transition: background-color 270ms cubic-bezier(0, 0, 0.2, 1);
5637
background-color: #212121;
5638
color: rgba(255, 255, 255, 0.7);
5639
font-weight: 500;
5640
}
5641
.budgie-panel.transparent {
5643
background-color: rgba(0, 0, 0, 0.6);
5644
}
5645
.budgie-panel button {
5647
min-height: 16px;
5648
min-width: 16px;
5649
padding: 0;
5650
border-radius: 0;
5651
}
5652
.budgie-panel button:checked {
5654
background-color: rgba(255, 255, 255, 0.12);
5655
}
5656
.budgie-panel.horizontal button {
5658
padding: 0 4px;
5659
}
5660
.budgie-panel.vertical button {
5662
padding: 4px 0;
5663
}
5664
.budgie-panel separator {
5666
background-color: rgba(255, 255, 255, 0.3);
5667
}
5668
.budgie-panel .alert {
5670
color: #FF5252;
5671
}
5672
.budgie-panel #tasklist-button {
5674
padding: 0 4px;
5675
}
5676
.budgie-panel.vertical #tasklist-button {
5678
min-height: 32px;
5679
}
5680
.budgie-panel button.flat.launcher {
5682
padding: 0;
5683
}
5684
.budgie-panel button.flat.launcher:not(:checked) {
5686
color: rgba(255, 255, 255, 0.5);
5687
}
5688
.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active {
5690
color: rgba(255, 255, 255, 0.7);
5691
}
5692
.budgie-panel button.flat.launcher:not(:checked):disabled {
5694
color: rgba(255, 255, 255, 0.3);
5695
}
5696
.top .budgie-panel #tasklist-button, .budgie-panel .top #tasklist-button, .top .budgie-panel button.flat.launcher, .budgie-panel .top button.flat.launcher {
5698
border-image: radial-gradient(circle closest-corner at center calc(1px), currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
5699
}
5700
.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,
5702
.top .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .top button.flat.launcher.running {
5703
border-image: radial-gradient(circle closest-corner at center calc(1px), currentColor 100%, transparent 0%) 2 0 0 0/2px 0 0 0;
5704
}
5705
.bottom .budgie-panel #tasklist-button, .budgie-panel .bottom #tasklist-button, .bottom .budgie-panel button.flat.launcher, .budgie-panel .bottom button.flat.launcher {
5707
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
5708
}
5709
.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,
5711
.bottom .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .bottom button.flat.launcher.running {
5712
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2 0/0 0 2px 0;
5713
}
5714
.left .budgie-panel #tasklist-button, .budgie-panel .left #tasklist-button, .left .budgie-panel button.flat.launcher, .budgie-panel .left button.flat.launcher {
5716
border-image: radial-gradient(circle closest-corner at calc(1px) center, currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
5717
}
5718
.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,
5720
.left .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .left button.flat.launcher.running {
5721
border-image: radial-gradient(circle closest-corner at calc(1px) center, currentColor 100%, transparent 0%) 0 0 0 2/0 0 0 2px;
5722
}
5723
.right .budgie-panel #tasklist-button, .budgie-panel .right #tasklist-button, .right .budgie-panel button.flat.launcher, .budgie-panel .right button.flat.launcher {
5725
border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
5726
}
5727
.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,
5729
.right .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .right button.flat.launcher.running {
5730
border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, currentColor 100%, transparent 0%) 0 2 0 0/0 2px 0 0;
5731
}
5732
frame.raven-frame > border {
5734
border-style: none;
5735
box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22);
5736
}
5737
.top frame.raven-frame > border {
5739
margin-bottom: 32px;
5740
}
5741
.bottom frame.raven-frame > border {
5743
margin-top: 32px;
5744
}
5745
.left frame.raven-frame > border {
5747
margin-right: 32px;
5748
}
5749
.right frame.raven-frame > border {
5751
margin-left: 32px;
5752
}
5753
.raven {
5755
background-color: #FAFAFA;
5756
}
5757
.raven > box {
5759
margin-bottom: -10px;
5760
}
5761
.raven > stack {
5763
margin-bottom: -10px;
5764
}
5765
.raven stackswitcher.linked > button {
5767
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FFA726 0%, transparent 0%) 0 0 0/0 0 0px;
5768
border-radius: 0;
5769
}
5770
.raven stackswitcher.linked > button:checked {
5772
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FFA726 100%, transparent 0%) 0 0 2/0 0 2px;
5773
background-color: transparent;
5774
}
5775
.raven .raven-header {
5777
min-height: 36px;
5778
padding: 3px;
5779
}
5780
.raven .raven-header:not(.top) {
5782
margin-top: -6px;
5783
}
5784
.raven .raven-header.top {
5786
padding: 2px 0;
5787
background-color: #338DD6;
5788
color: #FFFFFF;
5789
}
5790
.raven .raven-header.top stackswitcher button {
5792
margin: -6px 0;
5793
min-height: 36px;
5794
}
5795
.raven .raven-header.top button.image-button:dir(ltr) {
5797
margin-right: 2px;
5798
}
5799
.raven .raven-header.top button.image-button:dir(rtl) {
5801
margin-left: 2px;
5802
}
5803
.raven .raven-header.top > image {
5805
margin: 0 8px;
5806
}
5807
.raven .raven-header.top > label {
5809
margin: 0 -8px;
5810
font-weight: bold;
5811
}
5812
.raven .raven-header.bottom {
5814
border-top: 1px solid rgba(0, 0, 0, 0.12);
5815
}
5816
.raven viewport.frame .raven-header {
5818
margin-top: -8px;
5819
}
5820
.raven .raven-background {
5822
border-style: solid none;
5823
border-width: 1px;
5824
border-color: rgba(0, 0, 0, 0.12);
5825
background-color: #FFFFFF;
5826
}
5827
.raven .raven-background.frame {
5829
border-style: solid none;
5830
}
5831
.raven .raven-background > overlay > widget > image {
5833
color: rgba(0, 0, 0, 0.12);
5834
}
5835
.raven .raven-background grid > label:first-child {
5837
min-height: 36px;
5838
}
5839
.raven scrolledwindow.raven-background {
5841
border-bottom-style: none;
5842
}
5843
.raven .raven-header.top + .raven-background {
5845
border-style: none;
5846
background-color: #338DD6;
5847
color: #FFFFFF;
5848
}
5849
.raven .raven-header.top + .raven-background stackswitcher button {
5851
margin: -4px 0;
5852
}
5853
.raven .powerstrip button {
5855
margin: 2px 0 1px;
5856
padding: 12px;
5857
}
5858
.raven .option-subtitle {
5860
font-size: smaller;
5861
}
5862
calendar.raven-calendar {
5864
border-style: none;
5865
background-color: transparent;
5866
}
5867
calendar.raven-calendar:selected {
5869
border-radius: 2px;
5870
background-color: #338DD6;
5871
}
5872
.raven-mpris {
5874
background-color: rgba(0, 0, 0, 0.6);
5875
color: #FFFFFF;
5876
}
5877
.raven-mpris label {
5879
min-height: 24px;
5880
}
5881
.raven-mpris button.image-button {
5883
padding: 12px;
5884
}
5885
.budgie-notification-window, .budgie-osd-window, .budgie-switcher-window {
5887
background-color: transparent;
5888
}
5889
.budgie-notification .notification-title, .budgie-switcher .notification-title {
5891
font-size: 120%;
5892
}
5893
.budgie-osd .budgie-osd-text {
5895
font-size: 120%;
5896
}
5897
.drop-shadow {
5899
margin: 5px 9px;
5900
padding: 3px;
5901
border-radius: 2px;
5902
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);
5903
background-color: #FAFAFA;
5904
}
5905
.drop-shadow .linked > button {
5907
border-radius: 2px;
5908
}
5909
.budgie-session-dialog, .budgie-polkit-dialog, .budgie-run-dialog {
5911
border-radius: 2px;
5912
background-color: #FAFAFA;
5913
}
5914
.budgie-session-dialog decoration, .budgie-polkit-dialog decoration, .budgie-run-dialog decoration {
5916
border-radius: 2px;
5917
}
5918
.budgie-session-dialog label:not(:last-child),
5920
.budgie-session-dialog .dialog-title {
5921
font-size: 120%;
5922
}
5923
.budgie-session-dialog .linked.horizontal > button {
5925
padding: 8px 16px;
5926
border-top: 1px solid rgba(0, 0, 0, 0.12);
5927
border-radius: 0;
5928
}
5929
.budgie-session-dialog .linked.horizontal > button:first-child {
5931
border-bottom-left-radius: 2px;
5932
}
5933
.budgie-session-dialog .linked.horizontal > button:last-child {
5935
border-bottom-right-radius: 2px;
5936
}
5937
.budgie-polkit-dialog .message {
5939
color: rgba(0, 0, 0, 0.38);
5940
}
5941
.budgie-polkit-dialog .failure {
5943
color: #FF5252;
5944
}
5945
.budgie-run-dialog {
5947
background-color: #FFFFFF;
5948
}
5949
.budgie-run-dialog entry.search {
5951
font-size: 120%;
5952
padding: 6px 14px;
5953
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
5954
background-color: transparent;
5955
}
5956
.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,
5958
.budgie-run-dialog list headerbar .subtitle, 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 {
5959
opacity: 1;
5960
}
5961
.budgie-run-dialog scrolledwindow {
5963
border-top: 1px solid rgba(0, 0, 0, 0.12);
5964
}
5965
/************************
5967
* LightDM GTK+ Greeter *
5968
************************/
5969
#panel_window {
5970
background-color: rgba(0, 0, 0, 0.3);
5971
color: #FFFFFF;
5972
}
5973
#panel_window menubar,
5975
#panel_window separator {
5976
background-color: transparent;
5977
}
5978
#panel_window separator {
5980
padding: 0 4px;
5981
}
5982
#panel_window separator:first-child {
5984
padding: 0 8px;
5985
}
5986
#panel_window menubar > menuitem {
5988
color: rgba(255, 255, 255, 0.7);
5989
}
5990
#panel_window menubar > menuitem:hover {
5992
color: #FFFFFF;
5993
}
5994
#panel_window menubar > menuitem:disabled label {
5996
color: rgba(255, 255, 255, 0.3);
5997
}
5998
#login_window,
6000
#shutdown_dialog,
6001
#restart_dialog {
6002
margin: 8px;
6003
border-radius: 2px;
6004
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);
6005
background-color: #FAFAFA;
6006
}
6007
#content_frame {
6009
padding-bottom: 20px;
6010
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
6011
}
6012
#buttonbox_frame {
6014
padding-top: 24px;
6015
}
6016
#buttonbox_frame button {
6018
margin: -16px;
6019
}
6020
#greeter_infobar {
6022
margin-top: -1px;
6023
}
6024
/********
6026
* Nemo *
6027
*******/
6028
.nemo-window .nemo-inactive-pane .view {
6029
background-color: #F5F5F5;
6030
color: rgba(0, 0, 0, 0.87);
6031
}
6032
.nemo-window .sidebar .cell {
6034
background-color: #EEEEEE;
6035
color: rgba(0, 0, 0, 0.87);
6036
}
6037
.nemo-window .sidebar .cell:selected {
6039
color: #FFFFFF;
6040
background-color: #338DD6;
6041
}
6042
.nemo-desktop.nemo-canvas-item {
6044
color: #FFFFFF;
6045
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
6046
}
6047
.nemo-desktop.nemo-canvas-item:selected {
6049
text-shadow: none;
6050
}
6051
/* GTK NAMED COLORS
6053
----------------
6054
use responsibly! */
6055
/*
6056
widget text/foreground color */
6057
@define-color theme_fg_color rgba(0, 0, 0, 0.87);
6058
/*
6059
text color for entries, views and content in general */
6060
@define-color theme_text_color rgba(0, 0, 0, 0.87);
6061
/*
6062
widget base background color */
6063
@define-color theme_bg_color #EEEEEE;
6064
/*
6065
text widgets and the like base background color */
6066
@define-color theme_base_color #FFFFFF;
6067
/*
6068
base background color of selections */
6069
@define-color theme_selected_bg_color #338DD6;
6070
/*
6071
text/foreground color of selections */
6072
@define-color theme_selected_fg_color #FFFFFF;
6073
/*
6074
base background color of insensitive widgets */
6075
@define-color insensitive_bg_color #EEEEEE;
6076
/*
6077
text foreground color of insensitive widgets */
6078
@define-color insensitive_fg_color rgba(0, 0, 0, 0.38);
6079
/*
6080
insensitive text widgets and the like base background color */
6081
@define-color insensitive_base_color #F5F5F5;
6082
/*
6083
widget text/foreground color on backdrop windows */
6084
@define-color theme_unfocused_fg_color rgba(0, 0, 0, 0.87);
6085
/*
6086
text color for entries, views and content in general on backdrop windows */
6087
@define-color theme_unfocused_text_color rgba(0, 0, 0, 0.87);
6088
/*
6089
widget base background color on backdrop windows */
6090
@define-color theme_unfocused_bg_color #EEEEEE;
6091
/*
6092
text widgets and the like base background color on backdrop windows */
6093
@define-color theme_unfocused_base_color #FFFFFF;
6094
/*
6095
base background color of selections on backdrop windows */
6096
@define-color theme_unfocused_selected_bg_color #338DD6;
6097
/*
6098
text/foreground color of selections on backdrop windows */
6099
@define-color theme_unfocused_selected_fg_color #FFFFFF;
6100
/*
6101
insensitive color on backdrop windows */
6102
@define-color unfocused_insensitive_color rgba(0, 0, 0, 0.38);
6103
/*
6104
widgets main borders color */
6105
@define-color borders rgba(0, 0, 0, 0.12);
6106
/*
6107
widgets main borders color on backdrop windows */
6108
@define-color unfocused_borders rgba(0, 0, 0, 0.12);
6109
/*
6110
these are pretty self explicative */
6111
@define-color warning_color #FF6D00;
6112
@define-color error_color #DD2C00;
6113
@define-color success_color #00C853;
6114
/*
6115
FIXME this is really an API */
6116
@define-color content_view_bg #FFFFFF;
6117
@define-color placeholder_text_color #757575;
6118