ASCII text, with very long lines (858)
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:hover {
94
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
95
}
96
.view:selected:hover {
98
box-shadow: inset 0 0 0 9999px rgba(66, 133, 244, 0.08);
99
}
100
.view:disabled {
102
color: rgba(0, 0, 0, 0.38);
103
}
104
.view:hover, .view:selected {
106
border-radius: 4px;
107
}
108
textview text {
110
background-color: #FFFFFF;
111
}
112
textview border {
114
background-color: #FAFAFA;
115
color: rgba(0, 0, 0, 0.54);
116
}
117
.rubberband,
119
rubberband,
120
flowbox rubberband,
121
treeview.view rubberband,
122
.content-view rubberband,
123
.content-view .rubberband,
124
XfdesktopIconView.view .rubberband {
125
border: 1px solid #7BAAF7;
126
background-color: rgba(123, 170, 247, 0.3);
127
}
128
flowbox flowboxchild {
130
padding: 4px;
131
border-radius: 4px;
132
}
133
.content-view .tile:selected {
135
background-color: transparent;
136
color: inherit;
137
}
138
label {
140
caret-color: currentColor;
141
}
142
label.separator {
144
color: rgba(0, 0, 0, 0.87);
145
}
146
label:disabled {
148
color: rgba(0, 0, 0, 0.38);
149
}
150
headerbar label:disabled,
152
tab label:disabled,
153
button label:disabled {
154
color: inherit;
155
}
156
.dim-label, label.separator, .titlebar:not(headerbar) .subtitle,
158
headerbar .subtitle, .budgie-notification .notification-body, .budgie-switcher .notification-body {
159
opacity: 0.6;
160
}
161
assistant .sidebar {
163
padding: 4px 0;
164
}
165
assistant .sidebar label {
167
min-height: 32px;
168
padding: 0 12px;
169
color: rgba(0, 0, 0, 0.38);
170
font-weight: 500;
171
}
172
assistant .sidebar label.highlight {
174
color: rgba(0, 0, 0, 0.87);
175
}
176
/*********************
178
* Spinner Animation *
179
*********************/
180
@keyframes spin {
181
to {
182
-gtk-icon-transform: rotate(1turn);
183
}
184
}
185
spinner {
187
background: none;
188
opacity: 0;
189
-gtk-icon-source: -gtk-icontheme("process-working-symbolic");
190
}
191
spinner:checked {
193
opacity: 1;
194
animation: spin 1s linear infinite;
195
}
196
spinner:checked:disabled {
198
opacity: 0.5;
199
}
200
/****************
202
* Text Entries *
203
****************/
204
spinbutton:not(.vertical),
205
entry {
206
min-height: 32px;
207
padding: 0 8px;
208
border-radius: 4px 4px 0 0;
209
caret-color: currentColor;
210
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1);
211
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #4285F4 0%, transparent 0%) 0 0 0/0 0 0px;
212
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26);
213
background-color: rgba(0, 0, 0, 0.04);
214
color: rgba(0, 0, 0, 0.87);
215
}
216
spinbutton:focus:not(.vertical),
218
entry:focus {
219
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #4285F4 100%, transparent 0%) 0 0 2/0 0 2px;
220
}
221
spinbutton:disabled:not(.vertical),
223
entry:disabled {
224
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12);
225
background-color: rgba(0, 0, 0, 0.04);
226
color: rgba(0, 0, 0, 0.38);
227
}
228
spinbutton.flat:not(.vertical), entry.preferences-search, layoutpane entry.search, editortweak entry.search,
230
entry.flat {
231
min-height: 0;
232
padding: 2px;
233
border-radius: 0;
234
background-color: transparent;
235
}
236
spinbutton:not(.vertical) image,
238
entry image {
239
color: rgba(0, 0, 0, 0.54);
240
}
241
spinbutton:not(.vertical) image:hover, spinbutton:not(.vertical) image:active,
243
entry image:hover,
244
entry image:active {
245
color: rgba(0, 0, 0, 0.87);
246
}
247
spinbutton:not(.vertical) image:disabled,
249
entry image:disabled {
250
color: rgba(0, 0, 0, 0.38);
251
}
252
spinbutton:not(.vertical) image.left,
254
entry image.left {
255
margin-left: 0px;
256
margin-right: 6px;
257
}
258
spinbutton:not(.vertical) image.right,
260
entry image.right {
261
margin-left: 6px;
262
margin-right: 0px;
263
}
264
spinbutton:not(.vertical) undershoot.left,
266
entry undershoot.left {
267
background-color: transparent;
268
background-image: linear-gradient(to top, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%);
269
padding-left: 1px;
270
background-size: 1px 12px;
271
background-repeat: repeat-y;
272
background-origin: content-box;
273
background-position: left top;
274
}
275
spinbutton:not(.vertical) undershoot.right,
277
entry undershoot.right {
278
background-color: transparent;
279
background-image: linear-gradient(to top, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%);
280
padding-right: 1px;
281
background-size: 1px 12px;
282
background-repeat: repeat-y;
283
background-origin: content-box;
284
background-position: right top;
285
}
286
spinbutton.error:not(.vertical),
288
entry.error {
289
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1);
290
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #EA4335 0%, transparent 0%) 0 0 0/0 0 0px;
291
box-shadow: inset 0 -1px #EA4335;
292
background-color: rgba(0, 0, 0, 0.04);
293
color: rgba(0, 0, 0, 0.87);
294
}
295
spinbutton.error:focus:not(.vertical),
297
entry.error:focus {
298
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #EA4335 100%, transparent 0%) 0 0 2/0 0 2px;
299
}
300
spinbutton.error:disabled:not(.vertical),
302
entry.error:disabled {
303
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12);
304
background-color: rgba(0, 0, 0, 0.04);
305
color: rgba(0, 0, 0, 0.38);
306
}
307
spinbutton.warning:not(.vertical),
309
entry.warning {
310
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1);
311
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FBBC05 0%, transparent 0%) 0 0 0/0 0 0px;
312
box-shadow: inset 0 -1px #FBBC05;
313
background-color: rgba(0, 0, 0, 0.04);
314
color: rgba(0, 0, 0, 0.87);
315
}
316
spinbutton.warning:focus:not(.vertical),
318
entry.warning:focus {
319
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #FBBC05 100%, transparent 0%) 0 0 2/0 0 2px;
320
}
321
spinbutton.warning:disabled:not(.vertical),
323
entry.warning:disabled {
324
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12);
325
background-color: rgba(0, 0, 0, 0.04);
326
color: rgba(0, 0, 0, 0.38);
327
}
328
spinbutton:not(.vertical) progress,
330
entry progress {
331
margin: 2px -6px;
332
border-bottom: 2px solid #4285F4;
333
background-color: transparent;
334
}
335
spinbutton.vertical entry, .gedit-search-slider .linked:not(.vertical) > entry {
337
border-radius: 4px;
338
transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
339
border-image: none;
340
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
341
background-color: #FFFFFF;
342
color: rgba(0, 0, 0, 0.87);
343
}
344
spinbutton.vertical entry:focus, .gedit-search-slider .linked:not(.vertical) > entry:focus {
346
border-image: none;
347
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
348
}
349
spinbutton.vertical entry:disabled, .gedit-search-slider .linked:not(.vertical) > entry:disabled {
351
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
352
background-color: #FAFAFA;
353
color: rgba(0, 0, 0, 0.38);
354
}
355
spinbutton.vertical entry.error, .gedit-search-slider .linked:not(.vertical) > entry.error {
357
transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
358
border-image: none;
359
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
360
background-color: #EA4335;
361
color: white;
362
}
363
spinbutton.vertical entry.error:focus, .gedit-search-slider .linked:not(.vertical) > entry.error:focus {
365
border-image: none;
366
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
367
}
368
spinbutton.vertical entry.error:disabled, .gedit-search-slider .linked:not(.vertical) > entry.error:disabled {
370
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
371
background-color: #FAFAFA;
372
color: rgba(0, 0, 0, 0.38);
373
}
374
spinbutton.vertical entry.error image, .gedit-search-slider .linked:not(.vertical) > entry.error image {
376
color: rgba(255, 255, 255, 0.7);
377
}
378
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 {
380
color: white;
381
}
382
spinbutton.vertical entry.error image:disabled, .gedit-search-slider .linked:not(.vertical) > entry.error image:disabled {
384
color: rgba(255, 255, 255, 0.5);
385
}
386
spinbutton.vertical entry.warning, .gedit-search-slider .linked:not(.vertical) > entry.warning {
388
transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
389
border-image: none;
390
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
391
background-color: #FBBC05;
392
color: white;
393
}
394
spinbutton.vertical entry.warning:focus, .gedit-search-slider .linked:not(.vertical) > entry.warning:focus {
396
border-image: none;
397
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
398
}
399
spinbutton.vertical entry.warning:disabled, .gedit-search-slider .linked:not(.vertical) > entry.warning:disabled {
401
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
402
background-color: #FAFAFA;
403
color: rgba(0, 0, 0, 0.38);
404
}
405
spinbutton.vertical entry.warning image, .gedit-search-slider .linked:not(.vertical) > entry.warning image {
407
color: rgba(255, 255, 255, 0.7);
408
}
409
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 {
411
color: white;
412
}
413
spinbutton.vertical entry.warning image:disabled, .gedit-search-slider .linked:not(.vertical) > entry.warning image:disabled {
415
color: rgba(255, 255, 255, 0.5);
416
}
417
treeview entry.flat, treeview entry {
419
background-color: #FFFFFF;
420
}
421
treeview entry.flat, treeview entry.flat:focus, treeview entry, treeview entry:focus {
423
border-image: none;
424
box-shadow: none;
425
}
426
.entry-tag, .documents-entry-tag, .photos-entry-tag {
428
margin: 2px;
429
border-radius: 9999px;
430
box-shadow: none;
431
background-color: rgba(0, 0, 0, 0.12);
432
color: rgba(0, 0, 0, 0.87);
433
}
434
.entry-tag:hover, .documents-entry-tag:hover, .photos-entry-tag:hover {
436
background-image: image(rgba(0, 0, 0, 0.12));
437
}
438
:dir(ltr) .entry-tag, :dir(ltr) .documents-entry-tag, :dir(ltr) .photos-entry-tag {
440
margin-left: 4px;
441
margin-right: 0;
442
padding-left: 12px;
443
padding-right: 8px;
444
}
445
:dir(rtl) .entry-tag, :dir(rtl) .documents-entry-tag, :dir(rtl) .photos-entry-tag {
447
margin-left: 0;
448
margin-right: 4px;
449
padding-left: 8px;
450
padding-right: 12px;
451
}
452
.entry-tag.button, .button.documents-entry-tag, .button.photos-entry-tag {
454
box-shadow: none;
455
background-color: transparent;
456
}
457
.entry-tag.button:not(:hover):not(:active), .button.documents-entry-tag:not(:hover):not(:active), .button.photos-entry-tag:not(:hover):not(:active) {
459
color: rgba(0, 0, 0, 0.54);
460
}
461
/***********
463
* Buttons *
464
***********/
465
@keyframes needs_attention {
466
from {
467
background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#4285F4), to(transparent));
468
}
469
to {
470
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#4285F4), to(transparent));
471
}
472
}
473
button {
476
min-height: 24px;
477
min-width: 16px;
478
padding: 4px 8px;
479
border-radius: 4px;
480
font-weight: 500;
481
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);
482
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;
483
background-color: #FFFFFF;
484
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
485
background-repeat: no-repeat;
486
background-position: center;
487
background-size: 1000% 1000%;
488
color: rgba(0, 0, 0, 0.87);
489
}
490
button:hover {
493
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;
494
color: rgba(0, 0, 0, 0.87);
495
}
496
button:active {
499
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
500
animation: ripple_effect 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
501
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);
502
background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.12) 10%, transparent 0%);
503
background-size: 0% 0%;
504
color: rgba(0, 0, 0, 0.87);
505
}
506
button:disabled {
509
box-shadow: none;
510
background-color: rgba(0, 0, 0, 0.04);
511
color: rgba(0, 0, 0, 0.38);
512
}
513
button:checked {
516
background-color: #4285F4;
517
color: white;
518
}
519
button:checked:disabled {
522
background-color: rgba(0, 0, 0, 0.12);
523
color: rgba(0, 0, 0, 0.38);
524
}
525
modelbutton.flat,
527
.menuitem.button.flat, spinbutton:not(.vertical) button, spinbutton.vertical button, popover.background.menu button,
528
popover.background button.model, notebook > header > tabs > arrow, scrollbar button, check,
529
radio, calendar.button, messagedialog.csd .dialog-action-area button, button.sidebar-button, .gedit-search-slider .linked > button, popover.messagepopover .popover-action-area button, #mate-menu button, .budgie-settings-window buttonbox.inline-toolbar button, .drop-shadow button, .budgie-session-dialog .linked.horizontal > button, .lightdm-gtk-greeter button, :not(headerbar) .caja-pathbar button, .caja-pathbar :not(headerbar) button, :not(headerbar) .path-bar button, layouttabbar button, .mate-panel-menu-bar button, .budgie-panel button, .raven stackswitcher.linked > button, toolbar button, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action),
530
headerbar button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button, filechooser #pathbarbox > stack > box > button, .nemo-window .toolbar button,
531
button.flat {
532
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);
533
box-shadow: inset 0 0 0 9999px transparent;
534
background-color: transparent;
535
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
536
background-repeat: no-repeat;
537
background-position: center;
538
background-size: 1000% 1000%;
539
color: rgba(0, 0, 0, 0.54);
540
}
541
modelbutton.flat:hover,
543
.menuitem.button.flat:hover, spinbutton:not(.vertical) button:hover, spinbutton.vertical button:hover, popover.background.menu button:hover,
544
popover.background button.model:hover, notebook > header > tabs > arrow:hover, scrollbar button:hover, check:hover,
545
radio:hover, calendar.button:hover, messagedialog.csd .dialog-action-area button:hover, button.sidebar-button:hover, .gedit-search-slider .linked > button:hover, popover.messagepopover .popover-action-area button:hover, #mate-menu button:hover, .budgie-settings-window buttonbox.inline-toolbar button:hover, .drop-shadow button:hover, .budgie-session-dialog .linked.horizontal > button:hover, .lightdm-gtk-greeter button:hover, :not(headerbar) .caja-pathbar button:hover, .caja-pathbar :not(headerbar) button:hover, :not(headerbar) .path-bar button:hover, layouttabbar button:hover, .mate-panel-menu-bar button:hover, .budgie-panel button:hover, .raven stackswitcher.linked > button:hover, toolbar button:hover, .titlebar:not(headerbar) button:hover:not(.suggested-action):not(.destructive-action),
546
headerbar button:hover:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:hover:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:hover, filechooser #pathbarbox > stack > box > button:hover, .nemo-window .toolbar button:hover,
547
button.flat:hover {
548
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
549
color: rgba(0, 0, 0, 0.87);
550
}
551
modelbutton.flat:active,
553
.menuitem.button.flat:active, spinbutton:not(.vertical) button:active, spinbutton.vertical button:active, popover.background.menu button:active,
554
popover.background button.model:active, notebook > header > tabs > arrow:active, scrollbar button:active, check:active,
555
radio:active, calendar.button:active, messagedialog.csd .dialog-action-area button:active, button.sidebar-button:active, .gedit-search-slider .linked > button:active, popover.messagepopover .popover-action-area button:active, #mate-menu button:active, .budgie-settings-window buttonbox.inline-toolbar button:active, .drop-shadow button:active, .budgie-session-dialog .linked.horizontal > button:active, .lightdm-gtk-greeter button:active, :not(headerbar) .caja-pathbar button:active, .caja-pathbar :not(headerbar) button:active, :not(headerbar) .path-bar button:active, layouttabbar button:active, .mate-panel-menu-bar button:active, .budgie-panel button:active, .raven stackswitcher.linked > button:active, toolbar button:active, .titlebar:not(headerbar) button:active:not(.suggested-action):not(.destructive-action),
556
headerbar button:active:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:active:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:active, filechooser #pathbarbox > stack > box > button:active, .nemo-window .toolbar button:active,
557
button.flat:active {
558
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;
559
animation: ripple_effect 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
560
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
561
background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.12) 10%, transparent 0%);
562
background-size: 0% 0%;
563
color: rgba(0, 0, 0, 0.87);
564
}
565
modelbutton.flat:disabled,
567
.menuitem.button.flat:disabled, spinbutton:not(.vertical) button:disabled, spinbutton.vertical button:disabled, popover.background.menu button:disabled,
568
popover.background button.model:disabled, notebook > header > tabs > arrow:disabled, scrollbar button:disabled, check:disabled,
569
radio:disabled, calendar.button:disabled, messagedialog.csd .dialog-action-area button:disabled, button.sidebar-button:disabled, .gedit-search-slider .linked > button:disabled, popover.messagepopover .popover-action-area button:disabled, #mate-menu button:disabled, .budgie-settings-window buttonbox.inline-toolbar button:disabled, .drop-shadow button:disabled, .budgie-session-dialog .linked.horizontal > button:disabled, .lightdm-gtk-greeter button:disabled, :not(headerbar) .caja-pathbar button:disabled, .caja-pathbar :not(headerbar) button:disabled, :not(headerbar) .path-bar button:disabled, layouttabbar button:disabled, .mate-panel-menu-bar button:disabled, .budgie-panel button:disabled, .raven stackswitcher.linked > button:disabled, toolbar button:disabled, .titlebar:not(headerbar) button:disabled:not(.suggested-action):not(.destructive-action),
570
headerbar button:disabled:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:disabled:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:disabled, filechooser #pathbarbox > stack > box > button:disabled, .nemo-window .toolbar button:disabled,
571
button.flat:disabled {
572
box-shadow: none;
573
background-color: transparent;
574
color: rgba(0, 0, 0, 0.26);
575
}
576
: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),
578
headerbar button:checked:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:checked:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:checked, filechooser #pathbarbox > stack > box > button:checked, .nemo-window .toolbar button:checked,
579
button.flat:checked {
580
background-color: alpha(currentColor, 0.24);
581
color: rgba(0, 0, 0, 0.87);
582
}
583
: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),
585
headerbar button:checked:disabled:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:checked:disabled:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification button:checked:disabled, filechooser #pathbarbox > stack > box > button:checked:disabled, .nemo-window .toolbar button:checked:disabled,
586
button.flat:checked:disabled {
587
background-color: rgba(0, 0, 0, 0.12);
588
color: rgba(0, 0, 0, 0.38);
589
}
590
button.text-button {
593
padding-left: 16px;
594
padding-right: 16px;
595
}
596
button.image-button {
599
min-width: 24px;
600
padding: 4px;
601
}
602
button.text-button.image-button {
605
border-radius: 4px;
606
-gtk-outline-radius: 4px;
607
}
608
button.text-button.image-button label:first-child {
611
margin-left: 12px;
612
}
613
button.text-button.image-button label:last-child {
616
margin-right: 12px;
617
}
618
button.text-button.image-button image:not(:only-child) {
621
margin: 0 4px;
622
}
623
toolbar .linked > button, .titlebar:not(headerbar) .linked > button:not(.suggested-action):not(.destructive-action),
625
headerbar .linked > button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box .linked > button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification .linked > button, filechooser #pathbarbox > stack > box.linked > button, .nemo-window .toolbar .linked > button,
626
toolbar .linked.vertical > button,
627
.titlebar:not(headerbar) .linked.vertical > button:not(.suggested-action):not(.destructive-action),
628
headerbar .linked.vertical > button:not(.suggested-action):not(.destructive-action),
629
actionbar > revealer > box .linked.vertical > button:not(.suggested-action):not(.destructive-action):not(.server-list-button),
630
.app-notification .linked.vertical > button,
631
filechooser #pathbarbox > stack > box.linked.vertical > button,
632
.nemo-window .toolbar .linked.vertical > button, .linked >
633
button.flat,
634
.linked.vertical >
635
button.flat {
636
border-radius: 4px;
637
}
638
toolbar .linked > button.text-button.image-button, .titlebar:not(headerbar) .linked > button.text-button.image-button:not(.suggested-action):not(.destructive-action),
640
headerbar .linked > button.text-button.image-button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box .linked > button.text-button.image-button:not(.suggested-action):not(.destructive-action):not(.server-list-button), .app-notification .linked > button.text-button.image-button, filechooser #pathbarbox > stack > box.linked > button.text-button.image-button, .nemo-window .toolbar .linked > button.text-button.image-button,
641
toolbar .linked.vertical > button.text-button.image-button,
642
.titlebar:not(headerbar) .linked.vertical > button.text-button.image-button:not(.suggested-action):not(.destructive-action),
643
headerbar .linked.vertical > button.text-button.image-button:not(.suggested-action):not(.destructive-action),
644
actionbar > revealer > box .linked.vertical > button.text-button.image-button:not(.suggested-action):not(.destructive-action):not(.server-list-button),
645
.app-notification .linked.vertical > button.text-button.image-button,
646
filechooser #pathbarbox > stack > box.linked.vertical > button.text-button.image-button,
647
.nemo-window .toolbar .linked.vertical > button.text-button.image-button, .linked >
648
button.flat.text-button.image-button,
649
.linked.vertical >
650
button.flat.text-button.image-button {
651
border-radius: 4px;
652
-gtk-outline-radius: 4px;
653
}
654
infobar.info button.flat, infobar.question button.flat, infobar.warning button.flat, infobar.error button.flat, .mate-panel-menu-bar button, .budgie-panel button, .raven-mpris button.image-button, .xfce4-panel.background button {
656
color: rgba(255, 255, 255, 0.7);
657
}
658
infobar.info button.flat:hover, infobar.question button.flat:hover, infobar.warning button.flat:hover, infobar.error button.flat:hover, .mate-panel-menu-bar button:hover, .budgie-panel button:hover, .raven-mpris button.image-button:hover, .xfce4-panel.background button:hover, infobar.info button.flat:active, infobar.question button.flat:active, infobar.warning button.flat:active, infobar.error button.flat:active, .mate-panel-menu-bar button:active, .budgie-panel button:active, .raven-mpris button.image-button:active, .xfce4-panel.background button:active {
660
color: white;
661
}
662
infobar.info button.flat:disabled, infobar.question button.flat:disabled, infobar.warning button.flat:disabled, infobar.error button.flat:disabled, .mate-panel-menu-bar button:disabled, .budgie-panel button:disabled, .raven-mpris button.image-button:disabled, .xfce4-panel.background button:disabled {
664
color: rgba(255, 255, 255, 0.3);
665
}
666
infobar.info button.flat:checked, infobar.question button.flat:checked, infobar.warning button.flat:checked, infobar.error button.flat:checked, .mate-panel-menu-bar button:checked, .budgie-panel button:checked, .raven-mpris button.image-button:checked, .xfce4-panel.background button:checked {
668
background-color: rgba(255, 255, 255, 0.3);
669
color: white;
670
}
671
infobar.info button.flat:checked:disabled, infobar.question button.flat:checked:disabled, infobar.warning button.flat:checked:disabled, infobar.error button.flat:checked:disabled, .mate-panel-menu-bar button:checked:disabled, .budgie-panel button:checked:disabled, .raven-mpris button.image-button:checked:disabled, .xfce4-panel.background button:checked:disabled {
673
background-color: rgba(255, 255, 255, 0.12);
674
color: rgba(255, 255, 255, 0.5);
675
}
676
button.osd {
679
padding: 8px 12px;
680
}
681
button.osd.image-button {
684
padding: 8px;
685
}
686
button.osd:disabled {
689
opacity: 0;
690
}
691
button.suggested-action {
694
background-color: #4285F4;
695
color: white;
696
}
697
button.suggested-action:disabled {
700
box-shadow: none;
701
background-color: rgba(0, 0, 0, 0.04);
702
color: rgba(0, 0, 0, 0.38);
703
}
704
button.suggested-action:checked {
707
background-color: #7baaf7;
708
}
709
button.suggested-action.flat {
712
background-color: transparent;
713
color: #4285F4;
714
}
715
button.suggested-action.flat:disabled {
718
box-shadow: none;
719
background-color: transparent;
720
color: rgba(0, 0, 0, 0.26);
721
}
722
button.suggested-action.flat:checked {
725
background-color: rgba(66, 133, 244, 0.3);
726
}
727
button.destructive-action {
730
background-color: #EA4335;
731
color: white;
732
}
733
button.destructive-action:disabled {
736
box-shadow: none;
737
background-color: rgba(0, 0, 0, 0.04);
738
color: rgba(0, 0, 0, 0.38);
739
}
740
button.destructive-action:checked {
743
background-color: #f07b72;
744
}
745
button.destructive-action.flat {
748
background-color: transparent;
749
color: #EA4335;
750
}
751
button.destructive-action.flat:disabled {
754
box-shadow: none;
755
background-color: transparent;
756
color: rgba(0, 0, 0, 0.26);
757
}
758
button.destructive-action.flat:checked {
761
background-color: rgba(234, 67, 53, 0.3);
762
}
763
.stack-switcher >
765
button {
766
outline-offset: -4px;
767
}
768
.stack-switcher >
770
button > label {
771
padding-left: 6px;
772
padding-right: 6px;
773
}
774
.stack-switcher >
776
button > image {
777
padding-left: 6px;
778
padding-right: 6px;
779
padding-top: 3px;
780
padding-bottom: 3px;
781
}
782
.stack-switcher >
784
button.text-button {
785
padding-left: 10px;
786
padding-right: 10px;
787
}
788
.stack-switcher >
790
button.image-button {
791
padding-left: 2px;
792
padding-right: 2px;
793
}
794
.stack-switcher >
796
button.needs-attention:checked > label,
797
.stack-switcher >
798
button.needs-attention:checked > image {
799
animation: none;
800
background-image: none;
801
}
802
.primary-toolbar
804
button {
805
-gtk-icon-shadow: none;
806
}
807
button.image-button, toolbar .linked > button.image-button, .titlebar:not(headerbar) .linked > button.image-button:not(.suggested-action):not(.destructive-action),
810
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,
811
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,
812
.linked.vertical > button.flat.image-button, .inline-toolbar button:not(.text-button), check,
813
radio, filechooser #pathbarbox > stack > box > button, button.titlebutton, .linked > button.disclosure-button:not(.suggested-action):not(.destructive-action), .nautilus-window headerbar revealer > button, .raven .expander-button,
814
button.close,
815
button.circular {
816
border-radius: 9999px;
817
-gtk-outline-radius: 9999px;
818
}
819
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 {
821
min-height: 24px;
822
min-width: 24px;
823
padding: 0;
824
border-radius: 9999px;
825
-gtk-outline-radius: 9999px;
826
}
827
.stack-switcher > button.needs-attention > label,
829
.stack-switcher > button.needs-attention > image, stacksidebar row.needs-attention > label {
830
animation: needs_attention 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
831
background-repeat: no-repeat;
832
background-position: right 3px;
833
background-size: 6px 6px;
834
}
835
.stack-switcher > button.needs-attention > label:dir(rtl),
837
.stack-switcher > button.needs-attention > image:dir(rtl), stacksidebar row.needs-attention > label:dir(rtl) {
838
background-position: left 3px;
839
}
840
.linked > button, .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry, combobox > .linked > button, .linked:not(.vertical) > combobox > box > button.combo {
842
border-radius: 0;
843
-gtk-outline-radius: 4px;
844
}
845
.linked > button:first-child {
847
border-top-left-radius: 4px;
848
border-bottom-left-radius: 4px;
849
}
850
.linked > button:last-child {
852
border-top-right-radius: 4px;
853
border-bottom-right-radius: 4px;
854
}
855
.linked > button:only-child {
857
border-radius: 4px;
858
}
859
.linked.vertical > button, .linked.vertical > spinbutton:not(.vertical), .linked.vertical > entry, .linked.vertical > combobox > box > button.combo {
861
border-radius: 0;
862
-gtk-outline-radius: 4px;
863
}
864
.linked.vertical > button:first-child {
866
border-top-left-radius: 4px;
867
border-top-right-radius: 4px;
868
}
869
.linked.vertical > button:last-child {
871
border-bottom-left-radius: 4px;
872
border-bottom-right-radius: 4px;
873
}
874
.linked.vertical > button:only-child {
876
border-radius: 4px;
877
}
878
.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 {
880
border-radius: 4px 0 0 0;
881
}
882
.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 {
884
border-radius: 0 4px 0 0;
885
}
886
.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 {
888
border-radius: 4px 4px 0 0;
889
}
890
.linked.vertical > spinbutton:first-child:not(.vertical), .linked.vertical > entry:first-child, .linked.vertical > combobox:first-child > box > button.combo {
892
border-radius: 4px 4px 0 0;
893
}
894
.linked.vertical > spinbutton:last-child:not(.vertical), .linked.vertical > entry:last-child, .linked.vertical > combobox:last-child > box > button.combo {
896
border-radius: 0;
897
}
898
.linked.vertical > spinbutton:only-child:not(.vertical), .linked.vertical > entry:only-child, .linked.vertical > combobox:only-child > box > button.combo {
900
border-radius: 4px 4px 0 0;
901
}
902
/* menu buttons */
904
modelbutton.flat,
905
.menuitem.button.flat {
906
min-height: 28px;
907
padding: 0 8px;
908
border-radius: 4px;
909
color: inherit;
910
}
911
modelbutton.flat arrow.left {
913
-gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
914
}
915
modelbutton.flat arrow.right {
917
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
918
}
919
button.color {
921
min-height: 24px;
922
min-width: 24px;
923
padding: 4px;
924
}
925
/*********
927
* Links *
928
*********/
929
*:link, button:link,
930
button:visited, *:link:hover, button:hover:link,
931
button:hover:visited, *:link:active, button:active:link,
932
button:active:visited {
933
color: #4285F4;
934
}
935
*:link:visited,
937
button:visited, *:link:visited:hover,
938
button:visited:hover, *:link:visited:active,
939
button:visited:active {
940
color: #E040FB;
941
}
942
infobar.info *:link, infobar.info button:link,
944
infobar.info button:visited, infobar.question *:link, infobar.question button:link,
945
infobar.question button:visited, infobar.warning *:link, infobar.warning button:link,
946
infobar.warning button:visited, infobar.error *:link, infobar.error button:link,
947
infobar.error button:visited, *:link:selected, button:selected:link,
948
button:selected:visited, .selection-mode.titlebar:not(headerbar) .subtitle:link,
949
headerbar.selection-mode .subtitle:link,
950
*:selected *:link,
951
*:selected button:link,
952
*:selected button:visited {
953
color: white;
954
}
955
button:link > label,
957
button:visited > label {
958
text-decoration-line: underline;
959
}
960
/*****************
962
* GtkSpinButton *
963
*****************/
964
spinbutton:not(.vertical) {
965
padding: 0;
966
}
967
spinbutton:not(.vertical) entry {
969
min-width: 24px;
970
margin: 0;
971
border-image: none;
972
border-radius: 0;
973
box-shadow: none;
974
background-color: transparent;
975
}
976
spinbutton:not(.vertical) button {
978
border: solid 4px transparent;
979
}
980
spinbutton:not(.vertical) button.up:dir(ltr), spinbutton:not(.vertical) button.down:dir(rtl) {
982
margin-left: -2px;
983
}
984
spinbutton:not(.vertical) button.up:dir(rtl), spinbutton:not(.vertical) button.down:dir(ltr) {
986
margin-right: -2px;
987
}
988
spinbutton.vertical:disabled {
990
color: rgba(0, 0, 0, 0.38);
991
}
992
spinbutton.vertical:drop(active) {
994
box-shadow: none;
995
}
996
spinbutton.vertical entry {
998
min-height: 32px;
999
min-width: 40px;
1000
padding: 0;
1001
}
1002
spinbutton.vertical button {
1004
min-height: 32px;
1005
min-width: 40px;
1006
padding: 0;
1007
}
1008
spinbutton.vertical button.up {
1010
border-radius: 4px 4px 0 0;
1011
}
1012
spinbutton.vertical button.down {
1014
border-radius: 0 0 4px 4px;
1015
}
1016
treeview spinbutton:not(.vertical) {
1018
min-height: 0;
1019
border-style: none;
1020
border-radius: 0;
1021
}
1022
treeview spinbutton:not(.vertical) entry {
1024
min-height: 0;
1025
padding: 1px 2px;
1026
}
1027
/**************
1029
* ComboBoxes *
1030
**************/
1031
combobox arrow {
1032
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
1033
min-height: 16px;
1034
min-width: 16px;
1035
}
1036
combobox decoration,
1038
combobox button.combo:checked {
1039
transition: none;
1040
}
1041
combobox button.combo cellview:dir(ltr) {
1043
margin-left: 0px;
1044
}
1045
combobox button.combo cellview:dir(rtl) {
1047
margin-right: 0px;
1048
}
1049
combobox #gtk-combobox-popup-menu {
1051
padding: 2px 0;
1052
}
1053
combobox #gtk-combobox-popup-menu menuitem {
1055
min-height: 28px;
1056
padding: 0 8px;
1057
}
1058
combobox #gtk-combobox-popup-menu > arrow.top {
1060
margin-top: -2px;
1061
}
1062
combobox #gtk-combobox-popup-menu > arrow.bottom {
1064
margin-top: 4px;
1065
margin-bottom: -6px;
1066
}
1067
combobox:drop(active) {
1069
box-shadow: none;
1070
}
1071
button.combo {
1073
border-radius: 4px 4px 0 0;
1074
background-image: none;
1075
font-weight: inherit;
1076
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1);
1077
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #4285F4 0%, transparent 0%) 0 0 0/0 0 0px;
1078
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.26);
1079
background-color: rgba(0, 0, 0, 0.04);
1080
color: rgba(0, 0, 0, 0.87);
1081
}
1082
button.combo:hover {
1084
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.87);
1085
}
1086
button.combo:checked {
1088
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #4285F4 100%, transparent 0%) 0 0 2/0 0 2px;
1089
}
1090
button.combo:disabled {
1092
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12);
1093
background-color: rgba(0, 0, 0, 0.04);
1094
color: rgba(0, 0, 0, 0.38);
1095
}
1096
/************
1098
* Toolbars *
1099
************/
1100
toolbar {
1101
-GtkWidget-window-dragging: true;
1102
padding: 2px;
1103
background-color: #F2F2F2;
1104
}
1105
.osd toolbar {
1107
background-color: transparent;
1108
}
1109
toolbar.osd, .app-notification, frame.documents-dropdown {
1111
transition: box-shadow 100ms cubic-bezier(0, 0, 0.2, 1);
1112
padding: 4px;
1113
border-radius: 4px;
1114
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);
1115
background-color: #FFFFFF;
1116
}
1117
toolbar.osd:backdrop, .app-notification:backdrop, frame.documents-dropdown:backdrop {
1119
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);
1120
}
1121
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 {
1123
border-radius: 0;
1124
}
1125
toolbar.horizontal > separator {
1127
margin: 2px;
1128
}
1129
toolbar.vertical > separator {
1131
margin: 2px;
1132
}
1133
toolbar:not(.inline-toolbar):not(.osd) scale,
1135
toolbar:not(.inline-toolbar):not(.osd) entry,
1136
toolbar:not(.inline-toolbar):not(.osd) spinbutton,
1137
toolbar:not(.inline-toolbar):not(.osd) button {
1138
margin: 2px;
1139
}
1140
toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:first-child),
1142
toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:first-child),
1143
toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:first-child) {
1144
margin-left: 0;
1145
}
1146
toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:last-child),
1148
toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:last-child),
1149
toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:last-child) {
1150
margin-right: 0;
1151
}
1152
toolbar:not(.inline-toolbar):not(.osd) spinbutton entry,
1154
toolbar:not(.inline-toolbar):not(.osd) spinbutton button {
1155
margin: 0;
1156
}
1157
toolbar:not(.inline-toolbar):not(.osd) switch {
1159
margin: 6px 2px;
1160
}
1161
.inline-toolbar {
1163
padding: 4px;
1164
border-style: solid;
1165
border-width: 0 1px 1px;
1166
border-color: rgba(0, 0, 0, 0.12);
1167
background-color: #FAFAFA;
1168
}
1169
searchbar > revealer > box,
1171
.location-bar {
1172
padding: 4px;
1173
border-style: solid;
1174
border-width: 0 0 1px;
1175
border-color: rgba(0, 0, 0, 0.12);
1176
background-color: #F2F2F2;
1177
background-clip: border-box;
1178
}
1179
searchbar > revealer > box {
1181
margin: -6px;
1182
padding: 4px;
1183
}
1184
/***************
1186
* Header bars *
1187
***************/
1188
.titlebar:not(headerbar),
1189
headerbar {
1190
transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1), color 100ms cubic-bezier(0, 0, 0.2, 1);
1191
min-height: 40px;
1192
padding: 0 4px;
1193
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);
1194
background-color: #383838;
1195
color: white;
1196
}
1197
.titlebar:disabled:not(headerbar),
1199
headerbar:disabled {
1200
color: rgba(255, 255, 255, 0.5);
1201
}
1202
.titlebar:backdrop:not(headerbar),
1204
headerbar:backdrop {
1205
color: rgba(255, 255, 255, 0.7);
1206
}
1207
.titlebar:backdrop:disabled:not(headerbar),
1209
headerbar:backdrop:disabled {
1210
color: rgba(255, 255, 255, 0.3);
1211
}
1212
.titlebar:not(headerbar) .title,
1214
headerbar .title {
1215
padding: 0 12px;
1216
font-weight: bold;
1217
}
1218
.titlebar:not(headerbar) .subtitle,
1220
headerbar .subtitle {
1221
padding: 0 12px;
1222
font-size: smaller;
1223
}
1224
.titlebar:not(headerbar) entry,
1226
headerbar entry {
1227
box-shadow: inset 0 -1px rgba(255, 255, 255, 0.3);
1228
background-color: rgba(255, 255, 255, 0.04);
1229
color: white;
1230
}
1231
.titlebar:not(headerbar) entry:disabled,
1233
headerbar entry:disabled {
1234
box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12);
1235
background-color: rgba(255, 255, 255, 0.04);
1236
color: rgba(255, 255, 255, 0.5);
1237
}
1238
.titlebar:not(headerbar) entry image,
1240
headerbar entry image {
1241
color: rgba(255, 255, 255, 0.7);
1242
}
1243
.titlebar:not(headerbar) entry image:hover, .titlebar:not(headerbar) entry image:active,
1245
headerbar entry image:hover,
1246
headerbar entry image:active {
1247
color: white;
1248
}
1249
.titlebar:not(headerbar) entry image:disabled,
1251
headerbar entry image:disabled {
1252
color: rgba(255, 255, 255, 0.5);
1253
}
1254
.titlebar:not(headerbar) .linked:not(.vertical) > entry:not(.flat),
1256
headerbar .linked:not(.vertical) > entry:not(.flat) {
1257
border-radius: 4px 4px 0 0;
1258
}
1259
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action),
1261
headerbar button:not(.suggested-action):not(.destructive-action) {
1262
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0/0 0 0px;
1263
color: rgba(255, 255, 255, 0.7);
1264
}
1265
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):hover, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):active,
1267
headerbar button:not(.suggested-action):not(.destructive-action):hover,
1268
headerbar button:not(.suggested-action):not(.destructive-action):active {
1269
color: white;
1270
}
1271
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):disabled,
1273
headerbar button:not(.suggested-action):not(.destructive-action):disabled {
1274
color: rgba(255, 255, 255, 0.3);
1275
}
1276
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked,
1278
headerbar button:not(.suggested-action):not(.destructive-action):checked {
1279
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2/0 0 2px;
1280
color: white;
1281
}
1282
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked:disabled,
1284
headerbar button:not(.suggested-action):not(.destructive-action):checked:disabled {
1285
color: rgba(255, 255, 255, 0.5);
1286
}
1287
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked:disabled,
1289
headerbar button:not(.suggested-action):not(.destructive-action):checked,
1290
headerbar button:not(.suggested-action):not(.destructive-action):checked:disabled {
1291
background-color: transparent;
1292
}
1293
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop,
1295
headerbar button:not(.suggested-action):not(.destructive-action):backdrop {
1296
color: rgba(255, 255, 255, 0.5);
1297
}
1298
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:hover, .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:active,
1300
headerbar button:not(.suggested-action):not(.destructive-action):backdrop:hover,
1301
headerbar button:not(.suggested-action):not(.destructive-action):backdrop:active {
1302
color: rgba(255, 255, 255, 0.7);
1303
}
1304
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:disabled,
1306
headerbar button:not(.suggested-action):not(.destructive-action):backdrop:disabled {
1307
color: rgba(255, 255, 255, 0.3);
1308
}
1309
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked,
1311
headerbar button:not(.suggested-action):not(.destructive-action):backdrop:checked {
1312
color: rgba(255, 255, 255, 0.7);
1313
}
1314
.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled,
1316
headerbar button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled {
1317
color: rgba(255, 255, 255, 0.3);
1318
}
1319
.titlebar:not(headerbar) button.suggested-action:disabled, .titlebar:not(headerbar) button.destructive-action:disabled,
1321
headerbar button.suggested-action:disabled,
1322
headerbar button.destructive-action:disabled {
1323
background-color: rgba(255, 255, 255, 0.04);
1324
color: rgba(255, 255, 255, 0.5);
1325
}
1326
.selection-mode.titlebar:not(headerbar),
1328
headerbar.selection-mode {
1329
transition: background-color 0.00001s 225ms, color 225ms cubic-bezier(0, 0, 0.2, 1);
1330
animation: header_ripple_effect 225ms cubic-bezier(0, 0, 0.2, 1);
1331
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);
1332
background-color: #4285F4;
1333
color: white;
1334
}
1335
.selection-mode.titlebar:backdrop:not(headerbar),
1337
headerbar.selection-mode:backdrop {
1338
color: rgba(255, 255, 255, 0.7);
1339
}
1340
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action),
1342
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action) {
1343
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0/0 0 0px;
1344
color: white;
1345
}
1346
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):disabled,
1348
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):disabled {
1349
color: rgba(255, 255, 255, 0.5);
1350
}
1351
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked,
1353
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):checked {
1354
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2/0 0 2px;
1355
color: white;
1356
}
1357
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):checked:disabled,
1359
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):checked:disabled {
1360
color: rgba(255, 255, 255, 0.5);
1361
}
1362
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop,
1364
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop {
1365
color: rgba(255, 255, 255, 0.7);
1366
}
1367
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:disabled,
1369
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:disabled {
1370
color: rgba(255, 255, 255, 0.3);
1371
}
1372
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked,
1374
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked {
1375
color: rgba(255, 255, 255, 0.7);
1376
}
1377
.selection-mode.titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled,
1379
headerbar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled {
1380
color: rgba(255, 255, 255, 0.3);
1381
}
1382
.selection-mode.titlebar:not(headerbar) .selection-menu,
1384
headerbar.selection-mode .selection-menu {
1385
padding-left: 16px;
1386
padding-right: 16px;
1387
}
1388
.selection-mode.titlebar:not(headerbar) .selection-menu arrow,
1390
headerbar.selection-mode .selection-menu arrow {
1391
-GtkArrow-arrow-scaling: 1;
1392
}
1393
.selection-mode.titlebar:not(headerbar) .selection-menu .arrow,
1395
headerbar.selection-mode .selection-menu .arrow {
1396
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
1397
}
1398
.tiled .titlebar:not(headerbar),
1400
.tiled-top .titlebar:not(headerbar),
1401
.tiled-right .titlebar:not(headerbar),
1402
.tiled-bottom .titlebar:not(headerbar),
1403
.tiled-left .titlebar:not(headerbar),
1404
.maximized .titlebar:not(headerbar),
1405
.fullscreen .titlebar:not(headerbar), .tiled
1406
headerbar,
1407
.tiled-top
1408
headerbar,
1409
.tiled-right
1410
headerbar,
1411
.tiled-bottom
1412
headerbar,
1413
.tiled-left
1414
headerbar,
1415
.maximized
1416
headerbar,
1417
.fullscreen
1418
headerbar {
1419
border-radius: 0;
1420
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
1421
}
1422
.default-decoration.titlebar:not(headerbar),
1424
headerbar.default-decoration {
1425
min-height: 24px;
1426
padding: 4px;
1427
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
1428
}
1429
.tiled .default-decoration.titlebar:not(headerbar),
1431
.maximized .default-decoration.titlebar:not(headerbar),
1432
.fullscreen .default-decoration.titlebar:not(headerbar), .tiled
1433
headerbar.default-decoration,
1434
.maximized
1435
headerbar.default-decoration,
1436
.fullscreen
1437
headerbar.default-decoration {
1438
box-shadow: none;
1439
}
1440
.default-decoration.titlebar:not(headerbar) button.titlebutton,
1442
headerbar.default-decoration button.titlebutton {
1443
min-height: 24px;
1444
min-width: 24px;
1445
margin: 0;
1446
padding: 0;
1447
}
1448
.background:not(.csd) .default-decoration.titlebar:not(headerbar) button.titlebutton:active, .background:not(.csd)
1450
headerbar.default-decoration button.titlebutton:active {
1451
background-size: 1000% 1000%;
1452
}
1453
.solid-csd .titlebar:dir(rtl):not(headerbar), .solid-csd .titlebar:dir(ltr):not(headerbar), .solid-csd
1455
headerbar:dir(rtl), .solid-csd
1456
headerbar:dir(ltr) {
1457
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
1458
}
1459
headerbar entry,
1461
headerbar spinbutton,
1462
headerbar button {
1463
margin-top: 4px;
1464
margin-bottom: 4px;
1465
}
1466
headerbar separator {
1468
margin-top: 10px;
1469
margin-bottom: 10px;
1470
background-color: rgba(255, 255, 255, 0.12);
1471
}
1472
headerbar switch {
1474
margin-top: 8px;
1475
margin-bottom: 8px;
1476
}
1477
headerbar spinbutton button {
1479
margin-top: 0;
1480
margin-bottom: 0;
1481
}
1482
headerbar .entry-tag, headerbar .documents-entry-tag, headerbar .photos-entry-tag {
1484
margin-top: 5px;
1485
margin-bottom: 5px;
1486
}
1487
.background .titlebar {
1489
border-top-left-radius: 4px;
1490
border-top-right-radius: 4px;
1491
}
1492
.background.tiled .titlebar,
1494
.background.tiled-top .titlebar,
1495
.background.tiled-right .titlebar,
1496
.background.tiled-bottom .titlebar,
1497
.background.tiled-left .titlebar,
1498
.background.maximized .titlebar,
1499
.background.solid-csd .titlebar {
1500
border-top-left-radius: 0;
1501
border-top-right-radius: 0;
1502
}
1503
window separator:first-child + headerbar,
1505
window headerbar:first-child {
1506
border-top-left-radius: 4px;
1507
}
1508
window headerbar:last-child {
1510
border-top-right-radius: 4px;
1511
}
1512
window stack headerbar:first-child, window stack headerbar:last-child {
1514
border-top-left-radius: 4px;
1515
border-top-right-radius: 4px;
1516
}
1517
window.tiled headerbar, window.tiled headerbar:first-child, window.tiled headerbar:last-child, window.tiled headerbar:only-child,
1519
window.tiled-top headerbar,
1520
window.tiled-top headerbar:first-child,
1521
window.tiled-top headerbar:last-child,
1522
window.tiled-top headerbar:only-child,
1523
window.tiled-right headerbar,
1524
window.tiled-right headerbar:first-child,
1525
window.tiled-right headerbar:last-child,
1526
window.tiled-right headerbar:only-child,
1527
window.tiled-bottom headerbar,
1528
window.tiled-bottom headerbar:first-child,
1529
window.tiled-bottom headerbar:last-child,
1530
window.tiled-bottom headerbar:only-child,
1531
window.tiled-left headerbar,
1532
window.tiled-left headerbar:first-child,
1533
window.tiled-left headerbar:last-child,
1534
window.tiled-left headerbar:only-child,
1535
window.maximized headerbar,
1536
window.maximized headerbar:first-child,
1537
window.maximized headerbar:last-child,
1538
window.maximized headerbar:only-child,
1539
window.fullscreen headerbar,
1540
window.fullscreen headerbar:first-child,
1541
window.fullscreen headerbar:last-child,
1542
window.fullscreen headerbar:only-child,
1543
window.solid-csd headerbar,
1544
window.solid-csd headerbar:first-child,
1545
window.solid-csd headerbar:last-child,
1546
window.solid-csd headerbar:only-child {
1547
border-top-left-radius: 0;
1548
border-top-right-radius: 0;
1549
}
1550
window.csd > .titlebar:not(headerbar) {
1552
padding: 0;
1553
background-color: transparent;
1554
background-image: none;
1555
border-style: none;
1556
box-shadow: none;
1557
}
1558
.titlebar:not(headerbar) > separator {
1560
background-color: #383838;
1561
background-image: image(rgba(0, 0, 0, 0.12));
1562
}
1563
/************
1565
* Pathbars *
1566
************/
1567
.caja-pathbar button,
1568
.path-bar button {
1569
padding-left: 4px;
1570
padding-right: 4px;
1571
}
1572
.caja-pathbar button label:not(:only-child):first-child,
1574
.path-bar button label:not(:only-child):first-child {
1575
margin-left: 4px;
1576
}
1577
.caja-pathbar button label:not(:only-child):last-child,
1579
.path-bar button label:not(:only-child):last-child {
1580
margin-right: 4px;
1581
}
1582
.caja-pathbar button.slider-button,
1584
.path-bar button.slider-button {
1585
padding-left: 4px;
1586
padding-right: 4px;
1587
}
1588
:not(headerbar) .caja-pathbar button, .caja-pathbar :not(headerbar) button, :not(headerbar)
1590
.path-bar button {
1591
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #4285F4 0%, transparent 0%) 0 0 0/0 0 0px;
1592
border-radius: 4px;
1593
}
1594
:not(headerbar) .caja-pathbar button:checked, .caja-pathbar :not(headerbar) button:checked, :not(headerbar)
1596
.path-bar button:checked {
1597
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #4285F4 100%, transparent 0%) 0 0 2/0 0 2px;
1598
}
1599
: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)
1601
.path-bar button:checked, :not(headerbar)
1602
.path-bar button:checked:disabled {
1603
background-color: transparent;
1604
}
1605
/**************
1607
* Tree Views *
1608
**************/
1609
treeview.view {
1610
border-left-color: rgba(0, 0, 0, 0.26);
1611
border-top-color: rgba(0, 0, 0, 0.12);
1612
}
1613
* {
1615
-GtkTreeView-horizontal-separator: 4;
1616
-GtkTreeView-grid-line-width: 1;
1617
-GtkTreeView-grid-line-pattern: '';
1618
-GtkTreeView-tree-line-width: 1;
1619
-GtkTreeView-tree-line-pattern: '';
1620
-GtkTreeView-expander-size: 16;
1621
}
1622
treeview.view:selected {
1624
background-color: #FFFFFF;
1625
background-image: image(rgba(66, 133, 244, 0.32));
1626
}
1627
treeview.view:hover, treeview.view:selected {
1629
border-radius: 0;
1630
}
1631
treeview.view.separator {
1633
min-height: 5px;
1634
color: rgba(0, 0, 0, 0.12);
1635
}
1636
treeview.view:drop(active) {
1638
border-style: solid none;
1639
border-width: 1px;
1640
border-color: #4285F4;
1641
}
1642
treeview.view:drop(active).after {
1644
border-top-style: none;
1645
}
1646
treeview.view:drop(active).before {
1648
border-bottom-style: none;
1649
}
1650
treeview.view.expander {
1652
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
1653
-gtk-icon-transform: rotate(-90deg);
1654
color: rgba(0, 0, 0, 0.54);
1655
}
1656
treeview.view.expander:dir(rtl) {
1658
-gtk-icon-transform: rotate(90deg);
1659
}
1660
treeview.view.expander:checked {
1662
-gtk-icon-transform: unset;
1663
}
1664
treeview.view.expander:hover, treeview.view.expander:active {
1666
color: rgba(0, 0, 0, 0.87);
1667
}
1668
treeview.view.expander:disabled {
1670
color: rgba(0, 0, 0, 0.26);
1671
}
1672
treeview.view.progressbar {
1674
border-bottom: 4px solid #4285F4;
1675
box-shadow: none;
1676
background-color: transparent;
1677
}
1678
treeview.view.trough {
1680
border-bottom: 4px solid rgba(0, 0, 0, 0.12);
1681
box-shadow: none;
1682
background-color: transparent;
1683
}
1684
treeview.view header button {
1686
padding: 2px 6px;
1687
border-style: none solid solid none;
1688
border-width: 1px;
1689
border-color: rgba(0, 0, 0, 0.12);
1690
border-radius: 0;
1691
background-clip: border-box;
1692
}
1693
treeview.view header button:not(:hover):not(:active) {
1695
color: rgba(0, 0, 0, 0.54);
1696
}
1697
treeview.view header button, treeview.view header button:hover, treeview.view header button:active {
1699
box-shadow: none;
1700
}
1701
treeview.view header button, treeview.view header button:disabled {
1703
background-color: #FFFFFF;
1704
}
1705
treeview.view header button:last-child {
1707
border-right-style: none;
1708
}
1709
treeview.view button.dnd,
1711
treeview.view header.button.dnd {
1712
padding: 2px 6px;
1713
border-style: none solid solid;
1714
border-width: 1px;
1715
border-color: rgba(0, 0, 0, 0.12);
1716
border-radius: 0;
1717
box-shadow: none;
1718
background-color: #FFFFFF;
1719
background-clip: border-box;
1720
color: #4285F4;
1721
}
1722
treeview.view acceleditor > label {
1724
background-color: #4285F4;
1725
}
1726
/*********
1728
* Menus *
1729
*********/
1730
menubar,
1731
.menubar {
1732
-GtkWidget-window-dragging: true;
1733
padding: 0;
1734
background-color: #383838;
1735
}
1736
menubar > menuitem,
1738
.menubar > menuitem {
1739
transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
1740
min-height: 20px;
1741
padding: 4px 8px;
1742
color: rgba(255, 255, 255, 0.7);
1743
}
1744
menubar > menuitem:hover,
1746
.menubar > menuitem:hover {
1747
transition: none;
1748
background-color: rgba(255, 255, 255, 0.12);
1749
color: white;
1750
}
1751
menubar > menuitem:disabled,
1753
.menubar > menuitem:disabled {
1754
color: rgba(255, 255, 255, 0.3);
1755
}
1756
menubar > menuitem label:disabled,
1758
.menubar > menuitem label:disabled {
1759
color: inherit;
1760
}
1761
.csd.popup {
1763
background-color: transparent;
1764
}
1765
menu,
1767
.menu,
1768
.context-menu {
1769
margin: 4px 0;
1770
padding: 4px 0;
1771
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
1772
background-color: #FFFFFF;
1773
border: 1px solid rgba(0, 0, 0, 0.12);
1774
}
1775
.csd menu, .csd
1777
.menu, .csd
1778
.context-menu {
1779
border: none;
1780
border-radius: 4px;
1781
}
1782
menu menuitem,
1784
.menu menuitem,
1785
.context-menu menuitem {
1786
transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1);
1787
min-height: 20px;
1788
min-width: 40px;
1789
padding: 4px 8px;
1790
font: initial;
1791
text-shadow: none;
1792
}
1793
menu menuitem:hover,
1795
.menu menuitem:hover,
1796
.context-menu menuitem:hover {
1797
transition: none;
1798
background-color: rgba(0, 0, 0, 0.12);
1799
}
1800
menu menuitem:disabled,
1802
.menu menuitem:disabled,
1803
.context-menu menuitem:disabled {
1804
color: rgba(0, 0, 0, 0.38);
1805
}
1806
menu menuitem arrow,
1808
.menu menuitem arrow,
1809
.context-menu menuitem arrow {
1810
min-height: 16px;
1811
min-width: 16px;
1812
}
1813
menu menuitem arrow:dir(ltr),
1815
.menu menuitem arrow:dir(ltr),
1816
.context-menu menuitem arrow:dir(ltr) {
1817
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
1818
margin-left: 8px;
1819
}
1820
menu menuitem arrow:dir(rtl),
1822
.menu menuitem arrow:dir(rtl),
1823
.context-menu menuitem arrow:dir(rtl) {
1824
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl");
1825
margin-right: 8px;
1826
}
1827
menu menuitem label:dir(rtl), menu menuitem label:dir(ltr),
1829
.menu menuitem label:dir(rtl),
1830
.menu menuitem label:dir(ltr),
1831
.context-menu menuitem label:dir(rtl),
1832
.context-menu menuitem label:dir(ltr) {
1833
color: inherit;
1834
}
1835
menu > arrow,
1837
.menu > arrow,
1838
.context-menu > arrow {
1839
min-height: 16px;
1840
min-width: 16px;
1841
padding: 4px;
1842
background-color: #FFFFFF;
1843
color: rgba(0, 0, 0, 0.54);
1844
}
1845
menu > arrow.top,
1847
.menu > arrow.top,
1848
.context-menu > arrow.top {
1849
margin-top: -4px;
1850
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
1851
border-radius: 4px 4px 0 0;
1852
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
1853
}
1854
menu > arrow.bottom,
1856
.menu > arrow.bottom,
1857
.context-menu > arrow.bottom {
1858
margin-top: 8px;
1859
margin-bottom: -12px;
1860
border-top: 1px solid rgba(0, 0, 0, 0.12);
1861
border-radius: 0 0 4px 4px;
1862
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
1863
}
1864
menu > arrow:hover,
1866
.menu > arrow:hover,
1867
.context-menu > arrow:hover {
1868
background-image: image(rgba(0, 0, 0, 0.12));
1869
color: rgba(0, 0, 0, 0.87);
1870
}
1871
menu > arrow:disabled,
1873
.menu > arrow:disabled,
1874
.context-menu > arrow:disabled {
1875
border-color: transparent;
1876
background-color: transparent;
1877
color: transparent;
1878
}
1879
menu separator,
1881
.menu separator,
1882
.context-menu separator {
1883
margin: 4px 0;
1884
}
1885
menuitem accelerator {
1887
color: rgba(0, 0, 0, 0.54);
1888
}
1889
menuitem:disabled accelerator {
1891
color: rgba(0, 0, 0, 0.26);
1892
}
1893
.popup:not(.csd) menu menuitem {
1895
color: #212121;
1896
}
1897
.popup:not(.csd) menu menuitem:hover {
1899
background-color: #E0E0E0;
1900
}
1901
.popup:not(.csd) menu menuitem:disabled {
1903
color: #9E9E9E;
1904
}
1905
.popup:not(.csd) menu accelerator {
1907
color: #757575;
1908
}
1909
/************
1911
* Popovers *
1912
************/
1913
popover.background {
1914
transition: box-shadow 100ms cubic-bezier(0, 0, 0.2, 1);
1915
padding: 2px;
1916
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
1917
background-color: #FFFFFF;
1918
}
1919
popover.background:backdrop {
1921
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
1922
}
1923
popover.background, .csd popover.background {
1925
border-style: solid;
1926
border-width: 1px;
1927
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.3);
1928
border-radius: 5px;
1929
}
1930
popover.background > stack {
1932
margin: -4px;
1933
}
1934
popover.background > toolbar {
1936
margin: -2px;
1937
}
1938
popover.background > list,
1940
popover.background > .view,
1941
popover.background > toolbar {
1942
border-style: none;
1943
box-shadow: none;
1944
background-color: transparent;
1945
}
1946
popover.background list,
1948
popover.background .view:not(:selected),
1949
popover.background toolbar {
1950
background-color: #FFFFFF;
1951
}
1952
popover.background.menu button,
1954
popover.background button.model {
1955
min-height: 32px;
1956
padding: 0 8px;
1957
border-radius: 4px;
1958
}
1959
popover.background separator {
1961
margin: 4px 0;
1962
}
1963
popover.background list separator {
1965
margin: 0;
1966
}
1967
/*************
1969
* Notebooks *
1970
*************/
1971
frame > paned > notebook > header,
1972
notebook.frame > header {
1973
background-color: #FAFAFA;
1974
}
1975
notebook:focus tab:checked {
1977
box-shadow: inset 0 0 0 9999px rgba(66, 133, 244, 0.12);
1978
outline: none;
1979
}
1980
notebook > header {
1982
border-width: 1px;
1983
border-color: rgba(0, 0, 0, 0.12);
1984
background-color: #F2F2F2;
1985
background-clip: border-box;
1986
}
1987
notebook > header.top {
1989
border-bottom-style: solid;
1990
}
1991
notebook > header.top > tabs {
1993
margin-bottom: -1px;
1994
}
1995
notebook > header.top > tabs > tab {
1997
border-image: linear-gradient(to top, transparent 2px, transparent 2px) 2/0 0 2px;
1998
}
1999
notebook > header.top > tabs > tab:checked {
2001
border-image-source: linear-gradient(to top, #4285F4 2px, rgba(0, 0, 0, 0.12) 2px);
2002
}
2003
notebook > header.top > tabs > tab.reorderable-page {
2005
border-image-width: 0 1px 2px;
2006
}
2007
notebook > header.bottom {
2009
border-top-style: solid;
2010
}
2011
notebook > header.bottom > tabs {
2013
margin-top: -1px;
2014
}
2015
notebook > header.bottom > tabs > tab {
2017
border-image: linear-gradient(to bottom, transparent 2px, transparent 2px) 2/2px 0 0;
2018
}
2019
notebook > header.bottom > tabs > tab:checked {
2021
border-image-source: linear-gradient(to bottom, #4285F4 2px, rgba(0, 0, 0, 0.12) 2px);
2022
}
2023
notebook > header.bottom > tabs > tab.reorderable-page {
2025
border-image-width: 2px 1px 0;
2026
}
2027
notebook > header.left {
2029
border-right-style: solid;
2030
}
2031
notebook > header.left > tabs {
2033
margin-right: -1px;
2034
}
2035
notebook > header.left > tabs > tab {
2037
border-image: linear-gradient(to left, transparent 2px, transparent 2px) 2/0 2px 0 0;
2038
}
2039
notebook > header.left > tabs > tab:checked {
2041
border-image-source: linear-gradient(to left, #4285F4 2px, rgba(0, 0, 0, 0.12) 2px);
2042
}
2043
notebook > header.left > tabs > tab.reorderable-page {
2045
border-image-width: 1px 2px 1px 0;
2046
}
2047
notebook > header.right {
2049
border-left-style: solid;
2050
}
2051
notebook > header.right > tabs {
2053
margin-left: -1px;
2054
}
2055
notebook > header.right > tabs > tab {
2057
border-image: linear-gradient(to right, transparent 2px, transparent 2px) 2/0 0 0 2px;
2058
}
2059
notebook > header.right > tabs > tab:checked {
2061
border-image-source: linear-gradient(to right, #4285F4 2px, rgba(0, 0, 0, 0.12) 2px);
2062
}
2063
notebook > header.right > tabs > tab.reorderable-page {
2065
border-image-width: 1px 0 1px 2px;
2066
}
2067
notebook > header.top > tabs > arrow {
2069
border-top-style: none;
2070
}
2071
notebook > header.bottom > tabs > arrow {
2073
border-bottom-style: none;
2074
}
2075
notebook > header.top > tabs > arrow, notebook > header.bottom > tabs > arrow {
2077
padding-left: 4px;
2078
padding-right: 4px;
2079
}
2080
notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down {
2082
margin-left: -8px;
2083
-gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
2084
}
2085
notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up {
2087
margin-right: -8px;
2088
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
2089
}
2090
notebook > header.left > tabs > arrow {
2092
border-left-style: none;
2093
}
2094
notebook > header.right > tabs > arrow {
2096
border-right-style: none;
2097
}
2098
notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow {
2100
padding-top: 4px;
2101
padding-bottom: 4px;
2102
}
2103
notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down {
2105
margin-top: -8px;
2106
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
2107
}
2108
notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up {
2110
margin-bottom: -8px;
2111
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
2112
}
2113
notebook > header > tabs > arrow {
2115
min-height: 16px;
2116
min-width: 16px;
2117
border-radius: 0;
2118
}
2119
notebook > header tab {
2121
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
2122
min-height: 24px;
2123
min-width: 24px;
2124
padding: 4px 12px;
2125
outline-offset: -6px;
2126
border-width: 1px;
2127
border-color: transparent;
2128
background-image: radial-gradient(circle farthest-corner at center, #4285F4 10%, transparent 0%);
2129
background-repeat: no-repeat;
2130
background-position: center;
2131
background-size: 0% 0%;
2132
background-clip: border-box;
2133
color: rgba(0, 0, 0, 0.54);
2134
font-weight: 500;
2135
}
2136
notebook > header tab:hover {
2138
background-color: alpha(currentColor, 0.08);
2139
color: rgba(0, 0, 0, 0.87);
2140
}
2141
notebook > header tab:disabled {
2143
color: rgba(0, 0, 0, 0.26);
2144
}
2145
notebook > header tab:checked {
2147
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);
2148
background-color: transparent;
2149
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
2150
background-size: 1000% 1000%;
2151
background-clip: padding-box;
2152
color: rgba(0, 0, 0, 0.87);
2153
}
2154
notebook > header tab:checked:disabled {
2156
color: rgba(0, 0, 0, 0.38);
2157
}
2158
notebook > header tab:checked.reorderable-page {
2160
border-color: rgba(0, 0, 0, 0.12);
2161
background-color: #FFFFFF;
2162
}
2163
notebook > header tab button.flat:last-child {
2165
margin-left: 4px;
2166
margin-right: -8px;
2167
}
2168
notebook > header tab button.flat:first-child {
2170
margin-left: -8px;
2171
margin-right: 4px;
2172
}
2173
notebook > header.top tabs, notebook > header.bottom tabs {
2175
padding-left: 8px;
2176
padding-right: 8px;
2177
}
2178
notebook > header.top tabs:not(:only-child):first-child, notebook > header.bottom tabs:not(:only-child):first-child {
2180
margin-left: 0;
2181
}
2182
notebook > header.top tabs:not(:only-child):last-child, notebook > header.bottom tabs:not(:only-child):last-child {
2184
margin-right: 0;
2185
}
2186
notebook > header.top tabs tab.reorderable-page, notebook > header.bottom tabs tab.reorderable-page {
2188
border-style: none solid;
2189
}
2190
notebook > header.left tabs, notebook > header.right tabs {
2192
padding-top: 8px;
2193
padding-bottom: 8px;
2194
}
2195
notebook > header.left tabs:not(:only-child):first-child, notebook > header.right tabs:not(:only-child):first-child {
2197
margin-top: 0;
2198
}
2199
notebook > header.left tabs:not(:only-child):last-child, notebook > header.right tabs:not(:only-child):last-child {
2201
margin-bottom: 0;
2202
}
2203
notebook > header.left tabs tab.reorderable-page, notebook > header.right tabs tab.reorderable-page {
2205
border-style: solid none;
2206
}
2207
notebook > stack:not(:only-child) {
2209
background-color: #FFFFFF;
2210
}
2211
/**************
2213
* Scrollbars *
2214
**************/
2215
scrollbar {
2216
transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
2217
background-color: #FFFFFF;
2218
background-clip: padding-box;
2219
}
2220
* {
2222
-GtkScrollbar-has-backward-stepper: false;
2223
-GtkScrollbar-has-forward-stepper: false;
2224
}
2225
scrollbar.top {
2227
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
2228
}
2229
scrollbar.bottom {
2231
border-top: 1px solid rgba(0, 0, 0, 0.12);
2232
}
2233
scrollbar.left {
2235
border-right: 1px solid rgba(0, 0, 0, 0.12);
2236
}
2237
scrollbar.right {
2239
border-left: 1px solid rgba(0, 0, 0, 0.12);
2240
}
2241
scrollbar slider {
2243
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), margin 0, border-width 0;
2244
min-width: 8px;
2245
min-height: 8px;
2246
border: 4px solid transparent;
2247
border-radius: 9999px;
2248
background-clip: padding-box;
2249
background-color: rgba(0, 0, 0, 0.38);
2250
}
2251
scrollbar slider:hover {
2253
background-color: rgba(0, 0, 0, 0.54);
2254
}
2255
scrollbar slider:active {
2257
background-color: rgba(0, 0, 0, 0.87);
2258
}
2259
scrollbar slider:disabled {
2261
background-color: rgba(0, 0, 0, 0.26);
2262
}
2263
scrollbar.fine-tune slider {
2265
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), margin 0, border-width 0, min-width 0, min-height 0;
2266
min-width: 4px;
2267
min-height: 4px;
2268
}
2269
scrollbar.fine-tune.horizontal slider {
2271
margin: 2px 0;
2272
}
2273
scrollbar.fine-tune.vertical slider {
2275
margin: 0 2px;
2276
}
2277
scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
2279
border-color: transparent;
2280
background-color: transparent;
2281
}
2282
scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider {
2284
min-width: 4px;
2285
min-height: 4px;
2286
margin: 3px;
2287
border: 1px solid rgba(255, 255, 255, 0.3);
2288
}
2289
scrollbar.overlay-indicator:not(.dragging):not(.hovering) button {
2291
min-width: 4px;
2292
min-height: 4px;
2293
margin: 3px;
2294
border: 1px solid rgba(255, 255, 255, 0.3);
2295
border-radius: 9999px;
2296
background-color: rgba(0, 0, 0, 0.38);
2297
background-clip: padding-box;
2298
-gtk-icon-source: none;
2299
}
2300
scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled {
2302
background-color: rgba(0, 0, 0, 0.26);
2303
}
2304
scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider {
2306
min-width: 24px;
2307
}
2308
scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button {
2310
min-width: 8px;
2311
}
2312
scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider {
2314
min-height: 24px;
2315
}
2316
scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button {
2318
min-height: 8px;
2319
}
2320
scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering {
2322
background-color: rgba(255, 255, 255, 0.9);
2323
}
2324
scrollbar.horizontal slider {
2326
min-width: 24px;
2327
}
2328
scrollbar.vertical slider {
2330
min-height: 24px;
2331
}
2332
scrollbar button {
2334
min-width: 16px;
2335
min-height: 16px;
2336
padding: 0;
2337
border-radius: 0;
2338
}
2339
scrollbar.vertical button.down {
2341
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
2342
}
2343
scrollbar.vertical button.up {
2345
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
2346
}
2347
scrollbar.horizontal button.down {
2349
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic");
2350
}
2351
scrollbar.horizontal button.up {
2353
-gtk-icon-source: -gtk-icontheme("pan-start-symbolic");
2354
}
2355
/**********
2357
* Switch *
2358
**********/
2359
switch {
2360
transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
2361
margin: 4px 0;
2362
padding: 0 2px;
2363
border: 5px solid transparent;
2364
border-radius: 9999px;
2365
background-color: rgba(0, 0, 0, 0.26);
2366
background-clip: padding-box;
2367
font-size: 0;
2368
}
2369
switch:checked {
2371
background-color: rgba(66, 133, 244, 0.5);
2372
}
2373
switch:disabled {
2375
opacity: 0.5;
2376
}
2377
switch image {
2379
margin: -8px;
2380
-gtk-icon-transform: scale(0);
2381
}
2382
switch slider {
2384
transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
2385
min-width: 20px;
2386
min-height: 20px;
2387
margin: -3px -2px;
2388
border-radius: 9999px;
2389
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);
2390
background-color: #FFFFFF;
2391
}
2392
switch:hover slider {
2394
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);
2395
}
2396
switch:focus slider {
2398
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);
2399
}
2400
switch:focus:hover slider {
2402
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);
2403
}
2404
switch:checked slider {
2406
background-color: #4285F4;
2407
color: #4285F4;
2408
}
2409
/*************************
2411
* Check and Radio items *
2412
*************************/
2413
.view.content-view.check:not(list),
2414
.content-view .tile check:not(list) {
2415
min-height: 40px;
2416
min-width: 40px;
2417
margin: 0;
2418
padding: 0;
2419
box-shadow: none;
2420
background-color: transparent;
2421
background-image: none;
2422
-gtk-icon-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
2423
}
2424
.view.content-view.check:not(list):hover, .view.content-view.check:not(list):active,
2426
.content-view .tile check:not(list):hover,
2427
.content-view .tile check:not(list):active {
2428
-gtk-icon-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
2429
}
2430
.view.content-view.check:not(list),
2432
.content-view .tile check:not(list) {
2433
-gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-unchecked.png"), url("assets/selectionmode-checkbox-unchecked@2.png"));
2434
}
2435
.view.content-view.check:not(list):checked,
2437
.content-view .tile check:not(list):checked {
2438
-gtk-icon-source: -gtk-scaled(url("assets/selectionmode-checkbox-checked.png"), url("assets/selectionmode-checkbox-checked@2.png"));
2439
}
2440
checkbutton,
2442
radiobutton {
2443
outline: none;
2444
}
2445
checkbutton.text-button,
2447
radiobutton.text-button {
2448
padding: 2px;
2449
}
2450
checkbutton.text-button label:not(:only-child),
2452
radiobutton.text-button label:not(:only-child) {
2453
margin: 0 4px;
2454
}
2455
check,
2457
radio {
2458
min-height: 24px;
2459
min-width: 24px;
2460
margin: -8px;
2461
padding: 8px;
2462
}
2463
check:hover,
2465
radio:hover {
2466
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
2467
}
2468
check:focus,
2470
radio:focus {
2471
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.12);
2472
}
2473
check:focus:hover,
2475
radio:focus:hover {
2476
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.16);
2477
}
2478
check:checked, check:indeterminate,
2480
radio:checked,
2481
radio:indeterminate {
2482
color: #4285F4;
2483
}
2484
check:checked:disabled, check:indeterminate:disabled,
2486
radio:checked:disabled,
2487
radio:indeterminate:disabled {
2488
color: rgba(0, 0, 0, 0.26);
2489
}
2490
popover modelbutton.flat check, popover modelbutton.flat check:hover, popover modelbutton.flat check:focus, popover modelbutton.flat check:focus:hover, popover modelbutton.flat check:active, popover modelbutton.flat check:disabled, popover modelbutton.flat
2492
radio, popover modelbutton.flat
2493
radio:hover, popover modelbutton.flat
2494
radio:focus, popover modelbutton.flat
2495
radio:focus:hover, popover modelbutton.flat
2496
radio:active, popover modelbutton.flat
2497
radio:disabled {
2498
transition: none;
2499
box-shadow: none;
2500
background-image: none;
2501
}
2502
popover modelbutton.flat check:not(:checked):not(:indeterminate):not(:disabled), popover modelbutton.flat
2504
radio:not(:checked):not(:indeterminate):not(:disabled) {
2505
color: rgba(0, 0, 0, 0.54);
2506
}
2507
popover modelbutton.flat check.left:dir(rtl), popover modelbutton.flat
2509
radio.left:dir(rtl) {
2510
margin-left: -12px;
2511
margin-right: -4px;
2512
}
2513
popover modelbutton.flat check.right:dir(ltr), popover modelbutton.flat
2515
radio.right:dir(ltr) {
2516
margin-left: -4px;
2517
margin-right: -12px;
2518
}
2519
menu menuitem check, menu menuitem
2521
radio {
2522
transition: none;
2523
margin: 0;
2524
padding: 0;
2525
}
2526
menu menuitem check:dir(ltr), menu menuitem
2528
radio:dir(ltr) {
2529
margin-right: 8px;
2530
}
2531
menu menuitem check:dir(rtl), menu menuitem
2533
radio:dir(rtl) {
2534
margin-left: 8px;
2535
}
2536
menu menuitem check:not(:checked):not(:indeterminate):not(:disabled), menu menuitem
2538
radio:not(:checked):not(:indeterminate):not(:disabled) {
2539
color: rgba(0, 0, 0, 0.54);
2540
}
2541
menu menuitem check, menu menuitem check:hover, menu menuitem check:disabled, menu menuitem
2543
radio, menu menuitem
2544
radio:hover, menu menuitem
2545
radio:disabled {
2546
box-shadow: none;
2547
}
2548
check {
2551
-gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-unchecked-symbolic.svg"));
2552
}
2553
check:checked {
2556
-gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-checked-symbolic.svg"));
2557
}
2558
check:indeterminate {
2561
-gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-mixed-symbolic.svg"));
2562
}
2563
radio {
2566
-gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-unchecked-symbolic.svg"));
2567
border-image-slice: 20;
2568
border-image-width: 20px;
2569
}
2570
radio:indeterminate {
2573
-gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-mixed-symbolic.svg"));
2574
}
2575
radio {
2578
border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#4285F4), to(transparent));
2579
}
2580
radio:checked:not(:indeterminate) {
2583
border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.125, to(#4285F4), to(transparent));
2584
}
2585
radio:checked:not(:indeterminate):disabled {
2588
border-image-source: -gtk-gradient(radial, center center, 0, center center, 0.125, to(rgba(0, 0, 0, 0.26)), to(transparent));
2589
}
2590
window.background:not(.csd) > widget > checkbutton > check,
2592
menu menuitem check {
2593
min-height: 16px;
2594
min-width: 16px;
2595
border-radius: 4px;
2596
-gtk-outline-radius: 4px;
2597
-gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-unchecked-symbolic.svg"));
2598
}
2599
window.background:not(.csd) > widget > checkbutton > check:checked,
2601
menu menuitem check:checked {
2602
-gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-checked-symbolic.svg"));
2603
}
2604
window.background:not(.csd) > widget > checkbutton > check:indeterminate,
2606
menu menuitem check:indeterminate {
2607
-gtk-icon-source: -gtk-recolor(url("assets/scalable/small-checkbox-mixed-symbolic.svg"));
2608
}
2609
window.background:not(.csd) > widget > radiobutton > radio,
2611
menu menuitem radio {
2612
min-height: 16px;
2613
min-width: 16px;
2614
border-image: none;
2615
-gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-unchecked-symbolic.svg"));
2616
}
2617
window.background:not(.csd) > widget > radiobutton > radio:checked,
2619
menu menuitem radio:checked {
2620
-gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-checked-symbolic.svg"));
2621
}
2622
window.background:not(.csd) > widget > radiobutton > radio:indeterminate,
2624
menu menuitem radio:indeterminate {
2625
-gtk-icon-source: -gtk-recolor(url("assets/scalable/small-radio-mixed-symbolic.svg"));
2626
}
2627
treeview.view check,
2629
treeview.view radio {
2630
padding: 0;
2631
}
2632
treeview.view check:hover, treeview.view check:selected,
2634
treeview.view radio:hover,
2635
treeview.view radio:selected {
2636
box-shadow: none;
2637
background-color: transparent;
2638
}
2639
treeview.view check,
2641
treeview.view radio {
2642
color: rgba(0, 0, 0, 0.54);
2643
}
2644
treeview.view check:hover, treeview.view check:active,
2646
treeview.view radio:hover,
2647
treeview.view radio:active {
2648
color: rgba(0, 0, 0, 0.87);
2649
}
2650
treeview.view check:disabled,
2652
treeview.view radio:disabled {
2653
color: rgba(0, 0, 0, 0.26);
2654
}
2655
treeview.view check:checked, treeview.view check:indeterminate,
2657
treeview.view radio:checked,
2658
treeview.view radio:indeterminate {
2659
color: #4285F4;
2660
}
2661
treeview.view check:checked:disabled, treeview.view check:indeterminate:disabled,
2663
treeview.view radio:checked:disabled,
2664
treeview.view radio:indeterminate:disabled {
2665
color: rgba(0, 0, 0, 0.26);
2666
}
2667
treeview.view radio:checked {
2669
-gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-checked-symbolic.svg"));
2670
border-image: none;
2671
}
2672
/************
2674
* GtkScale *
2675
************/
2676
scale {
2677
min-height: 2px;
2678
min-width: 2px;
2679
}
2680
scale.horizontal {
2682
padding: 15px 12px;
2683
}
2684
scale.vertical {
2686
padding: 12px 15px;
2687
}
2688
scale slider {
2690
min-height: 32px;
2691
min-width: 32px;
2692
margin: -15px;
2693
}
2694
scale.fine-tune.horizontal {
2696
min-height: 4px;
2697
padding-top: 14px;
2698
padding-bottom: 14px;
2699
}
2700
scale.fine-tune.vertical {
2702
min-width: 4px;
2703
padding-left: 14px;
2704
padding-right: 14px;
2705
}
2706
scale.fine-tune slider {
2708
margin: -14px;
2709
}
2710
scale trough {
2712
transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1);
2713
outline: none;
2714
background-color: rgba(0, 0, 0, 0.26);
2715
}
2716
scale trough:disabled {
2718
background-color: rgba(0, 0, 0, 0.12);
2719
}
2720
scale highlight {
2722
transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1);
2723
background-color: #4285F4;
2724
}
2725
scale highlight:disabled {
2727
background-color: transparent;
2728
}
2729
scale fill {
2731
transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1);
2732
background-color: rgba(0, 0, 0, 0.26);
2733
}
2734
scale fill:disabled {
2736
background-color: transparent;
2737
}
2738
scale slider {
2740
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);
2741
background-repeat: no-repeat;
2742
background-position: center;
2743
background-size: auto, 1000% 1000%;
2744
border-radius: 50%;
2745
color: transparent;
2746
}
2747
scale slider {
2749
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%);
2750
}
2751
scale slider:disabled {
2753
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%);
2754
}
2755
scale slider:hover {
2757
background-color: rgba(66, 133, 244, 0.08);
2758
}
2759
scale slider:focus {
2761
background-color: rgba(66, 133, 244, 0.12);
2762
}
2763
scale slider:focus:hover {
2765
background-color: rgba(66, 133, 244, 0.16);
2766
}
2767
scale slider:active {
2769
transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
2770
animation: scale_ripple_effect 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
2771
background-size: auto, 0% 0%;
2772
background-color: rgba(66, 133, 244, 0.08);
2773
color: rgba(66, 133, 244, 0.12);
2774
}
2775
scale marks label,
2777
scale value {
2778
color: rgba(0, 0, 0, 0.54);
2779
}
2780
scale marks {
2782
color: rgba(0, 0, 0, 0.26);
2783
}
2784
scale marks.top {
2786
margin-bottom: 7px;
2787
margin-top: -15px;
2788
}
2789
scale marks.bottom {
2791
margin-top: 7px;
2792
margin-bottom: -15px;
2793
}
2794
scale marks.left {
2796
margin-right: 7px;
2797
margin-left: -15px;
2798
}
2799
scale marks.right {
2801
margin-left: 7px;
2802
margin-right: -15px;
2803
}
2804
scale.fine-tune marks.top {
2806
margin-bottom: 6px;
2807
margin-top: -14px;
2808
}
2809
scale.fine-tune marks.bottom {
2811
margin-top: 6px;
2812
margin-bottom: -14px;
2813
}
2814
scale.fine-tune marks.left {
2816
margin-right: 6px;
2817
margin-left: -14px;
2818
}
2819
scale.fine-tune marks.right {
2821
margin-left: 6px;
2822
margin-right: -14px;
2823
}
2824
scale.horizontal indicator {
2826
min-height: 8px;
2827
min-width: 1px;
2828
}
2829
scale.vertical indicator {
2831
min-height: 1px;
2832
min-width: 8px;
2833
}
2834
scale.horizontal.marks-before:not(.marks-after) slider {
2836
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%);
2837
}
2838
scale.horizontal.marks-before:not(.marks-after) slider:disabled {
2840
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%);
2841
}
2842
scale.horizontal.marks-after:not(.marks-before) slider {
2844
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%);
2845
}
2846
scale.horizontal.marks-after:not(.marks-before) slider:disabled {
2848
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%);
2849
}
2850
scale.vertical.marks-before:not(.marks-after) slider {
2852
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%);
2853
}
2854
scale.vertical.marks-before:not(.marks-after) slider:disabled {
2856
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%);
2857
}
2858
scale.vertical.marks-after:not(.marks-before) slider {
2860
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%);
2861
}
2862
scale.vertical.marks-after:not(.marks-before) slider:disabled {
2864
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%);
2865
}
2866
scale.color {
2868
min-height: 0;
2869
min-width: 0;
2870
}
2871
scale.color.horizontal {
2873
padding: 0 0 12px 0;
2874
}
2875
scale.color.horizontal slider:dir(ltr), scale.color.horizontal slider:dir(rtl) {
2877
margin-bottom: -24px;
2878
margin-top: 8px;
2879
}
2880
scale.color.vertical:dir(ltr) {
2882
padding: 0 0 0 12px;
2883
}
2884
scale.color.vertical:dir(ltr) slider {
2886
margin-left: -24px;
2887
margin-right: 8px;
2888
}
2889
scale.color.vertical:dir(rtl) {
2891
padding: 0 12px 0 0;
2892
}
2893
scale.color.vertical:dir(rtl) slider {
2895
margin-right: -24px;
2896
margin-left: 8px;
2897
}
2898
/*****************
2900
* Progress bars *
2901
*****************/
2902
progressbar {
2903
color: rgba(0, 0, 0, 0.54);
2904
font-size: smaller;
2905
}
2906
progressbar.horizontal trough,
2908
progressbar.horizontal progress {
2909
min-height: 4px;
2910
}
2911
progressbar.vertical trough,
2913
progressbar.vertical progress {
2914
min-width: 4px;
2915
}
2916
progressbar trough {
2918
background-color: rgba(0, 0, 0, 0.12);
2919
}
2920
progressbar progress {
2922
background-color: #4285F4;
2923
}
2924
progressbar trough.empty progress {
2926
all: unset;
2927
}
2928
/*************
2930
* Level Bar *
2931
*************/
2932
levelbar.horizontal block {
2933
min-height: 4px;
2934
}
2935
levelbar.horizontal.discrete block {
2937
min-width: 32px;
2938
}
2939
levelbar.horizontal.discrete block:not(:last-child) {
2941
margin-right: 2px;
2942
}
2943
levelbar.vertical block {
2945
min-width: 4px;
2946
}
2947
levelbar.vertical.discrete block {
2949
min-height: 32px;
2950
}
2951
levelbar.vertical.discrete block:not(:last-child) {
2953
margin-bottom: 2px;
2954
}
2955
levelbar block.low {
2957
background-color: #FBBC05;
2958
}
2959
levelbar block.high, levelbar block:not(.empty) {
2961
background-color: #4285F4;
2962
}
2963
levelbar block.full {
2965
background-color: #34A853;
2966
}
2967
levelbar block.empty {
2969
background-color: rgba(0, 0, 0, 0.12);
2970
}
2971
/****************
2973
* Print dialog *
2974
*****************/
2975
printdialog paper {
2976
padding: 0;
2977
border: 1px solid rgba(0, 0, 0, 0.12);
2978
background-color: #FFFFFF;
2979
color: rgba(0, 0, 0, 0.87);
2980
}
2981
printdialog .dialog-action-box {
2983
margin: 12px;
2984
}
2985
/**********
2987
* Frames *
2988
**********/
2989
frame > border,
2990
.frame {
2991
margin: 0;
2992
padding: 0;
2993
border: 1px solid rgba(0, 0, 0, 0.12);
2994
border-radius: 0;
2995
box-shadow: none;
2996
}
2997
frame > border.flat,
2999
.frame.flat,
3000
frame.flat > border {
3001
border-style: none;
3002
}
3003
actionbar > revealer > box {
3005
padding: 4px;
3006
border-top: 1px solid rgba(0, 0, 0, 0.12);
3007
}
3008
scrolledwindow viewport.frame {
3010
border-style: none;
3011
}
3012
overshoot.top {
3014
background-image: -gtk-gradient(radial, center top, 0, center top, 0.75, to(rgba(66, 133, 244, 0.24)), to(transparent));
3015
background-repeat: no-repeat;
3016
background-position: center top;
3017
background-color: transparent;
3018
border: none;
3019
box-shadow: none;
3020
}
3021
overshoot.bottom {
3023
background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.75, to(rgba(66, 133, 244, 0.24)), to(transparent));
3024
background-repeat: no-repeat;
3025
background-position: center bottom;
3026
background-color: transparent;
3027
border: none;
3028
box-shadow: none;
3029
}
3030
overshoot.left {
3032
background-image: -gtk-gradient(radial, left center, 0, left center, 0.75, to(rgba(66, 133, 244, 0.24)), to(transparent));
3033
background-repeat: no-repeat;
3034
background-position: left center;
3035
background-color: transparent;
3036
border: none;
3037
box-shadow: none;
3038
}
3039
overshoot.right {
3041
background-image: -gtk-gradient(radial, right center, 0, right center, 0.75, to(rgba(66, 133, 244, 0.24)), to(transparent));
3042
background-repeat: no-repeat;
3043
background-position: right center;
3044
background-color: transparent;
3045
border: none;
3046
box-shadow: none;
3047
}
3048
undershoot.top {
3050
background-color: transparent;
3051
background-image: linear-gradient(to left, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%);
3052
padding-top: 1px;
3053
background-size: 12px 1px;
3054
background-repeat: repeat-x;
3055
background-origin: content-box;
3056
background-position: left top;
3057
}
3058
undershoot.bottom {
3060
background-color: transparent;
3061
background-image: linear-gradient(to left, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%);
3062
padding-bottom: 1px;
3063
background-size: 12px 1px;
3064
background-repeat: repeat-x;
3065
background-origin: content-box;
3066
background-position: left bottom;
3067
}
3068
undershoot.left {
3070
background-color: transparent;
3071
background-image: linear-gradient(to top, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%);
3072
padding-left: 1px;
3073
background-size: 1px 12px;
3074
background-repeat: repeat-y;
3075
background-origin: content-box;
3076
background-position: left top;
3077
}
3078
undershoot.right {
3080
background-color: transparent;
3081
background-image: linear-gradient(to top, rgba(255, 255, 255, 0.3) 50%, rgba(0, 0, 0, 0.26) 50%);
3082
padding-right: 1px;
3083
background-size: 1px 12px;
3084
background-repeat: repeat-y;
3085
background-origin: content-box;
3086
background-position: right top;
3087
}
3088
junction {
3090
border-style: solid none none solid;
3091
border-width: 1px;
3092
border-color: rgba(0, 0, 0, 0.12);
3093
background-color: #FFFFFF;
3094
}
3095
junction:dir(rtl) {
3097
border-style: solid solid none none;
3098
}
3099
separator {
3101
min-width: 1px;
3102
min-height: 1px;
3103
background-color: rgba(0, 0, 0, 0.12);
3104
}
3105
button.font separator,
3108
button.file separator, .tweak-categories separator, preferences stacksidebar.sidebar list separator {
3109
min-width: 0;
3110
min-height: 0;
3111
background-color: transparent;
3112
}
3113
/*********
3115
* Lists *
3116
*********/
3117
list {
3118
border-color: rgba(0, 0, 0, 0.12);
3119
background-color: #FFFFFF;
3120
}
3121
list row {
3123
padding: 2px;
3124
}
3125
row.activatable, treeview.view header button, .budgie-popover.budgie-menu button.flat:not(.image-button) {
3127
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);
3128
box-shadow: inset 0 0 0 9999px transparent;
3129
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
3130
background-repeat: no-repeat;
3131
background-position: center;
3132
background-size: 1000% 1000%;
3133
}
3134
row.activatable:hover, treeview.view header button:hover, .budgie-popover.budgie-menu button.flat:hover:not(.image-button) {
3136
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0, background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1);
3137
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
3138
}
3139
row.activatable.has-open-popup, treeview.view header button.has-open-popup, .budgie-popover.budgie-menu button.has-open-popup.flat:not(.image-button), row.activatable:active, treeview.view header button:active, .budgie-popover.budgie-menu button.flat:active:not(.image-button) {
3141
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
3142
animation: ripple_effect 225ms cubic-bezier(0, 0, 0.2, 1) forwards;
3143
box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08);
3144
background-image: radial-gradient(circle farthest-corner at center, alpha(currentColor, 0.12) 10%, transparent 0%);
3145
background-size: 0% 0%;
3146
}
3147
row:selected {
3149
color: #4285F4;
3150
}
3151
row:selected image,
3153
row:selected label {
3154
color: rgba(0, 0, 0, 0.87);
3155
}
3156
row:selected button image,
3158
row:selected button label {
3159
color: inherit;
3160
}
3161
/*********************
3163
* App Notifications *
3164
*********************/
3165
.app-notification {
3166
margin: 8px;
3167
}
3168
.app-notification.frame,
3170
.app-notification border {
3171
border-style: none;
3172
}
3173
/*************
3175
* Expanders *
3176
*************/
3177
expander title > arrow {
3178
transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
3179
min-width: 16px;
3180
min-height: 16px;
3181
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
3182
-gtk-icon-transform: rotate(-90deg);
3183
color: rgba(0, 0, 0, 0.54);
3184
}
3185
expander title > arrow:dir(rtl) {
3187
-gtk-icon-transform: rotate(90deg);
3188
}
3189
expander title > arrow:checked {
3191
-gtk-icon-transform: unset;
3192
}
3193
expander title > arrow:hover, expander title > arrow:active {
3195
color: rgba(0, 0, 0, 0.87);
3196
}
3197
expander title > arrow:disabled {
3199
color: rgba(0, 0, 0, 0.26);
3200
}
3201
/************
3203
* Calendar *
3204
************/
3205
calendar {
3206
padding: 1px;
3207
border: 1px solid rgba(0, 0, 0, 0.12);
3208
color: rgba(0, 0, 0, 0.87);
3209
}
3210
calendar:disabled {
3212
color: rgba(0, 0, 0, 0.38);
3213
}
3214
calendar:selected {
3216
border-radius: 5px;
3217
}
3218
calendar.header {
3220
border-style: none none solid;
3221
border-radius: 0;
3222
}
3223
calendar.highlight {
3225
color: rgba(0, 0, 0, 0.54);
3226
font-weight: 500;
3227
}
3228
calendar:indeterminate {
3230
color: rgba(0, 0, 0, 0.26);
3231
}
3232
/***********
3234
* Dialogs *
3235
***********/
3236
messagedialog.background {
3237
background-color: #FFFFFF;
3238
}
3239
messagedialog .titlebar {
3241
min-height: 24px;
3242
border-style: none;
3243
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
3244
background-color: #FFFFFF;
3245
color: rgba(0, 0, 0, 0.87);
3246
}
3247
messagedialog .titlebar:backdrop {
3249
color: rgba(0, 0, 0, 0.54);
3250
}
3251
messagedialog.csd.background {
3253
border-bottom-left-radius: 4px;
3254
border-bottom-right-radius: 4px;
3255
}
3256
messagedialog.csd .dialog-action-area {
3258
margin-top: -4px;
3259
padding: 4px;
3260
}
3261
messagedialog.csd .dialog-action-area button {
3263
border-radius: 4px;
3264
}
3265
messagedialog.csd .dialog-action-area button:not(:last-child) {
3267
margin-right: 4px;
3268
}
3269
messagedialog.csd .dialog-action-area button.suggested-action:not(:disabled) {
3271
color: #4285F4;
3272
}
3273
messagedialog.csd .dialog-action-area button.destructive-action:not(:disabled) {
3275
color: #EA4335;
3276
}
3277
filechooser .dialog-action-box {
3279
border-top: 1px solid rgba(0, 0, 0, 0.12);
3280
}
3281
filechooser #pathbarbox {
3283
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
3284
background-color: #F2F2F2;
3285
}
3286
filechooserbutton:drop(active) {
3288
box-shadow: none;
3289
}
3290
/***********
3292
* Sidebar *
3293
***********/
3294
.sidebar {
3295
border-style: none;
3296
background-color: #FAFAFA;
3297
}
3298
stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left, .sidebar.left:dir(rtl) {
3300
border-right: 1px solid rgba(0, 0, 0, 0.12);
3301
border-left-style: none;
3302
}
3303
stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right {
3305
border-left: 1px solid rgba(0, 0, 0, 0.12);
3306
border-right-style: none;
3307
}
3308
.sidebar list {
3310
background-color: transparent;
3311
}
3312
paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar {
3314
border-style: none;
3315
}
3316
stacksidebar row {
3318
padding: 10px 4px;
3319
}
3320
stacksidebar row > label {
3322
padding-left: 6px;
3323
padding-right: 6px;
3324
}
3325
/****************
3327
* File chooser *
3328
****************/
3329
row image.sidebar-icon {
3330
color: rgba(0, 0, 0, 0.54);
3331
}
3332
placessidebar > viewport.frame {
3334
border-style: none;
3335
}
3336
placessidebar list {
3338
padding: 1px 0 4px;
3339
}
3340
placessidebar row {
3342
min-height: 32px;
3343
margin: -1px 4px;
3344
padding: 0;
3345
border-radius: 4px;
3346
}
3347
placessidebar row > revealer {
3349
padding: 0 8px;
3350
}
3351
placessidebar row:selected {
3353
font-weight: 500;
3354
}
3355
placessidebar row:disabled {
3357
color: rgba(0, 0, 0, 0.38);
3358
}
3359
placessidebar row image.sidebar-icon:dir(ltr) {
3361
padding-right: 8px;
3362
}
3363
placessidebar row image.sidebar-icon:dir(rtl) {
3365
padding-left: 8px;
3366
}
3367
placessidebar row label.sidebar-label:dir(ltr) {
3369
padding-right: 2px;
3370
}
3371
placessidebar row label.sidebar-label:dir(rtl) {
3373
padding-left: 2px;
3374
}
3375
placessidebar row:selected image.sidebar-icon,
3377
placessidebar row:selected label.sidebar-label {
3378
color: inherit;
3379
}
3380
placessidebar row.sidebar-placeholder-row {
3382
min-height: 2px;
3383
padding: 0 8px;
3384
background-image: image(#4285F4);
3385
background-clip: content-box;
3386
}
3387
placessidebar row.sidebar-new-bookmark-row {
3389
color: #4285F4;
3390
}
3391
placessidebar row:drop(active):not(:disabled) {
3393
box-shadow: inset 0 0 0 2px #4285F4;
3394
}
3395
placesview .server-list-button > image {
3397
-gtk-icon-transform: rotate(0turn);
3398
}
3399
placesview .server-list-button:checked > image {
3401
-gtk-icon-transform: rotate(-0.5turn);
3402
}
3403
placesview > actionbar > revealer > box > label {
3405
padding-left: 8px;
3406
padding-right: 8px;
3407
}
3408
/*********
3410
* Paned *
3411
*********/
3412
paned > separator {
3413
min-width: 1px;
3414
min-height: 1px;
3415
-gtk-icon-source: none;
3416
border-style: none;
3417
background-color: transparent;
3418
background-image: image(rgba(0, 0, 0, 0.12));
3419
background-size: 1px 1px;
3420
background-clip: content-box;
3421
}
3422
paned > separator.wide {
3424
min-width: 6px;
3425
min-height: 6px;
3426
background-color: #F2F2F2;
3427
background-image: image(rgba(0, 0, 0, 0.12)), image(rgba(0, 0, 0, 0.12));
3428
background-size: 1px 1px, 1px 1px;
3429
}
3430
paned.horizontal > separator {
3432
background-repeat: repeat-y;
3433
}
3434
paned.horizontal > separator:dir(ltr) {
3436
margin: 0 -8px 0 0;
3437
padding: 0 8px 0 0;
3438
background-position: left;
3439
}
3440
paned.horizontal > separator:dir(rtl) {
3442
margin: 0 0 0 -8px;
3443
padding: 0 0 0 8px;
3444
background-position: right;
3445
}
3446
paned.horizontal > separator.wide {
3448
margin: 0;
3449
padding: 0;
3450
background-repeat: repeat-y, repeat-y;
3451
background-position: left, right;
3452
}
3453
paned.vertical > separator {
3455
margin: 0 0 -8px 0;
3456
padding: 0 0 8px 0;
3457
background-repeat: repeat-x;
3458
background-position: top;
3459
}
3460
paned.vertical > separator.wide {
3462
margin: 0;
3463
padding: 0;
3464
background-repeat: repeat-x, repeat-x;
3465
background-position: bottom, top;
3466
}
3467
/**************
3469
* GtkInfoBar *
3470
**************/
3471
infobar {
3472
border-style: none;
3473
}
3474
infobar.info {
3476
background-color: #34A853;
3477
}
3478
infobar.question {
3480
background-color: #4285F4;
3481
}
3482
infobar.warning {
3484
background-color: #FBBC05;
3485
}
3486
infobar.error {
3488
background-color: #EA4335;
3489
}
3490
infobar.info > label, infobar.info, infobar.question > label, infobar.question, infobar.warning > label, infobar.warning, infobar.error > label, infobar.error {
3492
color: white;
3493
}
3494
/************
3496
* Tooltips *
3497
************/
3498
tooltip {
3499
border-radius: 4px;
3500
box-shadow: none;
3501
}
3502
tooltip.background {
3504
background-color: rgba(97, 97, 97, 0.9);
3505
color: white;
3506
}
3507
tooltip decoration {
3509
background-color: transparent;
3510
}
3511
tooltip label {
3513
min-height: 20px;
3514
padding: 0 2px;
3515
}
3516
/*****************
3518
* Color Chooser *
3519
*****************/
3520
colorswatch.top {
3521
border-top-left-radius: 4.5px;
3522
border-top-right-radius: 4.5px;
3523
}
3524
colorswatch.top overlay {
3526
border-top-left-radius: 4px;
3527
border-top-right-radius: 4px;
3528
}
3529
colorswatch.bottom {
3531
border-bottom-left-radius: 4.5px;
3532
border-bottom-right-radius: 4.5px;
3533
}
3534
colorswatch.bottom overlay {
3536
border-bottom-left-radius: 4px;
3537
border-bottom-right-radius: 4px;
3538
}
3539
colorswatch.left, colorswatch:first-child:not(.top) {
3541
border-top-left-radius: 4.5px;
3542
border-bottom-left-radius: 4.5px;
3543
}
3544
colorswatch.left overlay, colorswatch:first-child:not(.top) overlay {
3546
border-top-left-radius: 4px;
3547
border-bottom-left-radius: 4px;
3548
}
3549
colorswatch.right, colorswatch:last-child:not(.bottom) {
3551
border-top-right-radius: 4.5px;
3552
border-bottom-right-radius: 4.5px;
3553
}
3554
colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay {
3556
border-top-right-radius: 4px;
3557
border-bottom-right-radius: 4px;
3558
}
3559
colorswatch.dark {
3561
color: white;
3562
}
3563
colorswatch.light {
3565
color: rgba(0, 0, 0, 0.87);
3566
}
3567
colorswatch:drop(active) {
3569
box-shadow: none;
3570
}
3571
colorswatch:drop(active).light overlay {
3573
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;
3574
}
3575
colorswatch:drop(active).dark overlay {
3577
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;
3578
}
3579
colorswatch overlay {
3581
transition: box-shadow 100ms cubic-bezier(0, 0, 0.2, 1);
3582
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
3583
}
3584
colorswatch overlay:hover {
3586
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
3587
}
3588
colorswatch#add-color-button {
3590
border-radius: 4px 4px 0 0;
3591
color: white;
3592
}
3593
colorswatch#add-color-button:only-child {
3595
border-radius: 4px;
3596
}
3597
colorswatch#add-color-button overlay {
3599
background-image: linear-gradient(to right, #EA4335 25%, #FBBC05 25%, #FBBC05 50%, #34A853 50%, #34A853 75%, #4285F4 75%);
3600
}
3601
colorswatch:disabled {
3603
opacity: 0.5;
3604
}
3605
colorswatch:disabled overlay {
3607
box-shadow: none;
3608
}
3609
colorswatch#editor-color-sample {
3611
border-radius: 4.5px;
3612
}
3613
colorswatch#editor-color-sample overlay {
3615
border-radius: 4px;
3616
}
3617
colorchooser .popover.osd {
3619
transition: box-shadow 100ms cubic-bezier(0, 0, 0.2, 1);
3620
border-radius: 4px;
3621
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);
3622
background-color: #FFFFFF;
3623
}
3624
colorchooser .popover.osd:backdrop {
3626
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);
3627
}
3628
/********
3630
* Misc *
3631
********/
3632
.content-view {
3633
background-color: #F2F2F2;
3634
}
3635
/**********************
3637
* Window Decorations *
3638
**********************/
3639
decoration {
3640
transition: box-shadow 100ms cubic-bezier(0, 0, 0.2, 1);
3641
border-radius: 4px 4px 0 0;
3642
box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22), 0 16px 16px transparent;
3643
margin: 8px;
3644
}
3645
decoration:backdrop {
3647
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23), 0 16px 16px transparent;
3648
}
3649
.maximized decoration,
3651
.fullscreen decoration,
3652
.tiled decoration,
3653
.tiled-top decoration,
3654
.tiled-right decoration,
3655
.tiled-bottom decoration,
3656
.tiled-left decoration {
3657
border-radius: 0;
3658
}
3659
.popup decoration {
3661
box-shadow: none;
3662
}
3663
.ssd decoration {
3665
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16);
3666
}
3667
.csd.popup decoration {
3669
border-radius: 4px;
3670
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
3671
}
3672
tooltip.csd decoration {
3674
border-radius: 4px;
3675
box-shadow: none;
3676
}
3677
messagedialog.csd decoration {
3679
border-radius: 4px;
3680
}
3681
.solid-csd decoration {
3683
margin: 0;
3684
border-radius: 0;
3685
box-shadow: none;
3686
background-color: #383838;
3687
}
3688
.view selection, .view:selected, flowbox flowboxchild:selected, label selection, spinbutton:not(.vertical) selection,
3690
entry selection, modelbutton.flat:selected,
3691
.menuitem.button.flat:selected, popover.background.menu button:checked,
3692
popover.background button.model:checked, row:selected, calendar:selected, .nautilus-window flowboxchild:selected .icon-item-background, box.vertical > widget > widget:selected, .budgie-popover.budgie-menu button.flat:not(.image-button):checked, calendar.raven-calendar:selected, XfdesktopIconView.view:active, .nemo-window .nemo-window-pane widget.entry:selected {
3693
background-color: rgba(66, 133, 244, 0.32);
3694
}
3695
.monospace {
3697
font-family: monospace;
3698
}
3699
/**********************
3701
* Touch Copy & Paste *
3702
**********************/
3703
cursor-handle {
3704
color: #4285F4;
3705
-gtk-icon-source: -gtk-recolor(url("assets/scalable/cursor-handle-symbolic.svg"));
3706
}
3707
cursor-handle.top:dir(ltr), cursor-handle.bottom:dir(rtl) {
3709
-gtk-icon-transform: rotate(90deg);
3710
}
3711
cursor-handle.bottom:dir(ltr), cursor-handle.top:dir(rtl) {
3713
-gtk-icon-transform: unset;
3714
}
3715
cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) {
3717
padding-top: 6px;
3718
-gtk-icon-transform: rotate(45deg);
3719
}
3720
.context-menu {
3722
font: initial;
3723
}
3724
.keycap {
3726
min-width: 12px;
3727
min-height: 26px;
3728
margin-top: 2px;
3729
padding-bottom: 2px;
3730
padding-left: 8px;
3731
padding-right: 8px;
3732
border: solid 1px rgba(0, 0, 0, 0.12);
3733
border-radius: 5px;
3734
box-shadow: inset 0 -2px rgba(0, 0, 0, 0.12);
3735
background-color: #FFFFFF;
3736
color: rgba(0, 0, 0, 0.87);
3737
font-size: smaller;
3738
}
3739
:not(decoration):not(window):drop(active) {
3741
transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
3742
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;
3743
caret-color: #4285F4;
3744
}
3745
stackswitcher button.text-button {
3747
min-width: 100px;
3748
}
3749
stackswitcher button.circular,
3751
stackswitcher button.text-button.circular {
3752
min-width: 32px;
3753
min-height: 32px;
3754
padding: 0;
3755
}
3756
/*********
3758
* Emoji *
3759
*********/
3760
popover.emoji-picker {
3761
padding: 0;
3762
}
3763
popover.emoji-picker entry {
3765
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
3766
border-radius: 0;
3767
box-shadow: none;
3768
background-color: transparent;
3769
}
3770
popover.emoji-picker scrolledwindow {
3772
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
3773
}
3774
button.emoji-section {
3776
margin-top: -1px;
3777
padding: 0 8px;
3778
min-width: 24px;
3779
min-height: 32px;
3780
border-radius: 0;
3781
outline-offset: -6px;
3782
}
3783
button.emoji-section, button.emoji-section:hover, button.emoji-section:active {
3785
box-shadow: inset 0 2px transparent;
3786
}
3787
button.emoji-section:checked {
3789
box-shadow: inset 0 2px #4285F4;
3790
background-color: transparent;
3791
}
3792
button.emoji-section:hover, button.emoji-section:active {
3794
background-color: alpha(currentColor, 0.08);
3795
}
3796
button.emoji-section:first-child {
3798
margin-left: 4px;
3799
}
3800
button.emoji-section:last-child {
3802
margin-right: 4px;
3803
}
3804
.emoji {
3806
min-width: 3em;
3807
min-height: 3em;
3808
padding: 0 8px;
3809
}
3810
.emoji widget {
3812
transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
3813
border-radius: 4px;
3814
}
3815
.emoji widget:hover {
3817
background-color: alpha(currentColor, 0.08);
3818
}
3819
/************
3821
* Nautilus *
3822
************/
3823
.nautilus-window,
3824
.nautilus-window notebook,
3825
.nautilus-window notebook > stack {
3826
background-color: #FFFFFF;
3827
}
3828
.nautilus-canvas-item.dim-label, label.nautilus-canvas-item.separator, .titlebar:not(headerbar) .nautilus-canvas-item.subtitle,
3830
headerbar .nautilus-canvas-item.subtitle, .budgie-notification .nautilus-canvas-item.notification-body, .budgie-switcher .nautilus-canvas-item.notification-body,
3831
.nautilus-list-dim-label {
3832
color: rgba(0, 0, 0, 0.54);
3833
}
3834
.nautilus-desktop.nautilus-canvas-item, .caja-desktop.caja-canvas-item, .nemo-desktop.nemo-canvas-item {
3836
color: white;
3837
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
3838
}
3839
@keyframes needs_attention_keyframes {
3841
to {
3842
background-color: alpha(currentColor, 0.12);
3843
}
3844
}
3845
.nautilus-operations-button-needs-attention {
3847
animation: needs_attention_keyframes 300ms cubic-bezier(0.4, 0, 0.2, 1) 2 alternate;
3848
}
3849
.nautilus-operations-button-needs-attention-multiple {
3851
animation: needs_attention_keyframes 300ms cubic-bezier(0.4, 0, 0.2, 1) 6 alternate;
3852
}
3853
.path-bar-box {
3855
transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1);
3856
margin: 4px 0;
3857
border-radius: 4px;
3858
}
3859
.path-bar-box button {
3861
margin: 0;
3862
}
3863
.path-bar-box.width-maximized {
3865
background-color: rgba(255, 255, 255, 0.04);
3866
}
3867
.path-bar-box.background.frame {
3869
border-style: none;
3870
background-color: rgba(255, 255, 255, 0.04);
3871
}
3872
.path-bar-box .path-bar button label:not(:only-child):first-child {
3874
margin-left: 0;
3875
}
3876
.path-bar-box .path-bar button label:not(:only-child):last-child {
3878
margin-right: 0;
3879
}
3880
.nautilus-window .floating-bar {
3882
min-height: 32px;
3883
padding: 0;
3884
border-style: solid solid none;
3885
border-width: 1px;
3886
border-color: rgba(0, 0, 0, 0.12);
3887
border-radius: 5px 5px 0 0;
3888
background-color: rgba(255, 255, 255, 0.9);
3889
background-clip: padding-box;
3890
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), border-width 0;
3891
}
3892
.nautilus-window .floating-bar.bottom.left {
3894
margin-right: 7px;
3895
border-left-style: none;
3896
border-top-left-radius: 0;
3897
}
3898
.nautilus-window .floating-bar.bottom.right {
3900
margin-left: 7px;
3901
border-right-style: none;
3902
border-top-right-radius: 0;
3903
}
3904
.nautilus-window .floating-bar button {
3906
margin: 4px;
3907
}
3908
.disk-space-display.unknown {
3910
background-color: rgba(0, 0, 0, 0.26);
3911
color: rgba(0, 0, 0, 0.26);
3912
}
3913
.disk-space-display.used {
3915
background-color: #4285F4;
3916
color: #4285F4;
3917
}
3918
.disk-space-display.free {
3920
background-color: rgba(0, 0, 0, 0.12);
3921
color: rgba(0, 0, 0, 0.12);
3922
}
3923
.search-information {
3925
padding: 2px;
3926
background-color: #4285F4;
3927
color: white;
3928
}
3929
.conflict-row:not(:selected) {
3931
background-color: #feebb4;
3932
}
3933
.nautilus-window flowboxchild .icon-item-background {
3935
padding: 4px;
3936
border-radius: 4px;
3937
}
3938
.nautilus-window flowboxchild:selected {
3940
background-color: transparent;
3941
}
3942
dialog.background > box.dialog-vbox.vertical > grid.horizontal > scrolledwindow.frame {
3944
border-style: none;
3945
}
3946
dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child {
3948
margin: -6px 0 0 -6px;
3949
border-top: 1px solid rgba(0, 0, 0, 0.12);
3950
}
3951
dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child > label {
3953
margin: 0 8px;
3954
}
3955
dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child > box > button {
3957
border-radius: 0;
3958
}
3959
.nautilus-window > popover.menu:not(:last-child) {
3961
padding: 3px;
3962
}
3963
.nautilus-window > popover.menu:not(:last-child) > stack > box > box > box {
3965
margin-top: -6px;
3966
}
3967
.nautilus-window > popover.menu:not(:last-child) > stack > box > box > box > box {
3969
margin-bottom: -6px;
3970
}
3971
.nautilus-window > popover.menu:not(:last-child) > stack > box > box > box > box.linked {
3973
margin-top: 1px;
3974
}
3975
.nautilus-window > popover.menu:not(:last-child) separator {
3977
margin-bottom: -2px;
3978
}
3979
.nautilus-menu-sort-heading {
3981
margin: 1px 3px;
3982
font-weight: 500;
3983
}
3984
.nautilus-menu-sort-heading:disabled {
3986
color: rgba(0, 0, 0, 0.54);
3987
}
3988
.nautilus-window paned > separator {
3990
background-color: #F2F2F2;
3991
}
3992
/*********
3994
* gedit *
3995
*********/
3996
.open-document-selector-path-label {
3997
color: rgba(0, 0, 0, 0.54);
3998
font-size: smaller;
3999
}
4000
.gedit-document-panel {
4002
background-color: #FAFAFA;
4003
}
4004
.gedit-document-panel row button.flat {
4006
margin-top: 8px;
4007
margin-bottom: 8px;
4008
}
4009
.gedit-document-panel-group-row:not(:first-child) {
4011
border-top: 1px solid rgba(0, 0, 0, 0.12);
4012
}
4013
.gedit-side-panel-paned statusbar {
4015
border-top: 1px solid rgba(0, 0, 0, 0.12);
4016
}
4017
.gedit-search-slider {
4019
margin: 4px 4px 8px;
4020
}
4021
.gedit-search-slider .linked:not(.vertical) > entry {
4023
border-radius: 4px;
4024
}
4025
.gedit-search-slider .linked:not(.vertical) > entry .gedit-search-entry-occurrences-tag {
4027
all: unset;
4028
color: rgba(0, 0, 0, 0.54);
4029
}
4030
.gedit-search-slider .linked:not(.vertical) > entry:dir(ltr) {
4032
margin-right: -60px;
4033
padding-right: 60px;
4034
}
4035
.gedit-search-slider .linked:not(.vertical) > entry:dir(ltr) .gedit-search-entry-occurrences-tag {
4037
margin-left: 4px;
4038
}
4039
.gedit-search-slider .linked:not(.vertical) > entry:dir(ltr) image.right {
4041
margin-right: 0;
4042
}
4043
.gedit-search-slider .linked:not(.vertical) > entry:dir(rtl) {
4045
margin-left: -60px;
4046
padding-left: 60px;
4047
}
4048
.gedit-search-slider .linked:not(.vertical) > entry:dir(rtl) .gedit-search-entry-occurrences-tag {
4050
margin-right: 4px;
4051
}
4052
.gedit-search-slider .linked:not(.vertical) > entry:dir(rtl) image.left {
4054
margin-left: 0;
4055
}
4056
.gedit-search-slider .linked:not(.vertical) > entry:not(.error) {
4058
background-color: #FFFFFF;
4059
}
4060
.gedit-search-slider .linked:not(.vertical) > entry.error ~ button {
4062
color: rgba(255, 255, 255, 0.7);
4063
}
4064
.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:hover, .gedit-search-slider .linked:not(.vertical) > entry.error ~ button:active {
4066
color: white;
4067
}
4068
.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:disabled {
4070
color: rgba(255, 255, 255, 0.3);
4071
}
4072
.gedit-search-slider .linked > button {
4074
border: solid 4px transparent;
4075
border-radius: 9999px;
4076
}
4077
.gedit-search-slider .linked > button:last-child:dir(ltr), .gedit-search-slider .linked > button:not(:first-child):dir(rtl) {
4079
margin-left: -2px;
4080
}
4081
.gedit-search-slider .linked > button:first-child:dir(rtl), .gedit-search-slider .linked > button:not(:last-child):dir(ltr) {
4083
margin-right: -2px;
4084
}
4085
frame.gedit-map-frame > border:dir(ltr) {
4087
border-style: none none none solid;
4088
}
4089
frame.gedit-map-frame > border:dir(rtl) {
4091
border-style: none solid none none;
4092
}
4093
/**********
4095
* Tweaks *
4096
**********/
4097
.tweak-categories {
4098
background-image: image(#FAFAFA);
4099
}
4100
.tweak {
4102
padding: 3px;
4103
}
4104
.tweak.title:hover {
4106
box-shadow: none;
4107
}
4108
.tweak-group-white,
4110
.tweak-white,
4111
.tweak-white:hover {
4112
background-image: image(#FFFFFF);
4113
}
4114
.tweak-startup,
4116
.tweak-startup:hover {
4117
background-image: image(#FFFFFF);
4118
}
4119
.tweak-group-startup {
4121
background-image: image(#FFFFFF);
4122
border: 1px solid rgba(0, 0, 0, 0.12);
4123
}
4124
row#Focus,
4126
row#ClickMethod,
4127
row#StaticWorkspaceTweak,
4128
row#dynamic-workspaces,
4129
row#PrimaryWorkspaceTweak,
4130
row#workspaces-only-on-primary {
4131
padding: 0;
4132
border: 1px solid rgba(0, 0, 0, 0.12);
4133
}
4134
row#Focus row:not(:last-child),
4136
row#ClickMethod row:not(:last-child),
4137
row#StaticWorkspaceTweak row:not(:last-child),
4138
row#dynamic-workspaces row:not(:last-child),
4139
row#PrimaryWorkspaceTweak row:not(:last-child),
4140
row#workspaces-only-on-primary row:not(:last-child) {
4141
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4142
}
4143
row#Focus.tweak > list,
4145
row#ClickMethod.tweak > list,
4146
row#StaticWorkspaceTweak.tweak > list,
4147
row#dynamic-workspaces.tweak > list,
4148
row#PrimaryWorkspaceTweak.tweak > list,
4149
row#workspaces-only-on-primary.tweak > list {
4150
margin-top: -3px;
4151
}
4152
row#Focus,
4154
row#ClickMethod,
4155
row#PrimaryWorkspaceTweak,
4156
row#workspaces-only-on-primary {
4157
margin-top: 4px;
4158
}
4159
/***********
4161
* Builder *
4162
***********/
4163
layouttabbar {
4164
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4165
background-color: #F2F2F2;
4166
}
4167
layouttabbar > box > button {
4169
margin: 4px 0;
4170
}
4171
layouttab {
4173
margin: 0 8px;
4174
border-style: none solid;
4175
border-width: 1px;
4176
border-color: rgba(0, 0, 0, 0.12);
4177
box-shadow: inset 0 -2px #4285F4;
4178
background-color: #FFFFFF;
4179
}
4180
layouttab separator.vertical {
4182
margin: 8px 4px;
4183
}
4184
layouttab button.text-button, layouttab button.image-button, layouttab button {
4186
margin-top: 8px;
4187
margin-bottom: 8px;
4188
padding: 0 4px;
4189
}
4190
layout {
4192
border: 1px solid rgba(0, 0, 0, 0.12);
4193
-PnlDockBin-handle-size: 1;
4194
}
4195
entry.search-missing {
4197
background-color: #EA4335;
4198
color: white;
4199
}
4200
window.workbench treeview.image {
4202
color: rgba(0, 0, 0, 0.54);
4203
}
4204
popover.popover-selector list {
4206
padding: 6px;
4207
}
4208
popover.popover-selector list row {
4210
border-radius: 4px;
4211
}
4212
popover.popover-selector list row image:dir(ltr) {
4214
margin-right: 6px;
4215
}
4216
popover.popover-selector list row image:dir(rtl) {
4218
margin-left: 6px;
4219
}
4220
popover.popover-selector list row .accel:dir(ltr) {
4222
margin-left: 6px;
4223
}
4224
popover.popover-selector list row .accel:dir(rtl) {
4226
margin-right: 6px;
4227
}
4228
omnibar.linked:not(.vertical) entry {
4230
border-radius: 4px;
4231
}
4232
omnibar:not(:hover):not(:active) entry {
4234
color: rgba(0, 0, 0, 0.54);
4235
}
4236
popover.omnibar list row:not(:last-child) {
4238
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4239
}
4240
entry.preferences-search {
4242
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12);
4243
background-color: #FFFFFF;
4244
}
4245
preferences stacksidebar.sidebar list {
4247
background-color: #FAFAFA;
4248
}
4249
preferences stacksidebar.sidebar:dir(ltr) list, preferences stacksidebar.sidebar:dir(rtl) list {
4251
border-style: none;
4252
}
4253
preferences > box > box:dir(ltr) {
4255
border-right: 1px solid rgba(0, 0, 0, 0.12);
4256
}
4257
preferences > box > box:dir(rtl) {
4259
border-left: 1px solid rgba(0, 0, 0, 0.12);
4260
}
4261
popover.messagepopover.background {
4263
padding: 0;
4264
}
4265
popover.messagepopover .popover-action-area button {
4267
padding: 8px 16px;
4268
border-top: 1px solid rgba(0, 0, 0, 0.12);
4269
border-radius: 0;
4270
}
4271
popover.messagepopover .popover-action-area button:first-child {
4273
border-bottom-left-radius: 4px;
4274
}
4275
popover.messagepopover .popover-action-area button:last-child {
4277
border-bottom-right-radius: 4px;
4278
}
4279
popover.messagepopover .popover-content-area {
4281
margin: 16px;
4282
}
4283
popover.transfers list {
4285
background-color: transparent;
4286
}
4287
popover.transfers list row:not(:first-child) {
4289
border-top: 1px solid rgba(0, 0, 0, 0.12);
4290
}
4291
popover.transfers list row > box {
4293
padding: 10px;
4294
}
4295
dockbin {
4297
border: 1px solid rgba(0, 0, 0, 0.12);
4298
-PnlDockBin-handle-size: 1;
4299
}
4300
dockpaned {
4302
border: 1px solid rgba(0, 0, 0, 0.12);
4303
}
4304
eggsearchbar box.search-bar {
4306
padding: 0 8px;
4307
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4308
background-color: #F2F2F2;
4309
}
4310
docktabstrip {
4312
padding: 0 8px;
4313
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4314
background-color: #F2F2F2;
4315
}
4316
docktab {
4318
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
4319
min-height: 24px;
4320
min-width: 24px;
4321
margin-bottom: -1px;
4322
padding: 4px 6px;
4323
outline-offset: -6px;
4324
border-width: 1px;
4325
border-color: transparent;
4326
box-shadow: inset 0 -2px transparent;
4327
background-image: radial-gradient(circle farthest-corner at center, #4285F4 10%, transparent 0%);
4328
background-repeat: no-repeat;
4329
background-position: center;
4330
background-size: 0% 0%;
4331
color: rgba(0, 0, 0, 0.54);
4332
font-weight: 500;
4333
}
4334
docktab:hover {
4336
background-color: alpha(currentColor, 0.08);
4337
color: rgba(0, 0, 0, 0.87);
4338
}
4339
docktab:checked {
4341
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);
4342
box-shadow: inset 0 -2px #4285F4;
4343
background-color: transparent;
4344
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
4345
background-size: 1000% 1000%;
4346
color: rgba(0, 0, 0, 0.87);
4347
}
4348
dockoverlayedge {
4350
background-color: #F2F2F2;
4351
}
4352
dockoverlayedge docktabstrip {
4354
padding: 0;
4355
border: none;
4356
}
4357
dockoverlayedge.left-edge docktab:hover {
4359
box-shadow: inset -2px 0 rgba(0, 0, 0, 0.26);
4360
}
4361
dockoverlayedge.left-edge docktab:checked {
4363
box-shadow: inset -2px 0 #4285F4;
4364
}
4365
dockoverlayedge.right-edge docktab:hover {
4367
box-shadow: inset 2px 0 rgba(0, 0, 0, 0.26);
4368
}
4369
dockoverlayedge.right-edge docktab:checked {
4371
box-shadow: inset 2px 0 #4285F4;
4372
}
4373
pillbox {
4375
background-color: #F2F2F2;
4376
border-radius: 4px;
4377
}
4378
layoutpane entry.search {
4380
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12);
4381
background-color: #FFFFFF;
4382
}
4383
editortweak entry.search {
4385
margin-bottom: -1px;
4386
box-shadow: none;
4387
}
4388
.gb-search-entry-occurrences-tag {
4390
box-shadow: none;
4391
background-color: transparent;
4392
}
4393
docktabstrip {
4395
min-height: 39px;
4396
}
4397
window.workbench preferences preferencesgroup list entry {
4399
padding-top: 8px;
4400
padding-bottom: 8px;
4401
}
4402
button.run-arrow-button {
4404
padding-left: 8px;
4405
padding-right: 8px;
4406
}
4407
button.dzlmenubutton image {
4409
min-width: 26px;
4410
}
4411
button.dzlmenubutton image.arrow {
4413
min-width: 23px;
4414
}
4415
button.dzlmenubuttonitem {
4417
color: rgba(0, 0, 0, 0.87);
4418
font-weight: normal;
4419
}
4420
button.dzlmenubuttonitem:disabled {
4422
color: rgba(0, 0, 0, 0.38);
4423
}
4424
idelayoutstackheader {
4426
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4427
}
4428
idelayoutstackheader button:checked {
4430
color: rgba(0, 0, 0, 0.87);
4431
}
4432
ideeditorutilities > dzldockpaned > box > stackswitcher {
4434
padding: 8px 0;
4435
background-color: #F2F2F2;
4436
}
4437
ideeditorutilities > dzldockpaned > box > stackswitcher:dir(ltr) {
4439
border-right: 1px solid rgba(0, 0, 0, 0.12);
4440
}
4441
ideeditorutilities > dzldockpaned > box > stackswitcher:dir(rtl) {
4443
border-left: 1px solid rgba(0, 0, 0, 0.12);
4444
}
4445
ideeditorutilities > dzldockpaned > box > stackswitcher button {
4447
border-radius: 0;
4448
outline-offset: -6px;
4449
box-shadow: none;
4450
background-color: transparent;
4451
}
4452
ideeditorutilities > dzldockpaned > box > stackswitcher button:active {
4454
background-image: radial-gradient(circle farthest-corner at center, rgba(66, 133, 244, 0.7) 10%, transparent 0%);
4455
}
4456
ideeditorutilities > dzldockpaned > box > stackswitcher button:checked {
4458
background-color: transparent;
4459
color: rgba(0, 0, 0, 0.87);
4460
}
4461
ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr) {
4463
margin-right: -1px;
4464
}
4465
ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):hover {
4467
box-shadow: inset -2px 0 rgba(0, 0, 0, 0.26);
4468
}
4469
ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):active, ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):checked {
4471
box-shadow: inset -2px 0 #4285F4;
4472
}
4473
ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl) {
4475
margin-left: -1px;
4476
}
4477
ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):hover {
4479
box-shadow: inset 2px 0 rgba(0, 0, 0, 0.26);
4480
}
4481
ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):active, ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):checked {
4483
box-shadow: inset 2px 0 #4285F4;
4484
}
4485
ideeditorsidebar notebook header {
4487
background: transparent;
4488
}
4489
popover.messagepopover list {
4491
border: 1px solid rgba(0, 0, 0, 0.12);
4492
}
4493
popover.messagepopover list row:not(:last-child) {
4495
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4496
}
4497
/**********
4499
* Photos *
4500
**********/
4501
GdMainIconView.content-view {
4502
-GdMainIconView-icon-size: 48;
4503
}
4504
.documents-counter {
4506
margin: 8px;
4507
border-radius: 9999px;
4508
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
4509
background-color: #4285F4;
4510
color: white;
4511
font-weight: bold;
4512
}
4513
.documents-scrolledwin.frame {
4515
border-style: none;
4516
}
4517
.documents-scrolledwin.frame frame.content-view > border {
4519
border-style: none;
4520
}
4521
.photos-fade-in {
4523
opacity: 1;
4524
transition: opacity 100ms cubic-bezier(0, 0, 0.2, 1);
4525
}
4526
.photos-fade-out {
4528
opacity: 0;
4529
transition: opacity 100ms cubic-bezier(0, 0, 0.2, 1);
4530
}
4531
overlay grid.horizontal > revealer > scrolledwindow.frame:dir(ltr) {
4533
border-style: none none none solid;
4534
}
4535
overlay grid.horizontal > revealer > scrolledwindow.frame:dir(rtl) {
4537
border-style: none solid none none;
4538
}
4539
/*********
4541
* Music *
4542
*********/
4543
.side-panel:dir(ltr) {
4544
border-style: solid;
4545
border-color: rgba(0, 0, 0, 0.12);
4546
}
4547
.side-panel:dir(rtl) {
4549
border-style: solid;
4550
border-color: rgba(0, 0, 0, 0.12);
4551
}
4552
.side-panel .view {
4554
background-image: image(#FAFAFA);
4555
}
4556
.side-panel .view:hover {
4558
background-image: image(rgba(240, 240, 240, 0.9935));
4559
}
4560
.side-panel .view:selected {
4562
background-image: image(#4285F4);
4563
}
4564
.side-panel .view:selected:hover {
4566
background-image: image(#4b8bf5);
4567
}
4568
.songs-list:hover {
4570
background-image: image(alpha(currentColor, 0.08));
4571
}
4572
frame.documents-dropdown {
4574
margin: 8px;
4575
}
4576
frame.documents-dropdown > border {
4578
border: none;
4579
}
4580
box.vertical > revealer > toolbar.search-bar {
4582
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4583
background-clip: border-box;
4584
}
4585
box.vertical > revealer > toolbar.search-bar button > widget {
4587
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
4588
}
4589
/*********
4591
* To Do *
4592
*********/
4593
task-list-view taskrow {
4594
transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
4595
margin: 0 -8px;
4596
}
4597
task-list-view taskrow:hover {
4599
transition: none;
4600
}
4601
task-list-view taskrow label {
4603
margin: 0 8px;
4604
}
4605
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,
4607
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 {
4608
min-width: 16px;
4609
}
4610
task-list-view > box > revealer > box > button {
4612
margin: -4px;
4613
}
4614
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,
4616
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 {
4617
opacity: 1;
4618
}
4619
tasklistview taskrow {
4621
outline: none;
4622
}
4623
tasklistview taskrow entry, tasklistview taskrow entry:focus, tasklistview taskrow entry:disabled {
4625
box-shadow: none;
4626
}
4627
tasklistview taskrow image.dim-label, tasklistview taskrow .titlebar:not(headerbar) image.subtitle, .titlebar:not(headerbar) tasklistview taskrow image.subtitle,
4629
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 {
4630
min-width: 16px;
4631
}
4632
tasklistview > box > revealer > box > button {
4634
margin: -4px;
4635
}
4636
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,
4638
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 {
4639
opacity: 1;
4640
}
4641
/*******
4643
* eog *
4644
*******/
4645
#eog-thumb-nav scrolledwindow {
4646
border-top: none;
4647
}
4648
#eog-thumb-nav button {
4650
-gtk-outline-radius: 4px;
4651
}
4652
/*************
4654
* Evolution *
4655
*************/
4656
frame.taskbar > border {
4657
border-style: solid none none;
4658
}
4659
box.vertical > paned.horizontal notebook widget .frame {
4661
border-style: none;
4662
}
4663
/********
4665
* gitg *
4666
********/
4667
frame.commit-frame > border {
4668
border-style: solid none none;
4669
}
4670
/**************
4672
* Characters *
4673
**************/
4674
box.dialog-vbox scrolledwindow.related {
4675
border: 1px solid rgba(0, 0, 0, 0.12);
4676
}
4677
list.categories {
4679
background-image: image(#FAFAFA);
4680
}
4681
/*********
4683
* Boxes *
4684
*********/
4685
.transparent-bg + stack overlay > label {
4686
min-height: 24px;
4687
padding: 0 4px;
4688
border-radius: 4px;
4689
background-color: rgba(0, 0, 0, 0.6);
4690
color: white;
4691
}
4692
/**************
4694
* Calculator *
4695
**************/
4696
button.title label {
4697
min-height: 32px;
4698
}
4699
/*********
4701
* Geary *
4702
*********/
4703
.geary-titlebar-left:dir(ltr) {
4704
margin-right: 5px;
4705
padding-right: 0;
4706
}
4707
.geary-titlebar-left:dir(rtl) {
4709
margin-left: 5px;
4710
padding-left: 0;
4711
}
4712
.geary-titlebar-left > separator {
4714
background-color: rgba(0, 0, 0, 0.05);
4715
}
4716
.geary-titlebar-right:dir(ltr) {
4718
margin-left: -5px;
4719
}
4720
.geary-titlebar-right:dir(rtl) {
4722
margin-right: -5px;
4723
}
4724
/*********
4726
* Tilix *
4727
*********/
4728
overlay > revealer.left > scrolledwindow.frame,
4729
overlay > revealer.right > scrolledwindow.frame {
4730
border-style: none;
4731
box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22);
4732
}
4733
overlay > revealer.left > scrolledwindow.frame {
4735
margin-right: 32px;
4736
}
4737
overlay > revealer.right > scrolledwindow.frame {
4739
margin-left: 32px;
4740
}
4741
.terminix-session-sidebar,
4743
.tilix-session-sidebar {
4744
background-image: image(#FFFFFF);
4745
}
4746
.terminal-titlebar button {
4748
border-radius: 0;
4749
}
4750
button.image-button.session-new-button {
4752
min-width: 28px;
4753
}
4754
/**************
4756
* Terminator *
4757
**************/
4758
.terminator-terminal-window paned > separator {
4759
background-color: #F2F2F2;
4760
}
4761
.terminator-terminal-window notebook.frame {
4763
border-style: none;
4764
}
4765
/***********
4767
* Eclipse *
4768
***********/
4769
window.background > box.vertical > scrolledwindow > widget toolbar {
4770
padding: 2px;
4771
}
4772
window.background > box.vertical > scrolledwindow > widget toolbar separator,
4774
window.background > box.vertical > scrolledwindow > widget toolbar button {
4775
margin: 2px;
4776
}
4777
window.background > box.vertical > scrolledwindow > widget toolbar button {
4779
border-radius: 4px;
4780
}
4781
/************
4783
* Chromium *
4784
************/
4785
window.background.chromium {
4786
background-color: #F2F2F2;
4787
}
4788
window.background.chromium entry,
4790
window.background.chromium > button:not(.suggested-action):not(.destructive-action) {
4791
border: 1px solid rgba(0, 0, 0, 0.26);
4792
}
4793
window.background.chromium > button {
4795
box-shadow: none;
4796
background-size: auto;
4797
}
4798
window.background.chromium > button:hover {
4800
background-image: image(alpha(currentColor, 0.08));
4801
}
4802
window.background.chromium > button:active {
4804
background-image: image(alpha(currentColor, 0.24));
4805
}
4806
window.background.chromium headerbar button:active {
4808
background-size: 1000% 1000%;
4809
}
4810
window.background.chromium spinner {
4812
color: #4285F4;
4813
}
4814
window.background.chromium textview {
4816
background-color: #FFFFFF;
4817
}
4818
tooltip.background.chromium {
4820
background-color: #616161;
4821
}
4822
/***********
4824
* Firefox *
4825
***********/
4826
window.background:not(.csd) > widget > separator {
4827
color: rgba(0, 0, 0, 0.26);
4828
}
4829
window.background:not(.csd) > widget > scrollbar {
4831
background-clip: border-box;
4832
}
4833
window.background:not(.csd) > widget > scrollbar,
4835
window.background:not(.csd) > widget > frame > border {
4836
border-color: rgba(0, 0, 0, 0.26);
4837
}
4838
window.background:not(.csd) > widget > entry,
4840
window.background:not(.csd) > widget > button > button {
4841
border: 1px solid rgba(0, 0, 0, 0.26);
4842
border-radius: 5px;
4843
box-shadow: none;
4844
}
4845
window.background:not(.csd) > widget > entry {
4847
min-height: 30px;
4848
}
4849
window.background:not(.csd) > widget > entry:focus {
4851
border-color: #4285F4;
4852
}
4853
window.background:not(.csd) > widget > button > button {
4855
padding: 4px 8px;
4856
background-size: auto;
4857
}
4858
window.background:not(.csd) > widget > button > button:hover {
4860
background-image: image(alpha(currentColor, 0.08));
4861
}
4862
window.background:not(.csd) > widget > button > button:active {
4864
background-image: image(alpha(currentColor, 0.24));
4865
}
4866
window.background:not(.csd) > widget > checkbutton > check:not(:checked),
4868
window.background:not(.csd) > widget > radiobutton > radio:not(:checked) {
4869
color: #757575;
4870
}
4871
window.background:not(.csd) > widget > checkbutton > check:not(:checked):hover, window.background:not(.csd) > widget > checkbutton > check:not(:checked):active,
4873
window.background:not(.csd) > widget > radiobutton > radio:not(:checked):hover,
4874
window.background:not(.csd) > widget > radiobutton > radio:not(:checked):active {
4875
color: #212121;
4876
}
4877
window.background:not(.csd) > widget > checkbutton > check:not(:checked):disabled,
4879
window.background:not(.csd) > widget > radiobutton > radio:not(:checked):disabled {
4880
color: rgba(117, 117, 117, 0.5);
4881
}
4882
window.background:not(.csd) > window > menu,
4884
window.background:not(.csd) > menu > menu {
4885
border: none;
4886
}
4887
text:selected {
4889
background-color: #4285F4;
4890
color: white;
4891
}
4892
window.background:not(.csd) > widget > menubar {
4894
color: rgba(255, 255, 255, 0.7);
4895
}
4896
window.background:not(.csd) > widget > menubar:hover {
4898
color: white;
4899
}
4900
window.background:not(.csd) > widget > menubar:disabled {
4902
color: rgba(255, 255, 255, 0.3);
4903
}
4904
window.background:not(.csd) > widget > frame {
4906
color: rgba(0, 0, 0, 0.26);
4907
}
4908
window.background:not(.csd) > widget > checkbutton > check,
4910
window.background:not(.csd) > widget > radiobutton > radio {
4911
margin: 0;
4912
padding: 0;
4913
}
4914
window.background:not(.csd) > window.background > menu > separator {
4916
color: rgba(0, 0, 0, 0.12);
4917
}
4918
/************
4920
* Inkscape *
4921
************/
4922
#ToolboxCommon > #AuxToolbox #StyleSwatch {
4923
font-size: smaller;
4924
}
4925
#ToolboxCommon > #AuxToolbox #Kludge {
4927
padding: 0;
4928
}
4929
#ToolboxCommon > #AuxToolbox spinbutton,
4931
#ToolboxCommon > #AuxToolbox entry {
4932
min-height: 32px;
4933
}
4934
#ToolboxCommon > #AuxToolbox button:not(.up):not(.down) {
4936
min-height: 24px;
4937
min-width: 16px;
4938
padding: 4px 8px;
4939
border-radius: 4px;
4940
-gtk-outline-radius: 4px;
4941
}
4942
#ToolboxCommon > #AuxToolbox spinbutton button {
4944
border-width: 4px;
4945
}
4946
#ToolboxCommon > toolbar.vertical {
4948
margin-top: -4px;
4949
}
4950
#ToolboxCommon > toolbar.vertical button {
4952
min-height: 24px;
4953
min-width: 24px;
4954
padding: 4px;
4955
border-radius: 4px;
4956
-gtk-outline-radius: 4px;
4957
}
4958
#CanvasTable button {
4960
min-height: 16px;
4961
min-width: 16px;
4962
padding: 0;
4963
}
4964
#CanvasTable #HorizontalScrollbar {
4966
border-top: 1px solid rgba(0, 0, 0, 0.12);
4967
}
4968
#CanvasTable #VerticalScrollbar:dir(ltr) {
4970
border-left: 1px solid rgba(0, 0, 0, 0.12);
4971
}
4972
#CanvasTable #VerticalScrollbar:dir(rtl) {
4974
border-right: 1px solid rgba(0, 0, 0, 0.12);
4975
}
4976
#Canvas_and_Dock frame > border {
4978
border: none;
4979
}
4980
#Canvas_and_Dock widget > widget > button.flat {
4982
min-height: 16px;
4983
min-width: 16px;
4984
padding: 4px;
4985
}
4986
#Canvas_and_Dock widget > widget > box.horizontal image {
4988
padding: 4px;
4989
}
4990
#Canvas_and_Dock box.horizontal > box.vertical > button.flat {
4992
min-height: 16px;
4993
min-width: 24px;
4994
padding: 8px 4px;
4995
}
4996
/***********
4998
* Synapse *
4999
***********/
5000
/*********
5001
* Unity *
5002
*********/
5003
UnityDecoration {
5004
-UnityDecoration-extents: 28px 0 0 0;
5005
-UnityDecoration-input-extents: 8px;
5006
-UnityDecoration-shadow-offset-x: 0;
5007
-UnityDecoration-shadow-offset-y: 3px;
5008
-UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.48);
5009
-UnityDecoration-active-shadow-radius: 18px;
5010
-UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.32);
5011
-UnityDecoration-inactive-shadow-radius: 6px;
5012
-UnityDecoration-glow-size: 8px;
5013
-UnityDecoration-glow-color: #4285F4;
5014
-UnityDecoration-title-indent: 4px;
5015
-UnityDecoration-title-fade: 32px;
5016
-UnityDecoration-title-alignment: 0.0;
5017
}
5018
UnityDecoration .top {
5020
padding: 0 2px;
5021
border-style: none;
5022
border-radius: 4px 4px 0 0;
5023
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
5024
background-color: #383838;
5025
color: white;
5026
}
5027
UnityDecoration .top:backdrop {
5029
color: rgba(255, 255, 255, 0.7);
5030
}
5031
UnityDecoration .menuitem {
5033
color: rgba(255, 255, 255, 0.7);
5034
}
5035
UnityDecoration .menuitem:hover {
5037
box-shadow: inset 0 -2px currentColor;
5038
background-color: transparent;
5039
color: white;
5040
}
5041
.background:not(.csd) headerbar:not(.titlebar) {
5043
border-radius: 0;
5044
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
5045
}
5046
.background:not(.csd) headerbar:not(.titlebar).inline-toolbar {
5048
border-style: none;
5049
}
5050
UnityPanelWidget,
5052
.unity-panel {
5053
background-color: #212121;
5054
color: white;
5055
}
5056
UnityPanelWidget:backdrop,
5058
.unity-panel:backdrop {
5059
color: rgba(255, 255, 255, 0.7);
5060
}
5061
.unity-panel.menuitem,
5063
.unity-panel .menuitem {
5064
color: rgba(255, 255, 255, 0.7);
5065
}
5066
.unity-panel.menubar.menuitem:hover,
5068
.unity-panel.menubar .menuitem *:hover {
5069
box-shadow: inset 0 -2px currentColor;
5070
background-color: transparent;
5071
color: white;
5072
}
5073
.menu IdoPlaybackMenuItem.menuitem:active {
5075
-gtk-icon-source: -gtk-icontheme("process-working-symbolic");
5076
animation: spin 1s linear infinite;
5077
color: #4285F4;
5078
}
5079
/**************
5081
* Mate-Panel *
5082
**************/
5083
.mate-panel-menu-bar menubar,
5084
#PanelApplet-window-menu-applet-button {
5085
background-color: transparent;
5086
}
5087
.mate-panel-menu-bar {
5089
background-color: #212121;
5090
font-weight: 500;
5091
}
5092
.mate-panel-menu-bar:not(.popup) {
5094
color: rgba(255, 255, 255, 0.7);
5095
}
5096
.mate-panel-menu-bar button {
5098
min-height: 16px;
5099
min-width: 16px;
5100
padding: 0;
5101
border-radius: 0;
5102
}
5103
.mate-panel-menu-bar button:checked {
5105
background-color: rgba(255, 255, 255, 0.12);
5106
}
5107
PanelToplevel.horizontal > grid > button {
5109
min-width: 24px;
5110
}
5111
PanelToplevel.vertical > grid > button {
5113
min-height: 24px;
5114
}
5115
PanelSeparator {
5117
color: rgba(255, 255, 255, 0.12);
5118
}
5119
MatePanelAppletFrameDBus {
5121
border-style: solid;
5122
border-color: rgba(255, 255, 255, 0.12);
5123
}
5124
.mate-panel-menu-bar.horizontal MatePanelAppletFrameDBus {
5126
border-width: 0 1px;
5127
}
5128
.mate-panel-menu-bar.vertical MatePanelAppletFrameDBus {
5130
border-width: 1px 0;
5131
}
5132
.mate-panel-menu-bar menubar > menuitem {
5134
color: rgba(255, 255, 255, 0.7);
5135
}
5136
.mate-panel-menu-bar menubar > menuitem:hover {
5138
background-color: rgba(255, 255, 255, 0.12);
5139
color: white;
5140
}
5141
.mate-panel-menu-bar menubar > menuitem:disabled {
5143
color: rgba(255, 255, 255, 0.3);
5144
}
5145
.mate-panel-menu-bar.horizontal menubar > menuitem {
5147
padding: 0 8px;
5148
}
5149
.mate-panel-menu-bar.vertical menubar > menuitem {
5151
padding: 8px 0;
5152
}
5153
.mate-panel-menu-bar menubar menu > menuitem {
5155
min-height: 28px;
5156
padding: 0 6px;
5157
}
5158
.mate-panel-menu-bar #PanelApplet button {
5160
-GtkWidget-window-dragging: true;
5161
}
5162
.mate-panel-menu-bar #tasklist-button {
5164
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0/0 0 0px;
5165
}
5166
.mate-panel-menu-bar #tasklist-button:checked {
5168
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2/0 0 2px;
5169
}
5170
.mate-panel-menu-bar #tasklist-button image:dir(ltr), .mate-panel-menu-bar #tasklist-button label:dir(rtl) {
5172
padding-left: 4px;
5173
}
5174
.mate-panel-menu-bar #tasklist-button label:dir(ltr), .mate-panel-menu-bar #tasklist-button image:dir(rtl) {
5176
padding-right: 4px;
5177
}
5178
.mate-panel-menu-bar.vertical #tasklist-button {
5180
min-height: 32px;
5181
}
5182
.mate-panel-menu-bar.horizontal #showdesktop-button image {
5184
min-width: 24px;
5185
padding: 0 4px;
5186
}
5187
.mate-panel-menu-bar.vertical #showdesktop-button image {
5189
min-height: 24px;
5190
padding: 4px 0;
5191
}
5192
PanelApplet.wnck-applet .wnck-pager {
5194
background-color: transparent;
5195
color: #7BAAF7;
5196
}
5197
PanelApplet.wnck-applet .wnck-pager:hover {
5199
background-color: rgba(255, 255, 255, 0.12);
5200
}
5201
PanelApplet.wnck-applet .wnck-pager:active {
5203
background-color: rgba(255, 255, 255, 0.3);
5204
}
5205
PanelApplet.wnck-applet .wnck-pager:selected {
5207
background-color: #4285F4;
5208
}
5209
.mate-panel-menu-bar.horizontal #clock-applet-button label {
5211
padding: 0 8px;
5212
}
5213
.mate-panel-menu-bar.vertical #clock-applet-button label {
5215
padding: 8px 0;
5216
}
5217
#MatePanelPopupWindow {
5219
border: 1px solid rgba(0, 0, 0, 0.12);
5220
border-radius: 5px;
5221
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
5222
}
5223
#MatePanelPopupWindow frame > border {
5225
border-style: none;
5226
}
5227
#MatePanelPopupWindow button {
5229
padding: 4px 16px;
5230
}
5231
#MatePanelPopupWindow > frame > box > box > box > widget {
5233
color: rgba(0, 0, 0, 0.12);
5234
}
5235
na-tray-applet {
5237
-NaTrayApplet-icon-padding: 3px;
5238
-NaTrayApplet-icon-size: 16;
5239
}
5240
.mate-panel-menu-bar {
5242
-PanelMenuBar-icon-visible: true;
5243
}
5244
.mate-panel-applet-slider {
5246
border: 1px solid rgba(0, 0, 0, 0.12);
5247
border-radius: 5px;
5248
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
5249
background-color: #F2F2F2;
5250
}
5251
.mate-panel-applet-slider frame > border {
5253
border-style: none;
5254
}
5255
#PanelApplet:not(:selected) > box {
5257
transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
5258
}
5259
#PanelApplet:selected > box {
5261
background-color: rgba(255, 255, 255, 0.12);
5262
color: white;
5263
}
5264
#mate-menu {
5266
border: 1px solid rgba(0, 0, 0, 0.12);
5267
}
5268
#mate-menu button {
5270
min-height: 24px;
5271
min-width: 24px;
5272
padding: 4px 0;
5273
color: rgba(0, 0, 0, 0.87);
5274
font-weight: normal;
5275
}
5276
#mate-menu button label:not(:first-child) {
5278
color: rgba(0, 0, 0, 0.54);
5279
}
5280
#mate-menu entry {
5282
margin: 0 0 8px;
5283
}
5284
#mate-menu entry image {
5286
margin: 0;
5287
}
5288
#mate-menu entry + button {
5290
margin: 0 4px 8px;
5291
padding: 4px;
5292
}
5293
/*********************
5295
* CAJA File manager *
5296
*********************/
5297
.caja-navigation-window button.toggle.image-button {
5298
border-radius: 4px;
5299
}
5300
.caja-pathbar button {
5302
margin: 0 -1px 0 -2px;
5303
}
5304
.caja-pathbar button > widget {
5306
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
5307
-GtkArrow-arrow-scaling: 1;
5308
}
5309
.caja-side-pane notebook viewport.frame,
5311
.caja-side-pane notebook widget .vertical {
5312
background-color: #FFFFFF;
5313
}
5314
.caja-side-pane notebook,
5316
.caja-notebook {
5317
border-top: 1px solid rgba(0, 0, 0, 0.12);
5318
}
5319
.caja-side-pane notebook .frame,
5321
.caja-notebook .frame {
5322
border-style: none;
5323
}
5324
.caja-navigation-window statusbar {
5326
margin: 0 -10px;
5327
padding: 0 4px;
5328
border-top: 1px solid rgba(0, 0, 0, 0.12);
5329
}
5330
.caja-notebook frame > border {
5332
border-style: none;
5333
}
5334
#caja-extra-view-widget {
5336
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
5337
background-color: #F2F2F2;
5338
}
5339
#caja-extra-view-widget > box > box > label {
5341
font-weight: bold;
5342
}
5343
/*********
5345
* Pluma *
5346
*********/
5347
.pluma-window statusbar {
5348
margin: 0 -10px;
5349
padding: 0 4px;
5350
border-top: 1px solid rgba(0, 0, 0, 0.12);
5351
}
5352
.pluma-window statusbar frame > border {
5354
border-style: none;
5355
}
5356
.pluma-window statusbar frame button.flat {
5358
padding: 0 4px;
5359
border-radius: 0;
5360
}
5361
.pluma-window statusbar frame button.flat widget {
5363
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
5364
-GtkArrow-arrow-scaling: 1;
5365
}
5366
.pluma-print-preview toolbar {
5368
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
5369
}
5370
.pluma-window paned.horizontal box.vertical box.horizontal button.flat {
5372
margin: 1px;
5373
}
5374
.pluma-window paned.horizontal box.vertical .frame {
5376
border-style: none;
5377
}
5378
.pluma-window paned.horizontal box.vertical notebook.frame {
5380
margin-top: -1px;
5381
border-top: 1px solid rgba(0, 0, 0, 0.12);
5382
}
5383
.pluma-window paned.horizontal box.vertical notebook.frame box.vertical toolbar.horizontal {
5385
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
5386
}
5387
/*********
5389
* Atril *
5390
*********/
5391
.atril-window paned.horizontal box.vertical .frame {
5392
border-style: none;
5393
}
5394
.atril-window paned.horizontal box.vertical notebook .frame {
5396
border-top: 1px solid rgba(0, 0, 0, 0.12);
5397
}
5398
/* mate-screensaver lock dialog */
5400
.lock-dialog {
5401
border-radius: 4px;
5402
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);
5403
}
5404
.lock-dialog frame > border {
5406
border-style: none;
5407
}
5408
/* multimedia OSD */
5410
MsdOsdWindow.background.osd {
5411
border-radius: 4px;
5412
background-color: rgba(97, 97, 97, 0.9);
5413
color: white;
5414
}
5415
MsdOsdWindow.background.osd .trough {
5417
border-radius: 0;
5418
background-color: rgba(255, 255, 255, 0.12);
5419
}
5420
MsdOsdWindow.background.osd .progressbar {
5422
border-radius: 0;
5423
background-color: #4285F4;
5424
}
5425
/******************
5427
* Budgie Desktop *
5428
******************/
5429
.budgie-container {
5430
background-color: transparent;
5431
}
5432
.budgie-settings-window buttonbox.inline-toolbar {
5434
border-style: none none solid;
5435
}
5436
.budgie-settings-window buttonbox.inline-toolbar button {
5438
border-radius: 4px;
5439
-gtk-outline-radius: 4px;
5440
}
5441
.budgie-popover {
5443
border-style: solid;
5444
border-width: 1px;
5445
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.3);
5446
border-radius: 5px;
5447
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
5448
background-color: #FFFFFF;
5449
}
5450
.budgie-popover .container {
5452
padding: 2px;
5453
}
5454
.budgie-popover border {
5456
border: none;
5457
}
5458
.budgie-popover list {
5460
background-color: transparent;
5461
}
5462
.budgie-popover row {
5464
padding: 0;
5465
}
5466
.budgie-popover row:hover {
5468
box-shadow: none;
5469
}
5470
.budgie-popover button.flat:not(.image-button) {
5472
min-height: 28px;
5473
padding: 0 8px;
5474
color: rgba(0, 0, 0, 0.87);
5475
font-weight: normal;
5476
}
5477
.budgie-popover button.flat:not(.image-button):disabled {
5479
color: rgba(0, 0, 0, 0.38);
5480
}
5481
.budgie-popover.budgie-menu .container {
5483
padding: 0;
5484
}
5485
.budgie-popover.budgie-menu .sidebar,
5487
.budgie-popover.budgie-menu scrollbar,
5488
.budgie-popover.budgie-menu entry.search {
5489
background-color: transparent;
5490
}
5491
.budgie-popover.budgie-menu entry.search {
5493
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
5494
border-image: none;
5495
border-radius: 0;
5496
box-shadow: none;
5497
font-size: 120%;
5498
}
5499
.budgie-popover.budgie-menu button.flat:not(.image-button) {
5501
min-height: 32px;
5502
padding: 0 8px;
5503
border-radius: 0;
5504
}
5505
.budgie-popover.budgie-menu button.flat:not(.image-button):checked:disabled {
5507
background-color: transparent;
5508
}
5509
.budgie-popover.user-menu .container {
5511
padding: 8px;
5512
}
5513
.budgie-popover.user-menu separator {
5515
margin: 4px 0;
5516
}
5517
.budgie-popover.sound-popover separator {
5519
margin: 3px 0;
5520
}
5521
.budgie-popover.night-light-indicator .container {
5523
padding: 8px;
5524
}
5525
.budgie-popover.places-menu .container {
5527
padding: 8px;
5528
}
5529
.budgie-popover.places-menu .name-button image:dir(ltr) {
5531
margin-right: 3px;
5532
}
5533
.budgie-popover.places-menu .name-button image:dir(rtl) {
5535
margin-left: 3px;
5536
}
5537
.budgie-popover.places-menu .unmount-button {
5539
margin: 2px;
5540
padding: 0;
5541
}
5542
.budgie-popover.places-menu .places-list:not(.always-expand) {
5544
margin-top: 4px;
5545
padding-top: 4px;
5546
border-top: 1px solid rgba(0, 0, 0, 0.12);
5547
}
5548
.budgie-popover.places-menu .alternative-label {
5550
padding: 3px;
5551
font-size: 15px;
5552
}
5553
.budgie-popover.workspace-popover .container {
5555
padding: 8px;
5556
}
5557
.budgie-popover.workspace-popover separator {
5559
margin: 4px 0;
5560
}
5561
.budgie-popover.workspace-popover flowboxchild {
5563
padding: 0;
5564
}
5565
.workspace-switcher .workspace-layout {
5567
border: 0 solid rgba(255, 255, 255, 0.12);
5568
}
5569
.top .workspace-switcher .workspace-layout:dir(ltr),
5571
.bottom .workspace-switcher .workspace-layout:dir(ltr) {
5572
border-left-width: 1px;
5573
}
5574
.top .workspace-switcher .workspace-layout:dir(rtl),
5576
.bottom .workspace-switcher .workspace-layout:dir(rtl) {
5577
border-right-width: 1px;
5578
}
5579
.left .workspace-switcher .workspace-layout,
5581
.right .workspace-switcher .workspace-layout {
5582
border-top-width: 1px;
5583
}
5584
.workspace-switcher .workspace-item,
5586
.workspace-switcher .workspace-add-button {
5587
border: 0 solid rgba(255, 255, 255, 0.12);
5588
}
5589
.top .workspace-switcher .workspace-item:dir(ltr),
5591
.bottom .workspace-switcher .workspace-item:dir(ltr), .top
5592
.workspace-switcher .workspace-add-button:dir(ltr),
5593
.bottom
5594
.workspace-switcher .workspace-add-button:dir(ltr) {
5595
border-right-width: 1px;
5596
}
5597
.top .workspace-switcher .workspace-item:dir(rtl),
5599
.bottom .workspace-switcher .workspace-item:dir(rtl), .top
5600
.workspace-switcher .workspace-add-button:dir(rtl),
5601
.bottom
5602
.workspace-switcher .workspace-add-button:dir(rtl) {
5603
border-left-width: 1px;
5604
}
5605
.left .workspace-switcher .workspace-item,
5607
.right .workspace-switcher .workspace-item, .left
5608
.workspace-switcher .workspace-add-button,
5609
.right
5610
.workspace-switcher .workspace-add-button {
5611
border-bottom-width: 1px;
5612
}
5613
.workspace-switcher .workspace-item {
5615
transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
5616
}
5617
.workspace-switcher .workspace-item.current-workspace {
5619
background-color: rgba(255, 255, 255, 0.12);
5620
}
5621
.workspace-switcher .workspace-add-button:hover {
5623
box-shadow: none;
5624
}
5625
.workspace-switcher .workspace-add-button:active {
5627
background-image: none;
5628
}
5629
.workspace-switcher .workspace-add-button:active image {
5631
margin: 1px 0 -1px;
5632
}
5633
.budgie-panel .workspace-switcher .workspace-icon-button {
5635
min-height: 24px;
5636
min-width: 24px;
5637
padding: 0;
5638
border-radius: 4px;
5639
}
5640
.budgie-panel {
5642
transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1);
5643
background-color: #212121;
5644
color: rgba(255, 255, 255, 0.7);
5645
font-weight: 500;
5646
}
5647
.budgie-panel.transparent {
5649
background-color: rgba(0, 0, 0, 0.6);
5650
}
5651
.budgie-panel button {
5653
min-height: 16px;
5654
min-width: 16px;
5655
padding: 0;
5656
border-radius: 0;
5657
}
5658
.budgie-panel button:checked {
5660
background-color: rgba(255, 255, 255, 0.12);
5661
}
5662
.budgie-panel.horizontal button {
5664
padding: 0 4px;
5665
}
5666
.budgie-panel.vertical button {
5668
padding: 4px 0;
5669
}
5670
.budgie-panel separator {
5672
background-color: rgba(255, 255, 255, 0.3);
5673
}
5674
.budgie-panel .alert {
5676
color: #EA4335;
5677
}
5678
.budgie-panel .titlebar:not(headerbar) {
5680
min-height: 0;
5681
padding: 0;
5682
box-shadow: none;
5683
background-color: transparent;
5684
color: white;
5685
}
5686
.budgie-panel .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action) {
5688
color: rgba(255, 255, 255, 0.7);
5689
}
5690
.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 {
5692
color: white;
5693
}
5694
.budgie-panel #tasklist-button {
5696
padding: 0 4px;
5697
}
5698
.budgie-panel.vertical #tasklist-button {
5700
min-height: 32px;
5701
}
5702
.budgie-panel button.flat.launcher {
5704
padding: 0;
5705
}
5706
.budgie-panel button.flat.launcher:not(:checked) {
5708
color: rgba(255, 255, 255, 0.5);
5709
}
5710
.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active {
5712
color: rgba(255, 255, 255, 0.7);
5713
}
5714
.budgie-panel button.flat.launcher:not(:checked):disabled {
5716
color: rgba(255, 255, 255, 0.3);
5717
}
5718
.top .budgie-panel #tasklist-button, .budgie-panel .top #tasklist-button, .top .budgie-panel button.flat.launcher, .budgie-panel .top button.flat.launcher {
5720
border-image: radial-gradient(circle closest-corner at center calc(1px), currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
5721
}
5722
.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,
5724
.top .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .top button.flat.launcher.running {
5725
border-image: radial-gradient(circle closest-corner at center calc(1px), currentColor 100%, transparent 0%) 2 0 0 0/2px 0 0 0;
5726
}
5727
.bottom .budgie-panel #tasklist-button, .budgie-panel .bottom #tasklist-button, .bottom .budgie-panel button.flat.launcher, .budgie-panel .bottom button.flat.launcher {
5729
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
5730
}
5731
.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,
5733
.bottom .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .bottom button.flat.launcher.running {
5734
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2 0/0 0 2px 0;
5735
}
5736
.left .budgie-panel #tasklist-button, .budgie-panel .left #tasklist-button, .left .budgie-panel button.flat.launcher, .budgie-panel .left button.flat.launcher {
5738
border-image: radial-gradient(circle closest-corner at calc(1px) center, currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
5739
}
5740
.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,
5742
.left .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .left button.flat.launcher.running {
5743
border-image: radial-gradient(circle closest-corner at calc(1px) center, currentColor 100%, transparent 0%) 0 0 0 2/0 0 0 2px;
5744
}
5745
.right .budgie-panel #tasklist-button, .budgie-panel .right #tasklist-button, .right .budgie-panel button.flat.launcher, .budgie-panel .right button.flat.launcher {
5747
border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
5748
}
5749
.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,
5751
.right .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .right button.flat.launcher.running {
5752
border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, currentColor 100%, transparent 0%) 0 2 0 0/0 2px 0 0;
5753
}
5754
frame.raven-frame > border {
5756
border-style: none;
5757
box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22);
5758
}
5759
.top frame.raven-frame > border {
5761
margin-bottom: 32px;
5762
}
5763
.bottom frame.raven-frame > border {
5765
margin-top: 32px;
5766
}
5767
.left frame.raven-frame > border {
5769
margin-right: 32px;
5770
}
5771
.right frame.raven-frame > border {
5773
margin-left: 32px;
5774
}
5775
.raven {
5777
background-color: #FFFFFF;
5778
}
5779
.raven > box {
5781
margin-bottom: -10px;
5782
}
5783
.raven stackswitcher.linked > button {
5785
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #4285F4 0%, transparent 0%) 0 0 0/0 0 0px;
5786
border-radius: 0;
5787
}
5788
.raven stackswitcher.linked > button:checked {
5790
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #4285F4 100%, transparent 0%) 0 0 2/0 0 2px;
5791
background-color: transparent;
5792
}
5793
.raven .raven-header {
5795
min-height: 32px;
5796
padding: 3px;
5797
}
5798
.raven .raven-header.top {
5800
padding: 0;
5801
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
5802
}
5803
.raven .raven-header.top stackswitcher button {
5805
margin: -4px 0 -5px;
5806
padding: 0 16px;
5807
min-height: 40px;
5808
}
5809
.raven .raven-header.bottom {
5811
border-top: 1px solid rgba(0, 0, 0, 0.12);
5812
}
5813
.raven stack .raven-header {
5815
margin-top: -6px;
5816
}
5817
.raven stack scrolledwindow .raven-header {
5819
margin-top: -8px;
5820
}
5821
.raven .raven-background {
5823
border-style: solid none;
5824
border-width: 1px;
5825
border-color: rgba(0, 0, 0, 0.12);
5826
background-color: #FFFFFF;
5827
}
5828
.raven .raven-background > overlay > widget > image {
5830
color: rgba(0, 0, 0, 0.12);
5831
}
5832
.raven scrolledwindow.raven-background {
5834
border-bottom-style: none;
5835
}
5836
.raven .powerstrip button {
5838
margin: 2px 0 1px;
5839
padding: 8px;
5840
}
5841
.raven .option-subtitle {
5843
font-size: smaller;
5844
}
5845
calendar.raven-calendar {
5847
border-style: none;
5848
background-color: transparent;
5849
}
5850
calendar.raven-calendar:selected {
5852
border-radius: 4px;
5853
}
5854
.raven-mpris {
5856
background-color: rgba(0, 0, 0, 0.6);
5857
color: white;
5858
}
5859
.raven-mpris label {
5861
min-height: 24px;
5862
}
5863
.raven-mpris button.image-button {
5865
padding: 8px;
5866
}
5867
.budgie-notification-window, .budgie-osd-window, .budgie-switcher-window {
5869
background-color: transparent;
5870
}
5871
.budgie-notification .notification-title, .budgie-switcher .notification-title {
5873
font-size: 120%;
5874
}
5875
.budgie-osd .budgie-osd-text {
5877
font-size: 120%;
5878
}
5879
.drop-shadow {
5881
margin: 5px 9px;
5882
padding: 3px;
5883
border-radius: 4px;
5884
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);
5885
background-color: #FFFFFF;
5886
}
5887
.drop-shadow .linked > button {
5889
border-radius: 4px;
5890
}
5891
.budgie-session-dialog, .budgie-polkit-dialog, .budgie-run-dialog {
5893
border-radius: 4px;
5894
background-color: #FFFFFF;
5895
}
5896
.budgie-session-dialog decoration, .budgie-polkit-dialog decoration, .budgie-run-dialog decoration {
5898
border-radius: 4px;
5899
}
5900
.budgie-session-dialog label:not(:last-child),
5902
.budgie-session-dialog .dialog-title {
5903
font-size: 120%;
5904
}
5905
.budgie-session-dialog .linked.horizontal > button {
5907
padding: 8px 16px;
5908
border-top: 1px solid rgba(0, 0, 0, 0.12);
5909
border-radius: 0;
5910
}
5911
.budgie-session-dialog .linked.horizontal > button:first-child {
5913
border-bottom-left-radius: 4px;
5914
}
5915
.budgie-session-dialog .linked.horizontal > button:last-child {
5917
border-bottom-right-radius: 4px;
5918
}
5919
.budgie-polkit-dialog .message {
5921
color: rgba(0, 0, 0, 0.54);
5922
}
5923
.budgie-polkit-dialog .failure {
5925
color: #EA4335;
5926
}
5927
.budgie-run-dialog {
5929
background-color: #FFFFFF;
5930
}
5931
.budgie-run-dialog entry.search {
5933
font-size: 120%;
5934
padding: 4px 12px;
5935
border-image: none;
5936
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
5937
background-color: transparent;
5938
}
5939
.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,
5941
.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 {
5942
opacity: 1;
5943
}
5944
.budgie-run-dialog scrolledwindow {
5946
border-top: 1px solid rgba(0, 0, 0, 0.12);
5947
}
5948
/**************
5950
* Xfce4 Apps *
5951
**************/
5952
.XfceHeading {
5953
background-color: #FFFFFF;
5954
}
5955
/***************
5957
* xfce4-panel *
5958
***************/
5959
.xfce4-panel.background {
5960
border: none;
5961
background-color: #212121;
5962
color: rgba(255, 255, 255, 0.7);
5963
font-weight: 500;
5964
}
5965
.xfce4-panel.background button {
5967
min-height: 16px;
5968
min-width: 16px;
5969
padding: 0;
5970
border-radius: 0;
5971
}
5972
.xfce4-panel.background button:checked {
5974
background-color: rgba(255, 255, 255, 0.12);
5975
}
5976
.xfce4-panel.background .tasklist button {
5978
border-image: image(transparent) 0 0 2/0 0 2px;
5979
}
5980
.xfce4-panel.background .tasklist button:checked {
5982
border-image: image(currentColor) 0 0 2/0 0 2px;
5983
}
5984
.xfce4-panel.background .tasklist button image {
5986
padding: 4px;
5987
}
5988
wnck-pager:hover {
5990
background-color: rgba(255, 255, 255, 0.12);
5991
}
5992
wnck-pager:active {
5994
background-color: rgba(255, 255, 255, 0.3);
5995
}
5996
wnck-pager:selected {
5998
background-color: #4285F4;
5999
}
6000
XfdesktopIconView.view {
6002
border-radius: 4px;
6003
background-color: transparent;
6004
color: white;
6005
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
6006
}
6007
XfdesktopIconView.view:active {
6009
box-shadow: none;
6010
text-shadow: none;
6011
}
6012
XfdesktopIconView.view .rubberband {
6014
border-radius: 0;
6015
}
6016
#XfceNotifyWindow buttonbox {
6018
padding: 0;
6019
}
6020
#XfceNotifyWindow label#summary {
6022
font-weight: bold;
6023
}
6024
#xfwm-tabwin {
6026
padding: 12px;
6027
border-radius: 4px;
6028
-XfwmTabwinWidget-icon-size: 64px;
6029
-XfwmTabwinWidget-preview-size: 64px;
6030
}
6031
/**********
6033
* Thunar *
6034
**********/
6035
.thunar #location-toolbar {
6036
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
6037
}
6038
.thunar .standard-view.frame {
6040
border-style: none;
6041
}
6042
.thunar .sidebar .view:not(:selected) {
6044
background-color: transparent;
6045
}
6046
.thunar statusbar {
6048
margin: 0 -10px;
6049
padding: 0 4px;
6050
border-top: 1px solid rgba(0, 0, 0, 0.12);
6051
}
6052
/************************
6054
* LightDM GTK+ Greeter *
6055
************************/
6056
#panel_window {
6057
background-color: rgba(0, 0, 0, 0.3);
6058
color: white;
6059
}
6060
#panel_window menubar,
6062
#panel_window separator {
6063
background-color: transparent;
6064
}
6065
#panel_window separator {
6067
padding: 0 4px;
6068
}
6069
#panel_window separator:first-child {
6071
padding: 0 8px;
6072
}
6073
#panel_window menubar > menuitem {
6075
color: rgba(255, 255, 255, 0.7);
6076
}
6077
#panel_window menubar > menuitem:hover {
6079
color: white;
6080
}
6081
#panel_window menubar > menuitem:disabled label {
6083
color: rgba(255, 255, 255, 0.3);
6084
}
6085
#login_window,
6087
#shutdown_dialog,
6088
#restart_dialog {
6089
margin: 8px;
6090
border-radius: 4px;
6091
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);
6092
background-color: #FFFFFF;
6093
}
6094
#content_frame {
6096
padding-bottom: 20px;
6097
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
6098
}
6099
#buttonbox_frame {
6101
padding-top: 24px;
6102
}
6103
#buttonbox_frame button {
6105
margin: -16px;
6106
}
6107
#greeter_infobar {
6109
margin-top: -1px;
6110
}
6111
/********
6113
* Nemo *
6114
********/
6115
.nemo-window .primary-toolbar {
6116
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
6117
}
6118
.nemo-window .primary-toolbar entry {
6120
min-height: 0;
6121
margin: 0;
6122
}
6123
.nemo-window .primary-toolbar button.text-button {
6125
padding-left: 8px;
6126
padding-right: 8px;
6127
}
6128
.nemo-window .primary-toolbar button:not(.text-button):not(.image-button) {
6130
padding-left: 4px;
6131
padding-right: 4px;
6132
}
6133
.nemo-window scrolledwindow.frame {
6135
border-style: none;
6136
}
6137
.nemo-window scrolledwindow.frame .view:not(:selected) {
6139
background-color: transparent;
6140
}
6141
.nemo-window infobar {
6143
margin-top: -6px;
6144
}
6145
.nemo-window .nemo-inactive-pane .view:not(:selected) {
6147
background-color: #FAFAFA;
6148
}
6149
.nemo-window .nemo-window-pane widget.entry {
6151
border-radius: 4px;
6152
background-color: rgba(0, 0, 0, 0.04);
6153
}
6154
.places-treeview {
6156
-NemoPlacesTreeView-disk-full-bg-color: rgba(182, 182, 182, 0.961);
6157
-NemoPlacesTreeView-disk-full-fg-color: #4285F4;
6158
-NemoPlacesTreeView-disk-full-bar-width: 2px;
6159
-NemoPlacesTreeView-disk-full-bar-radius: 0;
6160
-NemoPlacesTreeView-disk-full-bottom-padding: 1px;
6161
-NemoPlacesTreeView-disk-full-max-length: 80px;
6162
}
6163
/* GTK NAMED COLORS
6165
----------------
6166
use responsibly! */
6167
/*
6168
widget text/foreground color */
6169
@define-color theme_fg_color rgba(0, 0, 0, 0.87);
6170
/*
6171
text color for entries, views and content in general */
6172
@define-color theme_text_color rgba(0, 0, 0, 0.87);
6173
/*
6174
widget base background color */
6175
@define-color theme_bg_color #F2F2F2;
6176
/*
6177
text widgets and the like base background color */
6178
@define-color theme_base_color #FFFFFF;
6179
/*
6180
base background color of selections */
6181
@define-color theme_selected_bg_color #4285F4;
6182
/*
6183
text/foreground color of selections */
6184
@define-color theme_selected_fg_color white;
6185
/*
6186
base background color of insensitive widgets */
6187
@define-color insensitive_bg_color #F2F2F2;
6188
/*
6189
text foreground color of insensitive widgets */
6190
@define-color insensitive_fg_color rgba(0, 0, 0, 0.38);
6191
/*
6192
insensitive text widgets and the like base background color */
6193
@define-color insensitive_base_color #FAFAFA;
6194
/*
6195
widget text/foreground color on backdrop windows */
6196
@define-color theme_unfocused_fg_color rgba(0, 0, 0, 0.87);
6197
/*
6198
text color for entries, views and content in general on backdrop windows */
6199
@define-color theme_unfocused_text_color rgba(0, 0, 0, 0.87);
6200
/*
6201
widget base background color on backdrop windows */
6202
@define-color theme_unfocused_bg_color #F2F2F2;
6203
/*
6204
text widgets and the like base background color on backdrop windows */
6205
@define-color theme_unfocused_base_color #FFFFFF;
6206
/*
6207
base background color of selections on backdrop windows */
6208
@define-color theme_unfocused_selected_bg_color #4285F4;
6209
/*
6210
text/foreground color of selections on backdrop windows */
6211
@define-color theme_unfocused_selected_fg_color white;
6212
/*
6213
insensitive color on backdrop windows */
6214
@define-color unfocused_insensitive_color rgba(0, 0, 0, 0.38);
6215
/*
6216
widgets main borders color */
6217
@define-color borders rgba(0, 0, 0, 0.12);
6218
/*
6219
widgets main borders color on backdrop windows */
6220
@define-color unfocused_borders rgba(0, 0, 0, 0.12);
6221
/*
6222
these are pretty self explicative */
6223
@define-color warning_color #FBBC05;
6224
@define-color error_color #EA4335;
6225
@define-color success_color #34A853;
6226
/*
6227
these colors are exported for the window manager and shouldn't be used in applications,
6228
read if you used those and something break with a version upgrade you're on your own... */
6229
@define-color wm_title white;
6230
@define-color wm_unfocused_title rgba(255, 255, 255, 0.7);
6231
@define-color wm_highlight rgba(255, 255, 255, 0.1);
6232
@define-color wm_bg #383838;
6233
/*
6234
FIXME this is really an API */
6235
@define-color content_view_bg #FFFFFF;
6236
@define-color placeholder_text_color #757575;
6237