ASCII text, with very long lines (899)
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: 32px;
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: 32px;
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: 0px;
254
margin-right: 6px;
255
}
256
spinbutton:not(.vertical) image.right,
258
entry image.right {
259
margin-left: 6px;
260
margin-right: 0px;
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: 4px 8px;
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, .xfce4-panel.background 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, .xfce4-panel.background 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, .xfce4-panel.background 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, .xfce4-panel.background 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, .xfce4-panel.background 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, .xfce4-panel.background 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: 4px;
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: 12px;
610
}
611
button.text-button.image-button label:last-child {
614
margin-right: 12px;
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: 8px 12px;
678
}
679
button.osd.image-button {
682
padding: 8px;
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: 2px;
790
padding-right: 2px;
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: 4px;
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: 24px;
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 4px transparent;
964
}
965
spinbutton:not(.vertical) button.up:dir(ltr), spinbutton:not(.vertical) button.down:dir(rtl) {
967
margin-left: -2px;
968
}
969
spinbutton:not(.vertical) button.up:dir(rtl), spinbutton:not(.vertical) button.down:dir(ltr) {
971
margin-right: -2px;
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: 32px;
984
min-width: 40px;
985
padding: 0;
986
}
987
spinbutton.vertical button {
989
min-height: 32px;
990
min-width: 40px;
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: 0px;
1029
}
1030
combobox button.combo cellview:dir(rtl) {
1032
margin-right: 0px;
1033
}
1034
combobox #gtk-combobox-popup-menu {
1036
padding: 2px 0;
1037
}
1038
combobox #gtk-combobox-popup-menu menuitem {
1040
min-height: 28px;
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
background-image: image(alpha(currentColor, 0.08));
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: 4px;
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: 6px 2px;
1145
}
1146
.inline-toolbar {
1148
padding: 4px;
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: 4px;
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: 4px;
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: 40px;
1177
padding: 0 4px;
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.1);
1179
background-color: #383838;
1180
color: white;
1181
}
1182
.titlebar:disabled:not(headerbar),
1184
headerbar:disabled {
1185
color: rgba(255, 255, 255, 0.5);
1186
}
1187
.titlebar:backdrop:not(headerbar),
1189
headerbar:backdrop {
1190
color: rgba(255, 255, 255, 0.7);
1191
}
1192
.titlebar:backdrop:disabled:not(headerbar),
1194
headerbar:backdrop:disabled {
1195
color: rgba(255, 255, 255, 0.3);
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(255, 255, 255, 0.3);
1213
background-color: rgba(255, 255, 255, 0.04);
1214
color: white;
1215
}
1216
.titlebar:not(headerbar) entry:disabled,
1218
headerbar entry:disabled {
1219
box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12);
1220
background-color: rgba(255, 255, 255, 0.04);
1221
color: rgba(255, 255, 255, 0.5);
1222
}
1223
.titlebar:not(headerbar) entry image,
1225
headerbar entry image {
1226
color: rgba(255, 255, 255, 0.7);
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: white;
1233
}
1234
.titlebar:not(headerbar) entry image:disabled,
1236
headerbar entry image:disabled {
1237
color: rgba(255, 255, 255, 0.5);
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), currentColor 0%, transparent 0%) 0 0 0/0 0 0px;
1248
color: rgba(255, 255, 255, 0.7);
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: white;
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(255, 255, 255, 0.3);
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), currentColor 100%, transparent 0%) 0 0 2/0 0 2px;
1265
color: white;
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(255, 255, 255, 0.5);
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(255, 255, 255, 0.5);
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(255, 255, 255, 0.7);
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(255, 255, 255, 0.3);
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(255, 255, 255, 0.7);
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(255, 255, 255, 0.3);
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(255, 255, 255, 0.04);
1309
color: rgba(255, 255, 255, 0.5);
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: 4px;
1417
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
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: 4px;
1454
margin-bottom: 4px;
1455
}
1456
headerbar separator.titlebutton {
1458
margin-top: 10px;
1459
margin-bottom: 10px;
1460
background-color: rgba(255, 255, 255, 0.12);
1461
}
1462
headerbar switch {
1464
margin-top: 8px;
1465
margin-bottom: 8px;
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: #383838;
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: 4px;
1565
padding-right: 4px;
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: #383838;
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(255, 255, 255, 0.7);
1748
}
1749
menubar > menuitem:hover,
1751
.menubar > menuitem:hover {
1752
transition: none;
1753
background-color: rgba(255, 255, 255, 0.12);
1754
color: white;
1755
}
1756
menubar > menuitem:disabled,
1758
.menubar > menuitem:disabled {
1759
color: rgba(255, 255, 255, 0.3);
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: 4px 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: 4px;
2171
margin-right: -8px;
2172
}
2173
notebook > header tab button.flat:first-child {
2175
margin-left: -8px;
2176
margin-right: 4px;
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: 4px 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: 15px 12px;
2689
}
2690
scale.vertical {
2692
padding: 12px 15px;
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: 14px;
2704
padding-bottom: 14px;
2705
}
2706
scale.fine-tune.vertical {
2708
min-width: 4px;
2709
padding-left: 14px;
2710
padding-right: 14px;
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: 32px;
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: 32px;
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: 4px;
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: -4px;
3270
padding: 4px;
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: 4px;
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 > box {
3536
margin: -6px;
3537
min-height: 24px;
3538
padding: 4px 8px;
3539
}
3540
/*****************
3542
* Color Chooser *
3543
*****************/
3544
colorswatch.top {
3545
border-top-left-radius: 4.5px;
3546
border-top-right-radius: 4.5px;
3547
}
3548
colorswatch.top overlay {
3550
border-top-left-radius: 4px;
3551
border-top-right-radius: 4px;
3552
}
3553
colorswatch.bottom {
3555
border-bottom-left-radius: 4.5px;
3556
border-bottom-right-radius: 4.5px;
3557
}
3558
colorswatch.bottom overlay {
3560
border-bottom-left-radius: 4px;
3561
border-bottom-right-radius: 4px;
3562
}
3563
colorswatch.left, colorswatch:first-child:not(.top) {
3565
border-top-left-radius: 4.5px;
3566
border-bottom-left-radius: 4.5px;
3567
}
3568
colorswatch.left overlay, colorswatch:first-child:not(.top) overlay {
3570
border-top-left-radius: 4px;
3571
border-bottom-left-radius: 4px;
3572
}
3573
colorswatch.right, colorswatch:last-child:not(.bottom) {
3575
border-top-right-radius: 4.5px;
3576
border-bottom-right-radius: 4.5px;
3577
}
3578
colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay {
3580
border-top-right-radius: 4px;
3581
border-bottom-right-radius: 4px;
3582
}
3583
colorswatch.dark {
3585
color: white;
3586
}
3587
colorswatch.light {
3589
color: rgba(0, 0, 0, 0.87);
3590
}
3591
colorswatch:drop(active) {
3593
box-shadow: none;
3594
}
3595
colorswatch:drop(active).light overlay {
3597
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;
3598
}
3599
colorswatch:drop(active).dark overlay {
3601
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;
3602
}
3603
colorswatch overlay {
3605
transition: box-shadow 100ms cubic-bezier(0, 0, 0.2, 1);
3606
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
3607
}
3608
colorswatch overlay:hover {
3610
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
3611
}
3612
colorswatch#add-color-button {
3614
border-radius: 4px 4px 0 0;
3615
color: white;
3616
}
3617
colorswatch#add-color-button:only-child {
3619
border-radius: 4px;
3620
}
3621
colorswatch#add-color-button overlay {
3623
background-image: linear-gradient(to right, #EA4335 25%, #FBBC05 25%, #FBBC05 50%, #34A853 50%, #34A853 75%, #4285F4 75%);
3624
}
3625
colorswatch:disabled {
3627
opacity: 0.5;
3628
}
3629
colorswatch:disabled overlay {
3631
box-shadow: none;
3632
}
3633
colorswatch#editor-color-sample {
3635
border-radius: 4.5px;
3636
}
3637
colorswatch#editor-color-sample overlay {
3639
border-radius: 4px;
3640
}
3641
colorchooser .popover.osd {
3643
transition: box-shadow 100ms cubic-bezier(0, 0, 0.2, 1);
3644
border-radius: 4px;
3645
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);
3646
background-color: #FFFFFF;
3647
}
3648
colorchooser .popover.osd:backdrop {
3650
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);
3651
}
3652
/********
3654
* Misc *
3655
********/
3656
.content-view {
3657
background-color: #F2F2F2;
3658
}
3659
/**********************
3661
* Window Decorations *
3662
**********************/
3663
decoration {
3664
transition: box-shadow 100ms cubic-bezier(0, 0, 0.2, 1);
3665
border-radius: 4px 4px 0 0;
3666
box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22), 0 16px 16px transparent;
3667
margin: 8px;
3668
}
3669
decoration:backdrop {
3671
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), 0 16px 16px transparent;
3672
}
3673
.maximized decoration,
3675
.fullscreen decoration,
3676
.tiled decoration,
3677
.tiled-top decoration,
3678
.tiled-right decoration,
3679
.tiled-bottom decoration,
3680
.tiled-left decoration {
3681
border-radius: 0;
3682
}
3683
.popup decoration {
3685
box-shadow: none;
3686
}
3687
.ssd decoration {
3689
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16);
3690
}
3691
.csd.popup decoration {
3693
border-radius: 4px;
3694
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
3695
}
3696
tooltip.csd decoration {
3698
border-radius: 4px;
3699
box-shadow: none;
3700
}
3701
messagedialog.csd decoration {
3703
border-radius: 4px;
3704
}
3705
.solid-csd decoration {
3707
margin: 0;
3708
border-radius: 0;
3709
box-shadow: none;
3710
background-color: #383838;
3711
}
3712
.view selection, .view:selected, flowbox flowboxchild:selected, label selection, spinbutton:not(.vertical) selection,
3714
entry selection, modelbutton.flat:selected,
3715
.menuitem.button.flat:selected, popover.background.menu button:checked,
3716
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 {
3717
background-color: rgba(66, 133, 244, 0.32);
3718
}
3719
.monospace {
3721
font-family: monospace;
3722
}
3723
/**********************
3725
* Touch Copy & Paste *
3726
**********************/
3727
cursor-handle {
3728
color: #4285F4;
3729
-gtk-icon-source: -gtk-recolor(url("assets/scalable/cursor-handle-symbolic.svg"));
3730
}
3731
cursor-handle.top:dir(ltr), cursor-handle.bottom:dir(rtl) {
3733
-gtk-icon-transform: rotate(90deg);
3734
}
3735
cursor-handle.bottom:dir(ltr), cursor-handle.top:dir(rtl) {
3737
-gtk-icon-transform: unset;
3738
}
3739
cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) {
3741
padding-top: 6px;
3742
-gtk-icon-transform: rotate(45deg);
3743
}
3744
.context-menu {
3746
font: initial;
3747
}
3748
.keycap {
3750
min-width: 12px;
3751
min-height: 26px;
3752
margin-top: 2px;
3753
padding-bottom: 2px;
3754
padding-left: 8px;
3755
padding-right: 8px;
3756
border: solid 1px rgba(0, 0, 0, 0.12);
3757
border-radius: 5px;
3758
box-shadow: inset 0 -2px rgba(0, 0, 0, 0.12);
3759
background-color: #FFFFFF;
3760
color: rgba(0, 0, 0, 0.87);
3761
font-size: smaller;
3762
}
3763
:not(decoration):not(window):drop(active) {
3765
transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
3766
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;
3767
caret-color: #4285F4;
3768
}
3769
stackswitcher button.text-button {
3771
min-width: 100px;
3772
}
3773
stackswitcher button.circular,
3775
stackswitcher button.text-button.circular {
3776
min-width: 32px;
3777
min-height: 32px;
3778
padding: 0;
3779
}
3780
/*************
3782
* App Icons *
3783
*************/
3784
/*********
3785
* Emoji *
3786
*********/
3787
popover.emoji-picker {
3788
padding: 0;
3789
}
3790
popover.emoji-picker entry {
3792
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
3793
border-image: none;
3794
border-radius: 0;
3795
box-shadow: none;
3796
background-color: transparent;
3797
}
3798
popover.emoji-picker scrolledwindow {
3800
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
3801
}
3802
button.emoji-section {
3804
margin-top: -1px;
3805
padding: 0 8px;
3806
min-width: 24px;
3807
min-height: 32px;
3808
border-radius: 0;
3809
outline-offset: -6px;
3810
}
3811
button.emoji-section, button.emoji-section:hover, button.emoji-section:active {
3813
box-shadow: inset 0 2px transparent;
3814
}
3815
button.emoji-section:checked {
3817
box-shadow: inset 0 2px #4285F4;
3818
background-color: transparent;
3819
}
3820
button.emoji-section:hover, button.emoji-section:active {
3822
background-color: alpha(currentColor, 0.08);
3823
}
3824
button.emoji-section:first-child {
3826
margin-left: 4px;
3827
}
3828
button.emoji-section:last-child {
3830
margin-right: 4px;
3831
}
3832
popover.emoji-picker .emoji {
3834
min-width: 3em;
3835
min-height: 3em;
3836
padding: 0 8px;
3837
}
3838
popover.emoji-picker .emoji widget {
3840
transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
3841
border-radius: 4px;
3842
}
3843
popover.emoji-picker .emoji widget:hover {
3845
background-color: alpha(currentColor, 0.08);
3846
}
3847
popover.emoji-completion {
3849
padding: 8px 0;
3850
}
3851
popover.emoji-completion arrow {
3853
border: none;
3854
background: none;
3855
}
3856
popover.emoji-completion .emoji-completion-row {
3858
min-height: 28px;
3859
padding: 0 12px;
3860
}
3861
popover.emoji-completion .emoji:hover {
3863
background-color: alpha(currentColor, 0.08);
3864
}
3865
/************
3867
* Nautilus *
3868
************/
3869
.nautilus-window,
3870
.nautilus-window notebook,
3871
.nautilus-window notebook > stack {
3872
background-color: #FFFFFF;
3873
}
3874
.nautilus-canvas-item.dim-label, label.nautilus-canvas-item.separator, .titlebar:not(headerbar) .nautilus-canvas-item.subtitle,
3876
headerbar .nautilus-canvas-item.subtitle, .budgie-notification .nautilus-canvas-item.notification-body, .budgie-switcher .nautilus-canvas-item.notification-body,
3877
.nautilus-list-dim-label {
3878
color: rgba(0, 0, 0, 0.54);
3879
}
3880
.nautilus-desktop.nautilus-canvas-item, .caja-desktop.caja-canvas-item, .nemo-desktop.nemo-canvas-item {
3882
color: white;
3883
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
3884
}
3885
@keyframes needs_attention_keyframes {
3887
to {
3888
background-color: alpha(currentColor, 0.12);
3889
}
3890
}
3891
.nautilus-operations-button-needs-attention {
3893
animation: needs_attention_keyframes 300ms cubic-bezier(0.4, 0, 0.2, 1) 2 alternate;
3894
}
3895
.nautilus-operations-button-needs-attention-multiple {
3897
animation: needs_attention_keyframes 300ms cubic-bezier(0.4, 0, 0.2, 1) 6 alternate;
3898
}
3899
.path-bar-box {
3901
transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1);
3902
margin: 4px 0;
3903
border-radius: 4px;
3904
}
3905
.path-bar-box button {
3907
margin: 0;
3908
}
3909
.path-bar-box.width-maximized {
3911
background-color: rgba(255, 255, 255, 0.04);
3912
}
3913
.path-bar-box.background.frame {
3915
border-style: none;
3916
background-color: rgba(255, 255, 255, 0.04);
3917
}
3918
.path-bar-box .path-bar button label:not(:only-child):first-child {
3920
margin-left: 0;
3921
}
3922
.path-bar-box .path-bar button label:not(:only-child):last-child {
3924
margin-right: 0;
3925
}
3926
.path-bar-box .nautilus-path-bar button {
3928
padding-left: 4px;
3929
padding-right: 4px;
3930
}
3931
.path-bar-box .nautilus-path-bar button label:not(:only-child):first-child {
3933
margin-left: 0;
3934
}
3935
.path-bar-box .nautilus-path-bar button label:not(:only-child):last-child {
3937
margin-right: 0;
3938
}
3939
.path-bar-box .nautilus-path-bar button.text-button.image-button image:not(:only-child) {
3941
margin: 0;
3942
}
3943
.nautilus-window .floating-bar {
3945
min-height: 32px;
3946
padding: 0;
3947
border-style: solid solid none;
3948
border-width: 1px;
3949
border-color: rgba(0, 0, 0, 0.12);
3950
border-radius: 5px 5px 0 0;
3951
background-color: rgba(255, 255, 255, 0.9);
3952
background-clip: padding-box;
3953
}
3954
.nautilus-window .floating-bar.bottom.left {
3956
margin-right: 7px;
3957
border-left-style: none;
3958
border-top-left-radius: 0;
3959
}
3960
.nautilus-window .floating-bar.bottom.right {
3962
margin-left: 7px;
3963
border-right-style: none;
3964
border-top-right-radius: 0;
3965
}
3966
.nautilus-window .floating-bar button {
3968
margin: 4px;
3969
}
3970
.disk-space-display.unknown {
3972
background-color: rgba(0, 0, 0, 0.26);
3973
color: rgba(0, 0, 0, 0.26);
3974
}
3975
.disk-space-display.used {
3977
background-color: #4285F4;
3978
color: #4285F4;
3979
}
3980
.disk-space-display.free {
3982
background-color: rgba(0, 0, 0, 0.12);
3983
color: rgba(0, 0, 0, 0.12);
3984
}
3985
.search-information {
3987
padding: 2px;
3988
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
3989
background-color: #FFFFFF;
3990
color: rgba(0, 0, 0, 0.87);
3991
}
3992
.conflict-row:not(:selected) {
3994
background-color: #feebb4;
3995
}
3996
.nautilus-window flowboxchild .icon-item-background {
3998
padding: 4px;
3999
border-radius: 4px;
4000
}
4001
.nautilus-window flowboxchild:selected {
4003
background-color: transparent;
4004
}
4005
dialog.background > box.dialog-vbox.vertical > grid.horizontal > scrolledwindow.frame {
4007
border-style: none;
4008
}
4009
dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child {
4011
margin: -6px 0 0 -6px;
4012
border-top: 1px solid rgba(0, 0, 0, 0.12);
4013
}
4014
dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child > label {
4016
margin: 0 8px;
4017
}
4018
dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child > box > button {
4020
border-radius: 0;
4021
}
4022
.nautilus-window > popover.menu:not(:last-child) {
4024
padding: 3px;
4025
}
4026
.nautilus-window > popover.menu:not(:last-child) > stack > box > box > box {
4028
margin-top: -6px;
4029
}
4030
.nautilus-window > popover.menu:not(:last-child) > stack > box > box > box > box {
4032
margin-bottom: -6px;
4033
}
4034
.nautilus-window > popover.menu:not(:last-child) > stack > box > box > box > box.linked {
4036
margin-top: 1px;
4037
}
4038
.nautilus-window > popover.menu:not(:last-child) separator {
4040
margin-bottom: -2px;
4041
}
4042
.nautilus-menu-sort-heading {
4044
margin: 1px 3px;
4045
font-weight: 500;
4046
}
4047
.nautilus-menu-sort-heading:disabled {
4049
color: rgba(0, 0, 0, 0.54);
4050
}
4051
.nautilus-window paned > separator {
4053
background-color: #F2F2F2;
4054
}
4055
/*********
4057
* gedit *
4058
*********/
4059
.open-document-selector-path-label {
4060
color: rgba(0, 0, 0, 0.54);
4061
font-size: smaller;
4062
}
4063
.open-document-selector-match {
4065
background-color: #FBBC05;
4066
color: rgba(0, 0, 0, 0.87);
4067
}
4068
.gedit-document-panel {
4070
background-color: #FAFAFA;
4071
}
4072
.gedit-document-panel row button.flat {
4074
margin-top: 8px;
4075
margin-bottom: 8px;
4076
}
4077
.gedit-document-panel-group-row:not(:first-child) {
4079
border-top: 1px solid rgba(0, 0, 0, 0.12);
4080
}
4081
.gedit-side-panel-paned statusbar {
4083
border-top: 1px solid rgba(0, 0, 0, 0.12);
4084
}
4085
.gedit-search-slider {
4087
margin: 4px 4px 8px;
4088
}
4089
.gedit-search-slider .linked:not(.vertical) > entry {
4091
border-radius: 4px;
4092
}
4093
.gedit-search-slider .linked:not(.vertical) > entry .gedit-search-entry-occurrences-tag {
4095
all: unset;
4096
color: rgba(0, 0, 0, 0.54);
4097
}
4098
.gedit-search-slider .linked:not(.vertical) > entry:dir(ltr) {
4100
margin-right: -60px;
4101
padding-right: 60px;
4102
}
4103
.gedit-search-slider .linked:not(.vertical) > entry:dir(ltr) .gedit-search-entry-occurrences-tag {
4105
margin-left: 4px;
4106
}
4107
.gedit-search-slider .linked:not(.vertical) > entry:dir(ltr) image.right {
4109
margin-right: 0;
4110
}
4111
.gedit-search-slider .linked:not(.vertical) > entry:dir(rtl) {
4113
margin-left: -60px;
4114
padding-left: 60px;
4115
}
4116
.gedit-search-slider .linked:not(.vertical) > entry:dir(rtl) .gedit-search-entry-occurrences-tag {
4118
margin-right: 4px;
4119
}
4120
.gedit-search-slider .linked:not(.vertical) > entry:dir(rtl) image.left {
4122
margin-left: 0;
4123
}
4124
.gedit-search-slider .linked:not(.vertical) > entry:not(.error) {
4126
background-color: #FFFFFF;
4127
}
4128
.gedit-search-slider .linked:not(.vertical) > entry.error ~ button {
4130
color: rgba(255, 255, 255, 0.7);
4131
}
4132
.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:hover, .gedit-search-slider .linked:not(.vertical) > entry.error ~ button:active {
4134
color: white;
4135
}
4136
.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:disabled {
4138
color: rgba(255, 255, 255, 0.3);
4139
}
4140
.gedit-search-slider .linked > button {
4142
border: solid 4px transparent;
4143
border-radius: 9999px;
4144
}
4145
.gedit-search-slider .linked > button:last-child:dir(ltr), .gedit-search-slider .linked > button:not(:first-child):dir(rtl) {
4147
margin-left: -2px;
4148
}
4149
.gedit-search-slider .linked > button:first-child:dir(rtl), .gedit-search-slider .linked > button:not(:last-child):dir(ltr) {
4151
margin-right: -2px;
4152
}
4153
frame.gedit-map-frame > border:dir(ltr) {
4155
border-style: none none none solid;
4156
}
4157
frame.gedit-map-frame > border:dir(rtl) {
4159
border-style: none solid none none;
4160
}
4161
/**********
4163
* Tweaks *
4164
**********/
4165
.tweak-categories {
4166
background-image: image(#FAFAFA);
4167
}
4168
.tweak {
4170
padding: 3px;
4171
}
4172
.tweak.title:hover {
4174
box-shadow: none;
4175
}
4176
.tweak-group-white,
4178
.tweak-white,
4179
.tweak-white:hover {
4180
background-image: image(#FFFFFF);
4181
}
4182
.tweak-startup,
4184
.tweak-startup:hover {
4185
background-image: image(#FFFFFF);
4186
}
4187
.tweak-group-startup {
4189
background-image: image(#FFFFFF);
4190
border: 1px solid rgba(0, 0, 0, 0.12);
4191
}
4192
row#Focus,
4194
row#ClickMethod,
4195
row#StaticWorkspaceTweak,
4196
row#dynamic-workspaces,
4197
row#PrimaryWorkspaceTweak,
4198
row#workspaces-only-on-primary {
4199
padding: 0;
4200
border: 1px solid rgba(0, 0, 0, 0.12);
4201
}
4202
row#Focus row:not(:last-child),
4204
row#ClickMethod row:not(:last-child),
4205
row#StaticWorkspaceTweak row:not(:last-child),
4206
row#dynamic-workspaces row:not(:last-child),
4207
row#PrimaryWorkspaceTweak row:not(:last-child),
4208
row#workspaces-only-on-primary row:not(:last-child) {
4209
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4210
}
4211
row#Focus.tweak > list,
4213
row#ClickMethod.tweak > list,
4214
row#StaticWorkspaceTweak.tweak > list,
4215
row#dynamic-workspaces.tweak > list,
4216
row#PrimaryWorkspaceTweak.tweak > list,
4217
row#workspaces-only-on-primary.tweak > list {
4218
margin-top: -3px;
4219
}
4220
row#Focus,
4222
row#ClickMethod,
4223
row#PrimaryWorkspaceTweak,
4224
row#workspaces-only-on-primary {
4225
margin-top: 4px;
4226
}
4227
/***********
4229
* Builder *
4230
***********/
4231
layouttabbar {
4232
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4233
background-color: #F2F2F2;
4234
}
4235
layouttabbar > box > button {
4237
margin: 4px 0;
4238
}
4239
layouttab {
4241
margin: 0 8px;
4242
border-style: none solid;
4243
border-width: 1px;
4244
border-color: rgba(0, 0, 0, 0.12);
4245
box-shadow: inset 0 -2px #4285F4;
4246
background-color: #FFFFFF;
4247
}
4248
layouttab separator.vertical {
4250
margin: 8px 4px;
4251
}
4252
layouttab button.text-button, layouttab button.image-button, layouttab button {
4254
margin-top: 8px;
4255
margin-bottom: 8px;
4256
padding: 0 4px;
4257
}
4258
layout {
4260
border: 1px solid rgba(0, 0, 0, 0.12);
4261
-PnlDockBin-handle-size: 1;
4262
}
4263
entry.search-missing {
4265
background-color: #EA4335;
4266
color: white;
4267
}
4268
window.workbench treeview.image {
4270
color: rgba(0, 0, 0, 0.54);
4271
}
4272
popover.popover-selector list {
4274
padding: 6px;
4275
}
4276
popover.popover-selector list row {
4278
border-radius: 4px;
4279
}
4280
popover.popover-selector list row image:dir(ltr) {
4282
margin-right: 6px;
4283
}
4284
popover.popover-selector list row image:dir(rtl) {
4286
margin-left: 6px;
4287
}
4288
popover.popover-selector list row .accel:dir(ltr) {
4290
margin-left: 6px;
4291
}
4292
popover.popover-selector list row .accel:dir(rtl) {
4294
margin-right: 6px;
4295
}
4296
omnibar.linked:not(.vertical) entry {
4298
border-radius: 4px;
4299
}
4300
omnibar:not(:hover):not(:active) entry {
4302
color: rgba(0, 0, 0, 0.54);
4303
}
4304
popover.omnibar list row:not(:last-child) {
4306
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4307
}
4308
entry.preferences-search {
4310
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12);
4311
background-color: #FFFFFF;
4312
}
4313
preferences stacksidebar.sidebar list {
4315
background-color: #FAFAFA;
4316
}
4317
preferences stacksidebar.sidebar:dir(ltr) list, preferences stacksidebar.sidebar:dir(rtl) list {
4319
border-style: none;
4320
}
4321
preferences > box > box:dir(ltr) {
4323
border-right: 1px solid rgba(0, 0, 0, 0.12);
4324
}
4325
preferences > box > box:dir(rtl) {
4327
border-left: 1px solid rgba(0, 0, 0, 0.12);
4328
}
4329
popover.messagepopover.background {
4331
padding: 0;
4332
}
4333
popover.messagepopover .popover-action-area button {
4335
padding: 8px 16px;
4336
border-top: 1px solid rgba(0, 0, 0, 0.12);
4337
border-radius: 0;
4338
}
4339
popover.messagepopover .popover-action-area button:first-child {
4341
border-bottom-left-radius: 4px;
4342
}
4343
popover.messagepopover .popover-action-area button:last-child {
4345
border-bottom-right-radius: 4px;
4346
}
4347
popover.messagepopover .popover-content-area {
4349
margin: 16px;
4350
}
4351
popover.transfers list {
4353
background-color: transparent;
4354
}
4355
popover.transfers list row:not(:first-child) {
4357
border-top: 1px solid rgba(0, 0, 0, 0.12);
4358
}
4359
popover.transfers list row > box {
4361
padding: 10px;
4362
}
4363
dockbin {
4365
border: 1px solid rgba(0, 0, 0, 0.12);
4366
-PnlDockBin-handle-size: 1;
4367
}
4368
dockpaned {
4370
border: 1px solid rgba(0, 0, 0, 0.12);
4371
}
4372
eggsearchbar box.search-bar {
4374
padding: 0 8px;
4375
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4376
background-color: #F2F2F2;
4377
}
4378
docktabstrip {
4380
padding: 0 8px;
4381
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4382
background-color: #F2F2F2;
4383
}
4384
docktab {
4386
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
4387
min-height: 24px;
4388
min-width: 24px;
4389
margin-bottom: -1px;
4390
padding: 4px 6px;
4391
outline-offset: -6px;
4392
border-width: 1px;
4393
border-color: transparent;
4394
box-shadow: inset 0 -2px transparent;
4395
background-image: radial-gradient(circle farthest-corner at center, #4285F4 10%, transparent 0%);
4396
background-repeat: no-repeat;
4397
background-position: center;
4398
background-size: 0% 0%;
4399
color: rgba(0, 0, 0, 0.54);
4400
font-weight: 500;
4401
}
4402
docktab:hover {
4404
background-color: alpha(currentColor, 0.08);
4405
color: rgba(0, 0, 0, 0.87);
4406
}
4407
docktab:checked {
4409
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);
4410
box-shadow: inset 0 -2px #4285F4;
4411
background-color: transparent;
4412
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
4413
background-size: 1000% 1000%;
4414
color: rgba(0, 0, 0, 0.87);
4415
}
4416
dockoverlayedge {
4418
background-color: #F2F2F2;
4419
}
4420
dockoverlayedge docktabstrip {
4422
padding: 0;
4423
border: none;
4424
}
4425
dockoverlayedge.left-edge docktab:hover {
4427
box-shadow: inset -2px 0 rgba(0, 0, 0, 0.26);
4428
}
4429
dockoverlayedge.left-edge docktab:checked {
4431
box-shadow: inset -2px 0 #4285F4;
4432
}
4433
dockoverlayedge.right-edge docktab:hover {
4435
box-shadow: inset 2px 0 rgba(0, 0, 0, 0.26);
4436
}
4437
dockoverlayedge.right-edge docktab:checked {
4439
box-shadow: inset 2px 0 #4285F4;
4440
}
4441
pillbox {
4443
background-color: #F2F2F2;
4444
border-radius: 4px;
4445
}
4446
layoutpane entry.search {
4448
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12);
4449
background-color: #FFFFFF;
4450
}
4451
editortweak entry.search {
4453
margin-bottom: -1px;
4454
box-shadow: none;
4455
}
4456
.gb-search-entry-occurrences-tag {
4458
box-shadow: none;
4459
background-color: transparent;
4460
}
4461
docktabstrip {
4463
min-height: 39px;
4464
}
4465
window.workbench preferences preferencesgroup list entry {
4467
padding-top: 8px;
4468
padding-bottom: 8px;
4469
}
4470
button.run-arrow-button {
4472
padding-left: 8px;
4473
padding-right: 8px;
4474
}
4475
button.dzlmenubutton image {
4477
min-width: 26px;
4478
}
4479
button.dzlmenubutton image.arrow {
4481
min-width: 23px;
4482
}
4483
button.dzlmenubuttonitem {
4485
color: rgba(0, 0, 0, 0.87);
4486
font-weight: normal;
4487
}
4488
button.dzlmenubuttonitem:disabled {
4490
color: rgba(0, 0, 0, 0.38);
4491
}
4492
idelayoutstackheader {
4494
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4495
}
4496
idelayoutstackheader button:checked {
4498
color: rgba(0, 0, 0, 0.87);
4499
}
4500
ideeditorutilities > dzldockpaned > box > stackswitcher {
4502
padding: 8px 0;
4503
background-color: #F2F2F2;
4504
}
4505
ideeditorutilities > dzldockpaned > box > stackswitcher:dir(ltr) {
4507
border-right: 1px solid rgba(0, 0, 0, 0.12);
4508
}
4509
ideeditorutilities > dzldockpaned > box > stackswitcher:dir(rtl) {
4511
border-left: 1px solid rgba(0, 0, 0, 0.12);
4512
}
4513
ideeditorutilities > dzldockpaned > box > stackswitcher button {
4515
border-radius: 0;
4516
outline-offset: -6px;
4517
box-shadow: none;
4518
background-color: transparent;
4519
}
4520
ideeditorutilities > dzldockpaned > box > stackswitcher button:active {
4522
background-image: radial-gradient(circle farthest-corner at center, rgba(66, 133, 244, 0.7) 10%, transparent 0%);
4523
}
4524
ideeditorutilities > dzldockpaned > box > stackswitcher button:checked {
4526
background-color: transparent;
4527
color: rgba(0, 0, 0, 0.87);
4528
}
4529
ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr) {
4531
margin-right: -1px;
4532
}
4533
ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):hover {
4535
box-shadow: inset -2px 0 rgba(0, 0, 0, 0.26);
4536
}
4537
ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):active, ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):checked {
4539
box-shadow: inset -2px 0 #4285F4;
4540
}
4541
ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl) {
4543
margin-left: -1px;
4544
}
4545
ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):hover {
4547
box-shadow: inset 2px 0 rgba(0, 0, 0, 0.26);
4548
}
4549
ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):active, ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):checked {
4551
box-shadow: inset 2px 0 #4285F4;
4552
}
4553
ideeditorsidebar notebook header {
4555
background: transparent;
4556
}
4557
popover.messagepopover list {
4559
border: 1px solid rgba(0, 0, 0, 0.12);
4560
}
4561
popover.messagepopover list row:not(:last-child) {
4563
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4564
}
4565
/**********
4567
* Photos *
4568
**********/
4569
GdMainIconView.content-view {
4570
-GdMainIconView-icon-size: 48;
4571
}
4572
.documents-counter {
4574
margin: 8px;
4575
border-radius: 9999px;
4576
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
4577
background-color: #4285F4;
4578
color: white;
4579
font-weight: bold;
4580
}
4581
.documents-scrolledwin.frame {
4583
border-style: none;
4584
}
4585
.documents-scrolledwin.frame frame.content-view > border {
4587
border-style: none;
4588
}
4589
.photos-fade-in {
4591
opacity: 1;
4592
transition: opacity 100ms cubic-bezier(0, 0, 0.2, 1);
4593
}
4594
.photos-fade-out {
4596
opacity: 0;
4597
transition: opacity 100ms cubic-bezier(0, 0, 0.2, 1);
4598
}
4599
button.photos-filter-preview {
4601
color: rgba(0, 0, 0, 0.87);
4602
font-weight: normal;
4603
}
4604
button.photos-filter-preview:checked {
4606
background-color: rgba(66, 133, 244, 0.32);
4607
color: rgba(0, 0, 0, 0.87);
4608
}
4609
button.photos-filter-preview:checked image {
4611
color: white;
4612
-gtk-icon-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
4613
}
4614
overlay grid.horizontal > revealer > scrolledwindow.frame:dir(ltr) {
4616
border-style: none none none solid;
4617
}
4618
overlay grid.horizontal > revealer > scrolledwindow.frame:dir(rtl) {
4620
border-style: none solid none none;
4621
}
4622
/*********
4624
* Music *
4625
*********/
4626
.side-panel:dir(ltr) {
4627
border-style: solid;
4628
border-color: rgba(0, 0, 0, 0.12);
4629
}
4630
.side-panel:dir(rtl) {
4632
border-style: solid;
4633
border-color: rgba(0, 0, 0, 0.12);
4634
}
4635
.side-panel .view {
4637
background-image: image(#FAFAFA);
4638
}
4639
.side-panel .view:hover {
4641
background-image: image(rgba(240, 240, 240, 0.9935));
4642
}
4643
.side-panel .view:selected {
4645
background-image: image(#4285F4);
4646
}
4647
.side-panel .view:selected:hover {
4649
background-image: image(#4b8bf5);
4650
}
4651
.songs-list:hover {
4653
background-image: image(alpha(currentColor, 0.08));
4654
}
4655
frame.documents-dropdown {
4657
margin: 8px;
4658
}
4659
frame.documents-dropdown > border {
4661
border: none;
4662
}
4663
box.vertical > revealer > toolbar.search-bar {
4665
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4666
background-clip: border-box;
4667
}
4668
box.vertical > revealer > toolbar.search-bar button > widget {
4670
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
4671
}
4672
/*********
4674
* To Do *
4675
*********/
4676
task-list-view taskrow {
4677
transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
4678
margin: 0 -8px;
4679
}
4680
task-list-view taskrow:hover {
4682
transition: none;
4683
}
4684
task-list-view taskrow label {
4686
margin: 0 8px;
4687
}
4688
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,
4690
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 {
4691
min-width: 16px;
4692
}
4693
task-list-view > box > revealer > box > button {
4695
margin: -4px;
4696
}
4697
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,
4699
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 {
4700
opacity: 1;
4701
}
4702
tasklistview taskrow {
4704
outline: none;
4705
}
4706
tasklistview taskrow entry, tasklistview taskrow entry:focus, tasklistview taskrow entry:disabled {
4708
box-shadow: none;
4709
}
4710
tasklistview taskrow image.dim-label, tasklistview taskrow .titlebar:not(headerbar) image.subtitle, .titlebar:not(headerbar) tasklistview taskrow image.subtitle,
4712
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 {
4713
min-width: 16px;
4714
}
4715
tasklistview > box > revealer > box > button {
4717
margin: -4px;
4718
}
4719
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,
4721
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 {
4722
opacity: 1;
4723
}
4724
/*******
4726
* eog *
4727
*******/
4728
#eog-thumb-nav scrolledwindow {
4729
border-top: none;
4730
}
4731
#eog-thumb-nav button {
4733
-gtk-outline-radius: 4px;
4734
}
4735
/*************
4737
* Evolution *
4738
*************/
4739
frame.taskbar > border {
4740
border-style: solid none none;
4741
}
4742
box.vertical > paned.horizontal notebook widget .frame {
4744
border-style: none;
4745
}
4746
/********
4748
* gitg *
4749
********/
4750
frame.commit-frame > border {
4751
border-style: solid none none;
4752
}
4753
/**************
4755
* Characters *
4756
**************/
4757
box.dialog-vbox scrolledwindow.related {
4758
border: 1px solid rgba(0, 0, 0, 0.12);
4759
}
4760
list.categories {
4762
background-image: image(#FAFAFA);
4763
}
4764
/*********
4766
* Boxes *
4767
*********/
4768
.transparent-bg + stack overlay > label {
4769
min-height: 24px;
4770
padding: 0 4px;
4771
border-radius: 4px;
4772
background-color: rgba(0, 0, 0, 0.6);
4773
color: white;
4774
}
4775
/**************
4777
* Calculator *
4778
**************/
4779
button.title label {
4780
min-height: 32px;
4781
}
4782
/*********
4784
* Geary *
4785
*********/
4786
.geary-titlebar-left:dir(ltr) {
4787
margin-right: 5px;
4788
padding-right: 0;
4789
}
4790
.geary-titlebar-left:dir(rtl) {
4792
margin-left: 5px;
4793
padding-left: 0;
4794
}
4795
.geary-titlebar-left > separator {
4797
background-color: rgba(0, 0, 0, 0.05);
4798
}
4799
.geary-titlebar-right:dir(ltr) {
4801
margin-left: -5px;
4802
}
4803
.geary-titlebar-right:dir(rtl) {
4805
margin-right: -5px;
4806
}
4807
/*********
4809
* Tilix *
4810
*********/
4811
overlay > revealer.left > scrolledwindow.frame,
4812
overlay > revealer.right > scrolledwindow.frame {
4813
border-style: none;
4814
box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22);
4815
}
4816
overlay > revealer.left > scrolledwindow.frame {
4818
margin-right: 32px;
4819
}
4820
overlay > revealer.right > scrolledwindow.frame {
4822
margin-left: 32px;
4823
}
4824
.terminix-session-sidebar,
4826
.tilix-session-sidebar {
4827
background-image: image(#FFFFFF);
4828
}
4829
.terminal-titlebar button {
4831
border-radius: 0;
4832
}
4833
button.image-button.session-new-button {
4835
min-width: 28px;
4836
}
4837
/**************
4839
* Terminator *
4840
**************/
4841
.terminator-terminal-window paned > separator {
4842
background-color: #F2F2F2;
4843
}
4844
.terminator-terminal-window notebook.frame {
4846
border-style: none;
4847
}
4848
/***********
4850
* Eclipse *
4851
***********/
4852
window.background > box.vertical > scrolledwindow > widget toolbar {
4853
padding: 2px;
4854
}
4855
window.background > box.vertical > scrolledwindow > widget toolbar separator,
4857
window.background > box.vertical > scrolledwindow > widget toolbar button {
4858
margin: 2px;
4859
}
4860
window.background > box.vertical > scrolledwindow > widget toolbar button {
4862
border-radius: 4px;
4863
}
4864
/************
4866
* Chromium *
4867
************/
4868
window.background.chromium {
4869
background-color: #F2F2F2;
4870
}
4871
window.background.chromium entry,
4873
window.background.chromium > button:not(.suggested-action):not(.destructive-action) {
4874
border: 1px solid rgba(0, 0, 0, 0.26);
4875
}
4876
window.background.chromium > button {
4878
box-shadow: none;
4879
background-size: auto;
4880
}
4881
window.background.chromium > button:hover {
4883
background-image: image(alpha(currentColor, 0.08));
4884
}
4885
window.background.chromium > button:active {
4887
background-image: image(alpha(currentColor, 0.24));
4888
}
4889
window.background.chromium headerbar button:active {
4891
background-size: 1000% 1000%;
4892
}
4893
window.background.chromium spinner {
4895
color: #4285F4;
4896
}
4897
window.background.chromium textview {
4899
background-color: #FFFFFF;
4900
}
4901
tooltip.background.chromium {
4903
background-color: #616161;
4904
}
4905
/***********
4907
* Firefox *
4908
***********/
4909
window.background:not(.csd) > widget > separator {
4910
color: rgba(0, 0, 0, 0.26);
4911
}
4912
window.background:not(.csd) > widget > scrollbar {
4914
background-clip: border-box;
4915
}
4916
window.background:not(.csd) > widget > scrollbar,
4918
window.background:not(.csd) > widget > frame > border {
4919
border-color: rgba(0, 0, 0, 0.26);
4920
}
4921
window.background:not(.csd) > widget > entry,
4923
window.background:not(.csd) > widget > button > button {
4924
border: 1px solid rgba(0, 0, 0, 0.26);
4925
border-radius: 4px;
4926
box-shadow: none;
4927
}
4928
window.background:not(.csd) > widget > entry {
4930
min-height: 30px;
4931
background-color: #FFFFFF;
4932
}
4933
window.background:not(.csd) > widget > entry:focus {
4935
border-color: #4285F4;
4936
box-shadow: inset 0 0 0 1px #4285F4;
4937
}
4938
window.background:not(.csd) > widget > entry:disabled {
4940
background-color: #FAFAFA;
4941
}
4942
window.background:not(.csd) > widget > button > button {
4944
padding: 4px 8px;
4945
background-size: auto;
4946
}
4947
window.background:not(.csd) > widget > button > button:hover {
4949
background-image: image(alpha(currentColor, 0.08));
4950
}
4951
window.background:not(.csd) > widget > button > button:active {
4953
background-image: image(alpha(currentColor, 0.24));
4954
}
4955
window.background:not(.csd) > widget > checkbutton > check:not(:checked),
4957
window.background:not(.csd) > widget > radiobutton > radio:not(:checked) {
4958
color: #757575;
4959
}
4960
window.background:not(.csd) > widget > checkbutton > check:not(:checked):hover, window.background:not(.csd) > widget > checkbutton > check:not(:checked):active,
4962
window.background:not(.csd) > widget > radiobutton > radio:not(:checked):hover,
4963
window.background:not(.csd) > widget > radiobutton > radio:not(:checked):active {
4964
color: #212121;
4965
}
4966
window.background:not(.csd) > widget > checkbutton > check:not(:checked):disabled,
4968
window.background:not(.csd) > widget > radiobutton > radio:not(:checked):disabled {
4969
color: rgba(117, 117, 117, 0.5);
4970
}
4971
window.background:not(.csd) > window > menu,
4973
window.background:not(.csd) > menu > menu {
4974
border: none;
4975
}
4976
text:selected {
4978
background-color: #4285F4;
4979
color: white;
4980
}
4981
window.background:not(.csd) > widget > menubar {
4983
color: rgba(255, 255, 255, 0.7);
4984
}
4985
window.background:not(.csd) > widget > menubar:hover {
4987
color: white;
4988
}
4989
window.background:not(.csd) > widget > menubar:disabled {
4991
color: rgba(255, 255, 255, 0.3);
4992
}
4993
window.background:not(.csd) > widget > frame {
4995
color: rgba(0, 0, 0, 0.26);
4996
}
4997
window.background:not(.csd) > widget > checkbutton > check,
4999
window.background:not(.csd) > widget > radiobutton > radio {
5000
margin: 0;
5001
padding: 0;
5002
}
5003
window.background:not(.csd) > window.background > menu > separator {
5005
color: rgba(0, 0, 0, 0.12);
5006
}
5007
/************
5009
* Inkscape *
5010
************/
5011
#ToolboxCommon > #AuxToolbox #StyleSwatch {
5012
font-size: smaller;
5013
}
5014
#ToolboxCommon > #AuxToolbox #Kludge {
5016
padding: 0;
5017
}
5018
#ToolboxCommon > #AuxToolbox spinbutton,
5020
#ToolboxCommon > #AuxToolbox entry {
5021
min-height: 32px;
5022
}
5023
#ToolboxCommon > #AuxToolbox button:not(.up):not(.down) {
5025
min-height: 24px;
5026
min-width: 16px;
5027
padding: 4px 8px;
5028
border-radius: 4px;
5029
-gtk-outline-radius: 4px;
5030
}
5031
#ToolboxCommon > #AuxToolbox spinbutton button {
5033
border-width: 4px;
5034
}
5035
#ToolboxCommon > toolbar.vertical {
5037
margin-top: -4px;
5038
}
5039
#ToolboxCommon > toolbar.vertical button {
5041
min-height: 24px;
5042
min-width: 24px;
5043
padding: 4px;
5044
border-radius: 4px;
5045
-gtk-outline-radius: 4px;
5046
}
5047
#CanvasTable button {
5049
min-height: 16px;
5050
min-width: 16px;
5051
padding: 0;
5052
}
5053
#CanvasTable #HorizontalScrollbar {
5055
border-top: 1px solid rgba(0, 0, 0, 0.12);
5056
}
5057
#CanvasTable #VerticalScrollbar:dir(ltr) {
5059
border-left: 1px solid rgba(0, 0, 0, 0.12);
5060
}
5061
#CanvasTable #VerticalScrollbar:dir(rtl) {
5063
border-right: 1px solid rgba(0, 0, 0, 0.12);
5064
}
5065
#Canvas_and_Dock frame > border {
5067
border: none;
5068
}
5069
#Canvas_and_Dock widget > widget > button.flat {
5071
min-height: 16px;
5072
min-width: 16px;
5073
padding: 4px;
5074
}
5075
#Canvas_and_Dock widget > widget > box.horizontal image {
5077
padding: 4px;
5078
}
5079
#Canvas_and_Dock box.horizontal > box.vertical > button.flat {
5081
min-height: 16px;
5082
min-width: 24px;
5083
padding: 8px 4px;
5084
}
5085
/***********
5087
* Synapse *
5088
***********/
5089
/*********
5090
* Unity *
5091
*********/
5092
UnityDecoration {
5093
-UnityDecoration-extents: 28px 0 0 0;
5094
-UnityDecoration-input-extents: 8px;
5095
-UnityDecoration-shadow-offset-x: 0;
5096
-UnityDecoration-shadow-offset-y: 3px;
5097
-UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.48);
5098
-UnityDecoration-active-shadow-radius: 18px;
5099
-UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.32);
5100
-UnityDecoration-inactive-shadow-radius: 6px;
5101
-UnityDecoration-glow-size: 8px;
5102
-UnityDecoration-glow-color: #4285F4;
5103
-UnityDecoration-title-indent: 4px;
5104
-UnityDecoration-title-fade: 32px;
5105
-UnityDecoration-title-alignment: 0.0;
5106
}
5107
UnityDecoration .top {
5109
padding: 0 2px;
5110
border-style: none;
5111
border-radius: 4px 4px 0 0;
5112
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
5113
background-color: #383838;
5114
color: white;
5115
}
5116
UnityDecoration .top:backdrop {
5118
color: rgba(255, 255, 255, 0.7);
5119
}
5120
UnityDecoration .menuitem {
5122
color: rgba(255, 255, 255, 0.7);
5123
}
5124
UnityDecoration .menuitem:hover {
5126
box-shadow: inset 0 -2px currentColor;
5127
background-color: transparent;
5128
color: white;
5129
}
5130
.background:not(.csd) headerbar:not(.titlebar) {
5132
border-radius: 0;
5133
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
5134
}
5135
.background:not(.csd) headerbar:not(.titlebar).inline-toolbar {
5137
border-style: none;
5138
}
5139
UnityPanelWidget,
5141
.unity-panel {
5142
background-color: #212121;
5143
color: white;
5144
}
5145
UnityPanelWidget:backdrop,
5147
.unity-panel:backdrop {
5148
color: rgba(255, 255, 255, 0.7);
5149
}
5150
.unity-panel.menuitem,
5152
.unity-panel .menuitem {
5153
color: rgba(255, 255, 255, 0.7);
5154
}
5155
.unity-panel.menubar.menuitem:hover,
5157
.unity-panel.menubar .menuitem *:hover {
5158
box-shadow: inset 0 -2px currentColor;
5159
background-color: transparent;
5160
color: white;
5161
}
5162
.menu IdoPlaybackMenuItem.menuitem:active {
5164
-gtk-icon-source: -gtk-icontheme("process-working-symbolic");
5165
animation: spin 1s linear infinite;
5166
color: #4285F4;
5167
}
5168
/**************
5170
* Mate-Panel *
5171
**************/
5172
.mate-panel-menu-bar menubar,
5173
#PanelApplet-window-menu-applet-button {
5174
background-color: transparent;
5175
}
5176
.mate-panel-menu-bar {
5178
background-color: #212121;
5179
font-weight: 500;
5180
}
5181
.mate-panel-menu-bar:not(.popup) {
5183
color: rgba(255, 255, 255, 0.7);
5184
}
5185
.mate-panel-menu-bar button {
5187
min-height: 16px;
5188
min-width: 16px;
5189
padding: 0;
5190
border-radius: 0;
5191
}
5192
.mate-panel-menu-bar button:checked {
5194
background-color: rgba(255, 255, 255, 0.12);
5195
}
5196
PanelToplevel.horizontal > grid > button {
5198
min-width: 24px;
5199
}
5200
PanelToplevel.vertical > grid > button {
5202
min-height: 24px;
5203
}
5204
PanelSeparator {
5206
color: rgba(255, 255, 255, 0.12);
5207
}
5208
MatePanelAppletFrameDBus {
5210
border-style: solid;
5211
border-color: rgba(255, 255, 255, 0.12);
5212
}
5213
.mate-panel-menu-bar.horizontal MatePanelAppletFrameDBus {
5215
border-width: 0 1px;
5216
}
5217
.mate-panel-menu-bar.vertical MatePanelAppletFrameDBus {
5219
border-width: 1px 0;
5220
}
5221
.mate-panel-menu-bar menubar > menuitem {
5223
color: rgba(255, 255, 255, 0.7);
5224
}
5225
.mate-panel-menu-bar menubar > menuitem:hover {
5227
background-color: rgba(255, 255, 255, 0.12);
5228
color: white;
5229
}
5230
.mate-panel-menu-bar menubar > menuitem:disabled {
5232
color: rgba(255, 255, 255, 0.3);
5233
}
5234
.mate-panel-menu-bar.horizontal menubar > menuitem {
5236
padding: 0 8px;
5237
}
5238
.mate-panel-menu-bar.vertical menubar > menuitem {
5240
padding: 8px 0;
5241
}
5242
.mate-panel-menu-bar menubar menu > menuitem {
5244
min-height: 28px;
5245
padding: 0 6px;
5246
}
5247
.mate-panel-menu-bar #PanelApplet button {
5249
-GtkWidget-window-dragging: true;
5250
}
5251
.mate-panel-menu-bar #tasklist-button {
5253
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0/0 0 0px;
5254
}
5255
.mate-panel-menu-bar #tasklist-button:checked {
5257
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2/0 0 2px;
5258
}
5259
.mate-panel-menu-bar #tasklist-button image:dir(ltr), .mate-panel-menu-bar #tasklist-button label:dir(rtl) {
5261
padding-left: 4px;
5262
}
5263
.mate-panel-menu-bar #tasklist-button label:dir(ltr), .mate-panel-menu-bar #tasklist-button image:dir(rtl) {
5265
padding-right: 4px;
5266
}
5267
.mate-panel-menu-bar.vertical #tasklist-button {
5269
min-height: 32px;
5270
}
5271
.mate-panel-menu-bar.horizontal #showdesktop-button image {
5273
min-width: 24px;
5274
padding: 0 4px;
5275
}
5276
.mate-panel-menu-bar.vertical #showdesktop-button image {
5278
min-height: 24px;
5279
padding: 4px 0;
5280
}
5281
PanelApplet.wnck-applet .wnck-pager {
5283
background-color: transparent;
5284
color: #7BAAF7;
5285
}
5286
PanelApplet.wnck-applet .wnck-pager:hover {
5288
background-color: rgba(255, 255, 255, 0.12);
5289
}
5290
PanelApplet.wnck-applet .wnck-pager:active {
5292
background-color: rgba(255, 255, 255, 0.3);
5293
}
5294
PanelApplet.wnck-applet .wnck-pager:selected {
5296
background-color: #4285F4;
5297
}
5298
.mate-panel-menu-bar.horizontal #clock-applet-button label {
5300
padding: 0 8px;
5301
}
5302
.mate-panel-menu-bar.vertical #clock-applet-button label {
5304
padding: 8px 0;
5305
}
5306
#MatePanelPopupWindow {
5308
border: 1px solid rgba(0, 0, 0, 0.12);
5309
border-radius: 5px;
5310
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
5311
}
5312
#MatePanelPopupWindow frame > border {
5314
border-style: none;
5315
}
5316
#MatePanelPopupWindow button {
5318
padding: 4px 16px;
5319
}
5320
#MatePanelPopupWindow > frame > box > box > box > widget {
5322
color: rgba(0, 0, 0, 0.12);
5323
}
5324
na-tray-applet {
5326
-NaTrayApplet-icon-padding: 3px;
5327
-NaTrayApplet-icon-size: 16;
5328
}
5329
.mate-panel-menu-bar {
5331
-PanelMenuBar-icon-visible: true;
5332
}
5333
.mate-panel-applet-slider {
5335
border: 1px solid rgba(0, 0, 0, 0.12);
5336
border-radius: 5px;
5337
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
5338
background-color: #F2F2F2;
5339
}
5340
.mate-panel-applet-slider frame > border {
5342
border-style: none;
5343
}
5344
#PanelApplet:not(:selected) > box {
5346
transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
5347
}
5348
#PanelApplet:selected > box {
5350
background-color: rgba(255, 255, 255, 0.12);
5351
color: white;
5352
}
5353
#mate-menu {
5355
border: 1px solid rgba(0, 0, 0, 0.12);
5356
}
5357
#mate-menu button {
5359
min-height: 24px;
5360
min-width: 24px;
5361
padding: 4px 0;
5362
color: rgba(0, 0, 0, 0.87);
5363
font-weight: normal;
5364
}
5365
#mate-menu button label:not(:first-child) {
5367
color: rgba(0, 0, 0, 0.54);
5368
}
5369
#mate-menu entry {
5371
margin: 0 0 8px;
5372
}
5373
#mate-menu entry image {
5375
margin: 0;
5376
}
5377
#mate-menu entry + button {
5379
margin: 0 4px 8px;
5380
padding: 4px;
5381
}
5382
/*********************
5384
* CAJA File manager *
5385
*********************/
5386
.caja-navigation-window button.toggle.image-button {
5387
border-radius: 4px;
5388
}
5389
.caja-pathbar button {
5391
margin: 0 -1px 0 -2px;
5392
}
5393
.caja-pathbar button > widget {
5395
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
5396
-GtkArrow-arrow-scaling: 1;
5397
}
5398
.caja-side-pane notebook viewport.frame,
5400
.caja-side-pane notebook widget .vertical {
5401
background-color: #FFFFFF;
5402
}
5403
.caja-side-pane notebook,
5405
.caja-notebook {
5406
border-top: 1px solid rgba(0, 0, 0, 0.12);
5407
}
5408
.caja-side-pane notebook .frame,
5410
.caja-notebook .frame {
5411
border-style: none;
5412
}
5413
.caja-navigation-window statusbar {
5415
margin: 0 -10px;
5416
padding: 0 4px;
5417
border-top: 1px solid rgba(0, 0, 0, 0.12);
5418
}
5419
.caja-notebook frame > border {
5421
border-style: none;
5422
}
5423
#caja-extra-view-widget {
5425
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
5426
background-color: #F2F2F2;
5427
}
5428
#caja-extra-view-widget > box > box > label {
5430
font-weight: bold;
5431
}
5432
/*********
5434
* Pluma *
5435
*********/
5436
.pluma-window statusbar {
5437
margin: 0 -10px;
5438
padding: 0 4px;
5439
border-top: 1px solid rgba(0, 0, 0, 0.12);
5440
}
5441
.pluma-window statusbar frame > border {
5443
border-style: none;
5444
}
5445
.pluma-window statusbar frame button.flat {
5447
padding: 0 4px;
5448
border-radius: 0;
5449
}
5450
.pluma-window statusbar frame button.flat widget {
5452
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
5453
-GtkArrow-arrow-scaling: 1;
5454
}
5455
.pluma-print-preview toolbar {
5457
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
5458
}
5459
.pluma-window paned.horizontal box.vertical box.horizontal button.flat {
5461
margin: 1px;
5462
}
5463
.pluma-window paned.horizontal box.vertical .frame {
5465
border-style: none;
5466
}
5467
.pluma-window paned.horizontal box.vertical notebook.frame {
5469
margin-top: -1px;
5470
border-top: 1px solid rgba(0, 0, 0, 0.12);
5471
}
5472
.pluma-window paned.horizontal box.vertical notebook.frame box.vertical toolbar.horizontal {
5474
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
5475
}
5476
/*********
5478
* Atril *
5479
*********/
5480
.atril-window paned.horizontal box.vertical .frame {
5481
border-style: none;
5482
}
5483
.atril-window paned.horizontal box.vertical notebook .frame {
5485
border-top: 1px solid rgba(0, 0, 0, 0.12);
5486
}
5487
/* mate-screensaver lock dialog */
5489
.lock-dialog {
5490
border-radius: 4px;
5491
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);
5492
}
5493
.lock-dialog frame > border {
5495
border-style: none;
5496
}
5497
/* multimedia OSD */
5499
MsdOsdWindow.background.osd {
5500
border-radius: 4px;
5501
background-color: rgba(97, 97, 97, 0.9);
5502
color: white;
5503
}
5504
MsdOsdWindow.background.osd .trough {
5506
border-radius: 0;
5507
background-color: rgba(255, 255, 255, 0.12);
5508
}
5509
MsdOsdWindow.background.osd .progressbar {
5511
border-radius: 0;
5512
background-color: #4285F4;
5513
}
5514
/******************
5516
* Budgie Desktop *
5517
******************/
5518
.budgie-container {
5519
background-color: transparent;
5520
}
5521
.budgie-settings-window buttonbox.inline-toolbar {
5523
border-style: none none solid;
5524
}
5525
.budgie-settings-window buttonbox.inline-toolbar button {
5527
border-radius: 4px;
5528
-gtk-outline-radius: 4px;
5529
}
5530
.budgie-popover {
5532
border-style: solid;
5533
border-width: 1px;
5534
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.3);
5535
border-radius: 5px;
5536
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
5537
background-color: #FFFFFF;
5538
}
5539
.budgie-popover .container {
5541
padding: 2px;
5542
}
5543
.budgie-popover border {
5545
border: none;
5546
}
5547
.budgie-popover list {
5549
background-color: transparent;
5550
}
5551
.budgie-popover row {
5553
padding: 0;
5554
}
5555
.budgie-popover row:hover {
5557
box-shadow: none;
5558
}
5559
.budgie-popover button.flat:not(.image-button) {
5561
min-height: 28px;
5562
padding: 0 8px;
5563
color: rgba(0, 0, 0, 0.87);
5564
font-weight: normal;
5565
}
5566
.budgie-popover button.flat:not(.image-button):disabled {
5568
color: rgba(0, 0, 0, 0.38);
5569
}
5570
.budgie-popover.budgie-menu .container {
5572
padding: 0;
5573
}
5574
.budgie-popover.budgie-menu .sidebar,
5576
.budgie-popover.budgie-menu scrollbar,
5577
.budgie-popover.budgie-menu entry.search {
5578
background-color: transparent;
5579
}
5580
.budgie-popover.budgie-menu entry.search {
5582
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
5583
border-image: none;
5584
border-radius: 0;
5585
box-shadow: none;
5586
font-size: 120%;
5587
}
5588
.budgie-popover.budgie-menu button.flat:not(.image-button) {
5590
min-height: 32px;
5591
padding: 0 8px;
5592
border-radius: 0;
5593
}
5594
.budgie-popover.budgie-menu button.flat:not(.image-button):checked:disabled {
5596
background-color: transparent;
5597
}
5598
.budgie-popover.user-menu .container {
5600
padding: 8px;
5601
}
5602
.budgie-popover.user-menu separator {
5604
margin: 4px 0;
5605
}
5606
.budgie-popover.sound-popover separator {
5608
margin: 3px 0;
5609
}
5610
.budgie-popover.night-light-indicator .container {
5612
padding: 8px;
5613
}
5614
.budgie-popover.places-menu .container {
5616
padding: 8px;
5617
}
5618
.budgie-popover.places-menu .name-button image:dir(ltr) {
5620
margin-right: 3px;
5621
}
5622
.budgie-popover.places-menu .name-button image:dir(rtl) {
5624
margin-left: 3px;
5625
}
5626
.budgie-popover.places-menu .unmount-button {
5628
margin: 2px;
5629
padding: 0;
5630
}
5631
.budgie-popover.places-menu .places-list:not(.always-expand) {
5633
margin-top: 4px;
5634
padding-top: 4px;
5635
border-top: 1px solid rgba(0, 0, 0, 0.12);
5636
}
5637
.budgie-popover.places-menu .alternative-label {
5639
padding: 3px;
5640
font-size: 15px;
5641
}
5642
.budgie-popover.workspace-popover .container {
5644
padding: 8px;
5645
}
5646
.budgie-popover.workspace-popover separator {
5648
margin: 4px 0;
5649
}
5650
.budgie-popover.workspace-popover flowboxchild {
5652
padding: 0;
5653
}
5654
.workspace-switcher .workspace-layout {
5656
border: 0 solid rgba(255, 255, 255, 0.12);
5657
}
5658
.top .workspace-switcher .workspace-layout:dir(ltr),
5660
.bottom .workspace-switcher .workspace-layout:dir(ltr) {
5661
border-left-width: 1px;
5662
}
5663
.top .workspace-switcher .workspace-layout:dir(rtl),
5665
.bottom .workspace-switcher .workspace-layout:dir(rtl) {
5666
border-right-width: 1px;
5667
}
5668
.left .workspace-switcher .workspace-layout,
5670
.right .workspace-switcher .workspace-layout {
5671
border-top-width: 1px;
5672
}
5673
.workspace-switcher .workspace-item,
5675
.workspace-switcher .workspace-add-button {
5676
border: 0 solid rgba(255, 255, 255, 0.12);
5677
}
5678
.top .workspace-switcher .workspace-item:dir(ltr),
5680
.bottom .workspace-switcher .workspace-item:dir(ltr), .top
5681
.workspace-switcher .workspace-add-button:dir(ltr),
5682
.bottom
5683
.workspace-switcher .workspace-add-button:dir(ltr) {
5684
border-right-width: 1px;
5685
}
5686
.top .workspace-switcher .workspace-item:dir(rtl),
5688
.bottom .workspace-switcher .workspace-item:dir(rtl), .top
5689
.workspace-switcher .workspace-add-button:dir(rtl),
5690
.bottom
5691
.workspace-switcher .workspace-add-button:dir(rtl) {
5692
border-left-width: 1px;
5693
}
5694
.left .workspace-switcher .workspace-item,
5696
.right .workspace-switcher .workspace-item, .left
5697
.workspace-switcher .workspace-add-button,
5698
.right
5699
.workspace-switcher .workspace-add-button {
5700
border-bottom-width: 1px;
5701
}
5702
.workspace-switcher .workspace-item {
5704
transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
5705
}
5706
.workspace-switcher .workspace-item.current-workspace {
5708
background-color: rgba(255, 255, 255, 0.12);
5709
}
5710
.workspace-switcher .workspace-add-button:hover {
5712
box-shadow: none;
5713
}
5714
.workspace-switcher .workspace-add-button:active {
5716
background-image: none;
5717
}
5718
.workspace-switcher .workspace-add-button:active image {
5720
margin: 1px 0 -1px;
5721
}
5722
.budgie-panel .workspace-switcher .workspace-icon-button {
5724
min-height: 24px;
5725
min-width: 24px;
5726
padding: 0;
5727
border-radius: 4px;
5728
}
5729
.budgie-panel {
5731
transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1);
5732
background-color: #212121;
5733
color: rgba(255, 255, 255, 0.7);
5734
font-weight: 500;
5735
}
5736
.budgie-panel.transparent {
5738
background-color: rgba(0, 0, 0, 0.6);
5739
}
5740
.budgie-panel button {
5742
min-height: 16px;
5743
min-width: 16px;
5744
padding: 0;
5745
border-radius: 0;
5746
}
5747
.budgie-panel button:checked {
5749
background-color: rgba(255, 255, 255, 0.12);
5750
}
5751
.budgie-panel.horizontal button {
5753
padding: 0 4px;
5754
}
5755
.budgie-panel.vertical button {
5757
padding: 4px 0;
5758
}
5759
.budgie-panel separator {
5761
background-color: rgba(255, 255, 255, 0.3);
5762
}
5763
.budgie-panel .alert {
5765
color: #EA4335;
5766
}
5767
.budgie-panel .titlebar:not(headerbar) {
5769
min-height: 0;
5770
padding: 0;
5771
box-shadow: none;
5772
background-color: transparent;
5773
color: white;
5774
}
5775
.budgie-panel .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action) {
5777
color: rgba(255, 255, 255, 0.7);
5778
}
5779
.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 {
5781
color: white;
5782
}
5783
.budgie-panel #tasklist-button {
5785
padding: 0 4px;
5786
}
5787
.budgie-panel.vertical #tasklist-button {
5789
min-height: 32px;
5790
}
5791
.budgie-panel button.flat.launcher {
5793
padding: 0;
5794
}
5795
.budgie-panel button.flat.launcher:not(:checked) {
5797
color: rgba(255, 255, 255, 0.5);
5798
}
5799
.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active {
5801
color: rgba(255, 255, 255, 0.7);
5802
}
5803
.budgie-panel button.flat.launcher:not(:checked):disabled {
5805
color: rgba(255, 255, 255, 0.3);
5806
}
5807
.top .budgie-panel #tasklist-button, .budgie-panel .top #tasklist-button, .top .budgie-panel button.flat.launcher, .budgie-panel .top button.flat.launcher {
5809
border-image: radial-gradient(circle closest-corner at center calc(1px), currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
5810
}
5811
.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,
5813
.top .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .top button.flat.launcher.running {
5814
border-image: radial-gradient(circle closest-corner at center calc(1px), currentColor 100%, transparent 0%) 2 0 0 0/2px 0 0 0;
5815
}
5816
.bottom .budgie-panel #tasklist-button, .budgie-panel .bottom #tasklist-button, .bottom .budgie-panel button.flat.launcher, .budgie-panel .bottom button.flat.launcher {
5818
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
5819
}
5820
.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,
5822
.bottom .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .bottom button.flat.launcher.running {
5823
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2 0/0 0 2px 0;
5824
}
5825
.left .budgie-panel #tasklist-button, .budgie-panel .left #tasklist-button, .left .budgie-panel button.flat.launcher, .budgie-panel .left button.flat.launcher {
5827
border-image: radial-gradient(circle closest-corner at calc(1px) center, currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
5828
}
5829
.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,
5831
.left .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .left button.flat.launcher.running {
5832
border-image: radial-gradient(circle closest-corner at calc(1px) center, currentColor 100%, transparent 0%) 0 0 0 2/0 0 0 2px;
5833
}
5834
.right .budgie-panel #tasklist-button, .budgie-panel .right #tasklist-button, .right .budgie-panel button.flat.launcher, .budgie-panel .right button.flat.launcher {
5836
border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
5837
}
5838
.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,
5840
.right .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .right button.flat.launcher.running {
5841
border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, currentColor 100%, transparent 0%) 0 2 0 0/0 2px 0 0;
5842
}
5843
frame.raven-frame > border {
5845
border-style: none;
5846
box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22);
5847
}
5848
.top frame.raven-frame > border {
5850
margin-bottom: 32px;
5851
}
5852
.bottom frame.raven-frame > border {
5854
margin-top: 32px;
5855
}
5856
.left frame.raven-frame > border {
5858
margin-right: 32px;
5859
}
5860
.right frame.raven-frame > border {
5862
margin-left: 32px;
5863
}
5864
.raven {
5866
background-color: #FFFFFF;
5867
}
5868
.raven > box {
5870
margin-bottom: -10px;
5871
}
5872
.raven stackswitcher.linked > button {
5874
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #4285F4 0%, transparent 0%) 0 0 0/0 0 0px;
5875
border-radius: 0;
5876
}
5877
.raven stackswitcher.linked > button:checked {
5879
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #4285F4 100%, transparent 0%) 0 0 2/0 0 2px;
5880
background-color: transparent;
5881
}
5882
.raven .raven-header {
5884
min-height: 32px;
5885
padding: 3px;
5886
}
5887
.raven .raven-header.top {
5889
padding: 0;
5890
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
5891
}
5892
.raven .raven-header.top stackswitcher button {
5894
margin: -4px 0 -5px;
5895
padding: 0 16px;
5896
min-height: 40px;
5897
}
5898
.raven .raven-header.bottom {
5900
border-top: 1px solid rgba(0, 0, 0, 0.12);
5901
}
5902
.raven stack .raven-header {
5904
margin-top: -6px;
5905
}
5906
.raven stack scrolledwindow .raven-header {
5908
margin-top: -8px;
5909
}
5910
.raven .raven-background {
5912
border-style: solid none;
5913
border-width: 1px;
5914
border-color: rgba(0, 0, 0, 0.12);
5915
background-color: #FFFFFF;
5916
}
5917
.raven .raven-background > overlay > widget > image {
5919
color: rgba(0, 0, 0, 0.12);
5920
}
5921
.raven scrolledwindow.raven-background {
5923
border-bottom-style: none;
5924
}
5925
.raven .powerstrip button {
5927
margin: 2px 0 1px;
5928
padding: 8px;
5929
}
5930
.raven .option-subtitle {
5932
font-size: smaller;
5933
}
5934
calendar.raven-calendar {
5936
border-style: none;
5937
background-color: transparent;
5938
}
5939
calendar.raven-calendar:selected {
5941
border-radius: 4px;
5942
}
5943
.raven-mpris {
5945
background-color: rgba(0, 0, 0, 0.6);
5946
color: white;
5947
}
5948
.raven-mpris label {
5950
min-height: 24px;
5951
}
5952
.raven-mpris button.image-button {
5954
padding: 8px;
5955
}
5956
.budgie-notification-window, .budgie-osd-window, .budgie-switcher-window {
5958
background-color: transparent;
5959
}
5960
.budgie-notification .notification-title, .budgie-switcher .notification-title {
5962
font-size: 120%;
5963
}
5964
.budgie-osd .budgie-osd-text {
5966
font-size: 120%;
5967
}
5968
.drop-shadow {
5970
margin: 5px 9px;
5971
padding: 3px;
5972
border-radius: 4px;
5973
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);
5974
background-color: #FFFFFF;
5975
}
5976
.drop-shadow .linked > button {
5978
border-radius: 4px;
5979
}
5980
.budgie-session-dialog, .budgie-polkit-dialog, .budgie-run-dialog {
5982
border-radius: 4px;
5983
background-color: #FFFFFF;
5984
}
5985
.budgie-session-dialog decoration, .budgie-polkit-dialog decoration, .budgie-run-dialog decoration {
5987
border-radius: 4px;
5988
}
5989
.budgie-session-dialog label:not(:last-child),
5991
.budgie-session-dialog .dialog-title {
5992
font-size: 120%;
5993
}
5994
.budgie-session-dialog .linked.horizontal > button {
5996
padding: 8px 16px;
5997
border-top: 1px solid rgba(0, 0, 0, 0.12);
5998
border-radius: 0;
5999
}
6000
.budgie-session-dialog .linked.horizontal > button:first-child {
6002
border-bottom-left-radius: 4px;
6003
}
6004
.budgie-session-dialog .linked.horizontal > button:last-child {
6006
border-bottom-right-radius: 4px;
6007
}
6008
.budgie-polkit-dialog .message {
6010
color: rgba(0, 0, 0, 0.54);
6011
}
6012
.budgie-polkit-dialog .failure {
6014
color: #EA4335;
6015
}
6016
.budgie-run-dialog {
6018
background-color: #FFFFFF;
6019
}
6020
.budgie-run-dialog entry.search {
6022
font-size: 120%;
6023
padding: 4px 12px;
6024
border-image: none;
6025
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
6026
background-color: transparent;
6027
}
6028
.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,
6030
.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 {
6031
opacity: 1;
6032
}
6033
.budgie-run-dialog scrolledwindow {
6035
border-top: 1px solid rgba(0, 0, 0, 0.12);
6036
}
6037
/**************
6039
* Xfce4 Apps *
6040
**************/
6041
.XfceHeading {
6042
background-color: #FFFFFF;
6043
}
6044
/***************
6046
* xfce4-panel *
6047
***************/
6048
.xfce4-panel.background {
6049
border: none;
6050
background-color: #212121;
6051
color: rgba(255, 255, 255, 0.7);
6052
font-weight: 500;
6053
}
6054
.xfce4-panel.background button {
6056
min-height: 16px;
6057
min-width: 16px;
6058
padding: 0;
6059
border-radius: 0;
6060
}
6061
.xfce4-panel.background button:checked {
6063
background-color: rgba(255, 255, 255, 0.12);
6064
}
6065
.xfce4-panel.background .tasklist button {
6067
border-image: image(transparent) 0 0 2/0 0 2px;
6068
}
6069
.xfce4-panel.background .tasklist button:checked {
6071
border-image: image(currentColor) 0 0 2/0 0 2px;
6072
}
6073
.xfce4-panel.background .tasklist button image {
6075
padding: 4px;
6076
}
6077
wnck-pager:hover {
6079
background-color: rgba(255, 255, 255, 0.12);
6080
}
6081
wnck-pager:active {
6083
background-color: rgba(255, 255, 255, 0.3);
6084
}
6085
wnck-pager:selected {
6087
background-color: #4285F4;
6088
}
6089
XfdesktopIconView.view {
6091
border-radius: 4px;
6092
background-color: transparent;
6093
color: white;
6094
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
6095
}
6096
XfdesktopIconView.view:active {
6098
box-shadow: none;
6099
}
6100
XfdesktopIconView.view .rubberband {
6102
border-radius: 0;
6103
}
6104
#XfceNotifyWindow buttonbox {
6106
padding: 0;
6107
}
6108
#XfceNotifyWindow label#summary {
6110
font-weight: bold;
6111
}
6112
#xfwm-tabwin {
6114
padding: 12px;
6115
border-radius: 4px;
6116
-XfwmTabwinWidget-icon-size: 64px;
6117
-XfwmTabwinWidget-preview-size: 64px;
6118
}
6119
/**********
6121
* Thunar *
6122
**********/
6123
.thunar #location-toolbar {
6124
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
6125
}
6126
.thunar .standard-view.frame {
6128
border-style: none;
6129
}
6130
.thunar .sidebar .view:not(:selected) {
6132
background-color: transparent;
6133
}
6134
.thunar statusbar {
6136
margin: 0 -10px;
6137
padding: 0 4px;
6138
border-top: 1px solid rgba(0, 0, 0, 0.12);
6139
}
6140
/************************
6142
* LightDM GTK+ Greeter *
6143
************************/
6144
#panel_window {
6145
background-color: rgba(0, 0, 0, 0.3);
6146
color: white;
6147
}
6148
#panel_window menubar,
6150
#panel_window separator {
6151
background-color: transparent;
6152
}
6153
#panel_window separator {
6155
padding: 0 4px;
6156
}
6157
#panel_window separator:first-child {
6159
padding: 0 8px;
6160
}
6161
#panel_window menubar > menuitem {
6163
color: rgba(255, 255, 255, 0.7);
6164
}
6165
#panel_window menubar > menuitem:hover {
6167
color: white;
6168
}
6169
#panel_window menubar > menuitem:disabled label {
6171
color: rgba(255, 255, 255, 0.3);
6172
}
6173
#login_window,
6175
#shutdown_dialog,
6176
#restart_dialog {
6177
margin: 8px;
6178
border-radius: 4px;
6179
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);
6180
background-color: #FFFFFF;
6181
}
6182
#content_frame {
6184
padding-bottom: 16px;
6185
}
6186
#buttonbox_frame {
6188
padding-top: 24px;
6189
}
6190
#buttonbox_frame button {
6192
margin: -16px;
6193
}
6194
/********
6196
* Nemo *
6197
********/
6198
.nemo-window .primary-toolbar {
6199
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
6200
}
6201
.nemo-window .primary-toolbar entry {
6203
min-height: 0;
6204
margin: 0;
6205
}
6206
.nemo-window .primary-toolbar button.text-button {
6208
padding-left: 8px;
6209
padding-right: 8px;
6210
}
6211
.nemo-window .primary-toolbar button:not(.text-button):not(.image-button) {
6213
padding-left: 4px;
6214
padding-right: 4px;
6215
}
6216
.nemo-window scrolledwindow.frame {
6218
border-style: none;
6219
}
6220
.nemo-window scrolledwindow.frame .view:not(:selected) {
6222
background-color: transparent;
6223
}
6224
.nemo-window infobar {
6226
margin-top: -6px;
6227
}
6228
.nemo-window .nemo-inactive-pane .view:not(:selected) {
6230
background-color: #FAFAFA;
6231
}
6232
.nemo-window .nemo-window-pane widget.entry {
6234
border-radius: 4px;
6235
background-color: rgba(0, 0, 0, 0.04);
6236
}
6237
.places-treeview {
6239
-NemoPlacesTreeView-disk-full-bg-color: rgba(182, 182, 182, 0.961);
6240
-NemoPlacesTreeView-disk-full-fg-color: #4285F4;
6241
-NemoPlacesTreeView-disk-full-bar-width: 2px;
6242
-NemoPlacesTreeView-disk-full-bar-radius: 0;
6243
-NemoPlacesTreeView-disk-full-bottom-padding: 1px;
6244
-NemoPlacesTreeView-disk-full-max-length: 80px;
6245
}
6246
/* GTK NAMED COLORS
6248
----------------
6249
use responsibly! */
6250
/*
6251
widget text/foreground color */
6252
@define-color theme_fg_color rgba(0, 0, 0, 0.87);
6253
/*
6254
text color for entries, views and content in general */
6255
@define-color theme_text_color rgba(0, 0, 0, 0.87);
6256
/*
6257
widget base background color */
6258
@define-color theme_bg_color #F2F2F2;
6259
/*
6260
text widgets and the like base background color */
6261
@define-color theme_base_color #FFFFFF;
6262
/*
6263
base background color of selections */
6264
@define-color theme_selected_bg_color #4285F4;
6265
/*
6266
text/foreground color of selections */
6267
@define-color theme_selected_fg_color white;
6268
/*
6269
base background color of insensitive widgets */
6270
@define-color insensitive_bg_color #F2F2F2;
6271
/*
6272
text foreground color of insensitive widgets */
6273
@define-color insensitive_fg_color rgba(0, 0, 0, 0.38);
6274
/*
6275
insensitive text widgets and the like base background color */
6276
@define-color insensitive_base_color #FAFAFA;
6277
/*
6278
widget text/foreground color on backdrop windows */
6279
@define-color theme_unfocused_fg_color rgba(0, 0, 0, 0.87);
6280
/*
6281
text color for entries, views and content in general on backdrop windows */
6282
@define-color theme_unfocused_text_color rgba(0, 0, 0, 0.87);
6283
/*
6284
widget base background color on backdrop windows */
6285
@define-color theme_unfocused_bg_color #F2F2F2;
6286
/*
6287
text widgets and the like base background color on backdrop windows */
6288
@define-color theme_unfocused_base_color #FFFFFF;
6289
/*
6290
base background color of selections on backdrop windows */
6291
@define-color theme_unfocused_selected_bg_color #4285F4;
6292
/*
6293
text/foreground color of selections on backdrop windows */
6294
@define-color theme_unfocused_selected_fg_color white;
6295
/*
6296
insensitive color on backdrop windows */
6297
@define-color unfocused_insensitive_color rgba(0, 0, 0, 0.38);
6298
/*
6299
widgets main borders color */
6300
@define-color borders rgba(0, 0, 0, 0.12);
6301
/*
6302
widgets main borders color on backdrop windows */
6303
@define-color unfocused_borders rgba(0, 0, 0, 0.12);
6304
/*
6305
these are pretty self explicative */
6306
@define-color warning_color #FBBC05;
6307
@define-color error_color #EA4335;
6308
@define-color success_color #34A853;
6309
/*
6310
these colors are exported for the window manager and shouldn't be used in applications,
6311
read if you used those and something break with a version upgrade you're on your own... */
6312
@define-color wm_title white;
6313
@define-color wm_unfocused_title rgba(255, 255, 255, 0.7);
6314
@define-color wm_highlight rgba(255, 255, 255, 0.1);
6315
@define-color wm_bg #383838;
6316
/*
6317
FIXME this is really an API */
6318
@define-color content_view_bg #FFFFFF;
6319
@define-color placeholder_text_color #757575;
6320