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
color: white;
1741
}
1742
menubar > menuitem,
1744
.menubar > menuitem {
1745
transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
1746
min-height: 20px;
1747
padding: 4px 8px;
1748
color: rgba(255, 255, 255, 0.7);
1749
}
1750
menubar > menuitem:hover,
1752
.menubar > menuitem:hover {
1753
transition: none;
1754
background-color: rgba(255, 255, 255, 0.12);
1755
color: white;
1756
}
1757
menubar > menuitem:disabled,
1759
.menubar > menuitem:disabled {
1760
color: rgba(255, 255, 255, 0.3);
1761
}
1762
menubar > menuitem label:disabled,
1764
.menubar > menuitem label:disabled {
1765
color: inherit;
1766
}
1767
.background.popup {
1769
background-color: transparent;
1770
}
1771
menu,
1773
.menu,
1774
.context-menu {
1775
margin: 4px 0;
1776
padding: 4px 0;
1777
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
1778
background-color: #FFFFFF;
1779
border: 1px solid rgba(0, 0, 0, 0.12);
1780
}
1781
.csd menu, .csd
1783
.menu, .csd
1784
.context-menu {
1785
border: none;
1786
border-radius: 4px;
1787
}
1788
menu menuitem,
1790
.menu menuitem,
1791
.context-menu menuitem {
1792
transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1);
1793
min-height: 20px;
1794
min-width: 40px;
1795
padding: 4px 8px;
1796
font: initial;
1797
text-shadow: none;
1798
}
1799
menu menuitem:hover,
1801
.menu menuitem:hover,
1802
.context-menu menuitem:hover {
1803
transition: none;
1804
background-color: rgba(0, 0, 0, 0.12);
1805
}
1806
menu menuitem:disabled,
1808
.menu menuitem:disabled,
1809
.context-menu menuitem:disabled {
1810
color: rgba(0, 0, 0, 0.38);
1811
}
1812
menu menuitem arrow,
1814
.menu menuitem arrow,
1815
.context-menu menuitem arrow {
1816
min-height: 16px;
1817
min-width: 16px;
1818
}
1819
menu menuitem arrow:dir(ltr),
1821
.menu menuitem arrow:dir(ltr),
1822
.context-menu menuitem arrow:dir(ltr) {
1823
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
1824
margin-left: 8px;
1825
}
1826
menu menuitem arrow:dir(rtl),
1828
.menu menuitem arrow:dir(rtl),
1829
.context-menu menuitem arrow:dir(rtl) {
1830
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl");
1831
margin-right: 8px;
1832
}
1833
menu menuitem label:dir(rtl), menu menuitem label:dir(ltr),
1835
.menu menuitem label:dir(rtl),
1836
.menu menuitem label:dir(ltr),
1837
.context-menu menuitem label:dir(rtl),
1838
.context-menu menuitem label:dir(ltr) {
1839
color: inherit;
1840
}
1841
menu > arrow,
1843
.menu > arrow,
1844
.context-menu > arrow {
1845
min-height: 16px;
1846
min-width: 16px;
1847
padding: 4px;
1848
background-color: #FFFFFF;
1849
color: rgba(0, 0, 0, 0.54);
1850
}
1851
menu > arrow.top,
1853
.menu > arrow.top,
1854
.context-menu > arrow.top {
1855
margin-top: -4px;
1856
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
1857
border-radius: 4px 4px 0 0;
1858
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
1859
}
1860
menu > arrow.bottom,
1862
.menu > arrow.bottom,
1863
.context-menu > arrow.bottom {
1864
margin-top: 8px;
1865
margin-bottom: -12px;
1866
border-top: 1px solid rgba(0, 0, 0, 0.12);
1867
border-radius: 0 0 4px 4px;
1868
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
1869
}
1870
menu > arrow:hover,
1872
.menu > arrow:hover,
1873
.context-menu > arrow:hover {
1874
background-image: image(rgba(0, 0, 0, 0.12));
1875
color: rgba(0, 0, 0, 0.87);
1876
}
1877
menu > arrow:disabled,
1879
.menu > arrow:disabled,
1880
.context-menu > arrow:disabled {
1881
border-color: transparent;
1882
background-color: transparent;
1883
color: transparent;
1884
}
1885
menu separator,
1887
.menu separator,
1888
.context-menu separator {
1889
margin: 4px 0;
1890
}
1891
menuitem accelerator {
1893
color: rgba(0, 0, 0, 0.54);
1894
}
1895
menuitem:disabled accelerator {
1897
color: rgba(0, 0, 0, 0.26);
1898
}
1899
.popup:not(.csd) menu menuitem {
1901
color: #212121;
1902
}
1903
.popup:not(.csd) menu menuitem:hover {
1905
background-color: #E0E0E0;
1906
}
1907
.popup:not(.csd) menu menuitem:disabled {
1909
color: #9E9E9E;
1910
}
1911
.popup:not(.csd) menu accelerator {
1913
color: #757575;
1914
}
1915
/************
1917
* Popovers *
1918
************/
1919
popover.background {
1920
transition: box-shadow 100ms cubic-bezier(0, 0, 0.2, 1);
1921
padding: 2px;
1922
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
1923
background-color: #FFFFFF;
1924
}
1925
popover.background:backdrop {
1927
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
1928
}
1929
popover.background, .csd popover.background {
1931
border-style: solid;
1932
border-width: 1px;
1933
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.3);
1934
border-radius: 5px;
1935
}
1936
popover.background > stack {
1938
margin: -4px;
1939
}
1940
popover.background > toolbar {
1942
margin: -2px;
1943
}
1944
popover.background > list,
1946
popover.background > .view,
1947
popover.background > toolbar {
1948
border-style: none;
1949
box-shadow: none;
1950
background-color: transparent;
1951
}
1952
popover.background list,
1954
popover.background .view:not(:selected),
1955
popover.background toolbar {
1956
background-color: #FFFFFF;
1957
}
1958
popover.background.menu button,
1960
popover.background button.model {
1961
min-height: 32px;
1962
padding: 0 8px;
1963
border-radius: 4px;
1964
}
1965
popover.background separator {
1967
margin: 4px 0;
1968
}
1969
popover.background list separator {
1971
margin: 0;
1972
}
1973
/*************
1975
* Notebooks *
1976
*************/
1977
frame > paned > notebook > header,
1978
notebook.frame > header {
1979
background-color: #FAFAFA;
1980
}
1981
notebook:focus tab:checked {
1983
box-shadow: inset 0 0 0 9999px rgba(66, 133, 244, 0.12);
1984
outline: none;
1985
}
1986
notebook > header {
1988
border-width: 1px;
1989
border-color: rgba(0, 0, 0, 0.12);
1990
background-color: #F2F2F2;
1991
background-clip: border-box;
1992
}
1993
notebook > header.top {
1995
border-bottom-style: solid;
1996
}
1997
notebook > header.top > tabs {
1999
margin-bottom: -1px;
2000
}
2001
notebook > header.top > tabs > tab {
2003
border-image: linear-gradient(to top, transparent 2px, transparent 2px) 2/0 0 2px;
2004
}
2005
notebook > header.top > tabs > tab:checked {
2007
border-image-source: linear-gradient(to top, #4285F4 2px, rgba(0, 0, 0, 0.12) 2px);
2008
}
2009
notebook > header.top > tabs > tab.reorderable-page {
2011
border-image-width: 0 1px 2px;
2012
}
2013
notebook > header.bottom {
2015
border-top-style: solid;
2016
}
2017
notebook > header.bottom > tabs {
2019
margin-top: -1px;
2020
}
2021
notebook > header.bottom > tabs > tab {
2023
border-image: linear-gradient(to bottom, transparent 2px, transparent 2px) 2/2px 0 0;
2024
}
2025
notebook > header.bottom > tabs > tab:checked {
2027
border-image-source: linear-gradient(to bottom, #4285F4 2px, rgba(0, 0, 0, 0.12) 2px);
2028
}
2029
notebook > header.bottom > tabs > tab.reorderable-page {
2031
border-image-width: 2px 1px 0;
2032
}
2033
notebook > header.left {
2035
border-right-style: solid;
2036
}
2037
notebook > header.left > tabs {
2039
margin-right: -1px;
2040
}
2041
notebook > header.left > tabs > tab {
2043
border-image: linear-gradient(to left, transparent 2px, transparent 2px) 2/0 2px 0 0;
2044
}
2045
notebook > header.left > tabs > tab:checked {
2047
border-image-source: linear-gradient(to left, #4285F4 2px, rgba(0, 0, 0, 0.12) 2px);
2048
}
2049
notebook > header.left > tabs > tab.reorderable-page {
2051
border-image-width: 1px 2px 1px 0;
2052
}
2053
notebook > header.right {
2055
border-left-style: solid;
2056
}
2057
notebook > header.right > tabs {
2059
margin-left: -1px;
2060
}
2061
notebook > header.right > tabs > tab {
2063
border-image: linear-gradient(to right, transparent 2px, transparent 2px) 2/0 0 0 2px;
2064
}
2065
notebook > header.right > tabs > tab:checked {
2067
border-image-source: linear-gradient(to right, #4285F4 2px, rgba(0, 0, 0, 0.12) 2px);
2068
}
2069
notebook > header.right > tabs > tab.reorderable-page {
2071
border-image-width: 1px 0 1px 2px;
2072
}
2073
notebook > header.top > tabs > arrow {
2075
border-top-style: none;
2076
}
2077
notebook > header.bottom > tabs > arrow {
2079
border-bottom-style: none;
2080
}
2081
notebook > header.top > tabs > arrow, notebook > header.bottom > tabs > arrow {
2083
padding-left: 4px;
2084
padding-right: 4px;
2085
}
2086
notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down {
2088
margin-left: -8px;
2089
-gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
2090
}
2091
notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up {
2093
margin-right: -8px;
2094
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
2095
}
2096
notebook > header.left > tabs > arrow {
2098
border-left-style: none;
2099
}
2100
notebook > header.right > tabs > arrow {
2102
border-right-style: none;
2103
}
2104
notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow {
2106
padding-top: 4px;
2107
padding-bottom: 4px;
2108
}
2109
notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down {
2111
margin-top: -8px;
2112
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
2113
}
2114
notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up {
2116
margin-bottom: -8px;
2117
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
2118
}
2119
notebook > header > tabs > arrow {
2121
min-height: 16px;
2122
min-width: 16px;
2123
border-radius: 0;
2124
}
2125
notebook > header tab {
2127
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
2128
min-height: 24px;
2129
min-width: 24px;
2130
padding: 4px 12px;
2131
outline-offset: -6px;
2132
border-width: 1px;
2133
border-color: transparent;
2134
background-image: radial-gradient(circle farthest-corner at center, #4285F4 10%, transparent 0%);
2135
background-repeat: no-repeat;
2136
background-position: center;
2137
background-size: 0% 0%;
2138
background-clip: border-box;
2139
color: rgba(0, 0, 0, 0.54);
2140
font-weight: 500;
2141
}
2142
notebook > header tab:hover {
2144
background-color: alpha(currentColor, 0.08);
2145
color: rgba(0, 0, 0, 0.87);
2146
}
2147
notebook > header tab:disabled {
2149
color: rgba(0, 0, 0, 0.26);
2150
}
2151
notebook > header tab:checked {
2153
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);
2154
background-color: transparent;
2155
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
2156
background-size: 1000% 1000%;
2157
background-clip: padding-box;
2158
color: rgba(0, 0, 0, 0.87);
2159
}
2160
notebook > header tab:checked:disabled {
2162
color: rgba(0, 0, 0, 0.38);
2163
}
2164
notebook > header tab:checked.reorderable-page {
2166
border-color: rgba(0, 0, 0, 0.12);
2167
background-color: #FFFFFF;
2168
}
2169
notebook > header tab button.flat:last-child {
2171
margin-left: 4px;
2172
margin-right: -8px;
2173
}
2174
notebook > header tab button.flat:first-child {
2176
margin-left: -8px;
2177
margin-right: 4px;
2178
}
2179
notebook > header.top tabs, notebook > header.bottom tabs {
2181
padding-left: 8px;
2182
padding-right: 8px;
2183
}
2184
notebook > header.top tabs:not(:only-child):first-child, notebook > header.bottom tabs:not(:only-child):first-child {
2186
margin-left: 0;
2187
}
2188
notebook > header.top tabs:not(:only-child):last-child, notebook > header.bottom tabs:not(:only-child):last-child {
2190
margin-right: 0;
2191
}
2192
notebook > header.top tabs tab.reorderable-page, notebook > header.bottom tabs tab.reorderable-page {
2194
border-style: none solid;
2195
}
2196
notebook > header.left tabs, notebook > header.right tabs {
2198
padding-top: 8px;
2199
padding-bottom: 8px;
2200
}
2201
notebook > header.left tabs:not(:only-child):first-child, notebook > header.right tabs:not(:only-child):first-child {
2203
margin-top: 0;
2204
}
2205
notebook > header.left tabs:not(:only-child):last-child, notebook > header.right tabs:not(:only-child):last-child {
2207
margin-bottom: 0;
2208
}
2209
notebook > header.left tabs tab.reorderable-page, notebook > header.right tabs tab.reorderable-page {
2211
border-style: solid none;
2212
}
2213
notebook > stack:not(:only-child) {
2215
background-color: #FFFFFF;
2216
}
2217
/**************
2219
* Scrollbars *
2220
**************/
2221
scrollbar {
2222
transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
2223
background-color: #FFFFFF;
2224
background-clip: padding-box;
2225
}
2226
* {
2228
-GtkScrollbar-has-backward-stepper: false;
2229
-GtkScrollbar-has-forward-stepper: false;
2230
}
2231
scrollbar.top {
2233
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
2234
}
2235
scrollbar.bottom {
2237
border-top: 1px solid rgba(0, 0, 0, 0.12);
2238
}
2239
scrollbar.left {
2241
border-right: 1px solid rgba(0, 0, 0, 0.12);
2242
}
2243
scrollbar.right {
2245
border-left: 1px solid rgba(0, 0, 0, 0.12);
2246
}
2247
scrollbar slider {
2249
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), margin 0, border-width 0;
2250
min-width: 8px;
2251
min-height: 8px;
2252
border: 4px solid transparent;
2253
border-radius: 9999px;
2254
background-clip: padding-box;
2255
background-color: rgba(0, 0, 0, 0.38);
2256
}
2257
scrollbar slider:hover {
2259
background-color: rgba(0, 0, 0, 0.54);
2260
}
2261
scrollbar slider:active {
2263
background-color: rgba(0, 0, 0, 0.87);
2264
}
2265
scrollbar slider:disabled {
2267
background-color: rgba(0, 0, 0, 0.26);
2268
}
2269
scrollbar.fine-tune slider {
2271
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), margin 0, border-width 0, min-width 0, min-height 0;
2272
min-width: 4px;
2273
min-height: 4px;
2274
}
2275
scrollbar.fine-tune.horizontal slider {
2277
margin: 2px 0;
2278
}
2279
scrollbar.fine-tune.vertical slider {
2281
margin: 0 2px;
2282
}
2283
scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
2285
border-color: transparent;
2286
background-color: transparent;
2287
}
2288
scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider {
2290
min-width: 4px;
2291
min-height: 4px;
2292
margin: 3px;
2293
border: 1px solid rgba(255, 255, 255, 0.3);
2294
}
2295
scrollbar.overlay-indicator:not(.dragging):not(.hovering) button {
2297
min-width: 4px;
2298
min-height: 4px;
2299
margin: 3px;
2300
border: 1px solid rgba(255, 255, 255, 0.3);
2301
border-radius: 9999px;
2302
background-color: rgba(0, 0, 0, 0.38);
2303
background-clip: padding-box;
2304
-gtk-icon-source: none;
2305
}
2306
scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled {
2308
background-color: rgba(0, 0, 0, 0.26);
2309
}
2310
scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider {
2312
min-width: 24px;
2313
}
2314
scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button {
2316
min-width: 8px;
2317
}
2318
scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider {
2320
min-height: 24px;
2321
}
2322
scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button {
2324
min-height: 8px;
2325
}
2326
scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering {
2328
background-color: rgba(255, 255, 255, 0.9);
2329
}
2330
scrollbar.horizontal slider {
2332
min-width: 24px;
2333
}
2334
scrollbar.vertical slider {
2336
min-height: 24px;
2337
}
2338
scrollbar button {
2340
min-width: 16px;
2341
min-height: 16px;
2342
padding: 0;
2343
border-radius: 0;
2344
}
2345
scrollbar.vertical button.down {
2347
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
2348
}
2349
scrollbar.vertical button.up {
2351
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
2352
}
2353
scrollbar.horizontal button.down {
2355
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
2356
}
2357
scrollbar.horizontal button.up {
2359
-gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
2360
}
2361
/**********
2363
* Switch *
2364
**********/
2365
switch {
2366
transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
2367
margin: 4px 0;
2368
padding: 0 2px;
2369
border: 5px solid transparent;
2370
border-radius: 9999px;
2371
background-color: rgba(0, 0, 0, 0.26);
2372
background-clip: padding-box;
2373
font-size: 0;
2374
}
2375
switch:checked {
2377
background-color: rgba(66, 133, 244, 0.5);
2378
}
2379
switch:disabled {
2381
opacity: 0.5;
2382
}
2383
switch image {
2385
margin: -8px;
2386
-gtk-icon-transform: scale(0);
2387
}
2388
switch slider {
2390
transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
2391
min-width: 20px;
2392
min-height: 20px;
2393
margin: -3px -2px;
2394
border-radius: 9999px;
2395
outline: none;
2396
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);
2397
background-color: #FFFFFF;
2398
}
2399
switch:hover slider {
2401
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);
2402
}
2403
switch:focus slider {
2405
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);
2406
}
2407
switch:focus:hover slider {
2409
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);
2410
}
2411
switch:checked slider {
2413
background-color: #4285F4;
2414
color: #4285F4;
2415
}
2416
/*************************
2418
* Check and Radio items *
2419
*************************/
2420
.view.content-view.check:not(list),
2421
.content-view .tile check:not(list) {
2422
min-height: 40px;
2423
min-width: 40px;
2424
margin: 0;
2425
padding: 0;
2426
box-shadow: none;
2427
background-color: transparent;
2428
background-image: none;
2429
-gtk-icon-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
2430
}
2431
.view.content-view.check:not(list):hover, .view.content-view.check:not(list):active,
2433
.content-view .tile check:not(list):hover,
2434
.content-view .tile check:not(list):active {
2435
-gtk-icon-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
2436
}
2437
.view.content-view.check:not(list),
2439
.content-view .tile check:not(list) {
2440
-gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-unchecked.png"), url("assets/selectionmode-checkbox-unchecked@2.png"));
2441
}
2442
.view.content-view.check:not(list):checked,
2444
.content-view .tile check:not(list):checked {
2445
-gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-checked.png"), url("assets/selectionmode-checkbox-checked@2.png"));
2446
}
2447
checkbutton,
2449
radiobutton {
2450
outline: none;
2451
}
2452
checkbutton.text-button,
2454
radiobutton.text-button {
2455
padding: 2px;
2456
}
2457
checkbutton.text-button label:not(:only-child),
2459
radiobutton.text-button label:not(:only-child) {
2460
margin: 0 4px;
2461
}
2462
check,
2464
radio {
2465
min-height: 24px;
2466
min-width: 24px;
2467
margin: -8px;
2468
padding: 8px;
2469
}
2470
check:hover,
2472
radio:hover {
2473
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
2474
}
2475
check:focus,
2477
radio:focus {
2478
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.12);
2479
}
2480
check:focus:hover,
2482
radio:focus:hover {
2483
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.16);
2484
}
2485
check:checked, check:indeterminate,
2487
radio:checked,
2488
radio:indeterminate {
2489
color: #4285F4;
2490
}
2491
check:checked:disabled, check:indeterminate:disabled,
2493
radio:checked:disabled,
2494
radio:indeterminate:disabled {
2495
color: rgba(0, 0, 0, 0.26);
2496
}
2497
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
2499
radio, popover modelbutton.flat
2500
radio:hover, popover modelbutton.flat
2501
radio:focus, popover modelbutton.flat
2502
radio:focus:hover, popover modelbutton.flat
2503
radio:active, popover modelbutton.flat
2504
radio:disabled {
2505
transition: none;
2506
box-shadow: none;
2507
background-image: none;
2508
}
2509
popover modelbutton.flat check:not(:checked):not(:indeterminate):not(:disabled), popover modelbutton.flat
2511
radio:not(:checked):not(:indeterminate):not(:disabled) {
2512
color: rgba(0, 0, 0, 0.54);
2513
}
2514
popover modelbutton.flat check.left:dir(rtl), popover modelbutton.flat
2516
radio.left:dir(rtl) {
2517
margin-left: -12px;
2518
margin-right: -4px;
2519
}
2520
popover modelbutton.flat check.right:dir(ltr), popover modelbutton.flat
2522
radio.right:dir(ltr) {
2523
margin-left: -4px;
2524
margin-right: -12px;
2525
}
2526
menu menuitem check, menu menuitem
2528
radio {
2529
transition: none;
2530
margin: 0;
2531
padding: 0;
2532
}
2533
menu menuitem check:dir(ltr), menu menuitem
2535
radio:dir(ltr) {
2536
margin-right: 8px;
2537
}
2538
menu menuitem check:dir(rtl), menu menuitem
2540
radio:dir(rtl) {
2541
margin-left: 8px;
2542
}
2543
menu menuitem check:not(:checked):not(:indeterminate):not(:disabled), menu menuitem
2545
radio:not(:checked):not(:indeterminate):not(:disabled) {
2546
color: rgba(0, 0, 0, 0.54);
2547
}
2548
menu menuitem check, menu menuitem check:hover, menu menuitem check:disabled, menu menuitem
2550
radio, menu menuitem
2551
radio:hover, menu menuitem
2552
radio:disabled {
2553
box-shadow: none;
2554
}
2555
check {
2558
-gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-unchecked-symbolic.svg"));
2559
}
2560
check:checked {
2563
-gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-checked-symbolic.svg"));
2564
}
2565
check:indeterminate {
2568
-gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-mixed-symbolic.svg"));
2569
}
2570
radio {
2573
-gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-unchecked-symbolic.svg"));
2574
border-image-slice: 20;
2575
border-image-width: 20px;
2576
}
2577
radio:indeterminate {
2580
-gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-mixed-symbolic.svg"));
2581
}
2582
radio {
2585
border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#4285F4), to(transparent));
2586
}
2587
radio:checked:not(:indeterminate) {
2590
border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.125, to(#4285F4), to(transparent));
2591
}
2592
radio:checked:not(:indeterminate):disabled {
2595
border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.125, to(rgba(0, 0, 0, 0.26)), to(transparent));
2596
}
2597
window.background:not(.csd) > widget > checkbutton > check,
2599
menu menuitem check {
2600
min-height: 16px;
2601
min-width: 16px;
2602
border-radius: 4px;
2603
-gtk-outline-radius: 4px;
2604
-gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-unchecked-symbolic.svg"));
2605
}
2606
window.background:not(.csd) > widget > checkbutton > check:checked,
2608
menu menuitem check:checked {
2609
-gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-checked-symbolic.svg"));
2610
}
2611
window.background:not(.csd) > widget > checkbutton > check:indeterminate,
2613
menu menuitem check:indeterminate {
2614
-gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-mixed-symbolic.svg"));
2615
}
2616
window.background:not(.csd) > widget > radiobutton > radio,
2618
menu menuitem radio {
2619
min-height: 16px;
2620
min-width: 16px;
2621
border-image: none;
2622
-gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-unchecked-symbolic.svg"));
2623
}
2624
window.background:not(.csd) > widget > radiobutton > radio:checked,
2626
menu menuitem radio:checked {
2627
-gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-checked-symbolic.svg"));
2628
}
2629
window.background:not(.csd) > widget > radiobutton > radio:indeterminate,
2631
menu menuitem radio:indeterminate {
2632
-gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-mixed-symbolic.svg"));
2633
}
2634
treeview.view check,
2636
treeview.view radio {
2637
padding: 0;
2638
}
2639
treeview.view check:hover, treeview.view check:selected,
2641
treeview.view radio:hover,
2642
treeview.view radio:selected {
2643
box-shadow: none;
2644
background-color: transparent;
2645
}
2646
treeview.view check,
2648
treeview.view radio {
2649
color: rgba(0, 0, 0, 0.54);
2650
}
2651
treeview.view check:hover, treeview.view check:active,
2653
treeview.view radio:hover,
2654
treeview.view radio:active {
2655
color: rgba(0, 0, 0, 0.87);
2656
}
2657
treeview.view check:disabled,
2659
treeview.view radio:disabled {
2660
color: rgba(0, 0, 0, 0.26);
2661
}
2662
treeview.view check:checked, treeview.view check:indeterminate,
2664
treeview.view radio:checked,
2665
treeview.view radio:indeterminate {
2666
color: #4285F4;
2667
}
2668
treeview.view check:checked:disabled, treeview.view check:indeterminate:disabled,
2670
treeview.view radio:checked:disabled,
2671
treeview.view radio:indeterminate:disabled {
2672
color: rgba(0, 0, 0, 0.26);
2673
}
2674
treeview.view radio:checked {
2676
-gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-checked-symbolic.svg"));
2677
border-image: none;
2678
}
2679
/************
2681
* GtkScale *
2682
************/
2683
scale {
2684
min-height: 2px;
2685
min-width: 2px;
2686
}
2687
scale.horizontal {
2689
padding: 15px 12px;
2690
}
2691
scale.vertical {
2693
padding: 12px 15px;
2694
}
2695
scale slider {
2697
min-height: 32px;
2698
min-width: 32px;
2699
margin: -15px;
2700
}
2701
scale.fine-tune.horizontal {
2703
min-height: 4px;
2704
padding-top: 14px;
2705
padding-bottom: 14px;
2706
}
2707
scale.fine-tune.vertical {
2709
min-width: 4px;
2710
padding-left: 14px;
2711
padding-right: 14px;
2712
}
2713
scale.fine-tune slider {
2715
margin: -14px;
2716
}
2717
scale trough {
2719
transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1);
2720
outline: none;
2721
background-color: rgba(0, 0, 0, 0.26);
2722
}
2723
scale trough:disabled {
2725
background-color: rgba(0, 0, 0, 0.12);
2726
}
2727
scale highlight {
2729
transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1);
2730
background-color: #4285F4;
2731
}
2732
scale highlight:disabled {
2734
background-color: transparent;
2735
}
2736
scale fill {
2738
transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1);
2739
background-color: rgba(0, 0, 0, 0.26);
2740
}
2741
scale fill:disabled {
2743
background-color: transparent;
2744
}
2745
scale slider {
2747
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);
2748
background-repeat: no-repeat;
2749
background-position: center;
2750
background-size: auto, 1000% 1000%;
2751
border-radius: 50%;
2752
color: transparent;
2753
}
2754
scale slider {
2756
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%);
2757
}
2758
scale slider:disabled {
2760
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%);
2761
}
2762
scale slider:hover {
2764
background-color: rgba(66, 133, 244, 0.08);
2765
}
2766
scale slider:focus {
2768
background-color: rgba(66, 133, 244, 0.12);
2769
}
2770
scale slider:focus:hover {
2772
background-color: rgba(66, 133, 244, 0.16);
2773
}
2774
scale slider:active {
2776
transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
2777
animation: ripple-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
2778
background-size: auto, 0% 0%;
2779
background-color: rgba(66, 133, 244, 0.08);
2780
color: rgba(66, 133, 244, 0.12);
2781
}
2782
scale marks label,
2784
scale value {
2785
color: rgba(0, 0, 0, 0.54);
2786
}
2787
scale marks {
2789
color: rgba(0, 0, 0, 0.26);
2790
}
2791
scale marks.top {
2793
margin-bottom: 7px;
2794
margin-top: -15px;
2795
}
2796
scale marks.bottom {
2798
margin-top: 7px;
2799
margin-bottom: -15px;
2800
}
2801
scale marks.left {
2803
margin-right: 7px;
2804
margin-left: -15px;
2805
}
2806
scale marks.right {
2808
margin-left: 7px;
2809
margin-right: -15px;
2810
}
2811
scale.fine-tune marks.top {
2813
margin-bottom: 6px;
2814
margin-top: -14px;
2815
}
2816
scale.fine-tune marks.bottom {
2818
margin-top: 6px;
2819
margin-bottom: -14px;
2820
}
2821
scale.fine-tune marks.left {
2823
margin-right: 6px;
2824
margin-left: -14px;
2825
}
2826
scale.fine-tune marks.right {
2828
margin-left: 6px;
2829
margin-right: -14px;
2830
}
2831
scale.horizontal indicator {
2833
min-height: 8px;
2834
min-width: 1px;
2835
}
2836
scale.vertical indicator {
2838
min-height: 1px;
2839
min-width: 8px;
2840
}
2841
scale.horizontal.marks-before:not(.marks-after) slider {
2843
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%);
2844
}
2845
scale.horizontal.marks-before:not(.marks-after) slider:disabled {
2847
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%);
2848
}
2849
scale.horizontal.marks-after:not(.marks-before) slider {
2851
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%);
2852
}
2853
scale.horizontal.marks-after:not(.marks-before) slider:disabled {
2855
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%);
2856
}
2857
scale.vertical.marks-before:not(.marks-after) slider {
2859
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%);
2860
}
2861
scale.vertical.marks-before:not(.marks-after) slider:disabled {
2863
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%);
2864
}
2865
scale.vertical.marks-after:not(.marks-before) slider {
2867
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%);
2868
}
2869
scale.vertical.marks-after:not(.marks-before) slider:disabled {
2871
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%);
2872
}
2873
scale.color {
2875
min-height: 0;
2876
min-width: 0;
2877
}
2878
scale.color.horizontal {
2880
padding: 0 0 12px 0;
2881
}
2882
scale.color.horizontal slider:dir(ltr), scale.color.horizontal slider:dir(rtl) {
2884
margin-bottom: -24px;
2885
margin-top: 8px;
2886
}
2887
scale.color.vertical:dir(ltr) {
2889
padding: 0 0 0 12px;
2890
}
2891
scale.color.vertical:dir(ltr) slider {
2893
margin-left: -24px;
2894
margin-right: 8px;
2895
}
2896
scale.color.vertical:dir(rtl) {
2898
padding: 0 12px 0 0;
2899
}
2900
scale.color.vertical:dir(rtl) slider {
2902
margin-right: -24px;
2903
margin-left: 8px;
2904
}
2905
/*****************
2907
* Progress bars *
2908
*****************/
2909
progressbar {
2910
color: rgba(0, 0, 0, 0.54);
2911
font-size: smaller;
2912
}
2913
progressbar.horizontal trough,
2915
progressbar.horizontal progress {
2916
min-height: 4px;
2917
}
2918
progressbar.vertical trough,
2920
progressbar.vertical progress {
2921
min-width: 4px;
2922
}
2923
progressbar trough {
2925
background-color: rgba(0, 0, 0, 0.12);
2926
}
2927
progressbar progress {
2929
background-color: #4285F4;
2930
}
2931
progressbar trough.empty progress {
2933
all: unset;
2934
}
2935
/*************
2937
* Level Bar *
2938
*************/
2939
levelbar.horizontal block {
2940
min-height: 4px;
2941
}
2942
levelbar.horizontal.discrete block {
2944
min-width: 32px;
2945
}
2946
levelbar.horizontal.discrete block:not(:last-child) {
2948
margin-right: 2px;
2949
}
2950
levelbar.vertical block {
2952
min-width: 4px;
2953
}
2954
levelbar.vertical.discrete block {
2956
min-height: 32px;
2957
}
2958
levelbar.vertical.discrete block:not(:last-child) {
2960
margin-bottom: 2px;
2961
}
2962
levelbar block.low {
2964
background-color: #FBBC05;
2965
}
2966
levelbar block.high, levelbar block:not(.empty) {
2968
background-color: #4285F4;
2969
}
2970
levelbar block.full {
2972
background-color: #34A853;
2973
}
2974
levelbar block.empty {
2976
background-color: rgba(0, 0, 0, 0.12);
2977
}
2978
/****************
2980
* Print dialog *
2981
*****************/
2982
printdialog paper {
2983
padding: 0;
2984
border: 1px solid rgba(0, 0, 0, 0.12);
2985
background-color: #FFFFFF;
2986
color: rgba(0, 0, 0, 0.87);
2987
}
2988
printdialog .dialog-action-box {
2990
margin: 12px;
2991
}
2992
/**********
2994
* Frames *
2995
**********/
2996
frame > border,
2997
.frame {
2998
margin: 0;
2999
padding: 0;
3000
border: 1px solid rgba(0, 0, 0, 0.12);
3001
border-radius: 0;
3002
box-shadow: none;
3003
}
3004
frame > border.flat,
3006
.frame.flat,
3007
frame.flat > border {
3008
border-style: none;
3009
}
3010
actionbar > revealer > box {
3012
padding: 4px;
3013
border-top: 1px solid rgba(0, 0, 0, 0.12);
3014
}
3015
scrolledwindow viewport.frame {
3017
border-style: none;
3018
}
3019
overshoot.top {
3021
background-image: -gtk-gradient(radial, center top, 0, center top, 0.75, to(rgba(66, 133, 244, 0.24)), to(transparent));
3022
background-repeat: no-repeat;
3023
background-position: center top;
3024
background-color: transparent;
3025
border: none;
3026
box-shadow: none;
3027
}
3028
overshoot.bottom {
3030
background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.75, to(rgba(66, 133, 244, 0.24)), to(transparent));
3031
background-repeat: no-repeat;
3032
background-position: center bottom;
3033
background-color: transparent;
3034
border: none;
3035
box-shadow: none;
3036
}
3037
overshoot.left {
3039
background-image: -gtk-gradient(radial, left center, 0, left center, 0.75, to(rgba(66, 133, 244, 0.24)), to(transparent));
3040
background-repeat: no-repeat;
3041
background-position: left center;
3042
background-color: transparent;
3043
border: none;
3044
box-shadow: none;
3045
}
3046
overshoot.right {
3048
background-image: -gtk-gradient(radial, right center, 0, right center, 0.75, to(rgba(66, 133, 244, 0.24)), to(transparent));
3049
background-repeat: no-repeat;
3050
background-position: right center;
3051
background-color: transparent;
3052
border: none;
3053
box-shadow: none;
3054
}
3055
undershoot.top {
3057
background-color: transparent;
3058
background-image: linear-gradient(to left, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%);
3059
padding-top: 1px;
3060
background-size: 12px 1px;
3061
background-repeat: repeat-x;
3062
background-origin: content-box;
3063
background-position: left top;
3064
}
3065
undershoot.bottom {
3067
background-color: transparent;
3068
background-image: linear-gradient(to left, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%);
3069
padding-bottom: 1px;
3070
background-size: 12px 1px;
3071
background-repeat: repeat-x;
3072
background-origin: content-box;
3073
background-position: left bottom;
3074
}
3075
undershoot.left {
3077
background-color: transparent;
3078
background-image: linear-gradient(to top, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%);
3079
padding-left: 1px;
3080
background-size: 1px 12px;
3081
background-repeat: repeat-y;
3082
background-origin: content-box;
3083
background-position: left top;
3084
}
3085
undershoot.right {
3087
background-color: transparent;
3088
background-image: linear-gradient(to top, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%);
3089
padding-right: 1px;
3090
background-size: 1px 12px;
3091
background-repeat: repeat-y;
3092
background-origin: content-box;
3093
background-position: right top;
3094
}
3095
junction {
3097
border-style: solid none none solid;
3098
border-width: 1px;
3099
border-color: rgba(0, 0, 0, 0.12);
3100
background-color: #FFFFFF;
3101
}
3102
junction:dir(rtl) {
3104
border-style: solid solid none none;
3105
}
3106
separator {
3108
min-width: 1px;
3109
min-height: 1px;
3110
background-color: rgba(0, 0, 0, 0.12);
3111
}
3112
button.font separator,
3115
button.file separator, .tweak-categories separator, preferences stacksidebar.sidebar list separator {
3116
min-width: 0;
3117
min-height: 0;
3118
background-color: transparent;
3119
}
3120
/*********
3122
* Lists *
3123
*********/
3124
list {
3125
border-color: rgba(0, 0, 0, 0.12);
3126
background-color: #FFFFFF;
3127
}
3128
list row {
3130
padding: 2px;
3131
}
3132
row.activatable, treeview.view header button, .budgie-popover.budgie-menu button.flat:not(.image-button) {
3134
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);
3135
box-shadow: inset 0 0 0 9999px transparent;
3136
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
3137
background-repeat: no-repeat;
3138
background-position: center;
3139
background-size: 1000% 1000%;
3140
}
3141
row.activatable:hover, treeview.view header button:hover, .budgie-popover.budgie-menu button.flat:hover:not(.image-button) {
3143
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);
3144
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
3145
}
3146
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) {
3148
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
3149
animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
3150
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
3151
background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.12) 10%, transparent 0%);
3152
background-size: 0% 0%;
3153
}
3154
row:selected {
3156
color: #4285F4;
3157
}
3158
row:selected image,
3160
row:selected label {
3161
color: rgba(0, 0, 0, 0.87);
3162
}
3163
row:selected button image,
3165
row:selected button label {
3166
color: inherit;
3167
}
3168
row:selected:disabled image,
3170
row:selected:disabled label {
3171
color: rgba(0, 0, 0, 0.38);
3172
}
3173
/*********************
3175
* App Notifications *
3176
*********************/
3177
.app-notification {
3178
margin: 8px;
3179
}
3180
.app-notification.frame,
3182
.app-notification border {
3183
border-style: none;
3184
}
3185
/*************
3187
* Expanders *
3188
*************/
3189
expander title > arrow {
3190
transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
3191
min-width: 16px;
3192
min-height: 16px;
3193
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
3194
-gtk-icon-transform: rotate(-90deg);
3195
color: rgba(0, 0, 0, 0.54);
3196
}
3197
expander title > arrow:dir(rtl) {
3199
-gtk-icon-transform: rotate(90deg);
3200
}
3201
expander title > arrow:checked {
3203
-gtk-icon-transform: unset;
3204
}
3205
expander title > arrow:hover, expander title > arrow:active {
3207
color: rgba(0, 0, 0, 0.87);
3208
}
3209
expander title > arrow:disabled {
3211
color: rgba(0, 0, 0, 0.26);
3212
}
3213
/************
3215
* Calendar *
3216
************/
3217
calendar {
3218
padding: 1px;
3219
border: 1px solid rgba(0, 0, 0, 0.12);
3220
color: rgba(0, 0, 0, 0.87);
3221
}
3222
calendar:disabled {
3224
color: rgba(0, 0, 0, 0.38);
3225
}
3226
calendar:selected {
3228
border-radius: 5px;
3229
}
3230
calendar.header {
3232
border-style: none none solid;
3233
border-radius: 0;
3234
}
3235
calendar.highlight {
3237
color: rgba(0, 0, 0, 0.54);
3238
font-weight: 500;
3239
}
3240
calendar:indeterminate {
3242
color: rgba(0, 0, 0, 0.26);
3243
}
3244
/***********
3246
* Dialogs *
3247
***********/
3248
messagedialog.background {
3249
background-color: #FFFFFF;
3250
}
3251
messagedialog .titlebar {
3253
min-height: 24px;
3254
border-style: none;
3255
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
3256
background-color: #FFFFFF;
3257
color: rgba(0, 0, 0, 0.87);
3258
}
3259
messagedialog .titlebar:backdrop {
3261
color: rgba(0, 0, 0, 0.54);
3262
}
3263
messagedialog.csd.background {
3265
border-bottom-left-radius: 4px;
3266
border-bottom-right-radius: 4px;
3267
}
3268
messagedialog.csd .dialog-action-area {
3270
margin-top: -4px;
3271
padding: 4px;
3272
}
3273
messagedialog.csd .dialog-action-area button {
3275
border-radius: 4px;
3276
}
3277
messagedialog.csd .dialog-action-area button:not(:last-child) {
3279
margin-right: 4px;
3280
}
3281
messagedialog.csd .dialog-action-area button.suggested-action:not(:disabled) {
3283
color: #4285F4;
3284
}
3285
messagedialog.csd .dialog-action-area button.destructive-action:not(:disabled) {
3287
color: #EA4335;
3288
}
3289
filechooser .dialog-action-box {
3291
border-top: 1px solid rgba(0, 0, 0, 0.12);
3292
}
3293
filechooser #pathbarbox {
3295
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
3296
background-color: #F2F2F2;
3297
}
3298
filechooserbutton:drop(active) {
3300
box-shadow: none;
3301
}
3302
/***********
3304
* Sidebar *
3305
***********/
3306
.sidebar {
3307
border-style: none;
3308
background-color: #FAFAFA;
3309
}
3310
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) {
3312
border-right: 1px solid rgba(0, 0, 0, 0.12);
3313
border-left-style: none;
3314
}
3315
stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:not(separator):dir(rtl), .sidebar:not(separator).right {
3317
border-left: 1px solid rgba(0, 0, 0, 0.12);
3318
border-right-style: none;
3319
}
3320
.sidebar list {
3322
background-color: transparent;
3323
}
3324
paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar {
3326
border-style: none;
3327
}
3328
stacksidebar row {
3330
padding: 10px 4px;
3331
}
3332
stacksidebar row > label {
3334
padding-left: 6px;
3335
padding-right: 6px;
3336
}
3337
separator.sidebar {
3339
background-color: rgba(0, 0, 0, 0.12);
3340
}
3341
/****************
3343
* File chooser *
3344
****************/
3345
row image.sidebar-icon {
3346
color: rgba(0, 0, 0, 0.54);
3347
}
3348
placessidebar > viewport.frame {
3350
border-style: none;
3351
}
3352
placessidebar list {
3354
padding: 1px 0 4px;
3355
}
3356
placessidebar row {
3358
min-height: 32px;
3359
margin: -1px 4px;
3360
padding: 0;
3361
border-radius: 4px;
3362
}
3363
placessidebar row > revealer {
3365
padding: 0 8px;
3366
}
3367
placessidebar row:selected {
3369
font-weight: 500;
3370
}
3371
placessidebar row:disabled {
3373
color: rgba(0, 0, 0, 0.38);
3374
}
3375
placessidebar row image.sidebar-icon:dir(ltr) {
3377
padding-right: 8px;
3378
}
3379
placessidebar row image.sidebar-icon:dir(rtl) {
3381
padding-left: 8px;
3382
}
3383
placessidebar row label.sidebar-label:dir(ltr) {
3385
padding-right: 2px;
3386
}
3387
placessidebar row label.sidebar-label:dir(rtl) {
3389
padding-left: 2px;
3390
}
3391
placessidebar row:selected image.sidebar-icon,
3393
placessidebar row:selected label.sidebar-label {
3394
color: inherit;
3395
}
3396
placessidebar row.sidebar-placeholder-row {
3398
min-height: 2px;
3399
padding: 0 8px;
3400
background-image: image(#4285F4);
3401
background-clip: content-box;
3402
}
3403
placessidebar row.sidebar-new-bookmark-row {
3405
color: #4285F4;
3406
}
3407
placessidebar row:drop(active):not(:disabled) {
3409
box-shadow: inset 0 0 0 2px #4285F4;
3410
}
3411
placesview .server-list-button > image {
3413
-gtk-icon-transform: rotate(0turn);
3414
}
3415
placesview .server-list-button:checked > image {
3417
-gtk-icon-transform: rotate(-0.5turn);
3418
}
3419
placesview > actionbar > revealer > box > label {
3421
padding-left: 8px;
3422
padding-right: 8px;
3423
}
3424
/*********
3426
* Paned *
3427
*********/
3428
paned > separator {
3429
min-width: 1px;
3430
min-height: 1px;
3431
-gtk-icon-source: none;
3432
border-style: none;
3433
background-color: transparent;
3434
background-image: image(rgba(0, 0, 0, 0.12));
3435
background-size: 1px 1px;
3436
background-clip: content-box;
3437
}
3438
paned > separator.wide {
3440
min-width: 6px;
3441
min-height: 6px;
3442
background-color: #F2F2F2;
3443
background-image: image(rgba(0, 0, 0, 0.12)), image(rgba(0, 0, 0, 0.12));
3444
background-size: 1px 1px, 1px 1px;
3445
}
3446
paned.horizontal > separator {
3448
background-repeat: repeat-y;
3449
}
3450
paned.horizontal > separator:dir(ltr) {
3452
margin: 0 -8px 0 0;
3453
padding: 0 8px 0 0;
3454
background-position: left;
3455
}
3456
paned.horizontal > separator:dir(rtl) {
3458
margin: 0 0 0 -8px;
3459
padding: 0 0 0 8px;
3460
background-position: right;
3461
}
3462
paned.horizontal > separator.wide {
3464
margin: 0;
3465
padding: 0;
3466
background-repeat: repeat-y, repeat-y;
3467
background-position: left, right;
3468
}
3469
paned.vertical > separator {
3471
margin: 0 0 -8px 0;
3472
padding: 0 0 8px 0;
3473
background-repeat: repeat-x;
3474
background-position: top;
3475
}
3476
paned.vertical > separator.wide {
3478
margin: 0;
3479
padding: 0;
3480
background-repeat: repeat-x, repeat-x;
3481
background-position: bottom, top;
3482
}
3483
/**************
3485
* GtkInfoBar *
3486
**************/
3487
infobar {
3488
border-style: none;
3489
}
3490
infobar.info {
3492
background-color: #34A853;
3493
}
3494
infobar.question {
3496
background-color: #4285F4;
3497
}
3498
infobar.warning {
3500
background-color: #FBBC05;
3501
}
3502
infobar.error {
3504
background-color: #EA4335;
3505
}
3506
infobar.info > label, infobar.info, infobar.question > label, infobar.question, infobar.warning > label, infobar.warning, infobar.error > label, infobar.error {
3508
color: white;
3509
}
3510
infobar.info *:link, infobar.info button:link,
3512
infobar.info button:visited, infobar.question *:link, infobar.question button:link,
3513
infobar.question button:visited, infobar.warning *:link, infobar.warning button:link,
3514
infobar.warning button:visited, infobar.error *:link, infobar.error button:link,
3515
infobar.error button:visited {
3516
color: white;
3517
}
3518
/************
3520
* Tooltips *
3521
************/
3522
tooltip {
3523
border-radius: 4px;
3524
box-shadow: none;
3525
}
3526
tooltip.background {
3528
background-color: rgba(97, 97, 97, 0.9);
3529
color: white;
3530
}
3531
tooltip decoration {
3533
background-color: transparent;
3534
}
3535
tooltip > box {
3537
margin: -6px;
3538
min-height: 24px;
3539
padding: 4px 8px;
3540
}
3541
/*****************
3543
* Color Chooser *
3544
*****************/
3545
colorswatch.top {
3546
border-top-left-radius: 4.5px;
3547
border-top-right-radius: 4.5px;
3548
}
3549
colorswatch.top overlay {
3551
border-top-left-radius: 4px;
3552
border-top-right-radius: 4px;
3553
}
3554
colorswatch.bottom {
3556
border-bottom-left-radius: 4.5px;
3557
border-bottom-right-radius: 4.5px;
3558
}
3559
colorswatch.bottom overlay {
3561
border-bottom-left-radius: 4px;
3562
border-bottom-right-radius: 4px;
3563
}
3564
colorswatch.left, colorswatch:first-child:not(.top) {
3566
border-top-left-radius: 4.5px;
3567
border-bottom-left-radius: 4.5px;
3568
}
3569
colorswatch.left overlay, colorswatch:first-child:not(.top) overlay {
3571
border-top-left-radius: 4px;
3572
border-bottom-left-radius: 4px;
3573
}
3574
colorswatch.right, colorswatch:last-child:not(.bottom) {
3576
border-top-right-radius: 4.5px;
3577
border-bottom-right-radius: 4.5px;
3578
}
3579
colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay {
3581
border-top-right-radius: 4px;
3582
border-bottom-right-radius: 4px;
3583
}
3584
colorswatch.dark {
3586
color: white;
3587
}
3588
colorswatch.light {
3590
color: rgba(0, 0, 0, 0.87);
3591
}
3592
colorswatch:drop(active) {
3594
box-shadow: none;
3595
}
3596
colorswatch:drop(active).light overlay {
3598
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;
3599
}
3600
colorswatch:drop(active).dark overlay {
3602
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;
3603
}
3604
colorswatch overlay {
3606
transition: box-shadow 100ms cubic-bezier(0, 0, 0.2, 1);
3607
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
3608
}
3609
colorswatch overlay:hover {
3611
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
3612
}
3613
colorswatch#add-color-button {
3615
border-radius: 4px 4px 0 0;
3616
color: white;
3617
}
3618
colorswatch#add-color-button:only-child {
3620
border-radius: 4px;
3621
}
3622
colorswatch#add-color-button overlay {
3624
background-image: linear-gradient(to right, #EA4335 25%, #FBBC05 25%, #FBBC05 50%, #34A853 50%, #34A853 75%, #4285F4 75%);
3625
}
3626
colorswatch:disabled {
3628
opacity: 0.5;
3629
}
3630
colorswatch:disabled overlay {
3632
box-shadow: none;
3633
}
3634
colorswatch#editor-color-sample {
3636
border-radius: 4.5px;
3637
}
3638
colorswatch#editor-color-sample overlay {
3640
border-radius: 4px;
3641
}
3642
colorchooser .popover.osd {
3644
transition: box-shadow 100ms cubic-bezier(0, 0, 0.2, 1);
3645
border-radius: 4px;
3646
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);
3647
background-color: #FFFFFF;
3648
}
3649
colorchooser .popover.osd:backdrop {
3651
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);
3652
}
3653
/********
3655
* Misc *
3656
********/
3657
.content-view {
3658
background-color: #F2F2F2;
3659
}
3660
/**********************
3662
* Window Decorations *
3663
**********************/
3664
decoration {
3665
transition: box-shadow 100ms cubic-bezier(0, 0, 0.2, 1);
3666
border-radius: 4px 4px 0 0;
3667
box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22), 0 16px 16px transparent;
3668
margin: 8px;
3669
}
3670
decoration:backdrop {
3672
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), 0 16px 16px transparent;
3673
}
3674
.maximized decoration,
3676
.fullscreen decoration,
3677
.tiled decoration,
3678
.tiled-top decoration,
3679
.tiled-right decoration,
3680
.tiled-bottom decoration,
3681
.tiled-left decoration {
3682
border-radius: 0;
3683
}
3684
.popup decoration {
3686
box-shadow: none;
3687
}
3688
.ssd decoration {
3690
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16);
3691
}
3692
.csd.popup decoration {
3694
border-radius: 4px;
3695
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
3696
}
3697
tooltip.csd decoration {
3699
border-radius: 4px;
3700
box-shadow: none;
3701
}
3702
messagedialog.csd decoration {
3704
border-radius: 4px;
3705
}
3706
.solid-csd decoration {
3708
margin: 0;
3709
border-radius: 0;
3710
box-shadow: none;
3711
background-color: #383838;
3712
}
3713
.view selection, .view:selected, flowbox flowboxchild:selected, label selection, spinbutton:not(.vertical) selection,
3715
entry selection, modelbutton.flat:selected,
3716
.menuitem.button.flat:selected, popover.background.menu button:checked,
3717
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 {
3718
background-color: rgba(66, 133, 244, 0.32);
3719
}
3720
.monospace {
3722
font-family: monospace;
3723
}
3724
/**********************
3726
* Touch Copy & Paste *
3727
**********************/
3728
cursor-handle {
3729
color: #4285F4;
3730
-gtk-icon-source: -gtk-recolor(url("assets/scalable/cursor-handle-symbolic.svg"));
3731
}
3732
cursor-handle.top:dir(ltr), cursor-handle.bottom:dir(rtl) {
3734
-gtk-icon-transform: rotate(90deg);
3735
}
3736
cursor-handle.bottom:dir(ltr), cursor-handle.top:dir(rtl) {
3738
-gtk-icon-transform: unset;
3739
}
3740
cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) {
3742
padding-top: 6px;
3743
-gtk-icon-transform: rotate(45deg);
3744
}
3745
.context-menu {
3747
font: initial;
3748
}
3749
.keycap {
3751
min-width: 12px;
3752
min-height: 26px;
3753
margin-top: 2px;
3754
padding-bottom: 2px;
3755
padding-left: 8px;
3756
padding-right: 8px;
3757
border: solid 1px rgba(0, 0, 0, 0.12);
3758
border-radius: 5px;
3759
box-shadow: inset 0 -2px rgba(0, 0, 0, 0.12);
3760
background-color: #FFFFFF;
3761
color: rgba(0, 0, 0, 0.87);
3762
font-size: smaller;
3763
}
3764
:not(decoration):not(window):drop(active) {
3766
transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
3767
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;
3768
caret-color: #4285F4;
3769
}
3770
stackswitcher button.text-button {
3772
min-width: 100px;
3773
}
3774
stackswitcher button.circular,
3776
stackswitcher button.text-button.circular {
3777
min-width: 32px;
3778
min-height: 32px;
3779
padding: 0;
3780
}
3781
/*************
3783
* App Icons *
3784
*************/
3785
/*********
3786
* Emoji *
3787
*********/
3788
popover.emoji-picker {
3789
padding: 0;
3790
}
3791
popover.emoji-picker entry {
3793
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
3794
border-image: none;
3795
border-radius: 0;
3796
box-shadow: none;
3797
background-color: transparent;
3798
}
3799
popover.emoji-picker scrolledwindow {
3801
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
3802
}
3803
button.emoji-section {
3805
margin-top: -1px;
3806
padding: 0 8px;
3807
min-width: 24px;
3808
min-height: 32px;
3809
border-radius: 0;
3810
outline-offset: -6px;
3811
}
3812
button.emoji-section, button.emoji-section:hover, button.emoji-section:active {
3814
box-shadow: inset 0 2px transparent;
3815
}
3816
button.emoji-section:checked {
3818
box-shadow: inset 0 2px #4285F4;
3819
background-color: transparent;
3820
}
3821
button.emoji-section:hover, button.emoji-section:active {
3823
background-color: alpha(currentColor, 0.08);
3824
}
3825
button.emoji-section:first-child {
3827
margin-left: 4px;
3828
}
3829
button.emoji-section:last-child {
3831
margin-right: 4px;
3832
}
3833
popover.emoji-picker .emoji {
3835
min-width: 3em;
3836
min-height: 3em;
3837
padding: 0 8px;
3838
}
3839
popover.emoji-picker .emoji widget {
3841
transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
3842
border-radius: 4px;
3843
}
3844
popover.emoji-picker .emoji widget:hover {
3846
background-color: alpha(currentColor, 0.08);
3847
}
3848
popover.emoji-completion {
3850
padding: 8px 0;
3851
}
3852
popover.emoji-completion arrow {
3854
border: none;
3855
background: none;
3856
}
3857
popover.emoji-completion .emoji-completion-row {
3859
min-height: 28px;
3860
padding: 0 12px;
3861
}
3862
popover.emoji-completion .emoji:hover {
3864
background-color: alpha(currentColor, 0.08);
3865
}
3866
/************
3868
* Nautilus *
3869
************/
3870
.nautilus-window,
3871
.nautilus-window notebook,
3872
.nautilus-window notebook > stack {
3873
background-color: #FFFFFF;
3874
}
3875
.nautilus-canvas-item.dim-label, label.nautilus-canvas-item.separator, .titlebar:not(headerbar) .nautilus-canvas-item.subtitle,
3877
headerbar .nautilus-canvas-item.subtitle, .budgie-notification .nautilus-canvas-item.notification-body, .budgie-switcher .nautilus-canvas-item.notification-body,
3878
.nautilus-list-dim-label {
3879
color: rgba(0, 0, 0, 0.54);
3880
}
3881
.nautilus-desktop.nautilus-canvas-item, .caja-desktop.caja-canvas-item, .nemo-desktop.nemo-canvas-item {
3883
color: white;
3884
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
3885
}
3886
@keyframes needs_attention_keyframes {
3888
to {
3889
background-color: alpha(currentColor, 0.12);
3890
}
3891
}
3892
.nautilus-operations-button-needs-attention {
3894
animation: needs_attention_keyframes 300ms cubic-bezier(0.4, 0, 0.2, 1) 2 alternate;
3895
}
3896
.nautilus-operations-button-needs-attention-multiple {
3898
animation: needs_attention_keyframes 300ms cubic-bezier(0.4, 0, 0.2, 1) 6 alternate;
3899
}
3900
.path-bar-box {
3902
transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1);
3903
margin: 4px 0;
3904
border-radius: 4px;
3905
}
3906
.path-bar-box button {
3908
margin: 0;
3909
}
3910
.path-bar-box.width-maximized {
3912
background-color: rgba(255, 255, 255, 0.04);
3913
}
3914
.path-bar-box.background.frame {
3916
border-style: none;
3917
background-color: rgba(255, 255, 255, 0.04);
3918
}
3919
.path-bar-box .path-bar button label:not(:only-child):first-child {
3921
margin-left: 0;
3922
}
3923
.path-bar-box .path-bar button label:not(:only-child):last-child {
3925
margin-right: 0;
3926
}
3927
.path-bar-box .nautilus-path-bar button {
3929
padding-left: 4px;
3930
padding-right: 4px;
3931
}
3932
.path-bar-box .nautilus-path-bar button label:not(:only-child):first-child {
3934
margin-left: 0;
3935
}
3936
.path-bar-box .nautilus-path-bar button label:not(:only-child):last-child {
3938
margin-right: 0;
3939
}
3940
.path-bar-box .nautilus-path-bar button.text-button.image-button image:not(:only-child) {
3942
margin: 0;
3943
}
3944
.nautilus-window .floating-bar {
3946
min-height: 32px;
3947
padding: 0;
3948
border-style: solid solid none;
3949
border-width: 1px;
3950
border-color: rgba(0, 0, 0, 0.12);
3951
border-radius: 5px 5px 0 0;
3952
background-color: rgba(255, 255, 255, 0.9);
3953
background-clip: padding-box;
3954
}
3955
.nautilus-window .floating-bar.bottom.left {
3957
margin-right: 7px;
3958
border-left-style: none;
3959
border-top-left-radius: 0;
3960
}
3961
.nautilus-window .floating-bar.bottom.right {
3963
margin-left: 7px;
3964
border-right-style: none;
3965
border-top-right-radius: 0;
3966
}
3967
.nautilus-window .floating-bar button {
3969
margin: 4px;
3970
}
3971
.disk-space-display.unknown {
3973
background-color: rgba(0, 0, 0, 0.26);
3974
color: rgba(0, 0, 0, 0.26);
3975
}
3976
.disk-space-display.used {
3978
background-color: #4285F4;
3979
color: #4285F4;
3980
}
3981
.disk-space-display.free {
3983
background-color: rgba(0, 0, 0, 0.12);
3984
color: rgba(0, 0, 0, 0.12);
3985
}
3986
.search-information {
3988
padding: 2px;
3989
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
3990
background-color: #FFFFFF;
3991
color: rgba(0, 0, 0, 0.87);
3992
}
3993
.conflict-row:not(:selected) {
3995
background-color: #feebb4;
3996
}
3997
.nautilus-window flowboxchild .icon-item-background {
3999
padding: 4px;
4000
border-radius: 4px;
4001
}
4002
.nautilus-window flowboxchild:selected {
4004
background-color: transparent;
4005
}
4006
dialog.background > box.dialog-vbox.vertical > grid.horizontal > scrolledwindow.frame {
4008
border-style: none;
4009
}
4010
dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child {
4012
margin: -6px 0 0 -6px;
4013
border-top: 1px solid rgba(0, 0, 0, 0.12);
4014
}
4015
dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child > label {
4017
margin: 0 8px;
4018
}
4019
dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child > box > button {
4021
border-radius: 0;
4022
}
4023
.nautilus-window > popover.menu:not(:last-child) {
4025
padding: 3px;
4026
}
4027
.nautilus-window > popover.menu:not(:last-child) > stack > box > box > box {
4029
margin-top: -6px;
4030
}
4031
.nautilus-window > popover.menu:not(:last-child) > stack > box > box > box > box {
4033
margin-bottom: -6px;
4034
}
4035
.nautilus-window > popover.menu:not(:last-child) > stack > box > box > box > box.linked {
4037
margin-top: 1px;
4038
}
4039
.nautilus-window > popover.menu:not(:last-child) separator {
4041
margin-bottom: -2px;
4042
}
4043
.nautilus-menu-sort-heading {
4045
margin: 1px 3px;
4046
font-weight: 500;
4047
}
4048
.nautilus-menu-sort-heading:disabled {
4050
color: rgba(0, 0, 0, 0.54);
4051
}
4052
.nautilus-window paned > separator {
4054
background-color: #F2F2F2;
4055
}
4056
/*********
4058
* gedit *
4059
*********/
4060
.open-document-selector-path-label {
4061
color: rgba(0, 0, 0, 0.54);
4062
font-size: smaller;
4063
}
4064
.open-document-selector-match {
4066
background-color: #FBBC05;
4067
color: rgba(0, 0, 0, 0.87);
4068
}
4069
.gedit-document-panel {
4071
background-color: #FAFAFA;
4072
}
4073
.gedit-document-panel row button.flat {
4075
margin-top: 8px;
4076
margin-bottom: 8px;
4077
}
4078
.gedit-document-panel-group-row:not(:first-child) {
4080
border-top: 1px solid rgba(0, 0, 0, 0.12);
4081
}
4082
.gedit-side-panel-paned statusbar {
4084
border-top: 1px solid rgba(0, 0, 0, 0.12);
4085
}
4086
.gedit-search-slider {
4088
margin: 4px 4px 8px;
4089
}
4090
.gedit-search-slider .linked:not(.vertical) > entry {
4092
border-radius: 4px;
4093
}
4094
.gedit-search-slider .linked:not(.vertical) > entry .gedit-search-entry-occurrences-tag {
4096
all: unset;
4097
color: rgba(0, 0, 0, 0.54);
4098
}
4099
.gedit-search-slider .linked:not(.vertical) > entry:dir(ltr) {
4101
margin-right: -60px;
4102
padding-right: 60px;
4103
}
4104
.gedit-search-slider .linked:not(.vertical) > entry:dir(ltr) .gedit-search-entry-occurrences-tag {
4106
margin-left: 4px;
4107
}
4108
.gedit-search-slider .linked:not(.vertical) > entry:dir(ltr) image.right {
4110
margin-right: 0;
4111
}
4112
.gedit-search-slider .linked:not(.vertical) > entry:dir(rtl) {
4114
margin-left: -60px;
4115
padding-left: 60px;
4116
}
4117
.gedit-search-slider .linked:not(.vertical) > entry:dir(rtl) .gedit-search-entry-occurrences-tag {
4119
margin-right: 4px;
4120
}
4121
.gedit-search-slider .linked:not(.vertical) > entry:dir(rtl) image.left {
4123
margin-left: 0;
4124
}
4125
.gedit-search-slider .linked:not(.vertical) > entry:not(.error) {
4127
background-color: #FFFFFF;
4128
}
4129
.gedit-search-slider .linked:not(.vertical) > entry.error ~ button {
4131
color: rgba(255, 255, 255, 0.7);
4132
}
4133
.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:hover, .gedit-search-slider .linked:not(.vertical) > entry.error ~ button:active {
4135
color: white;
4136
}
4137
.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:disabled {
4139
color: rgba(255, 255, 255, 0.3);
4140
}
4141
.gedit-search-slider .linked > button {
4143
border: solid 4px transparent;
4144
border-radius: 9999px;
4145
}
4146
.gedit-search-slider .linked > button:last-child:dir(ltr), .gedit-search-slider .linked > button:not(:first-child):dir(rtl) {
4148
margin-left: -2px;
4149
}
4150
.gedit-search-slider .linked > button:first-child:dir(rtl), .gedit-search-slider .linked > button:not(:last-child):dir(ltr) {
4152
margin-right: -2px;
4153
}
4154
frame.gedit-map-frame > border:dir(ltr) {
4156
border-style: none none none solid;
4157
}
4158
frame.gedit-map-frame > border:dir(rtl) {
4160
border-style: none solid none none;
4161
}
4162
/**********
4164
* Tweaks *
4165
**********/
4166
.tweak-categories {
4167
background-image: image(#FAFAFA);
4168
}
4169
.tweak {
4171
padding: 3px;
4172
}
4173
.tweak.title:hover {
4175
box-shadow: none;
4176
}
4177
.tweak-group-white,
4179
.tweak-white,
4180
.tweak-white:hover {
4181
background-image: image(#FFFFFF);
4182
}
4183
.tweak-startup,
4185
.tweak-startup:hover {
4186
background-image: image(#FFFFFF);
4187
}
4188
.tweak-group-startup {
4190
background-image: image(#FFFFFF);
4191
border: 1px solid rgba(0, 0, 0, 0.12);
4192
}
4193
row#Focus,
4195
row#ClickMethod,
4196
row#StaticWorkspaceTweak,
4197
row#dynamic-workspaces,
4198
row#PrimaryWorkspaceTweak,
4199
row#workspaces-only-on-primary {
4200
padding: 0;
4201
border: 1px solid rgba(0, 0, 0, 0.12);
4202
}
4203
row#Focus row:not(:last-child),
4205
row#ClickMethod row:not(:last-child),
4206
row#StaticWorkspaceTweak row:not(:last-child),
4207
row#dynamic-workspaces row:not(:last-child),
4208
row#PrimaryWorkspaceTweak row:not(:last-child),
4209
row#workspaces-only-on-primary row:not(:last-child) {
4210
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4211
}
4212
row#Focus.tweak > list,
4214
row#ClickMethod.tweak > list,
4215
row#StaticWorkspaceTweak.tweak > list,
4216
row#dynamic-workspaces.tweak > list,
4217
row#PrimaryWorkspaceTweak.tweak > list,
4218
row#workspaces-only-on-primary.tweak > list {
4219
margin-top: -3px;
4220
}
4221
row#Focus,
4223
row#ClickMethod,
4224
row#PrimaryWorkspaceTweak,
4225
row#workspaces-only-on-primary {
4226
margin-top: 4px;
4227
}
4228
/***********
4230
* Builder *
4231
***********/
4232
layouttabbar {
4233
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4234
background-color: #F2F2F2;
4235
}
4236
layouttabbar > box > button {
4238
margin: 4px 0;
4239
}
4240
layouttab {
4242
margin: 0 8px;
4243
border-style: none solid;
4244
border-width: 1px;
4245
border-color: rgba(0, 0, 0, 0.12);
4246
box-shadow: inset 0 -2px #4285F4;
4247
background-color: #FFFFFF;
4248
}
4249
layouttab separator.vertical {
4251
margin: 8px 4px;
4252
}
4253
layouttab button.text-button, layouttab button.image-button, layouttab button {
4255
margin-top: 8px;
4256
margin-bottom: 8px;
4257
padding: 0 4px;
4258
}
4259
layout {
4261
border: 1px solid rgba(0, 0, 0, 0.12);
4262
-PnlDockBin-handle-size: 1;
4263
}
4264
entry.search-missing {
4266
background-color: #EA4335;
4267
color: white;
4268
}
4269
window.workbench treeview.image {
4271
color: rgba(0, 0, 0, 0.54);
4272
}
4273
popover.popover-selector list {
4275
padding: 6px;
4276
}
4277
popover.popover-selector list row {
4279
border-radius: 4px;
4280
}
4281
popover.popover-selector list row image:dir(ltr) {
4283
margin-right: 6px;
4284
}
4285
popover.popover-selector list row image:dir(rtl) {
4287
margin-left: 6px;
4288
}
4289
popover.popover-selector list row .accel:dir(ltr) {
4291
margin-left: 6px;
4292
}
4293
popover.popover-selector list row .accel:dir(rtl) {
4295
margin-right: 6px;
4296
}
4297
omnibar.linked:not(.vertical) entry {
4299
border-radius: 4px;
4300
}
4301
omnibar:not(:hover):not(:active) entry {
4303
color: rgba(0, 0, 0, 0.54);
4304
}
4305
popover.omnibar list row:not(:last-child) {
4307
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4308
}
4309
entry.preferences-search {
4311
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12);
4312
background-color: #FFFFFF;
4313
}
4314
preferences stacksidebar.sidebar list {
4316
background-color: #FAFAFA;
4317
}
4318
preferences stacksidebar.sidebar:dir(ltr) list, preferences stacksidebar.sidebar:dir(rtl) list {
4320
border-style: none;
4321
}
4322
preferences > box > box:dir(ltr) {
4324
border-right: 1px solid rgba(0, 0, 0, 0.12);
4325
}
4326
preferences > box > box:dir(rtl) {
4328
border-left: 1px solid rgba(0, 0, 0, 0.12);
4329
}
4330
popover.messagepopover.background {
4332
padding: 0;
4333
}
4334
popover.messagepopover .popover-action-area button {
4336
padding: 8px 16px;
4337
border-top: 1px solid rgba(0, 0, 0, 0.12);
4338
border-radius: 0;
4339
}
4340
popover.messagepopover .popover-action-area button:first-child {
4342
border-bottom-left-radius: 4px;
4343
}
4344
popover.messagepopover .popover-action-area button:last-child {
4346
border-bottom-right-radius: 4px;
4347
}
4348
popover.messagepopover .popover-content-area {
4350
margin: 16px;
4351
}
4352
popover.transfers list {
4354
background-color: transparent;
4355
}
4356
popover.transfers list row:not(:first-child) {
4358
border-top: 1px solid rgba(0, 0, 0, 0.12);
4359
}
4360
popover.transfers list row > box {
4362
padding: 10px;
4363
}
4364
dockbin {
4366
border: 1px solid rgba(0, 0, 0, 0.12);
4367
-PnlDockBin-handle-size: 1;
4368
}
4369
dockpaned {
4371
border: 1px solid rgba(0, 0, 0, 0.12);
4372
}
4373
eggsearchbar box.search-bar {
4375
padding: 0 8px;
4376
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4377
background-color: #F2F2F2;
4378
}
4379
docktabstrip {
4381
padding: 0 8px;
4382
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4383
background-color: #F2F2F2;
4384
}
4385
docktab {
4387
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
4388
min-height: 24px;
4389
min-width: 24px;
4390
margin-bottom: -1px;
4391
padding: 4px 6px;
4392
outline-offset: -6px;
4393
border-width: 1px;
4394
border-color: transparent;
4395
box-shadow: inset 0 -2px transparent;
4396
background-image: radial-gradient(circle farthest-corner at center, #4285F4 10%, transparent 0%);
4397
background-repeat: no-repeat;
4398
background-position: center;
4399
background-size: 0% 0%;
4400
color: rgba(0, 0, 0, 0.54);
4401
font-weight: 500;
4402
}
4403
docktab:hover {
4405
background-color: alpha(currentColor, 0.08);
4406
color: rgba(0, 0, 0, 0.87);
4407
}
4408
docktab:checked {
4410
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);
4411
box-shadow: inset 0 -2px #4285F4;
4412
background-color: transparent;
4413
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
4414
background-size: 1000% 1000%;
4415
color: rgba(0, 0, 0, 0.87);
4416
}
4417
dockoverlayedge {
4419
background-color: #F2F2F2;
4420
}
4421
dockoverlayedge docktabstrip {
4423
padding: 0;
4424
border: none;
4425
}
4426
dockoverlayedge.left-edge docktab:hover {
4428
box-shadow: inset -2px 0 rgba(0, 0, 0, 0.26);
4429
}
4430
dockoverlayedge.left-edge docktab:checked {
4432
box-shadow: inset -2px 0 #4285F4;
4433
}
4434
dockoverlayedge.right-edge docktab:hover {
4436
box-shadow: inset 2px 0 rgba(0, 0, 0, 0.26);
4437
}
4438
dockoverlayedge.right-edge docktab:checked {
4440
box-shadow: inset 2px 0 #4285F4;
4441
}
4442
pillbox {
4444
background-color: #F2F2F2;
4445
border-radius: 4px;
4446
}
4447
layoutpane entry.search {
4449
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12);
4450
background-color: #FFFFFF;
4451
}
4452
editortweak entry.search {
4454
margin-bottom: -1px;
4455
box-shadow: none;
4456
}
4457
.gb-search-entry-occurrences-tag {
4459
box-shadow: none;
4460
background-color: transparent;
4461
}
4462
docktabstrip {
4464
min-height: 39px;
4465
}
4466
window.workbench preferences preferencesgroup list entry {
4468
padding-top: 8px;
4469
padding-bottom: 8px;
4470
}
4471
button.run-arrow-button {
4473
padding-left: 8px;
4474
padding-right: 8px;
4475
}
4476
button.dzlmenubutton image {
4478
min-width: 26px;
4479
}
4480
button.dzlmenubutton image.arrow {
4482
min-width: 23px;
4483
}
4484
button.dzlmenubuttonitem {
4486
color: rgba(0, 0, 0, 0.87);
4487
font-weight: normal;
4488
}
4489
button.dzlmenubuttonitem:disabled {
4491
color: rgba(0, 0, 0, 0.38);
4492
}
4493
idelayoutstackheader {
4495
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4496
}
4497
idelayoutstackheader button:checked {
4499
color: rgba(0, 0, 0, 0.87);
4500
}
4501
ideeditorutilities > dzldockpaned > box > stackswitcher {
4503
padding: 8px 0;
4504
background-color: #F2F2F2;
4505
}
4506
ideeditorutilities > dzldockpaned > box > stackswitcher:dir(ltr) {
4508
border-right: 1px solid rgba(0, 0, 0, 0.12);
4509
}
4510
ideeditorutilities > dzldockpaned > box > stackswitcher:dir(rtl) {
4512
border-left: 1px solid rgba(0, 0, 0, 0.12);
4513
}
4514
ideeditorutilities > dzldockpaned > box > stackswitcher button {
4516
border-radius: 0;
4517
outline-offset: -6px;
4518
box-shadow: none;
4519
background-color: transparent;
4520
}
4521
ideeditorutilities > dzldockpaned > box > stackswitcher button:active {
4523
background-image: radial-gradient(circle farthest-corner at center, rgba(66, 133, 244, 0.7) 10%, transparent 0%);
4524
}
4525
ideeditorutilities > dzldockpaned > box > stackswitcher button:checked {
4527
background-color: transparent;
4528
color: rgba(0, 0, 0, 0.87);
4529
}
4530
ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr) {
4532
margin-right: -1px;
4533
}
4534
ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):hover {
4536
box-shadow: inset -2px 0 rgba(0, 0, 0, 0.26);
4537
}
4538
ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):active, ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):checked {
4540
box-shadow: inset -2px 0 #4285F4;
4541
}
4542
ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl) {
4544
margin-left: -1px;
4545
}
4546
ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):hover {
4548
box-shadow: inset 2px 0 rgba(0, 0, 0, 0.26);
4549
}
4550
ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):active, ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):checked {
4552
box-shadow: inset 2px 0 #4285F4;
4553
}
4554
ideeditorsidebar notebook header {
4556
background: transparent;
4557
}
4558
popover.messagepopover list {
4560
border: 1px solid rgba(0, 0, 0, 0.12);
4561
}
4562
popover.messagepopover list row:not(:last-child) {
4564
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4565
}
4566
/**********
4568
* Photos *
4569
**********/
4570
GdMainIconView.content-view {
4571
-GdMainIconView-icon-size: 48;
4572
}
4573
.documents-counter {
4575
margin: 8px;
4576
border-radius: 9999px;
4577
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
4578
background-color: #4285F4;
4579
color: white;
4580
font-weight: bold;
4581
}
4582
.documents-scrolledwin.frame {
4584
border-style: none;
4585
}
4586
.documents-scrolledwin.frame frame.content-view > border {
4588
border-style: none;
4589
}
4590
.photos-fade-in {
4592
opacity: 1;
4593
transition: opacity 100ms cubic-bezier(0, 0, 0.2, 1);
4594
}
4595
.photos-fade-out {
4597
opacity: 0;
4598
transition: opacity 100ms cubic-bezier(0, 0, 0.2, 1);
4599
}
4600
button.photos-filter-preview {
4602
color: rgba(0, 0, 0, 0.87);
4603
font-weight: normal;
4604
}
4605
button.photos-filter-preview:checked {
4607
background-color: rgba(66, 133, 244, 0.32);
4608
color: rgba(0, 0, 0, 0.87);
4609
}
4610
button.photos-filter-preview:checked image {
4612
color: white;
4613
-gtk-icon-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
4614
}
4615
overlay grid.horizontal > revealer > scrolledwindow.frame:dir(ltr) {
4617
border-style: none none none solid;
4618
}
4619
overlay grid.horizontal > revealer > scrolledwindow.frame:dir(rtl) {
4621
border-style: none solid none none;
4622
}
4623
/*********
4625
* Music *
4626
*********/
4627
.side-panel:dir(ltr) {
4628
border-style: solid;
4629
border-color: rgba(0, 0, 0, 0.12);
4630
}
4631
.side-panel:dir(rtl) {
4633
border-style: solid;
4634
border-color: rgba(0, 0, 0, 0.12);
4635
}
4636
.side-panel .view {
4638
background-image: image(#FAFAFA);
4639
}
4640
.side-panel .view:hover {
4642
background-image: image(rgba(240, 240, 240, 0.9935));
4643
}
4644
.side-panel .view:selected {
4646
background-image: image(#4285F4);
4647
}
4648
.side-panel .view:selected:hover {
4650
background-image: image(#4b8bf5);
4651
}
4652
.songs-list:hover {
4654
background-image: image(alpha(currentColor, 0.08));
4655
}
4656
frame.documents-dropdown {
4658
margin: 8px;
4659
}
4660
frame.documents-dropdown > border {
4662
border: none;
4663
}
4664
box.vertical > revealer > toolbar.search-bar {
4666
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4667
background-clip: border-box;
4668
}
4669
box.vertical > revealer > toolbar.search-bar button > widget {
4671
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
4672
}
4673
/*********
4675
* To Do *
4676
*********/
4677
task-list-view taskrow {
4678
transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
4679
margin: 0 -8px;
4680
}
4681
task-list-view taskrow:hover {
4683
transition: none;
4684
}
4685
task-list-view taskrow label {
4687
margin: 0 8px;
4688
}
4689
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,
4691
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 {
4692
min-width: 16px;
4693
}
4694
task-list-view > box > revealer > box > button {
4696
margin: -4px;
4697
}
4698
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,
4700
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 {
4701
opacity: 1;
4702
}
4703
tasklistview taskrow {
4705
outline: none;
4706
}
4707
tasklistview taskrow entry, tasklistview taskrow entry:focus, tasklistview taskrow entry:disabled {
4709
box-shadow: none;
4710
}
4711
tasklistview taskrow image.dim-label, tasklistview taskrow .titlebar:not(headerbar) image.subtitle, .titlebar:not(headerbar) tasklistview taskrow image.subtitle,
4713
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 {
4714
min-width: 16px;
4715
}
4716
tasklistview > box > revealer > box > button {
4718
margin: -4px;
4719
}
4720
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,
4722
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 {
4723
opacity: 1;
4724
}
4725
/*******
4727
* eog *
4728
*******/
4729
#eog-thumb-nav scrolledwindow {
4730
border-top: none;
4731
}
4732
#eog-thumb-nav button {
4734
-gtk-outline-radius: 4px;
4735
}
4736
/*************
4738
* Evolution *
4739
*************/
4740
frame.taskbar > border {
4741
border-style: solid none none;
4742
}
4743
box.vertical > paned.horizontal notebook widget .frame {
4745
border-style: none;
4746
}
4747
/********
4749
* gitg *
4750
********/
4751
frame.commit-frame > border {
4752
border-style: solid none none;
4753
}
4754
/**************
4756
* Characters *
4757
**************/
4758
box.dialog-vbox scrolledwindow.related {
4759
border: 1px solid rgba(0, 0, 0, 0.12);
4760
}
4761
list.categories {
4763
background-image: image(#FAFAFA);
4764
}
4765
/*********
4767
* Boxes *
4768
*********/
4769
.transparent-bg + stack overlay > label {
4770
min-height: 24px;
4771
padding: 0 4px;
4772
border-radius: 4px;
4773
background-color: rgba(0, 0, 0, 0.6);
4774
color: white;
4775
}
4776
/**************
4778
* Calculator *
4779
**************/
4780
button.title label {
4781
min-height: 32px;
4782
}
4783
/*********
4785
* Geary *
4786
*********/
4787
.geary-titlebar-left:dir(ltr) {
4788
margin-right: 5px;
4789
padding-right: 0;
4790
}
4791
.geary-titlebar-left:dir(rtl) {
4793
margin-left: 5px;
4794
padding-left: 0;
4795
}
4796
.geary-titlebar-left > separator {
4798
background-color: rgba(0, 0, 0, 0.05);
4799
}
4800
.geary-titlebar-right:dir(ltr) {
4802
margin-left: -5px;
4803
}
4804
.geary-titlebar-right:dir(rtl) {
4806
margin-right: -5px;
4807
}
4808
/*********
4810
* Tilix *
4811
*********/
4812
overlay > revealer.left > scrolledwindow.frame,
4813
overlay > revealer.right > scrolledwindow.frame {
4814
border-style: none;
4815
box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22);
4816
}
4817
overlay > revealer.left > scrolledwindow.frame {
4819
margin-right: 32px;
4820
}
4821
overlay > revealer.right > scrolledwindow.frame {
4823
margin-left: 32px;
4824
}
4825
.terminix-session-sidebar,
4827
.tilix-session-sidebar {
4828
background-image: image(#FFFFFF);
4829
}
4830
.terminal-titlebar button {
4832
border-radius: 0;
4833
}
4834
button.image-button.session-new-button {
4836
min-width: 28px;
4837
}
4838
/**************
4840
* Terminator *
4841
**************/
4842
.terminator-terminal-window paned > separator {
4843
background-color: #F2F2F2;
4844
}
4845
.terminator-terminal-window notebook.frame {
4847
border-style: none;
4848
}
4849
/*************
4851
* Ubitquity *
4852
*************/
4853
#live_installer .menubar progressbar trough {
4854
border-radius: 4px;
4855
background-color: rgba(255, 255, 255, 0.12);
4856
}
4857
/***********
4859
* Eclipse *
4860
***********/
4861
window.background > box.vertical > scrolledwindow > widget toolbar {
4862
padding: 2px;
4863
}
4864
window.background > box.vertical > scrolledwindow > widget toolbar separator,
4866
window.background > box.vertical > scrolledwindow > widget toolbar button {
4867
margin: 2px;
4868
}
4869
window.background > box.vertical > scrolledwindow > widget toolbar button {
4871
border-radius: 4px;
4872
}
4873
/************
4875
* Chromium *
4876
************/
4877
window.background.chromium {
4878
background-color: #F2F2F2;
4879
}
4880
window.background.chromium entry,
4882
window.background.chromium > button:not(.suggested-action):not(.destructive-action) {
4883
border: 1px solid rgba(0, 0, 0, 0.26);
4884
}
4885
window.background.chromium > button {
4887
box-shadow: none;
4888
background-size: auto;
4889
}
4890
window.background.chromium > button:hover {
4892
background-image: image(alpha(currentColor, 0.08));
4893
}
4894
window.background.chromium > button:active {
4896
background-image: image(alpha(currentColor, 0.24));
4897
}
4898
window.background.chromium headerbar button:active {
4900
background-size: 1000% 1000%;
4901
}
4902
window.background.chromium spinner {
4904
color: #4285F4;
4905
}
4906
window.background.chromium textview {
4908
background-color: #FFFFFF;
4909
}
4910
tooltip.background.chromium {
4912
background-color: #616161;
4913
}
4914
/***********
4916
* Firefox *
4917
***********/
4918
window.background:not(.csd) > widget > separator {
4919
color: rgba(0, 0, 0, 0.26);
4920
}
4921
window.background:not(.csd) > widget > scrollbar {
4923
background-clip: border-box;
4924
}
4925
window.background:not(.csd) > widget > scrollbar,
4927
window.background:not(.csd) > widget > frame > border {
4928
border-color: rgba(0, 0, 0, 0.26);
4929
}
4930
window.background:not(.csd) > widget > entry,
4932
window.background:not(.csd) > widget > button > button {
4933
border: 1px solid rgba(0, 0, 0, 0.26);
4934
border-radius: 4px;
4935
box-shadow: none;
4936
}
4937
window.background:not(.csd) > widget > entry {
4939
min-height: 30px;
4940
background-color: #FFFFFF;
4941
}
4942
window.background:not(.csd) > widget > entry:focus {
4944
border-color: #4285F4;
4945
box-shadow: inset 0 0 0 1px #4285F4;
4946
}
4947
window.background:not(.csd) > widget > entry:disabled {
4949
background-color: #FAFAFA;
4950
}
4951
window.background:not(.csd) > widget > button > button {
4953
padding: 4px 8px;
4954
background-size: auto;
4955
}
4956
window.background:not(.csd) > widget > button > button:hover {
4958
background-image: image(alpha(currentColor, 0.08));
4959
}
4960
window.background:not(.csd) > widget > button > button:active {
4962
background-image: image(alpha(currentColor, 0.24));
4963
}
4964
window.background:not(.csd) > widget > checkbutton > check:not(:checked),
4966
window.background:not(.csd) > widget > radiobutton > radio:not(:checked) {
4967
color: #757575;
4968
}
4969
window.background:not(.csd) > widget > checkbutton > check:not(:checked):hover, window.background:not(.csd) > widget > checkbutton > check:not(:checked):active,
4971
window.background:not(.csd) > widget > radiobutton > radio:not(:checked):hover,
4972
window.background:not(.csd) > widget > radiobutton > radio:not(:checked):active {
4973
color: #212121;
4974
}
4975
window.background:not(.csd) > widget > checkbutton > check:not(:checked):disabled,
4977
window.background:not(.csd) > widget > radiobutton > radio:not(:checked):disabled {
4978
color: rgba(117, 117, 117, 0.5);
4979
}
4980
window.background:not(.csd) > window > menu,
4982
window.background:not(.csd) > menu > menu {
4983
border: none;
4984
}
4985
text:selected {
4987
background-color: #4285F4;
4988
color: white;
4989
}
4990
window.background:not(.csd) > widget > menubar {
4992
color: rgba(255, 255, 255, 0.7);
4993
}
4994
window.background:not(.csd) > widget > menubar:hover {
4996
color: white;
4997
}
4998
window.background:not(.csd) > widget > menubar:disabled {
5000
color: rgba(255, 255, 255, 0.3);
5001
}
5002
window.background:not(.csd) > widget > frame {
5004
color: rgba(0, 0, 0, 0.26);
5005
}
5006
window.background:not(.csd) > widget > checkbutton > check,
5008
window.background:not(.csd) > widget > radiobutton > radio {
5009
margin: 0;
5010
padding: 0;
5011
}
5012
window.background:not(.csd) > window.background > menu > separator {
5014
color: rgba(0, 0, 0, 0.12);
5015
}
5016
/************
5018
* Inkscape *
5019
************/
5020
#ToolboxCommon > #AuxToolbox #StyleSwatch {
5021
font-size: smaller;
5022
}
5023
#ToolboxCommon > #AuxToolbox #Kludge {
5025
padding: 0;
5026
}
5027
#ToolboxCommon > #AuxToolbox spinbutton,
5029
#ToolboxCommon > #AuxToolbox entry {
5030
min-height: 32px;
5031
}
5032
#ToolboxCommon > #AuxToolbox button:not(.up):not(.down) {
5034
min-height: 24px;
5035
min-width: 16px;
5036
padding: 4px 8px;
5037
border-radius: 4px;
5038
-gtk-outline-radius: 4px;
5039
}
5040
#ToolboxCommon > #AuxToolbox spinbutton button {
5042
border-width: 4px;
5043
}
5044
#ToolboxCommon > toolbar.vertical {
5046
margin-top: -4px;
5047
}
5048
#ToolboxCommon > toolbar.vertical button {
5050
min-height: 24px;
5051
min-width: 24px;
5052
padding: 4px;
5053
border-radius: 4px;
5054
-gtk-outline-radius: 4px;
5055
}
5056
#CanvasTable button {
5058
min-height: 16px;
5059
min-width: 16px;
5060
padding: 0;
5061
}
5062
#CanvasTable #HorizontalScrollbar {
5064
border-top: 1px solid rgba(0, 0, 0, 0.12);
5065
}
5066
#CanvasTable #VerticalScrollbar:dir(ltr) {
5068
border-left: 1px solid rgba(0, 0, 0, 0.12);
5069
}
5070
#CanvasTable #VerticalScrollbar:dir(rtl) {
5072
border-right: 1px solid rgba(0, 0, 0, 0.12);
5073
}
5074
#Canvas_and_Dock frame > border {
5076
border: none;
5077
}
5078
#Canvas_and_Dock widget > widget > button.flat {
5080
min-height: 16px;
5081
min-width: 16px;
5082
padding: 4px;
5083
}
5084
#Canvas_and_Dock widget > widget > box.horizontal image {
5086
padding: 4px;
5087
}
5088
#Canvas_and_Dock box.horizontal > box.vertical > button.flat {
5090
min-height: 16px;
5091
min-width: 24px;
5092
padding: 8px 4px;
5093
}
5094
/***********
5096
* Synapse *
5097
***********/
5098
/*********
5099
* Unity *
5100
*********/
5101
UnityDecoration {
5102
-UnityDecoration-extents: 28px 0 0 0;
5103
-UnityDecoration-input-extents: 8px;
5104
-UnityDecoration-shadow-offset-x: 0;
5105
-UnityDecoration-shadow-offset-y: 3px;
5106
-UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.48);
5107
-UnityDecoration-active-shadow-radius: 18px;
5108
-UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.32);
5109
-UnityDecoration-inactive-shadow-radius: 6px;
5110
-UnityDecoration-glow-size: 8px;
5111
-UnityDecoration-glow-color: #4285F4;
5112
-UnityDecoration-title-indent: 4px;
5113
-UnityDecoration-title-fade: 32px;
5114
-UnityDecoration-title-alignment: 0.0;
5115
}
5116
UnityDecoration .top {
5118
padding: 0 2px;
5119
border-style: none;
5120
border-radius: 4px 4px 0 0;
5121
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
5122
background-color: #383838;
5123
color: white;
5124
}
5125
UnityDecoration .top:backdrop {
5127
color: rgba(255, 255, 255, 0.7);
5128
}
5129
UnityDecoration .menuitem {
5131
color: rgba(255, 255, 255, 0.7);
5132
}
5133
UnityDecoration .menuitem:hover {
5135
box-shadow: inset 0 -2px currentColor;
5136
background-color: transparent;
5137
color: white;
5138
}
5139
.background:not(.csd) headerbar:not(.titlebar) {
5141
border-radius: 0;
5142
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
5143
}
5144
.background:not(.csd) headerbar:not(.titlebar).inline-toolbar {
5146
border-style: none;
5147
}
5148
UnityPanelWidget,
5150
.unity-panel {
5151
background-color: #212121;
5152
color: white;
5153
}
5154
UnityPanelWidget:backdrop,
5156
.unity-panel:backdrop {
5157
color: rgba(255, 255, 255, 0.7);
5158
}
5159
.unity-panel.menuitem,
5161
.unity-panel .menuitem {
5162
color: rgba(255, 255, 255, 0.7);
5163
}
5164
.unity-panel.menubar.menuitem:hover,
5166
.unity-panel.menubar .menuitem *:hover {
5167
box-shadow: inset 0 -2px currentColor;
5168
background-color: transparent;
5169
color: white;
5170
}
5171
.menu IdoPlaybackMenuItem.menuitem:active {
5173
-gtk-icon-source: -gtk-icontheme("process-working-symbolic");
5174
animation: spin 1s linear infinite;
5175
color: #4285F4;
5176
}
5177
/**************
5179
* Mate-Panel *
5180
**************/
5181
.mate-panel-menu-bar menubar,
5182
#PanelApplet-window-menu-applet-button {
5183
background-color: transparent;
5184
}
5185
.mate-panel-menu-bar {
5187
background-color: #212121;
5188
font-weight: 500;
5189
}
5190
.mate-panel-menu-bar:not(.popup) {
5192
color: rgba(255, 255, 255, 0.7);
5193
}
5194
.mate-panel-menu-bar button {
5196
min-height: 16px;
5197
min-width: 16px;
5198
padding: 0;
5199
border-radius: 0;
5200
}
5201
.mate-panel-menu-bar button:checked {
5203
background-color: rgba(255, 255, 255, 0.12);
5204
}
5205
PanelToplevel.horizontal > grid > button {
5207
min-width: 24px;
5208
}
5209
PanelToplevel.vertical > grid > button {
5211
min-height: 24px;
5212
}
5213
PanelSeparator {
5215
color: rgba(255, 255, 255, 0.12);
5216
}
5217
MatePanelAppletFrameDBus {
5219
border-style: solid;
5220
border-color: rgba(255, 255, 255, 0.12);
5221
}
5222
.mate-panel-menu-bar.horizontal MatePanelAppletFrameDBus {
5224
border-width: 0 1px;
5225
}
5226
.mate-panel-menu-bar.vertical MatePanelAppletFrameDBus {
5228
border-width: 1px 0;
5229
}
5230
.mate-panel-menu-bar menubar > menuitem {
5232
color: rgba(255, 255, 255, 0.7);
5233
}
5234
.mate-panel-menu-bar menubar > menuitem:hover {
5236
background-color: rgba(255, 255, 255, 0.12);
5237
color: white;
5238
}
5239
.mate-panel-menu-bar menubar > menuitem:disabled {
5241
color: rgba(255, 255, 255, 0.3);
5242
}
5243
.mate-panel-menu-bar.horizontal menubar > menuitem {
5245
padding: 0 8px;
5246
}
5247
.mate-panel-menu-bar.vertical menubar > menuitem {
5249
padding: 8px 0;
5250
}
5251
.mate-panel-menu-bar menubar menu > menuitem {
5253
min-height: 28px;
5254
padding: 0 6px;
5255
}
5256
.mate-panel-menu-bar #PanelApplet button {
5258
-GtkWidget-window-dragging: true;
5259
}
5260
.mate-panel-menu-bar #tasklist-button {
5262
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0/0 0 0px;
5263
}
5264
.mate-panel-menu-bar #tasklist-button:checked {
5266
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2/0 0 2px;
5267
}
5268
.mate-panel-menu-bar #tasklist-button image:dir(ltr), .mate-panel-menu-bar #tasklist-button label:dir(rtl) {
5270
padding-left: 4px;
5271
}
5272
.mate-panel-menu-bar #tasklist-button label:dir(ltr), .mate-panel-menu-bar #tasklist-button image:dir(rtl) {
5274
padding-right: 4px;
5275
}
5276
.mate-panel-menu-bar.vertical #tasklist-button {
5278
min-height: 32px;
5279
}
5280
.mate-panel-menu-bar.horizontal #showdesktop-button image {
5282
min-width: 24px;
5283
padding: 0 4px;
5284
}
5285
.mate-panel-menu-bar.vertical #showdesktop-button image {
5287
min-height: 24px;
5288
padding: 4px 0;
5289
}
5290
PanelApplet.wnck-applet .wnck-pager {
5292
background-color: transparent;
5293
color: #7BAAF7;
5294
}
5295
PanelApplet.wnck-applet .wnck-pager:hover {
5297
background-color: rgba(255, 255, 255, 0.12);
5298
}
5299
PanelApplet.wnck-applet .wnck-pager:active {
5301
background-color: rgba(255, 255, 255, 0.3);
5302
}
5303
PanelApplet.wnck-applet .wnck-pager:selected {
5305
background-color: #4285F4;
5306
}
5307
.mate-panel-menu-bar.horizontal #clock-applet-button label {
5309
padding: 0 8px;
5310
}
5311
.mate-panel-menu-bar.vertical #clock-applet-button label {
5313
padding: 8px 0;
5314
}
5315
#MatePanelPopupWindow {
5317
border: 1px solid rgba(0, 0, 0, 0.12);
5318
border-radius: 5px;
5319
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
5320
}
5321
#MatePanelPopupWindow frame > border {
5323
border-style: none;
5324
}
5325
#MatePanelPopupWindow button {
5327
padding: 4px 16px;
5328
}
5329
#MatePanelPopupWindow > frame > box > box > box > widget {
5331
color: rgba(0, 0, 0, 0.12);
5332
}
5333
na-tray-applet {
5335
-NaTrayApplet-icon-padding: 3px;
5336
-NaTrayApplet-icon-size: 16;
5337
}
5338
.mate-panel-menu-bar {
5340
-PanelMenuBar-icon-visible: true;
5341
}
5342
.mate-panel-applet-slider {
5344
border: 1px solid rgba(0, 0, 0, 0.12);
5345
border-radius: 5px;
5346
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
5347
background-color: #F2F2F2;
5348
}
5349
.mate-panel-applet-slider frame > border {
5351
border-style: none;
5352
}
5353
#PanelApplet:not(:selected) > box {
5355
transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
5356
}
5357
#PanelApplet:selected > box {
5359
background-color: rgba(255, 255, 255, 0.12);
5360
color: white;
5361
}
5362
#mate-menu {
5364
border: 1px solid rgba(0, 0, 0, 0.12);
5365
}
5366
#mate-menu button {
5368
min-height: 24px;
5369
min-width: 24px;
5370
padding: 4px 0;
5371
color: rgba(0, 0, 0, 0.87);
5372
font-weight: normal;
5373
}
5374
#mate-menu button label:not(:first-child) {
5376
color: rgba(0, 0, 0, 0.54);
5377
}
5378
#mate-menu entry {
5380
margin: 0 0 8px;
5381
}
5382
#mate-menu entry image {
5384
margin: 0;
5385
}
5386
#mate-menu entry + button {
5388
margin: 0 4px 8px;
5389
padding: 4px;
5390
}
5391
/*********************
5393
* CAJA File manager *
5394
*********************/
5395
.caja-navigation-window button.toggle.image-button {
5396
border-radius: 4px;
5397
}
5398
.caja-pathbar button {
5400
margin: 0 -1px 0 -2px;
5401
}
5402
.caja-pathbar button > widget {
5404
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
5405
-GtkArrow-arrow-scaling: 1;
5406
}
5407
.caja-side-pane notebook viewport.frame,
5409
.caja-side-pane notebook widget .vertical {
5410
background-color: #FFFFFF;
5411
}
5412
.caja-side-pane notebook,
5414
.caja-notebook {
5415
border-top: 1px solid rgba(0, 0, 0, 0.12);
5416
}
5417
.caja-side-pane notebook .frame,
5419
.caja-notebook .frame {
5420
border-style: none;
5421
}
5422
.caja-navigation-window statusbar {
5424
margin: 0 -10px;
5425
padding: 0 4px;
5426
border-top: 1px solid rgba(0, 0, 0, 0.12);
5427
}
5428
.caja-notebook frame > border {
5430
border-style: none;
5431
}
5432
#caja-extra-view-widget {
5434
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
5435
background-color: #F2F2F2;
5436
}
5437
#caja-extra-view-widget > box > box > label {
5439
font-weight: bold;
5440
}
5441
/*********
5443
* Pluma *
5444
*********/
5445
.pluma-window statusbar {
5446
margin: 0 -10px;
5447
padding: 0 4px;
5448
border-top: 1px solid rgba(0, 0, 0, 0.12);
5449
}
5450
.pluma-window statusbar frame > border {
5452
border-style: none;
5453
}
5454
.pluma-window statusbar frame button.flat {
5456
padding: 0 4px;
5457
border-radius: 0;
5458
}
5459
.pluma-window statusbar frame button.flat widget {
5461
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
5462
-GtkArrow-arrow-scaling: 1;
5463
}
5464
.pluma-print-preview toolbar {
5466
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
5467
}
5468
.pluma-window paned.horizontal box.vertical box.horizontal button.flat {
5470
margin: 1px;
5471
}
5472
.pluma-window paned.horizontal box.vertical .frame {
5474
border-style: none;
5475
}
5476
.pluma-window paned.horizontal box.vertical notebook.frame {
5478
margin-top: -1px;
5479
border-top: 1px solid rgba(0, 0, 0, 0.12);
5480
}
5481
.pluma-window paned.horizontal box.vertical notebook.frame box.vertical toolbar.horizontal {
5483
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
5484
}
5485
/*********
5487
* Atril *
5488
*********/
5489
.atril-window paned.horizontal box.vertical .frame {
5490
border-style: none;
5491
}
5492
.atril-window paned.horizontal box.vertical notebook .frame {
5494
border-top: 1px solid rgba(0, 0, 0, 0.12);
5495
}
5496
/* mate-screensaver lock dialog */
5498
.lock-dialog {
5499
border-radius: 4px;
5500
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);
5501
}
5502
.lock-dialog frame > border {
5504
border-style: none;
5505
}
5506
/* multimedia OSD */
5508
MsdOsdWindow.background.osd {
5509
border-radius: 4px;
5510
background-color: rgba(97, 97, 97, 0.9);
5511
color: white;
5512
}
5513
MsdOsdWindow.background.osd .trough {
5515
border-radius: 0;
5516
background-color: rgba(255, 255, 255, 0.12);
5517
}
5518
MsdOsdWindow.background.osd .progressbar {
5520
border-radius: 0;
5521
background-color: #4285F4;
5522
}
5523
/******************
5525
* Budgie Desktop *
5526
******************/
5527
.budgie-container {
5528
background-color: transparent;
5529
}
5530
.budgie-settings-window buttonbox.inline-toolbar {
5532
border-style: none none solid;
5533
}
5534
.budgie-settings-window buttonbox.inline-toolbar button {
5536
border-radius: 4px;
5537
-gtk-outline-radius: 4px;
5538
}
5539
.budgie-popover {
5541
border-style: solid;
5542
border-width: 1px;
5543
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.3);
5544
border-radius: 5px;
5545
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
5546
background-color: #FFFFFF;
5547
}
5548
.budgie-popover .container {
5550
padding: 2px;
5551
}
5552
.budgie-popover border {
5554
border: none;
5555
}
5556
.budgie-popover list {
5558
background-color: transparent;
5559
}
5560
.budgie-popover row {
5562
padding: 0;
5563
}
5564
.budgie-popover row:hover {
5566
box-shadow: none;
5567
}
5568
.budgie-popover button.flat:not(.image-button) {
5570
min-height: 28px;
5571
padding: 0 8px;
5572
color: rgba(0, 0, 0, 0.87);
5573
font-weight: normal;
5574
}
5575
.budgie-popover button.flat:not(.image-button):disabled {
5577
color: rgba(0, 0, 0, 0.38);
5578
}
5579
.budgie-popover.budgie-menu .container {
5581
padding: 0;
5582
}
5583
.budgie-popover.budgie-menu .sidebar,
5585
.budgie-popover.budgie-menu scrollbar,
5586
.budgie-popover.budgie-menu entry.search {
5587
background-color: transparent;
5588
}
5589
.budgie-popover.budgie-menu entry.search {
5591
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
5592
border-image: none;
5593
border-radius: 0;
5594
box-shadow: none;
5595
font-size: 120%;
5596
}
5597
.budgie-popover.budgie-menu button.flat:not(.image-button) {
5599
min-height: 32px;
5600
padding: 0 8px;
5601
border-radius: 0;
5602
}
5603
.budgie-popover.budgie-menu button.flat:not(.image-button):checked:disabled {
5605
background-color: transparent;
5606
}
5607
.budgie-popover.user-menu .container {
5609
padding: 8px;
5610
}
5611
.budgie-popover.user-menu separator {
5613
margin: 4px 0;
5614
}
5615
.budgie-popover.sound-popover separator {
5617
margin: 3px 0;
5618
}
5619
.budgie-popover.night-light-indicator .container {
5621
padding: 8px;
5622
}
5623
.budgie-popover.places-menu .container {
5625
padding: 8px;
5626
}
5627
.budgie-popover.places-menu .name-button image:dir(ltr) {
5629
margin-right: 3px;
5630
}
5631
.budgie-popover.places-menu .name-button image:dir(rtl) {
5633
margin-left: 3px;
5634
}
5635
.budgie-popover.places-menu .unmount-button {
5637
margin: 2px;
5638
padding: 0;
5639
}
5640
.budgie-popover.places-menu .places-list:not(.always-expand) {
5642
margin-top: 4px;
5643
padding-top: 4px;
5644
border-top: 1px solid rgba(0, 0, 0, 0.12);
5645
}
5646
.budgie-popover.places-menu .alternative-label {
5648
padding: 3px;
5649
font-size: 15px;
5650
}
5651
.budgie-popover.workspace-popover .container {
5653
padding: 8px;
5654
}
5655
.budgie-popover.workspace-popover separator {
5657
margin: 4px 0;
5658
}
5659
.budgie-popover.workspace-popover flowboxchild {
5661
padding: 0;
5662
}
5663
.workspace-switcher .workspace-layout {
5665
border: 0 solid rgba(255, 255, 255, 0.12);
5666
}
5667
.top .workspace-switcher .workspace-layout:dir(ltr),
5669
.bottom .workspace-switcher .workspace-layout:dir(ltr) {
5670
border-left-width: 1px;
5671
}
5672
.top .workspace-switcher .workspace-layout:dir(rtl),
5674
.bottom .workspace-switcher .workspace-layout:dir(rtl) {
5675
border-right-width: 1px;
5676
}
5677
.left .workspace-switcher .workspace-layout,
5679
.right .workspace-switcher .workspace-layout {
5680
border-top-width: 1px;
5681
}
5682
.workspace-switcher .workspace-item,
5684
.workspace-switcher .workspace-add-button {
5685
border: 0 solid rgba(255, 255, 255, 0.12);
5686
}
5687
.top .workspace-switcher .workspace-item:dir(ltr),
5689
.bottom .workspace-switcher .workspace-item:dir(ltr), .top
5690
.workspace-switcher .workspace-add-button:dir(ltr),
5691
.bottom
5692
.workspace-switcher .workspace-add-button:dir(ltr) {
5693
border-right-width: 1px;
5694
}
5695
.top .workspace-switcher .workspace-item:dir(rtl),
5697
.bottom .workspace-switcher .workspace-item:dir(rtl), .top
5698
.workspace-switcher .workspace-add-button:dir(rtl),
5699
.bottom
5700
.workspace-switcher .workspace-add-button:dir(rtl) {
5701
border-left-width: 1px;
5702
}
5703
.left .workspace-switcher .workspace-item,
5705
.right .workspace-switcher .workspace-item, .left
5706
.workspace-switcher .workspace-add-button,
5707
.right
5708
.workspace-switcher .workspace-add-button {
5709
border-bottom-width: 1px;
5710
}
5711
.workspace-switcher .workspace-item {
5713
transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
5714
}
5715
.workspace-switcher .workspace-item.current-workspace {
5717
background-color: rgba(255, 255, 255, 0.12);
5718
}
5719
.workspace-switcher .workspace-add-button:hover {
5721
box-shadow: none;
5722
}
5723
.workspace-switcher .workspace-add-button:active {
5725
background-image: none;
5726
}
5727
.workspace-switcher .workspace-add-button:active image {
5729
margin: 1px 0 -1px;
5730
}
5731
.budgie-panel .workspace-switcher .workspace-icon-button {
5733
min-height: 24px;
5734
min-width: 24px;
5735
padding: 0;
5736
border-radius: 4px;
5737
}
5738
.budgie-panel {
5740
transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1);
5741
background-color: #212121;
5742
color: rgba(255, 255, 255, 0.7);
5743
font-weight: 500;
5744
}
5745
.budgie-panel.transparent {
5747
background-color: rgba(0, 0, 0, 0.6);
5748
}
5749
.budgie-panel button {
5751
min-height: 16px;
5752
min-width: 16px;
5753
padding: 0;
5754
border-radius: 0;
5755
}
5756
.budgie-panel button:checked {
5758
background-color: rgba(255, 255, 255, 0.12);
5759
}
5760
.budgie-panel.horizontal button {
5762
padding: 0 4px;
5763
}
5764
.budgie-panel.vertical button {
5766
padding: 4px 0;
5767
}
5768
.budgie-panel separator {
5770
background-color: rgba(255, 255, 255, 0.3);
5771
}
5772
.budgie-panel .alert {
5774
color: #EA4335;
5775
}
5776
.budgie-panel .titlebar:not(headerbar) {
5778
min-height: 0;
5779
padding: 0;
5780
box-shadow: none;
5781
background-color: transparent;
5782
color: white;
5783
}
5784
.budgie-panel .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action) {
5786
color: rgba(255, 255, 255, 0.7);
5787
}
5788
.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 {
5790
color: white;
5791
}
5792
.budgie-panel #tasklist-button {
5794
padding: 0 4px;
5795
}
5796
.budgie-panel.vertical #tasklist-button {
5798
min-height: 32px;
5799
}
5800
.budgie-panel button.flat.launcher {
5802
padding: 0;
5803
}
5804
.budgie-panel button.flat.launcher:not(:checked) {
5806
color: rgba(255, 255, 255, 0.5);
5807
}
5808
.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active {
5810
color: rgba(255, 255, 255, 0.7);
5811
}
5812
.budgie-panel button.flat.launcher:not(:checked):disabled {
5814
color: rgba(255, 255, 255, 0.3);
5815
}
5816
.top .budgie-panel #tasklist-button, .budgie-panel .top #tasklist-button, .top .budgie-panel button.flat.launcher, .budgie-panel .top button.flat.launcher {
5818
border-image: radial-gradient(circle closest-corner at center calc(1px), currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
5819
}
5820
.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,
5822
.top .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .top button.flat.launcher.running {
5823
border-image: radial-gradient(circle closest-corner at center calc(1px), currentColor 100%, transparent 0%) 2 0 0 0/2px 0 0 0;
5824
}
5825
.bottom .budgie-panel #tasklist-button, .budgie-panel .bottom #tasklist-button, .bottom .budgie-panel button.flat.launcher, .budgie-panel .bottom button.flat.launcher {
5827
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
5828
}
5829
.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,
5831
.bottom .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .bottom button.flat.launcher.running {
5832
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2 0/0 0 2px 0;
5833
}
5834
.left .budgie-panel #tasklist-button, .budgie-panel .left #tasklist-button, .left .budgie-panel button.flat.launcher, .budgie-panel .left button.flat.launcher {
5836
border-image: radial-gradient(circle closest-corner at calc(1px) center, currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
5837
}
5838
.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,
5840
.left .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .left button.flat.launcher.running {
5841
border-image: radial-gradient(circle closest-corner at calc(1px) center, currentColor 100%, transparent 0%) 0 0 0 2/0 0 0 2px;
5842
}
5843
.right .budgie-panel #tasklist-button, .budgie-panel .right #tasklist-button, .right .budgie-panel button.flat.launcher, .budgie-panel .right button.flat.launcher {
5845
border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
5846
}
5847
.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,
5849
.right .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .right button.flat.launcher.running {
5850
border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, currentColor 100%, transparent 0%) 0 2 0 0/0 2px 0 0;
5851
}
5852
frame.raven-frame > border {
5854
border-style: none;
5855
box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22);
5856
}
5857
.top frame.raven-frame > border {
5859
margin-bottom: 32px;
5860
}
5861
.bottom frame.raven-frame > border {
5863
margin-top: 32px;
5864
}
5865
.left frame.raven-frame > border {
5867
margin-right: 32px;
5868
}
5869
.right frame.raven-frame > border {
5871
margin-left: 32px;
5872
}
5873
.raven {
5875
background-color: #FFFFFF;
5876
}
5877
.raven > box {
5879
margin-bottom: -10px;
5880
}
5881
.raven stackswitcher.linked > button {
5883
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #4285F4 0%, transparent 0%) 0 0 0/0 0 0px;
5884
border-radius: 0;
5885
}
5886
.raven stackswitcher.linked > button:checked {
5888
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #4285F4 100%, transparent 0%) 0 0 2/0 0 2px;
5889
background-color: transparent;
5890
}
5891
.raven .raven-header {
5893
min-height: 32px;
5894
padding: 3px;
5895
}
5896
.raven .raven-header.top {
5898
padding: 0;
5899
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
5900
}
5901
.raven .raven-header.top stackswitcher button {
5903
margin: -4px 0 -5px;
5904
padding: 0 16px;
5905
min-height: 40px;
5906
}
5907
.raven .raven-header.bottom {
5909
border-top: 1px solid rgba(0, 0, 0, 0.12);
5910
}
5911
.raven stack .raven-header {
5913
margin-top: -6px;
5914
}
5915
.raven stack scrolledwindow .raven-header {
5917
margin-top: -8px;
5918
}
5919
.raven .raven-background {
5921
border-style: solid none;
5922
border-width: 1px;
5923
border-color: rgba(0, 0, 0, 0.12);
5924
background-color: #FFFFFF;
5925
}
5926
.raven .raven-background > overlay > widget > image {
5928
color: rgba(0, 0, 0, 0.12);
5929
}
5930
.raven scrolledwindow.raven-background {
5932
border-bottom-style: none;
5933
}
5934
.raven .powerstrip button {
5936
margin: 2px 0 1px;
5937
padding: 8px;
5938
}
5939
.raven .option-subtitle {
5941
font-size: smaller;
5942
}
5943
calendar.raven-calendar {
5945
border-style: none;
5946
background-color: transparent;
5947
}
5948
calendar.raven-calendar:selected {
5950
border-radius: 4px;
5951
}
5952
.raven-mpris {
5954
background-color: rgba(0, 0, 0, 0.6);
5955
color: white;
5956
}
5957
.raven-mpris label {
5959
min-height: 24px;
5960
}
5961
.raven-mpris button.image-button {
5963
padding: 8px;
5964
}
5965
.budgie-notification-window, .budgie-osd-window, .budgie-switcher-window {
5967
background-color: transparent;
5968
}
5969
.budgie-notification .notification-title, .budgie-switcher .notification-title {
5971
font-size: 120%;
5972
}
5973
.budgie-osd .budgie-osd-text {
5975
font-size: 120%;
5976
}
5977
.drop-shadow {
5979
margin: 5px 9px;
5980
padding: 3px;
5981
border-radius: 4px;
5982
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);
5983
background-color: #FFFFFF;
5984
}
5985
.drop-shadow .linked > button {
5987
border-radius: 4px;
5988
}
5989
.budgie-session-dialog, .budgie-polkit-dialog, .budgie-run-dialog {
5991
border-radius: 4px;
5992
background-color: #FFFFFF;
5993
}
5994
.budgie-session-dialog decoration, .budgie-polkit-dialog decoration, .budgie-run-dialog decoration {
5996
border-radius: 4px;
5997
}
5998
.budgie-session-dialog label:not(:last-child),
6000
.budgie-session-dialog .dialog-title {
6001
font-size: 120%;
6002
}
6003
.budgie-session-dialog .linked.horizontal > button {
6005
padding: 8px 16px;
6006
border-top: 1px solid rgba(0, 0, 0, 0.12);
6007
border-radius: 0;
6008
}
6009
.budgie-session-dialog .linked.horizontal > button:first-child {
6011
border-bottom-left-radius: 4px;
6012
}
6013
.budgie-session-dialog .linked.horizontal > button:last-child {
6015
border-bottom-right-radius: 4px;
6016
}
6017
.budgie-polkit-dialog .message {
6019
color: rgba(0, 0, 0, 0.54);
6020
}
6021
.budgie-polkit-dialog .failure {
6023
color: #EA4335;
6024
}
6025
.budgie-run-dialog {
6027
background-color: #FFFFFF;
6028
}
6029
.budgie-run-dialog entry.search {
6031
font-size: 120%;
6032
padding: 4px 12px;
6033
border-image: none;
6034
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
6035
background-color: transparent;
6036
}
6037
.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,
6039
.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 {
6040
opacity: 1;
6041
}
6042
.budgie-run-dialog scrolledwindow {
6044
border-top: 1px solid rgba(0, 0, 0, 0.12);
6045
}
6046
/**************
6048
* Xfce4 Apps *
6049
**************/
6050
.XfceHeading {
6051
background-color: #FFFFFF;
6052
}
6053
/***************
6055
* xfce4-panel *
6056
***************/
6057
.xfce4-panel.background {
6058
border: none;
6059
background-color: #212121;
6060
color: rgba(255, 255, 255, 0.7);
6061
font-weight: 500;
6062
}
6063
.xfce4-panel.background button {
6065
min-height: 16px;
6066
min-width: 16px;
6067
padding: 0;
6068
border-radius: 0;
6069
}
6070
.xfce4-panel.background button:checked {
6072
background-color: rgba(255, 255, 255, 0.12);
6073
}
6074
.xfce4-panel.background .tasklist button {
6076
border-image: image(transparent) 0 0 2/0 0 2px;
6077
}
6078
.xfce4-panel.background .tasklist button:checked {
6080
border-image: image(currentColor) 0 0 2/0 0 2px;
6081
}
6082
.xfce4-panel.background .tasklist button image {
6084
padding: 4px;
6085
}
6086
wnck-pager:hover {
6088
background-color: rgba(255, 255, 255, 0.12);
6089
}
6090
wnck-pager:active {
6092
background-color: rgba(255, 255, 255, 0.3);
6093
}
6094
wnck-pager:selected {
6096
background-color: #4285F4;
6097
}
6098
XfdesktopIconView.view {
6100
border-radius: 4px;
6101
background-color: transparent;
6102
color: white;
6103
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
6104
}
6105
XfdesktopIconView.view:active {
6107
box-shadow: none;
6108
}
6109
XfdesktopIconView.view .rubberband {
6111
border-radius: 0;
6112
}
6113
#XfceNotifyWindow buttonbox {
6115
padding: 0;
6116
}
6117
#XfceNotifyWindow label#summary {
6119
font-weight: bold;
6120
}
6121
#xfwm-tabwin {
6123
padding: 12px;
6124
border-radius: 4px;
6125
-XfwmTabwinWidget-icon-size: 64px;
6126
-XfwmTabwinWidget-preview-size: 64px;
6127
}
6128
/**********
6130
* Thunar *
6131
**********/
6132
.thunar #location-toolbar {
6133
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
6134
}
6135
.thunar .standard-view.frame {
6137
border-style: none;
6138
}
6139
.thunar .sidebar .view:not(:selected) {
6141
background-color: transparent;
6142
}
6143
.thunar statusbar {
6145
margin: 0 -10px;
6146
padding: 0 4px;
6147
border-top: 1px solid rgba(0, 0, 0, 0.12);
6148
}
6149
/************************
6151
* LightDM GTK+ Greeter *
6152
************************/
6153
#panel_window {
6154
background-color: rgba(0, 0, 0, 0.3);
6155
color: white;
6156
}
6157
#panel_window menubar,
6159
#panel_window separator {
6160
background-color: transparent;
6161
}
6162
#panel_window separator {
6164
padding: 0 4px;
6165
}
6166
#panel_window separator:first-child {
6168
padding: 0 8px;
6169
}
6170
#panel_window menubar > menuitem {
6172
color: rgba(255, 255, 255, 0.7);
6173
}
6174
#panel_window menubar > menuitem:hover {
6176
color: white;
6177
}
6178
#panel_window menubar > menuitem:disabled label {
6180
color: rgba(255, 255, 255, 0.3);
6181
}
6182
#login_window,
6184
#shutdown_dialog,
6185
#restart_dialog {
6186
margin: 8px;
6187
border-radius: 4px;
6188
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);
6189
background-color: #FFFFFF;
6190
}
6191
#content_frame {
6193
padding-bottom: 16px;
6194
}
6195
#buttonbox_frame {
6197
padding-top: 24px;
6198
}
6199
#buttonbox_frame button {
6201
margin: -16px;
6202
}
6203
/********
6205
* Nemo *
6206
********/
6207
.nemo-window .primary-toolbar {
6208
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
6209
}
6210
.nemo-window .primary-toolbar entry {
6212
min-height: 0;
6213
margin: 0;
6214
}
6215
.nemo-window .primary-toolbar button.text-button {
6217
padding-left: 8px;
6218
padding-right: 8px;
6219
}
6220
.nemo-window .primary-toolbar button:not(.text-button):not(.image-button) {
6222
padding-left: 4px;
6223
padding-right: 4px;
6224
}
6225
.nemo-window scrolledwindow.frame {
6227
border-style: none;
6228
}
6229
.nemo-window scrolledwindow.frame .view:not(:selected) {
6231
background-color: transparent;
6232
}
6233
.nemo-window infobar {
6235
margin-top: -6px;
6236
}
6237
.nemo-window .nemo-inactive-pane .view:not(:selected) {
6239
background-color: #FAFAFA;
6240
}
6241
.nemo-window .nemo-window-pane widget.entry {
6243
border-radius: 4px;
6244
background-color: rgba(0, 0, 0, 0.04);
6245
}
6246
.places-treeview {
6248
-NemoPlacesTreeView-disk-full-bg-color: rgba(182, 182, 182, 0.961);
6249
-NemoPlacesTreeView-disk-full-fg-color: #4285F4;
6250
-NemoPlacesTreeView-disk-full-bar-width: 2px;
6251
-NemoPlacesTreeView-disk-full-bar-radius: 0;
6252
-NemoPlacesTreeView-disk-full-bottom-padding: 1px;
6253
-NemoPlacesTreeView-disk-full-max-length: 80px;
6254
}
6255
/* GTK NAMED COLORS
6257
----------------
6258
use responsibly! */
6259
/*
6260
widget text/foreground color */
6261
@define-color theme_fg_color rgba(0, 0, 0, 0.87);
6262
/*
6263
text color for entries, views and content in general */
6264
@define-color theme_text_color rgba(0, 0, 0, 0.87);
6265
/*
6266
widget base background color */
6267
@define-color theme_bg_color #F2F2F2;
6268
/*
6269
text widgets and the like base background color */
6270
@define-color theme_base_color #FFFFFF;
6271
/*
6272
base background color of selections */
6273
@define-color theme_selected_bg_color #4285F4;
6274
/*
6275
text/foreground color of selections */
6276
@define-color theme_selected_fg_color white;
6277
/*
6278
base background color of insensitive widgets */
6279
@define-color insensitive_bg_color #F2F2F2;
6280
/*
6281
text foreground color of insensitive widgets */
6282
@define-color insensitive_fg_color rgba(0, 0, 0, 0.38);
6283
/*
6284
insensitive text widgets and the like base background color */
6285
@define-color insensitive_base_color #FAFAFA;
6286
/*
6287
widget text/foreground color on backdrop windows */
6288
@define-color theme_unfocused_fg_color rgba(0, 0, 0, 0.87);
6289
/*
6290
text color for entries, views and content in general on backdrop windows */
6291
@define-color theme_unfocused_text_color rgba(0, 0, 0, 0.87);
6292
/*
6293
widget base background color on backdrop windows */
6294
@define-color theme_unfocused_bg_color #F2F2F2;
6295
/*
6296
text widgets and the like base background color on backdrop windows */
6297
@define-color theme_unfocused_base_color #FFFFFF;
6298
/*
6299
base background color of selections on backdrop windows */
6300
@define-color theme_unfocused_selected_bg_color #4285F4;
6301
/*
6302
text/foreground color of selections on backdrop windows */
6303
@define-color theme_unfocused_selected_fg_color white;
6304
/*
6305
insensitive color on backdrop windows */
6306
@define-color unfocused_insensitive_color rgba(0, 0, 0, 0.38);
6307
/*
6308
widgets main borders color */
6309
@define-color borders rgba(0, 0, 0, 0.12);
6310
/*
6311
widgets main borders color on backdrop windows */
6312
@define-color unfocused_borders rgba(0, 0, 0, 0.12);
6313
/*
6314
these are pretty self explicative */
6315
@define-color warning_color #FBBC05;
6316
@define-color error_color #EA4335;
6317
@define-color success_color #34A853;
6318
/*
6319
these colors are exported for the window manager and shouldn't be used in applications,
6320
read if you used those and something break with a version upgrade you're on your own... */
6321
@define-color wm_title white;
6322
@define-color wm_unfocused_title rgba(255, 255, 255, 0.7);
6323
@define-color wm_highlight rgba(255, 255, 255, 0.1);
6324
@define-color wm_bg #383838;
6325
/*
6326
FIXME this is really an API */
6327
@define-color content_view_bg #FFFFFF;
6328
@define-color placeholder_text_color #757575;
6329