ASCII text, with very long lines (906)
1
@keyframes ripple_effect {
2
to {
3
background-size: 1000% 1000%;
4
}
5
}
6
@keyframes scale_ripple_effect {
8
to {
9
background-size: auto, 1000% 1000%;
10
}
11
}
12
@keyframes header_ripple_effect {
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
notebook:focus tab,
41
*:focus {
42
outline-color: alpha(currentColor, 0.24);
43
}
44
/***************
46
* Base States *
47
***************/
48
.background {
49
background-color: #F2F2F2;
50
color: rgba(0, 0, 0, 0.87);
51
}
52
/*
54
These wildcard seems unavoidable, need to investigate.
55
Wildcards are bad and troublesome, use them with care,
56
or better, just don't.
57
Everytime a wildcard is used a kitten dies, painfully.
58
*/
59
*:disabled {
60
-gtk-icon-effect: dim;
61
}
62
.gtkstyle-fallback {
64
background-color: #F2F2F2;
65
color: rgba(0, 0, 0, 0.87);
66
}
67
.gtkstyle-fallback:hover {
69
background-color: #e5e5e5;
70
color: rgba(0, 0, 0, 0.87);
71
}
72
.gtkstyle-fallback:active {
74
background-color: #d9d9d9;
75
color: rgba(0, 0, 0, 0.87);
76
}
77
.gtkstyle-fallback:disabled {
79
background-color: #F2F2F2;
80
color: rgba(0, 0, 0, 0.38);
81
}
82
.gtkstyle-fallback:selected {
84
background-color: #4285F4;
85
color: white;
86
}
87
.view {
89
background-color: #FFFFFF;
90
color: rgba(0, 0, 0, 0.87);
91
}
92
.view:disabled {
94
color: rgba(0, 0, 0, 0.38);
95
}
96
.view:hover, .view:active, .view:selected {
98
border-radius: 4px;
99
}
100
textview text {
102
background-color: #FFFFFF;
103
}
104
textview border {
106
background-color: #FAFAFA;
107
color: rgba(0, 0, 0, 0.54);
108
}
109
.rubberband,
111
rubberband,
112
flowbox rubberband,
113
treeview.view rubberband,
114
.content-view rubberband,
115
.content-view .rubberband,
116
XfdesktopIconView.view .rubberband {
117
border: 1px solid #7BAAF7;
118
background-color: rgba(123, 170, 247, 0.3);
119
}
120
flowbox flowboxchild {
122
padding: 4px;
123
border-radius: 4px;
124
}
125
.content-view .tile:selected {
127
background-color: transparent;
128
color: inherit;
129
}
130
label {
132
caret-color: currentColor;
133
}
134
label.separator {
136
color: rgba(0, 0, 0, 0.87);
137
}
138
label selection {
140
background-color: #4285F4;
141
color: white;
142
}
143
label:disabled {
145
color: rgba(0, 0, 0, 0.38);
146
}
147
headerbar label:disabled,
149
tab label:disabled,
150
button label:disabled {
151
color: inherit;
152
}
153
.dim-label, label.separator, .titlebar:not(headerbar) .subtitle,
155
headerbar .subtitle, .budgie-notification .notification-body, .budgie-switcher .notification-body {
156
opacity: 0.6;
157
}
158
assistant .sidebar {
160
padding: 4px 0;
161
}
162
assistant .sidebar label {
164
min-height: 32px;
165
padding: 0 12px;
166
color: rgba(0, 0, 0, 0.38);
167
font-weight: 500;
168
}
169
assistant .sidebar label.highlight {
171
color: rgba(0, 0, 0, 0.87);
172
}
173
/*********************
175
* Spinner Animation *
176
*********************/
177
@keyframes spin {
178
to {
179
-gtk-icon-transform: rotate(1turn);
180
}
181
}
182
spinner {
184
background: none;
185
opacity: 0;
186
-gtk-icon-source: -gtk-icontheme("process-working-symbolic");
187
}
188
spinner:checked {
190
opacity: 1;
191
animation: spin 1s linear infinite;
192
}
193
spinner:checked:disabled {
195
opacity: 0.5;
196
}
197
/****************
199
* Text Entries *
200
****************/
201
spinbutton:not(.vertical),
202
entry {
203
min-height: 32px;
204
padding: 0 8px;
205
border-radius: 4px 4px 0 0;
206
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1);
207
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #4285F4 0%, transparent 0%) 0 0 0/0 0 0px;
208
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26);
209
background-color: rgba(0, 0, 0, 0.04);
210
color: rgba(0, 0, 0, 0.87);
211
}
212
spinbutton:focus:not(.vertical),
214
entry:focus {
215
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #4285F4 100%, transparent 0%) 0 0 2/0 0 2px;
216
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26);
217
}
218
spinbutton:disabled:not(.vertical),
220
entry:disabled {
221
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12);
222
background-color: rgba(0, 0, 0, 0.04);
223
color: rgba(0, 0, 0, 0.38);
224
}
225
spinbutton.flat:not(.vertical), entry.preferences-search, layoutpane entry.search, editortweak entry.search,
227
entry.flat {
228
min-height: 0;
229
padding: 2px;
230
border-radius: 0;
231
background-color: transparent;
232
}
233
spinbutton:not(.vertical) image,
235
entry image {
236
color: rgba(0, 0, 0, 0.54);
237
}
238
spinbutton:not(.vertical) image:hover, spinbutton:not(.vertical) image:active,
240
entry image:hover,
241
entry image:active {
242
color: rgba(0, 0, 0, 0.87);
243
}
244
spinbutton:not(.vertical) image:disabled,
246
entry image:disabled {
247
color: rgba(0, 0, 0, 0.38);
248
}
249
spinbutton:not(.vertical) image.left,
251
entry image.left {
252
margin-left: 0px;
253
margin-right: 6px;
254
}
255
spinbutton:not(.vertical) image.right,
257
entry image.right {
258
margin-left: 6px;
259
margin-right: 0px;
260
}
261
spinbutton:not(.vertical) undershoot.left,
263
entry undershoot.left {
264
background-color: transparent;
265
background-image: linear-gradient(to top, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%);
266
padding-left: 1px;
267
background-size: 1px 12px;
268
background-repeat: repeat-y;
269
background-origin: content-box;
270
background-position: left top;
271
}
272
spinbutton:not(.vertical) undershoot.right,
274
entry undershoot.right {
275
background-color: transparent;
276
background-image: linear-gradient(to top, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%);
277
padding-right: 1px;
278
background-size: 1px 12px;
279
background-repeat: repeat-y;
280
background-origin: content-box;
281
background-position: right top;
282
}
283
spinbutton.error:not(.vertical),
285
entry.error {
286
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1);
287
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #EA4335 0%, transparent 0%) 0 0 0/0 0 0px;
288
box-shadow: inset 0 -1px #EA4335;
289
background-color: rgba(0, 0, 0, 0.04);
290
color: rgba(0, 0, 0, 0.87);
291
}
292
spinbutton.error:focus:not(.vertical),
294
entry.error:focus {
295
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #EA4335 100%, transparent 0%) 0 0 2/0 0 2px;
296
box-shadow: inset 0 -1px #EA4335;
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
box-shadow: inset 0 -1px #FBBC05;
319
}
320
spinbutton.warning:disabled:not(.vertical),
322
entry.warning:disabled {
323
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12);
324
background-color: rgba(0, 0, 0, 0.04);
325
color: rgba(0, 0, 0, 0.38);
326
}
327
spinbutton:not(.vertical) progress,
329
entry progress {
330
margin: 2px -6px;
331
border-bottom: 2px solid #4285F4;
332
background-color: transparent;
333
}
334
spinbutton.vertical entry, .gedit-search-slider .linked:not(.vertical) > entry {
336
border-radius: 4px;
337
transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
338
border-image: none;
339
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
340
background-color: #FFFFFF;
341
color: rgba(0, 0, 0, 0.87);
342
}
343
spinbutton.vertical entry:focus, .gedit-search-slider .linked:not(.vertical) > entry:focus {
345
border-image: none;
346
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
347
}
348
spinbutton.vertical entry:disabled, .gedit-search-slider .linked:not(.vertical) > entry:disabled {
350
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
351
background-color: #FAFAFA;
352
color: rgba(0, 0, 0, 0.38);
353
}
354
spinbutton.vertical entry.error, .gedit-search-slider .linked:not(.vertical) > entry.error {
356
transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
357
border-image: none;
358
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
359
background-color: #EA4335;
360
color: white;
361
}
362
spinbutton.vertical entry.error:focus, .gedit-search-slider .linked:not(.vertical) > entry.error:focus {
364
border-image: none;
365
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
366
}
367
spinbutton.vertical entry.error:disabled, .gedit-search-slider .linked:not(.vertical) > entry.error:disabled {
369
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
370
background-color: #FAFAFA;
371
color: rgba(0, 0, 0, 0.38);
372
}
373
spinbutton.vertical entry.error image, .gedit-search-slider .linked:not(.vertical) > entry.error image {
375
color: rgba(255, 255, 255, 0.7);
376
}
377
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 {
379
color: white;
380
}
381
spinbutton.vertical entry.error image:disabled, .gedit-search-slider .linked:not(.vertical) > entry.error image:disabled {
383
color: rgba(255, 255, 255, 0.5);
384
}
385
spinbutton.vertical entry.warning, .gedit-search-slider .linked:not(.vertical) > entry.warning {
387
transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
388
border-image: none;
389
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
390
background-color: #FBBC05;
391
color: white;
392
}
393
spinbutton.vertical entry.warning:focus, .gedit-search-slider .linked:not(.vertical) > entry.warning:focus {
395
border-image: none;
396
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
397
}
398
spinbutton.vertical entry.warning:disabled, .gedit-search-slider .linked:not(.vertical) > entry.warning:disabled {
400
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
401
background-color: #FAFAFA;
402
color: rgba(0, 0, 0, 0.38);
403
}
404
spinbutton.vertical entry.warning image, .gedit-search-slider .linked:not(.vertical) > entry.warning image {
406
color: rgba(255, 255, 255, 0.7);
407
}
408
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 {
410
color: white;
411
}
412
spinbutton.vertical entry.warning image:disabled, .gedit-search-slider .linked:not(.vertical) > entry.warning image:disabled {
414
color: rgba(255, 255, 255, 0.5);
415
}
416
treeview entry.flat, treeview entry {
418
background-color: #FFFFFF;
419
}
420
treeview entry.flat, treeview entry.flat:focus, treeview entry, treeview entry:focus {
422
border-image: none;
423
box-shadow: none;
424
}
425
.entry-tag, .documents-entry-tag, .photos-entry-tag {
427
margin: 2px;
428
border-radius: 9999px;
429
box-shadow: none;
430
background-color: rgba(0, 0, 0, 0.12);
431
color: rgba(0, 0, 0, 0.87);
432
}
433
.entry-tag:hover, .documents-entry-tag:hover, .photos-entry-tag:hover {
435
background-image: image(rgba(0, 0, 0, 0.12));
436
}
437
:dir(ltr) .entry-tag, :dir(ltr) .documents-entry-tag, :dir(ltr) .photos-entry-tag {
439
margin-left: 4px;
440
margin-right: 0;
441
padding-left: 12px;
442
padding-right: 8px;
443
}
444
:dir(rtl) .entry-tag, :dir(rtl) .documents-entry-tag, :dir(rtl) .photos-entry-tag {
446
margin-left: 0;
447
margin-right: 4px;
448
padding-left: 8px;
449
padding-right: 12px;
450
}
451
.entry-tag.button, .button.documents-entry-tag, .button.photos-entry-tag {
453
box-shadow: none;
454
background-color: transparent;
455
}
456
.entry-tag.button:not(:hover):not(:active), .button.documents-entry-tag:not(:hover):not(:active), .button.photos-entry-tag:not(:hover):not(:active) {
458
color: rgba(0, 0, 0, 0.54);
459
}
460
/***********
462
* Buttons *
463
***********/
464
@keyframes needs_attention {
465
from {
466
background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#4285F4), to(transparent));
467
}
468
to {
469
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#4285F4), to(transparent));
470
}
471
}
472
button {
475
min-height: 24px;
476
min-width: 16px;
477
padding: 4px 8px;
478
border-radius: 4px;
479
font-weight: 500;
480
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);
481
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;
482
background-color: #FFFFFF;
483
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
484
background-repeat: no-repeat;
485
background-position: center;
486
background-size: 1000% 1000%;
487
color: rgba(0, 0, 0, 0.87);
488
}
489
button:hover {
492
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;
493
color: rgba(0, 0, 0, 0.87);
494
}
495
button:active {
498
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
499
animation: ripple_effect 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
500
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);
501
background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.12) 10%, transparent 0%);
502
background-size: 0% 0%;
503
color: rgba(0, 0, 0, 0.87);
504
}
505
button:disabled {
508
box-shadow: none;
509
background-color: rgba(0, 0, 0, 0.04);
510
color: rgba(0, 0, 0, 0.38);
511
}
512
button:checked {
515
background-color: #4285F4;
516
color: white;
517
}
518
button:checked:disabled {
521
background-color: rgba(0, 0, 0, 0.12);
522
color: rgba(0, 0, 0, 0.38);
523
}
524
modelbutton.flat,
526
.menuitem.button.flat, spinbutton:not(.vertical) button, spinbutton.vertical button, popover.background.menu button,
527
popover.background button.model, notebook > header > tabs > arrow, scrollbar button, check,
528
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, .raven .raven-header:not(.top) button, .drop-shadow button, .budgie-session-dialog .linked.horizontal > button, .lightdm-gtk-greeter button, :not(headerbar) .caja-pathbar button, .caja-pathbar :not(headerbar) button, :not(headerbar) .path-bar button, layouttabbar button, .mate-panel-menu-bar button, .budgie-panel button, .raven stackswitcher.linked > button, toolbar button, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action),
529
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, .nemo-window .toolbar button,
530
button.flat {
531
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);
532
box-shadow: inset 0 0 0 9999px transparent;
533
background-color: transparent;
534
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
535
background-repeat: no-repeat;
536
background-position: center;
537
background-size: 1000% 1000%;
538
color: rgba(0, 0, 0, 0.54);
539
}
540
modelbutton.flat:hover,
542
.menuitem.button.flat:hover, spinbutton:not(.vertical) button:hover, spinbutton.vertical button:hover, popover.background.menu button:hover,
543
popover.background button.model:hover, notebook > header > tabs > arrow:hover, scrollbar button:hover, check:hover,
544
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, .raven .raven-header:not(.top) button:hover, .drop-shadow button:hover, .budgie-session-dialog .linked.horizontal > button:hover, .lightdm-gtk-greeter button:hover, :not(headerbar) .caja-pathbar button:hover, .caja-pathbar :not(headerbar) button:hover, :not(headerbar) .path-bar button:hover, layouttabbar button:hover, .mate-panel-menu-bar button:hover, .budgie-panel button:hover, .raven stackswitcher.linked > button:hover, toolbar button:hover, .titlebar:not(headerbar) button:hover:not(.suggested-action):not(.destructive-action),
545
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, .nemo-window .toolbar button:hover,
546
button.flat:hover {
547
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
548
color: rgba(0, 0, 0, 0.87);
549
}
550
modelbutton.flat:active,
552
.menuitem.button.flat:active, spinbutton:not(.vertical) button:active, spinbutton.vertical button:active, popover.background.menu button:active,
553
popover.background button.model:active, notebook > header > tabs > arrow:active, scrollbar button:active, check:active,
554
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, .raven .raven-header:not(.top) button:active, .drop-shadow button:active, .budgie-session-dialog .linked.horizontal > button:active, .lightdm-gtk-greeter button:active, :not(headerbar) .caja-pathbar button:active, .caja-pathbar :not(headerbar) button:active, :not(headerbar) .path-bar button:active, layouttabbar button:active, .mate-panel-menu-bar button:active, .budgie-panel button:active, .raven stackswitcher.linked > button:active, toolbar button:active, .titlebar:not(headerbar) button:active:not(.suggested-action):not(.destructive-action),
555
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, .nemo-window .toolbar button:active,
556
button.flat:active {
557
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;
558
animation: ripple_effect 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
559
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
560
background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.12) 10%, transparent 0%);
561
background-size: 0% 0%;
562
color: rgba(0, 0, 0, 0.87);
563
}
564
modelbutton.flat:disabled,
566
.menuitem.button.flat:disabled, spinbutton:not(.vertical) button:disabled, spinbutton.vertical button:disabled, popover.background.menu button:disabled,
567
popover.background button.model:disabled, notebook > header > tabs > arrow:disabled, scrollbar button:disabled, check:disabled,
568
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, .raven .raven-header:not(.top) button:disabled, .drop-shadow button:disabled, .budgie-session-dialog .linked.horizontal > button:disabled, .lightdm-gtk-greeter button:disabled, :not(headerbar) .caja-pathbar button:disabled, .caja-pathbar :not(headerbar) button:disabled, :not(headerbar) .path-bar button:disabled, layouttabbar button:disabled, .mate-panel-menu-bar button:disabled, .budgie-panel button:disabled, .raven stackswitcher.linked > button:disabled, toolbar button:disabled, .titlebar:not(headerbar) button:disabled:not(.suggested-action):not(.destructive-action),
569
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, .nemo-window .toolbar button:disabled,
570
button.flat:disabled {
571
box-shadow: none;
572
background-color: transparent;
573
color: rgba(0, 0, 0, 0.26);
574
}
575
:not(headerbar) .caja-pathbar button:checked, .caja-pathbar :not(headerbar) button:checked, :not(headerbar) .path-bar button:checked, layouttabbar button:checked, .mate-panel-menu-bar button:checked, .budgie-panel button:checked, .raven stackswitcher.linked > button:checked, toolbar button:checked, .titlebar:not(headerbar) button:checked:not(.suggested-action):not(.destructive-action),
577
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, .nemo-window .toolbar button:checked,
578
button.flat:checked {
579
background-color: alpha(currentColor, 0.24);
580
color: rgba(0, 0, 0, 0.87);
581
}
582
:not(headerbar) .caja-pathbar button:checked:disabled, .caja-pathbar :not(headerbar) button:checked:disabled, :not(headerbar) .path-bar button:checked:disabled, layouttabbar button:checked:disabled, .mate-panel-menu-bar button:checked:disabled, .budgie-panel button:checked:disabled, .raven stackswitcher.linked > button:checked:disabled, toolbar button:checked:disabled, .titlebar:not(headerbar) button:checked:disabled:not(.suggested-action):not(.destructive-action),
584
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, .nemo-window .toolbar button:checked:disabled,
585
button.flat:checked:disabled {
586
background-color: rgba(0, 0, 0, 0.12);
587
color: rgba(0, 0, 0, 0.38);
588
}
589
button.text-button {
592
padding-left: 16px;
593
padding-right: 16px;
594
}
595
button.image-button {
598
min-width: 24px;
599
padding: 4px;
600
}
601
button.text-button.image-button {
604
border-radius: 4px;
605
-gtk-outline-radius: 4px;
606
}
607
button.text-button.image-button label:first-child {
610
margin-left: 12px;
611
}
612
button.text-button.image-button label:last-child {
615
margin-right: 12px;
616
}
617
button.text-button.image-button image:not(:only-child) {
620
margin: 0 4px;
621
}
622
toolbar .linked > button, .titlebar:not(headerbar) .linked > button:not(.suggested-action):not(.destructive-action),
624
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, .nemo-window .toolbar .linked > button,
625
toolbar .linked.vertical > button,
626
.titlebar:not(headerbar) .linked.vertical > button:not(.suggested-action):not(.destructive-action),
627
headerbar .linked.vertical > button:not(.suggested-action):not(.destructive-action),
628
actionbar > revealer > box .linked.vertical > button:not(.suggested-action):not(.destructive-action):not(.server-list-button),
629
.app-notification .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, .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
.nemo-window .toolbar .linked.vertical > button.text-button.image-button, .linked >
645
button.flat.text-button.image-button,
646
.linked.vertical >
647
button.flat.text-button.image-button {
648
border-radius: 4px;
649
-gtk-outline-radius: 4px;
650
}
651
infobar.info button:disabled, infobar.question button:disabled, infobar.warning button:disabled, infobar.error button:disabled, row:selected
653
button:disabled {
654
background-color: rgba(255, 255, 255, 0.12);
655
color: rgba(255, 255, 255, 0.3);
656
}
657
row:selected button.sidebar-button, infobar.info button.flat, infobar.question button.flat, infobar.warning button.flat, infobar.error button.flat, .mate-panel-menu-bar button, .budgie-panel button, .raven stackswitcher.linked > button, .raven-mpris button.image-button, .xfce4-panel.background button, row:selected
659
button.flat {
660
color: rgba(255, 255, 255, 0.7);
661
}
662
row:selected button.sidebar-button:hover, infobar.info button.flat:hover, infobar.question button.flat:hover, infobar.warning button.flat:hover, infobar.error button.flat:hover, .mate-panel-menu-bar button:hover, .budgie-panel button:hover, .raven stackswitcher.linked > button:hover, .raven-mpris button.image-button:hover, .xfce4-panel.background button:hover, row:selected button.sidebar-button:active, infobar.info button.flat:active, infobar.question button.flat:active, infobar.warning button.flat:active, infobar.error button.flat:active, .mate-panel-menu-bar button:active, .budgie-panel button:active, .raven stackswitcher.linked > button:active, .raven-mpris button.image-button:active, .xfce4-panel.background button:active, row:selected
664
button.flat:hover, row:selected
665
button.flat:active {
666
color: white;
667
}
668
row:selected button.sidebar-button:disabled, infobar.info button.flat:disabled, infobar.question button.flat:disabled, infobar.warning button.flat:disabled, infobar.error button.flat:disabled, .mate-panel-menu-bar button:disabled, .budgie-panel button:disabled, .raven stackswitcher.linked > button:disabled, .raven-mpris button.image-button:disabled, .xfce4-panel.background button:disabled, row:selected
670
button.flat:disabled {
671
color: rgba(255, 255, 255, 0.3);
672
}
673
row:selected button.sidebar-button:checked, infobar.info button.flat:checked, infobar.question button.flat:checked, infobar.warning button.flat:checked, infobar.error button.flat:checked, .mate-panel-menu-bar button:checked, .budgie-panel button:checked, .raven stackswitcher.linked > button:checked, .raven-mpris button.image-button:checked, .xfce4-panel.background button:checked, row:selected
675
button.flat:checked {
676
background-color: rgba(255, 255, 255, 0.3);
677
color: white;
678
}
679
row:selected button.sidebar-button:checked:disabled, infobar.info button.flat:checked:disabled, infobar.question button.flat:checked:disabled, infobar.warning button.flat:checked:disabled, infobar.error button.flat:checked:disabled, .mate-panel-menu-bar button:checked:disabled, .budgie-panel button:checked:disabled, .raven stackswitcher.linked > button:checked:disabled, .raven-mpris button.image-button:checked:disabled, .xfce4-panel.background button:checked:disabled, row:selected
681
button.flat:checked:disabled {
682
background-color: rgba(255, 255, 255, 0.12);
683
color: rgba(255, 255, 255, 0.5);
684
}
685
button.osd {
688
padding: 8px 12px;
689
}
690
button.osd.image-button {
693
padding: 8px;
694
}
695
button.osd:disabled {
698
opacity: 0;
699
}
700
button.suggested-action {
703
background-color: #4285F4;
704
color: white;
705
}
706
button.suggested-action:disabled {
709
box-shadow: none;
710
background-color: rgba(0, 0, 0, 0.04);
711
color: rgba(0, 0, 0, 0.38);
712
}
713
button.suggested-action:checked {
716
background-color: #7baaf7;
717
}
718
button.suggested-action.flat {
721
background-color: transparent;
722
color: #4285F4;
723
}
724
button.suggested-action.flat:disabled {
727
box-shadow: none;
728
background-color: transparent;
729
color: rgba(0, 0, 0, 0.26);
730
}
731
button.suggested-action.flat:checked {
734
background-color: rgba(66, 133, 244, 0.3);
735
}
736
button.destructive-action {
739
background-color: #EA4335;
740
color: white;
741
}
742
button.destructive-action:disabled {
745
box-shadow: none;
746
background-color: rgba(0, 0, 0, 0.04);
747
color: rgba(0, 0, 0, 0.38);
748
}
749
button.destructive-action:checked {
752
background-color: #f07b72;
753
}
754
button.destructive-action.flat {
757
background-color: transparent;
758
color: #EA4335;
759
}
760
button.destructive-action.flat:disabled {
763
box-shadow: none;
764
background-color: transparent;
765
color: rgba(0, 0, 0, 0.26);
766
}
767
button.destructive-action.flat:checked {
770
background-color: rgba(234, 67, 53, 0.3);
771
}
772
.stack-switcher >
774
button {
775
outline-offset: -4px;
776
}
777
.stack-switcher >
779
button > label {
780
padding-left: 6px;
781
padding-right: 6px;
782
}
783
.stack-switcher >
785
button > image {
786
padding-left: 6px;
787
padding-right: 6px;
788
padding-top: 3px;
789
padding-bottom: 3px;
790
}
791
.stack-switcher >
793
button.text-button {
794
padding-left: 10px;
795
padding-right: 10px;
796
}
797
.stack-switcher >
799
button.image-button {
800
padding-left: 2px;
801
padding-right: 2px;
802
}
803
.stack-switcher >
805
button.needs-attention:checked > label,
806
.stack-switcher >
807
button.needs-attention:checked > image {
808
animation: none;
809
background-image: none;
810
}
811
.primary-toolbar
813
button {
814
-gtk-icon-shadow: none;
815
}
816
button.image-button, toolbar .linked > button.image-button, .titlebar:not(headerbar) .linked > button.image-button:not(.suggested-action):not(.destructive-action),
819
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,
820
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,
821
.linked.vertical > button.flat.image-button, .inline-toolbar button:not(.text-button), check,
822
radio, button.titlebutton, .disclosure-button, .nautilus-window headerbar > revealer > button, .raven .raven-header:not(.top) button.image-button, .raven .expander-button,
823
button.close,
824
button.circular {
825
border-radius: 9999px;
826
-gtk-outline-radius: 9999px;
827
}
828
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 {
830
min-height: 24px;
831
min-width: 24px;
832
padding: 0;
833
border-radius: 9999px;
834
-gtk-outline-radius: 9999px;
835
}
836
.stack-switcher > button.needs-attention > label,
838
.stack-switcher > button.needs-attention > image, stacksidebar row.needs-attention > label {
839
animation: needs_attention 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
840
background-repeat: no-repeat;
841
background-position: right 3px;
842
background-size: 6px 6px;
843
}
844
.stack-switcher > button.needs-attention > label:dir(rtl),
846
.stack-switcher > button.needs-attention > image:dir(rtl), stacksidebar row.needs-attention > label:dir(rtl) {
847
background-position: left 3px;
848
}
849
.linked > button, .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry, combobox > .linked > button, .linked:not(.vertical) > combobox > box > button.combo {
851
border-radius: 0;
852
-gtk-outline-radius: 4px;
853
}
854
.linked > button:first-child {
856
border-top-left-radius: 4px;
857
border-bottom-left-radius: 4px;
858
}
859
.linked > button:last-child {
861
border-top-right-radius: 4px;
862
border-bottom-right-radius: 4px;
863
}
864
.linked > button:only-child {
866
border-radius: 4px;
867
}
868
.linked.vertical > button, .linked.vertical > spinbutton:not(.vertical), .linked.vertical > entry, .linked.vertical > combobox > box > button.combo {
870
border-radius: 0;
871
-gtk-outline-radius: 4px;
872
}
873
.linked.vertical > button:first-child {
875
border-top-left-radius: 4px;
876
border-top-right-radius: 4px;
877
}
878
.linked.vertical > button:last-child {
880
border-bottom-left-radius: 4px;
881
border-bottom-right-radius: 4px;
882
}
883
.linked.vertical > button:only-child {
885
border-radius: 4px;
886
}
887
.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 {
889
border-radius: 4px 0 0 0;
890
}
891
.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 {
893
border-radius: 0 4px 0 0;
894
}
895
.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 {
897
border-radius: 4px 4px 0 0;
898
}
899
.linked.vertical > spinbutton:first-child:not(.vertical), .linked.vertical > entry:first-child, .linked.vertical > combobox:first-child > box > button.combo {
901
border-radius: 4px 4px 0 0;
902
}
903
.linked.vertical > spinbutton:last-child:not(.vertical), .linked.vertical > entry:last-child, .linked.vertical > combobox:last-child > box > button.combo {
905
border-radius: 0;
906
}
907
.linked.vertical > spinbutton:only-child:not(.vertical), .linked.vertical > entry:only-child, .linked.vertical > combobox:only-child > box > button.combo {
909
border-radius: 4px 4px 0 0;
910
}
911
/* menu buttons */
913
modelbutton.flat,
914
.menuitem.button.flat {
915
min-height: 28px;
916
padding: 0 8px;
917
border-radius: 4px;
918
color: inherit;
919
}
920
modelbutton.flat arrow {
922
background: none;
923
}
924
modelbutton.flat arrow:hover {
926
background: none;
927
}
928
modelbutton.flat arrow.left {
930
-gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
931
}
932
modelbutton.flat arrow.right {
934
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
935
}
936
button.color {
938
min-height: 24px;
939
min-width: 24px;
940
padding: 4px;
941
}
942
/*********
944
* Links *
945
*********/
946
*:link, button:link,
947
button:visited, *:link:hover, button:hover:link,
948
button:hover:visited, *:link:active, button:active:link,
949
button:active:visited {
950
color: #4285F4;
951
}
952
*:link:visited,
954
button:visited, *:link:visited:hover,
955
button:visited:hover, *:link:visited:active,
956
button:visited:active {
957
color: #E040FB;
958
}
959
infobar.info *:link, infobar.info button:link,
961
infobar.info button:visited, infobar.question *:link, infobar.question button:link,
962
infobar.question button:visited, infobar.warning *:link, infobar.warning button:link,
963
infobar.warning button:visited, infobar.error *:link, infobar.error button:link,
964
infobar.error button:visited, *:link:selected, button:selected:link,
965
button:selected:visited, .selection-mode.titlebar:not(headerbar) .subtitle:link,
966
headerbar.selection-mode .subtitle:link,
967
*:selected *:link,
968
*:selected button:link,
969
*:selected button:visited {
970
color: white;
971
}
972
button:link > label,
974
button:visited > label {
975
text-decoration-line: underline;
976
}
977
/*****************
979
* GtkSpinButton *
980
*****************/
981
spinbutton:not(.vertical) {
982
padding: 0;
983
}
984
spinbutton:not(.vertical) entry {
986
min-width: 24px;
987
margin: 0;
988
border-image: none;
989
border-radius: 0;
990
box-shadow: none;
991
background-color: transparent;
992
}
993
spinbutton:not(.vertical) button {
995
border: solid 4px transparent;
996
}
997
spinbutton:not(.vertical) button.up:dir(ltr), spinbutton:not(.vertical) button.down:dir(rtl) {
999
margin-left: -2px;
1000
}
1001
spinbutton:not(.vertical) button.up:dir(rtl), spinbutton:not(.vertical) button.down:dir(ltr) {
1003
margin-right: -2px;
1004
}
1005
spinbutton.vertical:disabled {
1007
color: rgba(0, 0, 0, 0.38);
1008
}
1009
spinbutton.vertical:drop(active) {
1011
box-shadow: none;
1012
}
1013
spinbutton.vertical entry {
1015
min-height: 32px;
1016
min-width: 40px;
1017
padding: 0;
1018
}
1019
spinbutton.vertical button {
1021
min-height: 32px;
1022
min-width: 40px;
1023
padding: 0;
1024
}
1025
spinbutton.vertical button.up {
1027
border-radius: 4px 4px 0 0;
1028
}
1029
spinbutton.vertical button.down {
1031
border-radius: 0 0 4px 4px;
1032
}
1033
treeview spinbutton:not(.vertical) {
1035
min-height: 0;
1036
border-style: none;
1037
border-radius: 0;
1038
}
1039
treeview spinbutton:not(.vertical) entry {
1041
min-height: 0;
1042
padding: 1px 2px;
1043
}
1044
/**************
1046
* ComboBoxes *
1047
**************/
1048
combobox arrow {
1049
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
1050
min-height: 16px;
1051
min-width: 16px;
1052
}
1053
combobox decoration,
1055
combobox button.combo:checked {
1056
transition: none;
1057
}
1058
combobox button.combo cellview:dir(ltr) {
1060
margin-left: 0px;
1061
}
1062
combobox button.combo cellview:dir(rtl) {
1064
margin-right: 0px;
1065
}
1066
combobox #gtk-combobox-popup-menu {
1068
padding: 2px 0;
1069
}
1070
combobox #gtk-combobox-popup-menu menuitem {
1072
min-height: 28px;
1073
padding: 0 8px;
1074
}
1075
combobox #gtk-combobox-popup-menu > arrow.top {
1077
margin-top: -2px;
1078
}
1079
combobox #gtk-combobox-popup-menu > arrow.bottom {
1081
margin-top: 4px;
1082
margin-bottom: -6px;
1083
}
1084
combobox:drop(active) {
1086
box-shadow: none;
1087
}
1088
button.combo {
1090
border-radius: 4px 4px 0 0;
1091
background-image: none;
1092
font-weight: inherit;
1093
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1);
1094
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #4285F4 0%, transparent 0%) 0 0 0/0 0 0px;
1095
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26);
1096
background-color: rgba(0, 0, 0, 0.04);
1097
color: rgba(0, 0, 0, 0.87);
1098
}
1099
button.combo:hover {
1101
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.87);
1102
}
1103
button.combo:checked {
1105
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #4285F4 100%, transparent 0%) 0 0 2/0 0 2px;
1106
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26);
1107
}
1108
button.combo:disabled {
1110
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12);
1111
background-color: rgba(0, 0, 0, 0.04);
1112
color: rgba(0, 0, 0, 0.38);
1113
}
1114
/************
1116
* Toolbars *
1117
************/
1118
toolbar {
1119
-GtkWidget-window-dragging: true;
1120
padding: 2px;
1121
background-color: #F2F2F2;
1122
}
1123
.osd toolbar {
1125
background-color: transparent;
1126
}
1127
toolbar.osd, .app-notification, frame.documents-dropdown {
1129
transition: box-shadow 100ms cubic-bezier(0, 0, 0.2, 1);
1130
padding: 4px;
1131
border-radius: 4px;
1132
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);
1133
background-color: #FFFFFF;
1134
}
1135
toolbar.osd:backdrop, .app-notification:backdrop, frame.documents-dropdown:backdrop {
1137
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);
1138
}
1139
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 {
1141
border-radius: 0;
1142
}
1143
toolbar.horizontal > separator {
1145
margin: 2px;
1146
}
1147
toolbar.vertical > separator {
1149
margin: 2px;
1150
}
1151
toolbar:not(.inline-toolbar):not(.osd) scale,
1153
toolbar:not(.inline-toolbar):not(.osd) entry,
1154
toolbar:not(.inline-toolbar):not(.osd) spinbutton,
1155
toolbar:not(.inline-toolbar):not(.osd) button {
1156
margin: 2px;
1157
}
1158
toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:first-child),
1160
toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:first-child),
1161
toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:first-child) {
1162
margin-left: 0;
1163
}
1164
toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:last-child),
1166
toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:last-child),
1167
toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:last-child) {
1168
margin-right: 0;
1169
}
1170
toolbar:not(.inline-toolbar):not(.osd) spinbutton entry,
1172
toolbar:not(.inline-toolbar):not(.osd) spinbutton button {
1173
margin: 0;
1174
}
1175
toolbar:not(.inline-toolbar):not(.osd) switch {
1177
margin: 6px 2px;
1178
}
1179
.inline-toolbar {
1181
padding: 4px;
1182
border-style: solid;
1183
border-width: 0 1px 1px;
1184
border-color: rgba(0, 0, 0, 0.12);
1185
background-color: #FAFAFA;
1186
}
1187
searchbar > revealer > box,
1189
.location-bar {
1190
padding: 4px;
1191
border-style: solid;
1192
border-width: 0 0 1px;
1193
border-color: rgba(0, 0, 0, 0.12);
1194
background-color: #F2F2F2;
1195
background-clip: border-box;
1196
}
1197
searchbar > revealer > box {
1199
margin: -6px;
1200
padding: 4px;
1201
}
1202
/***************
1204
* Header bars *
1205
***************/
1206
.titlebar:not(headerbar),
1207
headerbar {
1208
transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1), color 100ms cubic-bezier(0, 0, 0.2, 1);
1209
min-height: 40px;
1210
padding: 0 4px;
1211
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);
1212
background-color: #383838;
1213
color: white;
1214
}
1215
.titlebar:disabled:not(headerbar),
1217
headerbar:disabled {
1218
color: rgba(255, 255, 255, 0.5);
1219
}
1220
.titlebar:backdrop:not(headerbar),
1222
headerbar:backdrop {
1223
color: rgba(255, 255, 255, 0.7);
1224
}
1225
.titlebar:backdrop:disabled:not(headerbar),
1227
headerbar:backdrop:disabled {
1228
color: rgba(255, 255, 255, 0.3);
1229
}
1230
.titlebar:not(headerbar) .title,
1232
headerbar .title {
1233
padding: 0 12px;
1234
font-weight: bold;
1235
}
1236
.titlebar:not(headerbar) .subtitle,
1238
headerbar .subtitle {
1239
padding: 0 12px;
1240
font-size: smaller;
1241
}
1242
.titlebar:not(headerbar) .linked:not(.vertical) > entry:not(.flat),
1244
headerbar .linked:not(.vertical) > entry:not(.flat) {
1245
border-radius: 4px;
1246
}
1247
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action),
1249
headerbar button:not(.suggested-action):not(.destructive-action) {
1250
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0/0 0 0px;
1251
color: rgba(255, 255, 255, 0.7);
1252
}
1253
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):hover, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):active,
1255
headerbar button:not(.suggested-action):not(.destructive-action):hover,
1256
headerbar button:not(.suggested-action):not(.destructive-action):active {
1257
color: white;
1258
}
1259
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):disabled,
1261
headerbar button:not(.suggested-action):not(.destructive-action):disabled {
1262
color: rgba(255, 255, 255, 0.3);
1263
}
1264
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked,
1266
headerbar button:not(.suggested-action):not(.destructive-action):checked {
1267
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2/0 0 2px;
1268
color: white;
1269
}
1270
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked:disabled,
1272
headerbar button:not(.suggested-action):not(.destructive-action):checked:disabled {
1273
color: rgba(255, 255, 255, 0.5);
1274
}
1275
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked:disabled,
1277
headerbar button:not(.suggested-action):not(.destructive-action):checked,
1278
headerbar button:not(.suggested-action):not(.destructive-action):checked:disabled {
1279
background-color: transparent;
1280
}
1281
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop,
1283
headerbar button:not(.suggested-action):not(.destructive-action):backdrop {
1284
color: rgba(255, 255, 255, 0.5);
1285
}
1286
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:hover, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:active,
1288
headerbar button:not(.suggested-action):not(.destructive-action):backdrop:hover,
1289
headerbar button:not(.suggested-action):not(.destructive-action):backdrop:active {
1290
color: rgba(255, 255, 255, 0.7);
1291
}
1292
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:disabled,
1294
headerbar button:not(.suggested-action):not(.destructive-action):backdrop:disabled {
1295
color: rgba(255, 255, 255, 0.3);
1296
}
1297
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked,
1299
headerbar button:not(.suggested-action):not(.destructive-action):backdrop:checked {
1300
color: rgba(255, 255, 255, 0.7);
1301
}
1302
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled,
1304
headerbar button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled {
1305
color: rgba(255, 255, 255, 0.3);
1306
}
1307
.titlebar:not(headerbar) button.suggested-action:disabled, .titlebar:not(headerbar) button.destructive-action:disabled,
1309
headerbar button.suggested-action:disabled,
1310
headerbar button.destructive-action:disabled {
1311
background-color: rgba(255, 255, 255, 0.04);
1312
color: rgba(255, 255, 255, 0.5);
1313
}
1314
.selection-mode.titlebar:not(headerbar),
1316
headerbar.selection-mode {
1317
transition: background-color 0.00001s 225ms, color 225ms cubic-bezier(0, 0, 0.2, 1);
1318
animation: header_ripple_effect 225ms cubic-bezier(0, 0, 0.2, 1);
1319
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);
1320
background-color: #4285F4;
1321
color: white;
1322
}
1323
.selection-mode.titlebar:backdrop:not(headerbar),
1325
headerbar.selection-mode:backdrop {
1326
color: rgba(255, 255, 255, 0.7);
1327
}
1328
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action),
1330
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action) {
1331
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0/0 0 0px;
1332
color: white;
1333
}
1334
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):disabled,
1336
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):disabled {
1337
color: rgba(255, 255, 255, 0.5);
1338
}
1339
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked,
1341
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):checked {
1342
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2/0 0 2px;
1343
color: white;
1344
}
1345
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked:disabled,
1347
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):checked:disabled {
1348
color: rgba(255, 255, 255, 0.5);
1349
}
1350
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop,
1352
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop {
1353
color: rgba(255, 255, 255, 0.7);
1354
}
1355
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:disabled,
1357
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:disabled {
1358
color: rgba(255, 255, 255, 0.3);
1359
}
1360
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked,
1362
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked {
1363
color: rgba(255, 255, 255, 0.7);
1364
}
1365
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled,
1367
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled {
1368
color: rgba(255, 255, 255, 0.3);
1369
}
1370
.selection-mode.titlebar:not(headerbar) .selection-menu,
1372
headerbar.selection-mode .selection-menu {
1373
padding-left: 16px;
1374
padding-right: 16px;
1375
}
1376
.selection-mode.titlebar:not(headerbar) .selection-menu arrow,
1378
headerbar.selection-mode .selection-menu arrow {
1379
-GtkArrow-arrow-scaling: 1;
1380
}
1381
.selection-mode.titlebar:not(headerbar) .selection-menu .arrow,
1383
headerbar.selection-mode .selection-menu .arrow {
1384
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
1385
}
1386
.tiled .titlebar:not(headerbar),
1388
.tiled-top .titlebar:not(headerbar),
1389
.tiled-right .titlebar:not(headerbar),
1390
.tiled-bottom .titlebar:not(headerbar),
1391
.tiled-left .titlebar:not(headerbar),
1392
.maximized .titlebar:not(headerbar),
1393
.fullscreen .titlebar:not(headerbar), .tiled
1394
headerbar,
1395
.tiled-top
1396
headerbar,
1397
.tiled-right
1398
headerbar,
1399
.tiled-bottom
1400
headerbar,
1401
.tiled-left
1402
headerbar,
1403
.maximized
1404
headerbar,
1405
.fullscreen
1406
headerbar {
1407
border-radius: 0;
1408
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
1409
}
1410
.default-decoration.titlebar:not(headerbar),
1412
headerbar.default-decoration {
1413
min-height: 24px;
1414
padding: 4px;
1415
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
1416
}
1417
.tiled .default-decoration.titlebar:not(headerbar),
1419
.maximized .default-decoration.titlebar:not(headerbar),
1420
.fullscreen .default-decoration.titlebar:not(headerbar), .tiled
1421
headerbar.default-decoration,
1422
.maximized
1423
headerbar.default-decoration,
1424
.fullscreen
1425
headerbar.default-decoration {
1426
box-shadow: none;
1427
}
1428
.default-decoration.titlebar:not(headerbar) button.titlebutton,
1430
headerbar.default-decoration button.titlebutton {
1431
min-height: 24px;
1432
min-width: 24px;
1433
margin: 0;
1434
padding: 0;
1435
}
1436
.background:not(.csd) .default-decoration.titlebar:not(headerbar) button.titlebutton:active, .background:not(.csd)
1438
headerbar.default-decoration button.titlebutton:active {
1439
background-size: 1000% 1000%;
1440
}
1441
headerbar entry,
1443
headerbar spinbutton,
1444
headerbar button {
1445
margin-top: 4px;
1446
margin-bottom: 4px;
1447
}
1448
headerbar switch {
1450
margin-top: 8px;
1451
margin-bottom: 8px;
1452
}
1453
headerbar spinbutton button {
1455
margin-top: 0;
1456
margin-bottom: 0;
1457
}
1458
headerbar .entry-tag, headerbar .documents-entry-tag, headerbar .photos-entry-tag {
1460
margin-top: 5px;
1461
margin-bottom: 5px;
1462
}
1463
.background .titlebar {
1465
border-top-left-radius: 4px;
1466
border-top-right-radius: 4px;
1467
}
1468
.background.tiled .titlebar,
1470
.background.tiled-top .titlebar,
1471
.background.tiled-right .titlebar,
1472
.background.tiled-bottom .titlebar,
1473
.background.tiled-left .titlebar,
1474
.background.maximized .titlebar,
1475
.background.solid-csd .titlebar {
1476
border-top-left-radius: 0;
1477
border-top-right-radius: 0;
1478
}
1479
window separator:first-child + headerbar,
1481
window headerbar:first-child {
1482
border-top-left-radius: 4px;
1483
}
1484
window headerbar:last-child {
1486
border-top-right-radius: 4px;
1487
}
1488
window stack headerbar:first-child, window stack headerbar:last-child {
1490
border-top-left-radius: 4px;
1491
border-top-right-radius: 4px;
1492
}
1493
window.tiled headerbar, window.tiled headerbar:first-child, window.tiled headerbar:last-child, window.tiled headerbar:only-child,
1495
window.tiled-top headerbar,
1496
window.tiled-top headerbar:first-child,
1497
window.tiled-top headerbar:last-child,
1498
window.tiled-top headerbar:only-child,
1499
window.tiled-right headerbar,
1500
window.tiled-right headerbar:first-child,
1501
window.tiled-right headerbar:last-child,
1502
window.tiled-right headerbar:only-child,
1503
window.tiled-bottom headerbar,
1504
window.tiled-bottom headerbar:first-child,
1505
window.tiled-bottom headerbar:last-child,
1506
window.tiled-bottom headerbar:only-child,
1507
window.tiled-left headerbar,
1508
window.tiled-left headerbar:first-child,
1509
window.tiled-left headerbar:last-child,
1510
window.tiled-left headerbar:only-child,
1511
window.maximized headerbar,
1512
window.maximized headerbar:first-child,
1513
window.maximized headerbar:last-child,
1514
window.maximized headerbar:only-child,
1515
window.fullscreen headerbar,
1516
window.fullscreen headerbar:first-child,
1517
window.fullscreen headerbar:last-child,
1518
window.fullscreen headerbar:only-child,
1519
window.solid-csd headerbar,
1520
window.solid-csd headerbar:first-child,
1521
window.solid-csd headerbar:last-child,
1522
window.solid-csd headerbar:only-child {
1523
border-top-left-radius: 0;
1524
border-top-right-radius: 0;
1525
}
1526
window.csd > .titlebar:not(headerbar) {
1528
padding: 0;
1529
background-color: transparent;
1530
background-image: none;
1531
border-style: none;
1532
box-shadow: none;
1533
}
1534
.titlebar:not(headerbar) > separator {
1536
background-color: #383838;
1537
background-image: image(rgba(0, 0, 0, 0.12));
1538
}
1539
/************
1541
* Pathbars *
1542
************/
1543
.caja-pathbar button,
1544
.path-bar button {
1545
padding-left: 4px;
1546
padding-right: 4px;
1547
}
1548
.caja-pathbar button label:not(:only-child):first-child,
1550
.path-bar button label:not(:only-child):first-child {
1551
margin-left: 4px;
1552
}
1553
.caja-pathbar button label:not(:only-child):last-child,
1555
.path-bar button label:not(:only-child):last-child {
1556
margin-right: 4px;
1557
}
1558
.caja-pathbar button.slider-button,
1560
.path-bar button.slider-button {
1561
padding-left: 4px;
1562
padding-right: 4px;
1563
}
1564
:not(headerbar) .caja-pathbar button, .caja-pathbar :not(headerbar) button, :not(headerbar)
1566
.path-bar button {
1567
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #4285F4 0%, transparent 0%) 0 0 0/0 0 0px;
1568
border-radius: 4px;
1569
}
1570
:not(headerbar) .caja-pathbar button:checked, .caja-pathbar :not(headerbar) button:checked, :not(headerbar)
1572
.path-bar button:checked {
1573
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #4285F4 100%, transparent 0%) 0 0 2/0 0 2px;
1574
}
1575
: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)
1577
.path-bar button:checked, :not(headerbar)
1578
.path-bar button:checked:disabled {
1579
background-color: transparent;
1580
}
1581
/**************
1583
* Tree Views *
1584
**************/
1585
treeview.view {
1586
border-left-color: rgba(0, 0, 0, 0.26);
1587
border-top-color: rgba(0, 0, 0, 0.12);
1588
}
1589
* {
1591
-GtkTreeView-horizontal-separator: 4;
1592
-GtkTreeView-grid-line-width: 1;
1593
-GtkTreeView-grid-line-pattern: '';
1594
-GtkTreeView-tree-line-width: 1;
1595
-GtkTreeView-tree-line-pattern: '';
1596
-GtkTreeView-expander-size: 16;
1597
}
1598
treeview.view:selected {
1600
border-left-color: rgba(255, 255, 255, 0.3);
1601
}
1602
treeview.view:hover, treeview.view:active, treeview.view:selected {
1604
border-radius: 0;
1605
}
1606
treeview.view.separator {
1608
min-height: 5px;
1609
color: rgba(0, 0, 0, 0.12);
1610
}
1611
treeview.view:drop(active) {
1613
border-style: solid none;
1614
border-width: 1px;
1615
border-color: #4285F4;
1616
}
1617
treeview.view:drop(active).after {
1619
border-top-style: none;
1620
}
1621
treeview.view:drop(active).before {
1623
border-bottom-style: none;
1624
}
1625
treeview.view.expander {
1627
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
1628
-gtk-icon-transform: rotate(-90deg);
1629
color: rgba(0, 0, 0, 0.54);
1630
}
1631
treeview.view.expander:dir(rtl) {
1633
-gtk-icon-transform: rotate(90deg);
1634
}
1635
treeview.view.expander:checked {
1637
-gtk-icon-transform: unset;
1638
}
1639
treeview.view.expander:hover, treeview.view.expander:active {
1641
color: rgba(0, 0, 0, 0.87);
1642
}
1643
treeview.view.expander:disabled {
1645
color: rgba(0, 0, 0, 0.26);
1646
}
1647
treeview.view.expander:selected {
1649
color: rgba(255, 255, 255, 0.7);
1650
}
1651
treeview.view.expander:selected:hover, treeview.view.expander:selected:active {
1653
color: white;
1654
}
1655
treeview.view.expander:selected:disabled {
1657
color: rgba(255, 255, 255, 0.3);
1658
}
1659
treeview.view.progressbar {
1661
border-bottom: 4px solid #4285F4;
1662
box-shadow: none;
1663
background-color: transparent;
1664
}
1665
treeview.view.progressbar:selected {
1667
border-bottom-color: white;
1668
}
1669
treeview.view.trough {
1671
border-bottom: 4px solid rgba(0, 0, 0, 0.12);
1672
box-shadow: none;
1673
background-color: transparent;
1674
}
1675
treeview.view.trough:selected {
1677
border-bottom-color: rgba(255, 255, 255, 0.12);
1678
}
1679
treeview.view header button {
1681
padding: 2px 6px;
1682
border-style: none solid solid none;
1683
border-width: 1px;
1684
border-color: rgba(0, 0, 0, 0.12);
1685
border-radius: 0;
1686
background-clip: border-box;
1687
}
1688
treeview.view header button:not(:hover):not(:active) {
1690
color: rgba(0, 0, 0, 0.54);
1691
}
1692
treeview.view header button, treeview.view header button:hover, treeview.view header button:active {
1694
box-shadow: none;
1695
}
1696
treeview.view header button, treeview.view header button:disabled {
1698
background-color: #FFFFFF;
1699
}
1700
treeview.view header button:last-child {
1702
border-right-style: none;
1703
}
1704
treeview.view button.dnd,
1706
treeview.view header.button.dnd {
1707
padding: 2px 6px;
1708
border-style: none solid solid;
1709
border-width: 1px;
1710
border-color: rgba(0, 0, 0, 0.12);
1711
border-radius: 0;
1712
box-shadow: none;
1713
background-color: #FFFFFF;
1714
background-clip: border-box;
1715
color: #4285F4;
1716
}
1717
treeview.view acceleditor > label {
1719
background-color: #4285F4;
1720
}
1721
/*********
1723
* Menus *
1724
*********/
1725
menubar,
1726
.menubar {
1727
-GtkWidget-window-dragging: true;
1728
padding: 0;
1729
background-color: #383838;
1730
}
1731
menubar > menuitem,
1733
.menubar > menuitem {
1734
transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
1735
min-height: 20px;
1736
padding: 4px 8px;
1737
color: rgba(255, 255, 255, 0.7);
1738
}
1739
menubar > menuitem:hover,
1741
.menubar > menuitem:hover {
1742
transition: none;
1743
background-color: rgba(255, 255, 255, 0.12);
1744
color: white;
1745
}
1746
menubar > menuitem:disabled,
1748
.menubar > menuitem:disabled {
1749
color: rgba(255, 255, 255, 0.3);
1750
}
1751
menubar > menuitem label:disabled,
1753
.menubar > menuitem label:disabled {
1754
color: inherit;
1755
}
1756
.csd.popup {
1758
background-color: transparent;
1759
}
1760
menu,
1762
.menu,
1763
.context-menu {
1764
margin: 4px 0;
1765
padding: 4px 0;
1766
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
1767
background-color: #FFFFFF;
1768
border: 1px solid rgba(0, 0, 0, 0.12);
1769
}
1770
.csd menu, .csd
1772
.menu, .csd
1773
.context-menu {
1774
border: none;
1775
border-radius: 4px;
1776
}
1777
menu menuitem,
1779
.menu menuitem,
1780
.context-menu menuitem {
1781
transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1);
1782
min-height: 20px;
1783
min-width: 40px;
1784
padding: 4px 8px;
1785
font: initial;
1786
text-shadow: none;
1787
}
1788
menu menuitem:hover,
1790
.menu menuitem:hover,
1791
.context-menu menuitem:hover {
1792
transition: none;
1793
background-color: rgba(0, 0, 0, 0.12);
1794
}
1795
menu menuitem:disabled,
1797
.menu menuitem:disabled,
1798
.context-menu menuitem:disabled {
1799
color: rgba(0, 0, 0, 0.38);
1800
}
1801
menu menuitem arrow,
1803
.menu menuitem arrow,
1804
.context-menu menuitem arrow {
1805
min-height: 16px;
1806
min-width: 16px;
1807
}
1808
menu menuitem arrow:dir(ltr),
1810
.menu menuitem arrow:dir(ltr),
1811
.context-menu menuitem arrow:dir(ltr) {
1812
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
1813
margin-left: 8px;
1814
}
1815
menu menuitem arrow:dir(rtl),
1817
.menu menuitem arrow:dir(rtl),
1818
.context-menu menuitem arrow:dir(rtl) {
1819
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl");
1820
margin-right: 8px;
1821
}
1822
menu menuitem label:dir(rtl), menu menuitem label:dir(ltr),
1824
.menu menuitem label:dir(rtl),
1825
.menu menuitem label:dir(ltr),
1826
.context-menu menuitem label:dir(rtl),
1827
.context-menu menuitem label:dir(ltr) {
1828
color: inherit;
1829
}
1830
menu > arrow,
1832
.menu > arrow,
1833
.context-menu > arrow {
1834
min-height: 16px;
1835
min-width: 16px;
1836
padding: 4px;
1837
background-color: #FFFFFF;
1838
color: rgba(0, 0, 0, 0.54);
1839
}
1840
menu > arrow.top,
1842
.menu > arrow.top,
1843
.context-menu > arrow.top {
1844
margin-top: -4px;
1845
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
1846
border-radius: 4px 4px 0 0;
1847
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
1848
}
1849
menu > arrow.bottom,
1851
.menu > arrow.bottom,
1852
.context-menu > arrow.bottom {
1853
margin-top: 8px;
1854
margin-bottom: -12px;
1855
border-top: 1px solid rgba(0, 0, 0, 0.12);
1856
border-radius: 0 0 4px 4px;
1857
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
1858
}
1859
menu > arrow:hover,
1861
.menu > arrow:hover,
1862
.context-menu > arrow:hover {
1863
background-image: image(rgba(0, 0, 0, 0.12));
1864
color: rgba(0, 0, 0, 0.87);
1865
}
1866
menu > arrow:disabled,
1868
.menu > arrow:disabled,
1869
.context-menu > arrow:disabled {
1870
border-color: transparent;
1871
background-color: transparent;
1872
color: transparent;
1873
}
1874
menu separator,
1876
.menu separator,
1877
.context-menu separator {
1878
margin: 4px 0;
1879
}
1880
menuitem accelerator {
1882
color: rgba(0, 0, 0, 0.54);
1883
}
1884
menuitem:disabled accelerator {
1886
color: rgba(0, 0, 0, 0.26);
1887
}
1888
.popup:not(.csd) menu menuitem {
1890
color: #212121;
1891
}
1892
.popup:not(.csd) menu menuitem:hover {
1894
background-color: #E0E0E0;
1895
}
1896
.popup:not(.csd) menu menuitem:disabled {
1898
color: #9E9E9E;
1899
}
1900
.popup:not(.csd) menu accelerator {
1902
color: #757575;
1903
}
1904
/************
1906
* Popovers *
1907
************/
1908
popover.background {
1909
transition: box-shadow 100ms cubic-bezier(0, 0, 0.2, 1);
1910
padding: 2px;
1911
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
1912
background-color: #FFFFFF;
1913
}
1914
popover.background:backdrop {
1916
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
1917
}
1918
popover.background, .csd popover.background {
1920
border-style: solid;
1921
border-width: 1px;
1922
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.3);
1923
border-radius: 5px;
1924
}
1925
popover.background > stack {
1927
margin: -4px;
1928
}
1929
popover.background > toolbar {
1931
margin: -2px;
1932
}
1933
popover.background > list,
1935
popover.background > .view,
1936
popover.background > toolbar {
1937
border-style: none;
1938
box-shadow: none;
1939
background-color: transparent;
1940
}
1941
popover.background list,
1943
popover.background .view:not(:selected),
1944
popover.background toolbar {
1945
background-color: #FFFFFF;
1946
}
1947
popover.background.menu button,
1949
popover.background button.model {
1950
min-height: 32px;
1951
padding: 0 8px;
1952
border-radius: 4px;
1953
}
1954
popover.background separator {
1956
margin: 4px 0;
1957
}
1958
popover.background list separator {
1960
margin: 0;
1961
}
1962
/*************
1964
* Notebooks *
1965
*************/
1966
frame > paned > notebook > header,
1967
notebook.frame > header {
1968
background-color: #FAFAFA;
1969
}
1970
notebook > header {
1972
border-width: 1px;
1973
border-color: rgba(0, 0, 0, 0.12);
1974
background-color: #F2F2F2;
1975
background-clip: border-box;
1976
}
1977
notebook > header.top {
1979
border-bottom-style: solid;
1980
}
1981
notebook > header.top > tabs {
1983
margin-bottom: -1px;
1984
}
1985
notebook > header.top > tabs > tab {
1987
box-shadow: inset 0 -2px transparent;
1988
}
1989
notebook > header.top > tabs > tab:checked {
1991
box-shadow: inset 0 -2px #4285F4;
1992
}
1993
notebook > header.bottom {
1995
border-top-style: solid;
1996
}
1997
notebook > header.bottom > tabs {
1999
margin-top: -1px;
2000
}
2001
notebook > header.bottom > tabs > tab {
2003
box-shadow: inset 0 2px transparent;
2004
}
2005
notebook > header.bottom > tabs > tab:checked {
2007
box-shadow: inset 0 2px #4285F4;
2008
}
2009
notebook > header.left {
2011
border-right-style: solid;
2012
}
2013
notebook > header.left > tabs {
2015
margin-right: -1px;
2016
}
2017
notebook > header.left > tabs > tab {
2019
box-shadow: inset -2px 0 transparent;
2020
}
2021
notebook > header.left > tabs > tab:checked {
2023
box-shadow: inset -2px 0 #4285F4;
2024
}
2025
notebook > header.right {
2027
border-left-style: solid;
2028
}
2029
notebook > header.right > tabs {
2031
margin-left: -1px;
2032
}
2033
notebook > header.right > tabs > tab {
2035
box-shadow: inset 2px 0 transparent;
2036
}
2037
notebook > header.right > tabs > tab:checked {
2039
box-shadow: inset 2px 0 #4285F4;
2040
}
2041
notebook > header.top > tabs > arrow {
2043
border-top-style: none;
2044
}
2045
notebook > header.bottom > tabs > arrow {
2047
border-bottom-style: none;
2048
}
2049
notebook > header.top > tabs > arrow, notebook > header.bottom > tabs > arrow {
2051
padding-left: 4px;
2052
padding-right: 4px;
2053
}
2054
notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down {
2056
margin-left: -8px;
2057
-gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
2058
}
2059
notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up {
2061
margin-right: -8px;
2062
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
2063
}
2064
notebook > header.left > tabs > arrow {
2066
border-left-style: none;
2067
}
2068
notebook > header.right > tabs > arrow {
2070
border-right-style: none;
2071
}
2072
notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow {
2074
padding-top: 4px;
2075
padding-bottom: 4px;
2076
}
2077
notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down {
2079
margin-top: -8px;
2080
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
2081
}
2082
notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up {
2084
margin-bottom: -8px;
2085
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
2086
}
2087
notebook > header > tabs > arrow {
2089
min-height: 16px;
2090
min-width: 16px;
2091
border-radius: 0;
2092
}
2093
notebook > header tab {
2095
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
2096
min-height: 24px;
2097
min-width: 24px;
2098
padding: 4px 12px;
2099
outline-offset: -6px;
2100
border-width: 1px;
2101
border-color: transparent;
2102
background-image: radial-gradient(circle farthest-corner at center, #4285F4 10%, transparent 0%);
2103
background-repeat: no-repeat;
2104
background-position: center;
2105
background-size: 0% 0%;
2106
background-clip: border-box;
2107
color: rgba(0, 0, 0, 0.54);
2108
font-weight: 500;
2109
}
2110
notebook > header tab:hover {
2112
background-color: alpha(currentColor, 0.08);
2113
color: rgba(0, 0, 0, 0.87);
2114
}
2115
notebook > header tab:disabled {
2117
color: rgba(0, 0, 0, 0.26);
2118
}
2119
notebook > header tab:checked {
2121
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);
2122
background-color: transparent;
2123
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
2124
background-size: 1000% 1000%;
2125
background-clip: padding-box;
2126
color: rgba(0, 0, 0, 0.87);
2127
}
2128
notebook > header tab:checked:disabled {
2130
color: rgba(0, 0, 0, 0.38);
2131
}
2132
notebook > header tab:checked.reorderable-page {
2134
border-color: rgba(0, 0, 0, 0.12);
2135
background-color: #FFFFFF;
2136
}
2137
notebook > header tab button.flat:last-child {
2139
margin-left: 4px;
2140
margin-right: -8px;
2141
}
2142
notebook > header tab button.flat:first-child {
2144
margin-left: -8px;
2145
margin-right: 4px;
2146
}
2147
notebook > header.top tabs, notebook > header.bottom tabs {
2149
padding-left: 8px;
2150
padding-right: 8px;
2151
}
2152
notebook > header.top tabs:not(:only-child):first-child, notebook > header.bottom tabs:not(:only-child):first-child {
2154
margin-left: 0;
2155
}
2156
notebook > header.top tabs:not(:only-child):last-child, notebook > header.bottom tabs:not(:only-child):last-child {
2158
margin-right: 0;
2159
}
2160
notebook > header.top tabs tab.reorderable-page, notebook > header.bottom tabs tab.reorderable-page {
2162
border-style: none solid;
2163
}
2164
notebook > header.left tabs, notebook > header.right tabs {
2166
padding-top: 8px;
2167
padding-bottom: 8px;
2168
}
2169
notebook > header.left tabs:not(:only-child):first-child, notebook > header.right tabs:not(:only-child):first-child {
2171
margin-top: 0;
2172
}
2173
notebook > header.left tabs:not(:only-child):last-child, notebook > header.right tabs:not(:only-child):last-child {
2175
margin-bottom: 0;
2176
}
2177
notebook > header.left tabs tab.reorderable-page, notebook > header.right tabs tab.reorderable-page {
2179
border-style: solid none;
2180
}
2181
notebook > stack:not(:only-child) {
2183
background-color: #FFFFFF;
2184
}
2185
/**************
2187
* Scrollbars *
2188
**************/
2189
scrollbar {
2190
transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
2191
background-color: #FFFFFF;
2192
background-clip: padding-box;
2193
}
2194
* {
2196
-GtkScrollbar-has-backward-stepper: false;
2197
-GtkScrollbar-has-forward-stepper: false;
2198
}
2199
scrollbar.top {
2201
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
2202
}
2203
scrollbar.bottom {
2205
border-top: 1px solid rgba(0, 0, 0, 0.12);
2206
}
2207
scrollbar.left {
2209
border-right: 1px solid rgba(0, 0, 0, 0.12);
2210
}
2211
scrollbar.right {
2213
border-left: 1px solid rgba(0, 0, 0, 0.12);
2214
}
2215
scrollbar slider {
2217
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), margin 0, border-width 0;
2218
min-width: 8px;
2219
min-height: 8px;
2220
border: 4px solid transparent;
2221
border-radius: 9999px;
2222
background-clip: padding-box;
2223
background-color: rgba(0, 0, 0, 0.38);
2224
}
2225
scrollbar slider:hover {
2227
background-color: rgba(0, 0, 0, 0.54);
2228
}
2229
scrollbar slider:active {
2231
background-color: rgba(0, 0, 0, 0.87);
2232
}
2233
scrollbar slider:disabled {
2235
background-color: rgba(0, 0, 0, 0.26);
2236
}
2237
scrollbar.fine-tune slider {
2239
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), margin 0, border-width 0, min-width 0, min-height 0;
2240
min-width: 4px;
2241
min-height: 4px;
2242
}
2243
scrollbar.fine-tune.horizontal slider {
2245
margin: 2px 0;
2246
}
2247
scrollbar.fine-tune.vertical slider {
2249
margin: 0 2px;
2250
}
2251
scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
2253
border-color: transparent;
2254
background-color: transparent;
2255
}
2256
scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider {
2258
min-width: 4px;
2259
min-height: 4px;
2260
margin: 3px;
2261
border: 1px solid rgba(255, 255, 255, 0.3);
2262
}
2263
scrollbar.overlay-indicator:not(.dragging):not(.hovering) button {
2265
min-width: 4px;
2266
min-height: 4px;
2267
margin: 3px;
2268
border: 1px solid rgba(255, 255, 255, 0.3);
2269
border-radius: 9999px;
2270
background-color: rgba(0, 0, 0, 0.38);
2271
background-clip: padding-box;
2272
-gtk-icon-source: none;
2273
}
2274
scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled {
2276
background-color: rgba(0, 0, 0, 0.26);
2277
}
2278
scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider {
2280
min-width: 24px;
2281
}
2282
scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button {
2284
min-width: 8px;
2285
}
2286
scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider {
2288
min-height: 24px;
2289
}
2290
scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button {
2292
min-height: 8px;
2293
}
2294
scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering {
2296
background-color: rgba(255, 255, 255, 0.9);
2297
}
2298
scrollbar.horizontal slider {
2300
min-width: 24px;
2301
}
2302
scrollbar.vertical slider {
2304
min-height: 24px;
2305
}
2306
scrollbar button {
2308
min-width: 16px;
2309
min-height: 16px;
2310
padding: 0;
2311
border-radius: 0;
2312
}
2313
scrollbar.vertical button.down {
2315
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
2316
}
2317
scrollbar.vertical button.up {
2319
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
2320
}
2321
scrollbar.horizontal button.down {
2323
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
2324
}
2325
scrollbar.horizontal button.up {
2327
-gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
2328
}
2329
/**********
2331
* Switch *
2332
**********/
2333
switch {
2334
transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
2335
margin: 4px 0;
2336
padding: 0 2px;
2337
border: 5px solid transparent;
2338
border-radius: 9999px;
2339
background-color: rgba(0, 0, 0, 0.26);
2340
background-clip: padding-box;
2341
font-size: 0;
2342
}
2343
switch:checked {
2345
background-color: rgba(66, 133, 244, 0.5);
2346
}
2347
switch:disabled {
2349
opacity: 0.5;
2350
}
2351
switch slider {
2353
transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
2354
min-width: 20px;
2355
min-height: 20px;
2356
margin: -3px -2px;
2357
border-radius: 9999px;
2358
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);
2359
background-color: #FFFFFF;
2360
}
2361
switch:hover slider {
2363
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);
2364
}
2365
switch:focus slider {
2367
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);
2368
}
2369
switch:focus:hover slider {
2371
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);
2372
}
2373
switch:checked slider {
2375
background-color: #4285F4;
2376
color: #4285F4;
2377
}
2378
/*************************
2380
* Check and Radio items *
2381
*************************/
2382
.view.content-view.check:not(list),
2383
.content-view .tile check:not(list) {
2384
min-height: 40px;
2385
min-width: 40px;
2386
margin: 0;
2387
padding: 0;
2388
box-shadow: none;
2389
background-color: transparent;
2390
background-image: none;
2391
-gtk-icon-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
2392
}
2393
.view.content-view.check:not(list):hover, .view.content-view.check:not(list):active,
2395
.content-view .tile check:not(list):hover,
2396
.content-view .tile check:not(list):active {
2397
-gtk-icon-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
2398
}
2399
.view.content-view.check:not(list),
2401
.content-view .tile check:not(list) {
2402
-gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-unchecked.png"), url("assets/selectionmode-checkbox-unchecked@2.png"));
2403
}
2404
.view.content-view.check:not(list):checked,
2406
.content-view .tile check:not(list):checked {
2407
-gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-checked.png"), url("assets/selectionmode-checkbox-checked@2.png"));
2408
}
2409
checkbutton,
2411
radiobutton {
2412
outline: none;
2413
}
2414
checkbutton.text-button,
2416
radiobutton.text-button {
2417
padding: 2px;
2418
}
2419
checkbutton.text-button label:not(:only-child),
2421
radiobutton.text-button label:not(:only-child) {
2422
margin: 0 4px;
2423
}
2424
check,
2426
radio {
2427
min-height: 24px;
2428
min-width: 24px;
2429
margin: -8px;
2430
padding: 8px;
2431
}
2432
check:hover,
2434
radio:hover {
2435
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
2436
}
2437
check:focus,
2439
radio:focus {
2440
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.12);
2441
}
2442
check:focus:hover,
2444
radio:focus:hover {
2445
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.16);
2446
}
2447
check:checked, check:indeterminate,
2449
radio:checked,
2450
radio:indeterminate {
2451
color: #4285F4;
2452
}
2453
check:checked:disabled, check:indeterminate:disabled,
2455
radio:checked:disabled,
2456
radio:indeterminate:disabled {
2457
color: rgba(0, 0, 0, 0.26);
2458
}
2459
row:selected check:not(:checked):not(:indeterminate), row:selected
2461
radio:not(:checked):not(:indeterminate) {
2462
color: rgba(255, 255, 255, 0.7);
2463
}
2464
row:selected check:not(:checked):not(:indeterminate):hover, row:selected check:not(:checked):not(:indeterminate):active, row:selected
2466
radio:not(:checked):not(:indeterminate):hover, row:selected
2467
radio:not(:checked):not(:indeterminate):active {
2468
color: white;
2469
}
2470
row:selected check:not(:checked):not(:indeterminate):disabled, row:selected
2472
radio:not(:checked):not(:indeterminate):disabled {
2473
color: rgba(255, 255, 255, 0.3);
2474
}
2475
popover check, popover check:hover, popover check:focus, popover check:focus:hover, popover check:active, popover check:disabled, popover
2477
radio, popover
2478
radio:hover, popover
2479
radio:focus, popover
2480
radio:focus:hover, popover
2481
radio:active, popover
2482
radio:disabled {
2483
transition: none;
2484
box-shadow: none;
2485
background-image: none;
2486
}
2487
popover check:not(:checked):not(:indeterminate):not(:disabled), popover
2489
radio:not(:checked):not(:indeterminate):not(:disabled) {
2490
color: rgba(0, 0, 0, 0.54);
2491
}
2492
popover check.left:dir(rtl), popover
2494
radio.left:dir(rtl) {
2495
margin-left: -12px;
2496
margin-right: -4px;
2497
}
2498
popover check.right:dir(ltr), popover
2500
radio.right:dir(ltr) {
2501
margin-left: -4px;
2502
margin-right: -12px;
2503
}
2504
menu menuitem check, menu menuitem
2506
radio {
2507
transition: none;
2508
margin: 0;
2509
padding: 0;
2510
}
2511
menu menuitem check:dir(ltr), menu menuitem
2513
radio:dir(ltr) {
2514
margin-right: 8px;
2515
}
2516
menu menuitem check:dir(rtl), menu menuitem
2518
radio:dir(rtl) {
2519
margin-left: 8px;
2520
}
2521
menu menuitem check:not(:checked):not(:indeterminate):not(:disabled), menu menuitem
2523
radio:not(:checked):not(:indeterminate):not(:disabled) {
2524
color: rgba(0, 0, 0, 0.54);
2525
}
2526
menu menuitem check, menu menuitem check:hover, menu menuitem check:disabled, menu menuitem
2528
radio, menu menuitem
2529
radio:hover, menu menuitem
2530
radio:disabled {
2531
box-shadow: none;
2532
}
2533
check {
2536
-gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-unchecked-symbolic.svg"));
2537
}
2538
check:checked {
2541
-gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-checked-symbolic.svg"));
2542
}
2543
check:indeterminate {
2546
-gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-mixed-symbolic.svg"));
2547
}
2548
radio {
2551
-gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-unchecked-symbolic.svg"));
2552
border-image-slice: 20;
2553
border-image-width: 20px;
2554
}
2555
radio:indeterminate {
2558
-gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-mixed-symbolic.svg"));
2559
}
2560
radio {
2563
border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#4285F4), to(transparent));
2564
}
2565
radio:checked:not(:indeterminate) {
2568
border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.125, to(#4285F4), to(transparent));
2569
}
2570
radio:checked:not(:indeterminate):disabled {
2573
border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.125, to(rgba(0, 0, 0, 0.26)), to(transparent));
2574
}
2575
window.background:not(.csd) > widget > checkbutton > check,
2577
menu menuitem check {
2578
min-height: 16px;
2579
min-width: 16px;
2580
border-radius: 4px;
2581
-gtk-outline-radius: 4px;
2582
-gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-unchecked-symbolic.svg"));
2583
}
2584
window.background:not(.csd) > widget > checkbutton > check:checked,
2586
menu menuitem check:checked {
2587
-gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-checked-symbolic.svg"));
2588
}
2589
window.background:not(.csd) > widget > checkbutton > check:indeterminate,
2591
menu menuitem check:indeterminate {
2592
-gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-mixed-symbolic.svg"));
2593
}
2594
window.background:not(.csd) > widget > radiobutton > radio,
2596
menu menuitem radio {
2597
min-height: 16px;
2598
min-width: 16px;
2599
border-image: none;
2600
-gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-unchecked-symbolic.svg"));
2601
}
2602
window.background:not(.csd) > widget > radiobutton > radio:checked,
2604
menu menuitem radio:checked {
2605
-gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-checked-symbolic.svg"));
2606
}
2607
window.background:not(.csd) > widget > radiobutton > radio:indeterminate,
2609
menu menuitem radio:indeterminate {
2610
-gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-mixed-symbolic.svg"));
2611
}
2612
treeview.view check,
2614
treeview.view radio {
2615
padding: 0;
2616
}
2617
treeview.view check:hover,
2619
treeview.view radio:hover {
2620
box-shadow: inset 0 0 0 9999px alpha(rgba(0, 0, 0, 0.87), 0.08);
2621
}
2622
treeview.view check:hover:disabled,
2624
treeview.view radio:hover:disabled {
2625
box-shadow: none;
2626
}
2627
treeview.view check:hover:selected,
2629
treeview.view radio:hover:selected {
2630
box-shadow: inset 0 0 0 9999px alpha(white, 0.08);
2631
}
2632
treeview.view check,
2634
treeview.view radio {
2635
color: rgba(0, 0, 0, 0.54);
2636
}
2637
treeview.view check:hover, treeview.view check:active,
2639
treeview.view radio:hover,
2640
treeview.view radio:active {
2641
color: rgba(0, 0, 0, 0.87);
2642
}
2643
treeview.view check:disabled,
2645
treeview.view radio:disabled {
2646
color: rgba(0, 0, 0, 0.26);
2647
}
2648
treeview.view check:checked, treeview.view check:indeterminate,
2650
treeview.view radio:checked,
2651
treeview.view radio:indeterminate {
2652
color: #4285F4;
2653
}
2654
treeview.view check:checked:disabled, treeview.view check:indeterminate:disabled,
2656
treeview.view radio:checked:disabled,
2657
treeview.view radio:indeterminate:disabled {
2658
color: rgba(0, 0, 0, 0.26);
2659
}
2660
treeview.view check:selected,
2662
treeview.view radio:selected {
2663
color: rgba(255, 255, 255, 0.7);
2664
}
2665
treeview.view check:selected:hover, treeview.view check:selected:active,
2667
treeview.view radio:selected:hover,
2668
treeview.view radio:selected:active {
2669
color: white;
2670
}
2671
treeview.view check:selected:disabled,
2673
treeview.view radio:selected:disabled {
2674
color: rgba(255, 255, 255, 0.3);
2675
}
2676
treeview.view check:selected:checked, treeview.view check:selected:indeterminate,
2678
treeview.view radio:selected:checked,
2679
treeview.view radio:selected:indeterminate {
2680
color: #4285F4;
2681
}
2682
treeview.view check:selected:checked:disabled, treeview.view check:selected:indeterminate:disabled,
2684
treeview.view radio:selected:checked:disabled,
2685
treeview.view radio:selected:indeterminate:disabled {
2686
color: rgba(0, 0, 0, 0.26);
2687
}
2688
treeview.view radio:checked {
2690
-gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-checked-symbolic.svg"));
2691
border-image: none;
2692
}
2693
/************
2695
* GtkScale *
2696
************/
2697
scale {
2698
min-height: 2px;
2699
min-width: 2px;
2700
}
2701
scale.horizontal {
2703
padding: 15px 12px;
2704
}
2705
scale.vertical {
2707
padding: 12px 15px;
2708
}
2709
scale slider {
2711
min-height: 32px;
2712
min-width: 32px;
2713
margin: -15px;
2714
}
2715
scale.fine-tune.horizontal {
2717
min-height: 4px;
2718
padding-top: 14px;
2719
padding-bottom: 14px;
2720
}
2721
scale.fine-tune.vertical {
2723
min-width: 4px;
2724
padding-left: 14px;
2725
padding-right: 14px;
2726
}
2727
scale.fine-tune slider {
2729
margin: -14px;
2730
}
2731
scale trough {
2733
transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1);
2734
outline: none;
2735
background-color: rgba(0, 0, 0, 0.26);
2736
}
2737
scale trough:disabled {
2739
background-color: rgba(0, 0, 0, 0.12);
2740
}
2741
scale highlight {
2743
transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1);
2744
background-color: #4285F4;
2745
}
2746
scale highlight:disabled {
2748
background-color: transparent;
2749
}
2750
scale fill {
2752
transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1);
2753
background-color: rgba(0, 0, 0, 0.26);
2754
}
2755
scale fill:disabled {
2757
background-color: transparent;
2758
}
2759
scale slider {
2761
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);
2762
background-repeat: no-repeat;
2763
background-position: center;
2764
background-size: auto, 1000% 1000%;
2765
border-radius: 50%;
2766
color: transparent;
2767
}
2768
scale slider {
2770
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%);
2771
}
2772
scale slider:disabled {
2774
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%);
2775
}
2776
scale slider:hover {
2778
background-color: rgba(66, 133, 244, 0.08);
2779
}
2780
scale slider:focus {
2782
background-color: rgba(66, 133, 244, 0.12);
2783
}
2784
scale slider:focus:hover {
2786
background-color: rgba(66, 133, 244, 0.16);
2787
}
2788
scale slider:active {
2790
transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
2791
animation: scale_ripple_effect 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
2792
background-size: auto, 0% 0%;
2793
background-color: rgba(66, 133, 244, 0.08);
2794
color: rgba(66, 133, 244, 0.12);
2795
}
2796
scale marks label,
2798
scale value {
2799
color: rgba(0, 0, 0, 0.54);
2800
}
2801
scale marks {
2803
color: rgba(0, 0, 0, 0.26);
2804
}
2805
scale marks.top {
2807
margin-bottom: 7px;
2808
margin-top: -15px;
2809
}
2810
scale marks.bottom {
2812
margin-top: 7px;
2813
margin-bottom: -15px;
2814
}
2815
scale marks.left {
2817
margin-right: 7px;
2818
margin-left: -15px;
2819
}
2820
scale marks.right {
2822
margin-left: 7px;
2823
margin-right: -15px;
2824
}
2825
scale.fine-tune marks.top {
2827
margin-bottom: 6px;
2828
margin-top: -14px;
2829
}
2830
scale.fine-tune marks.bottom {
2832
margin-top: 6px;
2833
margin-bottom: -14px;
2834
}
2835
scale.fine-tune marks.left {
2837
margin-right: 6px;
2838
margin-left: -14px;
2839
}
2840
scale.fine-tune marks.right {
2842
margin-left: 6px;
2843
margin-right: -14px;
2844
}
2845
scale.horizontal indicator {
2847
min-height: 8px;
2848
min-width: 1px;
2849
}
2850
scale.vertical indicator {
2852
min-height: 1px;
2853
min-width: 8px;
2854
}
2855
scale.horizontal.marks-before:not(.marks-after) slider {
2857
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%);
2858
}
2859
scale.horizontal.marks-before:not(.marks-after) slider:disabled {
2861
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%);
2862
}
2863
scale.horizontal.marks-after:not(.marks-before) slider {
2865
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%);
2866
}
2867
scale.horizontal.marks-after:not(.marks-before) slider:disabled {
2869
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%);
2870
}
2871
scale.vertical.marks-before:not(.marks-after) slider {
2873
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%);
2874
}
2875
scale.vertical.marks-before:not(.marks-after) slider:disabled {
2877
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%);
2878
}
2879
scale.vertical.marks-after:not(.marks-before) slider {
2881
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%);
2882
}
2883
scale.vertical.marks-after:not(.marks-before) slider:disabled {
2885
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%);
2886
}
2887
scale.color {
2889
min-height: 0;
2890
min-width: 0;
2891
}
2892
scale.color.horizontal {
2894
padding: 0 0 12px 0;
2895
}
2896
scale.color.horizontal slider:dir(ltr), scale.color.horizontal slider:dir(rtl) {
2898
margin-bottom: -24px;
2899
margin-top: 8px;
2900
}
2901
scale.color.vertical:dir(ltr) {
2903
padding: 0 0 0 12px;
2904
}
2905
scale.color.vertical:dir(ltr) slider {
2907
margin-left: -24px;
2908
margin-right: 8px;
2909
}
2910
scale.color.vertical:dir(rtl) {
2912
padding: 0 12px 0 0;
2913
}
2914
scale.color.vertical:dir(rtl) slider {
2916
margin-right: -24px;
2917
margin-left: 8px;
2918
}
2919
/*****************
2921
* Progress bars *
2922
*****************/
2923
progressbar {
2924
color: rgba(0, 0, 0, 0.54);
2925
font-size: smaller;
2926
}
2927
progressbar.horizontal trough,
2929
progressbar.horizontal progress {
2930
min-height: 4px;
2931
}
2932
progressbar.vertical trough,
2934
progressbar.vertical progress {
2935
min-width: 4px;
2936
}
2937
progressbar trough {
2939
background-color: rgba(0, 0, 0, 0.12);
2940
}
2941
progressbar progress {
2943
background-color: #4285F4;
2944
}
2945
progressbar trough.empty progress {
2947
all: unset;
2948
}
2949
/*************
2951
* Level Bar *
2952
*************/
2953
levelbar.horizontal block {
2954
min-height: 4px;
2955
}
2956
levelbar.horizontal.discrete block {
2958
min-width: 32px;
2959
}
2960
levelbar.horizontal.discrete block:not(:last-child) {
2962
margin-right: 2px;
2963
}
2964
levelbar.vertical block {
2966
min-width: 4px;
2967
}
2968
levelbar.vertical.discrete block {
2970
min-height: 32px;
2971
}
2972
levelbar.vertical.discrete block:not(:last-child) {
2974
margin-bottom: 2px;
2975
}
2976
levelbar block.low {
2978
background-color: #FBBC05;
2979
}
2980
levelbar block.high, levelbar block:not(.empty) {
2982
background-color: #4285F4;
2983
}
2984
levelbar block.full {
2986
background-color: #34A853;
2987
}
2988
levelbar block.empty {
2990
background-color: rgba(0, 0, 0, 0.12);
2991
}
2992
/****************
2994
* Print dialog *
2995
*****************/
2996
printdialog paper {
2997
padding: 0;
2998
border: 1px solid rgba(0, 0, 0, 0.12);
2999
background-color: #FFFFFF;
3000
color: rgba(0, 0, 0, 0.87);
3001
}
3002
printdialog .dialog-action-box {
3004
margin: 12px;
3005
}
3006
/**********
3008
* Frames *
3009
**********/
3010
frame > border,
3011
.frame {
3012
margin: 0;
3013
padding: 0;
3014
border: 1px solid rgba(0, 0, 0, 0.12);
3015
border-radius: 0;
3016
box-shadow: none;
3017
}
3018
frame > border.flat,
3020
.frame.flat,
3021
frame.flat > border {
3022
border-style: none;
3023
}
3024
actionbar > revealer > box {
3026
padding: 4px;
3027
border-top: 1px solid rgba(0, 0, 0, 0.12);
3028
}
3029
scrolledwindow viewport.frame {
3031
border-style: none;
3032
}
3033
overshoot.top {
3035
background-image: -gtk-gradient(radial, center top, 0, center top, 0.75, to(rgba(123, 170, 247, 0.3)), to(transparent));
3036
background-repeat: no-repeat;
3037
background-position: center top;
3038
background-color: transparent;
3039
border: none;
3040
box-shadow: none;
3041
}
3042
overshoot.bottom {
3044
background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.75, to(rgba(123, 170, 247, 0.3)), to(transparent));
3045
background-repeat: no-repeat;
3046
background-position: center bottom;
3047
background-color: transparent;
3048
border: none;
3049
box-shadow: none;
3050
}
3051
overshoot.left {
3053
background-image: -gtk-gradient(radial, left center, 0, left center, 0.75, to(rgba(123, 170, 247, 0.3)), to(transparent));
3054
background-repeat: no-repeat;
3055
background-position: left center;
3056
background-color: transparent;
3057
border: none;
3058
box-shadow: none;
3059
}
3060
overshoot.right {
3062
background-image: -gtk-gradient(radial, right center, 0, right center, 0.75, to(rgba(123, 170, 247, 0.3)), to(transparent));
3063
background-repeat: no-repeat;
3064
background-position: right center;
3065
background-color: transparent;
3066
border: none;
3067
box-shadow: none;
3068
}
3069
undershoot.top {
3071
background-color: transparent;
3072
background-image: linear-gradient(to left, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%);
3073
padding-top: 1px;
3074
background-size: 12px 1px;
3075
background-repeat: repeat-x;
3076
background-origin: content-box;
3077
background-position: left top;
3078
}
3079
undershoot.bottom {
3081
background-color: transparent;
3082
background-image: linear-gradient(to left, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%);
3083
padding-bottom: 1px;
3084
background-size: 12px 1px;
3085
background-repeat: repeat-x;
3086
background-origin: content-box;
3087
background-position: left bottom;
3088
}
3089
undershoot.left {
3091
background-color: transparent;
3092
background-image: linear-gradient(to top, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%);
3093
padding-left: 1px;
3094
background-size: 1px 12px;
3095
background-repeat: repeat-y;
3096
background-origin: content-box;
3097
background-position: left top;
3098
}
3099
undershoot.right {
3101
background-color: transparent;
3102
background-image: linear-gradient(to top, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%);
3103
padding-right: 1px;
3104
background-size: 1px 12px;
3105
background-repeat: repeat-y;
3106
background-origin: content-box;
3107
background-position: right top;
3108
}
3109
junction {
3111
border-style: solid none none solid;
3112
border-width: 1px;
3113
border-color: rgba(0, 0, 0, 0.12);
3114
background-color: #FFFFFF;
3115
}
3116
junction:dir(rtl) {
3118
border-style: solid solid none none;
3119
}
3120
separator {
3122
min-width: 1px;
3123
min-height: 1px;
3124
background-color: rgba(0, 0, 0, 0.12);
3125
}
3126
button.font separator,
3129
button.file separator, .tweak-categories separator, preferences stacksidebar.sidebar list separator {
3130
min-width: 0;
3131
min-height: 0;
3132
background-color: transparent;
3133
}
3134
/*********
3136
* Lists *
3137
*********/
3138
list {
3139
border-color: rgba(0, 0, 0, 0.12);
3140
background-color: #FFFFFF;
3141
}
3142
list row {
3144
padding: 2px;
3145
}
3146
row.activatable, .view, treeview.view header button, .budgie-menu button {
3148
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-color 0, color 0, background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
3149
box-shadow: inset 0 0 0 9999px transparent;
3150
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
3151
background-repeat: no-repeat;
3152
background-position: center;
3153
background-size: 1000% 1000%;
3154
}
3155
row.activatable:hover, .view:hover, treeview.view header button:hover, .budgie-menu button:hover {
3157
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-color 0, color 0, box-shadow 0, background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
3158
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
3159
}
3160
row.activatable.has-open-popup, .has-open-popup.view, treeview.view header button.has-open-popup, .budgie-menu button.has-open-popup, row.activatable:active, .view:active, treeview.view header button:active, .budgie-menu button:active {
3162
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-color 0, color 0, background-size 0, background-image 0;
3163
animation: ripple_effect 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
3164
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
3165
background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.12) 10%, transparent 0%);
3166
background-size: 0% 0%;
3167
}
3168
/*********************
3170
* App Notifications *
3171
*********************/
3172
.app-notification {
3173
margin: 8px;
3174
}
3175
.app-notification.frame,
3177
.app-notification border {
3178
border-style: none;
3179
}
3180
/*************
3182
* Expanders *
3183
*************/
3184
expander title > arrow {
3185
transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
3186
min-width: 16px;
3187
min-height: 16px;
3188
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
3189
-gtk-icon-transform: rotate(-90deg);
3190
color: rgba(0, 0, 0, 0.54);
3191
}
3192
expander title > arrow:dir(rtl) {
3194
-gtk-icon-transform: rotate(90deg);
3195
}
3196
expander title > arrow:checked {
3198
-gtk-icon-transform: unset;
3199
}
3200
expander title > arrow:hover, expander title > arrow:active {
3202
color: rgba(0, 0, 0, 0.87);
3203
}
3204
expander title > arrow:disabled {
3206
color: rgba(0, 0, 0, 0.26);
3207
}
3208
expander title > arrow:selected {
3210
color: rgba(255, 255, 255, 0.7);
3211
}
3212
expander title > arrow:selected:hover, expander title > arrow:selected:active {
3214
color: white;
3215
}
3216
expander title > arrow:selected:disabled {
3218
color: rgba(255, 255, 255, 0.3);
3219
}
3220
/************
3222
* Calendar *
3223
************/
3224
calendar {
3225
padding: 1px;
3226
border: 1px solid rgba(0, 0, 0, 0.12);
3227
color: rgba(0, 0, 0, 0.87);
3228
}
3229
calendar:disabled {
3231
color: rgba(0, 0, 0, 0.38);
3232
}
3233
calendar:selected {
3235
border-radius: 5px;
3236
}
3237
calendar.header {
3239
border-style: none none solid;
3240
border-radius: 0;
3241
}
3242
calendar.highlight {
3244
color: rgba(0, 0, 0, 0.54);
3245
font-weight: 500;
3246
}
3247
calendar:indeterminate {
3249
color: rgba(0, 0, 0, 0.26);
3250
}
3251
/***********
3253
* Dialogs *
3254
***********/
3255
messagedialog.background {
3256
background-color: #FFFFFF;
3257
}
3258
messagedialog .titlebar {
3260
min-height: 24px;
3261
border-style: none;
3262
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
3263
background-color: #FFFFFF;
3264
color: rgba(0, 0, 0, 0.87);
3265
}
3266
messagedialog .titlebar:backdrop {
3268
color: rgba(0, 0, 0, 0.54);
3269
}
3270
messagedialog.csd.background {
3272
border-bottom-left-radius: 4px;
3273
border-bottom-right-radius: 4px;
3274
}
3275
messagedialog.csd .dialog-action-area {
3277
margin-top: -4px;
3278
padding: 4px;
3279
}
3280
messagedialog.csd .dialog-action-area button {
3282
border-radius: 4px;
3283
}
3284
messagedialog.csd .dialog-action-area button:not(:last-child) {
3286
margin-right: 4px;
3287
}
3288
messagedialog.csd .dialog-action-area button.suggested-action:not(:disabled) {
3290
color: #4285F4;
3291
}
3292
messagedialog.csd .dialog-action-area button.destructive-action:not(:disabled) {
3294
color: #EA4335;
3295
}
3296
filechooser .dialog-action-box {
3298
border-top: 1px solid rgba(0, 0, 0, 0.12);
3299
}
3300
filechooser #pathbarbox {
3302
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
3303
background-color: #F2F2F2;
3304
}
3305
filechooserbutton:drop(active) {
3307
box-shadow: none;
3308
}
3309
/***********
3311
* Sidebar *
3312
***********/
3313
.sidebar {
3314
border-style: none;
3315
background-color: #FAFAFA;
3316
}
3317
stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left, .sidebar.left:dir(rtl) {
3319
border-right: 1px solid rgba(0, 0, 0, 0.12);
3320
border-left-style: none;
3321
}
3322
stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right {
3324
border-left: 1px solid rgba(0, 0, 0, 0.12);
3325
border-right-style: none;
3326
}
3327
.sidebar list {
3329
background-color: transparent;
3330
}
3331
paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar {
3333
border-style: none;
3334
}
3335
stacksidebar row {
3337
padding: 10px 4px;
3338
}
3339
stacksidebar row > label {
3341
padding-left: 6px;
3342
padding-right: 6px;
3343
}
3344
/****************
3346
* File chooser *
3347
****************/
3348
row image.sidebar-icon {
3349
color: rgba(0, 0, 0, 0.54);
3350
}
3351
row:selected image.sidebar-icon {
3353
color: rgba(255, 255, 255, 0.7);
3354
}
3355
placessidebar > viewport.frame {
3357
border-style: none;
3358
}
3359
placessidebar list {
3361
padding: 1px 0 4px;
3362
}
3363
placessidebar row {
3365
min-height: 32px;
3366
margin: -1px 0;
3367
padding: 0;
3368
}
3369
placessidebar row > revealer {
3371
padding: 0 12px;
3372
}
3373
placessidebar row:selected {
3375
color: white;
3376
}
3377
placessidebar row:disabled {
3379
color: rgba(0, 0, 0, 0.38);
3380
}
3381
placessidebar row image.sidebar-icon:dir(ltr) {
3383
padding-right: 8px;
3384
}
3385
placessidebar row image.sidebar-icon:dir(rtl) {
3387
padding-left: 8px;
3388
}
3389
placessidebar row label.sidebar-label:dir(ltr) {
3391
padding-right: 2px;
3392
}
3393
placessidebar row label.sidebar-label:dir(rtl) {
3395
padding-left: 2px;
3396
}
3397
placessidebar row.sidebar-placeholder-row {
3399
min-height: 2px;
3400
padding: 0 8px;
3401
background-image: image(#4285F4);
3402
background-clip: content-box;
3403
}
3404
placessidebar row.sidebar-new-bookmark-row {
3406
color: #4285F4;
3407
}
3408
placessidebar row:drop(active):not(:disabled) {
3410
box-shadow: inset 0 0 0 2px #4285F4;
3411
}
3412
placesview .server-list-button > image {
3414
-gtk-icon-transform: rotate(0turn);
3415
}
3416
placesview .server-list-button:checked > image {
3418
-gtk-icon-transform: rotate(-0.5turn);
3419
}
3420
placesview > actionbar > revealer > box > label {
3422
padding-left: 8px;
3423
padding-right: 8px;
3424
}
3425
/*********
3427
* Paned *
3428
*********/
3429
paned > separator {
3430
min-width: 1px;
3431
min-height: 1px;
3432
-gtk-icon-source: none;
3433
border-style: none;
3434
background-color: transparent;
3435
background-image: image(rgba(0, 0, 0, 0.12));
3436
background-size: 1px 1px;
3437
background-clip: content-box;
3438
}
3439
paned > separator.wide {
3441
min-width: 6px;
3442
min-height: 6px;
3443
background-color: #F2F2F2;
3444
background-image: image(rgba(0, 0, 0, 0.12)), image(rgba(0, 0, 0, 0.12));
3445
background-size: 1px 1px, 1px 1px;
3446
}
3447
paned.horizontal > separator {
3449
background-repeat: repeat-y;
3450
}
3451
paned.horizontal > separator:dir(ltr) {
3453
margin: 0 -8px 0 0;
3454
padding: 0 8px 0 0;
3455
background-position: left;
3456
}
3457
paned.horizontal > separator:dir(rtl) {
3459
margin: 0 0 0 -8px;
3460
padding: 0 0 0 8px;
3461
background-position: right;
3462
}
3463
paned.horizontal > separator.wide {
3465
margin: 0;
3466
padding: 0;
3467
background-repeat: repeat-y, repeat-y;
3468
background-position: left, right;
3469
}
3470
paned.vertical > separator {
3472
margin: 0 0 -8px 0;
3473
padding: 0 0 8px 0;
3474
background-repeat: repeat-x;
3475
background-position: top;
3476
}
3477
paned.vertical > separator.wide {
3479
margin: 0;
3480
padding: 0;
3481
background-repeat: repeat-x, repeat-x;
3482
background-position: bottom, top;
3483
}
3484
/**************
3486
* GtkInfoBar *
3487
**************/
3488
infobar {
3489
border-style: none;
3490
}
3491
infobar.info {
3493
background-color: #34A853;
3494
}
3495
infobar.question {
3497
background-color: #4285F4;
3498
}
3499
infobar.warning {
3501
background-color: #FBBC05;
3502
}
3503
infobar.error {
3505
background-color: #EA4335;
3506
}
3507
infobar.info > label, infobar.info, infobar.question > label, infobar.question, infobar.warning > label, infobar.warning, infobar.error > label, infobar.error {
3509
color: white;
3510
}
3511
/************
3513
* Tooltips *
3514
************/
3515
tooltip {
3516
border-radius: 4px;
3517
box-shadow: none;
3518
}
3519
tooltip.background {
3521
background-color: rgba(97, 97, 97, 0.9);
3522
color: white;
3523
}
3524
tooltip decoration {
3526
background-color: transparent;
3527
}
3528
tooltip label {
3530
min-height: 20px;
3531
padding: 0 2px;
3532
}
3533
/*****************
3535
* Color Chooser *
3536
*****************/
3537
colorswatch.top {
3538
border-top-left-radius: 4.5px;
3539
border-top-right-radius: 4.5px;
3540
}
3541
colorswatch.top overlay {
3543
border-top-left-radius: 4px;
3544
border-top-right-radius: 4px;
3545
}
3546
colorswatch.bottom {
3548
border-bottom-left-radius: 4.5px;
3549
border-bottom-right-radius: 4.5px;
3550
}
3551
colorswatch.bottom overlay {
3553
border-bottom-left-radius: 4px;
3554
border-bottom-right-radius: 4px;
3555
}
3556
colorswatch.left, colorswatch:first-child:not(.top) {
3558
border-top-left-radius: 4.5px;
3559
border-bottom-left-radius: 4.5px;
3560
}
3561
colorswatch.left overlay, colorswatch:first-child:not(.top) overlay {
3563
border-top-left-radius: 4px;
3564
border-bottom-left-radius: 4px;
3565
}
3566
colorswatch.right, colorswatch:last-child:not(.bottom) {
3568
border-top-right-radius: 4.5px;
3569
border-bottom-right-radius: 4.5px;
3570
}
3571
colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay {
3573
border-top-right-radius: 4px;
3574
border-bottom-right-radius: 4px;
3575
}
3576
colorswatch.dark {
3578
color: white;
3579
}
3580
colorswatch.light {
3582
color: rgba(0, 0, 0, 0.87);
3583
}
3584
colorswatch:drop(active) {
3586
box-shadow: none;
3587
}
3588
colorswatch:drop(active).light overlay {
3590
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;
3591
}
3592
colorswatch:drop(active).dark overlay {
3594
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;
3595
}
3596
colorswatch overlay {
3598
transition: box-shadow 100ms cubic-bezier(0, 0, 0.2, 1);
3599
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
3600
}
3601
colorswatch overlay:hover {
3603
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
3604
}
3605
colorswatch#add-color-button {
3607
border-radius: 4px 4px 0 0;
3608
color: white;
3609
}
3610
colorswatch#add-color-button:only-child {
3612
border-radius: 4px;
3613
}
3614
colorswatch#add-color-button overlay {
3616
background-image: linear-gradient(to right, #EA4335 25%, #FBBC05 25%, #FBBC05 50%, #34A853 50%, #34A853 75%, #4285F4 75%);
3617
}
3618
colorswatch:disabled {
3620
opacity: 0.5;
3621
}
3622
colorswatch:disabled overlay {
3624
box-shadow: none;
3625
}
3626
colorswatch#editor-color-sample {
3628
border-radius: 4.5px;
3629
}
3630
colorswatch#editor-color-sample overlay {
3632
border-radius: 4px;
3633
}
3634
colorchooser .popover.osd {
3636
transition: box-shadow 100ms cubic-bezier(0, 0, 0.2, 1);
3637
border-radius: 4px;
3638
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);
3639
background-color: #FFFFFF;
3640
}
3641
colorchooser .popover.osd:backdrop {
3643
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);
3644
}
3645
/********
3647
* Misc *
3648
********/
3649
.content-view {
3650
background-color: #F2F2F2;
3651
}
3652
/**********************
3654
* Window Decorations *
3655
**********************/
3656
decoration {
3657
transition: box-shadow 100ms cubic-bezier(0, 0, 0.2, 1);
3658
border-radius: 4px 4px 0 0;
3659
box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22), 0 16px 16px transparent;
3660
margin: 8px;
3661
}
3662
decoration:backdrop {
3664
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), 0 16px 16px transparent;
3665
}
3666
.maximized decoration,
3668
.fullscreen decoration,
3669
.tiled decoration,
3670
.tiled-top decoration,
3671
.tiled-right decoration,
3672
.tiled-bottom decoration,
3673
.tiled-left decoration {
3674
border-radius: 0;
3675
}
3676
.popup decoration {
3678
box-shadow: none;
3679
}
3680
.ssd decoration {
3682
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16);
3683
}
3684
.csd.popup decoration {
3686
border-radius: 4px;
3687
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
3688
}
3689
tooltip.csd decoration {
3691
border-radius: 4px;
3692
box-shadow: none;
3693
}
3694
messagedialog.csd decoration {
3696
border-radius: 4px;
3697
}
3698
.solid-csd decoration {
3700
margin: 0;
3701
border-radius: 0;
3702
box-shadow: none;
3703
background-color: #383838;
3704
}
3705
.view selection, .view:selected, flowbox flowboxchild:selected, spinbutton:not(.vertical) selection,
3707
entry selection, modelbutton.flat:selected,
3708
.menuitem.button.flat:selected, popover.background.menu button:checked,
3709
popover.background button.model:checked, row:selected, calendar:selected, text:selected, .budgie-menu button:checked, XfdesktopIconView.view:active {
3710
background-color: #4285F4;
3711
}
3712
row:selected label, label:selected, .view selection, .view:selected, flowbox flowboxchild:selected, spinbutton:not(.vertical) selection,
3714
entry selection, modelbutton.flat:selected,
3715
.menuitem.button.flat:selected, popover.background.menu button:checked,
3716
popover.background button.model:checked, row:selected, calendar:selected, text:selected, .budgie-menu button:checked, XfdesktopIconView.view:active {
3717
color: white;
3718
}
3719
row:selected label:disabled, label:disabled:selected, .view selection:disabled, .view:disabled:selected, flowbox flowboxchild:disabled:selected, label:disabled selection, spinbutton:not(.vertical) selection:disabled,
3721
entry selection:disabled, modelbutton.flat:disabled:selected,
3722
.menuitem.button.flat:disabled:selected, popover.background.menu button:disabled:checked,
3723
popover.background button.model:disabled:checked, row:disabled:selected, calendar:disabled:selected, text:disabled:selected, .budgie-menu button:disabled:checked, XfdesktopIconView.view:disabled:active {
3724
color: rgba(255, 255, 255, 0.5);
3725
}
3726
.monospace {
3728
font-family: monospace;
3729
}
3730
/**********************
3732
* Touch Copy & Paste *
3733
**********************/
3734
cursor-handle {
3735
border-radius: 9999px;
3736
background-color: #4285F4;
3737
background-image: none;
3738
}
3739
cursor-handle.top:dir(ltr), cursor-handle.bottom:dir(rtl) {
3741
padding-left: 6px;
3742
border-top-right-radius: 0;
3743
}
3744
cursor-handle.bottom:dir(ltr), cursor-handle.top:dir(rtl) {
3746
padding-right: 6px;
3747
border-top-left-radius: 0;
3748
}
3749
cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) {
3751
-GtkWidget-text-handle-width: 24;
3752
-GtkWidget-text-handle-height: 30;
3753
-gtk-icon-source: -gtk-scaled(url("assets/scale-horz-marks-before-slider.png"), url("assets/scale-horz-marks-before-slider@2.png"));
3754
}
3755
.context-menu {
3757
font: initial;
3758
}
3759
.keycap {
3761
min-width: 12px;
3762
min-height: 26px;
3763
margin-top: 2px;
3764
padding-bottom: 2px;
3765
padding-left: 8px;
3766
padding-right: 8px;
3767
border: solid 1px rgba(0, 0, 0, 0.12);
3768
border-radius: 5px;
3769
box-shadow: inset 0 -2px rgba(0, 0, 0, 0.12);
3770
background-color: #FFFFFF;
3771
color: rgba(0, 0, 0, 0.87);
3772
font-size: smaller;
3773
}
3774
:not(decoration):not(window):drop(active) {
3776
transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
3777
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;
3778
caret-color: #4285F4;
3779
}
3780
stackswitcher button.text-button {
3782
min-width: 100px;
3783
}
3784
stackswitcher button.circular,
3786
stackswitcher button.text-button.circular {
3787
min-width: 32px;
3788
min-height: 32px;
3789
padding: 0;
3790
}
3791
/*********
3793
* Emoji *
3794
*********/
3795
popover.emoji-picker {
3796
padding: 0;
3797
}
3798
popover.emoji-picker entry {
3800
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
3801
border-radius: 0;
3802
box-shadow: none;
3803
background-color: transparent;
3804
}
3805
popover.emoji-picker scrolledwindow {
3807
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
3808
}
3809
button.emoji-section {
3811
margin-top: -1px;
3812
padding: 0 8px;
3813
min-width: 24px;
3814
min-height: 32px;
3815
border-radius: 0;
3816
outline-offset: -6px;
3817
}
3818
button.emoji-section, button.emoji-section:hover, button.emoji-section:active {
3820
box-shadow: inset 0 2px transparent;
3821
}
3822
button.emoji-section:checked {
3824
box-shadow: inset 0 2px #4285F4;
3825
background-color: transparent;
3826
}
3827
button.emoji-section:hover, button.emoji-section:active {
3829
background-color: alpha(currentColor, 0.08);
3830
}
3831
button.emoji-section:first-child {
3833
margin-left: 4px;
3834
}
3835
button.emoji-section:last-child {
3837
margin-right: 4px;
3838
}
3839
.emoji {
3841
min-width: 3em;
3842
min-height: 3em;
3843
padding: 0 8px;
3844
}
3845
.emoji widget {
3847
transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
3848
border-radius: 4px;
3849
}
3850
.emoji widget:hover {
3852
background-color: alpha(currentColor, 0.08);
3853
}
3854
/************
3856
* Nautilus *
3857
************/
3858
.nautilus-window,
3859
.nautilus-window notebook,
3860
.nautilus-window notebook > stack {
3861
background-color: #FFFFFF;
3862
}
3863
.nautilus-canvas-item.dim-label, label.nautilus-canvas-item.separator, .titlebar:not(headerbar) .nautilus-canvas-item.subtitle,
3865
headerbar .nautilus-canvas-item.subtitle, .budgie-notification .nautilus-canvas-item.notification-body, .budgie-switcher .nautilus-canvas-item.notification-body,
3866
.nautilus-list-dim-label {
3867
color: rgba(0, 0, 0, 0.54);
3868
}
3869
.nautilus-canvas-item.dim-label:selected, label.nautilus-canvas-item.separator:selected, .titlebar:not(headerbar) .nautilus-canvas-item.subtitle:selected,
3871
headerbar .nautilus-canvas-item.subtitle:selected, .budgie-notification .nautilus-canvas-item.notification-body:selected, .budgie-switcher .nautilus-canvas-item.notification-body:selected,
3872
.nautilus-list-dim-label:selected {
3873
color: rgba(255, 255, 255, 0.7);
3874
}
3875
.nautilus-desktop.nautilus-canvas-item:not(:selected), .caja-desktop.caja-canvas-item:not(:selected), .nemo-desktop.nemo-canvas-item:not(:selected) {
3877
color: white;
3878
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
3879
}
3880
@keyframes needs_attention_keyframes {
3882
to {
3883
background-color: alpha(currentColor, 0.12);
3884
}
3885
}
3886
.nautilus-operations-button-needs-attention {
3888
animation: needs_attention_keyframes 225ms cubic-bezier(0.4, 0, 0.2, 1) 2 alternate;
3889
}
3890
.nautilus-operations-button-needs-attention-multiple {
3892
animation: needs_attention_keyframes 225ms cubic-bezier(0.4, 0, 0.2, 1) 4 alternate;
3893
}
3894
.path-bar-box.background.frame {
3896
border-style: none;
3897
background-color: transparent;
3898
}
3899
.nautilus-window .floating-bar {
3901
min-height: 32px;
3902
padding: 0;
3903
border-style: solid solid none;
3904
border-width: 1px;
3905
border-color: rgba(0, 0, 0, 0.12);
3906
border-radius: 5px 5px 0 0;
3907
background-color: rgba(255, 255, 255, 0.9);
3908
background-clip: padding-box;
3909
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), border-width 0;
3910
}
3911
.nautilus-window .floating-bar.bottom.left {
3913
margin-right: 7px;
3914
border-left-style: none;
3915
border-top-left-radius: 0;
3916
}
3917
.nautilus-window .floating-bar.bottom.right {
3919
margin-left: 7px;
3920
border-right-style: none;
3921
border-top-right-radius: 0;
3922
}
3923
.nautilus-window .floating-bar button {
3925
margin: 4px;
3926
}
3927
.disk-space-display.unknown {
3929
background-color: rgba(0, 0, 0, 0.26);
3930
color: rgba(0, 0, 0, 0.26);
3931
}
3932
.disk-space-display.used {
3934
background-color: #4285F4;
3935
color: #4285F4;
3936
}
3937
.disk-space-display.free {
3939
background-color: rgba(0, 0, 0, 0.12);
3940
color: rgba(0, 0, 0, 0.12);
3941
}
3942
.search-information {
3944
padding: 2px;
3945
background-color: #4285F4;
3946
color: white;
3947
}
3948
.conflict-row:not(:selected) {
3950
background-color: #feebb4;
3951
}
3952
.nautilus-window flowboxchild .icon-item-background {
3954
padding: 4px;
3955
border-radius: 4px;
3956
}
3957
.nautilus-window flowboxchild:selected {
3959
background-color: transparent;
3960
}
3961
.nautilus-window flowboxchild:selected .icon-item-background {
3963
background-color: #4285F4;
3964
}
3965
dialog.background > box.dialog-vbox.vertical > grid.horizontal > scrolledwindow.frame {
3967
border-style: none;
3968
}
3969
dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child {
3971
margin: -6px 0 0 -6px;
3972
border-top: 1px solid rgba(0, 0, 0, 0.12);
3973
}
3974
dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child > label {
3976
margin: 0 8px;
3977
}
3978
dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child > box > button {
3980
border-radius: 0;
3981
}
3982
.nautilus-window > popover.menu:not(:last-child) {
3984
padding: 3px;
3985
}
3986
.nautilus-window > popover.menu:not(:last-child) > stack > box > box > box {
3988
margin-top: -6px;
3989
}
3990
.nautilus-window > popover.menu:not(:last-child) > stack > box > box > box > box {
3992
margin-bottom: -6px;
3993
}
3994
.nautilus-window > popover.menu:not(:last-child) > stack > box > box > box > box.linked {
3996
margin-top: 1px;
3997
}
3998
.nautilus-window > popover.menu:not(:last-child) separator {
4000
margin-bottom: -2px;
4001
}
4002
.nautilus-menu-sort-heading {
4004
margin: 1px 3px;
4005
font-weight: 500;
4006
}
4007
.nautilus-menu-sort-heading:disabled {
4009
color: rgba(0, 0, 0, 0.54);
4010
}
4011
.nautilus-window paned > separator {
4013
background-color: #F2F2F2;
4014
}
4015
/*********
4017
* gedit *
4018
*********/
4019
.open-document-selector-path-label {
4020
color: rgba(0, 0, 0, 0.54);
4021
font-size: smaller;
4022
}
4023
.open-document-selector-path-label:selected {
4025
color: rgba(255, 255, 255, 0.7);
4026
}
4027
.gedit-document-panel {
4029
background-color: #FAFAFA;
4030
}
4031
.gedit-document-panel row button.flat {
4033
margin-top: 8px;
4034
margin-bottom: 8px;
4035
}
4036
.gedit-document-panel-group-row:not(:first-child) {
4038
border-top: 1px solid rgba(0, 0, 0, 0.12);
4039
}
4040
.gedit-side-panel-paned statusbar {
4042
border-top: 1px solid rgba(0, 0, 0, 0.12);
4043
}
4044
.gedit-search-slider {
4046
margin: 4px 4px 8px;
4047
}
4048
.gedit-search-slider .linked:not(.vertical) > entry {
4050
border-radius: 4px;
4051
}
4052
.gedit-search-slider .linked:not(.vertical) > entry .gedit-search-entry-occurrences-tag {
4054
all: unset;
4055
color: rgba(0, 0, 0, 0.54);
4056
}
4057
.gedit-search-slider .linked:not(.vertical) > entry:dir(ltr) {
4059
margin-right: -60px;
4060
padding-right: 60px;
4061
}
4062
.gedit-search-slider .linked:not(.vertical) > entry:dir(ltr) .gedit-search-entry-occurrences-tag {
4064
margin-left: 4px;
4065
}
4066
.gedit-search-slider .linked:not(.vertical) > entry:dir(ltr) image.right {
4068
margin-right: 0;
4069
}
4070
.gedit-search-slider .linked:not(.vertical) > entry:dir(rtl) {
4072
margin-left: -60px;
4073
padding-left: 60px;
4074
}
4075
.gedit-search-slider .linked:not(.vertical) > entry:dir(rtl) .gedit-search-entry-occurrences-tag {
4077
margin-right: 4px;
4078
}
4079
.gedit-search-slider .linked:not(.vertical) > entry:dir(rtl) image.left {
4081
margin-left: 0;
4082
}
4083
.gedit-search-slider .linked:not(.vertical) > entry:not(.error) {
4085
background-color: #FFFFFF;
4086
}
4087
.gedit-search-slider .linked:not(.vertical) > entry.error ~ button {
4089
color: rgba(255, 255, 255, 0.7);
4090
}
4091
.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:hover, .gedit-search-slider .linked:not(.vertical) > entry.error ~ button:active {
4093
color: white;
4094
}
4095
.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:disabled {
4097
color: rgba(255, 255, 255, 0.3);
4098
}
4099
.gedit-search-slider .linked > button {
4101
border: solid 4px transparent;
4102
border-radius: 9999px;
4103
}
4104
.gedit-search-slider .linked > button:last-child:dir(ltr), .gedit-search-slider .linked > button:not(:first-child):dir(rtl) {
4106
margin-left: -2px;
4107
}
4108
.gedit-search-slider .linked > button:first-child:dir(rtl), .gedit-search-slider .linked > button:not(:last-child):dir(ltr) {
4110
margin-right: -2px;
4111
}
4112
frame.gedit-map-frame > border:dir(ltr) {
4114
border-style: none none none solid;
4115
}
4116
frame.gedit-map-frame > border:dir(rtl) {
4118
border-style: none solid none none;
4119
}
4120
/**********
4122
* Tweaks *
4123
**********/
4124
.tweak-categories {
4125
background-image: image(#FAFAFA);
4126
}
4127
.tweak {
4129
padding: 3px;
4130
}
4131
.tweak.title:hover {
4133
box-shadow: none;
4134
}
4135
.tweak-group-white,
4137
.tweak-white,
4138
.tweak-white:hover {
4139
background-image: image(#FFFFFF);
4140
}
4141
.tweak-startup,
4143
.tweak-startup:hover {
4144
background-image: image(#FFFFFF);
4145
}
4146
.tweak-group-startup {
4148
background-image: image(#FFFFFF);
4149
border: 1px solid rgba(0, 0, 0, 0.12);
4150
}
4151
row#Focus,
4153
row#ClickMethod,
4154
row#StaticWorkspaceTweak,
4155
row#dynamic-workspaces,
4156
row#PrimaryWorkspaceTweak,
4157
row#workspaces-only-on-primary {
4158
padding: 0;
4159
border: 1px solid rgba(0, 0, 0, 0.12);
4160
}
4161
row#Focus row:not(:last-child),
4163
row#ClickMethod row:not(:last-child),
4164
row#StaticWorkspaceTweak row:not(:last-child),
4165
row#dynamic-workspaces row:not(:last-child),
4166
row#PrimaryWorkspaceTweak row:not(:last-child),
4167
row#workspaces-only-on-primary row:not(:last-child) {
4168
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4169
}
4170
row#Focus.tweak > list,
4172
row#ClickMethod.tweak > list,
4173
row#StaticWorkspaceTweak.tweak > list,
4174
row#dynamic-workspaces.tweak > list,
4175
row#PrimaryWorkspaceTweak.tweak > list,
4176
row#workspaces-only-on-primary.tweak > list {
4177
margin-top: -3px;
4178
}
4179
row#Focus,
4181
row#ClickMethod,
4182
row#PrimaryWorkspaceTweak,
4183
row#workspaces-only-on-primary {
4184
margin-top: 4px;
4185
}
4186
/***********
4188
* Builder *
4189
***********/
4190
layouttabbar {
4191
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4192
background-color: #F2F2F2;
4193
}
4194
layouttabbar > box > button {
4196
margin: 4px 0;
4197
}
4198
layouttab {
4200
margin: 0 8px;
4201
border-style: none solid;
4202
border-width: 1px;
4203
border-color: rgba(0, 0, 0, 0.12);
4204
box-shadow: inset 0 -2px #4285F4;
4205
background-color: #FFFFFF;
4206
}
4207
layouttab separator.vertical {
4209
margin: 8px 4px;
4210
}
4211
layouttab button.text-button, layouttab button.image-button, layouttab button {
4213
margin-top: 8px;
4214
margin-bottom: 8px;
4215
padding: 0 4px;
4216
}
4217
layout {
4219
border: 1px solid rgba(0, 0, 0, 0.12);
4220
-PnlDockBin-handle-size: 1;
4221
}
4222
entry.search-missing {
4224
background-color: #EA4335;
4225
color: white;
4226
}
4227
window.workbench treeview.image {
4229
color: rgba(0, 0, 0, 0.54);
4230
}
4231
window.workbench treeview.image:selected {
4233
color: rgba(255, 255, 255, 0.7);
4234
}
4235
popover.popover-selector list {
4237
padding: 6px;
4238
}
4239
popover.popover-selector list row {
4241
border-radius: 4px;
4242
}
4243
popover.popover-selector list row image:dir(ltr) {
4245
margin-right: 6px;
4246
}
4247
popover.popover-selector list row image:dir(rtl) {
4249
margin-left: 6px;
4250
}
4251
popover.popover-selector list row .accel:dir(ltr) {
4253
margin-left: 6px;
4254
}
4255
popover.popover-selector list row .accel:dir(rtl) {
4257
margin-right: 6px;
4258
}
4259
omnibar.linked:not(.vertical) entry {
4261
border-radius: 4px;
4262
}
4263
omnibar:not(:hover):not(:active) entry {
4265
color: rgba(0, 0, 0, 0.54);
4266
}
4267
popover.omnibar list row:not(:last-child) {
4269
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4270
}
4271
entry.preferences-search {
4273
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12);
4274
background-color: #FFFFFF;
4275
}
4276
preferences stacksidebar.sidebar list {
4278
background-color: #FAFAFA;
4279
}
4280
preferences stacksidebar.sidebar:dir(ltr) list, preferences stacksidebar.sidebar:dir(rtl) list {
4282
border-style: none;
4283
}
4284
preferences > box > box:dir(ltr) {
4286
border-right: 1px solid rgba(0, 0, 0, 0.12);
4287
}
4288
preferences > box > box:dir(rtl) {
4290
border-left: 1px solid rgba(0, 0, 0, 0.12);
4291
}
4292
popover.messagepopover.background {
4294
padding: 0;
4295
}
4296
popover.messagepopover .popover-action-area button {
4298
padding: 8px 16px;
4299
border-top: 1px solid rgba(0, 0, 0, 0.12);
4300
border-radius: 0;
4301
}
4302
popover.messagepopover .popover-action-area button:first-child {
4304
border-bottom-left-radius: 4px;
4305
}
4306
popover.messagepopover .popover-action-area button:last-child {
4308
border-bottom-right-radius: 4px;
4309
}
4310
popover.messagepopover .popover-content-area {
4312
margin: 16px;
4313
}
4314
popover.transfers list {
4316
background-color: transparent;
4317
}
4318
popover.transfers list row:not(:first-child) {
4320
border-top: 1px solid rgba(0, 0, 0, 0.12);
4321
}
4322
popover.transfers list row > box {
4324
padding: 10px;
4325
}
4326
dockbin {
4328
border: 1px solid rgba(0, 0, 0, 0.12);
4329
-PnlDockBin-handle-size: 1;
4330
}
4331
dockpaned {
4333
border: 1px solid rgba(0, 0, 0, 0.12);
4334
}
4335
eggsearchbar box.search-bar {
4337
padding: 0 8px;
4338
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4339
background-color: #F2F2F2;
4340
}
4341
docktabstrip {
4343
padding: 0 8px;
4344
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4345
background-color: #F2F2F2;
4346
}
4347
docktab {
4349
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
4350
min-height: 24px;
4351
min-width: 24px;
4352
margin-bottom: -1px;
4353
padding: 4px 6px;
4354
outline-offset: -6px;
4355
border-width: 1px;
4356
border-color: transparent;
4357
box-shadow: inset 0 -2px transparent;
4358
background-image: radial-gradient(circle farthest-corner at center, #4285F4 10%, transparent 0%);
4359
background-repeat: no-repeat;
4360
background-position: center;
4361
background-size: 0% 0%;
4362
color: rgba(0, 0, 0, 0.54);
4363
font-weight: 500;
4364
}
4365
docktab:hover {
4367
background-color: alpha(currentColor, 0.08);
4368
color: rgba(0, 0, 0, 0.87);
4369
}
4370
docktab:checked {
4372
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);
4373
box-shadow: inset 0 -2px #4285F4;
4374
background-color: transparent;
4375
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
4376
background-size: 1000% 1000%;
4377
color: rgba(0, 0, 0, 0.87);
4378
}
4379
dockoverlayedge {
4381
background-color: #F2F2F2;
4382
}
4383
dockoverlayedge docktabstrip {
4385
padding: 0;
4386
border: none;
4387
}
4388
dockoverlayedge.left-edge docktab:hover {
4390
box-shadow: inset -2px 0 rgba(0, 0, 0, 0.26);
4391
}
4392
dockoverlayedge.left-edge docktab:checked {
4394
box-shadow: inset -2px 0 #4285F4;
4395
}
4396
dockoverlayedge.right-edge docktab:hover {
4398
box-shadow: inset 2px 0 rgba(0, 0, 0, 0.26);
4399
}
4400
dockoverlayedge.right-edge docktab:checked {
4402
box-shadow: inset 2px 0 #4285F4;
4403
}
4404
pillbox {
4406
background-color: #F2F2F2;
4407
border-radius: 4px;
4408
}
4409
layoutpane entry.search {
4411
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12);
4412
background-color: #FFFFFF;
4413
}
4414
editortweak entry.search {
4416
margin-bottom: -1px;
4417
box-shadow: none;
4418
}
4419
.gb-search-entry-occurrences-tag {
4421
box-shadow: none;
4422
background-color: transparent;
4423
}
4424
docktabstrip {
4426
min-height: 39px;
4427
}
4428
window.workbench preferences preferencesgroup list entry {
4430
padding-top: 8px;
4431
padding-bottom: 8px;
4432
}
4433
button.run-arrow-button {
4435
padding-left: 8px;
4436
padding-right: 8px;
4437
}
4438
button.dzlmenubutton image {
4440
min-width: 26px;
4441
}
4442
button.dzlmenubutton image.arrow {
4444
min-width: 23px;
4445
}
4446
button.dzlmenubuttonitem {
4448
color: rgba(0, 0, 0, 0.87);
4449
font-weight: normal;
4450
}
4451
button.dzlmenubuttonitem:disabled {
4453
color: rgba(0, 0, 0, 0.38);
4454
}
4455
idelayoutstackheader {
4457
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4458
}
4459
idelayoutstackheader button:checked {
4461
color: rgba(0, 0, 0, 0.87);
4462
}
4463
ideeditorutilities > dzldockpaned > box > stackswitcher {
4465
padding: 8px 0;
4466
background-color: #F2F2F2;
4467
}
4468
ideeditorutilities > dzldockpaned > box > stackswitcher:dir(ltr) {
4470
border-right: 1px solid rgba(0, 0, 0, 0.12);
4471
}
4472
ideeditorutilities > dzldockpaned > box > stackswitcher:dir(rtl) {
4474
border-left: 1px solid rgba(0, 0, 0, 0.12);
4475
}
4476
ideeditorutilities > dzldockpaned > box > stackswitcher button {
4478
border-radius: 0;
4479
outline-offset: -6px;
4480
box-shadow: none;
4481
background-color: transparent;
4482
}
4483
ideeditorutilities > dzldockpaned > box > stackswitcher button:active {
4485
background-image: radial-gradient(circle farthest-corner at center, rgba(66, 133, 244, 0.7) 10%, transparent 0%);
4486
}
4487
ideeditorutilities > dzldockpaned > box > stackswitcher button:checked {
4489
background-color: transparent;
4490
color: rgba(0, 0, 0, 0.87);
4491
}
4492
ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr) {
4494
margin-right: -1px;
4495
}
4496
ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):hover {
4498
box-shadow: inset -2px 0 rgba(0, 0, 0, 0.26);
4499
}
4500
ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):active, ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):checked {
4502
box-shadow: inset -2px 0 #4285F4;
4503
}
4504
ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl) {
4506
margin-left: -1px;
4507
}
4508
ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):hover {
4510
box-shadow: inset 2px 0 rgba(0, 0, 0, 0.26);
4511
}
4512
ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):active, ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):checked {
4514
box-shadow: inset 2px 0 #4285F4;
4515
}
4516
ideeditorsidebar notebook header {
4518
background: transparent;
4519
}
4520
popover.messagepopover list {
4522
border: 1px solid rgba(0, 0, 0, 0.12);
4523
}
4524
popover.messagepopover list row:not(:last-child) {
4526
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4527
}
4528
/**********
4530
* Photos *
4531
**********/
4532
GdMainIconView.content-view {
4533
-GdMainIconView-icon-size: 48;
4534
}
4535
.documents-counter {
4537
margin: 8px;
4538
border-radius: 9999px;
4539
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
4540
background-color: #4285F4;
4541
color: white;
4542
font-weight: bold;
4543
}
4544
.documents-scrolledwin.frame {
4546
border-style: none;
4547
}
4548
.documents-scrolledwin.frame frame.content-view > border {
4550
border-style: none;
4551
}
4552
.photos-fade-in {
4554
opacity: 1;
4555
transition: opacity 100ms cubic-bezier(0, 0, 0.2, 1);
4556
}
4557
.photos-fade-out {
4559
opacity: 0;
4560
transition: opacity 100ms cubic-bezier(0, 0, 0.2, 1);
4561
}
4562
overlay grid.horizontal > revealer > scrolledwindow.frame:dir(ltr) {
4564
border-style: none none none solid;
4565
}
4566
overlay grid.horizontal > revealer > scrolledwindow.frame:dir(rtl) {
4568
border-style: none solid none none;
4569
}
4570
/*********
4572
* Music *
4573
*********/
4574
.side-panel:dir(ltr) {
4575
border-style: solid;
4576
border-color: rgba(0, 0, 0, 0.12);
4577
}
4578
.side-panel:dir(rtl) {
4580
border-style: solid;
4581
border-color: rgba(0, 0, 0, 0.12);
4582
}
4583
.side-panel .view {
4585
background-image: image(#FAFAFA);
4586
}
4587
.side-panel .view:hover {
4589
background-image: image(rgba(240, 240, 240, 0.9935));
4590
}
4591
.side-panel .view:selected {
4593
background-image: image(#4285F4);
4594
}
4595
.side-panel .view:selected:hover {
4597
background-image: image(#4b8bf5);
4598
}
4599
.songs-list:hover {
4601
background-image: image(alpha(currentColor, 0.08));
4602
}
4603
frame.documents-dropdown {
4605
margin: 8px;
4606
}
4607
frame.documents-dropdown > border {
4609
border: none;
4610
}
4611
box.vertical > revealer > toolbar.search-bar {
4613
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4614
background-clip: border-box;
4615
}
4616
box.vertical > revealer > toolbar.search-bar button > widget {
4618
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
4619
}
4620
/*********
4622
* To Do *
4623
*********/
4624
task-list-view taskrow {
4625
transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
4626
margin: 0 -8px;
4627
}
4628
task-list-view taskrow:hover {
4630
transition: none;
4631
}
4632
task-list-view taskrow label {
4634
margin: 0 8px;
4635
}
4636
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,
4638
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 {
4639
min-width: 16px;
4640
}
4641
task-list-view > box > revealer > box > button {
4643
margin: -4px;
4644
}
4645
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,
4647
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 {
4648
opacity: 1;
4649
}
4650
tasklistview taskrow {
4652
outline: none;
4653
}
4654
tasklistview taskrow entry, tasklistview taskrow entry:focus, tasklistview taskrow entry:disabled {
4656
box-shadow: none;
4657
}
4658
tasklistview taskrow image.dim-label, tasklistview taskrow .titlebar:not(headerbar) image.subtitle, .titlebar:not(headerbar) tasklistview taskrow image.subtitle,
4660
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 {
4661
min-width: 16px;
4662
}
4663
tasklistview > box > revealer > box > button {
4665
margin: -4px;
4666
}
4667
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,
4669
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 {
4670
opacity: 1;
4671
}
4672
/*******
4674
* eog *
4675
*******/
4676
#eog-thumb-nav scrolledwindow {
4677
border-top: none;
4678
}
4679
#eog-thumb-nav button {
4681
-gtk-outline-radius: 4px;
4682
}
4683
/*************
4685
* Evolution *
4686
*************/
4687
frame.taskbar > border {
4688
border-style: solid none none;
4689
}
4690
box.vertical > paned.horizontal notebook widget .frame {
4692
border-style: none;
4693
}
4694
/********
4696
* gitg *
4697
********/
4698
frame.commit-frame > border {
4699
border-style: solid none none;
4700
}
4701
/**************
4703
* Characters *
4704
**************/
4705
box.dialog-vbox scrolledwindow.related {
4706
border: 1px solid rgba(0, 0, 0, 0.12);
4707
}
4708
list.categories {
4710
background-image: image(#FAFAFA);
4711
}
4712
/*********
4714
* Boxes *
4715
*********/
4716
.transparent-bg + stack overlay > label {
4717
min-height: 24px;
4718
padding: 0 4px;
4719
border-radius: 4px;
4720
background-color: rgba(0, 0, 0, 0.6);
4721
color: white;
4722
}
4723
/**************
4725
* Calculator *
4726
**************/
4727
button.title label {
4728
min-height: 32px;
4729
}
4730
/*********
4732
* Geary *
4733
*********/
4734
.geary-titlebar-left:dir(ltr) {
4735
margin-right: 5px;
4736
padding-right: 0;
4737
}
4738
.geary-titlebar-left:dir(rtl) {
4740
margin-left: 5px;
4741
padding-left: 0;
4742
}
4743
.geary-titlebar-left > separator {
4745
background-color: rgba(0, 0, 0, 0.05);
4746
}
4747
.geary-titlebar-right:dir(ltr) {
4749
margin-left: -5px;
4750
}
4751
.geary-titlebar-right:dir(rtl) {
4753
margin-right: -5px;
4754
}
4755
/*********
4757
* Tilix *
4758
*********/
4759
overlay > revealer.left > scrolledwindow.frame,
4760
overlay > revealer.right > scrolledwindow.frame {
4761
border-style: none;
4762
box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22);
4763
}
4764
overlay > revealer.left > scrolledwindow.frame {
4766
margin-right: 32px;
4767
}
4768
overlay > revealer.right > scrolledwindow.frame {
4770
margin-left: 32px;
4771
}
4772
.terminix-session-sidebar,
4774
.tilix-session-sidebar {
4775
background-image: image(#FFFFFF);
4776
}
4777
.terminal-titlebar button {
4779
border-radius: 0;
4780
}
4781
button.image-button.session-new-button {
4783
min-width: 28px;
4784
}
4785
/**************
4787
* Terminator *
4788
**************/
4789
.terminator-terminal-window paned > separator {
4790
background-color: #F2F2F2;
4791
}
4792
.terminator-terminal-window notebook.frame {
4794
border-style: none;
4795
}
4796
/***********
4798
* Eclipse *
4799
***********/
4800
window.background > box.vertical > scrolledwindow > widget toolbar {
4801
padding: 2px;
4802
}
4803
window.background > box.vertical > scrolledwindow > widget toolbar separator,
4805
window.background > box.vertical > scrolledwindow > widget toolbar button {
4806
margin: 2px;
4807
}
4808
window.background > box.vertical > scrolledwindow > widget toolbar button {
4810
border-radius: 4px;
4811
}
4812
/************
4814
* Chromium *
4815
************/
4816
window.background.chromium {
4817
background-color: #F2F2F2;
4818
}
4819
window.background.chromium entry,
4821
window.background.chromium > button:not(.suggested-action):not(.destructive-action) {
4822
border: 1px solid rgba(0, 0, 0, 0.26);
4823
}
4824
window.background.chromium > button {
4826
box-shadow: none;
4827
background-size: auto;
4828
}
4829
window.background.chromium > button:hover {
4831
background-image: image(alpha(currentColor, 0.08));
4832
}
4833
window.background.chromium > button:active {
4835
background-image: image(alpha(currentColor, 0.24));
4836
}
4837
window.background.chromium headerbar button:active {
4839
background-size: 1000% 1000%;
4840
}
4841
window.background.chromium spinner {
4843
color: #4285F4;
4844
}
4845
window.background.chromium textview {
4847
background-color: #FFFFFF;
4848
}
4849
tooltip.background.chromium {
4851
background-color: #616161;
4852
}
4853
/***********
4855
* Firefox *
4856
***********/
4857
window.background:not(.csd) > widget > separator {
4858
color: rgba(0, 0, 0, 0.26);
4859
}
4860
window.background:not(.csd) > widget > scrollbar {
4862
background-clip: border-box;
4863
}
4864
window.background:not(.csd) > widget > scrollbar,
4866
window.background:not(.csd) > widget > frame > border {
4867
border-color: rgba(0, 0, 0, 0.26);
4868
}
4869
window.background:not(.csd) > widget > entry,
4871
window.background:not(.csd) > widget > button > button {
4872
border: 1px solid rgba(0, 0, 0, 0.26);
4873
border-radius: 5px;
4874
box-shadow: none;
4875
}
4876
window.background:not(.csd) > widget > entry {
4878
min-height: 30px;
4879
}
4880
window.background:not(.csd) > widget > entry:focus {
4882
border-color: #4285F4;
4883
}
4884
window.background:not(.csd) > widget > button > button {
4886
padding: 4px 8px;
4887
background-size: auto;
4888
}
4889
window.background:not(.csd) > widget > button > button:hover {
4891
background-image: image(alpha(currentColor, 0.08));
4892
}
4893
window.background:not(.csd) > widget > button > button:active {
4895
background-image: image(alpha(currentColor, 0.24));
4896
}
4897
window.background:not(.csd) > widget > checkbutton > check:not(:checked),
4899
window.background:not(.csd) > widget > radiobutton > radio:not(:checked) {
4900
color: #757575;
4901
}
4902
window.background:not(.csd) > widget > checkbutton > check:not(:checked):hover, window.background:not(.csd) > widget > checkbutton > check:not(:checked):active,
4904
window.background:not(.csd) > widget > radiobutton > radio:not(:checked):hover,
4905
window.background:not(.csd) > widget > radiobutton > radio:not(:checked):active {
4906
color: #212121;
4907
}
4908
window.background:not(.csd) > widget > checkbutton > check:not(:checked):disabled,
4910
window.background:not(.csd) > widget > radiobutton > radio:not(:checked):disabled {
4911
color: rgba(117, 117, 117, 0.5);
4912
}
4913
window.background:not(.csd) > window > menu,
4915
window.background:not(.csd) > menu > menu {
4916
border: none;
4917
}
4918
window.background:not(.csd) > widget > menubar {
4920
color: rgba(255, 255, 255, 0.7);
4921
}
4922
window.background:not(.csd) > widget > menubar:hover {
4924
color: white;
4925
}
4926
window.background:not(.csd) > widget > menubar:disabled {
4928
color: rgba(255, 255, 255, 0.3);
4929
}
4930
window.background:not(.csd) > widget > frame {
4932
color: rgba(0, 0, 0, 0.26);
4933
}
4934
window.background:not(.csd) > widget > checkbutton > check,
4936
window.background:not(.csd) > widget > radiobutton > radio {
4937
margin: 0;
4938
padding: 0;
4939
}
4940
window.background:not(.csd) > window.background > menu > separator {
4942
color: rgba(0, 0, 0, 0.12);
4943
}
4944
/************
4946
* Inkscape *
4947
************/
4948
#ToolboxCommon > #AuxToolbox #StyleSwatch {
4949
font-size: smaller;
4950
}
4951
#ToolboxCommon > #AuxToolbox #Kludge {
4953
padding: 0;
4954
}
4955
#ToolboxCommon > #AuxToolbox spinbutton,
4957
#ToolboxCommon > #AuxToolbox entry {
4958
min-height: 32px;
4959
}
4960
#ToolboxCommon > #AuxToolbox button:not(.up):not(.down) {
4962
min-height: 24px;
4963
min-width: 16px;
4964
padding: 4px 8px;
4965
border-radius: 4px;
4966
-gtk-outline-radius: 4px;
4967
}
4968
#ToolboxCommon > #AuxToolbox spinbutton button {
4970
border-width: 4px;
4971
}
4972
#ToolboxCommon > toolbar.vertical {
4974
margin-top: -4px;
4975
}
4976
#ToolboxCommon > toolbar.vertical button {
4978
min-height: 24px;
4979
min-width: 24px;
4980
padding: 4px;
4981
border-radius: 4px;
4982
-gtk-outline-radius: 4px;
4983
}
4984
#CanvasTable button {
4986
min-height: 16px;
4987
min-width: 16px;
4988
padding: 0;
4989
}
4990
#CanvasTable #HorizontalScrollbar {
4992
border-top: 1px solid rgba(0, 0, 0, 0.12);
4993
}
4994
#CanvasTable #VerticalScrollbar:dir(ltr) {
4996
border-left: 1px solid rgba(0, 0, 0, 0.12);
4997
}
4998
#CanvasTable #VerticalScrollbar:dir(rtl) {
5000
border-right: 1px solid rgba(0, 0, 0, 0.12);
5001
}
5002
#Canvas_and_Dock frame > border {
5004
border: none;
5005
}
5006
#Canvas_and_Dock widget > widget > button.flat {
5008
min-height: 16px;
5009
min-width: 16px;
5010
padding: 4px;
5011
}
5012
#Canvas_and_Dock widget > widget > box.horizontal image {
5014
padding: 4px;
5015
}
5016
#Canvas_and_Dock box.horizontal > box.vertical > button.flat {
5018
min-height: 16px;
5019
min-width: 24px;
5020
padding: 8px 4px;
5021
}
5022
/***********
5024
* Synapse *
5025
***********/
5026
box.vertical > widget > widget:selected {
5027
background-color: #4285F4;
5028
}
5029
/*********
5031
* Unity *
5032
*********/
5033
UnityDecoration {
5034
-UnityDecoration-extents: 28px 0 0 0;
5035
-UnityDecoration-input-extents: 8px;
5036
-UnityDecoration-shadow-offset-x: 0;
5037
-UnityDecoration-shadow-offset-y: 3px;
5038
-UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.48);
5039
-UnityDecoration-active-shadow-radius: 18px;
5040
-UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.32);
5041
-UnityDecoration-inactive-shadow-radius: 6px;
5042
-UnityDecoration-glow-size: 8px;
5043
-UnityDecoration-glow-color: #4285F4;
5044
-UnityDecoration-title-indent: 4px;
5045
-UnityDecoration-title-fade: 32px;
5046
-UnityDecoration-title-alignment: 0.0;
5047
}
5048
UnityDecoration .top {
5050
padding: 0 2px;
5051
border-style: none;
5052
border-radius: 4px 4px 0 0;
5053
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
5054
background-color: #383838;
5055
color: white;
5056
}
5057
UnityDecoration .top:backdrop {
5059
color: rgba(255, 255, 255, 0.7);
5060
}
5061
UnityDecoration .menuitem {
5063
color: rgba(255, 255, 255, 0.7);
5064
}
5065
UnityDecoration .menuitem:hover {
5067
box-shadow: inset 0 -2px currentColor;
5068
background-color: transparent;
5069
color: white;
5070
}
5071
.background:not(.csd) headerbar:not(.titlebar) {
5073
border-radius: 0;
5074
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
5075
}
5076
.background:not(.csd) headerbar:not(.titlebar).inline-toolbar {
5078
border-style: none;
5079
}
5080
UnityPanelWidget,
5082
.unity-panel {
5083
background-color: #212121;
5084
color: white;
5085
}
5086
UnityPanelWidget:backdrop,
5088
.unity-panel:backdrop {
5089
color: rgba(255, 255, 255, 0.7);
5090
}
5091
.unity-panel.menuitem,
5093
.unity-panel .menuitem {
5094
color: rgba(255, 255, 255, 0.7);
5095
}
5096
.unity-panel.menubar.menuitem:hover,
5098
.unity-panel.menubar .menuitem *:hover {
5099
box-shadow: inset 0 -2px currentColor;
5100
background-color: transparent;
5101
color: white;
5102
}
5103
.menu IdoPlaybackMenuItem.menuitem:active {
5105
-gtk-icon-source: -gtk-icontheme("process-working-symbolic");
5106
animation: spin 1s linear infinite;
5107
color: #4285F4;
5108
}
5109
/**************
5111
* Mate-Panel *
5112
**************/
5113
.mate-panel-menu-bar menubar,
5114
#PanelApplet-window-menu-applet-button {
5115
background-color: transparent;
5116
}
5117
.mate-panel-menu-bar {
5119
background-color: #212121;
5120
font-weight: 500;
5121
}
5122
.mate-panel-menu-bar:not(.popup) {
5124
color: rgba(255, 255, 255, 0.7);
5125
}
5126
.mate-panel-menu-bar button {
5128
min-height: 16px;
5129
min-width: 16px;
5130
padding: 0;
5131
border-radius: 0;
5132
}
5133
.mate-panel-menu-bar button:checked {
5135
background-color: rgba(255, 255, 255, 0.12);
5136
}
5137
PanelToplevel.horizontal > grid > button {
5139
min-width: 24px;
5140
}
5141
PanelToplevel.vertical > grid > button {
5143
min-height: 24px;
5144
}
5145
PanelSeparator {
5147
color: rgba(255, 255, 255, 0.12);
5148
}
5149
MatePanelAppletFrameDBus {
5151
border-style: solid;
5152
border-color: rgba(255, 255, 255, 0.12);
5153
}
5154
.mate-panel-menu-bar.horizontal MatePanelAppletFrameDBus {
5156
border-width: 0 1px;
5157
}
5158
.mate-panel-menu-bar.vertical MatePanelAppletFrameDBus {
5160
border-width: 1px 0;
5161
}
5162
.mate-panel-menu-bar menubar > menuitem {
5164
color: rgba(255, 255, 255, 0.7);
5165
}
5166
.mate-panel-menu-bar menubar > menuitem:hover {
5168
background-color: rgba(255, 255, 255, 0.12);
5169
color: white;
5170
}
5171
.mate-panel-menu-bar menubar > menuitem:disabled {
5173
color: rgba(255, 255, 255, 0.3);
5174
}
5175
.mate-panel-menu-bar.horizontal menubar > menuitem {
5177
padding: 0 8px;
5178
}
5179
.mate-panel-menu-bar.vertical menubar > menuitem {
5181
padding: 8px 0;
5182
}
5183
.mate-panel-menu-bar menubar menu > menuitem {
5185
min-height: 28px;
5186
padding: 0 6px;
5187
}
5188
.mate-panel-menu-bar #PanelApplet button {
5190
-GtkWidget-window-dragging: true;
5191
}
5192
.mate-panel-menu-bar #tasklist-button {
5194
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0/0 0 0px;
5195
}
5196
.mate-panel-menu-bar #tasklist-button:checked {
5198
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2/0 0 2px;
5199
}
5200
.mate-panel-menu-bar #tasklist-button image:dir(ltr), .mate-panel-menu-bar #tasklist-button label:dir(rtl) {
5202
padding-left: 4px;
5203
}
5204
.mate-panel-menu-bar #tasklist-button label:dir(ltr), .mate-panel-menu-bar #tasklist-button image:dir(rtl) {
5206
padding-right: 4px;
5207
}
5208
.mate-panel-menu-bar.vertical #tasklist-button {
5210
min-height: 32px;
5211
}
5212
.mate-panel-menu-bar.horizontal #showdesktop-button image {
5214
min-width: 24px;
5215
padding: 0 4px;
5216
}
5217
.mate-panel-menu-bar.vertical #showdesktop-button image {
5219
min-height: 24px;
5220
padding: 4px 0;
5221
}
5222
PanelApplet.wnck-applet .wnck-pager {
5224
background-color: transparent;
5225
color: #7BAAF7;
5226
}
5227
PanelApplet.wnck-applet .wnck-pager:hover {
5229
background-color: rgba(255, 255, 255, 0.12);
5230
}
5231
PanelApplet.wnck-applet .wnck-pager:active {
5233
background-color: rgba(255, 255, 255, 0.3);
5234
}
5235
PanelApplet.wnck-applet .wnck-pager:selected {
5237
background-color: #4285F4;
5238
}
5239
.mate-panel-menu-bar.horizontal #clock-applet-button label {
5241
padding: 0 8px;
5242
}
5243
.mate-panel-menu-bar.vertical #clock-applet-button label {
5245
padding: 8px 0;
5246
}
5247
#MatePanelPopupWindow {
5249
border: 1px solid rgba(0, 0, 0, 0.12);
5250
border-radius: 5px;
5251
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
5252
}
5253
#MatePanelPopupWindow frame > border {
5255
border-style: none;
5256
}
5257
#MatePanelPopupWindow button {
5259
padding: 4px 16px;
5260
}
5261
#MatePanelPopupWindow > frame > box > box > box > widget {
5263
color: rgba(0, 0, 0, 0.12);
5264
}
5265
na-tray-applet {
5267
-NaTrayApplet-icon-padding: 3px;
5268
-NaTrayApplet-icon-size: 16;
5269
}
5270
.mate-panel-menu-bar {
5272
-PanelMenuBar-icon-visible: true;
5273
}
5274
.mate-panel-applet-slider {
5276
border: 1px solid rgba(0, 0, 0, 0.12);
5277
border-radius: 5px;
5278
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
5279
background-color: #F2F2F2;
5280
}
5281
.mate-panel-applet-slider frame > border {
5283
border-style: none;
5284
}
5285
#PanelApplet:not(:selected) > box {
5287
transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
5288
}
5289
#PanelApplet:selected > box {
5291
background-color: rgba(255, 255, 255, 0.12);
5292
color: white;
5293
}
5294
#mate-menu {
5296
border: 1px solid rgba(0, 0, 0, 0.12);
5297
}
5298
#mate-menu button {
5300
min-height: 24px;
5301
min-width: 24px;
5302
padding: 4px 0;
5303
color: rgba(0, 0, 0, 0.87);
5304
font-weight: normal;
5305
}
5306
#mate-menu button label:not(:first-child) {
5308
color: rgba(0, 0, 0, 0.54);
5309
}
5310
#mate-menu entry {
5312
margin: 0 0 8px;
5313
}
5314
#mate-menu entry image {
5316
margin: 0;
5317
}
5318
#mate-menu entry + button {
5320
margin: 0 4px 8px;
5321
padding: 4px;
5322
}
5323
/*********************
5325
* CAJA File manager *
5326
*********************/
5327
.caja-navigation-window button.toggle.image-button {
5328
border-radius: 4px;
5329
}
5330
.caja-pathbar button {
5332
margin: 0 -1px 0 -2px;
5333
}
5334
.caja-pathbar button > widget {
5336
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
5337
-GtkArrow-arrow-scaling: 1;
5338
}
5339
.caja-side-pane notebook viewport.frame,
5341
.caja-side-pane notebook widget .vertical {
5342
background-color: #FFFFFF;
5343
}
5344
.caja-side-pane notebook,
5346
.caja-notebook {
5347
border-top: 1px solid rgba(0, 0, 0, 0.12);
5348
}
5349
.caja-side-pane notebook .frame,
5351
.caja-notebook .frame {
5352
border-style: none;
5353
}
5354
.caja-navigation-window statusbar {
5356
margin: 0 -10px;
5357
padding: 0 4px;
5358
border-top: 1px solid rgba(0, 0, 0, 0.12);
5359
}
5360
.caja-notebook frame > border {
5362
border-style: none;
5363
}
5364
#caja-extra-view-widget {
5366
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
5367
background-color: #F2F2F2;
5368
}
5369
#caja-extra-view-widget > box > box > label {
5371
font-weight: bold;
5372
}
5373
/*********
5375
* Pluma *
5376
*********/
5377
.pluma-window statusbar {
5378
margin: 0 -10px;
5379
padding: 0 4px;
5380
border-top: 1px solid rgba(0, 0, 0, 0.12);
5381
}
5382
.pluma-window statusbar frame > border {
5384
border-style: none;
5385
}
5386
.pluma-window statusbar frame button.flat {
5388
padding: 0 4px;
5389
border-radius: 0;
5390
}
5391
.pluma-window statusbar frame button.flat widget {
5393
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
5394
-GtkArrow-arrow-scaling: 1;
5395
}
5396
.pluma-print-preview toolbar {
5398
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
5399
}
5400
.pluma-window paned.horizontal box.vertical box.horizontal button.flat {
5402
margin: 1px;
5403
}
5404
.pluma-window paned.horizontal box.vertical .frame {
5406
border-style: none;
5407
}
5408
.pluma-window paned.horizontal box.vertical notebook.frame {
5410
margin-top: -1px;
5411
border-top: 1px solid rgba(0, 0, 0, 0.12);
5412
}
5413
.pluma-window paned.horizontal box.vertical notebook.frame box.vertical toolbar.horizontal {
5415
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
5416
}
5417
/*********
5419
* Atril *
5420
*********/
5421
.atril-window paned.horizontal box.vertical .frame {
5422
border-style: none;
5423
}
5424
.atril-window paned.horizontal box.vertical notebook .frame {
5426
border-top: 1px solid rgba(0, 0, 0, 0.12);
5427
}
5428
/* mate-screensaver lock dialog */
5430
.lock-dialog {
5431
border-radius: 4px;
5432
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);
5433
}
5434
.lock-dialog frame > border {
5436
border-style: none;
5437
}
5438
/* multimedia OSD */
5440
MsdOsdWindow.background.osd {
5441
border-radius: 4px;
5442
background-color: rgba(97, 97, 97, 0.9);
5443
color: white;
5444
}
5445
MsdOsdWindow.background.osd .trough {
5447
border-radius: 0;
5448
background-color: rgba(255, 255, 255, 0.12);
5449
}
5450
MsdOsdWindow.background.osd .progressbar {
5452
border-radius: 0;
5453
background-color: #4285F4;
5454
}
5455
/******************
5457
* Budgie Desktop *
5458
******************/
5459
.budgie-container {
5460
background-color: transparent;
5461
}
5462
.budgie-settings-window buttonbox.inline-toolbar {
5464
border-style: none none solid;
5465
}
5466
.budgie-settings-window buttonbox.inline-toolbar button {
5468
border-radius: 4px;
5469
-gtk-outline-radius: 4px;
5470
}
5471
.budgie-popover {
5473
border-style: solid;
5474
border-width: 1px;
5475
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.3);
5476
border-radius: 5px;
5477
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
5478
background-color: #FFFFFF;
5479
}
5480
.budgie-popover .container {
5482
padding: 2px;
5483
}
5484
.budgie-popover border {
5486
border: none;
5487
}
5488
.budgie-popover list {
5490
background-color: transparent;
5491
}
5492
.budgie-popover row {
5494
padding: 0;
5495
}
5496
.budgie-popover row:hover {
5498
box-shadow: none;
5499
}
5500
.budgie-popover:not(.budgie-menu) button.flat:not(.image-button) {
5502
min-height: 28px;
5503
padding: 0 8px;
5504
color: rgba(0, 0, 0, 0.87);
5505
font-weight: normal;
5506
}
5507
.budgie-popover:not(.budgie-menu) button.flat:not(.image-button):disabled {
5509
color: rgba(0, 0, 0, 0.38);
5510
}
5511
.budgie-popover.budgie-menu .container {
5513
padding: 0;
5514
}
5515
.budgie-popover.user-menu .container {
5517
padding: 8px;
5518
}
5519
.budgie-popover.user-menu separator {
5521
margin: 4px 0;
5522
}
5523
.budgie-popover.sound-popover separator {
5525
margin: 3px 0;
5526
}
5527
.budgie-popover.night-light-indicator .container {
5529
padding: 8px;
5530
}
5531
.budgie-popover.places-menu .container {
5533
padding: 8px;
5534
}
5535
.budgie-popover.places-menu .places-list:not(.always-expand) {
5537
margin-top: 4px;
5538
padding-top: 4px;
5539
border-top: 1px solid rgba(0, 0, 0, 0.12);
5540
}
5541
.budgie-popover.places-menu .alternative-label {
5543
padding: 3px;
5544
font-size: 15px;
5545
}
5546
.budgie-popover.workspace-popover .container {
5548
padding: 2px 8px 8px;
5549
}
5550
.budgie-popover.workspace-popover separator {
5552
margin: 4px 0;
5553
}
5554
.budgie-popover.workspace-popover flowboxchild {
5556
padding: 0;
5557
}
5558
.workspace-switcher .workspace-layout {
5560
border: 0 solid rgba(255, 255, 255, 0.12);
5561
}
5562
.top .workspace-switcher .workspace-layout:dir(ltr),
5564
.bottom .workspace-switcher .workspace-layout:dir(ltr) {
5565
border-left-width: 1px;
5566
}
5567
.top .workspace-switcher .workspace-layout:dir(rtl),
5569
.bottom .workspace-switcher .workspace-layout:dir(rtl) {
5570
border-right-width: 1px;
5571
}
5572
.left .workspace-switcher .workspace-layout,
5574
.right .workspace-switcher .workspace-layout {
5575
border-top-width: 1px;
5576
}
5577
.workspace-switcher .workspace-item,
5579
.workspace-switcher .workspace-add-button {
5580
border: 0 solid rgba(255, 255, 255, 0.12);
5581
}
5582
.top .workspace-switcher .workspace-item:dir(ltr),
5584
.bottom .workspace-switcher .workspace-item:dir(ltr), .top
5585
.workspace-switcher .workspace-add-button:dir(ltr),
5586
.bottom
5587
.workspace-switcher .workspace-add-button:dir(ltr) {
5588
border-right-width: 1px;
5589
}
5590
.top .workspace-switcher .workspace-item:dir(rtl),
5592
.bottom .workspace-switcher .workspace-item:dir(rtl), .top
5593
.workspace-switcher .workspace-add-button:dir(rtl),
5594
.bottom
5595
.workspace-switcher .workspace-add-button:dir(rtl) {
5596
border-left-width: 1px;
5597
}
5598
.left .workspace-switcher .workspace-item,
5600
.right .workspace-switcher .workspace-item, .left
5601
.workspace-switcher .workspace-add-button,
5602
.right
5603
.workspace-switcher .workspace-add-button {
5604
border-bottom-width: 1px;
5605
}
5606
.workspace-switcher .workspace-item {
5608
transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
5609
}
5610
.workspace-switcher .workspace-item.current-workspace {
5612
background-color: rgba(255, 255, 255, 0.12);
5613
}
5614
.workspace-switcher .workspace-add-button:hover {
5616
box-shadow: none;
5617
}
5618
.workspace-switcher .workspace-add-button:active {
5620
background-image: none;
5621
}
5622
.workspace-switcher .workspace-add-button:active image {
5624
margin: 1px 0 -1px;
5625
}
5626
.budgie-panel .workspace-switcher .workspace-icon-button {
5628
min-height: 24px;
5629
min-width: 24px;
5630
padding: 0;
5631
border-radius: 4px;
5632
}
5633
.budgie-menu.background {
5635
padding: 0;
5636
}
5637
.budgie-menu .sidebar,
5639
.budgie-menu scrollbar,
5640
.budgie-menu entry.search {
5641
background-color: transparent;
5642
}
5643
.budgie-menu entry.search {
5645
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
5646
border-radius: 0;
5647
box-shadow: none;
5648
font-size: 120%;
5649
}
5650
.budgie-menu button {
5652
min-height: 32px;
5653
padding: 0 8px;
5654
border-radius: 0;
5655
color: rgba(0, 0, 0, 0.87);
5656
font-weight: normal;
5657
}
5658
.budgie-menu button:disabled {
5660
color: rgba(0, 0, 0, 0.38);
5661
}
5662
.budgie-menu button:checked:disabled {
5664
background-color: #4285F4;
5665
}
5666
.budgie-menu row {
5668
padding: 0;
5669
}
5670
.budgie-menu row:hover {
5672
box-shadow: none;
5673
}
5674
popover.background.user-menu {
5676
padding: 8px;
5677
}
5678
popover.background.user-menu .content-box {
5680
background-color: transparent;
5681
}
5682
popover.background.user-menu separator {
5684
margin: 4px 0;
5685
}
5686
popover.background.user-menu row {
5688
padding: 0;
5689
box-shadow: none;
5690
background-image: none;
5691
}
5692
popover.background.places-menu {
5694
padding: 8px;
5695
}
5696
popover.background.places-menu .name-button.text-button {
5698
padding-left: 8px;
5699
padding-right: 8px;
5700
}
5701
popover.background.places-menu .name-button.text-button image:dir(ltr) {
5703
margin-right: 3px;
5704
}
5705
popover.background.places-menu .name-button.text-button image:dir(rtl) {
5707
margin-left: 3px;
5708
}
5709
popover.background.places-menu .places-section-header > image:dir(ltr) {
5711
margin: 0 -2px 0 5px;
5712
}
5713
popover.background.places-menu .places-section-header > image:dir(rtl) {
5715
margin: 0 5px 0 -2px;
5716
}
5717
popover.background.places-menu .places-list {
5719
margin-top: 4px;
5720
padding-top: 4px;
5721
border-top: 1px solid rgba(0, 0, 0, 0.12);
5722
background-color: transparent;
5723
}
5724
popover.background.places-menu row {
5726
padding: 0;
5727
box-shadow: none;
5728
background-image: none;
5729
}
5730
.budgie-panel {
5732
transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1);
5733
background-color: #212121;
5734
color: rgba(255, 255, 255, 0.7);
5735
font-weight: 500;
5736
}
5737
.budgie-panel.transparent {
5739
background-color: rgba(0, 0, 0, 0.6);
5740
}
5741
.budgie-panel button {
5743
min-height: 16px;
5744
min-width: 16px;
5745
padding: 0;
5746
border-radius: 0;
5747
}
5748
.budgie-panel button:checked {
5750
background-color: rgba(255, 255, 255, 0.12);
5751
}
5752
.budgie-panel.horizontal button {
5754
padding: 0 4px;
5755
}
5756
.budgie-panel.vertical button {
5758
padding: 4px 0;
5759
}
5760
.budgie-panel separator {
5762
background-color: rgba(255, 255, 255, 0.3);
5763
}
5764
.budgie-panel .alert {
5766
color: #EA4335;
5767
}
5768
.budgie-panel .titlebar:not(headerbar) {
5770
min-height: 0;
5771
padding: 0;
5772
box-shadow: none;
5773
background-color: transparent;
5774
color: white;
5775
}
5776
.budgie-panel .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action) {
5778
color: rgba(255, 255, 255, 0.7);
5779
}
5780
.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 {
5782
color: white;
5783
}
5784
.budgie-panel #tasklist-button {
5786
padding: 0 4px;
5787
}
5788
.budgie-panel.vertical #tasklist-button {
5790
min-height: 32px;
5791
}
5792
.budgie-panel button.flat.launcher {
5794
padding: 0;
5795
}
5796
.budgie-panel button.flat.launcher:not(:checked) {
5798
color: rgba(255, 255, 255, 0.5);
5799
}
5800
.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active {
5802
color: rgba(255, 255, 255, 0.7);
5803
}
5804
.budgie-panel button.flat.launcher:not(:checked):disabled {
5806
color: rgba(255, 255, 255, 0.3);
5807
}
5808
.top .budgie-panel #tasklist-button, .budgie-panel .top #tasklist-button, .top .budgie-panel button.flat.launcher, .budgie-panel .top button.flat.launcher {
5810
border-image: radial-gradient(circle closest-corner at center calc(1px), currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
5811
}
5812
.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,
5814
.top .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .top button.flat.launcher.running {
5815
border-image: radial-gradient(circle closest-corner at center calc(1px), currentColor 100%, transparent 0%) 2 0 0 0/2px 0 0 0;
5816
}
5817
.bottom .budgie-panel #tasklist-button, .budgie-panel .bottom #tasklist-button, .bottom .budgie-panel button.flat.launcher, .budgie-panel .bottom button.flat.launcher {
5819
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
5820
}
5821
.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,
5823
.bottom .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .bottom button.flat.launcher.running {
5824
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2 0/0 0 2px 0;
5825
}
5826
.left .budgie-panel #tasklist-button, .budgie-panel .left #tasklist-button, .left .budgie-panel button.flat.launcher, .budgie-panel .left button.flat.launcher {
5828
border-image: radial-gradient(circle closest-corner at calc(1px) center, currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
5829
}
5830
.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,
5832
.left .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .left button.flat.launcher.running {
5833
border-image: radial-gradient(circle closest-corner at calc(1px) center, currentColor 100%, transparent 0%) 0 0 0 2/0 0 0 2px;
5834
}
5835
.right .budgie-panel #tasklist-button, .budgie-panel .right #tasklist-button, .right .budgie-panel button.flat.launcher, .budgie-panel .right button.flat.launcher {
5837
border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
5838
}
5839
.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,
5841
.right .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .right button.flat.launcher.running {
5842
border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, currentColor 100%, transparent 0%) 0 2 0 0/0 2px 0 0;
5843
}
5844
frame.raven-frame > border {
5846
border-style: none;
5847
box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22);
5848
}
5849
.top frame.raven-frame > border {
5851
margin-bottom: 32px;
5852
}
5853
.bottom frame.raven-frame > border {
5855
margin-top: 32px;
5856
}
5857
.left frame.raven-frame > border {
5859
margin-right: 32px;
5860
}
5861
.right frame.raven-frame > border {
5863
margin-left: 32px;
5864
}
5865
.raven {
5867
background-color: #FFFFFF;
5868
}
5869
.raven > box {
5871
margin-bottom: -10px;
5872
}
5873
.raven > stack {
5875
margin-bottom: -10px;
5876
}
5877
.raven stackswitcher.linked > button {
5879
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FBBC05 0%, transparent 0%) 0 0 0/0 0 0px;
5880
border-radius: 0;
5881
}
5882
.raven stackswitcher.linked > button:checked {
5884
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FBBC05 100%, transparent 0%) 0 0 2/0 0 2px;
5885
background-color: transparent;
5886
}
5887
.raven .raven-header {
5889
min-height: 32px;
5890
padding: 3px;
5891
}
5892
.raven .raven-header:not(.top) {
5894
margin-top: -6px;
5895
}
5896
.raven .raven-header.top {
5898
padding: 2px 0;
5899
background-color: #4285F4;
5900
color: white;
5901
}
5902
.raven .raven-header.top stackswitcher button {
5904
margin: -4px 0;
5905
min-height: 32px;
5906
}
5907
.raven .raven-header.top button.image-button:dir(ltr) {
5909
margin-right: 2px;
5910
}
5911
.raven .raven-header.top button.image-button:dir(rtl) {
5913
margin-left: 2px;
5914
}
5915
.raven .raven-header.top > image {
5917
margin: 0 8px;
5918
}
5919
.raven .raven-header.top > label {
5921
margin: 0 -8px;
5922
font-weight: bold;
5923
}
5924
.raven .raven-header.bottom {
5926
border-top: 1px solid rgba(0, 0, 0, 0.12);
5927
}
5928
.raven viewport.frame .raven-header {
5930
margin-top: -8px;
5931
}
5932
.raven .raven-background {
5934
border-style: solid none;
5935
border-width: 1px;
5936
border-color: rgba(0, 0, 0, 0.12);
5937
background-color: #FFFFFF;
5938
}
5939
.raven .raven-background.frame {
5941
border-style: solid none;
5942
}
5943
.raven .raven-background > overlay > widget > image {
5945
color: rgba(0, 0, 0, 0.12);
5946
}
5947
.raven .raven-background grid > label:first-child {
5949
min-height: 32px;
5950
}
5951
.raven scrolledwindow.raven-background {
5953
border-bottom-style: none;
5954
}
5955
.raven .raven-header.top + .raven-background {
5957
border-style: none;
5958
background-color: #4285F4;
5959
color: white;
5960
}
5961
.raven .raven-header.top + .raven-background stackswitcher button {
5963
margin: -4px 0;
5964
}
5965
.raven .powerstrip button {
5967
margin: 2px 0 1px;
5968
padding: 8px;
5969
}
5970
.raven .option-subtitle {
5972
font-size: smaller;
5973
}
5974
calendar.raven-calendar {
5976
border-style: none;
5977
background-color: transparent;
5978
}
5979
calendar.raven-calendar:selected {
5981
border-radius: 4px;
5982
background-color: #4285F4;
5983
}
5984
.raven-mpris {
5986
background-color: rgba(0, 0, 0, 0.6);
5987
color: white;
5988
}
5989
.raven-mpris label {
5991
min-height: 24px;
5992
}
5993
.raven-mpris button.image-button {
5995
padding: 8px;
5996
}
5997
.budgie-notification-window, .budgie-osd-window, .budgie-switcher-window {
5999
background-color: transparent;
6000
}
6001
.budgie-notification .notification-title, .budgie-switcher .notification-title {
6003
font-size: 120%;
6004
}
6005
.budgie-osd .budgie-osd-text {
6007
font-size: 120%;
6008
}
6009
.drop-shadow {
6011
margin: 5px 9px;
6012
padding: 3px;
6013
border-radius: 4px;
6014
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);
6015
background-color: #FFFFFF;
6016
}
6017
.drop-shadow .linked > button {
6019
border-radius: 4px;
6020
}
6021
.budgie-session-dialog, .budgie-polkit-dialog, .budgie-run-dialog {
6023
border-radius: 4px;
6024
background-color: #FFFFFF;
6025
}
6026
.budgie-session-dialog decoration, .budgie-polkit-dialog decoration, .budgie-run-dialog decoration {
6028
border-radius: 4px;
6029
}
6030
.budgie-session-dialog label:not(:last-child),
6032
.budgie-session-dialog .dialog-title {
6033
font-size: 120%;
6034
}
6035
.budgie-session-dialog .linked.horizontal > button {
6037
padding: 8px 16px;
6038
border-top: 1px solid rgba(0, 0, 0, 0.12);
6039
border-radius: 0;
6040
}
6041
.budgie-session-dialog .linked.horizontal > button:first-child {
6043
border-bottom-left-radius: 4px;
6044
}
6045
.budgie-session-dialog .linked.horizontal > button:last-child {
6047
border-bottom-right-radius: 4px;
6048
}
6049
.budgie-polkit-dialog .message {
6051
color: rgba(0, 0, 0, 0.54);
6052
}
6053
.budgie-polkit-dialog .failure {
6055
color: #EA4335;
6056
}
6057
.budgie-run-dialog {
6059
background-color: #FFFFFF;
6060
}
6061
.budgie-run-dialog entry.search {
6063
font-size: 120%;
6064
padding: 4px 12px;
6065
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
6066
background-color: transparent;
6067
}
6068
.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,
6070
.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 {
6071
opacity: 1;
6072
}
6073
.budgie-run-dialog scrolledwindow {
6075
border-top: 1px solid rgba(0, 0, 0, 0.12);
6076
}
6077
/**************
6079
* Xfce4 Apps *
6080
**************/
6081
.XfceHeading {
6082
background-color: #FFFFFF;
6083
}
6084
/***************
6086
* xfce4-panel *
6087
***************/
6088
.xfce4-panel.background {
6089
border: none;
6090
background-color: #212121;
6091
color: rgba(255, 255, 255, 0.7);
6092
font-weight: 500;
6093
}
6094
.xfce4-panel.background button {
6096
min-height: 16px;
6097
min-width: 16px;
6098
padding: 0;
6099
border-radius: 0;
6100
}
6101
.xfce4-panel.background button:checked {
6103
background-color: rgba(255, 255, 255, 0.12);
6104
}
6105
.xfce4-panel.background .tasklist button {
6107
border-image: image(transparent) 0 0 2/0 0 2px;
6108
}
6109
.xfce4-panel.background .tasklist button:checked {
6111
border-image: image(currentColor) 0 0 2/0 0 2px;
6112
}
6113
.xfce4-panel.background .tasklist button image {
6115
padding: 4px;
6116
}
6117
wnck-pager:hover {
6119
background-color: rgba(255, 255, 255, 0.12);
6120
}
6121
wnck-pager:active {
6123
background-color: rgba(255, 255, 255, 0.3);
6124
}
6125
wnck-pager:selected {
6127
background-color: #4285F4;
6128
}
6129
XfdesktopIconView.view {
6131
border-radius: 4px;
6132
background-color: transparent;
6133
color: white;
6134
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
6135
}
6136
XfdesktopIconView.view:active {
6138
box-shadow: none;
6139
text-shadow: none;
6140
}
6141
XfdesktopIconView.view .rubberband {
6143
border-radius: 0;
6144
}
6145
#XfceNotifyWindow buttonbox {
6147
padding: 0;
6148
}
6149
#XfceNotifyWindow label#summary {
6151
font-weight: bold;
6152
}
6153
#xfwm-tabwin {
6155
padding: 12px;
6156
border-radius: 4px;
6157
-XfwmTabwinWidget-icon-size: 64px;
6158
-XfwmTabwinWidget-preview-size: 64px;
6159
}
6160
/**********
6162
* Thunar *
6163
**********/
6164
.thunar #location-toolbar {
6165
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
6166
}
6167
.thunar .standard-view.frame {
6169
border-style: none;
6170
}
6171
.thunar .sidebar .view:not(:selected) {
6173
background-color: transparent;
6174
}
6175
.thunar statusbar {
6177
margin: 0 -10px;
6178
padding: 0 4px;
6179
border-top: 1px solid rgba(0, 0, 0, 0.12);
6180
}
6181
/************************
6183
* LightDM GTK+ Greeter *
6184
************************/
6185
#panel_window {
6186
background-color: rgba(0, 0, 0, 0.3);
6187
color: white;
6188
}
6189
#panel_window menubar,
6191
#panel_window separator {
6192
background-color: transparent;
6193
}
6194
#panel_window separator {
6196
padding: 0 4px;
6197
}
6198
#panel_window separator:first-child {
6200
padding: 0 8px;
6201
}
6202
#panel_window menubar > menuitem {
6204
color: rgba(255, 255, 255, 0.7);
6205
}
6206
#panel_window menubar > menuitem:hover {
6208
color: white;
6209
}
6210
#panel_window menubar > menuitem:disabled label {
6212
color: rgba(255, 255, 255, 0.3);
6213
}
6214
#login_window,
6216
#shutdown_dialog,
6217
#restart_dialog {
6218
margin: 8px;
6219
border-radius: 4px;
6220
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);
6221
background-color: #FFFFFF;
6222
}
6223
#content_frame {
6225
padding-bottom: 20px;
6226
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
6227
}
6228
#buttonbox_frame {
6230
padding-top: 24px;
6231
}
6232
#buttonbox_frame button {
6234
margin: -16px;
6235
}
6236
#greeter_infobar {
6238
margin-top: -1px;
6239
}
6240
/********
6242
* Nemo *
6243
********/
6244
.nemo-window .primary-toolbar {
6245
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
6246
}
6247
.nemo-window .primary-toolbar entry {
6249
min-height: 0;
6250
margin: 0;
6251
}
6252
.nemo-window .primary-toolbar button.text-button {
6254
padding-left: 8px;
6255
padding-right: 8px;
6256
}
6257
.nemo-window .primary-toolbar button:not(.text-button):not(.image-button) {
6259
padding-left: 4px;
6260
padding-right: 4px;
6261
}
6262
.nemo-window scrolledwindow.frame {
6264
border-style: none;
6265
}
6266
.nemo-window scrolledwindow.frame .view:not(:selected) {
6268
background-color: transparent;
6269
}
6270
.nemo-window infobar {
6272
margin-top: -6px;
6273
}
6274
.nemo-window .nemo-inactive-pane .view:not(:selected) {
6276
background-color: #FAFAFA;
6277
}
6278
/* GTK NAMED COLORS
6280
----------------
6281
use responsibly! */
6282
/*
6283
widget text/foreground color */
6284
@define-color theme_fg_color rgba(0, 0, 0, 0.87);
6285
/*
6286
text color for entries, views and content in general */
6287
@define-color theme_text_color rgba(0, 0, 0, 0.87);
6288
/*
6289
widget base background color */
6290
@define-color theme_bg_color #F2F2F2;
6291
/*
6292
text widgets and the like base background color */
6293
@define-color theme_base_color #FFFFFF;
6294
/*
6295
base background color of selections */
6296
@define-color theme_selected_bg_color #4285F4;
6297
/*
6298
text/foreground color of selections */
6299
@define-color theme_selected_fg_color white;
6300
/*
6301
base background color of insensitive widgets */
6302
@define-color insensitive_bg_color #F2F2F2;
6303
/*
6304
text foreground color of insensitive widgets */
6305
@define-color insensitive_fg_color rgba(0, 0, 0, 0.38);
6306
/*
6307
insensitive text widgets and the like base background color */
6308
@define-color insensitive_base_color #FAFAFA;
6309
/*
6310
widget text/foreground color on backdrop windows */
6311
@define-color theme_unfocused_fg_color rgba(0, 0, 0, 0.87);
6312
/*
6313
text color for entries, views and content in general on backdrop windows */
6314
@define-color theme_unfocused_text_color rgba(0, 0, 0, 0.87);
6315
/*
6316
widget base background color on backdrop windows */
6317
@define-color theme_unfocused_bg_color #F2F2F2;
6318
/*
6319
text widgets and the like base background color on backdrop windows */
6320
@define-color theme_unfocused_base_color #FFFFFF;
6321
/*
6322
base background color of selections on backdrop windows */
6323
@define-color theme_unfocused_selected_bg_color #4285F4;
6324
/*
6325
text/foreground color of selections on backdrop windows */
6326
@define-color theme_unfocused_selected_fg_color white;
6327
/*
6328
insensitive color on backdrop windows */
6329
@define-color unfocused_insensitive_color rgba(0, 0, 0, 0.38);
6330
/*
6331
widgets main borders color */
6332
@define-color borders rgba(0, 0, 0, 0.12);
6333
/*
6334
widgets main borders color on backdrop windows */
6335
@define-color unfocused_borders rgba(0, 0, 0, 0.12);
6336
/*
6337
these are pretty self explicative */
6338
@define-color warning_color #FBBC05;
6339
@define-color error_color #EA4335;
6340
@define-color success_color #34A853;
6341
/*
6342
these colors are exported for the window manager and shouldn't be used in applications,
6343
read if you used those and something break with a version upgrade you're on your own... */
6344
@define-color wm_title white;
6345
@define-color wm_unfocused_title rgba(255, 255, 255, 0.7);
6346
@define-color wm_highlight rgba(255, 255, 255, 0.1);
6347
@define-color wm_bg #383838;
6348
/*
6349
FIXME this is really an API */
6350
@define-color content_view_bg #FFFFFF;
6351
@define-color placeholder_text_color #757575;
6352