ASCII text, with very long lines (858)
1
@keyframes ripple {
2
to {
3
background-size: 1000% 1000%;
4
}
5
}
6
@keyframes ripple-slider {
8
to {
9
background-size: auto, 1000% 1000%;
10
}
11
}
12
@keyframes ripple-headerbar {
14
from {
15
background-image: radial-gradient(circle farthest-corner at center, #4285F4 0%, transparent 0%);
16
}
17
to {
18
background-image: radial-gradient(circle farthest-corner at center, #4285F4 100%, transparent 0%);
19
}
20
}
21
* {
23
background-clip: padding-box;
24
-GtkToolButton-icon-spacing: 0;
25
-GtkTextView-error-underline-color: #EA4335;
26
-GtkScrolledWindow-scrollbar-spacing: 0;
27
-GtkToolItemGroup-expander-size: 11;
28
-GtkWidget-text-handle-width: 24;
29
-GtkWidget-text-handle-height: 24;
30
-GtkDialog-button-spacing: 4;
31
-GtkDialog-action-area-border: 0;
32
outline-style: solid;
33
outline-width: 2px;
34
outline-color: transparent;
35
outline-offset: -4px;
36
-gtk-outline-radius: 4px;
37
-gtk-secondary-caret-color: #4285F4;
38
}
39
*:focus {
41
outline-color: alpha(currentColor, 0.24);
42
}
43
/***************
45
* Base States *
46
***************/
47
.background {
48
background-color: #F2F2F2;
49
color: rgba(0, 0, 0, 0.87);
50
}
51
/*
53
These wildcard seems unavoidable, need to investigate.
54
Wildcards are bad and troublesome, use them with care,
55
or better, just don't.
56
Everytime a wildcard is used a kitten dies, painfully.
57
*/
58
*:disabled {
59
-gtk-icon-effect: dim;
60
}
61
.gtkstyle-fallback {
63
background-color: #F2F2F2;
64
color: rgba(0, 0, 0, 0.87);
65
}
66
.gtkstyle-fallback:hover {
68
background-color: #e5e5e5;
69
color: rgba(0, 0, 0, 0.87);
70
}
71
.gtkstyle-fallback:active {
73
background-color: #d9d9d9;
74
color: rgba(0, 0, 0, 0.87);
75
}
76
.gtkstyle-fallback:disabled {
78
background-color: #F2F2F2;
79
color: rgba(0, 0, 0, 0.38);
80
}
81
.gtkstyle-fallback:selected {
83
background-color: #4285F4;
84
color: white;
85
}
86
.view {
88
background-color: #FFFFFF;
89
color: rgba(0, 0, 0, 0.87);
90
}
91
.view:hover {
93
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
94
}
95
.view:selected:hover {
97
box-shadow: inset 0 0 0 9999px rgba(66, 133, 244, 0.08);
98
}
99
.view:disabled {
101
color: rgba(0, 0, 0, 0.38);
102
}
103
.view:hover, .view:selected {
105
border-radius: 4px;
106
}
107
textview text {
109
background-color: #FFFFFF;
110
}
111
textview border {
113
background-color: #FAFAFA;
114
color: rgba(0, 0, 0, 0.54);
115
}
116
.rubberband,
118
rubberband,
119
flowbox rubberband,
120
treeview.view rubberband,
121
.content-view rubberband,
122
.content-view .rubberband,
123
XfdesktopIconView.view .rubberband {
124
border: 1px solid #7BAAF7;
125
background-color: rgba(123, 170, 247, 0.3);
126
}
127
flowbox flowboxchild {
129
padding: 4px;
130
border-radius: 4px;
131
}
132
.content-view .tile:selected {
134
background-color: transparent;
135
}
136
label {
138
caret-color: currentColor;
139
}
140
label.separator {
142
color: rgba(0, 0, 0, 0.87);
143
}
144
label:disabled {
146
color: rgba(0, 0, 0, 0.38);
147
}
148
headerbar label:disabled,
150
tab label:disabled,
151
button label:disabled {
152
color: inherit;
153
}
154
.dim-label, label.separator, .titlebar:not(headerbar) .subtitle,
156
headerbar .subtitle, .budgie-notification .notification-body, .budgie-switcher .notification-body {
157
opacity: 0.6;
158
}
159
assistant .sidebar {
161
padding: 4px 0;
162
}
163
assistant .sidebar label {
165
min-height: 36px;
166
padding: 0 12px;
167
color: rgba(0, 0, 0, 0.38);
168
font-weight: 500;
169
}
170
assistant .sidebar label.highlight {
172
color: rgba(0, 0, 0, 0.87);
173
}
174
/*********************
176
* Spinner Animation *
177
*********************/
178
@keyframes spin {
179
to {
180
-gtk-icon-transform: rotate(1turn);
181
}
182
}
183
spinner {
185
background: none;
186
opacity: 0;
187
-gtk-icon-source: -gtk-icontheme("process-working-symbolic");
188
}
189
spinner:checked {
191
opacity: 1;
192
animation: spin 1s linear infinite;
193
}
194
spinner:checked:disabled {
196
opacity: 0.5;
197
}
198
/****************
200
* Text Entries *
201
****************/
202
spinbutton:not(.vertical),
203
entry {
204
min-height: 36px;
205
padding: 0 8px;
206
border-radius: 4px 4px 0 0;
207
caret-color: currentColor;
208
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1);
209
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #4285F4 0%, transparent 0%) 0 0 0/0 0 0px;
210
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26);
211
background-color: rgba(0, 0, 0, 0.04);
212
color: rgba(0, 0, 0, 0.87);
213
}
214
spinbutton:focus:not(.vertical),
216
entry:focus {
217
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #4285F4 100%, transparent 0%) 0 0 2/0 0 2px;
218
}
219
spinbutton:disabled:not(.vertical),
221
entry:disabled {
222
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12);
223
background-color: rgba(0, 0, 0, 0.04);
224
color: rgba(0, 0, 0, 0.38);
225
}
226
spinbutton.flat:not(.vertical), entry.preferences-search, layoutpane entry.search, editortweak entry.search,
228
entry.flat {
229
min-height: 0;
230
padding: 2px;
231
border-radius: 0;
232
background-color: transparent;
233
}
234
spinbutton:not(.vertical) image,
236
entry image {
237
color: rgba(0, 0, 0, 0.54);
238
}
239
spinbutton:not(.vertical) image:hover, spinbutton:not(.vertical) image:active,
241
entry image:hover,
242
entry image:active {
243
color: rgba(0, 0, 0, 0.87);
244
}
245
spinbutton:not(.vertical) image:disabled,
247
entry image:disabled {
248
color: rgba(0, 0, 0, 0.38);
249
}
250
spinbutton:not(.vertical) image.left,
252
entry image.left {
253
margin-left: 2px;
254
margin-right: 6px;
255
}
256
spinbutton:not(.vertical) image.right,
258
entry image.right {
259
margin-left: 6px;
260
margin-right: 2px;
261
}
262
spinbutton:not(.vertical) undershoot.left,
264
entry undershoot.left {
265
background-color: transparent;
266
background-image: linear-gradient(to top, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%);
267
padding-left: 1px;
268
background-size: 1px 12px;
269
background-repeat: repeat-y;
270
background-origin: content-box;
271
background-position: left top;
272
}
273
spinbutton:not(.vertical) undershoot.right,
275
entry undershoot.right {
276
background-color: transparent;
277
background-image: linear-gradient(to top, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%);
278
padding-right: 1px;
279
background-size: 1px 12px;
280
background-repeat: repeat-y;
281
background-origin: content-box;
282
background-position: right top;
283
}
284
spinbutton.error:not(.vertical),
286
entry.error {
287
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1);
288
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #EA4335 0%, transparent 0%) 0 0 0/0 0 0px;
289
box-shadow: inset 0 -1px #EA4335;
290
background-color: rgba(0, 0, 0, 0.04);
291
color: rgba(0, 0, 0, 0.87);
292
}
293
spinbutton.error:focus:not(.vertical),
295
entry.error:focus {
296
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #EA4335 100%, transparent 0%) 0 0 2/0 0 2px;
297
}
298
spinbutton.error:disabled:not(.vertical),
300
entry.error:disabled {
301
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12);
302
background-color: rgba(0, 0, 0, 0.04);
303
color: rgba(0, 0, 0, 0.38);
304
}
305
spinbutton.warning:not(.vertical),
307
entry.warning {
308
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1);
309
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FBBC05 0%, transparent 0%) 0 0 0/0 0 0px;
310
box-shadow: inset 0 -1px #FBBC05;
311
background-color: rgba(0, 0, 0, 0.04);
312
color: rgba(0, 0, 0, 0.87);
313
}
314
spinbutton.warning:focus:not(.vertical),
316
entry.warning:focus {
317
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FBBC05 100%, transparent 0%) 0 0 2/0 0 2px;
318
}
319
spinbutton.warning:disabled:not(.vertical),
321
entry.warning:disabled {
322
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12);
323
background-color: rgba(0, 0, 0, 0.04);
324
color: rgba(0, 0, 0, 0.38);
325
}
326
spinbutton:not(.vertical) progress,
328
entry progress {
329
margin: 2px -8px;
330
border-bottom: 2px solid #4285F4;
331
background-color: transparent;
332
}
333
spinbutton.vertical entry, .gedit-search-slider .linked:not(.vertical) > entry {
335
border-radius: 4px;
336
transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
337
border-image: none;
338
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
339
background-color: #FFFFFF;
340
color: rgba(0, 0, 0, 0.87);
341
}
342
spinbutton.vertical entry:focus, .gedit-search-slider .linked:not(.vertical) > entry:focus {
344
border-image: none;
345
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
346
}
347
spinbutton.vertical entry:disabled, .gedit-search-slider .linked:not(.vertical) > entry:disabled {
349
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
350
background-color: #FAFAFA;
351
color: rgba(0, 0, 0, 0.38);
352
}
353
spinbutton.vertical entry.error, .gedit-search-slider .linked:not(.vertical) > entry.error {
355
transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
356
border-image: none;
357
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
358
background-color: #EA4335;
359
color: white;
360
}
361
spinbutton.vertical entry.error:focus, .gedit-search-slider .linked:not(.vertical) > entry.error:focus {
363
border-image: none;
364
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
365
}
366
spinbutton.vertical entry.error:disabled, .gedit-search-slider .linked:not(.vertical) > entry.error:disabled {
368
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
369
background-color: #FAFAFA;
370
color: rgba(0, 0, 0, 0.38);
371
}
372
spinbutton.vertical entry.error image, .gedit-search-slider .linked:not(.vertical) > entry.error image {
374
color: rgba(255, 255, 255, 0.7);
375
}
376
spinbutton.vertical entry.error image:hover, .gedit-search-slider .linked:not(.vertical) > entry.error image:hover, spinbutton.vertical entry.error image:active, .gedit-search-slider .linked:not(.vertical) > entry.error image:active {
378
color: white;
379
}
380
spinbutton.vertical entry.error image:disabled, .gedit-search-slider .linked:not(.vertical) > entry.error image:disabled {
382
color: rgba(255, 255, 255, 0.5);
383
}
384
spinbutton.vertical entry.warning, .gedit-search-slider .linked:not(.vertical) > entry.warning {
386
transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
387
border-image: none;
388
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
389
background-color: #FBBC05;
390
color: rgba(0, 0, 0, 0.87);
391
}
392
spinbutton.vertical entry.warning:focus, .gedit-search-slider .linked:not(.vertical) > entry.warning:focus {
394
border-image: none;
395
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
396
}
397
spinbutton.vertical entry.warning:disabled, .gedit-search-slider .linked:not(.vertical) > entry.warning:disabled {
399
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
400
background-color: #FAFAFA;
401
color: rgba(0, 0, 0, 0.38);
402
}
403
spinbutton.vertical entry.warning image, .gedit-search-slider .linked:not(.vertical) > entry.warning image {
405
color: rgba(0, 0, 0, 0.54);
406
}
407
spinbutton.vertical entry.warning image:hover, .gedit-search-slider .linked:not(.vertical) > entry.warning image:hover, spinbutton.vertical entry.warning image:active, .gedit-search-slider .linked:not(.vertical) > entry.warning image:active {
409
color: rgba(0, 0, 0, 0.87);
410
}
411
spinbutton.vertical entry.warning image:disabled, .gedit-search-slider .linked:not(.vertical) > entry.warning image:disabled {
413
color: rgba(0, 0, 0, 0.38);
414
}
415
treeview entry.flat, treeview entry {
417
background-color: #FFFFFF;
418
}
419
treeview entry.flat, treeview entry.flat:focus, treeview entry, treeview entry:focus {
421
border-image: none;
422
box-shadow: none;
423
}
424
.entry-tag, .documents-entry-tag, .photos-entry-tag {
426
margin: 2px;
427
border-radius: 9999px;
428
box-shadow: none;
429
background-color: rgba(0, 0, 0, 0.12);
430
color: rgba(0, 0, 0, 0.87);
431
}
432
.entry-tag:hover, .documents-entry-tag:hover, .photos-entry-tag:hover {
434
background-image: image(rgba(0, 0, 0, 0.12));
435
}
436
:dir(ltr) .entry-tag, :dir(ltr) .documents-entry-tag, :dir(ltr) .photos-entry-tag {
438
margin-left: 4px;
439
margin-right: 0;
440
padding-left: 12px;
441
padding-right: 8px;
442
}
443
:dir(rtl) .entry-tag, :dir(rtl) .documents-entry-tag, :dir(rtl) .photos-entry-tag {
445
margin-left: 0;
446
margin-right: 4px;
447
padding-left: 8px;
448
padding-right: 12px;
449
}
450
.entry-tag.button, .button.documents-entry-tag, .button.photos-entry-tag {
452
box-shadow: none;
453
background-color: transparent;
454
}
455
.entry-tag.button:not(:hover):not(:active), .button.documents-entry-tag:not(:hover):not(:active), .button.photos-entry-tag:not(:hover):not(:active) {
457
color: rgba(0, 0, 0, 0.54);
458
}
459
/***********
461
* Buttons *
462
***********/
463
@keyframes needs_attention {
464
from {
465
background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#4285F4), to(transparent));
466
}
467
to {
468
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#4285F4), to(transparent));
469
}
470
}
471
button {
474
min-height: 24px;
475
min-width: 16px;
476
padding: 6px 10px;
477
border-radius: 4px;
478
font-weight: 500;
479
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
480
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;
481
background-color: #FFFFFF;
482
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
483
background-repeat: no-repeat;
484
background-position: center;
485
background-size: 1000% 1000%;
486
color: rgba(0, 0, 0, 0.87);
487
}
488
button:hover {
491
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;
492
color: rgba(0, 0, 0, 0.87);
493
}
494
button:active {
497
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
498
animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
499
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.08);
500
background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.12) 10%, transparent 0%);
501
background-size: 0% 0%;
502
color: rgba(0, 0, 0, 0.87);
503
}
504
button:disabled {
507
box-shadow: none;
508
background-color: rgba(0, 0, 0, 0.04);
509
color: rgba(0, 0, 0, 0.38);
510
}
511
button:checked {
514
background-color: #4285F4;
515
color: white;
516
}
517
button:checked:disabled {
520
background-color: rgba(0, 0, 0, 0.12);
521
color: rgba(0, 0, 0, 0.38);
522
}
523
modelbutton.flat,
525
.menuitem.button.flat, spinbutton:not(.vertical) button, spinbutton.vertical button, popover.background.menu button,
526
popover.background button.model, notebook > header > tabs > arrow, scrollbar button, check,
527
radio, calendar.button, messagedialog.csd .dialog-action-area button, button.sidebar-button, .gedit-search-slider .linked > button, popover.messagepopover .popover-action-area button, #mate-menu button, .budgie-settings-window buttonbox.inline-toolbar 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),
528
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, filechooser #pathbarbox > stack > box > button, .nemo-window .toolbar button,
529
button.flat {
530
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
531
box-shadow: inset 0 0 0 9999px transparent;
532
background-color: transparent;
533
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
534
background-repeat: no-repeat;
535
background-position: center;
536
background-size: 1000% 1000%;
537
color: rgba(0, 0, 0, 0.54);
538
}
539
modelbutton.flat:hover,
541
.menuitem.button.flat:hover, spinbutton:not(.vertical) button:hover, spinbutton.vertical button:hover, popover.background.menu button:hover,
542
popover.background button.model:hover, notebook > header > tabs > arrow:hover, scrollbar button:hover, check:hover,
543
radio:hover, calendar.button:hover, messagedialog.csd .dialog-action-area button:hover, button.sidebar-button:hover, .gedit-search-slider .linked > button:hover, popover.messagepopover .popover-action-area button:hover, #mate-menu button:hover, .budgie-settings-window buttonbox.inline-toolbar 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),
544
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, filechooser #pathbarbox > stack > box > button:hover, .nemo-window .toolbar button:hover,
545
button.flat:hover {
546
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
547
color: rgba(0, 0, 0, 0.87);
548
}
549
modelbutton.flat:active,
551
.menuitem.button.flat:active, spinbutton:not(.vertical) button:active, spinbutton.vertical button:active, popover.background.menu button:active,
552
popover.background button.model:active, notebook > header > tabs > arrow:active, scrollbar button:active, check:active,
553
radio:active, calendar.button:active, messagedialog.csd .dialog-action-area button:active, button.sidebar-button:active, .gedit-search-slider .linked > button:active, popover.messagepopover .popover-action-area button:active, #mate-menu button:active, .budgie-settings-window buttonbox.inline-toolbar 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),
554
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, filechooser #pathbarbox > stack > box > button:active, .nemo-window .toolbar button:active,
555
button.flat:active {
556
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
557
animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
558
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
559
background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.12) 10%, transparent 0%);
560
background-size: 0% 0%;
561
color: rgba(0, 0, 0, 0.87);
562
}
563
modelbutton.flat:disabled,
565
.menuitem.button.flat:disabled, spinbutton:not(.vertical) button:disabled, spinbutton.vertical button:disabled, popover.background.menu button:disabled,
566
popover.background button.model:disabled, notebook > header > tabs > arrow:disabled, scrollbar button:disabled, check:disabled,
567
radio:disabled, calendar.button:disabled, messagedialog.csd .dialog-action-area button:disabled, button.sidebar-button:disabled, .gedit-search-slider .linked > button:disabled, popover.messagepopover .popover-action-area button:disabled, #mate-menu button:disabled, .budgie-settings-window buttonbox.inline-toolbar 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),
568
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, filechooser #pathbarbox > stack > box > button:disabled, .nemo-window .toolbar button:disabled,
569
button.flat:disabled {
570
box-shadow: none;
571
background-color: transparent;
572
color: rgba(0, 0, 0, 0.26);
573
}
574
: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, .path-bar-box .nautilus-path-bar button:last-child:dir(ltr), .path-bar-box .nautilus-path-bar button:first-child:dir(rtl), .titlebar:not(headerbar) button:checked:not(.suggested-action):not(.destructive-action),
576
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, filechooser #pathbarbox > stack > box > button:checked, .nemo-window .toolbar button:checked,
577
button.flat:checked {
578
background-color: alpha(currentColor, 0.24);
579
color: rgba(0, 0, 0, 0.87);
580
}
581
: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, .path-bar-box .nautilus-path-bar button:disabled:last-child:dir(ltr), .path-bar-box .nautilus-path-bar button:disabled:first-child:dir(rtl), .titlebar:not(headerbar) button:checked:disabled:not(.suggested-action):not(.destructive-action),
583
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, filechooser #pathbarbox > stack > box > button:checked:disabled, .nemo-window .toolbar button:checked:disabled,
584
button.flat:checked:disabled {
585
background-color: rgba(0, 0, 0, 0.12);
586
color: rgba(0, 0, 0, 0.38);
587
}
588
button.text-button {
591
padding-left: 16px;
592
padding-right: 16px;
593
}
594
button.image-button {
597
min-width: 24px;
598
padding: 6px;
599
}
600
button.text-button.image-button {
603
border-radius: 4px;
604
-gtk-outline-radius: 4px;
605
}
606
button.text-button.image-button label:first-child {
609
margin-left: 10px;
610
}
611
button.text-button.image-button label:last-child {
614
margin-right: 10px;
615
}
616
button.text-button.image-button image:not(:only-child) {
619
margin: 0 4px;
620
}
621
toolbar .linked > button, .titlebar:not(headerbar) .linked > button:not(.suggested-action):not(.destructive-action),
623
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, filechooser #pathbarbox > stack > box.linked > button, .nemo-window .toolbar .linked > button,
624
toolbar .linked.vertical > button,
625
.titlebar:not(headerbar) .linked.vertical > button:not(.suggested-action):not(.destructive-action),
626
headerbar .linked.vertical > button:not(.suggested-action):not(.destructive-action),
627
actionbar > revealer > box .linked.vertical > button:not(.suggested-action):not(.destructive-action):not(.server-list-button),
628
.app-notification .linked.vertical > button,
629
filechooser #pathbarbox > stack > box.linked.vertical > button,
630
.nemo-window .toolbar .linked.vertical > button, .linked >
631
button.flat,
632
.linked.vertical >
633
button.flat {
634
border-radius: 4px;
635
}
636
toolbar .linked > button.text-button.image-button, .titlebar:not(headerbar) .linked > button.text-button.image-button:not(.suggested-action):not(.destructive-action),
638
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, filechooser #pathbarbox > stack > box.linked > button.text-button.image-button, .nemo-window .toolbar .linked > button.text-button.image-button,
639
toolbar .linked.vertical > button.text-button.image-button,
640
.titlebar:not(headerbar) .linked.vertical > button.text-button.image-button:not(.suggested-action):not(.destructive-action),
641
headerbar .linked.vertical > button.text-button.image-button:not(.suggested-action):not(.destructive-action),
642
actionbar > revealer > box .linked.vertical > button.text-button.image-button:not(.suggested-action):not(.destructive-action):not(.server-list-button),
643
.app-notification .linked.vertical > button.text-button.image-button,
644
filechooser #pathbarbox > stack > box.linked.vertical > button.text-button.image-button,
645
.nemo-window .toolbar .linked.vertical > button.text-button.image-button, .linked >
646
button.flat.text-button.image-button,
647
.linked.vertical >
648
button.flat.text-button.image-button {
649
border-radius: 4px;
650
-gtk-outline-radius: 4px;
651
}
652
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-mpris button.image-button, .xfce4-panel.background button {
654
color: rgba(255, 255, 255, 0.7);
655
}
656
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-mpris button.image-button:hover, .xfce4-panel.background button:hover, 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-mpris button.image-button:active, .xfce4-panel.background button:active {
658
color: white;
659
}
660
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-mpris button.image-button:disabled, .xfce4-panel.background button:disabled {
662
color: rgba(255, 255, 255, 0.3);
663
}
664
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-mpris button.image-button:checked, .xfce4-panel.background button:checked {
666
background-color: rgba(255, 255, 255, 0.3);
667
color: white;
668
}
669
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-mpris button.image-button:checked:disabled, .xfce4-panel.background button:checked:disabled {
671
background-color: rgba(255, 255, 255, 0.12);
672
color: rgba(255, 255, 255, 0.5);
673
}
674
button.osd {
677
padding: 12px 16px;
678
}
679
button.osd.image-button {
682
padding: 12px;
683
}
684
button.osd:disabled {
687
opacity: 0;
688
}
689
button.suggested-action {
692
background-color: #4285F4;
693
color: white;
694
}
695
button.suggested-action:disabled {
698
box-shadow: none;
699
background-color: rgba(0, 0, 0, 0.04);
700
color: rgba(0, 0, 0, 0.38);
701
}
702
button.suggested-action:checked {
705
background-color: #7baaf7;
706
}
707
button.suggested-action.flat {
710
background-color: transparent;
711
color: #4285F4;
712
}
713
button.suggested-action.flat:disabled {
716
box-shadow: none;
717
background-color: transparent;
718
color: rgba(0, 0, 0, 0.26);
719
}
720
button.suggested-action.flat:checked {
723
background-color: rgba(66, 133, 244, 0.3);
724
}
725
button.destructive-action {
728
background-color: #EA4335;
729
color: white;
730
}
731
button.destructive-action:disabled {
734
box-shadow: none;
735
background-color: rgba(0, 0, 0, 0.04);
736
color: rgba(0, 0, 0, 0.38);
737
}
738
button.destructive-action:checked {
741
background-color: #f07b72;
742
}
743
button.destructive-action.flat {
746
background-color: transparent;
747
color: #EA4335;
748
}
749
button.destructive-action.flat:disabled {
752
box-shadow: none;
753
background-color: transparent;
754
color: rgba(0, 0, 0, 0.26);
755
}
756
button.destructive-action.flat:checked {
759
background-color: rgba(234, 67, 53, 0.3);
760
}
761
.stack-switcher >
763
button {
764
outline-offset: -4px;
765
}
766
.stack-switcher >
768
button > label {
769
padding-left: 6px;
770
padding-right: 6px;
771
}
772
.stack-switcher >
774
button > image {
775
padding-left: 6px;
776
padding-right: 6px;
777
padding-top: 3px;
778
padding-bottom: 3px;
779
}
780
.stack-switcher >
782
button.text-button {
783
padding-left: 10px;
784
padding-right: 10px;
785
}
786
.stack-switcher >
788
button.image-button {
789
padding-left: 4px;
790
padding-right: 4px;
791
}
792
.stack-switcher >
794
button.needs-attention:checked > label,
795
.stack-switcher >
796
button.needs-attention:checked > image {
797
animation: none;
798
background-image: none;
799
}
800
.primary-toolbar
802
button {
803
-gtk-icon-shadow: none;
804
}
805
button.image-button, toolbar .linked > button.image-button, .titlebar:not(headerbar) .linked > button.image-button:not(.suggested-action):not(.destructive-action),
808
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, .nemo-window .toolbar .linked > button.image-button, toolbar .linked.vertical > button.image-button,
809
headerbar .linked.vertical > button.image-button:not(.suggested-action):not(.destructive-action), .app-notification .linked.vertical > button.image-button, .nemo-window .toolbar .linked.vertical > button.image-button, .linked > button.flat.image-button,
810
.linked.vertical > button.flat.image-button, .inline-toolbar button:not(.text-button), check,
811
radio, filechooser #pathbarbox > stack > box > button, button.titlebutton, .linked > button.disclosure-button:not(.suggested-action):not(.destructive-action), .nautilus-window headerbar revealer > button, .raven .expander-button,
812
button.close,
813
button.circular {
814
border-radius: 9999px;
815
-gtk-outline-radius: 9999px;
816
}
817
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 .linked > button, .pluma-window paned.horizontal box.vertical box.horizontal button.flat {
819
min-height: 24px;
820
min-width: 24px;
821
padding: 0;
822
border-radius: 9999px;
823
-gtk-outline-radius: 9999px;
824
}
825
.stack-switcher > button.needs-attention > label,
827
.stack-switcher > button.needs-attention > image, stacksidebar row.needs-attention > label {
828
animation: needs_attention 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
829
background-repeat: no-repeat;
830
background-position: right 3px;
831
background-size: 6px 6px;
832
}
833
.stack-switcher > button.needs-attention > label:dir(rtl),
835
.stack-switcher > button.needs-attention > image:dir(rtl), stacksidebar row.needs-attention > label:dir(rtl) {
836
background-position: left 3px;
837
}
838
.linked > button, .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry, combobox > .linked > button, .linked:not(.vertical) > combobox > box > button.combo {
840
border-radius: 0;
841
-gtk-outline-radius: 4px;
842
}
843
.linked > button:first-child {
845
border-top-left-radius: 4px;
846
border-bottom-left-radius: 4px;
847
}
848
.linked > button:last-child {
850
border-top-right-radius: 4px;
851
border-bottom-right-radius: 4px;
852
}
853
.linked > button:only-child {
855
border-radius: 4px;
856
}
857
.linked.vertical > button, .linked.vertical > spinbutton:not(.vertical), .linked.vertical > entry, .linked.vertical > combobox > box > button.combo {
859
border-radius: 0;
860
-gtk-outline-radius: 4px;
861
}
862
.linked.vertical > button:first-child {
864
border-top-left-radius: 4px;
865
border-top-right-radius: 4px;
866
}
867
.linked.vertical > button:last-child {
869
border-bottom-left-radius: 4px;
870
border-bottom-right-radius: 4px;
871
}
872
.linked.vertical > button:only-child {
874
border-radius: 4px;
875
}
876
.linked:not(.vertical) > spinbutton:first-child:not(.vertical), .linked:not(.vertical) > entry:first-child, combobox.linked button:nth-child(2):dir(rtl), combobox > .linked > button:first-child, .linked:not(.vertical) > combobox:first-child > box > button.combo {
878
border-radius: 4px 0 0 0;
879
}
880
.linked:not(.vertical) > spinbutton:last-child:not(.vertical), .linked:not(.vertical) > entry:last-child, combobox.linked button:nth-child(2):dir(ltr), combobox > .linked > button:last-child, .linked:not(.vertical) > combobox:last-child > box > button.combo {
882
border-radius: 0 4px 0 0;
883
}
884
.linked:not(.vertical) > spinbutton:only-child:not(.vertical), .linked:not(.vertical) > entry:only-child, combobox > .linked > button:only-child, .linked:not(.vertical) > combobox:only-child > box > button.combo {
886
border-radius: 4px 4px 0 0;
887
}
888
.linked.vertical > spinbutton:first-child:not(.vertical), .linked.vertical > entry:first-child, .linked.vertical > combobox:first-child > box > button.combo {
890
border-radius: 4px 4px 0 0;
891
}
892
.linked.vertical > spinbutton:last-child:not(.vertical), .linked.vertical > entry:last-child, .linked.vertical > combobox:last-child > box > button.combo {
894
border-radius: 0;
895
}
896
.linked.vertical > spinbutton:only-child:not(.vertical), .linked.vertical > entry:only-child, .linked.vertical > combobox:only-child > box > button.combo {
898
border-radius: 4px 4px 0 0;
899
}
900
/* menu buttons */
902
modelbutton.flat,
903
.menuitem.button.flat {
904
min-height: 28px;
905
padding: 0 8px;
906
border-radius: 4px;
907
color: inherit;
908
}
909
modelbutton.flat arrow.left {
911
-gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
912
}
913
modelbutton.flat arrow.right {
915
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
916
}
917
button.color {
919
min-height: 24px;
920
min-width: 24px;
921
padding: 6px;
922
}
923
/*********
925
* Links *
926
*********/
927
*:link, button:link, button:link:hover, button:link:active,
928
button:visited,
929
button:visited:hover,
930
button:visited:active {
931
color: #4285F4;
932
}
933
*:link:visited,
935
button:visited,
936
button:visited:hover,
937
button:visited:active {
938
color: #E040FB;
939
}
940
button:link > label,
942
button:visited > label {
943
text-decoration-line: underline;
944
}
945
/*****************
947
* GtkSpinButton *
948
*****************/
949
spinbutton:not(.vertical) {
950
padding: 0;
951
}
952
spinbutton:not(.vertical) entry {
954
min-width: 32px;
955
margin: 0;
956
border-image: none;
957
border-radius: 0;
958
box-shadow: none;
959
background-color: transparent;
960
}
961
spinbutton:not(.vertical) button {
963
border: solid 6px transparent;
964
}
965
spinbutton:not(.vertical) button.up:dir(ltr), spinbutton:not(.vertical) button.down:dir(rtl) {
967
margin-left: -3px;
968
}
969
spinbutton:not(.vertical) button.up:dir(rtl), spinbutton:not(.vertical) button.down:dir(ltr) {
971
margin-right: -3px;
972
}
973
spinbutton.vertical:disabled {
975
color: rgba(0, 0, 0, 0.38);
976
}
977
spinbutton.vertical:drop(active) {
979
box-shadow: none;
980
}
981
spinbutton.vertical entry {
983
min-height: 36px;
984
min-width: 48px;
985
padding: 0;
986
}
987
spinbutton.vertical button {
989
min-height: 36px;
990
min-width: 48px;
991
padding: 0;
992
}
993
spinbutton.vertical button.up {
995
border-radius: 4px 4px 0 0;
996
}
997
spinbutton.vertical button.down {
999
border-radius: 0 0 4px 4px;
1000
}
1001
treeview spinbutton:not(.vertical) {
1003
min-height: 0;
1004
border-style: none;
1005
border-radius: 0;
1006
}
1007
treeview spinbutton:not(.vertical) entry {
1009
min-height: 0;
1010
padding: 1px 2px;
1011
}
1012
/**************
1014
* ComboBoxes *
1015
**************/
1016
combobox arrow {
1017
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
1018
min-height: 16px;
1019
min-width: 16px;
1020
}
1021
combobox decoration,
1023
combobox button.combo:checked {
1024
transition: none;
1025
}
1026
combobox button.combo cellview:dir(ltr) {
1028
margin-left: -2px;
1029
}
1030
combobox button.combo cellview:dir(rtl) {
1032
margin-right: -2px;
1033
}
1034
combobox #gtk-combobox-popup-menu {
1036
padding: 2px 0;
1037
}
1038
combobox #gtk-combobox-popup-menu menuitem {
1040
min-height: 32px;
1041
padding: 0 8px;
1042
}
1043
combobox #gtk-combobox-popup-menu > arrow.top {
1045
margin-top: -2px;
1046
}
1047
combobox #gtk-combobox-popup-menu > arrow.bottom {
1049
margin-top: 4px;
1050
margin-bottom: -6px;
1051
}
1052
combobox:drop(active) {
1054
box-shadow: none;
1055
}
1056
button.combo {
1058
border-radius: 4px 4px 0 0;
1059
background-image: none;
1060
font-weight: inherit;
1061
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1);
1062
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #4285F4 0%, transparent 0%) 0 0 0/0 0 0px;
1063
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26);
1064
background-color: rgba(0, 0, 0, 0.04);
1065
color: rgba(0, 0, 0, 0.87);
1066
}
1067
button.combo:hover {
1069
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.87);
1070
}
1071
button.combo:checked {
1073
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #4285F4 100%, transparent 0%) 0 0 2/0 0 2px;
1074
}
1075
button.combo:disabled {
1077
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12);
1078
background-color: rgba(0, 0, 0, 0.04);
1079
color: rgba(0, 0, 0, 0.38);
1080
}
1081
/************
1083
* Toolbars *
1084
************/
1085
toolbar {
1086
-GtkWidget-window-dragging: true;
1087
padding: 2px;
1088
background-color: #F2F2F2;
1089
}
1090
.osd toolbar {
1092
background-color: transparent;
1093
}
1094
toolbar.osd, .app-notification, frame.documents-dropdown {
1096
transition: box-shadow 100ms cubic-bezier(0, 0, 0.2, 1);
1097
padding: 6px;
1098
border-radius: 4px;
1099
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);
1100
background-color: #FFFFFF;
1101
}
1102
toolbar.osd:backdrop, .app-notification:backdrop, frame.documents-dropdown:backdrop {
1104
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);
1105
}
1106
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 {
1108
border-radius: 0;
1109
}
1110
toolbar.horizontal > separator {
1112
margin: 2px;
1113
}
1114
toolbar.vertical > separator {
1116
margin: 2px;
1117
}
1118
toolbar:not(.inline-toolbar):not(.osd) scale,
1120
toolbar:not(.inline-toolbar):not(.osd) entry,
1121
toolbar:not(.inline-toolbar):not(.osd) spinbutton,
1122
toolbar:not(.inline-toolbar):not(.osd) button {
1123
margin: 2px;
1124
}
1125
toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:first-child),
1127
toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:first-child),
1128
toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:first-child) {
1129
margin-left: 0;
1130
}
1131
toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:last-child),
1133
toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:last-child),
1134
toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:last-child) {
1135
margin-right: 0;
1136
}
1137
toolbar:not(.inline-toolbar):not(.osd) spinbutton entry,
1139
toolbar:not(.inline-toolbar):not(.osd) spinbutton button {
1140
margin: 0;
1141
}
1142
toolbar:not(.inline-toolbar):not(.osd) switch {
1144
margin: 8px 2px;
1145
}
1146
.inline-toolbar {
1148
padding: 6px;
1149
border-style: solid;
1150
border-width: 0 1px 1px;
1151
border-color: rgba(0, 0, 0, 0.12);
1152
background-color: #FAFAFA;
1153
}
1154
searchbar > revealer > box,
1156
.location-bar {
1157
padding: 6px;
1158
border-style: solid;
1159
border-width: 0 0 1px;
1160
border-color: rgba(0, 0, 0, 0.12);
1161
background-color: #F2F2F2;
1162
background-clip: border-box;
1163
}
1164
searchbar > revealer > box {
1166
margin: -6px;
1167
padding: 6px;
1168
}
1169
/***************
1171
* Header bars *
1172
***************/
1173
.titlebar:not(headerbar),
1174
headerbar {
1175
transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1), color 100ms cubic-bezier(0, 0, 0.2, 1);
1176
min-height: 48px;
1177
padding: 0 6px;
1178
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);
1179
background-color: #E0E0E0;
1180
color: rgba(0, 0, 0, 0.87);
1181
}
1182
.titlebar:disabled:not(headerbar),
1184
headerbar:disabled {
1185
color: rgba(0, 0, 0, 0.38);
1186
}
1187
.titlebar:backdrop:not(headerbar),
1189
headerbar:backdrop {
1190
color: rgba(0, 0, 0, 0.54);
1191
}
1192
.titlebar:backdrop:disabled:not(headerbar),
1194
headerbar:backdrop:disabled {
1195
color: rgba(0, 0, 0, 0.26);
1196
}
1197
.titlebar:not(headerbar) .title,
1199
headerbar .title {
1200
padding: 0 12px;
1201
font-weight: bold;
1202
}
1203
.titlebar:not(headerbar) .subtitle,
1205
headerbar .subtitle {
1206
padding: 0 12px;
1207
font-size: smaller;
1208
}
1209
.titlebar:not(headerbar) entry,
1211
headerbar entry {
1212
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26);
1213
background-color: rgba(0, 0, 0, 0.04);
1214
color: rgba(0, 0, 0, 0.87);
1215
}
1216
.titlebar:not(headerbar) entry:disabled,
1218
headerbar entry:disabled {
1219
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12);
1220
background-color: rgba(0, 0, 0, 0.04);
1221
color: rgba(0, 0, 0, 0.38);
1222
}
1223
.titlebar:not(headerbar) entry image,
1225
headerbar entry image {
1226
color: rgba(0, 0, 0, 0.54);
1227
}
1228
.titlebar:not(headerbar) entry image:hover, .titlebar:not(headerbar) entry image:active,
1230
headerbar entry image:hover,
1231
headerbar entry image:active {
1232
color: rgba(0, 0, 0, 0.87);
1233
}
1234
.titlebar:not(headerbar) entry image:disabled,
1236
headerbar entry image:disabled {
1237
color: rgba(0, 0, 0, 0.38);
1238
}
1239
.titlebar:not(headerbar) .linked:not(.vertical) > entry:not(.flat),
1241
headerbar .linked:not(.vertical) > entry:not(.flat) {
1242
border-radius: 4px 4px 0 0;
1243
}
1244
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action),
1246
headerbar button:not(.suggested-action):not(.destructive-action) {
1247
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #4285F4 0%, transparent 0%) 0 0 0/0 0 0px;
1248
color: rgba(0, 0, 0, 0.54);
1249
}
1250
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):hover, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):active,
1252
headerbar button:not(.suggested-action):not(.destructive-action):hover,
1253
headerbar button:not(.suggested-action):not(.destructive-action):active {
1254
color: rgba(0, 0, 0, 0.87);
1255
}
1256
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):disabled,
1258
headerbar button:not(.suggested-action):not(.destructive-action):disabled {
1259
color: rgba(0, 0, 0, 0.26);
1260
}
1261
.path-bar-box .nautilus-path-bar button:last-child:dir(ltr), .path-bar-box .nautilus-path-bar button:first-child:dir(rtl), .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked,
1263
headerbar button:not(.suggested-action):not(.destructive-action):checked {
1264
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #4285F4 100%, transparent 0%) 0 0 2/0 0 2px;
1265
color: rgba(0, 0, 0, 0.87);
1266
}
1267
.path-bar-box .nautilus-path-bar button:disabled:last-child:dir(ltr), .path-bar-box .nautilus-path-bar button:disabled:first-child:dir(rtl), .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked:disabled,
1269
headerbar button:not(.suggested-action):not(.destructive-action):checked:disabled {
1270
color: rgba(0, 0, 0, 0.38);
1271
}
1272
.path-bar-box .nautilus-path-bar button:last-child:dir(ltr), .path-bar-box .nautilus-path-bar button:first-child:dir(rtl), .path-bar-box .nautilus-path-bar button:disabled:last-child:dir(ltr), .path-bar-box .nautilus-path-bar button:disabled:first-child:dir(rtl), .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked:disabled,
1274
headerbar button:not(.suggested-action):not(.destructive-action):checked,
1275
headerbar button:not(.suggested-action):not(.destructive-action):checked:disabled {
1276
background-color: transparent;
1277
}
1278
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop,
1280
headerbar button:not(.suggested-action):not(.destructive-action):backdrop {
1281
color: rgba(0, 0, 0, 0.38);
1282
}
1283
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:hover, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:active,
1285
headerbar button:not(.suggested-action):not(.destructive-action):backdrop:hover,
1286
headerbar button:not(.suggested-action):not(.destructive-action):backdrop:active {
1287
color: rgba(0, 0, 0, 0.54);
1288
}
1289
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:disabled,
1291
headerbar button:not(.suggested-action):not(.destructive-action):backdrop:disabled {
1292
color: rgba(0, 0, 0, 0.26);
1293
}
1294
.path-bar-box .nautilus-path-bar button:backdrop:last-child:dir(ltr), .path-bar-box .nautilus-path-bar button:backdrop:first-child:dir(rtl), .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked,
1296
headerbar button:not(.suggested-action):not(.destructive-action):backdrop:checked {
1297
color: rgba(0, 0, 0, 0.54);
1298
}
1299
.path-bar-box .nautilus-path-bar button:backdrop:disabled:last-child:dir(ltr), .path-bar-box .nautilus-path-bar button:backdrop:disabled:first-child:dir(rtl), .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled,
1301
headerbar button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled {
1302
color: rgba(0, 0, 0, 0.26);
1303
}
1304
.titlebar:not(headerbar) button.suggested-action:disabled, .titlebar:not(headerbar) button.destructive-action:disabled,
1306
headerbar button.suggested-action:disabled,
1307
headerbar button.destructive-action:disabled {
1308
background-color: rgba(0, 0, 0, 0.04);
1309
color: rgba(0, 0, 0, 0.38);
1310
}
1311
.selection-mode.titlebar:not(headerbar),
1313
headerbar.selection-mode {
1314
transition: background-color 0.00001s 225ms, color 225ms cubic-bezier(0, 0, 0.2, 1);
1315
animation: ripple-headerbar 225ms cubic-bezier(0, 0, 0.2, 1);
1316
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);
1317
background-color: #4285F4;
1318
color: white;
1319
}
1320
.selection-mode.titlebar:backdrop:not(headerbar),
1322
headerbar.selection-mode:backdrop {
1323
color: rgba(255, 255, 255, 0.7);
1324
}
1325
.selection-mode.titlebar:not(headerbar) .subtitle:link,
1327
headerbar.selection-mode .subtitle:link {
1328
color: white;
1329
}
1330
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action),
1332
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action) {
1333
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0/0 0 0px;
1334
color: white;
1335
}
1336
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):disabled,
1338
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):disabled {
1339
color: rgba(255, 255, 255, 0.5);
1340
}
1341
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked,
1343
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):checked {
1344
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2/0 0 2px;
1345
color: white;
1346
}
1347
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked:disabled,
1349
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):checked:disabled {
1350
color: rgba(255, 255, 255, 0.5);
1351
}
1352
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop,
1354
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop {
1355
color: rgba(255, 255, 255, 0.7);
1356
}
1357
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:disabled,
1359
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:disabled {
1360
color: rgba(255, 255, 255, 0.3);
1361
}
1362
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked,
1364
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked {
1365
color: rgba(255, 255, 255, 0.7);
1366
}
1367
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled,
1369
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled {
1370
color: rgba(255, 255, 255, 0.3);
1371
}
1372
.selection-mode.titlebar:not(headerbar) .selection-menu,
1374
headerbar.selection-mode .selection-menu {
1375
padding-left: 16px;
1376
padding-right: 16px;
1377
}
1378
.selection-mode.titlebar:not(headerbar) .selection-menu arrow,
1380
headerbar.selection-mode .selection-menu arrow {
1381
-GtkArrow-arrow-scaling: 1;
1382
}
1383
.selection-mode.titlebar:not(headerbar) .selection-menu .arrow,
1385
headerbar.selection-mode .selection-menu .arrow {
1386
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
1387
}
1388
.tiled .titlebar:not(headerbar),
1390
.tiled-top .titlebar:not(headerbar),
1391
.tiled-right .titlebar:not(headerbar),
1392
.tiled-bottom .titlebar:not(headerbar),
1393
.tiled-left .titlebar:not(headerbar),
1394
.maximized .titlebar:not(headerbar),
1395
.fullscreen .titlebar:not(headerbar), .tiled
1396
headerbar,
1397
.tiled-top
1398
headerbar,
1399
.tiled-right
1400
headerbar,
1401
.tiled-bottom
1402
headerbar,
1403
.tiled-left
1404
headerbar,
1405
.maximized
1406
headerbar,
1407
.fullscreen
1408
headerbar {
1409
border-radius: 0;
1410
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
1411
}
1412
.default-decoration.titlebar:not(headerbar),
1414
headerbar.default-decoration {
1415
min-height: 24px;
1416
padding: 6px;
1417
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
1418
}
1419
.tiled .default-decoration.titlebar:not(headerbar),
1421
.maximized .default-decoration.titlebar:not(headerbar),
1422
.fullscreen .default-decoration.titlebar:not(headerbar), .tiled
1423
headerbar.default-decoration,
1424
.maximized
1425
headerbar.default-decoration,
1426
.fullscreen
1427
headerbar.default-decoration {
1428
box-shadow: none;
1429
}
1430
.default-decoration.titlebar:not(headerbar) button.titlebutton,
1432
headerbar.default-decoration button.titlebutton {
1433
min-height: 24px;
1434
min-width: 24px;
1435
margin: 0;
1436
padding: 0;
1437
}
1438
.background:not(.csd) .default-decoration.titlebar:not(headerbar) button.titlebutton:active, .background:not(.csd)
1440
headerbar.default-decoration button.titlebutton:active {
1441
background-size: 1000% 1000%;
1442
}
1443
.solid-csd .titlebar:dir(rtl):not(headerbar), .solid-csd .titlebar:dir(ltr):not(headerbar), .solid-csd
1445
headerbar:dir(rtl), .solid-csd
1446
headerbar:dir(ltr) {
1447
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
1448
}
1449
headerbar entry,
1451
headerbar spinbutton,
1452
headerbar button {
1453
margin-top: 6px;
1454
margin-bottom: 6px;
1455
}
1456
headerbar separator.titlebutton {
1458
margin-top: 12px;
1459
margin-bottom: 12px;
1460
background-color: rgba(0, 0, 0, 0.12);
1461
}
1462
headerbar switch {
1464
margin-top: 12px;
1465
margin-bottom: 12px;
1466
}
1467
headerbar spinbutton button {
1469
margin-top: 0;
1470
margin-bottom: 0;
1471
}
1472
headerbar .entry-tag, headerbar .documents-entry-tag, headerbar .photos-entry-tag {
1474
margin-top: 5px;
1475
margin-bottom: 5px;
1476
}
1477
headerbar.titlebar headerbar:not(.titlebar) {
1479
background-color: transparent;
1480
box-shadow: none;
1481
}
1482
.background .titlebar {
1484
border-top-left-radius: 4px;
1485
border-top-right-radius: 4px;
1486
}
1487
.background.tiled .titlebar,
1489
.background.tiled-top .titlebar,
1490
.background.tiled-right .titlebar,
1491
.background.tiled-bottom .titlebar,
1492
.background.tiled-left .titlebar,
1493
.background.maximized .titlebar,
1494
.background.solid-csd .titlebar {
1495
border-top-left-radius: 0;
1496
border-top-right-radius: 0;
1497
}
1498
window separator:first-child + headerbar,
1500
window headerbar:first-child {
1501
border-top-left-radius: 4px;
1502
}
1503
window headerbar:last-child {
1505
border-top-right-radius: 4px;
1506
}
1507
window stack headerbar:first-child, window stack headerbar:last-child {
1509
border-top-left-radius: 4px;
1510
border-top-right-radius: 4px;
1511
}
1512
window.tiled headerbar, window.tiled headerbar:first-child, window.tiled headerbar:last-child, window.tiled headerbar:only-child,
1514
window.tiled-top headerbar,
1515
window.tiled-top headerbar:first-child,
1516
window.tiled-top headerbar:last-child,
1517
window.tiled-top headerbar:only-child,
1518
window.tiled-right headerbar,
1519
window.tiled-right headerbar:first-child,
1520
window.tiled-right headerbar:last-child,
1521
window.tiled-right headerbar:only-child,
1522
window.tiled-bottom headerbar,
1523
window.tiled-bottom headerbar:first-child,
1524
window.tiled-bottom headerbar:last-child,
1525
window.tiled-bottom headerbar:only-child,
1526
window.tiled-left headerbar,
1527
window.tiled-left headerbar:first-child,
1528
window.tiled-left headerbar:last-child,
1529
window.tiled-left headerbar:only-child,
1530
window.maximized headerbar,
1531
window.maximized headerbar:first-child,
1532
window.maximized headerbar:last-child,
1533
window.maximized headerbar:only-child,
1534
window.fullscreen headerbar,
1535
window.fullscreen headerbar:first-child,
1536
window.fullscreen headerbar:last-child,
1537
window.fullscreen headerbar:only-child,
1538
window.solid-csd headerbar,
1539
window.solid-csd headerbar:first-child,
1540
window.solid-csd headerbar:last-child,
1541
window.solid-csd headerbar:only-child {
1542
border-top-left-radius: 0;
1543
border-top-right-radius: 0;
1544
}
1545
window.csd > .titlebar:not(headerbar) {
1547
padding: 0;
1548
background-color: transparent;
1549
background-image: none;
1550
border-style: none;
1551
box-shadow: none;
1552
}
1553
.titlebar:not(headerbar) > separator {
1555
background-color: #E0E0E0;
1556
background-image: image(rgba(0, 0, 0, 0.12));
1557
}
1558
/************
1560
* Pathbars *
1561
************/
1562
.caja-pathbar button,
1563
.path-bar button {
1564
padding-left: 6px;
1565
padding-right: 6px;
1566
}
1567
.caja-pathbar button label:not(:only-child):first-child,
1569
.path-bar button label:not(:only-child):first-child {
1570
margin-left: 4px;
1571
}
1572
.caja-pathbar button label:not(:only-child):last-child,
1574
.path-bar button label:not(:only-child):last-child {
1575
margin-right: 4px;
1576
}
1577
.caja-pathbar button.slider-button,
1579
.path-bar button.slider-button {
1580
padding-left: 4px;
1581
padding-right: 4px;
1582
}
1583
:not(headerbar) .caja-pathbar button, .caja-pathbar :not(headerbar) button, :not(headerbar)
1585
.path-bar button {
1586
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #4285F4 0%, transparent 0%) 0 0 0/0 0 0px;
1587
border-radius: 4px;
1588
}
1589
:not(headerbar) .caja-pathbar button:checked, .caja-pathbar :not(headerbar) button:checked, :not(headerbar)
1591
.path-bar button:checked {
1592
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #4285F4 100%, transparent 0%) 0 0 2/0 0 2px;
1593
}
1594
: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)
1596
.path-bar button:checked, :not(headerbar)
1597
.path-bar button:checked:disabled {
1598
background-color: transparent;
1599
}
1600
/**************
1602
* Tree Views *
1603
**************/
1604
treeview.view {
1605
border-left-color: rgba(0, 0, 0, 0.26);
1606
border-top-color: rgba(0, 0, 0, 0.12);
1607
}
1608
* {
1610
-GtkTreeView-horizontal-separator: 4;
1611
-GtkTreeView-grid-line-width: 1;
1612
-GtkTreeView-grid-line-pattern: '';
1613
-GtkTreeView-tree-line-width: 1;
1614
-GtkTreeView-tree-line-pattern: '';
1615
-GtkTreeView-expander-size: 16;
1616
}
1617
treeview.view:selected {
1619
background-color: #FFFFFF;
1620
background-image: image(rgba(66, 133, 244, 0.32));
1621
}
1622
treeview.view:hover, treeview.view:selected {
1624
border-radius: 0;
1625
}
1626
treeview.view.separator {
1628
min-height: 5px;
1629
color: rgba(0, 0, 0, 0.12);
1630
}
1631
treeview.view:drop(active) {
1633
border-style: solid none;
1634
border-width: 1px;
1635
border-color: #4285F4;
1636
}
1637
treeview.view:drop(active).after {
1639
border-top-style: none;
1640
}
1641
treeview.view:drop(active).before {
1643
border-bottom-style: none;
1644
}
1645
treeview.view.expander {
1647
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
1648
-gtk-icon-transform: rotate(-90deg);
1649
color: rgba(0, 0, 0, 0.54);
1650
}
1651
treeview.view.expander:dir(rtl) {
1653
-gtk-icon-transform: rotate(90deg);
1654
}
1655
treeview.view.expander:checked {
1657
-gtk-icon-transform: unset;
1658
}
1659
treeview.view.expander:hover, treeview.view.expander:active {
1661
color: rgba(0, 0, 0, 0.87);
1662
}
1663
treeview.view.expander:disabled {
1665
color: rgba(0, 0, 0, 0.26);
1666
}
1667
treeview.view.progressbar {
1669
border-bottom: 4px solid #4285F4;
1670
box-shadow: none;
1671
background-color: transparent;
1672
background-image: none;
1673
}
1674
treeview.view.progressbar:selected:hover {
1676
box-shadow: none;
1677
}
1678
treeview.view.trough {
1680
border-bottom: 4px solid rgba(0, 0, 0, 0.12);
1681
box-shadow: none;
1682
background-color: transparent;
1683
background-image: none;
1684
}
1685
treeview.view.trough:selected:hover {
1687
box-shadow: none;
1688
}
1689
treeview.view header button {
1691
padding: 2px 6px;
1692
border-style: none solid solid none;
1693
border-width: 1px;
1694
border-color: rgba(0, 0, 0, 0.12);
1695
border-radius: 0;
1696
background-clip: border-box;
1697
}
1698
treeview.view header button:not(:hover):not(:active) {
1700
color: rgba(0, 0, 0, 0.54);
1701
}
1702
treeview.view header button, treeview.view header button:hover, treeview.view header button:active {
1704
box-shadow: none;
1705
}
1706
treeview.view header button, treeview.view header button:disabled {
1708
background-color: #FFFFFF;
1709
}
1710
treeview.view header button:last-child {
1712
border-right-style: none;
1713
}
1714
treeview.view button.dnd,
1716
treeview.view header.button.dnd {
1717
padding: 2px 6px;
1718
border-style: none solid solid;
1719
border-width: 1px;
1720
border-color: rgba(0, 0, 0, 0.12);
1721
border-radius: 0;
1722
box-shadow: none;
1723
background-color: #FFFFFF;
1724
background-clip: border-box;
1725
color: #4285F4;
1726
}
1727
treeview.view acceleditor > label {
1729
background-color: #4285F4;
1730
}
1731
/*********
1733
* Menus *
1734
*********/
1735
menubar,
1736
.menubar {
1737
-GtkWidget-window-dragging: true;
1738
padding: 0;
1739
background-color: #E0E0E0;
1740
}
1741
menubar > menuitem,
1743
.menubar > menuitem {
1744
transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
1745
min-height: 20px;
1746
padding: 4px 8px;
1747
color: rgba(0, 0, 0, 0.54);
1748
}
1749
menubar > menuitem:hover,
1751
.menubar > menuitem:hover {
1752
transition: none;
1753
background-color: rgba(0, 0, 0, 0.12);
1754
color: rgba(0, 0, 0, 0.87);
1755
}
1756
menubar > menuitem:disabled,
1758
.menubar > menuitem:disabled {
1759
color: rgba(0, 0, 0, 0.26);
1760
}
1761
menubar > menuitem label:disabled,
1763
.menubar > menuitem label:disabled {
1764
color: inherit;
1765
}
1766
.background.popup {
1768
background-color: transparent;
1769
}
1770
menu,
1772
.menu,
1773
.context-menu {
1774
margin: 4px 0;
1775
padding: 4px 0;
1776
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
1777
background-color: #FFFFFF;
1778
border: 1px solid rgba(0, 0, 0, 0.12);
1779
}
1780
.csd menu, .csd
1782
.menu, .csd
1783
.context-menu {
1784
border: none;
1785
border-radius: 4px;
1786
}
1787
menu menuitem,
1789
.menu menuitem,
1790
.context-menu menuitem {
1791
transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1);
1792
min-height: 20px;
1793
min-width: 40px;
1794
padding: 4px 8px;
1795
font: initial;
1796
text-shadow: none;
1797
}
1798
menu menuitem:hover,
1800
.menu menuitem:hover,
1801
.context-menu menuitem:hover {
1802
transition: none;
1803
background-color: rgba(0, 0, 0, 0.12);
1804
}
1805
menu menuitem:disabled,
1807
.menu menuitem:disabled,
1808
.context-menu menuitem:disabled {
1809
color: rgba(0, 0, 0, 0.38);
1810
}
1811
menu menuitem arrow,
1813
.menu menuitem arrow,
1814
.context-menu menuitem arrow {
1815
min-height: 16px;
1816
min-width: 16px;
1817
}
1818
menu menuitem arrow:dir(ltr),
1820
.menu menuitem arrow:dir(ltr),
1821
.context-menu menuitem arrow:dir(ltr) {
1822
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
1823
margin-left: 8px;
1824
}
1825
menu menuitem arrow:dir(rtl),
1827
.menu menuitem arrow:dir(rtl),
1828
.context-menu menuitem arrow:dir(rtl) {
1829
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl");
1830
margin-right: 8px;
1831
}
1832
menu menuitem label:dir(rtl), menu menuitem label:dir(ltr),
1834
.menu menuitem label:dir(rtl),
1835
.menu menuitem label:dir(ltr),
1836
.context-menu menuitem label:dir(rtl),
1837
.context-menu menuitem label:dir(ltr) {
1838
color: inherit;
1839
}
1840
menu > arrow,
1842
.menu > arrow,
1843
.context-menu > arrow {
1844
min-height: 16px;
1845
min-width: 16px;
1846
padding: 4px;
1847
background-color: #FFFFFF;
1848
color: rgba(0, 0, 0, 0.54);
1849
}
1850
menu > arrow.top,
1852
.menu > arrow.top,
1853
.context-menu > arrow.top {
1854
margin-top: -4px;
1855
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
1856
border-radius: 4px 4px 0 0;
1857
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
1858
}
1859
menu > arrow.bottom,
1861
.menu > arrow.bottom,
1862
.context-menu > arrow.bottom {
1863
margin-top: 8px;
1864
margin-bottom: -12px;
1865
border-top: 1px solid rgba(0, 0, 0, 0.12);
1866
border-radius: 0 0 4px 4px;
1867
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
1868
}
1869
menu > arrow:hover,
1871
.menu > arrow:hover,
1872
.context-menu > arrow:hover {
1873
background-image: image(rgba(0, 0, 0, 0.12));
1874
color: rgba(0, 0, 0, 0.87);
1875
}
1876
menu > arrow:disabled,
1878
.menu > arrow:disabled,
1879
.context-menu > arrow:disabled {
1880
border-color: transparent;
1881
background-color: transparent;
1882
color: transparent;
1883
}
1884
menu separator,
1886
.menu separator,
1887
.context-menu separator {
1888
margin: 4px 0;
1889
}
1890
menuitem accelerator {
1892
color: rgba(0, 0, 0, 0.54);
1893
}
1894
menuitem:disabled accelerator {
1896
color: rgba(0, 0, 0, 0.26);
1897
}
1898
.popup:not(.csd) menu menuitem {
1900
color: #212121;
1901
}
1902
.popup:not(.csd) menu menuitem:hover {
1904
background-color: #E0E0E0;
1905
}
1906
.popup:not(.csd) menu menuitem:disabled {
1908
color: #9E9E9E;
1909
}
1910
.popup:not(.csd) menu accelerator {
1912
color: #757575;
1913
}
1914
/************
1916
* Popovers *
1917
************/
1918
popover.background {
1919
transition: box-shadow 100ms cubic-bezier(0, 0, 0.2, 1);
1920
padding: 2px;
1921
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
1922
background-color: #FFFFFF;
1923
}
1924
popover.background:backdrop {
1926
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
1927
}
1928
popover.background, .csd popover.background {
1930
border-style: solid;
1931
border-width: 1px;
1932
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.3);
1933
border-radius: 5px;
1934
}
1935
popover.background > stack {
1937
margin: -4px;
1938
}
1939
popover.background > toolbar {
1941
margin: -2px;
1942
}
1943
popover.background > list,
1945
popover.background > .view,
1946
popover.background > toolbar {
1947
border-style: none;
1948
box-shadow: none;
1949
background-color: transparent;
1950
}
1951
popover.background list,
1953
popover.background .view:not(:selected),
1954
popover.background toolbar {
1955
background-color: #FFFFFF;
1956
}
1957
popover.background.menu button,
1959
popover.background button.model {
1960
min-height: 32px;
1961
padding: 0 8px;
1962
border-radius: 4px;
1963
}
1964
popover.background separator {
1966
margin: 4px 0;
1967
}
1968
popover.background list separator {
1970
margin: 0;
1971
}
1972
/*************
1974
* Notebooks *
1975
*************/
1976
frame > paned > notebook > header,
1977
notebook.frame > header {
1978
background-color: #FAFAFA;
1979
}
1980
notebook:focus tab:checked {
1982
box-shadow: inset 0 0 0 9999px rgba(66, 133, 244, 0.12);
1983
outline: none;
1984
}
1985
notebook > header {
1987
border-width: 1px;
1988
border-color: rgba(0, 0, 0, 0.12);
1989
background-color: #F2F2F2;
1990
background-clip: border-box;
1991
}
1992
notebook > header.top {
1994
border-bottom-style: solid;
1995
}
1996
notebook > header.top > tabs {
1998
margin-bottom: -1px;
1999
}
2000
notebook > header.top > tabs > tab {
2002
border-image: linear-gradient(to top, transparent 2px, transparent 2px) 2/0 0 2px;
2003
}
2004
notebook > header.top > tabs > tab:checked {
2006
border-image-source: linear-gradient(to top, #4285F4 2px, rgba(0, 0, 0, 0.12) 2px);
2007
}
2008
notebook > header.top > tabs > tab.reorderable-page {
2010
border-image-width: 0 1px 2px;
2011
}
2012
notebook > header.bottom {
2014
border-top-style: solid;
2015
}
2016
notebook > header.bottom > tabs {
2018
margin-top: -1px;
2019
}
2020
notebook > header.bottom > tabs > tab {
2022
border-image: linear-gradient(to bottom, transparent 2px, transparent 2px) 2/2px 0 0;
2023
}
2024
notebook > header.bottom > tabs > tab:checked {
2026
border-image-source: linear-gradient(to bottom, #4285F4 2px, rgba(0, 0, 0, 0.12) 2px);
2027
}
2028
notebook > header.bottom > tabs > tab.reorderable-page {
2030
border-image-width: 2px 1px 0;
2031
}
2032
notebook > header.left {
2034
border-right-style: solid;
2035
}
2036
notebook > header.left > tabs {
2038
margin-right: -1px;
2039
}
2040
notebook > header.left > tabs > tab {
2042
border-image: linear-gradient(to left, transparent 2px, transparent 2px) 2/0 2px 0 0;
2043
}
2044
notebook > header.left > tabs > tab:checked {
2046
border-image-source: linear-gradient(to left, #4285F4 2px, rgba(0, 0, 0, 0.12) 2px);
2047
}
2048
notebook > header.left > tabs > tab.reorderable-page {
2050
border-image-width: 1px 2px 1px 0;
2051
}
2052
notebook > header.right {
2054
border-left-style: solid;
2055
}
2056
notebook > header.right > tabs {
2058
margin-left: -1px;
2059
}
2060
notebook > header.right > tabs > tab {
2062
border-image: linear-gradient(to right, transparent 2px, transparent 2px) 2/0 0 0 2px;
2063
}
2064
notebook > header.right > tabs > tab:checked {
2066
border-image-source: linear-gradient(to right, #4285F4 2px, rgba(0, 0, 0, 0.12) 2px);
2067
}
2068
notebook > header.right > tabs > tab.reorderable-page {
2070
border-image-width: 1px 0 1px 2px;
2071
}
2072
notebook > header.top > tabs > arrow {
2074
border-top-style: none;
2075
}
2076
notebook > header.bottom > tabs > arrow {
2078
border-bottom-style: none;
2079
}
2080
notebook > header.top > tabs > arrow, notebook > header.bottom > tabs > arrow {
2082
padding-left: 4px;
2083
padding-right: 4px;
2084
}
2085
notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down {
2087
margin-left: -8px;
2088
-gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
2089
}
2090
notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up {
2092
margin-right: -8px;
2093
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
2094
}
2095
notebook > header.left > tabs > arrow {
2097
border-left-style: none;
2098
}
2099
notebook > header.right > tabs > arrow {
2101
border-right-style: none;
2102
}
2103
notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow {
2105
padding-top: 4px;
2106
padding-bottom: 4px;
2107
}
2108
notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down {
2110
margin-top: -8px;
2111
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
2112
}
2113
notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up {
2115
margin-bottom: -8px;
2116
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
2117
}
2118
notebook > header > tabs > arrow {
2120
min-height: 16px;
2121
min-width: 16px;
2122
border-radius: 0;
2123
}
2124
notebook > header tab {
2126
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
2127
min-height: 24px;
2128
min-width: 24px;
2129
padding: 6px 12px;
2130
outline-offset: -6px;
2131
border-width: 1px;
2132
border-color: transparent;
2133
background-image: radial-gradient(circle farthest-corner at center, #4285F4 10%, transparent 0%);
2134
background-repeat: no-repeat;
2135
background-position: center;
2136
background-size: 0% 0%;
2137
background-clip: border-box;
2138
color: rgba(0, 0, 0, 0.54);
2139
font-weight: 500;
2140
}
2141
notebook > header tab:hover {
2143
background-color: alpha(currentColor, 0.08);
2144
color: rgba(0, 0, 0, 0.87);
2145
}
2146
notebook > header tab:disabled {
2148
color: rgba(0, 0, 0, 0.26);
2149
}
2150
notebook > header tab:checked {
2152
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-size 225ms cubic-bezier(0, 0, 0.2, 1), background-image 525ms cubic-bezier(0, 0, 0.2, 1);
2153
background-color: transparent;
2154
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
2155
background-size: 1000% 1000%;
2156
background-clip: padding-box;
2157
color: rgba(0, 0, 0, 0.87);
2158
}
2159
notebook > header tab:checked:disabled {
2161
color: rgba(0, 0, 0, 0.38);
2162
}
2163
notebook > header tab:checked.reorderable-page {
2165
border-color: rgba(0, 0, 0, 0.12);
2166
background-color: #FFFFFF;
2167
}
2168
notebook > header tab button.flat:last-child {
2170
margin-left: 6px;
2171
margin-right: -6px;
2172
}
2173
notebook > header tab button.flat:first-child {
2175
margin-left: -6px;
2176
margin-right: 6px;
2177
}
2178
notebook > header.top tabs, notebook > header.bottom tabs {
2180
padding-left: 8px;
2181
padding-right: 8px;
2182
}
2183
notebook > header.top tabs:not(:only-child):first-child, notebook > header.bottom tabs:not(:only-child):first-child {
2185
margin-left: 0;
2186
}
2187
notebook > header.top tabs:not(:only-child):last-child, notebook > header.bottom tabs:not(:only-child):last-child {
2189
margin-right: 0;
2190
}
2191
notebook > header.top tabs tab.reorderable-page, notebook > header.bottom tabs tab.reorderable-page {
2193
border-style: none solid;
2194
}
2195
notebook > header.left tabs, notebook > header.right tabs {
2197
padding-top: 8px;
2198
padding-bottom: 8px;
2199
}
2200
notebook > header.left tabs:not(:only-child):first-child, notebook > header.right tabs:not(:only-child):first-child {
2202
margin-top: 0;
2203
}
2204
notebook > header.left tabs:not(:only-child):last-child, notebook > header.right tabs:not(:only-child):last-child {
2206
margin-bottom: 0;
2207
}
2208
notebook > header.left tabs tab.reorderable-page, notebook > header.right tabs tab.reorderable-page {
2210
border-style: solid none;
2211
}
2212
notebook > stack:not(:only-child) {
2214
background-color: #FFFFFF;
2215
}
2216
/**************
2218
* Scrollbars *
2219
**************/
2220
scrollbar {
2221
transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
2222
background-color: #FFFFFF;
2223
background-clip: padding-box;
2224
}
2225
* {
2227
-GtkScrollbar-has-backward-stepper: false;
2228
-GtkScrollbar-has-forward-stepper: false;
2229
}
2230
scrollbar.top {
2232
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
2233
}
2234
scrollbar.bottom {
2236
border-top: 1px solid rgba(0, 0, 0, 0.12);
2237
}
2238
scrollbar.left {
2240
border-right: 1px solid rgba(0, 0, 0, 0.12);
2241
}
2242
scrollbar.right {
2244
border-left: 1px solid rgba(0, 0, 0, 0.12);
2245
}
2246
scrollbar slider {
2248
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), margin 0, border-width 0;
2249
min-width: 8px;
2250
min-height: 8px;
2251
border: 4px solid transparent;
2252
border-radius: 9999px;
2253
background-clip: padding-box;
2254
background-color: rgba(0, 0, 0, 0.38);
2255
}
2256
scrollbar slider:hover {
2258
background-color: rgba(0, 0, 0, 0.54);
2259
}
2260
scrollbar slider:active {
2262
background-color: rgba(0, 0, 0, 0.87);
2263
}
2264
scrollbar slider:disabled {
2266
background-color: rgba(0, 0, 0, 0.26);
2267
}
2268
scrollbar.fine-tune slider {
2270
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), margin 0, border-width 0, min-width 0, min-height 0;
2271
min-width: 4px;
2272
min-height: 4px;
2273
}
2274
scrollbar.fine-tune.horizontal slider {
2276
margin: 2px 0;
2277
}
2278
scrollbar.fine-tune.vertical slider {
2280
margin: 0 2px;
2281
}
2282
scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
2284
border-color: transparent;
2285
background-color: transparent;
2286
}
2287
scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider {
2289
min-width: 4px;
2290
min-height: 4px;
2291
margin: 3px;
2292
border: 1px solid rgba(255, 255, 255, 0.3);
2293
}
2294
scrollbar.overlay-indicator:not(.dragging):not(.hovering) button {
2296
min-width: 4px;
2297
min-height: 4px;
2298
margin: 3px;
2299
border: 1px solid rgba(255, 255, 255, 0.3);
2300
border-radius: 9999px;
2301
background-color: rgba(0, 0, 0, 0.38);
2302
background-clip: padding-box;
2303
-gtk-icon-source: none;
2304
}
2305
scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled {
2307
background-color: rgba(0, 0, 0, 0.26);
2308
}
2309
scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider {
2311
min-width: 24px;
2312
}
2313
scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button {
2315
min-width: 8px;
2316
}
2317
scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider {
2319
min-height: 24px;
2320
}
2321
scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button {
2323
min-height: 8px;
2324
}
2325
scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering {
2327
background-color: rgba(255, 255, 255, 0.9);
2328
}
2329
scrollbar.horizontal slider {
2331
min-width: 24px;
2332
}
2333
scrollbar.vertical slider {
2335
min-height: 24px;
2336
}
2337
scrollbar button {
2339
min-width: 16px;
2340
min-height: 16px;
2341
padding: 0;
2342
border-radius: 0;
2343
}
2344
scrollbar.vertical button.down {
2346
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
2347
}
2348
scrollbar.vertical button.up {
2350
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
2351
}
2352
scrollbar.horizontal button.down {
2354
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
2355
}
2356
scrollbar.horizontal button.up {
2358
-gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
2359
}
2360
/**********
2362
* Switch *
2363
**********/
2364
switch {
2365
transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
2366
margin: 6px 0;
2367
padding: 0 2px;
2368
border: 5px solid transparent;
2369
border-radius: 9999px;
2370
background-color: rgba(0, 0, 0, 0.26);
2371
background-clip: padding-box;
2372
font-size: 0;
2373
}
2374
switch:checked {
2376
background-color: rgba(66, 133, 244, 0.5);
2377
}
2378
switch:disabled {
2380
opacity: 0.5;
2381
}
2382
switch image {
2384
margin: -8px;
2385
-gtk-icon-transform: scale(0);
2386
}
2387
switch slider {
2389
transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
2390
min-width: 20px;
2391
min-height: 20px;
2392
margin: -3px -2px;
2393
border-radius: 9999px;
2394
outline: none;
2395
box-shadow: 0 0 0 10px transparent, 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
2396
background-color: #FFFFFF;
2397
}
2398
switch:hover slider {
2400
box-shadow: 0 0 0 10px alpha(currentColor, 0.08), 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
2401
}
2402
switch:focus slider {
2404
box-shadow: 0 0 0 10px alpha(currentColor, 0.12), 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
2405
}
2406
switch:focus:hover slider {
2408
box-shadow: 0 0 0 10px alpha(currentColor, 0.16), 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
2409
}
2410
switch:checked slider {
2412
background-color: #4285F4;
2413
color: #4285F4;
2414
}
2415
/*************************
2417
* Check and Radio items *
2418
*************************/
2419
.view.content-view.check:not(list),
2420
.content-view .tile check:not(list) {
2421
min-height: 40px;
2422
min-width: 40px;
2423
margin: 0;
2424
padding: 0;
2425
box-shadow: none;
2426
background-color: transparent;
2427
background-image: none;
2428
-gtk-icon-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
2429
}
2430
.view.content-view.check:not(list):hover, .view.content-view.check:not(list):active,
2432
.content-view .tile check:not(list):hover,
2433
.content-view .tile check:not(list):active {
2434
-gtk-icon-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
2435
}
2436
.view.content-view.check:not(list),
2438
.content-view .tile check:not(list) {
2439
-gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-unchecked.png"), url("assets/selectionmode-checkbox-unchecked@2.png"));
2440
}
2441
.view.content-view.check:not(list):checked,
2443
.content-view .tile check:not(list):checked {
2444
-gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-checked.png"), url("assets/selectionmode-checkbox-checked@2.png"));
2445
}
2446
checkbutton,
2448
radiobutton {
2449
outline: none;
2450
}
2451
checkbutton.text-button,
2453
radiobutton.text-button {
2454
padding: 2px;
2455
}
2456
checkbutton.text-button label:not(:only-child),
2458
radiobutton.text-button label:not(:only-child) {
2459
margin: 0 4px;
2460
}
2461
check,
2463
radio {
2464
min-height: 24px;
2465
min-width: 24px;
2466
margin: -8px;
2467
padding: 8px;
2468
}
2469
check:hover,
2471
radio:hover {
2472
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
2473
}
2474
check:focus,
2476
radio:focus {
2477
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.12);
2478
}
2479
check:focus:hover,
2481
radio:focus:hover {
2482
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.16);
2483
}
2484
check:checked, check:indeterminate,
2486
radio:checked,
2487
radio:indeterminate {
2488
color: #4285F4;
2489
}
2490
check:checked:disabled, check:indeterminate:disabled,
2492
radio:checked:disabled,
2493
radio:indeterminate:disabled {
2494
color: rgba(0, 0, 0, 0.26);
2495
}
2496
popover modelbutton.flat check, popover modelbutton.flat check:hover, popover modelbutton.flat check:focus, popover modelbutton.flat check:focus:hover, popover modelbutton.flat check:active, popover modelbutton.flat check:disabled, popover modelbutton.flat
2498
radio, popover modelbutton.flat
2499
radio:hover, popover modelbutton.flat
2500
radio:focus, popover modelbutton.flat
2501
radio:focus:hover, popover modelbutton.flat
2502
radio:active, popover modelbutton.flat
2503
radio:disabled {
2504
transition: none;
2505
box-shadow: none;
2506
background-image: none;
2507
}
2508
popover modelbutton.flat check:not(:checked):not(:indeterminate):not(:disabled), popover modelbutton.flat
2510
radio:not(:checked):not(:indeterminate):not(:disabled) {
2511
color: rgba(0, 0, 0, 0.54);
2512
}
2513
popover modelbutton.flat check.left:dir(rtl), popover modelbutton.flat
2515
radio.left:dir(rtl) {
2516
margin-left: -12px;
2517
margin-right: -4px;
2518
}
2519
popover modelbutton.flat check.right:dir(ltr), popover modelbutton.flat
2521
radio.right:dir(ltr) {
2522
margin-left: -4px;
2523
margin-right: -12px;
2524
}
2525
menu menuitem check, menu menuitem
2527
radio {
2528
transition: none;
2529
margin: 0;
2530
padding: 0;
2531
}
2532
menu menuitem check:dir(ltr), menu menuitem
2534
radio:dir(ltr) {
2535
margin-right: 8px;
2536
}
2537
menu menuitem check:dir(rtl), menu menuitem
2539
radio:dir(rtl) {
2540
margin-left: 8px;
2541
}
2542
menu menuitem check:not(:checked):not(:indeterminate):not(:disabled), menu menuitem
2544
radio:not(:checked):not(:indeterminate):not(:disabled) {
2545
color: rgba(0, 0, 0, 0.54);
2546
}
2547
menu menuitem check, menu menuitem check:hover, menu menuitem check:disabled, menu menuitem
2549
radio, menu menuitem
2550
radio:hover, menu menuitem
2551
radio:disabled {
2552
box-shadow: none;
2553
}
2554
check {
2557
-gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-unchecked-symbolic.svg"));
2558
}
2559
check:checked {
2562
-gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-checked-symbolic.svg"));
2563
}
2564
check:indeterminate {
2567
-gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-mixed-symbolic.svg"));
2568
}
2569
radio {
2572
-gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-unchecked-symbolic.svg"));
2573
border-image-slice: 20;
2574
border-image-width: 20px;
2575
}
2576
radio:indeterminate {
2579
-gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-mixed-symbolic.svg"));
2580
}
2581
radio {
2584
border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#4285F4), to(transparent));
2585
}
2586
radio:checked:not(:indeterminate) {
2589
border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.125, to(#4285F4), to(transparent));
2590
}
2591
radio:checked:not(:indeterminate):disabled {
2594
border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.125, to(rgba(0, 0, 0, 0.26)), to(transparent));
2595
}
2596
window.background:not(.csd) > widget > checkbutton > check,
2598
menu menuitem check {
2599
min-height: 16px;
2600
min-width: 16px;
2601
border-radius: 4px;
2602
-gtk-outline-radius: 4px;
2603
-gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-unchecked-symbolic.svg"));
2604
}
2605
window.background:not(.csd) > widget > checkbutton > check:checked,
2607
menu menuitem check:checked {
2608
-gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-checked-symbolic.svg"));
2609
}
2610
window.background:not(.csd) > widget > checkbutton > check:indeterminate,
2612
menu menuitem check:indeterminate {
2613
-gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-mixed-symbolic.svg"));
2614
}
2615
window.background:not(.csd) > widget > radiobutton > radio,
2617
menu menuitem radio {
2618
min-height: 16px;
2619
min-width: 16px;
2620
border-image: none;
2621
-gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-unchecked-symbolic.svg"));
2622
}
2623
window.background:not(.csd) > widget > radiobutton > radio:checked,
2625
menu menuitem radio:checked {
2626
-gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-checked-symbolic.svg"));
2627
}
2628
window.background:not(.csd) > widget > radiobutton > radio:indeterminate,
2630
menu menuitem radio:indeterminate {
2631
-gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-mixed-symbolic.svg"));
2632
}
2633
treeview.view check,
2635
treeview.view radio {
2636
padding: 0;
2637
}
2638
treeview.view check:hover, treeview.view check:selected,
2640
treeview.view radio:hover,
2641
treeview.view radio:selected {
2642
box-shadow: none;
2643
background-color: transparent;
2644
}
2645
treeview.view check,
2647
treeview.view radio {
2648
color: rgba(0, 0, 0, 0.54);
2649
}
2650
treeview.view check:hover, treeview.view check:active,
2652
treeview.view radio:hover,
2653
treeview.view radio:active {
2654
color: rgba(0, 0, 0, 0.87);
2655
}
2656
treeview.view check:disabled,
2658
treeview.view radio:disabled {
2659
color: rgba(0, 0, 0, 0.26);
2660
}
2661
treeview.view check:checked, treeview.view check:indeterminate,
2663
treeview.view radio:checked,
2664
treeview.view radio:indeterminate {
2665
color: #4285F4;
2666
}
2667
treeview.view check:checked:disabled, treeview.view check:indeterminate:disabled,
2669
treeview.view radio:checked:disabled,
2670
treeview.view radio:indeterminate:disabled {
2671
color: rgba(0, 0, 0, 0.26);
2672
}
2673
treeview.view radio:checked {
2675
-gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-checked-symbolic.svg"));
2676
border-image: none;
2677
}
2678
/************
2680
* GtkScale *
2681
************/
2682
scale {
2683
min-height: 2px;
2684
min-width: 2px;
2685
}
2686
scale.horizontal {
2688
padding: 17px 12px;
2689
}
2690
scale.vertical {
2692
padding: 12px 17px;
2693
}
2694
scale slider {
2696
min-height: 32px;
2697
min-width: 32px;
2698
margin: -15px;
2699
}
2700
scale.fine-tune.horizontal {
2702
min-height: 4px;
2703
padding-top: 16px;
2704
padding-bottom: 16px;
2705
}
2706
scale.fine-tune.vertical {
2708
min-width: 4px;
2709
padding-left: 16px;
2710
padding-right: 16px;
2711
}
2712
scale.fine-tune slider {
2714
margin: -14px;
2715
}
2716
scale trough {
2718
transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1);
2719
outline: none;
2720
background-color: rgba(0, 0, 0, 0.26);
2721
}
2722
scale trough:disabled {
2724
background-color: rgba(0, 0, 0, 0.12);
2725
}
2726
scale highlight {
2728
transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1);
2729
background-color: #4285F4;
2730
}
2731
scale highlight:disabled {
2733
background-color: transparent;
2734
}
2735
scale fill {
2737
transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1);
2738
background-color: rgba(0, 0, 0, 0.26);
2739
}
2740
scale fill:disabled {
2742
background-color: transparent;
2743
}
2744
scale slider {
2746
transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
2747
background-repeat: no-repeat;
2748
background-position: center;
2749
background-size: auto, 1000% 1000%;
2750
border-radius: 50%;
2751
color: transparent;
2752
}
2753
scale slider {
2755
background-image: -gtk-scaled(url("assets/scale-slider.png"), url("assets/scale-slider@2.png")), radial-gradient(circle farthest-corner at center, currentColor 10%, transparent 0%);
2756
}
2757
scale slider:disabled {
2759
background-image: -gtk-scaled(url("assets/scale-slider-disabled.png"), url("assets/scale-slider-disabled@2.png")), radial-gradient(circle farthest-corner at center, currentColor 10%, transparent 0%);
2760
}
2761
scale slider:hover {
2763
background-color: rgba(66, 133, 244, 0.08);
2764
}
2765
scale slider:focus {
2767
background-color: rgba(66, 133, 244, 0.12);
2768
}
2769
scale slider:focus:hover {
2771
background-color: rgba(66, 133, 244, 0.16);
2772
}
2773
scale slider:active {
2775
transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
2776
animation: ripple-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
2777
background-size: auto, 0% 0%;
2778
background-color: rgba(66, 133, 244, 0.08);
2779
color: rgba(66, 133, 244, 0.12);
2780
}
2781
scale marks label,
2783
scale value {
2784
color: rgba(0, 0, 0, 0.54);
2785
}
2786
scale marks {
2788
color: rgba(0, 0, 0, 0.26);
2789
}
2790
scale marks.top {
2792
margin-bottom: 7px;
2793
margin-top: -15px;
2794
}
2795
scale marks.bottom {
2797
margin-top: 7px;
2798
margin-bottom: -15px;
2799
}
2800
scale marks.left {
2802
margin-right: 7px;
2803
margin-left: -15px;
2804
}
2805
scale marks.right {
2807
margin-left: 7px;
2808
margin-right: -15px;
2809
}
2810
scale.fine-tune marks.top {
2812
margin-bottom: 6px;
2813
margin-top: -14px;
2814
}
2815
scale.fine-tune marks.bottom {
2817
margin-top: 6px;
2818
margin-bottom: -14px;
2819
}
2820
scale.fine-tune marks.left {
2822
margin-right: 6px;
2823
margin-left: -14px;
2824
}
2825
scale.fine-tune marks.right {
2827
margin-left: 6px;
2828
margin-right: -14px;
2829
}
2830
scale.horizontal indicator {
2832
min-height: 8px;
2833
min-width: 1px;
2834
}
2835
scale.vertical indicator {
2837
min-height: 1px;
2838
min-width: 8px;
2839
}
2840
scale.horizontal.marks-before:not(.marks-after) slider {
2842
background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider.png"), url("assets/scale-horz-marks-before-slider@2.png")), radial-gradient(circle farthest-corner at center, currentColor 10%, transparent 0%);
2843
}
2844
scale.horizontal.marks-before:not(.marks-after) slider:disabled {
2846
background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-disabled.png"), url("assets/scale-horz-marks-before-slider-disabled@2.png")), radial-gradient(circle farthest-corner at center, currentColor 10%, transparent 0%);
2847
}
2848
scale.horizontal.marks-after:not(.marks-before) slider {
2850
background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider.png"), url("assets/scale-horz-marks-after-slider@2.png")), radial-gradient(circle farthest-corner at center, currentColor 10%, transparent 0%);
2851
}
2852
scale.horizontal.marks-after:not(.marks-before) slider:disabled {
2854
background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-disabled.png"), url("assets/scale-horz-marks-after-slider-disabled@2.png")), radial-gradient(circle farthest-corner at center, currentColor 10%, transparent 0%);
2855
}
2856
scale.vertical.marks-before:not(.marks-after) slider {
2858
background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider.png"), url("assets/scale-vert-marks-before-slider@2.png")), radial-gradient(circle farthest-corner at center, currentColor 10%, transparent 0%);
2859
}
2860
scale.vertical.marks-before:not(.marks-after) slider:disabled {
2862
background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-disabled.png"), url("assets/scale-vert-marks-before-slider-disabled@2.png")), radial-gradient(circle farthest-corner at center, currentColor 10%, transparent 0%);
2863
}
2864
scale.vertical.marks-after:not(.marks-before) slider {
2866
background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider.png"), url("assets/scale-vert-marks-after-slider@2.png")), radial-gradient(circle farthest-corner at center, currentColor 10%, transparent 0%);
2867
}
2868
scale.vertical.marks-after:not(.marks-before) slider:disabled {
2870
background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-disabled.png"), url("assets/scale-vert-marks-after-slider-disabled@2.png")), radial-gradient(circle farthest-corner at center, currentColor 10%, transparent 0%);
2871
}
2872
scale.color {
2874
min-height: 0;
2875
min-width: 0;
2876
}
2877
scale.color.horizontal {
2879
padding: 0 0 12px 0;
2880
}
2881
scale.color.horizontal slider:dir(ltr), scale.color.horizontal slider:dir(rtl) {
2883
margin-bottom: -24px;
2884
margin-top: 8px;
2885
}
2886
scale.color.vertical:dir(ltr) {
2888
padding: 0 0 0 12px;
2889
}
2890
scale.color.vertical:dir(ltr) slider {
2892
margin-left: -24px;
2893
margin-right: 8px;
2894
}
2895
scale.color.vertical:dir(rtl) {
2897
padding: 0 12px 0 0;
2898
}
2899
scale.color.vertical:dir(rtl) slider {
2901
margin-right: -24px;
2902
margin-left: 8px;
2903
}
2904
/*****************
2906
* Progress bars *
2907
*****************/
2908
progressbar {
2909
color: rgba(0, 0, 0, 0.54);
2910
font-size: smaller;
2911
}
2912
progressbar.horizontal trough,
2914
progressbar.horizontal progress {
2915
min-height: 4px;
2916
}
2917
progressbar.vertical trough,
2919
progressbar.vertical progress {
2920
min-width: 4px;
2921
}
2922
progressbar trough {
2924
background-color: rgba(0, 0, 0, 0.12);
2925
}
2926
progressbar progress {
2928
background-color: #4285F4;
2929
}
2930
progressbar trough.empty progress {
2932
all: unset;
2933
}
2934
/*************
2936
* Level Bar *
2937
*************/
2938
levelbar.horizontal block {
2939
min-height: 4px;
2940
}
2941
levelbar.horizontal.discrete block {
2943
min-width: 36px;
2944
}
2945
levelbar.horizontal.discrete block:not(:last-child) {
2947
margin-right: 2px;
2948
}
2949
levelbar.vertical block {
2951
min-width: 4px;
2952
}
2953
levelbar.vertical.discrete block {
2955
min-height: 36px;
2956
}
2957
levelbar.vertical.discrete block:not(:last-child) {
2959
margin-bottom: 2px;
2960
}
2961
levelbar block.low {
2963
background-color: #FBBC05;
2964
}
2965
levelbar block.high, levelbar block:not(.empty) {
2967
background-color: #4285F4;
2968
}
2969
levelbar block.full {
2971
background-color: #34A853;
2972
}
2973
levelbar block.empty {
2975
background-color: rgba(0, 0, 0, 0.12);
2976
}
2977
/****************
2979
* Print dialog *
2980
*****************/
2981
printdialog paper {
2982
padding: 0;
2983
border: 1px solid rgba(0, 0, 0, 0.12);
2984
background-color: #FFFFFF;
2985
color: rgba(0, 0, 0, 0.87);
2986
}
2987
printdialog .dialog-action-box {
2989
margin: 12px;
2990
}
2991
/**********
2993
* Frames *
2994
**********/
2995
frame > border,
2996
.frame {
2997
margin: 0;
2998
padding: 0;
2999
border: 1px solid rgba(0, 0, 0, 0.12);
3000
border-radius: 0;
3001
box-shadow: none;
3002
}
3003
frame > border.flat,
3005
.frame.flat,
3006
frame.flat > border {
3007
border-style: none;
3008
}
3009
actionbar > revealer > box {
3011
padding: 6px;
3012
border-top: 1px solid rgba(0, 0, 0, 0.12);
3013
}
3014
scrolledwindow viewport.frame {
3016
border-style: none;
3017
}
3018
overshoot.top {
3020
background-image: -gtk-gradient(radial, center top, 0, center top, 0.75, to(rgba(66, 133, 244, 0.24)), to(transparent));
3021
background-repeat: no-repeat;
3022
background-position: center top;
3023
background-color: transparent;
3024
border: none;
3025
box-shadow: none;
3026
}
3027
overshoot.bottom {
3029
background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.75, to(rgba(66, 133, 244, 0.24)), to(transparent));
3030
background-repeat: no-repeat;
3031
background-position: center bottom;
3032
background-color: transparent;
3033
border: none;
3034
box-shadow: none;
3035
}
3036
overshoot.left {
3038
background-image: -gtk-gradient(radial, left center, 0, left center, 0.75, to(rgba(66, 133, 244, 0.24)), to(transparent));
3039
background-repeat: no-repeat;
3040
background-position: left center;
3041
background-color: transparent;
3042
border: none;
3043
box-shadow: none;
3044
}
3045
overshoot.right {
3047
background-image: -gtk-gradient(radial, right center, 0, right center, 0.75, to(rgba(66, 133, 244, 0.24)), to(transparent));
3048
background-repeat: no-repeat;
3049
background-position: right center;
3050
background-color: transparent;
3051
border: none;
3052
box-shadow: none;
3053
}
3054
undershoot.top {
3056
background-color: transparent;
3057
background-image: linear-gradient(to left, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%);
3058
padding-top: 1px;
3059
background-size: 12px 1px;
3060
background-repeat: repeat-x;
3061
background-origin: content-box;
3062
background-position: left top;
3063
}
3064
undershoot.bottom {
3066
background-color: transparent;
3067
background-image: linear-gradient(to left, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%);
3068
padding-bottom: 1px;
3069
background-size: 12px 1px;
3070
background-repeat: repeat-x;
3071
background-origin: content-box;
3072
background-position: left bottom;
3073
}
3074
undershoot.left {
3076
background-color: transparent;
3077
background-image: linear-gradient(to top, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%);
3078
padding-left: 1px;
3079
background-size: 1px 12px;
3080
background-repeat: repeat-y;
3081
background-origin: content-box;
3082
background-position: left top;
3083
}
3084
undershoot.right {
3086
background-color: transparent;
3087
background-image: linear-gradient(to top, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%);
3088
padding-right: 1px;
3089
background-size: 1px 12px;
3090
background-repeat: repeat-y;
3091
background-origin: content-box;
3092
background-position: right top;
3093
}
3094
junction {
3096
border-style: solid none none solid;
3097
border-width: 1px;
3098
border-color: rgba(0, 0, 0, 0.12);
3099
background-color: #FFFFFF;
3100
}
3101
junction:dir(rtl) {
3103
border-style: solid solid none none;
3104
}
3105
separator {
3107
min-width: 1px;
3108
min-height: 1px;
3109
background-color: rgba(0, 0, 0, 0.12);
3110
}
3111
button.font separator,
3114
button.file separator, .tweak-categories separator, preferences stacksidebar.sidebar list separator {
3115
min-width: 0;
3116
min-height: 0;
3117
background-color: transparent;
3118
}
3119
/*********
3121
* Lists *
3122
*********/
3123
list {
3124
border-color: rgba(0, 0, 0, 0.12);
3125
background-color: #FFFFFF;
3126
}
3127
list row {
3129
padding: 2px;
3130
}
3131
row.activatable, treeview.view header button, .budgie-popover.budgie-menu button.flat:not(.image-button) {
3133
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
3134
box-shadow: inset 0 0 0 9999px transparent;
3135
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
3136
background-repeat: no-repeat;
3137
background-position: center;
3138
background-size: 1000% 1000%;
3139
}
3140
row.activatable:hover, treeview.view header button:hover, .budgie-popover.budgie-menu button.flat:hover:not(.image-button) {
3142
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0, background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
3143
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
3144
}
3145
row.activatable.has-open-popup, treeview.view header button.has-open-popup, .budgie-popover.budgie-menu button.has-open-popup.flat:not(.image-button), row.activatable:active, treeview.view header button:active, .budgie-popover.budgie-menu button.flat:active:not(.image-button) {
3147
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
3148
animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
3149
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
3150
background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.12) 10%, transparent 0%);
3151
background-size: 0% 0%;
3152
}
3153
row:selected {
3155
color: #4285F4;
3156
}
3157
row:selected image,
3159
row:selected label {
3160
color: rgba(0, 0, 0, 0.87);
3161
}
3162
row:selected button image,
3164
row:selected button label {
3165
color: inherit;
3166
}
3167
row:selected:disabled image,
3169
row:selected:disabled label {
3170
color: rgba(0, 0, 0, 0.38);
3171
}
3172
/*********************
3174
* App Notifications *
3175
*********************/
3176
.app-notification {
3177
margin: 8px;
3178
}
3179
.app-notification.frame,
3181
.app-notification border {
3182
border-style: none;
3183
}
3184
/*************
3186
* Expanders *
3187
*************/
3188
expander title > arrow {
3189
transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
3190
min-width: 16px;
3191
min-height: 16px;
3192
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
3193
-gtk-icon-transform: rotate(-90deg);
3194
color: rgba(0, 0, 0, 0.54);
3195
}
3196
expander title > arrow:dir(rtl) {
3198
-gtk-icon-transform: rotate(90deg);
3199
}
3200
expander title > arrow:checked {
3202
-gtk-icon-transform: unset;
3203
}
3204
expander title > arrow:hover, expander title > arrow:active {
3206
color: rgba(0, 0, 0, 0.87);
3207
}
3208
expander title > arrow:disabled {
3210
color: rgba(0, 0, 0, 0.26);
3211
}
3212
/************
3214
* Calendar *
3215
************/
3216
calendar {
3217
padding: 1px;
3218
border: 1px solid rgba(0, 0, 0, 0.12);
3219
color: rgba(0, 0, 0, 0.87);
3220
}
3221
calendar:disabled {
3223
color: rgba(0, 0, 0, 0.38);
3224
}
3225
calendar:selected {
3227
border-radius: 5px;
3228
}
3229
calendar.header {
3231
border-style: none none solid;
3232
border-radius: 0;
3233
}
3234
calendar.highlight {
3236
color: rgba(0, 0, 0, 0.54);
3237
font-weight: 500;
3238
}
3239
calendar:indeterminate {
3241
color: rgba(0, 0, 0, 0.26);
3242
}
3243
/***********
3245
* Dialogs *
3246
***********/
3247
messagedialog.background {
3248
background-color: #FFFFFF;
3249
}
3250
messagedialog .titlebar {
3252
min-height: 24px;
3253
border-style: none;
3254
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
3255
background-color: #FFFFFF;
3256
color: rgba(0, 0, 0, 0.87);
3257
}
3258
messagedialog .titlebar:backdrop {
3260
color: rgba(0, 0, 0, 0.54);
3261
}
3262
messagedialog.csd.background {
3264
border-bottom-left-radius: 4px;
3265
border-bottom-right-radius: 4px;
3266
}
3267
messagedialog.csd .dialog-action-area {
3269
margin-top: -6px;
3270
padding: 6px;
3271
}
3272
messagedialog.csd .dialog-action-area button {
3274
border-radius: 4px;
3275
}
3276
messagedialog.csd .dialog-action-area button:not(:last-child) {
3278
margin-right: 6px;
3279
}
3280
messagedialog.csd .dialog-action-area button.suggested-action:not(:disabled) {
3282
color: #4285F4;
3283
}
3284
messagedialog.csd .dialog-action-area button.destructive-action:not(:disabled) {
3286
color: #EA4335;
3287
}
3288
filechooser .dialog-action-box {
3290
border-top: 1px solid rgba(0, 0, 0, 0.12);
3291
}
3292
filechooser #pathbarbox {
3294
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
3295
background-color: #F2F2F2;
3296
}
3297
filechooserbutton:drop(active) {
3299
box-shadow: none;
3300
}
3301
/***********
3303
* Sidebar *
3304
***********/
3305
.sidebar {
3306
border-style: none;
3307
background-color: #FAFAFA;
3308
}
3309
stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:not(separator):dir(ltr), .sidebar:not(separator).left, .sidebar:not(separator).left:dir(rtl) {
3311
border-right: 1px solid rgba(0, 0, 0, 0.12);
3312
border-left-style: none;
3313
}
3314
stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:not(separator):dir(rtl), .sidebar:not(separator).right {
3316
border-left: 1px solid rgba(0, 0, 0, 0.12);
3317
border-right-style: none;
3318
}
3319
.sidebar list {
3321
background-color: transparent;
3322
}
3323
paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar {
3325
border-style: none;
3326
}
3327
stacksidebar row {
3329
padding: 10px 4px;
3330
}
3331
stacksidebar row > label {
3333
padding-left: 6px;
3334
padding-right: 6px;
3335
}
3336
separator.sidebar {
3338
background-color: rgba(0, 0, 0, 0.12);
3339
}
3340
/****************
3342
* File chooser *
3343
****************/
3344
row image.sidebar-icon {
3345
color: rgba(0, 0, 0, 0.54);
3346
}
3347
placessidebar > viewport.frame {
3349
border-style: none;
3350
}
3351
placessidebar list {
3353
padding: 1px 0 4px;
3354
}
3355
placessidebar row {
3357
min-height: 32px;
3358
margin: -1px 4px;
3359
padding: 0;
3360
border-radius: 4px;
3361
}
3362
placessidebar row > revealer {
3364
padding: 0 8px;
3365
}
3366
placessidebar row:selected {
3368
font-weight: 500;
3369
}
3370
placessidebar row:disabled {
3372
color: rgba(0, 0, 0, 0.38);
3373
}
3374
placessidebar row image.sidebar-icon:dir(ltr) {
3376
padding-right: 8px;
3377
}
3378
placessidebar row image.sidebar-icon:dir(rtl) {
3380
padding-left: 8px;
3381
}
3382
placessidebar row label.sidebar-label:dir(ltr) {
3384
padding-right: 2px;
3385
}
3386
placessidebar row label.sidebar-label:dir(rtl) {
3388
padding-left: 2px;
3389
}
3390
placessidebar row:selected image.sidebar-icon,
3392
placessidebar row:selected label.sidebar-label {
3393
color: inherit;
3394
}
3395
placessidebar row.sidebar-placeholder-row {
3397
min-height: 2px;
3398
padding: 0 8px;
3399
background-image: image(#4285F4);
3400
background-clip: content-box;
3401
}
3402
placessidebar row.sidebar-new-bookmark-row {
3404
color: #4285F4;
3405
}
3406
placessidebar row:drop(active):not(:disabled) {
3408
box-shadow: inset 0 0 0 2px #4285F4;
3409
}
3410
placesview .server-list-button > image {
3412
-gtk-icon-transform: rotate(0turn);
3413
}
3414
placesview .server-list-button:checked > image {
3416
-gtk-icon-transform: rotate(-0.5turn);
3417
}
3418
placesview > actionbar > revealer > box > label {
3420
padding-left: 8px;
3421
padding-right: 8px;
3422
}
3423
/*********
3425
* Paned *
3426
*********/
3427
paned > separator {
3428
min-width: 1px;
3429
min-height: 1px;
3430
-gtk-icon-source: none;
3431
border-style: none;
3432
background-color: transparent;
3433
background-image: image(rgba(0, 0, 0, 0.12));
3434
background-size: 1px 1px;
3435
background-clip: content-box;
3436
}
3437
paned > separator.wide {
3439
min-width: 6px;
3440
min-height: 6px;
3441
background-color: #F2F2F2;
3442
background-image: image(rgba(0, 0, 0, 0.12)), image(rgba(0, 0, 0, 0.12));
3443
background-size: 1px 1px, 1px 1px;
3444
}
3445
paned.horizontal > separator {
3447
background-repeat: repeat-y;
3448
}
3449
paned.horizontal > separator:dir(ltr) {
3451
margin: 0 -8px 0 0;
3452
padding: 0 8px 0 0;
3453
background-position: left;
3454
}
3455
paned.horizontal > separator:dir(rtl) {
3457
margin: 0 0 0 -8px;
3458
padding: 0 0 0 8px;
3459
background-position: right;
3460
}
3461
paned.horizontal > separator.wide {
3463
margin: 0;
3464
padding: 0;
3465
background-repeat: repeat-y, repeat-y;
3466
background-position: left, right;
3467
}
3468
paned.vertical > separator {
3470
margin: 0 0 -8px 0;
3471
padding: 0 0 8px 0;
3472
background-repeat: repeat-x;
3473
background-position: top;
3474
}
3475
paned.vertical > separator.wide {
3477
margin: 0;
3478
padding: 0;
3479
background-repeat: repeat-x, repeat-x;
3480
background-position: bottom, top;
3481
}
3482
/**************
3484
* GtkInfoBar *
3485
**************/
3486
infobar {
3487
border-style: none;
3488
}
3489
infobar.info {
3491
background-color: #34A853;
3492
}
3493
infobar.question {
3495
background-color: #4285F4;
3496
}
3497
infobar.warning {
3499
background-color: #FBBC05;
3500
}
3501
infobar.error {
3503
background-color: #EA4335;
3504
}
3505
infobar.info > label, infobar.info, infobar.question > label, infobar.question, infobar.warning > label, infobar.warning, infobar.error > label, infobar.error {
3507
color: white;
3508
}
3509
infobar.info *:link, infobar.info button:link,
3511
infobar.info button:visited, infobar.question *:link, infobar.question button:link,
3512
infobar.question button:visited, infobar.warning *:link, infobar.warning button:link,
3513
infobar.warning button:visited, infobar.error *:link, infobar.error button:link,
3514
infobar.error button:visited {
3515
color: white;
3516
}
3517
/************
3519
* Tooltips *
3520
************/
3521
tooltip {
3522
border-radius: 4px;
3523
box-shadow: none;
3524
}
3525
tooltip.background {
3527
background-color: rgba(97, 97, 97, 0.9);
3528
color: white;
3529
}
3530
tooltip decoration {
3532
background-color: transparent;
3533
}
3534
tooltip label {
3536
min-height: 20px;
3537
padding: 0 2px;
3538
}
3539
/*****************
3541
* Color Chooser *
3542
*****************/
3543
colorswatch.top {
3544
border-top-left-radius: 4.5px;
3545
border-top-right-radius: 4.5px;
3546
}
3547
colorswatch.top overlay {
3549
border-top-left-radius: 4px;
3550
border-top-right-radius: 4px;
3551
}
3552
colorswatch.bottom {
3554
border-bottom-left-radius: 4.5px;
3555
border-bottom-right-radius: 4.5px;
3556
}
3557
colorswatch.bottom overlay {
3559
border-bottom-left-radius: 4px;
3560
border-bottom-right-radius: 4px;
3561
}
3562
colorswatch.left, colorswatch:first-child:not(.top) {
3564
border-top-left-radius: 4.5px;
3565
border-bottom-left-radius: 4.5px;
3566
}
3567
colorswatch.left overlay, colorswatch:first-child:not(.top) overlay {
3569
border-top-left-radius: 4px;
3570
border-bottom-left-radius: 4px;
3571
}
3572
colorswatch.right, colorswatch:last-child:not(.bottom) {
3574
border-top-right-radius: 4.5px;
3575
border-bottom-right-radius: 4.5px;
3576
}
3577
colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay {
3579
border-top-right-radius: 4px;
3580
border-bottom-right-radius: 4px;
3581
}
3582
colorswatch.dark {
3584
color: white;
3585
}
3586
colorswatch.light {
3588
color: rgba(0, 0, 0, 0.87);
3589
}
3590
colorswatch:drop(active) {
3592
box-shadow: none;
3593
}
3594
colorswatch:drop(active).light overlay {
3596
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), 0 0 0 2px #4285F4;
3597
}
3598
colorswatch:drop(active).dark overlay {
3600
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24), 0 0 0 2px #4285F4;
3601
}
3602
colorswatch overlay {
3604
transition: box-shadow 100ms cubic-bezier(0, 0, 0.2, 1);
3605
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
3606
}
3607
colorswatch overlay:hover {
3609
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
3610
}
3611
colorswatch#add-color-button {
3613
border-radius: 4px 4px 0 0;
3614
color: white;
3615
}
3616
colorswatch#add-color-button:only-child {
3618
border-radius: 4px;
3619
}
3620
colorswatch#add-color-button overlay {
3622
background-image: linear-gradient(to right, #EA4335 25%, #FBBC05 25%, #FBBC05 50%, #34A853 50%, #34A853 75%, #4285F4 75%);
3623
}
3624
colorswatch:disabled {
3626
opacity: 0.5;
3627
}
3628
colorswatch:disabled overlay {
3630
box-shadow: none;
3631
}
3632
colorswatch#editor-color-sample {
3634
border-radius: 4.5px;
3635
}
3636
colorswatch#editor-color-sample overlay {
3638
border-radius: 4px;
3639
}
3640
colorchooser .popover.osd {
3642
transition: box-shadow 100ms cubic-bezier(0, 0, 0.2, 1);
3643
border-radius: 4px;
3644
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);
3645
background-color: #FFFFFF;
3646
}
3647
colorchooser .popover.osd:backdrop {
3649
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);
3650
}
3651
/********
3653
* Misc *
3654
********/
3655
.content-view {
3656
background-color: #F2F2F2;
3657
}
3658
/**********************
3660
* Window Decorations *
3661
**********************/
3662
decoration {
3663
transition: box-shadow 100ms cubic-bezier(0, 0, 0.2, 1);
3664
border-radius: 4px 4px 0 0;
3665
box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22), 0 16px 16px transparent;
3666
margin: 8px;
3667
}
3668
decoration:backdrop {
3670
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), 0 16px 16px transparent;
3671
}
3672
.maximized decoration,
3674
.fullscreen decoration,
3675
.tiled decoration,
3676
.tiled-top decoration,
3677
.tiled-right decoration,
3678
.tiled-bottom decoration,
3679
.tiled-left decoration {
3680
border-radius: 0;
3681
}
3682
.popup decoration {
3684
box-shadow: none;
3685
}
3686
.ssd decoration {
3688
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16);
3689
}
3690
.csd.popup decoration {
3692
border-radius: 4px;
3693
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
3694
}
3695
tooltip.csd decoration {
3697
border-radius: 4px;
3698
box-shadow: none;
3699
}
3700
messagedialog.csd decoration {
3702
border-radius: 4px;
3703
}
3704
.solid-csd decoration {
3706
margin: 0;
3707
border-radius: 0;
3708
box-shadow: none;
3709
background-color: #E0E0E0;
3710
}
3711
.view selection, .view:selected, flowbox flowboxchild:selected, label selection, spinbutton:not(.vertical) selection,
3713
entry selection, modelbutton.flat:selected,
3714
.menuitem.button.flat:selected, popover.background.menu button:checked,
3715
popover.background button.model:checked, row:selected, calendar:selected, .nautilus-window flowboxchild:selected .icon-item-background, box.vertical > widget > widget:selected, .budgie-popover.budgie-menu button.flat:not(.image-button):checked, calendar.raven-calendar:selected, XfdesktopIconView.view:active, .nemo-window .nemo-window-pane widget.entry:selected {
3716
background-color: rgba(66, 133, 244, 0.32);
3717
}
3718
.monospace {
3720
font-family: monospace;
3721
}
3722
/**********************
3724
* Touch Copy & Paste *
3725
**********************/
3726
cursor-handle {
3727
color: #4285F4;
3728
-gtk-icon-source: -gtk-recolor(url("assets/scalable/cursor-handle-symbolic.svg"));
3729
}
3730
cursor-handle.top:dir(ltr), cursor-handle.bottom:dir(rtl) {
3732
-gtk-icon-transform: rotate(90deg);
3733
}
3734
cursor-handle.bottom:dir(ltr), cursor-handle.top:dir(rtl) {
3736
-gtk-icon-transform: unset;
3737
}
3738
cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) {
3740
padding-top: 6px;
3741
-gtk-icon-transform: rotate(45deg);
3742
}
3743
.context-menu {
3745
font: initial;
3746
}
3747
.keycap {
3749
min-width: 12px;
3750
min-height: 26px;
3751
margin-top: 2px;
3752
padding-bottom: 2px;
3753
padding-left: 8px;
3754
padding-right: 8px;
3755
border: solid 1px rgba(0, 0, 0, 0.12);
3756
border-radius: 5px;
3757
box-shadow: inset 0 -2px rgba(0, 0, 0, 0.12);
3758
background-color: #FFFFFF;
3759
color: rgba(0, 0, 0, 0.87);
3760
font-size: smaller;
3761
}
3762
:not(decoration):not(window):drop(active) {
3764
transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
3765
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 #4285F4;
3766
caret-color: #4285F4;
3767
}
3768
stackswitcher button.text-button {
3770
min-width: 100px;
3771
}
3772
stackswitcher button.circular,
3774
stackswitcher button.text-button.circular {
3775
min-width: 36px;
3776
min-height: 36px;
3777
padding: 0;
3778
}
3779
/*************
3781
* App Icons *
3782
*************/
3783
/*********
3784
* Emoji *
3785
*********/
3786
popover.emoji-picker {
3787
padding: 0;
3788
}
3789
popover.emoji-picker entry {
3791
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
3792
border-image: none;
3793
border-radius: 0;
3794
box-shadow: none;
3795
background-color: transparent;
3796
}
3797
popover.emoji-picker scrolledwindow {
3799
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
3800
}
3801
button.emoji-section {
3803
margin-top: -1px;
3804
padding: 0 8px;
3805
min-width: 24px;
3806
min-height: 36px;
3807
border-radius: 0;
3808
outline-offset: -6px;
3809
}
3810
button.emoji-section, button.emoji-section:hover, button.emoji-section:active {
3812
box-shadow: inset 0 2px transparent;
3813
}
3814
button.emoji-section:checked {
3816
box-shadow: inset 0 2px #4285F4;
3817
background-color: transparent;
3818
}
3819
button.emoji-section:hover, button.emoji-section:active {
3821
background-color: alpha(currentColor, 0.08);
3822
}
3823
button.emoji-section:first-child {
3825
margin-left: 4px;
3826
}
3827
button.emoji-section:last-child {
3829
margin-right: 4px;
3830
}
3831
popover.emoji-picker .emoji {
3833
min-width: 3em;
3834
min-height: 3em;
3835
padding: 0 8px;
3836
}
3837
popover.emoji-picker .emoji widget {
3839
transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
3840
border-radius: 4px;
3841
}
3842
popover.emoji-picker .emoji widget:hover {
3844
background-color: alpha(currentColor, 0.08);
3845
}
3846
popover.emoji-completion {
3848
padding: 8px 0;
3849
}
3850
popover.emoji-completion arrow {
3852
border: none;
3853
background: none;
3854
}
3855
popover.emoji-completion .emoji-completion-row {
3857
min-height: 28px;
3858
padding: 0 12px;
3859
}
3860
popover.emoji-completion .emoji:hover {
3862
background-color: alpha(currentColor, 0.08);
3863
}
3864
/************
3866
* Nautilus *
3867
************/
3868
.nautilus-window,
3869
.nautilus-window notebook,
3870
.nautilus-window notebook > stack {
3871
background-color: #FFFFFF;
3872
}
3873
.nautilus-canvas-item.dim-label, label.nautilus-canvas-item.separator, .titlebar:not(headerbar) .nautilus-canvas-item.subtitle,
3875
headerbar .nautilus-canvas-item.subtitle, .budgie-notification .nautilus-canvas-item.notification-body, .budgie-switcher .nautilus-canvas-item.notification-body,
3876
.nautilus-list-dim-label {
3877
color: rgba(0, 0, 0, 0.54);
3878
}
3879
.nautilus-desktop.nautilus-canvas-item, .caja-desktop.caja-canvas-item, .nemo-desktop.nemo-canvas-item {
3881
color: white;
3882
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
3883
}
3884
@keyframes needs_attention_keyframes {
3886
to {
3887
background-color: alpha(currentColor, 0.12);
3888
}
3889
}
3890
.nautilus-operations-button-needs-attention {
3892
animation: needs_attention_keyframes 300ms cubic-bezier(0.4, 0, 0.2, 1) 2 alternate;
3893
}
3894
.nautilus-operations-button-needs-attention-multiple {
3896
animation: needs_attention_keyframes 300ms cubic-bezier(0.4, 0, 0.2, 1) 6 alternate;
3897
}
3898
.path-bar-box {
3900
transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1);
3901
margin: 6px 0;
3902
border-radius: 4px;
3903
}
3904
.path-bar-box button {
3906
margin: 0;
3907
}
3908
.path-bar-box.width-maximized {
3910
background-color: rgba(0, 0, 0, 0.04);
3911
}
3912
.path-bar-box.background.frame {
3914
border-style: none;
3915
background-color: rgba(0, 0, 0, 0.04);
3916
}
3917
.path-bar-box .path-bar button label:not(:only-child):first-child {
3919
margin-left: 0;
3920
}
3921
.path-bar-box .path-bar button label:not(:only-child):last-child {
3923
margin-right: 0;
3924
}
3925
.path-bar-box .nautilus-path-bar button {
3927
padding-left: 6px;
3928
padding-right: 6px;
3929
}
3930
.path-bar-box .nautilus-path-bar button label:not(:only-child):first-child {
3932
margin-left: 0;
3933
}
3934
.path-bar-box .nautilus-path-bar button label:not(:only-child):last-child {
3936
margin-right: 0;
3937
}
3938
.path-bar-box .nautilus-path-bar button.text-button.image-button image:not(:only-child) {
3940
margin: 0;
3941
}
3942
.nautilus-window .floating-bar {
3944
min-height: 32px;
3945
padding: 0;
3946
border-style: solid solid none;
3947
border-width: 1px;
3948
border-color: rgba(0, 0, 0, 0.12);
3949
border-radius: 5px 5px 0 0;
3950
background-color: rgba(255, 255, 255, 0.9);
3951
background-clip: padding-box;
3952
}
3953
.nautilus-window .floating-bar.bottom.left {
3955
margin-right: 7px;
3956
border-left-style: none;
3957
border-top-left-radius: 0;
3958
}
3959
.nautilus-window .floating-bar.bottom.right {
3961
margin-left: 7px;
3962
border-right-style: none;
3963
border-top-right-radius: 0;
3964
}
3965
.nautilus-window .floating-bar button {
3967
margin: 4px;
3968
}
3969
.disk-space-display.unknown {
3971
background-color: rgba(0, 0, 0, 0.26);
3972
color: rgba(0, 0, 0, 0.26);
3973
}
3974
.disk-space-display.used {
3976
background-color: #4285F4;
3977
color: #4285F4;
3978
}
3979
.disk-space-display.free {
3981
background-color: rgba(0, 0, 0, 0.12);
3982
color: rgba(0, 0, 0, 0.12);
3983
}
3984
.search-information {
3986
padding: 2px;
3987
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
3988
background-color: #FFFFFF;
3989
color: rgba(0, 0, 0, 0.87);
3990
}
3991
.conflict-row:not(:selected) {
3993
background-color: #feebb4;
3994
}
3995
.nautilus-window flowboxchild .icon-item-background {
3997
padding: 4px;
3998
border-radius: 4px;
3999
}
4000
.nautilus-window flowboxchild:selected {
4002
background-color: transparent;
4003
}
4004
dialog.background > box.dialog-vbox.vertical > grid.horizontal > scrolledwindow.frame {
4006
border-style: none;
4007
}
4008
dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child {
4010
margin: -6px 0 0 -6px;
4011
border-top: 1px solid rgba(0, 0, 0, 0.12);
4012
}
4013
dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child > label {
4015
margin: 0 8px;
4016
}
4017
dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child > box > button {
4019
border-radius: 0;
4020
}
4021
.nautilus-window > popover.menu:not(:last-child) {
4023
padding: 3px;
4024
}
4025
.nautilus-window > popover.menu:not(:last-child) > stack > box > box > box {
4027
margin-top: -6px;
4028
}
4029
.nautilus-window > popover.menu:not(:last-child) > stack > box > box > box > box {
4031
margin-bottom: -6px;
4032
}
4033
.nautilus-window > popover.menu:not(:last-child) > stack > box > box > box > box.linked {
4035
margin-top: 1px;
4036
}
4037
.nautilus-window > popover.menu:not(:last-child) separator {
4039
margin-bottom: -2px;
4040
}
4041
.nautilus-menu-sort-heading {
4043
margin: 1px 3px;
4044
font-weight: 500;
4045
}
4046
.nautilus-menu-sort-heading:disabled {
4048
color: rgba(0, 0, 0, 0.54);
4049
}
4050
.nautilus-window paned > separator {
4052
background-color: #F2F2F2;
4053
}
4054
/*********
4056
* gedit *
4057
*********/
4058
.open-document-selector-path-label {
4059
color: rgba(0, 0, 0, 0.54);
4060
font-size: smaller;
4061
}
4062
.open-document-selector-match {
4064
background-color: #FBBC05;
4065
color: rgba(0, 0, 0, 0.87);
4066
}
4067
.gedit-document-panel {
4069
background-color: #FAFAFA;
4070
}
4071
.gedit-document-panel row button.flat {
4073
margin-top: 8px;
4074
margin-bottom: 8px;
4075
}
4076
.gedit-document-panel-group-row:not(:first-child) {
4078
border-top: 1px solid rgba(0, 0, 0, 0.12);
4079
}
4080
.gedit-side-panel-paned statusbar {
4082
border-top: 1px solid rgba(0, 0, 0, 0.12);
4083
}
4084
.gedit-search-slider {
4086
margin: 4px 4px 8px;
4087
}
4088
.gedit-search-slider .linked:not(.vertical) > entry {
4090
border-radius: 4px;
4091
}
4092
.gedit-search-slider .linked:not(.vertical) > entry .gedit-search-entry-occurrences-tag {
4094
all: unset;
4095
color: rgba(0, 0, 0, 0.54);
4096
}
4097
.gedit-search-slider .linked:not(.vertical) > entry:dir(ltr) {
4099
margin-right: -66px;
4100
padding-right: 66px;
4101
}
4102
.gedit-search-slider .linked:not(.vertical) > entry:dir(ltr) .gedit-search-entry-occurrences-tag {
4104
margin-left: 6px;
4105
}
4106
.gedit-search-slider .linked:not(.vertical) > entry:dir(ltr) image.right {
4108
margin-right: 0;
4109
}
4110
.gedit-search-slider .linked:not(.vertical) > entry:dir(rtl) {
4112
margin-left: -66px;
4113
padding-left: 66px;
4114
}
4115
.gedit-search-slider .linked:not(.vertical) > entry:dir(rtl) .gedit-search-entry-occurrences-tag {
4117
margin-right: 6px;
4118
}
4119
.gedit-search-slider .linked:not(.vertical) > entry:dir(rtl) image.left {
4121
margin-left: 0;
4122
}
4123
.gedit-search-slider .linked:not(.vertical) > entry:not(.error) {
4125
background-color: #FFFFFF;
4126
}
4127
.gedit-search-slider .linked:not(.vertical) > entry.error ~ button {
4129
color: rgba(255, 255, 255, 0.7);
4130
}
4131
.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:hover, .gedit-search-slider .linked:not(.vertical) > entry.error ~ button:active {
4133
color: white;
4134
}
4135
.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:disabled {
4137
color: rgba(255, 255, 255, 0.3);
4138
}
4139
.gedit-search-slider .linked > button {
4141
border: solid 6px transparent;
4142
border-radius: 9999px;
4143
}
4144
.gedit-search-slider .linked > button:last-child:dir(ltr), .gedit-search-slider .linked > button:not(:first-child):dir(rtl) {
4146
margin-left: -3px;
4147
}
4148
.gedit-search-slider .linked > button:first-child:dir(rtl), .gedit-search-slider .linked > button:not(:last-child):dir(ltr) {
4150
margin-right: -3px;
4151
}
4152
frame.gedit-map-frame > border:dir(ltr) {
4154
border-style: none none none solid;
4155
}
4156
frame.gedit-map-frame > border:dir(rtl) {
4158
border-style: none solid none none;
4159
}
4160
/**********
4162
* Tweaks *
4163
**********/
4164
.tweak-categories {
4165
background-image: image(#FAFAFA);
4166
}
4167
.tweak {
4169
padding: 3px;
4170
}
4171
.tweak.title:hover {
4173
box-shadow: none;
4174
}
4175
.tweak-group-white,
4177
.tweak-white,
4178
.tweak-white:hover {
4179
background-image: image(#FFFFFF);
4180
}
4181
.tweak-startup,
4183
.tweak-startup:hover {
4184
background-image: image(#FFFFFF);
4185
}
4186
.tweak-group-startup {
4188
background-image: image(#FFFFFF);
4189
border: 1px solid rgba(0, 0, 0, 0.12);
4190
}
4191
row#Focus,
4193
row#ClickMethod,
4194
row#StaticWorkspaceTweak,
4195
row#dynamic-workspaces,
4196
row#PrimaryWorkspaceTweak,
4197
row#workspaces-only-on-primary {
4198
padding: 0;
4199
border: 1px solid rgba(0, 0, 0, 0.12);
4200
}
4201
row#Focus row:not(:last-child),
4203
row#ClickMethod row:not(:last-child),
4204
row#StaticWorkspaceTweak row:not(:last-child),
4205
row#dynamic-workspaces row:not(:last-child),
4206
row#PrimaryWorkspaceTweak row:not(:last-child),
4207
row#workspaces-only-on-primary row:not(:last-child) {
4208
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4209
}
4210
row#Focus.tweak > list,
4212
row#ClickMethod.tweak > list,
4213
row#StaticWorkspaceTweak.tweak > list,
4214
row#dynamic-workspaces.tweak > list,
4215
row#PrimaryWorkspaceTweak.tweak > list,
4216
row#workspaces-only-on-primary.tweak > list {
4217
margin-top: -3px;
4218
}
4219
row#Focus,
4221
row#ClickMethod,
4222
row#PrimaryWorkspaceTweak,
4223
row#workspaces-only-on-primary {
4224
margin-top: 4px;
4225
}
4226
/***********
4228
* Builder *
4229
***********/
4230
layouttabbar {
4231
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4232
background-color: #F2F2F2;
4233
}
4234
layouttabbar > box > button {
4236
margin: 2px 0;
4237
}
4238
layouttab {
4240
margin: 0 8px;
4241
border-style: none solid;
4242
border-width: 1px;
4243
border-color: rgba(0, 0, 0, 0.12);
4244
box-shadow: inset 0 -2px #4285F4;
4245
background-color: #FFFFFF;
4246
}
4247
layouttab separator.vertical {
4249
margin: 8px 4px;
4250
}
4251
layouttab button.text-button, layouttab button.image-button, layouttab button {
4253
margin-top: 8px;
4254
margin-bottom: 8px;
4255
padding: 0 4px;
4256
}
4257
layout {
4259
border: 1px solid rgba(0, 0, 0, 0.12);
4260
-PnlDockBin-handle-size: 1;
4261
}
4262
entry.search-missing {
4264
background-color: #EA4335;
4265
color: white;
4266
}
4267
window.workbench treeview.image {
4269
color: rgba(0, 0, 0, 0.54);
4270
}
4271
popover.popover-selector list {
4273
padding: 6px;
4274
}
4275
popover.popover-selector list row {
4277
border-radius: 4px;
4278
}
4279
popover.popover-selector list row image:dir(ltr) {
4281
margin-right: 6px;
4282
}
4283
popover.popover-selector list row image:dir(rtl) {
4285
margin-left: 6px;
4286
}
4287
popover.popover-selector list row .accel:dir(ltr) {
4289
margin-left: 6px;
4290
}
4291
popover.popover-selector list row .accel:dir(rtl) {
4293
margin-right: 6px;
4294
}
4295
omnibar.linked:not(.vertical) entry {
4297
border-radius: 4px;
4298
}
4299
omnibar:not(:hover):not(:active) entry {
4301
color: rgba(0, 0, 0, 0.54);
4302
}
4303
popover.omnibar list row:not(:last-child) {
4305
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4306
}
4307
entry.preferences-search {
4309
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12);
4310
background-color: #FFFFFF;
4311
}
4312
preferences stacksidebar.sidebar list {
4314
background-color: #FAFAFA;
4315
}
4316
preferences stacksidebar.sidebar:dir(ltr) list, preferences stacksidebar.sidebar:dir(rtl) list {
4318
border-style: none;
4319
}
4320
preferences > box > box:dir(ltr) {
4322
border-right: 1px solid rgba(0, 0, 0, 0.12);
4323
}
4324
preferences > box > box:dir(rtl) {
4326
border-left: 1px solid rgba(0, 0, 0, 0.12);
4327
}
4328
popover.messagepopover.background {
4330
padding: 0;
4331
}
4332
popover.messagepopover .popover-action-area button {
4334
padding: 8px 16px;
4335
border-top: 1px solid rgba(0, 0, 0, 0.12);
4336
border-radius: 0;
4337
}
4338
popover.messagepopover .popover-action-area button:first-child {
4340
border-bottom-left-radius: 4px;
4341
}
4342
popover.messagepopover .popover-action-area button:last-child {
4344
border-bottom-right-radius: 4px;
4345
}
4346
popover.messagepopover .popover-content-area {
4348
margin: 16px;
4349
}
4350
popover.transfers list {
4352
background-color: transparent;
4353
}
4354
popover.transfers list row:not(:first-child) {
4356
border-top: 1px solid rgba(0, 0, 0, 0.12);
4357
}
4358
popover.transfers list row > box {
4360
padding: 10px;
4361
}
4362
dockbin {
4364
border: 1px solid rgba(0, 0, 0, 0.12);
4365
-PnlDockBin-handle-size: 1;
4366
}
4367
dockpaned {
4369
border: 1px solid rgba(0, 0, 0, 0.12);
4370
}
4371
eggsearchbar box.search-bar {
4373
padding: 0 8px;
4374
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4375
background-color: #F2F2F2;
4376
}
4377
docktabstrip {
4379
padding: 0 8px;
4380
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4381
background-color: #F2F2F2;
4382
}
4383
docktab {
4385
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
4386
min-height: 24px;
4387
min-width: 24px;
4388
margin-bottom: -1px;
4389
padding: 6px 6px;
4390
outline-offset: -6px;
4391
border-width: 1px;
4392
border-color: transparent;
4393
box-shadow: inset 0 -2px transparent;
4394
background-image: radial-gradient(circle farthest-corner at center, #4285F4 10%, transparent 0%);
4395
background-repeat: no-repeat;
4396
background-position: center;
4397
background-size: 0% 0%;
4398
color: rgba(0, 0, 0, 0.54);
4399
font-weight: 500;
4400
}
4401
docktab:hover {
4403
background-color: alpha(currentColor, 0.08);
4404
color: rgba(0, 0, 0, 0.87);
4405
}
4406
docktab:checked {
4408
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-size 225ms cubic-bezier(0, 0, 0.2, 1), background-image 525ms cubic-bezier(0, 0, 0.2, 1);
4409
box-shadow: inset 0 -2px #4285F4;
4410
background-color: transparent;
4411
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
4412
background-size: 1000% 1000%;
4413
color: rgba(0, 0, 0, 0.87);
4414
}
4415
dockoverlayedge {
4417
background-color: #F2F2F2;
4418
}
4419
dockoverlayedge docktabstrip {
4421
padding: 0;
4422
border: none;
4423
}
4424
dockoverlayedge.left-edge docktab:hover {
4426
box-shadow: inset -2px 0 rgba(0, 0, 0, 0.26);
4427
}
4428
dockoverlayedge.left-edge docktab:checked {
4430
box-shadow: inset -2px 0 #4285F4;
4431
}
4432
dockoverlayedge.right-edge docktab:hover {
4434
box-shadow: inset 2px 0 rgba(0, 0, 0, 0.26);
4435
}
4436
dockoverlayedge.right-edge docktab:checked {
4438
box-shadow: inset 2px 0 #4285F4;
4439
}
4440
pillbox {
4442
background-color: #F2F2F2;
4443
border-radius: 4px;
4444
}
4445
layoutpane entry.search {
4447
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12);
4448
background-color: #FFFFFF;
4449
}
4450
editortweak entry.search {
4452
margin-bottom: -1px;
4453
box-shadow: none;
4454
}
4455
.gb-search-entry-occurrences-tag {
4457
box-shadow: none;
4458
background-color: transparent;
4459
}
4460
docktabstrip {
4462
min-height: 39px;
4463
}
4464
window.workbench preferences preferencesgroup list entry {
4466
padding-top: 8px;
4467
padding-bottom: 8px;
4468
}
4469
button.run-arrow-button {
4471
padding-left: 10px;
4472
padding-right: 10px;
4473
}
4474
button.dzlmenubutton image {
4476
min-width: 30px;
4477
}
4478
button.dzlmenubutton image.arrow {
4480
min-width: 27px;
4481
}
4482
button.dzlmenubuttonitem {
4484
color: rgba(0, 0, 0, 0.87);
4485
font-weight: normal;
4486
}
4487
button.dzlmenubuttonitem:disabled {
4489
color: rgba(0, 0, 0, 0.38);
4490
}
4491
idelayoutstackheader {
4493
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4494
}
4495
idelayoutstackheader button:checked {
4497
color: rgba(0, 0, 0, 0.87);
4498
}
4499
ideeditorutilities > dzldockpaned > box > stackswitcher {
4501
padding: 8px 0;
4502
background-color: #F2F2F2;
4503
}
4504
ideeditorutilities > dzldockpaned > box > stackswitcher:dir(ltr) {
4506
border-right: 1px solid rgba(0, 0, 0, 0.12);
4507
}
4508
ideeditorutilities > dzldockpaned > box > stackswitcher:dir(rtl) {
4510
border-left: 1px solid rgba(0, 0, 0, 0.12);
4511
}
4512
ideeditorutilities > dzldockpaned > box > stackswitcher button {
4514
border-radius: 0;
4515
outline-offset: -6px;
4516
box-shadow: none;
4517
background-color: transparent;
4518
}
4519
ideeditorutilities > dzldockpaned > box > stackswitcher button:active {
4521
background-image: radial-gradient(circle farthest-corner at center, rgba(66, 133, 244, 0.7) 10%, transparent 0%);
4522
}
4523
ideeditorutilities > dzldockpaned > box > stackswitcher button:checked {
4525
background-color: transparent;
4526
color: rgba(0, 0, 0, 0.87);
4527
}
4528
ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr) {
4530
margin-right: -1px;
4531
}
4532
ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):hover {
4534
box-shadow: inset -2px 0 rgba(0, 0, 0, 0.26);
4535
}
4536
ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):active, ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):checked {
4538
box-shadow: inset -2px 0 #4285F4;
4539
}
4540
ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl) {
4542
margin-left: -1px;
4543
}
4544
ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):hover {
4546
box-shadow: inset 2px 0 rgba(0, 0, 0, 0.26);
4547
}
4548
ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):active, ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):checked {
4550
box-shadow: inset 2px 0 #4285F4;
4551
}
4552
ideeditorsidebar notebook header {
4554
background: transparent;
4555
}
4556
popover.messagepopover list {
4558
border: 1px solid rgba(0, 0, 0, 0.12);
4559
}
4560
popover.messagepopover list row:not(:last-child) {
4562
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4563
}
4564
/**********
4566
* Photos *
4567
**********/
4568
GdMainIconView.content-view {
4569
-GdMainIconView-icon-size: 48;
4570
}
4571
.documents-counter {
4573
margin: 8px;
4574
border-radius: 9999px;
4575
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
4576
background-color: #4285F4;
4577
color: white;
4578
font-weight: bold;
4579
}
4580
.documents-scrolledwin.frame {
4582
border-style: none;
4583
}
4584
.documents-scrolledwin.frame frame.content-view > border {
4586
border-style: none;
4587
}
4588
.photos-fade-in {
4590
opacity: 1;
4591
transition: opacity 100ms cubic-bezier(0, 0, 0.2, 1);
4592
}
4593
.photos-fade-out {
4595
opacity: 0;
4596
transition: opacity 100ms cubic-bezier(0, 0, 0.2, 1);
4597
}
4598
button.photos-filter-preview {
4600
color: rgba(0, 0, 0, 0.87);
4601
font-weight: normal;
4602
}
4603
button.photos-filter-preview:checked {
4605
background-color: rgba(66, 133, 244, 0.32);
4606
color: rgba(0, 0, 0, 0.87);
4607
}
4608
button.photos-filter-preview:checked image {
4610
color: white;
4611
-gtk-icon-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
4612
}
4613
overlay grid.horizontal > revealer > scrolledwindow.frame:dir(ltr) {
4615
border-style: none none none solid;
4616
}
4617
overlay grid.horizontal > revealer > scrolledwindow.frame:dir(rtl) {
4619
border-style: none solid none none;
4620
}
4621
/*********
4623
* Music *
4624
*********/
4625
.side-panel:dir(ltr) {
4626
border-style: solid;
4627
border-color: rgba(0, 0, 0, 0.12);
4628
}
4629
.side-panel:dir(rtl) {
4631
border-style: solid;
4632
border-color: rgba(0, 0, 0, 0.12);
4633
}
4634
.side-panel .view {
4636
background-image: image(#FAFAFA);
4637
}
4638
.side-panel .view:hover {
4640
background-image: image(rgba(240, 240, 240, 0.9935));
4641
}
4642
.side-panel .view:selected {
4644
background-image: image(#4285F4);
4645
}
4646
.side-panel .view:selected:hover {
4648
background-image: image(#4b8bf5);
4649
}
4650
.songs-list:hover {
4652
background-image: image(alpha(currentColor, 0.08));
4653
}
4654
frame.documents-dropdown {
4656
margin: 8px;
4657
}
4658
frame.documents-dropdown > border {
4660
border: none;
4661
}
4662
box.vertical > revealer > toolbar.search-bar {
4664
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4665
background-clip: border-box;
4666
}
4667
box.vertical > revealer > toolbar.search-bar button > widget {
4669
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
4670
}
4671
/*********
4673
* To Do *
4674
*********/
4675
task-list-view taskrow {
4676
transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
4677
margin: 0 -8px;
4678
}
4679
task-list-view taskrow:hover {
4681
transition: none;
4682
}
4683
task-list-view taskrow label {
4685
margin: 0 8px;
4686
}
4687
task-list-view taskrow image.dim-label, task-list-view taskrow .titlebar:not(headerbar) image.subtitle, .titlebar:not(headerbar) task-list-view taskrow image.subtitle,
4689
task-list-view taskrow headerbar image.subtitle, headerbar task-list-view taskrow image.subtitle, task-list-view taskrow .budgie-notification image.notification-body, .budgie-notification task-list-view taskrow image.notification-body, task-list-view taskrow .budgie-switcher image.notification-body, .budgie-switcher task-list-view taskrow image.notification-body {
4690
min-width: 16px;
4691
}
4692
task-list-view > box > revealer > box > button {
4694
margin: -6px;
4695
}
4696
task-list-view > box > revealer > box > button .dim-label, task-list-view > box > revealer > box > button label.separator, task-list-view > box > revealer > box > button .titlebar:not(headerbar) .subtitle, .titlebar:not(headerbar) task-list-view > box > revealer > box > button .subtitle,
4698
task-list-view > box > revealer > box > button headerbar .subtitle, headerbar task-list-view > box > revealer > box > button .subtitle, task-list-view > box > revealer > box > button .budgie-notification .notification-body, .budgie-notification task-list-view > box > revealer > box > button .notification-body, task-list-view > box > revealer > box > button .budgie-switcher .notification-body, .budgie-switcher task-list-view > box > revealer > box > button .notification-body {
4699
opacity: 1;
4700
}
4701
tasklistview taskrow {
4703
outline: none;
4704
}
4705
tasklistview taskrow entry, tasklistview taskrow entry:focus, tasklistview taskrow entry:disabled {
4707
box-shadow: none;
4708
}
4709
tasklistview taskrow image.dim-label, tasklistview taskrow .titlebar:not(headerbar) image.subtitle, .titlebar:not(headerbar) tasklistview taskrow image.subtitle,
4711
tasklistview taskrow headerbar image.subtitle, headerbar tasklistview taskrow image.subtitle, tasklistview taskrow .budgie-notification image.notification-body, .budgie-notification tasklistview taskrow image.notification-body, tasklistview taskrow .budgie-switcher image.notification-body, .budgie-switcher tasklistview taskrow image.notification-body {
4712
min-width: 16px;
4713
}
4714
tasklistview > box > revealer > box > button {
4716
margin: -6px;
4717
}
4718
tasklistview > box > revealer > box > button .dim-label, tasklistview > box > revealer > box > button label.separator, tasklistview > box > revealer > box > button .titlebar:not(headerbar) .subtitle, .titlebar:not(headerbar) tasklistview > box > revealer > box > button .subtitle,
4720
tasklistview > box > revealer > box > button headerbar .subtitle, headerbar tasklistview > box > revealer > box > button .subtitle, tasklistview > box > revealer > box > button .budgie-notification .notification-body, .budgie-notification tasklistview > box > revealer > box > button .notification-body, tasklistview > box > revealer > box > button .budgie-switcher .notification-body, .budgie-switcher tasklistview > box > revealer > box > button .notification-body {
4721
opacity: 1;
4722
}
4723
/*******
4725
* eog *
4726
*******/
4727
#eog-thumb-nav scrolledwindow {
4728
border-top: none;
4729
}
4730
#eog-thumb-nav button {
4732
-gtk-outline-radius: 4px;
4733
}
4734
/*************
4736
* Evolution *
4737
*************/
4738
frame.taskbar > border {
4739
border-style: solid none none;
4740
}
4741
box.vertical > paned.horizontal notebook widget .frame {
4743
border-style: none;
4744
}
4745
/********
4747
* gitg *
4748
********/
4749
frame.commit-frame > border {
4750
border-style: solid none none;
4751
}
4752
/**************
4754
* Characters *
4755
**************/
4756
box.dialog-vbox scrolledwindow.related {
4757
border: 1px solid rgba(0, 0, 0, 0.12);
4758
}
4759
list.categories {
4761
background-image: image(#FAFAFA);
4762
}
4763
/*********
4765
* Boxes *
4766
*********/
4767
.transparent-bg + stack overlay > label {
4768
min-height: 24px;
4769
padding: 0 4px;
4770
border-radius: 4px;
4771
background-color: rgba(0, 0, 0, 0.6);
4772
color: white;
4773
}
4774
/**************
4776
* Calculator *
4777
**************/
4778
button.title label {
4779
min-height: 36px;
4780
}
4781
/*********
4783
* Geary *
4784
*********/
4785
.geary-titlebar-left:dir(ltr) {
4786
margin-right: 5px;
4787
padding-right: 0;
4788
}
4789
.geary-titlebar-left:dir(rtl) {
4791
margin-left: 5px;
4792
padding-left: 0;
4793
}
4794
.geary-titlebar-left > separator {
4796
background-color: rgba(0, 0, 0, 0.05);
4797
}
4798
.geary-titlebar-right:dir(ltr) {
4800
margin-left: -5px;
4801
}
4802
.geary-titlebar-right:dir(rtl) {
4804
margin-right: -5px;
4805
}
4806
/*********
4808
* Tilix *
4809
*********/
4810
overlay > revealer.left > scrolledwindow.frame,
4811
overlay > revealer.right > scrolledwindow.frame {
4812
border-style: none;
4813
box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22);
4814
}
4815
overlay > revealer.left > scrolledwindow.frame {
4817
margin-right: 32px;
4818
}
4819
overlay > revealer.right > scrolledwindow.frame {
4821
margin-left: 32px;
4822
}
4823
.terminix-session-sidebar,
4825
.tilix-session-sidebar {
4826
background-image: image(#FFFFFF);
4827
}
4828
.terminal-titlebar button {
4830
border-radius: 0;
4831
}
4832
button.image-button.session-new-button {
4834
min-width: 32px;
4835
}
4836
/**************
4838
* Terminator *
4839
**************/
4840
.terminator-terminal-window paned > separator {
4841
background-color: #F2F2F2;
4842
}
4843
.terminator-terminal-window notebook.frame {
4845
border-style: none;
4846
}
4847
/***********
4849
* Eclipse *
4850
***********/
4851
window.background > box.vertical > scrolledwindow > widget toolbar {
4852
padding: 2px;
4853
}
4854
window.background > box.vertical > scrolledwindow > widget toolbar separator,
4856
window.background > box.vertical > scrolledwindow > widget toolbar button {
4857
margin: 2px;
4858
}
4859
window.background > box.vertical > scrolledwindow > widget toolbar button {
4861
border-radius: 4px;
4862
}
4863
/************
4865
* Chromium *
4866
************/
4867
window.background.chromium {
4868
background-color: #F2F2F2;
4869
}
4870
window.background.chromium entry,
4872
window.background.chromium > button:not(.suggested-action):not(.destructive-action) {
4873
border: 1px solid rgba(0, 0, 0, 0.26);
4874
}
4875
window.background.chromium > button {
4877
box-shadow: none;
4878
background-size: auto;
4879
}
4880
window.background.chromium > button:hover {
4882
background-image: image(alpha(currentColor, 0.08));
4883
}
4884
window.background.chromium > button:active {
4886
background-image: image(alpha(currentColor, 0.24));
4887
}
4888
window.background.chromium headerbar button:active {
4890
background-size: 1000% 1000%;
4891
}
4892
window.background.chromium spinner {
4894
color: #4285F4;
4895
}
4896
window.background.chromium textview {
4898
background-color: #FFFFFF;
4899
}
4900
tooltip.background.chromium {
4902
background-color: #616161;
4903
}
4904
/***********
4906
* Firefox *
4907
***********/
4908
window.background:not(.csd) > widget > separator {
4909
color: rgba(0, 0, 0, 0.26);
4910
}
4911
window.background:not(.csd) > widget > scrollbar {
4913
background-clip: border-box;
4914
}
4915
window.background:not(.csd) > widget > scrollbar,
4917
window.background:not(.csd) > widget > frame > border {
4918
border-color: rgba(0, 0, 0, 0.26);
4919
}
4920
window.background:not(.csd) > widget > entry,
4922
window.background:not(.csd) > widget > button > button {
4923
border: 1px solid rgba(0, 0, 0, 0.26);
4924
border-radius: 5px;
4925
box-shadow: none;
4926
}
4927
window.background:not(.csd) > widget > entry {
4929
min-height: 30px;
4930
}
4931
window.background:not(.csd) > widget > entry:focus {
4933
border-color: #4285F4;
4934
}
4935
window.background:not(.csd) > widget > button > button {
4937
padding: 4px 8px;
4938
background-size: auto;
4939
}
4940
window.background:not(.csd) > widget > button > button:hover {
4942
background-image: image(alpha(currentColor, 0.08));
4943
}
4944
window.background:not(.csd) > widget > button > button:active {
4946
background-image: image(alpha(currentColor, 0.24));
4947
}
4948
window.background:not(.csd) > widget > checkbutton > check:not(:checked),
4950
window.background:not(.csd) > widget > radiobutton > radio:not(:checked) {
4951
color: #757575;
4952
}
4953
window.background:not(.csd) > widget > checkbutton > check:not(:checked):hover, window.background:not(.csd) > widget > checkbutton > check:not(:checked):active,
4955
window.background:not(.csd) > widget > radiobutton > radio:not(:checked):hover,
4956
window.background:not(.csd) > widget > radiobutton > radio:not(:checked):active {
4957
color: #212121;
4958
}
4959
window.background:not(.csd) > widget > checkbutton > check:not(:checked):disabled,
4961
window.background:not(.csd) > widget > radiobutton > radio:not(:checked):disabled {
4962
color: rgba(117, 117, 117, 0.5);
4963
}
4964
window.background:not(.csd) > window > menu,
4966
window.background:not(.csd) > menu > menu {
4967
border: none;
4968
}
4969
text:selected {
4971
background-color: #4285F4;
4972
color: white;
4973
}
4974
window.background:not(.csd) > widget > menubar {
4976
color: rgba(0, 0, 0, 0.54);
4977
}
4978
window.background:not(.csd) > widget > menubar:hover {
4980
color: rgba(0, 0, 0, 0.87);
4981
}
4982
window.background:not(.csd) > widget > menubar:disabled {
4984
color: rgba(0, 0, 0, 0.26);
4985
}
4986
window.background:not(.csd) > widget > frame {
4988
color: rgba(0, 0, 0, 0.26);
4989
}
4990
window.background:not(.csd) > widget > checkbutton > check,
4992
window.background:not(.csd) > widget > radiobutton > radio {
4993
margin: 0;
4994
padding: 0;
4995
}
4996
window.background:not(.csd) > window.background > menu > separator {
4998
color: rgba(0, 0, 0, 0.12);
4999
}
5000
/************
5002
* Inkscape *
5003
************/
5004
#ToolboxCommon > #AuxToolbox #StyleSwatch {
5005
font-size: smaller;
5006
}
5007
#ToolboxCommon > #AuxToolbox #Kludge {
5009
padding: 0;
5010
}
5011
#ToolboxCommon > #AuxToolbox spinbutton,
5013
#ToolboxCommon > #AuxToolbox entry {
5014
min-height: 32px;
5015
}
5016
#ToolboxCommon > #AuxToolbox button:not(.up):not(.down) {
5018
min-height: 24px;
5019
min-width: 16px;
5020
padding: 4px 8px;
5021
border-radius: 4px;
5022
-gtk-outline-radius: 4px;
5023
}
5024
#ToolboxCommon > #AuxToolbox spinbutton button {
5026
border-width: 4px;
5027
}
5028
#ToolboxCommon > toolbar.vertical {
5030
margin-top: -4px;
5031
}
5032
#ToolboxCommon > toolbar.vertical button {
5034
min-height: 24px;
5035
min-width: 24px;
5036
padding: 4px;
5037
border-radius: 4px;
5038
-gtk-outline-radius: 4px;
5039
}
5040
#CanvasTable button {
5042
min-height: 16px;
5043
min-width: 16px;
5044
padding: 0;
5045
}
5046
#CanvasTable #HorizontalScrollbar {
5048
border-top: 1px solid rgba(0, 0, 0, 0.12);
5049
}
5050
#CanvasTable #VerticalScrollbar:dir(ltr) {
5052
border-left: 1px solid rgba(0, 0, 0, 0.12);
5053
}
5054
#CanvasTable #VerticalScrollbar:dir(rtl) {
5056
border-right: 1px solid rgba(0, 0, 0, 0.12);
5057
}
5058
#Canvas_and_Dock frame > border {
5060
border: none;
5061
}
5062
#Canvas_and_Dock widget > widget > button.flat {
5064
min-height: 16px;
5065
min-width: 16px;
5066
padding: 4px;
5067
}
5068
#Canvas_and_Dock widget > widget > box.horizontal image {
5070
padding: 4px;
5071
}
5072
#Canvas_and_Dock box.horizontal > box.vertical > button.flat {
5074
min-height: 16px;
5075
min-width: 24px;
5076
padding: 8px 4px;
5077
}
5078
/***********
5080
* Synapse *
5081
***********/
5082
/*********
5083
* Unity *
5084
*********/
5085
UnityDecoration {
5086
-UnityDecoration-extents: 28px 0 0 0;
5087
-UnityDecoration-input-extents: 8px;
5088
-UnityDecoration-shadow-offset-x: 0;
5089
-UnityDecoration-shadow-offset-y: 3px;
5090
-UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.48);
5091
-UnityDecoration-active-shadow-radius: 18px;
5092
-UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.32);
5093
-UnityDecoration-inactive-shadow-radius: 6px;
5094
-UnityDecoration-glow-size: 8px;
5095
-UnityDecoration-glow-color: #4285F4;
5096
-UnityDecoration-title-indent: 4px;
5097
-UnityDecoration-title-fade: 32px;
5098
-UnityDecoration-title-alignment: 0.0;
5099
}
5100
UnityDecoration .top {
5102
padding: 0 2px;
5103
border-style: none;
5104
border-radius: 4px 4px 0 0;
5105
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
5106
background-color: #E0E0E0;
5107
color: rgba(0, 0, 0, 0.87);
5108
}
5109
UnityDecoration .top:backdrop {
5111
color: rgba(0, 0, 0, 0.54);
5112
}
5113
UnityDecoration .menuitem {
5115
color: rgba(0, 0, 0, 0.54);
5116
}
5117
UnityDecoration .menuitem:hover {
5119
box-shadow: inset 0 -2px #4285F4;
5120
background-color: transparent;
5121
color: rgba(0, 0, 0, 0.87);
5122
}
5123
.background:not(.csd) headerbar:not(.titlebar) {
5125
border-radius: 0;
5126
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
5127
}
5128
.background:not(.csd) headerbar:not(.titlebar).inline-toolbar {
5130
border-style: none;
5131
}
5132
UnityPanelWidget,
5134
.unity-panel {
5135
background-color: #CBCBCB;
5136
color: rgba(0, 0, 0, 0.87);
5137
}
5138
UnityPanelWidget:backdrop,
5140
.unity-panel:backdrop {
5141
color: rgba(0, 0, 0, 0.54);
5142
}
5143
.unity-panel.menuitem,
5145
.unity-panel .menuitem {
5146
color: rgba(0, 0, 0, 0.54);
5147
}
5148
.unity-panel.menubar.menuitem:hover,
5150
.unity-panel.menubar .menuitem *:hover {
5151
box-shadow: inset 0 -2px #4285F4;
5152
background-color: transparent;
5153
color: rgba(0, 0, 0, 0.87);
5154
}
5155
.menu IdoPlaybackMenuItem.menuitem:active {
5157
-gtk-icon-source: -gtk-icontheme("process-working-symbolic");
5158
animation: spin 1s linear infinite;
5159
color: #4285F4;
5160
}
5161
/**************
5163
* Mate-Panel *
5164
**************/
5165
.mate-panel-menu-bar menubar,
5166
#PanelApplet-window-menu-applet-button {
5167
background-color: transparent;
5168
}
5169
.mate-panel-menu-bar {
5171
background-color: rgba(0, 0, 0, 0.6);
5172
font-weight: 500;
5173
}
5174
.mate-panel-menu-bar:not(.popup) {
5176
color: rgba(255, 255, 255, 0.7);
5177
}
5178
.mate-panel-menu-bar button {
5180
min-height: 16px;
5181
min-width: 16px;
5182
padding: 0;
5183
border-radius: 0;
5184
}
5185
.mate-panel-menu-bar button:checked {
5187
background-color: rgba(255, 255, 255, 0.12);
5188
}
5189
PanelToplevel.horizontal > grid > button {
5191
min-width: 24px;
5192
}
5193
PanelToplevel.vertical > grid > button {
5195
min-height: 24px;
5196
}
5197
PanelSeparator {
5199
color: rgba(255, 255, 255, 0.12);
5200
}
5201
MatePanelAppletFrameDBus {
5203
border-style: solid;
5204
border-color: rgba(255, 255, 255, 0.12);
5205
}
5206
.mate-panel-menu-bar.horizontal MatePanelAppletFrameDBus {
5208
border-width: 0 1px;
5209
}
5210
.mate-panel-menu-bar.vertical MatePanelAppletFrameDBus {
5212
border-width: 1px 0;
5213
}
5214
.mate-panel-menu-bar menubar > menuitem {
5216
color: rgba(255, 255, 255, 0.7);
5217
}
5218
.mate-panel-menu-bar menubar > menuitem:hover {
5220
background-color: rgba(255, 255, 255, 0.12);
5221
color: white;
5222
}
5223
.mate-panel-menu-bar menubar > menuitem:disabled {
5225
color: rgba(255, 255, 255, 0.3);
5226
}
5227
.mate-panel-menu-bar.horizontal menubar > menuitem {
5229
padding: 0 8px;
5230
}
5231
.mate-panel-menu-bar.vertical menubar > menuitem {
5233
padding: 8px 0;
5234
}
5235
.mate-panel-menu-bar menubar menu > menuitem {
5237
min-height: 28px;
5238
padding: 0 6px;
5239
}
5240
.mate-panel-menu-bar #PanelApplet button {
5242
-GtkWidget-window-dragging: true;
5243
}
5244
.mate-panel-menu-bar #tasklist-button {
5246
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0/0 0 0px;
5247
}
5248
.mate-panel-menu-bar #tasklist-button:checked {
5250
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2/0 0 2px;
5251
}
5252
.mate-panel-menu-bar #tasklist-button image:dir(ltr), .mate-panel-menu-bar #tasklist-button label:dir(rtl) {
5254
padding-left: 4px;
5255
}
5256
.mate-panel-menu-bar #tasklist-button label:dir(ltr), .mate-panel-menu-bar #tasklist-button image:dir(rtl) {
5258
padding-right: 4px;
5259
}
5260
.mate-panel-menu-bar.vertical #tasklist-button {
5262
min-height: 32px;
5263
}
5264
.mate-panel-menu-bar.horizontal #showdesktop-button image {
5266
min-width: 24px;
5267
padding: 0 4px;
5268
}
5269
.mate-panel-menu-bar.vertical #showdesktop-button image {
5271
min-height: 24px;
5272
padding: 4px 0;
5273
}
5274
PanelApplet.wnck-applet .wnck-pager {
5276
background-color: transparent;
5277
color: #7BAAF7;
5278
}
5279
PanelApplet.wnck-applet .wnck-pager:hover {
5281
background-color: rgba(255, 255, 255, 0.12);
5282
}
5283
PanelApplet.wnck-applet .wnck-pager:active {
5285
background-color: rgba(255, 255, 255, 0.3);
5286
}
5287
PanelApplet.wnck-applet .wnck-pager:selected {
5289
background-color: #4285F4;
5290
}
5291
.mate-panel-menu-bar.horizontal #clock-applet-button label {
5293
padding: 0 8px;
5294
}
5295
.mate-panel-menu-bar.vertical #clock-applet-button label {
5297
padding: 8px 0;
5298
}
5299
#MatePanelPopupWindow {
5301
border: 1px solid rgba(0, 0, 0, 0.12);
5302
border-radius: 5px;
5303
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
5304
}
5305
#MatePanelPopupWindow frame > border {
5307
border-style: none;
5308
}
5309
#MatePanelPopupWindow button {
5311
padding: 4px 16px;
5312
}
5313
#MatePanelPopupWindow > frame > box > box > box > widget {
5315
color: rgba(0, 0, 0, 0.12);
5316
}
5317
na-tray-applet {
5319
-NaTrayApplet-icon-padding: 3px;
5320
-NaTrayApplet-icon-size: 16;
5321
}
5322
.mate-panel-menu-bar {
5324
-PanelMenuBar-icon-visible: true;
5325
}
5326
.mate-panel-applet-slider {
5328
border: 1px solid rgba(0, 0, 0, 0.12);
5329
border-radius: 5px;
5330
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
5331
background-color: #F2F2F2;
5332
}
5333
.mate-panel-applet-slider frame > border {
5335
border-style: none;
5336
}
5337
#PanelApplet:not(:selected) > box {
5339
transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
5340
}
5341
#PanelApplet:selected > box {
5343
background-color: rgba(255, 255, 255, 0.12);
5344
color: white;
5345
}
5346
#mate-menu {
5348
border: 1px solid rgba(0, 0, 0, 0.12);
5349
}
5350
#mate-menu button {
5352
min-height: 24px;
5353
min-width: 24px;
5354
padding: 4px 0;
5355
color: rgba(0, 0, 0, 0.87);
5356
font-weight: normal;
5357
}
5358
#mate-menu button label:not(:first-child) {
5360
color: rgba(0, 0, 0, 0.54);
5361
}
5362
#mate-menu entry {
5364
margin: 0 0 8px;
5365
}
5366
#mate-menu entry image {
5368
margin: 0;
5369
}
5370
#mate-menu entry + button {
5372
margin: 0 4px 8px;
5373
padding: 6px;
5374
}
5375
/*********************
5377
* CAJA File manager *
5378
*********************/
5379
.caja-navigation-window button.toggle.image-button {
5380
border-radius: 4px;
5381
}
5382
.caja-pathbar button {
5384
margin: 0 -1px 0 -2px;
5385
}
5386
.caja-pathbar button > widget {
5388
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
5389
-GtkArrow-arrow-scaling: 1;
5390
}
5391
.caja-side-pane notebook viewport.frame,
5393
.caja-side-pane notebook widget .vertical {
5394
background-color: #FFFFFF;
5395
}
5396
.caja-side-pane notebook,
5398
.caja-notebook {
5399
border-top: 1px solid rgba(0, 0, 0, 0.12);
5400
}
5401
.caja-side-pane notebook .frame,
5403
.caja-notebook .frame {
5404
border-style: none;
5405
}
5406
.caja-navigation-window statusbar {
5408
margin: 0 -10px;
5409
padding: 0 4px;
5410
border-top: 1px solid rgba(0, 0, 0, 0.12);
5411
}
5412
.caja-notebook frame > border {
5414
border-style: none;
5415
}
5416
#caja-extra-view-widget {
5418
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
5419
background-color: #F2F2F2;
5420
}
5421
#caja-extra-view-widget > box > box > label {
5423
font-weight: bold;
5424
}
5425
/*********
5427
* Pluma *
5428
*********/
5429
.pluma-window statusbar {
5430
margin: 0 -10px;
5431
padding: 0 4px;
5432
border-top: 1px solid rgba(0, 0, 0, 0.12);
5433
}
5434
.pluma-window statusbar frame > border {
5436
border-style: none;
5437
}
5438
.pluma-window statusbar frame button.flat {
5440
padding: 0 4px;
5441
border-radius: 0;
5442
}
5443
.pluma-window statusbar frame button.flat widget {
5445
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
5446
-GtkArrow-arrow-scaling: 1;
5447
}
5448
.pluma-print-preview toolbar {
5450
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
5451
}
5452
.pluma-window paned.horizontal box.vertical box.horizontal button.flat {
5454
margin: 1px;
5455
}
5456
.pluma-window paned.horizontal box.vertical .frame {
5458
border-style: none;
5459
}
5460
.pluma-window paned.horizontal box.vertical notebook.frame {
5462
margin-top: -1px;
5463
border-top: 1px solid rgba(0, 0, 0, 0.12);
5464
}
5465
.pluma-window paned.horizontal box.vertical notebook.frame box.vertical toolbar.horizontal {
5467
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
5468
}
5469
/*********
5471
* Atril *
5472
*********/
5473
.atril-window paned.horizontal box.vertical .frame {
5474
border-style: none;
5475
}
5476
.atril-window paned.horizontal box.vertical notebook .frame {
5478
border-top: 1px solid rgba(0, 0, 0, 0.12);
5479
}
5480
/* mate-screensaver lock dialog */
5482
.lock-dialog {
5483
border-radius: 4px;
5484
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);
5485
}
5486
.lock-dialog frame > border {
5488
border-style: none;
5489
}
5490
/* multimedia OSD */
5492
MsdOsdWindow.background.osd {
5493
border-radius: 4px;
5494
background-color: rgba(97, 97, 97, 0.9);
5495
color: white;
5496
}
5497
MsdOsdWindow.background.osd .trough {
5499
border-radius: 0;
5500
background-color: rgba(255, 255, 255, 0.12);
5501
}
5502
MsdOsdWindow.background.osd .progressbar {
5504
border-radius: 0;
5505
background-color: #4285F4;
5506
}
5507
/******************
5509
* Budgie Desktop *
5510
******************/
5511
.budgie-container {
5512
background-color: transparent;
5513
}
5514
.budgie-settings-window buttonbox.inline-toolbar {
5516
border-style: none none solid;
5517
}
5518
.budgie-settings-window buttonbox.inline-toolbar button {
5520
border-radius: 4px;
5521
-gtk-outline-radius: 4px;
5522
}
5523
.budgie-popover {
5525
border-style: solid;
5526
border-width: 1px;
5527
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.3);
5528
border-radius: 5px;
5529
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
5530
background-color: #FFFFFF;
5531
}
5532
.budgie-popover .container {
5534
padding: 2px;
5535
}
5536
.budgie-popover border {
5538
border: none;
5539
}
5540
.budgie-popover list {
5542
background-color: transparent;
5543
}
5544
.budgie-popover row {
5546
padding: 0;
5547
}
5548
.budgie-popover row:hover {
5550
box-shadow: none;
5551
}
5552
.budgie-popover button.flat:not(.image-button) {
5554
min-height: 28px;
5555
padding: 0 8px;
5556
color: rgba(0, 0, 0, 0.87);
5557
font-weight: normal;
5558
}
5559
.budgie-popover button.flat:not(.image-button):disabled {
5561
color: rgba(0, 0, 0, 0.38);
5562
}
5563
.budgie-popover.budgie-menu .container {
5565
padding: 0;
5566
}
5567
.budgie-popover.budgie-menu .sidebar,
5569
.budgie-popover.budgie-menu scrollbar,
5570
.budgie-popover.budgie-menu entry.search {
5571
background-color: transparent;
5572
}
5573
.budgie-popover.budgie-menu entry.search {
5575
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
5576
border-image: none;
5577
border-radius: 0;
5578
box-shadow: none;
5579
font-size: 120%;
5580
}
5581
.budgie-popover.budgie-menu button.flat:not(.image-button) {
5583
min-height: 32px;
5584
padding: 0 8px;
5585
border-radius: 0;
5586
}
5587
.budgie-popover.budgie-menu button.flat:not(.image-button):checked:disabled {
5589
background-color: transparent;
5590
}
5591
.budgie-popover.user-menu .container {
5593
padding: 8px;
5594
}
5595
.budgie-popover.user-menu separator {
5597
margin: 4px 0;
5598
}
5599
.budgie-popover.sound-popover separator {
5601
margin: 3px 0;
5602
}
5603
.budgie-popover.night-light-indicator .container {
5605
padding: 8px;
5606
}
5607
.budgie-popover.places-menu .container {
5609
padding: 8px;
5610
}
5611
.budgie-popover.places-menu .name-button image:dir(ltr) {
5613
margin-right: 3px;
5614
}
5615
.budgie-popover.places-menu .name-button image:dir(rtl) {
5617
margin-left: 3px;
5618
}
5619
.budgie-popover.places-menu .unmount-button {
5621
margin: 2px;
5622
padding: 0;
5623
}
5624
.budgie-popover.places-menu .places-list:not(.always-expand) {
5626
margin-top: 4px;
5627
padding-top: 4px;
5628
border-top: 1px solid rgba(0, 0, 0, 0.12);
5629
}
5630
.budgie-popover.places-menu .alternative-label {
5632
padding: 3px;
5633
font-size: 15px;
5634
}
5635
.budgie-popover.workspace-popover .container {
5637
padding: 8px;
5638
}
5639
.budgie-popover.workspace-popover separator {
5641
margin: 4px 0;
5642
}
5643
.budgie-popover.workspace-popover flowboxchild {
5645
padding: 0;
5646
}
5647
.workspace-switcher .workspace-layout {
5649
border: 0 solid rgba(255, 255, 255, 0.12);
5650
}
5651
.top .workspace-switcher .workspace-layout:dir(ltr),
5653
.bottom .workspace-switcher .workspace-layout:dir(ltr) {
5654
border-left-width: 1px;
5655
}
5656
.top .workspace-switcher .workspace-layout:dir(rtl),
5658
.bottom .workspace-switcher .workspace-layout:dir(rtl) {
5659
border-right-width: 1px;
5660
}
5661
.left .workspace-switcher .workspace-layout,
5663
.right .workspace-switcher .workspace-layout {
5664
border-top-width: 1px;
5665
}
5666
.workspace-switcher .workspace-item,
5668
.workspace-switcher .workspace-add-button {
5669
border: 0 solid rgba(255, 255, 255, 0.12);
5670
}
5671
.top .workspace-switcher .workspace-item:dir(ltr),
5673
.bottom .workspace-switcher .workspace-item:dir(ltr), .top
5674
.workspace-switcher .workspace-add-button:dir(ltr),
5675
.bottom
5676
.workspace-switcher .workspace-add-button:dir(ltr) {
5677
border-right-width: 1px;
5678
}
5679
.top .workspace-switcher .workspace-item:dir(rtl),
5681
.bottom .workspace-switcher .workspace-item:dir(rtl), .top
5682
.workspace-switcher .workspace-add-button:dir(rtl),
5683
.bottom
5684
.workspace-switcher .workspace-add-button:dir(rtl) {
5685
border-left-width: 1px;
5686
}
5687
.left .workspace-switcher .workspace-item,
5689
.right .workspace-switcher .workspace-item, .left
5690
.workspace-switcher .workspace-add-button,
5691
.right
5692
.workspace-switcher .workspace-add-button {
5693
border-bottom-width: 1px;
5694
}
5695
.workspace-switcher .workspace-item {
5697
transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
5698
}
5699
.workspace-switcher .workspace-item.current-workspace {
5701
background-color: rgba(255, 255, 255, 0.12);
5702
}
5703
.workspace-switcher .workspace-add-button:hover {
5705
box-shadow: none;
5706
}
5707
.workspace-switcher .workspace-add-button:active {
5709
background-image: none;
5710
}
5711
.workspace-switcher .workspace-add-button:active image {
5713
margin: 1px 0 -1px;
5714
}
5715
.budgie-panel .workspace-switcher .workspace-icon-button {
5717
min-height: 24px;
5718
min-width: 24px;
5719
padding: 0;
5720
border-radius: 4px;
5721
}
5722
.budgie-panel {
5724
transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1);
5725
background-color: rgba(0, 0, 0, 0.6);
5726
color: rgba(255, 255, 255, 0.7);
5727
font-weight: 500;
5728
}
5729
.budgie-panel.transparent {
5731
background-color: rgba(0, 0, 0, 0.6);
5732
}
5733
.budgie-panel button {
5735
min-height: 16px;
5736
min-width: 16px;
5737
padding: 0;
5738
border-radius: 0;
5739
}
5740
.budgie-panel button:checked {
5742
background-color: rgba(255, 255, 255, 0.12);
5743
}
5744
.budgie-panel.horizontal button {
5746
padding: 0 4px;
5747
}
5748
.budgie-panel.vertical button {
5750
padding: 4px 0;
5751
}
5752
.budgie-panel separator {
5754
background-color: rgba(255, 255, 255, 0.3);
5755
}
5756
.budgie-panel .alert {
5758
color: #EA4335;
5759
}
5760
.budgie-panel .titlebar:not(headerbar) {
5762
min-height: 0;
5763
padding: 0;
5764
box-shadow: none;
5765
background-color: transparent;
5766
color: white;
5767
}
5768
.budgie-panel .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action) {
5770
color: rgba(255, 255, 255, 0.7);
5771
}
5772
.budgie-panel .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):hover, .budgie-panel .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):active {
5774
color: white;
5775
}
5776
.budgie-panel #tasklist-button {
5778
padding: 0 4px;
5779
}
5780
.budgie-panel.vertical #tasklist-button {
5782
min-height: 32px;
5783
}
5784
.budgie-panel button.flat.launcher {
5786
padding: 0;
5787
}
5788
.budgie-panel button.flat.launcher:not(:checked) {
5790
color: rgba(255, 255, 255, 0.5);
5791
}
5792
.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active {
5794
color: rgba(255, 255, 255, 0.7);
5795
}
5796
.budgie-panel button.flat.launcher:not(:checked):disabled {
5798
color: rgba(255, 255, 255, 0.3);
5799
}
5800
.top .budgie-panel #tasklist-button, .budgie-panel .top #tasklist-button, .top .budgie-panel button.flat.launcher, .budgie-panel .top button.flat.launcher {
5802
border-image: radial-gradient(circle closest-corner at center calc(1px), currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
5803
}
5804
.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,
5806
.top .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .top button.flat.launcher.running {
5807
border-image: radial-gradient(circle closest-corner at center calc(1px), currentColor 100%, transparent 0%) 2 0 0 0/2px 0 0 0;
5808
}
5809
.bottom .budgie-panel #tasklist-button, .budgie-panel .bottom #tasklist-button, .bottom .budgie-panel button.flat.launcher, .budgie-panel .bottom button.flat.launcher {
5811
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
5812
}
5813
.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,
5815
.bottom .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .bottom button.flat.launcher.running {
5816
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2 0/0 0 2px 0;
5817
}
5818
.left .budgie-panel #tasklist-button, .budgie-panel .left #tasklist-button, .left .budgie-panel button.flat.launcher, .budgie-panel .left button.flat.launcher {
5820
border-image: radial-gradient(circle closest-corner at calc(1px) center, currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
5821
}
5822
.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,
5824
.left .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .left button.flat.launcher.running {
5825
border-image: radial-gradient(circle closest-corner at calc(1px) center, currentColor 100%, transparent 0%) 0 0 0 2/0 0 0 2px;
5826
}
5827
.right .budgie-panel #tasklist-button, .budgie-panel .right #tasklist-button, .right .budgie-panel button.flat.launcher, .budgie-panel .right button.flat.launcher {
5829
border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
5830
}
5831
.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,
5833
.right .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .right button.flat.launcher.running {
5834
border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, currentColor 100%, transparent 0%) 0 2 0 0/0 2px 0 0;
5835
}
5836
frame.raven-frame > border {
5838
border-style: none;
5839
box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22);
5840
}
5841
.top frame.raven-frame > border {
5843
margin-bottom: 32px;
5844
}
5845
.bottom frame.raven-frame > border {
5847
margin-top: 32px;
5848
}
5849
.left frame.raven-frame > border {
5851
margin-right: 32px;
5852
}
5853
.right frame.raven-frame > border {
5855
margin-left: 32px;
5856
}
5857
.raven {
5859
background-color: #FFFFFF;
5860
}
5861
.raven > box {
5863
margin-bottom: -10px;
5864
}
5865
.raven stackswitcher.linked > button {
5867
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #4285F4 0%, transparent 0%) 0 0 0/0 0 0px;
5868
border-radius: 0;
5869
}
5870
.raven stackswitcher.linked > button:checked {
5872
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #4285F4 100%, transparent 0%) 0 0 2/0 0 2px;
5873
background-color: transparent;
5874
}
5875
.raven .raven-header {
5877
min-height: 36px;
5878
padding: 3px;
5879
}
5880
.raven .raven-header.top {
5882
padding: 0;
5883
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
5884
}
5885
.raven .raven-header.top stackswitcher button {
5887
margin: -4px 0 -5px;
5888
padding: 0 16px;
5889
min-height: 48px;
5890
}
5891
.raven .raven-header.bottom {
5893
border-top: 1px solid rgba(0, 0, 0, 0.12);
5894
}
5895
.raven stack .raven-header {
5897
margin-top: -6px;
5898
}
5899
.raven stack scrolledwindow .raven-header {
5901
margin-top: -8px;
5902
}
5903
.raven .raven-background {
5905
border-style: solid none;
5906
border-width: 1px;
5907
border-color: rgba(0, 0, 0, 0.12);
5908
background-color: #FFFFFF;
5909
}
5910
.raven .raven-background > overlay > widget > image {
5912
color: rgba(0, 0, 0, 0.12);
5913
}
5914
.raven scrolledwindow.raven-background {
5916
border-bottom-style: none;
5917
}
5918
.raven .powerstrip button {
5920
margin: 2px 0 1px;
5921
padding: 12px;
5922
}
5923
.raven .option-subtitle {
5925
font-size: smaller;
5926
}
5927
calendar.raven-calendar {
5929
border-style: none;
5930
background-color: transparent;
5931
}
5932
calendar.raven-calendar:selected {
5934
border-radius: 4px;
5935
}
5936
.raven-mpris {
5938
background-color: rgba(0, 0, 0, 0.6);
5939
color: white;
5940
}
5941
.raven-mpris label {
5943
min-height: 24px;
5944
}
5945
.raven-mpris button.image-button {
5947
padding: 12px;
5948
}
5949
.budgie-notification-window, .budgie-osd-window, .budgie-switcher-window {
5951
background-color: transparent;
5952
}
5953
.budgie-notification .notification-title, .budgie-switcher .notification-title {
5955
font-size: 120%;
5956
}
5957
.budgie-osd .budgie-osd-text {
5959
font-size: 120%;
5960
}
5961
.drop-shadow {
5963
margin: 5px 9px;
5964
padding: 3px;
5965
border-radius: 4px;
5966
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);
5967
background-color: #FFFFFF;
5968
}
5969
.drop-shadow .linked > button {
5971
border-radius: 4px;
5972
}
5973
.budgie-session-dialog, .budgie-polkit-dialog, .budgie-run-dialog {
5975
border-radius: 4px;
5976
background-color: #FFFFFF;
5977
}
5978
.budgie-session-dialog decoration, .budgie-polkit-dialog decoration, .budgie-run-dialog decoration {
5980
border-radius: 4px;
5981
}
5982
.budgie-session-dialog label:not(:last-child),
5984
.budgie-session-dialog .dialog-title {
5985
font-size: 120%;
5986
}
5987
.budgie-session-dialog .linked.horizontal > button {
5989
padding: 8px 16px;
5990
border-top: 1px solid rgba(0, 0, 0, 0.12);
5991
border-radius: 0;
5992
}
5993
.budgie-session-dialog .linked.horizontal > button:first-child {
5995
border-bottom-left-radius: 4px;
5996
}
5997
.budgie-session-dialog .linked.horizontal > button:last-child {
5999
border-bottom-right-radius: 4px;
6000
}
6001
.budgie-polkit-dialog .message {
6003
color: rgba(0, 0, 0, 0.54);
6004
}
6005
.budgie-polkit-dialog .failure {
6007
color: #EA4335;
6008
}
6009
.budgie-run-dialog {
6011
background-color: #FFFFFF;
6012
}
6013
.budgie-run-dialog entry.search {
6015
font-size: 120%;
6016
padding: 6px 14px;
6017
border-image: none;
6018
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
6019
background-color: transparent;
6020
}
6021
.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,
6023
.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 {
6024
opacity: 1;
6025
}
6026
.budgie-run-dialog scrolledwindow {
6028
border-top: 1px solid rgba(0, 0, 0, 0.12);
6029
}
6030
/**************
6032
* Xfce4 Apps *
6033
**************/
6034
.XfceHeading {
6035
background-color: #FFFFFF;
6036
}
6037
/***************
6039
* xfce4-panel *
6040
***************/
6041
.xfce4-panel.background {
6042
border: none;
6043
background-color: rgba(0, 0, 0, 0.6);
6044
color: rgba(255, 255, 255, 0.7);
6045
font-weight: 500;
6046
}
6047
.xfce4-panel.background button {
6049
min-height: 16px;
6050
min-width: 16px;
6051
padding: 0;
6052
border-radius: 0;
6053
}
6054
.xfce4-panel.background button:checked {
6056
background-color: rgba(255, 255, 255, 0.12);
6057
}
6058
.xfce4-panel.background .tasklist button {
6060
border-image: image(transparent) 0 0 2/0 0 2px;
6061
}
6062
.xfce4-panel.background .tasklist button:checked {
6064
border-image: image(currentColor) 0 0 2/0 0 2px;
6065
}
6066
.xfce4-panel.background .tasklist button image {
6068
padding: 4px;
6069
}
6070
wnck-pager:hover {
6072
background-color: rgba(255, 255, 255, 0.12);
6073
}
6074
wnck-pager:active {
6076
background-color: rgba(255, 255, 255, 0.3);
6077
}
6078
wnck-pager:selected {
6080
background-color: #4285F4;
6081
}
6082
XfdesktopIconView.view {
6084
border-radius: 4px;
6085
background-color: transparent;
6086
color: white;
6087
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
6088
}
6089
XfdesktopIconView.view:active {
6091
box-shadow: none;
6092
}
6093
XfdesktopIconView.view .rubberband {
6095
border-radius: 0;
6096
}
6097
#XfceNotifyWindow buttonbox {
6099
padding: 0;
6100
}
6101
#XfceNotifyWindow label#summary {
6103
font-weight: bold;
6104
}
6105
#xfwm-tabwin {
6107
padding: 12px;
6108
border-radius: 4px;
6109
-XfwmTabwinWidget-icon-size: 64px;
6110
-XfwmTabwinWidget-preview-size: 64px;
6111
}
6112
/**********
6114
* Thunar *
6115
**********/
6116
.thunar #location-toolbar {
6117
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
6118
}
6119
.thunar .standard-view.frame {
6121
border-style: none;
6122
}
6123
.thunar .sidebar .view:not(:selected) {
6125
background-color: transparent;
6126
}
6127
.thunar statusbar {
6129
margin: 0 -10px;
6130
padding: 0 4px;
6131
border-top: 1px solid rgba(0, 0, 0, 0.12);
6132
}
6133
/************************
6135
* LightDM GTK+ Greeter *
6136
************************/
6137
#panel_window {
6138
background-color: rgba(0, 0, 0, 0.3);
6139
color: white;
6140
}
6141
#panel_window menubar,
6143
#panel_window separator {
6144
background-color: transparent;
6145
}
6146
#panel_window separator {
6148
padding: 0 4px;
6149
}
6150
#panel_window separator:first-child {
6152
padding: 0 8px;
6153
}
6154
#panel_window menubar > menuitem {
6156
color: rgba(255, 255, 255, 0.7);
6157
}
6158
#panel_window menubar > menuitem:hover {
6160
color: white;
6161
}
6162
#panel_window menubar > menuitem:disabled label {
6164
color: rgba(255, 255, 255, 0.3);
6165
}
6166
#login_window,
6168
#shutdown_dialog,
6169
#restart_dialog {
6170
margin: 8px;
6171
border-radius: 4px;
6172
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);
6173
background-color: #FFFFFF;
6174
}
6175
#content_frame {
6177
padding-bottom: 20px;
6178
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
6179
}
6180
#buttonbox_frame {
6182
padding-top: 24px;
6183
}
6184
#buttonbox_frame button {
6186
margin: -16px;
6187
}
6188
#greeter_infobar {
6190
margin-top: -1px;
6191
}
6192
/********
6194
* Nemo *
6195
********/
6196
.nemo-window .primary-toolbar {
6197
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
6198
}
6199
.nemo-window .primary-toolbar entry {
6201
min-height: 0;
6202
margin: 0;
6203
}
6204
.nemo-window .primary-toolbar button.text-button {
6206
padding-left: 8px;
6207
padding-right: 8px;
6208
}
6209
.nemo-window .primary-toolbar button:not(.text-button):not(.image-button) {
6211
padding-left: 4px;
6212
padding-right: 4px;
6213
}
6214
.nemo-window scrolledwindow.frame {
6216
border-style: none;
6217
}
6218
.nemo-window scrolledwindow.frame .view:not(:selected) {
6220
background-color: transparent;
6221
}
6222
.nemo-window infobar {
6224
margin-top: -6px;
6225
}
6226
.nemo-window .nemo-inactive-pane .view:not(:selected) {
6228
background-color: #FAFAFA;
6229
}
6230
.nemo-window .nemo-window-pane widget.entry {
6232
border-radius: 4px;
6233
background-color: rgba(0, 0, 0, 0.04);
6234
}
6235
.places-treeview {
6237
-NemoPlacesTreeView-disk-full-bg-color: rgba(182, 182, 182, 0.961);
6238
-NemoPlacesTreeView-disk-full-fg-color: #4285F4;
6239
-NemoPlacesTreeView-disk-full-bar-width: 2px;
6240
-NemoPlacesTreeView-disk-full-bar-radius: 0;
6241
-NemoPlacesTreeView-disk-full-bottom-padding: 1px;
6242
-NemoPlacesTreeView-disk-full-max-length: 80px;
6243
}
6244
/* GTK NAMED COLORS
6246
----------------
6247
use responsibly! */
6248
/*
6249
widget text/foreground color */
6250
@define-color theme_fg_color rgba(0, 0, 0, 0.87);
6251
/*
6252
text color for entries, views and content in general */
6253
@define-color theme_text_color rgba(0, 0, 0, 0.87);
6254
/*
6255
widget base background color */
6256
@define-color theme_bg_color #F2F2F2;
6257
/*
6258
text widgets and the like base background color */
6259
@define-color theme_base_color #FFFFFF;
6260
/*
6261
base background color of selections */
6262
@define-color theme_selected_bg_color #4285F4;
6263
/*
6264
text/foreground color of selections */
6265
@define-color theme_selected_fg_color white;
6266
/*
6267
base background color of insensitive widgets */
6268
@define-color insensitive_bg_color #F2F2F2;
6269
/*
6270
text foreground color of insensitive widgets */
6271
@define-color insensitive_fg_color rgba(0, 0, 0, 0.38);
6272
/*
6273
insensitive text widgets and the like base background color */
6274
@define-color insensitive_base_color #FAFAFA;
6275
/*
6276
widget text/foreground color on backdrop windows */
6277
@define-color theme_unfocused_fg_color rgba(0, 0, 0, 0.87);
6278
/*
6279
text color for entries, views and content in general on backdrop windows */
6280
@define-color theme_unfocused_text_color rgba(0, 0, 0, 0.87);
6281
/*
6282
widget base background color on backdrop windows */
6283
@define-color theme_unfocused_bg_color #F2F2F2;
6284
/*
6285
text widgets and the like base background color on backdrop windows */
6286
@define-color theme_unfocused_base_color #FFFFFF;
6287
/*
6288
base background color of selections on backdrop windows */
6289
@define-color theme_unfocused_selected_bg_color #4285F4;
6290
/*
6291
text/foreground color of selections on backdrop windows */
6292
@define-color theme_unfocused_selected_fg_color white;
6293
/*
6294
insensitive color on backdrop windows */
6295
@define-color unfocused_insensitive_color rgba(0, 0, 0, 0.38);
6296
/*
6297
widgets main borders color */
6298
@define-color borders rgba(0, 0, 0, 0.12);
6299
/*
6300
widgets main borders color on backdrop windows */
6301
@define-color unfocused_borders rgba(0, 0, 0, 0.12);
6302
/*
6303
these are pretty self explicative */
6304
@define-color warning_color #FBBC05;
6305
@define-color error_color #EA4335;
6306
@define-color success_color #34A853;
6307
/*
6308
these colors are exported for the window manager and shouldn't be used in applications,
6309
read if you used those and something break with a version upgrade you're on your own... */
6310
@define-color wm_title rgba(0, 0, 0, 0.87);
6311
@define-color wm_unfocused_title rgba(0, 0, 0, 0.54);
6312
@define-color wm_highlight rgba(255, 255, 255, 0.4);
6313
@define-color wm_bg #E0E0E0;
6314
/*
6315
FIXME this is really an API */
6316
@define-color content_view_bg #FFFFFF;
6317
@define-color placeholder_text_color #757575;
6318