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: 36px;
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: 36px;
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: 2px;
256
margin-right: 6px;
257
}
258
spinbutton:not(.vertical) image.right,
260
entry image.right {
261
margin-left: 6px;
262
margin-right: 2px;
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: 6px 10px;
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: 6px;
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: 10px;
612
}
613
button.text-button.image-button label:last-child {
616
margin-right: 10px;
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: 12px 16px;
680
}
681
button.osd.image-button {
684
padding: 12px;
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: 4px;
792
padding-right: 4px;
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, .disclosure-button, .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: 6px;
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: 32px;
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 6px transparent;
979
}
980
spinbutton:not(.vertical) button.up:dir(ltr), spinbutton:not(.vertical) button.down:dir(rtl) {
982
margin-left: -3px;
983
}
984
spinbutton:not(.vertical) button.up:dir(rtl), spinbutton:not(.vertical) button.down:dir(ltr) {
986
margin-right: -3px;
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: 36px;
999
min-width: 48px;
1000
padding: 0;
1001
}
1002
spinbutton.vertical button {
1004
min-height: 36px;
1005
min-width: 48px;
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: -2px;
1044
}
1045
combobox button.combo cellview:dir(rtl) {
1047
margin-right: -2px;
1048
}
1049
combobox #gtk-combobox-popup-menu {
1051
padding: 2px 0;
1052
}
1053
combobox #gtk-combobox-popup-menu menuitem {
1055
min-height: 32px;
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: 6px;
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: 8px 2px;
1160
}
1161
.inline-toolbar {
1163
padding: 6px;
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: 6px;
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: 6px;
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: 48px;
1192
padding: 0 6px;
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: 6px;
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: 6px;
1464
margin-bottom: 6px;
1465
}
1466
headerbar separator {
1468
margin-top: 12px;
1469
margin-bottom: 12px;
1470
background-color: rgba(255, 255, 255, 0.12);
1471
}
1472
headerbar switch {
1474
margin-top: 12px;
1475
margin-bottom: 12px;
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: 6px;
1570
padding-right: 6px;
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: 6px 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: 6px;
2166
margin-right: -6px;
2167
}
2168
notebook > header tab button.flat:first-child {
2170
margin-left: -6px;
2171
margin-right: 6px;
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: 6px 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: 17px 12px;
2683
}
2684
scale.vertical {
2686
padding: 12px 17px;
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: 16px;
2698
padding-bottom: 16px;
2699
}
2700
scale.fine-tune.vertical {
2702
min-width: 4px;
2703
padding-left: 16px;
2704
padding-right: 16px;
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: 36px;
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: 36px;
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: 6px;
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: -6px;
3259
padding: 6px;
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: 6px;
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: 36px;
3753
min-height: 36px;
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: 36px;
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 225ms cubic-bezier(0.4, 0, 0.2, 1) 2 alternate;
3848
}
3849
.nautilus-operations-button-needs-attention-multiple {
3851
animation: needs_attention_keyframes 225ms cubic-bezier(0.4, 0, 0.2, 1) 4 alternate;
3852
}
3853
.nautilus-window .path-bar button label:not(:only-child):first-child {
3855
margin-left: 0;
3856
}
3857
.nautilus-window .path-bar button label:not(:only-child):last-child {
3859
margin-right: 0;
3860
}
3861
.path-bar-box.background.frame {
3863
border-style: none;
3864
background-color: transparent;
3865
}
3866
.nautilus-window .floating-bar {
3868
min-height: 32px;
3869
padding: 0;
3870
border-style: solid solid none;
3871
border-width: 1px;
3872
border-color: rgba(0, 0, 0, 0.12);
3873
border-radius: 5px 5px 0 0;
3874
background-color: rgba(255, 255, 255, 0.9);
3875
background-clip: padding-box;
3876
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), border-width 0;
3877
}
3878
.nautilus-window .floating-bar.bottom.left {
3880
margin-right: 7px;
3881
border-left-style: none;
3882
border-top-left-radius: 0;
3883
}
3884
.nautilus-window .floating-bar.bottom.right {
3886
margin-left: 7px;
3887
border-right-style: none;
3888
border-top-right-radius: 0;
3889
}
3890
.nautilus-window .floating-bar button {
3892
margin: 4px;
3893
}
3894
.disk-space-display.unknown {
3896
background-color: rgba(0, 0, 0, 0.26);
3897
color: rgba(0, 0, 0, 0.26);
3898
}
3899
.disk-space-display.used {
3901
background-color: #4285F4;
3902
color: #4285F4;
3903
}
3904
.disk-space-display.free {
3906
background-color: rgba(0, 0, 0, 0.12);
3907
color: rgba(0, 0, 0, 0.12);
3908
}
3909
.search-information {
3911
padding: 2px;
3912
background-color: #4285F4;
3913
color: white;
3914
}
3915
.conflict-row:not(:selected) {
3917
background-color: #feebb4;
3918
}
3919
.nautilus-window flowboxchild .icon-item-background {
3921
padding: 4px;
3922
border-radius: 4px;
3923
}
3924
.nautilus-window flowboxchild:selected {
3926
background-color: transparent;
3927
}
3928
dialog.background > box.dialog-vbox.vertical > grid.horizontal > scrolledwindow.frame {
3930
border-style: none;
3931
}
3932
dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child {
3934
margin: -6px 0 0 -6px;
3935
border-top: 1px solid rgba(0, 0, 0, 0.12);
3936
}
3937
dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child > label {
3939
margin: 0 8px;
3940
}
3941
dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child > box > button {
3943
border-radius: 0;
3944
}
3945
.nautilus-window > popover.menu:not(:last-child) {
3947
padding: 3px;
3948
}
3949
.nautilus-window > popover.menu:not(:last-child) > stack > box > box > box {
3951
margin-top: -6px;
3952
}
3953
.nautilus-window > popover.menu:not(:last-child) > stack > box > box > box > box {
3955
margin-bottom: -6px;
3956
}
3957
.nautilus-window > popover.menu:not(:last-child) > stack > box > box > box > box.linked {
3959
margin-top: 1px;
3960
}
3961
.nautilus-window > popover.menu:not(:last-child) separator {
3963
margin-bottom: -2px;
3964
}
3965
.nautilus-menu-sort-heading {
3967
margin: 1px 3px;
3968
font-weight: 500;
3969
}
3970
.nautilus-menu-sort-heading:disabled {
3972
color: rgba(0, 0, 0, 0.54);
3973
}
3974
.nautilus-window paned > separator {
3976
background-color: #F2F2F2;
3977
}
3978
/*********
3980
* gedit *
3981
*********/
3982
.open-document-selector-path-label {
3983
color: rgba(0, 0, 0, 0.54);
3984
font-size: smaller;
3985
}
3986
.gedit-document-panel {
3988
background-color: #FAFAFA;
3989
}
3990
.gedit-document-panel row button.flat {
3992
margin-top: 8px;
3993
margin-bottom: 8px;
3994
}
3995
.gedit-document-panel-group-row:not(:first-child) {
3997
border-top: 1px solid rgba(0, 0, 0, 0.12);
3998
}
3999
.gedit-side-panel-paned statusbar {
4001
border-top: 1px solid rgba(0, 0, 0, 0.12);
4002
}
4003
.gedit-search-slider {
4005
margin: 4px 4px 8px;
4006
}
4007
.gedit-search-slider .linked:not(.vertical) > entry {
4009
border-radius: 4px;
4010
}
4011
.gedit-search-slider .linked:not(.vertical) > entry .gedit-search-entry-occurrences-tag {
4013
all: unset;
4014
color: rgba(0, 0, 0, 0.54);
4015
}
4016
.gedit-search-slider .linked:not(.vertical) > entry:dir(ltr) {
4018
margin-right: -66px;
4019
padding-right: 66px;
4020
}
4021
.gedit-search-slider .linked:not(.vertical) > entry:dir(ltr) .gedit-search-entry-occurrences-tag {
4023
margin-left: 6px;
4024
}
4025
.gedit-search-slider .linked:not(.vertical) > entry:dir(ltr) image.right {
4027
margin-right: 0;
4028
}
4029
.gedit-search-slider .linked:not(.vertical) > entry:dir(rtl) {
4031
margin-left: -66px;
4032
padding-left: 66px;
4033
}
4034
.gedit-search-slider .linked:not(.vertical) > entry:dir(rtl) .gedit-search-entry-occurrences-tag {
4036
margin-right: 6px;
4037
}
4038
.gedit-search-slider .linked:not(.vertical) > entry:dir(rtl) image.left {
4040
margin-left: 0;
4041
}
4042
.gedit-search-slider .linked:not(.vertical) > entry:not(.error) {
4044
background-color: #FFFFFF;
4045
}
4046
.gedit-search-slider .linked:not(.vertical) > entry.error ~ button {
4048
color: rgba(255, 255, 255, 0.7);
4049
}
4050
.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:hover, .gedit-search-slider .linked:not(.vertical) > entry.error ~ button:active {
4052
color: white;
4053
}
4054
.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:disabled {
4056
color: rgba(255, 255, 255, 0.3);
4057
}
4058
.gedit-search-slider .linked > button {
4060
border: solid 6px transparent;
4061
border-radius: 9999px;
4062
}
4063
.gedit-search-slider .linked > button:last-child:dir(ltr), .gedit-search-slider .linked > button:not(:first-child):dir(rtl) {
4065
margin-left: -3px;
4066
}
4067
.gedit-search-slider .linked > button:first-child:dir(rtl), .gedit-search-slider .linked > button:not(:last-child):dir(ltr) {
4069
margin-right: -3px;
4070
}
4071
frame.gedit-map-frame > border:dir(ltr) {
4073
border-style: none none none solid;
4074
}
4075
frame.gedit-map-frame > border:dir(rtl) {
4077
border-style: none solid none none;
4078
}
4079
/**********
4081
* Tweaks *
4082
**********/
4083
.tweak-categories {
4084
background-image: image(#FAFAFA);
4085
}
4086
.tweak {
4088
padding: 3px;
4089
}
4090
.tweak.title:hover {
4092
box-shadow: none;
4093
}
4094
.tweak-group-white,
4096
.tweak-white,
4097
.tweak-white:hover {
4098
background-image: image(#FFFFFF);
4099
}
4100
.tweak-startup,
4102
.tweak-startup:hover {
4103
background-image: image(#FFFFFF);
4104
}
4105
.tweak-group-startup {
4107
background-image: image(#FFFFFF);
4108
border: 1px solid rgba(0, 0, 0, 0.12);
4109
}
4110
row#Focus,
4112
row#ClickMethod,
4113
row#StaticWorkspaceTweak,
4114
row#dynamic-workspaces,
4115
row#PrimaryWorkspaceTweak,
4116
row#workspaces-only-on-primary {
4117
padding: 0;
4118
border: 1px solid rgba(0, 0, 0, 0.12);
4119
}
4120
row#Focus row:not(:last-child),
4122
row#ClickMethod row:not(:last-child),
4123
row#StaticWorkspaceTweak row:not(:last-child),
4124
row#dynamic-workspaces row:not(:last-child),
4125
row#PrimaryWorkspaceTweak row:not(:last-child),
4126
row#workspaces-only-on-primary row:not(:last-child) {
4127
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4128
}
4129
row#Focus.tweak > list,
4131
row#ClickMethod.tweak > list,
4132
row#StaticWorkspaceTweak.tweak > list,
4133
row#dynamic-workspaces.tweak > list,
4134
row#PrimaryWorkspaceTweak.tweak > list,
4135
row#workspaces-only-on-primary.tweak > list {
4136
margin-top: -3px;
4137
}
4138
row#Focus,
4140
row#ClickMethod,
4141
row#PrimaryWorkspaceTweak,
4142
row#workspaces-only-on-primary {
4143
margin-top: 4px;
4144
}
4145
/***********
4147
* Builder *
4148
***********/
4149
layouttabbar {
4150
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4151
background-color: #F2F2F2;
4152
}
4153
layouttabbar > box > button {
4155
margin: 2px 0;
4156
}
4157
layouttab {
4159
margin: 0 8px;
4160
border-style: none solid;
4161
border-width: 1px;
4162
border-color: rgba(0, 0, 0, 0.12);
4163
box-shadow: inset 0 -2px #4285F4;
4164
background-color: #FFFFFF;
4165
}
4166
layouttab separator.vertical {
4168
margin: 8px 4px;
4169
}
4170
layouttab button.text-button, layouttab button.image-button, layouttab button {
4172
margin-top: 8px;
4173
margin-bottom: 8px;
4174
padding: 0 4px;
4175
}
4176
layout {
4178
border: 1px solid rgba(0, 0, 0, 0.12);
4179
-PnlDockBin-handle-size: 1;
4180
}
4181
entry.search-missing {
4183
background-color: #EA4335;
4184
color: white;
4185
}
4186
window.workbench treeview.image {
4188
color: rgba(0, 0, 0, 0.54);
4189
}
4190
popover.popover-selector list {
4192
padding: 6px;
4193
}
4194
popover.popover-selector list row {
4196
border-radius: 4px;
4197
}
4198
popover.popover-selector list row image:dir(ltr) {
4200
margin-right: 6px;
4201
}
4202
popover.popover-selector list row image:dir(rtl) {
4204
margin-left: 6px;
4205
}
4206
popover.popover-selector list row .accel:dir(ltr) {
4208
margin-left: 6px;
4209
}
4210
popover.popover-selector list row .accel:dir(rtl) {
4212
margin-right: 6px;
4213
}
4214
omnibar.linked:not(.vertical) entry {
4216
border-radius: 4px;
4217
}
4218
omnibar:not(:hover):not(:active) entry {
4220
color: rgba(0, 0, 0, 0.54);
4221
}
4222
popover.omnibar list row:not(:last-child) {
4224
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4225
}
4226
entry.preferences-search {
4228
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12);
4229
background-color: #FFFFFF;
4230
}
4231
preferences stacksidebar.sidebar list {
4233
background-color: #FAFAFA;
4234
}
4235
preferences stacksidebar.sidebar:dir(ltr) list, preferences stacksidebar.sidebar:dir(rtl) list {
4237
border-style: none;
4238
}
4239
preferences > box > box:dir(ltr) {
4241
border-right: 1px solid rgba(0, 0, 0, 0.12);
4242
}
4243
preferences > box > box:dir(rtl) {
4245
border-left: 1px solid rgba(0, 0, 0, 0.12);
4246
}
4247
popover.messagepopover.background {
4249
padding: 0;
4250
}
4251
popover.messagepopover .popover-action-area button {
4253
padding: 8px 16px;
4254
border-top: 1px solid rgba(0, 0, 0, 0.12);
4255
border-radius: 0;
4256
}
4257
popover.messagepopover .popover-action-area button:first-child {
4259
border-bottom-left-radius: 4px;
4260
}
4261
popover.messagepopover .popover-action-area button:last-child {
4263
border-bottom-right-radius: 4px;
4264
}
4265
popover.messagepopover .popover-content-area {
4267
margin: 16px;
4268
}
4269
popover.transfers list {
4271
background-color: transparent;
4272
}
4273
popover.transfers list row:not(:first-child) {
4275
border-top: 1px solid rgba(0, 0, 0, 0.12);
4276
}
4277
popover.transfers list row > box {
4279
padding: 10px;
4280
}
4281
dockbin {
4283
border: 1px solid rgba(0, 0, 0, 0.12);
4284
-PnlDockBin-handle-size: 1;
4285
}
4286
dockpaned {
4288
border: 1px solid rgba(0, 0, 0, 0.12);
4289
}
4290
eggsearchbar box.search-bar {
4292
padding: 0 8px;
4293
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4294
background-color: #F2F2F2;
4295
}
4296
docktabstrip {
4298
padding: 0 8px;
4299
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4300
background-color: #F2F2F2;
4301
}
4302
docktab {
4304
transition: all 100ms cubic-bezier(0, 0, 0.2, 1), background-size 0, background-image 0;
4305
min-height: 24px;
4306
min-width: 24px;
4307
margin-bottom: -1px;
4308
padding: 6px 6px;
4309
outline-offset: -6px;
4310
border-width: 1px;
4311
border-color: transparent;
4312
box-shadow: inset 0 -2px transparent;
4313
background-image: radial-gradient(circle farthest-corner at center, #4285F4 10%, transparent 0%);
4314
background-repeat: no-repeat;
4315
background-position: center;
4316
background-size: 0% 0%;
4317
color: rgba(0, 0, 0, 0.54);
4318
font-weight: 500;
4319
}
4320
docktab:hover {
4322
background-color: alpha(currentColor, 0.08);
4323
color: rgba(0, 0, 0, 0.87);
4324
}
4325
docktab:checked {
4327
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);
4328
box-shadow: inset 0 -2px #4285F4;
4329
background-color: transparent;
4330
background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%);
4331
background-size: 1000% 1000%;
4332
color: rgba(0, 0, 0, 0.87);
4333
}
4334
dockoverlayedge {
4336
background-color: #F2F2F2;
4337
}
4338
dockoverlayedge docktabstrip {
4340
padding: 0;
4341
border: none;
4342
}
4343
dockoverlayedge.left-edge docktab:hover {
4345
box-shadow: inset -2px 0 rgba(0, 0, 0, 0.26);
4346
}
4347
dockoverlayedge.left-edge docktab:checked {
4349
box-shadow: inset -2px 0 #4285F4;
4350
}
4351
dockoverlayedge.right-edge docktab:hover {
4353
box-shadow: inset 2px 0 rgba(0, 0, 0, 0.26);
4354
}
4355
dockoverlayedge.right-edge docktab:checked {
4357
box-shadow: inset 2px 0 #4285F4;
4358
}
4359
pillbox {
4361
background-color: #F2F2F2;
4362
border-radius: 4px;
4363
}
4364
layoutpane entry.search {
4366
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12);
4367
background-color: #FFFFFF;
4368
}
4369
editortweak entry.search {
4371
margin-bottom: -1px;
4372
box-shadow: none;
4373
}
4374
.gb-search-entry-occurrences-tag {
4376
box-shadow: none;
4377
background-color: transparent;
4378
}
4379
docktabstrip {
4381
min-height: 39px;
4382
}
4383
window.workbench preferences preferencesgroup list entry {
4385
padding-top: 8px;
4386
padding-bottom: 8px;
4387
}
4388
button.run-arrow-button {
4390
padding-left: 10px;
4391
padding-right: 10px;
4392
}
4393
button.dzlmenubutton image {
4395
min-width: 30px;
4396
}
4397
button.dzlmenubutton image.arrow {
4399
min-width: 27px;
4400
}
4401
button.dzlmenubuttonitem {
4403
color: rgba(0, 0, 0, 0.87);
4404
font-weight: normal;
4405
}
4406
button.dzlmenubuttonitem:disabled {
4408
color: rgba(0, 0, 0, 0.38);
4409
}
4410
idelayoutstackheader {
4412
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4413
}
4414
idelayoutstackheader button:checked {
4416
color: rgba(0, 0, 0, 0.87);
4417
}
4418
ideeditorutilities > dzldockpaned > box > stackswitcher {
4420
padding: 8px 0;
4421
background-color: #F2F2F2;
4422
}
4423
ideeditorutilities > dzldockpaned > box > stackswitcher:dir(ltr) {
4425
border-right: 1px solid rgba(0, 0, 0, 0.12);
4426
}
4427
ideeditorutilities > dzldockpaned > box > stackswitcher:dir(rtl) {
4429
border-left: 1px solid rgba(0, 0, 0, 0.12);
4430
}
4431
ideeditorutilities > dzldockpaned > box > stackswitcher button {
4433
border-radius: 0;
4434
outline-offset: -6px;
4435
box-shadow: none;
4436
background-color: transparent;
4437
}
4438
ideeditorutilities > dzldockpaned > box > stackswitcher button:active {
4440
background-image: radial-gradient(circle farthest-corner at center, rgba(66, 133, 244, 0.7) 10%, transparent 0%);
4441
}
4442
ideeditorutilities > dzldockpaned > box > stackswitcher button:checked {
4444
background-color: transparent;
4445
color: rgba(0, 0, 0, 0.87);
4446
}
4447
ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr) {
4449
margin-right: -1px;
4450
}
4451
ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):hover {
4453
box-shadow: inset -2px 0 rgba(0, 0, 0, 0.26);
4454
}
4455
ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):active, ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):checked {
4457
box-shadow: inset -2px 0 #4285F4;
4458
}
4459
ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl) {
4461
margin-left: -1px;
4462
}
4463
ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):hover {
4465
box-shadow: inset 2px 0 rgba(0, 0, 0, 0.26);
4466
}
4467
ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):active, ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):checked {
4469
box-shadow: inset 2px 0 #4285F4;
4470
}
4471
ideeditorsidebar notebook header {
4473
background: transparent;
4474
}
4475
popover.messagepopover list {
4477
border: 1px solid rgba(0, 0, 0, 0.12);
4478
}
4479
popover.messagepopover list row:not(:last-child) {
4481
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4482
}
4483
/**********
4485
* Photos *
4486
**********/
4487
GdMainIconView.content-view {
4488
-GdMainIconView-icon-size: 48;
4489
}
4490
.documents-counter {
4492
margin: 8px;
4493
border-radius: 9999px;
4494
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
4495
background-color: #4285F4;
4496
color: white;
4497
font-weight: bold;
4498
}
4499
.documents-scrolledwin.frame {
4501
border-style: none;
4502
}
4503
.documents-scrolledwin.frame frame.content-view > border {
4505
border-style: none;
4506
}
4507
.photos-fade-in {
4509
opacity: 1;
4510
transition: opacity 100ms cubic-bezier(0, 0, 0.2, 1);
4511
}
4512
.photos-fade-out {
4514
opacity: 0;
4515
transition: opacity 100ms cubic-bezier(0, 0, 0.2, 1);
4516
}
4517
overlay grid.horizontal > revealer > scrolledwindow.frame:dir(ltr) {
4519
border-style: none none none solid;
4520
}
4521
overlay grid.horizontal > revealer > scrolledwindow.frame:dir(rtl) {
4523
border-style: none solid none none;
4524
}
4525
/*********
4527
* Music *
4528
*********/
4529
.side-panel:dir(ltr) {
4530
border-style: solid;
4531
border-color: rgba(0, 0, 0, 0.12);
4532
}
4533
.side-panel:dir(rtl) {
4535
border-style: solid;
4536
border-color: rgba(0, 0, 0, 0.12);
4537
}
4538
.side-panel .view {
4540
background-image: image(#FAFAFA);
4541
}
4542
.side-panel .view:hover {
4544
background-image: image(rgba(240, 240, 240, 0.9935));
4545
}
4546
.side-panel .view:selected {
4548
background-image: image(#4285F4);
4549
}
4550
.side-panel .view:selected:hover {
4552
background-image: image(#4b8bf5);
4553
}
4554
.songs-list:hover {
4556
background-image: image(alpha(currentColor, 0.08));
4557
}
4558
frame.documents-dropdown {
4560
margin: 8px;
4561
}
4562
frame.documents-dropdown > border {
4564
border: none;
4565
}
4566
box.vertical > revealer > toolbar.search-bar {
4568
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
4569
background-clip: border-box;
4570
}
4571
box.vertical > revealer > toolbar.search-bar button > widget {
4573
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
4574
}
4575
/*********
4577
* To Do *
4578
*********/
4579
task-list-view taskrow {
4580
transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
4581
margin: 0 -8px;
4582
}
4583
task-list-view taskrow:hover {
4585
transition: none;
4586
}
4587
task-list-view taskrow label {
4589
margin: 0 8px;
4590
}
4591
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,
4593
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 {
4594
min-width: 16px;
4595
}
4596
task-list-view > box > revealer > box > button {
4598
margin: -6px;
4599
}
4600
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,
4602
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 {
4603
opacity: 1;
4604
}
4605
tasklistview taskrow {
4607
outline: none;
4608
}
4609
tasklistview taskrow entry, tasklistview taskrow entry:focus, tasklistview taskrow entry:disabled {
4611
box-shadow: none;
4612
}
4613
tasklistview taskrow image.dim-label, tasklistview taskrow .titlebar:not(headerbar) image.subtitle, .titlebar:not(headerbar) tasklistview taskrow image.subtitle,
4615
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 {
4616
min-width: 16px;
4617
}
4618
tasklistview > box > revealer > box > button {
4620
margin: -6px;
4621
}
4622
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,
4624
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 {
4625
opacity: 1;
4626
}
4627
/*******
4629
* eog *
4630
*******/
4631
#eog-thumb-nav scrolledwindow {
4632
border-top: none;
4633
}
4634
#eog-thumb-nav button {
4636
-gtk-outline-radius: 4px;
4637
}
4638
/*************
4640
* Evolution *
4641
*************/
4642
frame.taskbar > border {
4643
border-style: solid none none;
4644
}
4645
box.vertical > paned.horizontal notebook widget .frame {
4647
border-style: none;
4648
}
4649
/********
4651
* gitg *
4652
********/
4653
frame.commit-frame > border {
4654
border-style: solid none none;
4655
}
4656
/**************
4658
* Characters *
4659
**************/
4660
box.dialog-vbox scrolledwindow.related {
4661
border: 1px solid rgba(0, 0, 0, 0.12);
4662
}
4663
list.categories {
4665
background-image: image(#FAFAFA);
4666
}
4667
/*********
4669
* Boxes *
4670
*********/
4671
.transparent-bg + stack overlay > label {
4672
min-height: 24px;
4673
padding: 0 4px;
4674
border-radius: 4px;
4675
background-color: rgba(0, 0, 0, 0.6);
4676
color: white;
4677
}
4678
/**************
4680
* Calculator *
4681
**************/
4682
button.title label {
4683
min-height: 36px;
4684
}
4685
/*********
4687
* Geary *
4688
*********/
4689
.geary-titlebar-left:dir(ltr) {
4690
margin-right: 5px;
4691
padding-right: 0;
4692
}
4693
.geary-titlebar-left:dir(rtl) {
4695
margin-left: 5px;
4696
padding-left: 0;
4697
}
4698
.geary-titlebar-left > separator {
4700
background-color: rgba(0, 0, 0, 0.05);
4701
}
4702
.geary-titlebar-right:dir(ltr) {
4704
margin-left: -5px;
4705
}
4706
.geary-titlebar-right:dir(rtl) {
4708
margin-right: -5px;
4709
}
4710
/*********
4712
* Tilix *
4713
*********/
4714
overlay > revealer.left > scrolledwindow.frame,
4715
overlay > revealer.right > scrolledwindow.frame {
4716
border-style: none;
4717
box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22);
4718
}
4719
overlay > revealer.left > scrolledwindow.frame {
4721
margin-right: 32px;
4722
}
4723
overlay > revealer.right > scrolledwindow.frame {
4725
margin-left: 32px;
4726
}
4727
.terminix-session-sidebar,
4729
.tilix-session-sidebar {
4730
background-image: image(#FFFFFF);
4731
}
4732
.terminal-titlebar button {
4734
border-radius: 0;
4735
}
4736
button.image-button.session-new-button {
4738
min-width: 32px;
4739
}
4740
/**************
4742
* Terminator *
4743
**************/
4744
.terminator-terminal-window paned > separator {
4745
background-color: #F2F2F2;
4746
}
4747
.terminator-terminal-window notebook.frame {
4749
border-style: none;
4750
}
4751
/***********
4753
* Eclipse *
4754
***********/
4755
window.background > box.vertical > scrolledwindow > widget toolbar {
4756
padding: 2px;
4757
}
4758
window.background > box.vertical > scrolledwindow > widget toolbar separator,
4760
window.background > box.vertical > scrolledwindow > widget toolbar button {
4761
margin: 2px;
4762
}
4763
window.background > box.vertical > scrolledwindow > widget toolbar button {
4765
border-radius: 4px;
4766
}
4767
/************
4769
* Chromium *
4770
************/
4771
window.background.chromium {
4772
background-color: #F2F2F2;
4773
}
4774
window.background.chromium entry,
4776
window.background.chromium > button:not(.suggested-action):not(.destructive-action) {
4777
border: 1px solid rgba(0, 0, 0, 0.26);
4778
}
4779
window.background.chromium > button {
4781
box-shadow: none;
4782
background-size: auto;
4783
}
4784
window.background.chromium > button:hover {
4786
background-image: image(alpha(currentColor, 0.08));
4787
}
4788
window.background.chromium > button:active {
4790
background-image: image(alpha(currentColor, 0.24));
4791
}
4792
window.background.chromium headerbar button:active {
4794
background-size: 1000% 1000%;
4795
}
4796
window.background.chromium spinner {
4798
color: #4285F4;
4799
}
4800
window.background.chromium textview {
4802
background-color: #FFFFFF;
4803
}
4804
tooltip.background.chromium {
4806
background-color: #616161;
4807
}
4808
/***********
4810
* Firefox *
4811
***********/
4812
window.background:not(.csd) > widget > separator {
4813
color: rgba(0, 0, 0, 0.26);
4814
}
4815
window.background:not(.csd) > widget > scrollbar {
4817
background-clip: border-box;
4818
}
4819
window.background:not(.csd) > widget > scrollbar,
4821
window.background:not(.csd) > widget > frame > border {
4822
border-color: rgba(0, 0, 0, 0.26);
4823
}
4824
window.background:not(.csd) > widget > entry,
4826
window.background:not(.csd) > widget > button > button {
4827
border: 1px solid rgba(0, 0, 0, 0.26);
4828
border-radius: 5px;
4829
box-shadow: none;
4830
}
4831
window.background:not(.csd) > widget > entry {
4833
min-height: 30px;
4834
}
4835
window.background:not(.csd) > widget > entry:focus {
4837
border-color: #4285F4;
4838
}
4839
window.background:not(.csd) > widget > button > button {
4841
padding: 4px 8px;
4842
background-size: auto;
4843
}
4844
window.background:not(.csd) > widget > button > button:hover {
4846
background-image: image(alpha(currentColor, 0.08));
4847
}
4848
window.background:not(.csd) > widget > button > button:active {
4850
background-image: image(alpha(currentColor, 0.24));
4851
}
4852
window.background:not(.csd) > widget > checkbutton > check:not(:checked),
4854
window.background:not(.csd) > widget > radiobutton > radio:not(:checked) {
4855
color: #757575;
4856
}
4857
window.background:not(.csd) > widget > checkbutton > check:not(:checked):hover, window.background:not(.csd) > widget > checkbutton > check:not(:checked):active,
4859
window.background:not(.csd) > widget > radiobutton > radio:not(:checked):hover,
4860
window.background:not(.csd) > widget > radiobutton > radio:not(:checked):active {
4861
color: #212121;
4862
}
4863
window.background:not(.csd) > widget > checkbutton > check:not(:checked):disabled,
4865
window.background:not(.csd) > widget > radiobutton > radio:not(:checked):disabled {
4866
color: rgba(117, 117, 117, 0.5);
4867
}
4868
window.background:not(.csd) > window > menu,
4870
window.background:not(.csd) > menu > menu {
4871
border: none;
4872
}
4873
text:selected {
4875
background-color: #4285F4;
4876
color: white;
4877
}
4878
window.background:not(.csd) > widget > menubar {
4880
color: rgba(255, 255, 255, 0.7);
4881
}
4882
window.background:not(.csd) > widget > menubar:hover {
4884
color: white;
4885
}
4886
window.background:not(.csd) > widget > menubar:disabled {
4888
color: rgba(255, 255, 255, 0.3);
4889
}
4890
window.background:not(.csd) > widget > frame {
4892
color: rgba(0, 0, 0, 0.26);
4893
}
4894
window.background:not(.csd) > widget > checkbutton > check,
4896
window.background:not(.csd) > widget > radiobutton > radio {
4897
margin: 0;
4898
padding: 0;
4899
}
4900
window.background:not(.csd) > window.background > menu > separator {
4902
color: rgba(0, 0, 0, 0.12);
4903
}
4904
/************
4906
* Inkscape *
4907
************/
4908
#ToolboxCommon > #AuxToolbox #StyleSwatch {
4909
font-size: smaller;
4910
}
4911
#ToolboxCommon > #AuxToolbox #Kludge {
4913
padding: 0;
4914
}
4915
#ToolboxCommon > #AuxToolbox spinbutton,
4917
#ToolboxCommon > #AuxToolbox entry {
4918
min-height: 32px;
4919
}
4920
#ToolboxCommon > #AuxToolbox button:not(.up):not(.down) {
4922
min-height: 24px;
4923
min-width: 16px;
4924
padding: 4px 8px;
4925
border-radius: 4px;
4926
-gtk-outline-radius: 4px;
4927
}
4928
#ToolboxCommon > #AuxToolbox spinbutton button {
4930
border-width: 4px;
4931
}
4932
#ToolboxCommon > toolbar.vertical {
4934
margin-top: -4px;
4935
}
4936
#ToolboxCommon > toolbar.vertical button {
4938
min-height: 24px;
4939
min-width: 24px;
4940
padding: 4px;
4941
border-radius: 4px;
4942
-gtk-outline-radius: 4px;
4943
}
4944
#CanvasTable button {
4946
min-height: 16px;
4947
min-width: 16px;
4948
padding: 0;
4949
}
4950
#CanvasTable #HorizontalScrollbar {
4952
border-top: 1px solid rgba(0, 0, 0, 0.12);
4953
}
4954
#CanvasTable #VerticalScrollbar:dir(ltr) {
4956
border-left: 1px solid rgba(0, 0, 0, 0.12);
4957
}
4958
#CanvasTable #VerticalScrollbar:dir(rtl) {
4960
border-right: 1px solid rgba(0, 0, 0, 0.12);
4961
}
4962
#Canvas_and_Dock frame > border {
4964
border: none;
4965
}
4966
#Canvas_and_Dock widget > widget > button.flat {
4968
min-height: 16px;
4969
min-width: 16px;
4970
padding: 4px;
4971
}
4972
#Canvas_and_Dock widget > widget > box.horizontal image {
4974
padding: 4px;
4975
}
4976
#Canvas_and_Dock box.horizontal > box.vertical > button.flat {
4978
min-height: 16px;
4979
min-width: 24px;
4980
padding: 8px 4px;
4981
}
4982
/***********
4984
* Synapse *
4985
***********/
4986
/*********
4987
* Unity *
4988
*********/
4989
UnityDecoration {
4990
-UnityDecoration-extents: 28px 0 0 0;
4991
-UnityDecoration-input-extents: 8px;
4992
-UnityDecoration-shadow-offset-x: 0;
4993
-UnityDecoration-shadow-offset-y: 3px;
4994
-UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.48);
4995
-UnityDecoration-active-shadow-radius: 18px;
4996
-UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.32);
4997
-UnityDecoration-inactive-shadow-radius: 6px;
4998
-UnityDecoration-glow-size: 8px;
4999
-UnityDecoration-glow-color: #4285F4;
5000
-UnityDecoration-title-indent: 4px;
5001
-UnityDecoration-title-fade: 32px;
5002
-UnityDecoration-title-alignment: 0.0;
5003
}
5004
UnityDecoration .top {
5006
padding: 0 2px;
5007
border-style: none;
5008
border-radius: 4px 4px 0 0;
5009
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
5010
background-color: #383838;
5011
color: white;
5012
}
5013
UnityDecoration .top:backdrop {
5015
color: rgba(255, 255, 255, 0.7);
5016
}
5017
UnityDecoration .menuitem {
5019
color: rgba(255, 255, 255, 0.7);
5020
}
5021
UnityDecoration .menuitem:hover {
5023
box-shadow: inset 0 -2px currentColor;
5024
background-color: transparent;
5025
color: white;
5026
}
5027
.background:not(.csd) headerbar:not(.titlebar) {
5029
border-radius: 0;
5030
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
5031
}
5032
.background:not(.csd) headerbar:not(.titlebar).inline-toolbar {
5034
border-style: none;
5035
}
5036
UnityPanelWidget,
5038
.unity-panel {
5039
background-color: #212121;
5040
color: white;
5041
}
5042
UnityPanelWidget:backdrop,
5044
.unity-panel:backdrop {
5045
color: rgba(255, 255, 255, 0.7);
5046
}
5047
.unity-panel.menuitem,
5049
.unity-panel .menuitem {
5050
color: rgba(255, 255, 255, 0.7);
5051
}
5052
.unity-panel.menubar.menuitem:hover,
5054
.unity-panel.menubar .menuitem *:hover {
5055
box-shadow: inset 0 -2px currentColor;
5056
background-color: transparent;
5057
color: white;
5058
}
5059
.menu IdoPlaybackMenuItem.menuitem:active {
5061
-gtk-icon-source: -gtk-icontheme("process-working-symbolic");
5062
animation: spin 1s linear infinite;
5063
color: #4285F4;
5064
}
5065
/**************
5067
* Mate-Panel *
5068
**************/
5069
.mate-panel-menu-bar menubar,
5070
#PanelApplet-window-menu-applet-button {
5071
background-color: transparent;
5072
}
5073
.mate-panel-menu-bar {
5075
background-color: #212121;
5076
font-weight: 500;
5077
}
5078
.mate-panel-menu-bar:not(.popup) {
5080
color: rgba(255, 255, 255, 0.7);
5081
}
5082
.mate-panel-menu-bar button {
5084
min-height: 16px;
5085
min-width: 16px;
5086
padding: 0;
5087
border-radius: 0;
5088
}
5089
.mate-panel-menu-bar button:checked {
5091
background-color: rgba(255, 255, 255, 0.12);
5092
}
5093
PanelToplevel.horizontal > grid > button {
5095
min-width: 24px;
5096
}
5097
PanelToplevel.vertical > grid > button {
5099
min-height: 24px;
5100
}
5101
PanelSeparator {
5103
color: rgba(255, 255, 255, 0.12);
5104
}
5105
MatePanelAppletFrameDBus {
5107
border-style: solid;
5108
border-color: rgba(255, 255, 255, 0.12);
5109
}
5110
.mate-panel-menu-bar.horizontal MatePanelAppletFrameDBus {
5112
border-width: 0 1px;
5113
}
5114
.mate-panel-menu-bar.vertical MatePanelAppletFrameDBus {
5116
border-width: 1px 0;
5117
}
5118
.mate-panel-menu-bar menubar > menuitem {
5120
color: rgba(255, 255, 255, 0.7);
5121
}
5122
.mate-panel-menu-bar menubar > menuitem:hover {
5124
background-color: rgba(255, 255, 255, 0.12);
5125
color: white;
5126
}
5127
.mate-panel-menu-bar menubar > menuitem:disabled {
5129
color: rgba(255, 255, 255, 0.3);
5130
}
5131
.mate-panel-menu-bar.horizontal menubar > menuitem {
5133
padding: 0 8px;
5134
}
5135
.mate-panel-menu-bar.vertical menubar > menuitem {
5137
padding: 8px 0;
5138
}
5139
.mate-panel-menu-bar menubar menu > menuitem {
5141
min-height: 28px;
5142
padding: 0 6px;
5143
}
5144
.mate-panel-menu-bar #PanelApplet button {
5146
-GtkWidget-window-dragging: true;
5147
}
5148
.mate-panel-menu-bar #tasklist-button {
5150
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0/0 0 0px;
5151
}
5152
.mate-panel-menu-bar #tasklist-button:checked {
5154
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2/0 0 2px;
5155
}
5156
.mate-panel-menu-bar #tasklist-button image:dir(ltr), .mate-panel-menu-bar #tasklist-button label:dir(rtl) {
5158
padding-left: 4px;
5159
}
5160
.mate-panel-menu-bar #tasklist-button label:dir(ltr), .mate-panel-menu-bar #tasklist-button image:dir(rtl) {
5162
padding-right: 4px;
5163
}
5164
.mate-panel-menu-bar.vertical #tasklist-button {
5166
min-height: 32px;
5167
}
5168
.mate-panel-menu-bar.horizontal #showdesktop-button image {
5170
min-width: 24px;
5171
padding: 0 4px;
5172
}
5173
.mate-panel-menu-bar.vertical #showdesktop-button image {
5175
min-height: 24px;
5176
padding: 4px 0;
5177
}
5178
PanelApplet.wnck-applet .wnck-pager {
5180
background-color: transparent;
5181
color: #7BAAF7;
5182
}
5183
PanelApplet.wnck-applet .wnck-pager:hover {
5185
background-color: rgba(255, 255, 255, 0.12);
5186
}
5187
PanelApplet.wnck-applet .wnck-pager:active {
5189
background-color: rgba(255, 255, 255, 0.3);
5190
}
5191
PanelApplet.wnck-applet .wnck-pager:selected {
5193
background-color: #4285F4;
5194
}
5195
.mate-panel-menu-bar.horizontal #clock-applet-button label {
5197
padding: 0 8px;
5198
}
5199
.mate-panel-menu-bar.vertical #clock-applet-button label {
5201
padding: 8px 0;
5202
}
5203
#MatePanelPopupWindow {
5205
border: 1px solid rgba(0, 0, 0, 0.12);
5206
border-radius: 5px;
5207
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
5208
}
5209
#MatePanelPopupWindow frame > border {
5211
border-style: none;
5212
}
5213
#MatePanelPopupWindow button {
5215
padding: 4px 16px;
5216
}
5217
#MatePanelPopupWindow > frame > box > box > box > widget {
5219
color: rgba(0, 0, 0, 0.12);
5220
}
5221
na-tray-applet {
5223
-NaTrayApplet-icon-padding: 3px;
5224
-NaTrayApplet-icon-size: 16;
5225
}
5226
.mate-panel-menu-bar {
5228
-PanelMenuBar-icon-visible: true;
5229
}
5230
.mate-panel-applet-slider {
5232
border: 1px solid rgba(0, 0, 0, 0.12);
5233
border-radius: 5px;
5234
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
5235
background-color: #F2F2F2;
5236
}
5237
.mate-panel-applet-slider frame > border {
5239
border-style: none;
5240
}
5241
#PanelApplet:not(:selected) > box {
5243
transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
5244
}
5245
#PanelApplet:selected > box {
5247
background-color: rgba(255, 255, 255, 0.12);
5248
color: white;
5249
}
5250
#mate-menu {
5252
border: 1px solid rgba(0, 0, 0, 0.12);
5253
}
5254
#mate-menu button {
5256
min-height: 24px;
5257
min-width: 24px;
5258
padding: 4px 0;
5259
color: rgba(0, 0, 0, 0.87);
5260
font-weight: normal;
5261
}
5262
#mate-menu button label:not(:first-child) {
5264
color: rgba(0, 0, 0, 0.54);
5265
}
5266
#mate-menu entry {
5268
margin: 0 0 8px;
5269
}
5270
#mate-menu entry image {
5272
margin: 0;
5273
}
5274
#mate-menu entry + button {
5276
margin: 0 4px 8px;
5277
padding: 6px;
5278
}
5279
/*********************
5281
* CAJA File manager *
5282
*********************/
5283
.caja-navigation-window button.toggle.image-button {
5284
border-radius: 4px;
5285
}
5286
.caja-pathbar button {
5288
margin: 0 -1px 0 -2px;
5289
}
5290
.caja-pathbar button > widget {
5292
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
5293
-GtkArrow-arrow-scaling: 1;
5294
}
5295
.caja-side-pane notebook viewport.frame,
5297
.caja-side-pane notebook widget .vertical {
5298
background-color: #FFFFFF;
5299
}
5300
.caja-side-pane notebook,
5302
.caja-notebook {
5303
border-top: 1px solid rgba(0, 0, 0, 0.12);
5304
}
5305
.caja-side-pane notebook .frame,
5307
.caja-notebook .frame {
5308
border-style: none;
5309
}
5310
.caja-navigation-window statusbar {
5312
margin: 0 -10px;
5313
padding: 0 4px;
5314
border-top: 1px solid rgba(0, 0, 0, 0.12);
5315
}
5316
.caja-notebook frame > border {
5318
border-style: none;
5319
}
5320
#caja-extra-view-widget {
5322
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
5323
background-color: #F2F2F2;
5324
}
5325
#caja-extra-view-widget > box > box > label {
5327
font-weight: bold;
5328
}
5329
/*********
5331
* Pluma *
5332
*********/
5333
.pluma-window statusbar {
5334
margin: 0 -10px;
5335
padding: 0 4px;
5336
border-top: 1px solid rgba(0, 0, 0, 0.12);
5337
}
5338
.pluma-window statusbar frame > border {
5340
border-style: none;
5341
}
5342
.pluma-window statusbar frame button.flat {
5344
padding: 0 4px;
5345
border-radius: 0;
5346
}
5347
.pluma-window statusbar frame button.flat widget {
5349
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
5350
-GtkArrow-arrow-scaling: 1;
5351
}
5352
.pluma-print-preview toolbar {
5354
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
5355
}
5356
.pluma-window paned.horizontal box.vertical box.horizontal button.flat {
5358
margin: 1px;
5359
}
5360
.pluma-window paned.horizontal box.vertical .frame {
5362
border-style: none;
5363
}
5364
.pluma-window paned.horizontal box.vertical notebook.frame {
5366
margin-top: -1px;
5367
border-top: 1px solid rgba(0, 0, 0, 0.12);
5368
}
5369
.pluma-window paned.horizontal box.vertical notebook.frame box.vertical toolbar.horizontal {
5371
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
5372
}
5373
/*********
5375
* Atril *
5376
*********/
5377
.atril-window paned.horizontal box.vertical .frame {
5378
border-style: none;
5379
}
5380
.atril-window paned.horizontal box.vertical notebook .frame {
5382
border-top: 1px solid rgba(0, 0, 0, 0.12);
5383
}
5384
/* mate-screensaver lock dialog */
5386
.lock-dialog {
5387
border-radius: 4px;
5388
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);
5389
}
5390
.lock-dialog frame > border {
5392
border-style: none;
5393
}
5394
/* multimedia OSD */
5396
MsdOsdWindow.background.osd {
5397
border-radius: 4px;
5398
background-color: rgba(97, 97, 97, 0.9);
5399
color: white;
5400
}
5401
MsdOsdWindow.background.osd .trough {
5403
border-radius: 0;
5404
background-color: rgba(255, 255, 255, 0.12);
5405
}
5406
MsdOsdWindow.background.osd .progressbar {
5408
border-radius: 0;
5409
background-color: #4285F4;
5410
}
5411
/******************
5413
* Budgie Desktop *
5414
******************/
5415
.budgie-container {
5416
background-color: transparent;
5417
}
5418
.budgie-settings-window buttonbox.inline-toolbar {
5420
border-style: none none solid;
5421
}
5422
.budgie-settings-window buttonbox.inline-toolbar button {
5424
border-radius: 4px;
5425
-gtk-outline-radius: 4px;
5426
}
5427
.budgie-popover {
5429
border-style: solid;
5430
border-width: 1px;
5431
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.3);
5432
border-radius: 5px;
5433
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
5434
background-color: #FFFFFF;
5435
}
5436
.budgie-popover .container {
5438
padding: 2px;
5439
}
5440
.budgie-popover border {
5442
border: none;
5443
}
5444
.budgie-popover list {
5446
background-color: transparent;
5447
}
5448
.budgie-popover row {
5450
padding: 0;
5451
}
5452
.budgie-popover row:hover {
5454
box-shadow: none;
5455
}
5456
.budgie-popover button.flat:not(.image-button) {
5458
min-height: 28px;
5459
padding: 0 8px;
5460
color: rgba(0, 0, 0, 0.87);
5461
font-weight: normal;
5462
}
5463
.budgie-popover button.flat:not(.image-button):disabled {
5465
color: rgba(0, 0, 0, 0.38);
5466
}
5467
.budgie-popover.budgie-menu .container {
5469
padding: 0;
5470
}
5471
.budgie-popover.budgie-menu .sidebar,
5473
.budgie-popover.budgie-menu scrollbar,
5474
.budgie-popover.budgie-menu entry.search {
5475
background-color: transparent;
5476
}
5477
.budgie-popover.budgie-menu entry.search {
5479
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
5480
border-image: none;
5481
border-radius: 0;
5482
box-shadow: none;
5483
font-size: 120%;
5484
}
5485
.budgie-popover.budgie-menu button.flat:not(.image-button) {
5487
min-height: 32px;
5488
padding: 0 8px;
5489
border-radius: 0;
5490
}
5491
.budgie-popover.budgie-menu button.flat:not(.image-button):checked:disabled {
5493
background-color: transparent;
5494
}
5495
.budgie-popover.user-menu .container {
5497
padding: 8px;
5498
}
5499
.budgie-popover.user-menu separator {
5501
margin: 4px 0;
5502
}
5503
.budgie-popover.sound-popover separator {
5505
margin: 3px 0;
5506
}
5507
.budgie-popover.night-light-indicator .container {
5509
padding: 8px;
5510
}
5511
.budgie-popover.places-menu .container {
5513
padding: 8px;
5514
}
5515
.budgie-popover.places-menu .name-button image:dir(ltr) {
5517
margin-right: 3px;
5518
}
5519
.budgie-popover.places-menu .name-button image:dir(rtl) {
5521
margin-left: 3px;
5522
}
5523
.budgie-popover.places-menu .unmount-button {
5525
margin: 2px;
5526
padding: 0;
5527
}
5528
.budgie-popover.places-menu .places-list:not(.always-expand) {
5530
margin-top: 4px;
5531
padding-top: 4px;
5532
border-top: 1px solid rgba(0, 0, 0, 0.12);
5533
}
5534
.budgie-popover.places-menu .alternative-label {
5536
padding: 3px;
5537
font-size: 15px;
5538
}
5539
.budgie-popover.workspace-popover .container {
5541
padding: 8px;
5542
}
5543
.budgie-popover.workspace-popover separator {
5545
margin: 4px 0;
5546
}
5547
.budgie-popover.workspace-popover flowboxchild {
5549
padding: 0;
5550
}
5551
.workspace-switcher .workspace-layout {
5553
border: 0 solid rgba(255, 255, 255, 0.12);
5554
}
5555
.top .workspace-switcher .workspace-layout:dir(ltr),
5557
.bottom .workspace-switcher .workspace-layout:dir(ltr) {
5558
border-left-width: 1px;
5559
}
5560
.top .workspace-switcher .workspace-layout:dir(rtl),
5562
.bottom .workspace-switcher .workspace-layout:dir(rtl) {
5563
border-right-width: 1px;
5564
}
5565
.left .workspace-switcher .workspace-layout,
5567
.right .workspace-switcher .workspace-layout {
5568
border-top-width: 1px;
5569
}
5570
.workspace-switcher .workspace-item,
5572
.workspace-switcher .workspace-add-button {
5573
border: 0 solid rgba(255, 255, 255, 0.12);
5574
}
5575
.top .workspace-switcher .workspace-item:dir(ltr),
5577
.bottom .workspace-switcher .workspace-item:dir(ltr), .top
5578
.workspace-switcher .workspace-add-button:dir(ltr),
5579
.bottom
5580
.workspace-switcher .workspace-add-button:dir(ltr) {
5581
border-right-width: 1px;
5582
}
5583
.top .workspace-switcher .workspace-item:dir(rtl),
5585
.bottom .workspace-switcher .workspace-item:dir(rtl), .top
5586
.workspace-switcher .workspace-add-button:dir(rtl),
5587
.bottom
5588
.workspace-switcher .workspace-add-button:dir(rtl) {
5589
border-left-width: 1px;
5590
}
5591
.left .workspace-switcher .workspace-item,
5593
.right .workspace-switcher .workspace-item, .left
5594
.workspace-switcher .workspace-add-button,
5595
.right
5596
.workspace-switcher .workspace-add-button {
5597
border-bottom-width: 1px;
5598
}
5599
.workspace-switcher .workspace-item {
5601
transition: all 100ms cubic-bezier(0, 0, 0.2, 1);
5602
}
5603
.workspace-switcher .workspace-item.current-workspace {
5605
background-color: rgba(255, 255, 255, 0.12);
5606
}
5607
.workspace-switcher .workspace-add-button:hover {
5609
box-shadow: none;
5610
}
5611
.workspace-switcher .workspace-add-button:active {
5613
background-image: none;
5614
}
5615
.workspace-switcher .workspace-add-button:active image {
5617
margin: 1px 0 -1px;
5618
}
5619
.budgie-panel .workspace-switcher .workspace-icon-button {
5621
min-height: 24px;
5622
min-width: 24px;
5623
padding: 0;
5624
border-radius: 4px;
5625
}
5626
.budgie-panel {
5628
transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1);
5629
background-color: #212121;
5630
color: rgba(255, 255, 255, 0.7);
5631
font-weight: 500;
5632
}
5633
.budgie-panel.transparent {
5635
background-color: rgba(0, 0, 0, 0.6);
5636
}
5637
.budgie-panel button {
5639
min-height: 16px;
5640
min-width: 16px;
5641
padding: 0;
5642
border-radius: 0;
5643
}
5644
.budgie-panel button:checked {
5646
background-color: rgba(255, 255, 255, 0.12);
5647
}
5648
.budgie-panel.horizontal button {
5650
padding: 0 4px;
5651
}
5652
.budgie-panel.vertical button {
5654
padding: 4px 0;
5655
}
5656
.budgie-panel separator {
5658
background-color: rgba(255, 255, 255, 0.3);
5659
}
5660
.budgie-panel .alert {
5662
color: #EA4335;
5663
}
5664
.budgie-panel .titlebar:not(headerbar) {
5666
min-height: 0;
5667
padding: 0;
5668
box-shadow: none;
5669
background-color: transparent;
5670
color: white;
5671
}
5672
.budgie-panel .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action) {
5674
color: rgba(255, 255, 255, 0.7);
5675
}
5676
.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 {
5678
color: white;
5679
}
5680
.budgie-panel #tasklist-button {
5682
padding: 0 4px;
5683
}
5684
.budgie-panel.vertical #tasklist-button {
5686
min-height: 32px;
5687
}
5688
.budgie-panel button.flat.launcher {
5690
padding: 0;
5691
}
5692
.budgie-panel button.flat.launcher:not(:checked) {
5694
color: rgba(255, 255, 255, 0.5);
5695
}
5696
.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active {
5698
color: rgba(255, 255, 255, 0.7);
5699
}
5700
.budgie-panel button.flat.launcher:not(:checked):disabled {
5702
color: rgba(255, 255, 255, 0.3);
5703
}
5704
.top .budgie-panel #tasklist-button, .budgie-panel .top #tasklist-button, .top .budgie-panel button.flat.launcher, .budgie-panel .top button.flat.launcher {
5706
border-image: radial-gradient(circle closest-corner at center calc(1px), currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
5707
}
5708
.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,
5710
.top .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .top button.flat.launcher.running {
5711
border-image: radial-gradient(circle closest-corner at center calc(1px), currentColor 100%, transparent 0%) 2 0 0 0/2px 0 0 0;
5712
}
5713
.bottom .budgie-panel #tasklist-button, .budgie-panel .bottom #tasklist-button, .bottom .budgie-panel button.flat.launcher, .budgie-panel .bottom button.flat.launcher {
5715
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
5716
}
5717
.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,
5719
.bottom .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .bottom button.flat.launcher.running {
5720
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2 0/0 0 2px 0;
5721
}
5722
.left .budgie-panel #tasklist-button, .budgie-panel .left #tasklist-button, .left .budgie-panel button.flat.launcher, .budgie-panel .left button.flat.launcher {
5724
border-image: radial-gradient(circle closest-corner at calc(1px) center, currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
5725
}
5726
.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,
5728
.left .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .left button.flat.launcher.running {
5729
border-image: radial-gradient(circle closest-corner at calc(1px) center, currentColor 100%, transparent 0%) 0 0 0 2/0 0 0 2px;
5730
}
5731
.right .budgie-panel #tasklist-button, .budgie-panel .right #tasklist-button, .right .budgie-panel button.flat.launcher, .budgie-panel .right button.flat.launcher {
5733
border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0;
5734
}
5735
.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,
5737
.right .budgie-panel .pinned button.flat.launcher.running, .budgie-panel .pinned .right button.flat.launcher.running {
5738
border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, currentColor 100%, transparent 0%) 0 2 0 0/0 2px 0 0;
5739
}
5740
frame.raven-frame > border {
5742
border-style: none;
5743
box-shadow: 0 14px 14px rgba(0, 0, 0, 0.25), 0 10px 5px rgba(0, 0, 0, 0.22);
5744
}
5745
.top frame.raven-frame > border {
5747
margin-bottom: 32px;
5748
}
5749
.bottom frame.raven-frame > border {
5751
margin-top: 32px;
5752
}
5753
.left frame.raven-frame > border {
5755
margin-right: 32px;
5756
}
5757
.right frame.raven-frame > border {
5759
margin-left: 32px;
5760
}
5761
.raven {
5763
background-color: #FFFFFF;
5764
}
5765
.raven > box {
5767
margin-bottom: -10px;
5768
}
5769
.raven stackswitcher.linked > button {
5771
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #4285F4 0%, transparent 0%) 0 0 0/0 0 0px;
5772
border-radius: 0;
5773
}
5774
.raven stackswitcher.linked > button:checked {
5776
border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #4285F4 100%, transparent 0%) 0 0 2/0 0 2px;
5777
background-color: transparent;
5778
}
5779
.raven .raven-header {
5781
min-height: 36px;
5782
padding: 3px;
5783
}
5784
.raven .raven-header.top {
5786
padding: 0;
5787
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
5788
}
5789
.raven .raven-header.top stackswitcher button {
5791
margin: -4px 0 -5px;
5792
padding: 0 16px;
5793
min-height: 48px;
5794
}
5795
.raven .raven-header.bottom {
5797
border-top: 1px solid rgba(0, 0, 0, 0.12);
5798
}
5799
.raven stack .raven-header {
5801
margin-top: -6px;
5802
}
5803
.raven stack scrolledwindow .raven-header {
5805
margin-top: -8px;
5806
}
5807
.raven .raven-background {
5809
border-style: solid none;
5810
border-width: 1px;
5811
border-color: rgba(0, 0, 0, 0.12);
5812
background-color: #FFFFFF;
5813
}
5814
.raven .raven-background > overlay > widget > image {
5816
color: rgba(0, 0, 0, 0.12);
5817
}
5818
.raven scrolledwindow.raven-background {
5820
border-bottom-style: none;
5821
}
5822
.raven .powerstrip button {
5824
margin: 2px 0 1px;
5825
padding: 12px;
5826
}
5827
.raven .option-subtitle {
5829
font-size: smaller;
5830
}
5831
calendar.raven-calendar {
5833
border-style: none;
5834
background-color: transparent;
5835
}
5836
calendar.raven-calendar:selected {
5838
border-radius: 4px;
5839
}
5840
.raven-mpris {
5842
background-color: rgba(0, 0, 0, 0.6);
5843
color: white;
5844
}
5845
.raven-mpris label {
5847
min-height: 24px;
5848
}
5849
.raven-mpris button.image-button {
5851
padding: 12px;
5852
}
5853
.budgie-notification-window, .budgie-osd-window, .budgie-switcher-window {
5855
background-color: transparent;
5856
}
5857
.budgie-notification .notification-title, .budgie-switcher .notification-title {
5859
font-size: 120%;
5860
}
5861
.budgie-osd .budgie-osd-text {
5863
font-size: 120%;
5864
}
5865
.drop-shadow {
5867
margin: 5px 9px;
5868
padding: 3px;
5869
border-radius: 4px;
5870
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);
5871
background-color: #FFFFFF;
5872
}
5873
.drop-shadow .linked > button {
5875
border-radius: 4px;
5876
}
5877
.budgie-session-dialog, .budgie-polkit-dialog, .budgie-run-dialog {
5879
border-radius: 4px;
5880
background-color: #FFFFFF;
5881
}
5882
.budgie-session-dialog decoration, .budgie-polkit-dialog decoration, .budgie-run-dialog decoration {
5884
border-radius: 4px;
5885
}
5886
.budgie-session-dialog label:not(:last-child),
5888
.budgie-session-dialog .dialog-title {
5889
font-size: 120%;
5890
}
5891
.budgie-session-dialog .linked.horizontal > button {
5893
padding: 8px 16px;
5894
border-top: 1px solid rgba(0, 0, 0, 0.12);
5895
border-radius: 0;
5896
}
5897
.budgie-session-dialog .linked.horizontal > button:first-child {
5899
border-bottom-left-radius: 4px;
5900
}
5901
.budgie-session-dialog .linked.horizontal > button:last-child {
5903
border-bottom-right-radius: 4px;
5904
}
5905
.budgie-polkit-dialog .message {
5907
color: rgba(0, 0, 0, 0.54);
5908
}
5909
.budgie-polkit-dialog .failure {
5911
color: #EA4335;
5912
}
5913
.budgie-run-dialog {
5915
background-color: #FFFFFF;
5916
}
5917
.budgie-run-dialog entry.search {
5919
font-size: 120%;
5920
padding: 6px 14px;
5921
border-image: none;
5922
box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
5923
background-color: transparent;
5924
}
5925
.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,
5927
.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 {
5928
opacity: 1;
5929
}
5930
.budgie-run-dialog scrolledwindow {
5932
border-top: 1px solid rgba(0, 0, 0, 0.12);
5933
}
5934
/**************
5936
* Xfce4 Apps *
5937
**************/
5938
.XfceHeading {
5939
background-color: #FFFFFF;
5940
}
5941
/***************
5943
* xfce4-panel *
5944
***************/
5945
.xfce4-panel.background {
5946
border: none;
5947
background-color: #212121;
5948
color: rgba(255, 255, 255, 0.7);
5949
font-weight: 500;
5950
}
5951
.xfce4-panel.background button {
5953
min-height: 16px;
5954
min-width: 16px;
5955
padding: 0;
5956
border-radius: 0;
5957
}
5958
.xfce4-panel.background button:checked {
5960
background-color: rgba(255, 255, 255, 0.12);
5961
}
5962
.xfce4-panel.background .tasklist button {
5964
border-image: image(transparent) 0 0 2/0 0 2px;
5965
}
5966
.xfce4-panel.background .tasklist button:checked {
5968
border-image: image(currentColor) 0 0 2/0 0 2px;
5969
}
5970
.xfce4-panel.background .tasklist button image {
5972
padding: 4px;
5973
}
5974
wnck-pager:hover {
5976
background-color: rgba(255, 255, 255, 0.12);
5977
}
5978
wnck-pager:active {
5980
background-color: rgba(255, 255, 255, 0.3);
5981
}
5982
wnck-pager:selected {
5984
background-color: #4285F4;
5985
}
5986
XfdesktopIconView.view {
5988
border-radius: 4px;
5989
background-color: transparent;
5990
color: white;
5991
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
5992
}
5993
XfdesktopIconView.view:active {
5995
box-shadow: none;
5996
text-shadow: none;
5997
}
5998
XfdesktopIconView.view .rubberband {
6000
border-radius: 0;
6001
}
6002
#XfceNotifyWindow buttonbox {
6004
padding: 0;
6005
}
6006
#XfceNotifyWindow label#summary {
6008
font-weight: bold;
6009
}
6010
#xfwm-tabwin {
6012
padding: 12px;
6013
border-radius: 4px;
6014
-XfwmTabwinWidget-icon-size: 64px;
6015
-XfwmTabwinWidget-preview-size: 64px;
6016
}
6017
/**********
6019
* Thunar *
6020
**********/
6021
.thunar #location-toolbar {
6022
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
6023
}
6024
.thunar .standard-view.frame {
6026
border-style: none;
6027
}
6028
.thunar .sidebar .view:not(:selected) {
6030
background-color: transparent;
6031
}
6032
.thunar statusbar {
6034
margin: 0 -10px;
6035
padding: 0 4px;
6036
border-top: 1px solid rgba(0, 0, 0, 0.12);
6037
}
6038
/************************
6040
* LightDM GTK+ Greeter *
6041
************************/
6042
#panel_window {
6043
background-color: rgba(0, 0, 0, 0.3);
6044
color: white;
6045
}
6046
#panel_window menubar,
6048
#panel_window separator {
6049
background-color: transparent;
6050
}
6051
#panel_window separator {
6053
padding: 0 4px;
6054
}
6055
#panel_window separator:first-child {
6057
padding: 0 8px;
6058
}
6059
#panel_window menubar > menuitem {
6061
color: rgba(255, 255, 255, 0.7);
6062
}
6063
#panel_window menubar > menuitem:hover {
6065
color: white;
6066
}
6067
#panel_window menubar > menuitem:disabled label {
6069
color: rgba(255, 255, 255, 0.3);
6070
}
6071
#login_window,
6073
#shutdown_dialog,
6074
#restart_dialog {
6075
margin: 8px;
6076
border-radius: 4px;
6077
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);
6078
background-color: #FFFFFF;
6079
}
6080
#content_frame {
6082
padding-bottom: 20px;
6083
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
6084
}
6085
#buttonbox_frame {
6087
padding-top: 24px;
6088
}
6089
#buttonbox_frame button {
6091
margin: -16px;
6092
}
6093
#greeter_infobar {
6095
margin-top: -1px;
6096
}
6097
/********
6099
* Nemo *
6100
********/
6101
.nemo-window .primary-toolbar {
6102
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
6103
}
6104
.nemo-window .primary-toolbar entry {
6106
min-height: 0;
6107
margin: 0;
6108
}
6109
.nemo-window .primary-toolbar button.text-button {
6111
padding-left: 8px;
6112
padding-right: 8px;
6113
}
6114
.nemo-window .primary-toolbar button:not(.text-button):not(.image-button) {
6116
padding-left: 4px;
6117
padding-right: 4px;
6118
}
6119
.nemo-window scrolledwindow.frame {
6121
border-style: none;
6122
}
6123
.nemo-window scrolledwindow.frame .view:not(:selected) {
6125
background-color: transparent;
6126
}
6127
.nemo-window infobar {
6129
margin-top: -6px;
6130
}
6131
.nemo-window .nemo-inactive-pane .view:not(:selected) {
6133
background-color: #FAFAFA;
6134
}
6135
.nemo-window .nemo-window-pane widget.entry {
6137
border-radius: 4px;
6138
background-color: rgba(0, 0, 0, 0.04);
6139
}
6140
.places-treeview {
6142
-NemoPlacesTreeView-disk-full-bg-color: rgba(182, 182, 182, 0.961);
6143
-NemoPlacesTreeView-disk-full-fg-color: #4285F4;
6144
-NemoPlacesTreeView-disk-full-bar-width: 2px;
6145
-NemoPlacesTreeView-disk-full-bar-radius: 0;
6146
-NemoPlacesTreeView-disk-full-bottom-padding: 1px;
6147
-NemoPlacesTreeView-disk-full-max-length: 80px;
6148
}
6149
/* GTK NAMED COLORS
6151
----------------
6152
use responsibly! */
6153
/*
6154
widget text/foreground color */
6155
@define-color theme_fg_color rgba(0, 0, 0, 0.87);
6156
/*
6157
text color for entries, views and content in general */
6158
@define-color theme_text_color rgba(0, 0, 0, 0.87);
6159
/*
6160
widget base background color */
6161
@define-color theme_bg_color #F2F2F2;
6162
/*
6163
text widgets and the like base background color */
6164
@define-color theme_base_color #FFFFFF;
6165
/*
6166
base background color of selections */
6167
@define-color theme_selected_bg_color #4285F4;
6168
/*
6169
text/foreground color of selections */
6170
@define-color theme_selected_fg_color white;
6171
/*
6172
base background color of insensitive widgets */
6173
@define-color insensitive_bg_color #F2F2F2;
6174
/*
6175
text foreground color of insensitive widgets */
6176
@define-color insensitive_fg_color rgba(0, 0, 0, 0.38);
6177
/*
6178
insensitive text widgets and the like base background color */
6179
@define-color insensitive_base_color #FAFAFA;
6180
/*
6181
widget text/foreground color on backdrop windows */
6182
@define-color theme_unfocused_fg_color rgba(0, 0, 0, 0.87);
6183
/*
6184
text color for entries, views and content in general on backdrop windows */
6185
@define-color theme_unfocused_text_color rgba(0, 0, 0, 0.87);
6186
/*
6187
widget base background color on backdrop windows */
6188
@define-color theme_unfocused_bg_color #F2F2F2;
6189
/*
6190
text widgets and the like base background color on backdrop windows */
6191
@define-color theme_unfocused_base_color #FFFFFF;
6192
/*
6193
base background color of selections on backdrop windows */
6194
@define-color theme_unfocused_selected_bg_color #4285F4;
6195
/*
6196
text/foreground color of selections on backdrop windows */
6197
@define-color theme_unfocused_selected_fg_color white;
6198
/*
6199
insensitive color on backdrop windows */
6200
@define-color unfocused_insensitive_color rgba(0, 0, 0, 0.38);
6201
/*
6202
widgets main borders color */
6203
@define-color borders rgba(0, 0, 0, 0.12);
6204
/*
6205
widgets main borders color on backdrop windows */
6206
@define-color unfocused_borders rgba(0, 0, 0, 0.12);
6207
/*
6208
these are pretty self explicative */
6209
@define-color warning_color #FBBC05;
6210
@define-color error_color #EA4335;
6211
@define-color success_color #34A853;
6212
/*
6213
these colors are exported for the window manager and shouldn't be used in applications,
6214
read if you used those and something break with a version upgrade you're on your own... */
6215
@define-color wm_title white;
6216
@define-color wm_unfocused_title rgba(255, 255, 255, 0.7);
6217
@define-color wm_highlight rgba(255, 255, 255, 0.1);
6218
@define-color wm_bg #383838;
6219
/*
6220
FIXME this is really an API */
6221
@define-color content_view_bg #FFFFFF;
6222
@define-color placeholder_text_color #757575;
6223